:root{--font: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--bg: #f7f8fb;--panel: #ffffff;--panel-sub: #f3f4f6;--text: #000;--muted: #4b5563;--border: rgba(0, 0, 0, .12);--accent: #bf1e2e;--accent-2: #000000;--on-accent: #ffffff;--glow: 0 18px 50px rgba(191, 30, 46, .2)}:root[data-theme=dark]{--bg: #0b1224;--panel: #0f172a;--panel-sub: #131f38;--text: #f8fafc;--muted: #cbd5e1;--border: rgba(255, 255, 255, .08);--accent: #bf1e2e;--accent-2: #f8fafc;--on-accent: #0b1224;--glow: 0 18px 50px rgba(191, 30, 46, .35)}:root[data-theme=neon]{color-scheme:dark;--bg: radial-gradient(circle at 20% 20%, #2a0c12, #09070b 60%);--panel: rgba(255, 255, 255, .08);--panel-sub: rgba(255, 255, 255, .12);--text: #ffe8ed;--muted: #f5c6cf;--border: rgba(255, 255, 255, .2);--accent: #ff3b4e;--accent-2: #ffffff;--on-accent: #1a0509;--glow: 0 22px 60px rgba(255, 59, 78, .4)}:root[data-theme=neon] select{background:var(--panel-sub);color:var(--text)}:root[data-theme=neon] select option{background:#14070b;color:#ffe8ed}.logo-light{display:block}.logo-dark{display:none}:root[data-theme=dark] .logo-light,:root[data-theme=neon] .logo-light{display:none}:root[data-theme=dark] .logo-dark,:root[data-theme=neon] .logo-dark{display:block}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh}a{color:var(--accent);text-decoration:none}.shell{margin:0 auto;padding:28px 20px 64px}header.navbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:12px 18px;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px #00000014;flex-wrap:wrap}.navbar-row-1{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.navbar-row-2{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:10px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:42px;width:auto}.nav-desktop{flex:1}nav ul{display:flex;list-style:none;margin:0;padding:0;gap:14px;align-items:center;flex-wrap:wrap}nav a{padding:9px 12px;border-radius:10px;color:var(--text);font-weight:700}nav a:hover{background:var(--panel-sub)}.dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);cursor:pointer;font-weight:700}.dropdown-container{position:relative}.dropdown-menu{position:absolute;right:0;top:105%;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 50px #0000001f;padding:8px 0;min-width:180px;z-index:10}.dropdown-option{display:block;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-weight:700;transition:background .15s ease}.dropdown-option:hover{background:var(--panel-sub)}.dropdown-option.selected{background:var(--panel-sub);font-weight:700}.dropdown-option:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.dropdown-menu a{display:block;padding:10px 14px;color:var(--text)}.dropdown-menu a:hover{background:var(--panel-sub)}.dropdown.open .dropdown-menu{display:block}.nav-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nav-actions select{border:1px solid var(--border);background:var(--panel-sub);color:var(--text);padding:9px 10px;border-radius:10px;box-sizing:border-box}.icon-button{border:1px solid var(--border);background:var(--panel-sub);color:var(--text);padding:9px 10px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;transition:background .2s ease}.icon-button:hover{background:var(--panel)}.icon-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.icon-button.icon-only{padding:8px;min-width:40px;min-height:40px}.theme-menu{position:relative}.theme-dropdown{position:absolute;right:0;top:110%;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 50px #0000001f;padding:8px;display:none;min-width:170px;z-index:12}.theme-dropdown button{width:100%;border:none;background:transparent;padding:10px 12px;border-radius:10px;color:var(--text);text-align:left;font-weight:700;cursor:pointer}.theme-dropdown button:hover,.theme-dropdown button.active{background:var(--panel-sub)}.theme-menu.open .theme-dropdown{display:block}.hamburger-button{display:none;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);padding:8px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;min-width:40px;min-height:40px;transition:background .2s ease}.hamburger-button:hover{background:var(--panel)}.hamburger-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:100;animation:fadeIn .2s ease}.drawer-panel{position:fixed;right:0;top:0;bottom:0;width:280px;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:101;animation:slideInRight .3s ease;box-shadow:-2px 0 10px #00000026}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.drawer-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text)}.close-button{background:none;border:none;color:var(--text);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;transition:background .2s ease}.close-button:hover{background:var(--panel-sub);border-radius:8px}.close-button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.drawer-nav{flex:1;overflow-y:auto;padding:12px}.drawer-nav ul{list-style:none;margin:0;padding:0}.drawer-nav li{margin-bottom:4px}.drawer-nav a{display:block;padding:10px 14px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:700;transition:background .15s ease}.drawer-nav a:hover{background:var(--panel-sub)}.drawer-nav a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-wrap{position:sticky;top:auto;bottom:0;z-index:8;transition:all .2s ease}.filter-wrap.stuck{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;padding:8px 12px;background:var(--panel);box-shadow:0 -10px 40px #00000029;z-index:20}.filter-wrap.stuck .actions-row{margin:0 auto}.actions-row{display:flex;align-items:center;gap:12px}@media(max-width:900px){.actions-row{flex-direction:column;align-items:stretch}.filters{flex-wrap:wrap}.checkout-block{width:100%;justify-content:space-between}}.filters{margin-top:8px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:10px 12px;display:flex;align-items:center;gap:10px;flex:1;overflow-x:auto;white-space:nowrap}.filters select,.filters input{min-width:160px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);flex:0 0 auto;box-sizing:border-box}.filters input{min-width:240px;flex:1 1 auto}.filters.collapsed{display:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px dashed var(--border);padding:8px 10px;border-radius:10px;color:var(--muted)}.products{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,240px));gap:16px;justify-content:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 22px 60px #00000014}.card img{width:100%;height:200px;-o-object-fit:contain;object-fit:contain;background:var(--panel-sub);border-radius:12px;padding:10px}.price{font-weight:800}.muted{color:var(--muted)}.row{display:flex;justify-content:space-between;gap:8px;align-items:center}.actions-row{display:flex;flex-direction:column;gap:12px}.checkout-block{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:10px;white-space:nowrap}.checkout-block .primary{width:auto;justify-content:center}.pagination{margin:26px 0 10px;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.pagination button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:700}.pagination button.active{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:var(--glow)}footer{margin-top:36px;text-align:center;color:var(--muted)}.cart-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.cart-modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text)}.empty-cart{padding:40px;text-align:center;color:var(--muted)}.cart-items{overflow-y:auto;flex:1}.cart-item{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.cart-item img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;margin-right:16px}.item-details{flex:1}.item-details h3{margin:0 0 8px;font-size:16px}.quantity-controls{display:flex;align-items:center;margin:0 16px}.quantity-btn{width:30px;height:30px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.quantity{margin:0 10px;min-width:20px;text-align:center}.remove-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:700}.cart-footer{padding:16px 20px;border-top:1px solid var(--border)}.total{text-align:right;margin-bottom:16px;font-size:18px}.checkout-btn{width:100%;justify-content:center}@media(max-width:1024px){.shell{padding:20px 12px 64px}.filters{flex-wrap:wrap}.filters select,.filters input{flex:1 1 160px;min-width:140px}.filters input{min-width:200px}.actions-row{flex-direction:column;align-items:stretch}.checkout-block{width:100%;justify-content:space-between}}@media(max-width:640px){.shell{padding:16px 10px 48px}header.navbar{gap:10px}.brand img{height:32px}nav ul{width:100%;justify-content:flex-start}.nav-actions{width:100%}.filters{padding:10px}.filters input{min-width:160px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table th{text-align:left;padding:12px 16px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--panel-sub);border-bottom:1px solid var(--border)}.admin-table th:first-child{border-radius:10px 0 0}.admin-table th:last-child{border-radius:0 10px 0 0}.admin-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--panel-sub)}.admin-table .store-logo{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;background:var(--panel-sub);border-radius:10px;padding:6px}.admin-table .store-info{display:flex;align-items:center;gap:12px}.admin-table .store-info span{font-weight:600}.admin-actions{display:flex;gap:8px}.admin-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-weight:700;cursor:pointer;font-size:13px;transition:all .15s ease}.admin-btn:hover{background:var(--panel-sub)}.admin-btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:var(--on-accent);border:none;box-shadow:var(--glow)}.admin-btn.ghost{background:transparent;border:none}.admin-btn.ghost:hover{background:var(--panel-sub)}.admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.admin-filter{display:flex;flex-direction:column;gap:6px}.admin-filter label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.admin-filter input,.admin-filter select{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);font-size:14px;font-weight:500;box-sizing:border-box}.admin-filter input:focus,.admin-filter select:focus{outline:none;border-color:var(--accent)}.admin-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.admin-dialog{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 22px 60px #0003}.admin-dialog-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-dialog-header h2{margin:0;font-size:18px;font-weight:700}.admin-dialog-close{background:none;border:none;font-size:28px;cursor:pointer;color:var(--muted);line-height:1}.admin-dialog-close:hover{color:var(--text)}.admin-dialog-body{padding:24px;overflow-y:auto;flex:1}.admin-dialog-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.admin-form{display:flex;flex-direction:column;gap:0}.admin-form .form-group{display:flex;flex-direction:column;gap:6px}.admin-form label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.admin-form input{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);font-size:14px;font-weight:500}.admin-form input:focus{outline:none;border-color:var(--accent)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-section-header h1{margin:0;font-size:20px;font-weight:700}.admin-pill{padding:10px 18px;border-radius:12px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.admin-pill:hover{background:var(--panel)}.admin-pill.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:var(--on-accent);border:none;box-shadow:var(--glow)}.admin-empty{padding:60px 20px;text-align:center;color:var(--muted)}.admin-empty p{margin:0;font-size:16px}.pill{padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--panel-sub);color:var(--text);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.pill.ghost{background:var(--panel)}.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:var(--on-accent);border:none;box-shadow:var(--glow)}.btn-row{display:flex;gap:8px}.admin-layout{display:flex;height:100vh;background:var(--bg)}.admin-sidebar{width:260px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:50;transition:width .3s ease}.admin-sidebar.collapsed{width:70px}.admin-sidebar-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-sidebar.collapsed .admin-sidebar-header{justify-content:center}.admin-sidebar-logo{display:flex;align-items:center;gap:10px}.admin-sidebar-logo img{height:32px;width:auto}.admin-sidebar-logo span{font-weight:700;font-size:14px}.admin-sidebar.collapsed .admin-sidebar-logo span{display:none}.admin-nav{flex:1;overflow-y:auto;padding:12px}.admin-sidebar.collapsed .admin-nav{padding:12px 0}.admin-nav ul{list-style:none;margin:0;padding:0}.admin-nav li{margin-bottom:4px}.admin-nav a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:var(--text);font-weight:700;text-decoration:none;cursor:pointer;transition:all .15s ease}.admin-nav a:hover{background:var(--panel-sub)}.admin-nav a.active{background:var(--panel-sub);color:var(--accent)}.admin-sidebar.collapsed .admin-nav a{justify-content:center;padding:12px}.admin-sidebar.collapsed .admin-nav a span{display:none}.admin-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.admin-content.collapsed{margin-left:70px}.admin-header{padding:14px 20px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.admin-header h1{margin:0;font-size:18px;font-weight:700}.admin-main{flex:1;padding:20px;background:var(--bg);overflow-y:auto}.admin-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 22px 60px #00000014}.admin-sidebar-overlay{display:none}@media(max-width:768px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:45}.admin-content{margin-left:0}.admin-sidebar-logo span{display:none}}.admin-nav .menu-item{display:flex;align-items:center;gap:12px}.admin-sidebar.collapsed .admin-nav .menu-item-container,.admin-sidebar.collapsed .admin-nav .with-submenu{position:relative}.admin-sidebar.collapsed .admin-nav a svg,.admin-sidebar.collapsed .admin-nav .menu-item svg{margin:0 auto}.admin-sidebar.collapsed .admin-nav .menu-item{justify-content:center;padding:12px}.admin-sidebar.collapsed .admin-nav .menu-item span{display:none}.admin-sidebar.collapsed .admin-nav .menu-item svg:not(:last-child){margin-right:0}.admin-nav .menu-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background-color .2s ease}.admin-nav .menu-item:hover{background-color:#0000000d}.admin-nav .menu-item.active{background-color:var(--accent);color:var(--on-accent)}.admin-nav .menu-item svg{flex-shrink:0}.admin-nav .submenu{margin:0;padding:0;list-style:none;background-color:var(--panel-sub)}.admin-nav .submenu li a{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 32px;color:var(--muted);transition:all .2s ease}.admin-nav .submenu li a:hover{background-color:#0000000d;color:var(--text)}.admin-nav .submenu li a.active{color:var(--accent);background-color:#bf1e2e1a;font-weight:500}.admin-sidebar.collapsed .admin-nav .submenu{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:0 4px 12px #0000001a;z-index:100;position:absolute;left:70px;width:200px;margin-top:0;display:none}.admin-sidebar.collapsed .admin-nav .submenu.collapsed-submenu{display:block;top:0;margin-top:0}.admin-sidebar.collapsed .admin-nav .submenu li a{padding:10px 14px;gap:12px}.admin-sidebar.collapsed .admin-nav .submenu li a span{display:inline}.admin-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:640px){.admin-form .form-row{grid-template-columns:1fr}}.admin-form .form-row .form-group{min-width:0}.admin-form .form-row.checkbox-group-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}@media(max-width:640px){.admin-form .form-row.checkbox-group-row{grid-template-columns:1fr 1fr}}.admin-form .form-row .form-group{flex:1;min-width:0}.admin-form .checkbox-group-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.admin-form .form-group.checkbox-group{flex:0 0 auto;padding:0 16px}.admin-form .form-group.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.admin-form .form-group.checkbox-group input[type=checkbox]{width:auto;height:auto;margin:0}.admin-dialog.admin-dialog-large{max-width:800px;width:95%}.admin-btn.danger{background-color:#dc2626;color:#fff;border-color:#dc2626}.admin-btn.danger:hover{background-color:#b91c1c;border-color:#b91c1c}.loading-container{display:flex;justify-content:center;align-items:center;padding:20px;text-align:center}.error-container{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;margin:10px 0;color:#c33}.error-container p{margin:0}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.login-container{max-width:480px;width:100%;background:var(--panel);border-radius:16px;padding:40px;box-shadow:0 8px 24px #00000026;border:1px solid var(--border);text-align:center}.club-logo{width:180px;height:180px;-o-object-fit:contain;object-fit:contain;margin-bottom:24px;border-radius:12px;background:var(--panel-sub);padding:8px}.login-container h1{font-size:28px;font-weight:700;margin:0 0 16px;color:var(--text)}.welcome-text{font-size:15px;color:var(--muted);margin-bottom:32px;line-height:1.6}.login-container .error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;text-align:center}.login-container .success-message{display:flex;align-items:center;justify-content:center;gap:12px;background:#dcfce7;border:1px solid #86efac;color:#166534;padding:16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.login-container .success-message svg{flex-shrink:0}.login-button-wrapper{margin-top:24px}@media(max-width:640px){.login-wrapper{padding:12px}.login-container{padding:24px}.club-logo{width:140px;height:140px}.login-container h1{font-size:24px}.welcome-text{font-size:14px}}.order-tabs{padding-bottom:16px;border-bottom:1px solid var(--border);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-bottom:24px;display:flex;gap:8px}.order-tabs .pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}@media(max-width:639px){.toast-container{top:10px;right:10px;left:10px;display:flex;justify-content:center}.toast{width:100%;max-width:none;min-width:auto;animation:slideInTop .3s ease-out}@keyframes slideInTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid;margin-bottom:12px;animation:slideIn .3s ease-out;pointer-events:auto;max-width:400px;min-width:300px}.toast.success{background-color:#dcfce7;border-color:#86efac;color:#166534}.toast.success .toast-icon{color:#22c55e}.toast.error{background-color:#fee2e2;border-color:#fca5a5;color:#991b1b}.toast.error .toast-icon{color:#ef4444}.toast.warning{background-color:#fef3c7;border-color:#fcd34d;color:#92400e}.toast.warning .toast-icon{color:#eab308}.toast.info{background-color:#dbeafe;border-color:#93c5fd;color:#1e3a8a}.toast.info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.5}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.checkout-wrapper{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.checkout-container{max-width:720px;width:100%;background:var(--panel);border-radius:16px;padding:40px;box-shadow:0 8px 24px #00000026;border:1px solid var(--border)}.checkout-logo-section{display:flex;justify-content:center;margin-bottom:32px}.checkout-logo-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:opacity .2s}.checkout-logo-link:hover{opacity:.8}.checkout-logo{height:60px;width:auto;max-width:200px;-o-object-fit:contain;object-fit:contain}.checkout-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;align-items:flex-start}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;font-size:14px;padding:0;transition:opacity .2s}.back-button:hover{opacity:.8}.checkout-container h1{font-size:28px;font-weight:700;margin:0;color:var(--text)}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center}.empty-cart svg{color:var(--muted);opacity:.5}.empty-cart h2{font-size:20px;font-weight:700;margin:0;color:var(--text)}.empty-cart p{font-size:14px;color:var(--muted);margin:0 0 16px}.checkout-items{margin-bottom:32px}.checkout-items h2{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text)}.items-list{display:flex;flex-direction:column;gap:12px}.checkout-item{display:flex;gap:16px;padding:16px;background:var(--panel-sub);border-radius:12px;border:1px solid var(--border)}.item-image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:var(--panel)}.item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.item-details{flex:1;display:flex;flex-direction:column;justify-content:center}.item-details h3{font-size:15px;font-weight:700;margin:0 0 4px;color:var(--text)}.item-region{font-size:13px;color:var(--muted);margin:0 0 8px}.item-quantity{font-size:13px;color:var(--muted);margin:0}.item-price{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}.unit-price{font-size:13px;color:var(--muted);margin:0}.total-price{font-size:15px;font-weight:700;color:var(--accent);margin:0}.order-summary{background:var(--panel-sub);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:32px}.order-summary h2{font-size:16px;font-weight:700;margin:0 0 16px;color:var(--text)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-row.total{font-weight:700;font-size:16px;padding-top:12px;margin-top:12px;border-top:2px solid var(--border);border-bottom:none;color:var(--accent)}.checkout-form{display:flex;flex-direction:column;gap:16px}.checkout-form .success-message{display:flex;align-items:center;justify-content:center;gap:12px;background:#dcfce7;border:1px solid #86efac;color:#166534;padding:16px;border-radius:8px;font-size:14px;font-weight:500}.checkout-actions{display:flex;gap:12px;flex-direction:column}.checkout-actions .pill{width:100%;padding:12px 16px;font-size:14px;font-weight:700}.checkout-actions .pill.secondary{background:var(--panel-sub);border:1px solid var(--border);color:var(--text)}.checkout-actions .pill.secondary:hover:not(:disabled){background:var(--border)}.checkout-actions .pill:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.checkout-container{padding:24px}.checkout-container h1{font-size:24px}.checkout-item{flex-direction:column;gap:12px}.item-image{width:100%;height:120px}.item-price{flex-direction:row;justify-content:space-between;align-items:center}.checkout-actions{flex-direction:column}.checkout-actions .pill{width:100%}}.payment-modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000026}.payment-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--border);gap:16px}.payment-title{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--text)}.payment-description{margin:0;font-size:14px;color:var(--muted)}.payment-body{overflow-y:auto;flex:1;padding:16px 20px}.payment-form{display:flex;flex-direction:column;gap:16px}.payment-section{background:var(--panel-sub);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.payment-section-title{margin:0;font-size:15px;font-weight:700;color:var(--text)}.payment-field{display:flex;flex-direction:column;gap:6px}.payment-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.payment-label.required:after{content:" *";color:var(--accent)}.payment-row{display:grid;gap:12px}.payment-row-2{grid-template-columns:1fr 1fr}.payment-row-3{grid-template-columns:1fr 1fr 1fr}.payment-modal .payment-input,.payment-modal .payment-select{border:1px solid var(--border);background:var(--panel-sub);color:var(--text);padding:10px 12px;border-radius:10px;font-size:14px}.payment-modal .payment-input:focus,.payment-modal .payment-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #bf1e2e1f}.payment-modal .payment-input.error,.payment-modal .payment-select.error{border-color:#dc2626;background:#dc26260d}.payment-error{margin:0;color:#dc2626;font-size:12px;font-weight:600}.payment-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.payment-footer .pill{padding:12px 16px;font-size:14px;font-weight:700}.payment-footer .pill.secondary{background:var(--panel-sub);border:1px solid var(--border);color:var(--text)}.payment-footer .pill.secondary:hover:not(:disabled){background:var(--border)}.payment-footer .pill:disabled{opacity:.6;cursor:not-allowed}select.payment-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}.payment-success{padding:40px 20px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.payment-success .success-icon{font-size:48px;color:#22c55e;line-height:1}.payment-success h3{margin:0;font-size:18px;font-weight:700;color:var(--text)}.payment-success p{margin:0;font-size:14px;color:var(--muted)}@media(max-width:1024px){header.navbar{flex-direction:column;gap:12px;padding:12px 16px}.navbar-row-1{width:100%}.navbar-row-2{width:100%;border-top:1px solid var(--border);padding-top:12px}.nav-desktop{display:none}.hamburger-button{display:inline-flex}.brand img{height:36px}.nav-actions{width:100%;justify-content:space-around}.dropdown-menu,.theme-dropdown{right:auto;left:0}}@media(max-width:640px){header.navbar{padding:10px 12px}.brand img{height:32px}.navbar-row-2{padding-top:10px}.payment-modal{width:95%;max-height:90vh}.payment-row-2,.payment-row-3{grid-template-columns:1fr}.payment-footer{flex-direction:column}.payment-footer .pill{width:100%;justify-content:center}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-\[50\%\]{top:50%}.left-\[50\%\]{left:50%}.z-50{z-index:50}.container{width:100%}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.w-3\/4{width:75%}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--panel\)\]{background-color:var(--panel)}.bg-\[var\(--panel-sub\)\]{background-color:var(--panel-sub)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--text\)\]{color:var(--text)}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-\[var\(--panel-sub\)\]:focus{background-color:var(--panel-sub)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--accent\)\]:focus{--tw-ring-color:var(--accent)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}