:root{--bg: #fff6e0;--ink: #132a1e;--green: #00a25a;--green-dark: #0b4f35;--yellow: #ffc93c;--orange: #ff7a1a;--mint: #e4f6ea;--peach: #ffd9bc;--muted: #3e5347;--dim: #6b7a6f;--card: #ffffff;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}button{font-family:inherit}.arabic{font-family:Reem Kufi,sans-serif}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker{background:var(--green-dark);border-bottom:3px solid var(--ink);overflow:hidden;padding:9px 0}.ticker__row{display:flex;width:max-content;animation:marquee 26s linear infinite}.ticker__group{display:flex;gap:28px;padding-right:28px;font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--bg);white-space:nowrap;text-transform:uppercase}.ticker__star{color:var(--yellow)}.topbar{border-bottom:3px solid var(--ink);background:var(--bg)}.topbar__inner{max-width:1220px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar__brand{display:flex;align-items:center;gap:12px}.logo-tile{width:38px;height:38px;background:var(--yellow);border:3px solid var(--ink);border-radius:10px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink);flex:none}.topbar__title{font-family:Archivo Black,sans-serif;font-size:20px;letter-spacing:-.01em;text-transform:uppercase}.topbar__ar{font-family:Reem Kufi,sans-serif;font-size:19px;font-weight:600;color:var(--green)}.topbar__tag{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:6px 14px;box-shadow:2px 2px 0 var(--ink)}.hero{position:relative;overflow:hidden;border-bottom:3px solid var(--ink);background:var(--bg);background-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2264%22%20height=%2264%22%20viewBox=%220%200%2064%2064%22%3E%3Ccircle%20cx=%2232%22%20cy=%2232%22%20r=%222.2%22%20fill=%22%23132A1E%22%20fill-opacity=%220.10%22/%3E%3C/svg%3E)}.hero__inner{position:relative;max-width:1220px;margin:0 auto;padding:60px 32px 64px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}.hero__ar-badge{position:absolute;top:34px;right:6%;transform:rotate(10deg);background:var(--green);color:var(--bg);border:3px solid var(--ink);border-radius:16px;padding:10px 18px 6px;font-family:Reem Kufi,sans-serif;font-size:34px;font-weight:700;box-shadow:5px 5px 0 var(--ink)}.hero__sticker{position:absolute;top:52px;left:5%;transform:rotate(-9deg);background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:9px 16px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:4px 4px 0 var(--ink)}.hero__eyebrow{font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--green-dark);margin:0}.hero__title{margin:0;font-family:Archivo Black,sans-serif;font-weight:400;font-size:clamp(40px,6.4vw,76px);line-height:1.02;text-transform:uppercase;max-width:900px}.hero__title mark{display:inline-block;background:var(--green);color:var(--bg);border:3px solid var(--ink);border-radius:14px;padding:2px 18px 6px;transform:rotate(-2deg);box-shadow:6px 6px 0 var(--ink)}.hero__subtitle{margin:6px auto 0;max-width:640px;font-size:16.5px;line-height:1.6;color:var(--muted);font-weight:500}.directory{max-width:1220px;margin:0 auto;padding:40px 32px 72px}.section-tabs{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:30px}.section-tab{display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:3px solid var(--ink);border-radius:999px;padding:13px 26px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--card);color:var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.section-tab:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.section-tab--active{background:var(--green-dark);color:var(--bg)}.section-tab__count{font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;background:var(--bg);color:var(--ink);border:2px solid var(--ink)}.section-tab--active .section-tab__count{background:var(--yellow)}.controls{background:var(--card);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);padding:20px 24px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field--search{flex:2 1 260px}.field--select{flex:1 1 180px}.field--switch{gap:10px;padding-bottom:2px}.field__label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--green-dark)}.input,.select-trigger{width:100%;border:2.5px solid var(--ink);border-radius:12px;padding:12px 14px;font-size:15px;font-weight:500;background:var(--bg);color:var(--ink)}.input::placeholder{color:var(--dim)}.input:focus,.input:focus-visible,.select-trigger:focus-visible,.select-trigger[data-popup-open]{outline:3px solid rgba(0,162,90,.33);outline-offset:0}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;text-align:left}.select-icon{display:inline-flex;color:var(--green-dark)}.select-positioner{z-index:1200}.select-popup{min-width:var(--anchor-width, 12rem);max-height:min(20rem,var(--available-height));overflow-y:auto;padding:6px;background:var(--card);border:2.5px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--ink)}.select-item{display:flex;align-items:center;padding:9px 12px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.select-item[data-highlighted]{background:var(--mint);color:var(--green-dark)}.select-item[data-selected]{font-weight:700}.switch{position:relative;width:52px;height:30px;padding:0;border:2.5px solid var(--ink);border-radius:999px;background:var(--card);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:background .2s ease}.switch[data-checked]{background:var(--green)}.switch-thumb{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--ink);transition:left .2s ease,background .2s ease}.switch[data-checked] .switch-thumb{left:24px;background:var(--bg)}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 0}.chips__label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--green-dark);margin-right:4px}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border:2.5px solid var(--ink);background:var(--card);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.chip:hover{transform:rotate(-2deg) translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.chip__count{font-size:11.5px;font-weight:700;color:var(--orange)}.chip--active{background:var(--green);color:var(--bg)}.chip--active .chip__count{color:var(--bg)}.toolbar{margin:28px 0 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.result-count{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.result-count svg{flex:none}.view-toggle{display:flex;gap:5px;background:var(--card);border:2.5px solid var(--ink);border-radius:999px;padding:5px;box-shadow:3px 3px 0 var(--ink)}.view-toggle__btn{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:none;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:transparent;color:var(--ink);transition:background .12s ease,color .12s ease}.view-toggle__btn[data-pressed]{background:var(--green-dark);color:var(--bg)}.layout--list,.layout--map{display:block}.layout--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:26px;list-style:none;margin:0;padding:0}.layout--split .grid{grid-template-columns:1fr;gap:24px}.map-pane{height:72vh;min-height:420px;border:3px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);background:var(--card)}.layout--split .map-pane{position:sticky;top:20px;height:calc(100vh - 40px)}.map{width:100%;height:100%;background:var(--card)}.map--loading{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.card{background:var(--card);border:3px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink)}.card--selected{box-shadow:8px 8px 0 var(--green)}.card__band{height:84px;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2244%22%20height=%2244%22%20viewBox=%220%200%2044%2044%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23132A1E%22%20stroke-opacity=%220.22%22%20stroke-width=%221.6%22%3E%3Crect%20x=%2213%22%20y=%2213%22%20width=%2218%22%20height=%2218%22/%3E%3Crect%20x=%2213%22%20y=%2213%22%20width=%2218%22%20height=%2218%22%20transform=%22rotate(45%2022%2022)%22/%3E%3C/g%3E%3C/svg%3E")}.card__initial{width:54px;height:54px;background:var(--card);border:3px solid var(--ink);border-radius:14px;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;font-family:Archivo Black,sans-serif;font-size:22px;box-shadow:3px 3px 0 var(--ink)}.card__price{background:var(--bg);border:2.5px solid var(--ink);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;transform:rotate(3deg);box-shadow:2px 2px 0 var(--ink)}.card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:12px;flex:1}.card__name{margin:0;font-family:Archivo Black,sans-serif;font-weight:400;font-size:17px;line-height:1.3;text-transform:uppercase}.card__sub{font-size:13.5px;color:var(--muted);font-weight:500;line-height:1.5}.card__rating{display:flex;align-items:center;gap:7px;font-size:14px;margin:0}.card__star{color:var(--orange);font-size:16px}.card__rating strong{font-weight:700}.card__reviews{color:var(--dim);font-weight:500}.card__badges{display:flex;flex-wrap:wrap;gap:8px}.badge{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:5px 11px;border:2px solid var(--ink)}.badge--fully{color:var(--bg);background:var(--green)}.badge--verify{color:var(--ink);background:var(--yellow)}.badge--neutral,.badge--alcohol-no{color:var(--ink);background:var(--card)}.badge--alcohol-yes{color:var(--ink);background:var(--peach)}.badge--alcohol-check{color:var(--muted);background:var(--card);border-style:dashed}.card__dishes{display:flex;flex-wrap:wrap;gap:7px}.dish-tag{font-size:12px;font-weight:700;color:var(--green-dark);background:var(--mint);border:2px solid var(--ink);border-radius:999px;padding:4px 10px}.card__notes{margin:0;font-size:14px;line-height:1.6;color:var(--muted);font-weight:500;flex:1}.btn-maps{align-self:flex-start;margin-top:auto;font-size:13.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);text-decoration:none;background:var(--yellow);border:2.5px solid var(--ink);border-radius:999px;padding:9px 16px;box-shadow:3px 3px 0 var(--ink);display:inline-flex;align-items:center;gap:7px;transition:transform .12s ease,box-shadow .12s ease}.btn-maps:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.shop-card{padding:22px;gap:11px}.shop-card__head{display:flex;gap:14px;align-items:center}.shop-card__initial{width:48px;height:48px;flex:none;background:var(--yellow);border:3px solid var(--ink);border-radius:14px;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;font-family:Archivo Black,sans-serif;font-size:20px;box-shadow:3px 3px 0 var(--ink)}.shop-card__titles{display:flex;flex-direction:column;gap:4px}.shop-card__type{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bg);background:var(--green-dark);border:2px solid var(--ink);border-radius:999px;padding:3px 10px}.shop-card__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.btn-phone{font-size:13px;font-weight:700;color:var(--green-dark);text-decoration:none;background:var(--mint);border:2.5px solid var(--ink);border-radius:999px;padding:8px 14px;box-shadow:3px 3px 0 var(--ink);display:inline-flex;align-items:center;gap:6px;transition:transform .12s ease,box-shadow .12s ease}.btn-phone:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.empty{background:var(--card);border:3px dashed var(--ink);border-radius:20px;padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;font-family:Archivo Black,sans-serif;font-size:20px;text-transform:uppercase}.btn-reset{border:3px solid var(--ink);background:var(--green);color:var(--bg);border-radius:999px;padding:12px 26px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.btn-reset:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.footer{border-top:3px solid var(--ink);background:var(--green-dark);color:var(--bg);padding:40px 32px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.footer__tile{width:44px;height:44px;background:var(--yellow);border:3px solid var(--ink);border-radius:12px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink)}.footer__slogan{font-family:Archivo Black,sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:.02em}.footer__note{font-size:13.5px;color:#bfe3cc;max-width:520px;line-height:1.6;font-weight:500;margin:0}.footer__ar{font-family:Reem Kufi,sans-serif;font-size:22px;font-weight:600;color:var(--yellow)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{border:2.5px solid var(--ink);border-radius:12px;box-shadow:4px 4px 0 var(--ink);font-family:Space Grotesk,sans-serif;background:var(--card);color:var(--ink)}.leaflet-popup-content{font-size:13px;line-height:1.5}.leaflet-popup-content a{color:var(--green-dark);font-weight:700}.leaflet-control-attribution{background:#fff6e0d9!important;color:var(--dim)!important}.leaflet-control-attribution a{color:var(--green-dark)!important}.leaflet-bar,.leaflet-bar a{border-color:var(--ink)!important}.pin-wrap,.user-dot-wrap{background:transparent;border:none}.pin{display:block;width:22px;height:22px;border-radius:50%;background:var(--pin-color);border:3px solid var(--ink);box-shadow:2px 2px #132a1e80}.pin--selected{box-shadow:0 0 0 4px #00a25a66,2px 2px #132a1e99}.user-dot{display:block;width:16px;height:16px;border-radius:50%;background:#2a6df0;border:3px solid #fff;box-shadow:0 0 0 2px #2a6df080,0 1px 4px #0006;animation:user-pulse 2s ease-out infinite}@keyframes user-pulse{0%{box-shadow:0 0 #2a6df080,0 1px 4px #0006}70%{box-shadow:0 0 0 12px #2a6df000,0 1px 4px #0006}to{box-shadow:0 0 #2a6df000,0 1px 4px #0006}}.locate-control a{display:flex!important;align-items:center;justify-content:center;width:34px;height:34px;color:var(--ink);background:var(--card)}.locate-control a:hover{background:var(--mint);color:var(--green-dark)}.locate-control--busy a{color:var(--green)}@media(max-width:900px){.topbar__inner,.hero__inner,.directory{padding-left:18px;padding-right:18px}.topbar__ar{display:none}.directory{padding-top:28px;padding-bottom:56px}.field--search,.field--select{flex:1 1 100%}.toolbar{flex-direction:column;align-items:stretch}.view-toggle{justify-content:center}.view-toggle__btn{flex:1;justify-content:center}.map-pane{height:calc(100vh - 260px);min-height:380px}}@media(max-width:640px){.hero__ar-badge,.hero__sticker{display:none}.hero__inner{padding:40px 18px 44px;gap:16px}.hero__title{font-size:clamp(34px,9vw,52px)}.hero__subtitle{font-size:15px}.topbar__inner{padding:14px 18px}.topbar__title{font-size:17px}.topbar__tag{font-size:11px;padding:5px 11px}.section-tab{padding:11px 18px;font-size:13.5px}.footer{padding:32px 18px 40px}}@media(max-width:380px){.topbar__inner{flex-wrap:wrap;gap:10px}}
