/* nima.cafe — /guides/ shared styles, 01.10.2026; i18n (en/th/ru/ar) — 02.10.2026.
   Same visual language as index.html: те же CSS-переменные, те же сабсетные шрифты.
   9fae79e0 подставляет deploy.sh (версия шрифтов), f869d5d8 — версия самого файла.
   Шрифты по языкам — переменные --f-ser / --f-sans, переопределяются по html[lang].
   Cormorant/Golos сабсечены под латиницу+кириллицу (ru работает как en);
   тайский — notothai*.woff2, арабский — notonaskh.woff2 (CSP: font-src 'self', внешних нет). */
@font-face{font-family:"Cormorant";src:url("/fonts/cormorant.woff2?v=9fae79e0") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Golos";src:url("/fonts/golos.woff2?v=9fae79e0") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Amiri";src:url("/fonts/amiri.woff2?v=9fae79e0") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"NotoThai";src:url("/fonts/notothai.woff2?v=9fae79e0") format("woff2");font-weight:300 500;font-display:swap}
@font-face{font-family:"NotoThai";src:url("/fonts/notothai-sb.woff2?v=9fae79e0") format("woff2");font-weight:501 900;font-display:swap}
@font-face{font-family:"NotoNaskh";src:url("/fonts/notonaskh.woff2?v=9fae79e0") format("woff2");font-weight:400 700;font-display:swap}

:root{--ink:#241813;--cream:#fcf2e8;--burg:#7a1f1f;--gold:#c9a36a;--dark:#151312;--mute:#75594a;
  --f-ser:"Cormorant",Georgia,"Times New Roman",serif;
  --f-sans:"Golos",Arial,Helvetica,sans-serif;
  --lh-p:1.68;--lh-h:1.16}
html[lang=th]{--f-ser:"NotoThai","Noto Sans Thai","Sukhumvit Set","Thonburi",sans-serif;
  --f-sans:"NotoThai","Noto Sans Thai","Sukhumvit Set","Thonburi",sans-serif;
  --lh-p:1.95;--lh-h:1.45}
html[lang=ar]{--f-ser:"NotoNaskh","Noto Naskh Arabic","Geeza Pro",Arial,sans-serif;
  --f-sans:"NotoNaskh","Noto Naskh Arabic","Geeza Pro",Arial,sans-serif;
  --lh-p:1.95;--lh-h:1.5}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--dark);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--f-sans);color:var(--cream);background:var(--dark);min-height:100vh;padding-bottom:78px}
img{max-width:100%}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* тайский/арабский: трекинг и uppercase на мелких капсах ломают вязь и диакритику */
html[lang=th] .kick,html[lang=th] .bc,html[lang=th] .amet,html[lang=th] .tldr b,html[lang=th] .here dt,html[lang=th] .btn,html[lang=th] .gft .meta,html[lang=th] .gft .halal,html[lang=th] .ctabar .hrs,html[lang=th] .gcard .d,
html[lang=ar] .kick,html[lang=ar] .bc,html[lang=ar] .amet,html[lang=ar] .tldr b,html[lang=ar] .here dt,html[lang=ar] .btn,html[lang=ar] .gft .meta,html[lang=ar] .gft .halal,html[lang=ar] .ctabar .hrs,html[lang=ar] .gcard .d
{letter-spacing:0;text-transform:none}
html[lang=th] .here h2,html[lang=ar] .here h2{letter-spacing:0;text-transform:none}

