.purchase-request-note { display:flex; align-items:flex-start; gap:10px; margin:14px 0 0; padding:13px 15px; border:1px solid rgba(176,139,90,.14); border-radius:16px; color:var(--muted); background:rgba(176,139,90,.045); }
.purchase-request-note .ph { flex:0 0 auto; margin-top:.35em; color:var(--accent-light); }
.purchase-request-note p { margin:0; font-size:.76rem; line-height:1.85; }
.dossier-nav { position:sticky; top:77px; z-index:20; display:flex; gap:8px; overflow:auto; padding-block:10px; background:rgba(18,17,16,.74); backdrop-filter:blur(16px); scrollbar-width:none; }
.dossier-nav::-webkit-scrollbar { display:none; }
.dossier-nav a { flex:0 0 auto; padding:8px 13px; border:1px solid rgba(176,139,90,.18); border-radius:999px; background:rgba(29,26,23,.86); color:#d7cdc1; font-size:.82rem; font-weight:800; }
.dossier-nav a:hover { color:white; border-color:rgba(176,139,90,.62); }
.assurances { display:grid; gap:10px; color:var(--muted); font-size:.8rem; padding-top:22px; margin-top:22px; border-top:1px solid var(--line); }
.assurances span::before { content:"✓"; color:var(--accent-light); margin-left:9px; }
.narrative-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:80px; }
.prose { color:#d0c5b8; font-size:1.03rem; line-height:2.15; }
.rich-content h2,.rich-content h3,.rich-content h4 { color:var(--text); margin:1.4em 0 .45em; }
.rich-content h2:first-child,.rich-content h3:first-child { margin-top:0; }
.rich-content p { margin-bottom:1.05em; }
.rich-content ul,.rich-content ol { padding-right:1.25em; margin:1em 0; }
.rich-content li { margin:.35em 0; }
.rich-content blockquote { margin:1.4em 0; padding:18px 22px; border-right:4px solid var(--accent-light); border-radius:18px; background:rgba(176,139,90,.08); color:#e5d7c7; }
.rich-content a { color:var(--accent-light); font-weight:800; border-bottom:1px solid rgba(176,139,90,.45); }
.rich-content strong,.rich-content b { color:#fff; }
.fact-card { background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:26px; }
.fact-card dl { margin:0; }
.fact-card dl div { display:flex; justify-content:space-between; gap:20px; padding:11px 0; border-bottom:1px solid var(--line); }
.fact-card dt { color:var(--muted); }.fact-card dd { margin:0; text-align:left; }
.info-columns { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.brand-story-card { display:grid; grid-template-columns:180px 1fr; gap:46px; align-items:center; padding:42px; border:1px solid rgba(176,139,90,.18); border-radius:32px; background:radial-gradient(circle at 10% 20%,rgba(176,139,90,.16),transparent 32%),linear-gradient(145deg,#1d1a17,#151311); box-shadow:var(--shadow); }
.brand-mark { width:150px; height:150px; display:grid; place-items:center; border-radius:34px; border:1px solid rgba(176,139,90,.24); background:rgba(245,241,234,.04); color:var(--accent-light); font-size:4rem; font-weight:900; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
.brand-mark img { width:100%; height:100%; object-fit:contain; padding:24px; }
.brand-facts { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.brand-facts span,.brand-facts a { display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.025); font-size:.82rem; }
.brand-facts .ph { margin-left:0; color:var(--accent-light); }
.media-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
.media-card { padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
.media-card audio { margin-top:14px; }
.gallery-open { overflow:hidden; }
.gallery-modal[hidden] { display:none; }
.gallery-modal { position:fixed; inset:0; z-index:130; display:grid; place-items:center; padding:22px; }
.gallery-modal-backdrop { position:absolute; inset:0; background:rgba(6,5,4,.82); backdrop-filter:blur(20px); }
.gallery-modal-sheet { position:relative; width:min(1120px,100%); max-height:calc(100svh - 44px); display:grid; place-items:center; padding:20px; border:1px solid var(--line-warm); border-radius:var(--radius-xl); background:var(--surface-strong); box-shadow:var(--shadow-strong); }
.gallery-modal-sheet img { max-width:100%; max-height:calc(100svh - 150px); width:auto; height:auto; object-fit:contain; border-radius:var(--radius-md); }
.gallery-modal-sheet p { margin:12px 0 0; color:var(--muted); font-size:.82rem; }
.gallery-modal-close,.gallery-modal-nav { position:absolute; z-index:2; display:grid; place-items:center; border:1px solid var(--line-warm); background:rgba(18,17,16,.72); color:#fff; cursor:pointer; box-shadow:var(--shadow-soft); }
.gallery-modal-close { top:16px; left:16px; width:44px; height:44px; border-radius:50%; }
.gallery-modal-nav { top:50%; width:48px; height:58px; transform:translateY(-50%); border-radius:18px; }
.gallery-modal-nav.prev { right:18px; }
.gallery-modal-nav.next { left:18px; }
.price-filter { grid-column:1; grid-row:auto; display:grid; grid-template-columns:1fr; align-items:start; gap:14px; margin:0; padding:14px; border:1px solid rgba(255,255,255,.07); border-radius:24px; background:linear-gradient(145deg,rgba(245,241,234,.04),rgba(245,241,234,.018)); box-shadow:var(--inset-light); }
.price-filter-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.price-filter strong { display:block; margin-top:3px; color:#fff; font-size:1rem; letter-spacing:-.02em; }
.price-clear { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; padding:8px 11px; border:1px solid rgba(255,255,255,.08); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.035); font-size:.78rem; }
.price-clear:hover { color:#fff; border-color:rgba(176,139,90,.35); }
.price-clear .ph { margin-left:0; color:var(--accent-light); }
.price-presets { display:grid; grid-template-columns:1fr; gap:9px; }
.price-preset { position:relative; display:grid; align-content:center; gap:4px; min-height:62px; padding:11px 13px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:18px; color:var(--text); background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.022)); transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.price-preset::before { content:""; position:absolute; inset:auto 14px 0; height:2px; border-radius:999px 999px 0 0; background:linear-gradient(90deg,transparent,var(--accent-light),transparent); opacity:.35; }
.price-preset:hover,.price-preset.active { transform:translateY(-1px); border-color:rgba(176,139,90,.48); background:linear-gradient(145deg,rgba(176,139,90,.18),rgba(255,255,255,.045)); }
.price-preset span { font-weight:800; }
.price-preset small { color:var(--muted); font-size:.76rem; line-height:1.8; }
.price-custom { grid-column:auto; margin-top:0; padding:11px 12px; border:1px solid rgba(255,255,255,.06); border-radius:20px; background:rgba(11,10,9,.18); }
.price-custom summary { display:inline-flex; align-items:center; gap:8px; color:var(--accent-light); cursor:pointer; list-style:none; font-size:.84rem; font-weight:800; }
.price-custom summary::-webkit-details-marker { display:none; }
.price-custom summary .ph { margin-left:0; }
.price-custom-form { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:10px; margin-top:13px; }
.price-custom-form label { margin:0; color:var(--muted); font-size:.74rem; }
.price-custom-form input { margin-top:5px; }
.price-custom-form input { min-height:43px; padding:8px 11px; }
.price-custom-form .button { grid-column:1/-1; min-height:43px; padding-inline:18px; }
.site-footer { border-top:1px solid var(--line); padding:70px 0 25px; background:#0e0d0c; }
.footer-grid { display:grid; grid-template-columns:1.4fr .6fr .8fr 1.2fr; gap:50px; }
.footer-grid h3 { font-size:1.65rem; }.footer-grid h4 { color:var(--text); }
.footer-grid>div>a { display:block; color:var(--muted); margin:4px 0; }
.newsletter { display:flex; gap:7px; }
.footer-bottom { color:#746b61; border-top:1px solid var(--line); padding-top:20px; margin-top:50px; font-size:.75rem; }
.auth-page { min-height:75vh; display:grid; place-items:center; padding:70px 20px; background:radial-gradient(circle at 50% 20%,rgba(137,105,62,.15),transparent 35%); }
.auth-card { width:min(470px,100%); padding:38px; background:var(--panel); border:1px solid var(--line); border-radius:26px; box-shadow:var(--shadow); }
.auth-card h1 { font-size:2.4rem; }
.stack-form { margin-top:24px; }
.auth-alt { text-align:center; color:var(--muted); margin:18px 0 0; font-size:.87rem; }.auth-alt a { color:var(--accent-light); }
.otp-form input { font-size:1.7rem; text-align:center; letter-spacing:.45em; direction:ltr; }
.otp-form input[type="hidden"] { display:none; }
.otp-actions { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
.otp-actions form { margin:0; }
.otp-actions .text-button { font-size:.78rem; }
.otp-actions .text-button:disabled { color:var(--muted); cursor:not-allowed; opacity:.68; }
.auth-links { display:grid; gap:5px; margin-top:18px; color:var(--muted); font-size:.86rem; }
.auth-links p { margin:0; }.auth-links a,.auth-alt a { color:var(--accent-light); font-weight:800; }
.auth-field { margin-bottom:16px; }
.auth-card [aria-invalid="true"] { border-color:rgba(221,127,116,.7); box-shadow:0 0 0 3px rgba(183,93,81,.1); }
.otp-expiry { min-height:24px; margin:8px 0 0; color:var(--muted); font-size:.76rem; }
.otp-expiry.is-expired { color:#efb4ac; }
.session-security-page { display:grid; gap:22px; }
.account-security-setting { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:14px; margin-bottom:16px; padding:16px; border:1px solid var(--line-warm); border-radius:18px; background:var(--surface); }
.account-security-setting>span:nth-child(2) { min-width:0; display:grid; gap:3px; }
.account-security-setting small { color:var(--muted); font-size:.7rem; }
.account-security-setting strong { direction:ltr; text-align:right; overflow-wrap:anywhere; }
.session-security-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.session-security-actions form { margin:0; }
.danger-action { border-color:rgba(183,93,81,.48); color:#e0a39b; }
.session-list { display:grid; gap:12px; }
.session-card { min-width:0; display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:16px; padding:18px; border:1px solid var(--line-warm); border-radius:20px; background:var(--surface); box-shadow:var(--inset-light); }
.session-card.current { border-color:rgba(176,139,90,.46); background:var(--surface-strong); }
.session-icon { width:54px; height:54px; display:grid; place-items:center; border-radius:17px; color:var(--accent-light); background:rgba(176,139,90,.1); }
.session-icon .ph { font-size:1.55rem; }
.session-card h2 { margin:0 0 3px; font-size:1rem; }.session-card h2 small { margin-right:7px; color:var(--accent-light); font-size:.64rem; }
.session-card p { max-width:100%; margin:0; color:var(--muted); font-size:.76rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; direction:ltr; text-align:right; }
.session-card>div>small { color:var(--muted); font-size:.7rem; }
.dashboard-head { display:flex; justify-content:space-between; align-items:end; }
.avatar { width:74px; height:74px; object-fit:cover; border-radius:50%; margin-bottom:15px; border:2px solid var(--accent); }
.dashboard-grid { display:grid; grid-template-columns:210px 1fr; gap:50px; }
.dashboard-nav { position:sticky; top:110px; align-self:start; display:grid; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.dashboard-nav a,.dashboard-nav button { display:flex; align-items:center; gap:8px; width:100%; padding:12px 16px; appearance:none; -webkit-appearance:none; border:0; border-bottom:1px solid var(--line); border-radius:0; color:var(--muted); background:rgba(18,17,16,.82); text-align:right; cursor:pointer; box-shadow:none; }
.dashboard-nav a:hover,.dashboard-nav button:hover { color:#fff; background:rgba(176,139,90,.1); }
.dashboard-nav button.active { color:#fff; background:rgba(176,139,90,.18); }
.dashboard-content { display:grid; gap:80px; padding-bottom:clamp(28px,5vw,64px); }
.data-list { border-top:1px solid var(--line); }
.data-list>a { display:flex; justify-content:space-between; padding:18px 0; border-bottom:1px solid var(--line); }
.data-list span { display:grid; }.data-list small { color:var(--muted); }.data-list b { font-size:.85rem; color:var(--muted); }
.retention-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.retention-metric-grid .fact-card { padding:18px; }
.retention-metric-grid span { display:block; color:var(--muted); font-size:.82rem; margin-bottom:8px; }
.retention-metric-grid strong { display:block; color:#fff; font-size:2rem; line-height:1; }
.retention-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.retention-list { display:grid; gap:12px; border-top:0; }
.retention-list-row { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
.retention-list-row h3 { margin:0 0 6px; font-size:1rem; }
.retention-row-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.saved-search-summary { display:grid; gap:8px; min-width:0; }
.saved-search-chips { display:flex; flex-wrap:wrap; gap:7px; }
.saved-search-chips span { display:inline-flex; width:max-content; max-width:100%; padding:6px 10px; border:1px solid rgba(176,139,90,.18); border-radius:999px; color:#e8ddcf; background:rgba(176,139,90,.07); font-size:.78rem; font-weight:800; overflow-wrap:anywhere; }
.retention-form label { display:block; margin-bottom:6px; color:var(--accent-light); font-weight:800; font-size:.82rem; }
.retention-form input[type="checkbox"] { width:auto; min-height:auto; margin-left:8px; accent-color:var(--accent); }
.saved-search-strip { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; margin-top:14px; padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:20px; background:rgba(255,255,255,.025); }
.saved-search-strip input[type="text"] { min-height:42px; padding:8px 11px; }
.catalog-search,.hero-search { position:relative; }
.search-memory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.search-memory-card { display:grid; gap:10px; padding:14px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }
.search-memory-main { display:grid; grid-template-columns:62px minmax(0,1fr); gap:13px; align-items:center; color:var(--text); }
.search-memory-media { width:62px; height:62px; display:grid; place-items:center; overflow:hidden; border-radius:16px; color:var(--accent-light); background:rgba(176,139,90,.09); }
.search-memory-media img { width:100%; height:100%; object-fit:cover; }
.search-memory-main small,.search-memory-main em { display:block; color:var(--muted); font-style:normal; font-size:.76rem; }
.search-memory-main strong { display:block; margin:3px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.purchase-request-list { display:grid; gap:10px; border-top:0; }
.purchase-request-list>a.purchase-request-item { width:100%; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(170px,auto); align-items:center; gap:18px; padding:16px 18px; }
.purchase-request-main,.purchase-request-meta { min-width:0; }
.purchase-request-main { gap:4px; }
.purchase-request-main strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.purchase-request-main small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.purchase-request-meta { justify-items:end; gap:7px; }
.purchase-request-status { display:inline-flex!important; align-items:center; width:max-content; max-width:100%; min-height:30px; padding:5px 10px; border:1px solid rgba(176,139,90,.22); border-radius:999px; color:#e3d3c0; background:rgba(176,139,90,.09); font-size:.74rem; font-weight:850; white-space:nowrap; }
.purchase-request-meta b { white-space:nowrap; }
.order-list { display:grid; gap:10px; border-top:0; }
.order-list>a.order-list-item { width:100%; min-width:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,auto) 38px; align-items:center; gap:18px; padding:16px 18px; }
.order-list-main,.order-list-meta { min-width:0; }
.order-list-main { gap:5px; }
.order-list-main strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text); }
.order-list-main small { display:flex; align-items:center; gap:6px; color:var(--muted); }
.order-list-main small .ph { color:var(--accent-light); }
.order-list-meta { justify-items:end; gap:7px; }
.order-list-meta b { color:#e8ddcf; white-space:nowrap; }
.order-list-status { display:inline-flex!important; align-items:center; width:max-content; max-width:100%; min-height:30px; padding:5px 10px; border:1px solid rgba(196,151,85,.26); border-radius:999px; color:#e7c88e; background:rgba(196,151,85,.09); font-size:.72rem; font-weight:850; white-space:nowrap; }
.order-list-status.status-paid,.order-list-status.status-completed,.order-list-status.status-delivered { color:#b8d8b2; border-color:rgba(116,160,108,.3); background:rgba(116,160,108,.1); }
.order-list-status.status-cancelled,.order-list-status.status-refunded,.order-list-status.status-payment_expired { color:#d8aaa4; border-color:rgba(183,93,81,.25); background:rgba(183,93,81,.08); }
.order-list-status.status-exception { color:#efc58d; border-color:rgba(208,145,70,.32); background:rgba(149,92,31,.12); }
.order-list-action { width:36px; height:36px; display:grid!important; place-items:center; border:1px solid rgba(176,139,90,.16); border-radius:50%; color:var(--accent-light); background:rgba(245,241,234,.035); transition:.2s ease; }
.order-list-item:hover .order-list-action { transform:translateX(-3px); border-color:rgba(176,139,90,.4); background:rgba(176,139,90,.1); }
.compact-grid { grid-template-columns:repeat(2,1fr); }
.address-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.address-grid small { color:var(--accent-light); }
.article-page { padding:90px 0 120px; }
.article-header { text-align:center; margin-bottom:50px; }
.article-header h1 { font-size:clamp(2.6rem,7vw,5.4rem); }
.article-cover img { width:100%; height:min(70vh,720px); object-fit:cover; border-radius:28px; }
.article-body { padding-top:70px; }
.before-after { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.before-after figure { margin:0; }.before-after img { width:100%; height:560px; object-fit:cover; border-radius:22px; }.before-after figcaption { color:var(--muted); margin-top:8px; }
.media-box { margin-top:40px; padding:20px; background:var(--panel); border-radius:16px; }audio { width:100%; }
.garage-hero { min-height:700px; display:flex; align-items:center; background-image:linear-gradient(90deg,#121110 25%,rgba(18,17,16,.35)),image-set(url("../../images/optimized/shop-1200.webp") type("image/webp"),url("../../images/optimized/shop-1200.jpg") type("image/jpeg")); background-position:center; background-size:cover; border-bottom:1px solid var(--line); }
.garage-hero .container { max-width:1240px; }.garage-hero .container>* { max-width:650px; }.garage-hero p:not(.eyebrow) { color:#d0c5b8; font-size:1.1rem; }
.cart-layout { display:grid; grid-template-columns:1fr 330px; gap:40px; align-items:start; margin-top:40px; }
.cart-layout-empty { grid-template-columns:minmax(0,1fr); }
.cart-layout-empty .cart-items { width:100%; }
.cart-items { display:grid; gap:16px; }
.cart-item { display:grid; grid-template-columns:130px minmax(0,1fr) auto; gap:20px; padding:18px; border:1px solid rgba(176,139,90,.14); border-radius:24px; background:linear-gradient(145deg,rgba(36,32,28,.82),rgba(23,21,19,.82)); align-items:center; box-shadow:0 18px 50px rgba(0,0,0,.16); }
.cart-item-media { width:130px; height:130px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(176,139,90,.14); border-radius:18px; background:radial-gradient(circle at 50% 20%,rgba(176,139,90,.14),transparent 52%),rgba(245,241,234,.035); color:var(--accent-light); }
.cart-item-media img { width:100%; height:100%; object-fit:cover; }
.cart-item-media span { display:grid; place-items:center; width:100%; height:100%; }
.cart-item-media .ph { font-size:2.2rem; opacity:.9; }
.cart-item-copy { min-width:0; }
.cart-item-heading span { color:var(--accent-light); font-size:.74rem; font-weight:800; }
.cart-item-heading h3 { margin:4px 0 6px; }
.cart-item-copy p { margin-bottom:8px; }
.cart-item-signals { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:8px; }
.cart-item-signals small { display:inline-flex; align-items:center; min-height:26px; padding:3px 9px; border:1px solid rgba(176,139,90,.16); border-radius:999px; background:rgba(245,241,234,.03); color:var(--muted); font-size:.72rem; }
.cart-item-signals .one-off-note { margin:0; color:var(--accent-light); }
.cart-item-copy strong { color:#fff; font-size:1.05rem; }
.cart-remove-form { align-self:stretch; display:flex; align-items:center; justify-content:flex-end; }
.cart-remove-button { min-height:40px; display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border:1px solid rgba(183,93,81,.2); border-radius:999px; color:#d8aaa4; background:rgba(183,93,81,.055); font-weight:800; }
.cart-remove-button:hover { color:#fff; border-color:rgba(183,93,81,.45); background:rgba(183,93,81,.16); }
.cart-remove-button .ph { margin-left:0; }
.order-summary { position:sticky; top:110px; }
.order-summary,.order-detail-card { background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:25px; }
.order-summary>div,.order-detail-card>div { display:flex; justify-content:space-between; gap:20px; padding:12px 0; border-bottom:1px solid var(--line); font-size:.88rem; }
.order-summary>p { color:var(--muted); font-size:.78rem; }
.summary-total { font-size:1.05rem!important; border-bottom:0!important; padding-top:20px!important; }
.order-result-page .order-detail-card { position:static; top:auto; margin-top:30px; }
.order-result-page .order-detail-card>div>span { min-width:0; overflow-wrap:anywhere; }
.order-result-page .order-detail-card>div>b { flex:0 0 auto; white-space:nowrap; }
.order-result-page .order-detail-card>.summary-total { margin-top:16px; padding:18px 20px!important; border:1px solid rgba(176,139,90,.22)!important; border-radius:17px; background:linear-gradient(145deg,rgba(176,139,90,.13),rgba(245,241,234,.035)); box-shadow:var(--inset-light); }
.order-result-page .order-detail-card>.summary-total b { color:var(--accent-light); font-size:1.12rem; }
.order-result-page .order-delivery-card { margin-top:18px; }
.order-result-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
.order-result-head>div { min-width:0; }
.fulfillment-path-badge,.fulfillment-live-status { display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; max-width:100%; padding:8px 12px; border:1px solid rgba(176,139,90,.3); border-radius:999px; color:var(--accent-light); background:rgba(176,139,90,.1); font-size:.78rem; font-weight:850; }
.fulfillment-card,.fulfillment-history { min-width:0; margin-top:28px; padding:24px; border:1px solid rgba(176,139,90,.2); border-radius:var(--radius); background:linear-gradient(145deg,rgba(42,35,29,.92),rgba(24,21,18,.96)); box-shadow:var(--shadow),var(--inset-light); overflow:hidden; }
.fulfillment-card .section-heading,.fulfillment-history .section-heading { margin-bottom:22px; }
.fulfillment-card .section-heading h2,.fulfillment-history .section-heading h2 { margin:2px 0 0; font-size:clamp(1.15rem,2.4vw,1.55rem); }
.fulfillment-live-status.status-exception { color:#efc58d; border-color:rgba(208,145,70,.38); background:rgba(149,92,31,.17); }
.fulfillment-live-status.status-cancelled { color:#d8aaa4; border-color:rgba(183,93,81,.32); background:rgba(128,54,46,.16); }
.fulfillment-live-status.status-delivered { color:#c8e0be; border-color:rgba(116,160,108,.35); background:rgba(70,116,65,.14); }
.fulfillment-steps { position:relative; display:grid; gap:8px; margin:0; padding:0; list-style:none; }
.fulfillment-steps-pickup { grid-template-columns:repeat(4,minmax(0,1fr)); }
.fulfillment-steps-shipment { grid-template-columns:repeat(5,minmax(0,1fr)); }
.fulfillment-steps::before { content:""; position:absolute; top:21px; right:8%; left:8%; height:1px; background:linear-gradient(90deg,rgba(176,139,90,.08),rgba(176,139,90,.48),rgba(176,139,90,.08)); }
.fulfillment-steps li { position:relative; min-width:0; display:grid; justify-items:center; align-content:start; gap:9px; color:var(--muted); text-align:center; font-size:.76rem; font-weight:800; }
.fulfillment-step-icon { z-index:1; width:43px; height:43px; display:grid; place-items:center; border:1px solid rgba(176,139,90,.19); border-radius:14px; color:#b8aa98; background:linear-gradient(145deg,#29241f,#181614); box-shadow:0 8px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05); font-size:1.05rem; }
.fulfillment-steps li.done { color:#d8c8b6; }
.fulfillment-steps li.done .fulfillment-step-icon { border-color:rgba(176,139,90,.48); color:var(--accent-light); background:linear-gradient(145deg,rgba(137,105,62,.38),rgba(47,36,26,.95)); }
.fulfillment-steps li.active { color:var(--text); }
.fulfillment-steps li.active .fulfillment-step-icon { border-color:rgba(232,199,149,.68); color:#211a13; background:linear-gradient(145deg,#d9b77f,#9d7443); box-shadow:0 10px 30px rgba(137,105,62,.3); }
.fulfillment-attention { display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; align-items:start; margin-top:22px; padding:15px; border:1px solid rgba(208,145,70,.28); border-radius:15px; background:rgba(149,92,31,.12); }
.fulfillment-attention.status-cancelled { border-color:rgba(183,93,81,.27); background:rgba(128,54,46,.11); }
.fulfillment-attention>.ph { font-size:1.45rem; color:#e0ad6d; }
.fulfillment-attention.status-cancelled>.ph { color:#d8aaa4; }
.fulfillment-attention strong,.fulfillment-attention p { display:block; margin:0; overflow-wrap:anywhere; }
.fulfillment-attention p { margin-top:4px; color:#d8cbbb; }
.fulfillment-tracking { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:22px; }
.fulfillment-tracking>div { min-width:0; padding:14px 16px; border:1px solid rgba(176,139,90,.16); border-radius:14px; background:rgba(245,241,234,.035); }
.fulfillment-tracking span,.fulfillment-tracking strong { display:block; min-width:0; }
.fulfillment-tracking span { margin-bottom:4px; color:var(--muted); font-size:.74rem; }
.fulfillment-tracking strong { overflow-wrap:anywhere; color:#eadbc8; }
.fulfillment-history>ol { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.fulfillment-history li { position:relative; min-width:0; display:grid; grid-template-columns:22px minmax(0,1fr); gap:13px; padding-bottom:20px; }
.fulfillment-history li:not(:last-child)::before { content:""; position:absolute; top:17px; bottom:-2px; right:6px; width:1px; background:rgba(176,139,90,.25); }
.fulfillment-history li:last-child { padding-bottom:0; }
.fulfillment-history-marker { z-index:1; width:13px; height:13px; margin-top:4px; border:3px solid #29231e; border-radius:50%; background:#8f7555; box-shadow:0 0 0 1px rgba(176,139,90,.42); }
.fulfillment-history li.current .fulfillment-history-marker { background:var(--accent-light); box-shadow:0 0 0 1px rgba(232,199,149,.7),0 0 18px rgba(176,139,90,.35); }
.fulfillment-history li>div { min-width:0; }
.fulfillment-history-head { min-width:0; display:flex; align-items:baseline; justify-content:space-between; gap:14px; }
.fulfillment-history-head strong { color:#eadbc8; }
.fulfillment-history-head time { flex:0 0 auto; color:var(--muted); font-size:.74rem; }
.fulfillment-history p { margin:6px 0 0; color:#cfc1b1; overflow-wrap:anywhere; }
.fulfillment-history small { display:block; margin-top:6px; color:var(--accent-light); overflow-wrap:anywhere; }
.cart-summary { background:radial-gradient(circle at 20% 0,rgba(176,139,90,.16),transparent 36%),linear-gradient(145deg,rgba(36,32,28,.96),rgba(20,18,16,.96)); border-color:rgba(176,139,90,.18); box-shadow:var(--shadow); }
.cart-summary .eyebrow { margin-bottom:4px; }
.cart-summary h3 { margin-bottom:14px; font-size:1.45rem; }
.cart-summary-notes { display:grid; gap:9px; padding:16px 0 4px; margin:0; list-style:none; color:var(--muted); font-size:.78rem; }
.cart-summary-notes li { display:flex; align-items:flex-start; gap:8px; }
.cart-summary-notes .ph { margin-top:.28em; color:var(--accent-light); }
.cart-purchase-paused { display:flex; align-items:flex-start; gap:9px; margin:14px 0 0; padding:13px 14px; border:1px solid rgba(176,139,90,.18); border-radius:15px; color:#cfc3b5; background:rgba(176,139,90,.07); font-size:.76rem; line-height:1.8; }
.cart-purchase-paused .ph { flex:0 0 auto; margin-top:.3em; color:var(--accent-light); }
.cart-keep-browsing { width:100%; justify-content:center; margin-top:14px; font-size:.84rem; }
.cart-empty-state { min-height:320px; display:grid; place-items:center; align-content:center; gap:16px; padding:clamp(34px,7vw,72px); border-style:solid; background:radial-gradient(circle at 50% 0,rgba(176,139,90,.16),transparent 42%),linear-gradient(145deg,rgba(36,32,28,.82),rgba(18,17,16,.82)); }
.cart-empty-state>div { display:grid; gap:6px; }
.cart-empty-icon { width:68px; height:68px; display:grid; place-items:center; border:1px solid rgba(176,139,90,.28); border-radius:22px; color:var(--accent-light); background:linear-gradient(145deg,rgba(176,139,90,.16),rgba(245,241,234,.035)); box-shadow:var(--inset-light); font-size:1.9rem; }
.cart-empty-state .button { min-width:170px; justify-content:center; }
.checkout-grid { display:grid; grid-template-columns:1fr 380px; gap:60px; align-items:start; }
.empty-state { grid-column:1/-1; padding:40px; border:1px dashed rgba(176,139,90,.35); border-radius:var(--radius); color:var(--muted); text-align:center; }
.empty-state h3 { color:var(--text); margin-bottom:8px; }
.empty-state p { max-width:520px; margin-inline:auto; }
.empty-state .button { margin-top:12px; }
.search-overlay[hidden] { display:none; }
.search-open { overflow:hidden; }
.search-overlay { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:20px; }
.search-overlay-backdrop { position:absolute; inset:0; background:rgba(6,5,4,.72); backdrop-filter:blur(18px); }
.search-sheet { position:relative; width:min(760px,100%); max-height:min(760px,calc(100svh - 40px)); display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(176,139,90,.22); border-radius:34px; background:radial-gradient(circle at 20% 0,rgba(176,139,90,.2),transparent 34%),linear-gradient(145deg,rgba(36,32,28,.98),rgba(18,17,16,.98)); box-shadow:0 35px 110px rgba(0,0,0,.58); }
.search-sheet-top { display:flex; align-items:center; gap:16px; padding:24px 24px 12px; }
.search-sheet-top h2 { margin:0; font-size:1.8rem; }
.search-close { width:44px; height:44px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(176,139,90,.18); border-radius:16px; background:rgba(245,241,234,.06); color:var(--text); }
.search-overlay-form { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; margin:8px 24px 12px; padding:7px 7px 7px 14px; border:1px solid rgba(176,139,90,.18); border-radius:22px; background:rgba(245,241,234,.055); }
.search-overlay-form>.ph { color:var(--accent-light); margin-right:6px; }
.search-overlay-form input { border:0; background:transparent; box-shadow:none; padding:10px 4px; }
.search-overlay-form .search-input-shell input { padding-left:42px; }
.search-overlay-form input:focus { border:0; box-shadow:none; }
.search-chip-row { display:flex; gap:9px; overflow:auto; padding:2px 24px 18px; scrollbar-width:none; }
.search-chip-row::-webkit-scrollbar { display:none; }
.search-live { scrollbar-width:thin; scrollbar-color:rgba(176,139,90,.72) rgba(255,255,255,.045); }
.search-live::-webkit-scrollbar { width:8px; }
.search-live::-webkit-scrollbar-track { border-radius:999px; background:rgba(255,255,255,.045); }
.search-live::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:rgba(176,139,90,.72); background-clip:padding-box; }
.search-live { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0 24px 24px; }