/* PartyAnimals connected nightlife/editorial product layer — 2026-09-24. */

body.pa-theme-v1 .pa-editorial-hero,
body.pa-theme-v1 .pa-picks,
body.pa-theme-v1 .pa-club-life,
body.pa-theme-v1 .pa-track-radar,
body.pa-theme-v1 .pa-festival-watch,
body.pa-theme-v1 .pa-database-entry,
body.pa-theme-v1 .pa-entity-section,
body.pa-theme-v1 .pa-guide-events,
body.pa-theme-v1 .pa-guide-venues { margin-top: clamp(44px, 6vw, 78px); }

/* Hero: one real story + tonight utility. */
.pa-editorial-hero { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr); gap:18px; align-items:stretch; padding-top:24px; }
.pa-editorial-hero__lead { position:relative; min-height:clamp(460px,52vw,650px); overflow:hidden; border:1px solid rgba(255,255,255,.10); border-radius:20px; background:#111018; }
.pa-editorial-hero__media,.pa-editorial-hero__media img { position:absolute; inset:0; display:block; width:100%; height:100%; }
.pa-editorial-hero__media img { object-fit:cover; object-position:center; }
.pa-editorial-hero__scrim { position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,7,12,.06) 20%,rgba(8,7,12,.35) 54%,rgba(8,7,12,.97) 100%),linear-gradient(90deg,rgba(8,7,12,.5),transparent 72%); pointer-events:none; }
.pa-editorial-hero__content { position:absolute; z-index:2; right:0; bottom:0; left:0; max-width:850px; padding:clamp(24px,4vw,46px); }
.pa-editorial-hero__content h1 { max-width:16ch; margin:10px 0 14px; font-size:clamp(2.25rem,5.1vw,5.25rem); line-height:.96; letter-spacing:-.045em; text-wrap:balance; }
.pa-editorial-hero__content h1 a { color:#fff; text-decoration:none; }
.pa-editorial-hero__content p { max-width:62ch; margin:0 0 22px; color:#ded9e2; font-size:clamp(.92rem,1.3vw,1.08rem); line-height:1.55; }

.pa-hero-tonight { display:flex; min-width:0; flex-direction:column; padding:22px; border:1px solid rgba(255,255,255,.10); border-radius:20px; background:linear-gradient(180deg,rgba(28,22,34,.95),rgba(12,11,17,.98)); }
.pa-hero-tonight__head { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:5px 9px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.09); color:#ada5b2; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pa-hero-tonight__head strong { grid-column:1/-1; margin-top:3px; color:#fff; font-size:clamp(1.7rem,3vw,2.6rem); letter-spacing:-.035em; text-transform:none; }
.pa-hero-tonight__list { display:grid; gap:0; }
.pa-hero-tonight__list > a { display:grid; grid-template-columns:50px minmax(0,1fr) auto; gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid rgba(255,255,255,.08); color:#fff; text-decoration:none; }
.pa-hero-tonight__list time { color:var(--pa-lime,#d8ff62); font-size:.74rem; font-weight:850; }
.pa-hero-tonight__list span { min-width:0; }
.pa-hero-tonight__list strong { display:block; overflow:hidden; font-size:.94rem; line-height:1.22; text-overflow:ellipsis; }
.pa-hero-tonight__list small { display:block; margin-top:5px; overflow:hidden; color:#918a98; font-size:.67rem; text-overflow:ellipsis; white-space:nowrap; }
.pa-hero-tonight__list b { color:#ff71a7; font-size:1.15rem; }
.pa-hero-tonight__all { margin-top:auto; padding-top:18px; color:var(--pa-lime,#d8ff62); font-size:.78rem; font-weight:850; text-decoration:none; }

.pa-topic-strip { display:flex; gap:8px; margin-top:14px; overflow:auto; padding-block:4px; scrollbar-width:none; }
.pa-topic-strip::-webkit-scrollbar { display:none; }
.pa-topic-strip a { flex:0 0 auto; padding:9px 13px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background:rgba(255,255,255,.025); color:#cfc9d2; font-size:.68rem; font-weight:800; letter-spacing:.035em; text-decoration:none; }
.pa-topic-strip a:hover { border-color:rgba(216,255,98,.4); color:#fff; }

/* Program finder becomes the primary utility surface immediately after hero. */
body.pa-theme-v1.pa-home .pa-party-finder { margin-top:clamp(26px,4vw,44px); padding:clamp(22px,3vw,32px); border:1px solid rgba(216,255,98,.18); border-radius:20px; background:radial-gradient(circle at 0 0,rgba(216,255,98,.075),transparent 35%),#111018; }
.pa-party-finder__controls { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.pa-party-finder__days { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.pa-party-finder__controls button,.pa-party-finder__controls select,.pa-party-finder__controls input { min-height:42px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:#18151d; color:#f5f0f7; font:inherit; font-size:.76rem; }
.pa-party-finder__controls button { padding:0 14px; font-weight:800; cursor:pointer; }
.pa-party-finder__controls button.is-active { border-color:rgba(216,255,98,.55); background:rgba(216,255,98,.1); color:var(--pa-lime,#d8ff62); }
.pa-party-finder__controls select { min-width:150px; padding:0 34px 0 12px; }
.pa-party-finder__date { display:flex; align-items:center; gap:7px; padding-left:9px; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#99919f; font-size:.65rem; font-weight:800; text-transform:uppercase; }
.pa-party-finder__date input { border:0; background:transparent; padding:0 9px 0 0; }
.pa-party-finder__results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:20px; }
.pa-party-finder__results .pa-event-row { margin:0; }

/* Reset old magazine lead treatment: Friss hírek is now a calm 3-column section. */
body.pa-theme-v1.pa-home .pa-section--news .pa-card-grid--news { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.pa-theme-v1.pa-home .pa-section--news .pa-card-grid--news .pa-card:first-child { display:grid; grid-column:auto; grid-template-columns:minmax(0,1fr); min-height:0; }
body.pa-theme-v1.pa-home .pa-section--news .pa-card-grid--news .pa-card:first-child .pa-card__media { height:auto; aspect-ratio:16/10; }
body.pa-theme-v1.pa-home .pa-section--news .pa-card-grid--news .pa-card:first-child .pa-card__body { align-self:auto; padding:14px 14px 15px; }
body.pa-theme-v1.pa-home .pa-section--news .pa-card-grid--news .pa-card:first-child .pa-card__title { font-size:clamp(1rem,1.25vw,1.24rem); line-height:1.12; }

/* PartyAnimals Picks. */
.pa-picks__grid { display:grid; grid-template-columns:1.25fr .875fr .875fr; gap:14px; }
.pa-pick-card { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:#121017; }
.pa-pick-card__media { display:block; aspect-ratio:16/10; overflow:hidden; }
.pa-pick-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.pa-pick-card:hover .pa-pick-card__media img { transform:scale(1.025); }
.pa-pick-card__body { padding:18px; }
.pa-pick-card__body > span { color:#ff7eaf; font-size:.64rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.pa-pick-card h3 { margin:9px 0 6px; font-size:clamp(1.08rem,1.6vw,1.5rem); line-height:1.08; }
.pa-pick-card h3 a { color:#fff; text-decoration:none; }
.pa-pick-card small { color:#8e8793; }
.pa-pick-card p { margin:14px 0 0; color:#b7b0bb; font-size:.79rem; line-height:1.5; }
.pa-pick-card p strong { color:var(--pa-lime,#d8ff62); }
.pa-pick-card--lead .pa-pick-card__media { aspect-ratio:16/9; }
.pa-pick-card--lead h3 { font-size:clamp(1.35rem,2.3vw,2.1rem); }

/* Club Life: one editorial feature + compact secondary stories. */
.pa-club-life__grid { display:grid; grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,.775fr)); gap:14px; }
.pa-club-story { display:grid; min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#111017; }
.pa-club-story__media { display:block; aspect-ratio:16/10; overflow:hidden; }
.pa-club-story__media img { width:100%; height:100%; object-fit:cover; }
.pa-club-story > div { padding:16px; }
.pa-club-story > div > span { color:#ff75aa; font-size:.62rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.pa-club-story h3 { margin:8px 0 0; font-size:1rem; line-height:1.14; }
.pa-club-story h3 a { color:#fff; text-decoration:none; }
.pa-club-story p { color:#aea7b2; font-size:.82rem; line-height:1.5; }
.pa-club-story--lead { grid-row:span 2; }
.pa-club-story--lead .pa-club-story__media { aspect-ratio:16/9; }
.pa-club-story--lead h3 { font-size:clamp(1.4rem,2.5vw,2.35rem); }
.pa-club-story:nth-child(n+4) { grid-column:span 1; }

/* Track Radar + official Set of the Week embed. */
.pa-track-radar__layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.85fr); gap:18px; }
.pa-track-radar__list { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.1); }
.pa-track-radar__list li { display:grid; grid-template-columns:52px minmax(0,1fr); gap:10px; align-items:center; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.pa-track-radar__list li > span { color:#ff72a8; font-size:1.1rem; font-weight:900; }
.pa-track-radar__list a { color:#fff; text-decoration:none; }
.pa-track-radar__list strong { display:block; font-size:1rem; line-height:1.22; }
.pa-track-radar__list small { display:block; margin-top:5px; color:#817a88; font-size:.68rem; }
.pa-set-week { padding:18px; border:1px solid rgba(60,188,255,.2); border-radius:18px; background:rgba(60,188,255,.045); }
.pa-set-week > span { color:#7cd3ff; font-size:.64rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.pa-set-week h3 { margin:8px 0 14px; font-size:1.15rem; }
.pa-set-week h3 a { color:#fff; text-decoration:none; }
.pa-set-week__embed { overflow:hidden; border-radius:12px; aspect-ratio:16/9; background:#08080c; }
.pa-set-week__embed iframe { width:100%; height:100%; }

/* Festival Watch becomes data-like rather than another generic news grid. */
.pa-festival-watch__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.pa-festival-card { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#111017; }
.pa-festival-card__media { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; }
.pa-festival-card__media img { width:100%; height:100%; object-fit:cover; }
.pa-festival-card__media > span { position:absolute; top:12px; left:12px; padding:7px 9px; border:1px solid rgba(216,255,98,.35); border-radius:999px; background:rgba(8,8,12,.86); color:var(--pa-lime,#d8ff62); font-size:.56rem; font-weight:900; letter-spacing:.07em; }
.pa-festival-card > div { padding:16px; }
.pa-festival-card h3,.pa-festival-card h2 { margin:0; font-size:1.04rem; line-height:1.15; }
.pa-festival-card h3 a,.pa-festival-card h2 a { color:#fff; text-decoration:none; }
.pa-festival-card p { margin:9px 0 0; color:#8d8692; font-size:.7rem; }

/* Entry point for connected hub architecture. */
.pa-database-entry { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:30px; padding:clamp(24px,4vw,38px); border:1px solid rgba(255,255,255,.09); border-radius:20px; background:linear-gradient(135deg,rgba(255,63,159,.06),rgba(60,188,255,.04)),#101016; }
.pa-database-entry h2 { margin:8px 0; font-size:clamp(1.8rem,3vw,3rem); }
.pa-database-entry p { color:#a9a2ad; }
.pa-database-entry nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.pa-database-entry nav a { display:flex; min-width:0; min-height:120px; flex-direction:column; justify-content:flex-end; padding:16px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(255,255,255,.025); color:#fff; text-decoration:none; }
.pa-database-entry nav strong { font-size:1.05rem; }
.pa-database-entry nav span { margin-top:7px; color:#8f8894; font-size:.7rem; line-height:1.4; }

/* Topic hubs / evergreen guides / entity pages. */
.pa-hub-hero--editorial,.pa-guide-hero,.pa-entity-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.42fr); gap:30px; align-items:end; }
.pa-hub-hero__nav { display:flex; grid-column:1/-1; gap:8px; flex-wrap:wrap; }
.pa-hub-hero__nav a { padding:8px 12px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#aaa3ae; text-decoration:none; }
.pa-hub-hero__nav a.is-active { border-color:rgba(216,255,98,.35); color:var(--pa-lime,#d8ff62); }
.pa-hub-directory-promo { margin-top:60px; padding:28px; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#111017; }
.pa-hub-directory-promo a { color:var(--pa-lime,#d8ff62); font-weight:800; text-decoration:none; }

.pa-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:32px; }
.pa-guide-grid > a { position:relative; min-height:240px; padding:22px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:linear-gradient(160deg,rgba(255,63,159,.08),transparent 55%),#111017; color:#fff; text-decoration:none; }
.pa-guide-grid span { color:#ff75aa; font-size:.62rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.pa-guide-grid strong { display:block; max-width:12ch; margin-top:28px; font-size:clamp(1.45rem,2.4vw,2.25rem); line-height:1.02; }
.pa-guide-grid p { max-width:30ch; color:#a69faa; font-size:.8rem; line-height:1.5; }
.pa-guide-grid b { position:absolute; right:20px; bottom:18px; color:var(--pa-lime,#d8ff62); }
.pa-guide-events > h2,.pa-guide-venues > h2 { margin-bottom:18px; font-size:clamp(1.65rem,3vw,2.5rem); }

.pa-entity-hero { padding-top:clamp(34px,6vw,70px); }
.pa-entity-hero h1 { max-width:16ch; margin:8px 0 12px; font-size:clamp(2.8rem,6vw,6.2rem); line-height:.95; letter-spacing:-.05em; }
.pa-entity-hero > div > p { max-width:68ch; color:#aba4af; font-size:1rem; line-height:1.6; }
.pa-entity-facts { display:grid; gap:0; padding:18px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:#111017; }
.pa-entity-facts > div { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.pa-entity-facts span { display:block; color:#817a87; font-size:.6rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.pa-entity-facts strong { display:block; margin-top:4px; color:#fff; font-size:.86rem; }
.pa-entity-facts > a { padding-top:14px; color:var(--pa-lime,#d8ff62); font-size:.75rem; font-weight:850; text-decoration:none; }
.pa-entity-section > header { margin-bottom:18px; }
.pa-entity-section > header h2 { margin:6px 0 0; font-size:clamp(1.65rem,3vw,2.6rem); }
.pa-entity-events { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.pa-entity-back { display:flex; justify-content:space-between; gap:20px; margin-top:54px; padding-top:24px; border-top:1px solid rgba(255,255,255,.09); }
.pa-entity-back a { color:#cbc4ce; font-size:.78rem; font-weight:800; text-decoration:none; }

.pa-next-event { display:grid; gap:6px; margin:32px 0; padding:18px 20px; border:1px solid rgba(216,255,98,.18); border-radius:14px; background:rgba(216,255,98,.04); }
.pa-next-event > span { color:var(--pa-lime,#d8ff62); font-size:.62rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.pa-next-event strong a { color:#fff; text-decoration:none; }
.pa-next-event small { color:#918a96; }

@media (max-width:1024px) {
  .pa-editorial-hero { grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); }
  .pa-editorial-hero__content h1 { font-size:clamp(2.2rem,5vw,4.2rem); }
  .pa-picks__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-pick-card--lead { grid-column:1/-1; }
  .pa-club-life__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-club-story--lead { grid-column:1/-1; grid-row:auto; }
  .pa-festival-watch__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-database-entry { grid-template-columns:1fr; }
}

@media (max-width:760px) {
  .pa-editorial-hero { grid-template-columns:1fr; }
  .pa-editorial-hero__lead { min-height:500px; }
  .pa-hero-tonight { min-height:0; }
  .pa-party-finder__results,.pa-entity-events { grid-template-columns:1fr; }
  body.pa-theme-v1.pa-home .pa-section--news .pa-card-grid--news { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-track-radar__layout { grid-template-columns:1fr; }
  .pa-database-entry nav { grid-template-columns:1fr; }
  .pa-hub-hero--editorial,.pa-guide-hero,.pa-entity-hero { grid-template-columns:1fr; }
}

@media (max-width:560px) {
  .pa-editorial-hero { padding-top:10px; }
  .pa-editorial-hero__lead { min-height:440px; border-radius:14px; }
  .pa-editorial-hero__content { padding:20px; }
  .pa-editorial-hero__content h1 { font-size:clamp(2rem,10vw,3.1rem); }
  .pa-hero-tonight { padding:16px; border-radius:14px; }
  .pa-party-finder__controls,.pa-party-finder__days { align-items:stretch; }
  .pa-party-finder__controls label,.pa-party-finder__controls select { width:100%; }
  .pa-party-finder__date { width:100%; justify-content:space-between; }
  .pa-party-finder__date input { width:auto; }
  body.pa-theme-v1.pa-home .pa-section--news .pa-card-grid--news,.pa-picks__grid,.pa-club-life__grid,.pa-festival-watch__grid,.pa-guide-grid { grid-template-columns:1fr; }
  .pa-pick-card--lead { grid-column:auto; }
  .pa-club-story--lead { grid-column:auto; }
  .pa-entity-hero h1 { font-size:clamp(2.6rem,12vw,4.2rem); }
  .pa-entity-back { flex-direction:column; }
}

/* Artist Radar and finder footer. */
.pa-artist-radar { margin-top:clamp(44px,6vw,78px); }
.pa-artist-radar__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.pa-artist-radar__card { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#111017; }
.pa-artist-radar__media { display:block; aspect-ratio:4/3; overflow:hidden; }
.pa-artist-radar__media img { width:100%; height:100%; object-fit:cover; }
.pa-artist-radar__card > div { padding:15px; }
.pa-artist-radar__card span { color:#7cd3ff; font-size:.62rem; font-weight:850; letter-spacing:.08em; }
.pa-artist-radar__card h3 { margin:6px 0; font-size:1.05rem; }
.pa-artist-radar__card h3 a { color:#fff; text-decoration:none; }
.pa-artist-radar__card p { margin:0; color:#8e8793; font-size:.7rem; }
.pa-party-finder__all { margin:16px 0 0; text-align:right; }
.pa-party-finder__all a { color:var(--pa-lime,#d8ff62); font-size:.72rem; font-weight:850; text-decoration:none; }

@media (max-width:1024px) { .pa-artist-radar__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) {
  .pa-artist-radar__grid { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .pa-artist-radar__grid::-webkit-scrollbar { display:none; }
  .pa-artist-radar__card { flex:0 0 78%; scroll-snap-align:start; }
  .pa-hero-tonight__list { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-top:10px; }
  .pa-hero-tonight__list::-webkit-scrollbar { display:none; }
  .pa-hero-tonight__list > a { flex:0 0 88%; grid-template-columns:44px minmax(0,1fr) auto; border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:14px; scroll-snap-align:start; }
}

/* Official artist feeds: fresh tracks and long-form mixes. */
body.pa-theme-v1 .pa-fresh-tracks,
body.pa-theme-v1 .pa-official-mixes { margin-top:clamp(44px,6vw,78px); }
.pa-official-music-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.pa-official-music-card,.pa-official-mix-card { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#111017; }
.pa-official-music-card__thumb { display:block; aspect-ratio:16/9; overflow:hidden; background:#09090d; }
.pa-official-music-card__thumb img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.pa-official-music-card:hover .pa-official-music-card__thumb img,.pa-official-mix-card:hover .pa-official-music-card__thumb img { transform:scale(1.025); }
.pa-official-music-card__body { padding:16px; }
.pa-official-music-card__meta { display:flex; justify-content:space-between; gap:10px; margin-bottom:12px; color:#8f8895; font-size:.58rem; font-weight:850; letter-spacing:.065em; text-transform:uppercase; }
.pa-official-music-card__meta span { color:var(--pa-lime,#d8ff62); }
.pa-official-music-card__body > strong { display:block; color:#ff78ad; font-size:.68rem; letter-spacing:.04em; }
.pa-official-music-card h3,.pa-official-mix-card h3 { margin:7px 0 10px; font-size:1.02rem; line-height:1.18; }
.pa-official-music-card h3 a,.pa-official-mix-card h3 a { color:#fff; text-decoration:none; }
.pa-official-music-card small,.pa-official-mix-card small { color:#77717d; font-size:.66rem; }
.pa-official-music-card:not(:has(.pa-official-music-card__thumb)) { min-height:230px; background:radial-gradient(circle at 100% 0,rgba(255,85,0,.12),transparent 45%),#111017; }
.pa-official-music-card:not(:has(.pa-official-music-card__thumb)) .pa-official-music-card__body { display:flex; height:100%; flex-direction:column; justify-content:flex-end; }
.pa-official-mixes__layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); gap:16px; }
.pa-official-mix-feature { overflow:hidden; border:1px solid rgba(60,188,255,.18); border-radius:18px; background:#0f1016; }
.pa-official-mix-feature__media { aspect-ratio:16/9; background:#06070a; }
.pa-official-mix-feature__media iframe { width:100%; height:100%; border:0; }
.pa-official-mix-feature__media > a { display:grid; height:100%; place-items:center; color:#ff6a18; font-size:1.1rem; font-weight:900; text-decoration:none; }
.pa-official-mix-feature > div:last-child { padding:18px; }
.pa-official-mix-feature span { color:#7bd3ff; font-size:.61rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.pa-official-mix-feature strong { display:block; margin-top:10px; color:#ff78ad; font-size:.75rem; }
.pa-official-mix-feature h3 { margin:6px 0 0; font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.08; }
.pa-official-mix-feature h3 a { color:#fff; text-decoration:none; }
.pa-official-mixes__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.pa-official-mix-card .pa-official-music-card__body { min-height:150px; }
.pa-track-radar__list--wide { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:28px; }

@media (max-width:1024px) {
  .pa-official-music-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-official-mixes__layout { grid-template-columns:1fr; }
  .pa-official-mixes__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .pa-track-radar__list--wide { grid-template-columns:1fr; }
  .pa-official-mixes__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .pa-official-music-grid { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .pa-official-music-grid::-webkit-scrollbar { display:none; }
  .pa-official-music-card { flex:0 0 82%; scroll-snap-align:start; }
  .pa-official-mixes__grid { grid-template-columns:1fr; }
  .pa-official-mix-feature,.pa-official-music-card,.pa-official-mix-card { border-radius:14px; }
}