/* ── header (как на index.html) ───────────────────────────── */
.hd{position:sticky;top:0;z-index:20;background:var(--cream);color:var(--burg);box-shadow:0 2px 14px rgba(0,0,0,.35)}
.hd .in{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;min-height:60px}
.lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--burg);direction:ltr}
.pomcrop{width:30px;height:30px;flex:none;line-height:0}.pomcrop img{width:100%;height:100%;object-fit:contain;display:block}
.lockup .word{display:block;font-family:"Cormorant",Georgia,serif;font-weight:700;font-size:26px;letter-spacing:.2em;line-height:1;padding-left:.2em}
.lockup .tag{display:block;font-family:"Golos",Arial,sans-serif;font-size:8px;letter-spacing:.32em;text-transform:uppercase;font-weight:600;margin-top:3px;opacity:.85}
.hd .back{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;text-decoration:none;border:1px solid var(--burg);border-radius:999px;padding:8px 13px;white-space:nowrap;color:var(--burg)}
html[lang=th] .hd .back,html[lang=ar] .hd .back{letter-spacing:0;text-transform:none;font-size:12px}
@media(max-width:640px){.hd .in{padding:6px 12px;min-height:52px;gap:8px}.lockup .tag{display:none}.lockup .word{font-size:20px}.pomcrop{width:24px;height:24px}.hd .back{padding:7px 11px;font-size:10px}html[lang=th] .hd .back,html[lang=ar] .hd .back{font-size:11px}}

/* ── переключатель языка ──────────────────────────────────── */
.lsw{max-width:760px;margin:0 auto;padding:14px clamp(16px,5vw,28px) 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lsw a{font-family:"Golos",Arial,sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;line-height:1;text-decoration:none;color:rgba(252,242,232,.62);border:1px solid rgba(201,163,106,.28);border-radius:999px;padding:7px 12px;transition:border-color .2s,color .2s}
/* ярлык «ไทย» всегда тайским сабсетом (13 КБ), иначе на en/ru/ar-страницах он уедет в системный фолбэк;
   ярлык «AR» — латиница, поэтому Golos: иначе арабский шрифт (59 КБ) грузился бы на всех страницах */
.lsw a[lang=th]{font-family:"NotoThai","Noto Sans Thai","Sukhumvit Set","Thonburi",sans-serif;letter-spacing:.02em;text-transform:none;font-size:12px;padding-top:6px;padding-bottom:6px}
.lsw a[lang=ar]{font-family:"Golos",Arial,sans-serif}
.lsw a.on{color:var(--dark);background:var(--gold);border-color:var(--gold)}
@media(hover:hover){.lsw a:not(.on):hover{color:var(--gold);border-color:rgba(201,163,106,.6)}}
@media(prefers-reduced-motion:reduce){.lsw a{transition:none}}

/* ── общий контейнер ──────────────────────────────────────── */
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(16px,5vw,28px)}
.wrap>.kick{margin-top:24px}   /* отбивка от хлебных крошек */
.kick{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:600}
html[lang=th] .kick,html[lang=ar] .kick{font-size:12px}
h1{font-family:var(--f-ser);font-weight:600;font-size:clamp(31px,6vw,54px);line-height:1.05;letter-spacing:.01em;margin-top:12px;text-wrap:balance}
html[lang=th] h1{font-size:clamp(26px,4.6vw,40px);line-height:1.42;letter-spacing:0}
html[lang=ar] h1{font-size:clamp(27px,4.8vw,42px);line-height:1.5;letter-spacing:0}

/* ── хлебные крошки ───────────────────────────────────────── */
.bc{max-width:760px;margin:0 auto;padding:18px clamp(16px,5vw,28px) 0;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
html[lang=th] .bc,html[lang=ar] .bc{font-size:12.5px}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.bc li{display:flex;align-items:center;gap:7px;color:rgba(252,242,232,.5)}
.bc li+li::before{content:"\203A";color:var(--gold);opacity:.8}
.bc a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,163,106,.4);padding-bottom:1px}

