*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:15px;line-height:1.45;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overscroll-behavior-y:none}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}s{text-decoration-thickness:1px}textarea{resize:vertical}button,a,label,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent}a,button,[role=button]{touch-action:manipulation}:root{--c-bg: var(--tg-theme-bg-color, #ffffff);--c-secondary-bg: var(--tg-theme-secondary-bg-color, #f3f4f6);--c-section-bg: var(--tg-theme-section-bg-color, #ffffff);--c-text: var(--tg-theme-text-color, #14161a);--c-hint: var(--tg-theme-hint-color, #8b8f98);--c-subtitle: var(--tg-theme-subtitle-text-color, #6b7280);--c-link: var(--tg-theme-link-color, #2481cc);--c-accent: var(--tg-theme-button-color, #2f7cf6);--c-accent-text: var(--tg-theme-button-text-color, #ffffff);--c-destructive: var(--tg-theme-destructive-text-color, #e0463c);--c-header-bg: var(--tg-theme-header-bg-color, var(--c-bg));--c-border: color-mix(in srgb, var(--c-text) 12%, transparent);--c-border-strong: color-mix(in srgb, var(--c-text) 22%, transparent);--c-surface: color-mix(in srgb, var(--c-text) 4%, transparent);--c-surface-strong: color-mix(in srgb, var(--c-text) 8%, transparent);--c-skeleton: color-mix(in srgb, var(--c-text) 8%, transparent);--c-skeleton-shine: color-mix(in srgb, var(--c-text) 3%, transparent);--c-success: #17a34a;--c-warning: #d97706;--c-danger: #e0463c;--c-cashback: #7c3aed;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 6%);--shadow-md: 0 4px 16px rgb(0 0 0 / 10%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 18%);--tabbar-height: 58px;--app-max-width: 640px;--tap-scale: .97;--dur-fast: .12s;--dur-base: .2s;--tg-viewport-stable-height: 100vh}[data-theme=dark]{--c-bg: var(--tg-theme-bg-color, #17181c);--c-secondary-bg: var(--tg-theme-secondary-bg-color, #232428);--c-section-bg: var(--tg-theme-section-bg-color, #1e1f23);--c-text: var(--tg-theme-text-color, #f2f3f5);--c-hint: var(--tg-theme-hint-color, #8b8f98);--c-subtitle: var(--tg-theme-subtitle-text-color, #a1a5ad);--c-link: var(--tg-theme-link-color, #6ab3f3);--c-accent: var(--tg-theme-button-color, #4a8ef7);--c-accent-text: var(--tg-theme-button-text-color, #ffffff);--c-destructive: var(--tg-theme-destructive-text-color, #ff6b60);--c-header-bg: var(--tg-theme-header-bg-color, var(--c-bg));--c-success: #34c46b;--c-warning: #f0a92b;--c-danger: #ff6b60;--c-cashback: #a78bfa;--shadow-md: 0 4px 16px rgb(0 0 0 / 40%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 55%)}.app-shell{display:flex;flex-direction:column;min-height:var(--tg-viewport-stable-height, 100vh);background:var(--c-secondary-bg)}.app-main{flex:1 1 auto;width:100%;max-width:var(--app-max-width);margin:0 auto;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 8px)}.page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-6)}.page--product,.page--checkout{padding-left:0;padding-right:0}.page--product>*:not(.sticky-action),.page--checkout>*:not(.sticky-action){padding-left:var(--space-4);padding-right:var(--space-4)}.page--checkout .form-section,.page--checkout .totals,.page--checkout .legal{padding-left:var(--space-4);padding-right:var(--space-4)}.tabbar{position:fixed;inset-inline:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;max-width:var(--app-max-width);margin:0 auto;padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--c-bg) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--c-border)}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tabbar-height);padding:6px 4px;font-size:11px;color:var(--c-hint);transition:color var(--dur-fast) ease,transform var(--dur-fast) ease}.tabbar__item:active{transform:scale(var(--tap-scale))}.tabbar__item.is-active{color:var(--c-accent);font-weight:600}.tabbar__icon{position:relative;display:inline-flex}.tabbar__badge{position:absolute;top:-6px;inset-inline-end:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--radius-pill);background:var(--c-danger);color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center}.tabbar__label{line-height:1}.app-header{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-header-bg)}.app-header--sticky{position:sticky;top:0;z-index:30;padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));border-bottom:1px solid var(--c-border)}.app-header__bar{display:flex;align-items:center;gap:var(--space-2);min-height:40px}.app-header__titles{flex:1 1 auto;min-width:0}.app-header__title{font-size:18px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__subtitle{font-size:12px;color:var(--c-hint)}.app-header__actions{display:inline-flex;align-items:center;gap:var(--space-2)}.app-header__extra{display:flex;flex-direction:column;gap:var(--space-3)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:var(--radius-pill);color:var(--c-text);background:var(--c-surface);transition:transform var(--dur-fast) ease,background var(--dur-fast) ease}.icon-btn:active{transform:scale(var(--tap-scale));background:var(--c-surface-strong)}.icon-btn--placeholder{background:transparent;pointer-events:none}.icon-btn--tg-hidden{visibility:hidden;width:0;flex-basis:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:600;line-height:1.1;text-align:center;transition:transform var(--dur-fast) ease,filter var(--dur-fast) ease,background var(--dur-fast) ease,opacity var(--dur-fast) ease}.btn--sm{padding:8px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn--md{padding:12px 18px;font-size:15px}.btn--lg{padding:15px 20px;font-size:16px}.btn--block{display:flex;width:100%}.btn--primary{background:var(--c-accent);color:var(--c-accent-text);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--c-surface-strong);color:var(--c-text)}.btn--ghost{background:transparent;color:var(--c-text);border:1px solid var(--c-border-strong)}.btn--danger{background:var(--c-danger);color:#fff}.btn:active:not(:disabled){transform:scale(var(--tap-scale));filter:brightness(.96)}.btn:disabled{opacity:.5}.link{color:var(--c-link);font-size:13px;font-weight:600;padding:4px}.link--danger{color:var(--c-danger)}.link:active{opacity:.7}:focus{outline:none}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-sm)}.search{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:44px;border-radius:var(--radius-pill);background:var(--c-surface-strong)}.search__icon{display:inline-flex;color:var(--c-hint)}.search__input{flex:1 1 auto;min-width:0;height:100%;border:none;background:transparent;font-size:15px}.search__input::placeholder{color:var(--c-hint)}.search__input::-webkit-search-cancel-button{display:none}.search__clear{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);color:var(--c-hint);background:var(--c-surface)}.chips{display:flex;gap:var(--space-2);overflow-x:auto;padding:2px var(--space-4);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.page--checkout .chips,.section .chips{padding-inline:0}.chips::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 14px;border-radius:var(--radius-pill);background:var(--c-surface-strong);color:var(--c-text);font-size:13px;font-weight:600;white-space:nowrap;scroll-snap-align:start;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,transform var(--dur-fast) ease}.chip:active{transform:scale(var(--tap-scale))}.chip--active{background:var(--c-accent);color:var(--c-accent-text)}.chip__count{font-size:11px;opacity:.7}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border-radius:var(--radius-md);background:var(--c-surface-strong)}.segmented__item{padding:10px 8px;border-radius:calc(var(--radius-md) - 3px);font-size:14px;font-weight:600;color:var(--c-text);text-align:center;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.segmented__item.is-active{background:var(--c-bg);box-shadow:var(--shadow-sm)}.switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch__track{position:relative;display:inline-block;width:46px;height:28px;flex:0 0 46px;border-radius:var(--radius-pill);background:var(--c-surface-strong);transition:background var(--dur-fast) ease}.switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) ease}.switch input:checked+.switch__track{background:var(--c-accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(18px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--c-accent);outline-offset:2px}.switch input:disabled+.switch__track{opacity:.45}.switch__label{font-size:14px;font-weight:500}.select{appearance:none;padding:9px 34px 9px 12px;border-radius:var(--radius-sm);border:1px solid var(--c-border-strong);background-color:var(--c-bg);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;font-size:13px;font-weight:600}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4)}.catalog-count{padding:0 var(--space-4);font-size:12px;color:var(--c-hint)}.grid{display:grid;gap:var(--space-3)}.grid--products{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 var(--space-4)}.grid--rows{grid-template-columns:minmax(0,1fr);padding:0 var(--space-4)}.section{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.home-hero .section,.teaser{padding-inline:0}.section__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.section__title{font-size:16px;font-weight:700;letter-spacing:-.01em}.card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md);background:var(--c-section-bg);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.card:active{transform:scale(.985)}.card--sold-out{opacity:.72}.card__media{position:relative;background:var(--c-surface)}.card__flags{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px}.card__soldout{position:absolute;inset-inline:0;bottom:0;padding:4px 8px;background:color-mix(in srgb,var(--c-danger) 88%,transparent);color:#fff;font-size:11px;font-weight:700;text-align:center}.card__body{display:flex;flex-direction:column;gap:4px;padding:var(--space-3)}.card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;line-height:1.32;min-height:2.6em}.card__code{font-size:11px;color:var(--c-hint)}.card__code b{color:var(--c-text);letter-spacing:.02em}.card--row{flex-direction:row}.card--row .card__media{flex:0 0 108px}.card--row .card__body{flex:1 1 auto}.card--row .card__soldout{font-size:10px}.card--skeleton{padding:0}.skeleton--image{display:block;width:100%;aspect-ratio:1 / 1}.media{position:relative;display:block;width:100%;background:var(--c-surface)}.media__skeleton{position:absolute;inset:0;border-radius:0}.media__img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-base) ease}.media__img.is-loaded{opacity:1}.media__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--c-hint)}.flag{display:inline-flex;align-items:center;padding:3px 7px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.flag--new{background:var(--c-accent);color:var(--c-accent-text)}.flag--sale{background:var(--c-danger);color:#fff}.flag--stock{background:color-mix(in srgb,var(--c-success) 18%,transparent);color:var(--c-success)}.flag--out{background:color-mix(in srgb,var(--c-danger) 18%,transparent);color:var(--c-danger)}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600}.tag--ok{background:color-mix(in srgb,var(--c-success) 16%,transparent);color:var(--c-success)}.tag--warn{background:color-mix(in srgb,var(--c-warning) 18%,transparent);color:var(--c-warning)}.tag--danger{background:color-mix(in srgb,var(--c-danger) 16%,transparent);color:var(--c-danger)}.price{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.price__current{font-weight:700;letter-spacing:-.01em}.price--sm .price__current{font-size:14px}.price--md .price__current{font-size:17px}.price--lg .price__current{font-size:24px}.price__old{color:var(--c-hint);font-size:.82em}.cashback-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--c-cashback) 14%,transparent);color:var(--c-cashback);font-size:12px;font-weight:600;width:fit-content}.cashback-badge--sm{font-size:11px;padding:3px 7px}.home-hero{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) var(--space-4) 0}.home-hero__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.home-hero__greeting{font-size:13px;color:var(--c-hint)}.home-hero__title{font-size:24px;font-weight:800;letter-spacing:-.02em}.avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;background:var(--c-surface-strong);font-weight:700;color:var(--c-accent)}.avatar img{width:100%;height:100%;object-fit:cover}.teaser{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--c-cashback) 22%,var(--c-section-bg)),color-mix(in srgb,var(--c-accent) 16%,var(--c-section-bg)))}.teaser__title{font-size:15px;font-weight:700}.teaser__body{font-size:12px;color:var(--c-subtitle)}.teaser__link{font-size:12px;font-weight:700;color:var(--c-accent)}.gallery{position:relative}.gallery__track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--c-surface)}.gallery__track::-webkit-scrollbar{display:none}.gallery__slide{position:relative;flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}.gallery__skeleton{position:absolute;inset:0;border-radius:0}.gallery__img{width:100%;height:100%;object-fit:cover}.gallery__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--c-hint)}.gallery__dots{display:flex;justify-content:center;gap:6px;padding:var(--space-2) 0}.gallery__dot{width:7px;height:7px;border-radius:50%;background:var(--c-border-strong);transition:transform var(--dur-fast) ease,background var(--dur-fast) ease}.gallery__dot.is-active{background:var(--c-accent);transform:scale(1.25)}.gallery__nav{position:absolute;top:50%;transform:translateY(-60%);display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--c-bg) 78%,transparent);color:var(--c-text);box-shadow:var(--shadow-sm)}.gallery__nav--prev{left:10px}.gallery__nav--next{right:10px}.gallery__nav:disabled{opacity:.35}@media (hover: hover) and (pointer: fine){.gallery__nav{display:inline-flex}}.product-head{display:flex;flex-direction:column;gap:var(--space-3)}.product-head__flags{display:flex;flex-wrap:wrap;gap:6px}.product-head__title{font-size:21px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.product-head__category{font-size:13px;color:var(--c-link);font-weight:600;width:fit-content}.product-code{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--c-border-strong);background:var(--c-surface)}.product-code__label{font-size:12px;color:var(--c-hint)}.product-code__value{font-size:20px;font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums}.product-code__hint{margin-inline-start:auto;font-size:11px;color:var(--c-hint);text-align:end;max-width:45%}.product-description{font-size:14px;color:var(--c-subtitle);white-space:pre-line}.product-qty{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.product-summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-inline:var(--space-4);border-radius:var(--radius-md);background:var(--c-section-bg);font-size:15px}.sticky-action{position:sticky;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 8px);z-index:20;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--c-bg) 90%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--c-border)}.variants{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-section-bg);margin-inline:var(--space-4)}.variants__group{display:flex;flex-direction:column;gap:var(--space-2)}.variants__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:13px;font-weight:600}.variants__chosen{color:var(--c-accent)}.variants__hint{font-size:11px;font-weight:500;color:var(--c-hint)}.variants__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 13px;border-radius:var(--radius-sm);border:1.5px solid var(--c-border-strong);background:var(--c-bg);font-size:13px;font-weight:600;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease,transform var(--dur-fast) ease}.variant-chip:active:not(:disabled){transform:scale(var(--tap-scale))}.variant-chip--size{min-width:48px;justify-content:center}.variant-chip--active{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 10%,transparent)}.variant-chip--disabled{opacity:.45;border-style:dashed}.variant-chip__text.is-struck{text-decoration:line-through}.variant-chip__swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--c-border-strong);background:var(--c-surface-strong)}.swatch--qora,.swatch--black{background:#1a1a1a}.swatch--oq,.swatch--white{background:#fff}.swatch--kok,.swatch--ko-k,.swatch--blue{background:#2b5fd9}.swatch--kulrang,.swatch--grey,.swatch--gray{background:#9aa0a6}.swatch--bej,.swatch--beige{background:#d9c3a5}.swatch--qizil,.swatch--red{background:#d64545}.swatch--yashil,.swatch--green{background:#3f9e63}.swatch--sariq,.swatch--yellow{background:#e0b83c}.variants__status{font-size:12px}.variants__stock--ok{color:var(--c-success);font-weight:600}.variants__stock--out{color:var(--c-danger);font-weight:600}.variants__stock--idle{color:var(--c-hint)}.stepper{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px}.stepper__row{display:inline-flex;align-items:center;gap:2px;border-radius:var(--radius-pill);background:var(--c-surface-strong);padding:3px}.stepper__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--c-bg);color:var(--c-text);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) ease,opacity var(--dur-fast) ease}.stepper--sm .stepper__btn{width:28px;height:28px}.stepper__btn:active:not(:disabled){transform:scale(.92)}.stepper__btn:disabled{opacity:.35;box-shadow:none}.stepper__value{min-width:34px;text-align:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.stepper__max{font-size:10px;color:var(--c-hint)}.stepper--disabled{opacity:.6}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--c-skeleton) 25%,var(--c-skeleton-shine) 37%,var(--c-skeleton) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{display:inline-block;width:22px;height:22px;border:2.5px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;animation:spin .75s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px;border-top-color:currentColor}.spinner--lg{width:34px;height:34px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.boot{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--c-bg)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.empty__icon{color:var(--c-hint);opacity:.75}.empty__title{font-size:16px;font-weight:700}.empty__text{font-size:13px;color:var(--c-hint);max-width:34ch}.empty__action{margin-top:var(--space-2)}.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.error-state__text{font-size:14px;color:var(--c-danger)}.form-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--c-section-bg);margin-inline:var(--space-4)}.form-section__title{font-size:14px;font-weight:700}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;font-weight:600;color:var(--c-subtitle)}.field__required{color:var(--c-danger)}.field__row{display:flex;align-items:stretch;gap:var(--space-2)}.field__input{width:100%;min-height:46px;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--c-border-strong);background:var(--c-bg);font-size:15px;transition:border-color var(--dur-fast) ease}.field__input:focus{border-color:var(--c-accent)}.field__input--area{min-height:74px;padding-top:11px}.field__input--compact{width:130px}.field__action{flex:0 0 auto;padding:0 13px;min-height:46px;border-radius:var(--radius-sm);background:var(--c-surface-strong);font-size:12px;font-weight:700;white-space:nowrap}.field__action:active{transform:scale(var(--tap-scale))}.field--error .field__input{border-color:var(--c-danger)}.field__error{font-size:12px;color:var(--c-danger)}.field__hint{font-size:11px;color:var(--c-hint);line-height:1.4}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.range{width:100%;height:26px;appearance:none;background:transparent}.range::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-pill);background:var(--c-surface-strong)}.range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--c-accent);border:3px solid var(--c-bg);box-shadow:var(--shadow-sm)}.range::-moz-range-track{height:6px;border-radius:var(--radius-pill);background:var(--c-surface-strong)}.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--c-accent);border:3px solid var(--c-bg)}.cashback-slider{display:flex;flex-direction:column;gap:var(--space-2)}.cashback-slider__row{display:flex;align-items:center;gap:var(--space-3)}.legal{padding:0 var(--space-4);font-size:11px;color:var(--c-hint);text-align:center}.zone-select,.payment-list{display:flex;flex-direction:column;gap:var(--space-2)}.zone-option,.payment-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--c-border);background:var(--c-bg);text-align:start;transition:border-color var(--dur-fast) ease,background var(--dur-fast) ease,transform var(--dur-fast) ease}.zone-option:active:not(:disabled),.payment-option:active:not(:disabled){transform:scale(.99)}.zone-option--active,.payment-option--active{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 8%,transparent)}.payment-option--disabled{opacity:.5}.zone-option__main,.payment-option__main{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.zone-option__name,.payment-option__title{font-size:14px;font-weight:600}.payment-option__title.is-struck{text-decoration:line-through}.zone-option__note,.payment-option__kind{font-size:11px;color:var(--c-hint)}.zone-option__fee{font-size:13px;font-weight:700;white-space:nowrap}.zone-option__check,.payment-option__check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:1.5px solid var(--c-border-strong);color:transparent}.zone-option--active .zone-option__check,.payment-option--active .payment-option__check{border-color:var(--c-accent);background:var(--c-accent);color:var(--c-accent-text)}.payment-option__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:var(--radius-sm);background:var(--c-surface-strong);color:var(--c-text)}.cart-lines{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4)}.cart-line{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-section-bg);box-shadow:var(--shadow-sm)}.cart-line--out{opacity:.7}.cart-line__media{flex:0 0 84px;width:84px;border-radius:var(--radius-sm);overflow:hidden}.cart-line__body{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0}.cart-line__head{display:flex;align-items:flex-start;gap:var(--space-2)}.cart-line__name{flex:1 1 auto;font-size:14px;font-weight:600;line-height:1.3}.cart-line__remove{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;color:var(--c-hint);background:var(--c-surface)}.cart-line__remove:active{transform:scale(.9)}.cart-line__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:11px;color:var(--c-hint)}.cart-line__code b{color:var(--c-text)}.cart-line__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto}.cart-line__price{display:flex;flex-direction:column;font-size:14px}.cart-line__unit{font-size:11px;color:var(--c-hint)}.totals{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);margin-inline:var(--space-4);border-radius:var(--radius-lg);background:var(--c-section-bg)}.totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:14px}.totals__row--muted{color:var(--c-hint);font-size:12px}.totals__row--total{padding-top:var(--space-2);border-top:1px solid var(--c-border);font-size:17px}.totals__row--cashback{color:var(--c-cashback)}.totals__cashback{color:var(--c-cashback);font-weight:600}.totals__note{font-size:11px;color:var(--c-hint)}.panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);margin-inline:var(--space-4);border-radius:var(--radius-lg);background:var(--c-section-bg)}.panel__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:13px}.panel__row>span:first-child{color:var(--c-hint)}.panel__row--stack{flex-direction:column;align-items:flex-start;gap:2px}.banner{display:flex;flex-direction:column;gap:var(--space-2);margin-inline:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:13px}.banner--warning{background:color-mix(in srgb,var(--c-warning) 14%,transparent);border:1px solid color-mix(in srgb,var(--c-warning) 40%,transparent);color:var(--c-text)}.banner__head{display:flex;align-items:center;gap:var(--space-2);color:var(--c-warning)}.banner__list{display:flex;flex-direction:column;gap:4px;padding-inline-start:18px;list-style:disc}.order-list{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4)}.order-row__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-section-bg);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) ease}.order-row__link:active{transform:scale(.99)}.order-row__media{flex:0 0 56px;width:56px;border-radius:var(--radius-sm);overflow:hidden}.order-row__body{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.order-row__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.order-row__no{font-size:14px;font-variant-numeric:tabular-nums}.order-row__meta{font-size:11px;color:var(--c-hint)}.order-row__total{font-size:14px;font-weight:700}.order-items{display:flex;flex-direction:column;gap:var(--space-2)}.order-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-section-bg)}.order-item__media{flex:0 0 56px;width:56px;border-radius:var(--radius-sm);overflow:hidden}.order-item__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.order-item__name{font-size:13px;font-weight:600}.order-item__meta{font-size:11px;color:var(--c-hint)}.order-item__total{font-size:13px;font-weight:700;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap;background:var(--c-surface-strong);color:var(--c-text)}.status-badge--sm{font-size:11px;padding:3px 8px}.status-badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-badge--new,.status-badge--pay-pending{background:color-mix(in srgb,var(--c-accent) 14%,transparent);color:var(--c-accent)}.status-badge--confirmed,.status-badge--assembling{background:color-mix(in srgb,var(--c-warning) 16%,transparent);color:var(--c-warning)}.status-badge--paid,.status-badge--pay-paid,.status-badge--completed{background:color-mix(in srgb,var(--c-success) 16%,transparent);color:var(--c-success)}.status-badge--delivering,.status-badge--ready-for-pickup{background:color-mix(in srgb,var(--c-cashback) 14%,transparent);color:var(--c-cashback)}.status-badge--cancelled,.status-badge--pay-failed,.status-badge--pay-cancelled{background:color-mix(in srgb,var(--c-danger) 16%,transparent);color:var(--c-danger)}.status-badge--pay-refunded{background:var(--c-surface-strong);color:var(--c-hint)}.timeline{display:flex;flex-direction:column;gap:0}.timeline__item{position:relative;display:flex;gap:var(--space-3);padding:0 0 var(--space-4) 0}.timeline__item:before{content:"";position:absolute;top:16px;left:5px;bottom:0;width:2px;background:var(--c-border)}.timeline__item:last-child:before{display:none}.timeline__dot{position:relative;z-index:1;width:12px;height:12px;flex:0 0 12px;margin-top:3px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 18%,transparent)}.timeline__body{display:flex;flex-direction:column;gap:1px}.timeline__status{font-size:13px;font-weight:600}.timeline__date{font-size:11px;color:var(--c-hint)}.timeline__note{font-size:12px;color:var(--c-subtitle)}.success-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);text-align:center}.success-hero__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--c-success) 16%,transparent);color:var(--c-success)}.success-hero__title{font-size:19px;font-weight:700}.success-hero__text{font-size:13px;color:var(--c-hint)}.success-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4)}.profile-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-inline:var(--space-4);border-radius:var(--radius-lg);background:var(--c-section-bg)}.profile-card__avatar{width:62px;height:62px;flex:0 0 62px;border-radius:50%;object-fit:cover;background:var(--c-surface-strong)}.profile-card__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--c-accent)}.profile-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-card__name{font-size:17px;font-weight:700}.profile-card__username,.profile-card__phone{font-size:12px;color:var(--c-hint)}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:0 var(--space-4)}.stat{display:flex;flex-direction:column;gap:3px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-section-bg);text-align:center}.stat--link:active{transform:scale(.98)}.stat__value{font-size:15px;font-weight:700;letter-spacing:-.01em}.stat__label{font-size:11px;color:var(--c-hint)}.address-list{display:flex;flex-direction:column;gap:var(--space-2)}.address-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--c-border)}.address-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}.address-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:14px}.address-card__text{font-size:12px;color:var(--c-hint)}.address-card__actions{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.menu{display:flex;flex-direction:column;margin-inline:var(--space-4);border-radius:var(--radius-lg);background:var(--c-section-bg);overflow:hidden}.menu__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4);font-size:14px;font-weight:500;text-align:start;color:var(--c-text);border-bottom:1px solid var(--c-border)}.menu__item:last-child{border-bottom:none}.menu__item:active{background:var(--c-surface)}.menu__item--static{color:var(--c-hint)}.balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);padding:0 var(--space-4)}.balance{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);color:#fff}.balance--active{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.balance--pending{background:linear-gradient(135deg,#d97706,#f59e0b)}.balance__label{font-size:12px;opacity:.9}.balance__value{font-size:18px;font-weight:800;letter-spacing:-.01em}.transaction-list{display:flex;flex-direction:column;gap:var(--space-2)}.transaction{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-section-bg)}.transaction__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%}.transaction__icon--in{background:color-mix(in srgb,var(--c-success) 16%,transparent);color:var(--c-success)}.transaction__icon--out{background:color-mix(in srgb,var(--c-danger) 14%,transparent);color:var(--c-danger)}.transaction__body{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.transaction__type{font-size:13px;font-weight:600}.transaction__meta{font-size:11px;color:var(--c-hint)}.transaction__link{font-size:11px;font-weight:600;color:var(--c-link)}.transaction__amount{font-size:14px;font-weight:700;white-space:nowrap}.transaction__amount--in{color:var(--c-success)}.transaction__amount--out{color:var(--c-danger)}.load-more{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}.load-more__sentinel{width:100%;height:1px}.load-more__spinner{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--c-hint)}.toasts{position:fixed;z-index:90;inset-inline:0;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px) + 12px);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0 var(--space-4);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:calc(var(--app-max-width) - 32px);padding:11px var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--c-text) 90%,transparent);color:var(--c-bg);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in var(--dur-base) ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast__icon{display:inline-flex;flex:0 0 auto}.toast--success .toast__icon{color:#4ade80}.toast--error .toast__icon{color:#fca5a5}.toast--warning .toast__icon{color:#fcd34d}.toast__text{flex:1 1 auto;min-width:0}.toast__close{display:inline-flex;flex:0 0 auto;color:inherit;opacity:.7}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal--dialog{align-items:center;padding:var(--space-4)}.modal__backdrop{position:absolute;inset:0;background:#00000073;animation:fade-in var(--dur-base) ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal__panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--app-max-width);max-height:min(88vh,720px);padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--c-bg);box-shadow:var(--shadow-lg);animation:sheet-up var(--dur-base) ease}.modal--dialog .modal__panel{border-radius:var(--radius-lg);animation:none}@keyframes sheet-up{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}.modal__grabber{width:40px;height:4px;margin:6px auto var(--space-2);border-radius:var(--radius-pill);background:var(--c-border-strong)}.modal--dialog .modal__grabber{display:none}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3)}.modal__title{font-size:16px;font-weight:700}.modal__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--c-surface)}.modal__body{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;overscroll-behavior:contain}.modal__footer{padding-top:var(--space-3)}.modal__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.access{display:flex;align-items:center;justify-content:center;min-height:var(--tg-viewport-stable-height, 100vh);padding:var(--space-6) var(--space-4);background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--c-accent) 20%,transparent),transparent 70%),var(--c-bg)}.access__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:400px;padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:var(--c-section-bg);box-shadow:var(--shadow-md);text-align:center}.access__logo{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,var(--c-accent) 14%,transparent);color:var(--c-accent)}.access__brand{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-hint)}.access__title{font-size:19px;font-weight:700;line-height:1.3}.access__text{font-size:13px;color:var(--c-subtitle)}.access__reason{font-size:11px;color:var(--c-hint)}.access__warning{font-size:12px;color:var(--c-warning)}.access__hint{font-size:12px;color:var(--c-hint)}.access__link{font-size:12px;font-weight:600;color:var(--c-link);word-break:break-all}.access__link[aria-disabled=true]{color:var(--c-hint);pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (min-width: 480px){.grid--products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 720px){.app-main{box-shadow:var(--shadow-sm);background:var(--c-secondary-bg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.skeleton{animation:none;background:var(--c-skeleton)}.btn:active:not(:disabled),.card:active,.chip:active,.tabbar__item:active,.icon-btn:active{transform:none}}