:root{font-family:Noto Sans Thai,Tahoma,Arial,sans-serif;color:#171f29;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--ink: #17212d;--muted: #858b95;--red: #d3132f;--deep-red: #ad0d26;--soft: #f5f5f7;--line: #f0eef0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:340px;background:#fff}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #ed8592;outline-offset:3px}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{width:100%;max-width:853px;min-height:100vh;margin:0 auto;padding:0 4.2% 150px}.topbar{min-height:clamp(82px,15vw,130px);display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{min-width:0;display:flex;align-items:center;gap:clamp(6px,1.25vw,12px)}.brand-mark{width:clamp(58px,14vw,120px);height:clamp(58px,14vw,120px);flex:0 0 auto;object-fit:contain}.brand-copy{min-width:0;display:grid;gap:0}.brand-copy strong{color:var(--red);font-size:clamp(21px,5.45vw,46px);line-height:1.15;font-weight:800;letter-spacing:-.045em;white-space:nowrap}.brand-copy small{color:#7b8490;font-size:clamp(10px,2.55vw,22px);line-height:1.35;font-weight:500;white-space:nowrap}.brand-copy small span{color:var(--red);font-size:1.3em;margin-left:4px}.delivery-badge{width:clamp(135px,29vw,250px);min-height:clamp(48px,10.4vw,88px);flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,15px);padding:7px 10px;border-radius:clamp(16px,3.2vw,30px);background:#fff1f4;color:var(--red)}.delivery-badge svg{width:clamp(22px,4.8vw,42px);height:clamp(22px,4.8vw,42px);flex:0 0 auto}.delivery-badge span{display:grid;line-height:1.35}.delivery-badge small{color:var(--ink);font-size:clamp(10px,2.15vw,18px);white-space:nowrap}.delivery-badge strong{font-size:clamp(12px,2.7vw,23px);font-weight:700;white-space:nowrap}.location-pill{width:100%;min-height:clamp(54px,11.5vw,100px);display:flex;align-items:center;gap:clamp(12px,2.4vw,22px);padding:8px clamp(14px,3vw,26px);border:0;border-radius:clamp(17px,3.2vw,30px);background:#f5f5f7;color:var(--ink);text-align:left}.location-pill>svg:first-child{flex:0 0 auto;color:var(--red);fill:var(--red);stroke:#fff}.location-pill>svg:last-child{flex:0 0 auto;margin-left:auto;color:#7b818a;stroke:currentColor}.location-copy{min-width:0;display:grid;gap:1px}.location-copy small{color:#858b95;font-size:clamp(10px,2vw,17px)}.location-copy strong{overflow:hidden;color:var(--ink);font-size:clamp(12px,2.7vw,23px);font-weight:700;text-overflow:ellipsis;white-space:nowrap}main{padding-top:clamp(10px,2vw,18px)}.search-box{min-height:clamp(48px,9.2vw,79px);display:flex;align-items:center;gap:clamp(12px,2.5vw,24px);padding:0 clamp(14px,3vw,28px);border-radius:clamp(17px,3.2vw,30px);background:#f5f5f7;color:#7f858f}.search-box svg{flex:0 0 auto}.search-box input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:clamp(12px,2.55vw,22px)}.search-box input::placeholder{color:#8a9099;opacity:1}.search-box:focus-within{box-shadow:0 0 0 2px #d3132f33}.offer-banner{position:relative;isolation:isolate;height:clamp(118px,30.2vw,258px);margin-top:clamp(12px,2.2vw,20px);overflow:hidden;border-radius:clamp(17px,3vw,28px);background:#f7e8e9}.offer-banner>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.offer-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#ffe4e8 0%,#ffe9ebed 31%,#fff0ed8c 49%,transparent 72%)}.offer-copy{position:absolute;top:50%;left:clamp(16px,4vw,36px);transform:translateY(-50%);display:grid;justify-items:start}.offer-copy h1{margin:0 0 clamp(9px,1.6vw,15px);color:#491915;font-size:clamp(18px,4.45vw,38px);line-height:1.18;font-weight:800;letter-spacing:-.035em}.offer-copy h1 em{color:var(--red);font-style:normal}.offer-copy>strong{color:var(--red);font-size:clamp(15px,3.4vw,29px);line-height:1.1}.offer-copy>small{margin-top:4px;color:#8c7777;font:600 clamp(6px,1.1vw,10px)/1.2 Arial,sans-serif;letter-spacing:.07em}.offer-side-note{position:absolute;top:54%;right:2.7%;width:17%;margin:0;transform:translateY(-50%) rotate(-7deg);color:#b51d37;font-size:clamp(8px,1.7vw,15px);line-height:1.4;font-weight:700;text-align:center}.offer-side-note span{font-size:1.4em}.categories-section{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(3px,1vw,10px);align-items:start;margin:clamp(18px,3.2vw,30px) 0 clamp(24px,4.4vw,39px)}.category-tile{min-width:0;display:grid;justify-items:center;gap:clamp(5px,1vw,9px);padding:0 0 5px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--ink)}.category-photo{width:clamp(48px,13.4vw,112px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#f5f5f7;color:var(--red);transition:background .18s,transform .18s}.category-photo img{display:block;width:100%;height:100%;object-fit:cover}.category-label{max-width:100%;overflow:hidden;font-size:clamp(9px,2.5vw,21px);line-height:1.2;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.category-tile.selected{border-bottom-color:var(--red);color:var(--red)}.category-tile.selected .category-photo{background:#ffdae1;transform:translateY(-1px)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(12px,2vw,18px);scroll-margin-top:16px}.section-heading h2{margin:0;color:#17212d;font-size:clamp(21px,3.55vw,31px);line-height:1.25;font-weight:800}.section-heading button{display:flex;align-items:center;gap:6px;padding:5px 0;border:0;background:transparent;color:var(--red);font-size:clamp(13px,2.6vw,22px);font-weight:600}.section-heading button span{font-size:1.6em;line-height:.7}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,17px)}.product-card{min-width:0;overflow:hidden;border:1px solid #f0eff0;border-radius:clamp(13px,2vw,18px);background:#fff;box-shadow:0 2px 5px #20242a12}.product-photo-wrap{position:relative;aspect-ratio:1.48;overflow:hidden;background:#f3eee9}.product-photo{display:block;width:100%;height:100%;object-fit:cover}.favorite-button{position:absolute;top:clamp(7px,1.2vw,12px);right:clamp(7px,1.2vw,12px);width:clamp(30px,5.2vw,46px);height:clamp(30px,5.2vw,46px);display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff;filter:drop-shadow(0 1px 2px #35231d7a)}.favorite-button svg{width:clamp(24px,4.2vw,36px);height:clamp(24px,4.2vw,36px)}.favorite-button.is-favorite{color:#ff2948;filter:drop-shadow(0 1px 1px #fff)}.favorite-button.is-favorite svg{fill:currentColor}.product-info{min-height:clamp(74px,11vw,96px);position:relative;padding:clamp(7px,1.3vw,12px) clamp(10px,2vw,19px) clamp(8px,1.4vw,13px)}.product-info h3{overflow:hidden;margin:0 0 2px;color:var(--ink);font-size:clamp(13px,2.55vw,22px);line-height:1.3;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.product-info p{overflow:hidden;margin:0;color:#858b95;font-size:clamp(10px,2.15vw,18px);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:1px}.product-bottom>strong{color:var(--red);font-size:clamp(18px,3.2vw,28px);line-height:1.15;font-weight:800}.add-button{width:clamp(40px,7.2vw,62px);height:clamp(40px,7.2vw,62px);flex:0 0 auto;display:grid;place-items:center;margin-top:-20px;border:0;border-radius:50%;background:var(--red);color:#fff;font:400 clamp(25px,4.5vw,40px)/1 Arial,sans-serif;box-shadow:0 2px 7px #d3132f25}.add-button:hover{background:var(--deep-red)}.demo-note{margin:16px 0 25px;color:#8b9097;font-size:10px}.empty-results{display:grid;justify-items:center;gap:10px;padding:45px 10px;border:1px dashed #e8ded9;border-radius:12px;color:#82746e;font-size:12px}.empty-results button{border:0;background:transparent;color:var(--red);font-size:11px;font-weight:700}.sticky-cart{position:fixed;z-index:6;left:50%;bottom:max(10px,env(safe-area-inset-bottom));width:min(810px,calc(100% - clamp(20px,5.5vw,48px)));min-height:clamp(82px,15.5vw,132px);display:flex;align-items:center;justify-content:space-between;gap:clamp(9px,2vw,18px);padding:clamp(10px,2vw,18px) clamp(15px,4.5vw,38px);transform:translate(-50%);border-radius:clamp(22px,4vw,34px);background:linear-gradient(105deg,#d3132f,#c70e2b);color:#fff;box-shadow:0 5px 16px #9b142c24}.cart-summary{min-width:0;flex:1;display:flex;align-items:center;gap:clamp(10px,2vw,18px)}.cart-icon-wrap{position:relative;width:clamp(40px,8vw,68px);height:clamp(40px,8vw,68px);flex:0 0 auto;display:grid;place-items:center;color:#fff}.cart-icon-wrap svg{width:clamp(34px,6.7vw,57px);height:clamp(34px,6.7vw,57px)}.cart-icon-wrap b{position:absolute;top:-2px;right:-3px;min-width:clamp(22px,4.5vw,39px);height:clamp(22px,4.5vw,39px);display:grid;place-items:center;padding:0 4px;border-radius:50%;background:#fff;color:var(--red);font-size:clamp(12px,2.3vw,20px);font-weight:800}.cart-label{min-width:0;display:grid;gap:3px}.cart-label strong{overflow:hidden;font-size:clamp(14px,3.2vw,27px);line-height:1.25;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.cart-label small{color:#ffe8ec;font-size:clamp(11px,2.6vw,22px);white-space:nowrap}.cart-divider{width:1px;height:clamp(43px,7vw,65px);flex:0 0 auto;background:#ffffff8a}.view-cart-button{min-width:clamp(112px,25vw,220px);min-height:clamp(46px,9vw,82px);display:flex;align-items:center;justify-content:center;gap:8px;padding:0 clamp(12px,2.5vw,23px);border:0;border-radius:999px;background:#fff;color:var(--red);font-size:clamp(14px,3vw,25px);font-weight:800;white-space:nowrap}.view-cart-button span{font-size:1.7em;line-height:.7}.overlay{position:fixed;z-index:10;inset:0;display:flex;justify-content:flex-end;background:#24181580;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s}.cart-drawer{width:min(420px,100%);height:100%;display:flex;flex-direction:column;padding:23px 20px;background:#fff;box-shadow:-12px 0 40px #21181524;animation:slide .2s ease-out}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.drawer-header h2,.info-dialog h2{margin:4px 0 0;font-size:20px}.section-kicker{color:#a75862;font:700 8px Arial,sans-serif;letter-spacing:1.25px}.close-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #eee7e2;border-radius:50%;background:#fff;color:#62544e}.empty-cart{flex:1;display:grid;align-content:center;justify-items:center;color:#857a75;text-align:center}.empty-cart>svg{color:#c7858d}.empty-cart h3{margin:12px 0 3px;color:var(--ink);font-size:15px}.empty-cart p{font-size:10px}.empty-cart>button,.dialog-done{margin-top:10px;padding:10px 20px;border:0;border-radius:8px;background:var(--red);color:#fff;font-size:11px;font-weight:700}.cart-lines{flex:1;overflow:auto}.cart-line{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-line>img{width:54px;height:54px;border-radius:10px;object-fit:cover}.cart-line-copy{flex:1;display:grid;gap:4px}.cart-line-copy strong{font-size:11px}.cart-line-copy small{color:#92847e;font-size:9px}.quantity-controls{display:flex;align-items:center;border:1px solid #eee5e0;border-radius:7px}.quantity-controls button{width:29px;height:29px;border:0;background:#fff;color:var(--red);font-size:18px}.quantity-controls span{min-width:19px;text-align:center;font:700 11px Arial,sans-serif}.total-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);color:#71635d;font-size:10px}.total-row strong{color:var(--red);font:700 16px Arial,sans-serif}.checkout-notice{padding:10px;border-radius:8px;background:#fff5e9;color:#8b7049;font-size:9px;line-height:1.6}.checkout-button{height:42px;margin-top:10px;border:0;border-radius:8px;background:#d9cdc8;color:#fff;font-size:11px;font-weight:700}.info-dialog{position:relative;width:min(400px,calc(100% - 30px));align-self:center;margin:auto;padding:28px;border-radius:14px;background:#fff}.info-dialog .close-button{position:absolute;top:12px;right:12px}.info-dialog h2{margin-top:17px}.info-dialog p{color:#7f726c;font-size:11px;line-height:1.8}.toast{position:fixed;z-index:15;left:50%;bottom:105px;transform:translate(-50%);padding:10px 16px;border-radius:28px;background:#302622;color:#fff;box-shadow:0 6px 18px #30262230;font-size:11px;white-space:nowrap;animation:fade .18s}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{transform:translate(20px);opacity:.75}to{transform:translate(0);opacity:1}}@media(max-width:520px){.app-shell{padding-inline:4%;padding-bottom:112px}.topbar{min-height:65px;gap:6px}.topbar{min-height:65px}.brand-mark{width:58px;height:58px}.brand-copy strong{font-size:clamp(18px,5.2vw,22px)}.brand-copy small{font-size:clamp(9px,2.7vw,11px)}.delivery-badge{width:clamp(130px,35vw,150px);min-height:47px;gap:7px;padding:5px 7px}.delivery-badge svg{width:22px;height:22px}.delivery-badge small{font-size:10px}.delivery-badge strong{font-size:12px}.location-pill{min-height:53px;border-radius:15px}.location-pill>svg:first-child{width:27px;height:27px}.location-pill>svg:last-child{width:19px;height:19px}.location-copy small{font-size:10px}.location-copy strong{font-size:12px}main{padding-top:9px}.search-box{min-height:47px;border-radius:15px}.search-box svg{width:22px;height:22px}.search-box input{font-size:12px}.offer-banner{height:clamp(118px,31vw,150px);margin-top:10px;border-radius:14px}.offer-banner>img{object-position:59% 50%}.offer-shade{background:linear-gradient(90deg,#ffe4e8f7 0%,#ffe9ebeb 35%,#fff0ed75 58%,transparent 78%)}.offer-copy{left:15px}.offer-copy h1{margin-bottom:5px;font-size:clamp(17px,4.8vw,21px)}.offer-copy>strong{font-size:clamp(13px,3.5vw,16px)}.offer-copy>small{font-size:6px}.offer-side-note{right:2%;width:17%;font-size:7px}.categories-section{gap:3px;margin:15px 0 22px}.category-photo{width:clamp(49px,14vw,56px)}.category-photo svg{width:25px;height:25px}.category-label{font-size:clamp(9px,2.6vw,11px)}.section-heading{margin-bottom:10px}.section-heading h2{font-size:21px}.section-heading button{font-size:13px}.product-grid{gap:8px}.product-photo-wrap{aspect-ratio:1.45}.product-info{min-height:75px;padding:7px 9px 8px}.product-info h3{font-size:clamp(12px,3.2vw,14px)}.product-info p{font-size:clamp(9px,2.65vw,11px)}.product-bottom>strong{font-size:19px}.add-button{width:40px;height:40px;font-size:28px}.favorite-button{width:30px;height:30px}.favorite-button svg{width:25px;height:25px}.demo-note{font-size:9px;line-height:1.5}.sticky-cart{width:calc(100% - 22px);min-height:82px;bottom:max(8px,env(safe-area-inset-bottom));gap:9px;padding:9px 13px;border-radius:22px}.cart-summary{gap:8px}.cart-icon-wrap{width:40px;height:43px}.cart-icon-wrap svg{width:35px;height:35px}.cart-icon-wrap b{min-width:22px;height:22px;font-size:12px}.cart-label strong{font-size:clamp(13px,3.5vw,15px)}.cart-label small{font-size:clamp(10px,2.8vw,12px)}.cart-divider{height:43px}.view-cart-button{min-width:112px;min-height:46px;padding-inline:12px;font-size:14px}.toast{bottom:98px}.cart-drawer{padding:18px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}