:root{--bg: #F7F3EE;--surface: #ffffff;--surface-2: #FAF7F3;--border: #E2D9CF;--border-2: #EDE6DC;--text: #1A0F00;--text-2: #7A5C42;--muted: #A0846C;--accent: #E8651A;--accent-hi: #D4560E;--accent-rgb: 232, 101, 26;--success: #00a86b;--warning: #f59e0b;--danger: #ef4444;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(80,30,0,.05);--shadow: 0 4px 16px rgba(80,30,0,.08);--shadow-lg: 0 12px 36px rgba(80,30,0,.12);--nav-bg: rgba(250,247,243,.92);--nav-border: rgba(226,217,207,.8);--nav-text: #3D2000;--nav-link-hover-bg: rgba(var(--accent-rgb), .08);--nav-link-active-bg: rgba(var(--accent-rgb), .12);--nav-link-active-color: var(--accent);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--h: 44px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family, var(--font));background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 12px;font-weight:600;letter-spacing:-.01em}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 12px}.page{padding:20px;max-width:1100px;margin:0 auto}.page-narrow{max-width:680px}.stack>*+*{margin-top:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row-end{margin-left:auto}.grid-products{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}.input,.select,.textarea{width:100%;height:var(--h);padding:0 12px;font-family:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;min-height:90px;padding:10px 12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.field{margin-bottom:16px}.field-error{color:var(--danger);font-size:13px;margin-top:6px}.field-help{color:var(--text-2);font-size:13px;margin-top:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--h);padding:0 18px;font-family:inherit;font-size:15px;font-weight:500;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,border-color .12s,transform .08s,box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.28)}.btn-primary:hover{background:var(--accent-hi);border-color:var(--accent-hi);box-shadow:0 4px 14px rgba(var(--accent-rgb),.38)}.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:#fff5f5}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--border-2)}.btn-sm{height:34px;padding:0 12px;font-size:13px}.btn-block{width:100%}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border-2);vertical-align:top}.table th{font-size:12px;font-weight:600;color:var(--text-2);background:var(--surface-2)}.table tr:hover td{background:var(--surface-2)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--border-2);color:var(--text-2)}.badge-success{background:#d1f4e0;color:#1a7c43}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1d4ed8}.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:14px;border:1px solid transparent}.alert-error{background:#fff0ef;color:#b22620;border-color:#ffcfcc}.alert-success{background:#e9faf0;color:#1a7c43;border-color:#c8edd7}.alert-info{background:#eef5ff;color:#0056b3;border-color:#cde0ff}.nav{position:sticky;top:0;z-index:100;background:var(--header-bg, var(--nav-bg));color:var(--header-fg, var(--nav-text));backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--nav-border);box-shadow:0 1px 0 var(--nav-border),0 4px 20px #501e0008;padding:0 24px;height:58px;display:flex;align-items:center;gap:4px;font-family:var(--font-family, inherit)}.nav-brand{font-size:16px;font-weight:700;letter-spacing:-.025em;color:inherit;display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;padding:5px 4px;border-radius:var(--radius-sm);transition:opacity .15s;margin-right:6px}.nav-brand:hover{opacity:.75;text-decoration:none}.nav-brand img{height:28px;width:28px;border-radius:7px;object-fit:cover;box-shadow:0 1px 4px #0000002e}.nav-brand-divider{display:block;width:1px;height:20px;background:var(--border);margin:0 8px 0 4px;flex-shrink:0}.nav-links{display:flex;gap:1px;align-items:center;flex:1;flex-wrap:wrap}.nav-link{padding:6px 12px;border-radius:8px;color:var(--header-fg, var(--text-2));font-size:14px;font-weight:500;text-decoration:none;opacity:.75;transition:background .15s ease,color .15s ease,opacity .15s ease;white-space:nowrap}.nav-link:hover{background:var(--header-link-hover, var(--nav-link-hover-bg));color:var(--header-fg, var(--accent));opacity:1;text-decoration:none}.nav-link.active{background:var(--header-link-hover, var(--nav-link-active-bg));color:var(--header-fg, var(--nav-link-active-color));opacity:1;font-weight:600;text-decoration:none}.nav-link-admin{font-size:13px;opacity:.6}.nav-link-admin:hover,.nav-link-admin.active{opacity:.9}.muted{color:var(--text-2)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:24px;max-width:560px;width:100%;box-shadow:var(--shadow-lg);max-height:90vh;overflow:auto}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);border:1px solid var(--border-2)}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.product-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-image{aspect-ratio:4 / 3;background:var(--surface-2);background-size:cover;background-position:center}.product-body{padding:14px;flex:1;display:flex;flex-direction:column}.product-name{font-weight:600;margin-bottom:4px}.product-price{color:var(--accent);font-weight:700;font-size:16px}.product-desc{color:var(--text-2);font-size:13px;margin:6px 0 12px}.product-out{color:var(--danger);font-size:13px}.cart-fab{position:fixed;right:20px;bottom:20px;height:52px;padding:0 22px;border-radius:999px;background:var(--accent);color:#fff;border:none;box-shadow:0 4px 20px rgba(var(--accent-rgb),.42);font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;z-index:50;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.cart-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 28px rgba(var(--accent-rgb),.55)}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--surface);box-shadow:var(--shadow-lg);z-index:110;display:flex;flex-direction:column}.cart-drawer-header{padding:18px 20px;border-bottom:1px solid var(--border-2);display:flex;align-items:center}.cart-drawer-body{padding:18px 20px;flex:1;overflow:auto}.cart-drawer-foot{padding:18px 20px;border-top:1px solid var(--border-2);background:var(--surface-2)}.cart-line{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-2)}.cart-line:last-child{border-bottom:none}.qty-ctrl{display:inline-flex;align-items:center;gap:6px}.qty-ctrl button{width:30px;height:30px;border-radius:6px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-size:16px;transition:background .12s}.qty-ctrl button:hover{background:var(--surface-2)}.qty-ctrl button:disabled{opacity:.4;cursor:not-allowed}.qty-ctrl input{width:44px;text-align:center;height:30px;border:1.5px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px}@media (max-width: 640px){.page{padding:14px}.nav{padding:0 14px;height:54px}h1{font-size:22px}body{font-size:14px}}:root{--color-primary: var(--accent, #E8651A);--color-accent: var(--accent-hi, #D4560E);--color-bg: var(--bg, #F7F3EE);--text-primary: var(--text, #1A0F00);--radius: 12px;--shadow: 0 10px 25px rgba(0,0,0,.1);--hero-bg-from: #FFF7ED;--hero-bg-to: #FFEDE0;--hero-orb-color: rgba(var(--accent-rgb), .12);--cnav-h: 58px;--cnav-bg: rgba(255,251,247,.94);--cnav-border: rgba(226,217,207,.75);--cnav-text: #3D2000;--cnav-link-hover: rgba(var(--accent-rgb), .07);--cnav-link-active-bg: rgba(var(--accent-rgb), .12);--cnav-link-active-color: var(--accent);--anav-h: 54px;--anav-bg: #1C1008;--anav-text: rgba(255,255,255,.9);--anav-link-hover: rgba(255,255,255,.08);--anav-link-active-bg: rgba(var(--accent-rgb), .22);--anav-link-active-color: var(--accent);--anav-badge-bg: rgba(var(--accent-rgb), .2);--anav-badge-color: var(--accent)}.customer-nav{position:sticky;top:0;z-index:100;background:var(--header-bg, var(--cnav-bg));color:var(--header-fg, var(--cnav-text));backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px #0000000f,0 4px 20px #0000000a;padding:0 24px;height:var(--cnav-h);display:flex;align-items:center;gap:4px}.customer-nav-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;letter-spacing:-.025em;color:inherit;text-decoration:none;flex-shrink:0;padding:5px 4px;border-radius:var(--radius-sm);transition:opacity .15s;margin-right:6px}.customer-nav-brand:hover{opacity:.75;text-decoration:none}.customer-nav-logo{height:28px;width:28px;border-radius:7px;object-fit:cover;box-shadow:0 1px 4px #0000002e}.customer-nav-divider{display:block;width:1px;height:20px;background:var(--border);margin:0 8px 0 4px;flex-shrink:0}.customer-nav-links{display:flex;gap:2px;align-items:center;flex:1}.customer-nav-link{padding:6px 13px;border-radius:8px;color:var(--header-fg, var(--text-2));font-size:14px;font-weight:500;text-decoration:none;opacity:.72;transition:background .14s,color .14s,opacity .14s;white-space:nowrap}.customer-nav-link:hover{background:var(--header-bg, transparent)!important;background:#8080801a!important;color:var(--header-fg, var(--accent));opacity:1;text-decoration:none}.customer-nav-link.active{background:var(--cnav-link-active-bg);color:var(--header-fg, var(--cnav-link-active-color));opacity:1;font-weight:600;text-decoration:none}:root[style*=--header-bg] .customer-nav-link.active{background:#ffffff2e;color:var(--header-fg)}:root[style*=--header-bg] .customer-nav-link:hover{background:#ffffff1a;color:var(--header-fg)}.customer-nav-auth{display:flex;align-items:center;gap:8px;flex-shrink:0}.customer-nav-email{font-size:13px;color:var(--header-fg, var(--text-2));opacity:.65;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-nav-admin-pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#80808026;color:var(--header-fg, var(--cnav-link-active-color));border:1px solid rgba(128,128,128,.2);text-decoration:none;transition:opacity .14s}:root:not([style*=--header-bg]) .customer-nav-admin-pill{background:var(--cnav-link-active-bg);color:var(--cnav-link-active-color);border-color:transparent}.customer-nav-admin-pill:hover{opacity:.8;text-decoration:none}.admin-nav{position:sticky;top:0;z-index:100;background:var(--anav-bg);color:var(--anav-text);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0000004d;padding:0 20px;height:var(--anav-h);display:flex;align-items:center;gap:4px}.admin-nav-brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none;flex-shrink:0;margin-right:6px;padding:4px 6px;border-radius:8px;transition:opacity .14s}.admin-nav-brand:hover{opacity:.8;text-decoration:none}.admin-nav-logo{height:24px;width:24px;border-radius:6px;object-fit:cover}.admin-nav-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--anav-badge-bg);color:var(--anav-badge-color);letter-spacing:.04em;text-transform:uppercase}.admin-nav-divider{display:block;width:1px;height:18px;background:#ffffff1f;margin:0 6px 0 2px;flex-shrink:0}.admin-nav-links{display:flex;gap:1px;align-items:center;flex:1;flex-wrap:wrap;overflow:hidden}.admin-nav-link{padding:5px 11px;border-radius:7px;color:var(--anav-text);font-size:13px;font-weight:500;text-decoration:none;opacity:.65;transition:background .14s,opacity .14s;white-space:nowrap}.admin-nav-link:hover{background:var(--anav-link-hover);opacity:1;text-decoration:none}.admin-nav-link.active{background:var(--anav-link-active-bg);color:var(--anav-link-active-color);opacity:1;font-weight:600;text-decoration:none}.admin-nav-auth{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.admin-nav-storefront{font-size:12px;font-weight:500;color:#ffffff8c;text-decoration:none;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);transition:all .14s}.admin-nav-storefront:hover{color:#ffffffe6;border-color:#ffffff40;background:#ffffff0d;text-decoration:none}.admin-nav-email{font-size:12px;color:#ffffff73;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-page{min-height:100vh}.browse-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--hero-bg-from),var(--hero-bg-to));padding:56px 24px 48px;text-align:center}.browse-hero-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}.browse-hero-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:rgba(var(--accent-rgb),.1);padding:5px 14px;border-radius:999px;margin-bottom:16px;border:1px solid rgba(var(--accent-rgb),.18)}.browse-hero-title{font-size:clamp(32px,6vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--text);margin:0 0 14px}.browse-hero-sub{font-size:17px;color:var(--text-2);margin:0 0 24px;line-height:1.5}.browse-hero-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.browse-hero-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:7px 16px;border-radius:999px;background:var(--surface);color:var(--text-2);border:1px solid var(--border-2);box-shadow:var(--shadow-sm)}.browse-hero-pill-urgent{background:rgba(var(--accent-rgb),.08);color:var(--accent);border-color:rgba(var(--accent-rgb),.25)}.browse-hero-orb{position:absolute;top:-80px;right:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,var(--hero-orb-color),transparent 70%);pointer-events:none}.browse-promos-strip{padding:16px 24px 8px;max-width:1120px;margin:0 auto}.browse-promos-label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.browse-promos-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.browse-promos-scroll::-webkit-scrollbar{display:none}.promo-chip{flex-shrink:0;padding:8px 14px;border-radius:999px;background:rgba(var(--accent-rgb),.07);border:1px solid rgba(var(--accent-rgb),.22);color:var(--accent);font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:6px}.browse-filters{max-width:1120px;margin:0 auto;padding:20px 24px 0;display:flex;flex-direction:column;gap:14px}.browse-avail-tabs{display:flex;gap:6px;flex-wrap:wrap}.browse-avail-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);transition:all .14s}.browse-avail-tab:hover{border-color:var(--accent);color:var(--accent)}.browse-avail-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px rgba(var(--accent-rgb),.3)}.browse-avail-tab-count{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:#0000001f;color:inherit;min-width:20px;text-align:center}.browse-avail-tab.active .browse-avail-tab-count{background:#ffffff40}.browse-search-row{display:flex;gap:10px;flex-wrap:wrap}.browse-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:20px 24px 40px;max-width:1120px;margin:0 auto}.browse-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;color:var(--text-2);text-align:center;max-width:400px;margin:0 auto}.browse-empty-icon{font-size:36px}.browse-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);padding:10px 18px;border-radius:999px;font-size:14px;box-shadow:0 6px 18px #00000040;z-index:2000;animation:toastIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pcard{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .22s cubic-bezier(.2,0,0,1),transform .22s cubic-bezier(.2,0,0,1);box-shadow:var(--shadow-sm)}.pcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pcard-soldout{opacity:.6}.pcard-highlighted{outline:3px solid var(--accent);outline-offset:2px}.pcard-image-wrap{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:var(--surface-2)}.pcard-image{width:100%;height:100%;background-size:cover;background-position:center;background-color:var(--surface-2);transition:transform .35s cubic-bezier(.2,0,0,1)}.pcard:hover .pcard-image{transform:scale(1.04)}.pcard-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.pcard-badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:1.4}.pcard-badge-earlybird{background:#f97316e6;color:#fff}.pcard-badge-popular{background:#ffffffe6;color:#1a0f00}.pcard-badge-soldout{background:#000000a6;color:#fff}.pcard-badge-low{background:#ef4444d9;color:#fff}.pcard-badge-upcoming{background:#6366f1d9;color:#fff}.pcard-body{padding:16px;flex:1;display:flex;flex-direction:column;gap:0}.pcard-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.3}.pcard-price{font-size:20px;font-weight:800;color:var(--accent);letter-spacing:-.02em;margin-bottom:10px}.pcard-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.pcard-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);font-weight:500}.pcard-meta-cutoff{color:var(--accent)}.pcard-meta-lowstock{color:var(--danger);font-weight:600}.pcard-meta-icon{font-size:13px;flex-shrink:0}.pcard-desc{font-size:13px;color:var(--text-2);line-height:1.45;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-footer{margin-top:auto;display:flex;gap:8px;align-items:center}.pcard-cta{flex:1;font-size:14px;font-weight:700;letter-spacing:.01em;height:40px;border-radius:10px}.pcard-soldout-label{color:var(--danger);font-size:13px;font-weight:600}@media (max-width: 640px){.browse-hero{padding:40px 16px 36px}.browse-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px 14px 32px}.browse-filters{padding:14px 14px 0}.browse-avail-tab{padding:7px 14px;font-size:13px}.customer-nav{padding:0 14px}.admin-nav{padding:0 12px;gap:2px}.admin-nav-email{display:none}}@media (max-width: 400px){.browse-grid{grid-template-columns:1fr}}.bro-page{min-height:100vh;background:var(--bg);padding-bottom:80px}.bro-hero{background:var(--header-bg, linear-gradient(135deg, #1A0A00 0%, #3B1200 50%, #5C2200 100%));padding:18px 24px 44px;position:relative;overflow:visible}.bro-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 90% at 85% 50%,rgba(var(--accent-rgb),.18) 0%,transparent 70%);pointer-events:none;overflow:hidden}.bro-hero-inner{max-width:1140px;margin:0 auto;position:relative;z-index:1}.bro-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.bro-brand-logo{height:40px;width:40px;border-radius:10px;object-fit:cover;flex-shrink:0}.bro-brand-name{font-size:24px;font-weight:800;color:var(--header-fg, #fff);letter-spacing:-.025em;line-height:1}.bro-brand-tag{font-size:12.5px;color:rgba(var(--accent-rgb),.8);font-style:italic;margin-top:5px;color:#ffc882cc}.bro-strip{display:flex;align-items:stretch;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000f,0 12px 32px #0000001f,0 0 0 1px rgba(var(--accent-rgb),.08);position:relative;z-index:2;transform:translateY(50%)}.bro-strip-col{flex:1;padding:18px 24px;display:flex;flex-direction:column;gap:3px;min-width:0}.bro-strip-sep{width:1px;background:#00000012;flex-shrink:0;margin:14px 0}.bro-strip-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);opacity:.75;display:flex;align-items:center;gap:5px}.bro-strip-value{font-size:26px;font-weight:800;color:#1a0f00;letter-spacing:-.03em;line-height:1.05}.bro-strip-value-sm{font-size:17px;font-weight:700;letter-spacing:-.01em}.bro-strip-countdown{font-variant-numeric:tabular-nums;color:var(--accent);animation:bro-pulse 2s ease-in-out infinite}.bro-strip-sub{font-size:12px;color:#7a5c42;margin-top:3px}@keyframes bro-pulse{0%,to{opacity:1}50%{opacity:.65}}.bro-promos{max-width:1140px;margin:0 auto;padding:56px 24px 4px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bro-promos::-webkit-scrollbar{display:none}.bro-promo-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(var(--accent-rgb),.07);border:1px solid rgba(var(--accent-rgb),.22);color:var(--accent);font-size:12.5px;font-weight:500;white-space:nowrap}.bro-promos+.bro-controls{padding-top:16px}.bro-controls{max-width:1140px;margin:0 auto;padding:56px 24px 10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bro-avail-tabs{display:flex;gap:0;background:rgba(var(--accent-rgb),.06);border-radius:12px;padding:3px;flex-shrink:0}.bro-avail-tab{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:9px;border:none;background:transparent;color:var(--text-2);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:background .16s,color .16s;white-space:nowrap}.bro-avail-tab:hover{background:rgba(var(--accent-rgb),.08);color:var(--accent)}.bro-avail-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--accent-rgb),.32)}.bro-avail-count{font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;background:#0000001f;color:inherit;min-width:18px;text-align:center}.bro-avail-tab.active .bro-avail-count{background:#ffffff40}.bro-search-wrap{position:relative;flex:1 1 200px;max-width:340px}.bro-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.bro-search{width:100%;height:42px;padding:0 14px 0 40px;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}.bro-search::placeholder{color:var(--muted)}.bro-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)}.bro-cat-chips{display:flex;gap:6px;flex-wrap:wrap}.bro-cat-chip{height:36px;padding:0 16px;border-radius:999px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .16s;white-space:nowrap}.bro-cat-chip:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.05)}.bro-cat-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.bro-item-count{font-size:13px;color:var(--muted);margin-left:auto;white-space:nowrap}.bro-section-head{max-width:1140px;margin:0 auto;padding:4px 24px 14px;display:flex;align-items:baseline;gap:10px}.bro-section-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.02em}.bro-section-sub{font-size:12.5px;color:var(--muted);font-style:italic}.bro-grid{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.bro-card{background:var(--surface);border-radius:20px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.1);box-shadow:0 2px 8px #501e000f,0 6px 20px #501e000a;display:flex;flex-direction:column;position:relative;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .26s ease}.bro-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #501e001a,0 24px 48px #501e0014}.bro-card-highlighted{outline:3px solid var(--accent);outline-offset:2px}.bro-card-soldout{opacity:.7}.bro-img-wrap{position:relative;height:210px;overflow:hidden;background:var(--surface-2);flex-shrink:0}.bro-img{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .45s cubic-bezier(.25,.46,.45,.94)}.bro-img-placeholder{background:linear-gradient(135deg,var(--surface-2),var(--border-2));display:flex;align-items:center;justify-content:center;font-size:48px}.bro-card:hover .bro-img{transform:scale(1.07)}.bro-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,5,0,.6) 0%,rgba(0,0,0,.1) 45%,transparent 60%);pointer-events:none}.bro-badges{position:absolute;top:11px;left:11px;right:11px;display:flex;gap:5px;flex-wrap:wrap;pointer-events:none}.bro-badge{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.01em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.bro-badge-hot{background:rgba(var(--accent-rgb),.88);color:#fff}.bro-badge-new{background:#148c46e0;color:#fff}.bro-badge-rating{background:#ffffffe0;color:var(--text)}.bro-badge-upcoming{background:#6366f1e0;color:#fff}.bro-slot-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 14px 13px}.bro-slot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.bro-slot-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffdcb4d9}.bro-slot-count{font-size:12px;font-weight:600;color:#ffdcb4d9}.bro-slot-critical{color:var(--accent);animation:bro-pulse 1.5s ease-in-out infinite}.bro-slot-track{height:4px;border-radius:999px;background:#fff3;overflow:hidden}.bro-slot-fill{height:100%;border-radius:999px;background:linear-gradient(to right,var(--accent),var(--accent-hi, #C94A00));transition:width .6s ease}.bro-soldout-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1408008f;display:flex;align-items:center;justify-content:center}.bro-soldout-label{font-size:16px;font-weight:800;color:#ffd2a0e6;letter-spacing:.05em;text-transform:uppercase;border:2px solid rgba(255,180,100,.45);padding:8px 20px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bro-body{padding:15px 18px 18px;display:flex;flex-direction:column;flex:1}.bro-name{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.01em;line-height:1.25;margin-bottom:4px}.bro-desc{font-size:12.5px;color:var(--text-2);line-height:1.45;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bro-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.bro-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500;line-height:1}.bro-pill-pickup{background:rgba(var(--accent-rgb),.08);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.18)}.bro-pill-cutoff{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-2)}.bro-pill-cutoff.urgent{background:rgba(var(--accent-rgb),.08);color:var(--accent);border-color:rgba(var(--accent-rgb),.25);animation:bro-pulse 2s ease-in-out infinite}.bro-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.bro-price{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1}.bro-cta-row{display:flex;align-items:center;gap:7px}.bro-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent, #E8651A) 0%,var(--accent-hi, #C94A00) 100%);color:#fff;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px rgba(var(--accent-rgb),.35);transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,filter .18s ease}.bro-cta:hover{transform:scale(1.06);box-shadow:0 6px 20px rgba(var(--accent-rgb),.48);filter:brightness(1.06)}.bro-cta:active{transform:scale(.97)}.bro-cta-soldout{background:var(--border-2);color:var(--muted);box-shadow:none;cursor:not-allowed}.bro-cta-soldout:hover{transform:none;filter:none;box-shadow:none}.bro-cta-variants{background:linear-gradient(135deg,#5c3a8a,#3d2260);box-shadow:0 4px 14px #3c226059}.bro-cta-variants:hover{box-shadow:0 6px 20px #3c22607a}.bro-share{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface-2);border:1.5px solid var(--border-2);cursor:pointer;color:var(--muted);flex-shrink:0;transition:background .16s,color .16s,border-color .16s}.bro-share:hover{background:var(--border-2);color:var(--text-2);border-color:var(--border)}.bro-skeleton-card{border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:0 2px 8px #501e000d}.bro-skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border-2) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:bro-shimmer 1.5s infinite;border-radius:8px}@keyframes bro-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bro-skeleton-img{height:210px;border-radius:0}.bro-skeleton-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px}.bro-skeleton-line{height:14px}.bro-skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.bro-skeleton-price{height:26px;width:80px;border-radius:6px}.bro-skeleton-btn{height:38px;width:120px;border-radius:12px}.bro-empty{max-width:1140px;margin:0 auto;padding:60px 24px;text-align:center}.bro-empty-icon{font-size:48px;margin-bottom:14px}.bro-empty-title{font-size:19px;font-weight:700;color:var(--text);margin-bottom:6px}.bro-empty-sub{font-size:14px;color:var(--muted)}.bro-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);padding:10px 22px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #00000040;z-index:3000;animation:bro-toast-in .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes bro-toast-in{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 700px){.bro-hero{padding:14px 0 36px}.bro-hero-inner{padding:0 14px}.bro-strip{flex-wrap:nowrap;border-radius:0;border-left:none;border-right:none;transform:translateY(50%);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 4px 6px #0000000f,0 12px 32px #0000001f}.bro-strip::-webkit-scrollbar{display:none}.bro-strip-col{min-width:150px;flex-shrink:0;padding:14px 16px}.bro-strip-sep{display:block;margin:10px 0}.bro-strip-value{font-size:20px}.bro-strip-value-sm{font-size:15px}.bro-controls{padding:48px 14px 8px}.bro-promos{padding:48px 14px 4px}.bro-promos+.bro-controls{padding-top:12px}.bro-section-head{padding:4px 14px 12px}.bro-img-wrap{height:170px}.bro-grid{grid-template-columns:1fr 1fr;gap:12px;padding:0 14px}}@media (max-width: 420px){.bro-grid{grid-template-columns:1fr}.bro-strip-col{min-width:130px;padding:12px 14px}.bro-strip-value{font-size:18px}}