/*
Theme Name: Northstar NAS
Theme URI: https://example.com/
Author: Northstar
Description: Lightweight storefront theme for configurable NAS systems, designed for WooCommerce.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: northstar-nas
*/
:root{--ink:#17191d;--muted:#666d78;--line:#e4e7eb;--paper:#fff;--soft:#f5f6f7;--accent:#176b54;--accent-dark:#0f4c3b;--radius:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto}button,input,select{font:inherit}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner,.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:24px}.brand{font-size:1.2rem;font-weight:800;letter-spacing:-.04em}.brand-mark{display:inline-grid;place-items:center;background:var(--accent);color:#fff;border-radius:9px;width:30px;height:30px;margin-right:9px;font-size:.8rem}.main-nav{display:flex;gap:24px;align-items:center}.header-cart{border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-weight:650}.site-main{min-height:65vh}.hero{padding:76px 0 54px;background:linear-gradient(135deg,#f6f8f7,#fff 65%)}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:800}.hero h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;letter-spacing:-.065em;max-width:780px;margin:14px 0 20px}.hero p{font-size:1.15rem;color:var(--muted);max-width:650px}.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:0;border-radius:999px;padding:13px 20px;font-weight:750;cursor:pointer}.button:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--accent-dark);color:#fff}.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.section{padding:58px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.045em;margin:0}.muted{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;display:flex;flex-direction:column;min-height:300px}.product-art{height:130px;border-radius:14px;background:radial-gradient(circle at 50% 20%,#fff,#e9eeeb);display:grid;place-items:center;margin-bottom:20px}.nas-unit{width:68px;height:88px;border-radius:9px;background:linear-gradient(90deg,#22262a,#4b5259);box-shadow:0 12px 25px #0002;position:relative}.nas-unit:before{content:"";position:absolute;inset:12px 10px;border:1px solid #7e878b;border-radius:4px;background:repeating-linear-gradient(to bottom,#202427 0 5px,#737d80 6px 7px)}.product-card h3{font-size:1.25rem;margin:0 0 5px}.product-card p{color:var(--muted);margin:0 0 15px}.product-card .price{font-weight:800;font-size:1.3rem;margin-top:auto;margin-bottom:16px}.trust-strip{background:var(--soft);border-radius:var(--radius);padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-strip strong{display:block}.nas-configurator{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;align-items:start}.config-panel,.config-summary{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff}.config-panel h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;letter-spacing:-.05em;margin:8px 0 12px}.config-field{padding:19px 0;border-top:1px solid var(--line)}.config-field label,.config-field legend{font-weight:750;display:block;margin-bottom:9px}.config-field select,.config-field input[type=number]{width:100%;border:1px solid #cdd2d8;border-radius:10px;padding:12px;background:#fff}.config-field input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);vertical-align:middle;margin-right:8px}.config-summary{position:sticky;top:100px;background:var(--soft)}.summary-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.summary-total{font-size:1.55rem;font-weight:850;display:flex;justify-content:space-between;gap:16px;padding:18px 0}.config-summary .button{width:100%}.notice{padding:13px 15px;border-radius:12px;background:#e9f5ef;color:#174e3c;font-size:.92rem;margin:15px 0}.site-footer{margin-top:60px;background:#17191d;color:#fff;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.woocommerce .woocommerce-breadcrumb{color:var(--muted)}.woocommerce div.product .product_title{letter-spacing:-.04em}.woocommerce ul.products li.product{border:1px solid var(--line);border-radius:var(--radius);padding:18px}.woocommerce-message,.woocommerce-info{border-top-color:var(--accent)}.woocommerce-message:before,.woocommerce-info:before{color:var(--accent)}.page-content{padding:40px 0}.entry-title{letter-spacing:-.045em}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.product-grid{grid-template-columns:1fr}.nas-configurator{grid-template-columns:1fr}.config-summary{position:static}.trust-strip{grid-template-columns:1fr}.main-nav{gap:12px}.header-inner,.container{width:min(var(--max),calc(100% - 28px))}.hero{padding:52px 0 38px}.section{padding:40px 0}}
@media(max-width:520px){.main-nav a:not(.header-cart){display:none}.header-inner{min-height:64px}.config-panel,.config-summary{padding:19px}}