:root{--black:#080807;--panel:#12110f;--gold:#c7a358;--gold2:#f2d38c;--cream:#f7f0df;--muted:#b8ae98;--line:#3b3427;--danger:#bb4d4d;--success:#4f9b68}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% 0,#251d0f 0,#0b0a08 30%,#050505 72%);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.55;min-height:100vh}
a{color:inherit}
.site-header{min-height:112px;padding:22px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(199,163,88,.25);background:rgba(5,5,5,.82)}
.brand{text-decoration:none;text-align:center;display:inline-flex;flex-direction:column;line-height:1}
.brand-name{font-family:Georgia,serif;font-size:36px;letter-spacing:.16em;color:var(--gold2)}
.brand-world{font-family:Georgia,serif;font-size:15px;letter-spacing:.45em;margin:6px 0;color:var(--gold)}
.tagline{font-size:8px;letter-spacing:.28em;color:#d5c298}
.small-link{color:var(--gold2);text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.14em}
.header-actions{display:flex;align-items:center;gap:22px}
.hero{padding:100px max(24px,calc((100vw - 1120px)/2));text-align:center;min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 80%,rgba(199,163,88,.14),transparent 48%)}
.hero.compact{min-height:460px}
.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,8vw,92px);line-height:.98;letter-spacing:.03em;margin:18px 0;color:var(--gold2)}
.hero p{max-width:720px;color:#d4c9b2;font-size:18px}
.hero .lead{font-size:clamp(19px,3vw,28px);color:var(--cream)}
.preorder-notice{max-width:720px;margin:22px 0 4px;padding:18px 24px;border:1px solid rgba(199,163,88,.55);background:rgba(16,15,13,.78);box-shadow:0 12px 34px rgba(0,0,0,.22)}
.preorder-notice strong{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:23px;font-weight:400}
.hero .preorder-notice p{margin:7px 0 0;color:#d4c9b2;font-size:16px}
.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.button{display:inline-block;border:1px solid var(--gold);background:linear-gradient(135deg,#d1ae63,#9b7431);color:#080705;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.12em;padding:15px 24px;border-radius:2px;cursor:pointer;margin-top:18px}
.button:hover{filter:brightness(1.12)}
.button:disabled{opacity:.4;cursor:not-allowed}
.button.wide{width:100%;font-size:15px}
.products,.checkout-panel,.campaign-list,.admin-main{max-width:1200px;margin:auto;padding:80px 24px}
.section-heading{text-align:center;margin-bottom:42px}
.section-heading h2,.checkout-panel h2,.panel h1,.panel h2{font-family:Georgia,serif;font-weight:400;color:var(--gold2);font-size:clamp(32px,5vw,54px);margin:10px 0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{background:linear-gradient(145deg,rgba(29,27,23,.97),rgba(12,11,9,.97));border:1px solid var(--line);border-top:3px solid var(--accent);padding:26px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.origin-mark{height:5px;width:48px;background:var(--accent);box-shadow:0 0 20px var(--accent)}
.product-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:18px 0 20px}
.variant{border-top:1px solid var(--line);padding:17px 0}
.variant>div:first-child{display:flex;justify-content:space-between;gap:12px}
.variant span{color:var(--gold2)}
.variant small{display:block;color:#dfb46b;margin-top:8px}
.quantity{display:flex;justify-content:flex-end;margin-top:12px}
.quantity button,.quantity input{height:38px;border:1px solid #5a4d35;background:#0c0b09;color:var(--cream);text-align:center}
.quantity button{width:40px;font-size:20px;cursor:pointer}
.quantity input{width:56px;-moz-appearance:textfield}
.quantity input::-webkit-inner-spin-button{display:none}
.sold-out{display:inline-block;margin-top:10px;color:#e87878!important;font-weight:700;letter-spacing:.12em}
.checkout-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;background:#100f0d;border:1px solid var(--line);margin-bottom:80px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grid label{display:flex;flex-direction:column;color:#d2c6ad;font-size:13px;letter-spacing:.04em}
.form-grid label.full{grid-column:1/-1}
.form-grid input,.form-grid textarea,.form-grid select{margin-top:7px;background:#070706;border:1px solid #51462f;color:var(--cream);padding:13px;font:inherit;border-radius:2px}
.form-grid .button{grid-column:1/-1}
.order-total{grid-column:2;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:22px;font-size:20px}
.order-total strong{color:var(--gold2)}
.checkout-totals{grid-column:2;margin-top:22px}
.checkout-totals>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}
.checkout-totals .order-total{margin-top:8px}
.area-confirm{display:flex!important;align-items:flex-start;gap:10px}
.area-confirm input{width:auto;margin-top:3px}
.payment-note{grid-column:2;color:var(--muted);font-size:13px}
.checkout-panel>.wide{grid-column:2}
.campaign-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.campaign-card{text-decoration:none;border:1px solid var(--line);background:var(--panel);padding:34px;transition:.2s}
.campaign-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.campaign-card>span{color:var(--gold);font-size:10px;letter-spacing:.2em}
.campaign-card h2{font-family:Georgia,serif;color:var(--gold2);font-size:34px}
.campaign-card strong{color:var(--gold2)}
.narrow{max-width:760px;margin:80px auto;padding:0 22px}
.panel{background:var(--panel);border:1px solid var(--line);padding:clamp(24px,5vw,48px);margin-bottom:28px}
.confirmation .summary{margin:28px 0;border-top:1px solid var(--line)}
.summary>div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid var(--line)}
.summary-total{font-size:20px;color:var(--gold2)}
.alert{padding:14px 18px;margin-bottom:18px;border:1px solid}
.alert.error{border-color:var(--danger);background:#371919}
.alert.success{border-color:var(--success);background:#153522}
.admin-main{max-width:1500px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--gold2);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.inline-form{display:flex;gap:6px;align-items:center}
.inline-form input,.inline-form select,.inline-form button,td button{background:#090807;color:var(--cream);border:1px solid #5a4d35;padding:7px}
.stock-input{width:68px}
.inventory-adjust-form{display:grid;grid-template-columns:145px 78px minmax(150px,1fr) auto;gap:6px;align-items:center}
.inventory-adjust-form input,.inventory-adjust-form button{background:#090807;color:var(--cream);border:1px solid #5a4d35;padding:7px}
.inventory-adjust-form button{cursor:pointer}
.inventory-note-form{display:grid;gap:6px;min-width:230px}
.inventory-note-form input,.inventory-note-form button{background:#090807;color:var(--cream);border:1px solid #5a4d35;padding:7px}
.inventory-note-form button{cursor:pointer}
.status{font-size:10px;letter-spacing:.1em;font-weight:700}
.status-paid,.status-ready,.status-delivered{color:#79d599}
.status-pending{color:#e4be68}
.status-refunded,.status-cancelled,.status-expired{color:#e17878}
.record-type{display:inline-block;margin:5px 0;color:#d5c8aa;font-size:10px;font-weight:700;letter-spacing:.1em}
.record-type-sample{color:#79b9e8}
.record-type-gift{color:#e6a7cf}
.internal-order-form{margin-top:24px}
.internal-product-list{grid-column:1/-1;border:1px solid var(--line);background:#0b0a08}
.internal-product-head,.internal-product-row{display:grid;grid-template-columns:minmax(230px,1fr) 90px 90px;gap:14px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}
.internal-product-head{color:var(--gold2);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.internal-product-row:last-child{border-bottom:0}
.internal-product-row strong{color:var(--muted);font-weight:400}
.internal-product-row input{margin:0!important;width:76px;text-align:center}
.records-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.records-heading h2{margin-right:auto}
.record-actions{display:flex;align-items:center;gap:8px}
.record-actions a,.record-actions button{display:inline-block;background:#090807;color:var(--cream);border:1px solid #5a4d35;padding:7px;text-decoration:none;font:inherit;white-space:nowrap}
.record-actions form{margin:0}
.route-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.route-toolbar button,.route-output>button{background:#090807;color:var(--cream);border:1px solid #5a4d35;padding:10px 14px;cursor:pointer}
.route-toolbar .route-primary{background:linear-gradient(135deg,#d1ae63,#9b7431);color:#080705;border-color:var(--gold);font-weight:700}
.route-stops{list-style-position:outside;margin:0;padding-left:28px}
.route-stop{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.5fr) auto auto;gap:12px;align-items:center;padding:13px 10px;border-bottom:1px solid var(--line)}
.route-stop>span{font-size:13px;color:var(--muted)}
.route-stop .status{color:var(--gold2)}
.route-move{display:flex;gap:5px}
.route-move button{background:#090807;color:var(--cream);border:1px solid #5a4d35;width:34px;height:34px;cursor:pointer}
.delivery-proof-form,.delivery-complete-form{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 0 2px}
.delivery-proof-form label,.delivery-complete-form label{font-size:12px;color:var(--muted)}
.delivery-proof-form input[type=file],.delivery-complete-form input[type=file]{display:block;margin-top:5px;max-width:320px;color:var(--cream)}
.delivery-proof-form button,.delivery-complete-form button{background:linear-gradient(135deg,#d1ae63,#9b7431);color:#080705;border:1px solid var(--gold);padding:10px 14px;font-weight:700;cursor:pointer}
.delivery-proof-form button:disabled,.delivery-complete-form button:disabled{opacity:.55;cursor:not-allowed}
.delivery-main .route-stop.is-delivered{border-color:rgba(79,155,104,.5);background:rgba(21,53,34,.32)}
.proof-link{color:var(--gold2);font-size:11px}
.security-main{max-width:1000px}
.security-form{margin-top:24px}
.security-form small{display:block;color:var(--muted);font-weight:400;margin-top:4px}
.security-form .security-check{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:25px}
.security-form .security-check input{margin:0;width:20px;height:20px}
.route-note{color:var(--muted);font-size:13px;margin:18px 0}
.route-output{margin-top:22px}
.route-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.route-card{border:1px solid var(--line);background:#0c0b09;padding:20px}
.route-card h3{font-family:Georgia,serif;color:var(--gold2);font-size:25px;margin:0 0 10px}
.route-card ol{padding-left:22px}
.route-card li{margin-bottom:9px}
.route-card .button{font-size:11px}
footer{padding:40px 24px;text-align:center;border-top:1px solid rgba(199,163,88,.2);color:#998f7a;font-size:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
code{color:var(--gold2)}
@media(max-width:860px){.product-grid{grid-template-columns:1fr 1fr}
.checkout-panel{display:block;margin:0 16px 60px}
.checkout-panel>div:first-child{margin-bottom:32px}
.order-total,.payment-note,.checkout-panel>.wide{margin-top:22px}
.campaign-list{grid-template-columns:1fr}
}
@media(max-width:560px){.site-header{min-height:94px}
.brand-name{font-size:29px}
.header-actions{gap:12px}.header-actions .small-link{font-size:10px}
.hero{min-height:470px;padding-top:70px;padding-bottom:70px}
.product-grid,.form-grid{grid-template-columns:1fr}
.form-grid label.full{grid-column:auto}
.products{padding-left:16px;padding-right:16px}
.checkout-panel{padding:28px 20px}
.order-total{grid-column:auto}
.campaign-list{padding:50px 16px}
.admin-main{padding:35px 10px}
.panel{padding:22px 16px}
.route-stop{grid-template-columns:1fr;gap:6px}
.route-card-grid{grid-template-columns:1fr}
.internal-product-head,.internal-product-row{grid-template-columns:minmax(145px,1fr) 62px 68px;gap:8px;padding:10px 8px;font-size:12px}
.internal-product-row input{width:62px;padding:9px 5px!important}
.inventory-adjust-form{grid-template-columns:1fr 72px}
.inventory-adjust-form input[name="note"]{grid-column:1/-1}
.inventory-adjust-form button{grid-column:1/-1}
}