
@media(max-width:767px){
  :root{
    --lv-black:#030303;
    --lv-panel:#080807;
    --lv-panel2:#0b0a09;
    --lv-gold:#c39a5b;
    --lv-gold-soft:#d4b37a;
    --lv-ivory:#eee8e0;
    --lv-muted:#aaa198;
    --lv-line:rgba(195,154,91,.28);
    --lv-pad:16px;
  }

  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:var(--lv-black)!important}

  /* ONE HEADER ONLY */
  .site-header,
  .lv580-mobile-top,
  .am-head,.rm-head,.fm-head,.cm-head,
  .cvm-shop-head{
    display:none!important;
  }
  .lv-mobile-commerce-header{
    display:grid!important;
    position:sticky!important;
    top:0!important;
    z-index:10000!important;
    height:64px!important;
    grid-template-columns:44px 1fr 106px!important;
    padding:0 12px!important;
    background:rgba(3,3,3,.98)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 7px 22px rgba(0,0,0,.28)!important;
  }
  .lv-mobile-commerce-header .brand{
    justify-self:center!important;
    display:block!important;
    text-align:center!important;
    color:var(--lv-ivory)!important;
  }
  .lv-mobile-commerce-header .brand b{display:none!important}
  .lv-mobile-commerce-header .brand span{
    display:block!important;
    font:18px/1 Georgia,serif!important;
    letter-spacing:.25em!important;
    padding-left:.25em!important;
    white-space:nowrap!important;
  }
  .lv-mobile-commerce-header .brand small{
    display:block!important;
    margin-top:5px!important;
    font:5.5px/1 Arial,sans-serif!important;
    letter-spacing:.52em!important;
    padding-left:.52em!important;
    color:#c8bbae!important;
  }
  .lv-mobile-commerce-header .menu{font-size:22px!important;color:#d8cfc5!important}
  .lv-mobile-commerce-header .actions{gap:0!important}
  .lv-mobile-commerce-header .actions a,
  .lv-mobile-commerce-header .actions button{
    width:34px!important;height:34px!important;color:#d8cfc5!important;font-size:14px!important
  }

  /* hide desktop/reference art everywhere on phones */
  .ax-desktop,.rx-desktop,.fq-desktop,.ct-desktop,.cv-page{display:none!important}
  .ax-mobile,.rx-mobile,.fq-mobile,.ct-mobile,.cvm-page{display:block!important;width:100%!important;max-width:100%!important}
  .rx-shell,.ax-shell,.ct-shell,.fq-shell{width:100%!important;max-width:100%!important;overflow:hidden!important}

  /* HOME */
  body.home .site-footer{display:none!important}
  body.home > main{margin:0!important;padding:0!important}
  .lv580-home-mobile{display:block!important}
  .lv580-home-hero{
    min-height:505px!important;
    padding:28px 18px 30px!important;
    overflow:hidden!important;
  }
  .lv580-hero-vial{
    width:57%!important;
    height:325px!important;
    right:-2%!important;
    top:34px!important;
    object-fit:contain!important;
    filter:none!important;
  }
  .lv580-home-hero-copy{max-width:290px!important}
  .lv580-home-hero-copy h1{
    font-size:38px!important;
    line-height:.93!important;
    margin:8px 0 11px!important;
    max-width:280px!important;
  }
  .lv580-home-hero-copy p{font-size:11px!important;margin-bottom:17px!important}
  .lv580-home-hero-copy a{min-height:40px!important;padding:0 16px!important}
  .lv580-trust-grid div{min-height:64px!important}
  .lv580-home-products{padding:28px 10px 24px!important}
  .lv580-home-products header h2{font-size:23px!important}
  .lv580-home-grid{gap:7px!important}
  .lv580-home-grid article{padding:8px 6px 11px!important}
  .lv580-home-grid img{height:178px!important}
  .lv580-home-grid h3{font-size:10px!important}
  .lv580-home-values article{min-height:128px!important;padding:17px 13px!important}

  /* COLLECTION: no hero, no carousel, products first */
  body.levial-collection-v420 .lv-mobile-commerce-header{display:grid!important}
  .cvm-offerbar{display:none!important}
  .cvm-shop-intro{
    padding:18px 14px 12px!important;
    background:#050505!important;
    border-bottom:1px solid var(--lv-line)!important;
  }
  .cvm-breadcrumb{margin-bottom:9px!important;font-size:9px!important}
  .cvm-shop-intro h1{font-size:25px!important;color:var(--lv-ivory)!important}
  .cvm-shop-intro p{font-size:9px!important;color:var(--lv-muted)!important}
  .cvm-shop-controls{
    position:sticky!important;
    top:64px!important;
    z-index:600!important;
    padding:9px 10px!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    background:rgba(3,3,3,.98)!important;
    border-bottom:1px solid var(--lv-line)!important;
  }
  .cvm-shop-controls label{display:none!important}
  .cvm-shop-controls select{
    height:42px!important;
    min-width:0!important;
    font-size:12px!important;
    padding:0 8px!important;
    background:#090909!important;
    color:#e5ddd4!important;
    border:1px solid var(--lv-line)!important;
  }
  .cvm-catalog-v570{padding:10px 7px 22px!important;background:#030303!important}
  .cvm-results-v570{padding:0 4px 8px!important;font-size:8px!important}
  .cvm-grid-v570{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .cvm-card-v570{
    padding:7px 5px 9px!important;
    background:#080807!important;
    border:1px solid var(--lv-line)!important;
  }
  .cvm-card-image-v570{height:170px!important;background:#080807!important}
  .cvm-card-v570 h2{font-size:9.5px!important;min-height:25px!important}
  .cvm-card-meta-v570{font-size:6px!important}
  .cvm-strength-v570,.cvm-price-v570{font-size:8px!important}
  .cvm-view-v570{font-size:6px!important;padding:6px 7px!important}

  /* RESEARCH: true mobile page, no desktop reference overlap or dead space */
  .rx-mobile{padding:0!important;background:#030303!important}
  .rm-hero{
    min-height:390px!important;
    padding:28px 17px 22px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.12),rgba(3,3,3,.4) 46%,#030303 96%),
      url('../images/research/exact-hero-scene.webp') center top/cover no-repeat!important;
  }
  .rm-hero label{font-size:8px!important;color:var(--lv-gold)!important;letter-spacing:.22em!important}
  .rm-hero h1{
    margin:8px 0 9px!important;
    font:30px/.98 Georgia,serif!important;
    color:var(--lv-ivory)!important;
    max-width:330px!important;
  }
  .rm-hero p{font-size:10px!important;line-height:1.5!important;max-width:315px!important;color:#b8afa6!important}
  .rm-search{margin-top:14px!important;width:100%!important;display:grid!important;grid-template-columns:1fr 44px!important}
  .rm-search input{height:43px!important;font-size:12px!important}
  .rm-search button{height:43px!important}
  .rm-categories{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:16px 12px 6px!important;
    margin:0!important;
  }
  .rm-categories a{
    min-height:78px!important;
    display:grid!important;
    grid-template-columns:42px 1fr 20px!important;
    align-items:center!important;
    gap:9px!important;
    padding:12px 13px!important;
    border:1px solid var(--lv-line)!important;
    border-radius:8px!important;
    background:#080807!important;
    color:var(--lv-ivory)!important;
    text-decoration:none!important;
  }
  .rm-categories i{font-size:20px!important;color:var(--lv-gold)!important}
  .rm-categories b{display:block!important;font-size:9px!important}
  .rm-categories small{display:block!important;margin-top:4px!important;font-size:7px!important;line-height:1.35!important;color:#a79f97!important}
  .rm-categories em{font-style:normal!important;color:var(--lv-gold)!important}
  .rm-title{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 14px!important;
    margin:24px 0 9px!important;
  }
  .rm-title h2{font:16px Georgia,serif!important;font-weight:400!important}
  .rm-title a{font-size:7px!important;color:var(--lv-gold-soft)!important}
  .rm-featured{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:82%!important;
    gap:9px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:0 14px 6px!important;
  }
  .rm-featured article{
    display:block!important;
    min-height:330px!important;
    scroll-snap-align:start!important;
    border:1px solid var(--lv-line)!important;
    border-radius:7px!important;
    background:#080807!important;
  }
  .rm-featured article .rm-card-img{height:180px!important}
  .rm-browse{padding:0 14px 26px!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .rx-footer{display:none!important}

  /* ABOUT */
  .ax-mobile{background:#030303!important}
  .am-hero{
    min-height:405px!important;
    padding:28px 17px 25px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.10),rgba(3,3,3,.42) 48%,#030303 96%),
      url('../images/about/about-hero.webp') center top/cover no-repeat!important;
  }
  .am-hero h1{font-size:31px!important;line-height:1!important;margin:8px 0!important}
  .am-hero h4{font-size:8px!important}
  .am-hero p{font-size:9.5px!important;line-height:1.5!important;max-width:330px!important}
  .am-philosophy{padding:25px 11px!important}
  .am-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .am-grid article{min-height:160px!important;padding:15px 10px!important}
  .am-commitment{margin:0 11px 18px!important;padding:17px 14px!important}
  .am-community{padding:20px 12px!important}
  .am-footer{padding:22px 12px 28px!important}
  .am-foot-brand b{display:none!important}

  /* CONTACT */
  .ct-mobile{background:#030303!important}
  .cm-hero{
    min-height:390px!important;
    padding:28px 17px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    background:
      linear-gradient(180deg,rgba(0,0,0,.08),rgba(3,3,3,.45) 52%,#030303 96%),
      url('../images/contact/contact-hero.webp') center top/cover no-repeat!important;
  }
  .cm-hero h1{font-size:31px!important;line-height:1!important;margin:8px 0!important}
  .cm-hero p{font-size:9.5px!important;line-height:1.5!important}
  .cm-support{padding:13px 11px!important;gap:8px!important}
  .cm-support>a,.cm-hours{min-height:96px!important;border-radius:8px!important}
  .cm-message-btn{margin:4px 11px 14px!important;width:calc(100% - 22px)!important}
  .cm-location,.cm-form-wrap{margin:0 11px 14px!important;padding:14px!important;border-radius:8px!important}
  .cm-location h2,.cm-form-wrap h2{font-size:18px!important}
  .cm-form-wrap input{height:44px!important}
  .cm-form-wrap textarea{height:130px!important}
  .cm-form-wrap label{font-size:8px!important;display:flex!important;align-items:center!important;gap:7px!important}
  .cm-form-wrap label input[type=checkbox]{
    width:18px!important;height:18px!important;min-width:18px!important;appearance:auto!important;
    -webkit-appearance:checkbox!important;background:transparent!important
  }

  /* FAQ */
  .fq-mobile{background:#030303!important}
  .fm-hero{
    padding:28px 14px 20px!important;
    min-height:auto!important;
    background:
      linear-gradient(90deg,#030303 0%,rgba(3,3,3,.82) 55%,rgba(3,3,3,.3)),
      url('../images/faq/faq-hero.webp') right top/cover no-repeat!important;
  }
  .fm-hero h1{font-size:32px!important;line-height:.98!important;margin:8px 0!important}
  .fm-hero p{font-size:10px!important;max-width:280px!important}
  .fm-search,.fm-hero select{width:100%!important;margin-top:10px!important}
  .fm-faqs{padding:13px 11px!important}
  .fm-item{border-radius:8px!important}
  .fm-item>button{min-height:58px!important;font-size:10px!important}
  .fm-answer p{font-size:9px!important}
  .fm-help{margin:6px 11px 22px!important;padding:16px!important;border-radius:8px!important}

  /* PHILOSOPHY */
  body.levial-philosophy-page .ph-topbar,
  body.levial-philosophy-page .ph-header nav,
  body.levial-philosophy-page .ph-icons{display:none!important}
  body.levial-philosophy-page .ph-header{
    display:none!important
  }
  body.levial-philosophy-page .ph-page{width:100%!important;overflow:hidden!important;background:#030303!important}
  body.levial-philosophy-page .ph-hero{
    min-height:410px!important;
    display:block!important;
    padding:0!important;
    position:relative!important;
  }
  body.levial-philosophy-page .ph-hero-art{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    opacity:.72!important
  }
  body.levial-philosophy-page .ph-hero-copy{
    position:relative!important;z-index:2!important;width:auto!important;
    padding:220px 17px 24px!important
  }
  body.levial-philosophy-page .ph-hero-copy h1{font-size:32px!important;line-height:1!important}
  body.levial-philosophy-page .ph-hero-copy p{font-size:9.5px!important;line-height:1.5!important}
  body.levial-philosophy-page .ph-mission{display:block!important;margin:0!important;padding:28px 15px!important}
  body.levial-philosophy-page .ph-mission-copy{width:100%!important;text-align:left!important}
  body.levial-philosophy-page .ph-mission-copy h2{font-size:25px!important;line-height:1.05!important}
  body.levial-philosophy-page .ph-mission-image{display:none!important}
  body.levial-philosophy-page .ph-mission-values{grid-template-columns:repeat(3,1fr)!important}
  body.levial-philosophy-page .ph-community{display:block!important;margin:0 11px 14px!important;padding:16px!important}
  body.levial-philosophy-page .ph-community-art{display:none!important}
  body.levial-philosophy-page .ph-footer{padding:22px 14px 30px!important;grid-template-columns:1fr 1fr!important}
  body.levial-philosophy-page .ph-foot-logo b{display:none!important}

  /* clean footer / no accidental duplicate global footer on custom pages */
  .site-footer{max-width:100%!important}
}

@media(min-width:768px){
  /* Desktop is intentionally untouched by v5.9.0 */
}

/* v6.0.0 IMAGE FIDELITY PASS — preserve approved layout, sharpen genuine assets */
@media(max-width:767px){
  /* Never blur or stylize genuine product photography. */
  .lv580-hero-vial,.lv580-home-grid img,.cvm-card-image-v570 img{
    filter:none!important;opacity:1!important;image-rendering:auto!important;
    backface-visibility:hidden;-webkit-font-smoothing:antialiased;
  }
  .lv580-home-grid img,.cvm-card-image-v570 img{object-fit:contain!important;transform:none!important}

  /* Use the larger source scenes already packaged with the theme. */
  .rm-hero{
    background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(3,3,3,.22) 48%,#030303 97%),url('../images/research/research-hero-v372.webp')!important;
    background-size:cover!important;background-position:center top!important;
  }
  .am-hero{
    background-image:linear-gradient(180deg,rgba(2,2,2,.06),rgba(5,5,5,.38) 72%,#050505 98%),url('../images/about/about-hero.webp')!important;
    background-size:cover!important;background-position:center bottom!important;
  }
  .fm-hero{
    background-image:linear-gradient(180deg,rgba(5,6,6,.03),rgba(5,6,6,.34) 86%,#050606 100%),url('../images/faq/faq-hero.webp')!important;
    background-size:cover!important;background-position:center!important;
  }
  .cm-hero{
    background-image:linear-gradient(180deg,rgba(5,6,6,.02),rgba(5,6,6,.34) 88%,#050606 100%),url('../images/contact/contact-hero.webp')!important;
    background-size:cover!important;background-position:center!important;
  }

  /* Research cards had tiny 120px source crops. Use packaged 440x250 originals instead. */
  .rm-card-img{filter:none!important;background-size:cover!important;background-position:center!important}
  .rm-card-img.bpc{background-image:url('../images/research/feature-1.webp')!important}
  .rm-card-img.cjc{background-image:url('../images/research/feature-2.webp')!important}
  .rm-card-img.whitepaper{background-image:url('../images/research/feature-3.webp')!important}
  .rm-card-img.melanotan{background-image:url('../images/research/feature-4.webp')!important}
}

/* v6.0.1 MOBILE HEADER WORDMARK — true viewport centering */
@media(max-width:767px){
  .lv-mobile-commerce-header{position:sticky!important}
  .lv-mobile-commerce-header .brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:max-content!important;
    margin:0!important;
    justify-self:auto!important;
    z-index:2!important;
  }
  .lv-mobile-commerce-header .brand span,
  .lv-mobile-commerce-header .brand small{
    text-align:center!important;
  }
}
