@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--pink:#f8dce3;--red:#ac244d;--ink:#35262b;--cream:#fffaf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px 'DM Sans',Arial,sans-serif}.preview{background:#622b41;color:white;text-align:center;font-size:12px;padding:9px;letter-spacing:.04em}header,main,footer{max-width:1280px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 48px}.brand{font:800 23px Outfit,Arial;letter-spacing:-1px;color:var(--red);text-decoration:none}.brand span{display:block;font:10px 'DM Sans',Arial;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:30px;align-items:center}a{color:inherit}nav a{text-decoration:none;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #724091;outline-offset:4px}#bag{background:var(--red);color:white;border-radius:30px;padding:13px 20px}#count{margin-left:10px}.hero{margin:10px 24px 0;padding:58px 52px;background:var(--pink);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--red)}h1,h2,h3{font-family:Outfit,Arial;margin:12px 0}h1{font-size:64px;line-height:1.04;letter-spacing:-2.7px}h1 em{font-style:normal;color:var(--red)}.hero p{line-height:1.7}.primary{display:inline-flex;justify-content:center;gap:30px;background:var(--red);color:white;text-decoration:none;border-radius:12px;padding:17px 24px;font-weight:700;margin-top:12px}.small{font-size:12px;line-height:1.6;color:#705d65}.hero-photo{position:relative;height:390px}.hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:100px 20px 100px 20px}.stamp{position:absolute;bottom:-15px;right:-12px;background:#fceba9;border:5px solid var(--pink);border-radius:50%;width:118px;height:118px;display:grid;place-content:center;text-align:center;transform:rotate(10deg);font-weight:700;font-size:15px}.steps{display:flex;justify-content:space-around;padding:32px 20px;border-bottom:1px solid #eadde0;margin:0 48px;font-size:13px}.steps b{margin-right:12px;color:var(--red)}#menu{padding:55px 48px}.section-title{display:flex;justify-content:space-between;align-items:end}h2{font-size:34px;letter-spacing:-1px}.section-title>p{font-size:12px;color:#76666c}.filters{display:flex;gap:10px;margin:24px 0}.filters button{background:white;border:1px solid #e3d5da;border-radius:24px;padding:10px 18px;font-size:13px}.filters .active{background:var(--red);color:white;border-color:var(--red)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{background:white;border:1px solid #eadfe1;border-radius:18px;display:flex;padding:15px;gap:18px;align-items:center}.card img{width:115px;height:125px;object-fit:cover;border-radius:12px}.card h3{font-size:19px;margin:0 0 6px}.card p{font-size:12px;color:#7b6971;margin:0 0 18px}.card-body{flex:1}.card-bottom{display:flex;justify-content:space-between;align-items:center}.add{background:#f9e6ec;color:var(--red);border-radius:50%;width:35px;height:35px;font-size:25px}.note{font-size:12px;color:#7c6a71;line-height:1.6;margin-top:25px}.visit{margin:0 24px 35px;background:#f5e9de;border-radius:20px;padding:45px 52px;display:flex;justify-content:space-between}.visit p{line-height:1.7}.visit a{color:var(--red);font-weight:700}footer{padding:25px 48px 45px;font-weight:700;color:var(--red);display:flex;justify-content:space-between}footer span{font-size:12px;font-weight:400}dialog{border:0;border-radius:22px;padding:25px;width:min(540px,94vw);max-height:90vh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#301a2580;backdrop-filter:blur(3px)}.dialogtop{display:flex;justify-content:space-between;align-items:center}.dialogtop h2{font-size:26px}.close{background:#efdee3;border-radius:50%;width:35px;height:35px}.line{display:flex;justify-content:space-between;gap:12px;padding:18px 0;border-bottom:1px solid #eadde0}.line small{display:block;color:#7e6671;margin-top:5px}.qty{display:flex;align-items:center;gap:12px}.qty button{border-radius:8px;width:28px;height:28px;background:#f5dbe4}.total{display:flex;justify-content:space-between;font-size:22px;padding:24px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:600;margin:14px 0}input,select,textarea{width:100%;border:1px solid #dacbd1;background:white;border-radius:9px;padding:12px;margin-top:7px;color:var(--ink)}textarea{resize:vertical;min-height:80px}.notice{background:#f8ebd4;color:#64503c;padding:15px;border-radius:10px;font-size:13px;line-height:1.6;margin:18px 0}#error{color:#a21d43}#summary{line-height:1.8}@media(max-width:760px){header{padding:20px}nav{gap:12px}nav a{display:none}.brand{font-size:19px}.hero{margin:0 12px;padding:30px 25px;grid-template-columns:1fr;gap:20px}h1{font-size:49px}.hero-photo{height:260px}.steps{margin:0 15px;padding:22px 0;gap:12px;font-size:10px}.steps b{display:block;margin-bottom:7px}#menu{padding:35px 20px}.section-title{display:block}h2{font-size:29px}.grid{grid-template-columns:1fr}.card img{width:95px;height:105px}.visit{margin:0 12px;padding:30px;display:block}.visit>div+div{margin-top:25px}footer{padding:20px;font-size:12px}.filters{gap:7px}.filters button{padding:10px 13px}.fields{grid-template-columns:1fr} }

