:root{--bg: #0f0d0a;--bg-soft: #191611;--paper: #f3ead9;--paper-deep: #e6dac1;--ink: #1c1812;--ink-soft: #5a4f42;--line: rgba(28, 24, 18, .18);--accent: #d46337;--accent-cool: #52757e;--success: #4d7240;--danger: #9d372c;--shadow: 0 20px 60px rgba(15, 13, 10, .18)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Georgia,Times New Roman,serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(212,99,55,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(82,117,126,.12),transparent 35%),var(--paper)}button,input,textarea,select{font:inherit}code{font-family:Courier New,monospace;font-size:.92em}.app-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:40px 0 72px}.masthead{padding:24px 0 32px;border-top:4px double var(--ink);border-bottom:1px solid var(--line)}.eyebrow,.panel-kicker,.product-handle,.status{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.22em}.eyebrow{margin:0 0 12px;font-size:.72rem;color:var(--accent)}.masthead h1{margin:0;max-width:10ch;font-size:clamp(3.3rem,8vw,6.4rem);line-height:.94;font-style:italic;font-weight:600}.intro{max-width:760px;margin:18px 0 0;font-size:1.15rem;line-height:1.65;color:var(--ink-soft)}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:28px;margin-top:32px;align-items:start}.panel{border:1px solid var(--line);background:#fffbf4b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.panel-head{padding:24px 24px 18px;border-bottom:1px solid var(--line)}.panel-kicker{margin:0 0 10px;font-size:.7rem;color:var(--accent-cool)}.panel-head h2{margin:0;font-size:2rem;line-height:1.05}.panel-products{overflow:hidden}.status{margin:0;padding:16px 24px;font-size:.72rem;color:var(--ink-soft);border-bottom:1px solid var(--line)}.status[data-tone=ok]{color:var(--success)}.status[data-tone=error]{color:var(--danger)}.status[data-tone=warn]{color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:24px}.product-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffe6,#f3ead9cc);overflow:hidden;display:grid;grid-template-rows:240px 1fr;min-height:100%}.product-media{background:linear-gradient(135deg,#52757e1f,#d4633714),#f8f4ec;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;display:block}.product-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--ink-soft);font-family:Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.product-copy{display:grid;gap:14px;padding:18px}.product-handle{margin:0;font-size:.68rem;color:var(--accent-cool)}.product-copy h3{margin:0;font-size:1.55rem;line-height:1.08}.product-description{margin:0;line-height:1.65;color:var(--ink-soft)}.product-meta,.cart-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-meta div,.cart-totals div{border-top:1px solid var(--line);padding-top:12px}.product-meta span,.cart-totals span,.cart-line p{display:block;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;color:var(--ink-soft)}.product-meta strong,.cart-totals strong{display:block;margin-top:8px;font-size:1rem}.primary-button,.secondary-button,.ghost-button{border:0;cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary-button{background:var(--ink);color:var(--paper);padding:14px 18px;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem}.secondary-button,.ghost-button{padding:12px 14px;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem}.secondary-button{background:var(--accent);color:#fff}.ghost-button{background:transparent;color:var(--ink);border:1px solid var(--line)}.panel-cart{position:sticky;top:18px}.cart-actions,.cart-summary,.callout,#checkout-button{margin:0 24px}.cart-actions{display:flex;gap:10px;padding-top:22px}.cart-summary{padding:20px 0 10px}.cart-lines{display:grid;gap:14px;margin-top:20px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding-top:14px;border-top:1px solid var(--line)}.cart-line h3{margin:0 0 6px;font-size:1rem}.cart-line p{margin:0}.cart-line-meta{text-align:right}.cart-line-meta strong{display:block;margin-top:8px}.empty-state{padding:22px 0 6px;color:var(--ink-soft)}.empty-state p{margin:0 0 10px;line-height:1.6}.empty-state.error{color:var(--danger)}#checkout-button{width:calc(100% - 48px);margin-top:18px}.callout{margin-top:18px;margin-bottom:24px;border-top:1px solid var(--line);padding-top:18px;line-height:1.65;color:var(--ink-soft)}@media(max-width:980px){.layout{grid-template-columns:1fr}.panel-cart{position:static}}@media(max-width:720px){.app-shell{width:min(100% - 20px,1280px);padding-top:20px}.masthead h1{max-width:none;font-size:clamp(2.6rem,14vw,4.2rem)}.product-grid{grid-template-columns:1fr;padding:16px}.panel-head,.status,.cart-actions,.cart-summary,.callout,#checkout-button{margin-left:16px;margin-right:16px}.panel-head,.status{padding-left:16px;padding-right:16px}#checkout-button{width:calc(100% - 32px)}}