/* =====================================================================
   V20 MOBILE HOME EXACT POLISH
   - hero cards separated + larger
   - exact “Comment Bidluna reste gratuit ?” mobile block
   - 3 featured cards on one row only
   - taller home banners on mobile
   - header touch-ups (logo centered, burger visible)
   ===================================================================== */

@media (min-width: 768px){
  .home-section--mobile-hero{display:none !important;}
}

@media (max-width: 767px){
  /* -------------------------------------------------
     Home flow order
     ------------------------------------------------- */
  .bidluna-home-flow{
    display:flex !important;
    flex-direction:column !important;
  }

  .home-section--featured-sport{ order:10 !important; }
  .home-section--featured-tcg{ order:20 !important; }
  .home-section--all-ads-cta{ order:30 !important; }
  .home-section--ad-top{ order:40 !important; }
  .home-section--why{ order:45 !important; }
  .home-section--ad-mid{ order:50 !important; }
  .home-section--partners{ order:60 !important; }
  .home-section--testimonials{ order:70 !important; }

  /* -------------------------------------------------
     Header refinements
     ------------------------------------------------- */
  .bz-topbar{
    grid-template-columns:50px minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 6px 8px !important;
    min-height:auto !important;
  }

  .bz-mobile-brand,
  .bz-mobile-brand:link,
  .bz-mobile-brand:visited{
    width:50px !important;
    height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .bz-mobile-brand img,
  .bz-mobile-brand .custom-logo,
  .bz-mobile-brand .site-icon{
    width:40px !important;
    height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
    margin:0 auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    display:block !important;
  }

  .bz-actions-mobile{
    gap:8px !important;
    align-items:center !important;
  }

  .bz-country-wrap-mobile{
    min-width:44px !important;
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .bz-country-wrap-mobile__current,
  .bz-country-wrap-mobile .bz-flag{
    width:20px !important;
    height:20px !important;
    display:block !important;
  }

  #bidlunaBurgerMobile,
  .bz-burger-mobile,
  .bz-burger-mobile--premium{
    width:44px !important;
    min-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:15px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:
      radial-gradient(circle at 30% 22%, rgba(243,201,88,.20) 0%, rgba(243,201,88,0) 34%),
      linear-gradient(180deg, rgba(30,46,84,.96) 0%, rgba(8,20,46,.98) 100%) !important;
    box-shadow:
      0 12px 24px rgba(4,14,36,.18),
      inset 0 1px 0 rgba(255,255,255,.10) !important;
    color:#fff !important;
  }

  #bidlunaBurgerMobile::before,
  #bidlunaBurgerMobile::after,
  .bz-burger-mobile::before,
  .bz-burger-mobile::after,
  .bz-burger-mobile--premium::before,
  .bz-burger-mobile--premium::after{
    content:none !important;
    display:none !important;
  }

  #bidlunaBurgerMobile .bz-burger-mobile__lines,
  .bz-burger-mobile__lines{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    width:18px !important;
    pointer-events:none !important;
  }

  #bidlunaBurgerMobile .bz-burger-mobile__lines span,
  .bz-burger-mobile__lines span{
    display:block !important;
    width:18px !important;
    height:2.5px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, rgba(255,255,255,.98), rgba(214,232,255,.96)) !important;
    box-shadow:0 0 10px rgba(98,159,255,.24) !important;
  }

  #bidlunaMobileNav .bz-mobile-panel__dialog{
    display:flex !important;
    flex-direction:column !important;
    max-height:calc(100svh - var(--bz-adminbar-h, 0px) - 18px) !important;
    overflow:hidden !important;
  }

  #bidlunaMobileNav .bz-mobile-panel-inner{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow:auto !important;
    padding:0 18px 12px !important;
  }

  #bidlunaMobileNav .bz-mobile-panel__footer{
    display:flex !important;
    flex:0 0 auto !important;
    padding:12px 18px 18px !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    background:linear-gradient(180deg, rgba(7,19,47,0) 0%, rgba(7,19,47,.72) 24%, rgba(7,19,47,.98) 100%) !important;
  }

  #bidlunaMobileNav .bz-mobile-panel__session-link{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:52px !important;
  }

  /* -------------------------------------------------
     Mobile hero
     ------------------------------------------------- */
  .home-section--mobile-hero{
    display:block !important;
    margin:8px 4px 14px !important;
  }

  .home-mobile-hero__shell{
    position:relative !important;
    overflow:hidden !important;
    min-height:332px !important;
    padding:16px 14px 14px !important;
    border-radius:26px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:
      linear-gradient(95deg, rgba(4,13,36,.97) 0%, rgba(7,21,55,.90) 42%, rgba(8,20,46,.62) 100%),
      var(--home-mobile-hero-bg) center center / cover no-repeat !important;
    box-shadow:0 18px 40px rgba(5,14,36,.20) !important;
  }

  .home-mobile-hero__shell::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
      radial-gradient(circle at 12% 10%, rgba(248,209,99,.16) 0%, rgba(248,209,99,0) 24%),
      radial-gradient(circle at 84% 18%, rgba(109,165,255,.16) 0%, rgba(109,165,255,0) 24%),
      radial-gradient(circle at 62% 68%, rgba(80,121,255,.10) 0%, rgba(80,121,255,0) 26%),
      linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 38%) !important;
    pointer-events:none !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(186px, 48vw, 208px) !important;
    gap:8px !important;
    align-items:start !important;
    min-height:236px !important;
  }

  .home-mobile-hero__content{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding-top:2px !important;
    padding-right:2px !important;
  }

  .home-mobile-hero__copy{
    display:grid !important;
    gap:8px !important;
    margin:0 !important;
  }

  .home-mobile-hero__title{
    margin:0 !important;
    font-size:clamp(34px, 12vw, 56px) !important;
    line-height:.90 !important;
    letter-spacing:-.065em !important;
    font-weight:1000 !important;
    color:#fff !important;
    text-shadow:0 4px 18px rgba(0,0,0,.22) !important;
    max-width:6.1ch !important;
  }

  .home-mobile-hero__subtitle{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.28 !important;
    color:rgba(238,243,255,.94) !important;
    max-width:14ch !important;
  }

  .home-mobile-hero__chips{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:2px !important;
    overflow:visible !important;
  }

  .home-mobile-hero__chip{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:0 11px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.16) !important;
    background:rgba(5,17,42,.58) !important;
    color:#fff !important;
    font-size:10.5px !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
    backdrop-filter:blur(3px) !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack{
    position:relative !important;
    z-index:1 !important;
    width:clamp(186px, 48vw, 208px) !important;
    min-height:236px !important;
    height:236px !important;
    margin:0 0 0 auto !important;
    justify-self:end !important;
    align-self:start !important;
    overflow:visible !important;
  }

  .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack > .home-mobile-hero__spotlight{
    position:absolute !important;
    display:block !important;
    width:auto !important;
    text-decoration:none !important;
    overflow:hidden !important;
    background:rgba(6,14,34,.92) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 20px 38px rgba(0,0,0,.30) !important;
    transform-origin:center center !important;
  }

  .home-mobile-hero__spotlight--primary{
    top:2px !important;
    right:2px !important;
    width:clamp(104px, 27vw, 116px) !important;
    border-radius:30px 18px 28px 16px !important;
    transform:rotate(7deg) !important;
    z-index:2 !important;
  }

  .home-mobile-hero__spotlight--secondary{
    top:102px !important;
    left:2px !important;
    width:clamp(78px, 20vw, 86px) !important;
    border-radius:18px 28px 16px 26px !important;
    transform:rotate(-11deg) !important;
    z-index:1 !important;
    opacity:1 !important;
    margin:0 !important;
  }

  .home-mobile-hero__visual--stack > .home-mobile-hero__spotlight:only-child{
    top:8px !important;
    right:8px !important;
    left:auto !important;
    width:118px !important;
    transform:rotate(6deg) !important;
  }

  .home-mobile-hero__spotlight-media{
    display:block !important;
    aspect-ratio:.69 !important;
    background:#081224 !important;
  }

  .home-mobile-hero__spotlight-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .home-mobile-hero__spotlight-title,
  .home-mobile-hero__spotlight-kicker{
    display:none !important;
  }

  .home-mobile-hero__spotlight-body{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    gap:0 !important;
    min-height:0 !important;
    padding:18px 8px 10px !important;
    background:linear-gradient(180deg, rgba(4,12,28,0) 0%, rgba(4,12,28,.14) 18%, rgba(4,12,28,.82) 66%, rgba(4,12,28,.96) 100%) !important;
  }

  .home-mobile-hero__spotlight-price{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    min-height:28px !important;
    padding:0 10px !important;
    margin:0 !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    background:rgba(5,14,36,.84) !important;
    box-shadow:0 10px 18px rgba(0,0,0,.22) !important;
    backdrop-filter:blur(6px) !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    color:#f4d36e !important;
    text-shadow:0 5px 14px rgba(0,0,0,.34) !important;
  }

  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:14px !important;
    transform:translateY(-2px) !important;
  }

  .home-mobile-hero__actions{
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    margin-top:12px !important;
  }

  .home-mobile-hero__btn{
    min-width:0 !important;
    min-height:46px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    text-align:center !important;
    text-decoration:none !important;
    font-size:15px !important;
    line-height:1.1 !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
  }

  .home-mobile-hero__btn--primary{
    background:linear-gradient(180deg, #35a2ff 0%, #0b63d8 100%) !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(7,79,185,.24), inset 0 1px 0 rgba(255,255,255,.30) !important;
  }

  .home-mobile-hero__btn--ghost{
    background:rgba(255,255,255,.12) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
  }

  /* -------------------------------------------------
     Exact mobile WHY block
     ------------------------------------------------- */
  .home-why{
    display:block !important;
    padding:24px 0 18px !important;
    margin-top:0 !important;
    background:#f6f7fb !important;
  }

  .home-why .container{
    padding:0 12px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .home-why .why-banner__desktop-copy,
  .home-why .why-donate--desktop{
    display:none !important;
  }

  .home-why .why-banner__mobile-copy,
  .home-why .why-donate--mobile{
    display:block !important;
  }

  .home-why h2{
    margin:0 0 24px !important;
    text-align:center !important;
    color:#132b59 !important;
    font-size:clamp(40px, 12vw, 56px) !important;
    line-height:.95 !important;
    font-weight:1000 !important;
    letter-spacing:-.06em !important;
  }

  .home-why .why-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    align-items:start !important;
    margin:0 !important;
  }

  .home-why .why-item{
    padding:0 2px !important;
    min-width:0 !important;
    text-align:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .home-why .why-ico{
    width:58px !important;
    height:58px !important;
    margin:0 auto 12px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#e9eef8 !important;
    color:#1956c8 !important;
    font-size:28px !important;
    font-weight:1000 !important;
  }

  .home-why .why-item:nth-child(2) .why-ico{
    background:#edf7f3 !important;
    color:#df4a8e !important;
  }

  .home-why .why-item:nth-child(3) .why-ico{
    background:#fff2dd !important;
    color:#c57a08 !important;
  }

  .home-why .why-ico svg{
    width:26px !important;
    height:26px !important;
    display:block !important;
  }

  .home-why .why-ico__value{
    font-size:30px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    letter-spacing:-.04em !important;
  }

  .home-why .why-title{
    margin:0 0 10px !important;
    color:#132b59 !important;
    font-size:14.5px !important;
    line-height:1.12 !important;
    font-weight:1000 !important;
    min-height:32px !important;
  }

  .home-why .why-item .muted{
    margin:0 auto !important;
    max-width:11ch !important;
    color:#717b8d !important;
    font-size:11.5px !important;
    line-height:1.25 !important;
  }

  .home-why .why-banner{
    margin-top:24px !important;
    padding:18px 18px 14px !important;
    border-radius:24px !important;
    background:#f0f4fa !important;
    border:1.5px solid #d2daea !important;
    box-shadow:none !important;
  }

  .home-why .why-banner__lead{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
    color:#111827 !important;
    font-size:18px !important;
    line-height:1.22 !important;
    font-weight:900 !important;
  }

  .home-why .why-banner__sparkle{
    color:#ffce57 !important;
    font-size:24px !important;
    line-height:1 !important;
    flex:0 0 auto !important;
  }

  .home-why .why-banner__body{
    margin-top:10px !important;
    text-align:center !important;
    color:#111827 !important;
    font-size:18px !important;
    line-height:1.34 !important;
    font-weight:500 !important;
  }

  .home-why .why-banner__sub{
    margin-top:12px !important;
    text-align:center !important;
    color:#767f91 !important;
    font-size:11.6px !important;
    line-height:1.35 !important;
  }

  .home-why .why-banner__sub strong{
    color:#5a6372 !important;
    font-weight:900 !important;
  }

  .home-why .why-donate--mobile{
    margin-top:22px !important;
    text-align:center !important;
  }

  .home-why .why-donate--mobile .bidluna-home-donate-btn,
  .home-why .why-donate--mobile .bidluna-home-donate-btn.btn.btn-primary{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:176px !important;
    min-height:50px !important;
    padding:0 24px !important;
    border-radius:999px !important;
    border:2px solid rgba(16,40,96,.65) !important;
    background:linear-gradient(180deg,#bdf2ff 0%,#7cc8ff 22%,#3f83ff 58%,#1a50d8 100%) !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    box-shadow:0 10px 22px rgba(20,70,170,.24), inset 0 3px 0 rgba(255,255,255,.34), inset 0 -4px 0 rgba(6,38,116,.18) !important;
  }

  /* -------------------------------------------------
     Featured carousels: 3 cards only, one row, larger images
     ------------------------------------------------- */
  .home-featured .featured-viewport{
    overflow:hidden !important;
  }

  .home-featured .featured-page{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    padding:0 !important;
    align-items:stretch !important;
  }

  .home-featured .featured-page > .featured-card:nth-child(n+4){
    display:none !important;
  }

  .home-featured .featured-card{
    border-radius:18px !important;
  }

  .home-featured .featured-card .fc-img{
    height:152px !important;
  }

  .home-featured .featured-card .fc-img img{
    padding:4px !important;
  }

  .home-featured .featured-card .fc-body{
    padding:8px 6px 10px !important;
    gap:6px !important;
  }

  .home-featured .fc-meta strong{
    font-size:15px !important;
  }

  .home-featured .fav-mini{
    width:30px !important;
    height:30px !important;
  }

  /* -------------------------------------------------
     Home ads: keep mobile creative fully filled
     ------------------------------------------------- */
  .home-ad .bidluna-banner__art-frame > img,
  .home-ad .bidluna-banner__art-frame > picture > img,
  .home-ad .bidluna-banner__media img{
    object-fit:cover !important;
  }
}

@media (max-width: 390px){
  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0,1fr) 180px !important;
  }

  .home-mobile-hero__title{
    font-size:clamp(30px, 11vw, 44px) !important;
    max-width:6.0ch !important;
  }

  .home-mobile-hero__subtitle{
    font-size:13px !important;
    max-width:13ch !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack{
    width:180px !important;
    min-height:224px !important;
    height:224px !important;
  }

  .home-mobile-hero__spotlight--primary{
    width:102px !important;
  }

  .home-mobile-hero__spotlight--secondary{
    top:98px !important;
    width:78px !important;
  }

  .home-mobile-hero__spotlight-price{
    font-size:15px !important;
  }

  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:13px !important;
  }

  .home-why h2{
    font-size:clamp(36px, 10.2vw, 48px) !important;
  }

  .home-why .why-title{
    font-size:13px !important;
  }

  .home-why .why-item .muted{
    font-size:11px !important;
  }

  .home-why .why-banner__body{
    font-size:17px !important;
  }

  .home-why .why-donate--mobile .bidluna-home-donate-btn,
  .home-why .why-donate--mobile .bidluna-home-donate-btn.btn.btn-primary{
    min-width:166px !important;
    min-height:48px !important;
    font-size:14px !important;
  }

  .home-featured .featured-card .fc-img{
    height:146px !important;
  }
}


