:root{--paper: #f5f2ec;--card: #ffffff;--ink: #15283f;--ink-2: #56657a;--line: #e7e1d7;--salmon: #ee7a4f;--salmon-deep: #d4602f;--salmon-soft: #fdeee6;--navy-soft: #e8eef5;--ok: #2c8a57;--danger: #c2412d;--radius: 18px;--shadow: 0 1px 2px rgba(21, 40, 63, .06), 0 8px 24px rgba(21, 40, 63, .06);--font: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}img,video{display:block;max-width:100%}h1,h2,h3,h4{margin:0;line-height:1.15}p{margin:0}.muted{color:var(--ink-2);font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:14px;font-weight:700;font-size:16px;transition:transform .08s ease,background .15s ease,opacity .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--salmon);color:#fff;box-shadow:0 6px 16px #ee7a4f59}.btn--primary:hover:not(:disabled){background:var(--salmon-deep)}.btn--block{width:100%}.chip{padding:8px 14px;border-radius:999px;background:var(--navy-soft);color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap}.link-btn{display:block;margin:18px auto 0;padding:10px;color:var(--ink);font-weight:600}.link-btn--danger{color:var(--danger)}.input{width:100%;min-height:50px;padding:13px 15px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:inherit;color:var(--ink);outline:none;resize:vertical}.input:focus{border-color:var(--ink)}.form-error{margin-top:10px;color:var(--danger);font-size:14px;font-weight:500}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.hint{margin-top:10px;color:var(--ink-2);font-size:13px}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.splash__logo{width:140px;height:140px;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.splash__error{max-width:300px;color:var(--ink-2)}@keyframes pulse{50%{transform:scale(.95);opacity:.8}}.gate{padding-bottom:32px}.hero{position:relative;height:62vh;min-height:420px;max-height:620px;overflow:hidden;border-radius:0 0 28px 28px;background:var(--ink)}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a162640,#0a162626 40%,#0a1626d9)}.hero__content{position:absolute;left:20px;right:20px;bottom:70px;color:#fff}.hero__logo{width:76px;height:76px;border-radius:50%;margin-bottom:16px;box-shadow:0 4px 16px #0000004d}.hero__title{font-size:32px;font-weight:800;letter-spacing:-.02em}.hero__lead{margin-top:10px;font-size:16px;opacity:.9}.promo{position:relative;margin:-48px 16px 0;z-index:1}.promo__label{display:block;font-size:20px;font-weight:800}.promo__hint{margin:6px 0 14px;color:var(--ink-2);font-size:14px}.promo__row{display:flex;gap:8px}.promo__input{flex:1;min-width:0;font-weight:700;letter-spacing:.06em}.section{margin:28px 16px 0}.section__title{font-size:22px;font-weight:800;margin-bottom:14px}.features{display:grid;gap:12px}.feature{display:flex;gap:14px;align-items:center;background:var(--card);border-radius:var(--radius);padding:10px;box-shadow:var(--shadow)}.feature img{width:84px;height:84px;object-fit:cover;border-radius:12px;flex-shrink:0}.feature h3{font-size:17px;margin-bottom:4px}.feature p{color:var(--ink-2);font-size:14px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.steps li{display:flex;align-items:center;gap:12px;font-size:15px}.steps__n{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800;font-size:14px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}.footer{margin-top:18px;text-align:center;color:var(--ink-2);font-size:13px}.page{max-width:640px;margin:0 auto;padding:0 16px 120px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 0}.topbar__logo{width:46px;height:46px;border-radius:50%}.topbar__text{flex:1;min-width:0}.topbar__title{font-weight:800;font-size:18px}.topbar__sub{color:var(--ink-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner{background:var(--ink);color:#fff;padding:14px 16px;border-radius:var(--radius);font-size:14px}.banner b{color:#ffb894}.note{margin:10px 0 18px;padding:12px 14px;border-radius:14px;background:var(--salmon-soft);color:#7a3a1d;font-size:13px}.products{display:grid;gap:14px}.product{display:block;width:100%;text-align:left;background:var(--card);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:transform .1s ease}.product:active{transform:scale(.99)}.product--off{opacity:.55;cursor:default}.product__media{position:relative;aspect-ratio:16 / 10;background:var(--navy-soft)}.product__media img{width:100%;height:100%;object-fit:cover}.product__badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;background:#15283fd9;color:#fff;font-size:12px;font-weight:600}.product__body{padding:14px 16px 16px}.product__name{font-size:19px;font-weight:800}.product__sub{color:var(--ink-2);font-size:14px;margin-top:2px}.product__price{display:flex;align-items:baseline;gap:10px;margin-top:10px}.price{font-size:22px;font-weight:800;color:var(--salmon-deep)}.price--old{color:var(--ink-2);text-decoration:line-through;font-size:15px}.product__meta{margin-top:4px;color:var(--ink-2);font-size:14px}.empty{text-align:center;color:var(--ink-2);padding:40px 0;display:grid;gap:16px;justify-items:center}.bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(245,242,236,0) 0%,var(--paper) 30%);z-index:5}.bottom-bar .btn{max-width:608px;margin:0 auto;display:flex}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a162680;animation:fade .2s ease}.sheet__panel{position:relative;width:100%;max-width:640px;max-height:94vh;overflow-y:auto;background:var(--paper);border-radius:24px 24px 0 0;animation:rise .25s ease}.sheet__close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;background:#ffffffe6;font-size:24px;line-height:1}.sheet__media{aspect-ratio:4 / 3;background:var(--ink)}.sheet__media video,.sheet__media img{width:100%;height:100%;object-fit:cover}.sheet__body{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.sheet__title{font-size:24px;font-weight:800}.sheet__desc{margin-top:8px;color:var(--ink-2);font-size:15px}.field-title{margin:20px 0 10px;font-size:15px;font-weight:700}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.segmented__item,.cut{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:14px;background:#fff;border:1.5px solid var(--line);text-align:left;transition:border-color .15s,background .15s}.segmented__item span{font-weight:700}.segmented__item small,.cut small{color:var(--ink-2);font-size:13px}.segmented__item.is-active,.cut.is-active{border-color:var(--salmon);background:var(--salmon-soft)}.cuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet__footer{display:flex;align-items:center;gap:14px;margin:22px 0 14px}.sheet__sum{flex:1;text-align:right}.sheet__sum-main{font-size:22px;font-weight:800}.sheet__sum-sub{color:var(--ink-2);font-size:13px}.stepper{display:inline-flex;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:14px}.stepper button{width:44px;height:46px;font-size:22px;font-weight:600}.stepper span{min-width:24px;text-align:center;font-weight:700}.stepper--sm button{width:34px;height:36px;font-size:18px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(40px);opacity:0}}.navbar{display:flex;align-items:center;gap:8px;padding:12px 0 14px}.navbar h1{font-size:22px;font-weight:800}.navbar__back{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:var(--shadow);font-size:20px}.lines{list-style:none;margin:0;padding:0;display:grid;gap:10px}.line{display:flex;align-items:center;gap:12px;background:#fff;padding:10px;border-radius:var(--radius);box-shadow:var(--shadow)}.line img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex-shrink:0}.line__info{flex:1;min-width:0;display:grid;gap:2px;font-size:14px}.line__info b{font-size:15px}.summary{margin-top:14px}.summary__row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:15px}.summary__row--total{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);font-weight:800;font-size:18px}.form{display:grid;gap:14px}.field{display:grid;gap:6px}.field>span{font-size:14px;font-weight:600}.orders{list-style:none;margin:0;padding:0;display:grid;gap:10px}.order-card{width:100%;text-align:left;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:grid;gap:4px}.order-card__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.order-card__items{font-size:14px}.order-card__sum{font-weight:800}.status{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--navy-soft);white-space:nowrap}.status--new{background:var(--salmon-soft);color:var(--salmon-deep)}.status--on_the_way{background:#fff3cd;color:#8a6100}.status--delivered{background:#def3e6;color:var(--ok)}.status--cancelled{background:#f6e1dd;color:var(--danger)}.page>.card{margin-bottom:12px}.timeline{list-style:none;margin:0;display:grid;gap:0}.timeline li{position:relative;display:flex;gap:14px;padding:0 0 18px;color:var(--ink-2)}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:2px;background:var(--line)}.timeline li:last-child:before{display:none}.timeline li>div{display:grid}.timeline small{font-size:13px}.timeline__dot{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid var(--line);background:#fff;margin-top:1px}.timeline li.is-done{color:var(--ink)}.timeline li.is-done .timeline__dot{background:var(--salmon);border-color:var(--salmon)}.timeline li.is-done:before{background:var(--salmon)}.info{font-size:14px;background:var(--navy-soft);box-shadow:none}.alert{background:#f6e1dd;box-shadow:none}.courier{display:flex;gap:14px;align-items:center;background:var(--ink);color:#fff}.courier p{margin-top:4px;opacity:.85;font-size:14px}.courier__photo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.pay{border:2px solid var(--salmon);display:grid;gap:6px}.pay__title{font-weight:700;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pay__phone{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:20px;font-weight:800}.pay__phone span{white-space:nowrap}.pay__sum{margin-top:4px}.order-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}.order-items li{display:flex;justify-content:space-between;gap:12px}.order-items li>div{display:grid}.address{margin-top:12px}.thanks{display:flex;gap:14px;align-items:center;font-weight:600}.thanks img{width:72px;height:72px;border-radius:14px;object-fit:cover}@media (min-width: 640px){.hero__content{left:40px;right:40px}.promo,.section{max-width:608px;margin-left:auto;margin-right:auto}.hero__title{font-size:42px}}
