:root{--color-primary: #0f4c93;--color-primary-dark: #0a3568;--color-primary-light: #2f8fe0;--color-accent: #3fc1f0;--color-navy: #0b1420;--color-navy-2: #131f30;--bg: #f6f8fb;--bg-alt: #ffffff;--bg-soft: #eef2f7;--text-primary: #10151f;--text-secondary: #5c6b7a;--text-inverse: #f4f7fa;--text-muted: #8a97a6;--chrome: #c7d0da;--border: #e3e8ef;--success: #1e9e5a;--danger: #d64545;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(11, 20, 32, .08), 0 1px 2px rgba(11, 20, 32, .05);--shadow-md: 0 6px 18px rgba(11, 20, 32, .1), 0 2px 6px rgba(11, 20, 32, .06);--shadow-lg: 0 16px 40px rgba(11, 20, 32, .16);--font-display: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--header-height: 72px;--transition-fast: .18s ease;--transition-med: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);margin:0;color:var(--text-primary);letter-spacing:-.01em}p{margin:0;color:var(--text-secondary);line-height:1.6}button{font-family:var(--font-body);cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:1240px;margin:0 auto;padding:0 24px}.section{padding:72px 0}.section-heading{text-align:center;max-width:640px;margin:0 auto 40px}.section-heading .eyebrow{display:inline-block;font-family:var(--font-display);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px}.section-heading h2{font-size:32px;font-weight:700;margin-bottom:12px}.section-heading p{font-size:15.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:14.5px;border-radius:var(--radius-sm);border:none;padding:13px 26px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:#0f4c930f}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sheen{position:relative;overflow:hidden}.sheen:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,#fff0,#ffffff59,#fff0);transform:skew(-20deg);transition:left .65s ease;pointer-events:none}.sheen:hover:after{left:130%}.header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--color-navy);border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.brand-text{font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;line-height:1.1}.brand-text span{display:block;font-family:var(--font-body);font-weight:500;font-size:10.5px;letter-spacing:.1em;color:var(--color-accent);text-transform:uppercase;margin-top:2px}.nav{display:flex;align-items:center;gap:4px}.nav a,.header-orders-button{color:#f4f7fac7;font-size:14.5px;font-weight:500;padding:10px 14px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.nav a:hover,.header-orders-button:hover{color:#fff;background:#ffffff0f}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background:#ffffff0f;color:#fff;transition:background var(--transition-fast),transform var(--transition-fast)}.icon-btn:hover{background:#ffffff24;transform:translateY(-1px)}.cart-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--color-accent);color:var(--color-navy);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--font-display)}.menu-toggle{display:none}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-height);background:var(--color-navy);z-index:99;display:flex;flex-direction:column;padding:12px 20px 24px;gap:4px;transform:translate(100%);transition:transform var(--transition-med)}.mobile-nav.open{transform:translate(0)}.mobile-nav a{color:#f4f7fad9;font-size:16.5px;font-weight:500;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.hero{background:linear-gradient(180deg,var(--color-navy) 0%,var(--color-navy-2) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 20%,rgba(63,193,240,.16),transparent 55%),radial-gradient(circle at 10% 90%,rgba(47,143,224,.14),transparent 50%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:96px 0 88px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}.hero-eyebrow:before{content:"";width:22px;height:2px;background:var(--color-accent);display:inline-block}.hero h1{color:#fff;font-size:46px;line-height:1.12;font-weight:700;margin-bottom:20px;max-width:560px}.hero p.hero-sub{color:#f4f7fab8;font-size:17px;max-width:480px;margin-bottom:34px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero .btn-outline{color:#fff;border-color:#ffffff59}.hero .btn-outline:hover{background:#ffffff14;border-color:#fff}.hero-visual{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4 / 3.1}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b142000 40%,#0b14208c)}.hero-stats{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:flex;gap:18px}.hero-stat{color:#fff}.hero-stat b{display:block;font-family:var(--font-display);font-size:20px}.hero-stat span{font-size:11.5px;color:#f4f7fab3;text-transform:uppercase;letter-spacing:.06em}.search-wrap{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:22px 0}.search-box{display:flex;align-items:center;gap:10px;background:var(--bg-soft);border:1.5px solid transparent;border-radius:var(--radius-md);padding:4px 8px 4px 16px;max-width:640px;margin:0 auto;transition:border-color var(--transition-fast),background var(--transition-fast)}.search-box:focus-within{border-color:var(--color-primary-light);background:var(--bg-alt)}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;padding:12px 4px;font-size:15px;font-family:var(--font-body);color:var(--text-primary)}.search-box input:focus{outline:none}.search-clear{border:none;background:transparent;color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.search-clear:hover{background:var(--border);color:var(--text-primary)}.shop{padding:48px 0 96px}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.shop-count{font-size:14px;color:var(--text-secondary)}.shop-count b{color:var(--text-primary)}.sort-select{display:flex;align-items:center;gap:8px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;color:var(--text-primary)}.sort-select select{border:none;background:transparent;font-family:var(--font-body);font-size:14px;color:var(--text-primary)}.sort-select select:focus{outline:none}.filters-toggle{display:none}.shop-layout{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}.filters-panel{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;position:sticky;top:calc(var(--header-height) + 16px)}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.filters-header h3{font-size:16px;font-weight:700}.filters-clear{border:none;background:transparent;color:var(--color-primary);font-size:13px;font-weight:600;font-family:var(--font-body)}.filters-clear:hover{text-decoration:underline}.filter-group{border-top:1px solid var(--border);padding:16px 0}.filter-group summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--text-primary)}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary svg{transition:transform var(--transition-fast);color:var(--text-muted)}.filter-group[open] summary svg{transform:rotate(180deg)}.filter-options{display:flex;flex-direction:column;gap:4px;margin-top:12px}.filter-option{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-secondary);padding:6px 4px;border-radius:6px;cursor:pointer;transition:background var(--transition-fast)}.filter-option:hover{background:var(--bg-soft)}.filter-option input{accent-color:var(--color-primary);width:15px;height:15px}.price-range{padding-top:4px}.price-range input[type=range]{width:100%;accent-color:var(--color-primary)}.price-range-values{display:flex;justify-content:space-between;font-size:12.5px;color:var(--text-secondary);margin-top:6px}.filters-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b142080;z-index:150;opacity:0;pointer-events:none;transition:opacity var(--transition-med)}.filters-drawer-overlay.open{opacity:1;pointer-events:auto}.filters-drawer{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:var(--bg-alt);z-index:151;transform:translate(-100%);transition:transform var(--transition-med);overflow-y:auto;padding:18px}.filters-drawer.open{transform:translate(0)}.filters-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.filters-drawer-header button{border:none;background:var(--bg-soft);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.filters-apply{margin-top:16px;position:sticky;bottom:0;background:var(--bg-alt);padding-top:12px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h3{margin-bottom:8px}.product-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-med),box-shadow var(--transition-med)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-soft)}.product-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-media img{transform:scale(1.08)}.stock-chip{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;background:#1e9e5a1f;color:var(--success)}.stock-chip.out{background:#d645451f;color:var(--danger)}.product-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.product-category{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.product-name{font-size:15.5px;font-weight:600;color:var(--text-primary);line-height:1.35}.product-price{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--text-primary);margin-top:2px}.product-actions{display:flex;gap:8px;margin-top:10px}.product-actions .btn{flex:1;padding:10px 14px;font-size:13.5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b14208c;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity var(--transition-med)}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{background:var(--bg-alt);border-radius:var(--radius-lg);max-width:880px;width:100%;max-height:88vh;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;transform:translateY(16px) scale(.98);transition:transform var(--transition-med);position:relative}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:none;background:#0b14208c;color:#fff;display:flex;align-items:center;justify-content:center;z-index:2}.modal-media{position:relative;overflow:hidden;background:var(--bg-soft);min-height:320px}.modal-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modal-media:hover img{transform:scale(1.08)}.modal-info{padding:32px;display:flex;flex-direction:column;gap:14px}.modal-info .product-category{font-size:12px}.modal-info h2{font-size:24px}.modal-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.meta-chip{font-size:12px;padding:5px 11px;border-radius:999px;background:var(--bg-soft);color:var(--text-secondary);font-weight:500}.modal-price{font-family:var(--font-display);font-size:28px;font-weight:700;margin-top:6px}.qty-selector{display:flex;align-items:center;gap:12px;margin-top:8px}.qty-controls{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.qty-controls button{border:none;background:var(--bg-soft);width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:background var(--transition-fast)}.qty-controls button:hover{background:var(--border)}.qty-controls span{width:42px;text-align:center;font-weight:600;font-family:var(--font-display)}.modal-actions{margin-top:8px}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--bg-alt);z-index:201;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-med);box-shadow:var(--shadow-lg)}.cart-drawer.open{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.cart-header h3{font-size:18px}.cart-header button{border:none;background:var(--bg-soft);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cart-items{flex:1;overflow-y:auto;padding:12px 22px;display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.cart-item img{width:68px;height:68px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.cart-item-name{font-size:14px;font-weight:600;color:var(--text-primary)}.cart-item-price{font-size:13px;color:var(--text-secondary)}.cart-item-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.cart-item-remove{border:none;background:transparent;color:var(--text-muted);display:flex;align-items:center;transition:color var(--transition-fast)}.cart-item-remove:hover{color:var(--danger)}.cart-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.cart-footer{border-top:1px solid var(--border);padding:18px 22px 22px;display:flex;flex-direction:column;gap:12px}.cart-totals-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.cart-totals-row.total{font-size:17px;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.cart-footer-actions{display:flex;gap:10px;margin-top:4px}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b142080;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-med)}.cart-drawer-overlay.open{opacity:1;pointer-events:auto}.snackbar{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--color-navy);color:#fff;padding:14px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);z-index:300;opacity:0;pointer-events:none;transition:opacity var(--transition-med),transform var(--transition-med)}.snackbar.show{opacity:1;transform:translate(-50%);pointer-events:auto}.snackbar-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.category-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform var(--transition-med),box-shadow var(--transition-med),border-color var(--transition-fast)}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.category-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),color var(--transition-fast)}.category-card:hover .category-icon{background:var(--color-primary);color:#fff}.category-card span{font-size:13.5px;font-weight:600;color:var(--text-primary)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefit-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 22px;display:flex;flex-direction:column;gap:14px}.benefit-icon{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));color:#fff;display:flex;align-items:center;justify-content:center}.benefit-card h4{font-size:15.5px}.benefit-card p{font-size:13.5px}.about{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about-inner{max-width:780px;margin:0 auto;text-align:center}.about h2{font-size:28px;margin-bottom:16px}.about p{font-size:16px}.footer{background:var(--color-navy);color:#f4f7faa6;padding:56px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand .brand-text{color:#fff}.footer-brand p{margin-top:14px;font-size:13.5px;color:#f4f7fa8c;max-width:300px}.footer h4{color:#fff;font-size:14px;margin-bottom:16px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:13.5px;color:#f4f7fa99;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.footer-contact{display:flex;flex-direction:column;gap:12px}.footer-contact-item{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#f4f7fa99}.footer-contact-item svg{color:var(--color-accent);flex-shrink:0;width:16px;height:16px}.footer-bottom{padding-top:22px;text-align:center;font-size:12.5px;color:#f4f7fa66}@media (max-width: 1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}.shop-layout{grid-template-columns:1fr}.filters-panel{display:none}.filters-toggle{display:inline-flex}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.hero-inner{grid-template-columns:1fr;padding:56px 0 48px;text-align:left}.hero h1{font-size:34px}.hero-visual{order:-1}.nav{display:none}.menu-toggle{display:flex}}@media (max-width: 640px){.container{padding:0 16px}.section{padding:52px 0}.categories-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.modal{grid-template-columns:1fr}.modal-media{min-height:220px}.hero h1{font-size:28px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.hero-stats{flex-wrap:wrap}}.brand{display:flex;align-items:center;height:100%;overflow:hidden}.header-inner{min-height:90px;display:flex;align-items:center}.header{overflow:hidden}.hero-inner{display:flex;justify-content:center;align-items:center;text-align:center}.hero-content{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-content h1{text-align:center;max-width:850px;margin-left:auto;margin-right:auto}.hero-sub{max-width:700px;margin-left:auto;margin-right:auto;text-align:center}.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/logo.png);background-repeat:no-repeat;background-position:center;background-size:500px auto;opacity:.08;pointer-events:none}.hero-inner{position:relative;z-index:1}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:30px 20px;background:linear-gradient(#071626f0,#0d2d44f5)}.login-card{width:100%;max-width:430px;background:#fff;border-radius:18px;padding:40px;box-shadow:0 20px 60px #00000040;text-align:center}.login-logo{width:170px;max-height:90px;object-fit:contain;margin-bottom:25px}.login-card h1{margin:0 0 10px;font-size:28px;color:#0b1b2b}.login-description{color:#687483;margin-bottom:30px;line-height:1.5}.login-field{text-align:left;margin-bottom:20px}.login-field label{display:block;margin-bottom:8px;font-weight:600;color:#1b2937}.login-field input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #d8dee5;border-radius:10px;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-field input:focus{border-color:#1565c0;box-shadow:0 0 0 3px #1565c01f}.login-button{width:100%;border:none;border-radius:10px;padding:14px 20px;margin-top:5px;background:#1565c0;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1565c040}.login-button:disabled{opacity:.65;cursor:not-allowed}.forgot-password{background:none;border:none;margin-top:20px;color:#1565c0;font-weight:600;cursor:pointer}.login-error{background:#fff1f1;color:#b42318;padding:11px 14px;margin-bottom:15px;border-radius:8px;font-size:14px}.login-footer{margin-top:28px;padding-top:20px;border-top:1px solid #eeeeee;color:#8a949f;font-size:12px;line-height:1.5}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#081827;color:#fff;font-family:Inter,sans-serif}.auth-loading img{width:180px;max-height:100px;object-fit:contain}.auth-loading p{margin:0;opacity:.8}.login-wordmark{margin-bottom:28px;text-align:center;line-height:1}.login-wordmark-main{display:flex;justify-content:center;align-items:baseline;font-family:Arial Black,Poppins,sans-serif;font-size:42px;font-weight:900;font-style:italic;letter-spacing:-3px;text-transform:none}.login-wordmark-main .tone{color:#17283a}.login-wordmark-main .lab{color:#1689e8}.login-wordmark-sub{margin-top:4px;font-family:Poppins,sans-serif;font-size:13px;font-weight:800;letter-spacing:6px;color:#17283a}.login-success{background:#ecfdf3;color:#027a48;padding:11px 14px;margin-bottom:15px;border-radius:8px;font-size:14px}.brand{display:inline-flex;align-items:center;text-decoration:none}.header-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.header-wordmark-main{display:flex;align-items:center;white-space:nowrap;transform:skew(-7deg)}.header-tone,.header-lab{font-family:Arial Black,Arial,sans-serif;font-size:30px;font-weight:900;font-style:italic;letter-spacing:-2.5px}.header-tone{color:#f5f7fa}.header-auto-color{margin-top:3px;padding-left:5px;font-family:Arial,sans-serif;font-size:8px;font-weight:800;letter-spacing:4px;color:#f5f7fa;white-space:nowrap}.brand{display:inline-flex;align-items:center;justify-content:center;overflow:visible!important;min-width:190px;padding:6px 12px}.header-wordmark{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;padding:4px 10px}.header-wordmark-main{display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:visible;transform:skew(-7deg);padding:0 6px}.header-tone,.header-lab{font-family:Arial Black,Poppins,sans-serif;font-size:30px;font-weight:900;font-style:italic;line-height:1.05;letter-spacing:-2px}.header-tone{color:#fff}.header-lab{color:#168ff0}.header-auto-color{display:block;margin-top:4px;padding-left:5px;font-family:Poppins,sans-serif;font-size:8px;font-weight:800;line-height:1;letter-spacing:4px;color:#fff;white-space:nowrap}.header,.header-inner{overflow:visible!important}.checkout-page{min-height:100vh;background:#0f2a3f;padding:40px 20px 70px}.checkout-container{width:100%;max-width:1180px;margin:0 auto}.checkout-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.checkout-wordmark{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap;max-width:220px}.checkout-tone,.checkout-lab{font-family:Arial Black,Poppins,sans-serif;font-size:30px;font-weight:900;font-style:italic;letter-spacing:-2px;line-height:1}.checkout-tone{color:#fff}.checkout-lab{color:#168ff0}.checkout-wordmark small{width:100%;margin-top:4px;padding-left:4px;font-size:8px;font-weight:800;letter-spacing:4px;color:#fff}.checkout-back{border:none;background:transparent;color:#fff;font-weight:700;cursor:pointer;font-size:14px}.checkout-heading{text-align:center;max-width:760px;margin:0 auto 42px}.checkout-heading>span{display:inline-block;margin-bottom:8px;color:#168ff0;font-size:12px;font-weight:800;letter-spacing:2px}.checkout-heading h1{margin:0;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.1}.checkout-heading p{margin:14px auto 0;max-width:650px;color:#ffffffc7;line-height:1.6}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:28px;align-items:start}.checkout-form-card,.checkout-summary{background:#fff;border-radius:18px;box-shadow:0 15px 40px #15233314}.checkout-form-card{padding:34px}.checkout-form-card h2,.checkout-summary h2{margin:0 0 24px;color:#17283a;font-size:21px}.checkout-section-title{margin-top:34px!important}.checkout-field{margin-bottom:18px}.checkout-field label{display:block;margin-bottom:7px;color:#233446;font-size:14px;font-weight:700}.checkout-field input{width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid #d8e0e8;border-radius:10px;background:#fff;color:#17283a;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.checkout-field input:focus{border-color:#168ff0;box-shadow:0 0 0 3px #168ff01f}.checkout-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-address-row{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:16px}.checkout-error{margin:8px 0 16px;padding:12px 14px;border-radius:9px;background:#fff0f0;color:#b42318;font-size:14px}.checkout-confirm{width:100%;margin-top:6px;padding:15px 20px;font-size:15px}.checkout-payment-note{margin:14px 0 0;color:#74808c;font-size:12px;text-align:center}.checkout-summary{position:sticky;top:110px;padding:28px}.checkout-summary-items{display:flex;flex-direction:column;gap:16px}.checkout-summary-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid #edf0f3}.checkout-summary-item img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#f5f7f9}.checkout-summary-info{min-width:0;display:flex;flex-direction:column;gap:5px}.checkout-summary-info strong{color:#1b2937;font-size:14px;line-height:1.35}.checkout-summary-info span{color:#7a8793;font-size:12px}.checkout-summary-item>strong{color:#17283a;font-size:14px;white-space:nowrap}.checkout-summary-total{display:flex;justify-content:space-between;gap:20px;padding:16px 0;color:#5e6c79}.checkout-grand-total{border-top:1px solid #e7ebef;font-size:18px;color:#17283a}.checkout-payment{margin-top:10px;padding:16px;border-radius:11px;background:#f3f8fd;display:flex;justify-content:space-between;gap:15px;color:#38506a;font-size:13px}.checkout-payment strong{color:#168ff0}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}@media (max-width: 650px){.checkout-page{padding:24px 14px 50px}.checkout-top{align-items:flex-start}.checkout-form-card,.checkout-summary{border-radius:14px}.checkout-form-card,.checkout-summary{padding:22px}.checkout-row,.checkout-address-row{grid-template-columns:1fr;gap:0}.checkout-heading{margin-bottom:28px}.checkout-heading h1{font-size:32px}.checkout-wordmark{max-width:170px}.checkout-tone,.checkout-lab{font-size:25px}.checkout-summary-item{grid-template-columns:54px minmax(0,1fr)}.checkout-summary-item img{width:54px;height:54px}.checkout-summary-item>strong{grid-column:2}}.optional-field{font-size:12px;font-weight:400;color:#8a96a3;margin-left:4px}.invoice-page{min-height:100vh;background:#0f2a3f;padding:55px 20px 70px}.invoice-wrapper{width:100%;max-width:980px;margin:0 auto}.invoice-document{background:#fff;color:#17212b;padding:55px 60px 45px;box-shadow:0 18px 55px #0003}.invoice-header{display:flex;justify-content:space-between;gap:35px;padding-bottom:32px;border-bottom:2px solid #182838}.invoice-brand{display:flex;flex-direction:column;gap:18px}.invoice-wordmark{width:fit-content;line-height:1}.invoice-wordmark-main{display:flex;align-items:baseline;transform:skew(-7deg)}.invoice-tone,.invoice-lab{font-family:Arial Black,Poppins,sans-serif;font-size:38px;font-weight:900;font-style:italic;letter-spacing:-3px}.invoice-tone{color:#17283a}.invoice-lab{color:#168ff0}.invoice-wordmark-sub{margin-top:5px;padding-left:5px;font-size:9px;font-weight:800;letter-spacing:5px;color:#17283a}.invoice-business-info{display:flex;flex-direction:column;gap:4px;color:#687583;font-size:12px;line-height:1.45}.invoice-title-area{text-align:right}.invoice-title-area h1{margin:0;font-size:42px;font-weight:800;letter-spacing:2px;color:#17283a}.invoice-number{margin-top:12px;color:#168ff0;font-size:15px;font-weight:800}.invoice-date{margin-top:6px;color:#7a8793;font-size:12px}.invoice-customer-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:34px 0}.invoice-label{display:block;margin-bottom:10px;color:#7c8995;font-size:10px;font-weight:800;letter-spacing:1.8px}.invoice-customer-section h2{margin:0 0 9px;font-size:18px;color:#17283a}.invoice-customer-section p{margin:3px 0;color:#566574;font-size:13px;line-height:1.5}.invoice-delivery{text-align:right}.invoice-table{margin-top:10px}.invoice-table-header,.invoice-table-row{display:grid;grid-template-columns:minmax(0,2.4fr) .55fr .8fr .9fr;gap:16px;align-items:center}.invoice-table-header{padding:12px 14px;background:#17283a;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px}.invoice-table-header span:not(:first-child){text-align:right}.invoice-table-row{padding:18px 14px;border-bottom:1px solid #e8edf1;font-size:13px}.invoice-table-row>span,.invoice-table-row>strong{text-align:right}.invoice-product{display:flex;flex-direction:column;gap:4px}.invoice-product strong{color:#17283a}.invoice-product span{color:#87929c;font-size:11px}.invoice-totals-wrapper{display:grid;grid-template-columns:1fr 320px;gap:50px;align-items:start;margin-top:32px}.invoice-notes p{margin:7px 0;color:#5d6b78;font-size:12px}.invoice-totals{display:flex;flex-direction:column}.invoice-totals>div{display:flex;justify-content:space-between;gap:30px;padding:10px 0;color:#5d6b78;font-size:13px}.invoice-total-final{margin-top:5px;padding-top:16px!important;border-top:2px solid #17283a;color:#17283a!important;font-size:19px!important}.invoice-total-final strong{color:#168ff0;font-size:22px}.invoice-footer{display:flex;justify-content:space-between;gap:35px;margin-top:50px;padding-top:24px;border-top:1px solid #dce3e8;color:#6c7883;font-size:11px}.invoice-footer>div{display:flex;flex-direction:column;gap:5px}.invoice-footer strong{color:#17283a;font-size:13px}.invoice-footer-contact{text-align:right}.invoice-actions{display:flex;justify-content:center;gap:14px;margin-top:25px;flex-wrap:wrap}.invoice-actions .btn{min-width:220px}@media (max-width: 700px){.invoice-page{padding:25px 10px 45px}.invoice-document{padding:30px 20px}.invoice-header{flex-direction:column}.invoice-title-area{text-align:left}.invoice-title-area h1{font-size:34px}.invoice-customer-section{grid-template-columns:1fr;gap:25px}.invoice-delivery{text-align:left}.invoice-table-header,.invoice-table-row{grid-template-columns:minmax(0,1.8fr) .45fr .8fr .8fr;gap:8px}.invoice-table-header{font-size:8px}.invoice-table-row{padding:14px 5px;font-size:11px}.invoice-totals-wrapper{grid-template-columns:1fr;gap:25px}.invoice-footer{flex-direction:column}.invoice-footer-contact{text-align:left}}.my-orders-page{min-height:100vh;padding:45px 20px;background:#0f2a3f}.my-orders-container{width:min(1050px,100%);margin:0 auto}.my-orders-header{margin-bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.my-orders-header>div>span{display:block;margin-bottom:6px;color:#168ff0;font-size:10px;font-weight:800;letter-spacing:2px}.my-orders-header h1{margin:0;color:#fff;font-size:32px}.my-orders-header p{margin:7px 0 0;color:#9fb0bd;font-size:13px}.my-orders-back{padding:11px 15px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:transparent;color:#fff;font-weight:700;cursor:pointer}.my-orders-list{display:flex;flex-direction:column;gap:13px}.my-order-card{padding:20px 22px;background:#fff;border-radius:13px}.my-order-main{display:flex;justify-content:space-between;gap:20px}.my-order-main>div:first-child{display:flex;flex-direction:column;gap:5px}.my-order-number{color:#168ff0;font-size:12px;font-weight:800}.my-order-main strong{color:#17283a;font-size:14px}.my-order-total{display:flex;flex-direction:column;gap:5px;text-align:right}.my-order-total span{color:#8996a1;font-size:10px}.my-order-total strong{font-size:18px}.my-order-footer{margin-top:17px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f2}.my-order-footer button{border:none;background:transparent;color:#168ff0;font-size:11px;font-weight:800;cursor:pointer}.my-order-status{padding:6px 9px;border-radius:20px;font-size:9px;font-weight:800}.order-status-received{background:#e8f4fe;color:#168ff0}.order-status-preparing{background:#fff4db;color:#9b6900}.order-status-ready{background:#e7f7ed;color:#198754}.order-status-delivered{background:#edf0f3;color:#536473}.order-status-cancelled{background:#fff0f0;color:#b42318}.my-orders-empty,.my-orders-message,.my-orders-error{padding:55px 25px;text-align:center;background:#fff;border-radius:14px}.my-orders-empty h2{margin-top:0;color:#17283a}.my-orders-empty p,.my-orders-message{color:#7d8b97}.my-orders-error{color:#b42318}.my-order-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:900}.my-order-detail{position:fixed;top:0;right:0;bottom:0;width:min(520px,95vw);overflow-y:auto;background:#f5f7f9;z-index:901;box-shadow:-15px 0 45px #0003}.my-order-detail-header{position:sticky;top:0;padding:23px 25px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e7ebee;z-index:5}.my-order-detail-header span{color:#168ff0;font-size:9px;font-weight:800;letter-spacing:1.5px}.my-order-detail-header h2{margin:5px 0 0;color:#17283a;font-size:20px}.my-order-detail-header button{width:36px;height:36px;border:none;border-radius:50%;background:#f0f3f5;font-size:23px;cursor:pointer}.my-order-detail-content{padding:19px}.my-order-section{margin-bottom:15px;padding:20px;background:#fff;border-radius:12px}.my-order-section h3{margin:0 0 16px;color:#17283a;font-size:14px}.order-progress{display:flex;flex-direction:column;gap:0}.order-progress-step{position:relative;min-height:55px;display:flex;align-items:flex-start;gap:12px;color:#9ca7b0}.order-progress-step:not(:last-child):before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:2px;background:#e1e7eb}.order-progress-marker{position:relative;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf1f4;font-size:10px;font-weight:800;z-index:1}.order-progress-step.completed{color:#263a4c}.order-progress-step.completed .order-progress-marker{background:#168ff0;color:#fff}.order-progress-step.current span{font-weight:800}.client-order-cancelled{padding:13px;border-radius:8px;background:#fff0f0;color:#b42318;font-weight:800}.client-order-item{padding:12px 0;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f2}.client-order-item>div{display:flex;flex-direction:column;gap:4px}.client-order-item strong{color:#263a4c;font-size:11px}.client-order-item span{color:#8996a1;font-size:9px}.client-order-total{margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;border-top:2px solid #17283a}.client-order-total span{color:#536371;font-weight:700}.client-order-total strong{color:#168ff0;font-size:17px}.client-order-address{margin:0;color:#62727f;line-height:1.7;font-size:11px}.client-order-history{display:flex;flex-direction:column}.client-history-entry{display:flex;gap:10px;padding:8px 0}.client-history-entry>div{width:8px;height:8px;margin-top:4px;flex-shrink:0;border-radius:50%;background:#168ff0}.client-history-entry>span{display:flex;flex-direction:column;gap:3px}.client-history-entry strong{color:#263a4c;font-size:10px}.client-history-entry small{color:#8996a1;font-size:9px}@media (max-width: 650px){.my-orders-page{padding:25px 14px}.my-orders-header{align-items:flex-start;flex-direction:column}.my-order-main{flex-direction:column}.my-order-total{text-align:left}}.product-media{position:relative;width:100%;height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.product-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:16px;display:block}.modal-media{width:100%;min-height:420px;height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.modal-media img{width:100%;height:100%;object-fit:contain;object-position:center;padding:28px;display:block}@media (max-width: 700px){.product-media{height:220px}.product-media img{padding:12px}.modal-media{min-height:300px;height:300px}.modal-media img{padding:18px}}.header-orders-button{border:none;background:transparent;font-family:inherit;cursor:pointer}