:root{
  --bg:#040707;--surface:#081112;--surface2:#0b1718;--teal:#00d8c9;
  --teal2:#70fff5;--text:#eaf8f6;--muted:#8ca6a3;--line:rgba(130,230,220,.14);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.announcement{height:34px;display:grid;place-items:center;background:#071011;border-bottom:1px solid var(--line);color:#91afac;font-size:9px;letter-spacing:.18em}
.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(4,7,7,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em;font-size:16px}
.brand>span:last-child>span{color:var(--teal)}
.brand-mark{width:34px;height:34px;border:1px solid var(--teal);display:grid;place-items:center;border-radius:50%;color:var(--teal);font-size:14px;box-shadow:0 0 25px rgba(0,216,201,.12)}
.main-nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#b8cdca}
.main-nav a:hover{color:var(--teal2)}
.nav-cart{border:1px solid var(--line);background:#081112;color:var(--text);border-radius:6px;padding:9px 13px;cursor:pointer}
.nav-cart b{color:var(--teal);margin-left:5px}
.menu-toggle{display:none;background:none;border:0;padding:7px}
.menu-toggle span{display:block;width:25px;height:2px;background:var(--text);margin:5px}
.hero{min-height:690px;position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.hero-glow{position:absolute;width:700px;height:700px;right:-250px;top:-220px;background:radial-gradient(circle,rgba(0,216,201,.19),transparent 67%);pointer-events:none}
.hero-grid{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:80px}
.eyebrow{margin:0 0 15px;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.22em}
h1,h2,h3{margin-top:0}
h1{font-size:clamp(52px,7vw,88px);line-height:.93;letter-spacing:-.06em;margin-bottom:28px}
h1 em{font-style:normal;color:var(--teal)}
h2{font-size:clamp(38px,4.5vw,58px);line-height:1;letter-spacing:-.05em;margin-bottom:20px}
.hero-text{max-width:590px;color:var(--muted);font-size:17px}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:31px 0 18px}
.button{min-height:49px;padding:0 20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.02em;border:1px solid transparent;transition:.2s}
.button-primary{background:var(--teal);color:#001312}
.button-primary:hover{background:var(--teal2);transform:translateY(-2px)}
.button-ghost{border-color:var(--line);background:rgba(255,255,255,.015);color:var(--text)}
.button-ghost:hover{border-color:var(--teal);color:var(--teal)}
.button-full{width:100%}
.hero-notice{font-size:10px;color:#6f8986;display:flex;gap:8px;align-items:center}
.hero-notice i{display:block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}
.hero-visual{height:485px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0a1718,#050909);position:relative;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.45)}
.grid-lines{position:absolute;inset:0;opacity:.45;background-image:linear-gradient(rgba(0,216,201,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,216,201,.06) 1px,transparent 1px);background-size:45px 45px}
.visual-top,.visual-bottom{position:absolute;left:24px;right:24px;z-index:2}
.visual-top{top:22px;display:flex;justify-content:space-between;color:#66827f;font-size:9px;letter-spacing:.2em}
.visual-bottom{bottom:0}
.visual-bottom div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:9px;letter-spacing:.13em;color:#69827f}
.visual-bottom strong{color:var(--teal)}
.orb-wrap{position:absolute;inset:70px 0 95px;display:grid;place-items:center}
.orb{width:185px;height:185px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#d8fffc 0 2%,#5cfff5 5%,#00bdb1 13%,#075e5b 39%,#061d1e 67%,#031011 70%);box-shadow:0 0 70px rgba(0,216,201,.22),inset -25px -20px 35px rgba(0,0,0,.45);animation:pulse 4s ease-in-out infinite}
.orb-core{position:absolute;width:16px;height:16px;border-radius:50%;background:#d7fffc;box-shadow:0 0 25px #d7fffc,0 0 60px var(--teal)}
.orb-ring{position:absolute;border:1px solid rgba(0,216,201,.22);border-radius:50%;width:270px;height:115px;transform:rotate(-25deg);animation:spin 8s linear infinite}
.ring-two{width:120px;height:280px;transform:rotate(35deg);animation-duration:11s}
@keyframes pulse{50%{transform:scale(1.035);filter:brightness(1.1)}}
@keyframes spin{to{transform:rotate(335deg)}}
.trust-bar{background:#071011;border-bottom:1px solid var(--line)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{min-height:86px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);padding:0 22px}
.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}
.trust-icon{color:var(--teal);font-size:18px}
.trust-item strong,.trust-item small{display:block}.trust-item strong{font-size:11px}.trust-item small{color:#6f8986;font-size:9px;margin-top:2px}
.section{padding:105px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}
.text-link{color:var(--teal);font-size:12px;font-weight:800}.text-link span{margin-left:8px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:.25s}
.product-card:hover{border-color:rgba(0,216,201,.5);transform:translateY(-5px)}
.product-image{height:285px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#123c3b,#071112 65%)}
.product-image::before{content:"";width:130px;height:180px;border:1px solid rgba(0,216,201,.18);border-radius:16px;position:absolute;transform:rotate(8deg)}
.product-image::after{content:"PL";display:grid;place-items:center;width:88px;height:125px;border:1px solid rgba(112,255,245,.45);border-radius:7px;color:var(--teal);font-weight:900;letter-spacing:.15em;background:rgba(2,11,11,.75);z-index:1;box-shadow:0 0 35px rgba(0,216,201,.13)}
.product-image.has-product-image{display:block;background:#030707}
.product-image.has-product-image::before,.product-image.has-product-image::after{display:none}
.product-image.has-product-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.product-tag{position:absolute;left:12px;top:12px;padding:5px 8px;border:1px solid var(--line);background:#040707d9;border-radius:20px;color:#8ea8a5;font-size:8px;letter-spacing:.12em;z-index:2}
.product-info{padding:17px}
.product-meta{display:flex;justify-content:space-between;color:#66817e;font-size:8px;letter-spacing:.13em;margin-bottom:8px}
.product-info h3{font-size:16px;margin-bottom:17px}
.product-bottom{display:flex;justify-content:space-between;align-items:center}
.product-price{color:var(--teal);font-weight:900}
.add-button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:5px;padding:7px 10px;font-size:10px;cursor:pointer}
.add-button:hover{border-color:var(--teal);color:var(--teal)}
.ticker{overflow:hidden;background:var(--teal);color:#001312;border-bottom:1px solid #002b29}
.ticker-track{display:flex;width:max-content;align-items:center;gap:28px;padding:13px 0;animation:marquee 25s linear infinite;font-size:10px;font-weight:900;letter-spacing:.2em}
.ticker-track b{font-size:12px}
@keyframes marquee{to{transform:translateX(-50%)}}
.documentation{background:#071011;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.documentation-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px}
.doc-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:500px;margin-bottom:30px}
.doc-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.doc-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:25px;min-height:185px}
.doc-card span{color:var(--teal);font-size:9px;letter-spacing:.2em}.doc-card h3{margin:20px 0 8px;font-size:17px}.doc-card p{color:var(--muted);font-size:12px;margin:0}
.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px;align-items:start}
.about-number{font-size:80px;font-weight:900;letter-spacing:-.08em;color:#102526}.about-number span{font-size:12px;color:var(--teal);letter-spacing:.15em}
.large-copy{max-width:700px;color:var(--muted);font-size:20px}
.faq-section{background:#050909}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}
.faq-list details{border-top:1px solid var(--line);padding:21px 0}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;list-style:none;font-weight:750;font-size:14px;display:flex;justify-content:space-between}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--teal);font-size:20px;font-weight:400}.faq-list details[open] summary::after{content:"−"}
.faq-list details p{color:var(--muted);font-size:13px;max-width:650px;margin:12px 0 0}
.contact-box{border:1px solid var(--line);border-radius:15px;padding:55px;background:linear-gradient(115deg,#0a1819,#061011);display:flex;align-items:center;justify-content:space-between;gap:35px}
.contact-box p:not(.eyebrow){color:var(--muted);margin:0}
.site-footer{background:#030505;border-top:1px solid var(--line);padding:65px 0 25px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:50px}
.footer-main p{max-width:300px;color:#637c79;font-size:12px}
.site-footer h3{color:var(--teal);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.site-footer a,.site-footer p{display:block;color:#718a87;font-size:11px;margin:8px 0}
.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:18px;color:#526966;font-size:9px}
/* Peptrion cart drawer — compact dark/teal site styling */
.cart-drawer{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden}
.cart-drawer.open{pointer-events:auto;visibility:visible}
.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity .2s ease}
.cart-drawer.open .drawer-backdrop{opacity:1}
.drawer{position:absolute;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));height:min(360px,calc(100vh - 36px));max-height:70vh;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;transform:translateX(calc(100% + 30px));transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:-18px 18px 55px rgba(0,0,0,.45);overflow:hidden}
.cart-drawer.open .drawer{transform:translateX(0)}
.drawer-header{min-height:62px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex:0 0 auto}
.drawer-header h2{font-size:25px;line-height:1;margin:0;font-weight:800;letter-spacing:-.035em;color:var(--text)}
.drawer-header button{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:#071011;color:var(--muted);font-size:26px;font-weight:300;line-height:1;cursor:pointer;padding:0}
.drawer-header button:hover{color:var(--teal);border-color:rgba(0,216,201,.4)}
.cart-columns{display:none}
.cart-items{flex:1;overflow-y:auto;padding:0 18px;min-height:0}
.cart-line{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.cart-product-image{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#030707;border:1px solid var(--line);border-radius:7px;overflow:hidden;flex:0 0 56px}
.cart-product-image img{width:auto!important;height:auto!important;max-width:50px!important;max-height:50px!important;display:block;object-fit:contain;object-position:center;padding:0!important;margin:0!important}
.cart-product-details{min-width:0}
.cart-product-top{display:flex;grid-template-columns:none;justify-content:space-between;align-items:start;gap:10px}
.cart-product-top h4{margin:0;font-size:14px;line-height:1.35;font-weight:700;color:var(--text);letter-spacing:0}
.cart-line-total{font-size:14px;line-height:1.3;font-weight:700;color:var(--teal);white-space:nowrap}
.cart-unit-price{display:none}
.cart-meta{margin:5px 0 9px;font-size:9px;line-height:1.3;color:#6f8986;letter-spacing:.12em;text-transform:uppercase;min-height:0}
.cart-line-controls{display:flex;align-items:center;gap:9px}
.quantity-control{width:112px;height:34px;border:1px solid rgba(130,230,220,.25);border-radius:18px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;overflow:hidden;background:#050a0b}
.quantity-control button{height:100%;border:0;background:transparent;color:var(--text);font-size:17px;cursor:pointer}
.quantity-control button:hover{color:var(--teal)}
.quantity-control span{text-align:center;font-size:12px;color:var(--text)}
.cart-remove{width:30px;height:30px;border:1px solid var(--line);border-radius:6px;background:#071011;color:#708783;cursor:pointer;padding:0;display:grid;place-items:center}
.cart-remove:hover{color:var(--teal);border-color:rgba(0,216,201,.35)}
.cart-remove svg{display:block;width:15px;height:15px}
.drawer-footer{padding:15px 18px 17px;border-top:1px solid var(--line);background:#071011;flex:0 0 auto}
.estimated-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.estimated-total span{font-size:14px;font-weight:700;color:var(--text)}
.estimated-total strong{font-size:17px;font-weight:800;color:var(--teal);white-space:nowrap}
.cart-tax-note{margin:6px 0 12px;color:#718a87;font-size:9px;line-height:1.45}
.drawer-footer .button{height:44px;min-height:44px;border-radius:6px;font-size:11px;font-weight:800;background:var(--teal);border-color:var(--teal);color:#001312;box-shadow:none}
.drawer-footer .button:hover{background:var(--teal2);border-color:var(--teal2);transform:none}
.drawer-payment-note{text-align:center;margin:7px 0 0;font-size:8px;color:#506966}
.empty-cart{padding:35px 0;color:var(--text)}.empty-cart .muted{color:var(--muted)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){
  .drawer{right:10px;bottom:10px;width:calc(100vw - 20px);height:min(340px,70vh);max-height:70vh}
  .drawer-header{min-height:56px;padding:0 14px}.drawer-header h2{font-size:22px}.drawer-header button{width:32px;height:32px;font-size:24px}
  .cart-items{padding:0 14px}.cart-line{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:13px 0}.cart-product-image{width:50px;height:50px;flex-basis:50px}.cart-product-image img{max-width:44px!important;max-height:44px!important}.cart-product-top h4{font-size:13px}.cart-line-total{font-size:13px}.cart-meta{font-size:8px;margin:4px 0 7px}.quantity-control{width:102px;height:32px}.quantity-control button{font-size:16px}.quantity-control span{font-size:11px}.cart-remove{width:28px;height:28px}.drawer-footer{padding:13px 14px 14px}.estimated-total span{font-size:13px}.estimated-total strong{font-size:16px}.cart-tax-note{font-size:8px;margin:5px 0 10px}.drawer-footer .button{height:42px;min-height:42px;font-size:10px}
}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){
  .main-nav{display:none}.menu-toggle{display:block}.main-nav.open{display:flex;position:absolute;top:82px;left:20px;right:20px;background:#071011;border:1px solid var(--line);border-radius:10px;padding:18px;flex-direction:column;align-items:stretch}
  .hero-grid,.documentation-grid,.faq-grid{grid-template-columns:1fr}.hero-grid{padding:70px 0;gap:50px}.hero{min-height:auto}.hero-visual{height:430px}
  .product-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:1fr 1fr}.trust-item{border-bottom:1px solid var(--line)}.trust-item:first-child{padding-left:22px}
  .about-grid{grid-template-columns:1fr;gap:20px}.about-number{font-size:55px}.documentation-grid{gap:45px}
}
@media(max-width:600px){
  .container{width:min(calc(100% - 28px),var(--max))}.hero-grid{padding:55px 0}.hero-visual{height:390px}.hero-actions .button{width:100%}
  .product-grid,.doc-cards,.trust-grid{grid-template-columns:1fr}.trust-item{padding:16px 0!important;border-right:0}
  .section{padding:75px 0}.section-heading{align-items:start;flex-direction:column;gap:10px}.contact-box{padding:30px;align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-main{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:7px}
  h1{font-size:51px}.hero-text{font-size:15px}.orb{width:150px;height:150px}
}
/* Header search */
.header-search{position:relative;margin-left:8px}
.header-search-form{display:flex;align-items:center;width:205px;height:38px;border:1px solid var(--line);border-radius:7px;background:#050909;transition:border-color .2s,box-shadow .2s}
.header-search-form:focus-within{border-color:rgba(0,216,201,.55);box-shadow:0 0 0 3px rgba(0,216,201,.07)}
.header-search-icon{width:34px;text-align:center;color:#6f8986;font-size:17px;line-height:1}
.header-search-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font:500 11px Inter,Arial,sans-serif;letter-spacing:.02em}
.header-search-form input::placeholder{color:#617976}
.header-search-submit{width:34px;height:100%;border:0;border-left:1px solid var(--line);background:transparent;color:var(--teal);cursor:pointer;font-size:14px}
.header-search-results{position:absolute;top:calc(100% + 9px);right:0;width:320px;background:#071011;border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 45px rgba(0,0,0,.42);overflow:hidden;z-index:50}
.header-search-results a{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:4px;padding:13px 15px!important;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text)!important;text-decoration:none}
.header-search-results a:last-child{border-bottom:0}
.header-search-results a:hover{background:#0b191a!important;color:var(--teal)!important}
.header-search-results a span{font-size:11px;font-weight:750;line-height:1.35}
.header-search-results a small{font-size:8px;color:#6d8784;letter-spacing:.1em;text-transform:uppercase}
.header-search-empty{padding:15px;color:#708986;font-size:10px}

/* Catalogue search */
.catalogue-search{display:flex;align-items:center;width:min(680px,100%);height:58px;margin:34px 0 13px;background:linear-gradient(135deg,#091516,#050909);border:1px solid #1a3232;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:border-color .2s,box-shadow .2s}
.catalogue-search:focus-within{border-color:rgba(0,216,201,.58);box-shadow:0 0 0 4px rgba(0,216,201,.06),0 15px 40px rgba(0,0,0,.2)}
.catalogue-search>span{width:54px;text-align:center;color:var(--teal);font-size:25px;font-weight:300}
.catalogue-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:500 14px Inter,Arial,sans-serif;letter-spacing:.01em}
.catalogue-search input::placeholder{color:#607976}
.catalogue-search button{width:52px;height:100%;border:0;background:transparent;color:#6f8986;font-size:25px;cursor:pointer;transition:color .2s}
.catalogue-search button:hover{color:var(--teal)}
.search-status{margin:0 0 28px;color:#607976;font-size:10px;letter-spacing:.08em;text-transform:uppercase}

.product-description{color:#718a87;font-size:11px;line-height:1.65;margin:0 0 15px;min-height:72px}
.product-facts{display:grid;gap:5px;margin:0 0 15px;padding:11px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.product-facts span{color:#819a97;font-size:9px;line-height:1.45}
.product-facts span::before{content:"•";color:var(--teal);margin-right:7px}
.product-notice{margin:0 0 17px;padding:10px 11px;border-left:2px solid rgba(0,216,201,.45);background:#061011;color:#78908d;font-size:9px;line-height:1.55}
.product-tag.available{color:var(--teal);border-color:rgba(0,216,201,.28)}
.sold-out{color:#879c99!important}
.coming-soon-label{color:#6d8582;font-size:9px;letter-spacing:.1em;text-transform:uppercase}

@media(max-width:950px){
  .header-search{margin:4px 0 6px}
  .header-search-form{width:100%}
  .header-search-results{position:static;width:100%;margin-top:5px;box-shadow:none}
}
@media(max-width:600px){
  .catalogue-search{height:54px;margin-top:26px}
  .catalogue-search>span{width:46px}
  .catalogue-search button{width:45px}
  .product-description{min-height:0}
}

/* Product detail pages */
.product-detail-page{padding-top:55px}
.back-link{display:inline-flex;align-items:center;gap:8px;color:#76908d;font-size:11px;letter-spacing:.06em;margin-bottom:30px}
.back-link:hover{color:var(--teal)}
.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}
.product-gallery-main{height:650px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#030707;display:flex;align-items:center;justify-content:center}
.product-gallery-main img{width:100%;height:100%;display:block;object-fit:contain;background:#030707}
.product-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.product-thumb{height:95px;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#050909;cursor:pointer;opacity:.68;transition:.2s}
.product-thumb:hover,.product-thumb.active{opacity:1;border-color:rgba(0,216,201,.65);box-shadow:0 0 0 1px rgba(0,216,201,.12)}
.product-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.product-detail-copy{padding-top:10px}
.product-detail-kicker{display:flex;gap:12px;align-items:center;margin-bottom:15px;color:#6f8986;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.product-detail-kicker span:first-child{color:var(--teal);border:1px solid rgba(0,216,201,.28);border-radius:20px;padding:5px 8px}
.product-detail-copy h1{font-size:clamp(42px,5vw,68px);margin-bottom:20px}
.product-detail-price{color:var(--teal);font-size:25px;font-weight:900;margin-bottom:22px}
.product-detail-intro{max-width:650px;color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:22px}
.product-detail-notice{padding:14px 16px;background:#061011;border-left:2px solid rgba(0,216,201,.55);color:#8da6a3;font-size:11px;line-height:1.65;margin-bottom:25px}
.purchase-panel{border:1px solid var(--line);background:linear-gradient(135deg,#091516,#050909);border-radius:12px;padding:20px;margin-bottom:30px}
.purchase-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:11px;color:#78908d}.purchase-line strong{color:var(--text);font-size:17px}
.purchase-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.purchase-note{text-align:center;color:#617a77;font-size:9px;margin:12px 0 0}
.detail-sections{border-top:1px solid var(--line)}
.detail-section{padding:22px 0;border-bottom:1px solid var(--line)}
.detail-section h2{font-size:18px;margin:0 0 11px;letter-spacing:-.02em}.detail-section p,.detail-section li{color:#78918e;font-size:12px;line-height:1.7}.detail-section p{margin:0}.detail-section ul{margin:0;padding-left:18px}.detail-section li::marker{color:var(--teal)}
.coming-soon-panel{margin-top:16px;padding:13px;background:#061011;color:#738b88;font-size:10px}
.product-missing{max-width:720px;padding:80px 0 110px}.product-missing h1{font-size:58px}.product-missing .hero-text{margin-bottom:25px}
.product-title-link{display:block}.product-title-link h3{transition:color .2s}.product-title-link:hover h3{color:var(--teal)}
.product-card.is-clickable{cursor:pointer}.product-actions{display:flex;align-items:center;gap:9px}.details-link{font-size:9px;color:#78918e;letter-spacing:.05em;white-space:nowrap}.details-link:hover{color:var(--teal)}
@media(max-width:950px){.product-detail-grid{grid-template-columns:1fr;gap:40px}.product-gallery-main{height:560px}.product-detail-copy{padding-top:0}}
@media(max-width:600px){.product-detail-page{padding-top:35px}.product-gallery-main{height:420px}.product-thumbs{grid-template-columns:repeat(3,1fr)}.product-thumb{height:78px}.purchase-actions{grid-template-columns:1fr}.product-detail-copy h1{font-size:45px}.product-actions{flex-direction:column;align-items:flex-end;gap:6px}.product-missing h1{font-size:45px}}
.contact-success{margin:0 0 20px;padding:13px 15px;border:1px solid rgba(0,216,201,.28);border-left:2px solid var(--teal);background:#061011;color:#8fd5cf;font-size:11px;line-height:1.5}

/* Supplied product photography: keep the complete image visible in catalogue cards. */
.product-image.has-product-image{background:#030707;display:flex;align-items:center;justify-content:center;padding:10px}
.product-image.has-product-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#030707}
.product-image.has-product-image{aspect-ratio:4/3;height:auto;min-height:285px}
.product-image.has-product-image .product-tag{position:absolute;top:12px;left:12px;right:auto;display:inline-flex;width:auto;max-width:max-content;padding:5px 8px;border-radius:20px;background:rgba(4,7,7,.88);z-index:3}
.product-title-link{display:block;color:inherit;text-decoration:none}
.product-title-link:hover h3{color:var(--teal)}
.product-card.is-clickable{cursor:pointer}
@media(max-width:600px){.product-image.has-product-image{min-height:240px}.product-detail-gallery-main,.product-gallery-main{height:420px}}

/* Text-first product catalogue: no image tiles on products.html. Product imagery remains on the dedicated detail pages. */
.product-status-line{min-height:34px;display:flex;align-items:center;padding:18px 22px 0}
.product-card-link{cursor:pointer}
.product-card-link:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.product-card-link .product-info{padding-top:8px}

/* Catalogue product image + sale pricing */
.catalogue-product-image{display:block;height:240px;overflow:hidden;background:#030707;border-bottom:1px solid var(--line)}
.catalogue-product-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#030707}
.catalogue-product-image:hover img{transform:scale(1.02);transition:transform .25s ease}
.sale-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;max-width:170px}
.sale-price .compare-price{color:#718783;text-decoration:line-through;font-size:11px;font-weight:500}
.sale-price strong{color:var(--teal);font-size:17px;font-weight:900}
.sale-label{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);border:1px solid rgba(0,216,201,.28);border-radius:20px;padding:4px 7px}
.tax-note{width:100%;color:#718783;font-size:9px;font-weight:500}
.sale-price-detail{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sale-price-detail .compare-price{color:#718783;text-decoration:line-through;font-size:15px;font-weight:500}
.sale-price-detail strong{color:var(--teal);font-size:25px;font-weight:900}
.sale-price-detail .tax-note{width:auto}
.purchase-tax-note{margin:8px 0 0;color:#718783;font-size:9px;text-align:right}
@media(max-width:600px){.catalogue-product-image{height:210px}.purchase-tax-note{text-align:left}}

@media(max-width:600px){.cart-line{grid-template-columns:36px 1fr auto;gap:8px}.cart-thumb{width:36px;height:36px}}

/* Compact cart thumbnails */
.cart-line .cart-product-image{width:40px;height:40px;min-width:40px;min-height:40px;}
.cart-line .cart-product-image img{width:100%;height:100%;object-fit:contain;padding:3px;}
@media(max-width:600px){.cart-line .cart-product-image{width:36px;height:36px;min-width:36px;min-height:36px;}.cart-line .cart-product-image img{padding:2px;}}

/* Checkout / order tracking */
.checkout-page,.order-page,.admin-page{background:#050707;min-height:calc(100vh - 140px);color:var(--text);padding:38px 20px 70px}.checkout-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:36px}.checkout-main,.checkout-summary,.order-card,.track-card,.track-result,.admin-card{background:#0a1010;border:1px solid var(--line);border-radius:18px}.checkout-main{padding:34px}.checkout-summary{padding:30px;height:max-content;position:sticky;top:25px}.checkout-brand{display:flex;gap:12px;align-items:center;margin-bottom:30px}.checkout-brand .brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--teal);color:var(--teal);font-weight:800}.checkout-brand strong{display:block;letter-spacing:.12em}.checkout-brand small{color:var(--muted)}.checkout-section{padding:28px 0;border-top:1px solid var(--line)}.checkout-section:first-of-type{border-top:0;padding-top:0}.checkout-section h2,.checkout-summary h2{font-size:20px;margin:0 0 15px}.checkout-section-head{display:flex;justify-content:space-between;align-items:center}.checkout-signin{color:var(--teal)}.checkout-input{width:100%;box-sizing:border-box;background:#070b0b;border:1px solid rgba(255,255,255,.12);color:var(--text);padding:14px 15px;border-radius:10px;margin:0 0 10px;font:inherit}.checkout-input:focus{outline:1px solid var(--teal);border-color:var(--teal)}.checkout-grid{display:grid;gap:10px}.checkout-grid.two{grid-template-columns:1fr 1fr}.checkout-grid.three{grid-template-columns:1fr 1fr 1fr}.country-pill{background:#111919;border:1px solid rgba(255,255,255,.1);padding:14px;border-radius:10px;margin-bottom:10px}.check-row{display:flex;gap:10px;align-items:center;margin-top:12px;color:#d4dfdd}.check-row input{accent-color:var(--teal)}.shipping-option,.payment-option{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--teal);background:rgba(25,230,207,.045);border-radius:10px}.shipping-option span,.payment-option span{display:flex;flex-direction:column;gap:4px;flex:1}.shipping-option small,.payment-option small{color:var(--muted)}.secure-note,.checkout-legal{color:var(--muted);font-size:14px;line-height:1.6}.checkout-submit{width:100%;margin-top:10px}.checkout-error,.checkout-success{padding:13px 15px;border-radius:10px;margin-bottom:18px;background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.35);color:#ffd1d1}.checkout-success{background:rgba(25,230,207,.08);border-color:var(--teal);color:var(--text)}.checkout-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.checkout-item-image,.order-thumb{width:52px;height:52px;border-radius:9px;background:#070b0b;display:grid;place-items:center;overflow:hidden}.checkout-item-image img,.order-thumb img{max-width:46px;max-height:46px;object-fit:contain}.checkout-item-info{display:flex;flex-direction:column;gap:4px}.checkout-item-info small,.order-line small{color:var(--muted)}.summary-lines{margin-top:20px}.summary-lines>div{display:flex;justify-content:space-between;padding:7px 0;color:#c5d0ce}.summary-lines .summary-total{border-top:1px solid var(--line);margin-top:10px;padding-top:18px;color:var(--text);font-size:19px}.summary-note{margin-top:22px;padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);line-height:1.6;font-size:13px}.order-shell,.track-shell{max-width:920px;margin:auto}.order-card,.track-card,.track-result{padding:32px}.order-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.order-top h1,.track-card h1{margin:0 0 8px}.status-pill{padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:12px}.status-pill.pending{border-color:#b78c32;color:#e7c77e}.status-pill.paid{border-color:var(--teal);color:var(--teal)}.bank-panel{margin:28px 0;padding:24px;border:1px solid var(--teal);border-radius:14px;background:rgba(25,230,207,.04)}.bank-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.bank-panel dl div{padding:10px 0;border-bottom:1px solid var(--line)}.bank-panel dt{font-size:12px;color:var(--muted);margin-bottom:4px}.bank-panel dd{margin:0;font-size:16px}.bank-warning{font-weight:600}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px 0}.timeline-step{display:flex;gap:10px;position:relative;color:var(--muted)}.timeline-step:not(:last-child):after{content:"";position:absolute;height:1px;background:var(--line);left:32px;right:0;top:15px;z-index:0}.timeline-step>span{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:#0a1010;z-index:1}.timeline-step.active{color:var(--text)}.timeline-step.active>span{border-color:var(--teal);color:var(--teal)}.timeline-step div{display:flex;flex-direction:column;gap:3px}.timeline-step small{color:var(--muted)}.order-summary{border-top:1px solid var(--line);padding-top:24px}.order-line{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.order-line>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.order-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.order-details h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.order-details p{line-height:1.65}.order-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.track-card{text-align:center}.track-card>p:not(.eyebrow){color:var(--muted)}.track-form{max-width:520px;margin:24px auto 0}.track-form .button{width:100%}.track-result{margin-top:20px}.tracking-box{margin-top:24px;padding:18px;border:1px solid var(--teal);border-radius:12px;display:flex;flex-direction:column;gap:8px}.tracking-box span{font-size:18px;font-weight:700}.tracking-box a{color:var(--teal)}.order-mini-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:18px}.admin-page{padding:40px 20px}.admin-shell{max-width:1100px;margin:auto}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-orders{display:grid;gap:14px}.admin-order{background:#0a1010;border:1px solid var(--line);padding:18px;border-radius:14px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr 1.5fr auto;gap:10px;align-items:center}.admin-order>div{display:flex;flex-direction:column;gap:4px}.admin-order .checkout-input{margin:0}.admin-order select{background:#070b0b;color:var(--text);border:1px solid rgba(255,255,255,.12);padding:12px;border-radius:8px}.admin-card{max-width:460px;margin:12vh auto;padding:30px}.admin-card form{display:grid;gap:10px}.checkout-empty{text-align:center;padding:30px;color:var(--muted)}.different-billing{margin-top:16px;padding:18px 0 0;border:0;border-top:1px solid var(--line);min-width:0}.different-billing[hidden]{display:none!important}.different-billing:disabled{display:block}
@media(max-width:850px){.checkout-shell{grid-template-columns:1fr}.checkout-summary{position:static;order:-1}.admin-order{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr;gap:18px}.timeline-step:not(:last-child):after{display:none}}
@media(max-width:600px){.checkout-main,.checkout-summary,.order-card,.track-card,.track-result{padding:20px}.checkout-grid.two,.checkout-grid.three,.order-details,.bank-panel dl{grid-template-columns:1fr}.order-top{flex-direction:column}.checkout-page,.order-page{padding:20px 12px 50px}.admin-order{grid-template-columns:1fr}.admin-page{padding:20px 12px}}
.admin-title-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.admin-title-row h1{margin:0 0 8px}.admin-order>div span{color:#8fa7a3;font-size:12px}.admin-order button{white-space:nowrap}@media(max-width:850px){.admin-title-row{align-items:flex-start;flex-direction:column}}

/* Peptrion Labs additions */
.why-section{padding-top:82px;padding-bottom:82px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-card{padding:25px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0a1718,#050909)}.why-card>span{display:block;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}.why-card h3{margin:0 0 10px;font-size:17px}.why-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.checkout-research-note p{color:var(--muted);font-size:12px;line-height:1.65;margin:0}.checkout-error{margin:0 0 20px;padding:12px 14px;border:1px solid rgba(255,100,100,.3);border-radius:8px;background:#160b0b;color:#ffb4b4;font-size:12px}.footer-bottom small{display:inline-block;margin-top:5px;color:#718a87}@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.why-grid{grid-template-columns:1fr}.why-section{padding-top:60px;padding-bottom:60px}}

/* === Homepage availability badge fix (v3) ===
   Force the status badge to stay as a compact overlay in the image's top-left.
   !important is intentional so older/general product-tag rules cannot stretch it. */
.product-card .product-image { position: relative !important; }
.product-card .product-image > .product-tag,
.product-card .product-image > .product-tag.available {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 9px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(3, 10, 10, .92) !important;
  border: 1px solid rgba(0, 216, 201, .65) !important;
  color: #00d8c9 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  white-space: nowrap !important;
  z-index: 20 !important;
  box-sizing: border-box !important;
}


/* === High-resolution product image zoom === */
.product-gallery-main{position:relative}
.product-gallery-main::after{content:"⌕  ZOOM";position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(3,10,10,.88);border:1px solid rgba(0,216,201,.55);color:#00d8c9;font-size:9px;font-weight:800;letter-spacing:.1em;pointer-events:none}
.zoomable-product-image{cursor:zoom-in}
.product-image-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:28px}
.product-image-lightbox.is-open{display:flex}
.product-image-lightbox-stage{width:min(96vw,1500px);height:min(92vh,1100px);overflow:auto;display:flex;align-items:center;justify-content:center;position:relative}
.product-image-lightbox img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in;image-rendering:auto}
.product-image-lightbox img.is-magnified{max-width:none;max-height:none;width:auto;height:auto;min-width:150%;cursor:zoom-out}
.product-image-lightbox-close{position:fixed;top:18px;right:22px;z-index:10002;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(5,10,10,.88);color:#fff;font-size:30px;line-height:1;cursor:pointer}
.product-image-zoom-hint{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 13px;border-radius:999px;background:rgba(5,10,10,.85);border:1px solid rgba(255,255,255,.16);color:#c8d6d4;font-size:11px;pointer-events:none;white-space:nowrap}
body.product-zoom-open{overflow:hidden}
@media(max-width:600px){.product-image-lightbox{padding:10px}.product-image-lightbox-stage{width:100vw;height:92vh}.product-image-lightbox img.is-magnified{min-width:220%}.product-image-zoom-hint{font-size:9px;max-width:88vw;white-space:normal;text-align:center}}


/* Peptrion Labs 2026 brand + site experience update */
.brand { display:inline-flex !important; align-items:center !important; gap:0 !important; }
.brand > span { display:none !important; }
.brand::before { content:""; display:block; width:76px; height:76px; background:url('peptrion-labs-logo.png?v=42') center/contain no-repeat; flex:0 0 76px; }
.site-footer .brand::before { width:104px; height:104px; flex-basis:104px; }

.announcement .shipping-perks { display:flex; justify-content:center; align-items:center; gap:28px; flex-wrap:wrap; }
.shipping-perk { display:inline-flex; align-items:center; gap:8px; font-weight:700; }
.shipping-perk svg { width:18px; height:18px; stroke:currentColor; fill:none; stroke-width:1.8; }

.age-gate { position:fixed; inset:0; z-index:99999; display:none; place-items:center; padding:20px; background:rgba(0,0,0,.94); backdrop-filter:blur(8px); }
.age-gate.is-open { display:grid; }
.age-gate-card { width:min(520px,100%); padding:36px 30px; border:1px solid rgba(0,216,201,.45); border-radius:22px; background:#070b0c; box-shadow:0 24px 80px rgba(0,0,0,.65); text-align:center; }
.age-gate-logo { width:126px; height:126px; object-fit:cover; border-radius:50%; margin:0 auto 18px; display:block; }
.age-gate-kicker { color:#00d8c9; font-size:.78rem; letter-spacing:.16em; font-weight:800; text-transform:uppercase; }
.age-gate h2 { margin:9px 0 12px; font-size:clamp(1.8rem,5vw,2.6rem); }
.age-gate p { color:#b9c5c6; line-height:1.65; }
.age-gate-actions { display:grid; gap:10px; margin-top:24px; }
.age-gate-actions button,.age-gate-actions a { min-height:50px; display:flex; align-items:center; justify-content:center; border-radius:999px; font-weight:800; text-decoration:none; }
.age-yes { border:0; background:#00d8c9; color:#021010; cursor:pointer; }
.age-no { border:1px solid #445052; color:#e9eeee; background:transparent; }
.age-gate-foot { margin-top:18px !important; font-size:.78rem; color:#7f9092 !important; }
body.age-locked { overflow:hidden; }

.research-area-section { padding-top:18px; }
.research-area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.research-area-card { position:relative; min-height:230px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(0,216,201,.24); border-radius:22px; background:linear-gradient(145deg,rgba(0,216,201,.10),rgba(7,11,12,.92)); text-decoration:none; overflow:hidden; transition:transform .2s ease,border-color .2s ease; }
.research-area-card:hover { transform:translateY(-3px); border-color:rgba(0,216,201,.7); }
.research-area-card .area-icon { font-size:2rem; margin-bottom:auto; color:#00d8c9; }
.research-area-card small { color:#00d8c9; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.research-area-card h3 { color:#fff; margin:8px 0 6px; font-size:1.55rem; }
.research-area-card p { color:#aebbbc; margin:0; }

.about-compound { margin-top:34px; padding:28px; border:1px solid rgba(0,216,201,.22); border-radius:20px; background:rgba(0,216,201,.035); }
.about-compound h2 { margin-top:0; }
.about-compound h3 { margin-top:24px; color:#00d8c9; }
.about-compound p,.about-compound li { color:#c0cbcc; line-height:1.7; }
.about-compound .research-only { margin-top:22px; padding:14px 16px; border-left:3px solid #00d8c9; background:rgba(0,216,201,.06); color:#eefafa; font-weight:700; }
@media(max-width:720px){.brand::before{width:60px;height:60px;flex-basis:60px}.research-area-grid{grid-template-columns:1fr}.announcement .shipping-perks{gap:12px;font-size:.72rem}.age-gate-card{padding:28px 20px}}

/* Researcher profile and WhatsApp support */
.researcher-section{padding-top:24px}.researcher-card{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;padding:32px;border:1px solid rgba(0,216,201,.2);border-radius:24px;background:linear-gradient(145deg,rgba(0,216,201,.045),rgba(7,11,12,.94))}.researcher-profile h2{margin:6px 0 18px;font-size:clamp(2rem,4vw,3rem)}.researcher-profile h2 span{display:block;margin-top:6px;color:#00d8c9;font-size:.42em;letter-spacing:.08em}.researcher-profile p{color:#bdc9ca;line-height:1.75}.consultation-card{padding:25px;border:1px solid rgba(0,216,201,.3);border-radius:19px;background:#080d0e}.consultation-card small{color:#00d8c9;font-weight:800;letter-spacing:.12em}.consultation-card h3{margin:9px 0 5px;font-size:1.45rem}.consultation-card>strong{display:block;color:#fff;font-size:2rem;margin-bottom:15px}.consultation-card p{color:#b7c4c5;line-height:1.65}.consultation-note{font-size:.82rem}.whatsapp-float{position:fixed;left:18px;bottom:18px;z-index:9000;display:flex;align-items:center;gap:11px;padding:11px 15px 11px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#111b18;color:#fff;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.38);transition:transform .2s ease}.whatsapp-float:hover{transform:translateY(-2px)}.whatsapp-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#07130c;font-size:22px;font-weight:900}.whatsapp-copy{display:flex;flex-direction:column;line-height:1.15}.whatsapp-copy strong{font-size:.9rem}.whatsapp-copy small{margin-top:4px;color:#b9c6c3;font-size:.7rem}.whatsapp-panel{position:fixed;left:18px;bottom:84px;z-index:8999;width:min(340px,calc(100vw - 36px));padding:20px;border:1px solid rgba(37,211,102,.32);border-radius:18px;background:#08100d;box-shadow:0 18px 55px rgba(0,0,0,.55);display:none}.whatsapp-panel.is-open{display:block}.whatsapp-panel h3{margin:0 0 8px}.whatsapp-panel p{color:#b8c5c1;line-height:1.55;font-size:.9rem}.whatsapp-panel .research-advice-note{font-size:.76rem;color:#82918d}.whatsapp-panel a{display:flex;justify-content:center;margin-top:14px;padding:12px;border-radius:999px;background:#25D366;color:#06120b;font-weight:800;text-decoration:none}@media(max-width:760px){.researcher-card{grid-template-columns:1fr;padding:22px}.whatsapp-copy{display:none}.whatsapp-float{padding:8px}.whatsapp-panel{bottom:78px}}

/* Consultation price (v11) */
.consultation-price{color:var(--teal);font-size:28px;font-weight:900;letter-spacing:-.03em;margin:-2px 0 14px}


/* === Amazon-style hover product zoom (v13) === */
@media (hover:hover) and (pointer:fine){
  .product-gallery-main.amazon-hover-zoom{overflow:hidden;cursor:zoom-in;isolation:isolate}
  .product-gallery-main.amazon-hover-zoom::after{content:"HOVER TO ZOOM"}
  .product-gallery-main.amazon-hover-zoom .zoomable-product-image{transition:transform .12s ease-out;will-change:transform;cursor:zoom-in}
  .product-gallery-main.amazon-hover-zoom.is-zooming .zoomable-product-image{transform:scale(2.35)}
  .product-gallery-main.amazon-hover-zoom.is-zooming::after{opacity:0}
}
@media (hover:none), (pointer:coarse){
  .product-gallery-main::after{content:"⌕  TAP TO ZOOM"}
}

/* v14 — Peptrion research library, trust blocks and black/teal WhatsApp */
.whatsapp-direct{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;left:18px!important;bottom:18px!important;z-index:99990!important;background:#050909!important;border:1px solid rgba(0,216,201,.48)!important;box-shadow:0 14px 42px rgba(0,0,0,.52),0 0 24px rgba(0,216,201,.08)!important}
.whatsapp-direct .whatsapp-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;flex:0 0 42px!important;background:#071112!important;border:1px solid #00d8c9!important;color:#00d8c9!important;box-shadow:inset 0 0 18px rgba(0,216,201,.08)}
.whatsapp-direct .whatsapp-icon svg{width:25px;height:25px;display:block;fill:#00d8c9}
.whatsapp-direct .whatsapp-copy strong{color:#eaf8f6}.whatsapp-direct .whatsapp-copy small{color:#70bcb6}
.whatsapp-direct:hover{border-color:#00d8c9!important;box-shadow:0 14px 42px rgba(0,0,0,.55),0 0 28px rgba(0,216,201,.14)!important}
.section-intro{max-width:660px;color:var(--muted)}
.learn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.learn-card{min-height:205px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0a1718,#050909);transition:.2s}
.learn-card:hover{transform:translateY(-3px);border-color:rgba(0,216,201,.5)}
.learn-card small{color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.14em}.learn-card h3{margin:15px 0 9px}.learn-card p{color:var(--muted);font-size:12px;margin:0}
.product-trust-compact{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 22px}
.product-trust-compact>div{padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#071011}
.product-trust-compact strong,.product-trust-compact span{display:block}.product-trust-compact strong{font-size:10px;color:var(--teal);letter-spacing:.06em;text-transform:uppercase}.product-trust-compact span{margin-top:4px;color:#91aaa7;font-size:10px;line-height:1.5}.product-trust-compact a{color:#c7fffa}
.policy-hero{padding-bottom:55px;border-bottom:1px solid var(--line)}.policy-hero h1{max-width:900px}
.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.research-article,.policy-copy{padding:30px;border:1px solid var(--line);border-radius:16px;background:#071011}.research-article h2{font-size:clamp(28px,3vw,42px)}.research-article h3{color:var(--teal);margin-top:25px}.research-article p,.policy-copy p{color:#a9bcba;line-height:1.75}.research-article .research-only{border-left:3px solid var(--teal);padding:12px 15px;background:rgba(0,216,201,.05);color:#d9efec}.policy-copy{max-width:900px;margin:auto}.policy-copy h2{font-size:28px;margin:34px 0 10px}.policy-copy h2:first-child{margin-top:0}
@media(max-width:950px){.learn-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}}
@media(max-width:600px){.learn-grid,.product-trust-compact{grid-template-columns:1fr}.whatsapp-direct{left:12px!important;bottom:12px!important;padding:8px!important}.whatsapp-direct .whatsapp-copy{display:none!important}.whatsapp-direct .whatsapp-icon{width:46px!important;height:46px!important;flex-basis:46px!important}}

/* v15 — SEO content pathways; visual system intentionally unchanged */
.seo-pathways{border-top:1px solid var(--line);background:#050909}

/* v16 — product-first homepage */
.home-intro{padding:58px 0 38px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0,rgba(0,216,201,.09),transparent 35%),#050909}
.home-intro-inner{display:flex;align-items:end;justify-content:space-between;gap:45px}
.home-intro-copy{max-width:790px}.home-intro h1{font-size:clamp(42px,5.4vw,70px);margin:0 0 18px}.home-intro h1 em{color:var(--teal);font-style:normal}.home-intro-copy>p:last-child{max-width:720px;color:var(--muted);font-size:16px;margin:0}
.home-intro-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:330px}
.home-products-first{padding-top:72px;background:#040707}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px}.home-product-grid .product-image{height:390px}.home-product-grid .product-info{padding:22px}.home-product-grid .product-info h3{font-size:19px}.home-product-grid .product-description{color:var(--muted);font-size:12px;max-width:520px}
.home-research-areas{padding-top:78px;background:#071011;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-research-areas .research-area-grid{grid-template-columns:repeat(2,1fr)}.area-link{display:block;margin-top:18px;color:var(--teal);font-size:11px;font-weight:800}
.home-trust-strip{border-bottom:1px solid var(--line);background:#050909}.home-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.home-trust-grid>div{padding:23px 20px;border-right:1px solid var(--line)}.home-trust-grid>div:first-child{padding-left:0}.home-trust-grid>div:last-child{border-right:0}.home-trust-grid strong,.home-trust-grid span{display:block}.home-trust-grid strong{font-size:11px;color:var(--text)}.home-trust-grid span{margin-top:3px;color:#6f8986;font-size:9px}
.home-info-section{padding:82px 0}.home-info-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.home-info-heading h2{font-size:clamp(35px,4vw,52px)}.home-info-heading>p:last-child{color:var(--muted)}
.home-info-accordion details{border-top:1px solid var(--line);padding:0}.home-info-accordion details:last-child{border-bottom:1px solid var(--line)}.home-info-accordion summary{list-style:none;cursor:pointer;padding:21px 0;font-size:15px;font-weight:800;display:flex;justify-content:space-between;gap:20px}.home-info-accordion summary::-webkit-details-marker{display:none}.home-info-accordion summary::after{content:"+";color:var(--teal);font-size:21px;font-weight:400}.home-info-accordion details[open] summary::after{content:"−"}.home-info-accordion details>div{padding:0 0 22px}.home-info-accordion details p{margin:0 0 11px;color:var(--muted);font-size:13px;max-width:700px}
.home-consultation{padding-top:82px}.home-faq{border-top:1px solid var(--line)}
@media(max-width:950px){.home-intro-inner{align-items:start;flex-direction:column}.home-intro-actions{justify-content:flex-start;min-width:0}.home-product-grid{grid-template-columns:1fr;max-width:650px}.home-research-areas .research-area-grid{grid-template-columns:1fr}.home-trust-grid{grid-template-columns:1fr 1fr}.home-trust-grid>div:nth-child(2){border-right:0}.home-trust-grid>div{border-bottom:1px solid var(--line)}.home-info-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.home-intro{padding:45px 0 30px}.home-intro-actions,.home-intro-actions .button{width:100%}.home-products-first{padding-top:58px}.home-product-grid .product-image{height:310px}.home-trust-grid{grid-template-columns:1fr}.home-trust-grid>div{padding:17px 0!important;border-right:0}.home-info-section{padding:65px 0}}

/* v17 — visual Browse by Research Area */
.teal-text{color:var(--teal)}
.research-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.research-image-card{position:relative;display:block;min-height:365px;overflow:hidden;border:1px solid rgba(0,216,201,.38);border-radius:15px;background:#061011;isolation:isolate}
.research-image-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .4s ease}
.research-image-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,9,.18),rgba(2,8,9,.28) 42%,rgba(2,8,9,.94) 100%),linear-gradient(0deg,rgba(2,8,9,.9),transparent 60%);z-index:1}
.research-image-content{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;display:flex;flex-direction:column;align-items:flex-start}
.research-image-content small{color:#70fff4;font-size:10px;font-weight:800;letter-spacing:.14em}
.research-image-content strong{font-size:28px;line-height:1.05;margin:8px 0;color:#fff}
.research-image-content em{font-style:normal;color:#c2d6d4;font-size:12px}
.research-image-content b{margin-top:16px;color:#70fff4;font-size:11px}
.research-image-card:hover{border-color:var(--teal);box-shadow:0 18px 55px rgba(0,0,0,.35),0 0 25px rgba(0,216,201,.08)}
.research-image-card:hover img{transform:scale(1.045);filter:brightness(1.06)}
.browse-hero{padding:78px 0 50px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 0,rgba(0,216,201,.1),transparent 35%),#050909}
.browse-hero h1{font-size:clamp(46px,6vw,76px);margin:4px 0 16px}.browse-hero p:last-child{max-width:760px;color:var(--muted);font-size:15px}
.browse-page-section{padding-top:55px}.browse-page-grid .research-image-card{min-height:440px}
.browse-note{margin-top:28px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#071011}.browse-note strong{color:var(--teal)}.browse-note p{color:var(--muted);margin:7px 0 12px}
.main-nav a.active{color:var(--teal)}
@media(max-width:800px){.research-image-grid{grid-template-columns:1fr}.research-image-card,.browse-page-grid .research-image-card{min-height:330px}.research-image-content strong{font-size:24px}}

/* v19 — one canonical site-wide header/widget system */
#ageGate,.age-gate,#whatsappPanel,.whatsapp-panel,#whatsappFloat,.whatsapp-float,.whatsapp-direct{display:none!important}
body.age-locked{overflow:auto!important}
.peptrion-promo-strip{display:flex;align-items:center;justify-content:center;gap:28px;min-height:34px}
.peptrion-promo-item{display:flex;align-items:center;gap:7px;white-space:nowrap}
.peptrion-promo-item strong{font-size:10px;letter-spacing:.04em;color:#dffbf8}
.peptrion-promo-item small{font-size:9px;color:#7fa5a1}
.peptrion-promo-icon{width:19px;height:19px;border:1px solid rgba(0,216,201,.5);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#00d8c9;font-size:10px;font-weight:800}
.peptrion-promo-divider{width:1px;height:16px;background:rgba(0,216,201,.22)}
.peptrion-whatsapp{position:fixed;left:22px;bottom:22px;z-index:99990;display:flex;align-items:center;gap:11px;padding:10px 15px 10px 10px;border:1px solid rgba(0,216,201,.58);border-radius:999px;background:#050909;color:#fff;text-decoration:none;box-shadow:0 12px 38px rgba(0,0,0,.48);transition:transform .2s ease,border-color .2s ease}
.peptrion-whatsapp:hover{transform:translateY(-2px);border-color:#00d8c9}
.peptrion-whatsapp-icon{width:34px;height:34px;border:1px solid #00d8c9;border-radius:50%;display:grid;place-items:center;flex:none}
.peptrion-whatsapp-icon svg{width:21px;height:21px;fill:#00d8c9}
.peptrion-whatsapp-copy{display:flex;flex-direction:column;line-height:1.15}.peptrion-whatsapp-copy strong{font-size:11px;color:#fff}.peptrion-whatsapp-copy small{font-size:9px;color:#79e9e0;margin-top:3px}
.main-nav a.active{color:#00d8c9}
@media(max-width:650px){.peptrion-promo-strip{gap:10px}.peptrion-promo-divider,.peptrion-promo-icon{display:none}.peptrion-promo-item{gap:4px}.peptrion-promo-item strong,.peptrion-promo-item small{font-size:8px}.peptrion-whatsapp{padding:8px;left:14px;bottom:14px}.peptrion-whatsapp-copy{display:none}.peptrion-whatsapp-icon{width:38px;height:38px}}

/* v20 canonical global overrides */
#ageGate,.age-gate,#whatsappPanel,.whatsapp-panel,#whatsappFloat,.whatsapp-float,.whatsapp-direct{display:none!important}
body.age-locked{overflow:auto!important}
.brand::before{width:64px!important;height:64px!important;flex-basis:64px!important;background:url('peptrion-labs-logo.png?v=42') center/contain no-repeat!important}
.site-footer .brand::before{width:64px!important;height:64px!important;flex-basis:64px!important}
.peptrion-promo-strip{display:flex;align-items:center;justify-content:center;gap:28px;min-height:34px}
.peptrion-promo-item{display:flex;align-items:center;gap:6px;white-space:nowrap}
.peptrion-promo-item strong{font-size:10px;color:#dffbf8;letter-spacing:.03em}
.peptrion-promo-item small{font-size:9px;color:#7fa5a1}
.peptrion-promo-divider{width:1px;height:15px;background:rgba(0,216,201,.25)}
.peptrion-whatsapp{position:fixed;left:20px;bottom:20px;z-index:99990;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border:1px solid rgba(0,216,201,.6);border-radius:999px;background:#050909;color:#fff;text-decoration:none;box-shadow:0 12px 38px rgba(0,0,0,.48)}
.peptrion-whatsapp-icon{width:36px;height:36px;border:1px solid #00d8c9;border-radius:50%;display:grid;place-items:center;flex:none}
.peptrion-whatsapp-icon svg{width:22px;height:22px;fill:#00d8c9}
.peptrion-whatsapp-copy{display:flex;flex-direction:column;line-height:1.12}.peptrion-whatsapp-copy strong{font-size:11px}.peptrion-whatsapp-copy small{font-size:9px;color:#79e9e0;margin-top:3px}
@media(max-width:650px){.peptrion-promo-strip{gap:9px}.peptrion-promo-divider{display:none}.peptrion-promo-item strong,.peptrion-promo-item small{font-size:8px}.peptrion-whatsapp{left:12px;bottom:12px;padding:7px}.peptrion-whatsapp-copy{display:none}}

/* v21 promo icons — consistent on every page */
.peptrion-promo-svg{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#8eb2af;flex:0 0 20px}
.peptrion-promo-svg svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:650px){.peptrion-promo-svg{width:16px;height:16px;flex-basis:16px}.peptrion-promo-svg svg{width:15px;height:15px}}

/* v23 information pages */
.info-page{padding-bottom:72px}.info-hero{padding:72px 0 38px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 10%,rgba(25,230,207,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.info-hero h1{max-width:850px;margin:8px 0 16px;font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.045em}.info-lead{max-width:790px;color:var(--muted);font-size:17px;line-height:1.75;margin:0}.info-content{padding-top:38px}.info-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.info-quick-card{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);text-decoration:none;color:var(--text);transition:.2s}.info-quick-card:hover{border-color:rgba(25,230,207,.55);transform:translateY(-2px);background:rgba(25,230,207,.035)}.info-quick-card>span{width:38px;height:38px;border:1px solid rgba(25,230,207,.24);border-radius:10px;display:grid;place-items:center;color:var(--teal)}.info-quick-card strong,.info-quick-card small{display:block}.info-quick-card strong{font-size:13px}.info-quick-card small{color:var(--muted);font-size:11px;margin-top:4px}.info-quick-card>b{color:var(--teal);font-weight:400}.info-section{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.5fr);gap:48px;padding:44px 0;border-bottom:1px solid var(--line)}.info-section-heading{position:sticky;top:112px;align-self:start}.info-section-heading h2{font-size:clamp(25px,3vw,38px);margin:7px 0 12px;letter-spacing:-.025em}.accordion-stack{display:grid;gap:10px}.info-accordion{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);overflow:hidden;transition:.2s}.info-accordion[open]{border-color:rgba(25,230,207,.3);background:rgba(25,230,207,.025)}.info-accordion summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;font-weight:650;font-size:15px}.info-accordion summary::-webkit-details-marker{display:none}.accordion-plus{width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:20px;line-height:1;transition:.2s}.info-accordion[open] .accordion-plus{transform:rotate(45deg)}.accordion-body{padding:0 22px 21px;color:var(--muted);line-height:1.75;border-top:1px solid rgba(255,255,255,.045)}.accordion-body p{margin:16px 0 0}.accordion-body strong{color:var(--text)}.accordion-body .inline-link{color:var(--teal)}@media(max-width:900px){.info-quick-grid{grid-template-columns:repeat(2,1fr)}.info-section{grid-template-columns:1fr;gap:18px}.info-section-heading{position:static}}@media(max-width:560px){.info-hero{padding:48px 0 26px}.info-quick-grid{grid-template-columns:1fr}.info-content{padding-top:18px}.info-section{padding:32px 0}.info-accordion summary{padding:17px}.accordion-body{padding:0 17px 18px}}

/* =========================================================
   v24 — four-product catalogue + compact homepage cards
   ========================================================= */
.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.home-product-grid .product-card{min-width:0}
.home-product-grid .product-image{aspect-ratio:16/9;min-height:0!important}
.home-product-grid .product-image img{width:100%;height:100%;object-fit:cover}
.home-product-grid .product-info{padding:14px!important}
.home-product-grid .product-info h3{font-size:15px!important;line-height:1.3}
.home-product-grid .product-description{font-size:12px!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-product-grid .product-meta{font-size:9px!important}
.home-sale-price,.catalogue-sale-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.home-sale-price del,.catalogue-sale-price del{color:var(--muted);font-size:13px}
.home-sale-price strong,.catalogue-sale-price strong{color:var(--teal);font-size:18px}
.home-sale-price em,.catalogue-sale-price em{font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:9px;padding:4px 7px;border:1px solid rgba(25,230,207,.38);border-radius:999px;color:var(--teal)}
.home-research-areas .research-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.home-research-areas .research-image-card{min-height:190px!important;aspect-ratio:1.35/1!important}
.home-research-areas .research-image-content{padding:16px!important}
.home-research-areas .research-image-content strong{font-size:18px!important}
.home-research-areas .research-image-content em{font-size:11px!important}
.home-research-areas .research-image-content b{font-size:10px!important}
.product-card .product-image img{object-fit:cover}
@media(max-width:1100px){
  .home-product-grid,.home-research-areas .research-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .home-product-grid,.home-research-areas .research-image-grid{grid-template-columns:1fr!important}
  .home-research-areas .research-image-card{min-height:210px!important}
}

/* =========================================================
   v26 — homepage image alignment + detailed product records
   ========================================================= */
.home-product-grid .product-image{
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;background:#071014!important;
}
.home-product-grid .product-image img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center center!important;display:block!important;
}
.home-product-grid .product-card:nth-child(1) .product-image img,
.home-product-grid .product-card:nth-child(2) .product-image img,
.home-product-grid .product-card:nth-child(3) .product-image img,
.home-product-grid .product-card:nth-child(4) .product-image img{object-position:50% 50%!important}

.product-record{margin:36px auto 0;max-width:1180px}
.record-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin:0 0 8px}
.product-record h2{font-size:clamp(26px,3vw,42px);margin:0 0 12px}
.record-lead{max-width:780px;color:var(--muted);line-height:1.75}
.record-status{display:inline-flex;margin:12px 0 20px;padding:7px 10px;border:1px solid rgba(25,230,207,.28);border-radius:999px;color:var(--teal);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.record-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border-radius:18px;padding:24px;margin:18px 0}
.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.record-field{border:1px solid var(--line);border-radius:14px;padding:16px;background:rgba(0,0,0,.14)}
.record-field small{display:block;color:var(--muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.record-field strong{display:block;font-size:16px;margin-bottom:5px}
.record-field span{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.evidence-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.evidence-box{border:1px solid var(--line);border-radius:14px;padding:18px}
.evidence-box h3{margin-top:0}
.evidence-box li{margin:8px 0;color:var(--muted);line-height:1.55}
.source-register{display:grid;gap:10px}
.source-card{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none}
.source-card strong{color:var(--text)}
.source-card span{color:var(--muted);font-size:12px;text-align:right}
.source-card:hover{border-color:rgba(25,230,207,.4)}
.product-questions details{border:1px solid var(--line);border-radius:14px;padding:0 16px;margin:10px 0;background:rgba(255,255,255,.015)}
.product-questions summary{cursor:pointer;padding:16px 28px 16px 0;font-weight:700;position:relative;list-style:none}
.product-questions summary::-webkit-details-marker{display:none}
.product-questions summary:after{content:"+";position:absolute;right:0;color:var(--teal);font-size:20px}
.product-questions details[open] summary:after{content:"−"}
.product-questions details p{color:var(--muted);line-height:1.7;margin:0 0 16px}
.documentation-pending{border-left:3px solid var(--teal);padding-left:16px}
.related-research-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.related-research-card{display:block;border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none}
.related-research-card small{color:var(--teal);letter-spacing:.12em;text-transform:uppercase}
.related-research-card strong{display:block;color:var(--text);margin:8px 0}
.related-research-card span{color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:850px){.record-grid,.related-research-grid{grid-template-columns:1fr 1fr}.evidence-columns{grid-template-columns:1fr}}
@media(max-width:560px){.record-grid,.related-research-grid{grid-template-columns:1fr}.source-card{display:block}.source-card span{display:block;text-align:left;margin-top:6px}}

/* =========================================================
   v27 — full artwork centring + Browse sizing parity
   ========================================================= */
.home-product-grid .product-image{
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#020607!important;
}
.home-product-grid .product-image img{
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  margin:auto!important;
  background:#020607!important;
}

/* Browse page uses the same compact four-tile dimensions as the homepage. */
.browse-page-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.browse-page-grid .research-image-card{
  min-height:190px!important;
  aspect-ratio:1.35/1!important;
}
.browse-page-grid .research-image-content{
  left:16px!important;right:16px!important;bottom:16px!important;
}
.browse-page-grid .research-image-content strong{font-size:18px!important}
.browse-page-grid .research-image-content em{font-size:11px!important}
.browse-page-grid .research-image-content b{font-size:10px!important;margin-top:10px!important}
.browse-page-grid .research-image-card img{object-position:50% 50%!important}

.coa-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.coa-actions .button{min-height:42px}
.coa-reference-note{padding:14px 16px;border:1px solid rgba(0,216,201,.24);border-radius:12px;background:rgba(0,216,201,.045);margin:14px 0}
.coa-reference-note strong{color:#fff}
.coa-reference-note p{margin:6px 0 0;color:var(--muted);line-height:1.65}
.coa-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.coa-fact{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(0,0,0,.13)}
.coa-fact small{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}
.coa-fact strong{display:block;color:#fff;font-size:15px}
@media(max-width:900px){
  .browse-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .coa-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .browse-page-grid{grid-template-columns:1fr!important}
  .browse-page-grid .research-image-card{min-height:210px!important}
  .coa-facts{grid-template-columns:1fr}
}

/* v28 checkout — current Peptrion logo */
.checkout-site-logo::before{display:none!important}
.checkout-site-logo span{display:none!important}
.checkout-site-logo img{
  display:block!important;width:86px!important;height:58px!important;
  object-fit:contain!important;border-radius:10px!important;
}
.checkout-brand-current{display:flex!important;align-items:center!important;gap:14px!important}
.checkout-brand-current img{
  display:block!important;width:62px!important;height:62px!important;
  object-fit:contain!important;border-radius:10px!important;
}
.checkout-brand-current strong{letter-spacing:.12em}

/* v33 SEO/content-hub upgrade */
.library-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.library-hub-card{display:block;padding:24px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);text-decoration:none;transition:.2s ease}
.library-hub-card:hover{transform:translateY(-2px);border-color:rgba(25,230,207,.45)}
.library-hub-card small{color:var(--teal);letter-spacing:.12em;font-size:10px}
.library-hub-card h3{color:var(--text);font-size:20px;margin:10px 0}
.library-hub-card p{color:var(--muted);line-height:1.65}
.library-hub-card b{color:var(--teal);font-size:12px}
.seo-article{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(240px,.8fr);gap:38px;align-items:start}
.seo-article-main{max-width:820px}
.seo-article-main h2{margin-top:34px}
.seo-article-main p{color:var(--muted);line-height:1.82;font-size:16px}
.seo-article-main a,.seo-article-side a{color:var(--teal)}
.seo-article-side{position:sticky;top:110px;border:1px solid var(--line);border-radius:16px;padding:20px}
.seo-article-side h2{font-size:17px;margin-top:0}
.seo-article-side a{display:block;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:13px}
@media(max-width:900px){.library-hub-grid{grid-template-columns:1fr 1fr}.seo-article{grid-template-columns:1fr}.seo-article-side{position:static}}
@media(max-width:560px){.library-hub-grid{grid-template-columns:1fr}}


/* v33.4 — compact Browse by Research Area cards */
.research-area-grid,
.browse-grid,
.research-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}
.research-area-card,
.browse-card,
.research-card {
  min-height: 315px !important;
  height: 315px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}
.research-area-card img,
.browse-card img,
.research-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
@media (max-width: 760px) {
  .research-area-grid,
  .browse-grid,
  .research-grid { grid-template-columns: 1fr !important; }
  .research-area-card,
  .browse-card,
  .research-card { height: 285px !important; min-height: 285px !important; }
}

/* v33.4 research artwork by destination */
a[href="retatrutide-50mg.html"].research-card,
a[href="retatrutide-50mg.html"].browse-card,
a[href="retatrutide-50mg.html"].research-area-card { background-image:linear-gradient(90deg,rgba(1,12,15,.86),rgba(1,12,15,.10)),url("research-metabolic-v34.webp?v=33.4") !important; background-size:cover!important; background-position:center!important; }
a[href="nad-500mg.html"].research-card,
a[href="nad-500mg.html"].browse-card,
a[href="nad-500mg.html"].research-area-card { background-image:linear-gradient(90deg,rgba(1,12,15,.86),rgba(1,12,15,.10)),url("research-biochemical-v34.webp?v=33.4") !important; background-size:cover!important; background-position:center!important; }
a[href="wolverine-stack.html"].research-card,
a[href="wolverine-stack.html"].browse-card,
a[href="wolverine-stack.html"].research-area-card { background-image:linear-gradient(90deg,rgba(1,12,15,.86),rgba(1,12,15,.10)),url("research-recovery-v34.webp?v=33.4") !important; background-size:cover!important; background-position:center!important; }
a[href="ghk-cu-50mg.html"].research-card,
a[href="ghk-cu-50mg.html"].browse-card,
a[href="ghk-cu-50mg.html"].research-area-card { background-image:linear-gradient(90deg,rgba(1,12,15,.86),rgba(1,12,15,.10)),url("research-ghk-v34.webp?v=33.4") !important; background-size:cover!important; background-position:center!important; }


/* v33.5 — remove visual duplication in research cards.
   Generated artwork contains baked-in labels, so the left text zone is masked and
   the website's live HTML text is the single visible copy. */
.research-area-card,
.browse-card,
.research-card {
  position: relative !important;
  isolation: isolate;
}
.research-area-card::before,
.browse-card::before,
.research-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg,
    rgba(1,12,15,.98) 0%,
    rgba(1,12,15,.94) 31%,
    rgba(1,12,15,.56) 48%,
    rgba(1,12,15,.08) 72%,
    rgba(1,12,15,.02) 100%) !important;
}
.research-area-card > *,
.browse-card > *,
.research-card > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Product catalogue cards should show the actual product artwork, not research-area artwork. */
.product-card .product-media,
.product-card .product-image,
.product-card figure {
  background: #020708;
}
.product-card .product-media img,
.product-card .product-image img,
.product-card figure img {
  object-fit: contain !important;
}


/* v33.6 — clean research-area cards: image contains NO typography.
   All wording now comes from the live HTML overlay exactly once. */
.research-image-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.research-image-card > img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0;
}
.research-image-card .research-image-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg,rgba(1,10,12,.94) 0%,rgba(1,10,12,.76) 35%,rgba(1,10,12,.20) 72%,rgba(1,10,12,.08) 100%);
  pointer-events: none;
}
.research-image-card .research-image-content {
  position: relative;
  z-index: 2;
}
/* Neutralise the older v33.5 generic pseudo-mask on the actual card class. */
.research-image-card::before { content:none !important; display:none !important; }


/* =========================================================
   v33.7 — final Research Area card sizing / image fit
   ========================================================= */
.home-research-areas .research-image-grid,
.browse-page-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}

.home-research-areas .research-image-card,
.browse-page-grid .research-image-card {
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio: 2.15 / 1 !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

.home-research-areas .research-image-card > img,
.browse-page-grid .research-image-card > img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}

.home-research-areas .research-image-card:hover > img,
.browse-page-grid .research-image-card:hover > img {
  transform:scale(1.025) !important;
}

.home-research-areas .research-image-overlay,
.browse-page-grid .research-image-overlay {
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,
    rgba(1,10,12,.94) 0%,
    rgba(1,10,12,.82) 31%,
    rgba(1,10,12,.35) 56%,
    rgba(1,10,12,.05) 100%) !important;
}

.home-research-areas .research-image-content,
.browse-page-grid .research-image-content {
  position:absolute !important;
  left:24px !important;
  right:44% !important;
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

.home-research-areas .research-image-content small,
.browse-page-grid .research-image-content small {
  font-size:10px !important;
  line-height:1.2 !important;
  margin:0 0 8px !important;
}

.home-research-areas .research-image-content strong,
.browse-page-grid .research-image-content strong {
  font-size:clamp(19px,1.65vw,27px) !important;
  line-height:1.08 !important;
  margin:0 0 10px !important;
  max-width:100% !important;
}

.home-research-areas .research-image-content em,
.browse-page-grid .research-image-content em {
  font-size:12px !important;
  line-height:1.3 !important;
  margin:0 !important;
}

.home-research-areas .research-image-content b,
.browse-page-grid .research-image-content b {
  font-size:11px !important;
  line-height:1.2 !important;
  margin-top:16px !important;
}

@media(max-width:900px){
  .home-research-areas .research-image-grid,
  .browse-page-grid {
    grid-template-columns:1fr !important;
  }
  .home-research-areas .research-image-card,
  .browse-page-grid .research-image-card {
    aspect-ratio:1.9 / 1 !important;
  }
  .home-research-areas .research-image-content,
  .browse-page-grid .research-image-content {
    right:38% !important;
  }
}

@media(max-width:560px){
  .home-research-areas .research-image-card,
  .browse-page-grid .research-image-card {
    aspect-ratio:auto !important;
    height:245px !important;
  }
  .home-research-areas .research-image-content,
  .browse-page-grid .research-image-content {
    left:18px !important;
    right:24% !important;
  }
  .home-research-areas .research-image-content strong,
  .browse-page-grid .research-image-content strong {
    font-size:20px !important;
  }
}

/* Trustpilot Review Collector above site footer */
.trustpilot-footer-section{background:#050909;border-top:1px solid var(--line);padding:28px 0}
.trustpilot-footer-inner{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:center;gap:36px}
.trustpilot-footer-copy .eyebrow{margin:0 0 5px}
.trustpilot-footer-copy strong{display:block;color:var(--text);font-size:15px;line-height:1.35}
.trustpilot-footer-widget{min-width:0;width:100%;display:flex;align-items:center}
.trustpilot-footer-widget .trustpilot-widget{width:100%}
@media(max-width:700px){
  .trustpilot-footer-section{padding:24px 0}
  .trustpilot-footer-inner{grid-template-columns:1fr;gap:14px}
  .trustpilot-footer-copy{text-align:center}
}

/* v36 — homepage Trustpilot feature retained */
.home-trustpilot-feature{padding:24px 0 0;background:var(--bg)}
.home-trustpilot-card{min-height:104px;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:28px;padding:20px 25px;border:1px solid rgba(0,216,201,.72);border-radius:14px;background:radial-gradient(circle at 8% 50%,rgba(0,216,201,.13),transparent 34%),linear-gradient(110deg,#081718,#061011);box-shadow:0 12px 42px rgba(0,0,0,.28),0 0 28px rgba(0,216,201,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-trustpilot-card:hover{transform:translateY(-2px);border-color:#70fff5;box-shadow:0 16px 48px rgba(0,0,0,.34),0 0 34px rgba(0,216,201,.14)}
.home-trustpilot-brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:900;letter-spacing:-.025em;color:#fff}
.home-trustpilot-star{width:34px;height:34px;display:grid;place-items:center;background:#00b67a;color:#fff;font-size:22px;line-height:1;border-radius:3px}
.home-trustpilot-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.home-trustpilot-copy>span{color:var(--teal);font-size:9px;font-weight:900;letter-spacing:.18em}
.home-trustpilot-copy>strong{color:var(--text);font-size:18px;line-height:1.25}
.home-trustpilot-copy>small{color:var(--muted);font-size:11px}
.home-trustpilot-cta{min-height:42px;padding:0 16px;border:1px solid var(--teal);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--teal2);font-size:11px;font-weight:850;white-space:nowrap;background:rgba(0,216,201,.06)}
.home-trustpilot-cta span{font-size:16px}
@media(max-width:760px){.home-trustpilot-feature{padding-top:15px}.home-trustpilot-card{grid-template-columns:1fr;gap:12px;padding:18px}.home-trustpilot-brand{font-size:20px}.home-trustpilot-copy>strong{font-size:16px}.home-trustpilot-cta{justify-self:start}}

/* =========================================================
   v36 — clean original compact service bar
   ========================================================= */
body{padding-top:0!important}
.announcement{
  height:34px;
  min-height:34px;
  position:relative!important;
  inset:auto!important;
  display:grid;
  place-items:center;
  background:#071011;
  border-bottom:1px solid var(--line);
  color:#91afac;
  z-index:auto!important;
}
.site-header{position:sticky!important;top:0!important;z-index:50!important}
.announcement .peptrion-promo-strip{
  width:min(calc(100% - 40px),var(--max));
  height:34px;
  margin:auto;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}
.peptrion-promo-item{display:flex;align-items:center;gap:6px;white-space:nowrap}
.peptrion-promo-item strong{font-size:10px;color:#dffbf8;letter-spacing:.03em}
.peptrion-promo-item small{font-size:9px;color:#7fa5a1}
.peptrion-promo-divider{width:1px;height:15px;background:rgba(0,216,201,.25)}
.peptrion-promo-svg{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#8eb2af;flex:0 0 20px}
.peptrion-promo-svg svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:650px){
  .announcement .peptrion-promo-strip{width:calc(100% - 16px);gap:9px}
  .peptrion-promo-divider{display:none}
  .peptrion-promo-item strong,.peptrion-promo-item small{font-size:8px}
  .peptrion-promo-svg{width:16px;height:16px;flex-basis:16px}
  .peptrion-promo-svg svg{width:15px;height:15px}
}


/* v36.2 — clean full-bleed research artwork.
   The v37 image assets have NO baked-in rounded frame. */
.home-research-areas .research-image-card,
.browse-page-grid .research-image-card{
  overflow:hidden !important;
}
.home-research-areas .research-image-card > img,
.browse-page-grid .research-image-card > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
}
.home-research-areas .research-image-card:hover > img,
.browse-page-grid .research-image-card:hover > img{
  transform:scale(1.025) !important;
}


/* =========================================================
   v36.4 — ORIGINAL CLEAN RESEARCH CARDS + SQUARE TILES
   Uses the untouched v34 card artwork from the supplied image archive.
   No v36/v37/v38 processed images are used.
   ========================================================= */

/* Square tiles. Height stays in the same visual range; width now matches it. */
.home-research-areas .research-image-grid,
.browse-page-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  width:min(720px,100%) !important;
  max-width:720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  gap:18px !important;
}

.home-research-areas .research-image-card,
.browse-page-grid .research-image-card{
  aspect-ratio:1 / 1 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}

/* The original v34 artwork already contains the correct card wording/arrow.
   Hide the later live overlay so there is never doubled/ghosted wording. */
.home-research-areas .research-image-overlay,
.home-research-areas .research-image-content,
.browse-page-grid .research-image-overlay,
.browse-page-grid .research-image-content{
  display:none !important;
}

/* Fill the square. No secondary processing, blur, gradient or transform. */
.home-research-areas .research-image-card > img,
.browse-page-grid .research-image-card > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
}

.home-research-areas .research-image-card:hover > img,
.browse-page-grid .research-image-card:hover > img{
  transform:none !important;
}

@media(max-width:760px){
  .home-research-areas .research-image-grid,
  .browse-page-grid{
    grid-template-columns:1fr !important;
    width:min(360px,100%) !important;
  }
}


/* =========================================================
   v36.5 — square cards WITHOUT cropping their text
   The image files themselves are now square and preserve
   the complete original card artwork.
   ========================================================= */
.home-research-areas .research-image-card,
.browse-page-grid .research-image-card{
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
}

.home-research-areas .research-image-card > img,
.browse-page-grid .research-image-card > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
}

/* Original artwork includes its own wording, so no duplicate HTML overlay. */
.home-research-areas .research-image-overlay,
.home-research-areas .research-image-content,
.browse-page-grid .research-image-overlay,
.browse-page-grid .research-image-content{
  display:none !important;
}


/* =========================================================
   v36.6 — remove ONLY the outer square research tile.
   Keep the v36.5 image artwork exactly as-is.
   ========================================================= */
.home-research-areas .research-image-card,
.browse-page-grid .research-image-card{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
}

/* Do not alter the image itself. */
.home-research-areas .research-image-card > img,
.browse-page-grid .research-image-card > img{
  border-radius:0 !important;
}


/* =========================================================
   v36.7 — THE IMAGE ITSELF IS THE TILE
   Remove all leftover square wrapper space/background.
   Keep the existing image and its faint teal outline.
   ========================================================= */
.home-research-areas .research-image-grid,
.browse-page-grid{
  align-items:start !important;
}

.home-research-areas .research-image-card,
.browse-page-grid .research-image-card{
  aspect-ratio:859 / 427 !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:none !important;
  background-color:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
}

/* Fill the wrapper with the existing artwork. No cropping, no extra background. */
.home-research-areas .research-image-card > img,
.browse-page-grid .research-image-card > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* The image artwork already contains the faint teal rounded outline. */
.home-research-areas .research-image-overlay,
.home-research-areas .research-image-content,
.browse-page-grid .research-image-overlay,
.browse-page-grid .research-image-content{
  display:none !important;
}

/* v37 checkout discount code */
.discount-code-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}
.discount-code-row .checkout-input{margin:0}
.discount-code-row .button{min-width:92px;padding:0 18px}
.discount-message{min-height:18px;margin:8px 0 0;font-size:12px;color:var(--muted,#8fa7a3)}
.discount-message.is-success{color:#19e6cf}
.discount-message.is-error{color:#ff8e8e}
#checkoutDiscountRow strong{color:#19e6cf}
@media(max-width:520px){.discount-code-row{grid-template-columns:1fr}.discount-code-row .button{min-height:44px}}

/* v37.1 — manual coupon box inside Order Summary */
.summary-discount-box{
  margin:16px 0;
  padding:14px;
  border:1px solid rgba(25,230,207,.35);
  border-radius:10px;
  background:rgba(0,216,201,.035);
}
.summary-discount-box label{display:block;margin-bottom:9px;color:#fff;font-size:13px}
.summary-discount-box .checkout-input{
  width:100%;min-width:0;height:44px;
  border:1px solid rgba(101,255,244,.32);
  background:#061011;color:#fff;border-radius:7px;padding:0 12px;
}
.summary-discount-box .button{height:44px}

/* v37.2 — authoritative visible manual discount control */
#summaryDiscountBox{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:18px 0 20px!important;
  padding:16px!important;
  border:1px solid rgba(0,216,201,.45)!important;
  border-radius:10px!important;
  background:#071314!important;
}
#summaryDiscountBox label{
  display:block!important;color:#fff!important;font-weight:700!important;
  font-size:14px!important;margin:0 0 10px!important;
}
#summaryDiscountBox .discount-code-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) 88px!important;
  gap:10px!important;
}
#discountCode{
  display:block!important;width:100%!important;height:44px!important;
  box-sizing:border-box!important;background:#020909!important;color:#fff!important;
  border:1px solid rgba(101,255,244,.4)!important;border-radius:7px!important;
  padding:0 12px!important;font:inherit!important;
}
#applyDiscount{
  display:block!important;height:44px!important;border:1px solid #00d8c9!important;
  border-radius:7px!important;background:#00d8c9!important;color:#00100e!important;
  font-weight:800!important;cursor:pointer!important;
}
#discountMessage{display:block!important;min-height:18px!important;margin:8px 0 0!important;font-size:12px!important}
#discountMessage.is-success{color:#19e6cf!important}
#discountMessage.is-error{color:#ff8e8e!important}
#checkoutDiscountRow[hidden]{display:none!important}
#checkoutDiscountRow:not([hidden]){display:flex!important}
@media(max-width:480px){
 #summaryDiscountBox .discount-code-row{grid-template-columns:1fr!important}
 #applyDiscount{width:100%!important}
}

/* ============================================================
   v39 — readability, accessibility and homepage content
   ============================================================ */
html{font-size:16px}
body{font-size:16px;line-height:1.68}
:focus-visible{outline:3px solid var(--teal2);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:12px;z-index:100000;padding:11px 16px;border-radius:6px;background:var(--teal);color:#001312;font-weight:900;transform:translateY(-180%);transition:transform .18s ease}
.skip-link:focus{transform:translateY(0)}
.main-nav{font-size:14px}
.header-search-form input{font-size:14px}
.button{font-size:14px;min-height:50px}
.eyebrow{font-size:12px;line-height:1.4}
.hero-notice{font-size:12px}
.section-intro{font-size:16px;line-height:1.7}
.product-meta{font-size:11px;line-height:1.45}
.product-info h3{font-size:18px;line-height:1.35}
.product-description{font-size:14px;line-height:1.7}
.product-facts span,.product-notice{font-size:12px}
.details-link,.add-button{font-size:12px}
.tax-note,.purchase-tax-note{font-size:11px}
.home-trust-grid span{font-size:13px}
.home-info-heading>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted)}
.home-info-accordion summary{font-size:16px}
.home-info-accordion p{font-size:15px;line-height:1.75}
.learn-card small{font-size:11px}.learn-card p{font-size:14px;line-height:1.65}
.faq-list summary{font-size:16px}.faq-list details p{font-size:15px;line-height:1.7}
.site-footer h3{font-size:11px}.site-footer a,.site-footer p{font-size:13px;line-height:1.6}.footer-bottom{font-size:11px}
.home-seo-content{background:#061011;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-seo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}
.home-seo-copy{max-width:680px}.home-seo-copy h2{font-size:clamp(34px,4vw,52px)}
.home-seo-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.78}
.home-seo-links{display:grid;gap:12px}
.home-seo-links a{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:.2s}
.home-seo-links a:hover,.home-seo-links a:focus-visible{border-color:rgba(0,216,201,.55);transform:translateY(-2px)}
.home-seo-links strong,.home-seo-links span{display:block}.home-seo-links strong{font-size:16px}.home-seo-links span{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.55}
@media(max-width:950px){.home-seo-grid{grid-template-columns:1fr;gap:34px}.main-nav.open a,.main-nav.open button{font-size:15px}}
@media(max-width:600px){body{font-size:16px}.container{width:min(calc(100% - 32px),var(--max))}h1{font-size:clamp(42px,13vw,54px);line-height:1}.section{padding:68px 0}.home-seo-copy>p:not(.eyebrow){font-size:16px}.product-description{font-size:14px}.announcement{min-height:38px;height:auto;padding:5px 0;font-size:10px;letter-spacing:.08em}.peptrion-promo-strip{gap:10px!important}.peptrion-promo-item small{font-size:10px!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
\n
/* Customer accounts v40 */
.account-nav-button{border:1px solid rgba(25,230,207,.45);border-radius:7px;padding:9px 13px!important;color:#eaf7f5!important;white-space:nowrap}.account-nav-button:hover{border-color:#19e6cf;color:#19e6cf!important}.account-page{min-height:70vh;padding:70px 20px}.account-shell{max-width:1050px;margin:auto}.account-card{max-width:560px;margin:auto;background:#081112;border:1px solid #173130;border-radius:16px;padding:34px}.account-card h1,.account-sidebar h1{margin-top:0}.account-lead,.account-switch{color:#9fb3b0}.account-form{display:grid;gap:17px}.account-form label{display:grid;gap:7px;font-size:13px;color:#c8d7d5}.account-form input{width:100%;box-sizing:border-box;background:#050a0b;color:#fff;border:1px solid #24403e;border-radius:8px;padding:13px 14px;font:inherit}.account-form input:focus{outline:2px solid #19e6cf;outline-offset:2px}.account-form small{color:#829793}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-check{grid-template-columns:auto 1fr!important;align-items:start}.account-check input{width:auto;margin-top:4px}.account-links{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:13px}.account-links a,.account-switch a,.account-card a{color:#19e6cf}.account-error,.account-success{padding:14px 16px;border-radius:9px;margin:0 0 20px;line-height:1.5}.account-error{background:#2a1010;border:1px solid #7c3030}.account-success{background:#08211e;border:1px solid #187c70}.password-field{display:flex;position:relative}.password-field input{padding-right:70px}.password-toggle{position:absolute;right:7px;top:7px;bottom:7px;border:0;background:#132321;color:#19e6cf;border-radius:6px;padding:0 10px;cursor:pointer}.account-dashboard{display:grid;grid-template-columns:240px 1fr;gap:28px}.account-sidebar,.account-panel{background:#081112;border:1px solid #173130;border-radius:14px;padding:25px}.account-sidebar{height:max-content;position:sticky;top:105px}.account-sidebar a{display:block;padding:10px 0;border-top:1px solid #173130;color:#b8cdca}.account-sidebar small{color:#80928f}.account-content{display:grid;gap:24px}.account-panel h2{margin-top:0}.account-orders{display:grid;gap:10px}.account-order{display:flex;justify-content:space-between;align-items:center;border:1px solid #173130;border-radius:9px;padding:15px;text-decoration:none}.account-order span{display:grid;gap:4px}.account-order small{color:#829793}.account-order b{color:#19e6cf}@media(max-width:760px){.account-page{padding:35px 14px}.account-card{padding:24px}.account-grid,.account-dashboard{grid-template-columns:1fr}.account-sidebar{position:static}.account-links{flex-direction:column}}

.account-page-header .header-inner{display:flex;align-items:center;gap:24px}
.account-page-header .main-nav{margin-left:auto}
.account-page-header .brand{flex:0 0 auto}
.account-page .button-primary{width:100%;justify-content:center}
.account-card>h1{font-size:clamp(34px,5vw,48px);line-height:1.05;margin-bottom:10px}
.account-card .account-lead{font-size:15px;line-height:1.65;margin:0 0 24px}
.account-form label{font-weight:700}.account-form label input{font-weight:400}
.account-switch{margin-top:24px;text-align:center}


/* Customer accounts v40.2 — dashboard refinement */
.account-page{padding:54px 20px 80px}
.account-shell{max-width:1180px}
.account-dashboard{grid-template-columns:minmax(210px,250px) minmax(0,1fr);gap:30px;align-items:start}
.account-sidebar,.account-panel{min-width:0;overflow:hidden}
.account-sidebar{padding:24px 22px;top:92px}
.account-sidebar-title{font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin:0 0 24px;overflow-wrap:anywhere}
.account-identity{margin:0 0 18px;line-height:1.45;min-width:0}
.account-identity strong,.account-identity small{display:block;max-width:100%;overflow-wrap:anywhere}
.account-identity small{color:#829793;margin-top:5px;font-size:12px}
.account-side-nav{display:grid}
.account-side-nav a{display:block;padding:13px 4px;border-top:1px solid #173130;color:#b8cdca;text-decoration:none;font-size:14px}
.account-side-nav a:hover,.account-side-nav a.active{color:#19e6cf}
.account-side-nav a.active{font-weight:700}
.account-side-nav .account-side-logout{margin-top:5px;color:#e8f3f1}
.account-panel{padding:30px}
.account-panel h1{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.035em;margin:0 0 10px;overflow-wrap:anywhere}
.account-panel-heading p,.account-section-intro{color:#91a7a3;max-width:680px;line-height:1.65;margin:0 0 24px}
.account-eyebrow{font-size:11px!important;letter-spacing:.18em;color:#19e6cf!important;font-weight:800;margin:0 0 10px!important}
.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 24px}
.account-stats>div{border:1px solid #173130;border-radius:10px;padding:16px;min-width:0}
.account-stats strong{display:block;font-size:24px;color:#eef9f7}
.account-stats span{display:block;color:#829793;font-size:12px;margin-top:3px;overflow-wrap:anywhere}
.account-order{gap:18px;min-width:0;padding:16px 18px}
.account-order-main{min-width:0}
.account-order-main strong,.account-order-main small{overflow-wrap:anywhere}
.account-order-right{display:grid;text-align:right;gap:3px;flex:0 0 auto}
.account-order-right small{font-size:11px;color:#829793}
.account-form{max-width:760px}
.account-form label{min-width:0}
.account-form label>span{display:block}
.account-form input{min-width:0;max-width:100%}
.account-form-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}
.account-form-actions .button{width:auto;min-width:170px}
.account-text-link{color:#19e6cf;font-size:13px}
.account-empty{text-align:center;padding:45px 20px;border:1px dashed #24403e;border-radius:12px}
.account-empty h2{margin:0 0 8px}
.account-logout-button{border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:9px 12px!important;color:#c7d5d3!important;white-space:nowrap}
.account-logout-button:hover{border-color:#19e6cf;color:#19e6cf!important}
@media(max-width:900px){
 .account-dashboard{grid-template-columns:200px minmax(0,1fr);gap:18px}
 .account-sidebar{padding:20px 16px}
 .account-panel{padding:24px}
}
@media(max-width:760px){
 .account-page{padding:30px 14px 60px}
 .account-dashboard{grid-template-columns:1fr}
 .account-sidebar{position:static}
 .account-sidebar-title{font-size:30px}
 .account-side-nav{grid-template-columns:1fr 1fr}
 .account-side-nav a{padding:11px 4px}
 .account-stats{grid-template-columns:1fr}
 .account-order{align-items:flex-start}
 .account-order-right small{display:none}
 .account-grid{grid-template-columns:1fr}
}

/* Account header logo isolation v40.3 */
.account-page-header .account-brand{display:flex!important;align-items:center!important;flex:0 0 132px!important;width:132px!important;height:54px!important;max-width:132px!important;max-height:54px!important;overflow:hidden!important;padding:0!important;margin:0!important}
.account-page-header .account-brand img{display:block!important;width:132px!important;height:54px!important;max-width:132px!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important;position:static!important;transform:none!important;margin:0!important;padding:0!important}
.account-page-header .main-nav{margin-left:auto}
@media(max-width:900px){.account-page-header .account-brand{flex-basis:112px!important;width:112px!important;height:46px!important}.account-page-header .account-brand img{width:112px!important;height:46px!important;max-width:112px!important;max-height:46px!important}}

/* v35 Learn / Research Library layout */
.library-section{padding-top:58px}
.library-intro{max-width:760px;margin:0 0 34px}
.library-intro .eyebrow{margin:0 0 12px}
.library-intro h2{margin:0 0 14px;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.025em;color:var(--text)}
.library-intro>p:last-child{max-width:680px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}
.library-hub-card small{font-size:12px;line-height:1.4}
.library-hub-card b{font-size:14px}
@media(max-width:560px){.library-section{padding-top:42px}.library-intro{margin-bottom:26px}.library-intro>p:last-child{font-size:16px}}

/* v36 verified site-wide header/auth/accessibility fixes */
.brand-mark{border-radius:50%!important}
.account-nav-button{border:1px solid #19e6cf!important;border-radius:7px;padding:9px 13px!important;color:#eaf7f5!important}
.account-nav-button:hover{background:rgba(25,230,207,.08)!important;color:#19e6cf!important}

/* =========================================================
   v41 FINAL SITE-WIDE ACCESSIBILITY / BRAND / AUTH FIXES
   ========================================================= */
/* Clip the actual photographic logo asset to a circle on every standard page. */
.brand::before{
  border-radius:50%!important;
  overflow:hidden!important;
  background-color:#020606!important;
  background-size:cover!important;
  box-shadow:0 0 0 1px rgba(0,216,201,.55),0 0 22px rgba(0,216,201,.18)!important;
}
.site-footer .brand::before{border-radius:50%!important}

/* Header account control: unmistakable teal outlined button. */
.main-nav .account-nav-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:0 17px!important;
  border:1.5px solid #19e6cf!important;border-radius:8px!important;
  background:rgba(25,230,207,.035)!important;color:#eaf7f5!important;
  font-weight:750!important;text-decoration:none!important;
}
.main-nav .account-nav-button:hover,.main-nav .account-nav-button:focus-visible{
  background:rgba(25,230,207,.11)!important;color:#70fff4!important;
  outline:none!important;box-shadow:0 0 0 2px rgba(25,230,207,.12)!important;
}

/* Baseline readability. Avoid tiny UI copy on normal content. */
body{font-size:16px;line-height:1.6}
.main-nav{font-size:14px}
.announcement{font-size:11px;line-height:1.35}
.site-footer a,.site-footer p{font-size:14px}
.footer-bottom{font-size:12px}

/* Learn page: deliberately stacked, single-column intro. Never inherit flex heading layouts. */
.library-page-main{padding:0}
.library-section{padding:86px 0 92px!important}
.library-section .container{display:block!important}
.library-intro{
  display:block!important;width:100%!important;max-width:820px!important;
  margin:0 0 44px!important;padding:0!important;text-align:left!important;
}
.library-intro .eyebrow{display:block!important;margin:0 0 14px!important;font-size:12px!important;letter-spacing:.2em!important}
.library-intro h1{
  display:block!important;margin:0 0 18px!important;
  font-size:clamp(42px,5vw,64px)!important;line-height:1.02!important;letter-spacing:-.045em!important;
}
.library-intro>p:last-child{
  display:block!important;width:auto!important;max-width:720px!important;margin:0!important;
  color:#9db4b1!important;font-size:18px!important;line-height:1.7!important;
}
.library-hub-grid{margin-top:0!important}
.library-hub-card{padding:30px!important}
.library-hub-card small{font-size:12px!important}
.library-hub-card h3{font-size:22px!important;line-height:1.35!important}
.library-hub-card p{font-size:16px!important;line-height:1.7!important}
.library-hub-card b{font-size:14px!important}
@media(max-width:760px){
  .library-section{padding:58px 0 70px!important}
  .library-intro{margin-bottom:32px!important}
  .library-intro h1{font-size:clamp(38px,11vw,52px)!important}
  .library-intro>p:last-child{font-size:16px!important}
}


/* =========================================================
   v42 authoritative fixes — tested against BOTH the legacy
   Research Library markup and the current replacement markup.
   ========================================================= */
/* Real transparent circular logo asset, not a square JPG clipped by CSS. */
.brand::before{
  background-image:url('peptrion-labs-logo.png?v=42')!important;
  background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;
  border-radius:50%!important;background-color:transparent!important;
  box-shadow:none!important;
}

/* Login/logout must read as a button on every normal header. */
.main-nav a.account-nav-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:0 18px!important;margin:0!important;
  border:2px solid #00d8c9!important;border-radius:8px!important;
  background:#071112!important;color:#eaf8f6!important;font-weight:800!important;
  line-height:1!important;text-decoration:none!important;box-shadow:0 0 0 1px rgba(0,216,201,.08)!important;
}
.main-nav a.account-nav-button:hover,.main-nav a.account-nav-button:focus-visible{
  border-color:#70fff5!important;color:#70fff5!important;background:#0a1b1b!important;
}

/* Legacy live Learn page: remove the oversized hero and horizontal 3-part heading. */
body.research-library-page .policy-hero{
  padding:52px 0 34px!important;min-height:0!important;border-bottom:0!important;
}
body.research-library-page .policy-hero .container{display:block!important}
body.research-library-page .policy-hero .eyebrow{margin:0 0 12px!important}
body.research-library-page .policy-hero h1{
  margin:0 0 16px!important;font-size:clamp(42px,5vw,64px)!important;line-height:1.02!important;
}
body.research-library-page .policy-hero .hero-text{
  margin:0!important;max-width:760px!important;font-size:17px!important;line-height:1.7!important;
}
body.research-library-page .section:has(.library-hub-grid){padding:24px 0 90px!important}
body.research-library-page .section:has(.library-hub-grid) .section-heading{
  display:block!important;width:100%!important;max-width:820px!important;
  margin:0 0 36px!important;padding:0!important;text-align:left!important;
}
body.research-library-page .section:has(.library-hub-grid) .section-heading .eyebrow{
  display:block!important;margin:0 0 12px!important;font-size:12px!important;letter-spacing:.2em!important;
}
body.research-library-page .section:has(.library-hub-grid) .section-heading h2{
  display:block!important;margin:0 0 14px!important;font-size:clamp(38px,4.5vw,56px)!important;
  line-height:1.04!important;letter-spacing:-.04em!important;
}
body.research-library-page .section:has(.library-hub-grid) .section-heading>p:last-child{
  display:block!important;margin:0!important;max-width:720px!important;color:#9db4b1!important;
  font-size:17px!important;line-height:1.7!important;
}
/* Current replacement Learn markup. */
body.research-library-page .library-section{padding:58px 0 90px!important}
body.research-library-page .library-intro{display:block!important;max-width:820px!important;margin:0 0 36px!important}
body.research-library-page .library-intro h1{font-size:clamp(42px,5vw,64px)!important;margin:0 0 16px!important}
body.research-library-page .library-intro>p:last-child{font-size:17px!important;line-height:1.7!important}
@media(max-width:760px){
 body.research-library-page .policy-hero{padding:38px 0 22px!important}
 body.research-library-page .section:has(.library-hub-grid){padding:18px 0 68px!important}
 body.research-library-page .section:has(.library-hub-grid) .section-heading{margin-bottom:28px!important}
}

/* v42 CSS-only fallback: works even if the server is still serving the legacy Learn HTML/script. */
body:has(.library-hub-grid) .policy-hero{padding:52px 0 34px!important;min-height:0!important;border-bottom:0!important}
body:has(.library-hub-grid) .policy-hero .container{display:block!important}
body:has(.library-hub-grid) .policy-hero h1{margin:0 0 16px!important;font-size:clamp(42px,5vw,64px)!important;line-height:1.02!important}
body:has(.library-hub-grid) .policy-hero .hero-text{margin:0!important;max-width:760px!important;font-size:17px!important;line-height:1.7!important}
body:has(.library-hub-grid) .section:has(.library-hub-grid){padding:24px 0 90px!important}
body:has(.library-hub-grid) .section:has(.library-hub-grid) .section-heading{display:block!important;width:100%!important;max-width:820px!important;margin:0 0 36px!important;padding:0!important;text-align:left!important}
body:has(.library-hub-grid) .section:has(.library-hub-grid) .section-heading .eyebrow{display:block!important;margin:0 0 12px!important;font-size:12px!important;letter-spacing:.2em!important}
body:has(.library-hub-grid) .section:has(.library-hub-grid) .section-heading h2{display:block!important;margin:0 0 14px!important;font-size:clamp(38px,4.5vw,56px)!important;line-height:1.04!important;letter-spacing:-.04em!important}
body:has(.library-hub-grid) .section:has(.library-hub-grid) .section-heading>p:last-child{display:block!important;margin:0!important;max-width:720px!important;color:#9db4b1!important;font-size:17px!important;line-height:1.7!important}

/* v45 — Learn / Research Library refresh only */
body.clinical-library .policy-hero{padding:64px 0 52px!important;background:radial-gradient(circle at 78% 20%,rgba(0,216,201,.12),transparent 32%),linear-gradient(180deg,#061112,#031011);border-bottom:1px solid rgba(111,235,224,.12)!important}.library-clinical-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:center}.library-clinical-hero h1{font-size:clamp(46px,6vw,76px)!important;letter-spacing:-.055em!important}.library-clinical-hero .hero-text{max-width:760px!important;color:#b8cdca!important}.library-hero-badge{padding:24px;border:1px solid rgba(95,226,215,.25);border-radius:20px;background:rgba(255,255,255,.035)}.library-hero-badge>span{display:inline-block;color:#03201d;background:#73e8de;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.12em}.library-hero-badge strong{display:block;color:#f1fbfa;font-size:22px;line-height:1.2;margin:17px 0 8px}.library-hero-badge small{color:#89a7a4;line-height:1.5}.library-topic-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.library-topic-pills a{padding:9px 13px;border:1px solid rgba(95,226,215,.2);border-radius:999px;color:#bfe3df;text-decoration:none;font-size:12px;background:rgba(0,216,201,.035)}.library-topic-pills a:hover{border-color:#00d8c9;color:#fff}.library-featured{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:36px;padding:34px;margin:0 0 28px;border:1px solid rgba(95,226,215,.22);border-radius:22px;background:linear-gradient(135deg,rgba(0,216,201,.075),rgba(255,255,255,.02))}.library-featured h2{font-size:clamp(28px,3.4vw,42px);line-height:1.05;letter-spacing:-.035em;margin:8px 0 14px}.library-featured p{color:#a9bfbc;line-height:1.7;max-width:720px}.library-featured .button{margin-top:12px}.library-featured-notes{display:grid;gap:9px}.library-featured-notes div{padding:16px;border-radius:14px;background:#061415;border:1px solid rgba(255,255,255,.07)}.library-featured-notes strong{display:block;color:#7debe2;font-size:16px}.library-featured-notes span{display:block;color:#91aaa7;font-size:12px;margin-top:5px}.clinical-guide-card{position:relative;overflow:hidden}.clinical-guide-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#00d8c9,transparent)}
@media(max-width:900px){.library-clinical-hero,.library-featured{grid-template-columns:1fr}.library-clinical-hero{gap:28px}.library-hero-badge{max-width:520px}}
@media(max-width:600px){.library-featured{padding:22px}.library-topic-pills{gap:7px}}


/* Peptrion Learn: compound guide pages v46 */
.library-product-guides .guide-card-with-image{padding:0;overflow:hidden;display:block}.guide-card-with-image img{width:100%;height:190px;object-fit:cover;display:block;background:#071112}.guide-card-with-image>div{padding:24px}.guide-card-with-image h3{margin-top:7px}
.guide-page{background:#f7fbfb;color:#102326}.guide-page .site-header,.guide-page .announcement,.guide-page .site-footer,.guide-page .cart-drawer{color:#eaf8f6}.guide-shell{max-width:1180px;margin:0 auto;padding:34px 24px 80px}.guide-back{display:inline-flex;margin:4px 0 22px;color:#007f78;font-weight:800;text-decoration:none}.guide-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:34px;align-items:center;background:#071719;border-radius:22px;overflow:hidden;color:#fff;box-shadow:0 18px 50px rgba(3,23,24,.12)}.guide-hero-copy{padding:46px}.guide-hero .eyebrow{color:#37e4d6}.guide-hero h1{font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.02;margin:8px 0 18px}.guide-hero p{font-size:1.05rem;line-height:1.7;color:#d5e7e5}.guide-hero-image{height:100%;min-height:390px;background:#0a2425}.guide-hero-image img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}.guide-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.guide-tags span{padding:8px 12px;border:1px solid rgba(55,228,214,.35);border-radius:999px;background:rgba(0,216,201,.08);font-size:.82rem;font-weight:800;color:#bdf7f2}.guide-notice{margin:22px 0 0;padding:15px 18px;border-left:4px solid #00d8c9;background:#eaf8f6;color:#244346;border-radius:0 10px 10px 0;font-size:.92rem}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;margin-top:42px}.guide-toc{position:sticky;top:112px;align-self:start;background:#fff;border:1px solid #dcebea;border-radius:16px;padding:22px}.guide-toc strong{display:block;margin-bottom:12px}.guide-toc a{display:block;padding:8px 0;color:#476366;text-decoration:none;font-size:.9rem;border-bottom:1px solid #edf4f3}.guide-toc a:last-child{border-bottom:0}.guide-article{background:#fff;border:1px solid #dcebea;border-radius:18px;padding:38px}.guide-keypoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:38px}.guide-keypoint{padding:16px;border-radius:12px;background:#f1f9f8;border:1px solid #d7ecea}.guide-keypoint:before{content:'✓';color:#008f86;font-weight:900;margin-right:9px}.guide-section{scroll-margin-top:120px;padding:4px 0 28px}.guide-section+.guide-section{border-top:1px solid #e5efee;padding-top:30px}.guide-section h2{font-size:1.75rem;margin:0 0 14px;color:#102326}.guide-section h3{margin-top:24px;color:#163638}.guide-section p,.guide-section li{line-height:1.78;color:#3f595c}.guide-section ul{padding-left:22px}.guide-caution{padding:18px 20px;background:#fff8e8;border:1px solid #f0d9a2;border-radius:12px;color:#5e4b21;margin:18px 0}.guide-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.guide-related a{display:block;padding:18px;border:1px solid #dcebea;border-radius:12px;text-decoration:none;color:#153638;font-weight:800;background:#f8fcfb}.guide-related a:hover{border-color:#00bdb1}.guide-source-note{font-size:.86rem;color:#637b7d;margin-top:12px}
@media(max-width:850px){.guide-hero{grid-template-columns:1fr}.guide-hero-image{min-height:260px}.guide-hero-image img{min-height:260px}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static}.guide-keypoints,.guide-related{grid-template-columns:1fr}.guide-hero-copy{padding:30px}.guide-article{padding:24px}.guide-shell{padding-left:16px;padding-right:16px}}
\n\n/* v47 — Peptrion Learn + guide dark/teal visual system */
.guide-page{background:var(--bg);color:var(--text)}
.guide-shell{color:var(--text)}
.guide-back{color:var(--teal);}
.guide-hero{background:linear-gradient(135deg,#071719,#041011);border:1px solid var(--line);box-shadow:0 18px 60px rgba(0,0,0,.38)}
.guide-hero p{color:#b8cdca}.guide-hero-image{background:#071112}
.guide-notice{background:#071719;color:#b8cdca;border-left-color:var(--teal);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-toc,.guide-article{background:#071112;border-color:var(--line);color:var(--text)}
.guide-toc strong{color:#eaf8f6}.guide-toc a{color:#91aaa7;border-bottom-color:var(--line)}.guide-toc a:hover{color:var(--teal)}
.guide-keypoint{background:#0a1718;border-color:var(--line);color:#c9dcda}.guide-keypoint:before{color:var(--teal)}
.guide-section+.guide-section{border-top-color:var(--line)}.guide-section h2,.guide-section h3{color:#eaf8f6}.guide-section p,.guide-section li{color:#a9bfbc}.guide-section a{color:var(--teal2)}
.guide-caution{background:#101514;border-color:#31413d;color:#cbd8d5}
.guide-related a{background:#0a1718;border-color:var(--line);color:#dff4f1}.guide-related a:hover{border-color:var(--teal);color:var(--teal2)}
.guide-source-note{color:#78918e}
.guide-dark-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 8px}.guide-dark-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#0a1718}.guide-dark-card h3{margin:0 0 8px;font-size:18px}.guide-dark-card p{margin:0}.guide-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.guide-cta-row .button{min-height:44px}.guide-page .button-ghost{background:#081112}.guide-page .button-ghost:hover{border-color:var(--teal)}
@media(max-width:700px){.guide-dark-card-grid{grid-template-columns:1fr}}
\n/* Account/login overflow refinement v42 */
.account-card,.account-card *{min-width:0}
.account-card p,.account-card a,.account-error,.account-success{overflow-wrap:anywhere;word-break:normal}
.account-form label{max-width:100%;overflow:hidden}
.password-field{width:100%;min-width:0}
.password-field input{min-width:0;width:100%;padding-right:76px}
.password-toggle{max-width:64px;white-space:nowrap;font-size:12px}
.account-links{align-items:flex-start}.account-links a{max-width:100%}
@media(max-width:480px){.account-card{padding:22px 18px}.account-card>h1{font-size:36px}.account-lead{font-size:14px!important}.account-links{display:grid;grid-template-columns:1fr}.account-nav-button,.account-logout-button{white-space:normal;text-align:center}}