/* =====================================================================
   V20.1 MOBILE HOME EXACT PASS
   - hero spotlight cards: same size, no overlap, price flush under image
   - why block: photo-3 exact spirit with smaller donate button
   - partners carousel below testimonials on mobile
   - writing banners: smaller CTA + taller image frame on mobile
   ===================================================================== */
@media (max-width: 767px){
  .home-section--testimonials{ order:60 !important; }
  .home-section--partners{ order:70 !important; }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) clamp(168px, 43vw, 196px) !important;
    gap:12px !important;
    min-height:0 !important;
    align-items:center !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
    width:clamp(168px, 43vw, 196px) !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 0 0 auto !important;
    align-self:center !important;
    justify-self:end !important;
  }

  .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack > .home-mobile-hero__spotlight,
  .home-mobile-hero__spotlight--primary,
  .home-mobile-hero__spotlight--secondary{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(6,14,34,.96) !important;
    box-shadow:0 16px 28px rgba(0,0,0,.28) !important;
    overflow:hidden !important;
    transform:none !important;
    opacity:1 !important;
    z-index:auto !important;
  }

  .home-mobile-hero__visual--stack > .home-mobile-hero__spotlight:only-child{
    grid-column:1 / -1 !important;
    max-width:98px !important;
    justify-self:end !important;
  }

  .home-mobile-hero__spotlight-media{
    display:block !important;
    aspect-ratio:7 / 10 !important;
    background:#09162d !important;
  }

  .home-mobile-hero__spotlight-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .home-mobile-hero__spotlight-body{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:32px !important;
    padding:0 !important;
    background:#081a3a !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:32px !important;
    padding:0 6px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    font-size:12.5px !important;
    line-height:1.05 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    color:#f3d36d !important;
    text-shadow:none !important;
    transform:none !important;
  }

  .home-why{
    padding:28px 0 24px !important;
    background:#f6f7fb !important;
  }

  .home-why .container{
    max-width:520px !important;
    margin:0 auto !important;
    padding:0 8px !important;
  }

  .home-why h2{
    margin:0 0 28px !important;
    color:#1a2f63 !important;
    font-size:clamp(36px, 10.6vw, 48px) !important;
    line-height:.96 !important;
    letter-spacing:-.065em !important;
    text-align:center !important;
    font-weight:1000 !important;
  }

  .home-why .why-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    align-items:start !important;
    margin:0 !important;
  }

  .home-why .why-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    min-width:0 !important;
    padding:0 2px !important;
    text-align:center !important;
  }

  .home-why .why-ico{
    width:62px !important;
    height:62px !important;
    margin:0 auto 12px !important;
  }

  .home-why .why-title{
    width:100% !important;
    min-height:48px !important;
    margin:0 0 10px !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:1000 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    text-wrap:balance;
  }

  .home-why .why-item .muted{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    color:#757f92 !important;
    font-size:11px !important;
    line-height:1.28 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  .home-why .why-banner{
    margin-top:24px !important;
    padding:18px 16px 16px !important;
    border-radius:24px !important;
    background:#f1f4fa !important;
    border:1.5px solid #d1dbea !important;
    box-shadow:none !important;
  }

  .home-why .why-banner__lead{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:10px !important;
    color:#111827 !important;
    text-align:center !important;
    font-size:19px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
  }

  .home-why .why-banner__sparkle{
    flex:0 0 auto !important;
    font-size:24px !important;
    line-height:1 !important;
    color:#f3c855 !important;
  }

  .home-why .why-banner__body{
    margin-top:12px !important;
    color:#111827 !important;
    text-align:center !important;
    font-size:17px !important;
    line-height:1.34 !important;
    font-weight:500 !important;
  }

  .home-why .why-banner__sub,
  .home-why .why-banner__sub.muted{
    margin-top:14px !important;
    color:#777f8d !important;
    text-align:center !important;
    font-size:12px !important;
    line-height:1.35 !important;
    max-width:none !important;
  }

  .home-why .why-banner__sub strong{
    color:#636b79 !important;
    font-weight:900 !important;
  }

  .home-why .why-donate--mobile{
    margin-top:18px !important;
    text-align:center !important;
  }

  .home-why .why-donate--mobile .bidluna-home-donate-btn,
  .home-why .why-donate--mobile .bidluna-home-donate-btn.btn.btn-primary{
    min-width:148px !important;
    min-height:42px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    border:2px solid rgba(14,39,95,.66) !important;
    background:linear-gradient(180deg,#bff3ff 0%,#82d0ff 22%,#4a8cff 58%,#1d55da 100%) !important;
    box-shadow:0 9px 18px rgba(17,71,174,.20), inset 0 3px 0 rgba(255,255,255,.34), inset 0 -4px 0 rgba(7,40,117,.16) !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
  }


  .home-ad .bidluna-banner__footer{
    min-height:58px !important;
    height:auto !important;
    padding:10px 12px !important;
    gap:10px !important;
  }

  .home-ad .bidluna-banner__company{
    font-size:12px !important;
  }

  .home-ad .bidluna-banner__title{
    margin-top:2px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    max-width:none !important;
  }

  .home-ad .bidluna-banner__cta{
    height:34px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }
}

@media (max-width: 390px){
  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) 160px !important;
    gap:10px !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack{
    width:160px !important;
    gap:7px !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:11.5px !important;
  }

  .home-why h2{
    font-size:clamp(34px, 10vw, 42px) !important;
  }

  .home-why .why-title{
    min-height:44px !important;
    font-size:12px !important;
  }

  .home-why .why-item .muted{
    font-size:10.5px !important;
  }

  .home-why .why-banner__body{
    font-size:16px !important;
  }

  .home-why .why-donate--mobile .bidluna-home-donate-btn,
  .home-why .why-donate--mobile .bidluna-home-donate-btn.btn.btn-primary{
    min-width:140px !important;
    min-height:40px !important;
    font-size:13px !important;
  }
}

