/* ═════════════ Inner pages (peptide-index, coas, templates, terms, contact) ═════════════
   Loads after home.css (tokens, header, footer, buttons). */

/* ── Page hero card ── */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false;}
.page-head{padding:28px 0 8px;}
.page-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);border-radius:30px;overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,#140728 0%,#0b0418 60%,#06121c 100%);box-shadow:0 40px 90px -40px color-mix(in srgb,var(--hc,#ff0066) 60%,transparent),0 0 80px -30px rgba(0,229,255,.3);}
.page-hero::before{content:'';position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ang),#ff0066,#c21aff,#00e5ff,#ffb800,#ff0066);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinBorder 8s linear infinite;pointer-events:none;}
@keyframes spinBorder{to{--ang:360deg;}}
.page-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 70% at 0% 0%,color-mix(in srgb,var(--hc,#ff0066) 26%,transparent),transparent 70%),radial-gradient(40% 60% at 55% 100%,rgba(149,0,255,.2),transparent 70%);}
.page-hero-copy{padding:48px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.page-hero .eyebrow{color:#ff7fb0;}
.page-hero h1{font-size:clamp(34px,4.4vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1.04;margin:4px 0 14px;color:#fff;}
.page-hero-copy > p{color:rgba(255,255,255,.76);font-size:16.5px;max-width:540px;}
.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.hbadge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:500;color:rgba(255,255,255,.88);background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);}
.hbadge .ic{color:var(--bc,#33ebff);}
.page-hero .btn-secondary{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.page-hero-art{position:relative;min-height:360px;}
.page-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 32%);mask-image:linear-gradient(90deg,transparent 0%,#000 32%);}
.page-hero-art .float-chip{position:absolute;right:22px;bottom:22px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(10,4,24,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff;animation:float 7s ease-in-out infinite;}
.float-chip .cat-ic{width:34px;height:34px;border-radius:10px;}
.float-chip b{display:block;font-size:13px;line-height:1.2;}
.float-chip span{font-size:11.5px;color:rgba(255,255,255,.6);}

/* ── Generic glow tiles / notice ── */
.notice{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--c,#ffb800) 10%,var(--surface)),var(--surface) 70%);box-shadow:0 0 0 1px color-mix(in srgb,var(--c,#ffb800) 40%,transparent),0 0 28px -8px color-mix(in srgb,var(--c,#ffb800) 55%,transparent);font-size:14px;color:var(--tx-2);line-height:1.6;}
.notice .cat-ic{width:40px;height:40px;}
.notice b{color:var(--tx);}
.notice strong{color:var(--c,#ffb800);}
[data-theme="light"] .notice strong{color:color-mix(in srgb,var(--c,#ffb800) 70%,#000);}

/* ── Toolbar (search + pills) for index & COAs ── */
.page-tools{position:sticky;top:72px;z-index:40;margin-top:24px;background:var(--nav-bg);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.page-tools .container{display:flex;flex-direction:column;gap:12px;padding-top:12px;padding-bottom:12px;}

/* ── Peptide Index ── */
.pep-section{margin-top:40px;scroll-margin-top:220px;}
.pep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;}
.pep{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;min-width:0;}
.pep::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c),transparent);}
.pep h3{font-size:20px;letter-spacing:-.02em;}
.pep-cat{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c);}
[data-theme="light"] .pep-cat{color:color-mix(in srgb,var(--c) 75%,#000);}
.pep-body{font-size:14.5px;color:var(--tx-2);line-height:1.65;}
.pep-body.clamp{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.pep-more{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;padding:0 2px;font-size:13.5px;font-weight:600;color:var(--pink-tx);text-decoration:underline;text-underline-offset:3px;}
.pep-foot{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:6px;}
.pep-foot .btn{min-height:40px;font-size:13.5px;}
.pep mark{background:rgba(255,0,102,.22);color:inherit;border-radius:3px;padding:0 2px;}

/* ── COAs ── */
.coa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.coa{display:flex;flex-direction:column;border-radius:18px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 300px;}
.coa-img{aspect-ratio:16/10;background:#0b0516;overflow:hidden;}
.coa-img img{width:100%;height:100%;object-fit:cover;}
.coa-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1;}
.coa-body h3{font-size:15.5px;line-height:1.3;}
.coa-cat{font-size:12px;color:var(--tx-3);}
.coa-status{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:6px;}
.coa-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;color:var(--teal-tx);background:rgba(0,229,255,.08);box-shadow:inset 0 0 0 1px rgba(0,229,255,.3);}
.coa-status .btn{min-height:40px;font-size:13.5px;}
.coa-admin{display:flex;gap:6px;}
.coa-admin button{flex:1;min-height:34px;border-radius:9px;font-size:12px;font-weight:600;color:var(--tx-2);box-shadow:inset 0 0 0 1px var(--line-2);}
.coa-admin button:hover{color:var(--tx);background:var(--surface-2);}
.coa-admin .del{color:var(--pink-tx);}
.admin-fab{position:fixed;left:max(20px,var(--safe-l));bottom:calc(20px + var(--safe-b));z-index:40;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--tx-3);box-shadow:0 0 0 1px var(--line-2),0 10px 30px -8px rgba(0,0,0,.5);}
.admin-fab:hover,.admin-fab.on{color:#ffc53d;}
.admin-modal{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:center;padding:20px;}
.admin-modal.open{display:flex;}
.admin-modal .scrim{position:absolute;inset:0;background:rgba(4,0,10,.7);backdrop-filter:blur(6px);}
.admin-box{position:relative;width:100%;max-width:400px;padding:28px;border-radius:22px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2),var(--shadow-lg);display:flex;flex-direction:column;gap:12px;animation:pop .25s var(--ease);}
.admin-box h3{font-size:20px;}
.admin-box p{font-size:14px;color:var(--tx-2);}
.admin-box input{height:50px;padding:0 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-2);outline:0;font-size:16px;color:var(--tx);}
.admin-box input:focus{border-color:var(--pink);}
.admin-err{font-size:13px;color:var(--pink-tx);min-height:18px;}
.why-coa{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

/* ── Templates / downloads ── */
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;}
.dl{display:flex;flex-direction:column;border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s;}
.dl:hover{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 50%,transparent),0 0 40px -10px var(--c),var(--shadow);}
.dl-thumb{position:relative;aspect-ratio:4/3;background:#0b0516;overflow:hidden;cursor:zoom-in;}
.dl-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease);}
.dl:hover .dl-thumb img{transform:scale(1.04);}
.dl-tag{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:rgba(7,2,15,.65);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);}
.dl-body{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;flex:1;}
.dl-body h3{font-size:19px;}
.dl-body p{font-size:14.5px;color:var(--tx-2);line-height:1.6;flex:1;}
.dl-body .btn{align-self:flex-start;}

/* ── Terms ── */
.terms-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start;}
.toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow);}
.toc h5{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);padding:4px 10px 8px;}
.toc a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;color:var(--tx-2);}
.toc a span{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:var(--tx-3);width:18px;}
.toc a:hover,.toc a.on{background:var(--surface-2);color:var(--tx);}
.toc a.on span{color:var(--pink-tx);}
.t-sections{display:flex;flex-direction:column;gap:16px;}
.t-sec{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;padding:26px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:96px;}
.t-sec .cat-ic{width:48px;height:48px;}
.t-num{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c);}
[data-theme="light"] .t-num{color:color-mix(in srgb,var(--c) 75%,#000);}
.t-sec h2{font-size:21px;margin:4px 0 10px;}
.t-sec p{font-size:15px;color:var(--tx-2);line-height:1.75;}
.t-sec b{color:var(--tx);}
.t-sec:target{box-shadow:0 0 0 1.5px var(--c),0 0 40px -10px var(--c);}

/* ── Contact ── */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:stretch;}
.mail-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:36px;border-radius:26px;overflow:hidden;isolation:isolate;background:linear-gradient(150deg,#1b0630 0%,#0d0420 55%,#04161d 100%);color:#fff;box-shadow:0 0 0 1px rgba(255,0,102,.35),0 0 60px -20px rgba(255,0,102,.6);}
.mail-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 60% at 100% 0%,rgba(255,0,102,.3),transparent 70%),radial-gradient(60% 60% at 0% 100%,rgba(0,229,255,.2),transparent 70%);}
.mail-card .k{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ff7fb0;}
.mail-addr{font-family:'Sora',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-.02em;word-break:break-all;}
.mail-card p{color:rgba(255,255,255,.75);font-size:15.5px;}
.mail-actions{display:flex;flex-wrap:wrap;gap:10px;}
.mail-card .btn-secondary{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);}
.reply{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:500;background:rgba(0,229,255,.08);box-shadow:inset 0 0 0 1px rgba(0,229,255,.3);color:#c9fbff;}
.reply i{width:8px;height:8px;border-radius:50%;background:#00e5c4;box-shadow:0 0 0 0 rgba(0,229,196,.6);animation:ping 1.8s infinite;}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(0,229,196,.6);}70%{box-shadow:0 0 0 8px rgba(0,229,196,0);}100%{box-shadow:0 0 0 0 rgba(0,229,196,0);}}
.quick{display:flex;flex-direction:column;gap:12px;}
.quick a{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow);transition:box-shadow .25s,transform .25s var(--ease);}
.quick a:hover{transform:translateY(-2px);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 50%,transparent),0 0 30px -8px var(--c);}
.quick b{display:block;font-size:15px;}
.quick span{font-size:13px;color:var(--tx-3);}
.quick .go{margin-left:auto;color:var(--tx-3);}

