@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#28221e;--ink:#28221e;--cream:#f7f4ed;--terracotta:#b9573f;--sage:#688273;--line:#e4ded3;background:#e9e5dd;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#e9e5dd;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.app-shell{background:var(--cream);width:100%;max-width:430px;min-height:100vh;margin:auto;padding-bottom:76px;position:relative}.topbar{border-bottom:1px solid var(--line);z-index:4;background:#f7f4edf0;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-1px;font-family:Playfair Display;font-size:29px}.wordmark span,.greeting h1 span{color:var(--terracotta)}.icon-btn,.bag-btn{place-items:center;width:42px;height:42px;display:grid}.bag-btn{position:relative}.bag-btn b{background:var(--terracotta);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:2px;right:1px}.page{padding:26px 20px}.greeting{justify-content:space-between;align-items:center;display:flex}.eyebrow{letter-spacing:1.4px;color:#8c8378;font-size:10px;font-weight:700}.greeting h1,h1{margin:7px 0;font-family:Playfair Display;font-size:28px;line-height:1.1}.greeting p{color:#827a70;align-items:center;gap:5px;margin:0;font-size:13px;display:flex}.avatar,.big-avatar{color:#573d31;background:#d9b8a3;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{width:42px;height:42px}.searchbox{border:1px solid var(--line);color:#988e82;background:#fffdf9;align-items:center;gap:10px;height:50px;margin:25px 0 17px;padding:0 15px;display:flex}.searchbox input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.category-row{gap:9px;margin-bottom:22px;display:flex;overflow:auto}.category-row button{white-space:nowrap;border:1px solid var(--line);background:#fffdf9;align-items:center;gap:9px;padding:11px 13px;font-size:12px;display:flex}.hero{color:#fff8ef;background:#d97757;justify-content:space-between;min-height:188px;padding:22px;display:flex;position:relative;overflow:hidden}.hero span{letter-spacing:1.2px;font-size:10px;font-weight:700}.hero h2{margin:10px 0 18px;font-family:Playfair Display;font-size:30px;line-height:1.02}.hero button{color:var(--ink);background:#fff8ef;align-items:center;gap:5px;padding:11px 13px;font-size:11px;display:flex}.hero-bread{filter:sepia(.3);align-self:center;margin-right:-28px;font-size:100px;transform:rotate(-20deg)}.section-title{justify-content:space-between;align-items:center;margin:28px 0 14px;display:flex}.section-title h2{margin:0;font-family:Playfair Display;font-size:20px}.section-title button,.results-line button{color:var(--terracotta);align-items:center;gap:3px;font-size:12px;display:flex}.product-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.product-card{background:#fffdf9;min-width:0;position:relative}.card-click{text-align:left;width:100%;padding:0}.product-card img{object-fit:cover;width:100%;height:145px;display:block}.heart{z-index:1;width:32px;height:32px;color:var(--terracotta);background:#fffdf9cc;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.product-info{padding:11px}.product-info h3{margin:0 0 5px;font-size:14px;line-height:1.2}.product-info p{color:#8b8175;white-space:nowrap;text-overflow:ellipsis;margin:0 0 11px;font-size:11px;overflow:hidden}.product-info strong{font-size:14px}.trust{background:#e4ece3;align-items:center;gap:12px;margin:27px 0 10px;padding:14px;display:flex}.trust-icon{background:var(--sage);color:#fff;place-items:center;width:32px;height:32px;display:grid}.trust b{font-size:12px}.trust p{color:#758378;margin:3px 0;font-size:11px}.bottom-nav{z-index:5;border-top:1px solid var(--line);background:#fffdf9;justify-content:space-around;width:100%;max-width:430px;height:73px;padding-top:9px;display:flex;position:fixed;bottom:0}.bottom-nav button{color:#a39a8e;flex-direction:column;align-items:center;gap:4px;min-width:60px;font-size:10px;display:flex}.bottom-nav .active{color:var(--terracotta);font-weight:700}.catalog-head{justify-content:space-between;align-items:center;display:flex}.catalog-head h1{margin-top:5px}.filter-pill{border:1px solid var(--line);background:#fffdf9;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:flex}.chips{gap:8px;margin:6px 0 22px;display:flex;overflow:auto}.chips button{white-space:nowrap;border:1px solid var(--line);padding:9px 13px;font-size:12px}.chips .selected{background:var(--ink);color:#fff;border-color:var(--ink)}.results-line{color:#8b8175;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:12px;display:flex}.loading-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.skeleton{background:linear-gradient(90deg,#ece7dd,#f8f4ec,#ece7dd) 0 0/200% 100%;height:230px;animation:1.4s infinite load}@keyframes load{to{background-position:-200% 0}}.state,.empty{text-align:center;color:#877e73;padding:50px 20px}.state button{color:var(--terracotta);text-decoration:underline}.empty span{font-size:36px}.empty h2{color:var(--ink);margin:13px 0 5px;font-family:Playfair Display}.empty p{font-size:13px}.detail{padding-bottom:30px}.detail-image{position:relative}.detail-image img{object-fit:cover;width:100%;height:350px}.fresh-badge{color:var(--sage);background:#e5eee6;padding:8px 11px;font-size:11px;font-weight:700;position:absolute;bottom:16px;left:20px}.detail-body{padding:24px 20px}.detail-body h1{margin:8px 0;font-size:31px}.detail-price{font-size:20px;font-weight:700}.detail-price small{color:#9b9186;font-size:12px;font-weight:400}.description{color:#766d63;margin:20px 0;font-size:14px;line-height:1.6}.ingredient{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:14px 0;font-size:12px;display:flex}.ingredient span{color:#81786d}.quantity{justify-content:space-between;align-items:center;padding:17px 0;font-size:13px;display:flex}.quantity>div,.mini-qty{align-items:center;gap:16px;display:flex}.quantity button,.mini-qty button{border:1px solid var(--line);place-items:center;width:31px;height:31px;display:grid}.primary-btn{background:var(--terracotta);color:#fff;letter-spacing:.1px;width:100%;height:53px;font-size:13px;font-weight:700}.primary-btn:disabled{opacity:.5}.cart-page .item-count{color:#978e84;font-size:12px}.cart-list{margin:18px 0}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.cart-item img{object-fit:cover;width:72px;height:72px}.cart-item>div{flex-direction:column;gap:5px;display:flex}.cart-item b{font-size:13px}.cart-item span{color:#8d847a;font-size:11px}.cart-item>strong{align-self:start;font-size:13px}.mini-qty{gap:9px;font-size:12px}.mini-qty button{width:24px;height:24px}.summary{padding:12px 0 20px}.summary>div{color:#80776d;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.summary .grand{color:var(--ink);padding-top:14px;font-size:17px}.sage{color:var(--sage)}hr{border:0;border-top:1px solid var(--line);margin:8px 0}.checkout{flex-direction:column;gap:17px;margin-top:20px;display:flex}.checkout label{flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.checkout input,.checkout select{border:1px solid var(--line);outline-color:var(--terracotta);height:48px;color:var(--ink);background:#fffdf9;padding:0 13px}.checkout em{color:var(--terracotta);font-size:11px;font-style:normal}.error{color:#9f422f;background:#f8dfd8;padding:11px;font-size:12px}.success{text-align:center;padding:75px 28px}.success-mark{width:66px;height:66px;color:var(--sage);background:#dfeae0;border-radius:50%;place-items:center;margin:0 auto 25px;font-size:30px;display:grid}.success h1{margin:10px 0 15px;font-size:33px}.success p{color:#80776d;font-size:14px;line-height:1.55}.order-card{text-align:left;background:#fffdf9;justify-content:space-between;margin:26px 0;padding:16px;display:flex}.order-card div{flex-direction:column;gap:5px;display:flex}.order-card span{letter-spacing:1px;color:#988f84;font-size:9px}.order-card b{font-size:12px}.text-btn{color:var(--terracotta);margin-top:18px;font-size:13px}.order-row,.profile-row{border-bottom:1px solid var(--line);background:#fffdf9;align-items:center;gap:12px;padding:16px 0;display:flex}.order-icon{width:40px;height:40px;color:var(--sage);background:#e6eee5;place-items:center;display:grid}.order-row>div:not(.order-icon){flex-direction:column;flex:1;gap:4px;display:flex}.order-row b{font-size:13px}.order-row span{color:#8e857a;font-size:11px}.order-row strong{font-size:13px}.profile-head{align-items:center;gap:15px;margin:18px 0 35px;display:flex}.big-avatar{width:67px;height:67px;font-size:25px}.profile h1{margin:5px 0}.profile p{color:#8c8378;margin:0;font-size:13px}.profile-row{width:100%;font-size:13px}.profile-row span{color:var(--terracotta);width:25px;font-size:20px}.profile-row svg{color:#a2998e;margin-left:auto}.cart-empty{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.cart-empty .primary-btn{max-width:270px;margin-top:22px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=431px){.app-shell{min-height:100vh;box-shadow:0 0 40px #51493d22}}