
/* ============================================================
   LEVIAL v5.5.0 — MOBILE COMMERCE ONLY
   DESKTOP IS INTENTIONALLY UNTOUCHED.
   Target: phones <= 767px
   ============================================================ */

@media (max-width:767px){

  :root{
    --mob-bg:#030303;
    --mob-panel:#080808;
    --mob-panel2:#0b0a09;
    --mob-ivory:#ece4da;
    --mob-muted:#aaa198;
    --mob-gold:#c79a4d;
    --mob-gold2:#d6b16e;
    --mob-line:rgba(199,154,77,.30);
    --mob-soft-line:rgba(255,255,255,.07);
    --mob-radius:8px;
    --mob-pad:16px;
  }

  html,body{
    margin:0!important;
    padding:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    background:var(--mob-bg)!important;
    color:var(--mob-ivory)!important;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }

  body{padding-bottom:env(safe-area-inset-bottom)!important}

  /* ----------------------------------------------------------
     ABSOLUTE SAFETY: DESKTOP ARTWORK MUST NEVER BLEED INTO PHONE
     ---------------------------------------------------------- */
  .lv-fit-host,.lv-fit-stage{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    transform:none!important;
    margin:0!important;
    overflow:visible!important;
  }
  .ax-desktop,.rx-desktop,.fq-desktop,.ct-desktop,.cv-page{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    position:absolute!important;
    pointer-events:none!important;
  }

  /* Dedicated mobile pages fill the screen, never a 430px island. */
  .ax-mobile,.rx-mobile,.fq-mobile,.ct-mobile,.cvm-page{
    display:block!important;
    visibility:visible!important;
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-height:100svh!important;
    margin:0!important;
    background:var(--mob-bg)!important;
    color:var(--mob-ivory)!important;
  }

  /* ----------------------------------------------------------
     SHARED MOBILE HEADER — SAME ON EVERY CUSTOM PAGE
     ---------------------------------------------------------- */
  .am-head,.rm-head,.fm-head,.cm-head,.lvm-head{
    position:sticky!important;
    top:0!important;
    z-index:900!important;
    height:68px!important;
    padding:0 max(14px,env(safe-area-inset-left))!important;
    display:grid!important;
    grid-template-columns:42px 1fr 72px!important;
    align-items:center!important;
    border:0!important;
    border-bottom:1px solid var(--mob-soft-line)!important;
    background:rgba(3,3,3,.94)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    box-shadow:0 8px 26px rgba(0,0,0,.20)!important;
  }

  .am-menu,.rm-menu,.fm-menu,.cm-menu,.lvm-menu{
    width:42px!important;height:42px!important;
    display:grid!important;place-items:center!important;
    padding:0!important;margin:0!important;
    border:0!important;background:transparent!important;
    color:#ddd4c8!important;font-size:20px!important;
  }

  .am-logo,.rm-logo,.fm-logo,.cm-logo,.lvm-logo{
    justify-self:center!important;
    display:flex!important;align-items:center!important;gap:7px!important;
    text-decoration:none!important;color:var(--mob-ivory)!important;
    min-width:0!important;
  }
  .am-logo b,.rm-logo b,.fm-logo b,.cm-logo b,.lvm-logo b{
    font:30px/1 Georgia,serif!important;
    font-weight:400!important;
    letter-spacing:-.08em!important;
    color:#c5a16a!important;
  }
  .am-logo span,.rm-logo span,.fm-logo span,.cm-logo span,.lvm-logo span{
    font:15px/1 Georgia,serif!important;
    letter-spacing:.18em!important;
    white-space:nowrap!important;
  }
  .am-logo small,.rm-logo small,.fm-logo small,.cm-logo small,.lvm-logo small{
    display:block!important;
    margin-top:4px!important;
    font:5px/1 Arial,sans-serif!important;
    letter-spacing:.48em!important;
    text-align:center!important;
  }
  .am-icons,.rm-icons,.fm-icons,.cm-icons,.lvm-icons{
    justify-self:end!important;
    width:72px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:12px!important;
    letter-spacing:0!important;
    color:#d8d0c6!important;
    text-align:right!important;
  }

  /* ----------------------------------------------------------
     GLOBAL HOMEPAGE HEADER
     ---------------------------------------------------------- */
  body.home .site-header{
    position:absolute!important;
    top:0!important;left:0!important;right:0!important;
    z-index:900!important;
    background:linear-gradient(180deg,rgba(2,2,2,.94),rgba(2,2,2,.55),transparent)!important;
    border:0!important;
  }
  body.home .site-header .topline{display:none!important}
  body.home .site-header .nav-shell{
    height:68px!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:1fr 42px!important;
    align-items:center!important;
    border:0!important;
  }
  body.home .site-header .brand{
    justify-self:start!important;
    color:var(--mob-ivory)!important;
  }
  body.home .site-header .brand span{
    font-size:22px!important;letter-spacing:.20em!important
  }
  body.home .site-header .brand small{
    font-size:6px!important;letter-spacing:.46em!important;margin-top:5px!important
  }
  body.home .site-header .menu-toggle{
    display:flex!important;
    width:42px!important;height:42px!important;
    border:0!important;background:transparent!important;
    align-items:center!important;justify-content:center!important;
    flex-direction:column!important;gap:6px!important;
  }
  body.home .site-header .menu-toggle span{
    display:block!important;width:20px!important;height:1px!important;background:#ddd2c6!important
  }
  body.home .site-header .main-nav,
  body.home .site-header .nav-icons{display:none!important}

  /* ----------------------------------------------------------
     HOME — MOBILE-FIRST HIGH-END COMMERCE EXPERIENCE
     ---------------------------------------------------------- */
  body.home main{width:100%!important;overflow:hidden!important}

  body.home .hero{
    height:88svh!important;
    min-height:650px!important;
    max-height:820px!important;
    background:#020202!important;
  }
  body.home .hero-scene{
    inset:0!important;
    background-position:67% center!important;
    background-size:cover!important;
    transform:none!important;
  }
  body.home .hero-shade{
    background:
      linear-gradient(180deg,rgba(2,2,2,.18) 0%,rgba(2,2,2,.12) 42%,rgba(2,2,2,.91) 83%,#030303 100%),
      linear-gradient(90deg,rgba(2,2,2,.42),transparent 60%)!important;
  }
  body.home .hero-copy{
    left:var(--mob-pad)!important;right:var(--mob-pad)!important;
    top:auto!important;bottom:46px!important;
    width:auto!important;
    transform:none!important;
  }
  body.home .hero h1{
    max-width:330px!important;
    font:42px/.97 Georgia,serif!important;
    font-weight:400!important;
    letter-spacing:.025em!important;
    color:#eee5da!important;
  }
  body.home .ornament{max-width:280px!important;margin:17px 0!important}
  body.home .hero p{
    max-width:310px!important;
    margin:0 0 18px!important;
    font:13px/1.55 Arial,sans-serif!important;
    color:#c8beb2!important;
  }
  body.home .outline-btn{
    min-width:0!important;width:auto!important;
    padding:13px 16px!important;
    gap:28px!important;
    font-size:9px!important;
    border-radius:3px!important;
  }
  body.home .hero-scroll{display:none!important}

  body.home .science{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    border:0!important;
  }
  body.home .science-image{
    order:1!important;
    min-height:280px!important;
    background-position:center!important;
  }
  body.home .science-copy{
    order:2!important;
    padding:30px var(--mob-pad) 36px!important;
    background:linear-gradient(180deg,#090807,#050505)!important;
  }
  body.home .science h2{
    font:29px/1.08 Georgia,serif!important;
    margin:10px 0 14px!important;
  }
  body.home .science p{
    font:12px/1.6 Arial,sans-serif!important;color:#aaa198!important
  }

  body.home .collection{
    padding:34px var(--mob-pad) 28px!important;
    text-align:left!important;
  }
  body.home .collection header{text-align:center!important}
  body.home .collection h2{
    font:25px/1.12 Georgia,serif!important;
    letter-spacing:.06em!important;
    margin:7px 0!important;
  }
  body.home .product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:20px 0 18px!important;
  }
  body.home .product-card{
    min-width:0!important;
    border:1px solid var(--mob-line)!important;
    border-radius:var(--mob-radius)!important;
    background:linear-gradient(180deg,#0a0a09,#060606)!important;
    padding:10px 7px 12px!important;
    text-align:center!important;
  }
  body.home .product-card img{
    height:170px!important;
    width:100%!important;
    object-fit:contain!important;
    transform:none!important;
  }
  body.home .product-card h3{
    font:11px/1.2 Georgia,serif!important;margin:3px 0!important
  }
  body.home .product-card p{
    font:7px Arial,sans-serif!important;color:var(--mob-gold2)!important
  }
  body.home .product-card .view-product{display:none!important}
  body.home .center{display:flex!important;margin:0 auto!important}

  body.home .quality{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.home .quality article{
    min-height:220px!important;
    padding:20px 14px!important;
  }
  body.home .quality h3{font-size:12px!important}
  body.home .quality p{font:9px/1.5 Arial,sans-serif!important}

  body.home .newsletter{
    min-height:0!important;
    display:block!important;
    padding:30px var(--mob-pad)!important;
    text-align:center!important;
  }
  body.home .newsletter .lv-mark{font-size:68px!important}
  body.home .newsletter h2{font-size:22px!important}
  body.home .newsletter form,
  body.home .newsletter .signup{
    width:100%!important;max-width:none!important;
  }

  body.home .site-footer{
    padding:26px var(--mob-pad) 32px!important;
  }

  /* ----------------------------------------------------------
     COLLECTION
     ---------------------------------------------------------- */
  .cvm-page{padding-bottom:0!important}
  .cvm-hero{
    min-height:520px!important;
    margin:0!important;
    position:relative!important;
    background:
      linear-gradient(180deg,rgba(2,2,2,.03) 0%,rgba(2,2,2,.18) 45%,rgba(2,2,2,.92) 83%,#030303 100%),
      url('../images/collection/collection-v420-hero.webp') 69% top/auto 520px no-repeat!important;
  }
  .cvm-hero-copy{
    left:var(--mob-pad)!important;right:var(--mob-pad)!important;
    bottom:22px!important;
  }
  .cvm-hero label{font:9px Arial,sans-serif!important;letter-spacing:.22em!important}
  .cvm-hero h1{
    max-width:330px!important;
    margin:9px 0!important;
    font:38px/.98 Georgia,serif!important;
    letter-spacing:.025em!important;
  }
  .cvm-hero p{font:11px/1.5 Arial,sans-serif!important}
  .cvm-points{gap:6px!important}
  .cvm-points span{
    padding:7px 8px!important;
    border-radius:2px!important;
    font-size:6.5px!important;
  }

  .cvm-featured{padding:20px 0 12px!important}
  .cvm-section-title{padding:0 var(--mob-pad) 13px!important}
  .cvm-section-title h2{font-size:15px!important}
  .cvm-feature-scroll{
    gap:10px!important;
    padding:0 var(--mob-pad) 12px!important;
    scroll-padding-left:var(--mob-pad)!important;
  }
  .cvm-feature-card{
    flex:0 0 min(78vw,315px)!important;
    padding:12px 10px 14px!important;
    border-radius:var(--mob-radius)!important;
    background:linear-gradient(180deg,#0a0a09,#060606)!important;
    box-shadow:0 16px 35px rgba(0,0,0,.28)!important;
  }
  .cvm-feature-card img{
    height:245px!important;
    max-height:45vh!important;
  }
  .cvm-feature-card h3{font-size:14px!important}
  .cvm-feature-card p{font-size:8px!important}
  .cvm-feature-card span{
    padding:9px 14px!important;
    font-size:7px!important;
    border-radius:2px!important;
  }

  .cvm-products{padding:6px var(--mob-pad) 24px!important}
  .cvm-filter-row{
    position:sticky!important;
    top:68px!important;
    z-index:120!important;
    margin:0 calc(var(--mob-pad) * -1) 12px!important;
    padding:10px var(--mob-pad)!important;
    background:rgba(3,3,3,.94)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    border-top:1px solid var(--mob-soft-line)!important;
    border-bottom:1px solid var(--mob-soft-line)!important;
  }
  .cvm-filter{
    height:34px!important;
    padding:0 14px!important;
    font-size:7px!important;
    border-radius:18px!important;
  }
  .cvm-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .cvm-product{
    min-height:230px!important;
    padding:8px 6px 11px!important;
    border-radius:var(--mob-radius)!important;
    background:linear-gradient(180deg,#0a0a09,#060606)!important;
  }
  .cvm-product img{height:177px!important}
  .cvm-product h3{font-size:9.5px!important}
  .cvm-product p{font-size:7px!important}

  /* ----------------------------------------------------------
     ABOUT — MOBILE MASTER
     ---------------------------------------------------------- */
  .am-hero{
    min-height:540px!important;
    padding:310px var(--mob-pad) 28px!important;
    background:
      linear-gradient(180deg,rgba(2,2,2,.08),rgba(2,2,2,.16) 46%,#050505 73%),
      url('../images/about/about-exact-desktop.webp') 72% top/auto 540px no-repeat!important;
  }
  .am-hero label{font:9px Arial,sans-serif!important;letter-spacing:.22em!important;color:var(--mob-gold)!important}
  .am-hero h1{
    font:34px/1.02 Georgia,serif!important;
    letter-spacing:.03em!important;margin:9px 0!important;
  }
  .am-hero h4{
    font:7px Arial,sans-serif!important;letter-spacing:.20em!important;color:#b8afa5!important
  }
  .am-hero p{
    max-width:355px!important;
    font:11px/1.6 Arial,sans-serif!important;color:#b8afa5!important
  }
  .am-btn{
    display:inline-flex!important;
    margin-top:8px!important;
    padding:11px 14px!important;
    border:1px solid var(--mob-line)!important;
    border-radius:3px!important;
    font:8px Arial,sans-serif!important;
  }

  .am-philosophy{
    padding:27px var(--mob-pad)!important;
    border-top:1px solid var(--mob-line)!important;
  }
  .am-philosophy>h2{
    font:18px Georgia,serif!important;
    letter-spacing:.08em!important;text-align:center!important;
  }
  .am-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .am-grid article{
    padding:18px 12px!important;
    border:1px solid var(--mob-line)!important;
    border-radius:var(--mob-radius)!important;
    background:#080808!important;
    text-align:center!important;
  }
  .am-grid article i{
    width:48px!important;height:48px!important;
    display:grid!important;place-items:center!important;
    margin:0 auto 10px!important;
    border:1px solid #745527!important;border-radius:50%!important;
  }
  .am-grid article h3{font-size:9px!important;letter-spacing:.06em!important}
  .am-grid article p{font:8.5px/1.5 Arial,sans-serif!important;color:#aaa198!important}

  .am-commitment{
    display:block!important;
    padding:28px var(--mob-pad)!important;
    background:#060606!important;
  }
  .am-copy h2{font:20px Georgia,serif!important}
  .am-copy p,.am-copy li{font:9px/1.55 Arial,sans-serif!important}
  .am-stats{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;margin-top:20px!important;
  }
  .am-stats>div{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:58px!important;
    padding:10px 13px!important;
    border:1px solid var(--mob-line)!important;border-radius:5px!important;
  }

  .am-community{padding:24px var(--mob-pad)!important}

  /* ----------------------------------------------------------
     RESEARCH
     ---------------------------------------------------------- */
  .rm-hero{
    min-height:530px!important;
    margin:0!important;
    padding:300px var(--mob-pad) 24px!important;
    background:
      linear-gradient(180deg,rgba(3,3,3,.03),rgba(3,3,3,.16) 43%,#050505 72%),
      url('../images/research/research-exact-desktop.webp') 69% top/auto 530px no-repeat!important;
  }
  .rm-hero label{font:9px Arial,sans-serif!important;letter-spacing:.22em!important}
  .rm-hero h1{font:32px/1.02 Georgia,serif!important;margin:9px 0!important}
  .rm-hero p{font:10.5px/1.58 Arial,sans-serif!important;max-width:355px!important}
  .rm-search{
    height:43px!important;margin-top:14px!important;
    border-radius:4px!important;
  }
  .rm-search input{font-size:10px!important}

  .rm-categories{
    padding:10px var(--mob-pad) 0!important;
    display:grid!important;gap:7px!important;
  }
  .rm-categories a{
    min-height:74px!important;
    border-radius:var(--mob-radius)!important;
    background:linear-gradient(180deg,#0a0a09,#070707)!important;
  }
  .rm-title{padding:0 var(--mob-pad)!important;margin:25px 0 10px!important}
  .rm-featured{
    padding:0 var(--mob-pad) 12px!important;
    gap:10px!important;
  }
  .rm-featured article{
    flex:0 0 min(82vw,330px)!important;
    border-radius:var(--mob-radius)!important;
    padding:10px 10px 14px!important;
    background:#080808!important;
  }
  .rm-featured article .rm-card-img{height:195px!important}
  .rm-featured article h3{font-size:15px!important}
  .rm-browse{
    margin:0 var(--mob-pad) 28px!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }

  /* ----------------------------------------------------------
     FAQ
     ---------------------------------------------------------- */
  .fm-hero{
    min-height:500px!important;
    margin:0!important;
    padding:275px var(--mob-pad) 23px!important;
    background:
      linear-gradient(180deg,rgba(3,3,3,.03),rgba(3,3,3,.18) 42%,#050505 70%),
      url('../images/faq/faq-exact-desktop.webp') 69% top/auto 500px no-repeat!important;
  }
  .fm-hero label{font:9px Arial,sans-serif!important;letter-spacing:.22em!important}
  .fm-hero h1{font:34px/1.00 Georgia,serif!important;margin:8px 0!important}
  .fm-hero p{font:10.5px/1.55 Arial,sans-serif!important;max-width:340px!important}
  .fm-search,.fm-hero select{
    height:43px!important;
    border-radius:4px!important;
    margin-top:10px!important;
  }
  .fm-faqs{
    padding:9px var(--mob-pad) 28px!important;
  }
  .fm-item{
    border-radius:var(--mob-radius)!important;
    background:linear-gradient(180deg,#0a0a09,#070707)!important;
    overflow:hidden!important;
  }
  .fm-item>button{
    min-height:58px!important;
    padding:14px!important;
    font:12px/1.35 Georgia,serif!important;
    text-align:left!important;
  }
  .fm-answer p{font:9.5px/1.65 Arial,sans-serif!important}

  /* ----------------------------------------------------------
     CONTACT
     ---------------------------------------------------------- */
  .cm-hero{
    min-height:500px!important;
    margin:0!important;
    padding:285px var(--mob-pad) 24px!important;
    background:
      linear-gradient(180deg,rgba(3,3,3,.03),rgba(3,3,3,.16) 42%,#050505 72%),
      url('../images/contact/contact-exact-desktop.webp') 69% top/auto 500px no-repeat!important;
  }
  .cm-hero label{font:9px Arial,sans-serif!important;letter-spacing:.22em!important}
  .cm-hero h1{font:33px/1.02 Georgia,serif!important;margin:8px 0!important}
  .cm-hero p{font:10.5px/1.55 Arial,sans-serif!important;max-width:340px!important}
  .cm-support{
    padding:10px var(--mob-pad)!important;
    display:grid!important;gap:7px!important;
  }
  .cm-support>a,.cm-hours{
    min-height:86px!important;
    border-radius:var(--mob-radius)!important;
    background:linear-gradient(180deg,#0a0a09,#070707)!important;
  }
  .cm-message-btn{
    width:calc(100% - (var(--mob-pad) * 2))!important;
    margin:2px var(--mob-pad) 14px!important;
    height:48px!important;
    border-radius:4px!important;
  }
  .cm-location,.cm-form-wrap{
    margin:0 var(--mob-pad) 12px!important;
    border-radius:var(--mob-radius)!important;
    padding:14px!important;
  }
  .cm-location img{width:100%!important;border-radius:4px!important}
  .cm-form-wrap input,.cm-form-wrap textarea{
    width:100%!important;
    font-size:16px!important; /* prevents iOS zoom */
    border-radius:4px!important;
  }
  .cm-form-wrap input{height:46px!important}
  .cm-form-wrap textarea{height:135px!important}
  .cm-form-wrap button{height:47px!important;border-radius:4px!important}

  /* ----------------------------------------------------------
     PRODUCT SELECTED — PHONE PURCHASE FLOW
     ---------------------------------------------------------- */
  body.levial-product-selected .lp-page{
    width:100%!important;
    max-width:none!important;
    min-height:100svh!important;
    padding:0 0 32px!important;
    overflow:hidden!important;
  }
  body.levial-product-selected .lp-exact-header-canvas{display:none!important}
  body.levial-product-selected .lp-breadcrumb{
    height:auto!important;
    padding:11px var(--mob-pad)!important;
    font-size:7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.levial-product-selected .lp-main{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    padding:0!important;
    gap:0!important;
  }
  body.levial-product-selected .lp-gallery{
    order:1!important;
    display:block!important;
    width:100%!important;
  }
  body.levial-product-selected .lp-thumbs{
    display:flex!important;
    flex-direction:row!important;
    gap:7px!important;
    padding:9px var(--mob-pad)!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.levial-product-selected .lp-thumbs::-webkit-scrollbar{display:none!important}
  body.levial-product-selected .lp-thumbs button{
    flex:0 0 58px!important;
    height:58px!important;
  }
  body.levial-product-selected .lp-main-art{
    height:430px!important;
    margin:0 var(--mob-pad)!important;
    border-radius:var(--mob-radius)!important;
  }
  body.levial-product-selected .lp-main-vial{
    height:315px!important;
    max-width:75%!important;
    top:48px!important;
  }
  body.levial-product-selected .lp-zoom{bottom:10px!important}

  body.levial-product-selected .lp-details{
    order:2!important;
    padding:22px var(--mob-pad) 0!important;
  }
  body.levial-product-selected .lp-details h1{
    font:31px/1.04 Georgia,serif!important;
    margin:9px 0 4px!important;
  }
  body.levial-product-selected .lp-details h2{font-size:18px!important}
  body.levial-product-selected .lp-price{font-size:19px!important}
  body.levial-product-selected .lp-summary{font:10px/1.6 Arial,sans-serif!important}
  body.levial-product-selected .lp-trust{
    grid-template-columns:1fr 1fr!important;
    margin:14px 0!important;
  }
  body.levial-product-selected .lp-trust>div{
    min-height:92px!important;
    border-bottom:1px solid rgba(185,138,61,.16)!important;
  }
  body.levial-product-selected .lp-buybox{
    position:relative!important;
    padding:12px!important;
    border-radius:var(--mob-radius)!important;
  }
  body.levial-product-selected .lp-buyrow{
    grid-template-columns:120px 1fr!important;
    gap:8px!important;
  }
  body.levial-product-selected .lp-qty button,
  body.levial-product-selected .lp-qty input,
  body.levial-product-selected .lp-add{height:42px!important}
  body.levial-product-selected .lp-buy-now{height:42px!important}
  body.levial-product-selected .lp-meta{font-size:7px!important}
  body.levial-product-selected .lp-service{font-size:7px!important}

  body.levial-product-selected .lp-related{display:none!important}
  body.levial-product-selected .lp-info{
    order:3!important;
    width:100%!important;
    padding:22px var(--mob-pad)!important;
  }
  body.levial-product-selected .lp-tabs{
    display:flex!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    border:1px solid var(--mob-line)!important;
    border-radius:4px!important;
  }
  body.levial-product-selected .lp-tabs::-webkit-scrollbar{display:none!important}
  body.levial-product-selected .lp-tabs button{
    flex:0 0 auto!important;
    min-width:120px!important;
    height:44px!important;
    padding:0 12px!important;
    font-size:7px!important;
  }
  body.levial-product-selected .lp-tab-content{
    padding:16px!important;
    border-radius:0 0 5px 5px!important;
  }

  /* ----------------------------------------------------------
     SHARED NEWSLETTER + FOOTER ON CUSTOM PAGES
     ---------------------------------------------------------- */
  .am-community,.lvm-newsletter{
    margin:0!important;
    border-top:1px solid var(--mob-line)!important;
    border-bottom:1px solid var(--mob-line)!important;
    background:#070707!important;
  }

  .am-footer,.lvm-footer{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:18px 14px!important;
    padding:24px var(--mob-pad) 34px!important;
    background:#030303!important;
    border-top:1px solid rgba(199,154,77,.22)!important;
  }

  /* ----------------------------------------------------------
     DRAWER
     ---------------------------------------------------------- */
  .lv-mobile-drawer{
    inset:0 0 0 13%!important;
    z-index:99999!important;
    padding:82px 22px calc(30px + env(safe-area-inset-bottom))!important;
    background:rgba(4,4,4,.985)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    border-left:1px solid var(--mob-line)!important;
    box-shadow:-30px 0 70px rgba(0,0,0,.55)!important;
  }
  .lv-mobile-drawer a{
    padding:16px 2px!important;
    font:18px Georgia,serif!important;
    letter-spacing:.06em!important;
  }
  .lv-mobile-drawer .close{
    width:44px!important;height:44px!important;
    right:14px!important;top:14px!important;
  }

  /* No desktop hover effects on touchscreens. */
  .product-card:hover,
  .cvm-product:hover,
  .cvm-feature-card:hover{
    transform:none!important;
    box-shadow:none!important;
  }
}

/* Small phones */
@media (max-width:374px){
  .cvm-grid,body.home .product-grid,.am-grid{grid-template-columns:1fr 1fr!important}
  body.home .hero h1{font-size:38px!important}
  .cvm-hero h1{font-size:35px!important}
  .am-hero h1,.fm-hero h1,.cm-hero h1,.rm-hero h1{font-size:30px!important}
}

/* Larger phones/foldables but still explicitly mobile-only */
@media (min-width:600px) and (max-width:767px){
  :root{--mob-pad:24px}
  .cvm-grid,body.home .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .am-grid{grid-template-columns:repeat(4,1fr)!important}
}
