@import url('https://fonts.googleapis.com/css2?family=Allura&family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
:root{--dhr-bg:#0a0913;--dhr-purple:#c75cf3;--dhr-line:rgba(255,255,255,.13)}html{scroll-behavior:smooth}body.home-page{background:var(--dhr-bg)!important;color:#fff!important;font-family:Poppins,Arial,sans-serif!important;padding-bottom:115px!important;overflow-x:hidden}body.home-page #app{display:contents!important}body.home-page .xxl-original-engine{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;opacity:0!important}body.home-page> #app >header:not(.dhr-header),body.home-page> #app >footer:not(.dhr-footer){display:none!important}body.home-page .dhr-site{display:block!important;position:relative;z-index:20;color:white;font-family:Poppins,Arial,sans-serif} .dhr-site *{box-sizing:border-box}.dhr-site a{text-decoration:none;color:inherit}.dhr-header{height:66px;position:relative;z-index:40;background:rgba(14,10,26,.88);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(15px)}.dhr-header-inner{height:66px;max-width:1222px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:30px}.dhr-brand{display:flex;flex-direction:column;line-height:1;flex:none}.dhr-brand b{font-size:26px;letter-spacing:-1px;font-weight:900}.dhr-brand em{font-style:normal;background:linear-gradient(90deg,#f171f2,#a34dff);background-clip:text;-webkit-background-clip:text;color:transparent}.dhr-brand small{font-size:8px;letter-spacing:2.2px;margin-top:5px;font-weight:600}.dhr-nav{display:flex;gap:28px;margin-left:auto;align-items:center}.dhr-nav a{font-size:12px;font-weight:500;letter-spacing:.7px;white-space:nowrap}.dhr-nav a:hover{color:#dc8eff}.dhr-livepill{border:1px solid #ad50ed;border-radius:99px;padding:11px 19px;background:rgba(130,48,185,.19);font-size:13px;white-space:nowrap}.dhr-menu{border:0;background:none;color:#fff;font-size:25px;cursor:pointer}.dhr-drawer{display:none;position:absolute;top:66px;right:0;width:min(330px,100%);background:#161021;padding:16px 25px;box-shadow:0 20px 40px #0008}.dhr-drawer.open{display:grid}.dhr-drawer a{font-size:13px;padding:13px 0;border-bottom:1px solid #ffffff20}.dhr-main{margin:0!important;max-width:none!important}.dhr-hero{position:relative;isolation:isolate;min-height:820px;padding-top:0;background-color:#0a0913;background-image:linear-gradient(90deg,rgba(10,6,22,.67) 0%,rgba(10,6,22,.20) 54%,rgba(10,6,22,.10) 100%),linear-gradient(180deg,rgba(10,9,19,0) 18%,rgba(10,9,19,.23) 45%,rgba(10,9,19,.83) 73%,#0a0913 94%),url('/assets/images/hero/dj-anonim-radio-xxl-hero-desktop.webp');background-size:cover;background-position:center 26%;background-repeat:no-repeat}.dhr-hero-intro{max-width:1222px;margin:0 auto;min-height:395px;padding:90px 24px 42px 80px;position:relative;z-index:1}.dhr-kicker{font-size:11px;letter-spacing:2px;color:#f1d9ff;margin-bottom:13px}.dhr-hero h1{font-size:clamp(62px,8.3vw,100px)!important;line-height:.92!important;letter-spacing:-3px!important;margin:0!important;font-weight:900!important;color:white!important}.dhr-hero h1 span{background:linear-gradient(90deg,#f169f2,#a24aff);-webkit-background-clip:text;background-clip:text;color:transparent}.dhr-collection{font-size:clamp(11px,1.7vw,18px);letter-spacing:clamp(3px,1vw,10px);font-weight:600;margin-top:15px}.dhr-hero-intro p{font-size:19px;line-height:1.5;margin:20px 0;color:#fff}.dhr-herocta{display:inline-flex;align-items:center;gap:20px;background:#2d1738b5;border:1.5px solid #db59f5;border-radius:99px;color:#fff;padding:3px 22px 3px 3px;height:55px;font:500 17px Poppins;cursor:pointer;box-shadow:0 0 24px #b441db66}.dhr-herocta-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f16bdc,#9f3dea);color:#1a0820}.dhr-script{position:absolute;right:13%;top:105px;font:52px/1.05 Allura,cursive;transform:rotate(-10deg);text-shadow:0 0 15px #e37cff99;z-index:1}.dhr-script span{padding-left:35px}.dhr-cards{position:relative;z-index:2;max-width:1104px;margin:0 auto;padding:0 20px 42px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dhr-card{min-height:376px;position:relative;border-radius:16px;overflow:hidden;display:flex;align-items:stretch;border:1.5px solid var(--accent);background-image:linear-gradient(180deg,transparent 12%,rgba(13,8,22,.35) 36%,#150a21 69%),var(--cover);background-position:center,center top;background-size:cover;box-shadow:0 0 26px var(--glow);--accent:#e64ade;--glow:#e64ade33}.dhr-card-2{--accent:#26bff3;--glow:#26bff333;background-image:linear-gradient(180deg,transparent 12%,rgba(6,15,27,.45) 36%,#071724 69%),var(--cover)}.dhr-card-3{--accent:#f7a127;--glow:#f7a12733;background-image:linear-gradient(180deg,transparent 12%,rgba(26,12,6,.35) 36%,#201106 69%),var(--cover)}.dhr-number{position:absolute;top:15px;left:18px;font-size:13px}.dhr-onair{position:absolute;top:12px;right:12px;font-size:10px;border:1px solid #ffffff77;border-radius:99px;background:#120b19a8;padding:5px 11px}.dhr-card-bottom{margin-top:auto;width:100%;padding:20px 22px 22px}.dhr-card h2{font:800 clamp(23px,2.3vw,30px)/1.08 Poppins!important;color:var(--accent)!important;margin:0!important;white-space:nowrap;letter-spacing:-.5px}.dhr-card p{font-size:13px;margin:8px 0 0;color:#eee}.dhr-playrow{display:flex;gap:30px;align-items:center;margin-top:17px;padding-bottom:20px;border-bottom:1px solid #ffffff24}.dhr-play{width:60px;height:60px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--accent);color:#190c20;box-shadow:0 0 20px var(--glow)}.dhr-eq{height:30px;display:flex;align-items:center;gap:3px}.dhr-eq i{width:3px;height:45%;background:var(--accent);border-radius:2px;transform-origin:center;opacity:.9}.dhr-card.is-playing .dhr-eq i{animation:dhr-bars .75s ease-in-out infinite alternate}.dhr-eq i:nth-child(3n){animation-delay:.2s;height:80%}.dhr-eq i:nth-child(4n){animation-delay:.4s;height:30%}@keyframes dhr-bars{to{transform:scaleY(.35)}}.dhr-cardmeta{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:11px;gap:7px}.dhr-cardmeta small{font-size:10px;color:#ffffffa8}.dhr-cardmeta a{font-size:11px;color:#fff}.dhr-content{max-width:1104px;margin:-2px auto 0;padding:0 20px 20px}.dhr-sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.dhr-sectionhead h2{font:500 15px Poppins!important;letter-spacing:6px;margin:0!important}.dhr-sectionhead a{font-size:12px;color:#ddd}.dhr-tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--dhr-line);border-radius:8px;padding:7px 0;background:#ffffff05;min-height:100px}.dhr-track{display:flex;gap:12px;padding:0 9px;min-width:0;align-items:center;border-right:1px solid #ffffff22}.dhr-track:last-child{border-right:0}.dhr-track img{width:78px;height:78px;object-fit:cover;border-radius:4px;flex:none}.dhr-track>div{min-width:0;display:flex;flex-direction:column;gap:4px}.dhr-track b{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dhr-track span{font-size:11px;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dhr-track small{color:#d477f5;font-size:10px}.dhr-features{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--dhr-line);border-radius:10px;background:#ffffff05;padding:22px 0}.dhr-features a{display:flex;align-items:center;gap:13px;padding:0 16px;border-right:1px solid #ffffff22}.dhr-features a:last-child{border-right:0}.dhr-features strong{font-size:30px;font-weight:300}.dhr-features span{display:flex;flex-direction:column}.dhr-features b{font-size:12px;font-weight:600}.dhr-features small{font-size:11px;color:#aaa}.dhr-footer{max-width:1104px;margin:35px auto 0;padding:25px 20px 20px;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#aaa}.dhr-footer>div:last-child{display:flex;gap:16px;flex-wrap:wrap}.dhr-footer a{color:#ddd}.dhr-player{position:fixed;bottom:0;left:0;right:0;z-index:9999;height:112px;background:linear-gradient(180deg,#21162df7,#0d0a17fa);border-top:1px solid #ffffff24;border-radius:18px 18px 0 0;box-shadow:0 -8px 40px #0007;display:flex;align-items:center;justify-content:space-between;padding:12px max(30px,4vw);gap:20px;font-family:Poppins,Arial,sans-serif}.dhr-player:before{content:'';position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,#d452f4,#9b49ff,transparent)}.dhr-player-now{display:flex;align-items:center;gap:15px;width:35%;min-width:0}.dhr-player-now img{width:80px;height:80px;object-fit:cover;border-radius:5px}.dhr-player-now>div{min-width:0;display:flex;flex-direction:column}.dhr-player-now b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dhr-player-now span{font-size:12px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dhr-player-now small{font-size:12px;color:#d45af2}.dhr-controls{display:flex;align-items:center;justify-content:center;gap:25px}.dhr-controls button{background:transparent;border:0;color:#fff;cursor:pointer;font-size:15px}.dhr-controls .dhr-player-play{width:66px;height:66px;border:2px solid #d452f4;border-radius:50%;background:#ad48ec20;box-shadow:0 0 25px #c148ef66;font-size:24px}.dhr-player-right{width:30%;display:flex;align-items:center;justify-content:flex-end;gap:15px}.dhr-player-right input{width:130px;accent-color:#d452f4}.dhr-player-right a{font-size:24px;color:#fff}@media(max-width:1100px){.dhr-nav{gap:13px}.dhr-nav a{font-size:11px}.dhr-script{right:5%}.dhr-hero-intro{padding-left:40px}}@media(max-width:850px){.dhr-nav,.dhr-livepill{display:none}.dhr-menu{margin-left:auto}.dhr-hero{background-position:62% top}.dhr-script{display:none}.dhr-hero-intro{padding:60px 25px 30px;min-height:350px}.dhr-cards{grid-template-columns:1fr;max-width:550px}.dhr-card{min-height:345px}.dhr-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dhr-track:nth-child(2){border-right:0}.dhr-features{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.dhr-features a:nth-child(2){border-right:0}.dhr-player-right{display:none}.dhr-player-now{width:auto;flex:1}}@media(max-width:550px){body.home-page{padding-bottom:95px!important}.dhr-header-inner{padding:0 17px}.dhr-brand b{font-size:23px}.dhr-hero{background-image:linear-gradient(180deg,#0a091380 0%,#0a091390 38%,#0a0913 80%),url('/assets/images/hero/dj-anonim-radio-xxl-hero-mobile.webp');background-position:center top;background-size:100% 670px,cover}.dhr-hero-intro{padding:55px 19px 35px;min-height:340px}.dhr-hero h1{font-size:clamp(50px,13vw,70px)!important}.dhr-kicker{font-size:9px;letter-spacing:1px}.dhr-hero-intro p{font-size:16px}.dhr-collection{font-size:10px;letter-spacing:3px}.dhr-cards{padding:0 14px 32px;gap:16px}.dhr-card{min-height:340px}.dhr-tracks{grid-template-columns:1fr}.dhr-track{border-right:0;border-bottom:1px solid #ffffff20;padding:7px}.dhr-track:last-child{border-bottom:0}.dhr-features{grid-template-columns:1fr;padding:15px 0}.dhr-features a{border-right:0;padding:12px 22px}.dhr-sectionhead h2{letter-spacing:3px;font-size:13px!important}.dhr-player{height:85px;padding:8px 12px;gap:10px;border-radius:13px 13px 0 0}.dhr-player-now img{width:55px;height:55px}.dhr-player-now{gap:10px}.dhr-player-now b{font-size:13px}.dhr-player-now span,.dhr-player-now small{font-size:10px}.dhr-controls{gap:0}.dhr-controls button:not(.dhr-player-play){display:none}.dhr-controls .dhr-player-play{width:53px;height:53px;font-size:20px}.dhr-footer{margin-bottom:10px}}

/* RADIO XXL® — hero panoramic, full-bleed; desktop + mobile */
@media (min-width: 851px) {
  body.home-page .dhr-hero {
    width: 100%;
    max-width: none;
    background-size: 100% 100%, 100% 100%, 100% auto;
    background-position: center top, center top, center top;
    background-repeat: no-repeat;
  }
}
@media (min-width: 551px) and (max-width: 850px) {
  body.home-page .dhr-hero {
    background-size: 100% 100%, 100% 100%, auto 760px;
    background-position: center top, center top, 60% top;
    background-repeat: no-repeat;
  }
}
@media (max-width: 550px) {
  body.home-page .dhr-hero {
    background-size: 100% 100%, 100% auto;
    background-position: center top, center top;
    background-repeat: no-repeat;
  }
}

/* 29.10.2026 — HERO desktop full-bleed, DHR FM-style. Mobile unchanged. */
@media (min-width: 851px) {
  html body.home-page .dhr-site,
  html body.home-page .dhr-main { width: 100%; max-width: none; }
  html body.home-page .dhr-main > .dhr-hero {
    box-sizing: border-box;
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: none;
    margin-left: -50vw;
    margin-right: 0;
    min-height: max(820px, calc(100vh - 66px));
    min-height: max(820px, calc(100svh - 66px));
    background-size: cover, cover, cover;
    background-position: center center, center center, center 35%;
    background-repeat: no-repeat;
  }
}

/* RADIO XXL® — desktop hero edge-to-edge, header over image. Mobile untouched. */
@media (min-width: 851px) {
  html, body.home-page { overflow-x: clip !important; }
  body.home-page .dhr-site { width: 100% !important; max-width: none !important; }
  body.home-page .dhr-header {
    background: rgba(14,10,26,.48) !important;
    backdrop-filter: blur(16px) saturate(145%);
    -webkit-backdrop-filter: blur(16px) saturate(145%);
  }
  body.home-page .dhr-main { width: 100% !important; max-width: none !important; margin: 0 !important; }
  body.home-page .dhr-main > .dhr-hero {
    width: 100vw !important; max-width: none !important;
    position: relative !important; left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    min-height: max(820px, calc(100vh - 66px));
    background-image: none !important;
    isolation: isolate;
  }
  body.home-page .dhr-main > .dhr-hero::before {
    content: ''; position: absolute; z-index: -1;
    top: -66px; bottom: 0; left: 0; right: 0;
    background-color: #0a0913;
    background-image:
      linear-gradient(90deg, rgba(10,6,22,.66), rgba(10,6,22,.12) 55%, rgba(10,6,22,.10)),
      linear-gradient(180deg, rgba(10,9,19,.08) 0%, rgba(10,9,19,.12) 35%, rgba(10,9,19,.78) 75%, #0a0913 98%),
      url('/assets/images/hero/dj-anonim-radio-xxl-hero-desktop.webp');
    background-size: cover, cover, cover;
    background-position: center top, center top, center 32%;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  body.home-page .dhr-hero-intro { max-width: 1222px !important; margin-inline: auto !important; }
  body.home-page .dhr-cards { max-width: 1104px !important; margin-inline: auto !important; }
}

/* RADIO XXL®: meniul original, în aspectul actual DHR. Numai navigația. */
.dhr-header .dhr-drawer{width:min(365px,calc(100vw - 16px));max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;right:12px;top:66px;padding:13px 16px 20px;border:1px solid rgba(210,100,255,.25);border-radius:0 0 17px 17px;background:rgba(18,11,31,.97);backdrop-filter:blur(20px);box-shadow:0 24px 55px rgba(0,0,0,.65);z-index:80}
.dhr-header .dhr-drawer.open{display:flex;flex-direction:column}
.dhr-drawer-title{font-size:11px;font-weight:700;letter-spacing:2px;color:#d68df4;padding:11px 8px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.dhr-header .dhr-drawer>a{display:flex;align-items:center;gap:12px;padding:12px 9px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:500;transition:background .15s,color .15s;border-radius:5px}
.dhr-header .dhr-drawer>a span{width:22px;text-align:center;font-size:18px;color:#ce70f1;flex:none}
.dhr-header .dhr-drawer>a:hover,.dhr-header .dhr-drawer .dhr-submenu a:hover{background:rgba(188,83,241,.13);color:#fff}
.dhr-community{border-bottom:1px solid rgba(255,255,255,.08)}
.dhr-community summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 9px;font-size:13px;font-weight:500;list-style:none}
.dhr-community summary::-webkit-details-marker{display:none}
.dhr-community summary span{width:22px;text-align:center;font-size:18px;color:#ce70f1}
.dhr-community summary b{margin-left:auto;font-size:18px;font-weight:400;color:#ce70f1;transition:transform .2s}
.dhr-community[open] summary b{transform:rotate(180deg)}
.dhr-submenu{display:flex;flex-direction:column;padding:0 4px 10px 39px}
.dhr-header .dhr-submenu a{display:flex;flex-direction:column;gap:2px;padding:10px 9px;border-left:1px solid rgba(206,112,241,.3);font-size:12px}
.dhr-submenu small{font-size:10px;color:rgba(255,255,255,.55)}
@media(max-width:550px){.dhr-header .dhr-drawer{right:8px;top:66px;width:calc(100vw - 16px);max-height:calc(100dvh - 74px)}}

/* Unified navigation/player for inner pages */
body:not(.home-page){padding-bottom:125px!important}
body:not(.home-page) .dhr-site{position:relative;z-index:200;font-family:Poppins,Arial,sans-serif;color:#fff}
body:not(.home-page) .dhr-site *{box-sizing:border-box}
body:not(.home-page) .dhr-site a{text-decoration:none;color:inherit}
body:not(.home-page) .dhr-header{height:66px}
body:not(.home-page) .dhr-player{position:fixed;bottom:0;left:0;right:0;z-index:99999}
body:not(.home-page) .xxl-persistent-player{display:none!important}
body:not(.home-page) #app>main{min-height:40vh}
@media(max-width:700px){body:not(.home-page){padding-bottom:105px!important}}

/* Desktop: all navigation links are visible; mobile retains the original drawer. */
@media(min-width:1001px){
 .dhr-header .dhr-header-inner{max-width:1440px;gap:20px;padding-inline:24px}
 .dhr-header .dhr-nav{display:flex;gap:clamp(11px,1.35vw,25px);margin-left:auto;align-items:center}
 .dhr-header .dhr-nav>a{font-size:clamp(11px,.88vw,13px);font-weight:600;letter-spacing:0;text-transform:none}
 .dhr-header .dhr-menu,.dhr-header .dhr-livepill{display:none!important}
 .dhr-header .dhr-nav-account{padding:10px 13px;border:1px solid #a851db;border-radius:12px;background:rgba(150,60,211,.12)}
 .dhr-header .dhr-nav-community{position:relative;align-self:stretch;display:flex;align-items:center}
 .dhr-header .dhr-nav-community-trigger{font:600 clamp(11px,.88vw,13px) Poppins,Arial,sans-serif;color:#fff;border:0;background:transparent;cursor:pointer;padding:13px 0}
 .dhr-header .dhr-nav-community-trigger span{color:#c67aee;margin-left:3px}
 .dhr-header .dhr-nav-submenu{display:none;position:absolute;top:calc(100% - 2px);left:-16px;min-width:205px;padding:9px;background:#161021;border:1px solid #69368a;border-radius:12px;box-shadow:0 15px 40px #0009;z-index:100}
 .dhr-header .dhr-nav-community:hover .dhr-nav-submenu,.dhr-header .dhr-nav-community:focus-within .dhr-nav-submenu{display:flex;flex-direction:column}
 .dhr-header .dhr-nav-submenu a{padding:10px 12px;font-size:12px;white-space:nowrap;border-radius:6px}
 .dhr-header .dhr-nav-submenu a:hover{background:#4c2366}
 .dhr-header .dhr-drawer{display:none!important}
}
@media(max-width:1000px){
 .dhr-header .dhr-nav{display:none!important}
 .dhr-header .dhr-livepill{display:none!important}
 .dhr-header .dhr-menu{display:block!important;margin-left:auto}
}

/* Ajustare strict text decorativ HERO: pe desktop, in zona libera din stanga. */
@media (min-width: 1101px) {
  body.home-page .dhr-hero .dhr-script {
    left: max(24px, calc((100vw - 1560px) / 2 + 20px));
    right: auto;
    top: 125px;
    font-size: clamp(31px, 2.35vw, 41px);
    line-height: 1.1;
    text-align: center;
    transform: rotate(-8deg);
    max-width: 255px;
  }
  body.home-page .dhr-hero .dhr-script span { padding-left: 0; }
}
/* La ecrane desktop mai inguste, ascundem textul decorativ ca sa nu acopere titlul. */
@media (min-width:851px) and (max-width:1100px) {
  body.home-page .dhr-hero .dhr-script { display:none; }
}

/* Text decorativ centrat deasupra titlului RADIO XXL, numai pe desktop. */
@media (min-width: 1101px) {
  body.home-page .dhr-hero .dhr-script {
    left: calc(50% - 440px);
    right: auto;
    top: 61px;
    width: 320px;
    max-width: 320px;
    font-size: clamp(29px, 2.05vw, 36px);
    line-height: 1.03;
    text-align: center;
    transform: rotate(-7deg);
  }
}

/* Ajustare ceruta: textul decorativ mult mai spre dreapta si mai jos (desktop). */
@media (min-width: 1101px) {
  body.home-page .dhr-hero .dhr-script {
    left: calc(50% - 170px);
    top: 270px;
  }
}

/* Reglaj final text decorativ: mai la dreapta, putin mai mare, doar desktop. */
@media (min-width: 1101px) {
  body.home-page .dhr-hero .dhr-script {
    left: calc(50% - 70px);
    font-size: clamp(35px, 2.5vw, 43px);
    width: 340px;
    max-width: 340px;
  }
}

/* Mobile only: apropie fotografia HERO de meniu, fara schimbari de layout.
   Fundalul mobil este ridicat; continutul, cardurile si playerul raman pe loc. */
@media (max-width: 550px) {
  body.home-page .dhr-hero {
    background-position: center top, center -40px !important;
  }
}

/* Mobile: elimina banda dintre meniu si fotografie, fara a deplasa
   textele, cardurile sau playerul. Desktop neafectat. */
@media (max-width:550px) {
  body.home-page .dhr-main > .dhr-hero {
    margin-top: -45px !important;
    padding-top: 45px !important;
  }
}

/* Culori doar pentru cardurile din Ultimele melodii */
.dhr-track-station-0{border-color:rgba(207,77,230,.35)!important}.dhr-track-station-0 small{color:#d66bea!important}
.dhr-track-station-1{border-color:rgba(34,211,238,.4)!important}.dhr-track-station-1 small{color:#22d3ee!important}
.dhr-track-station-2{border-color:rgba(245,158,11,.4)!important}.dhr-track-station-2 small{color:#f5a623!important}

/* Indicatorul postului ascultat; vizibil numai cât audio redă efectiv. */
.dhr-card{position:relative}
.dhr-card .xxl-now-playing-badge{position:absolute;left:12px;top:42px;z-index:8;max-width:calc(100% - 24px);padding:7px 12px;border-radius:999px;color:#fff;background:rgba(18,12,28,.9);border:1px solid rgba(255,255,255,.45);box-shadow:0 3px 15px #0006;font-size:10px;font-weight:700;letter-spacing:.05em;pointer-events:none}
.dhr-card .xxl-now-playing-badge::after{content:' ';display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:#d64cf0;vertical-align:middle;box-shadow:0 0 8px #d64cf0}
.dhr-card.dhr-card-2 .xxl-now-playing-badge::after{background:#22d3ee;box-shadow:0 0 8px #22d3ee}
.dhr-card.dhr-card-3 .xxl-now-playing-badge::after{background:#f59e0b;box-shadow:0 0 8px #f59e0b}
.dhr-card .xxl-now-playing-badge[hidden]{display:none!important}

/* Mobile only: apropie fotografia HERO de meniu, fara schimbari de layout.
   Fundalul mobil este ridicat; continutul, cardurile si playerul raman pe loc. */
@media (max-width: 550px) {
  body.home-page .dhr-hero {
    background-position: center top, center -40px !important;
  }
}

/* Mobile: elimina banda dintre meniu si fotografie, fara a deplasa
   textele, cardurile sau playerul. Desktop neafectat. */
@media (max-width:550px) {
  body.home-page .dhr-main > .dhr-hero {
    margin-top: -45px !important;
    padding-top: 45px !important;
  }
}

/* RADIO XXL® – finisaj vizual al butonului central, fara schimbari audio.
   Culoarea urmeaza postul care se reda in cardurile homepage. */
.dhr-player .dhr-controls .dhr-player-play {
  --xxl-player-accent: #d64cf0;
  width: 72px;
  height: 72px;
  border: 2px solid var(--xxl-player-accent);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--xxl-player-accent) 23%, transparent), rgba(17,10,28,.94) 75%);
  color: #fff;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--xxl-player-accent) 8%, transparent),
              0 0 22px color-mix(in srgb, var(--xxl-player-accent) 50%, transparent),
              inset 0 0 14px color-mix(in srgb, var(--xxl-player-accent) 13%, transparent);
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease, background .2s ease;
}
.dhr-player .dhr-controls .dhr-player-play:hover {
  transform: scale(1.055);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--xxl-player-accent) 12%, transparent),
              0 0 30px color-mix(in srgb, var(--xxl-player-accent) 65%, transparent);
}
body:has(.dhr-card-2.is-playing) .dhr-player .dhr-player-play { --xxl-player-accent: #22d3ee; }
body:has(.dhr-card-3.is-playing) .dhr-player .dhr-player-play { --xxl-player-accent: #f59e0b; }
@media(max-width:550px) {
  .dhr-player .dhr-controls .dhr-player-play { width: 55px; height: 55px; }
}
@media(prefers-reduced-motion:reduce) {
  .dhr-player .dhr-controls .dhr-player-play { transition:none; }
}

/* RADIO XXL® – linia superioara si volumul urmaresc exact culoarea
   butonului Play/Pause. Nu se schimba structura sau logica audio. */
.dhr-player {
  --xxl-player-accent: #d64cf0;
}
body:has(.dhr-card-2.is-playing) .dhr-player { --xxl-player-accent: #22d3ee; }
body:has(.dhr-card-3.is-playing) .dhr-player { --xxl-player-accent: #f59e0b; }
.dhr-player::before {
  background: linear-gradient(90deg, transparent, var(--xxl-player-accent), transparent);
  box-shadow: 0 0 10px color-mix(in srgb, var(--xxl-player-accent) 45%, transparent);
}
.dhr-player .dhr-player-right input[type="range"] {
  accent-color: var(--xxl-player-accent);
}

/* Sincronizare exacta cu postul afisat de player, inclusiv la sagetile stanga/dreapta. */
.dhr-player[data-xxl-station="radio_xxl"]{--xxl-player-accent:#d64cf0!important}
.dhr-player[data-xxl-station="manele_xxl"]{--xxl-player-accent:#22d3ee!important}
.dhr-player[data-xxl-station="afro_house_xxl"]{--xxl-player-accent:#f59e0b!important}
.dhr-player[data-xxl-station="radio_xxl"] .dhr-player-play{--xxl-player-accent:#d64cf0!important}
.dhr-player[data-xxl-station="manele_xxl"] .dhr-player-play{--xxl-player-accent:#22d3ee!important}
.dhr-player[data-xxl-station="afro_house_xxl"] .dhr-player-play{--xxl-player-accent:#f59e0b!important}

/* RADIO XXL® — navigatie vizibila la derulare, fara modificarea layout-ului. */
.dhr-site > .dhr-header, .dhr-header {position:sticky!important;top:0!important;z-index:10000!important;}
html{scroll-padding-top:76px;}


/* RADIO XXL 2026-10-31 — patru actiuni premium compacte; numai homepage */
body.home-page .dhr-content .dhr-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin-top:20px;background:transparent;border:0;border-radius:0}
body.home-page .dhr-content .dhr-features>a{--feature:#bc74ed;position:relative;isolation:isolate;display:flex;align-items:center;min-width:0;min-height:104px;padding:18px 14px;gap:11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--feature) 40%,transparent);border-radius:13px;background:linear-gradient(115deg,color-mix(in srgb,var(--feature) 13%,#11101b),#10101a 80%);box-shadow:inset 0 1px 0 #ffffff13,0 7px 20px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}
body.home-page .dhr-content .dhr-features>a:nth-child(2){--feature:#22d3ee}
body.home-page .dhr-content .dhr-features>a:nth-child(3){--feature:#43d39a}
body.home-page .dhr-content .dhr-features>a:nth-child(4){--feature:#f0a650}
body.home-page .dhr-content .dhr-features>a::after{content:'↗';position:absolute;top:12px;right:12px;color:var(--feature);font-size:15px;opacity:.85}
body.home-page .dhr-content .dhr-features>a:hover{transform:translateY(-3px);border-color:var(--feature);box-shadow:0 12px 28px #0006}
body.home-page .dhr-content .dhr-features>a:focus-visible{outline:2px solid var(--feature);outline-offset:3px}
body.home-page .dhr-content .dhr-features>a>strong{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border:1px solid color-mix(in srgb,var(--feature) 42%,transparent);border-radius:12px;background:color-mix(in srgb,var(--feature) 13%,transparent);font-size:28px;font-weight:400;line-height:1;color:var(--feature);text-shadow:none}
body.home-page .dhr-content .dhr-features>a>span{display:flex;flex-direction:column;gap:5px;min-width:0;padding-right:6px}
body.home-page .dhr-content .dhr-features>a b{color:#fff;font-size:12px;line-height:1.3;font-weight:700;white-space:normal}
body.home-page .dhr-content .dhr-features>a small{color:#c0bdc9;font-size:10px;line-height:1.4;white-space:normal}
@media(max-width:850px){body.home-page .dhr-content .dhr-features{grid-template-columns:1fr;gap:10px}body.home-page .dhr-content .dhr-features>a{min-height:94px}}
@media(max-width:420px){body.home-page .dhr-content .dhr-features{grid-template-columns:1fr;gap:9px}body.home-page .dhr-content .dhr-features>a{min-height:72px;padding:12px 16px}body.home-page .dhr-content .dhr-features>a>strong{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){body.home-page .dhr-content .dhr-features>a{transition:none}body.home-page .dhr-content .dhr-features>a:hover{transform:none}}

/* RADIO XXL 2026-10-31 — exclusiv tipografie mai lizibila pentru cele patru carduri compacte. */
body.home-page .dhr-content .dhr-features>a b{
  font-size:clamp(13px,1.12vw,15px);
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.015em;
}
body.home-page .dhr-content .dhr-features>a small{
  font-size:clamp(11px,.94vw,12px);
  font-weight:500;
  line-height:1.45;
  color:#cfcbd6;
}
body.home-page .dhr-content .dhr-features>a>span{gap:5px;padding-right:8px}
@media(max-width:850px){
  body.home-page .dhr-content .dhr-features>a b{font-size:14px}
  body.home-page .dhr-content .dhr-features>a small{font-size:11.5px}
}