.lb{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,0,8,.92);backdrop-filter:blur(8px);}
.lb.open{display:flex;}
.lb img{max-width:min(1000px,100%);max-height:calc(100vh - 80px);border-radius:14px;box-shadow:0 30px 80px -20px #000;}
.lb .icon-btn{position:absolute;top:calc(16px + var(--safe-t));right:16px;background:rgba(255,255,255,.1);color:#fff;}

/* ═════════════ RESPONSIVE ═════════════ */
@media (max-width:1024px){
  .page-hero{grid-template-columns:1fr;}
  .page-hero-art{min-height:240px;order:-1;}
  .page-hero-art img{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%);}
  .page-hero-copy{padding:8px 36px 36px;}
  .why-coa{grid-template-columns:1fr;}
  .terms-layout{grid-template-columns:1fr;}
  .toc{position:static;flex-direction:row;flex-wrap:wrap;}
  .toc h5{width:100%;}
  .contact-grid{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .page-head{padding:16px 0 4px;}
  .page-hero{border-radius:24px;}
  .page-hero-art{min-height:190px;}
  .page-hero-art .float-chip{display:none;}
  .page-hero-copy{padding:0 20px 24px;}
  .page-hero-copy > p{font-size:15px;}
  .hbadge{font-size:12px;padding:6px 10px;}
  .page-tools{top:62px;}
  .pep-grid{grid-template-columns:1fr;}
  .pep{padding:18px;}
  .coa-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .coa-body{padding:12px;}
  .coa-body h3{font-size:14px;}
  .dl-grid{grid-template-columns:1fr;}
  .toc{display:none;}
  .t-sec{grid-template-columns:1fr;gap:12px;padding:20px;}
  .mail-card{padding:24px 20px;}
  .mail-actions .btn{flex:1;}
}

/* ── Logos & stickers pack (templates) ── */
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;}
.logo-tile{display:flex;flex-direction:column;border-radius:20px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s;}
.logo-tile:hover{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 0 36px -8px var(--c);}
.lt-img{aspect-ratio:1;background:#06020d;cursor:zoom-in;overflow:hidden;}
.lt-img.light{background:#fff;}
.lt-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
.logo-tile:hover .lt-img img{transform:scale(1.05);}
.logo-tile figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;}
.logo-tile b{font-size:14px;font-weight:600;}
.logo-tile a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--tx);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);}
.logo-tile a:hover{box-shadow:inset 0 0 0 1px var(--c);}
@media (max-width:680px){.logo-grid{grid-template-columns:1fr 1fr;gap:10px;}.logo-tile figcaption{flex-direction:column;align-items:stretch;padding:10px;}.logo-tile a{justify-content:center;}}

