/*
Theme Name: Eight Billion Labs
Theme URI: https://eightbillionlabs.example
Author: WebnWell
Description: Custom WooCommerce theme for Eight Billion Labs — research-use-only materials. Server-rendered, no page builder: product pages are templates driven by the product record so the page, its structured data and the Merchant Center feed cannot drift apart.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
License: Proprietary
Text Domain: ebl
*/

/* ---------- tokens ---------- */
:root{
  --paper:#F7F5F0; --paper-alt:#EFEBE3; --surface:#FFFFFF; --plate:#EDEAE3;
  --line:#DFD9CF; --line-soft:#EDE8DF; --line-alt:#DACFC0;
  --ink:#16171A; --body:#55524C; --muted:#6E6A62; --faint:#8E8A82;
  --accent:#A8551F; --accent-hover:#8E4517;
  --ok:#3F6B4A; --ok-line:#C3D3C6; --warn:#8A6A2F; --warn-line:#DFD0AE;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --pad:48px; --maxw:1344px;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
h1,h2,h3,h4{margin:0;font-weight:500;letter-spacing:-.01em;line-height:1.15}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
.serif{font-family:var(--serif)}
.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
.stack{display:flex;flex-direction:column}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;font-weight:500;
  padding:15px 26px;border:1px solid transparent;cursor:pointer;transition:.14s;text-align:center;min-height:48px}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-hover);color:#fff}
.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-outline:hover{background:var(--ink);color:var(--paper)}
.btn-quiet{border-color:var(--line);color:var(--ink);background:transparent}
.btn-quiet:hover{border-color:var(--ink);color:var(--ink)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#000;color:#fff}
.btn-sm{padding:11px 18px;font-size:13px;min-height:0}

/* ---------- pills ---------- */
.pill{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;padding:4px 9px;border:1px solid var(--line);color:var(--muted);white-space:nowrap;display:inline-block}
.pill-ok{color:var(--ok);border-color:var(--ok-line)}
.pill-warn{color:var(--warn);border-color:var(--warn-line)}
.pill-ruo{color:var(--accent);border-color:#E0C4AC}
.kicker{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}

/* ---------- utility bar + header ---------- */
.utility{background:var(--ink);color:#C9C4BA}
.utility .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px}
/* The research-use disclaimer is the one line that must always be readable:
   12px floor here and in the footer, never the 10px used for labels. */
.utility span{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;line-height:1.5}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}
.site-header .wrap{display:flex;align-items:center;gap:48px;padding-top:22px;padding-bottom:22px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand-name{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.nav{display:flex;gap:30px;flex-grow:1}
.nav a{color:var(--ink);font-size:14px;padding-bottom:2px;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:var(--ink)}
.nav .current-menu-item>a,.nav .current_page_item>a{border-bottom-color:var(--ink)}
.header-tools{display:flex;align-items:center;gap:20px}
.cart-link{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);border:1px solid var(--line);padding:9px 13px;min-height:40px;display:inline-flex;align-items:center}
.cart-link:hover{border-color:var(--ink);color:var(--ink)}
.cart-link.has-items{background:var(--ink);color:#fff;border-color:var(--ink)}
.mnav{display:none;position:relative}
.mnav>summary{width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;list-style:none;color:var(--ink)}
.mnav>summary::-webkit-details-marker{display:none}
.mnav-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:20;background:var(--surface);border:1px solid var(--line);
  box-shadow:0 14px 34px rgba(0,0,0,.12);min-width:230px;display:flex;flex-direction:column;padding:6px 0}
.nav li,.mnav-panel li,.footer-col li{list-style:none;display:block}
.mnav-panel a{display:flex;align-items:center;min-height:48px;padding:0 20px;font-size:15px;color:var(--ink)}
.mnav-panel a:hover{background:var(--paper-alt)}

/* ---------- hero ---------- */
.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center;padding:84px 0 76px}
.hero-copy{display:flex;flex-direction:column;gap:26px}
.hero h1{font-family:var(--serif);font-size:clamp(38px,4.3vw,62px);line-height:1.04;letter-spacing:-.02em}
.hero p{font-size:17.5px;line-height:1.62;color:var(--body);max-width:480px;text-wrap:pretty}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:6px}
.plate{background:var(--plate);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:44px}
.plate-caption{display:flex;justify-content:space-between;gap:16px;margin-top:10px}
.plate-caption span{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}

