/* LUSSO Mobile Luxury — acjobe, parallax, glass — PC untouched */
@media (max-width: 768px){
  /* hide desktop nav, show burger-driven full glass */
  .topbar{padding:0;background:rgba(10,10,14,.78);backdrop-filter:blur(20px) saturate(1.3);border-bottom:1px solid rgba(201,168,106,.18)}
  .topbar-inner{padding:8px 0;flex-wrap:nowrap;gap:8px;align-items:center}
  .brand{flex-shrink:0}
  .brand-logo{width:38px;height:26px;flex-shrink:0}
  .hicons{gap:4px;flex-shrink:0}
  .lang-switch{flex-shrink:0}
  .nav{display:none;position:fixed;top:64px;right:12px;left:12px;background:rgba(14,12,10,.88);backdrop-filter:blur(22px) saturate(1.3);border:1px solid rgba(201,168,106,.22);border-radius:20px;padding:16px;flex-direction:column;gap:0;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 28px rgba(201,168,106,.15);z-index:99}
  .nav.open{display:flex}
  .nav a{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px}
  .nav a:last-child{border:0}
  .burger{display:block;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(201,168,106,.22)}
  .hicons{gap:6px}
  .hicon{width:36px;height:36px;font-size:15px}
  .lang-switch button{padding:5px 9px;font-size:11px}
  /* header search — don't take space, overlay */
  .searchbar[hidden]{display:none!important}
  .searchbar{position:absolute;top:100%;left:12px;right:12px;z-index:98;background:rgba(14,12,10,.92);backdrop-filter:blur(18px);border:1px solid rgba(201,168,106,.22);border-radius:14px;padding:8px;margin:0;box-shadow:0 12px 40px rgba(0,0,0,.5)}
  .searchbar input{font-size:13px;padding:10px 14px}
  .searchbar .btn{padding:8px 14px;font-size:13px}

  /* HERO — full parallax luxury */
  .hero{min-height:92svh;padding:90px 0 40px}
  .hero-logo{width:min(300px,84vw)}
  .hero h1{font-size:42px;letter-spacing:6px}
  .hero h2{font-size:18px;letter-spacing:4px}
  .hero p{font-size:14px;line-height:1.8}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%;text-align:center}
  .parallax-bg{transform:none!important;background-attachment:scroll}

  /* sections — glass cards full width, parallax */
  section{padding:56px 0}
  .sec-head h2{font-size:26px}
  .pgrid{grid-template-columns:1fr;gap:14px}
  .pcard{min-width:100%}
  .pcard .pm{height:220px}
  .video-grid{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr;gap:18px}
  .about-grid img{height:260px}
  .contact-grid{grid-template-columns:1fr}
  .contact-hero-glass{padding:22px 16px;border-radius:20px}
  .contact-cards-grid{grid-template-columns:1fr}

  /* shop — mobile filters sticky glass */
  .toolbar{position:sticky;top:64px;z-index:5;background:rgba(10,10,14,.72);backdrop-filter:blur(16px);padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:14px;margin:12px 0}
  .catgrid{grid-template-columns:repeat(3,1fr);gap:8px}
  .catcard{padding:12px 6px}
  .catcard div{font-size:12px}
  .ppage{grid-template-columns:1fr;gap:18px}
  .pgal-main{height:280px}

  /* bottom nav — compact luxury glass */
  .mobile-bottom-nav{display:flex!important;position:fixed;bottom:8px;left:10px;right:10px;z-index:90;background:rgba(14,12,10,.82);backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(201,168,106,.20);border-radius:18px;padding:6px;justify-content:space-around;box-shadow:0 8px 30px rgba(0,0,0,.5),0 0 16px rgba(201,168,106,.12)}
  .mobile-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);font-size:9px;text-decoration:none;padding:5px 4px;border-radius:10px}
  .mobile-bottom-nav a.active{color:var(--gold-light);background:rgba(201,168,106,.10)}
  .mobile-bottom-nav .ico{font-size:16px}
  footer{padding:16px 0 80px!important}
  footer .flogo img{height:28px}
  #trustBadges{margin:8px 0!important;gap:6px!important}
  #trustBadges img{height:48px!important}
  /* hide desktop docks on mobile, keep left support but smaller */
  .right-dock{display:none!important}
  .support-side{left:12px;bottom:84px;top:auto;transform:none;width:48px}
  .support-popup{left:12px!important;right:12px!important;top:auto!important;bottom:84px!important;transform:none!important;max-height:68vh}
  /* cart drawer full width */
  .drawer{width:100vw}
  /* login popup full screen glass */
  .login-card{width:94vw;margin:2vh auto;max-height:92vh}
  /* hide announcement offset for mobile */
  #announceBar{font-size:11px;padding:5px}
}
/* hide mobile nav on desktop */
.mobile-bottom-nav{display:none}
