:root{--cream:#fff4e5;--brown:#713714;--red:#9b061b;--gold:#c99336;--ink:#3e271e;--bar:82px}*{box-sizing:border-box}html{height:100%;background:var(--cream)}body{margin:0;min-height:100%;font-family:Tajawal,system-ui,Arial,sans-serif;color:var(--ink)}a{color:inherit}.sprite{position:absolute;width:0;height:0;overflow:hidden}.app-shell{height:100vh;height:100dvh;min-height:360px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#fffdf7 0%,#ffefdc 62%,#e7bb83 130%);position:relative}.topbar{z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(16px,4vw,40px);direction:ltr}.brand-small{font:700 12px/1.3 system-ui,sans-serif;letter-spacing:.17em;color:#794421}.brand-dot{color:#bc0b22}.top-actions{display:flex;align-items:center;gap:12px}.language{display:flex;border:1px solid #d9b98b;border-radius:30px;padding:3px;background:#fff8ef}.language a{font:700 12px system-ui;text-decoration:none;padding:7px 10px;border-radius:20px;color:#794421}.language a[aria-current]{background:#7b3719;color:white}.menu-toggle{width:40px;height:40px;border:1px solid #d9b98b;border-radius:12px;background:#fff8ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.menu-toggle span{width:17px;height:2px;background:#74391d;border-radius:2px}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:4px 18px 8px;isolation:isolate}.visual{position:absolute;inset:0;z-index:-1;background:url(hero.webp) center/cover no-repeat;opacity:.18;mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 75%,transparent 100%)}.identity{display:flex;flex-direction:column;align-items:center;max-width:650px;width:100%;gap:clamp(3px,1.1vh,12px)}.logo-frame{width:clamp(116px,23vh,214px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 8px 13px #90541e30)}.logo-frame img{width:100%;height:100%;object-fit:contain;border-radius:50%}.eyebrow{font:600 clamp(12px,1.9vw,16px) system-ui,sans-serif;color:#89562e;letter-spacing:.03em;margin:0}h1{font-size:clamp(26px,4.5vw,46px);line-height:1.2;margin:0;color:#6c2f16;font-weight:800}.tagline{font-size:clamp(14px,2.3vw,19px);margin:0;color:#875739}.place{margin:3px 0 0;display:flex;align-items:center;gap:6px;font-size:clamp(13px,2vw,17px);font-weight:600}.place svg{width:17px;height:17px;color:#a2091e}.phone-line{margin:0;font:600 14px system-ui,sans-serif;color:#6e3c23}.phone-line a{text-decoration:none}.micro-note{position:absolute;bottom:8px;left:10px;right:10px;font-size:11px;color:#98745a;margin:0}.dock{height:var(--bar);flex:none;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:stretch;padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));background:#fff9f1;border-top:1px solid #d7b587;box-shadow:0 -6px 25px #9a5b241c;direction:ltr}.dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#743a1d;font-size:12px;font-weight:700;border-radius:12px;min-width:0}.dock a:focus-visible,.menu-toggle:focus-visible,.language a:focus-visible{outline:3px solid #a90924;outline-offset:2px}.dock a svg{width:25px;height:25px}.dock a:nth-child(1) svg{color:#1877f2}.dock a:nth-child(2) svg{color:#c13584}.dock a:nth-child(3) svg{color:#8b5528}.dock a:nth-child(4) svg{color:#b31e2b}.overlay{position:fixed;inset:0;background:#1f100b99;z-index:7}.panel{position:fixed;z-index:8;top:0;bottom:0;inset-inline-end:0;width:min(440px,100%);background:#fff9f0;box-shadow:0 0 30px #26140a40;transform:translateX(110%);transition:transform .25s ease;display:flex;flex-direction:column}.panel[aria-hidden=false]{transform:translateX(0)}html[dir=rtl] .panel{transform:translateX(-110%)}html[dir=rtl] .panel[aria-hidden=false]{transform:translateX(0)}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid #e4c9a3}.panel-head h2{margin:0;font-size:23px;color:#783817}.panel-close{border:0;background:#f3e3cc;color:#713714;border-radius:12px;width:40px;height:40px;font-size:28px;cursor:pointer}.panel-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 22px 28px}.panel-scroll section{padding:17px 0;border-bottom:1px solid #ead7bc}.panel-scroll h3{margin:0 0 8px;color:#8b1020;font-size:18px}.panel-scroll p{margin:5px 0;line-height:1.65;font-size:15px}.panel-scroll a{overflow-wrap:anywhere}.caution{background:#fff0e6;border-inline-start:3px solid #ae152b;padding:9px}.review-link{display:inline-flex;align-items:center;gap:7px;padding:11px 15px;background:#86182b;color:white;text-decoration:none;border-radius:12px;margin-top:8px}.review-link svg{width:17px;height:17px}.panel-scroll small{color:#967d65}@media(min-width:800px){.app-shell{max-width:none}.stage{padding-bottom:18px}.visual{background-size:cover;opacity:.25}.identity{background:#fff8eea8;padding:26px 30px;border:1px solid #f1ddbd;border-radius:28px;box-shadow:0 18px 55px #996c3c20}.dock{width:min(620px,90%);align-self:center;border:1px solid #d7b587;border-radius:22px 22px 0 0;height:90px}}@media(max-height:620px){:root{--bar:68px}.topbar{padding-top:5px;padding-bottom:5px}.logo-frame{width:clamp(70px,19vh,130px)}.identity{gap:2px}h1{font-size:clamp(21px,4vw,33px)}.tagline{font-size:13px}.micro-note{display:none}.dock{padding-top:4px;padding-bottom:4px}.dock a svg{height:21px;width:21px}}@media(max-height:430px){.logo-frame{width:55px}.eyebrow,.tagline,.phone-line{display:none}h1{font-size:21px}.place{font-size:12px}}@media(prefers-reduced-motion:reduce){.panel{transition:none}}
/* v1.2.2: restrained light surface and improved accessibility */
:root{--cream:#fcfcfb;--bar:88px}
html,body{background:#fcfcfb}
.app-shell{background:#fcfcfb}
.topbar{justify-content:flex-end;padding-top:16px;padding-bottom:12px}
.visual{display:none}
.identity{gap:clamp(7px,1.3vh,14px)}
.eyebrow{font-size:clamp(14px,2.2vw,19px)}
h1{font-size:clamp(29px,5vw,48px)}
.tagline{font-size:clamp(16px,2.5vw,21px)}
.place{font-size:clamp(15px,2.4vw,20px)}
.place svg{width:22px;height:22px}
.phone-line{font-size:clamp(16px,2.3vw,20px)}
.dock{background:#fff;border-color:#e9e6e2;box-shadow:0 -4px 20px #33333309;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.dock a{font-size:clamp(13px,2.4vw,16px);gap:5px;white-space:nowrap}
.dock a svg{width:29px;height:29px}
.dock a:nth-child(4) svg{width:31px;height:31px}
.panel{background:#fff}
.panel-head{border-color:#ece7e1}
.panel-scroll section{border-color:#eeebe7}
.panel-scroll p{font-size:clamp(17px,2.2vw,19px)}
.panel-scroll h3{font-size:21px}
.panel-close{background:#f4f3f1}
.language,.menu-toggle{background:#fff;border-color:#e4ded8}
@media(min-width:800px){.identity{background:#fff;border-color:#ece7e1;box-shadow:0 18px 55px #3333330b}.dock{border-color:#e9e6e2}}
@media(max-height:620px){:root{--bar:74px}.identity{gap:3px}.dock a svg{height:24px;width:24px}.dock a{font-size:12px}}
@media(max-height:430px){.tagline,.phone-line{display:block;font-size:12px}.eyebrow{display:block;font-size:11px}}

/* v1.2.3: final restrained white UI, accessible navigation */
:root{--cream:#fcfcfb;--bar:94px}
html,body,.app-shell{background:#fcfcfb}
.topbar{justify-content:flex-end}
.identity{gap:clamp(7px,1.3vh,14px)}
.dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-left:8px;padding-right:8px}
.dock a{font-size:clamp(13px,3.2vw,16px);line-height:1.3;min-width:0;overflow:visible;text-align:center}
.dock a svg{width:30px;height:30px;flex-shrink:0}
.dock a:nth-child(4) svg{width:31px;height:31px;overflow:visible}
.panel-scroll{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.panel-scroll p{font-size:clamp(17px,4.2vw,20px);line-height:1.7}
.panel-scroll h3{font-size:clamp(21px,4.8vw,24px)}
.panel-head h2{font-size:clamp(24px,5.2vw,28px)}
.language a{font-size:14px}
.menu-toggle{width:44px;height:44px}
@media(max-width:360px){.dock a{font-size:12px}.dock{padding-inline:4px}.tagline{font-size:15px}}
@media(max-height:590px){:root{--bar:76px}.logo-frame{width:clamp(70px,17vh,115px)}.identity{gap:3px}.dock a svg{width:24px;height:24px}.dock a{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}

/* v1.2.4: verified WhatsApp contact; kept separate from the four-action dock. */
.whatsapp-float{position:fixed;z-index:5;right:clamp(14px,4vw,28px);bottom:calc(var(--bar) + env(safe-area-inset-bottom) + 16px);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 5px 18px #164b2b45;text-decoration:none;border:2px solid #fff;transition:transform .15s ease}
.whatsapp-float svg{width:31px;height:31px}
.whatsapp-float:hover{transform:translateY(-2px)}
.whatsapp-float:focus-visible{outline:3px solid #793b1d;outline-offset:3px}
@media(max-height:590px){.whatsapp-float{width:46px;height:46px;bottom:calc(var(--bar) + env(safe-area-inset-bottom) + 8px)}.whatsapp-float svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}

/* v1.3.0: discreet, server-backed visit indicator. */
.topbar{justify-content:space-between}.visit-counter[hidden]{display:none!important}.visit-counter{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e8e4df;border-radius:12px;background:#fff;color:#743b25;font:600 clamp(10px,1.3vw,13px) system-ui,sans-serif;white-space:nowrap;direction:rtl}.visit-counter svg{width:15px;height:15px;flex-shrink:0}.visit-counter strong{font-weight:750}.top-actions{margin-inline-start:auto}@media(max-width:380px){.visit-counter{padding:6px;gap:3px;font-size:10px}.visit-counter svg{width:13px;height:13px}.topbar{padding-inline:10px;gap:5px}.top-actions{gap:6px}}