/* =====================================================================
   V20.2 MOBILE HERO CARD SIZE / POSITION FIX
   - bigger hero card images on mobile
   - no overlap, no empty zone under cards
   - cards shifted left and fully visible
   - price bar flush under image
   ===================================================================== */
@media (max-width: 767px){
  .home-mobile-hero__shell{
    min-height:350px !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) clamp(214px, 49vw, 232px) !important;
    gap:2px !important;
    min-height:252px !important;
    align-items:end !important;
  }

  .home-mobile-hero__content{
    padding-right:8px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    align-items:end !important;
    gap:8px !important;
    width:clamp(214px, 49vw, 232px) !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    align-self:end !important;
    justify-self:end !important;
    transform:translateX(-16px) !important;
    overflow:visible !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:122px !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    transform:translateX(-12px) !important;
    align-self:end !important;
    justify-self:end !important;
  }

  .home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__spotlight,
  .home-mobile-hero__spotlight--primary,
  .home-mobile-hero__spotlight--secondary{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-self:end !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    background:rgba(6,14,34,.96) !important;
    box-shadow:0 16px 28px rgba(0,0,0,.28) !important;
    overflow:hidden !important;
    transform:none !important;
    opacity:1 !important;
    z-index:auto !important;
  }

  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight:only-child{
    grid-column:1 / -1 !important;
    max-width:122px !important;
    justify-self:end !important;
  }

  .home-mobile-hero__spotlight-media{
    display:block !important;
    aspect-ratio:74 / 108 !important;
    background:#09162d !important;
  }

  .home-mobile-hero__spotlight-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .home-mobile-hero__spotlight-body{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    padding:0 !important;
    background:#081a3a !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:36px !important;
    padding:0 6px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    font-size:15px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    color:#f3d36d !important;
    text-shadow:none !important;
    transform:none !important;
  }
}

