/* Tasneem — site styles. Mobile-first refinements of the V3.2 reference.
   Logical properties throughout so Arabic (RTL) mirrors correctly. */

/* ---------- Fonts (self-hosted, OFL; see assets/fonts/OFL-*.txt) ---------- */
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400 800;src:url(../fonts/manrope-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400 800;src:url(../fonts/manrope-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400 800;src:url(../fonts/manrope-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/dm-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/dm-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/noto-sans-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Noto Sans';font-style:normal;font-display:swap;font-weight:400 700;src:url(../fonts/noto-sans-cyrillic-ext-wght-normal.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Cairo';font-style:normal;font-display:swap;font-weight:400 800;src:url(../fonts/cairo-arabic-wght-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Cairo';font-style:normal;font-display:swap;font-weight:400 800;src:url(../fonts/cairo-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}

/* ---------- Tokens ---------- */
:root{
	--ink:#102d3a;--muted:#577280;--blue:#057fb2;--blue-d:#03658e;--navy:#063d56;--sky:#edf8fc;--line:#e2ecf0;--orange:#ffae54;--paper:#fff;--green:#137e59;--green-d:#0e6a4a;
	--radius:18px;--radius-l:24px;--shadow:0 16px 44px rgba(11,64,83,.08);
	--font-body:'DM Sans','Noto Sans',system-ui,sans-serif;--font-head:'Manrope','Noto Sans',system-ui,sans-serif;
	/* Motion tokens (F02): 150–250ms micro, 300–500ms reveals. */
	--dur-micro:200ms;--dur-reveal:440ms;--ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--lift:-3px;
	--header-h:84px;--bar-h:0px;
}
:lang(ru){--font-body:'Noto Sans','Manrope',system-ui,sans-serif}
[dir=rtl]{--font-body:'Cairo',system-ui,sans-serif;--font-head:'Cairo',system-ui,sans-serif}

*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.7 var(--font-body);overflow-x:clip}
[dir=rtl] body{line-height:1.9}
h1,h2,h3,h4,.h3{font-family:var(--font-head);line-height:1.15;margin:0;letter-spacing:-.03em;color:var(--ink);overflow-wrap:break-word;hyphens:auto}
[dir=rtl] :is(h1,h2,h3,h4,.h3){letter-spacing:0;line-height:1.5}
h1{font-size:clamp(34px,5.2vw,68px);font-weight:800}
h2{font-size:clamp(28px,3vw,42px);font-weight:800}
h3,.h3{font-size:clamp(17px,1.4vw,21px);font-weight:700}
p{margin:14px 0;color:var(--muted)}
.lead{font-size:clamp(15px,1.15vw,17px);max-width:60ch}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,select,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
button,a,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #f6a63d;outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[dir=rtl] .ico.flip,[dir=rtl] .btn>.ico:last-child,[dir=rtl] .textlink>.ico:last-child:not(.ext),[dir=rtl] [data-dir] .ico{transform:scaleX(-1)}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:32px}
.narrow{max-width:880px}
.section{padding-block:clamp(52px,7vw,92px)}
.section-tight{padding-block:24px clamp(40px,5vw,64px)}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;color:var(--blue);margin:0 0 14px}
[dir=rtl] .eyebrow{letter-spacing:0;font-size:13px;font-weight:700;text-transform:none}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.row.center{justify-content:center}
.fine{font-size:12px!important;color:var(--muted)}
.skip{position:fixed;inset-block-start:-100px;inset-inline-start:12px;z-index:99;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow)}
.skip:focus{inset-block-start:10px}
.env-ribbon{background:#fff3cd;color:#6b4e00;font-size:11px;font-weight:700;text-align:center;padding:6px 12px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px}

/* ---------- Buttons & links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:12px;padding:12px 22px;background:var(--blue);color:#fff;font-weight:700;line-height:1.2;text-align:center;transition:background-color var(--dur-micro) var(--ease),transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.btn .ico{width:19px;height:19px;transition:transform var(--dur-micro) var(--ease)}
.btn:hover{background:var(--blue-d);transform:translateY(-2px)}
.btn:hover>.ico:last-child{transform:translateX(3px)}
[dir=rtl] .btn:hover>.ico:last-child{transform:scaleX(-1) translateX(3px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.orange{background:var(--orange);color:#24333b}.btn.orange:hover{background:#f99b33}
.btn.light{background:var(--sky);color:var(--navy)}.btn.light:hover{background:#dcf0f8}
.btn.white{background:#fff;color:var(--navy)}.btn.white:hover{background:#eef7fb}
.btn.green{background:var(--green)}.btn.green:hover{background:var(--green-d)}
.btn.glass{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(10px)}
.btn.glass:hover{background:rgba(255,255,255,.24)}
.btn.green>.ico:first-child{transform:none!important}
.textlink{color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:8px}
.textlink .ico{width:18px;height:18px;transition:transform var(--dur-micro) var(--ease)}
.textlink:hover .ico:last-child{transform:translateX(3px)}
[dir=rtl] .textlink:hover .ico:last-child:not(.ext){transform:scaleX(-1) translateX(3px)}
.textlink.small{font-size:12px}
.linklike{color:var(--muted);text-align:start;font-size:13px;padding:0;margin:0 0 9px;display:block}
.linklike:hover{color:var(--blue)}
.chip-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;color:var(--navy);background:#fff;transition:border-color var(--dur-micro),background-color var(--dur-micro)}
.chip-link .ico{width:16px;height:16px}
.chip-link:hover{border-color:var(--blue);background:var(--sky)}
.round{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--navy);flex-shrink:0;transition:background-color var(--dur-micro),border-color var(--dur-micro),opacity var(--dur-micro),transform var(--dur-micro) var(--ease)}
.round:hover:not(:disabled){border-color:var(--blue);background:var(--sky)}
.round:active:not(:disabled){transform:scale(.94)}
.round:disabled{opacity:.35;cursor:default}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:5px 10px;border-radius:8px;background:#fff;color:var(--navy)}
.tag.soft{background:var(--sky)}
.symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8f5fc;color:#0788c6;flex-shrink:0}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);background:rgba(255,255,255,.94);border-bottom:1px solid #eef4f7;backdrop-filter:saturate(1.4) blur(16px)}
.header-row{height:100%;display:flex;align-items:center;gap:24px;justify-content:space-between}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand-logo{width:128px;height:58px;object-fit:contain;object-position:center}
[dir=rtl] .brand-logo{object-position:center}
.brand-text{font:800 18px var(--font-head);color:var(--navy)}
.desktop-links{display:flex;gap:6px;font-size:14px;font-weight:600}
.desktop-links a{position:relative;padding:10px 12px;border-radius:10px;color:#2b4957;transition:color var(--dur-micro),background-color var(--dur-micro)}
.desktop-links a:hover{color:var(--blue);background:var(--sky)}
.desktop-links a[aria-current]{color:var(--blue)}
.desktop-links a[aria-current]::after{content:'';position:absolute;inset-inline:12px;bottom:4px;height:2px;border-radius:2px;background:var(--blue)}
.header-actions{display:flex;align-items:center;gap:10px}
.header-wa{min-height:44px;padding:10px 16px;font-size:14px}
.lang-switch{position:relative}
.lang-switch summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;background:#fff}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary .ico{width:18px;height:18px}
.lang-switch .chev{transition:transform var(--dur-micro) var(--ease)}
.lang-switch[open] .chev{transform:rotate(180deg)}
.lang-switch ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:170px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:50}
.lang-switch li a{display:block;padding:10px 12px;border-radius:9px;font-size:14px}
.lang-switch li a:hover{background:var(--sky)}
.lang-switch li a[aria-current]{color:var(--blue);font-weight:700}

/* ---------- Hero ---------- */
.hero{margin:20px auto 0;max-width:1376px;padding:0 24px}
.hero-inner{position:relative;min-height:clamp(520px,62vh,660px);overflow:hidden;border-radius:26px;isolation:isolate;background:#15789c;display:flex;align-items:center}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-inner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,37,62,.84),rgba(0,44,64,.36) 62%,rgba(0,41,62,.04))}
[dir=rtl] .hero-inner::after{background:linear-gradient(270deg,rgba(0,37,62,.84),rgba(0,44,64,.36) 62%,rgba(0,41,62,.04))}
.hero-content{padding:64px;max-width:680px;color:#fff}
.hero-content .eyebrow{color:#bce6f6}
.hero-content h1{color:#fff}
.hero-content h1 em{font-style:normal;color:#ffd398}
.hero-text{color:#e3f0f4;max-width:420px;font-size:17px}
.hero-actions{margin-top:26px}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:13px;color:#d7edf6}
.location-pill{position:absolute;inset-inline-end:26px;bottom:26px;display:flex;gap:8px;align-items:center;margin:0;color:#fff;background:rgba(255,255,255,.14);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);border-radius:12px;padding:10px 16px;font-size:13px}
.location-pill .ico{width:17px}
.category-dock{position:relative;z-index:2;margin:-34px auto 0;max-width:880px;background:#fff;box-shadow:0 16px 50px rgba(11,64,83,.09);border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cat{min-height:64px;padding:10px 12px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:700;transition:background-color var(--dur-micro),transform var(--dur-micro) var(--ease)}
.cat:hover{background:var(--sky)}
.cat .symbol{width:42px;height:42px;border-radius:12px;transition:transform var(--dur-micro) var(--ease)}
.cat:hover .symbol{transform:translateY(-2px)}
.tone-1 .symbol{background:#fff0df;color:#c17420}.tone-2 .symbol{background:#e9f6ee;color:#2d7d53}.tone-3 .symbol{background:#f1eafb;color:#7a4fb0}

/* ---------- Section heads & cards ---------- */
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section-head .lead{margin-bottom:0}
.section-head>.textlink{white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;min-width:0;transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease),border-color var(--dur-micro)}
.card-link{display:flex;flex-direction:column;height:100%}
.card-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sky)}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform 420ms var(--ease-out)}
.card-media .tag{position:absolute;inset-inline-start:12px;top:12px}
.card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.card h3{font-size:18px}
.card-body p{font-size:13px;margin:8px 0 16px}
.card-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;font-size:13px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.card-bottom .price{color:var(--muted)}
.card-bottom .textlink .ico{width:17px}
@media (hover:hover){
	.card:hover{transform:translateY(var(--lift));box-shadow:0 18px 36px rgba(18,53,74,.09);border-color:#d3e6ee}
	.card:hover .card-media img{transform:scale(1.04)}
	.card:hover .textlink .ico{transform:translateX(3px)}
	[dir=rtl] .card:hover .textlink .ico{transform:scaleX(-1) translateX(3px)}
}
.card:has(.card-link:focus-visible){outline:3px solid #f6a63d;outline-offset:3px}
.card-link:focus-visible{outline:none}
@media (pointer:coarse){.card:active{transform:scale(.985)}}

/* ---------- Feature / banner ---------- */
.feature{background:#eff8fb}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.feature-grid.no-media{grid-template-columns:1fr;max-width:760px}
.collage{position:relative;padding-block-end:40px;padding-inline-end:50px}
.collage .large{width:100%;height:440px;object-fit:cover;border-radius:var(--radius-l)}
.collage .small{position:absolute;bottom:0;inset-inline-end:0;width:44%;height:215px;object-fit:cover;border:7px solid #eff8fb;border-radius:var(--radius-l)}
.float-label{position:absolute;inset-inline-start:20px;bottom:66px;display:flex;gap:10px;align-items:center;margin:0;background:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 10px 40px rgba(18,53,74,.14);font-size:13px;color:var(--ink);max-width:240px}
.steps{margin:26px 0;padding:0;list-style:none}
.step{display:flex;gap:16px;margin-bottom:20px}
.step>span{background:#fff;border:1px solid #d9e9f0;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:700;color:var(--blue)}
.step h3{font-size:16px;margin-top:6px}
.step p{font-size:14px;margin:6px 0 0}
.wide-banner{position:relative;overflow:hidden;border-radius:var(--radius-l);min-height:340px;background:#075e80;isolation:isolate;color:#fff;display:flex;align-items:center}
.wide-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.wide-banner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,63,88,.92),rgba(4,63,88,.2))}
[dir=rtl] .wide-banner::after{background:linear-gradient(270deg,rgba(4,63,88,.92),rgba(4,63,88,.2))}
.wide-banner .copy{padding:48px;max-width:540px}
.wide-banner h2{color:#fff}
.wide-banner .eyebrow,.wide-banner p{color:#daeff8}

/* ---------- Branches ---------- */
.branches-section{background:#f2f8fb}
.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.branch-grid.count-1{grid-template-columns:minmax(0,420px)}
.branch-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.branch-grid.count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.branch-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;transition:transform var(--dur-micro) var(--ease),box-shadow var(--dur-micro) var(--ease)}
.branch-main{display:flex;flex-direction:column;flex:1}
.branch-main:focus-visible{outline-offset:-3px}
.branch-visual{height:156px;position:relative;overflow:hidden;background:linear-gradient(130deg,#d5f2f8,#a6d5e8)}
.branch-visual.has-photo img{width:100%;height:100%;object-fit:cover;transition:transform 420ms var(--ease-out)}
.branch-visual.tone-1{background:linear-gradient(130deg,#dff3ed,#a9d8cf)}
.branch-visual.tone-2{background:linear-gradient(130deg,#f7edda,#e5d0a7)}
.branch-mark{position:absolute;inset-inline-end:24px;top:24px;background:rgba(255,255,255,.66);width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:var(--navy);transition:transform var(--dur-micro) var(--ease)}
.branch-mark .ico{width:30px;height:30px}
.branch-number{position:absolute;top:22px;inset-inline-start:24px;font-size:12px;letter-spacing:.15em;color:var(--navy);font-weight:700}
.branch-waves{position:absolute;width:130%;height:110px;border-radius:50%;background:rgba(255,255,255,.45);bottom:-66px;inset-inline-start:-15%;box-shadow:0 -19px 0 rgba(255,255,255,.2)}
.branch-body{padding:24px;display:flex;flex-direction:column;gap:2px;flex:1}
.branch-body p{font-size:14px;margin:6px 0}
.branch-address,.branch-hours{display:flex;gap:8px;align-items:flex-start}
.branch-address .ico,.branch-hours .ico{width:17px;height:17px;margin-top:4px;color:var(--blue)}
.map-cta{margin-top:auto;padding-top:12px}
.map-cta .ico.ext{width:15px;height:15px}
.branch-secondary{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 22px}
@media (hover:hover){
	.branch-card:hover{transform:translateY(var(--lift));box-shadow:0 16px 40px rgba(6,61,86,.08)}
	.branch-card:hover .branch-mark{transform:translateY(-3px) scale(1.04)}
	.branch-card:hover .has-photo img{transform:scale(1.035)}
}
@media (pointer:coarse){.branch-main:active{background:#f7fbfd}}

/* ---------- Partners ---------- */
.real-partners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.partner-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.partner-logo{height:96px;width:100%;display:flex;align-items:center;justify-content:center}
.partner-logo img{max-height:80px;max-width:min(220px,100%);width:auto;object-fit:contain}
.partner-card h3{font-size:16px}
.partner-card p{font-size:13px;margin:6px 0}

/* ---------- Reviews / carousels ---------- */
.reviews-section{background:#f7fafb;overflow:hidden}
.reviews-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:54px}
.reviews-body{min-width:0}
.review-summary{font-size:13px;font-weight:700}
.review-summary a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.carousel-controls{display:flex;gap:10px;margin-top:22px;align-items:center}
.carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-behavior:smooth;padding:4px 2px 18px;touch-action:pan-x pan-y}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track:focus-visible{outline-offset:2px}
.review-card{scroll-snap-align:start;flex:0 0 min(330px,86%);background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px}
.review-card.is-testimonial{background:#fffaf2;border-color:#f5e3c6}
.review-card .source{display:flex;gap:9px;align-items:center;font-size:13px;font-weight:700}
.source-mark{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:15px;font-weight:800;color:#4285f4;background:#fff}
.source-mark.tripadvisor{background:#d8f6e8;color:#045b38}
.source-mark.direct{color:#c17420}.source-mark .ico{width:16px}
.stars{margin:0;color:#e3a008;letter-spacing:2px}
.review-card blockquote{margin:0}
.review-card blockquote p{font-size:15px;line-height:1.75;color:var(--ink);margin:0;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.review-meta{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--muted)}
.review-notice{font-size:12px;color:#8a5a00;margin-top:8px}
.review-profiles{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px}

/* ---------- FAQ (details with gentle expansion) ---------- */
.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}
.faq-item{border-bottom:1px solid var(--line);interpolate-size:allow-keywords}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:700;min-height:44px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item .chev{color:var(--blue);transition:transform var(--dur-micro) var(--ease)}
.faq-item[open] .chev{transform:rotate(180deg)}
.faq-item::details-content{block-size:0;overflow:hidden;transition:block-size 280ms var(--ease),content-visibility 280ms allow-discrete}
.faq-item[open]::details-content{block-size:auto}
.faq-answer{padding-bottom:18px}
.faq-answer p{margin:0;font-size:15px}
.bullet-list{padding-inline-start:20px;margin:0;color:var(--muted)}
.bullet-list li{margin:8px 0}

/* ---------- Contact ---------- */
.contact-band{background:var(--navy);border-radius:var(--radius-l);color:#fff;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.contact-band h2{color:#fff;font-size:clamp(24px,2.4vw,32px)}
.contact-band p{color:#b7dbe9;margin-bottom:0}
.contact-band.light{background:var(--sky);color:var(--ink)}
.contact-band.light h2{color:var(--ink)}.contact-band.light p{color:var(--muted)}
.contact-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.contact-option{padding:30px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.contact-option .symbol{margin-bottom:14px}
.contact-option .btn{margin-top:auto}
.contact-lines,.branch-links{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}
.contact-lines li,.branch-links a{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--navy);min-height:40px}
.branch-links a:hover{color:var(--blue)}
.contact-lines .ico,.branch-links .ico{width:18px;color:var(--blue)}

/* ---------- Page hero, listing ---------- */
.page-hero{background:var(--sky);padding-block:48px}
.page-hero h1{font-size:clamp(32px,4vw,50px)}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:16px}
.breadcrumb a:hover{color:var(--blue)}
.filters{display:flex;gap:10px;overflow-x:auto;margin:0 0 22px;padding:4px 2px;scrollbar-width:none;scroll-snap-type:x proximity}
.filters::-webkit-scrollbar{display:none}
.filter{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;white-space:nowrap;color:var(--muted);font-weight:600;scroll-snap-align:start;transition:background-color var(--dur-micro) var(--ease),color var(--dur-micro),border-color var(--dur-micro)}
.filter .ico{width:18px;height:18px}
.filter .n{font-size:11px;background:var(--sky);color:var(--navy);border-radius:999px;padding:1px 7px;transition:background-color var(--dur-micro)}
.filter:hover{border-color:var(--blue);color:var(--navy)}
.filter[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}
.filter[aria-current] .n{background:rgba(255,255,255,.18);color:#fff}
.count{font-size:13px;color:var(--muted);margin:0 0 20px}
.listing-cards.is-changing{opacity:.35;transition:opacity 150ms}
.listing-cards{transition:opacity 220ms var(--ease)}
.more-row{display:flex;justify-content:center;margin-top:30px}
.empty{padding:56px 24px;text-align:center;background:var(--sky);border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:8px}
.empty .symbol{width:64px;height:64px;border-radius:50%;margin-bottom:8px}
.prose{max-width:760px}
.prose p{color:#3c5866}
.prose h2{font-size:26px;margin:32px 0 10px}
.prose ul,.prose ol{color:#3c5866}

/* ---------- Activity detail ---------- */
.detail-top{padding-top:32px}
.detail-title h1{font-size:clamp(34px,4.2vw,52px)}
.detail-lead{margin:26px 0 36px;border-radius:var(--radius-l);overflow:hidden;aspect-ratio:21/9;background:var(--sky)}
.detail-lead img{width:100%;height:100%;object-fit:cover}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.detail-grid h2{font-size:27px;margin-bottom:12px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}
.info{background:var(--sky);border-radius:14px;padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start}
.info .ico{grid-row:span 2;color:var(--blue);margin-top:2px}
.info dt{font-size:12px;color:var(--muted)}
.info dd{margin:0;font-size:14px;font-weight:700;color:var(--ink)}
.avail{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:20px;font-size:14px}
.contact-box{position:sticky;top:calc(var(--header-h) + 24px);border:1px solid var(--line);box-shadow:0 12px 40px rgba(18,53,74,.05);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:10px}
.contact-box p{font-size:14px;margin:4px 0}
.contact-box .btn{width:100%}
.experience-section{background:#f5f9fb}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.experience-grid.no-media{grid-template-columns:1fr;max-width:760px}
.experience-gallery,.section-gallery .carousel{min-width:0}
.experience-track{gap:0;padding:0;border-radius:var(--radius-l)}
.experience-slide,.gallery-slide{flex:0 0 100%;margin:0;scroll-snap-align:start;min-width:0;position:relative}
.gallery-track .gallery-slide{flex:0 0 min(520px,85%)}
.gallery-track{gap:16px}
.zoom{display:block;width:100%;cursor:zoom-in;border-radius:var(--radius-l);overflow:hidden;background:#e6f0f4}
.experience-slide img{width:100%;height:440px;object-fit:cover}
.gallery-slide img{width:100%;height:380px;object-fit:cover}
figcaption{font-size:13px;color:var(--muted);padding:8px 4px 0}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:13px;color:var(--muted)}
.carousel.is-single .zoom{cursor:zoom-in}
.experience-facts{margin:24px 0;padding:0;list-style:none}
.experience-fact{display:flex;gap:16px;align-items:flex-start;margin:20px 0}
.experience-fact h3{font-size:16px}
.experience-fact p{margin:4px 0;font-size:14px}

/* ---------- Approved templates ---------- */
.image-text{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.image-text.side-end .it-media{order:2}
.image-text.no-media{grid-template-columns:1fr;max-width:760px}
.it-media img{width:100%;height:420px;object-fit:cover;border-radius:var(--radius-l)}
.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:0;padding:0;list-style:none}
.fact-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:#fff}
.fact-card .symbol{margin-bottom:14px}
.fact-card h3{font-size:16px}.fact-card p{font-size:14px;margin:6px 0 0}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.about-media img,.about-media video{width:100%;height:440px;object-fit:cover;border-radius:var(--radius-l);background:#000}

/* ---------- Footer & mobile bar ---------- */
.site-footer{background:#f8fafb;padding:56px 0 26px;margin-top:24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:64px}
.footer-title{font-size:14px;margin:0 0 16px}
.footer-follow{margin-top:24px}
.footer-grid nav a,.footer-grid>div>a:not(.brand){display:block;font-size:14px;margin-bottom:9px;color:var(--muted)}
.footer-grid a:hover{color:var(--blue)}
.footer-line{max-width:320px;font-size:14px}
.footer-contact{display:flex;flex-direction:column;gap:8px}
.footer-contact a{display:inline-flex;gap:8px;align-items:center;color:var(--navy);font-weight:600}
.footer-contact .ico{width:17px;color:var(--blue)}
.footer-base{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px}
.gowexy-credit{font-weight:800;color:var(--blue)}
.gowexy-credit:hover{text-decoration:underline}
.mobile-nav{display:none}

/* ---------- Dialog panels (assistant, cookies, WhatsApp, photos) ---------- */
dialog.panel{border:0;border-radius:24px;padding:0;max-width:480px;width:calc(100% - 32px);max-height:min(88dvh,760px);box-shadow:0 35px 100px rgba(0,31,60,.33);overflow:auto;color:var(--ink);opacity:1;transform:none;transition:opacity 220ms var(--ease),transform 220ms var(--ease),overlay 220ms allow-discrete,display 220ms allow-discrete}
@starting-style{dialog.panel[open]{opacity:0;transform:translateY(12px) scale(.98)}}
dialog.panel::backdrop{background:rgba(6,45,67,.42);backdrop-filter:blur(4px)}
dialog.panel.lightbox{max-width:1080px;background:#0b1e27}
dialog.panel.lightbox .dialog-head{border-color:#1d3540;color:#fff}
dialog.panel.lightbox .dialog-head h2{color:#fff}
.lightbox img{max-height:76vh;width:100%;object-fit:contain}
.dialog-head{position:sticky;top:0;background:inherit;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);z-index:1}
dialog.panel:not(.lightbox) .dialog-head{background:#fff}
.dialog-head h2{font-size:19px}
.dialog-body{padding:22px}
.dialog-body p{font-size:15px}
.dialog-actions{display:grid;gap:10px;margin-top:16px}
.chat-bubble{background:var(--sky);padding:18px;border-radius:4px 16px 16px 16px;font-size:15px;white-space:pre-line}
[dir=rtl] .chat-bubble{border-radius:16px 4px 16px 16px}
.chat-bubble.is-answer{background:#e8f7ef}
.assistant-handoff{margin:14px 0 4px}
.assistant-handoff .btn{width:100%}
.assistant-search{margin-top:18px}
.assistant-search label{font-size:13px;font-weight:700;display:block;margin-bottom:6px}
.assistant-search .row{flex-wrap:nowrap;gap:8px}
.assistant-search input{flex:1;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:16px}
.assistant-search .btn{padding:12px 14px}
.topics-label{font-size:13px;font-weight:700;color:var(--ink);margin:18px 0 6px}
.assistant-questions{display:flex;flex-direction:column;gap:8px}
.question{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-align:start;min-height:48px;font-size:14px;transition:border-color var(--dur-micro),background-color var(--dur-micro)}
.question:hover{border-color:var(--blue);background:var(--sky)}
.question .ico{width:18px;color:var(--blue)}
[dir=rtl] .question .ico{transform:scaleX(-1)}
.message-box{background:var(--sky);border:1px solid var(--line);padding:16px;border-radius:12px;white-space:pre-line;font-size:14px;overflow-wrap:anywhere}
.consent-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:16px 0;font-size:15px;min-height:56px}
.consent-row input{width:22px;height:22px;accent-color:var(--blue)}
.consent-banner{position:fixed;inset-inline:16px;bottom:calc(16px + var(--bar-h));z-index:45;max-width:560px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,31,60,.18);padding:18px 20px}
.consent-banner p{font-size:14px;margin:0 0 12px}
.consent-banner .row{gap:8px}
.consent-banner .btn{min-height:44px;padding:10px 16px;font-size:14px}

/* ---------- Motion system (F02) ----------
   Content is visible by default. Only when JS has started (.js) AND the
   observer has prepared an element (.will-reveal) is it hidden for a short,
   one-time upward reveal. Reduced motion: no hiding, no movement. */
.js .will-reveal{opacity:0;transform:translateY(14px)}
.js .will-reveal.is-in{opacity:1;transform:none;transition:opacity var(--dur-reveal) var(--ease),transform var(--dur-reveal) var(--ease);transition-delay:calc(var(--i,0) * 60ms)}
@media (pointer:coarse){.js .will-reveal{transform:translateY(8px)}}
.hero-enter>*{animation:enter 420ms var(--ease) both}
.hero-enter>*:nth-child(2){animation-delay:60ms}.hero-enter>*:nth-child(3){animation-delay:120ms}.hero-enter>*:nth-child(n+4){animation-delay:160ms}
@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
	.js .will-reveal{opacity:1;transform:none}
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
	.desktop-links a{padding:10px 8px}
	.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
	.branch-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
	.header-wa span{display:none}.header-wa{padding:10px 12px}
	.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
	.feature-grid,.experience-grid,.image-text,.about-intro{gap:36px}
	.reviews-layout{grid-template-columns:230px minmax(0,1fr);gap:28px}
	.detail-grid{grid-template-columns:minmax(0,1fr) 290px;gap:32px}
	.hero-content{padding:56px 40px}
	.faq-grid{gap:40px}
	.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
	.desktop-links{display:none}
}
@media (max-width:767px){
	:root{--header-h:70px;--bar-h:76px}
	body{font-size:15px}
	.wrap{padding-inline:20px}
	.brand-logo{width:108px;height:50px}
	.header-row{gap:10px}
	.header-wa{display:none}
	.lang-switch summary{padding:8px 10px;font-size:13px}
	.hero{padding:0 12px;margin-top:12px}
	.hero-inner{border-radius:22px;min-height:540px;align-items:flex-end}
	.hero-image{object-position:var(--focus-mobile,62% 50%)}
	.hero-inner::after,[dir=rtl] .hero-inner::after{background:linear-gradient(0deg,rgba(0,44,71,.88),rgba(4,50,71,.38) 80%)}
	.hero-content{padding:36px 24px 76px}
	.hero-content h1{font-size:clamp(36px,10vw,44px)}
	[dir=rtl] .hero-content h1{font-size:clamp(32px,9vw,40px);line-height:1.45}
	.hero-text{font-size:15px}
	.hero-actions{gap:10px}.hero-actions .btn{flex:1 1 auto}
	.location-pill{display:none}
	.category-dock{margin:-44px 18px 0;padding:8px 4px;gap:0}
	.cat{flex-direction:column;gap:6px;padding:6px 2px;font-size:11px;line-height:1.35;text-align:center;min-height:auto}
	[dir=rtl] .cat{font-size:12px}
	.cat .symbol{width:40px;height:40px}
	.section-head{flex-wrap:wrap;align-items:flex-end;gap:12px}
	.cards{gap:14px}
	.home-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding-inline:20px;padding-bottom:12px;scrollbar-width:none;scroll-padding-inline:20px}
	.home-cards::-webkit-scrollbar{display:none}
	.home-cards .card{flex:0 0 78%;scroll-snap-align:start}
	.listing-cards{grid-template-columns:1fr 1fr}
	.card-body{padding:14px}
	.card h3{font-size:16px}
	.card-body p{display:none}
	.home-cards .card-body p{display:block}
	.card-bottom{flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}
	.feature-grid,.faq-grid,.about-intro,.experience-grid,.image-text,.reviews-layout,.detail-grid{grid-template-columns:1fr;gap:30px}
	.image-text.side-end .it-media{order:0}
	.collage .large{height:320px}.collage .small{height:170px}
	.float-label{font-size:12px;max-width:190px;padding:12px;bottom:48px;inset-inline-start:12px}
	.wide-banner{min-height:360px;align-items:flex-end}
	.wide-banner .copy{padding:30px 24px}
	.wide-banner::after,[dir=rtl] .wide-banner::after{background:linear-gradient(0deg,rgba(4,63,88,.94),rgba(4,63,88,.35))}
	.branch-grid,.branch-grid.count-2,.branch-grid.count-4,.real-partners,.contact-options{grid-template-columns:1fr}
	.branch-grid.count-1{grid-template-columns:1fr}
	.branch-visual{height:120px}
	.partner-card{flex-direction:row;text-align:start;padding:18px;gap:18px}
	.partner-logo{width:110px;height:72px;flex-shrink:0}
	.reviews-title{position:relative}
	.carousel-track.review-track{margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
	.contact-band{flex-direction:column;align-items:flex-start;padding:30px 24px}
	.contact-band .btn{width:100%}
	.footer-grid{grid-template-columns:1fr 1fr;gap:30px}
	.footer-grid>div:first-child{grid-column:1/-1}
	.site-footer{padding-bottom:calc(var(--bar-h) + 30px)}
	.page-hero{padding-block:32px}
	.detail-lead{aspect-ratio:4/3;margin:20px -20px 28px;border-radius:0}
	.contact-box{position:static}
	.info-grid{grid-template-columns:1fr}
	.experience-slide img{height:310px}
	.gallery-slide img{height:280px}
	.it-media img,.about-media img,.about-media video{height:300px}
	.mobile-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;gap:6px}
	.mobile-nav>a,.mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--muted);min-width:64px;min-height:52px;padding:4px;border-radius:12px}
	.mobile-nav>a[aria-current]{color:var(--blue)}
	.mobile-nav .detail-cta{flex:1;flex-direction:row;gap:8px;background:var(--green);color:#fff;font-size:14px;font-weight:700;border-radius:12px;padding:12px}
	.mobile-nav.is-detail>button{flex:0 0 auto}
	dialog.panel{width:100%;max-width:none;margin:auto 0 0;border-radius:24px 24px 0 0;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom)}
	@starting-style{dialog.panel[open]{opacity:0;transform:translateY(40px)}}
	.consent-banner{inset-inline:10px}
}
@media (max-width:400px){
	.listing-cards{grid-template-columns:1fr}
	.listing-cards .card-body p{display:block}
	.hero-actions .btn{width:100%}
}
@media (min-width:1500px){.hero-inner{min-height:680px}}
.hero + :not(.category-dock){margin-top:clamp(28px,4vw,48px)}
/* Design samples (local review only) */
.is-demo{position:relative}
.demo-badge{position:absolute;z-index:3;inset-block-start:10px;inset-inline-end:10px;background:#fff3cd;color:#6b4e00;border:1px dashed #c99a1e;font-size:11px;font-weight:700;line-height:1.3;padding:4px 8px;border-radius:8px;max-width:calc(100% - 20px)}
.detail-title .demo-badge{position:static;display:inline-block;margin-bottom:10px}
.map-pending{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:14px}
.map-pending .ico{width:18px;color:#9aaeb7}
.branch-card .demo-badge{inset-inline-end:auto;inset-inline-start:24px;inset-block-start:50px}
.card-media .demo-badge{inset-block-start:auto;bottom:10px;inset-inline-end:10px}
.card-media .demo-badge{inset-block-start:auto;bottom:10px;inset-inline-end:10px}
.about-intro.no-media{grid-template-columns:1fr;max-width:760px}