/* =====================================================================
   V19 MOBILE HOME POLISH — exact why block + separated hero cards
   ===================================================================== */

@media (min-width: 768px){
  .home-why .why-banner__mobile-copy,
  .home-why .why-donate--mobile{
    display:none !important;
  }

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

@media (max-width: 767px){
  .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;
  }

  /* Header touch-ups kept minimal */
  .bz-topbar{
    grid-template-columns:54px minmax(0,1fr) auto !important;
    gap:8px !important;
    align-items:center !important;
  }

  .bz-mobile-brand{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

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

  .bz-burger-mobile__lines,
  #bidlunaBurgerMobile .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;
  }

  .bz-burger-mobile__lines span,
  #bidlunaBurgerMobile .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(216,232,255,.96)) !important;
    box-shadow:0 0 10px rgba(98,159,255,.22) !important;
  }

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

  .home-mobile-hero__shell{
    min-height:290px !important;
    padding:16px 16px 16px !important;
    border-radius:26px !important;
    background:
      linear-gradient(96deg, rgba(4,14,39,.97) 0%, rgba(7,20,53,.86) 46%, rgba(8,18,42,.40) 100%),
      var(--home-mobile-hero-bg) center center / cover no-repeat !important;
  }

  .home-mobile-hero__grid,
  .home-mobile-hero__grid--dual{
    grid-template-columns:minmax(0,1fr) clamp(142px, 42vw, 170px) !important;
    gap:10px !important;
    align-items:start !important;
  }

  .home-mobile-hero__content{
    padding-top:4px !important;
    gap:10px !important;
  }

  .home-mobile-hero__title{
    margin:0 !important;
    font-size:clamp(34px, 11vw, 56px) !important;
    line-height:.90 !important;
    letter-spacing:-.06em !important;
    font-weight:1000 !important;
    max-width:5.9ch !important;
  }

  .home-mobile-hero__subtitle{
    margin:0 !important;
    font-size:14.5px !important;
    line-height:1.28 !important;
    max-width:15ch !important;
  }

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

  .home-mobile-hero__chip{
    min-height:30px !important;
    padding:0 11px !important;
    font-size:11px !important;
    letter-spacing:.02em !important;
  }

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack{
    display:inline-grid !important;
    grid-template-columns:clamp(72px, 19vw, 86px) clamp(98px, 26vw, 112px) !important;
    grid-template-rows:34px auto 34px !important;
    gap:10px !important;
    width:auto !important;
    min-height:232px !important;
    margin:0 0 0 auto !important;
    justify-self:end !important;
    align-self:start !important;
    overflow:visible !important;
  }

  .home-mobile-hero__visual--stack > .home-mobile-hero__spotlight,
  .home-mobile-hero__spotlight{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    margin:0 !important;
    width:100% !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 18px 34px rgba(0,0,0,.28) !important;
  }

  .home-mobile-hero__spotlight--primary{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    align-self:start !important;
    justify-self:end !important;
    transform:rotate(7deg) !important;
    border-radius:30px 18px 28px 16px !important;
    z-index:2 !important;
  }

  .home-mobile-hero__spotlight--secondary{
    grid-column:1 !important;
    grid-row:2 / span 2 !important;
    align-self:end !important;
    justify-self:start !important;
    transform:rotate(-11deg) !important;
    border-radius:18px 28px 16px 26px !important;
    z-index:1 !important;
    opacity:1 !important;
  }

  .home-mobile-hero__visual--stack > .home-mobile-hero__spotlight:only-child{
    grid-column:2 !important;
    grid-row:1 / span 3 !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-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;
    padding:24px 8px 8px !important;
    min-height:0 !important;
    background:linear-gradient(180deg, rgba(2,7,18,0) 0%, rgba(2,7,18,.86) 78%, rgba(2,7,18,.96) 100%) !important;
  }

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

  .home-mobile-hero__spotlight-price{
    color:#f9d65e !important;
    font-size:10px !important;
    line-height:1.08 !important;
    font-weight:1000 !important;
    letter-spacing:-.02em !important;
    text-shadow:0 2px 10px rgba(0,0,0,.28) !important;
  }

  .home-mobile-hero__actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:12px !important;
  }

  .home-mobile-hero__btn{
    min-height:46px !important;
    font-size:14px !important;
    font-weight:900 !important;
  }

  /* Exact mobile visual for “Comment Bidluna reste gratuit ?” */
  .home-why{
    display:block !important;
    padding:22px 0 18px !important;
    margin-top:0 !important;
    background:transparent !important;
  }

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

  .home-why h2{
    margin:0 0 24px !important;
    text-align:center !important;
    color:#132b59 !important;
    font-size:clamp(32px, 9vw, 52px) !important;
    line-height:1.03 !important;
    font-weight:1000 !important;
    letter-spacing:-.05em !important;
  }

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

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

  .home-why .why-ico{
    width:66px !important;
    height:66px !important;
    margin:0 auto 14px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#e9eef8 !important;
    color:#0c56c8 !important;
    font-size:30px !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:30px !important;
    height:30px !important;
    display:block !important;
  }

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

  .home-why .why-title{
    margin:0 0 12px !important;
    color:#132b59 !important;
    font-size:19px !important;
    line-height:1.16 !important;
    font-weight:1000 !important;
  }

  .home-why .muted{
    margin:0 !important;
    color:#717b8d !important;
    font-size:14px !important;
    line-height:1.28 !important;
  }

  .home-why .why-banner{
    margin-top:28px !important;
    padding:22px 20px !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;
    flex-wrap:wrap !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;
  }

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

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

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

  .home-why .why-donate--mobile{
    margin-top:24px !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:228px !important;
    min-height:66px !important;
    padding:0 28px !important;
    border-radius:999px !important;
    border:2px solid rgba(16,40,96,.65) !important;
    background:linear-gradient(180deg,#aef3ff 0%,#7cc8ff 22%,#3f83ff 58%,#1a50d8 100%) !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    box-shadow:0 10px 24px rgba(20,70,170,.28), inset 0 3px 0 rgba(255,255,255,.38), inset 0 -4px 0 rgba(6,38,116,.22) !important;
  }

  /* 3 larger cards per row in mobile carousels */
  .home-featured .featured-page{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    padding:0 !important;
  }

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

  .home-featured .featured-card .fc-img{
    height:136px !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;
  }
}

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

  .home-mobile-hero__title{
    font-size:clamp(30px, 10.5vw, 42px) !important;
    max-width:5.8ch !important;
  }

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

  .home-mobile-hero__visual,
  .home-mobile-hero__visual--stack{
    grid-template-columns:68px 94px !important;
    min-height:214px !important;
    gap:8px !important;
  }

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

  .home-why h2{
    font-size:clamp(26px, 8.3vw, 38px) !important;
  }

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

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

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

  .home-why .why-donate--mobile .bidluna-home-donate-btn,
  .home-why .why-donate--mobile .bidluna-home-donate-btn.btn.btn-primary{
    min-width:200px !important;
    min-height:58px !important;
    font-size:16px !important;
  }

  .home-featured .featured-page{
    gap:8px !important;
  }

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