/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ====================================================================
   NANO AMINOS — GLOBAL DESIGN LAYER  (Step 1 of prototype re-skin)
   Source of truth: prototype index.html. Clinical white surfaces,
   single deep-teal accent, lab-grade mono data, hairline rules.
   ==================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

html:root,
html body.elementor-kit-7{
  /* ---- prototype tokens ---- */
  --na-paper:#F5F7F7;
  --na-paper-2:#EDF1F1;
  --na-card:#FFFFFF;
  --na-ink:#0C1716;
  --na-ink-2:#394746;
  --na-muted:#6A7978;
  --na-line:#E2E8E8;
  --na-line-2:#D0D9D9;
  --na-teal:#137E78;
  --na-teal-600:#0F6B66;
  --na-teal-700:#0A4F4A;
  --na-teal-050:#E9F3F2;
  --na-teal-100:#D5E9E7;
  --na-amber:#9A5B00;
  --na-stop:#8A3A3A;

  --f-display:'Space Grotesk','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-body:'IBM Plex Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-mono:'IBM Plex Mono','SFMono-Regular',Menlo,Consolas,monospace;

  /* ---- remap WoodMart core variables ---- */
  --wd-primary-color:#137E78;
  --wd-text-color:#394746;
  --wd-title-color:#0C1716;
  --wd-link-color:#0C1716;
  --wd-link-color-hover:#137E78;
  --wd-title-font:var(--f-display);
  --wd-text-font:var(--f-body);
  --wd-entities-font:var(--f-display);
  --wd-brd-radius:6px;
  --wd-form-brd-radius:6px;
  --btn-default-bg:#137E78;
  --btn-accent-bg:#137E78;
}

/* ---- base surfaces & body type ---- */
body,
.wd-page-content,
.site-content{
  background-color:var(--na-paper)!important;
  font-family:var(--f-body);
  color:var(--na-ink-2);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---- headings ---- */
h1,h2,h3,h4,h5,h6,
.title,.section-title,.wd-entities-title,
.woocommerce-loop-product__title,
.product_title{
  font-family:var(--f-display)!important;
  color:var(--na-ink);
  font-weight:600;
  letter-spacing:-.012em;
  line-height:1.1;
}

/* ---- links ---- */
a{color:inherit;transition:color .15s ease;}
a:hover{color:var(--na-teal);}

/* ---- mono / data type (lab readouts) ---- */
.woocommerce-Price-amount,
.price,.sku,.sku_wrapper,.posted_in,.tagged_as,
.woocommerce-result-count,.woocommerce-ordering,
.wd-product .price{
  font-family:var(--f-mono)!important;
}

/* ---- accent text colour where WoodMart hardcodes ---- */
.wd-entities-title a:hover,
.woocommerce-loop-product__title a:hover{color:var(--na-teal);}

/* ====================================================================
   BUTTONS — prototype .btn system mapped to WoodMart / WooCommerce
   ==================================================================== */
.btn, a.btn, button.btn,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.wd-add-btn a.button, .single_add_to_cart_button,
.wd-buy-now-btn a, .checkout-button, .wc-proceed-to-checkout a.button,
input[type=submit].wpcf7-submit{
  font-family:var(--f-body)!important;
  font-weight:600!important;
  letter-spacing:.005em!important;
  border-radius:6px!important;
  border:1px solid transparent!important;
  text-transform:none!important;
  transition:transform .12s cubic-bezier(.22,.61,.36,1),background .15s,border-color .15s,box-shadow .15s!important;
}

/* primary (filled teal) */
.btn-color-primary, .btn.btn-style-default,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.single_add_to_cart_button, .wd-add-btn a.button,
.checkout-button, .wc-proceed-to-checkout a.button,
input[type=submit].wpcf7-submit{
  background-color:var(--na-teal)!important;
  color:#fff!important;
  border-color:var(--na-teal)!important;
}
.btn-color-primary:hover, .btn.btn-style-default:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover, .wd-add-btn a.button:hover,
.checkout-button:hover, .wc-proceed-to-checkout a.button:hover,
input[type=submit].wpcf7-submit:hover{
  background-color:var(--na-teal-600)!important;
  border-color:var(--na-teal-600)!important;
  color:#fff!important;
  box-shadow:0 8px 22px -10px rgba(15,107,102,.6)!important;
  transform:translateY(-1px);
}

/* ghost / secondary (outline) */
.woocommerce a.button:not(.alt):not(.add_to_cart_button),
.btn-style-bordered{
  background:#fff!important;
  color:var(--na-ink)!important;
  border-color:var(--na-line-2)!important;
}
.woocommerce a.button:not(.alt):not(.add_to_cart_button):hover,
.btn-style-bordered:hover{
  border-color:var(--na-teal)!important;
  color:var(--na-teal)!important;
  background:var(--na-teal-050)!important;
}

/* ---- form fields (global) ---- */
input[type=text],input[type=email],input[type=tel],input[type=number],
input[type=password],input[type=search],select,textarea,
.wd-search-element input{
  font-family:var(--f-body)!important;
  border-radius:6px!important;
  border-color:var(--na-line-2)!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--na-teal)!important;
  box-shadow:0 0 0 3px var(--na-teal-050)!important;
  outline:none!important;
}

/* ---- hairline rule colour to match prototype ---- */
hr,.wd-separator{border-color:var(--na-line)!important;}


/* ====================================================================
   STEP 2 — SHOP / PRODUCT GRID  (WooCommerce archive)
   ==================================================================== */
