@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#183b33;background:#f6f8f6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c98518;outline-offset:3px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);background:#fff;border-bottom:1px solid #e0e6e1;gap:16px}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:24px;text-decoration:none;color:#103f35;display:flex;align-items:center;gap:10px}.mark{background:#103f35;color:#fff;border-radius:14px;padding:4px 12px;font-size:32px}.location{font-size:14px}.cart,.primary{border:0;background:#103f35;color:white;border-radius:30px;padding:13px 22px;font-weight:700}.cart span{margin-left:10px;background:#d9ef9e;color:#183b33;border-radius:50%;padding:3px 7px}main{max-width:1240px;margin:auto;padding:24px 32px}.notice{background:#e8eee8;color:#476154;font-size:12px;padding:10px 14px;border-radius:8px;line-height:1.5}.intro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 26px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#607666}h1{font-family:Manrope,sans-serif;font-size:clamp(32px,4.5vw,54px);letter-spacing:-2px;line-height:1.12;margin:12px 0 14px}p{color:#66756e;line-height:1.6}.intro p{margin:0}.city-tag{border:1px solid #b8c7a7;border-radius:50%;width:135px;height:135px;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(8deg);font-size:20px;font-weight:700;background:#e9f0d7}.city-tag small{font-size:10px;letter-spacing:1px}.controls{display:flex;gap:14px;margin:10px 0 22px}.search{display:flex;align-items:center;gap:12px;background:white;border:1px solid #d5ddd5;border-radius:12px;flex:1;padding:0 18px;font-size:28px}.search input{width:100%;padding:18px 0;border:0;outline:none;background:transparent;font-size:16px}select{border:1px solid #d5ddd5;border-radius:12px;padding:15px;background:white;color:#183b33}.filters{display:flex;gap:9px;overflow:auto;padding:0 0 10px}.filters button{white-space:nowrap;border:1px solid #d8e1d7;padding:10px 18px;border-radius:30px;background:#fff;color:#375348}.filters button.active{background:#103f35;color:white;border-color:#103f35}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 8px}h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.6px}#results{font-size:14px;color:#66756e}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border-radius:20px;background:#fff;border:1px solid #e1e7de;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.photo{height:190px;position:relative;background:#dfe8df;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.photo .badge{position:absolute;top:14px;left:14px;background:#fffef5;padding:7px 10px;border-radius:20px;font-size:12px;color:#385140}.card-body{padding:20px}.card h3{font-size:22px;margin:0 0 6px;letter-spacing:-.5px}.meta{font-size:14px;color:#6c7c72;margin-bottom:18px}.halal{font-size:13px;color:#357257;background:#edf6ee;display:inline-block;border-radius:5px;padding:6px 9px;margin-bottom:18px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px}.card-bottom button{background:#f0f4e8;color:#204b3b;border:0;border-radius:20px;padding:10px 15px;font-weight:700}footer{display:flex;justify-content:space-between;gap:25px;margin:35px 0 15px;font-size:12px;color:#687c6e}footer span{max-width:530px;text-align:right}dialog{border:0;border-radius:24px;padding:28px;max-width:590px;width:calc(100% - 24px);color:#183b33;max-height:90dvh;box-shadow:0 20px 90px #001c2733}dialog::backdrop{background:#08282099;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-head h2{margin:0}.dialog-head button{border:0;border-radius:50%;padding:10px 14px;background:#eff3ee;color:#173e31}.detail-note{font-size:14px;background:#edf2e8;padding:12px;border-radius:12px;line-height:1.6}.dish{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e1e7de;padding:18px 0}.dish h3{font-size:17px;margin:0 0 5px}.dish p{font-size:14px;line-height:1.4;margin:0 0 7px}.add{background:#103f35;color:white;border:0;border-radius:50%;min-width:40px;height:40px;font-size:23px}.wide{width:100%;margin-top:20px}.qty{display:flex;align-items:center;gap:12px}.qty button{border:1px solid #d9e0d5;background:white;border-radius:50%;width:32px;height:32px}.summary{display:flex;justify-content:space-between;margin-top:20px;font-size:19px;font-weight:700}.empty{padding:30px;text-align:center}.empty h3{font-size:22px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#103f35;color:#fff;padding:14px 22px;border-radius:20px;display:none;z-index:10;max-width:90%;text-align:center}.success{font-size:44px}.inline-note{font-size:13px;color:#607367}.reset-question{padding:20px;background:#f1f4e9;border-radius:12px} @media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-tag{display:none}}@media(max-width:600px){header{height:76px}.brand{font-size:19px}.mark{font-size:27px}.location{display:none}main{padding:16px}.intro{padding:30px 0 20px}h1{letter-spacing:-1px}.intro p{font-size:15px}.controls{flex-direction:column;gap:10px}.search input{padding:14px 0}select{padding:12px}.grid{grid-template-columns:1fr;gap:18px}.photo{height:210px}.section-title h2{font-size:21px}footer{flex-direction:column}footer span{text-align:left}.card-body{padding:18px}dialog{padding:22px}h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.intro-food{width:148px;height:148px;object-fit:cover;border-radius:24px;margin-left:20px}.controls{flex-wrap:wrap}.search{min-width:260px}.controls select{max-width:100%}.place-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.place-top .halal{margin:0;font-size:12px;max-width:68%}.area-pill{font-size:13px;color:#476154;padding-top:6px}.food-style{font-size:15px;color:#345749;line-height:1.5;margin-top:10px}.origin-line{font-size:13px;margin:7px 0 14px}.address-link{display:block;color:#375b4c;font-size:15px;text-decoration:none;line-height:1.5}.address-link:hover{text-decoration:underline}.phone-line{margin:12px 0 20px;font-size:14px;min-height:21px}.phone-line a{color:#103f35;font-weight:700}.origin-help{font-size:13px;margin:5px 0 15px}.card-bottom>span{font-size:12px;color:#66776c}.card h3{line-height:1.3}.grid{align-items:stretch}.card-body{height:100%;display:flex;flex-direction:column}.card-bottom{margin-top:auto}.card-bottom button{white-space:nowrap}.card{transition:none}.card:hover{transform:none}@media(max-width:600px){.intro-food{display:none}.controls select{width:100%}.search{min-width:0}.place-top .halal{max-width:65%}}