/* Display the original brand panel from the supplied artwork. */
.brand{display:block;flex-shrink:0}.brand .brand-logo{display:block;width:265px;height:110px;margin:0;border-radius:18px;background-image:url("assets/brand-source.png");background-size:960px 540px;background-position:-149px -7px;background-repeat:no-repeat}header{padding-top:16px;padding-bottom:16px}@media(max-width:760px){.brand .brand-logo{width:185.5px;height:77px;background-size:672px 378px;background-position:-104.3px -4.9px;border-radius:13px}header{gap:12px}#bag{padding:12px 14px;font-size:13px}}

.filters{flex-wrap:wrap}.add:disabled{width:auto;border-radius:10px;font-size:12px;padding:7px;opacity:.6;cursor:default}

.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}.category-grid[hidden],#category-detail[hidden]{display:none}.category-tile{padding:0;text-align:left;background:white;border:1px solid #eadce1;border-radius:20px;overflow:hidden;color:var(--ink);transition:transform .2s}.category-tile:hover{transform:translateY(-4px)}.category-tile>img{width:100%;height:260px;object-fit:cover;object-position:center 36%;display:block}.category-copy{padding:20px;display:grid;gap:10px}.category-copy b{font:600 24px Outfit,Arial}.category-copy small{font-size:13px;color:#715c66;min-height:34px}.category-copy>span{font-weight:700;color:var(--red);font-size:14px}.category-symbol{height:260px;display:grid;place-content:center;font-size:100px;background:#f8dce3}.category-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;margin:25px 0}.category-intro>img{width:100%;max-height:680px;object-fit:contain;border-radius:14px}.category-intro p{line-height:1.8}.back-menu{padding:12px 18px;background:#f8dce3;color:var(--red);border-radius:12px;margin-top:20px}#category-detail{scroll-margin-top:18px}.wet-preview{width:100%!important;height:auto!important;max-height:420px;object-fit:contain!important;margin:12px 0}.floating-bag{position:fixed;right:24px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:30;background:var(--red);color:white;padding:16px 20px;border-radius:50px;box-shadow:0 7px 25px #57233e44;display:flex;align-items:center;gap:14px;font-weight:700}.floating-bag b{background:white;color:var(--red);border-radius:50%;min-width:28px;height:28px;display:grid;place-content:center}.floating-bag span{border-left:1px solid #ffffff66;padding-left:14px}body{padding-bottom:95px}@media(max-width:760px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile>img,.category-symbol{height:195px}.category-copy{padding:14px}.category-copy b{font-size:20px}.category-copy small{font-size:12px;min-height:46px}.category-intro{grid-template-columns:1fr;gap:15px}.floating-bag{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:12px 16px}.category-intro>img{max-height:600px}}

