:root {
  /* Change these variables to adjust the site palette without editing component styles. */
  --color-ink: #272b24;
  --color-muted: #6b7065;
  --color-cream: #f7f4ec;
  --color-paper: #fffdf8;
  --color-olive: #596444;
  --color-olive-dark: #39452d;
  --color-gold: #b69a5b;
  --color-border: #ded9cb;
  --color-alert-bg: #f5ead6;
  --color-alert-text: #674e1f;
  --font-body: Georgia, "Times New Roman", serif;
  --font-ui: Arial, Helvetica, sans-serif;
  --content-width: 1220px;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--color-ink); background: var(--color-cream); font-family: var(--font-body); line-height: 1.55; }
a { color: var(--color-olive-dark); }
.site-header { background: var(--color-paper); border-bottom: 1px solid var(--color-border); padding: 24px max(24px, calc((100vw - var(--content-width))/2)); display:flex; justify-content:space-between; align-items:center; gap:24px; }
.brand { color:var(--color-ink); text-decoration:none; display:flex; flex-direction:column; gap:4px; }
.brand-kicker { font: 10px/1.2 var(--font-ui); letter-spacing:.24em; color:var(--color-olive); }
.brand-name { font-size:clamp(19px,2.5vw,29px); letter-spacing:.07em; }
nav { display:flex; gap:22px; flex-wrap:wrap; font:13px var(--font-ui); }
nav a { text-decoration:none; }
nav a:hover, nav a[aria-current="page"] { text-decoration:underline; text-underline-offset:5px; }
.page { max-width:var(--content-width); margin:auto; padding:38px 24px 60px; }
.intro { max-width:780px; margin:0 auto 42px; text-align:center; }
.eyebrow { font:11px var(--font-ui); letter-spacing:.2em; color:var(--color-olive); text-transform:uppercase; margin:0 0 9px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(35px,5vw,54px); line-height:1.08; font-weight:normal; margin-bottom:16px; }
.intro > p:not(.eyebrow) { color:var(--color-muted); }
.notice { margin-top:22px; background:#efede3; padding:14px 18px; border-left:3px solid var(--color-gold); text-align:left; font:13px/1.55 var(--font-ui); }
.shop-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:32px; align-items:start; }
.section-heading,.cart-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:20px; }
.section-heading h2,.cart-heading h2,.shipping-summary h2 { font-size:27px; font-weight:normal; margin:0; }
.minimum,.cart-count { font:11px var(--font-ui); letter-spacing:.06em; text-transform:uppercase; color:var(--color-olive); }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.product-card { background:var(--color-paper); border:1px solid var(--color-border); padding:21px; display:flex; flex-direction:column; min-height:230px; }
.product-type { font:10px var(--font-ui); text-transform:uppercase; letter-spacing:.15em; color:var(--color-muted); margin-bottom:10px; }
.product-card h3 { font-size:22px; font-weight:normal; margin-bottom:6px; }
.product-price { font-size:20px; margin-bottom:15px; }
.product-price small { color:var(--color-muted); font:12px var(--font-ui); }
.product-bottom { margin-top:auto; display:flex; gap:10px; align-items:center; }
select, input[type="number"] { border:1px solid var(--color-border); border-radius:2px; background:white; padding:10px; color:var(--color-ink); min-width:0; }
select { flex:1; }
button { border:0; border-radius:2px; padding:11px 15px; background:var(--color-olive); color:white; font:12px var(--font-ui); cursor:pointer; }
button:hover { background:var(--color-olive-dark); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid var(--color-gold); outline-offset:3px; }
.cart-panel { background:var(--color-paper); border:1px solid var(--color-border); padding:22px; position:sticky; top:18px; }
.cart-heading { border-bottom:1px solid var(--color-border); padding-bottom:15px; }
.cart-lines { display:flex; flex-direction:column; gap:14px; padding:2px 0 18px; }
.empty { color:var(--color-muted); font-size:14px; margin:0; }
.cart-line { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; font:13px var(--font-ui); }
.cart-line-title { font-weight:bold; }
.cart-line-meta { color:var(--color-muted); margin-top:3px; }
.cart-line-controls { display:flex; align-items:center; gap:5px; margin-top:8px; }
.cart-line-controls input { width:62px; padding:6px; }
.remove { background:transparent; color:var(--color-muted); padding:4px 6px; text-decoration:underline; }
.line-price { font-weight:bold; white-space:nowrap; }
.totals { border-top:1px solid var(--color-border); padding-top:14px; font:13px var(--font-ui); }
.totals > div { display:flex; justify-content:space-between; gap:12px; margin:9px 0; }
.totals span { color:var(--color-muted); }
.totals strong { white-space:nowrap; }
.grand-total { border-top:1px solid var(--color-border); padding-top:14px; margin-top:14px!important; font-size:16px; }
.grand-total span { color:var(--color-ink); }
.small-note { font:11px/1.5 var(--font-ui); color:var(--color-muted); margin:12px 0 0; }
.age-check,.terms-check { display:flex; gap:9px; align-items:flex-start; font:12px/1.45 var(--font-ui); margin-top:15px; }
.age-check input,.terms-check input { margin-top:3px; }
.checkout-warning { margin:14px 0 10px; background:var(--color-alert-bg); color:var(--color-alert-text); padding:10px; font:12px/1.4 var(--font-ui); }
.paypal-buttons { margin-top:12px; }
.payment-status { font:12px/1.45 var(--font-ui); margin-top:10px; }
.payment-note { text-align:center; color:var(--color-muted); font:11px var(--font-ui); }
.shipping-summary { margin-top:48px; border-top:1px solid var(--color-border); padding-top:28px; }
.shipping-summary > p { color:var(--color-muted); font-size:14px; }
.shipping-tiers { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.shipping-tiers > div { background:var(--color-paper); border:1px solid var(--color-border); padding:13px; display:flex; flex-direction:column; gap:5px; }
.shipping-tiers span { font:11px var(--font-ui); color:var(--color-muted); }
.shipping-tiers strong { font-size:15px; font-weight:normal; }
.site-footer { background:var(--color-paper); border-top:1px solid var(--color-border); padding:22px max(24px, calc((100vw - var(--content-width))/2)); display:flex; justify-content:space-between; gap:15px; color:var(--color-muted); font:12px var(--font-ui); }
@media(max-width:900px) { .shop-layout { grid-template-columns:1fr; } .cart-panel { position:static; } .shipping-tiers { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .site-header { flex-direction:column; align-items:flex-start; } nav { gap:14px; } .page { padding:28px 15px 42px; } .product-grid { grid-template-columns:1fr; } .product-card { min-height:0; } .section-heading { align-items:flex-start; flex-direction:column; } .shipping-tiers { grid-template-columns:1fr 1fr; } .site-footer { flex-direction:column; } }