/* ==========================================================================
   Evo Aminoz v2: content pages (FAQ, lab reports, contact, track order, order status,
   hero discount, legal/generic pages, 404). Rules: DESIGN.md. Tokens: evo-v2.css.
   Loaded after evo-v2.css (functions.php auto-enqueues evo-v2-pages.css).
   ========================================================================== */

/* ---------- Shared page header ---------- */
.pg-head{position:relative;overflow:hidden;padding:20px 0 40px;border-bottom:0}
/* Header banner (shop, lab reports, FAQ, contact, track order, build your bundle, legal): the old hex tiles at very low
   opacity, masked to fade out toward the bottom and the left so there is no hard edge. Pure decoration. */
.pg-head:not(.pagehero--discount)::before,.shop-head::before,.bap-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:url(../img/hex-banner-blue.webp) center top/cover no-repeat;opacity:.5;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.7) 50%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.7) 50%,transparent 100%)}
.pg-head > .wrap,.shop-head > .wrap,.bap-hero > .wrap{position:relative;z-index:1}
.shop-head,.bap-hero{position:relative;overflow:hidden}
@media (max-width:640px){.pg-head:not(.pagehero--discount)::before,.shop-head::before,.bap-hero::before{background-image:url(../img/hex-banner-blue-mobile.webp);opacity:.5}}
.pg-title{max-width:22ch;text-wrap:balance}
.pg-head .v2-sub{max-width:62ch}
.pg-head .v2-sub a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:text-decoration-color var(--t),color var(--t)}
.pg-head .v2-sub a:hover{text-decoration-color:currentColor}
.pg-head .pagehero-tags{margin-top:20px;gap:8px}
.pg-head .phtag{height:26px;padding:0 10px;gap:6px;border-radius:999px;font:700 12.5px/1 var(--font);letter-spacing:0;text-transform:none;
  color:#cfe0ff;background:var(--blue-soft);border:1px solid rgba(0,104,255,.35)}
.pg-head .phtag-amber{color:var(--ink-2);background:var(--surface-2);border-color:var(--line-strong)}
.pg-head .phtag-amber .phtag-dot{background:var(--muted)}
.pg-head .phtag-dot{width:6px;height:6px}
.pg-body{padding-top:8px}
.pg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pg-404{padding-bottom:96px}
.pg-404 .pg-title{max-width:none}
@media (max-width:768px){.pg-head{padding:12px 0 28px}.pg-404{padding-bottom:64px}.pg-actions .btn{flex:1 1 200px}}

/* ---------- Shared card + field primitives ---------- */
.pg-body .panel-card,.panel-card.trk-card,.panel-card.trk-aside,.hero-card,.os-card,.ct-info{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
.panel-card{padding:28px}
.trk-h{font-family:var(--head);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--text);margin:0 0 6px}
.trk-lede,.hero-p{color:var(--muted);font-size:15px;line-height:1.6}
.trk-lab{font:600 13.5px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--ink-2);margin:0 0 8px}
.trk-lab span{color:var(--faint);font-weight:500}
.trk-input{height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);
  font:500 15px/1.4 var(--font);letter-spacing:-.006em;box-shadow:none;transition:border-color var(--t),background-color var(--t)}
.trk-input::placeholder{color:var(--faint)}
.trk-input:hover{border-color:rgba(255,255,255,.26)}
.trk-input:focus{outline:0;border-color:var(--blue);background:var(--surface-3);box-shadow:0 0 0 3px var(--blue-soft)}
textarea.trk-input{height:auto;padding:14px 16px;min-height:140px}
.trk-submit{width:100%}
.trk-tabs{gap:8px}
.trk-tab{font:600 14px/1 var(--font);letter-spacing:0;text-transform:none;padding:12px 16px;border-radius:12px;border:1px solid var(--line-strong);
  background:var(--surface-2);color:var(--ink-2);transition:color var(--t),border-color var(--t),background-color var(--t)}