.option-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e4d7dc;border-radius:12px;padding:17px;background:white}.option-row input{width:22px;height:22px;margin:0 10px 0 0;vertical-align:middle;accent-color:var(--red)}.option-row span{display:flex;align-items:center}.option-row b{font-size:13px;white-space:nowrap}#option-add{width:100%;position:sticky;bottom:0}#option-qty{max-width:120px}.voucher{padding-top:16px;border-top:1px solid #eadde0}.voucher button{padding:12px 18px;border-radius:10px;background:#f8dce3;color:var(--red)}#voucher-message{font-size:13px;line-height:1.5}

.sauce-field{border:0;padding:0;margin:20px 0}.sauce-field legend{font-weight:700;font-size:20px}.sauce-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sauce-card{display:flex;flex-direction:column;gap:10px;border:2px solid #eadce1;border-radius:12px;overflow:hidden;padding:0 0 12px;background:white;cursor:pointer;min-width:0}.sauce-card:has(input:checked){border-color:var(--red);background:#fff0f5}.sauce-card img{width:100%;height:100px;object-fit:cover}.sauce-card>span{display:flex;align-items:center;gap:5px;padding:0 8px}.sauce-card input,.no-sauce input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:var(--red)}.sauce-card b{font-size:13px}.sauce-card small{padding:0 8px;line-height:1.45;font-size:12px;font-weight:400}.no-sauce{display:flex;gap:10px;align-items:center;font-size:13px}@media(max-width:480px){.sauce-row{gap:6px}.sauce-card img{height:78px}.sauce-card>span{padding:0 5px;align-items:start}.sauce-card b{font-size:12px}.sauce-card small{font-size:11px;padding:0 6px}.sauce-card input{width:16px;height:16px}}

.pending-item .card-body{display:grid;grid-template-columns:110px 1fr;column-gap:18px;align-items:center}.pending-item h3{grid-column:2}.pending-item p{grid-column:2}.extracted-thumbnail,.item-thumbnail{grid-column:1;grid-row:1/3;display:block;width:110px!important;height:110px!important;border-radius:12px;background-repeat:no-repeat;background-color:#fff;object-fit:cover;filter:contrast(1.035) saturate(1.025)}@media(max-width:480px){.pending-item .card-body{grid-template-columns:90px 1fr;gap:8px 12px}.extracted-thumbnail,.item-thumbnail{width:90px!important;height:90px!important}}

.hero-copy{min-width:0}.hero h1{font-size:clamp(36px,4.3vw,60px);min-height:3.15em}.hero #hero-description{min-height:3.4em}.hero-controls{display:flex;align-items:center;gap:12px;margin-top:22px}.hero-controls button{background:#fff8;color:var(--red);border-radius:50%;min-width:36px;height:36px;font-weight:700}.hero-controls #hero-pause{border-radius:20px;padding:0 12px;font-size:12px}#hero-dots{display:flex;gap:8px}#hero-dots button{min-width:10px;width:10px;height:10px;padding:0;background:#ac244d40}#hero-dots button[aria-current=true]{background:var(--red)}.hero-photo img{object-position:center 45%}.social-follow{display:flex;flex-wrap:wrap;gap:16px;padding:24px 48px 0}.social-sticker{display:flex;align-items:center;gap:14px;padding:15px 22px;border-radius:16px;text-decoration:none;flex:1;min-width:250px;box-shadow:0 3px 0 #35262b12;transition:transform .2s}.social-sticker:hover{transform:translateY(-2px)}.facebook{background:#e8f0ff;color:#164995}.instagram{background:#fbe5ed;color:#9b2855}.social-icon{width:32px;height:32px;flex-shrink:0;font:bold 38px Arial;text-align:center;line-height:36px}.social-sticker b,.social-sticker small{display:block}.social-sticker b{font-size:15px}.social-sticker small{margin-top:5px;font-size:12px}@media(max-width:760px){.hero h1{font-size:42px;min-height:3.15em}.social-follow{padding:20px 20px 0;gap:12px}.social-sticker{padding:14px 18px;min-width:0;flex-basis:100%}.hero-controls{gap:8px}.hero-photo{height:300px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.social-sticker{transition:none}}
.phone-sticker{display:inline-flex;align-items:center;gap:12px;background:white;border:1px solid #e4cbd2;padding:14px 20px;border-radius:18px;text-decoration:none;box-shadow:0 3px 0 #35262b12}.phone-sticker svg{width:29px;height:29px}.phone-sticker small{display:block;font-size:11px;margin-bottom:4px;font-weight:500}.special-request{margin:0 24px;background:var(--pink);border-radius:20px;padding:30px 52px;display:flex;gap:30px;align-items:center;justify-content:space-between}.special-request p{max-width:580px;line-height:1.65}.messenger-sticker{display:inline-flex;align-items:center;gap:12px;background:#1264de;color:white;text-decoration:none;border-radius:18px;padding:16px 22px;font-weight:700;flex-shrink:0}.messenger-sticker svg{width:32px;height:32px}.social-follow{padding-bottom:30px}.location-map{margin:0 24px 35px;border:1px solid #eadce1;border-radius:20px;overflow:hidden;background:white}.map-heading{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.map-heading p{font-size:14px}.map-heading a{font-weight:700;color:var(--red)}.location-map iframe{display:block;width:100%;height:360px;border:0}@media(max-width:760px){.special-request{margin:0 12px;padding:25px;display:block}.messenger-sticker{margin-top:10px}.location-map{margin:0 12px 25px}.map-heading{display:block;padding:24px}.map-heading a{display:inline-block;margin-top:8px}.location-map iframe{height:300px}}

.footer-contact{margin-bottom:30px}.footer-contact .social-follow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.footer-contact .social-sticker{min-width:0}.footer-contact .phone-sticker{background:#f3e9df;color:var(--red);justify-content:center}.footer-contact .special-request{margin-top:0}@media(max-width:760px){.footer-contact .social-follow{grid-template-columns:1fr}.footer-contact .phone-sticker{justify-content:flex-start;padding:15px 22px}}

.google-review-sticker{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid #e4cbd2;padding:14px 20px;border-radius:18px;text-decoration:none;box-shadow:0 3px 0 #35262b12}.google-review-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#edf3ff;color:#4285f4;font:bold 28px Arial}.google-review-sticker small{display:block;font-size:11px;margin-top:5px;font-weight:400}.google-review-sticker b{font-size:15px}

.pickup-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.pickup-confirm input,.payment-options input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--red)}.payment-options{border:1px solid #e5d5dd;border-radius:10px;padding:15px}.payment-options legend{font-weight:700}.payment-options label{display:flex;gap:10px;align-items:center}

[hidden]{display:none!important}.social-follow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.special-request{margin-bottom:35px}.opening-hours{font-size:13px;font-weight:400;color:var(--ink);margin-top:20px;line-height:1.8}.opening-hours strong{font-size:14px}.account-actions{display:flex;gap:8px}.account-actions button{background:#f8dce3;color:var(--red);border-radius:20px;padding:10px 15px}.provider-login{width:100%;padding:14px;margin-top:12px;background:white;border:1px solid #dacbd1;border-radius:10px}#account fieldset{border:0;padding:0}#account fieldset:disabled{opacity:.6}#account fieldset legend{font-weight:700}#account fieldset input[type=checkbox]{width:20px}.payment-options label{line-height:1.5}.social-follow>a{min-width:0}@media(max-width:760px){header{flex-wrap:wrap}header nav{width:100%;justify-content:space-between}.account-actions button{padding:9px 13px}.social-follow{grid-template-columns:1fr;margin:0 12px}footer{gap:20px;align-items:start}.special-request{margin-top:20px}}