@media (max-width: 430px){
  .home-mobile-hero__shell{
    min-height:344px !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) 206px !important;
    gap:0 !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:206px !important;
    gap:7px !important;
    transform:translateX(-14px) !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:116px !important;
    transform:translateX(-10px) !important;
  }

  .home-mobile-hero__spotlight-media{
    aspect-ratio:72 / 104 !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    min-height:34px !important;
    font-size:14px !important;
  }
}

@media (max-width: 390px){
  .home-mobile-hero__shell{
    min-height:338px !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) 188px !important;
    gap:0 !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:188px !important;
    gap:6px !important;
    transform:translateX(-12px) !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:108px !important;
    transform:translateX(-8px) !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    min-height:32px !important;
    font-size:12.8px !important;
  }
}

@media (max-width: 360px){
  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) 176px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:176px !important;
    gap:6px !important;
    transform:translateX(-10px) !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:102px !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:12px !important;
  }
}


/* =====================================================================
   V20.3 MOBILE FINAL PASS
   - hero cards shifted right, bigger, slightly tilted, no text overlap
   - price bar trimmed flush under image (no extra black below)
   - verified chip gets green tick
   - why block refined to match desktop spirit on mobile
   - bottom app nav locked and swap replaces favorites
   - logo centered and favorites get stronger blue outline
   ===================================================================== */