.woocommerce .wd-products .wd-product.product-grid-item{
  background:var(--na-card);
  border:1px solid var(--na-line);
  border-radius:10px;
  overflow:hidden;
  text-align:left;
  transition:border-color .2s, box-shadow .25s, transform .2s;
}
.woocommerce .wd-products .wd-product.product-grid-item:hover{
  border-color:var(--na-teal-100);
  box-shadow:0 14px 40px -18px rgba(12,23,22,.22);
  transform:translateY(-3px);
}
.wd-product .product-wrapper{display:flex;flex-direction:column;height:100%;}
.wd-product .product-element-top{
  background:linear-gradient(170deg,#fbfcfc,#eef3f3);
  border-bottom:1px solid var(--na-line);
  padding:16px;
}
.wd-product .product-element-top .product-image-link img{
  mix-blend-mode:multiply;object-fit:contain;
}
.wd-product .wd-entities-title{
  text-align:left;font-size:17px;margin:14px 16px 4px;letter-spacing:-.01em;line-height:1.2;
}
.wd-product .wd-entities-title a{color:var(--na-ink);}
.wd-product .wd-entities-title a:hover{color:var(--na-teal);}
.wd-product .price{
  text-align:left;margin:0 16px 12px;display:block;font-family:var(--f-mono)!important;
}
.wd-product .price .woocommerce-Price-amount{
  font-family:var(--f-display)!important;font-weight:600;font-size:18px;color:var(--na-ink);
}
.wd-product .price del .woocommerce-Price-amount{color:var(--na-muted);font-weight:400;font-size:14px;}
.wd-product .price ins{text-decoration:none;}
.wd-product .wd-add-btn{margin:auto 16px 16px;}
.wd-product .wd-add-btn a.button{display:inline-flex;align-items:center;gap:8px;border-radius:6px!important;font-size:13px!important;}
/* shop toolbar + breadcrumb */
.woocommerce-result-count,.woocommerce-ordering,.woocommerce-ordering select{font-family:var(--f-mono)!important;font-size:13px;color:var(--na-muted);}
.woocommerce-breadcrumb,.wd-breadcrumbs{font-family:var(--f-mono)!important;font-size:12px;color:var(--na-muted);}
.woocommerce-breadcrumb a:hover{color:var(--na-teal);}
/* sidebar filter widgets */
.widget-title,.widgettitle{font-family:var(--f-mono)!important;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--na-ink)!important;}
.price_slider_wrapper .button,.widget_price_filter .button{background:var(--na-teal)!important;border-radius:6px!important;}
.ui-slider .ui-slider-range{background:var(--na-teal)!important;}
.ui-slider .ui-slider-handle{background:#fff!important;border:2px solid var(--na-teal)!important;border-radius:50%!important;}
.widget_product_categories a:hover,.product-categories a:hover,.wd-widget-products .wd-entities-title a:hover{color:var(--na-teal)!important;}


/* ====================================================================
   STEP 3 — SINGLE PRODUCT (PDP)
   ==================================================================== */
.single-product div.product .woocommerce-product-gallery{
  background:linear-gradient(170deg,#fbfcfc,#edf3f3);
  border:1px solid var(--na-line);border-radius:10px;padding:20px;
}
.single-product .woocommerce-product-gallery img{mix-blend-mode:multiply;}
.single-product .product_title{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.02em;margin-bottom:6px;}
.single-product .summary .price,
.single-product .summary .price .woocommerce-Price-amount{color:var(--na-ink)!important;font-family:var(--f-display)!important;font-weight:600;}
.single-product .summary > .price{font-size:30px;margin:14px 0 8px;}
.single-product .summary .price .woocommerce-Price-amount{font-size:30px;}
.single-product .summary del .woocommerce-Price-amount{color:var(--na-muted)!important;font-size:20px;font-weight:400;}
.single-product .variations label,.single-product .variations th{font-family:var(--f-mono)!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--na-ink);}
.single-product .variations select{border-radius:6px!important;border-color:var(--na-line-2)!important;font-family:var(--f-body)!important;padding:10px 12px;}
.single-product .quantity input.qty{border-radius:6px!important;border-color:var(--na-line-2)!important;font-family:var(--f-mono)!important;}
.product_meta{font-family:var(--f-mono)!important;font-size:12.5px;color:var(--na-muted);border-top:1px solid var(--na-line);padding-top:16px;margin-top:18px;}
.product_meta .sku,.product_meta a{color:var(--na-ink);}
.product_meta a:hover{color:var(--na-teal);}
.woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs .wd-active > .title-wrapper,.woocommerce-tabs .wd-active .wd-accordion-title{color:var(--na-teal)!important;}
.woocommerce-Tabs-panel,.wd-accordion-content{font-size:15px;color:var(--na-ink-2);}
.shop_attributes,.woocommerce-product-attributes{font-family:var(--f-mono)!important;border:1px solid var(--na-line)!important;border-radius:6px;overflow:hidden;}
.shop_attributes th{font-family:var(--f-mono)!important;text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:var(--na-muted)!important;background:var(--na-paper)!important;}
.shop_attributes td{font-family:var(--f-mono)!important;color:var(--na-ink)!important;}


/* ====================================================================
   STEP 5 — CART & CHECKOUT
   ==================================================================== */
.woocommerce table.shop_table{border:1px solid var(--na-line)!important;border-radius:10px!important;overflow:hidden;background:#fff;}
.woocommerce table.shop_table th{font-family:var(--f-mono)!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.08em;color:var(--na-muted)!important;}
.woocommerce table.shop_table td{border-top:1px solid var(--na-line);}
.woocommerce-cart table.cart img{border-radius:6px;background:linear-gradient(170deg,#fbfcfc,#eef3f3);mix-blend-mode:multiply;border:1px solid var(--na-line);}
.woocommerce-cart-form__cart-item .product-name a{font-family:var(--f-display)!important;color:var(--na-ink)!important;}
.woocommerce-cart-form__cart-item .product-name a:hover{color:var(--na-teal)!important;}
.woocommerce .cart .quantity input.qty{border-radius:6px!important;border-color:var(--na-line-2)!important;font-family:var(--f-mono)!important;}
.cart_totals h2,.cross-sells h2{font-family:var(--f-display)!important;}
.cart_totals .amount,.order-total .amount{font-family:var(--f-mono)!important;}
.cart_totals .order-total .amount{color:var(--na-ink)!important;font-family:var(--f-display)!important;font-weight:600;}
#add_payment_method .cart-collaterals .cart_totals,.woocommerce-cart .cart-collaterals .cart_totals{border:1px solid var(--na-line);border-radius:10px;background:#fff;}
/* checkout */
.woocommerce-checkout h3,#order_review_heading{font-family:var(--f-display)!important;color:var(--na-ink);}
.woocommerce form .form-row label{font-family:var(--f-mono)!important;font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;color:var(--na-ink-2)!important;}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .select2-container .select2-selection{border-radius:6px!important;border-color:var(--na-line-2)!important;font-family:var(--f-body)!important;}
.woocommerce-checkout #order_review,.woocommerce-checkout-review-order{border:1px solid var(--na-line);border-radius:10px;background:#fff;padding:6px 14px;}
.woocommerce-checkout #order_review table.shop_table{border:none!important;}
.woocommerce-checkout #payment{background:var(--na-paper)!important;border-radius:0 0 10px 10px;}
.woocommerce-checkout #payment .place-order .button,.woocommerce #place_order{width:100%;border-radius:6px!important;}
.woocommerce-info,.woocommerce-message{border-top-color:var(--na-teal)!important;}
.woocommerce-info::before,.woocommerce-message::before{color:var(--na-teal)!important;}


/* ====================================================================
   STEP 4 — HOMEPAGE: neutralize prototype scroll-reveal (no JS on static transplant)
   ==================================================================== */
html:not(.na-anim) #na-home .reveal{opacity:1 !important;transform:none !important;}
html:not(.na-anim) #na-home [class*="reveal"]{opacity:1 !important;transform:none !important;}


/* ====================================================================
   SCOPED PROTOTYPE CSS — powers all #na-home transplanted pages
   (homepage + interior info pages). Scoped so it cannot affect
   the rest of the WooCommerce/WoodMart site.
   ==================================================================== */
#na-home{--paper: #F5F7F7; --paper-2: #EDF1F1; --card: #FFFFFF; --ink: #0C1716; --ink-2: #394746; --muted: #6A7978; --line: #E2E8E8; --line-2: #D0D9D9; --teal: #137E78; --teal-600: #0F6B66; --teal-700: #0A4F4A; --teal-050: #E9F3F2; --teal-100: #D5E9E7; --brand: #218B89; --amber: #9A5B00; --amber-bg: #F6EEDE; --stop: #8A3A3A; --stop-bg: #F3E7E7; --f-display: 'Space Grotesk','Segoe UI',system-ui,-apple-system,sans-serif; --f-body: 'IBM Plex Sans','Segoe UI',system-ui,-apple-system,sans-serif; --f-mono: 'IBM Plex Mono','SFMono-Regular',Menlo,Consolas,monospace; --r: 6px; --r-sm: 4px; --r-lg: 10px; --shadow: 0 1px 2px rgba(12,23,22,.04); --shadow-lift: 0 14px 40px -18px rgba(12,23,22,.22); --wrap: 1200px; --ease: cubic-bezier(.22,.61,.36,1);}#na-home *,#na-home ::before,#na-home ::after{box-sizing: border-box;}#na-home{text-size-adjust: 100%;}#na-home{margin: 0px; font-family: var(--f-body); color: var(--ink); background: var(--paper); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}#na-home img{max-width: 100%; display: block;}#na-home a{color: inherit; text-decoration: none;}#na-home button{font-family: inherit; cursor: pointer;}#na-home h1,#na-home h2,#na-home h3,#na-home h4{font-family: var(--f-display); font-weight: 600; line-height: 1.08; letter-spacing: -0.012em; margin: 0px;}#na-home p{margin: 0px;}#na-home ul{margin: 0px;}#na-home .wrap{max-width: var(--wrap); margin: 0px auto; padding: 0px 28px;}#na-home .mono{font-family: var(--f-mono);}#na-home .eyebrow{font-family: var(--f-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--teal); display: inline-flex; align-items: center; gap: 9px;}#na-home .eyebrow::before{content: ""; width: 18px; height: 1px; background: var(--teal); display: inline-block;}#na-home .eyebrow.plain::before{display: none;}#na-home .announce{background: rgb(32, 167, 173); color: rgb(255, 255, 255); font-size: 12.5px; letter-spacing: 0.01em;}#na-home .announce .wrap{display: flex; align-items: center; justify-content: space-between; height: 36px;}#na-home .announce .promo{display: flex; align-items: center; gap: 18px; font-family: var(--f-mono); font-size: 11.5px; letter-spacing: 0.04em;}#na-home .announce .promo span{display: flex; align-items: center; gap: 7px; white-space: nowrap;}#na-home .announce .promo .dot{width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.6);}#na-home .announce .util{display: flex; gap: 20px; font-size: 12px;}#na-home .announce .util a{color: rgba(255, 255, 255, 0.85); transition: color 0.15s;}#na-home .announce .util a:hover{color: rgb(255, 255, 255);}@media (max-width: 760px){#na-home .announce .promo span:nth-child(n+2){display: none;}#na-home .announce .util a:first-child{display: none;}}#na-home .site-header{position: sticky; top: 0px; z-index: 50; background: rgba(255, 255, 255, 0.92); backdrop-filter: saturate(140%) blur(8px); border-bottom: 1px solid var(--line);}#na-home .header-row{display: flex; align-items: center; gap: 30px; height: 72px;}#na-home .brand{display: flex; align-items: center; gap: 11px; flex-shrink: 0;}#na-home .brand svg{display: block;}#na-home .brand .name{font-family: var(--f-display); font-weight: 600; font-size: 20px; letter-spacing: 0.02em; color: var(--ink);}#na-home .brand .name b{color: var(--brand); font-weight: 700;}#na-home .mainnav{display: flex; gap: 4px; margin-left: 6px;}#na-home .mainnav a{font-size: 14px; font-weight: 500; color: var(--ink-2); padding: 9px 13px; border-radius: var(--r-sm); position: relative; transition: color 0.15s, background 0.15s;}#na-home .mainnav a:hover{color: var(--ink); background: var(--paper-2);}#na-home .mainnav a.active{color: var(--teal);}#na-home .mainnav a.active::after{content: ""; position: absolute; left: 13px; right: 13px; bottom: 2px; height: 2px; background: var(--teal); border-radius: 2px;}#na-home .header-actions{margin-left: auto; display: flex; align-items: center; gap: 6px;}#na-home .icon-btn{width: 40px; height: 40px; border: 1px solid transparent; background: none; border-radius: var(--r); display: grid; place-items: center; color: var(--ink-2); position: relative; transition: 0.15s;}#na-home .icon-btn:hover{background: var(--paper-2); color: var(--ink);}#na-home .icon-btn svg{width: 19px; height: 19px;}#na-home .cart-count{position: absolute; top: 3px; right: 3px; min-width: 17px; height: 17px; padding: 0px 4px; border-radius: 9px; background: var(--teal); color: rgb(255, 255, 255); font-family: var(--f-mono); font-size: 10px; font-weight: 600; display: grid; place-items: center; line-height: 1;}#na-home .menu-toggle{display: none;}@media (max-width: 980px){#na-home .mainnav{display: none;}#na-home .menu-toggle{display: grid;}}#na-home .mobile-nav{display: none; border-top: 1px solid var(--line); background: rgb(255, 255, 255);}#na-home .mobile-nav.open{display: block;}#na-home .mobile-nav a{display: block; padding: 13px 28px; font-size: 15px; font-weight: 500; border-bottom: 1px solid var(--line); color: var(--ink-2);}#na-home .mobile-nav a.active{color: var(--teal);}#na-home .btn{display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-family: var(--f-body); font-size: 14px; font-weight: 600; letter-spacing: 0.005em; padding: 13px 22px; border-radius: var(--r); border: 1px solid transparent; transition: transform .12s var(--ease),background .15s,border-color .15s,box-shadow .15s; white-space: nowrap;}#na-home .btn svg{width: 16px; height: 16px;}#na-home .btn-primary{background: var(--teal); color: rgb(255, 255, 255);}#na-home .btn-primary:hover{background: var(--teal-600); box-shadow: rgba(15, 107, 102, 0.6) 0px 8px 22px -10px;}#na-home .btn-primary:active{transform: translateY(1px);}#na-home .btn-ghost{background: rgb(255, 255, 255); color: var(--ink); border-color: var(--line-2);}#na-home .btn-ghost:hover{border-color: var(--teal); color: var(--teal); background: var(--teal-050);}#na-home .btn-dark{background: var(--ink); color: rgb(255, 255, 255);}#na-home .btn-dark:hover{background: rgb(29, 43, 42);}#na-home .btn-block{width: 100%;}#na-home .btn-sm{padding: 9px 15px; font-size: 13px;}#na-home .btn-lg{padding: 15px 28px; font-size: 15px;}#na-home .btn:disabled{opacity: 0.5; cursor: not-allowed;}#na-home .chip{display: inline-flex; align-items: center; gap: 6px; font-family: var(--f-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.04em; padding: 4px 9px; border-radius: 4px; border: 1px solid var(--line-2); color: var(--ink-2); background: rgb(255, 255, 255); text-transform: uppercase;}#na-home .chip.solid{background: var(--teal-050); border-color: var(--teal-100); color: var(--teal-700);}#na-home .chip.ruo{background: rgb(255, 255, 255); border-color: var(--line-2); color: var(--ink-2);}#na-home .chip .tk{font-weight: 700; border: 1px solid; border-radius: 3px; padding: 0px 4px; font-size: 9.5px; letter-spacing: 0.06em;}#na-home .stock{display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-family: var(--f-mono); letter-spacing: 0.02em;}#na-home .stock::before{content: ""; width: 7px; height: 7px; border-radius: 50%;}#na-home .stock.in{color: var(--teal-700);}#na-home .stock.in::before{background: var(--teal); box-shadow: 0 0 0 3px var(--teal-050);}#na-home .stock.low{color: var(--amber);}#na-home .stock.low::before{background: var(--amber); box-shadow: 0 0 0 3px var(--amber-bg);}#na-home .stock.out{color: var(--stop);}#na-home .stock.out::before{background: var(--stop); box-shadow: 0 0 0 3px var(--stop-bg);}#na-home .ruo-ribbon{background: var(--ink); color: rgb(203, 214, 213); font-family: var(--f-mono); font-size: 11.5px; letter-spacing: 0.06em; text-transform: uppercase; text-align: center; padding: 8px 16px; display: flex; align-items: center; justify-content: center; gap: 10px;}#na-home .ruo-ribbon b{color: rgb(255, 255, 255); font-weight: 600;}#na-home .ruo-ribbon .tk{border: 1px solid rgb(68, 82, 79); border-radius: 3px; padding: 1px 5px; color: rgb(127, 184, 179); font-weight: 600;}#na-home .ruo-note{border: 1px solid var(--line-2); background: var(--paper); border-radius: var(--r); padding: 14px 16px; display: flex; gap: 12px; align-items: flex-start; font-size: 13px; color: var(--ink-2); line-height: 1.5;}#na-home .ruo-note .tk{flex: 0 0 auto; font-family: var(--f-mono); font-weight: 700; font-size: 10.5px; letter-spacing: 0.06em; border: 1.5px solid var(--ink-2); border-radius: 4px; padding: 3px 6px; color: var(--ink); margin-top: 1px;}#na-home .hero{padding: 64px 0px 30px; position: relative; overflow: hidden;}#na-home .hero-grid{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center;}#na-home .hero h1{font-size: clamp(38px, 5vw, 60px); font-weight: 600; letter-spacing: -0.022em; margin: 22px 0px 0px;}#na-home .hero h1 .accent{color: var(--teal);}#na-home .hero .lede{font-size: 18px; color: var(--ink-2); margin-top: 20px; max-width: 46ch; line-height: 1.55;}#na-home .hero-cta{display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap;}#na-home .hero-trust{display: flex; gap: 0px; margin-top: 38px; border-top: 1px solid var(--line);}#na-home .hero-trust .t{flex: 1 1 0%; padding: 16px 18px 0px 0px;}#na-home .hero-trust .t + .t{border-left: 1px solid var(--line); padding-left: 18px;}#na-home .hero-trust .v{font-family: var(--f-display); font-size: 21px; font-weight: 600; color: var(--ink);}#na-home .hero-trust .k{font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); margin-top: 3px;}@media (max-width: 900px){#na-home .hero-grid{grid-template-columns: 1fr; gap: 40px;}#na-home .hero{padding: 44px 0px 20px;}#na-home .hero-trust .t{padding-right: 10px;}}@media (max-width: 520px){#na-home .hero-trust{flex-wrap: wrap;}#na-home .hero-trust .t{flex: 1 0 45%; border-top: 1px solid var(--line); border-left-width: medium !important; border-left-style: none !important; border-left-color: currentcolor !important; padding-left: 0px !important;}#na-home .hero-trust .t:nth-child(-n+2){border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}}#na-home .readout{background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-lift); overflow: hidden;}#na-home .readout-head{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--line); background: var(--paper);}#na-home .readout-head .lbl{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted);}#na-home .readout-head .live{display: flex; align-items: center; gap: 7px; font-family: var(--f-mono); font-size: 11px; color: var(--teal-700);}#na-home .readout-head .live i{width: 7px; height: 7px; border-radius: 50%; background: var(--teal); animation: 2.4s ease 0s infinite normal none running pulse;}@keyframes pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}#na-home .readout-body{padding: 8px 12px 4px;}#na-home .readout-meta{display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 1px solid var(--line);}#na-home .readout-meta .m{padding: 13px 16px; border-right: 1px solid var(--line);}#na-home .readout-meta .m:last-child{border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}#na-home .readout-meta .mk{font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}#na-home .readout-meta .mv{font-family: var(--f-mono); font-size: 13.5px; font-weight: 500; color: var(--ink); margin-top: 4px;}#na-home .chromo{width: 100%; height: auto; display: block;}#na-home .chromo .peak{fill: none; stroke: var(--teal); stroke-width: 2; stroke-linejoin: round;}#na-home .chromo .fillpeak{fill: var(--teal-050);}#na-home .chromo .grid{stroke: var(--line); stroke-width: 1;}#na-home .chromo .axis{stroke: var(--line-2); stroke-width: 1.2;}#na-home .chromo text{font-family: var(--f-mono); fill: var(--muted); font-size: 9px;}#na-home .chromo .anno{fill: var(--teal-700); font-weight: 600; font-size: 10px;}#na-home .chromo .na-draw{stroke-dasharray: 2400; stroke-dashoffset: 2400; animation: draw 1.5s var(--ease) .2s forwards;}@keyframes draw { 
  100% { stroke-dashoffset: 0; }
}#na-home .section{padding: 72px 0px;}#na-home .section.tight{padding: 52px 0px;}#na-home .section.alt{background: var(--card); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}#na-home .section.ink{background: var(--ink); color: rgb(217, 226, 225);}#na-home .sec-head{max-width: 640px; margin-bottom: 36px;}#na-home .sec-head.center{margin: 0px auto 44px; text-align: center;}#na-home .sec-head h2{font-size: clamp(26px, 3.2vw, 36px); margin-top: 14px;}#na-home .sec-head p{color: var(--ink-2); font-size: 16px; margin-top: 14px;}#na-home .section.ink .sec-head p{color: rgb(159, 176, 174);}#na-home .section.ink .eyebrow{color: rgb(95, 183, 177);}#na-home .section.ink .eyebrow::before{background: rgb(95, 183, 177);}#na-home .duo{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}#na-home .duo .card{background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 32px; display: flex; flex-direction: column; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;}#na-home .duo .card:hover{border-color: var(--teal-100); box-shadow: var(--shadow-lift); transform: translateY(-2px);}#na-home .duo .card .tag{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--teal);}#na-home .duo .card h3{font-size: 23px; margin: 14px 0px 10px;}#na-home .duo .card p{color: var(--ink-2); font-size: 14.5px;}#na-home .duo .card ul{list-style: none; padding: 0px; margin: 18px 0px 24px; display: flex; flex-direction: column; gap: 9px;}#na-home .duo .card li{font-size: 13.5px; color: var(--ink-2); display: flex; gap: 10px; align-items: flex-start; font-family: var(--f-mono); letter-spacing: 0.01em;}#na-home .duo .card li::before{content: "›"; color: var(--teal); font-weight: 700; flex: 0 0 auto;}#na-home .duo .card .go{margin-top: auto;}@media (max-width: 760px){#na-home .duo{grid-template-columns: 1fr;}}#na-home .cat-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;}#na-home .cat{background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 24px; display: flex; flex-direction: column; gap: 8px; transition: 0.2s; position: relative; min-height: 148px;}#na-home .cat:hover{border-color: var(--teal); box-shadow: var(--shadow-lift); transform: translateY(-2px);}#na-home .cat .idx{font-family: var(--f-mono); font-size: 11px; color: var(--muted); letter-spacing: 0.05em;}#na-home .cat h3{font-size: 19px;}#na-home .cat p{font-size: 13px; color: var(--muted);}#na-home .cat .count{margin-top: auto; font-family: var(--f-mono); font-size: 12px; color: var(--teal); display: flex; align-items: center; gap: 7px;}#na-home .cat .count .arr{transition: transform 0.2s;}#na-home .cat:hover .count .arr{transform: translateX(4px);}@media (max-width: 820px){#na-home .cat-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 520px){#na-home .cat-grid{grid-template-columns: 1fr;}}#na-home .prod-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}#na-home .prod-grid.cols3{grid-template-columns: repeat(3, 1fr);}@media (max-width: 1080px){#na-home .prod-grid{grid-template-columns: repeat(3, 1fr);}}@media (max-width: 820px){#na-home .prod-grid,#na-home .prod-grid.cols3{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 480px){#na-home .prod-grid,#na-home .prod-grid.cols3{grid-template-columns: 1fr;}}#na-home .pcard{background: var(--card); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; display: flex; flex-direction: column; transition: border-color 0.2s, box-shadow 0.25s, transform 0.2s; position: relative;}#na-home .pcard:hover{border-color: var(--teal-100); box-shadow: var(--shadow-lift); transform: translateY(-3px);}#na-home .pcard .media{position: relative; background: linear-gradient(170deg, rgb(251, 252, 252), rgb(238, 243, 243)); padding: 16px 14px; aspect-ratio: 4 / 5; display: grid; place-items: center;}#na-home .pcard .media img{width: 100%; height: 100%; object-fit: contain; object-position: center center; mix-blend-mode: multiply;}#na-home .pcard .flag{position: absolute; top: 10px; left: 10px; font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.06em; background: var(--ink); color: rgb(255, 255, 255); padding: 3px 7px; border-radius: 3px; text-transform: uppercase;}#na-home .pcard .flag.sale{background: var(--teal);}#na-home .pcard .body{padding: 16px 16px 18px; display: flex; flex-direction: column; gap: 0px; flex: 1 1 0%;}#na-home .pcard .cat-tag{font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--teal);}#na-home .pcard h3{font-size: 17px; margin: 7px 0px 5px; letter-spacing: -0.01em;}#na-home .pcard .casline{font-family: var(--f-mono); font-size: 11.5px; color: var(--muted); letter-spacing: 0.01em;}#na-home .pcard .meta{display: flex; align-items: center; gap: 8px; margin-top: 12px; flex-wrap: wrap;}#na-home .pcard .foot{display: flex; align-items: flex-end; justify-content: space-between; margin-top: 14px; gap: 10px;}#na-home .pcard .price{font-family: var(--f-display); font-size: 19px; font-weight: 600; color: var(--ink);}#na-home .pcard .price .from{font-family: var(--f-mono); font-size: 10px; color: var(--muted); display: block; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 400;}#na-home .pcard .stockrow{margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between;}#na-home .pcard .add{appearance: none; border: 1px solid var(--line-2); background: rgb(255, 255, 255); border-radius: var(--r); width: 38px; height: 38px; display: grid; place-items: center; color: var(--ink); transition: 0.15s; flex: 0 0 auto;}#na-home .pcard .add:hover{background: var(--teal); border-color: var(--teal); color: rgb(255, 255, 255);}#na-home .pcard .add svg{width: 17px; height: 17px;}#na-home .shop-top{display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin: 6px 0px 26px;}#na-home .shop-top .count{font-size: 14px; color: var(--muted); font-family: var(--f-mono);}#na-home .shop-controls{display: flex; align-items: center; gap: 12px;}#na-home .select{font-family: var(--f-body); font-size: 13.5px; color: var(--ink); background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236A7978' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") right 11px center no-repeat rgb(255, 255, 255); border: 1px solid var(--line-2); border-radius: var(--r); padding: 9px 32px 9px 13px; appearance: none; cursor: pointer;}#na-home .shop-layout{display: grid; grid-template-columns: 248px 1fr; gap: 34px; align-items: start;}#na-home .filters{position: sticky; top: 96px;}#na-home .filter-block{border-bottom: 1px solid var(--line); padding: 20px 0px;}#na-home .filter-block:first-child{padding-top: 0px;}#na-home .filter-block h4{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink); margin-bottom: 14px;}#na-home .fopt{display: flex; align-items: center; gap: 10px; padding: 5px 0px; font-size: 14px; color: var(--ink-2); cursor: pointer; user-select: none;}#na-home .fopt input{appearance: none; width: 17px; height: 17px; border: 1.5px solid var(--line-2); border-radius: 4px; flex: 0 0 auto; position: relative; transition: 0.15s; background: rgb(255, 255, 255);}#na-home .fopt input:checked{background: var(--teal); border-color: var(--teal);}#na-home .fopt input:checked::after{content: ""; position: absolute; left: 5px; top: 1.5px; width: 4px; height: 8px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; transform: rotate(45deg);}#na-home .fopt:hover{color: var(--ink);}#na-home .fopt .n{margin-left: auto; font-family: var(--f-mono); font-size: 11px; color: var(--muted);}#na-home .fopt input[type="radio"]{border-radius: 50%;}#na-home .fopt input[type="radio"]:checked::after{left: 4px; top: 4px; width: 6px; height: 6px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 50%; background: rgb(255, 255, 255); transform: none;}#na-home .price-inputs{display: flex; align-items: center; gap: 9px; margin-top: 4px;}#na-home .price-inputs input{width: 100%; font-family: var(--f-mono); font-size: 13px; padding: 8px 10px; border: 1px solid var(--line-2); border-radius: var(--r); background: rgb(255, 255, 255); color: var(--ink);}#na-home .price-inputs span{color: var(--muted);}#na-home .filter-reset{margin-top: 18px; font-family: var(--f-mono); font-size: 12px; color: var(--teal); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 0px; text-decoration: underline; text-underline-offset: 3px;}#na-home .filters-mobile-toggle{display: none;}@media (max-width: 860px){#na-home .shop-layout{grid-template-columns: 1fr;}#na-home .filters{position: static; display: none; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 20px; margin-bottom: 20px;}#na-home .filters.open{display: block;}#na-home .filters-mobile-toggle{display: inline-flex;}}#na-home .empty{padding: 60px 20px; text-align: center; border: 1px dashed var(--line-2); border-radius: var(--r-lg); color: var(--muted); grid-column: 1 / -1;}#na-home .crumb{display: flex; gap: 9px; align-items: center; font-family: var(--f-mono); font-size: 12px; color: var(--muted); padding: 22px 0px 4px;}#na-home .crumb a:hover{color: var(--teal);}#na-home .crumb .sep{opacity: 0.5;}#na-home .crumb .here{color: var(--ink);}#na-home .pdp{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; padding: 14px 0px 8px;}#na-home .pdp-media{position: sticky; top: 96px;}#na-home .pdp-figure{background: linear-gradient(170deg, rgb(251, 252, 252), rgb(237, 243, 243)); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 20px; display: grid; place-items: center; aspect-ratio: 4 / 5;}#na-home .pdp-figure img{width: 100%; height: 100%; object-fit: contain; object-position: center center; mix-blend-mode: multiply;}#na-home .pdp-thumbs{display: flex; gap: 10px; margin-top: 12px;}#na-home .pdp-thumbs .th{flex: 1 1 0%; border: 1px solid var(--line); border-radius: var(--r); padding: 10px; background: rgb(255, 255, 255); display: grid; place-items: center; aspect-ratio: 1.4 / 1; cursor: pointer; transition: 0.15s;}#na-home .pdp-thumbs .th.coa{font-family: var(--f-mono); font-size: 10px; color: var(--muted); text-align: center; line-height: 1.5; flex-direction: column; gap: 6px;}#na-home .pdp-thumbs .th:hover,#na-home .pdp-thumbs .th.active{border-color: var(--teal);}#na-home .pdp-thumbs .th img{max-height: 54px; object-fit: contain; mix-blend-mode: multiply;}#na-home .pdp-info .cat-tag{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--teal);}#na-home .pdp-info h1{font-size: clamp(28px, 3.6vw, 40px); margin: 12px 0px 6px; letter-spacing: -0.02em;}#na-home .pdp-idline{font-family: var(--f-mono); font-size: 13px; color: var(--muted); display: flex; gap: 16px; flex-wrap: wrap; margin-top: 4px;}#na-home .pdp-chips{display: flex; gap: 8px; flex-wrap: wrap; margin: 20px 0px;}#na-home .pdp-price{display: flex; align-items: baseline; gap: 12px; margin: 22px 0px 4px;}#na-home .pdp-price .now{font-family: var(--f-display); font-size: 32px; font-weight: 600;}#na-home .pdp-price .unit{font-family: var(--f-mono); font-size: 12px; color: var(--muted);}#na-home .variant-row{margin: 24px 0px 6px;}#na-home .variant-row .lab{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); margin-bottom: 10px;}#na-home .variant-opts{display: flex; gap: 9px; flex-wrap: wrap;}#na-home .vopt{border: 1px solid var(--line-2); background: rgb(255, 255, 255); border-radius: var(--r); padding: 11px 16px; font-family: var(--f-mono); font-size: 13px; color: var(--ink); transition: 0.15s; min-width: 64px; text-align: center;}#na-home .vopt small{display: block; font-size: 10px; color: var(--muted); margin-top: 2px;}#na-home .vopt:hover{border-color: var(--teal);}#na-home .vopt.active{border-color: var(--teal); background: var(--teal-050); color: var(--teal-700);}#na-home .vopt.oos{opacity: 0.45; cursor: not-allowed; text-decoration: line-through;}#na-home .buy-row{display: flex; gap: 12px; align-items: stretch; margin: 22px 0px 16px;}#na-home .qty{display: flex; align-items: center; border: 1px solid var(--line-2); border-radius: var(--r); overflow: hidden;}#na-home .qty button{width: 42px; height: 48px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgb(255, 255, 255); font-size: 18px; color: var(--ink-2);}#na-home .qty button:hover{background: var(--paper-2);}#na-home .qty input{width: 46px; height: 48px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; text-align: center; font-family: var(--f-mono); font-size: 15px; color: var(--ink);}#na-home .qty input::-webkit-outer-spin-button,#na-home .qty input::-webkit-inner-spin-button{appearance: none;}#na-home .buy-row .btn{flex: 1 1 0%; height: 48px;}#na-home .pdp-secondary{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px;}#na-home .pdp-secondary .btn{flex: 1 1 0%;}#na-home .assure{display: grid; grid-template-columns: 1fr 1fr; gap: 0px; border: 1px solid var(--line); border-radius: var(--r); margin-top: 24px; overflow: hidden;}#na-home .assure .a{display: flex; gap: 11px; align-items: flex-start; padding: 14px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);}#na-home .assure .a:nth-child(2n){border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}#na-home .assure .a:nth-child(n+3){border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}#na-home .assure .a svg{width: 18px; height: 18px; color: var(--teal); flex: 0 0 auto; margin-top: 1px;}#na-home .assure .a div b{display: block; font-size: 13px; font-weight: 600; color: var(--ink);}#na-home .assure .a div span{font-size: 12px; color: var(--muted);}@media (max-width: 860px){#na-home .pdp{grid-template-columns: 1fr; gap: 32px;}#na-home .pdp-media{position: static;}}#na-home .tabs{margin-top: 18px;}#na-home .tablist{display: flex; gap: 2px; border-bottom: 1px solid var(--line); overflow-x: auto;}#na-home .tablist button{background: none; border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; padding: 14px 18px; font-family: var(--f-body); font-size: 14px; font-weight: 500; color: var(--muted); white-space: nowrap; margin-bottom: -1px; transition: 0.15s;}#na-home .tablist button:hover{color: var(--ink);}#na-home .tablist button.active{color: var(--teal); border-bottom-color: var(--teal);}#na-home .tabpanel{display: none; padding: 28px 2px; animation: fade .25s var(--ease);}#na-home .tabpanel.active{display: block;}@keyframes fade { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: none; }
}#na-home .tabpanel p{color: var(--ink-2); font-size: 15px; max-width: 68ch; margin-bottom: 14px; line-height: 1.65;}#na-home .spec{width: 100%; border-collapse: collapse; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; font-size: 14px;}#na-home .spec tr{border-bottom: 1px solid var(--line);}#na-home .spec tr:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}#na-home .spec tr:nth-child(2n+1){background: var(--paper);}#na-home .spec th{text-align: left; font-family: var(--f-mono); font-weight: 500; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: 13px 18px; width: 38%; vertical-align: top;}#na-home .spec td{padding: 13px 18px; font-family: var(--f-mono); font-size: 13.5px; color: var(--ink); vertical-align: top;}#na-home .spec td .sub{display: block; font-family: var(--f-body); font-size: 12px; color: var(--muted); margin-top: 3px; letter-spacing: 0px;}#na-home .coa-card{border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: rgb(255, 255, 255);}#na-home .coa-head{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-bottom: 1px solid var(--line); background: var(--paper); flex-wrap: wrap;}#na-home .coa-head .t{display: flex; align-items: center; gap: 13px;}#na-home .coa-head .seal{width: 40px; height: 40px; border-radius: 8px; background: var(--teal-050); display: grid; place-items: center; color: var(--teal); border: 1px solid var(--teal-100);}#na-home .coa-head h4{font-size: 16px;}#na-home .coa-head .sub{font-family: var(--f-mono); font-size: 11px; color: var(--muted); margin-top: 2px;}#na-home .coa-body{display: grid; grid-template-columns: 1.3fr 1fr; gap: 0px;}#na-home .coa-chromo{padding: 20px 22px; border-right: 1px solid var(--line);}#na-home .coa-data{padding: 8px 0px;}#na-home .coa-data .row{display: flex; justify-content: space-between; padding: 11px 22px; border-bottom: 1px solid var(--line); font-family: var(--f-mono); font-size: 12.5px;}#na-home .coa-data .row:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}#na-home .coa-data .row .k{color: var(--muted);}#na-home .coa-data .row .v{color: var(--ink); font-weight: 500;}@media (max-width: 640px){#na-home .coa-body{grid-template-columns: 1fr;}#na-home .coa-chromo{border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--line);}}#na-home .cart-grid{display: grid; grid-template-columns: 1fr 360px; gap: 34px; align-items: start; padding: 10px 0px 0px;}#na-home .cart-lines{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden;}#na-home .cart-line{display: grid; grid-template-columns: 84px 1fr auto; gap: 18px; padding: 20px; border-bottom: 1px solid var(--line); align-items: center;}#na-home .cart-line:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}#na-home .cart-line .thumb{background: linear-gradient(170deg, rgb(251, 252, 252), rgb(238, 243, 243)); border: 1px solid var(--line); border-radius: var(--r); padding: 8px; aspect-ratio: 1 / 1; display: grid; place-items: center;}#na-home .cart-line .thumb img{mix-blend-mode: multiply; object-fit: contain; max-height: 64px;}#na-home .cart-line h4{font-size: 16px; margin-bottom: 4px;}#na-home .cart-line .sub{font-family: var(--f-mono); font-size: 11.5px; color: var(--muted);}#na-home .cart-line .line-end{text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 10px;}#na-home .cart-line .lp{font-family: var(--f-display); font-size: 17px; font-weight: 600;}#na-home .cart-line .rm{font-family: var(--f-mono); font-size: 11px; color: var(--muted); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; text-decoration: underline; text-underline-offset: 2px;}#na-home .cart-line .rm:hover{color: var(--stop);}#na-home .qty.sm button{width: 32px; height: 34px; font-size: 15px;}#na-home .qty.sm input{width: 36px; height: 34px; font-size: 13px;}#na-home .summary{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 24px; position: sticky; top: 96px;}#na-home .summary h3{font-size: 18px; margin-bottom: 18px;}#na-home .sumrow{display: flex; justify-content: space-between; padding: 9px 0px; font-size: 14px; color: var(--ink-2);}#na-home .sumrow.total{border-top: 1px solid var(--line); margin-top: 8px; padding-top: 16px; font-size: 18px; color: var(--ink); font-family: var(--f-display); font-weight: 600;}#na-home .sumrow .mono{font-family: var(--f-mono);}#na-home .ack{display: flex; gap: 11px; align-items: flex-start; margin: 18px 0px; font-size: 12.5px; color: var(--ink-2); line-height: 1.5;}#na-home .ack input{appearance: none; width: 18px; height: 18px; border: 1.5px solid var(--line-2); border-radius: 4px; flex: 0 0 auto; margin-top: 1px; background: rgb(255, 255, 255); position: relative; cursor: pointer;}#na-home .ack input:checked{background: var(--teal); border-color: var(--teal);}#na-home .ack input:checked::after{content: ""; position: absolute; left: 5px; top: 1px; width: 5px; height: 9px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; transform: rotate(45deg);}@media (max-width: 820px){#na-home .cart-grid{grid-template-columns: 1fr;}#na-home .summary{position: static;}}#na-home .checkout-grid{display: grid; grid-template-columns: 1fr 380px; gap: 40px; align-items: start; padding: 8px 0px 0px;}#na-home .co-step{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 26px; margin-bottom: 18px;}#na-home .co-step .sh{display: flex; align-items: center; gap: 12px; margin-bottom: 20px;}#na-home .co-step .sh .num{width: 26px; height: 26px; border-radius: 50%; background: var(--teal); color: rgb(255, 255, 255); font-family: var(--f-mono); font-size: 12px; font-weight: 600; display: grid; place-items: center; flex: 0 0 auto;}#na-home .co-step .sh h3{font-size: 17px;}#na-home .field{margin-bottom: 16px;}#na-home .field label{display: block; font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 7px;}#na-home .field input,#na-home .field select,#na-home .field textarea{width: 100%; font-family: var(--f-body); font-size: 14.5px; color: var(--ink); background: rgb(255, 255, 255); border: 1px solid var(--line-2); border-radius: var(--r); padding: 12px 14px; transition: 0.15s;}#na-home .field input:focus,#na-home .field select:focus,#na-home .field textarea:focus{outline: none; border-color: var(--teal); box-shadow: 0 0 0 3px var(--teal-050);}#na-home .field-row{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}#na-home .acct-toggle{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 22px;}#na-home .acct-opt{border: 1px solid var(--line-2); border-radius: var(--r); padding: 16px; cursor: pointer; transition: 0.15s;}#na-home .acct-opt.active{border-color: var(--teal); background: var(--teal-050);}#na-home .acct-opt b{font-size: 14px; display: block;}#na-home .acct-opt span{font-size: 12px; color: var(--muted);}@media (max-width: 820px){#na-home .checkout-grid{grid-template-columns: 1fr;}#na-home .field-row,#na-home .acct-toggle{grid-template-columns: 1fr;}}#na-home .tier-table{width: 100%; border-collapse: collapse; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; font-size: 14px; background: rgb(255, 255, 255);}#na-home .tier-table thead th{background: var(--ink); color: rgb(217, 226, 225); font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; text-align: left; padding: 14px 20px; font-weight: 500;}#na-home .tier-table td{padding: 15px 20px; border-bottom: 1px solid var(--line); font-family: var(--f-mono); font-size: 13.5px;}#na-home .tier-table tr:last-child td{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}#na-home .tier-table tr:nth-child(2n) td{background: var(--paper);}#na-home .tier-table .disc{color: var(--teal-700); font-weight: 600;}#na-home .feature-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}#na-home .feature{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 26px;}#na-home .feature .ic{width: 42px; height: 42px; border-radius: 9px; background: var(--teal-050); display: grid; place-items: center; color: var(--teal); margin-bottom: 16px;}#na-home .feature h3{font-size: 18px; margin-bottom: 9px;}#na-home .feature p{font-size: 14px; color: var(--ink-2);}@media (max-width: 820px){#na-home .feature-grid{grid-template-columns: 1fr;}}#na-home .steps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; background: rgb(255, 255, 255);}#na-home .step{padding: 26px 24px; border-right: 1px solid var(--line); position: relative;}#na-home .step:last-child{border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}#na-home .step .n{font-family: var(--f-mono); font-size: 12px; color: var(--teal); letter-spacing: 0.08em;}#na-home .step h3{font-size: 17px; margin: 12px 0px 8px;}#na-home .step p{font-size: 13.5px; color: var(--ink-2);}@media (max-width: 820px){#na-home .steps{grid-template-columns: 1fr 1fr;}#na-home .step:nth-child(2n){border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}#na-home .step:nth-child(-n+2){border-bottom: 1px solid var(--line);}}@media (max-width: 480px){#na-home .steps{grid-template-columns: 1fr;}#na-home .step{border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--line);}#na-home .step:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}}#na-home .split{display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center;}#na-home .split.rev .a{order: 2;}#na-home .split .copy h2{font-size: clamp(24px, 3vw, 32px); margin: 14px 0px 16px;}#na-home .split .copy p{color: var(--ink-2); font-size: 15px; margin-bottom: 14px; line-height: 1.65;}#na-home .split .copy ul{list-style: none; padding: 0px; margin: 18px 0px 0px; display: flex; flex-direction: column; gap: 12px;}#na-home .split .copy li{display: flex; gap: 12px; font-size: 14.5px; color: var(--ink-2);}#na-home .split .copy li svg{width: 18px; height: 18px; color: var(--teal); flex: 0 0 auto; margin-top: 2px;}@media (max-width: 820px){#na-home .split{grid-template-columns: 1fr; gap: 30px;}#na-home .split.rev .a{order: 0;}}#na-home .contact-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start;}#na-home .contact-info .ci{padding: 20px 0px; border-bottom: 1px solid var(--line);}#na-home .contact-info .ci:first-child{padding-top: 0px;}#na-home .contact-info .ci .k{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted);}#na-home .contact-info .ci .v{font-size: 16px; margin-top: 6px;}#na-home .contact-info .ci .v a{color: var(--teal);}@media (max-width: 760px){#na-home .contact-grid{grid-template-columns: 1fr;}}#na-home .site-footer{background: var(--ink); color: rgb(169, 186, 184); margin-top: 8px;}#na-home .footer-main{display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 36px; padding: 60px 0px 44px;}#na-home .footer-brand .name{font-family: var(--f-display); font-weight: 600; font-size: 20px; color: rgb(255, 255, 255); display: flex; align-items: center; gap: 10px; margin-bottom: 16px;}#na-home .footer-brand p{font-size: 13.5px; color: rgb(141, 160, 158); max-width: 34ch; line-height: 1.6;}#na-home .footer-brand .badges{display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap;}#na-home .footer-brand .badges .chip{background: transparent; border-color: rgb(44, 59, 57); color: rgb(159, 176, 174);}#na-home .fcol h5{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(123, 142, 140); margin-bottom: 16px;}#na-home .fcol a{display: block; font-size: 13.5px; color: rgb(169, 186, 184); padding: 6px 0px; transition: 0.15s;}#na-home .fcol a:hover{color: rgb(255, 255, 255);}#na-home .footer-bottom{border-top: 1px solid rgb(34, 51, 49); padding: 22px 0px; display: flex; justify-content: space-between; align-items: center; gap: 18px; flex-wrap: wrap;}#na-home .footer-bottom .ruo{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.04em; color: rgb(123, 142, 140); max-width: 62ch; line-height: 1.6;}#na-home .footer-bottom .cr{font-family: var(--f-mono); font-size: 11px; color: rgb(94, 113, 111);}@media (max-width: 860px){#na-home .footer-main{grid-template-columns: 1fr 1fr; gap: 30px;}#na-home .footer-brand{grid-column: 1 / -1;}}@media (max-width: 520px){#na-home .footer-main{grid-template-columns: 1fr;}}#na-home .page-hero{padding: 46px 0px 8px;}#na-home .page-hero h1{font-size: clamp(30px, 4vw, 46px); margin: 14px 0px 0px; letter-spacing: -0.02em;}#na-home .page-hero p{font-size: 17px; color: var(--ink-2); max-width: 60ch; margin-top: 16px;}#na-home .toast{position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px); background: var(--ink); color: rgb(255, 255, 255); padding: 13px 20px; border-radius: var(--r); font-size: 13.5px; display: flex; align-items: center; gap: 11px; z-index: 200; opacity: 0; pointer-events: none; transition: .3s var(--ease); box-shadow: rgba(0, 0, 0, 0.4) 0px 12px 30px -10px;}#na-home .toast.show{opacity: 1; transform: translateX(-50%) translateY(0px);}#na-home .toast svg{width: 17px; height: 17px; color: rgb(95, 183, 177);}#na-home .toast a{color: rgb(127, 208, 202); text-decoration: underline; text-underline-offset: 2px; margin-left: 4px;}#na-home .center{text-align: center;}#na-home .mt-cta{margin-top: 34px;}#na-home hr.rule{border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: 1px solid var(--line); margin: 0px;}#na-home .note-small{font-family: var(--f-mono); font-size: 11.5px; color: var(--muted); letter-spacing: 0.02em;}@media (prefers-reduced-motion: reduce){#na-home *{animation: auto ease 0s 1 normal none running none !important; transition: none !important;}}#na-home :focus-visible{outline: 2px solid var(--teal); outline-offset: 2px; border-radius: 3px;}#na-home .brand-logo{height: 40px; width: auto; display: block;}@media (max-width: 480px){#na-home .brand-logo{height: 30px;}}#na-home .footer-brand .brand-logo{height: 30px; width: auto; margin-bottom: 16px;}#na-home .anchor-nav{position: sticky; top: 72px; z-index: 30; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); margin-bottom: 8px;}#na-home .anchor-nav .wrap{display: flex; gap: 8px; overflow-x: auto; padding-top: 12px; padding-bottom: 12px;}#na-home .anchor-nav a{flex: 0 0 auto; font-family: var(--f-mono); font-size: 12px; letter-spacing: 0.02em; color: var(--ink-2); border: 1px solid var(--line-2); border-radius: 100px; padding: 7px 14px; transition: 0.15s; white-space: nowrap;}#na-home .anchor-nav a:hover{border-color: var(--teal); color: var(--teal); background: var(--teal-050);}#na-home .rdiagram{background: linear-gradient(170deg, rgb(251, 252, 252), rgb(238, 243, 243)); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 30px 24px; display: grid; place-items: center;}#na-home .rdiagram svg{width: 100%; height: auto; max-width: 420px;}#na-home .factgrid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 8px;}#na-home .factgrid .f{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r); padding: 18px;}#na-home .factgrid .f .v{font-family: var(--f-display); font-size: 22px; font-weight: 600; color: var(--teal-700);}#na-home .factgrid .f .k{font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-top: 6px;}@media (max-width: 820px){#na-home .factgrid{grid-template-columns: 1fr 1fr;}}#na-home .reveal{opacity: 0; transform: translateY(18px); transition: opacity .6s var(--ease),transform .6s var(--ease); will-change: opacity, transform;}#na-home .reveal.in{opacity: 1; transform: none;}@media (prefers-reduced-motion: reduce){#na-home .reveal{opacity: 1 !important; transform: none !important;}}#na-home .pcard .media{overflow: hidden;}#na-home .pcard .media img{transition: transform .55s var(--ease);}#na-home .pcard:hover .media img{transform: scale(1.03);}@keyframes floaty { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-7px); }
}@keyframes floaty2 { 
  0%, 100% { transform: translateY(0px) rotate(-3deg); }
  50% { transform: translateY(-9px) rotate(-3deg); }
}#na-home .hero-media{position: relative;}#na-home .hero-stack{position: relative;}@media (prefers-reduced-motion: no-preference){#na-home .readout{animation: 7s ease-in-out 0s infinite normal none running floaty;}}#na-home .hero-vial{position: absolute; right: -14px; top: -40px; width: 148px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lift); padding: 11px 11px 9px; transform: rotate(-3deg); z-index: 2;}@media (prefers-reduced-motion: no-preference){#na-home .hero-vial{animation: 8s ease-in-out 0s infinite normal none running floaty2;}}#na-home .hero-vial img{width: 100%; height: 118px; object-fit: contain; mix-blend-mode: multiply; display: block;}#na-home .hero-vial .cap{font-family: var(--f-mono); font-size: 9px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); text-align: center; margin-top: 7px;}#na-home .hero-vial .cap b{color: var(--teal-700);}@media (max-width: 1080px){#na-home .hero-vial{top: -28px; width: 128px;}}@media (max-width: 760px){#na-home .hero-vial{display: none;}}#na-home .trust-strip{border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--card);}#na-home .trust-strip .wrap{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; padding: 0px;}#na-home .trust-item{display: flex; gap: 13px; align-items: center; padding: 22px 24px; border-right: 1px solid var(--line);}#na-home .trust-item:last-child{border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}#na-home .trust-item .ic{width: 38px; height: 38px; border-radius: 10px; background: var(--teal-050); color: var(--teal); display: grid; place-items: center; flex: 0 0 auto;}#na-home .trust-item .ic svg{width: 19px; height: 19px;}#na-home .trust-item b{display: block; font-size: 13.5px; color: var(--ink); letter-spacing: -0.01em;}#na-home .trust-item span{font-size: 12px; color: var(--muted);}@media (max-width: 820px){#na-home .trust-strip .wrap{grid-template-columns: 1fr 1fr;}#na-home .trust-item:nth-child(2){border-right-width: medium; border-right-style: none; border-right-color: currentcolor;}#na-home .trust-item:nth-child(-n+2){border-bottom: 1px solid var(--line);}}@media (max-width: 480px){#na-home .trust-strip .wrap{grid-template-columns: 1fr;}#na-home .trust-item{border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid var(--line);}#na-home .trust-item:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}}#na-home .brand-shot{position: relative; background: linear-gradient(165deg, rgb(255, 255, 255), rgb(233, 243, 242)); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 24px; display: flex; align-items: center; justify-content: center;}#na-home .brand-shot img{width: 100%; max-width: 440px; height: auto; display: block; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(rgba(8, 40, 38, 0.16) 0px 22px 34px);}@media (prefers-reduced-motion: no-preference){#na-home .brand-shot img{animation: 8s ease-in-out 0s infinite normal none running floaty;}}#na-home .brand-shot .seal-badge{position: absolute; left: 18px; bottom: 18px; display: flex; align-items: center; gap: 9px; background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 100px; padding: 8px 14px 8px 10px; box-shadow: var(--shadow-lift); font-family: var(--f-mono); font-size: 11px; color: var(--teal-700); letter-spacing: 0.02em;}#na-home .brand-shot .seal-badge .d{width: 8px; height: 8px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 3px var(--teal-050);}#na-home .nachart{width: 100%; height: auto; display: block; overflow: visible;}#na-home .nachart .grid{stroke: var(--line); stroke-width: 1;}#na-home .nachart .axis{stroke: var(--line-2); stroke-width: 1.2;}#na-home .nachart .ax{font-family: var(--f-mono); font-size: 10px; fill: var(--muted);}#na-home .nachart .val{font-family: var(--f-mono); font-size: 10.5px; fill: var(--teal-700); font-weight: 500;}#na-home .nachart.donut .donut-val{font-family: var(--f-display); font-size: 25px; font-weight: 600; fill: var(--ink);}#na-home .nachart.donut .donut-cap{font-family: var(--f-mono); font-size: 8.5px; letter-spacing: 0.06em; text-transform: uppercase; fill: var(--muted);}#na-home .bar-fill{transform-box: fill-box; transform-origin: center bottom;}#na-home .line-draw{stroke-dasharray: 1200; stroke-dashoffset: 0;}#na-home .chart.in .bar-fill{animation: growBar .85s var(--ease) backwards;}#na-home .chart.in .line-draw{animation: drawLine 1.25s var(--ease) backwards;}#na-home .chart.in .donut-ring{animation: donutSweep 1.05s var(--ease) backwards;}@keyframes growBar { 
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}@keyframes drawLine { 
  0% { stroke-dashoffset: 1200; }
  100% { stroke-dashoffset: 0; }
}@keyframes donutSweep { 
  0% { stroke-dashoffset: var(--dash); }
  100% { stroke-dashoffset: var(--off); }
}@media (prefers-reduced-motion: reduce){#na-home .chart.in .bar-fill,#na-home .chart.in .line-draw,#na-home .chart.in .donut-ring{animation: auto ease 0s 1 normal none running none;}}#na-home .chart-card{background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px 24px 18px;}#na-home .chart-card h4{font-size: 15px; margin-bottom: 3px;}#na-home .chart-card .ch-sub{font-family: var(--f-mono); font-size: 11px; color: var(--muted); margin-bottom: 16px; letter-spacing: 0.01em;}#na-home .chart-2{display: grid; grid-template-columns: 1.45fr 0.85fr; gap: 18px; align-items: stretch;}#na-home .chart-2 .donut-wrap{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;}#na-home .chart-2 .donut-wrap .legend{font-family: var(--f-mono); font-size: 11px; color: var(--muted); text-align: center; line-height: 1.5;}@media (max-width: 820px){#na-home .chart-2{grid-template-columns: 1fr;}}#na-home .chart-legend{display: flex; gap: 18px; flex-wrap: wrap; margin-top: 12px; font-family: var(--f-mono); font-size: 11px; color: var(--ink-2);}#na-home .chart-legend i{display: inline-block; width: 14px; height: 3px; border-radius: 2px; margin-right: 7px; vertical-align: middle;}#na-home .btn svg{transition: transform .2s var(--ease);}#na-home .btn:hover svg{transform: translateX(2px);}#na-home .mainnav a{position: relative;}#na-home .mainnav a::after{content: ""; position: absolute; left: 0px; right: 100%; bottom: -3px; height: 2px; background: var(--teal); transition: right .28s var(--ease); border-radius: 2px;}#na-home .mainnav a:hover::after{right: 0px;}#na-home .pub-list{list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}@media (max-width: 760px){#na-home .pub-list{grid-template-columns: 1fr;}}#na-home .pub{background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px 18px; transition: border-color .2s var(--ease),box-shadow .2s var(--ease);}#na-home .pub:hover{border-color: var(--teal); box-shadow: var(--shadow-lift);}#na-home .pub-top{display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap;}#na-home .pub-tag{font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--teal-700); background: var(--teal-050); border: 1px solid rgb(215, 232, 230); border-radius: 100px; padding: 2px 9px; white-space: nowrap;}#na-home .pub-j{font-family: var(--f-mono); font-size: 11px; color: var(--muted);}#na-home .pub-t{display: block; font-weight: 600; font-size: 15px; line-height: 1.34; color: var(--ink); text-decoration: none; letter-spacing: -0.01em;}#na-home .pub-t:hover{color: var(--teal-700); text-decoration: underline;}#na-home .pub-a{font-size: 12.5px; color: var(--ink-2); margin-top: 6px;}#na-home .ref-list{list-style: none; counter-reset: ref 0; margin: 0px; padding: 0px; display: grid; gap: 10px;}#na-home .ref-list li{counter-increment: ref 1; position: relative; padding-left: 34px; font-size: 13.5px; color: var(--ink-2); line-height: 1.5;}#na-home .ref-list li::before{content: counter(ref); position: absolute; left: 0px; top: 1px; width: 23px; height: 23px; border-radius: 6px; background: var(--teal-050); color: var(--teal-700); font-family: var(--f-mono); font-size: 11px; display: grid; place-items: center; font-weight: 600;}#na-home .ref-list a{color: var(--teal-700); text-decoration: none; font-weight: 500;}#na-home .ref-list a:hover{text-decoration: underline;}#na-home .ref-list .rt{color: var(--ink); font-weight: 500;}#na-home .pub-group{margin-bottom: 30px;}#na-home .pub-group h3{font-size: 14px; font-family: var(--f-mono); text-transform: uppercase; letter-spacing: 0.05em; color: var(--teal-700); margin-bottom: 14px; padding-bottom: 8px; border-bottom: 1px solid var(--line);}#na-home .pub-group + .pub-group{margin-top: 26px;}#na-home .pub-group-sec h3{color: var(--amber); border-bottom-color: rgb(236, 217, 191);}#na-home .pub-group-sec .pub-tag{color: var(--amber); background: rgb(251, 243, 230); border-color: rgb(239, 220, 192);}


/* ====================================================================
   Contact page — CF7 form styled within #na-home
   ==================================================================== */
#na-home .co-step .wpcf7-form p{margin:0 0 16px}
#na-home .wpcf7-form label{display:block;font-family:var(--f-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
#na-home .wpcf7-form input.wpcf7-form-control,#na-home .wpcf7-form textarea.wpcf7-form-control{width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--line-2);border-radius:6px;font-family:var(--f-body);font-size:14.5px;color:var(--ink);background:#fff}
#na-home .wpcf7-form input.wpcf7-form-control:focus,#na-home .wpcf7-form textarea.wpcf7-form-control:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-050)}
#na-home .wpcf7-form textarea.wpcf7-form-control{min-height:130px;resize:vertical}
#na-home .wpcf7-form .wpcf7-submit{width:100%;background:var(--teal);color:#fff;border:none;border-radius:6px;padding:14px 22px;font-weight:600;font-family:var(--f-body);font-size:14px;cursor:pointer;transition:background .15s;margin-top:4px}
#na-home .wpcf7-form .wpcf7-submit:hover{background:var(--teal-600)}
#na-home .contact-info-val{font-family:var(--f-mono);font-size:14px;color:var(--teal);font-weight:500}
#na-home .contact-info-val:hover{color:var(--teal-700)}


/* ====================================================================
   PDP — prototype single product (na-* elements via theme hooks)
   ==================================================================== */
.single-product .na-cat-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--na-teal);margin-bottom:8px}
.single-product .na-idline{font-family:var(--f-mono);font-size:13px;color:var(--na-muted);display:flex;gap:16px;flex-wrap:wrap;margin:4px 0 0}
.single-product .na-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 6px}
.na-chip{display:inline-flex;align-items:center;font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.04em;padding:4px 9px;border-radius:4px;border:1px solid var(--na-line-2);color:var(--na-ink-2);background:#fff;text-transform:uppercase}
.na-chip-solid{background:var(--na-teal-050);border-color:var(--na-teal-100);color:var(--na-teal-700)}
.single-product .na-pdp-secondary{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.single-product .na-pdp-secondary .na-btn-ghost{flex:1;text-align:center;display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-body);font-size:13px;font-weight:600;padding:12px 16px;border-radius:6px;border:1px solid var(--na-line-2);background:#fff;color:var(--na-ink);transition:.15s}
.single-product .na-pdp-secondary .na-btn-ghost:hover{border-color:var(--na-teal);color:var(--na-teal);background:var(--na-teal-050)}
.single-product .na-assure{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--na-line);border-radius:8px;overflow:hidden;margin-top:24px}
.single-product .na-assure .na-a{display:flex;flex-direction:row;gap:11px;align-items:flex-start;padding:14px 16px;border-right:1px solid var(--na-line);border-bottom:1px solid var(--na-line)}
.single-product .na-assure .na-a:nth-child(2n){border-right:none}
.single-product .na-assure .na-a:nth-child(n+3){border-bottom:none}
.single-product .na-assure .na-a b{font-size:13px;color:var(--na-ink)}
.single-product .na-assure .na-a span{font-size:12px;color:var(--na-muted);margin-top:2px}
.na-spec{width:100%;border-collapse:collapse;border:1px solid var(--na-line);border-radius:6px;overflow:hidden;font-size:14px}
.na-spec tr{border-bottom:1px solid var(--na-line)}
.na-spec tr:last-child{border-bottom:none}
.na-spec tr:nth-child(odd){background:var(--na-paper)}
.na-spec th{text-align:left;font-family:var(--f-mono);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--na-muted);padding:13px 18px;width:40%;vertical-align:top}
.na-spec td{padding:13px 18px;font-family:var(--f-mono);font-size:13.5px;color:var(--na-ink)}
.na-coa-card{border:1px solid var(--na-line);border-radius:8px;overflow:hidden;margin-top:8px;background:#fff}
.na-coa-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--na-line);background:var(--na-paper)}
.na-coa-head b{font-family:var(--f-display);font-size:15px}
.na-coa-lot{font-family:var(--f-mono);font-size:12px;color:var(--na-muted)}
.na-coa-rows > div{display:flex;justify-content:space-between;padding:11px 20px;border-bottom:1px solid var(--na-line);font-family:var(--f-mono);font-size:12.5px}
.na-coa-rows > div:last-child{border-bottom:none}
.na-coa-rows > div span:first-child{color:var(--na-muted)}
.na-coa-rows > div span:last-child{color:var(--na-ink);font-weight:500}
.na-lit{background:var(--na-card);border-top:1px solid var(--na-line);padding:56px 0;margin-top:40px;width:100vw;position:relative;left:50%;transform:translateX(-50vw)}
.na-lit-inner{max-width:1200px;margin:0 auto;padding:0 28px}
.na-lit .na-eyebrow{font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--na-teal)}
.na-lit h2{font-family:var(--f-display);font-size:clamp(24px,3vw,32px);margin:12px 0 10px;color:var(--na-ink)}
.na-lit-intro{color:var(--na-ink-2);font-size:15px;max-width:70ch;margin-bottom:28px}
.na-pub-list{display:flex;flex-direction:column;gap:14px}
.na-pub{border:1px solid var(--na-line);border-radius:8px;padding:18px 20px;background:#fff;transition:.2s}
.na-pub:hover{border-color:var(--na-teal-100);box-shadow:0 14px 40px -18px rgba(12,23,22,.22)}
.na-pub-tag{display:inline-block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--na-teal-700);background:var(--na-teal-050);border:1px solid var(--na-teal-100);border-radius:4px;padding:3px 8px;margin-bottom:8px}
.na-pub-j{font-family:var(--f-mono);font-size:12px;color:var(--na-muted);margin-bottom:4px}
.na-pub-t{display:block;font-family:var(--f-display);font-size:16px;font-weight:600;color:var(--na-ink);line-height:1.35;margin-bottom:6px}
.na-pub-t:hover{color:var(--na-teal)}
.na-pub-a{font-size:13px;color:var(--na-ink-2)}


