:root{--canvas: #f6f3ec;--ink: #141712;--body: #4f574d;--muted: #70796d;--card: #fffdf7;--card-strong: #f0eadf;--line: #ded7ca;--line-strong: #c9bfaf;--green: #1f6f4a;--green-soft: #dff0e6;--yellow: #f7c948;--red: #c9362f;--dark: #181b16;--shadow: 0 22px 70px rgba(28, 26, 20, .13);color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.customer-shell{display:grid;gap:20px;min-height:100vh;padding:16px}.order-hero{background:linear-gradient(135deg,rgba(247,201,72,.2),transparent 34%),linear-gradient(160deg,#191c17,#20271f 56%,#1f3f32);border-radius:18px;box-shadow:var(--shadow);color:#fffdf7;display:grid;gap:22px;min-height:360px;overflow:hidden;padding:22px;position:relative}.order-hero:after{border-bottom:1px solid rgba(247,201,72,.58);border-top:1px solid rgba(201,54,47,.46);content:"";height:54px;left:-12%;opacity:.95;position:absolute;right:-12%;top:42px;transform:rotate(-7deg)}.hero-copy,.status-card{position:relative;z-index:1}.hero-copy{align-content:start;display:grid;gap:13px}.brand-row{align-items:center;display:flex;gap:12px}.brand-mark{align-items:center;background:var(--yellow);border-radius:8px;color:var(--dark);display:inline-flex;flex:0 0 40px;font-weight:900;height:40px;justify-content:center;width:40px}.brand-row div:last-child{display:grid;gap:2px}.brand-row span,.brand-row strong{line-height:1.1}.brand-row span{color:#fffdf7ad;font-size:12px}.brand-row strong{color:#fffdf7;font-size:15px}.page-kicker{color:var(--green);font-size:12px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.order-hero .page-kicker{color:var(--yellow)}h1,h2,p{margin:0}h1{font-size:42px;line-height:1}h2{color:var(--ink);font-size:20px;line-height:1.2}.hero-copy>p:last-child{color:#fffdf7c7;font-size:16px;line-height:1.55;max-width:520px}.status-card{align-self:end;background:#fffdf71a;border:1px solid rgba(255,253,247,.18);border-radius:14px;display:grid;gap:7px;padding:16px}.status-card strong{font-size:32px;line-height:1.05}.status-card small{color:#fffdf7ad}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-self:start;min-height:28px;padding:0 10px}.status-pill.awaiting_payment,.status-pill.awaiting_verification{background:#f7c9482e;color:#ffe08a}.status-pill.payment_confirmed,.status-pill.completed{background:#dff0e62e;color:#bff0d1}.order-layout,.content-stack,.side-stack{display:grid;gap:16px}.panel,.support-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px #1c1a140f}.panel{display:grid;gap:18px;padding:18px}.panel-heading{align-items:start;display:flex;gap:16px;justify-content:space-between}.panel-heading>div{display:grid;gap:5px}.panel-heading svg{color:var(--green);flex:0 0 auto}.customer-chip{background:var(--card-strong);border-radius:999px;color:var(--body);flex:0 0 auto;font-size:12px;font-weight:700;max-width:150px;min-height:28px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.items-list,.proof-list,.timeline{display:grid}.item-card,.proof-row,.total-row,.payment-detail{border-bottom:1px solid var(--line)}.item-card{display:grid;gap:12px;padding:14px 0}.item-card:first-child{padding-top:0}.item-card:last-child,.proof-row:last-child{border-bottom:0}.item-card strong,.proof-row strong,.payment-detail strong,.total-row strong,.support-card strong,.locked-upload strong,.selected-file strong,.timeline-step strong{color:var(--ink)}.item-card ul{color:var(--muted);display:grid;gap:4px;font-size:13px;line-height:1.45;list-style:none;margin:8px 0 0;padding:0}.item-price{display:flex;gap:12px;justify-content:space-between}.item-price span,.payment-detail span,.total-row span,.proof-row span,.selected-file span,.locked-upload span,.support-card span,.timeline-step small{color:var(--muted);font-size:13px}.totals-card{background:var(--card-strong);border-radius:12px;padding:4px 14px}.total-row{align-items:center;display:flex;justify-content:space-between;min-height:42px}.total-row:last-child{border-bottom:0}.total-row.strong strong{color:var(--green);font-size:22px}.payment-grid{display:grid;gap:0}.payment-detail{display:grid;gap:7px;min-width:0;padding:13px 0}.payment-detail strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.copy-button,.button{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:40px;text-decoration:none}.copy-button{background:var(--card-strong);border:1px solid var(--line);color:var(--green);justify-self:start;padding:0 12px}.button{border:1px solid transparent;padding:0 14px}.button.primary{background:var(--green);color:#fffdf7}.button.primary:disabled{cursor:not-allowed;opacity:.48}.button.secondary{background:var(--card-strong);border-color:var(--line);color:var(--ink)}.note-card,.locked-upload,.selected-file,.support-card,.inline-success,.inline-error{border-radius:12px;line-height:1.45}.note-card{background:#fff6d8;border:1px solid #efd27e;color:#6f5616;padding:12px}.upload-box{display:grid;gap:12px}.file-drop{align-items:center;background:var(--card-strong);border:1px dashed var(--line-strong);border-radius:14px;cursor:pointer;display:grid;gap:7px;justify-items:center;min-height:158px;padding:20px;text-align:center}.file-drop svg{color:var(--green)}.file-drop span{color:var(--ink);font-weight:800}.file-drop small{color:var(--muted)}.file-drop input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.selected-file,.proof-row,.locked-upload,.support-card,.inline-success{align-items:start;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr)}.selected-file,.locked-upload,.support-card{background:var(--card-strong);padding:12px}.selected-file svg,.proof-row svg,.locked-upload svg,.support-card svg,.inline-success svg{color:var(--green);margin-top:2px}.progress-track{background:var(--card-strong);border-radius:999px;height:9px;overflow:hidden}.progress-track span{background:var(--green);display:block;height:100%;transition:width .18s ease}.inline-success{background:var(--green-soft);color:#174f36;padding:11px 12px}.inline-error{background:#ffe7e4;color:#8f221d;padding:11px 12px}.proof-list{border-top:1px solid var(--line)}.proof-row{padding:12px 0}.compact-panel{align-content:start}.timeline{gap:0}.timeline-step{display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:56px;position:relative}.timeline-step:after{background:var(--line);bottom:6px;content:"";left:10px;position:absolute;top:24px;width:1px}.timeline-step:last-child:after{display:none}.timeline-step.is-current strong{color:var(--green)}.step-dot{align-items:center;background:var(--card-strong);border:1px solid var(--line-strong);border-radius:999px;color:var(--green);display:inline-flex;height:22px;justify-content:center;position:relative;width:22px;z-index:1}.step-dot.is-complete{background:var(--green);border-color:var(--green);color:#fffdf7}.support-card{color:var(--body)}.invalid-shell{place-items:center}.invalid-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:14px;max-width:520px;padding:24px;text-align:center}.invalid-card>svg{color:var(--red);justify-self:center}.invalid-card p:not(.page-kicker){color:var(--body);line-height:1.55}.invalid-card code{background:var(--card-strong);border-radius:8px;color:var(--body);font-size:13px;padding:9px 10px}.invalid-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.shop-shell{max-width:1240px}.shop-hero{align-items:end;background:linear-gradient(135deg,rgba(247,201,72,.22),transparent 42%),linear-gradient(145deg,#171915,#24362c 62%,#8f2f2a);border-radius:18px;box-shadow:var(--shadow);color:#fffdf7;display:grid;gap:18px;min-height:260px;padding:22px}.shop-brand{align-items:center;display:flex;gap:14px}.shop-brand h1{font-size:38px;margin-top:6px}.shop-brand span,.shop-hero-summary span{align-items:center;color:#fffdf7b8;display:inline-flex;font-size:14px;gap:7px;margin-top:9px}.shop-logo,.product-icon{align-items:center;display:inline-flex;justify-content:center}.shop-logo{background:var(--yellow);border-radius:12px;color:var(--dark);flex:0 0 56px;height:56px;overflow:hidden;width:56px}.shop-logo img{height:100%;object-fit:cover;width:100%}.shop-hero-summary{background:#fffdf71f;border:1px solid rgba(255,253,247,.18);border-radius:14px;display:grid;justify-items:start;padding:15px}.shop-hero-summary strong{font-size:28px}.shop-layout{align-items:start;display:grid;gap:16px}.shop-main{display:grid;gap:14px}.catalog-toolbar,.cart-panel,.configuration-panel,.loading-panel,.empty-state-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px #1c1a140f}.catalog-toolbar{padding:12px}.search-field,.field-line>div{align-items:center;background:var(--card-strong);border:1px solid var(--line);border-radius:10px;display:flex;gap:9px;min-height:44px;padding:0 12px}.search-field svg,.field-line svg{color:var(--green);flex:0 0 auto}.search-field input,.field-line input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.product-grid{display:grid;gap:12px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 36px #1c1a140f;display:grid;gap:14px;padding:16px}.product-card-top{align-items:center;display:flex;justify-content:space-between}.product-icon{background:var(--green-soft);border-radius:10px;color:var(--green);height:42px;width:42px}.product-card h2{font-size:18px}.product-card p,.empty-state-panel span,.cart-empty span{color:var(--body);font-size:14px;line-height:1.5;margin-top:6px}.variation-chips{display:flex;flex-wrap:wrap;gap:7px}.variation-chips span,.simple-product{background:var(--card-strong);border-radius:999px;color:var(--body);font-size:12px;font-weight:800;padding:7px 10px}.cart-panel{display:grid;gap:14px;padding:16px}.cart-heading{align-items:center;display:flex;justify-content:space-between}.cart-heading span{align-items:center;background:var(--green);border-radius:999px;color:#fffdf7;display:inline-flex;font-size:13px;font-weight:900;height:30px;justify-content:center;min-width:30px}.cart-lines,.checkout-form,.configuration-groups{display:grid;gap:12px}.cart-line{border-bottom:1px solid var(--line);display:grid;gap:10px;padding-bottom:12px}.cart-line:last-child{border-bottom:0;padding-bottom:0}.cart-line span{color:var(--muted);display:block;font-size:12px;line-height:1.45;margin-top:5px}.cart-line-controls{align-items:center;display:grid;gap:9px;grid-template-columns:auto minmax(0,1fr) auto}.quantity-stepper{align-items:center;background:var(--card-strong);border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:8px;min-height:42px;padding:0 8px}.quantity-stepper.small{min-height:34px}.quantity-stepper button,.icon-button{align-items:center;border:0;display:inline-flex;justify-content:center}.quantity-stepper button{background:var(--card);border-radius:999px;color:var(--green);height:28px;width:28px}.icon-button{background:var(--card-strong);border-radius:999px;color:var(--ink);height:36px;width:36px}.icon-button.danger{color:var(--red)}.cart-empty,.empty-state-panel,.loading-panel{align-items:center;display:grid;gap:10px;justify-items:center;min-height:160px;padding:22px;text-align:center}.cart-empty{background:var(--card-strong);border-radius:12px;min-height:110px}.cart-empty svg,.empty-state-panel svg,.loading-panel svg{color:var(--green)}.cart-totals{padding:4px 14px}.field-line{display:grid;gap:7px}.field-line>span{color:var(--body);font-size:13px;font-weight:800}.checkout-button{width:100%}.configuration-overlay{align-items:end;background:#14171270;bottom:0;display:grid;left:0;padding:12px;position:fixed;right:0;top:0;z-index:20}.configuration-panel{display:grid;gap:16px;max-height:calc(100vh - 24px);overflow:auto;padding:18px}.configuration-heading,.configuration-footer{align-items:center;display:flex;gap:14px;justify-content:space-between}.choice-group{border:0;display:grid;gap:8px;margin:0;padding:0}.choice-group legend{color:var(--ink);font-weight:900;padding:0}.choice-options{display:grid;gap:8px}.choice-option{align-items:center;background:var(--card-strong);border:1px solid var(--line);border-radius:12px;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:48px;padding:10px 12px}.choice-option input{accent-color:var(--green)}.choice-option strong{color:var(--green);font-size:13px}.configuration-total{display:grid;gap:2px;justify-items:end}.configuration-total span{color:var(--muted);font-size:12px}.configuration-total strong{color:var(--green);font-size:22px}.form-errors{background:#ffe7e4;border-radius:12px;color:#8f221d;display:grid;gap:5px;padding:11px 12px}.form-errors p{margin:0}@media (min-width: 760px){.customer-shell{padding:24px}.order-hero{align-items:end;grid-template-columns:minmax(0,1fr) minmax(260px,340px);min-height:320px;padding:28px}h1{font-size:56px}.item-card{align-items:start;grid-template-columns:minmax(0,1fr) auto}.payment-grid{column-gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-detail.span-two{grid-column:1 / -1}.shop-hero{grid-template-columns:minmax(0,1fr) minmax(240px,320px);min-height:250px;padding:28px}.shop-brand h1{font-size:52px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.configuration-overlay{align-items:center;justify-items:center}.configuration-panel{max-width:560px;width:min(560px,100%)}}@media (min-width: 1100px){.customer-shell{margin:0 auto;max-width:1180px}.order-layout{align-items:start;grid-template-columns:minmax(0,1fr) 340px}.side-stack{position:sticky;top:18px}.shop-layout{grid-template-columns:minmax(0,1fr) 360px}.cart-panel{position:sticky;top:18px}}