/* ── индекс /guides/ ──────────────────────────────────────── */
.ghead{max-width:760px;margin:0 auto;padding:26px clamp(16px,5vw,28px) 0}
.ghead .lead{margin-top:16px;font-family:var(--f-ser);font-size:clamp(18px,2.4vw,23px);line-height:1.5;color:rgba(252,242,232,.78);max-width:52ch}
html[lang=th] .ghead .lead,html[lang=ar] .ghead .lead{font-size:clamp(15.5px,2vw,18px);line-height:1.9}
.glist{max-width:760px;margin:0 auto;padding:28px clamp(16px,5vw,28px) 0;display:grid;gap:16px}
.gcard{display:grid;grid-template-columns:168px 1fr;gap:0 16px;background:#1a1614;border:1px solid rgba(201,163,106,.16);border-radius:10px;overflow:hidden;text-decoration:none;transition:border-color .25s}
@media(hover:hover){.gcard:hover{border-color:rgba(201,163,106,.5)}}
.gcard .ph{background:#1b1715;aspect-ratio:4/3;overflow:hidden}
.gcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.gcard .tx{padding:15px 18px 17px 0}
[dir=rtl] .gcard .tx{padding:15px 0 17px 18px}
.gcard .d{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
html[lang=th] .gcard .d,html[lang=ar] .gcard .d{font-size:11.5px}
.gcard h2{font-family:var(--f-ser);font-weight:600;font-size:21px;line-height:1.18;margin-top:7px;color:var(--cream);text-wrap:balance}
html[lang=th] .gcard h2,html[lang=ar] .gcard h2{font-size:17px;line-height:1.55}
.gcard p{margin-top:8px;font-size:13.5px;line-height:1.5;color:rgba(252,242,232,.62)}
html[lang=th] .gcard p,html[lang=ar] .gcard p{line-height:1.85}
@media(max-width:560px){.gcard{grid-template-columns:1fr}.gcard .ph{aspect-ratio:16/9}.gcard .tx{padding:13px 16px 18px}[dir=rtl] .gcard .tx{padding:13px 16px 18px}}
.gsoon{max-width:760px;margin:0 auto;padding:26px clamp(16px,5vw,28px) 0;font-size:13px;line-height:1.6;color:rgba(252,242,232,.45)}
html[lang=th] .gsoon,html[lang=ar] .gsoon{line-height:1.9}

/* ── статья ───────────────────────────────────────────────── */
.amet{margin-top:14px;font-size:11.5px;letter-spacing:.1em;color:rgba(252,242,232,.5)}
html[lang=th] .amet,html[lang=ar] .amet{font-size:12.5px;line-height:1.8}
.amet b{font-weight:500;color:rgba(252,242,232,.7)}
.cover{margin-top:24px;border-radius:8px;overflow:hidden;background:#1b1715}
.cover img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}
.cover figcaption{padding:9px 2px 0;font-size:12px;line-height:1.5;color:rgba(252,242,232,.45)}
html[lang=th] .cover figcaption,html[lang=ar] .cover figcaption{font-size:12.5px;line-height:1.85}

.tldr{margin-top:26px;border:1px solid rgba(201,163,106,.45);border-radius:14px;padding:18px 20px;background:rgba(201,163,106,.07)}
.tldr b{display:block;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
html[lang=th] .tldr b,html[lang=ar] .tldr b{font-size:12px;margin-bottom:7px}
.tldr p{font-family:var(--f-ser);font-size:clamp(17px,2.2vw,20px);line-height:1.5;color:rgba(252,242,232,.9)}
html[lang=th] .tldr p,html[lang=ar] .tldr p{font-size:clamp(15px,1.9vw,17px);line-height:var(--lh-p)}

.prose h2{font-family:var(--f-ser);font-weight:600;font-size:clamp(24px,3.6vw,33px);line-height:var(--lh-h);letter-spacing:.01em;color:var(--gold);margin:40px 0 0;text-wrap:balance}
html[lang=th] .prose h2,html[lang=ar] .prose h2{font-size:clamp(20px,2.9vw,26px);letter-spacing:0}
.prose h3{font-family:var(--f-ser);font-weight:600;font-size:clamp(19px,2.6vw,23px);line-height:1.25;color:var(--cream);margin:26px 0 0}
html[lang=th] .prose h3,html[lang=ar] .prose h3{font-size:clamp(17px,2.2vw,20px);line-height:1.6}
.prose p{margin-top:14px;font-size:16px;line-height:var(--lh-p);color:rgba(252,242,232,.82)}
html[lang=th] .prose p{font-size:15.5px}
html[lang=ar] .prose p{font-size:16.5px}
.prose ul,.prose ol{margin:14px 0 0 1.1em;font-size:15.5px;line-height:1.62;color:rgba(252,242,232,.82)}
html[lang=th] .prose ul,html[lang=th] .prose ol,html[lang=ar] .prose ul,html[lang=ar] .prose ol{line-height:var(--lh-p)}
[dir=rtl] .prose ul,[dir=rtl] .prose ol{margin:14px 1.3em 0 0}
.prose li{margin-top:9px}
.prose li::marker{color:var(--gold)}
.prose a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,163,106,.45)}
.prose strong{color:var(--cream);font-weight:600}
.prose figure{margin:30px 0}
.prose figure img{width:100%;height:auto;display:block;border-radius:8px;background:#1b1715;aspect-ratio:16/10;object-fit:cover}
.prose figcaption{margin-top:9px;font-size:12px;line-height:1.5;color:rgba(252,242,232,.45)}
html[lang=th] .prose figcaption,html[lang=ar] .prose figcaption{font-size:12.5px;line-height:1.85}
.prose .pull{margin-top:22px;border-left:2px solid var(--gold);padding-left:16px;font-family:var(--f-ser);font-style:italic;font-size:clamp(17px,2.2vw,21px);line-height:1.45;color:rgba(252,242,232,.78)}
html[lang=th] .prose .pull,html[lang=ar] .prose .pull{font-style:normal;font-size:clamp(15px,1.9vw,17.5px);line-height:1.85}
[dir=rtl] .prose .pull{border-left:0;padding-left:0;border-right:2px solid var(--gold);padding-right:16px}

/* ── карточка «How to get here» ───────────────────────────── */
.here{margin:36px 0 0;background:var(--cream);color:var(--ink);border-radius:14px;padding:22px clamp(18px,4vw,26px) 24px}
.here h2{font-family:var(--f-ser);font-weight:600;font-size:clamp(23px,3.2vw,28px);line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--burg);margin:0}
html[lang=th] .here h2,html[lang=ar] .here h2{font-size:clamp(19px,2.6vw,23px);line-height:1.5}
.here dl{margin-top:16px;display:grid;grid-template-columns:max-content 1fr;gap:10px 16px;font-size:14.5px;line-height:1.5}
html[lang=th] .here dl,html[lang=ar] .here dl{line-height:1.85}
.here dt{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);font-weight:600;padding-top:4px}
html[lang=th] .here dt,html[lang=ar] .here dt{font-size:12px;padding-top:2px}
.here dd{color:#3d2c24}
.here dd a{color:var(--burg);text-decoration:none;border-bottom:1px solid var(--gold)}
.here .note{margin-top:14px;font-size:13px;line-height:1.55;color:var(--mute)}
html[lang=th] .here .note,html[lang=ar] .here .note{font-size:13.5px;line-height:1.9}
.here .btns{margin-top:18px;display:flex;flex-wrap:wrap;gap:9px}
@media(max-width:480px){.here dl{grid-template-columns:1fr;gap:3px}.here dt{padding-top:10px}}
.btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:12px 17px;border-radius:999px;border:1.5px solid var(--burg);color:var(--burg)}
html[lang=th] .btn,html[lang=ar] .btn{font-size:13px;padding:11px 17px}
.btn.fill{background:var(--burg);color:var(--cream)}
.btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn.g{border-color:var(--gold);color:var(--gold)}
.btn.g.fill{background:var(--gold);color:var(--dark)}

/* ── FAQ ──────────────────────────────────────────────────── */
.faq{margin-top:40px}
.faq h2{font-family:var(--f-ser);font-weight:600;font-size:clamp(24px,3.6vw,33px);line-height:var(--lh-h);color:var(--gold);margin:0 0 6px}
html[lang=th] .faq h2,html[lang=ar] .faq h2{font-size:clamp(20px,2.9vw,26px)}
.faq details{border-top:1px solid rgba(252,242,232,.14);padding:12px 0}
.faq details:last-of-type{border-bottom:1px solid rgba(252,242,232,.14)}
.faq summary{cursor:pointer;font-weight:500;font-size:15.5px;line-height:1.4;color:var(--cream);list-style:none;display:flex;justify-content:space-between;gap:12px}
html[lang=th] .faq summary,html[lang=ar] .faq summary{line-height:1.8}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-family:"Cormorant",Georgia,serif;font-size:22px;line-height:1.1;flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details p{margin-top:9px;font-size:14.5px;line-height:1.62;color:rgba(252,242,232,.76)}
html[lang=th] .faq details p,html[lang=ar] .faq details p{line-height:var(--lh-p)}
.faq details p a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,163,106,.45)}