/* RUO banner + gallery thumbs (PDP) */
.single-product .na-ruo-banner{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--na-line-2);background:var(--na-paper);border-radius:6px;padding:12px 14px;margin:16px 0 4px;font-size:12.5px;color:var(--na-ink-2);line-height:1.5}
.single-product .na-ruo-banner .na-ruo-tk{flex:none;font-family:var(--f-mono);font-weight:700;font-size:10px;letter-spacing:.06em;border:1.5px solid var(--na-ink-2);border-radius:4px;padding:2px 6px;color:var(--na-ink);margin-top:1px}
.na-gallery-thumbs{display:flex;gap:10px;margin-top:12px}
.na-gallery-thumbs .na-gthumb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--na-line);border-radius:6px;padding:16px 10px;background:#fff;text-align:center;transition:.15s}
.na-gallery-thumbs .na-gthumb:hover{border-color:var(--na-teal);box-shadow:0 8px 20px -12px rgba(12,23,22,.25)}
.na-gallery-thumbs .na-gt-ic{font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--na-teal);background:var(--na-teal-050);border:1px solid var(--na-teal-100);border-radius:4px;padding:5px 8px}
.na-gallery-thumbs .na-gt-l{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.03em;color:var(--na-muted);text-transform:uppercase}


/* Dosage size buttons (PDP) */
.single-product .na-size-lab{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--na-ink);margin:18px 0 10px}
.single-product .na-size-opts{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:8px}
.single-product .na-size-opt{border:1px solid var(--na-line-2);background:#fff;border-radius:6px;padding:9px 16px;font-family:var(--f-mono);font-size:13px;color:var(--na-ink);cursor:pointer;min-width:72px;text-align:center;transition:.15s;line-height:1.3}
.single-product .na-size-opt b{display:block;font-weight:600}
.single-product .na-size-opt small{display:block;font-size:10px;color:var(--na-muted);margin-top:2px}
.single-product .na-size-opt:hover{border-color:var(--na-teal)}
.single-product .na-size-opt.na-active{border-color:var(--na-teal);background:var(--na-teal-050);color:var(--na-teal-700)}
.single-product .na-size-opt.na-active small{color:var(--na-teal-700)}

.single-product .na-assure .na-a svg{width:18px;height:18px;color:var(--na-teal);flex:none;margin-top:1px}
.single-product .na-assure .na-a .na-a-txt{display:flex;flex-direction:column}

/* =====================================================================
   Nano Aminos - Catalog filter sidebar
   (category / availability / reset / popular products)
   ===================================================================== */
.na-widget{margin-bottom:30px;}
.na-widget .widget-title{margin-bottom:14px;}

/* filter lists (category + availability) */
.na-filter-list{list-style:none;margin:0;padding:0;}
.na-filter-list .na-fl-item{margin:0 0 2px;}
.na-filter-list a,.na-filter-list .na-fl-inner{
  display:flex;align-items:center;gap:8px;
  padding:7px 10px;border-radius:6px;
  font-family:var(--f-body);font-size:14px;line-height:1.3;
  color:var(--na-ink-2);text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
.na-filter-list a:hover{background:var(--na-teal-050);color:var(--na-teal-700);}
.na-filter-list .na-fl-name{flex:1 1 auto;}
.na-filter-list .na-fl-count{
  font-family:var(--f-mono);font-size:11px;color:var(--na-muted);
  background:var(--na-paper-2);border-radius:20px;
  padding:2px 8px;min-width:24px;text-align:center;line-height:1.5;
}
.na-filter-list .is-active>a,.na-filter-list .is-active>.na-fl-inner{
  background:var(--na-teal);color:#fff;font-weight:500;
}
.na-filter-list .is-active .na-fl-count{background:rgba(255,255,255,.22);color:#fff;}
.na-filter-list .is-active>a:hover{background:var(--na-teal-600);color:#fff;}

/* availability checkbox box */
.na-stock-filter .na-fl-box{
  flex:0 0 auto;width:15px;height:15px;border-radius:4px;
  border:1.5px solid var(--na-line-2);background:#fff;position:relative;
}
.na-stock-filter .is-active .na-fl-box{border-color:#fff;background:#fff;}
.na-stock-filter .is-active .na-fl-box::after{
  content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
  border:solid var(--na-teal);border-width:0 2px 2px 0;transform:rotate(45deg);
}
.na-stock-filter .is-empty{opacity:.45;}
.na-stock-filter .is-empty .na-fl-inner{cursor:default;}

/* reset button */
.na-reset{margin-bottom:34px;}
.na-reset .na-reset-btn{
  display:block;text-align:center;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--na-ink-2);text-decoration:none;
  border:1px solid var(--na-line-2);border-radius:6px;padding:11px 14px;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.na-reset .na-reset-btn:hover{border-color:var(--na-teal);color:var(--na-teal);background:var(--na-teal-050);}
.na-reset .na-reset-btn.is-idle{opacity:.55;}

/* popular products */
.na-pop-list{list-style:none;margin:0;padding:0;}
.na-pop-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--na-line);}
.na-pop-item:last-child{border-bottom:0;}
.na-pop-thumb{
  flex:0 0 auto;width:54px;height:54px;border-radius:8px;overflow:hidden;display:block;
  background:linear-gradient(170deg,#fbfcfc,#edf3f3);border:1px solid var(--na-line);
}
.na-pop-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block;}
.na-pop-meta{display:flex;flex-direction:column;gap:3px;min-width:0;}
.na-pop-name{
  font-family:var(--f-display);font-size:13.5px;font-weight:500;line-height:1.25;
  color:var(--na-ink);text-decoration:none;
}
.na-pop-name:hover{color:var(--na-teal);}
.na-pop-price{font-family:var(--f-mono);font-size:12px;color:var(--na-teal-700);}
.na-pop-price del{color:var(--na-muted);opacity:.7;margin-right:4px;}
.na-pop-price ins{text-decoration:none;}

/* =====================================================================
   Nano Aminos - Free-shipping progress bar (side / mini cart)
   ===================================================================== */
.na-freeship{ margin:0 0 14px; padding:12px 14px; background:var(--na-teal-050); border:1px solid var(--na-teal-100); border-radius:8px; }
.na-freeship-msg{ margin:0 0 9px; font-family:var(--f-body); font-size:13px; line-height:1.35; color:var(--na-ink-2); }
.na-freeship-msg strong{ color:var(--na-teal-700); font-weight:600; }
.na-freeship-msg .amount{ color:var(--na-teal-700); }
.na-freeship-track{ height:7px; border-radius:20px; background:var(--na-line); overflow:hidden; }
.na-freeship-fill{ display:block; height:100%; border-radius:20px; background:linear-gradient(90deg, var(--na-teal), var(--na-teal-600)); transition:width .5s ease; }
.na-freeship.is-unlocked{ background:var(--na-teal); border-color:var(--na-teal); }
.na-freeship.is-unlocked .na-freeship-msg,.na-freeship.is-unlocked .na-freeship-msg strong{ color:#fff; }
.na-freeship.is-unlocked .na-freeship-track{ background:rgba(255,255,255,.3); }
.na-freeship.is-unlocked .na-freeship-fill{ background:#fff; }

/* Homepage card price colour: keep the original ink (override global WC teal price) */
#na-home .pcard .price .woocommerce-Price-amount,
#na-home .pcard .price .woocommerce-Price-amount bdi,
#na-home .pcard .price .woocommerce-Price-currencySymbol{ color: inherit; }

/* =====================================================================
   Nano Aminos - Compliance UI (RUO disclaimer / age-gate / attestation)
   ===================================================================== */
.na-ruo-disclaimer{ background:var(--na-ink); color:#cdd8d7; font-family:var(--f-body); font-size:11.5px; line-height:1.55; text-align:center; padding:13px 20px; border-top:2px solid var(--na-teal); }
.na-ruo-disclaimer strong{ color:#fff; }

html.na-age-lock{ overflow:hidden; }
.na-agegate{ position:fixed; inset:0; z-index:2147483000; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(8,18,17,.93); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.na-agegate-box{ max-width:460px; width:100%; background:var(--na-card); border:1px solid var(--na-line); border-radius:14px; padding:34px 30px; text-align:center; box-shadow:0 24px 60px rgba(0,0,0,.45); }
.na-agegate-brand{ font-family:var(--f-display); font-weight:700; letter-spacing:.2em; color:var(--na-teal); font-size:13px; margin-bottom:14px; }
.na-agegate-box h2{ font-family:var(--f-display); color:var(--na-ink); font-size:22px; margin:0 0 12px; }
.na-agegate-box p{ font-family:var(--f-body); color:var(--na-ink-2); font-size:14px; line-height:1.5; margin:0 0 18px; }
.na-agegate-btns{ display:flex; flex-direction:column; gap:10px; margin-bottom:14px; }
#na-agegate-yes{ background:var(--na-teal); color:#fff; border:0; border-radius:8px; font-family:var(--f-display); font-size:15px; font-weight:500; padding:14px 18px; cursor:pointer; transition:background .15s ease; }
#na-agegate-yes:hover{ background:var(--na-teal-600); }
.na-agegate-no{ color:var(--na-muted); font-family:var(--f-mono); font-size:12px; text-transform:uppercase; letter-spacing:.06em; text-decoration:none; }
.na-agegate-no:hover{ color:var(--na-stop); }
.na-agegate-fine{ font-size:11px !important; color:var(--na-muted) !important; margin:0 !important; }

.na-attest{ background:var(--na-teal-050); border:1px solid var(--na-teal-100); border-radius:8px; padding:12px 14px; margin:8px 0 16px; }
.na-attest label{ font-family:var(--f-body); font-size:13px; line-height:1.45; color:var(--na-ink-2); display:flex; gap:8px; align-items:flex-start; }
.na-attest .required{ color:var(--na-stop); text-decoration:none; }



/* ============================================================
   NA MOBILE REFINEMENTS + MULTI-VIAL CARDS (2026-07-05)
   Panel-reviewed. Mobile-scoped except bundle cards + PDP price.
   ============================================================ */

/* ---- multi-vial tier cards (all viewports) ---- */
.na-bundle{margin:16px 0 4px;max-width:520px}
.na-bundle-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:10px;font-weight:600}
.na-bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.na-tier{position:relative;border:1.5px solid #e3e7ea;border-radius:12px;padding:24px 8px 12px;text-align:center;cursor:pointer;background:#fff;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0}
.na-tier input{position:absolute;opacity:0;pointer-events:none}
.na-tier .na-tier-dot{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:14px;height:14px;border:2px solid #cbd5d9;border-radius:50%;background:#fff}
.na-tier.sel{border-color:#127c77;box-shadow:0 0 0 1px #127c77,0 6px 18px rgba(18,124,119,.12)}
.na-tier.sel .na-tier-dot{border-color:#127c77;background:radial-gradient(circle,#127c77 0 3.5px,#fff 4px)}
.na-tier:has(> input:focus-visible){outline:2px solid #127c77;outline-offset:2px}
.na-tier input:focus-visible ~ .na-tier-dot{box-shadow:0 0 0 3px rgba(18,124,119,.35)}
.na-tier-flag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#0e3b39;color:#fff;font-size:9px;letter-spacing:.06em;padding:3px 8px;border-radius:99px;font-weight:700;white-space:nowrap}
.na-tier-vials{display:flex;align-items:flex-end;height:18px;margin-top:2px}
.na-vial{display:inline-block;width:9px;height:16px;margin:0 1.5px;border-radius:2px 2px 3px 3px;background:linear-gradient(180deg,#9fb3b1 0 30%,#127c77 30% 100%);opacity:.85}
.na-tier-count{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#4b5563;font-weight:700}
.na-tier-price{font-size:16px;font-weight:800;color:#111827}
.na-tier-save{font-size:10.5px;color:#0a8a4d;font-weight:700;min-height:14px}

/* ---- PDP price hierarchy (all viewports; measured weak) ---- */
.single-product .summary .price,.single-product .entry-summary .price{font-size:24px;font-weight:700;letter-spacing:-0.02em;color:#0c1716}

/* ---- (a) custom pages (#na-home) ---- */
@media (max-width:480px){
  #na-home .wrap{padding:0 16px}
  #na-home .section{padding:44px 0}
  #na-home .sec-head{margin-bottom:22px}
  #na-home .sec-head.center{margin-bottom:26px}
  #na-home .sec-head p{margin-top:10px}
  #na-home .hero{padding:30px 0 12px}
  #na-home .hero-grid{gap:26px}
  #na-home .hero .lede{font-size:16px;margin-top:14px}
  #na-home .hero-cta{margin-top:20px;flex-direction:column;align-items:stretch;gap:10px}
  #na-home .hero-cta .btn{width:100%;justify-content:center;min-height:52px;font-size:16px}
  #na-home .hero-trust{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
  #na-home .hero-trust .t{padding-top:12px}
  #na-home .hero-trust .v{font-size:19px}
  #na-home .hero-trust .k{font-size:11px}
  #na-home .readout-body{padding:6px 10px 2px}
  #na-home .readout-meta .m{padding:10px 12px}
  #na-home .prod-grid,#na-home .prod-grid.cols3{grid-template-columns:repeat(2,1fr);gap:12px}
  #na-home .pcard .media{aspect-ratio:1/1;padding:10px}
  #na-home .pcard .media img{width:100%;height:100%;object-fit:contain}
  #na-home .pcard .body{padding:11px 12px 12px}
  #na-home .pcard h3{font-size:14px;margin:6px 0 4px}
  #na-home .pcard .casline{font-size:10.5px}
  #na-home .pcard .meta{margin-top:8px;gap:5px}
  #na-home .pcard .stockrow{margin-top:8px;padding-top:9px}
  #na-home .pcard .price{font-size:16px}
  #na-home .pcard .add{width:38px;height:38px}
  #na-home .trust-strip .wrap{grid-template-columns:1fr 1fr}
  #na-home .trust-item{padding:13px 12px;gap:9px}
  #na-home .trust-item .ic{width:30px;height:30px;border-radius:8px}
  #na-home .trust-item .ic svg{width:15px;height:15px}
  #na-home .trust-item b{font-size:12.5px}
  #na-home .trust-item span{font-size:11px}
  #na-home .feature-grid{gap:10px}
  #na-home .feature{padding:16px;display:grid;grid-template-columns:38px 1fr;column-gap:13px;align-items:start}
  #na-home .feature .ic{width:38px;height:38px;margin-bottom:0;grid-row:1/span 2}
  #na-home .feature h3{font-size:16px;margin-bottom:4px}
  #na-home .feature p{font-size:13px}
  #na-home .duo{gap:12px}
  #na-home .duo .card{padding:20px}
  #na-home .duo .card h3{font-size:19px;margin:10px 0 7px}
  #na-home .duo .card p{font-size:13.5px}
  #na-home .duo .card li{font-size:12.5px}
  #na-home .split{gap:20px}
  #na-home .brand-shot{padding:14px}
  #na-home .brand-shot img{max-width:290px}
  #na-home .chart-card{padding:16px 16px 12px}
}
@media (max-width:520px){
  #na-home .cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  #na-home .cat{min-height:0;padding:14px;gap:5px}
  #na-home .cat h3{font-size:15px}
  #na-home .cat p{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #na-home .cat .count{margin-top:8px;font-size:11px}
}
@media (max-width:767px){
  #na-home .section h2,#na-home .trust-strip h2{font-size:26px;line-height:1.1;letter-spacing:-0.012em}
}

/* ---- (b) WoodMart PDP mobile ---- */
@media (max-width:768.98px){
  .single-product form.cart .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
  .single-product form.cart .quantity{flex:0 0 88px;height:50px}
  .single-product .quantity input.minus,.single-product .quantity input.plus{width:40px;height:50px;font-size:18px}
  .single-product .quantity input.qty{height:50px;font-size:16px}
  .single-product .single_add_to_cart_button{flex:1 1 calc(100% - 98px);min-height:50px;font-size:15px;letter-spacing:.02em;justify-content:center}
  .single-product form.cart .wd-buy-now-btn{flex:1 1 100%;min-height:46px;background:transparent !important;color:#127c77 !important;border:1px solid rgba(18,124,119,.45) !important;box-shadow:none}
  form.cart .variations .wd-swatch{min-height:42px;min-width:44px;padding:8px 14px;font-size:14px}
  form.cart .variations select{min-height:48px;font-size:16px;width:100%}
  .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
  .woocommerce form .form-row select,.woocommerce-checkout input,.woocommerce-checkout select{font-size:16px !important;min-height:48px}
}

/* ---- (c) WoodMart shop grid mobile ---- */
@media (max-width:767px){
  .wd-product .product-wrapper{padding:12px;background:#fff;border-radius:9px}
  .wd-product .product-element-top{padding:12px;background:#f5f7f7;border-radius:8px}
  .wd-products .price .woocommerce-Price-amount{font-size:16px}
  .wd-products .price{line-height:1.35}
  .wd-products .wd-add-btn .button,.wd-products .wd-add-btn a.add_to_cart_button{display:flex;width:100%;justify-content:center;align-items:center;min-height:42px;background:transparent !important;color:#127c77 !important;border:1px solid rgba(18,124,119,.4) !important;border-radius:8px;font-size:13px}
  .wd-add-btn-replace .wd-add-btn-inner{transform:none !important}
  .wd-products{--wd-gap:14px}
}

/* ---- (d) sitewide chrome mobile ---- */
@media (max-width:767px){
  .footer-container p{font-size:12.5px;line-height:1.6}
  .footer-container .widget-title,.footer-container .wd-widget-title{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#127c77;margin-bottom:14px}
}
@media (max-width:480px){
  .na-agegate-btns{flex-direction:column;gap:10px;width:100%}
  .na-agegate-btns a,.na-agegate-btns button,#na-agegate-yes{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;font-size:16px}
}

/* ================= NA PDP FIXES v2 (2026-07-05) ================= */
/* bundle cards: always a full row inside the form; never collide with the buy row */
.single-product form.cart .na-bundle{flex:0 0 100%;width:100%;max-width:520px;margin:14px 0 18px;clear:both}
.single-product form.cart .single_variation_wrap{width:100%;flex:0 0 100%;margin-top:0 !important}
.single-product form.cart .woocommerce-variation-add-to-cart{margin-top:0 !important}
/* RUO disclaimer now at the bottom of the summary - calmer presentation */
.single-product .summary .na-ruo-banner{margin:22px 0 0;font-size:12.5px;opacity:.92}
@media (max-width:768.98px){
  .single-product form.cart .quantity{display:flex;align-items:stretch;border:1px solid #e3e7ea;border-radius:10px;background:#fff;overflow:hidden}
  .single-product form.cart .quantity input.qty{border:0 !important;text-align:center}
  .single-product form.cart .quantity .minus,.single-product form.cart .quantity .plus{border:0 !important;background:transparent}
  .single-product .single_add_to_cart_button{flex:1 1 0%;min-width:0;width:auto !important}
  .single-product .summary .na-ruo-banner{font-size:12px;padding:12px 14px}
}