:root{--color-bg:#fffaf3;--color-page:#ece7df;--color-surface:#fff;--color-text:#241a14;--color-text-soft:#6f6259;--color-tomato:#c1352b;--color-tomato-dark:#942a22;--color-tomato-soft:#e2564a;--color-basil:#3f6b44;--color-basil-dark:#2c4d30;--color-cheese:#e8a33d;--color-cheese-dark:#c97f1f;--color-dark:#221a15;--radius-lg:28px;--radius-md:20px;--radius-pill:999px;--shadow-soft:0 16px 32px #241a141a;--max-width:460px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-page);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Poppins,system-ui,sans-serif}#root{justify-content:center;display:flex}button{cursor:pointer;border:none;font-family:inherit}h1,h2,h3,h4{margin:0;font-family:Fraunces,Poppins,serif}p{margin:0}.app-shell{width:100%;max-width:var(--max-width);background:var(--color-bg);min-height:100vh;box-shadow:var(--shadow-soft);position:relative}.app-content{padding:24px 20px 120px}.header__top{justify-content:space-between;align-items:center;display:flex}.header__logo{object-fit:cover;background:var(--color-dark);border-radius:14px;width:44px;height:44px}.header__menu{border-radius:var(--radius-pill);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);justify-content:center;align-items:center;display:flex}.header__title{color:var(--color-text);margin-top:22px;font-size:30px;font-weight:600;line-height:1.15}.header__subtitle{color:var(--color-text-soft);margin-top:10px;font-size:14px}.promo{background:linear-gradient(135deg, var(--color-tomato-soft), var(--color-tomato-dark));border-radius:var(--radius-lg);color:#fff8f4;min-height:196px;margin-top:22px;padding:24px;position:relative;overflow:hidden}.promo__text{z-index:2;max-width:60%;position:relative}.promo__eyebrow{letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:500}.promo__title{margin-top:6px;font-size:30px;font-weight:600;line-height:1.1}.promo__dates{opacity:.9;margin-top:8px;font-size:13px}.promo__cta{background:var(--color-dark);color:#fff;border-radius:var(--radius-pill);margin-top:16px;padding:12px 20px;font-size:13px;font-weight:600}.promo__art{z-index:1;filter:drop-shadow(0 14px 22px #0000004d);justify-content:center;align-items:center;width:190px;height:190px;font-size:108px;line-height:1;display:flex;position:absolute;bottom:-26px;right:-22px;transform:rotate(-10deg)}.promo__art:before{content:"";z-index:-1;background:radial-gradient(circle at 45% 38%,#fff6,#fff0 68%);border-radius:50%;position:absolute;inset:6%}.bestsellers{margin-top:32px}.bestsellers__head{justify-content:space-between;align-items:baseline;display:flex}.bestsellers__head h3{font-size:20px;font-weight:600}.link-btn{color:var(--color-tomato);background:0 0;font-size:13px;font-weight:600}.bestsellers__grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.bestsellers__card{border-radius:var(--radius-lg);color:#fff8f4;flex-direction:column;justify-content:space-between;min-height:220px;padding:20px 16px;display:flex;position:relative;overflow:hidden}.bestsellers__card--savory{background:linear-gradient(160deg, var(--color-basil), var(--color-basil-dark))}.bestsellers__card--sweet{background:linear-gradient(160deg, var(--color-cheese), var(--color-cheese-dark))}.bestsellers__emoji{z-index:0;opacity:.95;filter:drop-shadow(0 12px 18px #00000052);font-size:128px;line-height:1;position:absolute;bottom:-18px;right:-20px;transform:rotate(-6deg)}.bestsellers__card h4{max-width:80%;font-size:18px;font-weight:600;line-height:1.2;position:relative}.bestsellers__cta{color:#fff;border-radius:var(--radius-pill);background:#00000047;align-self:flex-start;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.bestsellers__cta-icon{color:var(--color-dark);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.bestsellers__cta-icon svg{width:12px;height:12px}.bottomnav{width:calc(100% - 40px);max-width:calc(var(--max-width) - 40px);background:var(--color-dark);border-radius:var(--radius-pill);justify-content:space-between;align-items:center;padding:10px 14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 30px #140e0a59}.bottomnav__item{color:#fff8f48c;border-radius:var(--radius-pill);background:0 0;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;transition:background .2s,color .2s;display:flex}.bottomnav__item--active{background:var(--color-tomato);color:#fff8f4}.bottomnav__label{font-size:9px;font-weight:500}.bottomnav__item:not(.bottomnav__item--active) .bottomnav__label{display:none}@media (width>=640px){body{padding:32px 0}.app-shell{border-radius:32px;min-height:auto;overflow:hidden}}