.card{display:flex;flex-direction:column}.card-body{height:auto;flex:1}.restaurant-image{margin:0;background:#e8eee8;position:relative;overflow:hidden}.restaurant-image img{display:block;width:100%;height:100%;object-fit:cover}.restaurant-image img[hidden]{display:none}.card-image{display:block;border:0;padding:0;width:100%;aspect-ratio:8/5;flex-shrink:0;border-radius:0;color:#476154}.card-image img{transition:transform .25s}.card-image:hover img{transform:scale(1.035)}.detail-image{margin:20px 0;border-radius:14px}.detail-image img{height:auto;max-height:360px;object-fit:contain}.detail-image figcaption{padding:9px 12px;font-size:13px;background:#eff3ee}.detail-image a{color:#375b4c}.photo-error:not([hidden]){display:flex;align-items:center;justify-content:center;min-height:150px;padding:25px;font-size:14px}.photo-missing{font-size:14px;color:#66756e}

.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}.contact-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 9px;border-radius:12px;background:#edf3e8;color:#103f35;text-decoration:none;font-size:15px;font-weight:700;text-align:center}.contact-actions .contact-call{background:#103f35;color:white}.contact-options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px}.contact-options a,.contact-options button{font:inherit;font-size:14px;color:#375b4c;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}.contact-options button{background:none;border:0;padding:0;cursor:pointer}.contact-help{font-size:14px}.address-link,.phone-line a{min-height:44px;display:flex;align-items:center}.phone-line{margin:4px 0 12px}

.rating-summary{margin:7px 0 0;font-size:14px;font-weight:700;color:#845800}.reviews{margin-top:28px;border-top:1px solid #d8e1d7;padding-top:20px}.reviews h3{font-size:22px;margin:0 0 8px}.reviews h4{font-size:18px;margin:0 0 16px}.review-disclosure,.review-hint{font-size:14px}.visitor-review{border-top:1px solid #d8e1d7;padding:16px 0}.visitor-review>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.visitor-review p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.visitor-review time{font-size:13px;color:#66756e}.review-stars{color:#845800}.reviews form{margin-top:24px;background:#f2f6ef;padding:18px;border-radius:16px}.reviews form>label{display:block;font-size:15px;font-weight:700;margin:14px 0 7px}.reviews input:not([type=radio]),.reviews textarea{font:inherit;width:100%;padding:12px;border:1px solid #b9c7bd;border-radius:8px;background:white;color:#183b33}.reviews textarea{resize:vertical}.star-picker{border:0;padding:0;margin:18px 0;display:flex;gap:8px}.star-picker legend{font-weight:700;font-size:15px;margin-bottom:8px}.star-picker label{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:60px;cursor:pointer;border-radius:9px;background:white;border:1px solid #b9c7bd}.star-picker input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.star-picker label:has(input:checked){background:#103f35;color:white;border-color:#103f35}.star-picker label:has(input:focus-visible){outline:3px solid #c98518;outline-offset:3px}.star-picker span[aria-hidden]{font-size:24px}.star-number{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.review-secondary{min-height:44px;padding:8px 14px;background:#edf3e8;color:#103f35;border:1px solid #bdcbbb;border-radius:9px;font:inherit;cursor:pointer}.reviews button:disabled{opacity:.6;cursor:wait}#reviewStatus{font-size:14px;overflow-wrap:anywhere}

.detail-image img{margin-inline:auto;width:auto;max-width:100%;height:auto;max-height:420px;object-fit:contain}.card-image:hover img{transform:none}

.portrait-dish img{object-fit:contain}

/* Full-width dish photos on cards and restaurant details. */
.card-image{aspect-ratio:8/5;background:#e8eee8}.card-image img,.portrait-dish img{width:100%;height:100%;object-fit:cover;object-position:center}.detail-image img{display:block;width:100%;height:clamp(230px,58vw,350px);max-width:none;max-height:none;object-fit:cover;object-position:center}

.restaurant-image img[src$="dish-157.webp"]{object-position:center bottom}

/* Display the approved original logo without its transparent outer margins. */
header .brand{flex-shrink:0;display:block}
.brand-logo{display:block;position:relative;overflow:hidden;width:310px;aspect-ratio:4/1}
.brand-logo img{position:absolute;max-width:none;width:149.831081%;height:auto;left:-25%;top:-99.662162%}
@media(max-width:600px){header{gap:12px;padding-left:16px;padding-right:16px}.brand-logo{width:220px}.cart{padding:12px 14px;font-size:14px;white-space:nowrap}.cart span{margin-left:5px}}
@media(max-width:380px){.brand-logo{width:175px}header{gap:8px}.cart{padding:11px 10px}}

footer,footer span,footer a,footer a:visited,footer .site-visit-count{color:#354d40;}
