:root{--bg: #050505;--surface: #1a1a1a;--surface-2: #292929;--surface-3: #333333;--text: rgba(255, 255, 255, .92);--text-2: rgba(255, 255, 255, .5);--text-3: rgba(255, 255, 255, .3);--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .16);--gold: #eecf63;--gold-2: #ffde69;--orange: #ec6722;--teal: #31b4bc;--success: #00a980;--danger: #e0524a;--btn: #f2f2f2;--btn-text: #0c0c0c;--radius-sm: 10px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--container: 1280px;--gutter: 20px;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--shadow-sm: 0 6px 18px rgba(0, 0, 0, .35);--font-display: "Unbounded", "Manrope", system-ui, sans-serif;--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--header-h: 72px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[hidden],[x-cloak]{display:none!important}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:16px;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.01em}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:48px}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.muted{color:var(--text-2)}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:var(--radius-pill);background:#ec672229;color:var(--orange)}.tag--hit{background:#eecf6329;color:var(--gold)}.tag--top{background:#31b4bc29;color:var(--teal)}.tag--spicy{background:#e0524a29;color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}::selection{background:var(--gold);color:#0c0c0c}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:15px;line-height:1;padding:14px 22px;border-radius:var(--radius-pill);transition:transform .12s ease,background .2s ease,opacity .2s ease,border-color .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn--primary{background:var(--gold);color:#0c0c0c}.btn--primary:hover{background:var(--gold-2)}.btn--light{background:var(--btn);color:var(--btn-text)}.btn--light:hover{opacity:.88}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--line-2)}.btn--ghost:hover{border-color:var(--gold);color:var(--gold)}.btn--block{width:100%}.btn--lg{padding:17px 28px;font-size:16px}.add-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;padding:11px 18px;border-radius:var(--radius-pill);background:var(--gold);color:#0c0c0c;transition:background .2s ease,transform .12s ease}.add-btn:hover{background:var(--gold-2)}.add-btn:active{transform:scale(.97)}.add-btn svg{width:18px;height:18px}.site-header{position:sticky;top:0;z-index:50;background:#050505b8;-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;gap:22px;height:var(--header-h)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:.02em}.brand__mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--orange));color:#0c0c0c;font-size:20px;box-shadow:var(--shadow-sm)}.brand__name{background:linear-gradient(135deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;align-items:center;gap:4px;margin-left:8px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{font-size:14px;font-weight:500;color:var(--text-2);padding:8px 12px;border-radius:var(--radius-pill);white-space:nowrap;transition:color .2s ease,background .2s ease}.nav a:hover{color:var(--text);background:var(--surface)}.header-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);padding:9px 14px;color:var(--text-2);min-width:200px}.header-search input{background:none;border:none;outline:none;width:100%;font-size:14px}.header-search svg{width:16px;height:16px;flex:none}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);color:var(--text);transition:border-color .2s ease,color .2s ease}.icon-btn:hover{border-color:var(--gold);color:var(--gold)}.icon-btn svg{width:20px;height:20px}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--radius-pill);background:var(--gold);color:#0c0c0c;font-size:12px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg)}.cart-badge[hidden]{display:none}.login-link{font-size:14px;font-weight:600;color:var(--text);padding:10px 16px;border-radius:var(--radius-pill);border:1px solid var(--line-2)}.login-link:hover{border-color:var(--gold);color:var(--gold)}@media (max-width: 920px){.nav,.header-search,.login-link{display:none}}.nav-wrap{position:relative;display:none}.nav-toggle{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);color:var(--text)}.mobile-menu{position:fixed;top:var(--header-h);left:0;right:0;margin:8px var(--gutter);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow);z-index:60}.mobile-menu a{padding:12px 14px;border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-weight:500}.mobile-menu a:hover{background:var(--surface-2)}@media (max-width: 920px){.nav-wrap{display:block}}.hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);margin-top:22px;min-height:420px;display:flex;align-items:center;background:var(--surface)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55}.hero__bg:after{content:""}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#050505eb,#05050599 45%,#05050526)}.hero__inner{position:relative;z-index:2;padding:56px;max-width:760px}.hero h1{font-size:clamp(34px,5vw,60px);margin:14px 0 16px}.hero h1 .accent{background:linear-gradient(135deg,var(--gold-2),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text-2);font-size:17px;max-width:520px;margin-bottom:26px}.hero__cta{display:flex;gap:12px;flex-wrap:wrap}.hero__stats{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}.hero__stat b{font-family:var(--font-display);font-size:24px;color:var(--gold);display:block}.hero__stat span{font-size:13px;color:var(--text-2)}.promo{margin-top:22px;display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.promo__card{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:30px;background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--line);min-height:160px;display:flex;flex-direction:column;justify-content:flex-end}.promo__card--teal{background:linear-gradient(135deg,rgba(49,180,188,.22),var(--surface))}.promo__card--gold{background:linear-gradient(135deg,rgba(238,207,99,.2),var(--surface))}.promo__card h3{font-size:22px;margin-bottom:6px}.promo__card p{color:var(--text-2);font-size:14px}@media (max-width: 760px){.hero__inner{padding:32px 24px}.promo{grid-template-columns:1fr}}.category{scroll-margin-top:calc(var(--header-h) + 16px)}.category__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.category__head h2{font-size:clamp(22px,3vw,30px)}.category__count{font-size:14px;color:var(--text-2)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width: 1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .18s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:var(--shadow)}.card__media{position:relative;aspect-ratio:1/1;background:var(--surface-2);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .card__media img{transform:scale(1.05)}.card__tags{position:absolute;top:10px;left:10px;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 20px)}.card__fav{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:var(--radius-pill);display:grid;place-items:center;background:#05050580;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card__fav svg{width:18px;height:18px}.card__fav.is-active{color:var(--orange)}.card__fav.is-active svg{fill:var(--orange);stroke:var(--orange)}.card__body{display:flex;flex-direction:column;gap:8px;padding:14px 14px 16px;flex:1}.card__title{font-family:var(--font-body);font-weight:700;font-size:16px;line-height:1.25;color:var(--text)}.card__desc{font-size:13px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{font-size:12px;color:var(--text-3)}.card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:6px}.card__price{font-family:var(--font-display);font-weight:700;font-size:18px}.card__price small{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--text-2);margin-left:4px}.card__options{font-size:12px;font-weight:600;color:var(--orange);display:inline-flex;align-items:center;gap:4px}.site-footer{margin-top:64px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(255,255,255,.02))}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-block:48px}.footer__brand{font-family:var(--font-display);font-weight:700;font-size:24px;background:linear-gradient(135deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.footer__tagline{color:var(--text-2);max-width:320px;font-size:14px}.footer h4{font-family:var(--font-body);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:14px}.footer__list li{margin-bottom:10px;font-size:15px}.footer__list a:hover{color:var(--gold)}.footer__contact b{color:var(--text)}.footer__social{display:flex;gap:10px;margin-top:16px}.footer__social a{width:40px;height:40px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--text)}.footer__social a:hover{border-color:var(--gold);color:var(--gold)}.footer__social svg{width:18px;height:18px}.footer__bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--text-3);font-size:13px}@media (max-width: 760px){.footer__grid{grid-template-columns:1fr;gap:24px}}.cart-page{padding-block:36px 64px}.cart-page__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.cart-page__head h1{font-size:clamp(26px,4vw,38px)}.cart-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:14px;font-weight:600}.cart-back:hover{color:var(--gold)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.cart-list{display:flex;flex-direction:column;gap:14px}.cart-item{display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.cart-item__img{width:88px;height:88px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2)}.cart-item__title{font-weight:700;font-size:16px}.cart-item__opts{font-size:13px;color:var(--text-2);margin-top:4px}.cart-item__price{font-family:var(--font-display);font-weight:700;font-size:16px;margin-top:6px}.cart-item__right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.stepper{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px}.stepper button{width:30px;height:30px;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:18px;font-weight:700;color:var(--text);transition:background .15s ease,color .15s ease}.stepper button:hover{background:var(--gold);color:#0c0c0c}.stepper .qty{min-width:26px;text-align:center;font-weight:700}.cart-item__remove{font-size:12px;color:var(--text-3)}.cart-item__remove:hover{color:var(--danger)}.cart-empty{text-align:center;padding:60px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.cart-empty h2{font-size:24px;margin-bottom:10px}.cart-empty p{color:var(--text-2);margin-bottom:22px}.summary{position:sticky;top:calc(var(--header-h) + 16px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.summary h3{font-size:20px;margin-bottom:16px}.delivery-progress{margin-bottom:18px}.delivery-progress__label{font-size:13px;color:var(--text-2);margin-bottom:8px}.delivery-progress__label b{color:var(--teal)}.progress-track{height:8px;border-radius:var(--radius-pill);background:var(--surface-3);overflow:hidden}.progress-fill{height:100%;width:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .4s ease}.summary__row{display:flex;justify-content:space-between;font-size:15px;padding:8px 0;color:var(--text-2)}.summary__row--total{border-top:1px solid var(--line);margin-top:8px;padding-top:16px;font-size:18px;color:var(--text);font-weight:700}.summary__row--total b{font-family:var(--font-display)}@media (max-width: 880px){.cart-layout{grid-template-columns:1fr}.summary{position:static}}.product-page{padding-block:28px 64px}.product-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:14px;font-weight:600;margin-bottom:20px}.product-back:hover{color:var(--gold)}.product{display:block}.product__main{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}.product__media{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);position:sticky;top:calc(var(--header-h) + 16px)}.product__media img{width:100%;aspect-ratio:1/1;object-fit:cover}.product__tags{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.product h1{font-size:clamp(26px,4vw,40px);margin-bottom:12px}.product__meta{display:flex;gap:16px;color:var(--text-2);font-size:14px;margin-bottom:18px}.product__meta b{color:var(--text)}.product__desc{color:var(--text-2);font-size:16px;margin-bottom:26px;max-width:52ch}.product__section{margin-bottom:24px}.product__section h3{font-family:var(--font-body);font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px}.opt-group{display:flex;flex-direction:column;gap:10px}.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.opt:hover{border-color:var(--line-2)}.opt.is-active{border-color:var(--gold);background:#eecf6314}.opt__check{width:20px;height:20px;border-radius:6px;border:1px solid var(--line-2);display:grid;place-items:center;flex:none}.opt__check svg{width:13px;height:13px;opacity:0;transition:opacity .15s ease}.opt.is-active .opt__check svg{opacity:1}.opt.is-active .opt__check{background:var(--gold);border-color:var(--gold);color:#0c0c0c}.opt--radio .opt__check{border-radius:var(--radius-pill)}.opt__name{flex:1;font-weight:600}.opt__price{color:var(--text-2);font-size:14px}.product__buy{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}.product__price{font-family:var(--font-display);font-weight:700;font-size:28px}@media (max-width: 880px){.product__main{grid-template-columns:1fr;gap:24px}.product__media{position:static}}