/* ---------- trust strip ---------- */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-item{background:var(--paper);padding:30px 28px;display:flex;flex-direction:column;gap:9px}
.trust-item strong{font-size:14.5px;font-weight:500}
.trust-item span{font-size:13px;color:var(--muted);line-height:1.5}

/* ---------- section furniture ---------- */
.section{padding:78px 0}
.section-alt{background:var(--paper-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.section-head h2{font-family:var(--serif);font-size:40px;letter-spacing:-.015em;margin-top:14px}
.link-underline{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--accent);padding-bottom:3px}

/* ---------- product cards ---------- */
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.product-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{border:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;transition:.15s}
.card:hover{border-color:var(--ink)}
.card-media{background:var(--plate);border-bottom:1px solid var(--line);padding:30px;display:flex;align-items:center;justify-content:center;min-height:206px}
.card-media img{mix-blend-mode:multiply}
.card-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.card-code{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.card-title{font-family:var(--serif);font-size:23px;color:var(--ink)}
.card-title:hover{color:var(--ink)}
.card-format{font-size:13.5px;color:var(--muted)}
.card-foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px;margin-top:auto;border-top:1px solid var(--line-soft)}
.card-price{font-size:19px;font-weight:500;color:var(--ink)}
.card-price .woocommerce-Price-amount{font-size:19px}
.card-coa{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em}

/* ---------- catalogue layout ---------- */
.shop-head{border-bottom:1px solid var(--line);padding:52px 0 34px}
.shop-head h1{font-family:var(--serif);font-size:44px;letter-spacing:-.02em;margin-top:14px}
.shop-head p{font-size:15.5px;color:var(--body);max-width:560px;margin-top:12px}
.shop-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:48px;align-items:start;padding:40px 0 80px}
.filters{display:flex;flex-direction:column;gap:30px;position:sticky;top:24px}
.filter-group{display:flex;flex-direction:column;gap:13px}
.filter-group>span{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-bottom:8px;border-bottom:1px solid var(--line)}
.filter-group a{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink);min-height:28px}
.filter-box{width:15px;height:15px;border:1px solid var(--line);flex:none;background:#fff}
.filter-group a.active .filter-box{background:var(--ink);border-color:var(--ink)}
.filter-note{background:var(--paper-alt);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:8px}
.filter-note p{font-size:12.5px;line-height:1.55;color:var(--body)}

/* ---------- single product ---------- */
.breadcrumb{padding:20px 0;border-bottom:1px solid var(--line-soft);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--ink)}
.product-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding:44px 0 60px;align-items:start}
.product-gallery{display:flex;flex-direction:column;gap:12px}
.product-gallery .plate{padding:60px}
.gallery-note{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.product-summary{display:flex;flex-direction:column;gap:20px}
.product-flags{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.product-summary h1{font-family:var(--serif);font-size:46px;line-height:1.08;letter-spacing:-.02em}
.product-summary .short-desc{font-size:16px;line-height:1.6;color:var(--body);max-width:470px}
.price-row{display:flex;align-items:baseline;gap:14px;padding-top:6px}
.price-row .price,.price-row .woocommerce-Price-amount{font-size:32px;font-weight:500;color:var(--ink)}
.price-row .price del{font-size:20px;color:var(--muted);margin-right:8px}
.price-note{font-size:13.5px;color:var(--muted)}
.fact-list{display:flex;flex-direction:column;padding-top:10px}
.fact-list div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line-soft);font-size:13.5px}
.fact-list div:last-child{border-bottom:1px solid var(--line-soft)}
.fact-list span{color:var(--muted)}
.ruo-inline{background:var(--ink);color:#B7B2A8;padding:18px 20px;font-size:12.5px;line-height:1.65}
.ruo-inline a{color:#E8E4DC;border-bottom:1px solid var(--accent)}

/* woo form-cart */
.product-summary form.cart{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin:0}
.product-summary form.cart .quantity{display:flex;border:1px solid var(--line);background:#fff;width:max-content}
.product-summary form.cart .quantity input{width:64px;height:52px;border:0;text-align:center;font-size:15px;background:transparent;-moz-appearance:textfield}
.product-summary form.cart .quantity input::-webkit-outer-spin-button,
.product-summary form.cart .quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cart-row{display:flex;gap:12px;align-items:stretch}
.product-summary form.cart button.single_add_to_cart_button{flex-grow:1;background:var(--accent);color:#fff;border:0;font-size:15px;font-weight:500;min-height:52px;cursor:pointer;transition:.14s}
.product-summary form.cart button.single_add_to_cart_button:hover{background:var(--accent-hover)}
.bundle-note{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);background:#FBFAF7;padding:14px 16px;font-size:13.5px;color:var(--body);margin-top:6px}

/* ---------- spec + COA ---------- */
.product-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding:0 0 76px;align-items:start}
.detail-col{display:flex;flex-direction:column;gap:20px}
.detail-col h2{font-family:var(--serif);font-size:28px}
.spec-table{background:var(--surface);border:1px solid var(--line)}
.spec-table div{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid var(--line-soft);font-size:13.5px}
.spec-table div:last-child{border-bottom:0}
.spec-table dt,.spec-table .k{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.note{font-size:13px;line-height:1.6;color:var(--muted)}
.coa{background:var(--surface);border:1px solid var(--line);padding:28px 30px}
.coa-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:15px;border-bottom:1px solid var(--ink)}
.coa-head .mono{font-size:10.5px}
.coa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.coa-grid div{padding:15px 0;border-bottom:1px solid var(--line-soft)}
.coa-grid .k{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}
.coa-grid .v{font-size:14.5px}
.coa-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:20px}
.lot-chips{display:flex;gap:8px;flex-wrap:wrap}
.lot-chip{border:1px solid var(--line);background:#fff;color:var(--body);padding:10px 15px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.lot-chip.is-current{background:var(--ink);color:#FBFAF7;border-color:var(--ink)}
.lot-chip:hover{border-color:var(--ink);color:var(--ink)}
.lot-chip.is-current:hover{color:#fff}

/* ---------- record / documentation blocks ---------- */
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px}
.numbered{display:flex;flex-direction:column;padding-top:8px}
.numbered>div{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line-alt)}
.numbered>div:last-child{border-bottom:1px solid var(--line-alt)}
.numbered .n{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--accent);padding-top:3px}
.numbered strong{font-size:15.5px;font-weight:500;display:block;margin-bottom:5px}
.numbered span{font-size:13.5px;color:var(--muted);line-height:1.55}
.archive-search{background:var(--surface);border:1px solid var(--line);padding:22px 32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.archive-search label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap}
.field{border:1px solid var(--line);background:#FBFAF7;padding:13px 14px;font-size:13.5px;width:100%;min-height:48px}
.field:focus{outline:0;border-color:var(--ink);background:#fff}

/* ---------- RUO band ---------- */
.ruo-band{background:var(--ink);color:#E8E4DC;padding:62px 0}
.ruo-band .wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.ruo-band h2{font-family:var(--serif);font-size:33px;color:#FBFAF7;letter-spacing:-.01em}
.ruo-band p{font-size:15px;line-height:1.72;color:#B7B2A8;max-width:860px;text-wrap:pretty}
.ruo-band .kicker{color:var(--accent)}
.ruo-band a{color:#E8E4DC}

/* ---------- policy pages ---------- */
.policy-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:72px;align-items:start;padding:58px 0 76px}
.policy-nav{display:flex;flex-direction:column;gap:10px;position:sticky;top:24px}
.policy-nav>span{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}
.policy-nav a{font-size:14px;color:var(--ink);padding:10px 12px;min-height:40px;display:flex;align-items:center}
.policy-nav a:hover{background:var(--paper-alt)}
.policy-nav a.active{background:var(--ink);color:#FBFAF7}
.policy-body{max-width:780px;display:flex;flex-direction:column;gap:26px}
.policy-body h1{font-family:var(--serif);font-size:46px;letter-spacing:-.02em}
.policy-body h2{font-family:var(--serif);font-size:26px;margin-top:14px}
.policy-body h3{font-size:18px;margin-top:10px}
.policy-body p{font-size:15.5px;line-height:1.68;color:var(--body)}
.policy-body ul{list-style:disc;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.policy-body li{font-size:15.5px;line-height:1.6;color:var(--body)}
.policy-body table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.policy-body th{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;background:var(--paper-alt);padding:14px 22px;border-bottom:1px solid var(--line)}
.policy-body td{padding:16px 22px;border-bottom:1px solid var(--line-soft);font-size:14px}
.policy-body tr:last-child td{border-bottom:0}
.updated{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.callout{background:#F3EEE4;border:1px solid var(--warn-line);padding:20px 22px;display:flex;gap:14px;align-items:flex-start}
.callout p{font-size:13.5px;line-height:1.6;color:var(--body)}

/* ---------- batch archive ---------- */
.lot-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line)}
.lot-table th{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;background:var(--paper-alt);padding:14px 22px;border-bottom:1px solid var(--line)}
.lot-table td{padding:16px 22px;border-bottom:1px solid var(--line-soft);font-size:13.5px;color:var(--body)}
.lot-table tr:last-child td{border-bottom:0}
.lot-table td.lot{font-family:var(--mono);font-size:11px;color:var(--ink);text-transform:uppercase}

/* ---------- cart & checkout (woo) ---------- */
.woocommerce .page-shell{padding:48px 0 70px}
.page-shell h1{font-family:var(--serif);font-size:40px;letter-spacing:-.02em;margin-bottom:26px}
.woocommerce table.shop_table{border:0;border-collapse:collapse;width:100%;background:transparent}
.woocommerce table.shop_table th{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;padding:0 0 13px;border-bottom:1px solid var(--ink);background:transparent}
.woocommerce table.shop_table td{padding:24px 0;border-bottom:1px solid var(--line-soft);vertical-align:middle;background:transparent}
.woocommerce table.cart img{width:74px;border:1px solid var(--line);background:var(--plate)}
.cart-item-meta{display:flex;flex-direction:column;gap:4px}
.cart-item-meta .code{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.cart-item-meta .name{font-family:var(--serif);font-size:21px;color:var(--ink)}
.cart-item-meta .fmt{font-size:13px;color:var(--muted)}
.woocommerce .cart_totals,.woocommerce-checkout-review-order{background:var(--surface);border:1px solid var(--line);padding:28px}
.woocommerce .cart_totals h2,.woocommerce-checkout-review-order h3{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;padding-bottom:15px;border-bottom:1px solid var(--ink);margin:0 0 14px;font-weight:500}
.woocommerce .cart_totals table{width:100%;border-collapse:collapse}
.woocommerce .cart_totals th,.woocommerce .cart_totals td{padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:14px;text-align:left;font-weight:400}
.woocommerce .cart_totals td{text-align:right}
.woocommerce .cart_totals .order-total th,.woocommerce .cart_totals .order-total td{font-size:19px;font-weight:500;border-bottom:0;border-top:1px solid var(--ink);padding-top:15px}
.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{background:var(--ink);color:#fff;border:0;border-radius:0;font-size:14px;font-weight:500;padding:15px 24px;min-height:48px;transition:.14s}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{background:#000;color:#fff}
.woocommerce .checkout-button,.woocommerce #place_order,.woocommerce button.button.alt{background:var(--accent);color:#fff;width:100%}
.woocommerce .checkout-button:hover,.woocommerce #place_order:hover,.woocommerce button.button.alt:hover{background:var(--accent-hover)}
.woocommerce form .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:0}
.woocommerce form .form-row label{font-size:13px;color:var(--muted)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single{border:1px solid var(--line);background:#fff;padding:13px 14px;font-size:14px;min-height:48px;border-radius:0;width:100%}
.woocommerce form .form-row input.input-text:focus{outline:0;border-color:var(--ink)}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:auto;float:none}
#customer_details+h3,#order_review_heading{font-family:var(--serif);font-size:26px;margin:34px 0 16px;font-weight:500}
.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:1px solid var(--line);background:#fff;padding:18px;margin:0 0 14px}
.woocommerce-checkout #payment div.form-row{padding:14px 0 0}
.woocommerce-info,.woocommerce-message,.woocommerce-error{border-top:0;border-left:3px solid var(--accent);background:var(--paper-alt);color:var(--ink);font-size:14px;padding:16px 20px;border-radius:0;list-style:none}
.woocommerce-error{border-left-color:#B4402B}
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before{display:none}
.ruo-gate{background:#F3EEE4;border:1px solid var(--warn-line);padding:22px 24px;display:flex;flex-direction:column;gap:14px;margin:18px 0}
.ruo-gate.accepted{background:#fff;border-color:var(--line)}
.ruo-gate p{font-size:13.5px;line-height:1.62;color:#3D3A35}
.ruo-gate label{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:14px 15px;cursor:pointer;font-size:13.5px;line-height:1.55;color:var(--ink)}
.ruo-gate input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink);flex:none}
.checkout-assurance{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.checkout-assurance div{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--line)}
.footer-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr;gap:40px;padding:62px 0 30px}
.footer-col{display:flex;flex-direction:column;gap:11px}
.footer-col>span.h{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:3px}
.footer-col a{font-size:13.5px;color:var(--ink)}
.footer-col a:hover{color:var(--accent)}
.footer-col address{font-style:normal;font-size:13.5px;line-height:1.6;color:var(--ink)}
.footer-blurb{font-size:13px;line-height:1.6;color:var(--muted);max-width:250px}
.footer-bottom{border-top:1px solid var(--line)}
.footer-bottom .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;padding-bottom:44px}
.footer-bottom span{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);line-height:1.5}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .product-grid,.product-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  :root{--pad:24px}
  .nav{display:none}
  .mnav{display:block}
  .site-header .wrap{gap:16px;justify-content:space-between}
  .hero,.two-col,.product-main,.product-detail,.shop-layout,.policy-layout,.woocommerce-checkout .col2-set{grid-template-columns:minmax(0,1fr);gap:36px}
  .hero{padding:48px 0 44px}
  .filters,.policy-nav{position:static}
  .ruo-band .wrap{grid-template-columns:minmax(0,1fr);gap:20px}
  .section{padding:52px 0}
  .section-head h2{font-size:32px}
  .product-summary h1{font-size:36px}
  .policy-body h1{font-size:34px}
  .page-shell h1{font-size:32px}
  .plate,.product-gallery .plate{padding:30px}
}
@media (max-width:600px){
  :root{--pad:18px}
  .product-grid,.product-grid.cols-4{grid-template-columns:minmax(0,1fr)}
  .trust{grid-template-columns:minmax(0,1fr)}
  .utility .wrap{flex-direction:column;gap:4px;text-align:center}
  .footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-actions .btn{width:100%}
  .coa-grid{grid-template-columns:minmax(0,1fr)}
  .woocommerce table.shop_table thead{display:none}
  .woocommerce table.cart td{display:block;padding:8px 0;border:0}
  .woocommerce table.cart tr{display:block;border-bottom:1px solid var(--line-soft);padding:18px 0}
}