*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--page: #f4f7f5;--paper: #ffffff;--paper-soft: #f8fbfa;--ink: var(--tg-theme-text-color, #102026);--muted: var(--tg-theme-hint-color, #667780);--line: rgba(16, 32, 38, .12);--navy: #071b25;--teal: #0d766f;--gold: #d8a13b;--coral: #d64f34;--blue: #2f668f;--button: var(--tg-theme-button-color, #0d766f);--button-text: var(--tg-theme-button-text-color, #ffffff);--radius: 8px;--shadow: 0 16px 34px rgba(7, 27, 37, .1)}html,body{min-height:100dvh;background:radial-gradient(circle at 86% -4%,rgba(216,161,59,.18),transparent 30%),linear-gradient(180deg,#eef5f3 0%,var(--page) 48%,#fff8f0 100%);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.35;-webkit-tap-highlight-color:transparent}button{font:inherit}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{width:min(100%,560px);margin:0 auto;padding:0 14px calc(28px + env(safe-area-inset-bottom))}.app-shell--order{padding-top:14px}.hero-band{position:relative;min-height:315px;margin:0 -14px 18px;overflow:hidden;background:var(--navy);color:#fff;isolation:isolate}.hero-band__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:64% center;transform:scale(1.02)}.hero-band:before,.hero-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.hero-band:before{background:linear-gradient(180deg,#071b2514,#071b256b 44%,#071b25f0),linear-gradient(90deg,#071b25f0,#071b259e 42%,#071b251a)}.hero-band:after{inset:auto 0 0;height:95px;background:linear-gradient(180deg,transparent,rgba(244,247,245,.98))}.hero-band__content{display:flex;min-height:315px;flex-direction:column;justify-content:flex-end;gap:12px;padding:24px 18px 34px}.hero-lockup{display:inline-flex;width:fit-content;max-width:100%;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:6px 10px 6px 7px;background:#071b257a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffe6;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-lockup__code{border-radius:999px;padding:4px 8px;background:var(--gold);color:#1d1607;letter-spacing:.14em}.hero-band h1{max-width:10ch;font-size:46px;font-weight:880;line-height:.94;text-shadow:0 10px 28px rgba(0,0,0,.34)}.hero-band p{max-width:380px;color:#ffffffe0;font-size:15px}.hero-band__badges{display:flex;flex-wrap:wrap;gap:7px}.hero-band__badges span{border-radius:999px;padding:6px 9px;background:#ffffff24;color:#ffffffe6;font-size:11px;font-weight:800;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.catalog-section{display:flex;flex-direction:column;gap:14px}.service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:-2px 0 18px}.service-strip div{min-width:0;border:1px solid rgba(16,32,38,.1);border-radius:var(--radius);padding:10px 8px;background:#ffffffd1;box-shadow:0 10px 24px #071b250f}.service-strip strong{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;margin-bottom:8px;background:var(--navy);color:#fff;font-size:12px}.service-strip span,.service-strip small{display:block}.service-strip span{color:var(--ink);font-size:12px;font-weight:850;line-height:1.15}.service-strip small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.15}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.section-heading p{color:var(--teal);font-size:12px;font-weight:850;text-transform:uppercase}.section-heading h2{margin-top:2px;font-size:23px;line-height:1.05}.section-heading>span{color:var(--muted);font-size:12px;text-align:right}.section-heading--compact{align-items:center}.section-heading--compact h2{font-size:18px}.product-list{display:grid;gap:14px}.product-card{--accent: var(--teal);display:flex;overflow:hidden;flex-direction:column;border:1px solid rgba(16,32,38,.1);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.product-card--scallop{--accent: var(--teal)}.product-card--king{--accent: var(--coral)}.product-card--snow{--accent: var(--blue)}.product-card__media{position:relative;height:188px;overflow:hidden;background:#dfe7e7}.product-card__media:after{content:"";position:absolute;inset:auto 0 0;height:72px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28))}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.product-card:active .product-card__media img{transform:scale(1.025)}.product-card__media span{position:absolute;top:12px;left:12px;z-index:1;border-radius:999px;padding:6px 10px;background:#ffffffe6;color:var(--accent);font-size:11px;font-weight:850;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-card__body{display:flex;flex-direction:column;gap:11px;padding:13px}.product-card__title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.product-card h3{font-size:20px;line-height:1.1}.product-card__cn,.product-card__cn-note{margin-top:3px;color:var(--muted);font-size:13px}.product-card__pack{border-radius:999px;padding:5px 8px;background:color-mix(in srgb,var(--accent) 12%,#ffffff);color:var(--accent);font-size:11px;font-weight:850;white-space:nowrap}.product-card__note{color:var(--muted);font-size:14px}.product-card__cn-note{margin-top:-6px;color:color-mix(in srgb,var(--accent) 76%,var(--muted))}.product-card__tags{display:flex;flex-wrap:wrap;gap:6px}.product-card__tags span{border-radius:999px;padding:5px 8px;background:#1020260e;color:var(--muted);font-size:11px;font-weight:800}.product-card__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:12px}.price-block{min-width:0;color:var(--accent)}.price-block strong{display:block;font-size:25px;line-height:1}.price-block span{color:var(--muted);font-size:13px}.freshness{display:flex;flex-direction:column;gap:6px}.freshness__row{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:750}.freshness__track{height:6px;overflow:hidden;border-radius:999px;background:#10202614}.freshness__fill{height:100%;border-radius:inherit;transition:width .35s ease}.freshness__fill--high{background:linear-gradient(90deg,#0fa37d,#74d69e)}.freshness__fill--medium{background:linear-gradient(90deg,var(--gold),#f2c760)}.freshness__fill--low,.freshness__fill--unknown{background:linear-gradient(90deg,#ed7a22,#f6b35b)}.primary-button,.secondary-button,.quick-chip,.qty-control button{border:0;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease}.primary-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:var(--radius);padding:0 16px;background:var(--button);color:var(--button-text);font-size:15px;font-weight:850}.primary-button--wide{width:100%}.primary-button:disabled{cursor:default;opacity:.64}.secondary-button{min-height:42px;border:1px solid var(--line);border-radius:var(--radius);padding:0 16px;background:var(--paper);color:var(--teal);font-weight:850}.primary-button:active,.secondary-button:active,.quick-chip:active,.qty-control button:active{transform:scale(.98)}.checkout-hero{--accent: var(--teal);display:grid;grid-template-columns:104px minmax(0,1fr);gap:13px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.checkout-hero--scallop{--accent: var(--teal)}.checkout-hero--king{--accent: var(--coral)}.checkout-hero--snow{--accent: var(--blue)}.checkout-hero__photo{width:104px;aspect-ratio:1;border-radius:var(--radius);object-fit:cover;box-shadow:0 12px 24px #071b2529}.checkout-hero p,.status-panel p{color:var(--accent, var(--teal));font-size:12px;font-weight:850;text-transform:uppercase}.checkout-hero h1{margin:4px 0;font-size:26px;line-height:1.05}.checkout-hero span{color:var(--muted);font-size:14px}.order-guidance{display:flex;flex-direction:column;gap:4px;border:1px solid rgba(13,118,111,.16);border-radius:var(--radius);margin-top:14px;padding:12px;background:linear-gradient(135deg,#e4f3f0eb,#fff8f0db)}.order-guidance p{color:var(--ink);font-size:14px;font-weight:800}.order-guidance span{color:var(--muted);font-size:13px}.control-card,.receipt-card,.confirm-panel,.total-panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;box-shadow:var(--shadow)}.control-card,.receipt-card,.confirm-panel{padding:14px}.control-card{display:flex;flex-direction:column;gap:16px;margin-top:16px}.qty-control{display:grid;grid-template-columns:50px minmax(110px,1fr) 50px;gap:12px;align-items:center}.qty-control button{display:grid;width:50px;height:50px;place-items:center;border-radius:var(--radius);background:var(--navy);color:#fff;font-size:28px}.qty-control strong{display:grid;min-height:50px;place-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-soft);font-size:24px}.quick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-chip{min-height:38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-size:13px;font-weight:850}.quick-chip--active{border-color:transparent;background:#e4f3f0;color:var(--navy)}.total-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:12px;padding:14px}.total-panel span,.total-panel p,.receipt-card__hint,.confirm-panel span{color:var(--muted);font-size:13px}.total-panel strong{display:block;margin-top:2px;color:var(--teal);font-size:30px;line-height:1}.total-panel p{text-align:right}.confirm-panel{display:flex;flex-direction:column;gap:6px;margin-top:12px}.confirm-panel p{color:var(--teal);font-size:12px;font-weight:850;text-transform:uppercase}.confirm-panel strong{font-size:16px}.error-message{margin-top:12px;color:#dc2626;font-size:14px;text-align:center}.status-panel{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 10px 18px;text-align:center}.status-panel__icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#dcfce7;color:#15803d;font-size:30px;font-weight:900}.status-panel h1{font-size:30px;line-height:1}.status-panel span{max-width:320px;color:var(--muted);font-size:14px}.receipt-card{display:flex;flex-direction:column;gap:14px}.payment-list{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.payment-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;min-height:46px;padding:10px 12px;background:var(--paper)}.payment-row span{color:var(--muted);font-size:13px}.payment-row strong{overflow-wrap:anywhere;text-align:right;font-size:14px}.state-screen{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;color:var(--muted);text-align:center}.spinner{width:34px;height:34px;border:3px solid rgba(13,118,111,.16);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--navy);box-shadow:0 -8px 28px #071b253d;transform:translateY(100%);transition:transform .28s cubic-bezier(.34,1.26,.64,1)}.cart-bar--visible{transform:translateY(0)}.cart-bar__info{display:flex;flex-direction:column;gap:1px}.cart-bar__count{color:#ffffffb8;font-size:12px;font-weight:800}.cart-bar__total{color:#fff;font-size:20px;line-height:1.1}.cart-bar__btn{flex-shrink:0;background:var(--gold);color:#1d1607;font-weight:900}.card-add-btn{white-space:nowrap;font-size:14px;padding:0 13px}.card-qty-control{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper-soft)}.card-qty-control button{display:grid;width:36px;height:44px;place-items:center;border:0;background:var(--navy);color:#fff;cursor:pointer;font-size:20px;transition:opacity .16s ease}.card-qty-control button:active{opacity:.72}.card-qty-control strong{min-width:72px;text-align:center;font-size:14px;font-weight:850;color:var(--ink);white-space:nowrap}.card-qty-control--small button{width:34px;height:38px;font-size:18px}.card-qty-control--small strong{min-width:64px;font-size:13px}.cart-item-list{display:flex;flex-direction:column;gap:10px}.cart-item{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;border:1px solid var(--line);border-radius:var(--radius);padding:10px;background:var(--paper);box-shadow:var(--shadow)}.cart-item__photo{width:72px;height:72px;border-radius:calc(var(--radius) - 2px);object-fit:cover}.cart-item__body{display:flex;flex-direction:column;gap:4px;min-width:0}.cart-item__name-row{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.cart-item__name-row strong{font-size:15px;line-height:1.2}.cart-item__remove{border:0;background:none;cursor:pointer;color:var(--muted);font-size:20px;line-height:1;flex-shrink:0;padding:0 2px;opacity:.7;transition:opacity .15s ease}.cart-item__remove:hover{opacity:1}.cart-item__price-hint{color:var(--muted);font-size:12px}.cart-item__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.cart-item__subtotal{font-size:16px;color:var(--teal);white-space:nowrap}@media(min-width:520px){.hero-band{border-radius:0 0 14px 14px}.product-list{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card__media{height:152px}.product-card__title-row,.product-card__footer{grid-template-columns:1fr}.primary-button{width:100%}}@media(prefers-color-scheme:dark){:root{--page: #07171d;--paper: #0d252e;--paper-soft: #102d37;--ink: var(--tg-theme-text-color, #eff7f6);--muted: var(--tg-theme-hint-color, #9aaeb5);--line: rgba(235, 248, 245, .13);--shadow: 0 18px 38px rgba(0, 0, 0, .28)}body{background:radial-gradient(circle at 86% -4%,rgba(216,161,59,.12),transparent 30%),linear-gradient(180deg,#07171d,#0a2028 58%,#15110d)}.product-card__pack{background:#ffffff14}.service-strip div,.order-guidance{background:#0d252edb}.quick-chip--active{background:#d8a13b33;color:#fff2cb}}@media(max-width:360px){.hero-band,.hero-band__content{min-height:292px}.hero-band h1{font-size:39px}.product-card__media{height:170px}.checkout-hero{grid-template-columns:86px minmax(0,1fr)}.checkout-hero__photo{width:86px}.quick-row{grid-template-columns:repeat(2,minmax(0,1fr))}}