/* ── Peptide Index: research & studies ── */
.studies{border-radius:14px;background:var(--surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ec) 35%,transparent);}
.studies summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 12px;cursor:pointer;list-style:none;}
.studies summary::-webkit-details-marker{display:none;}
.ev-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ec);background:color-mix(in srgb,var(--ec) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ec) 40%,transparent);}
[data-theme="light"] .ev-badge{color:color-mix(in srgb,var(--ec) 65%,#000);}
.st-count{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--tx-2);white-space:nowrap;}
.st-chev{transition:transform .25s ease;}
.studies[open] .st-chev{transform:rotate(180deg);}
.studies[open]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ec) 60%,transparent),0 0 24px -10px var(--ec);}
.st-body{display:flex;flex-direction:column;gap:8px;padding:0 10px 12px;}
.st-note{font-size:13px;line-height:1.55;color:var(--tx-2);padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--ec) 8%,transparent);}
.study{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s,transform .2s;}
.study:hover{box-shadow:inset 0 0 0 1px var(--ec);transform:translateY(-1px);}
.study b{font-size:14px;line-height:1.4;color:var(--tx);}
.st-meta{font-size:12px;color:var(--tx-3);}
.st-meta i{font-style:italic;}
.st-find{font-size:13.5px;line-height:1.55;color:var(--tx-2);}
.st-link{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;font-weight:700;color:var(--teal-tx);}
.st-disc{font-size:11.5px;color:var(--tx-3);padding:0 2px;}
@media (max-width:680px){.studies summary{flex-wrap:wrap;}.ev-badge{font-size:11.5px;}}