@media (max-width: 767px){
  .home-mobile-hero__shell{
    min-height:350px !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    position:relative !important;
    display:block !important;
    min-height:248px !important;
  }

  .home-mobile-hero__content{
    position:relative !important;
    z-index:2 !important;
    min-height:248px !important;
    padding-right:132px !important;
  }

  .home-mobile-hero__title{
    max-width:6.1ch !important;
  }

  .home-mobile-hero__subtitle{
    max-width:14ch !important;
  }

  .home-mobile-hero__chips{
    flex-wrap:wrap !important;
    gap:6px !important;
    max-width:140px !important;
  }

  .home-mobile-hero__chip{
    min-height:28px !important;
    padding:0 10px !important;
    font-size:9.8px !important;
  }

  .home-mobile-hero__chip--verified{
    position:relative !important;
    padding-left:28px !important;
  }

  .home-mobile-hero__chip--verified::before{
    content:"✓" !important;
    position:absolute !important;
    left:9px !important;
    top:50% !important;
    width:14px !important;
    height:14px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:translateY(-50%) !important;
    background:linear-gradient(180deg, #55e189 0%, #16ab4e 100%) !important;
    color:#fff !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.22), 0 4px 10px rgba(10,113,43,.24) !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    position:absolute !important;
    top:18px !important;
    right:10px !important;
    width:170px !important;
    min-height:0 !important;
    height:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:start !important;
    justify-self:auto !important;
    align-self:auto !important;
    transform:none !important;
    overflow:visible !important;
    z-index:2 !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    position:absolute !important;
    top:18px !important;
    right:12px !important;
    width:104px !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    overflow:visible !important;
    z-index:2 !important;
  }

  .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__spotlight--primary,
  .home-mobile-hero__spotlight--secondary{
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    box-shadow:0 16px 28px rgba(0,0,0,.26) !important;
    opacity:1 !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:rotate(-6deg) translateY(20px) !important;
    z-index:1 !important;
  }

  .home-mobile-hero__spotlight--secondary{
    transform:rotate(6deg) translateY(-2px) !important;
    z-index:2 !important;
  }

  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight:only-child{
    max-width:104px !important;
    transform:rotate(5deg) !important;
    justify-self:end !important;
  }

  .home-mobile-hero__spotlight-media{
    display:block !important;
    aspect-ratio:76 / 118 !important;
    background:#09162d !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-bottom:0 !important;
    border-radius:22px 22px 0 0 !important;
    overflow:hidden !important;
  }

  .home-mobile-hero__spotlight-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .home-mobile-hero__spotlight-body{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:30px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-top:0 !important;
    border-radius:0 0 18px 18px !important;
    background:linear-gradient(180deg, #081a3a 0%, #07152d 100%) !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    width:100% !important;
    min-height:30px !important;
    padding:0 4px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    font-size:13.4px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    color:#f3d36d !important;
    text-shadow:none !important;
    transform:none !important;
  }

  .home-mobile-hero__actions{
    margin-top:12px !important;
    position:relative !important;
    z-index:1 !important;
  }

  .home-why{
    padding:26px 0 22px !important;
    background:#f6f7fb !important;
  }

  .home-why .container{
    max-width:520px !important;
    margin:0 auto !important;
    padding:18px 12px 20px !important;
    background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
    border:1px solid #e6ebf5 !important;
    border-radius:28px !important;
    box-shadow:0 12px 28px rgba(17,33,70,.06) !important;
  }

  .home-why h2{
    margin:0 0 24px !important;
    color:#1a2f63 !important;
    font-size:clamp(31px, 9.8vw, 40px) !important;
    line-height:.94 !important;
    letter-spacing:-.06em !important;
    text-align:center !important;
    font-weight:1000 !important;
  }

  .home-why .why-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    align-items:start !important;
    margin:0 !important;
    padding:0 2px !important;
  }

  .home-why .why-item{
    display:grid !important;
    grid-template-rows:auto auto 1fr !important;
    justify-items:center !important;
    align-content:start !important;
    row-gap:8px !important;
    min-width:0 !important;
    padding:0 !important;
    text-align:center !important;
  }

  .home-why .why-ico{
    width:58px !important;
    height:58px !important;
    margin:0 !important;
  }

  .home-why .why-title{
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    color:#132b59 !important;
    font-size:11.9px !important;
    line-height:1.16 !important;
    font-weight:1000 !important;
    text-wrap:balance !important;
  }

  .home-why .why-item .muted{
    width:100% !important;
    max-width:11.5ch !important;
    margin:0 auto !important;
    color:#757f92 !important;
    font-size:10.35px !important;
    line-height:1.28 !important;
    text-wrap:balance !important;
  }

  .home-why .why-banner{
    margin-top:22px !important;
    padding:18px 16px 14px !important;
    border-radius:24px !important;
    background:#f2f5fb !important;
    border:1.5px solid #d2dbeb !important;
    box-shadow:none !important;
  }

  .home-why .why-banner__lead{
    justify-content:center !important;
    gap:8px !important;
    color:#111827 !important;
    text-align:center !important;
    font-size:16px !important;
    line-height:1.18 !important;
    font-weight:900 !important;
  }

  .home-why .why-banner__body{
    margin-top:10px !important;
    color:#111827 !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.34 !important;
    font-weight:500 !important;
  }

  .home-why .why-banner__sub,
  .home-why .why-banner__sub.muted{
    margin-top:12px !important;
    color:#777f8d !important;
    text-align:center !important;
    font-size:11px !important;
    line-height:1.35 !important;
  }

  .home-why .why-donate--mobile{
    margin-top:18px !important;
    text-align:center !important;
  }

  .home-why .why-donate--mobile .bidluna-home-donate-btn,
  .home-why .why-donate--mobile .bidluna-home-donate-btn.btn.btn-primary{
    min-width:138px !important;
    min-height:38px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    border:2px solid rgba(14,39,95,.66) !important;
    background:linear-gradient(180deg, #bff3ff 0%, #82d0ff 22%, #4a8cff 58%, #1d55da 100%) !important;
    box-shadow:0 8px 16px rgba(17,71,174,.18), inset 0 3px 0 rgba(255,255,255,.34), inset 0 -3px 0 rgba(7,40,117,.14) !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
  }

  .bz-logo-wrap,
  .bz-mobile-brand,
  .bz-mobile-brand:link,
  .bz-mobile-brand:visited{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .bz-mobile-brand{
    padding:0 !important;
    overflow:hidden !important;
  }

  .bz-mobile-brand img,
  .bz-mobile-brand .custom-logo,
  .bz-mobile-brand .site-icon{
    display:block !important;
    width:76% !important;
    height:76% !important;
    max-width:76% !important;
    max-height:76% !important;
    margin:0 auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  .home-featured .fav-mini,
  .home-featured .fav-product{
    border:1.5px solid rgba(191,202,220,.92) !important;
    box-shadow:0 6px 14px rgba(12,29,60,.08) !important;
  }

  .home-featured .fav-mini.active,
  .home-featured .fav-mini.is-fav,
  .home-featured .fav-product.active,
  .home-featured .fav-product.is-fav{
    border-color:#0e4bb3 !important;
    box-shadow:0 0 0 2px rgba(14,75,179,.14), 0 8px 16px rgba(14,75,179,.12) !important;
  }

  .home-featured .fav-mini.active svg path,
  .home-featured .fav-mini.is-fav svg path,
  .home-featured .fav-product.active svg path,
  .home-featured .fav-product.is-fav svg path{
    fill:#dc3545 !important;
    stroke:#0e4bb3 !important;
    opacity:1 !important;
  }

  .bidluna-bottom-nav{
    position:fixed !important;
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    transform:translateZ(0) !important;
    -webkit-transform:translateZ(0) !important;
    backface-visibility:hidden !important;
    -webkit-backface-visibility:hidden !important;
    will-change:auto !important;
    z-index:99999 !important;
    grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  }

  .bidluna-bottom-nav .bn-item{
    min-height:58px !important;
  }

  .bidluna-bottom-nav .bn-swap{
    --bn-color:#5a63ff !important;
  }

  .bidluna-bottom-nav .bn-swap .bn-ico svg{
    width:21px !important;
    height:21px !important;
  }

  body{
    padding-bottom:calc(104px + env(safe-area-inset-bottom)) !important;
  }

  .bidluna-main,
  .bidluna-footer,
  .bidluna-footer-bottom{
    padding-bottom:calc(104px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 430px){
  .home-mobile-hero__content{
    padding-right:126px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:164px !important;
    gap:10px !important;
    right:8px !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:12.9px !important;
  }
}

@media (max-width: 390px){
  .home-mobile-hero__content{
    min-height:240px !important;
    padding-right:116px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:154px !important;
    gap:8px !important;
    right:8px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:96px !important;
    right:10px !important;
  }

  .home-mobile-hero__title{
    font-size:clamp(31px, 10.4vw, 42px) !important;
  }

  .home-mobile-hero__chip{
    font-size:9.4px !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    min-height:28px !important;
    font-size:12px !important;
  }

  .home-why .container{
    padding:16px 10px 18px !important;
  }

  .home-why .why-title{
    font-size:11.2px !important;
  }

  .home-why .why-item .muted{
    font-size:9.9px !important;
  }
}

@media (max-width: 360px){
  .home-mobile-hero__content{
    padding-right:108px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:146px !important;
    gap:7px !important;
    right:6px !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:11.2px !important;
  }
}

/* =====================================================================
   V20.2 MOBILE HERO + WHY FINAL TWEAK
   - remove blurred frame around hero featured cards
   - larger cards, shifted right, no overlap with text
   - left card moved slightly further right for cleaner spacing
   - ensure WHY icons stay above their titles on mobile
   ===================================================================== */
@media (max-width: 767px){
  .home-mobile-hero__content{
    min-height:246px !important;
    padding-right:146px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    top:16px !important;
    right:4px !important;
    width:188px !important;
    gap:12px !important;
    overflow:visible !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    top:16px !important;
    right:6px !important;
    width:112px !important;
  }

  .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__spotlight--primary,
  .home-mobile-hero__spotlight--secondary{
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    filter:none !important;
    overflow:visible !important;
  }

  .home-mobile-hero__spotlight::before,
  .home-mobile-hero__spotlight::after,
  .home-mobile-hero__spotlight--primary::before,
  .home-mobile-hero__spotlight--primary::after,
  .home-mobile-hero__spotlight--secondary::before,
  .home-mobile-hero__spotlight--secondary::after{
    display:none !important;
    content:none !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:rotate(-4deg) translate(6px, 26px) !important;
    z-index:1 !important;
  }

  .home-mobile-hero__spotlight--secondary{
    transform:rotate(4deg) translate(0, -2px) !important;
    z-index:2 !important;
  }

  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight:only-child{
    max-width:112px !important;
    transform:rotate(4deg) !important;
  }

  .home-mobile-hero__spotlight-media{
    aspect-ratio:78 / 126 !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-bottom:0 !important;
    border-radius:22px 22px 0 0 !important;
    background:#09162d !important;
    box-shadow:none !important;
  }

  .home-mobile-hero__spotlight-body{
    min-height:29px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-top:0 !important;
    border-radius:0 0 18px 18px !important;
    background:linear-gradient(180deg, #081a3a 0%, #07152d 100%) !important;
    box-shadow:none !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    min-height:29px !important;
    padding:0 4px !important;
    margin:0 !important;
    font-size:13.6px !important;
  }

  .home-why .why-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    align-items:start !important;
  }

  .home-why .why-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  .home-why .why-ico{
    order:0 !important;
    flex:0 0 auto !important;
    margin:0 auto !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
  }

  .home-why .why-title{
    order:1 !important;
    width:100% !important;
    margin:0 !important;
  }

  .home-why .why-item .muted{
    order:2 !important;
  }
}

@media (max-width: 430px){
  .home-mobile-hero__content{
    padding-right:138px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:178px !important;
    right:2px !important;
    gap:11px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:106px !important;
    right:4px !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:rotate(-4deg) translate(4px, 24px) !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:13px !important;
  }
}

@media (max-width: 390px){
  .home-mobile-hero__content{
    min-height:236px !important;
    padding-right:128px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:166px !important;
    right:2px !important;
    gap:9px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:100px !important;
    right:4px !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:rotate(-3deg) translate(3px, 20px) !important;
  }

  .home-mobile-hero__spotlight-media{
    aspect-ratio:76 / 122 !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    min-height:27px !important;
    font-size:12px !important;
  }
}

@media (max-width: 360px){
  .home-mobile-hero__content{
    padding-right:120px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:156px !important;
    right:0 !important;
    gap:8px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:94px !important;
    right:2px !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:rotate(-3deg) translate(2px, 18px) !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:11.2px !important;
  }
}

/* =====================================================================
   V20.4 MOBILE HERO / WHY HOTFIX
   - remove blurred frame around hero spotlight cards
   - bigger hero cards without text overlap
   - left card moved a bit to the right with premium tilt
   - why icons always above each title on mobile
   ===================================================================== */
@media (max-width: 767px){
  .home-mobile-hero__shell{
    min-height:356px !important;
  }

  .home-mobile-hero__content{
    min-height:252px !important;
    padding-right:156px !important;
  }

  .home-mobile-hero__title{
    max-width:5.8ch !important;
  }

  .home-mobile-hero__subtitle{
    max-width:13.5ch !important;
  }

  .home-mobile-hero__chips{
    max-width:150px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    top:14px !important;
    right:4px !important;
    width:192px !important;
    gap:14px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    top:14px !important;
    right:6px !important;
    width:118px !important;
  }

  .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__spotlight--primary,
  .home-mobile-hero__spotlight--secondary{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:translateX(10px) translateY(16px) rotate(-4deg) !important;
    z-index:1 !important;
  }

  .home-mobile-hero__spotlight--secondary{
    transform:translateX(0) translateY(0) rotate(5deg) !important;
    z-index:2 !important;
  }

  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight:only-child{
    max-width:118px !important;
    transform:rotate(4deg) !important;
  }

  .home-mobile-hero__spotlight-media{
    aspect-ratio:80 / 124 !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-bottom:0 !important;
    border-radius:24px 24px 0 0 !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
    overflow:hidden !important;
  }

  .home-mobile-hero__spotlight-body{
    min-height:31px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-top:0 !important;
    border-radius:0 0 18px 18px !important;
    background:#081a3a !important;
    box-shadow:none !important;
    filter:none !important;
    backdrop-filter:none !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    min-height:31px !important;
    font-size:13.8px !important;
  }

  .home-mobile-hero__actions{
    margin-top:14px !important;
  }

  .home-why .why-grid{
    align-items:start !important;
  }

  .home-why .why-item{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  .home-why .why-ico{
    order:1 !important;
    flex:0 0 auto !important;
    margin:0 auto 2px !important;
    align-self:center !important;
  }

  .home-why .why-title{
    order:2 !important;
    display:block !important;
    width:100% !important;
    margin:0 !important;
    min-height:0 !important;
    text-align:center !important;
  }

  .home-why .why-item .muted{
    order:3 !important;
    display:block !important;
    margin:0 auto !important;
    text-align:center !important;
  }
}

@media (max-width: 430px){
  .home-mobile-hero__content{
    padding-right:148px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:182px !important;
    gap:13px !important;
    right:4px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:112px !important;
    right:6px !important;
  }
}

@media (max-width: 390px){
  .home-mobile-hero__content{
    min-height:244px !important;
    padding-right:138px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:170px !important;
    gap:12px !important;
    right:4px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:104px !important;
    right:6px !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:translateX(8px) translateY(14px) rotate(-4deg) !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    min-height:30px !important;
    font-size:12.8px !important;
  }
}

@media (max-width: 360px){
  .home-mobile-hero__content{
    padding-right:130px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--pair,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--pair{
    width:160px !important;
    gap:10px !important;
    right:4px !important;
  }

  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:98px !important;
  }

  .home-mobile-hero__spotlight--primary{
    transform:translateX(6px) translateY(12px) rotate(-4deg) !important;
  }

  .home-mobile-hero__spotlight-price,
  .home-mobile-hero__spotlight--secondary .home-mobile-hero__spotlight-price{
    font-size:11.9px !important;
  }
}


/* =====================================================================
   V20.6 MOBILE HERO SINGLE PREMIUM CARD
   - one oversized featured card only in mobile hero
   - alternate sport / tcg spotlight pools
   - no blurred frame around the spotlight
   - force WHY icons above titles
   - center logo and enlarge mobile flag
   ===================================================================== */
@media (max-width: 767px){
  .home-mobile-hero__shell{
    min-height:348px !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 194px !important;
    gap:10px !important;
    align-items:start !important;
    min-height:0 !important;
  }

  .home-mobile-hero__content{
    min-width:0 !important;
    min-height:0 !important;
    padding-right:0 !important;
    position:relative !important;
    z-index:1 !important;
  }

  .home-mobile-hero__title{
    max-width:5.05ch !important;
    font-size:clamp(32px, 10.8vw, 46px) !important;
  }

  .home-mobile-hero__subtitle{
    max-width:11.8ch !important;
  }

  .home-mobile-hero__chips{
    max-width:154px !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack,
  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    display:block !important;
    width:194px !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 0 0 auto !important;
    padding:2px 0 0 !important;
    justify-self:end !important;
    align-self:start !important;
    transform:none !important;
    overflow:visible !important;
    z-index:2 !important;
  }

  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight:only-child{
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
    box-shadow:none !important;
    filter:none !important;
    transform:rotate(5deg) translateX(6px) !important;
    justify-self:end !important;
    opacity:1 !important;
  }

  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight::before,
  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight::after,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight::before,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight::after{
    content:none !important;
    display:none !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-media,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-media{
    display:block !important;
    aspect-ratio:92 / 138 !important;
    background:#09162d !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-bottom:0 !important;
    border-radius:24px 24px 0 0 !important;
    overflow:hidden !important;
    box-shadow:none !important;
    filter:none !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-media img,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    filter:none !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-body,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-body{
    position:static !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:36px !important;
    height:36px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-top:0 !important;
    border-radius:0 0 18px 18px !important;
    background:#07152d !important;
    box-shadow:none !important;
    filter:none !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-price,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-price{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:36px !important;
    height:36px !important;
    padding:0 8px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    filter:none !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
    color:#f3d36d !important;
    text-shadow:none !important;
    transform:none !important;
  }

  .home-why .why-grid,
  .home-why .why-grid > .why-item,
  .home-why .why-item{
    align-items:start !important;
  }

  .home-why .why-grid > .why-item,
  .home-why .why-item{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:
      "ico"
      "title"
      "text" !important;
    justify-items:center !important;
    align-content:start !important;
    row-gap:10px !important;
  }

  .home-why .why-grid > .why-item > .why-ico,
  .home-why .why-item > .why-ico{
    grid-area:ico !important;
    order:0 !important;
    align-self:start !important;
    justify-self:center !important;
    margin:0 auto !important;
  }

  .home-why .why-grid > .why-item > .why-title,
  .home-why .why-item > .why-title{
    grid-area:title !important;
    order:0 !important;
    width:100% !important;
    margin:0 !important;
    min-height:0 !important;
    text-align:center !important;
  }

  .home-why .why-grid > .why-item > .muted,
  .home-why .why-item > .muted{
    grid-area:text !important;
    order:0 !important;
    width:100% !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .bz-topbar{
    grid-template-columns:54px minmax(0,1fr) auto !important;
    gap:8px !important;
  }

  .bz-mobile-brand,
  .bz-mobile-brand:link,
  .bz-mobile-brand:visited{
    width:54px !important;
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
  }

  .bz-mobile-brand img,
  .bz-mobile-brand .custom-logo,
  .bz-mobile-brand .site-icon{
    width:42px !important;
    height:42px !important;
    max-width:42px !important;
    max-height:42px !important;
    display:block !important;
    margin:0 auto !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
  }

  .bz-country-wrap-mobile,
  .bz-actions-mobile .bz-country-wrap-mobile{
    min-width:48px !important;
    width:48px !important;
    height:48px !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .bz-country-wrap-mobile__current,
  .bz-country-wrap-mobile .bz-flag,
  .bz-country-wrap-mobile__current .bz-flag,
  .bz-country-wrap-mobile__current img{
    width:24px !important;
    height:24px !important;
    display:block !important;
  }
}

@media (max-width: 430px){
  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) 180px !important;
  }

  .home-mobile-hero__title{
    max-width:4.9ch !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack,
  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:180px !important;
  }

  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight:only-child{
    transform:rotate(5deg) translateX(4px) !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-price,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-price{
    font-size:15px !important;
  }
}

@media (max-width: 390px){
  .home-mobile-hero__shell{
    min-height:340px !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) 168px !important;
    gap:8px !important;
  }

  .home-mobile-hero__title{
    max-width:4.7ch !important;
    font-size:clamp(30px, 10.3vw, 41px) !important;
  }

  .home-mobile-hero__subtitle{
    max-width:10.8ch !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack,
  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:168px !important;
  }

  .home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single > .home-mobile-hero__spotlight:only-child{
    transform:rotate(4deg) translateX(3px) !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-body,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-body,
  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-price,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-price{
    min-height:32px !important;
    height:32px !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-price,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-price{
    font-size:13.6px !important;
  }

  .bz-mobile-brand,
  .bz-mobile-brand:link,
  .bz-mobile-brand:visited{
    width:52px !important;
    height:52px !important;
  }

  .bz-mobile-brand img,
  .bz-mobile-brand .custom-logo,
  .bz-mobile-brand .site-icon{
    width:40px !important;
    height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
  }
}

@media (max-width: 360px){
  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual,
  .home-mobile-hero__grid.home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0, 1fr) 160px !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack,
  .home-mobile-hero__visual.home-mobile-hero__visual--stack.home-mobile-hero__visual--single,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single{
    width:160px !important;
  }

  .home-mobile-hero__title{
    font-size:clamp(29px, 10vw, 39px) !important;
  }

  .home-mobile-hero__visual--single .home-mobile-hero__spotlight-price,
  .home-mobile-hero__visual--stack.home-mobile-hero__visual--single .home-mobile-hero__spotlight-price{
    font-size:12.8px !important;
  }
}


@media (max-width:767px){
  /* V28 — no floating gap under the fixed mobile bottom nav. */
  .bidluna-bottom-nav{
    position:fixed !important;
    left:max(0px, env(safe-area-inset-left)) !important;
    right:max(0px, env(safe-area-inset-right)) !important;
    bottom:var(--bl-nav-vv-offset, 0px) !important;
    width:auto !important;
    margin:0 !important;
    border-radius:22px 22px 0 0 !important;
    transform:none !important;
    -webkit-transform:none !important;
    backface-visibility:visible !important;
    -webkit-backface-visibility:visible !important;
    z-index:999999 !important;
  }

  body{
    padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
  }

  .bidluna-main,
  .bidluna-footer,
  .bidluna-footer-bottom{
    padding-bottom:calc(96px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width: 767px){
  body.bidluna-home-mobile-en-na .home-section--why,
  body.bidluna-home-mobile-en-na .home-why{
    display:none !important;
  }

  body.bidluna-home-mobile-en-na .home-section--testimonials{
    order:60 !important;
  }

  body.bidluna-home-mobile-en-na .home-section--partners{
    display:block !important;
    order:61 !important;
  }
}

/* Phase 2 perf — defer below-the-fold home sections on mobile without changing layout. */
@media (max-width: 767px) {
  .bidluna-home-flow > .home-section:not(.home-section--mobile-hero):not(.home-section--hero):not(.home-section--featured-sport),
  .bidluna-home-flow > .home-section--all-ads-cta {
    content-visibility: auto;
    contain: layout style paint;
    contain-intrinsic-size: 720px;
  }
}