:root{
  --orange:#E85A00; --orange-dark:#C24B00; --orange-soft:#FFF4EB;
  --navy:#0F172A; --navy-2:#1E293B;
  --green:#15803D; --green-soft:#DCFCE7; --wa:#1FAF54; --wa-dark:#178E44;
  --blue:#0277BD; --blue-dark:#01579B; --blue-soft:#E0F2FE;
  --gold:#B45309; --gold-soft:#FEF3C7;
  --ink:#0F172A; --muted:#64748B; --line:#E2E8F0; --line-2:#CBD5E1;
  --bg:#F3F5F8; --surface:#FFFFFF;
  --radius:12px; --radius-sm:8px;
  --shadow:0 8px 24px -12px rgba(15,23,42,.22);
  --head:'Outfit',system-ui,sans-serif; --body:'Plus Jakarta Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{scroll-behavior:smooth; scroll-padding-top:80px}
body{font-family:var(--body); color:var(--ink); background:var(--bg); line-height:1.5; font-size:15px; -webkit-font-smoothing:antialiased}
a{color:var(--blue); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; height:auto; display:block}
h1,h2,h3{font-family:var(--head); letter-spacing:-.01em; color:var(--ink); margin:0 0 .5em; line-height:1.2}
h1{font-size:clamp(1.6rem,3.6vw,2.25rem); font-weight:800}
h2{font-size:clamp(1.1rem,2vw,1.35rem); font-weight:700}
h3{font-size:1.05rem; font-weight:700}
p{margin:0 0 1em}
.muted{color:var(--muted)}
.small{font-size:.85rem; margin-top:8px}
.container{width:100%; max-width:1240px; margin:0 auto; padding:0 16px}
@media(min-width:900px){.container{padding:0 28px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
button,input,textarea,select{font:inherit}
::selection{background:var(--orange); color:#fff}

/* Top bar */
.topbar{position:sticky; top:0; z-index:50; background:var(--surface); border-bottom:1px solid var(--line); box-shadow:0 1px 0 rgba(15,23,42,.02)}
.topbar__inner{display:flex; align-items:center; gap:16px; height:64px}
.brand{display:flex; align-items:center; gap:8px; font-family:var(--head); font-weight:800; font-size:1.2rem; color:var(--navy); flex:none}
.brand:hover{text-decoration:none}
.brand__mark{display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:var(--orange); color:#fff; font-size:1.05rem}
.brand__name span{color:var(--orange)}
.hsearch{flex:1; display:flex; max-width:520px; height:42px; border:1.5px solid var(--line-2); border-radius:var(--radius-sm); overflow:hidden; background:#fff; transition:border-color .2s ease}
.hsearch:focus-within{border-color:var(--orange)}
.hsearch input{flex:1; min-width:0; border:0; outline:0; padding:0 12px; font-size:.92rem}
.hsearch button{width:48px; border:0; background:var(--orange); color:#fff; cursor:pointer; display:grid; place-items:center; transition:background-color .2s ease}
.hsearch button:hover{background:var(--orange-dark)}
.topbar__nav{display:flex; align-items:center; gap:14px; margin-left:auto; font-weight:600; font-size:.9rem; flex:none}
.topbar__list{color:var(--navy)}
.topbar__free{background:var(--green); color:#fff; font-size:.65rem; padding:1px 6px; border-radius:4px; margin-left:4px; vertical-align:2px; text-transform:uppercase}
.topbar__login{background:var(--blue); color:#fff; padding:8px 16px; border-radius:var(--radius-sm); transition:background-color .2s ease}
.topbar__login:hover{background:var(--blue-dark); text-decoration:none}
@media(max-width:720px){.topbar__inner{gap:10px}.topbar__list{display:none}.brand__name{display:none}.hsearch{height:38px}.hsearch input{padding:0 8px; font-size:.85rem}.hsearch button{width:40px}.topbar__login{padding:7px 12px}}

/* Footer */
.footer{background:var(--navy); color:#CBD5E1; margin-top:56px; padding:36px 0 90px; font-size:.9rem}
.footer__inner{display:grid; gap:20px}
@media(min-width:720px){.footer__inner{grid-template-columns:2fr 1fr}.footer{padding-bottom:28px}}
.footer__brand{font-family:var(--head); font-weight:800; font-size:1.3rem; color:#fff; margin:0 0 6px}
.footer__brand span{color:var(--orange)}
.footer__tag{max-width:46ch; margin:0}
.footer__links{display:grid; gap:8px}
.footer a{color:#E2E8F0}
.footer__legal{border-top:1px solid rgba(255,255,255,.1); margin-top:24px; padding-top:16px; color:#94A3B8}
.footer__legal p{margin:0}

/* Buttons */
.btn{display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 18px; border-radius:var(--radius-sm); border:0; font-weight:700; font-size:.92rem; cursor:pointer; transition:background-color .2s ease, transform .15s ease}
.btn:active{transform:scale(.97)}
.btn--orange{background:var(--orange); color:#fff}
.btn--orange:hover{background:var(--orange-dark); text-decoration:none}
.btn--block{width:100%; margin-top:10px}
.btn[disabled]{opacity:.6; cursor:progress}

/* Badges & rating */
.rate{display:inline-flex; align-items:center; gap:3px; background:var(--green); color:#fff; font-weight:800; font-size:.82rem; padding:2px 7px; border-radius:5px; line-height:1.4}
.rate span{font-size:.75rem}
.rate--new{background:#E2E8F0; color:var(--muted); font-weight:700}
.rate-count{font-size:.82rem; color:var(--muted); font-weight:600}
.tag{display:inline-flex; align-items:center; gap:3px; font-style:normal; font-size:.72rem; font-weight:700; padding:2px 7px; border-radius:5px; line-height:1.4}
.tag--verified{background:var(--blue-soft); color:var(--blue); border:1px solid #BAE6FD}
.tag--top{background:var(--gold-soft); color:var(--gold); border:1px solid #FDE68A; text-transform:uppercase; letter-spacing:.04em}
.pill{display:inline-flex; align-items:center; padding:3px 10px; border-radius:999px; font-size:.78rem; font-weight:700; background:#F1F5F9; color:var(--navy-2)}
.pill--open{background:var(--green-soft); color:var(--green)}
.pill--closed{background:#FEE2E2; color:#B91C1C}
.pill--cat{background:var(--brand-soft,var(--orange-soft)); color:var(--brand-dark,var(--orange-dark))}
.pill--muted{background:#F1F5F9; color:var(--muted)}
.js-open{font-weight:700}
.js-open.is-open{color:var(--green)} .js-open.is-closed{color:#B91C1C}

/* Home hero */
.jhero{background:var(--navy); color:#fff; padding:44px 0 36px; position:relative; overflow:hidden}
.jhero::after{content:""; position:absolute; right:-120px; top:-120px; width:420px; height:420px; border-radius:50%; background:var(--orange); opacity:.12; pointer-events:none}
.jhero .container{position:relative; z-index:1}
.jhero__title{color:#fff; max-width:22ch; animation:rise .5s ease both}
.jhero__title span{color:#FDBA74}
.jhero__lead{color:#CBD5E1; max-width:58ch; animation:rise .5s .08s ease both}
.jsearch{display:flex; flex-wrap:wrap; background:#fff; border-radius:var(--radius); padding:6px; gap:6px; max-width:820px; box-shadow:0 18px 40px -18px rgba(0,0,0,.5); animation:rise .5s .16s ease both}
.jsearch__loc{display:flex; align-items:center; gap:6px; padding:0 10px; color:var(--orange); border-right:1px solid var(--line); flex:0 0 auto}
.jsearch__loc select{border:0; outline:0; background:transparent; height:48px; font-weight:600; color:var(--ink); max-width:170px; cursor:pointer}
.jsearch__q{flex:1 1 220px; display:flex}
.jsearch__q input{flex:1; min-width:0; border:0; outline:0; height:48px; padding:0 10px; font-size:1rem; color:var(--ink)}
.jsearch__btn{display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 22px; border:0; border-radius:var(--radius-sm); background:var(--orange); color:#fff; font-weight:800; cursor:pointer; transition:background-color .2s ease, transform .15s ease}
.jsearch__btn:hover{background:var(--orange-dark)}
.jsearch__btn:active{transform:scale(.97)}
@media(max-width:600px){.jsearch__loc{flex:1 1 100%; border-right:0; border-bottom:1px solid var(--line)}.jsearch__loc select{max-width:none; flex:1}.jsearch__btn span{display:none}}
.jhero__trust{list-style:none; display:flex; flex-wrap:wrap; gap:8px 22px; padding:0; margin:18px 0 0; color:#94A3B8; font-size:.88rem}
.jhero__trust b{color:#fff}
@keyframes rise{from{opacity:0; transform:translateY(10px)}to{opacity:1; transform:none}}
.sresults{max-width:820px; margin-top:10px; display:grid; gap:6px}
.sresults__count{margin:0; color:#CBD5E1; font-size:.82rem}
.hsec .sresults__count{color:var(--muted)}
.sresults__empty{margin:0; padding:10px 12px; background:#fff; color:var(--muted); border-radius:var(--radius-sm)}
.shit{display:flex; align-items:center; gap:12px; padding:10px 12px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); color:var(--ink); transition:border-color .2s ease, transform .15s ease}
.shit:hover{border-color:var(--orange); text-decoration:none; transform:translateX(2px)}
.shit img,.shit__ph{width:44px; height:44px; border-radius:8px; object-fit:cover; background:var(--orange-soft); color:var(--orange); flex:none; display:grid; place-items:center; font-weight:800; font-family:var(--head)}
.shit__txt{flex:1; min-width:0}
.shit strong{display:flex; gap:6px; align-items:center; flex-wrap:wrap; font-weight:700}
.shit small{display:block; color:var(--muted); font-size:.82rem}

/* Home sections */
.hsec{margin-top:36px}
.hsec__head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px}
.hsec__head h2{margin:0}
.hsec__note{color:var(--muted); font-size:.85rem}
.catgrid{display:grid; grid-template-columns:repeat(4,1fr); gap:10px}
@media(min-width:720px){.catgrid{grid-template-columns:repeat(6,1fr)}}
@media(min-width:1100px){.catgrid{grid-template-columns:repeat(8,1fr)}}
.catcell{display:flex; flex-direction:column; align-items:center; gap:8px; padding:14px 6px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); color:var(--ink); text-align:center; transition:transform .15s ease, border-color .2s ease, box-shadow .2s ease}
.catcell:hover{transform:translateY(-3px); border-color:var(--orange); box-shadow:var(--shadow); text-decoration:none}
.catcell__ico{display:grid; place-items:center; width:52px; height:52px; border-radius:14px}
.catcell__ico.c0{background:#FFF4EB; color:#E85A00} .catcell__ico.c1{background:#E0F2FE; color:#0277BD} .catcell__ico.c2{background:#DCFCE7; color:#15803D}
.catcell__ico.c3{background:#FCE7F3; color:#BE185D} .catcell__ico.c4{background:#FEF3C7; color:#B45309} .catcell__ico.c5{background:#EDE9FE; color:#6D28D9}
.catcell__name{font-size:.8rem; font-weight:700; line-height:1.25}
.feat{display:grid; grid-auto-flow:column; grid-auto-columns:minmax(230px,1fr); gap:12px; overflow-x:auto; padding-bottom:6px; scroll-snap-type:x mandatory}
@media(min-width:1000px){.feat{grid-auto-flow:row; grid-template-columns:repeat(4,1fr)}}
.fcard{scroll-snap-align:start; display:flex; flex-direction:column; background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; color:var(--ink); transition:transform .15s ease, box-shadow .2s ease}
.fcard:hover{transform:translateY(-3px); box-shadow:var(--shadow); text-decoration:none}
.fcard__img{position:relative; aspect-ratio:16/10; background:var(--orange-soft)}
.fcard__img img{width:100%; height:100%; object-fit:cover}
.fcard__ribbon{position:absolute; top:10px; left:10px}
.fcard__body{display:grid; gap:6px; padding:12px 14px 14px}
.fcard__body strong{font-family:var(--head); font-size:1.02rem}
.fcard__body small{color:var(--muted)}
.locchips{display:flex; flex-wrap:wrap; gap:8px}
.locchip{display:inline-flex; align-items:center; gap:6px; padding:8px 14px; background:#fff; border:1px solid var(--line); border-radius:999px; color:var(--ink); font-weight:600; font-size:.88rem; transition:border-color .2s ease, color .2s ease}
.locchip svg{color:var(--orange)}
.locchip:hover{border-color:var(--orange); color:var(--orange-dark); text-decoration:none}
.plans{display:grid; gap:12px}
@media(min-width:800px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px}
.plan--pro{border:2px solid var(--orange); background:linear-gradient(180deg,var(--orange-soft),#fff 60%)}
.plan__name{font-family:var(--head); font-weight:800; font-size:1.1rem; margin:0; display:flex; gap:8px; align-items:center}
.plan__price{font-family:var(--head); font-weight:800; font-size:2rem; margin:4px 0 10px}
.plan__price small{font-size:.9rem; color:var(--muted); font-weight:600}
.plan ul{margin:0; padding-left:18px; display:grid; gap:6px; color:#334155}
.plans__cta{margin-top:14px; color:var(--muted)}

/* Listing */
.breadcrumbs{padding-top:14px; padding-bottom:6px; font-size:.84rem; color:var(--muted)}
.breadcrumbs ol{list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:6px}
.breadcrumbs li+li::before{content:"›"; margin-right:6px; color:#94a3b8}
.breadcrumbs a{color:var(--muted)}
.lhead__title{margin:4px 0 4px}
.lhead__count{color:var(--muted); font-size:.9rem; margin:0 0 12px}
.lhead__count b{color:var(--ink)}
.chips{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px}
.chip{display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--ink); font-weight:600; font-size:.86rem; transition:border-color .2s ease}
.chip:hover{border-color:var(--orange); text-decoration:none}
.chip span{background:var(--orange-soft); color:var(--orange-dark); border-radius:999px; padding:0 7px; font-size:.72rem}
.fbar{display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 0 14px; border-bottom:1px solid var(--line); margin-bottom:14px}
.fbar__sort{display:flex; align-items:center; gap:6px; font-size:.85rem; font-weight:600; color:var(--muted)}
.fbar__sort select{height:36px; border:1px solid var(--line-2); border-radius:var(--radius-sm); padding:0 8px; background:#fff; color:var(--ink); font-weight:600}
.fbtn{height:36px; padding:0 14px; border-radius:var(--radius-sm); border:1px solid var(--line-2); background:#fff; color:var(--ink); font-weight:600; font-size:.85rem; cursor:pointer; transition:background-color .2s ease, border-color .2s ease, color .2s ease}
.fbtn:hover{border-color:var(--orange)}
.fbtn[aria-pressed="true"]{background:var(--orange-soft); border-color:var(--orange); color:var(--orange-dark)}
.lwrap{display:grid; gap:20px}
@media(min-width:1000px){.lwrap{grid-template-columns:minmax(0,1fr) 340px; align-items:start}.lside{position:sticky; top:80px}}
.llist{display:grid; gap:12px}
.lside{display:grid; gap:12px}
.sidebox{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:16px}
.sidebox h2{font-size:1.05rem}
.promo{background:var(--navy); color:#CBD5E1; border:0}
.promo__title{font-family:var(--head); font-weight:800; color:#fff; font-size:1.1rem; margin:0 0 4px}
.promo .muted{color:#CBD5E1}

/* Listing card */
.lcard{display:grid; grid-template-columns:104px minmax(0,1fr); gap:14px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:12px; transition:box-shadow .2s ease, border-color .2s ease}
.lcard:hover{box-shadow:var(--shadow); border-color:var(--line-2)}
.lcard--top{border-color:#FCD34D; box-shadow:inset 4px 0 0 var(--orange)}
@media(min-width:720px){.lcard{grid-template-columns:180px minmax(0,1fr); padding:14px}}
.lcard[hidden]{display:none}
.lcard__img{display:block; border-radius:var(--radius-sm); overflow:hidden; background:var(--orange-soft); aspect-ratio:1/1; align-self:start}
.lcard__img img{width:100%; height:100%; object-fit:cover; transition:transform .3s ease}
.lcard:hover .lcard__img img{transform:scale(1.04)}
.lcard__ph{display:grid; place-items:center; width:100%; height:100%; font-family:var(--head); font-weight:800; font-size:2.2rem; color:var(--orange)}
.lcard__body{min-width:0; display:flex; flex-direction:column; gap:5px}
.lcard__title{margin:0; font-size:1.08rem}
.lcard__title a{color:var(--ink)}
.lcard__row{display:flex; align-items:center; flex-wrap:wrap; gap:6px}
.lcard__loc{display:flex; align-items:center; gap:4px; margin:0; color:#334155; font-size:.88rem}
.lcard__loc svg{color:var(--muted); flex:none}
.lcard__meta{display:flex; flex-wrap:wrap; gap:2px 14px; margin:0; font-size:.82rem; color:var(--muted)}
.lcard__desc{margin:0; color:#475569; font-size:.86rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.lcard__actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:6px}
.act{display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; padding:0 14px; border-radius:var(--radius-sm); font-weight:700; font-size:.86rem; color:#fff; white-space:nowrap; transition:background-color .2s ease, transform .15s ease}
.act:hover{text-decoration:none; transform:translateY(-1px)}
.act:active{transform:scale(.97)}
.act--call{background:var(--blue)} .act--call:hover{background:var(--blue-dark)}
.act--wa{background:var(--wa)} .act--wa:hover{background:var(--wa-dark)}
.act--enq{background:var(--orange)} .act--enq:hover{background:var(--orange-dark)}
.act--ghost{background:#fff; color:var(--navy-2); border:1px solid var(--line-2)} .act--ghost:hover{border-color:var(--navy-2)}
.act--lg{height:44px; padding:0 18px; font-size:.92rem}
@media(max-width:480px){.lcard__actions .act{flex:1 1 auto; padding:0 10px}}

/* Business detail */
.dhead{display:grid; gap:18px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:14px; margin-top:6px}
.dhead--top{border-color:#FCD34D}
@media(min-width:860px){.dhead{grid-template-columns:360px minmax(0,1fr); padding:18px; gap:24px}}
.dhead__media{position:relative; border-radius:var(--radius-sm); overflow:hidden; background:var(--brand-soft); aspect-ratio:4/3}
.dhead__media img{width:100%; height:100%; object-fit:cover}
.dhead__ph{display:grid; place-items:center; width:100%; height:100%; font-family:var(--head); font-weight:800; font-size:4rem; color:var(--brand)}
.dhead__more{position:absolute; right:10px; bottom:10px; background:rgba(15,23,42,.78); color:#fff; font-weight:700; font-size:.8rem; padding:5px 10px; border-radius:6px}
.dhead__info{min-width:0; display:flex; flex-direction:column; gap:8px}
.dhead__titlerow{display:flex; align-items:center; gap:12px}
.dhead__logo{width:52px; height:52px; border-radius:10px; object-fit:contain; border:1px solid var(--line); background:#fff; padding:3px; flex:none}
.dhead__name{margin:0}
.dhead__ratelink:hover{text-decoration:none}
.dhead__ratelink{display:inline-flex; gap:6px; align-items:center}
.dhead__loc{display:flex; gap:6px; align-items:flex-start; margin:0; color:#334155}
.dhead__loc svg{flex:none; margin-top:3px; color:var(--brand)}
.dhead__meta{display:flex; gap:6px; flex-wrap:wrap; margin:0}
.dhead__sub{margin:0; color:#475569}
.dactions{display:flex; flex-wrap:wrap; gap:8px; margin-top:6px}
.dgrid{display:grid; gap:16px; margin-top:16px}
@media(min-width:1000px){.dgrid{grid-template-columns:minmax(0,1fr) 360px; align-items:start}}
.dmain,.dside{display:grid; gap:16px; min-width:0}
.dbox{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px}
.dbox h2::after{content:""; display:block; width:36px; height:3px; border-radius:3px; background:var(--brand); margin-top:6px}
.dbox--enq{border-top:4px solid var(--brand)}
.prose{color:#1f2937; white-space:pre-line; margin:0}
.prods{display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:10px}
.prod-card{border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; background:#fff}
.prod-card img{width:100%; aspect-ratio:4/3; object-fit:cover; background:#f1f5f9}
.prod-card h3{padding:10px 12px 0; margin:0 0 4px; font-size:.95rem}
.prod-card p{padding:0 12px 12px; margin:0; color:var(--muted); font-size:.86rem}
.gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:8px}
.gallery figure{margin:0; border-radius:var(--radius-sm); overflow:hidden; background:#eef2f7}
.gallery img{aspect-ratio:1/1; object-fit:cover; width:100%; transition:transform .3s ease}
.gallery figure:hover img{transform:scale(1.05)}
.clist{list-style:none; padding:0; margin:0; display:grid; gap:10px}
.clist li{display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px; font-size:.92rem; word-break:break-word}
.clist li>span{color:var(--muted); font-weight:600; font-size:.82rem; padding-top:1px}
address{font-style:normal; color:#334155}
.socials{margin:12px 0 0; display:flex; gap:12px}
.hours{width:100%; border-collapse:collapse}
.hours th,.hours td{padding:8px 4px; text-align:left; border-bottom:1px dashed var(--line); font-size:.9rem}
.hours tr:last-child th,.hours tr:last-child td{border-bottom:0}
.hours th{font-weight:600; width:45%}
.hours tr.is-today th,.hours tr.is-today td{background:var(--brand-soft); font-weight:800; color:var(--brand-dark)}
.map-embed{width:100%; height:240px; border-radius:var(--radius-sm); margin-top:14px; background:#eef2f7; z-index:0}
.custom-links{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px}
.custom-link{display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 14px; border-radius:var(--radius-sm); background:var(--brand-soft); border:1px solid var(--brand); color:var(--brand-dark); font-weight:700; font-size:.88rem; transition:background-color .2s ease}
.custom-link:hover{background:#fff; text-decoration:none}

/* Shop brand theme */
.biz{--brand:#D97706; --brand-dark:#9C5605; --brand-soft:#FDF5EB; --brand-ink:#fff}
.biz .dmain a:not(.act), .biz .dside a:not(.act){color:var(--brand-dark)}

/* Forms */
.enq{display:grid; gap:12px}
.enq label{display:grid; gap:5px; font-weight:600; font-size:.88rem}
.enq input,.enq textarea{font-weight:400; font-size:.95rem; padding:10px 12px; border:1.5px solid var(--line); border-radius:var(--radius-sm); background:#fff; color:var(--ink); outline:0; transition:border-color .2s ease}
.enq input:focus,.enq textarea:focus{border-color:var(--brand)}
.enq button{height:46px; border:0; border-radius:var(--radius-sm); background:var(--orange); color:#fff; font-weight:800; font-size:.95rem; cursor:pointer; transition:background-color .2s ease, transform .15s ease}
.enq button:hover{background:var(--orange-dark)}
.enq button:active{transform:scale(.98)}
.hp{position:absolute; left:-9999px; width:1px; height:1px; opacity:0}
.form-msg{margin:0; font-size:.9rem; min-height:1.2em}
.form-msg.ok{color:var(--green)} .form-msg.err{color:#B91C1C}

/* Reviews */
.stars{--r:0; display:inline-block; font-size:1rem; letter-spacing:2px; line-height:1; background:linear-gradient(90deg,#F59E0B calc(var(--r)/5*100%),#CBD5E1 calc(var(--r)/5*100%)); -webkit-background-clip:text; background-clip:text; color:transparent}
.stars--lg{font-size:1.4rem}
.rating-summary{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.reviews{display:grid; gap:10px; margin-bottom:16px}
.review{border:1px solid var(--line); border-radius:var(--radius-sm); padding:12px 14px}
.review header{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:6px}
.review time{color:var(--muted); font-size:.8rem; margin-left:auto}
.review p{margin:0; color:#1f2937}
.review-reply{margin-top:10px; padding:10px 12px; border-left:3px solid var(--brand); background:var(--brand-soft); border-radius:0 8px 8px 0; font-size:.9rem}
.review-reply strong{display:block; font-size:.8rem; color:var(--brand-dark); margin-bottom:2px}
.review-reply p{margin:0}
.review-box summary{display:inline-flex; align-items:center; height:42px; padding:0 16px; border-radius:var(--radius-sm); border:1.5px solid var(--orange); color:var(--orange-dark); font-weight:700; cursor:pointer; list-style:none; transition:background-color .2s ease}
.review-box summary::-webkit-details-marker{display:none}
.review-box summary:hover{background:var(--orange-soft)}
.review-box[open] summary{margin-bottom:14px}
.star-input{border:0; padding:0; margin:0; display:flex; flex-direction:row-reverse; justify-content:flex-end; gap:4px}
.star-input legend{font-weight:600; font-size:.88rem; margin-bottom:6px; width:100%}
.star-input input{position:absolute; opacity:0; width:1px; height:1px}
.star-input label{font-size:2rem; line-height:1; color:#CBD5E1; cursor:pointer; padding:2px; transition:color .15s ease, transform .15s ease}
.star-input label:hover,.star-input label:hover~label,.star-input input:checked~label{color:#F59E0B}
.star-input input:focus-visible+label{outline:2px solid var(--brand); border-radius:6px}
.star-input label:active{transform:scale(.9)}

/* Maps */
.nearby__head{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px}
.nearby__head h2{margin:0}
.shop-map{height:300px; border-radius:var(--radius-sm); border:1px solid var(--line); overflow:hidden; z-index:0; background:#eef2f7}
.hsec .shop-map{height:360px}
@media(min-width:900px){.hsec .shop-map{height:420px}}

/* Sticky mobile bar */
.sticky-cta{position:fixed; left:0; right:0; bottom:0; display:flex; z-index:45; background:#fff; border-top:1px solid var(--line); padding:8px; gap:8px; padding-bottom:max(8px,env(safe-area-inset-bottom))}
.sticky-cta a{flex:1; text-align:center; padding:11px 6px; border-radius:var(--radius-sm); background:var(--blue); color:#fff; font-weight:800; font-size:.92rem}
.sticky-cta a.wa{background:var(--wa)}
.sticky-cta a.enq{background:var(--orange)}
.sticky-cta a.map{background:var(--navy-2)}
.sticky-cta a:hover{text-decoration:none}
@media(min-width:900px){.sticky-cta{display:none}}

/* Trending */
.tag--trend{background:#FFE4E6; color:#BE123C; border:1px solid #FECDD3}
.trend{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:8px}
@media(min-width:800px){.trend{grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-flow:column; grid-template-rows:repeat(5,auto)}}
.trend__item a{display:flex; align-items:center; gap:12px; padding:10px 14px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); color:var(--ink); transition:border-color .2s ease, transform .15s ease}
.trend__item a:hover{border-color:var(--orange); text-decoration:none; transform:translateX(3px)}
.trend__rank{font-family:var(--head); font-weight:800; font-size:1.25rem; color:var(--orange); min-width:38px}
.trend__item:nth-child(-n+3) .trend__rank{color:#BE123C}
.trend__item img{width:40px; height:40px; border-radius:8px; object-fit:cover; flex:none}
.trend__txt{flex:1; min-width:0}
.trend__txt strong{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.trend__txt small{display:block; color:var(--muted); font-size:.8rem}
.trend__count{font-size:.75rem; font-weight:700; color:var(--green); background:var(--green-soft); padding:2px 8px; border-radius:999px; white-space:nowrap}
.catcell__ico img{display:block}

/* Top ad banners */
.adslot{margin-top:12px; position:relative}
.adslot[hidden]{display:none}
.adslot__track{display:grid; border-radius:var(--radius); overflow:hidden; background:#E2E8F0}
.adslot__item{grid-area:1/1; opacity:0; visibility:hidden; transition:opacity .5s ease; position:relative}
.adslot__item.is-on{opacity:1; visibility:visible}
.adslot__item img{width:100%; aspect-ratio:6/1; object-fit:cover}
@media(max-width:640px){.adslot__item img{aspect-ratio:3/1}}
.adslot__tag{position:absolute; top:8px; right:8px; background:rgba(15,23,42,.6); color:#fff; font-size:.65rem; font-weight:700; padding:1px 6px; border-radius:4px; letter-spacing:.05em}
.adslot__dots{position:absolute; bottom:8px; left:50%; transform:translateX(-50%); display:flex; gap:6px}
.adslot__dots button{width:8px; height:8px; border-radius:999px; border:0; padding:0; background:rgba(255,255,255,.6); cursor:pointer; transition:width .2s ease, background-color .2s ease}
.adslot__dots button.is-on{width:22px; background:#fff}

/* Shop offers */
.offer-marquee{display:flex; align-items:center; margin-top:10px; background:var(--brand-dark,#9C5605); color:#fff; border-radius:var(--radius-sm); overflow:hidden; height:40px}
.offer-marquee__tag{flex:none; height:100%; display:flex; align-items:center; padding:0 12px; background:var(--orange); font-weight:800; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em}
.offer-marquee__view{flex:1; overflow:hidden; min-width:0}
.offer-marquee__track{display:flex; width:max-content; animation:marq 24s linear infinite}
.offer-marquee__track span{padding:0 48px; white-space:nowrap; font-weight:700; font-size:.92rem}
.offer-marquee:hover .offer-marquee__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.offer-marquee__track{animation:none}}
.offer-banner{margin-top:10px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line)}
.offer-banner img{width:100%; aspect-ratio:5/1; object-fit:cover}
@media(max-width:640px){.offer-banner img{aspect-ratio:5/2}}

/* Captcha */
.cap{display:grid; gap:6px}
.cap__label{font-weight:600; font-size:.88rem}
.cap__row{display:flex; align-items:center; gap:8px}
.cap__row img{width:200px; height:64px; border-radius:var(--radius-sm); border:1px solid var(--line); background:#FFF4EB}
.cap__new{width:40px; height:40px; border-radius:var(--radius-sm); border:1.5px solid var(--line-2); background:#fff; font-size:1.2rem; cursor:pointer; color:var(--navy-2); transition:border-color .2s ease, transform .2s ease}
.cap__new:hover{border-color:var(--orange); transform:rotate(90deg)}
.cap input{font-size:1rem; letter-spacing:.2em; text-transform:uppercase; padding:10px 12px; border:1.5px solid var(--line); border-radius:var(--radius-sm); outline:0; max-width:200px}
.cap input:focus{border-color:var(--brand,var(--orange))}
.cap__err{color:#B91C1C; font-size:.82rem}
.cap__err[hidden]{display:none}
.cap__new{display:grid; place-items:center}