:root{--color-bg:#f8f5ef;--color-surface:#fffdf9;--color-primary:#0b4529;--color-primary-soft:#e8f0e9;--color-on-primary:#fff;--color-text:#292923;--color-text-secondary:#6b665c;--color-accent:#c78060;--color-accent-text:#a04b22;--color-order-tint:#f9efe4;--color-pill:#f6e7d7;--color-green-top:#0c4b2a;--color-green-bottom:#0a4327;--color-order-top:#9c4720;--color-order-mid:#964420;--color-order-bottom:#8c3f1c;--color-border-strong:#8f8a7e;--color-divider:#e6dfd2;--color-error-text:#9b2c2c;--color-error-bg:#fbece9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-s:12px;--radius-m:16px;--radius-l:24px;--shadow-card:0 1px 2px #2929230f, 0 8px 20px #29292317;--shadow-soft:0 1px 2px #2929230d, 0 4px 12px #29292312;--motion-fast:.14s;--motion-base:.2s;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-heading:"Lora", Georgia, "Times New Roman", serif;--nav-height:64px;--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--safe-top:max(env(safe-area-inset-top,0px), calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--app-height:100vh}@supports (height:100dvh){:root{--app-height:var(--tg-viewport-stable-height,100dvh)}}:root[data-env=telegram]{--app-height:var(--tg-viewport-stable-height,100dvh)}:root[data-font=pt-serif]{--font-heading:"PT Serif", Georgia, "Times New Roman", serif}:root[data-font=system]{--font-heading:var(--font-ui)}@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/lora-cyrillic-500-normal.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/lora-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lora-cyrillic-600-normal.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lora-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lora-cyrillic-700-normal.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/lora-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lora;font-style:italic;font-weight:600 700;font-display:swap;src:url(/fonts/lora-cyrillic-600-italic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Lora;font-style:italic;font-weight:600 700;font-display:swap;src:url(/fonts/lora-latin-600-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Serif;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/pt-serif-cyrillic-700-normal.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Serif;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/pt-serif-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:PT Serif;font-style:italic;font-weight:600 700;font-display:swap;src:url(/fonts/pt-serif-cyrillic-700-italic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:PT Serif;font-style:italic;font-weight:600 700;font-display:swap;src:url(/fonts/pt-serif-latin-700-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--color-bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--color-text);background:var(--color-bg);-webkit-tap-highlight-color:transparent;font-size:1rem;line-height:1.4;overflow:hidden}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:6px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{width:100%;max-width:480px;height:var(--app-height);background:var(--color-bg);flex-direction:column;margin:0 auto;display:flex;position:relative;container:app/inline-size}.app__scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;min-height:0;padding-top:var(--safe-top);padding-bottom:var(--space-5);flex:auto;overflow:hidden auto}.nav{background:var(--color-surface);box-shadow:0 -1px 0 var(--color-divider), 0 -8px 24px #2929230f;padding-bottom:var(--safe-bottom);flex:none}.nav__list{height:var(--nav-height);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.nav__item{width:100%;height:100%;min-height:44px;color:var(--color-text-secondary);transition:transform var(--motion-fast) ease;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;line-height:1.1;display:flex}.nav__item:active{transform:scale(.94)}.nav__icon{place-items:center;width:52px;height:30px;display:grid}.nav__icon svg{stroke-width:1.7px}.nav__item[aria-current=page]{color:var(--color-primary);font-weight:700}.nav__item[aria-current=page] .nav__icon svg{fill:currentColor;stroke-width:1.4px}.toast{left:var(--space-4);right:var(--space-4);bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--space-3));z-index:20;pointer-events:none;justify-content:center;display:flex;position:absolute}.toast__text{max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--color-primary);color:var(--color-on-primary);text-align:center;box-shadow:var(--shadow-card);animation:toast-in var(--motion-base) ease both;font-size:.9375rem;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.notice{align-items:center;gap:var(--space-3);margin:var(--space-3) var(--space-4) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:var(--shadow-soft);font-size:.9375rem;display:flex}.notice--error{background:var(--color-error-bg);color:var(--color-error-text)}.notice__text{flex:auto}.notice__icon{flex:none}.button{isolation:isolate;min-height:36px;padding:0 var(--space-4);background:linear-gradient(180deg, var(--color-green-top) 0%, var(--color-green-bottom) 100%);color:var(--color-on-primary);transition:transform var(--motion-fast) ease;border-radius:18px;justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative;box-shadow:0 1px 2px #0b452947}.button:after{content:"";position:absolute;inset:-4px 0}.button:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff1c 0%,#fff0 100%);height:44%;position:absolute;inset:0 0 auto}.button:active{transform:scale(.97)}.button--order{background:linear-gradient(180deg, var(--color-order-top) 0%, var(--color-order-mid) 50%, var(--color-order-bottom) 100%);box-shadow:0 1px 1px #78371438}.button--order:before{background:linear-gradient(#ffffff1f 0%,#fff0 100%);height:50%}.button--quiet{background:var(--color-primary-soft);color:var(--color-primary);box-shadow:none}.button--quiet:before{display:none}.home-header{padding:var(--space-3) var(--space-4) 0}.home-header__row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.home-header__brand{align-items:center;gap:10px;min-width:0;display:flex}.home-header__mark{filter:drop-shadow(0 2px 3px #0b452938);flex:none;width:48px;height:48px}.home-header__name{font-family:var(--font-heading);letter-spacing:.01em;text-wrap:balance;color:var(--color-primary);font-size:clamp(1rem,4.7cqw,1.1875rem);font-weight:700;line-height:1.12}.home-header__vietnam{color:var(--color-accent-text)}.home-header__tagline{color:var(--color-text-secondary);text-wrap:balance;margin-top:2px;font-size:.8125rem;line-height:1.25}.home-header__city{border:1px solid var(--color-divider);background:var(--color-surface);min-height:44px;color:var(--color-primary);box-shadow:var(--shadow-soft);transition:transform var(--motion-fast) ease;border-radius:22px;flex:none;align-items:center;gap:4px;padding:0 10px;font-size:.9375rem;font-weight:600;display:inline-flex}.home-header__city:active{transform:scale(.97)}.home-header__tools{align-items:center;gap:var(--space-1);margin-top:var(--space-3);display:flex}.search{align-items:center;gap:var(--space-2);min-width:0;min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);text-align:left;box-shadow:var(--shadow-soft);transition:transform var(--motion-fast) ease;border-radius:22px;flex:auto;font-size:.9375rem;display:flex}.search svg{color:var(--color-primary);flex:none}.search span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.search:active{transform:scale(.99)}.bell{flex:none;place-items:center;width:44px;height:44px;display:grid}.bell__disc{border:1px solid var(--color-divider);background:var(--color-surface);width:40px;height:40px;color:var(--color-primary);box-shadow:var(--shadow-soft);border-radius:50%;place-items:center;display:grid}.banner{isolation:isolate;margin:var(--space-4) var(--space-4) 0;border-radius:var(--radius-l);min-height:160px;box-shadow:var(--shadow-card);background:linear-gradient(105deg,#f4ebdb 0%,#f6eee0 55%,#ebdcc6 100%);position:relative;overflow:hidden}.banner:before{content:"";z-index:-1;background-image:var(--banner-image,none);background-position:40%;background-size:cover;width:56%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0 30%,#000 62%);mask-image:linear-gradient(90deg,#0000 0 30%,#000 62%)}.banner__text{align-items:flex-start;gap:var(--space-2);max-width:62%;padding:var(--space-4);flex-direction:column;display:flex}.banner__title{font-family:var(--font-heading);color:var(--color-text);font-size:clamp(1.375rem,7cqw,1.75rem);font-weight:700;line-height:1.12}.banner__title em{color:var(--color-accent-text);font-style:italic;display:block}.banner__lead{font-size:.875rem;line-height:1.3}.banner__cta{margin-top:var(--space-1);white-space:nowrap}.section{margin-top:20px}.section__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-4);display:flex}.section__head--grid{column-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title link"".note note";align-items:center;display:grid}.section__head--grid .section__icon{grid-area:icon}.section__head--grid .section__title{grid-area:title}.section__head--grid .section__link{grid-area:link}.section__head--grid .section__note{grid-area:note;margin-top:0}.section__icon{flex:none;place-items:center;display:grid}.section--in_stock .section__icon{color:var(--color-primary)}.section__title{font-family:var(--font-heading);color:var(--color-primary);text-wrap:balance;font-size:1.125rem;font-weight:600;line-height:1.2}.section__note{color:var(--color-text-secondary);margin-top:2px;font-size:.875rem;line-height:1.3}.section__link{background:var(--color-pill);min-height:26px;color:var(--color-accent-text);transition:transform var(--motion-fast) ease;border-radius:13px;flex:none;align-items:center;gap:3px;padding:0 9px 0 11px;font-size:.78125rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative;box-shadow:0 1px 2px #9650281a}.section__link:after{content:"";position:absolute;inset:-9px -2px}.section__link svg{width:14px;height:14px}.section__link--plain{box-shadow:none;color:var(--color-primary);background:0 0;border-radius:0;padding:0}.section__link:active{transform:scale(.97)}.section--made_to_order{margin-inline:var(--space-2);padding:var(--space-4) 0 var(--space-4);border-radius:var(--radius-l);background:var(--color-order-tint)}.section--made_to_order .section__title,.section--made_to_order .section__icon{color:var(--color-accent-text)}.section--made_to_order .section__head,.section--made_to_order .rail__list{padding-inline:var(--space-3)}.section--made_to_order .products{--rail-gutter:var(--space-3)}.rail{--rail-gutter:var(--space-4);margin-top:var(--space-3);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:var(--rail-gutter);scrollbar-width:none;padding-bottom:var(--space-3);margin-bottom:calc(var(--space-3) * -1);overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail__list{gap:var(--space-2);width:max-content;padding-inline:var(--rail-gutter);display:flex}.rail__list>li{scroll-snap-align:start}.cats>li,.cats .rail__list>li{min-width:0;display:flex}@container app (width<=359px){.section__link svg{display:none}.home-header__mark{width:40px;height:40px}.home-header__brand{gap:var(--space-2)}.home-header__tagline{font-size:.75rem}.home-header__city{gap:2px;padding:0 8px;font-size:.875rem}}.cats .rail__list{gap:var(--space-2)}.cats .rail__list>li{width:calc((100cqw - var(--space-4) - 3 * var(--space-2)) / 3.5)}.cat{--tile-label:.8125rem;align-items:center;gap:var(--space-1);width:100%;min-width:0;height:100%;min-height:44px;padding:var(--space-2) var(--space-1) var(--space-2);border-radius:var(--radius-m);box-shadow:var(--shadow-soft);text-align:center;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease;background:linear-gradient(#f6efe3 0%,#efe6d6 100%);flex-direction:column;display:flex}.cat:active{transform:scale(.96)}.cat__img{aspect-ratio:106/76;object-fit:cover;border-radius:var(--radius-s);mix-blend-mode:multiply;width:100%;height:auto}.cat__label{font-family:var(--font-heading);font-size:var(--tile-label);overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;font-weight:500;line-height:1.15}.card__fav{z-index:1;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0}.card__fav-disc{width:26px;height:26px;color:var(--color-primary);background:#fffdf9f0;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 3px #29292333}.products .rail__list>li{width:max(128px, calc((100cqw - var(--space-4) - var(--rail-gutter) - var(--space-2) - 24px) / 2));display:flex}.card{border-radius:var(--radius-m);background:var(--color-surface);width:100%;height:100%;transition:transform var(--motion-fast) ease;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #29292312,0 2px 8px #2929230f}.card:active{transform:scale(.98)}.card__photo{aspect-ratio:8/5;background:#eadfcc;flex:none;position:relative}.card__photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card__demo{bottom:var(--space-2);left:var(--space-2);background:var(--color-surface);color:var(--color-text);letter-spacing:.06em;border-radius:10px;padding:2px 8px;font-size:.6875rem;font-weight:700;position:absolute}.card__body{flex-direction:column;flex:auto;gap:3px;padding:10px 10px 8px;display:flex}.card__title{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;line-height:1.25}.card__open{text-align:left;font-weight:inherit}.card__open:after{content:"";position:absolute;inset:0}.card__desc{-webkit-line-clamp:2;color:var(--color-text-secondary);-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.3;display:-webkit-box;overflow:hidden}.card__meta{gap:2px var(--space-2);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.75rem;line-height:1.3;display:flex}.card__meta-item{align-items:center;gap:4px;display:inline-flex}.card__status--stock svg{color:var(--color-primary)}.card__status--order svg{color:var(--color-accent-text)}.card__foot{padding-top:var(--space-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 4px;margin-top:auto;display:flex;container-type:inline-size}.card__foot--stock{flex-wrap:nowrap}.card__price{font-family:var(--font-heading);white-space:nowrap;color:var(--color-text);font-size:.90625rem;font-weight:700;line-height:1.2}@container (width<=112px){.card__price{font-size:.8125rem}}.card__add{z-index:1;flex:none;place-items:center;width:44px;height:44px;margin:-8px -10px -8px 0;display:grid;position:relative}.card__add-disc{isolation:isolate;background:linear-gradient(180deg, var(--color-green-top) 0%, var(--color-green-bottom) 100%);width:30px;height:30px;color:var(--color-on-primary);border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 1px 2px #0b45294d}.card__add:active .card__add-disc{transform:scale(.92)}.card__order{z-index:1;flex:none;align-items:center;min-height:44px;margin:-8px 0 -8px auto;display:flex;position:relative}.card__order-pill{pointer-events:none;border-radius:14px;min-height:28px;padding:0 9px;font-size:.78125rem}.card__order-pill:after{display:none}.skeleton{padding:var(--space-5) var(--space-4) 0;gap:var(--space-4);display:grid}.skeleton__row{gap:var(--space-2);display:flex}.skeleton__tile,.skeleton__card{border-radius:var(--radius-m);background:linear-gradient(90deg,#eee7d9 0%,#f6f1e7 50%,#eee7d9 100%) 0 0/200% 100%;flex:none;animation:1.4s linear infinite shimmer}.skeleton__tile{width:22%;height:92px}.skeleton__card{width:42%;height:210px}@keyframes shimmer{to{background-position:-200% 0}}.empty{margin:var(--space-6) var(--space-4) 0;text-align:center;color:var(--color-text-secondary)}.launch{z-index:100;height:var(--app-height);transition:opacity var(--motion-base) ease;background:#f3e3c9;position:fixed;inset:0;overflow:hidden}.launch--leaving{opacity:0;pointer-events:none}.launch__image{object-fit:cover;object-position:50% 38%;width:100%;height:100%}.launch__panel{left:50%;bottom:calc(var(--safe-bottom) + var(--space-5));align-items:center;gap:var(--space-3);width:min(calc(100% - 2 * var(--space-4)), 320px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-l);box-shadow:var(--shadow-card);text-align:center;color:var(--color-text);background:#f8f5efeb;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.launch__text{font-size:.9375rem;font-weight:600}.launch__bar{background:var(--color-primary-soft);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.launch__bar:after{content:"";background:var(--color-primary);border-radius:3px;width:38%;animation:1.1s ease-in-out infinite alternate launch-slide;position:absolute;inset:0 auto 0 0}@keyframes launch-slide{to{transform:translate(163%)}}@media (prefers-reduced-motion:reduce){.launch__bar:after{width:100%;animation:none}}