:root{--safe-top: max(env(safe-area-inset-top, 0px), var(--tg-viewport-safe-area-inset-top, 0px));--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-viewport-safe-area-inset-bottom, 0px));--stable-height: var(--tg-viewport-stable-height, 100dvh);--main-button-space: 0px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--tg-bg, #fff);color:var(--tg-text, #000);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;font-size:15px;line-height:1.45;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%}.app{--app-padding: 14px;max-width:640px;margin:0 auto;padding:0 var(--app-padding)}.screen{display:flex;flex-direction:column;gap:18px;padding-top:calc(14px + var(--safe-top));padding-bottom:calc(28px + var(--safe-bottom) + var(--main-button-space))}.demo-banner+.app .screen{padding-top:14px}.screen--centered{min-height:calc(var(--stable-height) - var(--main-button-space) - var(--safe-top) - var(--safe-bottom));justify-content:center}.stack{display:flex;flex-direction:column}.stack--gap-8{gap:8px}.stack--gap-12{gap:12px}.section{display:flex;flex-direction:column;gap:10px}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section__title{font-size:17px;font-weight:650;letter-spacing:-.01em}.section__hint,.result-count{font-size:13px;color:var(--tg-hint)}.demo-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:calc(8px + var(--safe-top)) 14px 8px;background:var(--tg-secondary-bg);border-bottom:1px solid var(--divider);font-size:12.5px;color:var(--tg-hint);backdrop-filter:saturate(150%) blur(8px)}.demo-banner__dot{width:7px;height:7px;border-radius:50%;background:#f0a92b;flex:none;box-shadow:0 0 0 3px #f0a92b2e}.demo-banner__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:-4px;border-radius:50%;color:var(--tg-link);background:var(--tg-bg);flex:none}.demo-back:active{opacity:.6}.home-header{display:flex;flex-direction:column;gap:2px;padding-top:4px}.home-header__hello{font-size:13px;color:var(--tg-hint)}.home-header__title{font-size:26px;font-weight:700;letter-spacing:-.02em}.home-header__subtitle{font-size:13.5px;color:var(--tg-hint)}.page-header{display:flex;flex-direction:column;gap:4px}.page-header__title{font-size:23px;font-weight:700;letter-spacing:-.02em}.page-header__subtitle{font-size:13.5px;color:var(--tg-hint)}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:12px;color:var(--tg-hint);pointer-events:none}.search__input{width:100%;padding:11px 38px;border:none;border-radius:12px;background:var(--tg-secondary-bg);outline:none;font-size:15px}.search__input::placeholder{color:var(--tg-hint)}.search__input::-webkit-search-cancel-button{display:none}.search__clear{position:absolute;right:10px;width:22px;height:22px;border-radius:50%;background:var(--tg-bg);color:var(--tg-hint);font-size:11px;line-height:1}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tile{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:104px;padding:12px;border-radius:16px;color:#fff;isolation:isolate}.category-tile:active{transform:scale(.985)}.category-tile__letter{position:absolute;top:-14px;right:2px;font-size:82px;font-weight:800;line-height:1;color:#ffffff2b;z-index:-1;user-select:none}.category-tile__content{display:flex;flex-direction:column;gap:1px;min-width:0}.category-tile__title{font-size:16px;font-weight:650}.category-tile__subtitle{font-size:11.5px;line-height:1.3;color:#ffffffd1}.category-tile__count{margin-top:4px;font-size:11px;color:#ffffffad}.product-image{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:14px;flex:none}.product-image--sm{width:64px;height:64px;border-radius:12px}.product-image--md{width:100%;aspect-ratio:1 / 1}.product-image--lg{width:100%;aspect-ratio:4 / 3;border-radius:18px}.product-image__letter{font-weight:800;color:#ffffffeb;letter-spacing:-.03em;text-shadow:0 2px 14px rgba(0,0,0,.22);line-height:1}.product-image--sm .product-image__letter{font-size:26px}.product-image--md .product-image__letter{font-size:58px}.product-image--lg .product-image__letter{font-size:86px}.product-image__glow{position:absolute;inset:0;background:radial-gradient(120% 80% at 22% 12%,rgba(255,255,255,.26) 0%,transparent 58%)}.product-image__bean{position:absolute;right:-18%;bottom:-26%;width:62%;aspect-ratio:1 / 1.35;border-radius:50%;background:#00000024;transform:rotate(-24deg)}.product-image__bean:after{content:"";position:absolute;inset:0;border-radius:inherit;border-left:2px solid rgba(255,255,255,.12);transform:scaleX(.5);transform-origin:center}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-grid--updating{opacity:.55;transition:opacity .15s ease}.product-card{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:16px;background:var(--tg-secondary-bg);min-width:0}.product-card:active{transform:scale(.99)}.product-card--skeleton{gap:8px}.product-card__media{position:relative}.product-card__body{display:flex;flex-direction:column;gap:2px;padding:0 2px 2px;min-width:0}.product-card__name{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}.product-card__meta,.product-card__notes{font-size:11.5px;color:var(--tg-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card__price{margin-top:4px;font-size:15px;font-weight:650}.product-card__price-unit{font-size:11.5px;font-weight:400;color:var(--tg-hint)}.product-card__stock-veil{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--overlay)}.badge{display:inline-block;padding:3px 7px;border-radius:7px;font-size:10.5px;font-weight:650;letter-spacing:.01em;white-space:nowrap}.badge--hit{position:absolute;top:7px;left:7px;background:#00000073;color:#fff;backdrop-filter:blur(6px)}.badge--muted{background:#0000008c;color:#fff}.chip{padding:7px 12px;border-radius:999px;background:var(--tg-secondary-bg);color:var(--tg-text);font-size:13px;white-space:nowrap;transition:background .12s ease}.chip--active{background:var(--tg-button);color:var(--tg-button-text)}.sort-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--app-padding));padding:2px var(--app-padding)}.sort-row::-webkit-scrollbar{display:none}.note-chip{padding:5px 10px;border-radius:999px;background:var(--tg-secondary-bg);font-size:12.5px;color:var(--tg-text)}.notes-row{display:flex;flex-wrap:wrap;gap:6px}.product-hero{position:relative}.product-hero__badge{top:12px;left:12px}.product-head{display:flex;flex-direction:column;gap:4px}.product-head__title{font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.product-head__region{font-size:13.5px;color:var(--tg-hint)}.product-head__row{display:flex;align-items:center;gap:10px;margin-top:2px;flex-wrap:wrap}.rating{font-size:13px;font-weight:600;color:var(--tg-text)}.rating__count{font-weight:400;color:var(--tg-hint)}.product-description{font-size:14.5px;line-height:1.55;color:var(--tg-text)}.option-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.option-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:13px;background:var(--tg-secondary-bg);border:1.5px solid transparent;text-align:center;transition:border-color .12s ease}.option-card--active{border-color:var(--tg-button)}.option-card__title{font-size:14px;font-weight:600}.option-card__price{font-size:13.5px;font-weight:650;color:var(--tg-accent)}.option-card__hint{font-size:10.5px;color:var(--tg-hint)}.grind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grind-card{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:13px;background:var(--tg-secondary-bg);border:1.5px solid transparent;text-align:left;min-width:0}.grind-card--active{border-color:var(--tg-button)}.grind-card__title{font-size:14px;font-weight:600}.grind-card__hint{font-size:11px;color:var(--tg-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.specs{display:flex;flex-direction:column;border-radius:14px;background:var(--tg-secondary-bg);overflow:hidden}.specs__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;font-size:13.5px}.specs__row+.specs__row{border-top:1px solid var(--divider)}.specs__row dt{color:var(--tg-hint);flex:none}.specs__row dd{display:flex;align-items:center;gap:8px;text-align:right;min-width:0;overflow-wrap:anywhere}.roast-scale{display:inline-flex;gap:3px;flex:none}.roast-scale__dot{width:6px;height:6px;border-radius:50%;background:var(--divider)}.roast-scale__dot--on{background:var(--tg-accent)}.cart-item{position:relative;display:flex;gap:10px;padding:10px;border-radius:16px;background:var(--tg-secondary-bg)}.cart-item__body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cart-item__name{font-size:14.5px;font-weight:600;padding-right:22px;line-height:1.25;overflow-wrap:anywhere}.cart-item__meta{font-size:12px;color:var(--tg-hint)}.cart-item__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.cart-item__price{font-size:15px;font-weight:650}.cart-item__remove{position:absolute;top:8px;right:9px;width:22px;height:22px;border-radius:50%;color:var(--tg-hint);font-size:11px}.cart-item__remove:active{opacity:.5}.stepper{display:flex;align-items:center;gap:2px;padding:2px;border-radius:10px;background:var(--tg-bg);flex:none}.stepper__button{width:30px;height:28px;border-radius:8px;font-size:17px;line-height:1;color:var(--tg-link)}.stepper__button:disabled{color:var(--tg-hint);opacity:.4}.stepper__value{min-width:24px;text-align:center;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.promo-form{display:flex;gap:8px}.promo-form__input{flex:1;min-width:0;text-transform:uppercase}.promo-applied{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:14px;background:var(--tg-secondary-bg);border:1.5px dashed var(--tg-accent)}.promo-applied__code{font-size:14px;font-weight:700;letter-spacing:.02em}.promo-applied__description{font-size:12px;color:var(--tg-hint)}.promo-applied__remove{font-size:13px;color:var(--tg-destructive);flex:none}.totals{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--tg-secondary-bg)}.totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:14px}.totals__row span:first-child{color:var(--tg-hint);min-width:0;overflow-wrap:anywhere}.totals__row span:last-child{flex:none;font-variant-numeric:tabular-nums}.totals__row--muted{font-size:13px}.totals__row--accent span:last-child{color:var(--tg-accent);font-weight:600}.totals__row--sum{padding-top:10px;border-top:1px solid var(--divider);font-size:17px;font-weight:700}.totals__row--sum span:first-child{color:var(--tg-text)}.totals__hint{font-size:12px;color:var(--tg-hint)}.promo-note{padding:13px 14px;border-radius:16px;background:var(--tg-secondary-bg)}.promo-note__title{font-size:14px;font-weight:650;margin-bottom:3px}.promo-note__text{font-size:12.5px;line-height:1.45;color:var(--tg-hint)}.field{display:flex;flex-direction:column;gap:6px}.field+.field{margin-top:12px}.field__label{font-size:13px;color:var(--tg-hint);padding-left:2px}.field__optional{color:var(--tg-hint);opacity:.7}.input{width:100%;padding:12px 13px;border-radius:12px;border:1.5px solid transparent;background:var(--tg-secondary-bg);outline:none;font-size:16px;transition:border-color .12s ease}.input:focus{border-color:var(--tg-button)}.input--error{border-color:var(--tg-destructive)}.input--textarea{resize:none;line-height:1.4}.input::placeholder{color:var(--tg-hint)}.field-error{font-size:12.5px;color:var(--tg-destructive);padding-left:2px}.field-error--block{padding:10px 12px;border-radius:12px;background:var(--tg-secondary-bg)}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented__item{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border-radius:13px;background:var(--tg-secondary-bg);border:1.5px solid transparent;text-align:left;min-width:0}.segmented__item--active{border-color:var(--tg-button)}.segmented__title{font-size:14.5px;font-weight:600}.segmented__hint{font-size:11.5px;color:var(--tg-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pickup-card{margin-top:12px;padding:12px 13px;border-radius:13px;background:var(--tg-secondary-bg)}.pickup-card__title{font-size:14px;font-weight:600}.pickup-card__hint{font-size:12.5px;color:var(--tg-hint)}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;font-size:15px;font-weight:600;white-space:nowrap}.button--primary{background:var(--tg-button);color:var(--tg-button-text)}.button--secondary{background:var(--tg-secondary-bg);color:var(--tg-link)}.button:disabled{opacity:.5}.button:active:not(:disabled){opacity:.85}.state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:44px 20px;text-align:center}.state__icon{font-size:40px;line-height:1;margin-bottom:2px}.state__title{font-size:18px;font-weight:650}.state__description{font-size:14px;color:var(--tg-hint);max-width:300px;line-height:1.5}.state__action{margin-top:10px}.state__buttons{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:220px}.success{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.success__check{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:var(--tg-button);color:var(--tg-button-text);margin-bottom:6px;animation:pop .32s cubic-bezier(.2,.9,.3,1.4)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.success__title{font-size:24px;font-weight:700;letter-spacing:-.02em}.success__subtitle{font-size:14px;color:var(--tg-hint);max-width:320px;line-height:1.5}.success__card{width:100%;display:flex;flex-direction:column;margin-top:12px;border-radius:16px;background:var(--tg-secondary-bg);overflow:hidden}.success__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;font-size:14px;text-align:left}.success__row+.success__row{border-top:1px solid var(--divider)}.success__row dt{color:var(--tg-hint);flex:none}.success__row dd{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}.success__order{font-variant-numeric:tabular-nums;letter-spacing:.02em}.success__note{margin-top:12px;font-size:12.5px;color:var(--tg-hint);line-height:1.5;max-width:330px}.skeleton{display:block;background:var(--skeleton);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 1.25s infinite}@keyframes shimmer{to{transform:translate(100%)}}.mb-fallback{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + var(--safe-bottom));background:var(--tg-bg);border-top:1px solid var(--divider)}.mb-fallback__button{display:flex;align-items:center;justify-content:center;width:100%;max-width:612px;margin:0 auto;min-height:50px;border-radius:12px;background:var(--tg-button);color:var(--tg-button-text);font-size:15.5px;font-weight:600;letter-spacing:.01em}.mb-fallback__button:disabled{opacity:.55}.mb-fallback__button:active:not(:disabled){opacity:.88}.mb-fallback__spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:389px){.app{--app-padding: 12px}.home-header__title{font-size:24px}.product-card__name{font-size:13.5px}.option-card__hint{font-size:10px}.grind-card__hint{font-size:10.5px}.category-tile{min-height:96px}}@media(prefers-reduced-motion:reduce){.skeleton:after,.success__check,.mb-fallback__spinner{animation:none}}.notice{margin:12px 0;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45}.notice--warning{background:color-mix(in srgb,#e8a317 18%,var(--tg-bg));border:1px solid color-mix(in srgb,#e8a317 45%,transparent);color:var(--tg-text)}.cart-item--stale{opacity:.95;border:1px solid color-mix(in srgb,#e8a317 55%,transparent);border-radius:14px;padding:10px}.cart-item__problems{display:flex;flex-direction:column;gap:8px;margin-top:6px}.field__hint{margin-top:6px;font-size:13px;color:var(--tg-hint)}.button--link{background:none;border:none;padding:0;font:inherit;color:var(--tg-link);text-decoration:underline;cursor:pointer}.button--ghost{background:none;border:1px solid var(--tg-hint);border-radius:10px;padding:8px 12px;color:var(--tg-text);font-size:14px;cursor:pointer;align-self:flex-start}