.trk-tab:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.trk-tab.is-active{color:#fff;border-color:var(--blue);background:var(--blue-soft)}
.trk-result{border-top:1px solid var(--line)}
.trk-status-ic{background:var(--blue-soft);border-color:rgba(0,104,255,.35);color:var(--blue)}
.trk-aside-h{font-weight:800;font-size:17px;letter-spacing:-.01em}
.trk-need li{font-size:14.5px;color:var(--muted)}
.trk-need b{color:var(--text)}
.trk-need-n{width:26px;height:26px;border-color:var(--line-strong);background:var(--surface-2);font:700 12.5px/1 var(--font);color:#fff}
.trk-help,.hero-fine,.hero-help{font-size:13.5px;color:var(--muted)}
.trk-help a,.ct-info-p a{color:var(--text);text-decoration-color:var(--line-strong);text-underline-offset:3px}
.trk-help a:hover,.ct-info-p a:hover{text-decoration-color:currentColor}
.ct-select-ic{color:var(--muted)}
.ct-note{font-size:14px}
.ct-note.is-ok{color:var(--success)}
.ct-fine{font:500 13px/1.5 var(--font);letter-spacing:0;text-transform:none;color:var(--faint)}
.ct-info{padding:20px 22px;transition:border-color var(--t),transform var(--t)}
.ct-info:hover{border-color:var(--blue-line);transform:translateY(-2px)}
.ct-info-ic{width:40px;height:40px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);color:#fff}
.ct-info-h{font-weight:800;font-size:16px;letter-spacing:-.01em}
.ct-info-p{font-size:14px;color:var(--muted)}
@media (max-width:640px){.panel-card{padding:22px 18px}}

/* ---------- FAQ ---------- */
.faqx-shell{padding:8px 0 88px;gap:56px}
.faqx-nav{border-left:1px solid var(--line)}
.faqx-nav-link{font-size:14.5px;font-weight:600;padding:10px 0 10px 18px;transition:color var(--t),border-color var(--t)}
.faqx-help{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px}
.faqx-help-ic{width:40px;height:40px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-2);color:#fff}
.faqx-help h3{font-size:17px;font-weight:800;letter-spacing:-.02em}
.faqx-help p{font-size:14px;color:var(--muted)}
.faqx-help .btn{width:100%;font-size:15px;padding:0 20px;min-height:48px}
.faqx-group{margin-bottom:48px}
.faqx-cat{font:800 clamp(22px,2.4vw,28px)/1.15 var(--head);letter-spacing:-.03em;text-transform:none;color:var(--text);margin:0 0 16px}
.faqx-list{display:flex;flex-direction:column;gap:10px;border-top:0}
.faqx-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color var(--t)}
.faqx-item:hover{border-color:var(--line-strong)}
.faqx-item.open{border-color:var(--blue-line);background:var(--surface)}
.faqx-q{padding:20px 22px;font:700 16px/1.4 var(--font);letter-spacing:-.01em;color:#fff}
.faqx-a{background:transparent;color:var(--ink-2)}
.faqx-a > .inner{padding:0 22px}
.faq-item.open .faqx-a > .inner{padding:0 22px 22px}
.faqx-a p{font-size:15px;line-height:1.65;color:var(--ink-2);max-width:68ch}
@media (max-width:900px){.faqx-shell{padding-bottom:64px}}

/* ---------- Lab reports ---------- */
.lr-ppbadge{padding:0;border:0;background:none;border-radius:0;max-width:100%}
.lr-ppbadge img{display:block;max-width:100%;height:auto}
.lr-checks{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.lr-checks li{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.2 var(--font);color:var(--ink-2)}
.lr-check{flex:0 0 auto;color:#fff}
.lr-bar{gap:16px;margin-bottom:24px}
.lr-count{font:500 15px/1.4 var(--font);letter-spacing:0;text-transform:none;color:var(--muted);font-variant-numeric:tabular-nums}
.lr-count b{color:var(--text);font-weight:700}
.lr-search{height:48px;min-width:min(380px,100%);padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);
  transition:border-color var(--t),background-color var(--t)}
.lr-search:hover{border-color:rgba(255,255,255,.26)}
.lr-search:focus-within{border-color:var(--blue);background:var(--surface-3);box-shadow:0 0 0 3px var(--blue-soft)}
.lr-input{font:500 15px/1.4 var(--font);color:var(--text)}
.lr-input::placeholder{color:var(--faint)}
.lr-grid{gap:16px}
.lr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:none;transition:border-color var(--t),transform var(--t)}
.lr-card:hover{transform:none;box-shadow:none;border-color:var(--line-strong)} /* same quiet hover as shop cards (owner, 2026-11-01) */
.lr-card-media{background:var(--surface-2)}
.lr-card-media--doc{padding:20px 20px 0;border-bottom:1px solid var(--line)}
.lr-card-media--doc img{border-radius:6px 6px 0 0;box-shadow:none;border:1px solid var(--line-strong);border-bottom:0;transition:transform .35s var(--ease-store)}
.lr-card:hover .lr-card-media--doc img{transform:translateY(-4px)}
.lr-card-media--doc::before{background:rgba(0,0,0,.5)}
.lr-card-media--doc .lr-card-hover{background:#fff;color:#05070b;font:700 14px/1 var(--font);letter-spacing:-.01em;text-transform:none;
  padding:14px 22px;border-radius:999px;box-shadow:none}
.lr-card-media--soon{background:var(--surface-2);border-bottom:1px solid var(--line)}
.lr-soon{color:var(--faint)}
.lr-soon-txt{font:600 13.5px/1 var(--font);letter-spacing:0;text-transform:none;color:var(--muted)}
.lr-card-body{padding:18px 20px 20px;gap:8px}
.lr-card-name{font:800 17px/1.25 var(--head);letter-spacing:-.02em;color:var(--text)}
.lr-card-size{font:600 13px/1 var(--font);color:var(--muted);margin-left:6px}
.lr-card-tag{height:26px;padding:0 10px;border-radius:999px;font:700 12.5px/1 var(--font);letter-spacing:0;font-variant-numeric:tabular-nums;
  color:var(--success);background:var(--success-soft);border:1px solid rgba(60,207,145,.28)}
.lr-card-net{font:500 13px/1 var(--font);color:var(--muted)}
.lr-card-lab,.lr-card-cat{font-size:13px;color:var(--muted)}
.lr-card-lab b{color:var(--ink-2);font-weight:600}
.lr-card-cta{margin-top:8px;min-height:44px;padding:0 18px;border-radius:999px;font:700 14px/1 var(--font);letter-spacing:-.01em;
  color:#fff;background:transparent;border:1px solid var(--line-strong);transition:background-color var(--t),color var(--t),border-color var(--t)}
.lr-card:hover .lr-card-cta{background:#fff;color:#05070b;border-color:#fff}
.lr-card-cta--soon{color:var(--muted);background:transparent;box-shadow:none;border-color:var(--line)}
.lr-card:hover .lr-card-cta--soon{background:transparent;color:var(--muted);box-shadow:none;border-color:var(--line)}
.lr-empty{color:var(--muted);font-size:15px}
@media (max-width:1024px){.lr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .lr-bar{flex-direction:column;align-items:stretch}
  .lr-search{min-width:0;width:100%}
  .lr-grid{gap:10px}
  .lr-card-body{padding:12px 13px 14px}
  .lr-card-name{font-size:14.5px}
  .lr-card-media--doc{padding:12px 12px 0}
  .lr-card-cta{min-height:40px;font-size:13px;padding:0 12px}
}

/* ---------- Order status ---------- */
.os-card{padding:26px 28px}
.os-order-label,.os-est-label,.os-track-label{font:600 13px/1.3 var(--font);letter-spacing:0;text-transform:none;color:var(--muted)}
.os-order-no{font-weight:800;font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.os-est-range,.os-track-num{font-weight:700;font-variant-numeric:tabular-nums}
.os-step-dot{width:16px;height:16px;background:var(--surface-2)}
.os-step.is-done .os-step-dot{background:var(--blue)}
.os-step-label{font-size:13px;font-weight:600}
.os-card-title{font-weight:800;font-size:18px;letter-spacing:-.02em}
.os-address{color:var(--ink-2);font-size:15px}
.os-summary b{font-weight:800}
@media (max-width:640px){.os-card{padding:20px 18px}}

/* ---------- Hero discount (presentation only) ---------- */
.pg-head.pagehero--discount{padding:20px 0 40px}
.pg-head.pagehero--discount .phd-layout{align-items:center}
.pg-head.pagehero--discount .pg-title{max-width:none}
.phd-stage{border-radius:var(--r-lg);box-shadow:none;border:1px solid var(--line)}
.hero-state{height:26px;padding:0 10px;font:700 12.5px/1 var(--font);letter-spacing:0;text-transform:none}
.hero-state.is-on{border-color:rgba(0,104,255,.35);background:var(--blue-soft);color:#cfe0ff}
.hero-state.is-wait{border-color:var(--line-strong);background:var(--surface-2);color:var(--ink-2)}
.hero-radio,.hero-file{border-radius:12px;border:1px solid var(--line-strong);background:var(--surface-2);transition:border-color var(--t),background-color var(--t)}
.hero-radio:hover,.hero-file:hover{border-color:rgba(255,255,255,.26)}
.hero-radio:has(input:checked){border-color:var(--blue);background:var(--blue-soft)}
.hero-file:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
.hero-file.has-file{border-color:var(--blue-line)}
.hero-steps span{background:var(--surface-2);font:700 12.5px/1 var(--font)}
.hero-facts strong{font:600 13px/1.4 var(--font);letter-spacing:0;text-transform:none}
.hero-steps li,.hero-facts li{font-size:14.5px}

/* ---------- Legal and generic pages ---------- */
.pg-article{max-width:72ch;font-size:17px;line-height:1.7;color:var(--ink-2)}
.pg-article > *:first-child{margin-top:0}
.pg-article :where(p,ul,ol){margin:0 0 1.1em}
.pg-article :where(h2){font-size:clamp(22px,2.4vw,28px);line-height:1.2;color:var(--text);margin:2em 0 .6em}
.pg-article :where(h3){font-size:19px;line-height:1.3;color:var(--text);margin:1.6em 0 .5em}
.pg-article :where(a){color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:text-decoration-color var(--t)}
.pg-article :where(a):hover{text-decoration-color:var(--blue)}
.pg-article :where(strong){color:var(--text)}
.pg-article .legal{max-width:none}
.pg-article .legal p,.pg-article .legal li{font-size:17px;line-height:1.7;color:var(--ink-2)}
.pg-article .legal li strong{color:var(--text)}
.pg-article .legal h2{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.03em;color:var(--text);margin:0 0 16px}
.pg-article .legal h2 .legal-n{font:700 13px/1 var(--font);letter-spacing:.08em;color:var(--blue)}
.pg-article .legal section{padding-top:30px;margin-top:30px}
.pg-article .legal-updated{font:500 14px/1.4 var(--font);letter-spacing:0;text-transform:none;color:var(--muted);margin:0 0 24px}
.pg-article .legal-callout{border-radius:var(--r);border:1px solid var(--line);border-left:2px solid var(--blue);background:var(--blue-soft)}
.pg-article .legal-callout p{font-size:16px;color:var(--text)}
.pg-article .legal-callout p + p{color:var(--ink-2)}
@media (max-width:640px){
  .pg-article,.pg-article .legal p,.pg-article .legal li{font-size:16px}
  .pg-article .legal section{padding-top:24px;margin-top:24px}
}

/* ---------- Blog/index fallback list ---------- */
.pg-list{display:flex;flex-direction:column;gap:12px;max-width:72ch}
.pg-list-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;transition:border-color var(--t),transform var(--t)}
.pg-list-item:hover{border-color:var(--blue-line);transform:translateY(-2px)}
.pg-list-item h2{font-size:22px;margin:0 0 8px;letter-spacing:-.02em}
.pg-list-item h2 a{color:var(--text)}
.pg-excerpt{color:var(--muted);font-size:15px;line-height:1.6}
.pg-excerpt p{margin:0}

@media (prefers-reduced-motion:reduce){.ct-info:hover,.lr-card:hover,.pg-list-item:hover{transform:none}.lr-card:hover .lr-card-media--doc img{transform:none}}