/*! Orvexis theme stylesheet. Base: the reference build (mockup CSS + hybrid layer), then the WordPress/WooCommerce layer. */
/* Self-hosted fonts (no third-party requests): Newsreader (display), Hanken Grotesk (text), DM Mono (batch codes). SIL Open Font License. */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(../fonts/newsreader-latin-ext-wght-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/hanken-grotesk-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-mono-latin-500-normal.woff2) format("woff2")}

/* base reset (as in the reference build's page skeleton) */
:root{color-scheme:light}
body{margin:0;font-size:14px}
img{max-width:100%}
[hidden]{display:none!important}

/* ===== reference build: mockup stylesheet ===== */
:root{
      --ink:#1D1B18;
      --muted:#6f6a63;
      --cream:#FBF8F2;
      --cream-2:#f3eee5;
      --paper:#fffdf9;
      --copper:#B87643;
      --copper-dark:#8E542D;
      --copper-soft:#D8B08E;
      --line:#ded5ca;
      --shadow:0 24px 70px rgba(58,38,24,.10);
      --radius:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}
    body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E")}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    .wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .topline{height:34px;background:#191713;color:#f9f4ec;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.02em}
    .topline strong{color:#f3c79e;font-weight:600}
    header{position:sticky;top:0;z-index:50;background:rgba(251,248,242,.88);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s ease}
    header.scrolled{border-bottom-color:rgba(142,84,45,.14);box-shadow:0 8px 28px rgba(33,25,19,.05)}
    nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap;max-width:1200px;margin:0 auto;padding:0 24px}
    .brand{display:flex;align-items:center;gap:11px;min-width:max-content}
    .mark{width:30px;height:33px;color:var(--copper);display:inline-flex}
    .mark svg{width:100%;height:100%}
    .brand-text{font-family:var(--serif);font-size:20px;letter-spacing:.01em}
    .brand-text small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:1px}
    
    .navlinks a{position:relative;padding:8px 0}
    .navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--copper);transition:.25s ease}
    .navlinks a:hover::after{right:0}
    .nav-cta{display:flex;align-items:center;gap:10px;flex-shrink:0}
    .icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.55);cursor:pointer}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 19px;border:1px solid var(--ink);font-size:13px;font-weight:650;letter-spacing:.01em;transition:.22s ease;cursor:pointer}
    .btn.primary{background:var(--copper);color:white;border-color:var(--copper);box-shadow:0 10px 28px rgba(184,118,67,.22)}
    .btn.primary:hover{background:var(--copper-dark);transform:translateY(-1px)}
    .btn.secondary{background:rgba(255,255,255,.55)}
    .btn.secondary:hover{background:white;transform:translateY(-1px)}
    .hero{padding:58px 0 78px;position:relative;overflow:hidden}
    .hero::after{content:"";position:absolute;width:640px;height:640px;border-radius:50%;right:-260px;top:-260px;background:radial-gradient(circle,rgba(184,118,67,.13),rgba(184,118,67,0) 68%);pointer-events:none}
    .hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:62px}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--copper-dark);font-weight:700}
    .eyebrow i{display:block;width:28px;height:1px;background:var(--copper)}
    h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0}
    h1{font-size:clamp(48px,6vw,79px);line-height:.98;letter-spacing:-.035em;max-width:730px;margin-top:21px}
    h1 em{font-style:italic;color:var(--copper)}
    .lead{font-size:18px;color:#5e5851;max-width:650px;margin:26px 0 30px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .microtrust{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;padding-top:25px;border-top:1px solid var(--line)}
    .microtrust .item{display:flex;align-items:center;gap:10px;font-size:12px;color:#655f58}
    .microtrust .dot{width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 5px rgba(184,118,67,.11)}
    .hero-visual{position:relative;min-height:575px;display:flex;align-items:center}
    .photo-card{position:relative;width:100%;border-radius:34px;overflow:hidden;background:#eee6db;box-shadow:var(--shadow);border:1px solid rgba(142,84,45,.12)}
    .photo-card img{display:block;width:100%;height:565px;object-fit:cover;object-position:52% center;filter:saturate(.9) contrast(1.02)}
    .photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(80,46,24,.05));pointer-events:none}
    .floating-card{position:absolute;left:-32px;bottom:38px;width:230px;background:rgba(255,253,249,.94);backdrop-filter:blur(16px);padding:18px;border:1px solid rgba(142,84,45,.14);border-radius:18px;box-shadow:0 18px 50px rgba(47,31,19,.13)}
    .floating-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
    .verify-badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f2e2d3;color:var(--copper-dark);font-weight:800}
    .lab-pill{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;color:var(--muted)}
    .floating-card strong{font-family:var(--serif);font-size:20px;font-weight:400}
    .floating-card p{font-size:11px;color:var(--muted);margin:6px 0 0}
    .batch-line{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}
    .batch-line span:last-child{color:var(--copper-dark);font-weight:700}
    .seal{position:absolute;right:22px;top:26px;width:150px;background:rgba(255,253,249,.96);backdrop-filter:blur(14px);border:1px solid rgba(142,84,45,.16);border-radius:18px;padding:14px;box-shadow:0 18px 46px rgba(29,27,24,.14);text-align:center}
    .seal .qr{width:92px;height:92px;margin:0 auto 10px;background:conic-gradient(#1D1B18 25%,transparent 0 50%,#1D1B18 0 75%,transparent 0) 0 0/23px 23px,#fff;border:4px solid #fff;outline:1px solid #ded5ca}
    .seal b{display:block;font-family:var(--serif);font-weight:400;font-size:15px;color:#1D1B18;letter-spacing:0;text-transform:none}
    .seal small{display:block;font-size:10.5px;color:#6f6a63;line-height:1.35;margin-top:4px}
    .seal::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.32);border-radius:50%}
    .seal b{font-family:var(--serif);font-size:22px;font-weight:400;color:#f3c69c;display:block;letter-spacing:0}
    .trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.38)}
    .trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
    .trust-item{padding:22px 18px;border-right:1px solid var(--line)}
    .trust-item:last-child{border-right:0}
    .trust-item b{display:block;font-family:var(--serif);font-weight:400;font-size:17px;margin-bottom:4px}
    .trust-item span{font-size:11px;color:var(--muted)}
    section{padding:92px 0}
    .section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}
    .section-head h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.02em}
    .section-head p{color:#3A362F !important;max-width:520px;color:var(--muted);margin:0}
    .verify-section{background:var(--paper)}
    .verify-grid{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
    .verify-stage{min-height:500px;border-radius:30px;background:linear-gradient(145deg,#efe6d9,#f9f5ed);position:relative;padding:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(142,84,45,.12)}
    .verify-stage::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(184,118,67,.18)}
    .verify-stage::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(184,118,67,.14)}
    .qr-demo{width:210px;height:265px;background:#fff;border-radius:19px;box-shadow:0 22px 55px rgba(73,47,28,.12);padding:24px;position:relative;z-index:2;}
    .qr-grid{width:125px;height:125px;margin:5px auto 20px;display:block;border-radius:6px}
    .qr-demo .mini{font-size:10px;color:var(--muted);text-align:center}
    .scan-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 9px rgba(184,118,67,.16);left:50%;top:50%;transform:translate(-50%,-50%);animation:pulse 2.4s ease-out infinite;z-index:3}
    @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(184,118,67,.28)}70%{box-shadow:0 0 0 22px rgba(184,118,67,0)}100%{box-shadow:0 0 0 0 rgba(184,118,67,0)}}
    .verify-copy h2{font-size:clamp(36px,4.8vw,60px);line-height:1.02;letter-spacing:-.03em}
    .verify-copy>p{font-size:17px;color:var(--muted);margin:22px 0 28px;max-width:590px}
    .steps{display:grid;gap:0;border-top:1px solid var(--line)}
    .step{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}
    .step-num{font-family:var(--serif);font-size:24px;color:var(--copper)}
    .step b{font-size:14px}
    .step p{font-size:12px;color:var(--muted);margin:3px 0 0}
    .areas{background:linear-gradient(180deg,#E6D5BE 0%,#DEC8AB 100%);border-top:1px solid #D8C4A6}
    .area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .area{min-height:185px;padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease;position:relative;overflow:hidden}
    .area::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-58px;top:-58px;border:1px solid rgba(184,118,67,.18);transition:.25s ease}
    .area:hover{transform:translateY(-4px);border-color:rgba(184,118,67,.4);box-shadow:0 18px 40px rgba(51,37,25,.07)}
    .area:hover::after{transform:scale(1.18)}
    .area .index{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-dark)}
    .area h3{font-size:24px;margin:14px 0 4px}
    .area p{font-size:12px;color:var(--muted);margin:0;max-width:90%}
    .arrow{font-size:21px;color:var(--copper);align-self:flex-end}
    .products{background:linear-gradient(180deg,#EFE3D2 0%,#E6D5BE 100%);color:var(--ink);position:relative;overflow:hidden;border-top:1px solid #DED5CA;border-bottom:1px solid #DED5CA}
    .products::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;left:-280px;bottom:-500px;background:radial-gradient(circle,rgba(184,118,67,.16),transparent 68%)}
    .products .section-head p{color:#bdb7af}
    .products .eyebrow{color:#e0b38c}
    
    
    
    
    
    .product{cursor:pointer;transition:transform .18s,box-shadow .18s;background:#f7f2ea;color:var(--ink);border-radius:20px;padding:18px;transition:.28s ease;overflow:hidden;position:relative}
    .product:hover{transform:translateY(-6px)}
    .product-img{height:225px;border-radius:14px;background:linear-gradient(145deg,#ede4d7,#fff);display:grid;place-items:center;position:relative;overflow:hidden}
    .vial-css{width:55px;height:130px;border:2px solid #d8d2ca;border-radius:10px 10px 15px 15px;background:linear-gradient(90deg,#fff,#f5f5f5 50%,#fff);position:relative;box-shadow:0 8px 18px rgba(47,34,22,.10)}
    .vial-css::before{content:"";position:absolute;left:-5px;right:-5px;top:-12px;height:21px;background:linear-gradient(#c58b57,#9d5d2f);border-radius:5px 5px 3px 3px}
    
    .product-info{padding:18px 4px 4px}
    .product-info h3{font-size:21px}
    .product-info p{font-size:11px;color:var(--muted);margin:5px 0 14px}
    .product-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dcd3c8;padding-top:13px}
    .price{font-family:var(--serif);font-size:20px}
    .batch{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--copper-dark)}
    .story{background:var(--paper)}
    .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
    .story h2{font-size:clamp(36px,4.4vw,58px);line-height:1.03;margin-bottom:22px}
    .story p{color:var(--muted)}
    .principles{border-top:1px solid var(--line)}
    .principle{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:170px 1fr;gap:24px}
    .principle b{font-family:var(--serif);font-weight:400;font-size:18px}
    .principle span{font-size:12px;color:var(--muted)}
    .final-cta{padding:90px 0;background:var(--cream-2)}
    .cta-box{border-radius:28px;background:linear-gradient(110deg,#fffaf3,#f3e4d4);border:1px solid rgba(142,84,45,.16);padding:54px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}
    .cta-box::after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(184,118,67,.2);border-radius:50%;right:-90px;top:-120px}
    .cta-box h2{font-size:clamp(34px,4.2vw,55px);line-height:1.04;max-width:690px}
    footer{background:#171613;color:#e8e1d7;padding:54px 0 26px}
    .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:42px}
    .footer-grid p{color:#aaa39a;font-size:12px;max-width:360px}
    .footer-col b{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#d7b18e}
    .footer-col a{display:block;color:#aaa39a;font-size:12px;margin-top:11px}
    .footer-col a:hover{color:#fff}
    .pay-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 0 6px;border-top:1px solid #2a2823}
    .pay-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8f8980;margin-right:6px}
    .pay-badge{font-size:11px;font-weight:600;color:#d7cfc4;background:#2a2823;border:1px solid #3a352f;border-radius:5px;padding:5px 10px;letter-spacing:.02em}
    .pay-badge.ssl{color:#c7b79a;background:transparent;border-color:#3a352f;font-weight:500}
    .legal{border-top:1px solid #34312c;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#858077;font-size:10px}
    .disclaimer{margin-top:24px;border:1px solid #3c3832;border-radius:14px;padding:16px 18px;color:#9b958c;font-size:10px}
    .mobile-menu{display:none}
    .batch-modal{position:fixed;inset:0;background:rgba(19,17,14,.55);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
    .batch-modal.open{display:flex}
    .modal-card{width:min(470px,100%);background:var(--paper);border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
    .modal-top{display:flex;justify-content:space-between;gap:20px;align-items:start}
    .modal-top h3{font-size:29px}
    .close{border:0;background:#eee7de;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px}
    .field{margin-top:22px}
    .field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}
    .field input{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;background:white;padding:0 13px;outline:none;font:inherit}
    .field input:focus{border-color:var(--copper)}
    .modal-note{font-size:11px;color:var(--muted);margin-top:12px}
    @media (max-width:980px){
      
      .hero-grid,.verify-grid,.story-grid{grid-template-columns:1fr}
      .hero{padding-top:36px}
      .hero-visual{min-height:auto;margin-top:12px}
      .photo-card img{height:470px}
      .floating-card{left:20px}
      .area-grid{grid-template-columns:repeat(2,1fr)}
      
      .trust-grid{grid-template-columns:repeat(2,1fr)}
      .trust-item:nth-child(2){border-right:0}
      .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
      .footer-grid .footer-col:last-child{display:none}
    }
    @media (max-width:680px){
      .wrap{width:min(100% - 24px,1180px)}
      nav{height:68px}
      .brand-text{font-size:17px}
      .brand-text small{font-size:8px}
      .nav-cta .btn{display:none}
      .hero{padding:30px 0 56px}
      h1{font-size:50px}
      .lead{font-size:16px}
      .photo-card img{height:390px}
      .floating-card{width:205px;left:10px;bottom:20px}
      .seal{width:88px;height:88px;right:8px;top:18px;font-size:8px}
      .seal b{font-size:18px}
      section{padding:68px 0}
      .section-head{display:block}
      .section-head p{margin-top:12px}
      .verify-stage{min-height:400px;padding:24px}
      .area-grid,
      .product-img{height:200px}
      .trust-grid{grid-template-columns:1fr 1fr}
      .trust-item{padding:18px 12px}
      .trust-item b{font-size:15px}
      .principle{grid-template-columns:1fr;gap:6px}
      .cta-box{padding:34px 24px;display:block}
      .cta-box .btn{margin-top:24px}
      .footer-grid{grid-template-columns:1fr 1fr}
      .footer-grid>div:first-child{grid-column:1/-1}
      .legal{display:block}
      .legal span:last-child{display:block;margin-top:8px}
    }
  
    .vial-css{display:flex;align-items:center;justify-content:center}
    .vlabel{display:block;text-align:center;font-family:var(--serif);font-size:9px;color:#1D1B18;line-height:1.2;background:#f7f2ea;border:1px solid #e3dbcf;padding:6px 3px;width:44px}
    .vlabel em{display:block;font-style:normal;font-family:var(--sans);font-size:7px;color:#6f6a63;margin-top:2px}
    .vol{font-size:11.5px;color:#8E542D;margin-top:8px}
    .mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(251,248,242,.96);backdrop-filter:blur(10px);border-top:1px solid #ded5ca}
    .mobile-cta a{display:block;text-align:center;background:#b87643;color:#fff;border-radius:999px;padding:13px;font-weight:600;text-decoration:none}
    @media(max-width:760px){.mobile-cta.show{display:block}}
    @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

    .skip-link{position:absolute;left:-9999px;top:0;background:#171613;color:#fff;padding:10px 16px;z-index:200;border-radius:0 0 8px 0}
    .skip-link:focus{left:0}
    a:focus-visible,button:focus-visible{outline:2px solid #b87643;outline-offset:2px}
    img{max-width:100%;height:auto}
    @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
    
    .verify-float{position:absolute;left:-60px;bottom:-24px;width:230px;z-index:10;background:rgba(255,253,249,.97);backdrop-filter:blur(14px);border:1px solid rgba(142,84,45,.16);border-radius:14px;padding:13px;box-shadow:0 18px 46px rgba(29,27,24,.16);display:flex;gap:11px;align-items:center}
    .vf-qr{width:52px;height:52px;flex:none;background:conic-gradient(#1D1B18 25%,transparent 0 50%,#1D1B18 0 75%,transparent 0) 0 0/13px 13px,#fff;border:3px solid #fff;outline:1px solid #E8DFCF;border-radius:4px}
    .vf-check{width:22px;height:22px;border-radius:50%;background:#B87643;color:#fff;display:grid;place-items:center;font-size:13px}
    .vf-pill{font-size:11px;color:#8e542d;background:#F3EEE5;border-radius:999px;padding:3px 9px;font-weight:600}
    .vf-pill{font-size:10px;color:#8e542d;background:#F3EEE5;border-radius:999px;padding:2px 8px;font-weight:600;display:inline-block;margin-bottom:5px}
    .verify-float strong{font-family:var(--serif);font-weight:400;font-size:15px;color:#1D1B18;display:block;margin-bottom:3px}
    .verify-float p{font-size:11px;color:#5A554D;line-height:1.35;margin:0}
    .vf-line{display:flex;justify-content:space-between;font-size:11.5px;color:#8e542d;border-top:1px solid #E8DFCF;padding-top:8px}
    .vf-line span:last-child{font-weight:600}
    @media(max-width:760px){.verify-float{left:8px;bottom:8px;width:190px}}
    
    
    
    
    
    
    
    @media(max-width:900px){
      
      
      
      
    }
    
    .batch{display:inline-flex;align-items:center;gap:6px}
    .mini-qr{width:20px;height:20px;flex:none;border-radius:2px;display:block}
    
    .verify-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px;overflow:visible}
    .vstage-card{background:#FFFDF9;border:1px solid #E8DFCF;border-radius:16px;box-shadow:0 26px 60px rgba(73,47,28,.13);padding:22px 24px;width:330px}
    .vstage-head{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8e542d;font-weight:600;border-bottom:1px solid #EEE6D8;padding-bottom:12px;margin-bottom:14px}
    .vs-dot{width:8px;height:8px;border-radius:50%;background:#2E7A5C}
    .vstage-row{display:flex;justify-content:space-between;font-size:13.5px;padding:7px 0;border-bottom:1px solid #F3EEE5}
    .vstage-row span{color:#8f887c}.vstage-row b{color:#1D1B18;font-family:var(--serif);font-weight:400}
    .vstage-chart{height:46px;margin:14px 0 8px;background:linear-gradient(to top,#F7F3EB,#F7F3EB) bottom/100% 1px no-repeat;position:relative}
    .vstage-chart::after{content:"";position:absolute;left:64%;bottom:0;width:4px;height:42px;background:#B87643;border-radius:2px 2px 0 0}
    .vstage-chart::before{content:"";position:absolute;left:34%;bottom:0;width:3px;height:8px;background:#D8B08E}
    .vstage-foot{font-size:10.5px;color:#a79e90;margin-top:6px}
    .vstage-scan{position:absolute;left:-24px;bottom:-24px;z-index:4;background:#1D1B18;border-radius:14px;padding:12px;text-align:center;box-shadow:0 16px 40px rgba(29,27,24,.22)}
    .vstage-scan img{width:78px;height:78px;display:block;margin:0 auto;border-radius:6px}
    .vstage-scan span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#D8B08E;margin-top:7px}
    @media(max-width:760px){.vstage-scan{left:8px;bottom:8px}}
    
    .nav-links{display:flex;align-items:center;gap:24px;white-space:nowrap}
    
    
    
    
    
    
    
    .hamburger{display:none;position:relative;z-index:60;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
    .hamburger span{width:24px;height:2px;background:#1D1B18;transition:.2s;border-radius:2px}
    .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .hamburger.open span:nth-child(2){opacity:0}
    .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    @media(max-width:900px){
      .hamburger{display:flex}
      .nav-links{position:fixed;top:0;right:0;bottom:0;height:100vh;width:82%;max-width:340px;background:#FFFDF9;flex-direction:column;align-items:flex-start;gap:2px;padding:80px 26px 40px;box-shadow:-20px 0 60px rgba(29,27,24,.2);transform:translateX(100%);transition:transform .28s ease;z-index:70;overflow-y:auto}
      .nav-links.open{transform:translateX(0)}
      .hamburger{position:fixed;top:24px;right:22px;z-index:80}#navLinks > a, #navLinks .nav-item > a{display:block;font-size:17px;padding:12px 0;width:100%;border-bottom:1px solid #F1EADD;color:#1D1B18;white-space:normal}#navLinks .nav-item{width:100%}#navLinks .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;margin:2px 0 8px;padding:0 0 0 12px;min-width:0}#navLinks .dropdown a{font-size:14px;padding:8px 0;border-bottom:none;color:#5A554D}#navLinks .dropdown .drop-all{border-top:none;margin-top:0;padding-top:8px}#navLinks .caret{display:none}
      .hamburger.open span{background:#1D1B18}
    }
    
    /* Product carousel, single source of truth */
    
    
    
    
    @media(max-width:820px){}
    
    
    

    /* ===== Product carousel (single source) ===== */
    .prod-carousel{position:relative}
    .product-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 12px}
    .product-grid::-webkit-scrollbar{display:none}
    .product-grid > .product{flex:0 0 296px;scroll-snap-align:start;box-sizing:border-box}
    @media(max-width:820px){.product-grid > .product{flex:0 0 84%}}
    .car-nav{position:absolute;top:-60px;right:0;display:flex;gap:8px;z-index:5}
    .car-nav button{width:44px;height:44px;border-radius:50%;border:1px solid #DED5CA;background:#FFFDF9;color:#B87643;font-size:18px;cursor:pointer;box-shadow:0 4px 14px rgba(58,38,24,.1);transition:.15s;display:flex;align-items:center;justify-content:center}
    .car-nav button:hover{background:#B87643;color:#fff;border-color:#B87643}

    /* Per-card image carousel */
    .product-img.pc{position:relative;overflow:hidden}
    .pc-slides{display:flex;transition:transform .3s ease}
    .pc-slide{min-width:100%;display:flex;align-items:center;justify-content:center;height:210px}
    .pc-slide .vial-css{transform:scale(1)}
    .pc-igcard{background:#20201c;color:#EDE6DA;border-radius:10px;padding:20px;text-align:center;width:80%}
    .pc-igcard span{font-family:var(--serif);font-size:18px;display:block;color:#fff}
    .pc-igcard small{font-size:11px;color:#B9B3A8;display:block;margin-top:4px}
    .pc-igcard .pc-seq{font-size:10px;color:#8f887c;margin-top:12px;letter-spacing:.1em}
    .pc-coa{background:#fff;border:1px solid #E8DFCF;border-radius:10px;padding:16px;width:80%;position:relative}
    .pc-coa>b{font-family:var(--serif);font-size:13px;color:#8e542d;display:block;border-bottom:1px solid #EEE6D8;padding-bottom:7px;margin-bottom:8px}
    .pc-coarow{display:flex;justify-content:space-between;font-size:11.5px;padding:3px 0}
    .pc-coarow span{color:#8f887c}.pc-coarow b{color:#1D1B18}
    .pc-qr{width:44px;height:44px;background-size:cover;margin:8px auto 0;border:2px solid #fff;outline:1px solid #E8DFCF}
    .pc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:1px solid #E3DBCF;background:rgba(255,253,249,.9);color:#8e542d;font-size:14px;cursor:pointer;opacity:0;transition:.15s;z-index:3}
    .product-img.pc:hover .pc-arrow{opacity:1}
    .pc-arrow.prev{left:8px}.pc-arrow.next{right:8px}
    .pc-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;gap:5px;justify-content:center;z-index:3}
    .pc-dots span{width:5px;height:5px;border-radius:50%;background:#D8CFC0}
    .pc-dots span.on{background:#8e542d}

    .nav-item{position:relative}
    .nav-item .caret{font-size:9px;color:#B87643}
    .dropdown{position:absolute;top:calc(100% + 16px);left:-16px;min-width:220px;background:#FFFDF9;border:1px solid #E8DFCF;border-radius:14px;box-shadow:0 20px 50px rgba(58,38,24,.14);padding:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:60}
    .dropdown a{display:block;padding:9px 14px;font-size:13.5px;color:#4A463F;border-radius:8px}
    .dropdown a:hover{background:#F3EEE5;color:#1D1B18}
    .dropdown .drop-all{color:#B87643;font-weight:600;border-top:1px solid #EEE6D8;margin-top:6px;padding-top:11px}
    .has-drop:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
    .has-drop:hover .caret{transform:rotate(180deg)}
    
    html{scroll-behavior:smooth}
    html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
    *{box-sizing:border-box}
    img{max-width:100%}
@media(max-width:600px){.verify-float{left:6px!important;width:70%}.vstage-scan{left:6px}}
section[id]{scroll-margin-top:90px}

    @media(max-width:820px){
      .car-nav button{width:46px;height:46px}
      .pc-arrow{width:34px;height:34px;opacity:.85}
      .pc-dots span{width:7px;height:7px}
      .mini-qr{width:22px;height:22px}
    }

    a.icon-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--ink,#1D1B18);text-decoration:none}
    .icon-btn svg{display:block}
    .nav-links .mobile-only{display:none}
    @media(max-width:900px){.nav-links .mobile-only{display:block;border-top:1px solid #EEE6D8;margin-top:10px;padding-top:14px;color:#8e542d;font-weight:600}}
    .footer-grid{grid-template-columns:1.4fr repeat(4,1fr)!important}
    @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr!important}}

/* ---- review fixes ---- */
.verify-stage{min-height:0!important}
.hero-verify{margin-top:18px;max-width:520px}
.hero-verify label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}
.hero-verify>div{display:flex;gap:8px}
.hero-verify input{flex:1;min-width:0;font:14px var(--sans);padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:#fffdf9;color:var(--ink)}
.hero-verify input:focus{outline:2px solid var(--copper);outline-offset:1px}
.hero-verify .btn{white-space:nowrap;flex:none}
.product{position:relative}
.pc-dots span{cursor:pointer}
.nav-cta a.icon-btn,.nav-cta .icon-btn{position:relative}
.cart-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--copper);color:#fff;font:700 10px/18px var(--sans);text-align:center;padding:0 4px}
.cart-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#1D1B18;color:#fff;border-radius:14px;padding:13px 16px;font:14px var(--sans);display:flex;gap:14px;align-items:center;z-index:200;transition:.25s;box-shadow:0 14px 40px rgba(0,0,0,.25)}
.cart-toast.show{opacity:1;transform:translate(-50%,0)}
.cart-toast a{color:#D8B08E;font-weight:600;text-decoration:none}
@media(max-width:900px){
  .hamburger{position:relative!important;top:auto!important;right:auto!important;order:3}
  .nav-cta{order:2;margin-left:auto}
  nav{padding:0 14px!important;gap:12px!important}
  .hamburger{flex:none}
  .nav-cta a.icon-btn[aria-label^="Log in"]{display:none}
}
@media(max-width:420px){header a.brand svg{height:40px!important;width:auto!important;max-width:none!important}}
@media(max-width:640px){
  .topline{display:block!important;text-align:center;font-size:11px;padding:8px 12px}
  .topline .tl-a{display:none}
  .area-grid{height:auto!important;grid-template-columns:1fr!important}
  .area{min-height:0;height:auto}
  .hero-verify>div{flex-direction:column}
}

.hero-verify .hv-help{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.hero-verify .hv-help a{color:var(--copper-dark);text-decoration:none;font-weight:600}
.hero-verify .hv-help a:hover{text-decoration:underline}
.product .pcat{display:block;font:600 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--copper-dark);margin:0 0 6px}
@media(max-width:1120px) and (min-width:901px){.nav-cta .btn.primary{display:none}}
@media(max-width:640px){.product-info p,.small,.crumbs,.legal{font-size:13px}.vlabel em{font-size:10px}.product .pcat,.product .batch{font-size:11.5px}}


/* ===== cookie + newsletter ===== */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:#1D1B18;color:#fff;border-radius:16px;padding:16px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;z-index:300;box-shadow:0 16px 40px rgba(0,0,0,.3);font-size:13px}
.cookie p{margin:0;line-height:1.5}.cookie a{color:#D8B08E}.cookie div{display:flex;gap:8px;flex:none}.cookie .btn{padding:9px 14px;font-size:12px}.cookie .btn.secondary{border-color:#555;color:#fff}
@media(max-width:640px){.cookie{flex-direction:column;align-items:stretch}.cookie div{justify-content:flex-end}}
.nl{border-bottom:1px solid rgba(255,255,255,.12);padding:0 0 28px;margin:0 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.nl b{display:block;font-family:var(--serif);font-weight:400;font-size:22px;color:#fff;margin-bottom:6px}.nl p{margin:0;color:#B8B2A8;font-size:13px;max-width:440px}
.nl form{display:flex;gap:8px;align-items:center}.nl form .btn{white-space:nowrap;flex:none}.nl .input{background:#2A2723;border-color:#3A3631;color:#fff}.nl .input::placeholder{color:#8F887C}.nl-ok{color:#D8B08E;font-size:14px}
@media(max-width:820px){.nl{grid-template-columns:1fr}}
/* ===== card category ===== */
.product .pcat{display:block;font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--copper-dark);margin:0 0 6px}
/* ===== Inner pages ===== */
.pg p,.pg li,.pg td,.pg th,.pg label,.pg dd,.pg dt{line-height:1.6}
.pg{background:var(--cream)}
.page-hero{padding:56px 0 34px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--cream) 0%,#f3ece1 100%)}
.page-hero h1{font-size:clamp(38px,4.6vw,60px);margin-top:14px;max-width:820px}
.page-hero .lead{margin:16px 0 0;font-size:17px;line-height:1.55}
.crumbs{font-size:12px;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--copper-dark)}
.pg section{padding:56px 0}
.pg h2{font-size:clamp(26px,2.8vw,36px);letter-spacing:-.015em;line-height:1.1}
.pg h3{font-size:21px;line-height:1.2}
.muted{color:var(--muted)}
.small{font-size:12px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px}
.panel+.panel{margin-top:18px}
.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:start}
.sticky{position:sticky;top:96px}
/* chips + toolbar */
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:0 0 26px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 15px;font:500 13px var(--sans);color:var(--ink);cursor:pointer;text-decoration:none}
.chip:hover{border-color:var(--copper)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.tools{display:flex;gap:10px;align-items:center}
.input,.select,.textarea{font:14px var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%;box-sizing:border-box}
.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--copper);outline-offset:1px;border-color:var(--copper)}
.textarea{min-height:130px;resize:vertical}
.tools .input{width:210px}.tools .select{width:auto}
.field{display:block;margin-bottom:16px}
.field>span{display:block;font-size:12px;font-weight:600;margin-bottom:6px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check{display:flex;gap:11px;align-items:flex-start;font-size:13px;margin:12px 0}
.check input{margin-top:3px;accent-color:var(--copper);width:16px;height:16px;flex:none}
/* shop grid */
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.shop-grid .product{box-sizing:border-box}
.area-intro{margin:-6px 0 24px;font-size:14px;color:var(--muted);max-width:720px}
.count{font-size:12px;color:var(--muted)}
.empty{padding:40px;text-align:center;color:var(--muted);display:none}
.mq{background:url(../img/qr-sample.png) center/cover no-repeat}
/* key-value rows */
.kv{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line)}
.kv dt,.kv dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.kv dt{color:var(--muted)}
.kv dd{font-weight:500}
.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}
.badge.ok{background:#e6f0ea;color:#2E7A5C}
.badge.ok::before{content:"";width:7px;height:7px;border-radius:50%;background:#2E7A5C}
.badge.warn{background:#f6ecdf;color:var(--copper-dark)}
/* tables */
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line)}
.table td{padding:14px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.table a{color:var(--copper-dark)}
/* prose */
.prose{max-width:720px}
.prose h2{margin:40px 0 12px}
.prose h3{margin:28px 0 8px}
.prose p,.prose li{font-size:16px;color:#3A362F}
.prose ul,.prose ol{padding-left:22px}
.prose a{color:var(--copper-dark)}
.prose .note{border-left:3px solid var(--copper);padding:4px 0 4px 16px;color:var(--muted);font-size:14px}
.toc{font-size:13px}
.toc a{display:block;color:var(--muted);text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line)}
.toc a:hover{color:var(--copper-dark)}
/* mockup notes for developers */
.devnote{border:1px dashed #c9a57f;background:#fbf3e8;color:#7a4a26;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.5;margin:14px 0}
.devnote b{font-weight:700}
/* summary lines */
.sum-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0}
.sum-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:17px;font-weight:600}
.sum-row .save{color:#2E7A5C}
.line-item{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.thumb{width:56px;height:56px;border-radius:12px;background:linear-gradient(145deg,#ede4d7,#fff);display:grid;place-items:center}
.thumb i{display:block;width:14px;height:34px;border:1.5px solid #d8d2ca;border-radius:4px 4px 6px 6px;background:#fff;position:relative}
.thumb i::before{content:"";position:absolute;left:-2px;right:-2px;top:-5px;height:7px;border-radius:2px;background:#b07442}
.qty{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:6px}
.qty button{border:0;background:transparent;width:30px;height:28px;cursor:pointer;font-size:15px}
.qty span{min-width:26px;text-align:center;font-size:13px;line-height:28px}
.linkbtn{background:none;border:0;color:var(--muted);font-size:12px;cursor:pointer;text-decoration:underline;padding:0}
/* account */
.acct{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}
.acct-nav a{display:block;padding:11px 14px;border-radius:12px;color:var(--ink);text-decoration:none;font-size:14px}
.acct-nav a.on,.acct-nav a:hover{background:var(--paper);border:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat{background:var(--cream-2);border-radius:14px;padding:16px}
.stat b{display:block;font-family:var(--serif);font-size:28px;font-weight:400}
.stat span{font-size:12px;color:var(--muted)}
.codebox{display:flex;gap:10px;align-items:center;background:var(--cream-2);border:1px dashed var(--copper);border-radius:14px;padding:14px 16px;font-family:var(--serif);font-size:22px;letter-spacing:.04em}
.codebox button{margin-left:auto}
/* steps (only where content is a real sequence) */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.flow .panel+.panel{margin-top:0}
.flow .panel b{display:block;font-family:var(--serif);font-weight:400;font-size:30px;color:var(--copper);margin-bottom:10px}
/* verify search */
.verify-box{display:flex;gap:10px;max-width:560px;margin-top:26px}
.verify-box .input{font-size:16px;padding:14px 16px}
.verify-box .btn{white-space:nowrap;flex:none}
.chrom-lg{height:150px;border-radius:12px;background:linear-gradient(180deg,#fff,#f7f2ea);border:1px solid var(--line);position:relative;overflow:hidden}
.chrom-lg svg{position:absolute;inset:0;width:100%;height:100%}
.art-card{display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;transition:border-color .2s}
.art-card:hover{border-color:var(--copper)}
.art-card small{font-size:11px;color:var(--copper-dark);font-weight:600}
.art-card h3{margin:10px 0 8px}
.art-card p{font-size:13px;color:var(--muted);margin:0}
.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:1000px){.shop-grid{grid-template-columns:repeat(3,1fr)}.art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.two-col,.acct{grid-template-columns:1fr}.sticky{position:static}.shop-grid{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:1fr}.tools{width:100%}.tools .input{flex:1;width:auto}.kv{grid-template-columns:130px 1fr}.stats{grid-template-columns:1fr}}
@media(max-width:520px){.shop-grid,.art-grid{grid-template-columns:1fr}.row2{grid-template-columns:1fr}.verify-box{flex-direction:column}}




.report-shot{height:190px;border:1px dashed var(--line);border-radius:12px;background:repeating-linear-gradient(135deg,#fff,#fff 10px,#faf6ef 10px,#faf6ef 20px);display:grid;place-content:center;text-align:center;gap:6px}.report-shot span{font-weight:600;font-size:14px}.report-shot small{color:var(--muted);font-size:12px}
.searchwrap{position:relative;display:flex;align-items:center}.searchwrap .input{padding-left:36px;padding-right:32px;width:240px}.searchwrap::before{content:"";position:absolute;left:13px;width:13px;height:13px;border:1.8px solid var(--muted);border-radius:50%;pointer-events:none}.searchwrap::after{content:"";position:absolute;left:24px;top:24px;width:7px;height:1.8px;background:var(--muted);transform:rotate(45deg);pointer-events:none}#bqclear{position:absolute;right:8px;border:0;background:none;font-size:19px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 6px}#btable td{vertical-align:middle}@media(max-width:820px){.searchwrap .input{width:100%}}





:root{--porcelain:#FBF8F2;--slate:#4A463F;--mist:#6F6A63;--cream2:#F3EEE5}
.pdp{padding:34px 0 10px}
.pdp{padding:34px 0 10px}
.pdp a{color:var(--copper);text-decoration:none}
.pdp a:focus-visible, .pdp button:focus-visible{outline:2px solid var(--copper);outline-offset:2px}
.pdp .wrap{max-width:1120px;margin:0 auto;padding:40px 24px 72px}
.pdp .crumbs{font-size:13px;color:var(--mist);margin-bottom:26px}
.pdp .crumbs a{color:var(--mist)}
.pdp .grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:40px;align-items:start}
.pdp .buy{background:var(--paper);padding:34px 34px 22px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}
@media(max-width:920px){.pdp .grid{grid-template-columns:1fr;gap:36px}}
.pdp .carousel{position:relative;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.pdp .slides{display:flex;transition:transform .35s ease}
.pdp .slide{min-width:100%;height:520px;display:flex;align-items:center;justify-content:center;padding:28px}
@media(prefers-reduced-motion:reduce){.pdp .slides{transition:none}}
.pdp .car-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(255,253,249,.95);box-shadow:0 6px 16px rgba(58,38,24,.08);color:var(--slate);font-size:18px;cursor:pointer}
.pdp .car-btn.prev{left:12px}
.pdp .car-btn.next{right:12px}
.pdp .dots{display:flex;gap:6px;justify-content:center;padding:12px 0 14px;background:var(--paper)}
.pdp .dot{width:7px;height:7px;border-radius:50%;background:var(--line);border:none;padding:0;cursor:pointer}
.pdp .dot.active{background:var(--copper)}
.pdp .caption{font-size:12.5px;color:var(--mist);text-align:center;padding-bottom:12px;background:var(--paper)}
.pdp .igcard{width:100%;max-width:400px;min-height:400px;height:auto;background:var(--ink);color:#EDE9E2;border-radius:8px;padding:34px;display:flex;flex-direction:column;justify-content:space-between}
.pdp .igcard .ig-brand{font-family:var(--serif);font-size:13px;color:var(--copper-soft);letter-spacing:.06em}
.pdp .igcard h3{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1;margin:14px 0 6px;color:#fff}
.pdp .igcard .ig-sub{font-size:13px;color:#B9BEC5}
.pdp .igcard .ig-seq{font-family:var(--serif);font-style:italic;font-size:12.5px;color:#9AA1AA;margin:18px 0;line-height:1.5}
.pdp .igcard dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:12px}
.pdp .igcard dt{color:#8A9099}
.pdp .igcard dd{color:#fff;font-weight:600}
.pdp .igcard .ig-foot{font-size:10px;line-height:1.4;color:#8A9099;border-top:1px solid #3A424B;padding-top:12px;margin-top:16px}
.pdp .coa{width:100%;max-width:380px;height:420px;background:#fff;border:1px solid var(--line);padding:26px 28px;font-size:11.5px;color:var(--slate);box-shadow:0 8px 30px rgba(35,42,49,.08)}
.pdp .coa .coa-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:12px}
.pdp .coa .coa-head b{font-family:var(--serif);font-size:15px;color:var(--ink)}
.pdp .coa table{width:100%;border-collapse:collapse}
.pdp .coa td{padding:5px 0;border-bottom:1px solid var(--line)}
.pdp .coa td:last-child{text-align:right;color:var(--ink);font-weight:600}
.pdp .coa .pass{color:var(--copper)}
.pdp .coa .chrom{height:70px;margin:12px 0 6px;background:linear-gradient(to top,#F7F5F1 0,#F7F5F1 1px,transparent 1px);position:relative;border-bottom:1px solid var(--line)}
.pdp .coa .chrom::after{content:"";position:absolute;left:62%;bottom:0;width:3px;height:64px;background:var(--copper);border-radius:2px 2px 0 0}
.pdp .coa .chrom::before{content:"";position:absolute;left:30%;bottom:0;width:2px;height:5px;background:var(--mist)}
.pdp .coa .coa-foot{margin-top:10px;font-size:10px;color:var(--mist)}
.pdp .verify-slide{text-align:center;max-width:360px}
.pdp .verify-slide .qr{width:150px;height:150px;margin:0 auto 18px;display:block;border:1px solid var(--line);border-radius:4px}
.pdp .verify-slide h4{font-family:var(--serif);font-weight:500;font-size:22px;margin-bottom:8px}
.pdp .verify-slide p{color:var(--slate);font-size:13.5px}
.pdp .vial-stage{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:48px 32px;text-align:center}
.pdp .vial{display:inline-block;position:relative}
.pdp .vial svg{display:block}
.pdp .seq{margin-top:22px;font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--mist);letter-spacing:.04em}
.pdp .passport{margin-top:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow)}
.pdp .passport-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.pdp .passport-title{font-family:var(--serif);font-size:22px;color:var(--ink)}
.pdp .passport-batch{font-size:13px;color:var(--slate)}
.pdp .passport-rows{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:13.5px}
.pdp .passport-rows div b{display:block;color:var(--mist);font-weight:400;font-size:12px}
.pdp .passport-rows div span{color:var(--ink);font-family:var(--serif);font-size:16.5px}
.pdp .passport-foot{margin-top:16px;display:flex;align-items:center;gap:14px}
.pdp .qr{width:58px;height:58px;display:block;border:1px solid var(--line);border-radius:4px;flex:none}
.pdp .passport-foot p{font-size:12.5px;color:var(--slate)}
.pdp .passport-foot a{font-weight:600}
.pdp .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.pdp .eyebrow::before{content:"";width:26px;height:1px;background:var(--copper)}
.pdp h1{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1.05;letter-spacing:-.01em}
.pdp .sub{color:var(--slate);margin:10px 0 22px;max-width:52ch}
.pdp .price-line{display:flex;align-items:baseline;gap:12px;margin-bottom:4px}
.pdp .price{font-family:var(--serif);font-size:30px}
.pdp .per{font-size:13px;color:var(--mist)}
.pdp .tested{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--slate);margin:6px 0 24px}
.pdp .tested::before{content:"";width:16px;height:2px;background:var(--copper)}
.pdp .block-label{font-size:13.5px;font-weight:600;margin-bottom:10px}
.pdp .variants{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.pdp .variant{background:var(--cream2);border:1px solid transparent;border-radius:16px;padding:12px 14px;cursor:pointer;text-align:left}
.pdp .variant .v-size{font-family:var(--serif);font-size:19px}
.pdp .variant .v-price{font-size:13px;color:var(--slate)}
.pdp .variant .v-stock{font-size:11.5px;color:var(--mist);margin-top:4px}
.pdp .variant.active{border-color:var(--copper);background:var(--paper);box-shadow:0 8px 20px rgba(58,38,24,.08)}
.pdp .variant.active .v-size{color:var(--copper)}
.pdp .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px}
.pdp .tier{background:var(--cream2);border:1px solid transparent;border-radius:16px;padding:12px 14px;cursor:pointer;transition:border-color .15s}
.pdp .tier .qty{font-size:12.5px;color:var(--mist)}
.pdp .tier .pct{font-family:var(--serif);font-size:21px;margin:2px 0}
.pdp .tier .unit{font-size:12.5px;color:var(--slate)}
.pdp .tier.active{border-color:var(--copper);background:var(--paper);box-shadow:0 8px 20px rgba(58,38,24,.08)}
.pdp .tier.active .pct{color:var(--copper)}
.pdp .tier-note{font-size:12.5px;color:var(--mist);margin-bottom:24px}
.pdp .tier-note b{color:var(--slate);font-weight:600}
.pdp .buy-row{display:flex;gap:10px;align-items:stretch;margin-bottom:10px}
.pdp .stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:0 6px}
.pdp .stepper button{width:42px;height:100%;min-height:52px;border:none;background:none;font-size:19px;color:var(--slate);cursor:pointer}
.pdp .stepper input{width:40px;border:none;text-align:center;font-size:16px;font-family:var(--sans);background:none;color:var(--ink)}
.pdp .cta{flex:1;border:none;border-radius:999px;background:var(--copper);color:#fff;font-size:15px;font-weight:600;box-shadow:0 10px 24px rgba(184,118,67,.28);cursor:pointer;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .15s}
.pdp .cta:hover{background:var(--copper-dark)}
.pdp .cta .total{font-family:var(--serif);font-size:17px;font-weight:500;white-space:nowrap}
.pdp .cta span:first-child{white-space:nowrap}
.pdp .save-line{font-size:13px;color:var(--copper);min-height:18px;margin-bottom:22px}
.pdp .code-note{background:var(--cream2);border:1px dashed var(--line);border-radius:16px;padding:12px 16px;font-size:13px;color:var(--slate);margin-bottom:26px}
.pdp .code-note b{color:var(--ink)}
.pdp .facts{border-top:1px solid var(--line)}
.pdp .fact{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.pdp .fact dt{color:var(--mist)}
.pdp .fact dd{color:var(--ink);text-align:right}
.pdp .research{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:56px}
@media(max-width:920px){.pdp .research{grid-template-columns:1fr}}
.pdp h2{font-family:var(--serif);font-weight:400;font-size:28px;margin-bottom:14px}
.pdp .research p{color:var(--slate);margin-bottom:12px;max-width:60ch}
.pdp .refs{list-style:none}
.pdp .refs li{padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--slate)}
.pdp .refs li i{font-family:var(--serif)}
.pdp .refs-note{font-size:12.5px;color:var(--mist);margin-top:10px}
.pdp .faq details{border-bottom:1px solid var(--line);padding:10px 0}
.pdp .faq summary{cursor:pointer;font-weight:600;font-size:14px;list-style:none}
.pdp .faq summary::-webkit-details-marker{display:none}
.pdp .faq summary::after{content:"+";float:right;color:var(--copper)}
.pdp .faq details[open] summary::after{content:"–"}
.pdp .faq p{font-size:13.5px;color:var(--slate);margin-top:8px;max-width:58ch}
.pdp .ruo{margin-top:40px;background:var(--cream2);border:1px solid var(--line);border-left:3px solid var(--copper);border-radius:6px;padding:20px 24px;font-size:13.5px;color:var(--slate);max-width:72ch}
.pdp .ruo b{color:var(--ink)}
.pdp [hidden]{display:none!important}
.pdp .cta{min-width:0}.pdp .cta .total{white-space:nowrap}

.searchwrap{position:relative;display:flex;align-items:center}.searchwrap .input{padding-left:36px;padding-right:32px;width:240px}.searchwrap::before{content:"";position:absolute;left:13px;width:13px;height:13px;border:1.8px solid var(--muted);border-radius:50%;pointer-events:none}.searchwrap::after{content:"";position:absolute;left:24px;top:24px;width:7px;height:1.8px;background:var(--muted);transform:rotate(45deg);pointer-events:none}#lqclear{position:absolute;right:8px;border:0;background:none;font-size:19px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 6px}@media(max-width:820px){.searchwrap .input{width:100%}}


.batch.pending{color:var(--copper-dark)}.batch.pending .mini-qr{opacity:.35}.shop-grid .product-img{height:210px}.count{margin:0 0 14px}.lead-back{color:var(--copper-dark);font-weight:600;text-decoration:none;white-space:nowrap}.lead-back:hover{text-decoration:underline}.searchwrap{position:relative;display:flex;align-items:center}.searchwrap .input{padding-left:36px;padding-right:32px}.searchwrap::before{content:"";position:absolute;left:13px;width:13px;height:13px;border:1.8px solid var(--muted);border-radius:50%;pointer-events:none}.searchwrap::after{content:"";position:absolute;left:24px;top:24px;width:7px;height:1.8px;background:var(--muted);transform:rotate(45deg);pointer-events:none}#qclear{position:absolute;right:8px;border:0;background:none;font-size:19px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 6px}#qclear:hover{color:var(--ink)}



:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}
html{scroll-padding-top:env(safe-area-inset-top,0px);background:var(--cream)}
header{top:env(safe-area-inset-top,0px)}

/* ===== reference build: hybrid layer ===== */
/* ===== Orvexis Hybrid — layer on top of the mockup stylesheet ===== */
:root{
  color-scheme:light;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --green:#2E7A5C;
}
html{background:var(--cream)}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto}
h1,h2,h3{font-family:var(--serif);text-wrap:balance}
h1{letter-spacing:-.02em;font-weight:400;font-size:clamp(44px,5.6vw,74px);line-height:1.0}
.page-hero h1{font-size:clamp(36px,4.4vw,58px)}
.section-head h2{letter-spacing:-.005em}
.pdp h1{letter-spacing:0}
.hy-mono,#btable td:nth-child(2),.passport-batch,.coa-head span{font-family:var(--mono);font-size:.92em;letter-spacing:.01em}
.price,.cta .total,.sum-row span:last-child,.hy-num{font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--sans)}
.btn{font-family:var(--sans)}
.hy-vis-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---- topline with delivery country ---- */
.topline{height:auto;min-height:34px;padding:6px 20px;gap:20px;justify-content:space-between;box-sizing:border-box}
.topline .tl-msg{display:inline-flex;align-items:center;flex-wrap:wrap;min-width:0}
.hy-country{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#d9d2c6}
.hy-country .hy-cl{color:#a9a196}
.hy-country select{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 24px 3px 10px;font:600 12px var(--sans);cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f3c79e' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}
.hy-country select:focus-visible{outline:2px solid var(--copper-soft);outline-offset:1px}
.hy-country .hy-vat{color:#f3c79e;font-weight:600}
@media(max-width:640px){
  .topline{display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;text-align:center}
  .topline .tl-msg{justify-content:center}
}

/* ---- header: search button + mega menu ---- */
.nav-cta .hy-search{color:var(--ink)}
.nav-cta .hy-search .hy-search-label{display:none}
@media(min-width:1280px){
  .nav-cta .hy-search{width:auto;min-width:190px;border-radius:999px;padding:0 16px 0 14px;gap:9px;display:inline-flex;align-items:center;justify-content:flex-start;font:500 13px var(--sans);color:var(--muted);cursor:text}
  .nav-cta .hy-search:hover{border-color:var(--copper)}
  .nav-cta .hy-search .hy-search-label{display:inline}
}
.dropdown.hy-drop{white-space:normal;width:min(680px,calc(100vw - 48px));min-width:0;padding:20px 22px 18px;display:grid;grid-template-columns:1.05fr .95fr;gap:8px 28px;box-sizing:border-box}
.dropdown.hy-drop>*{min-width:0}
.hy-mega-h{font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--copper-dark);padding:4px 10px 8px;border-bottom:1px solid #EEE6D8;margin-bottom:6px}
.dropdown.hy-drop .hy-mega-areas{display:grid;grid-template-columns:minmax(0,1fr);gap:1px}
.dropdown.hy-drop .hy-mega-areas .hy-mega-h{grid-column:1/-1}
.dropdown.hy-drop a.hy-area{display:block;min-width:0;overflow:hidden;padding:7px 10px;border-radius:10px;color:var(--ink);line-height:1.3}
/* one type style for every menu link: 14px, weight 500, ink */
.dropdown a{font:500 14px var(--sans);color:var(--ink);line-height:1.3}
.dropdown .drop-all{font-weight:500}
.dropdown.hy-drop a.hy-area b{display:flex;justify-content:space-between;gap:8px;font-weight:500;font-size:14px}
.dropdown.hy-drop a.hy-area b span{color:var(--muted);font-weight:500;font-size:12px;white-space:nowrap}
.dropdown.hy-drop a.hy-area small{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dropdown.hy-drop a.hy-area:hover{background:#F3EEE5}
.dropdown.hy-drop .hy-mega-range a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;font-size:14px;border-radius:10px}
.dropdown.hy-drop .hy-mega-range a span{color:var(--muted);font-size:12px}
.dropdown.hy-drop .hy-mega-range a.drop-all{border-top:0;margin-top:0;padding-top:7px;color:var(--copper-dark)}
.hy-mega-verify{margin-top:10px;min-width:0;background:var(--cream2);border:1px solid #EEE6D8;border-radius:14px;padding:14px}
.hy-mega-verify b{display:block;font:600 13px var(--sans);margin-bottom:8px}
.hy-mega-verify form{display:flex;gap:6px}
.hy-mega-verify input{flex:1;min-width:0;width:100%;box-sizing:border-box;font:13px var(--sans);padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fffdf9;color:var(--ink)}
.hy-mega-verify input:focus{outline:2px solid var(--copper);outline-offset:1px}
.hy-mega-verify .btn{padding:8px 14px;font-size:12.5px}
.hy-mega-verify p{margin:10px 0 0;font-size:12px;color:var(--muted)}
.dropdown.hy-drop .hy-mega-verify p a{display:inline;padding:0;color:var(--copper-dark);font-weight:600}
@media(max-width:900px){
  #navLinks .dropdown.hy-drop{display:block;width:auto;padding:0 0 0 12px}
  #navLinks .dropdown.hy-drop .hy-mega-areas{display:block}
  #navLinks .dropdown.hy-drop .hy-mega-h{display:none}
  #navLinks .dropdown.hy-drop a.hy-area{padding:8px 0}
  #navLinks .dropdown.hy-drop a.hy-area small{display:none}
  #navLinks .dropdown.hy-drop a.hy-area b span{display:none}
  #navLinks .dropdown.hy-drop .hy-mega-range a{padding:8px 0}
  #navLinks .dropdown.hy-drop .hy-mega-range a span{display:none}
  .hy-mega-verify{display:none}
}

/* ---- search palette ---- */
.hy-pal{position:fixed;inset:0;z-index:300}
.hy-pal-back{position:absolute;inset:0;background:rgba(25,23,19,.42);backdrop-filter:blur(3px)}
.hy-pal-box{position:relative;width:min(640px,calc(100% - 32px));margin:calc(10vh + env(safe-area-inset-top,0px)) auto 0;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px rgba(33,25,19,.28);overflow:hidden}
.hy-pal-in{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line)}
.hy-pal-in svg{flex:none;color:var(--muted)}
.hy-pal-in input{flex:1;min-width:0;border:0;background:none;font:16px var(--sans);padding:12px 0;color:var(--ink);outline:none}
.hy-pal-in kbd{font:500 10.5px var(--mono);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--muted);background:#fff}
.hy-pal-list{max-height:min(56vh,480px);overflow-y:auto;padding:8px}
.hy-pal-group{font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.hy-pal-item{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:10px 12px;border-radius:12px;color:var(--ink);text-decoration:none;cursor:pointer}
.hy-pal-item b{grid-column:1;grid-row:1;font-weight:600;font-size:14.5px;min-width:0}
.hy-pal-item small{display:block;grid-column:1;grid-row:2;font-size:12px;color:var(--muted);min-width:0}
.hy-pal-item .hy-pal-r{grid-column:2;grid-row:1/3;text-align:right;font-size:13px;color:var(--slate);white-space:nowrap}
.hy-pal-item .hy-pal-r .hy-mono{font-size:12px}
.hy-pal-item.on,.hy-pal-item:hover{background:var(--cream2)}
.hy-pal-empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:14px}
.hy-pal-foot{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.hy-pal-foot a{color:var(--copper-dark);font-weight:600;text-decoration:none}

/* ---- product cards: price incl. VAT, batch line, quick add ---- */
.product-img.pc{display:block}
.product-img.pc .pc-slides{width:100%;height:100%}
.product-img.pc .pc-slide{width:100%;min-width:100%;height:100%;box-sizing:border-box}
.price small{font-family:var(--sans);font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.hy-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:11px;font-size:11px;color:var(--muted);min-width:0}
.hy-card-batch{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hy-card-batch .hy-mono{color:var(--slate)}
.hy-add{flex:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font:600 12px var(--sans);color:var(--copper-dark);cursor:pointer;transition:.15s;white-space:nowrap}
.hy-add:hover{background:var(--copper);border-color:var(--copper);color:#fff}
.product-info p{font-size:12px}

/* ---- index: products first, batch ledger ---- */
.orvx-home .products{border-top:0}
.hy-ledger{background:var(--paper);border-top:1px solid var(--line)}
.hy-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hy-ledger-table{min-width:720px}
.hy-ledger-table td{vertical-align:middle}
.hy-ledger-more{margin:22px 0 0}

/* ---- shop: sidebar filters + gallery / table ---- */
.hy-shop{display:grid;grid-template-columns:232px minmax(0,1fr);gap:36px;align-items:start}
.hy-side{position:sticky;top:calc(96px + env(safe-area-inset-top,0px));display:grid;gap:22px}
.hy-fgroup{border-top:1px solid var(--line);padding-top:14px}
.hy-fgroup:first-child{border-top:0;padding-top:0}
.hy-fh{font:700 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--copper-dark);margin-bottom:8px}
.hy-side .chips{flex-direction:column;align-items:stretch;gap:1px}
.hy-side .chip{border:0;background:none;padding:8px 10px;border-radius:9px;text-align:left;font:500 14px var(--sans);color:var(--ink)}
.hy-side .chip:hover{background:var(--cream2)}
.hy-side .chip.on{background:var(--ink);color:#fff}
.hy-check{display:flex;align-items:center;gap:9px;padding:6px 10px;font-size:14px;cursor:pointer;border-radius:9px}
.hy-check:hover{background:var(--cream2)}
.hy-check input{accent-color:var(--copper);width:15px;height:15px;margin:0}
.hy-check span{flex:1}
.hy-check small{color:var(--muted);font-size:12px}
.hy-range{padding:6px 10px 0}
.hy-range output{display:block;font-size:14px;margin-bottom:8px}
.hy-range output b{font-weight:600}
.hy-range input{width:100%;accent-color:var(--copper);margin:0}
.hy-range .hy-range-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:4px}
.hy-main{min-width:0}
.hy-main .toolbar{margin-bottom:18px;align-items:center}
.hy-main .tools{flex-wrap:wrap}
.hy-main .searchwrap .input{width:220px}
.hy-view{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:3px}
.hy-view button{border:0;background:none;border-radius:999px;padding:7px 13px;font:600 12.5px var(--sans);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.hy-view button.on{background:var(--ink);color:#fff}
.hy-view svg{width:14px;height:14px}
.hy-fbtn{display:none}
.hy-fclear{border:0;background:none;color:var(--copper-dark);font:600 12.5px var(--sans);cursor:pointer;padding:6px 10px;text-align:left}
.hy-main .shop-grid{grid-template-columns:repeat(3,1fr);gap:16px}
.hy-spec .table{min-width:760px}
.hy-spec td{vertical-align:middle}
.hy-spec td .small{margin-top:2px}
.hy-spec .hy-num{white-space:nowrap}
@media(max-width:1180px){.hy-main .shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .hy-shop{grid-template-columns:1fr;gap:0}
  .hy-side{display:none;position:static;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--paper);margin-bottom:18px}
  .hy-shop.open .hy-side{display:grid}
  .hy-fbtn{display:inline-flex;align-items:center;gap:6px}
  .hy-main .shop-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .hy-main .shop-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .hy-main .shop-grid .product{padding:10px;border-radius:14px}
  .hy-main .shop-grid .product-img{height:150px}
  .hy-main .shop-grid .pc-slide .vial-css{transform:scale(.8)}
  .hy-main .shop-grid .product-info{padding:12px 2px 2px}
  .hy-main .shop-grid .product-info h3{font-size:17px}
  .hy-main .shop-grid .product-info p{font-size:11px;margin:4px 0 10px}
  .hy-main .shop-grid .price{font-size:17px}
  .hy-main .shop-grid .pc-arrow{display:none}
  .hy-main .searchwrap .input{width:100%}
}

/* ---- product page: batch line, tier rows, trust bullets, buy bar ---- */
.hy-batchline{display:flex;flex-wrap:wrap;gap:3px 12px;align-items:center;font-size:12.5px;color:var(--slate);margin:-6px 0 22px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--cream2)}
.hy-batchline .hy-bl-1{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.hy-batchline .hy-bl-2{flex-basis:100%;font-size:12px;color:var(--muted)}
.hy-batchline .badge{padding:3px 9px;font-size:11px;flex:none}
.hy-batchline a{margin-left:auto;color:var(--copper-dark);font-weight:600;text-decoration:none;white-space:nowrap}
.hy-batchline a:hover{text-decoration:underline}
.pdp .variants{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.pdp .variant .v-stock{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdp .tiers{grid-template-columns:1fr;gap:4px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.pdp .tier{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;border-radius:0;border:0;border-bottom:1px solid var(--line);padding:9px 14px;background:var(--paper);box-shadow:none}
.pdp .tier:last-child{border-bottom:0}
.pdp .tier .qty{display:block;border:0;border-radius:0;margin:0;overflow:visible;font-size:13px;color:var(--slate)}
.pdp .tier .pct{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--muted);margin:0;min-width:42px;text-align:right}
.pdp .tier .unit{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;min-width:96px;text-align:right}
.pdp .tier.active{background:#fbf3ea;border-color:var(--line)}
.pdp .tier.active .pct{color:var(--copper)}
.pdp .tier.active .qty{color:var(--ink);font-weight:600}
.pdp .tiers{gap:0}
.hy-trust{list-style:none;margin:0 0 24px;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:7px}
.hy-trust li{position:relative;padding-left:16px;font-size:12.5px;color:var(--slate);line-height:1.45}
.hy-trust li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--green)}
.hy-trust b{font-weight:600;color:var(--ink)}
.hy-trust b::after{content:" · ";color:var(--muted);font-weight:400}
.hy-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;background:rgba(251,248,242,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:0 -10px 30px rgba(33,25,19,.08)}
.hy-bar.on{transform:translateY(0);visibility:visible;transition:transform .25s ease,visibility 0s}
.hy-bar-in{display:flex;align-items:center;gap:16px}
.hy-bar-name{min-width:0;flex:1}
.hy-bar-name b{display:block;font:400 18px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hy-bar-name span{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hy-bar-price{font:400 20px var(--serif);white-space:nowrap;font-variant-numeric:tabular-nums}
.hy-bar-price small{display:block;font:500 10.5px var(--sans);color:var(--muted);text-align:right}
.hy-bar .btn{white-space:nowrap}
@media(max-width:520px){.hy-bar-in{gap:10px}.hy-bar-name b{font-size:16px}.hy-bar-price{font-size:17px}.hy-bar .btn{padding:11px 14px}}


/* ---- product page at phone width: the mockup's 1fr column lets the carousel force a 666px layout ---- */
.pdp .grid > *{min-width:0}
.pdp .igcard{max-width:100%;box-sizing:border-box}
.pdp .research > *{min-width:0}
@media(max-width:920px){
  .pdp .grid{grid-template-columns:minmax(0,1fr)}
  /* phone order: photo, buy panel, then the batch passports */
  .pdp .grid > div:first-child{display:contents}
  .pdp .grid .carousel{order:1}
  .pdp .grid .buy{order:2}
  .pdp .grid .passport{order:3;margin-top:0}
  #pResearchBpc,#pResearchGeneric{grid-template-columns:1fr!important;gap:28px!important}
}
@media(max-width:640px){
  .pdp .research{padding:24px 18px!important}
  .pdp .buy{padding:22px 18px 16px}
  .pdp .buy-row{flex-wrap:wrap}
  .pdp .stepper{flex:1}
  .pdp .cta{flex:1 1 100%;min-height:52px}
}
/* ---- small product cards ---- */
@media(max-width:520px){
  .hy-main .shop-grid .product-row{flex-wrap:wrap;gap:4px 8px}
  .hy-main .shop-grid .batch .mini-qr{display:none}
  .hy-main .shop-grid .hy-card-foot{flex-wrap:wrap;gap:6px}
  .hy-main .shop-grid .hy-card-batch{flex-basis:100%;white-space:normal}
  .hy-main .shop-grid .hy-add{width:100%;text-align:center}
}

/* ---- mobile CTA only on the start page ---- */
.mobile-cta.show{display:none}
@media(max-width:760px){body.orvx-home .mobile-cta.show{display:block}}

/* ---- cart / checkout ---- */
.sum-row .hy-incl{color:var(--muted);font-size:12px}
.hy-vatnote{font-size:12px;color:var(--muted);margin:10px 0 0}

/* ---- research content ---- */
.refs .hy-doi{display:inline-block;font:500 11.5px var(--mono);color:var(--copper-dark);text-decoration:none;margin-left:2px}
.refs .hy-doi:hover{text-decoration:underline}
.pdp .ig-seq{word-break:break-word;overflow-wrap:anywhere}
.fact dd{overflow-wrap:anywhere}
#references table a{color:var(--copper-dark);text-decoration:none}
#references table a:hover{text-decoration:underline}
.art-grid .art-card{min-width:0}
.hy-refmore{margin-top:14px}

/* ---- trust strip with three items ---- */
.trust-grid.hy-trust3{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){
  .trust-grid.hy-trust3{grid-template-columns:1fr 1fr}
  .trust-grid.hy-trust3 .trust-item:nth-child(2){border-right:0}
  .trust-grid.hy-trust3 .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .trust-grid.hy-trust3 .trust-item:nth-child(3){grid-column:1/-1;border-right:0}
}

/* ---- account page and reference table at phone width ---- */
@media(max-width:820px){
  .acct{grid-template-columns:minmax(0,1fr)!important}
  .acct>*{min-width:0}
  .acct .panel{overflow-x:auto}
}
#references .hy-tablewrap .table{min-width:640px}

/* a product that is not sold to the selected delivery country */
.hy-blocknote{border:1px solid var(--line);background:#fdf6ef;border-radius:14px;padding:16px 18px;margin:0 0 18px}
.hy-blocknote b{display:block;font:600 14px/1.3 var(--sans);color:var(--copper-dark);margin-bottom:6px}
.hy-blocknote p{margin:0;font:400 13.5px/1.55 var(--sans);color:var(--muted)}
.hy-blocknote a{color:var(--copper-dark)}
.line-item.hy-blockline{opacity:.55}
.line-item.hy-blockline .thumb{outline:2px solid var(--copper-soft)}
.btn.hy-disabled{pointer-events:none;opacity:.4}
.hy-sample{display:inline-block;margin-left:10px;padding:2px 9px;border:1px solid var(--line);border-radius:999px;background:var(--cream-2);font:500 10px/1.7 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);vertical-align:middle}

.hy-noship-tag{display:inline-block;padding:3px 10px;border:1px solid var(--copper-soft);border-radius:999px;background:#fdf6ef;font:500 11px/1.5 var(--sans);color:var(--copper-dark);white-space:nowrap}
.product.hy-noship .price{opacity:.6}
.hy-pal-r .hy-noship-tag{font-size:10px;padding:2px 8px}
.btn.hy-disabled,button.cta.hy-disabled{pointer-events:none;opacity:.4}
.product.hy-noship .hy-card-foot{flex-wrap:wrap;gap:7px}
.product.hy-noship .hy-card-batch{flex-basis:100%;white-space:normal}

/* ===================================================================== */
/* WordPress / WooCommerce layer (theme additions to the reference CSS)  */
/* ===================================================================== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}
@media(max-width:600px){body.admin-bar header{top:0}}
.has-drop:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.cart-count[hidden]{display:none}
a.chip{display:inline-block}
a.chip.on{color:#fff}
.hy-side a.chip{display:block}
.hy-batchlink{color:inherit!important;text-decoration:none}
.hy-batchlink:hover{color:var(--copper-dark)!important;text-decoration:underline}
#btable td:nth-child(2) a{font-family:var(--mono);font-size:.92em}
.empty{display:none}

/* real QR codes, drawn in the browser from the batch URL */
.orvx-qrcode{display:block;background:#fff;box-sizing:border-box}
.orvx-qrcode svg{width:100%;height:100%;display:block}
.pdp .passport-foot .orvx-qrcode{width:58px;height:58px;padding:2px}
.pdp .verify-slide .orvx-qrcode{width:150px;height:150px;margin:0 auto 18px;padding:6px;border:1px solid var(--line);border-radius:4px}
.pc-slide .pc-photo{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.pdp .slide img{max-height:100%}
.pdp-left{min-width:0}
.pdp .buy .hy-blocknote{margin:0 0 18px}

/* forms rendered by WooCommerce (checkout, account) */
.orvx-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.orvx-fields .form-row{grid-column:1/-1;margin:0 0 16px}
.orvx-fields .form-row-first{grid-column:1}
.orvx-fields .form-row-last{grid-column:2}
@media(max-width:520px){.orvx-fields .form-row-first,.orvx-fields .form-row-last{grid-column:1/-1}}
.form-row{margin:0 0 16px}
.form-row label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;line-height:1.4}
.form-row label.checkbox,.form-row label.woocommerce-form__label-for-checkbox{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px}
.form-row .required{display:none}
.form-row .optional{font-weight:600;color:inherit}
.woocommerce-input-wrapper{display:block}
.form-row input.input-text,.form-row select,.form-row textarea,.woocommerce form .input-text,.woocommerce-EditAccountForm input,.woocommerce-address-fields input,.woocommerce-address-fields select,.woocommerce-ResetPassword input,.orvx-login-panel input.input-text{font:14px var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:11px 13px;width:100%;box-sizing:border-box}
.form-row select{appearance:auto}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:2px solid var(--copper);outline-offset:1px;border-color:var(--copper)}
.form-row.woocommerce-invalid input.input-text,.form-row.woocommerce-invalid select{border-color:#c0583c}
.form-row .description{font-size:12px;color:var(--muted);margin-top:4px}
.form-row.hidden,#billing_address_2_field,.woocommerce-billing-fields h3,.woocommerce-additional-fields{display:none}
.woocommerce-form-login .form-row,.woocommerce-form-login p{margin:0 0 14px}
.woocommerce-form-login .button,.woocommerce-Button,.woocommerce-button,.woocommerce .button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;border:1px solid var(--copper);background:var(--copper);color:#fff;font:650 13px var(--sans);cursor:pointer;text-decoration:none}
.woocommerce .button:hover{background:var(--copper-dark)}
.woocommerce .button.alt,.woocommerce .button.secondary{background:rgba(255,255,255,.55);color:var(--ink);border-color:var(--ink)}
.woocommerce-form-login__rememberme{display:flex!important;gap:8px;align-items:center;font-weight:400!important}
.lost_password a{color:var(--copper-dark)}

/* notices */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-error,.woocommerce-message,.woocommerce-info,.woocommerce-NoticeGroup .woocommerce-error{list-style:none;margin:0 0 18px;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:var(--paper);font-size:14px;line-height:1.5}
.woocommerce-error{border-color:var(--copper-soft);background:#fdf6ef;color:var(--copper-dark)}
.woocommerce-error li{margin:2px 0}
.woocommerce-message{border-color:#cfe3d7;background:#eef6f1;color:#1f6b4c}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-message a.wc-forward{float:right;margin-left:12px;padding:6px 12px;font-size:12px}
.woocommerce-NoticeGroup{grid-column:1/-1}

/* checkout */
form.checkout.two-col{align-items:start}
form.checkout .panel h3{font-size:21px}
.orvx-shipping-methods .check,.wc_payment_methods .check{margin:10px 0}
.wc_payment_methods{list-style:none;margin:12px 0 0;padding:0}
.wc_payment_method{margin:0 0 10px;font-size:13px}
.wc_payment_method>input{accent-color:var(--copper);margin:0 8px 0 0;vertical-align:middle;width:16px;height:16px}
.wc_payment_method>label{font-size:13px;font-weight:500;cursor:pointer}
.wc_payment_method>label img{max-height:22px;vertical-align:middle;margin-left:6px}
.payment_box{background:var(--cream-2);border-radius:12px;padding:12px 14px;font-size:13px;color:var(--muted);margin:8px 0 0}
.payment_box p{margin:0}
.blockUI.blockOverlay{background:rgba(255,253,249,.65)!important;border-radius:20px}
#place_order[disabled]{opacity:.5}
.orvx-login-panel .woocommerce-form-login{margin-top:12px}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout{margin-bottom:18px}
.woocommerce-terms-and-conditions-wrapper{display:none}

/* account */
.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content>.panel+.panel{margin-top:18px}
.woocommerce-MyAccount-content>p{font-size:14px}
.woocommerce-MyAccount-content form,.woocommerce-MyAccount-content .woocommerce-Addresses{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px}
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.woocommerce-Address-title h2,.woocommerce-Address-title h3{font-size:22px}
.woocommerce-Address address{font-style:normal;font-size:14px;color:var(--muted)}
.woocommerce-Address-title a.edit{color:var(--copper-dark);font-size:13px}
.woocommerce-EditAccountForm fieldset{border:1px solid var(--line);border-radius:14px;padding:16px;margin:10px 0 18px}
.woocommerce-EditAccountForm legend{font-weight:600;font-size:13px;padding:0 6px}
.woocommerce-table,.woocommerce-orders-table,.shop_table{width:100%;border-collapse:collapse;font-size:14px}
.woocommerce-table th,.woocommerce-table td,.shop_table th,.shop_table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.woocommerce-table th,.shop_table thead th{font-size:11px;font-weight:600;color:var(--muted)}
.woocommerce-table tfoot th{font-size:13px;font-weight:500;color:var(--ink)}
.woocommerce-table td.product-total,.woocommerce-table tfoot td{text-align:right;white-space:nowrap}
.woocommerce-table thead th.product-total{text-align:right}
.woocommerce-table .wc-item-meta{list-style:none;padding:0;margin:4px 0 0;font-size:12px;color:var(--muted)}
.woocommerce-table .wc-item-meta p{display:inline;margin:0}
.woocommerce-table .wc-item-meta strong{font-weight:500}
.woocommerce-order-details,.woocommerce-customer-details{margin-top:24px}
.woocommerce-order-details__title,.woocommerce-column__title{font-size:24px;margin-bottom:10px}
.wc-item-meta{list-style:none;padding:0;margin:4px 0 0;font-size:12px;color:var(--muted)}
.wc-item-meta li{display:flex;gap:4px}.wc-item-meta p{margin:0}
.woocommerce-order-overview{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:13px;color:var(--muted)}
.woocommerce-order-overview strong{display:block;color:var(--ink);font-size:15px}
.woocommerce-thankyou-order-received{font-family:var(--serif);font-size:24px;margin:0 0 16px}
.woocommerce-pagination{margin-top:16px}
.woocommerce-customer-details address{font-style:normal;font-size:14px}
@media(max-width:820px){.woocommerce-Addresses{grid-template-columns:1fr}}

/* WordPress content pieces */
.prose img{max-width:100%;height:auto}
.prose table{width:100%}
.alignleft{float:left;margin:0 20px 10px 0}.alignright{float:right;margin:0 0 10px 20px}.aligncenter{display:block;margin:0 auto}
:target{scroll-margin-top:110px}
.password-input{position:relative;display:block}
.password-input input{padding-right:44px!important}
.show-password-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:50%;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f6a63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/18px no-repeat;cursor:pointer;font-size:0;color:transparent}
.show-password-input.display-password{opacity:.55}

/* The logo is an <img> here (an inline <svg> in the reference): same mobile size rule. */
@media(max-width:420px){header a.brand img{height:40px!important;width:auto!important;max-width:none!important}}

/* Single-column grids on small screens: let tracks shrink below their content's min width
   (in the reference the verification block overflows a 390px screen by 26px). */
@media(max-width:980px){.hero-grid,.verify-grid,.story-grid{grid-template-columns:minmax(0,1fr)}}
.hy-pal-in input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}

/* ==== Design review fixes, 3 Nov 2026 ==== */

/* Header: align the logo with the page edge and keep the right-hand group inside the content width */
@media(min-width:901px){nav{padding:0;gap:16px}.nav-links{gap:22px}}

/* Top line: a short, complete message on phones (the long one is cut mid-sentence) */
.topline .tl-m{display:none}
@media(max-width:680px){.topline .tl-a{display:none!important}.topline .tl-m{display:inline}}

/* Phone gutters: 20px instead of 12px so text doesn't run to the screen edge */
@media(max-width:680px){.wrap{width:calc(100% - 40px)}}

/* Section heads with a chip in the heading: keep heading line spacing tight */
.section-head h2{line-height:1.06}
.section-head h2 .hy-sample{position:relative;top:-.35em}

/* The full range: arrows sit beside the intro line instead of on top of it,
   and the row runs to the edge of the screen so the next card reads as "more to scroll" */
.products .eyebrow{color:var(--copper-dark)}
.products .section-head{padding-right:124px}
.products .product-grid{margin-right:calc(50% - 50vw);padding-right:24px;scroll-padding-left:2px}
.products .car-nav{top:-58px}
@media(max-width:680px){
  .products .section-head{padding-right:0}
  .products .car-nav{display:none}
  .products .product-grid{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}
}

/* Research areas: titles line up across a row, the arrow sits at the bottom */
.area{justify-content:flex-start}
.area .arrow{margin-top:auto;padding-top:16px}

/* Trust strip: one column on phones (two narrow columns squeezed the text) */
@media(max-width:680px){
  .trust-grid,.hy-trust3{grid-template-columns:1fr!important}
  .trust-item{border-right:0!important;border-bottom:1px solid var(--line);padding:16px 4px!important}
  .trust-item:last-child{border-bottom:0}
}

/* Batch tables on phones: product, batch, purity and the report link, no sideways scrolling */
@media(max-width:680px){
  .hy-ledger-table,#btable{min-width:0!important;width:100%}
  .hy-ledger-table tr > :nth-child(4),.hy-ledger-table tr > :nth-child(5),.hy-ledger-table tr > :nth-child(6),
  #btable tr > :nth-child(4),#btable tr > :nth-child(5),#btable tr > :nth-child(6){display:none}
  .hy-ledger-table td,.hy-ledger-table th,#btable td,#btable th{padding-left:6px;padding-right:6px}
  .hy-ledger-table td:last-child,#btable td:last-child{text-align:right}
}

/* Proof card: the decorative rings sit behind the card, and on phones the QR tile no longer covers the text */
.vstage-card{position:relative;z-index:2;max-width:100%;box-sizing:border-box}
.vstage-chart::before{height:12px;background:#C99A74}
@media(max-width:760px){
  .verify-stage{flex-direction:column;align-items:center;padding:28px 16px}
  .vstage-scan{position:relative;left:auto!important;bottom:auto;align-self:flex-end;margin:-26px 6px 0 0;padding:9px}
  .vstage-scan img{width:58px;height:58px}
  .vstage-head{font-size:10.5px;letter-spacing:.04em}
}

/* Small labels: nothing below 10.5px */
.product .batch,.product .batch.pending{font-size:10.5px}
@media(max-width:640px){.product .batch,.product .batch.pending{font-size:11.5px}}
.vf-pill{font-size:10.5px}
.product .hy-mono{font-size:11px}

/* Product page */
.pdp .variant .v-stock{white-space:normal;overflow:visible}
@media(max-width:640px){
  .pdp .slides{align-items:flex-start;overflow-x:visible;overflow-y:clip;transition:transform .35s ease,height .3s ease}
  .pdp .slide{height:auto;min-height:0;padding:16px}
  .pdp .igcard{padding:24px 22px;min-height:0}
  .pdp .igcard h3{font-size:32px}
  .pdp .slide:has(> img){aspect-ratio:1/1;padding:0!important}
  .pdp .slide > img{width:100%;height:100%;object-fit:cover}
  .pdp .fact dd{margin:0}
  .pdp .passport{padding:22px 18px}
  #pPrevBody{gap:10px 12px}
  #pPrevBody div b{font-size:11px;white-space:nowrap}
  #pPrevBody div span{font-size:15px;white-space:nowrap}
  .hy-ledger-table td:nth-child(2),#btable td:nth-child(2){white-space:nowrap;font-family:var(--mono);font-size:12px}
  .pdp .fact{flex-direction:column;gap:2px}
  .pdp .fact dd{text-align:left}
  .pdp .passport-head{flex-direction:column;align-items:flex-start;gap:6px}
  #pPrevBody a{font-family:var(--mono);font-size:13px;white-space:nowrap}
}

/* Cart: product photo as the line thumbnail */
.thumb{overflow:hidden;flex-shrink:0}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}

.pdp .igcard dl{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.pdp .igcard dd{overflow-wrap:anywhere;margin:0}
/* Product page uses the same content width as every other page */
.pdp .wrap{max-width:1180px;padding-left:0;padding-right:0}
.pdp .variant .v-batch{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.01em;color:var(--mist);margin-top:1px}

/* Cart: free-shipping hint under the shipping row */
.sum-note{font-size:12.5px;color:var(--copper-dark);margin:-4px 0 10px;text-align:right}

/* Seven research areas: the last card takes the full row, so the grid has no gap */
@media(min-width:681px){.area-grid > .area:nth-child(3n+1):last-child{grid-column:1/-1;min-height:0}}