/* ── нижний CTA + футер ───────────────────────────────────── */
.endcta{margin-top:40px;border-top:1px solid rgba(201,163,106,.3);padding-top:28px;text-align:center}
.endcta p{font-family:var(--f-ser);font-size:clamp(18px,2.4vw,22px);line-height:1.45;color:rgba(252,242,232,.8);max-width:40ch;margin:0 auto}
html[lang=th] .endcta p,html[lang=ar] .endcta p{font-size:clamp(15.5px,2vw,18px);line-height:1.85}
.endcta .btns{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.gft{margin-top:44px;background:var(--cream);color:var(--burg);text-align:center;padding:34px 16px 42px}
.gft .lockup{justify-content:center;flex-direction:column;gap:5px}
.gft .pomcrop{width:50px;height:50px}
.gft .lockup .word{font-size:32px}
.gft .meta{margin-top:18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);line-height:2.05}
html[lang=th] .gft .meta,html[lang=ar] .gft .meta{font-size:12.5px;line-height:2.1}
.gft .meta a{color:var(--burg);text-decoration:none;border-bottom:1px solid rgba(122,31,31,.4)}
.gft .halal{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
html[lang=th] .gft .halal,html[lang=ar] .gft .halal{font-size:12px}
.gft .halal i{font-family:"Amiri",serif;font-style:normal;font-size:16px;letter-spacing:0}

/* ── липкая плашка действий (копия index.html) ────────────── */
.ctabar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--cream);color:var(--burg);box-shadow:0 -6px 24px rgba(0,0,0,.35)}
.ctabar .hrs{flex:1;min-width:0;font-size:11px;line-height:1.25;letter-spacing:.03em;text-transform:uppercase;font-weight:600}
html[lang=th] .ctabar .hrs,html[lang=ar] .ctabar .hrs{font-size:12px;line-height:1.45}
.ctabar a{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.ctabar a.dir{background:var(--burg);color:var(--cream)}.ctabar a.call{border:1.5px solid var(--burg);color:var(--burg)}
.ctabar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:900px){.ctabar{left:auto;right:24px;bottom:24px;border-radius:999px;padding:10px 14px;box-shadow:0 10px 40px rgba(0,0,0,.45)}.ctabar .hrs{padding:0 6px}body{padding-bottom:0}
  [dir=rtl] .ctabar{right:auto;left:24px}}
@media print{.ctabar,.hd .back,.lsw{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gcard{transition:none}}

/* ── RTL (ar) ─────────────────────────────────────────────── */
[dir=rtl] .prose,[dir=rtl] .tldr,[dir=rtl] .here,[dir=rtl] .ghead,[dir=rtl] .gcard .tx,[dir=rtl] .gsoon,[dir=rtl] .bc,[dir=rtl] .amet{text-align:right}
[dir=rtl] .bc li+li::before{content:"\2039"}            /* стрелка крошек в обратную сторону */
[dir=rtl] .lockup .word{padding-left:0;padding-right:.2em}
[dir=rtl] .cover figcaption{text-align:right}
[dir=rtl] .endcta,[dir=rtl] .gft{text-align:center}
/* иконки булавки и телефона симметричны по смыслу — не зеркалим; порядок во flex
   меняет сам dir=rtl: «часы» справа, Directions/Call слева (зеркальная копия LTR). */