@charset "UTF-8";
/* ==========================================================================
   Dr. Rüfət Əsədbəyli — Uroloq · Androloq · Uroonkoloq
   Dizayn sistemi: urologie-klinik-bochum.de arxitekturasından çıxarılıb,
   saf CSS ilə yenidən qurulub. Sıfır xarici asılılıq.
   ========================================================================== */

/* ---------- 1. Şrift (öz serverimizdə) ---------------------------------- */
/* Bütün fayllar variable fontdur (wght 100–900). Hər alt dəst ÜÇÜN EYNİ çəki diapazonu (300 700) yazılır:
   tək çəkili (700) və diapazonlu (kiril 300–700) üzlər qarışanda Chrome 300/700 üçün yalnız kiril üzünü
   seçir və latın mətni sistem şriftinə düşürdü. */
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/RobotoCondensed-400-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:'Roboto Condensed';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/RobotoCondensed-400-latin.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}

/* Kiril (RU) — variable, 300–700 */
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/RobotoCondensed-var-cyrillic-ext.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:'Roboto Condensed';font-style:normal;font-weight:300 700;font-display:swap;
  src:url('../fonts/RobotoCondensed-var-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}

/* ---------- 2. Tokenlər -------------------------------------------------- */
:root{
  /* Palitra v3 (2026-09-27, sifarişçi spesifikasiyası): koyu bordo #801A24 (əsas vurğu, başlıqlar, tünd panellər),
     canlı sarı #FFC107 (axtarış, elan blokları, tünd zəmində linklər), fuksiya #B81B6C (aksiyon düymələri, seçilmiş kartlar),
     antrasit #2B2B2B (tünd bölmələr, mətn), açıq boz #F4F5F7 (səhifə və footer zəmini), gül qurusu #EAA3BE (dairəvi rozetlər, ikincil linklər). */
  --brand:#801A24; --brand-dark:#5E121A; --brand-soft:#A03A44; --brand-subtle:#F6E6E8;
  --ink:#2B2B2B; --ink-dark:#1A1A1A;
  --accent:#FFC107; --accent-dark:#D9A000; --accent-light:#FFC107; --accent-soft:#FFF3C4;
  --cta:#B81B6C; --cta-hover:#CF3382; --rose:#EAA3BE;
  /* kafel tonları (köhnə adlar saxlanılır ki, şablonlar dəyişməsin) */
  --amber:#FFC107; --crimson:#801A24; --pink:#B81B6C; --coal:#2B2B2B; --steel:#A03A44;
  --band-grey:#2B2B2B; --band-wine:#801A24;
  --field-border:#6F6F6F; --focus:#B81B6C;
  --alert:#8E2F25; --alert-bg:#F7ECE9;
  --surface:#F4F5F7; --surface-2:#FAFBFC; --footer-bg:#F4F5F7;
  --text:#2B2B2B; --muted:#5A5A5A; --border:#DDDFE3; --white:#fff;
  --font:'Roboto Condensed',-apple-system,'Segoe UI',Arial,sans-serif;
  --radius:8px; --radius-lg:14px; --radius-sm:5px;   /* v2: yumşaq künclər */
  --shadow:0 12px 32px rgba(128,26,36,.14); --shadow-lg:0 26px 60px rgba(128,26,36,.22);
  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:1200px; --gap:1.5rem;
  --step:clamp(3rem,2rem + 4vw,7rem);  /* bölmə arası ritm */
  --hdr:118px;
}

/* ---------- 3. Reset ----------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
html{font-size:calc(100% * var(--fscale,1))}
body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.65;color:var(--text);background:var(--white)}
img,svg{max-width:100%;height:auto;display:block}
.i{width:1.25em;height:1.25em;flex:0 0 auto}
a{color:var(--brand);text-decoration:underline;text-underline-offset:.15em}
a:hover{color:var(--brand-dark)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px #fff}
.hero :focus-visible,.topbar :focus-visible,.section--grey :focus-visible,.section--wine :focus-visible,
.section--brand :focus-visible,.vc-band :focus-visible,.lb :focus-visible{outline-color:#fff;box-shadow:0 0 0 2px var(--focus)}
h1,h2,h3,h4{font-weight:500;line-height:1.1;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.1em;padding-left:1.3em}
li{margin-bottom:.4em}
hr{border:0;border-top:1px solid var(--border);margin:2rem 0}

/* ---------- 4. Layout ---------------------------------------------------- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:1.25rem}
.wrap-narrow{max-width:820px}
.section{padding-block:var(--step)}
.section--surface{background:var(--surface)}
.section--grey{background:var(--band-grey);color:#fff}
.section--wine{background:var(--band-wine);color:#fff}
.section--brand{background:var(--brand);color:#fff}
.section--grey a:not(.btn),.section--wine a:not(.btn),.section--brand a:not(.btn){color:#fff}
.section--grey h2,.section--wine h2,.section--brand h2{color:#fff}
.grid{display:grid;gap:var(--gap)}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}
/* grid--eq: bütün sətirlər eyni hündürlükdə (yalnız çoxsütunlu görünüşdə) */
@media (min-width:761px){.grid--eq{grid-auto-rows:1fr}}
/* Son sətirdə tək qalan kart: boş sütun yerinə tam eni tutur (məs. 5 kart → 2+2+1) */
@media (min-width:761px){
  .grid-2 > :last-child:nth-child(odd){grid-column:1 / -1}
  .grid-3 > :last-child:nth-child(3n+1):not(:first-child){grid-column:1 / -1}
}
.cols-2{columns:2;column-gap:3rem}
@media (max-width:820px){.cols-2{columns:1}}

/* ---------- 5. Tipoqrafiya ---------------------------------------------- */
.h-hero{font-size:clamp(2.75rem,1.5rem + 6.2vw,5.625rem);font-weight:500;color:#fff;margin:0}
.h-page{font-size:clamp(2.1rem,1.3rem + 3.4vw,4rem);font-weight:500;color:var(--brand);
  margin:0 0 1.5rem;max-width:16ch}
.section--grey .h-page,.section--wine .h-page{color:#fff}
.h-block{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);font-weight:500;color:var(--brand)}
.meta{font-size:.9rem;color:var(--muted);margin:0 0 .5rem}
.meta span+span::before{content:'·';margin:0 .45em;color:var(--border)}
.section--grey .meta,.section--wine .meta,.section--brand .meta{color:rgba(255,255,255,.75)}
.lead{font-size:clamp(1.1rem,1rem + .4vw,1.3rem);font-weight:300;line-height:1.55}

/* ---------- 6. Düymələr -------------------------------------------------- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;font-size:1.125rem;font-weight:400;line-height:1.3;
  padding:.7rem 1.5rem;border:2px solid transparent;border-radius:var(--radius);
  text-decoration:none;cursor:pointer;transition:background .22s var(--ease),color .22s var(--ease),
  border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--cta);color:#fff;border-color:var(--cta);box-shadow:0 6px 18px rgba(184,27,108,.22)}
.btn-primary:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:#fff}
.btn-ghost{background:transparent;color:var(--brand);border-color:var(--brand)}
.btn-ghost:hover{background:var(--brand);color:#fff}
.btn-light{background:#fff;color:var(--brand);border-color:#fff}
.btn-light:hover{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---------- 7. Skip linklər --------------------------------------------- */
.skip{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--ink);color:#fff;
  padding:.75rem 1.25rem;text-decoration:none}
.skip:focus{left:0;color:#fff}

/* ---------- 8. Header / naviqasiya (v3: topbar · mega-menyu · çəkməcə) ------ */
.hdr{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--border)}

/* Üst zolaq: vəzifə · telefon · dil */
.topbar{background:var(--ink);color:rgba(255,255,255,.82);font-size:.8125rem}
.topbar__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:38px}
.topbar__meta{margin:0;display:flex;gap:2rem;min-width:0;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.topbar__meta span{overflow:hidden;text-overflow:ellipsis}
.topbar__right{display:flex;align-items:center;gap:1.1rem;margin-left:auto}
.topbar__tel{display:inline-flex;align-items:center;gap:.4rem;color:#fff;text-decoration:none;font-weight:500;white-space:nowrap}
.topbar__tel svg{width:17px;height:17px}
.topbar__tel:hover{color:var(--accent-light)}

/* Dil keçidi */
.lang{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem}
.lang li{margin:0}
.lang a{display:inline-block;min-width:2.2rem;padding:.2rem .45rem;text-align:center;border-radius:var(--radius-sm);
  color:inherit;text-decoration:none;font-weight:500;letter-spacing:.06em;font-size:.78rem;line-height:1.5;
  transition:background .2s var(--ease),color .2s var(--ease)}
.lang a:hover{background:rgba(255,255,255,.14);color:#fff}
.lang a[aria-current]{background:var(--accent-dark);color:#fff}

/* Əsas zolaq */
.hdr__bar{display:flex;align-items:center;gap:1rem;min-height:76px}
.hdr__brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex:0 1 auto;min-width:0;margin-right:auto}
.hdr__mark{flex:0 0 auto}
.hdr__txt{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.hdr__name{font-size:1.3rem;font-weight:700;color:var(--brand);letter-spacing:-.01em;white-space:nowrap}
.hdr__role{font-size:.85rem;font-weight:400;color:var(--muted);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr__logo{width:44px;height:44px;object-fit:contain}

/* Masaüstü menyu */
.mnav{display:none}
.mnav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.1rem}
.mnav__item{margin:0;position:relative}
.mnav__item--mega{position:static}
.mnav__link,.mnav__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .75rem;border:0;background:none;
  font:inherit;font-size:1.02rem;font-weight:500;color:var(--ink);text-decoration:none;border-radius:var(--radius);
  cursor:pointer;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease)}
.mnav__link:hover,.mnav__btn:hover,.mnav__btn[aria-expanded="true"]{color:var(--brand);background:var(--brand-subtle)}
.mnav__item.is-active>.mnav__link,.mnav__item.is-active>.mnav__btn{color:var(--brand);box-shadow:inset 0 -2px 0 var(--accent)}
.chev{flex:0 0 auto;width:20px;height:20px;transition:transform .2s var(--ease)}
[aria-expanded="true"]>.chev{transform:rotate(180deg)}
.hdr__cta{display:none;font-size:1rem;padding:.55rem 1.1rem;white-space:nowrap}

/* Kiçik açılan menyu (Haqqında) */
.dd{display:none;position:absolute;top:calc(100% + .45rem);left:0;min-width:250px;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.45rem;z-index:950}
.dd.is-open{display:block;animation:ddIn .18s var(--ease)}
.dd__list{list-style:none;margin:0;padding:0}
.dd__list li{margin:0}
.dd__list a{display:block;padding:.6rem .8rem;border-radius:var(--radius);color:var(--ink);text-decoration:none;font-weight:500}
.dd__list a:hover,.dd__list a:focus-visible,.dd__list a[aria-current]{background:var(--surface);color:var(--brand)}
@keyframes ddIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Mega-menyu (Müalicə spektri) */
.mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--border);
  box-shadow:0 30px 60px rgba(15,21,29,.18);z-index:940;max-height:calc(100vh - 130px);overflow:auto}
.mega.is-open{display:block;animation:ddIn .2s var(--ease)}
.mega__in{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;padding-block:1.75rem 1.25rem}
.mega__groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.mega__group{min-width:0}
.mega__gt{font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 .2rem}
.mega__gd{font-size:.84rem;color:var(--muted);margin:0 0 .9rem;line-height:1.4}
.mega__organs{list-style:none;margin:0;padding:0}
.mega__organ{margin:0 0 .8rem}
.mega__ol{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-weight:500;font-size:1.04rem;line-height:1.2;padding:.2rem 0}
.mega__ol:hover,.mega__ol:focus-visible,.mega__ol[aria-current]{color:var(--brand)}
.mega__ico{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius);background:var(--brand-subtle);color:var(--brand);transition:background .2s var(--ease),color .2s var(--ease)}
.mega__ico svg{width:20px;height:20px}
.mega__ol:hover .mega__ico{background:var(--brand);color:#fff}
.mega__subs{list-style:none;margin:.15rem 0 0 2.6rem;padding:0}
.mega__subs li{margin:0}
.mega__subs a{display:block;font-size:.87rem;color:var(--muted);text-decoration:none;padding:.1rem 0;line-height:1.35}
.mega__subs a:hover,.mega__subs a:focus-visible{color:var(--brand);text-decoration:underline}
.mega__card{border-radius:var(--radius-lg);overflow:hidden;background:var(--brand);color:#fff;display:flex;flex-direction:column;align-self:start}
.mega__card img{width:100%;height:160px;object-fit:cover;object-position:center 22%}
.mega__cardtxt{padding:1rem 1.2rem 1.25rem}
.mega__cardt{font-size:1.2rem;font-weight:500;margin:0 0 .35rem;line-height:1.15}
.mega__cardd{font-size:.88rem;opacity:.86;margin:0 0 .9rem;line-height:1.45}
.mega__card .btn{font-size:.95rem;padding:.45rem 1rem}
.mega__all{grid-column:1 / -1;margin:0;padding-top:.9rem;border-top:1px solid var(--border)}
.mega__all a{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;text-decoration:none}
.mega__all svg,.drawer__all svg{width:18px;height:18px}
.mega__all a:hover{text-decoration:underline}

/* Hamburger */
.hdr__toggle{flex:0 0 auto;width:48px;height:48px;display:grid;place-items:center;background:transparent;
  border:2px solid var(--border);border-radius:var(--radius);cursor:pointer}
.hdr__toggle:hover{border-color:var(--brand)}
.hdr__toggle span{display:block;width:24px;height:2.5px;background:var(--ink);position:relative;transition:background .2s}
.hdr__toggle span::before,.hdr__toggle span::after{content:'';position:absolute;left:0;width:24px;height:2.5px;background:var(--ink);transition:transform .25s var(--ease)}
.hdr__toggle span::before{top:-7px}.hdr__toggle span::after{top:7px}
.hdr__toggle[aria-expanded="true"] span{background:transparent}
.hdr__toggle[aria-expanded="true"] span::before{transform:translateY(7px) rotate(45deg)}
.hdr__toggle[aria-expanded="true"] span::after{transform:translateY(-7px) rotate(-45deg)}

/* Mobil çəkməcə — bağlı olanda display:none (Android daşma qaydası) */
.drawer{display:none;border-top:1px solid var(--border);background:#fff;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain}
.drawer.is-open{display:block;animation:ddIn .2s var(--ease)}
.drawer__in{padding-block:1rem 1.5rem}
.lang--drawer{margin-bottom:.75rem}
.lang--drawer a{color:var(--ink);border:1px solid var(--border);font-size:.85rem;padding:.35rem .6rem}
.lang--drawer a:hover{background:var(--surface);color:var(--brand)}
.lang--drawer a[aria-current]{border-color:var(--accent);color:#fff}
.drawer__list{list-style:none;margin:0;padding:0}
.drawer__list>li{margin:0;border-bottom:1px solid var(--border)}
.drawer__link,.drawer__acc>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;
  font-size:1.12rem;font-weight:500;color:var(--ink);text-decoration:none;cursor:pointer;list-style:none}
.drawer__link[aria-current]{color:var(--brand)}
.drawer__acc>summary::-webkit-details-marker{display:none}
.drawer__acc[open]>summary{color:var(--brand)}
.drawer__acc[open]>summary .chev{transform:rotate(180deg)}
.drawer__acc ul{list-style:none;margin:0 0 .6rem;padding:0 0 0 .25rem}
.drawer__acc li{margin:0}
.drawer__acc li a{display:block;padding:.5rem 0;color:var(--text);text-decoration:none}
.drawer__acc li a:hover{color:var(--brand)}
.drawer__gt{margin:.8rem 0 .1rem;font-size:.95rem;font-weight:700;color:var(--muted)}
.drawer__all{margin:.3rem 0 .9rem}
.drawer__all a{display:inline-flex;align-items:center;gap:.35rem}
.drawer__cta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 0}
.drawer__cta .btn{font-size:1rem;padding:.6rem 1.1rem}

/* JS olmadıqda: menyular fokus/hover ilə açılır */
.no-js .mnav__item--dropdown:hover>.dd,.no-js .mnav__item--dropdown:focus-within>.dd,
.no-js .mnav__item--mega:hover>.mega,.no-js .mnav__item--mega:focus-within>.mega{display:block}

@media (min-width:1180px){
  .mnav{display:block;margin-left:auto}
  .hdr__toggle,.drawer,.drawer.is-open{display:none}
  .hdr__brand{margin-right:.5rem;flex:0 0 auto}
}
@media (min-width:1360px){ .hdr__cta{display:inline-block} }
@media (max-width:1179px){ .mega,.dd,.mega.is-open,.dd.is-open{display:none} }
@media (max-width:1260px) and (min-width:1180px){ .mega__in{grid-template-columns:minmax(0,1fr)} .mega__card{display:none} }
@media (max-width:760px){
  .topbar__meta{display:none}
  .hdr__bar{min-height:64px;gap:.75rem}
  .hdr__name{font-size:1.06rem}
  .hdr__role{font-size:.6rem;letter-spacing:.06em}
  .hdr__logo{width:36px;height:36px}
}
@media (max-width:420px){ .topbar__tel span{display:none} .topbar__right{margin-left:0;width:100%;justify-content:space-between} }

/* ---------- 9. Hero ------------------------------------------------------ */
.hero{position:relative;background:var(--brand-dark);color:#fff;overflow:hidden}
.hero__inner{position:relative;padding-top:clamp(2.5rem,5vw,4.5rem)}
.hero__role{font-size:clamp(1.05rem,.95rem + .45vw,1.35rem);font-weight:400;color:var(--accent-light);margin:.9rem 0 0}
.hero__lead{font-size:clamp(1.02rem,.95rem + .35vw,1.2rem);font-weight:300;line-height:1.6;max-width:56ch;
  margin:1.5rem 0 0;color:rgba(255,255,255,.88)}
.hero__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:1.25rem 2rem;margin:2.25rem 0 0;max-width:640px}
.hero__facts div{display:flex;flex-direction:column-reverse;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.22);padding-top:.8rem}
.hero__facts dt{font-size:.92rem;color:rgba(255,255,255,.7);line-height:1.35;margin-top:.3rem}
.hero__facts dd{margin:0;font-size:clamp(1.45rem,1.2rem + 1vw,2rem);font-weight:500;line-height:1.1}
.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:2.25rem 0 clamp(2.5rem,5vw,4.5rem)}
.btn-onbrand{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-onbrand:hover{background:#fff;color:var(--brand);border-color:#fff}

/* ---------- 10. Axtarış -------------------------------------------------- */
.searchbar{background:var(--surface);padding-block:1.75rem}
.searchbar form{display:flex;gap:.75rem;flex-wrap:wrap}
.searchbar label{flex:1 1 100%;font-weight:500;margin-bottom:.35rem}
.searchbar input{flex:1 1 260px;min-width:0;padding:.7rem .9rem;font-family:inherit;font-size:1rem;
  border:2px solid var(--field-border);border-radius:var(--radius);background:#fff;color:var(--text)}
.searchbar input:focus{border-color:var(--brand)}

/* ---------- 11. Xidmət şəbəkəsi ------------------------------------------ */
/* gap 1px + outline 1px: qonşu xanaların xətləri üst-üstə düşür, boş xanalar boz qalmır */
.svcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1px;padding:1px;margin:0;list-style:none}
.svcs>li{margin:0}
.svc{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.6rem 1.5rem 1.35rem;background:#fff;
  outline:1px solid var(--border);color:var(--text);text-decoration:none;transition:background .2s var(--ease)}
.svc:hover{background:var(--surface-2);color:var(--text)}
.svc:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.svc__ico{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--brand-subtle);
  color:var(--brand);margin-bottom:.65rem;transition:background .2s var(--ease),color .2s var(--ease)}
.svc__ico svg{width:26px;height:26px}
.svc:hover .svc__ico{background:var(--brand);color:#fff}
.svc__t{font-size:1.3rem;font-weight:500;line-height:1.2;color:var(--brand)}
.svc__d{font-size:.95rem;color:var(--muted);line-height:1.45}
.svc__go{margin-top:auto;padding-top:.9rem;color:var(--accent-dark)}
.svc__go svg{width:22px;height:22px;transition:transform .2s var(--ease)}
.svc:hover .svc__go svg{transform:translateX(4px)}

/* ---------- 12. Kartlar / məzmun bloku ----------------------------------- */
.card{background:#fff;border:1px solid var(--border);padding:1.5rem;border-radius:var(--radius-lg);
  transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
a.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card__ico{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--brand-subtle);color:var(--brand);margin-bottom:.9rem}
.card__ico svg{width:26px;height:26px}
.card--flat{border:0;background:var(--surface-2)}
.card h3,.card .card__h{color:var(--brand);font-size:1.3rem}
.card p:last-child{margin-bottom:0}

/* ---------- 13. Akkordeon ------------------------------------------------ */
.acc{border-top:1px solid var(--border)}
.acc__item{border-bottom:1px solid var(--border)}
.acc__btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 0;background:none;border:0;font-family:inherit;font-size:1.2rem;font-weight:500;
  color:var(--brand);text-align:left;cursor:pointer}
.acc__btn:hover{color:var(--brand-dark)}
.acc__ico{flex:0 0 auto;width:22px;height:22px;position:relative}
.acc__ico::before,.acc__ico::after{content:'';position:absolute;background:currentColor;
  transition:transform .25s,opacity .25s}
.acc__ico::before{top:10px;left:2px;width:18px;height:2px}
.acc__ico::after{left:10px;top:2px;width:2px;height:18px}
.acc__btn[aria-expanded="true"] .acc__ico::after{transform:scaleY(0);opacity:0}
.acc__panel{display:none;padding:0 0 1.4rem}
.acc__panel.is-open{display:block}
.acc__panel p:last-child{margin-bottom:0}

/* ---------- 14. Breadcrumb ---------------------------------------------- */
.crumbs{padding-block:.9rem;font-size:.88rem;border-bottom:1px solid var(--border)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.crumbs li::after{content:'›';margin-left:.4rem;color:var(--muted)}
.crumbs li:last-child::after{content:''}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brand);text-decoration:underline}
.crumbs [aria-current]{color:var(--text);font-weight:500}

/* ---------- 15. Məqalə mətni --------------------------------------------- */
.prose{max-width:70ch;font-size:1.0625rem}
.prose h2{color:var(--brand);font-size:1.75rem;margin-top:2.5rem}
.prose h3{color:var(--ink);font-size:1.3rem;margin-top:2rem}
.prose blockquote,.pullquote{margin:2.5rem 0;padding:0;font-size:clamp(1.2rem,1rem + .8vw,1.6rem);font-weight:300;
  line-height:1.45;color:var(--brand)}
.prose blockquote::before,.pullquote::before{content:'\201C';display:block;font-size:4rem;line-height:1;height:2.2rem;
  color:var(--accent);font-weight:400}
.prose blockquote p:last-child,.pullquote p:last-child{margin:0}
.pullquote footer{margin-top:1rem;font-size:1rem;font-weight:500;color:var(--muted)}
.section--grey .pullquote,.section--wine .pullquote,.section--brand .pullquote{color:#fff}
.section--grey .pullquote footer,.section--wine .pullquote footer{color:rgba(255,255,255,.72)}

/* ---------- 16. Siyahılar / məqalə kartı --------------------------------- */
.artlist{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--border);
  border-block:1px solid var(--border)}
.artlist li{background:#fff;margin:0}
.artlist a{display:flex;gap:1.1rem;align-items:center;justify-content:space-between;padding:1.1rem 1rem;text-decoration:none;
  color:var(--text);transition:background .18s}
.artlist a:hover{background:var(--brand-subtle)}
.artlist svg{width:22px;height:22px;color:var(--accent-dark);transition:transform .2s var(--ease)}
.artlist a:hover svg{transform:translateX(4px)}
.artlist span{font-size:1.1rem;font-weight:500;color:var(--ink)}

/* ---------- 17. Əlaqə / məlumat cütləri ---------------------------------- */
.dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.5rem;margin:0}
.dl dt{font-weight:500;color:var(--muted)}
.dl dd{margin:0}
@media (max-width:560px){.dl{grid-template-columns:1fr;gap:.15rem}.dl dd{margin-bottom:.9rem}}

/* ---------- 18. Xronologiya ---------------------------------------------- */
.tl{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--border)}
.tl li{display:grid;grid-template-columns:9.5rem 1fr;column-gap:1.75rem;padding:1.25rem 0;margin:0;border-top:1px solid var(--border)}
.tl time{grid-row:span 2;font-size:1rem;font-weight:500;color:var(--accent-dark);font-variant-numeric:tabular-nums;line-height:1.5}
.tl b{font-size:1.15rem;font-weight:500;color:var(--ink);line-height:1.35}
.tl span,.tl small{grid-column:2;color:var(--muted);font-size:.98rem}
@media (max-width:560px){.tl li{grid-template-columns:1fr}.tl time{grid-row:auto}.tl span,.tl small{grid-column:1}}

/* ---------- 19. Məlumat paneli (callout) --------------------------------- */
.note{background:var(--surface);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;font-size:.98rem}
.callout{display:flex;gap:1rem;align-items:flex-start;background:var(--surface);border-radius:var(--radius-lg);
  padding:1.3rem 1.5rem;font-size:.98rem;line-height:1.55}
.callout__ico{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--brand)}
.callout__ico svg{width:24px;height:24px}
.callout__body{min-width:0;padding-top:.45rem}
.callout__t{font-weight:700;font-size:1.06rem;color:var(--ink);margin:0 0 .3rem}
.callout__body>:last-child{margin-bottom:0}
.callout__body ul{margin:.45rem 0 0;padding-left:1.15em}
.callout__body li{margin-bottom:.3rem}
.callout--alert{background:var(--alert-bg)}
.callout--alert .callout__ico,.callout--alert .callout__t{color:var(--alert)}
.callout+.callout{margin-top:1rem}

/* ---------- 20. Footer --------------------------------------------------- */
.ftr{background:var(--footer-bg);padding-block:var(--step) 2rem;border-top:1px solid var(--border)}
.ftr__grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ftr h2{font-size:1.02rem;font-weight:700;color:var(--ink);margin-bottom:.9rem}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin-bottom:.45rem}
.ftr a{color:var(--text);text-decoration:none}
.ftr a:hover{color:var(--brand);text-decoration:underline}
.ftr__legal{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);
  font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;justify-content:space-between}

.ftr__logo{margin-bottom:.6rem}
.ftr__name{font-size:1.35rem;font-weight:700;color:var(--brand);margin-bottom:.15rem}
.ftr__role{margin-bottom:.15rem}
.ftr__meta{font-size:.9rem;color:var(--muted)}
.ftr__addr{margin-top:.8rem;color:var(--muted);font-size:.92rem}
.ftr__social{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.35rem 1rem}
.ftr__btn{font-size:.95rem;padding:.45rem 1rem;margin-top:.5rem}
.ftr__disc{margin:2.5rem 0 0;font-size:.86rem;line-height:1.55;color:var(--muted);max-width:95ch}
.ftr__legal-links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}
.lang--footer{margin-top:1.25rem;justify-content:center}
.lang--footer a{color:var(--muted);border:1px solid var(--border)}
.lang--footer a:hover{background:var(--surface);color:var(--brand)}
.lang--footer a[aria-current]{color:#fff;border-color:var(--accent)}

/* ---------- 21. Yuxarı qayıt --------------------------------------------- */
.totop{position:fixed;right:1rem;bottom:1rem;z-index:800;width:48px;height:48px;display:grid;
  place-items:center;background:var(--ink);color:#fff;text-decoration:none;border-radius:var(--radius);box-shadow:var(--shadow);
  opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s,background .2s}
.totop.is-on{opacity:1;visibility:visible}
.totop:hover{background:var(--brand);color:#fff}
.totop svg{width:20px;height:20px}

/* ---------- 22. Əlçatanlıq vidceti --------------------------------------- */
.a11y{position:fixed;right:1rem;top:calc(var(--hdr) + 1rem);z-index:850}
.a11y__btn{width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:#fff;
  border:0;border-radius:var(--radius);cursor:pointer}
.a11y__btn:hover{background:var(--brand)}
.a11y__btn svg{width:24px;height:24px}
.a11y__panel{display:none;position:absolute;right:0;top:56px;width:min(19rem,calc(100vw - 2rem));max-height:calc(100dvh - var(--hdr) - 5rem);overflow:auto;background:#fff;color:var(--text);
  border:1px solid var(--border);padding:1rem;border-radius:var(--radius-lg);box-shadow:0 18px 40px rgba(15,21,29,.22)}
.a11y__panel.is-open{display:grid;gap:.45rem}
.a11y__panel h2{font-size:1.05rem;color:var(--ink);margin:0 0 .3rem}
.a11y__size{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:.35rem;margin-bottom:.25rem}
.a11y__lbl{font-size:.95rem;font-weight:500}
.a11y__val{min-width:3.2rem;text-align:center;font-variant-numeric:tabular-nums;font-weight:500}
.a11y__panel button{font:inherit;font-size:.97rem;cursor:pointer;color:var(--text);background:var(--surface);
  border:2px solid transparent;border-radius:var(--radius);transition:border-color .15s,background .15s,color .15s}
.a11y__size button{width:44px;height:44px;display:grid;place-items:center;padding:0}
.a11y__size svg{width:22px;height:22px}
.a11y__tog,.a11y__reset{display:flex;align-items:center;gap:.65rem;width:100%;min-height:44px;padding:.45rem .75rem;text-align:left}
.a11y__tog svg,.a11y__reset svg{width:22px;height:22px;flex:0 0 auto}
.a11y__tog span,.a11y__reset span{flex:1}
.a11y__tog::after{content:'';flex:0 0 auto;width:36px;height:20px;border-radius:999px;
  background:radial-gradient(circle at 10px 50%,#fff 6px,transparent 7px) #8A8F96}
.a11y__tog[aria-pressed="true"]{background:var(--brand-subtle);border-color:var(--brand);color:var(--brand)}
.a11y__tog[aria-pressed="true"]::after{background:radial-gradient(circle at 26px 50%,#fff 6px,transparent 7px) var(--brand)}
.a11y__panel button:hover{border-color:var(--brand)}
.a11y__reset{background:transparent!important;border-color:var(--border)!important;margin-top:.2rem}
.a11y__more{font-size:.9rem;padding:.35rem .1rem 0}

/* Oxunaqlı aralıq (WCAG 1.4.12 dəyərlərinə yaxın) */
.a11y-spacing main :is(p,li,dd,dt,blockquote,figcaption,.lead){line-height:1.9!important;letter-spacing:.05em!important;word-spacing:.16em!important}
.a11y-spacing main p{margin-bottom:1.6em!important}
/* Linklərin vurğulanması */
.a11y-links a:not(.btn){text-decoration:underline!important;text-decoration-thickness:2px!important;
  text-underline-offset:.2em!important;background-color:rgba(255,214,102,.45)!important;color:var(--ink)!important}
.a11y-links .section--grey a:not(.btn),.a11y-links .section--wine a:not(.btn),.a11y-links .hero a:not(.btn),
.a11y-links .topbar a{color:#fff!important;background-color:rgba(255,214,102,.28)!important}
/* Animasiyaları dayandır */
.a11y-still *,.a11y-still *::before,.a11y-still *::after{animation:none!important;transition:none!important}
.a11y-still{scroll-behavior:auto}
.a11y-still .reveal{opacity:1!important;transform:none!important}

/* Yüksək kontrast rejimi */
.a11y-hc body{--brand:#000;--brand-dark:#000;--ink:#000;--muted:#000;--surface:#fff;--surface-2:#fff;
  --footer-bg:#fff;--border:#000;--text:#000}
.a11y-hc .section--grey,.a11y-hc .section--wine,.a11y-hc .section--brand,
.a11y-hc .hero{background:#000!important;color:#fff!important}
.a11y-hc .callout,.a11y-hc .note{background:#fff;border:2px solid #000}
.a11y-hc a{text-decoration:underline}

/* ---------- 22b. Şəkil baxışı (böyütmə) -------------------------------- */
.zoom{position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;
  font:inherit;text-align:inherit;cursor:zoom-in;border-radius:inherit}
.zoom::after{content:'';position:absolute;right:.6rem;bottom:.6rem;width:2.5rem;height:2.5rem;border-radius:50%;
  background:rgba(11,39,64,.78) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='white'%3E%3Cpath d='M781.7 -136.9 530.5 -388.2Q500.5 -363.4 461.5 -349.4Q422.5 -335.4 380.8 -335.4Q278.2 -335.4 207.2 -406.4Q136.2 -477.4 136.2 -579.9Q136.2 -682.5 207.2 -753.5Q278.2 -824.6 380.7 -824.6Q483.2 -824.6 554.3 -753.6Q625.4 -682.5 625.4 -580Q625.4 -537.2 611 -498.2Q596.6 -459.2 572.6 -430.3L823.8 -179.1ZM380.8 -395.4Q458.1 -395.4 511.7 -449Q565.4 -502.7 565.4 -580Q565.4 -657.3 511.7 -711Q458.1 -764.6 380.8 -764.6Q303.5 -764.6 249.8 -711Q196.2 -657.3 196.2 -580Q196.2 -502.7 249.8 -449Q303.5 -395.4 380.8 -395.4ZM350.8 -472.3V-550H273.1V-610H350.8V-687.7H410.8V-610H488.5V-550H410.8V-472.3Z'/%3E%3C/svg%3E") center / 62% no-repeat;opacity:0;transform:scale(.9);
  transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}
.zoom:hover::after,.zoom:focus-visible::after{opacity:1;transform:none}
@media (hover:none){.zoom::after{opacity:.9;transform:none}}
.fig .zoom,.portrait .zoom{border-radius:0}
.zoom:focus-visible{outline-offset:-3px;box-shadow:none}
@media (min-width:860px){.vcard__media .zoom{position:absolute;inset:0}}
.lb-open{overflow:hidden}
.lb{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;
  background:rgba(8,14,22,.94);color:#fff;overflow:hidden}
.lb::backdrop{background:rgba(8,14,22,.6)}
.lb[open]{display:grid;grid-template-rows:auto 1fr;animation:lbIn .2s var(--ease)}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.lb__count{grid-row:1;margin:0;padding:1.1rem 1.25rem;font-size:.95rem;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums;min-height:3.5rem}
.lb__fig{grid-row:2;margin:0;padding:0 4.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:0;gap:.9rem}
.lb__img{max-width:100%;max-height:calc(100dvh - 9rem);width:auto;height:auto;object-fit:contain;border-radius:var(--radius);
  box-shadow:0 20px 60px rgba(0,0,0,.5);touch-action:pan-y}
.lb__cap{max-width:70ch;text-align:center;font-size:1rem;line-height:1.5;color:rgba(255,255,255,.88)}
.lb__btn{position:absolute;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .2s}
.lb__btn:hover{background:rgba(255,255,255,.26)}
.lb__btn svg{width:30px;height:30px}
.lb__close{top:.6rem;right:.75rem}
.lb__prev{left:.75rem;top:50%;transform:translateY(-50%)}
.lb__next{right:.75rem;top:50%;transform:translateY(-50%)}
@media (max-width:640px){
  .lb__fig{padding:0 .75rem 5rem}
  .lb__img{max-height:calc(100dvh - 12rem)}
  .lb__prev,.lb__next{top:auto;bottom:1rem;transform:none}
  .lb__prev{left:calc(50% - 64px)} .lb__next{right:calc(50% - 64px)}
}
@media (prefers-reduced-motion:reduce){.lb[open]{animation:none}}

/* ---------- 23. Skroll aşkarlanması -------------------------------------- */
.reveal{transition:opacity .6s ease,transform .6s ease}
/* Gizletme YALNIZ JS islediyi zaman tetbiq olunur (html.js-anim).
   JS sonduruleorsa mezmun her zaman gorunur. */
.js-anim .reveal:not(.is-in){opacity:0;transform:translateY(22px)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-anim .reveal:not(.is-in){opacity:1;transform:none}}

/* ---------- 24. Köməkçilər ----------------------------------------------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mb-0{margin-bottom:0}.mt-2{margin-top:2rem}
.text-center{text-align:center}

/* ---------- 26. Mobil düzəlişlər ---------------------------------------- */
@media (max-width:860px){
  /* Əlçatanlıq vidceti mobil ekranda məzmunu örtməsin — aşağı sol küncə */
  .a11y{top:auto;bottom:1rem;right:auto;left:1rem}
  .a11y__panel{top:auto;bottom:56px;right:auto;left:0}
  .hdr__bar{min-height:auto}
  .nav__list{grid-template-columns:1fr;gap:0}
}
@media (max-width:400px){
}

/* ---------- 27. Loqo və portret ------------------------------------------ */
.hdr__logo{width:48px;height:48px;object-fit:contain}
@media (max-width:400px){.hdr__logo{width:36px;height:36px}}
.portrait{margin:0;background:var(--surface);border:1px solid var(--border)}
.portrait img{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;object-position:top}
.portrait figcaption{font-size:.85rem;color:var(--muted);padding:.6rem .9rem;line-height:1.35}

/* Hero: mətn + foto */
.hero__inner{display:grid;grid-template-columns:minmax(0,1fr);column-gap:3rem;align-items:end}
@media (min-width:900px){.hero__inner{grid-template-columns:minmax(0,1fr) 360px}}
/* foto hero-nun alt kənarına oturur: çərçivəsiz, kölgəsiz */
.hero__photo{margin:0;justify-self:end;align-self:end;width:min(360px,100%)}
.hero__photo img{width:100%;height:auto;max-height:540px;aspect-ratio:2 / 3;object-fit:cover;object-position:top}
@media (max-width:899px){.hero__photo{width:min(280px,72%);justify-self:start}}

/* ---------- 28. Rəqəmsal vizitkart --------------------------------------- */
.vc-band{background:var(--brand-dark);
  padding-block:clamp(2rem,1rem + 4vw,4rem)}
.vcard{display:grid;background:#fff;max-width:1080px;margin-inline:auto;border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
@media (min-width:860px){.vcard{grid-template-columns:400px 1fr}}
.vcard__media{position:relative;background:var(--brand);min-height:320px}
.vcard__photo{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;object-position:top}
@media (min-width:860px){.vcard__photo{position:absolute;inset:0;height:100%;aspect-ratio:auto}}
.vcard__logo{position:absolute;left:1rem;top:1rem;width:72px;height:72px;background:#fff;
  padding:.4rem;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.vcard__body{padding:clamp(1.5rem,1rem + 2.5vw,2.75rem)}
.vcard__name{font-size:clamp(2rem,1.4rem + 2.6vw,3.25rem);font-weight:700;color:var(--brand);
  margin:0 0 .25rem;letter-spacing:-.02em;line-height:1.05}
.vcard__role{font-size:1rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);margin:0 0 1rem}
.vcard__badges{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-wrap:wrap;gap:.4rem}
.vcard__badges li{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.06em;padding:.35rem .65rem;
  border:2px solid var(--brand);color:var(--brand)}
.vcard__badges li{border-radius:var(--radius-sm)}
.vcard__badges li:first-child{background:var(--brand);color:#fff}
.vcard__badges li:last-child{border-color:var(--accent);color:var(--accent-dark)}
.vcard__actions a,.vcard__actions button{border-radius:var(--radius)}
.vcard__logo{border-radius:var(--radius-sm)}
.portrait,.portrait img{border-radius:var(--radius-lg)}
.hero__photo img{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.vcard__who{font-size:1.05rem;line-height:1.55;max-width:60ch;margin-bottom:1.5rem}
.vcard__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;
  margin-bottom:1.75rem}
.vcard__actions a,.vcard__actions button{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;
  font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;color:var(--ink);
  background:var(--surface-2);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;
  transition:border-color .18s,background .18s,color .18s;text-align:left}
.vcard__actions a:hover,.vcard__actions a:focus-visible,.vcard__actions button:hover,
.vcard__actions button:focus-visible{border-color:var(--brand);color:var(--brand);background:#fff}
.vcard__actions svg{width:22px;height:22px;flex:0 0 auto}
.vcard__actions .is-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.vcard__actions .is-primary:hover,.vcard__actions .is-primary:focus-visible{background:var(--brand-dark);
  border-color:var(--brand-dark);color:#fff}
.vcard__dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.25rem;margin:0 0 1.75rem;font-size:.97rem}
.vcard__dl dt{font-weight:500;color:var(--muted)}
.vcard__dl dd{margin:0}
@media (max-width:560px){.vcard__dl{grid-template-columns:1fr;gap:.1rem}.vcard__dl dd{margin-bottom:.7rem}}
.vcard__foot{display:flex;gap:1.25rem;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border);
  flex-wrap:wrap}
.vcard__foot img{width:112px;height:112px;flex:0 0 auto;border:1px solid var(--border);padding:4px;background:#fff}
.vcard__foot b{display:block;color:var(--brand);font-size:1.05rem}
.vcard__foot span{display:block;font-size:.92rem;color:var(--muted)}
.vcard__foot .vcard__url{font-weight:700;color:var(--ink);margin-top:.25rem}
.vcard__social{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.25rem 0 0;font-size:.95rem}
.qebul-now{display:block;margin-top:.5rem;padding:.6rem .9rem;background:var(--accent-soft);color:var(--ink);
  border-radius:var(--radius);font-weight:500}
.qebul-now span{font-weight:300;font-size:.85rem}
.a11y-hc .qebul-now{background:#fff;border:2px solid #000}

/* ---------- 28b. Siyahılar (əlamətlər / risklər) -------------------------- */
.ticks{list-style:none;margin:.5rem 0 0;padding:0}
.ticks li{position:relative;padding-left:1.6rem;margin-bottom:.55rem;line-height:1.5}
.ticks li::before{content:'';position:absolute;left:.15rem;top:.62em;width:7px;height:7px;border-radius:50%;
  background:var(--accent)}
.ticks--dash li::before{width:14px;height:2px;border-radius:0;top:.8em;background:var(--brand-soft)}
.fig{margin:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}
.fig img{width:100%;height:auto;display:block;aspect-ratio:3 / 2;object-fit:cover}
.fig figcaption{font-size:.85rem;color:var(--muted);padding:.6rem .9rem;line-height:1.35;background:#fff}
.fig--tall img{aspect-ratio:4 / 3}
.gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.gallery .fig img{aspect-ratio:1 / 1}

/* ---------- 28c. Səhifədaxili mündəricat / keçid siyahısı ----------------- */
.toc{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1.75rem 0 0;padding:0}
.toc li{margin:0}
.toc a{display:inline-flex;align-items:center;padding:.45rem .9rem;border:1px solid var(--border);border-radius:999px;
  font-size:.95rem;color:var(--ink);text-decoration:none;background:#fff;transition:border-color .2s,color .2s}
.toc a:hover,.toc a:focus-visible{border-color:var(--brand);color:var(--brand)}
.links{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.6rem 0 0;font-size:.95rem}
.links a{display:inline-flex;align-items:center;gap:.25rem;font-weight:500;text-decoration:none}
.links a:hover{text-decoration:underline}
.links svg{width:16px;height:16px}
.updated{font-size:.88rem;color:var(--muted);margin:2rem 0 0}
.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;
  padding:clamp(1.5rem,1rem + 2vw,2.5rem);background:var(--surface);border-radius:var(--radius-lg)}
.cta-band h2{margin:0 0 .35rem;font-size:clamp(1.35rem,1.1rem + 1vw,1.8rem);color:var(--brand)}
.cta-band p{margin:0;color:var(--muted);max-width:56ch}
.cta-band__btns{display:flex;flex-wrap:wrap;gap:.6rem}

/* ---------- 29. Çap: yalnız vizitkart ------------------------------------ */
@media print{
  .hdr,.nav,.crumbs,.a11y,.totop,.ftr,.searchbar,.vc-extra,.skip{display:none!important}
  .vc-band{background:none;padding:0}
  .vcard{box-shadow:none;border:1px solid #000;max-width:none}
  .vcard__actions button{display:none}
  .vcard__actions a{border-color:#000;color:#000}
  a[href^="tel:"]::after,a[href^="mailto:"]::after{content:''}
}

/* ---------- 30. Alt başlıq və bələdçi ------------------------------------ */
.h-sub{font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);color:var(--accent-dark);margin:0 0 2rem}
.guide{gap:2rem 3rem}
.guide__item{display:flex;gap:1.1rem;align-items:flex-start}
.guide__ico{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.1);color:var(--accent-light)}
.guide__ico svg{width:24px;height:24px}
.guide h3{color:#fff;font-size:1.2rem;margin:.55rem 0 .4rem}
.guide p{margin:0;color:rgba(255,255,255,.85)}
.facts{max-width:900px;grid-template-columns:minmax(10rem,auto) 1fr;gap:0;border-top:1px solid var(--border)}
.facts dt,.facts dd{padding:.8rem 0;border-bottom:1px solid var(--border)}
.facts dt{padding-right:2rem}
@media (max-width:560px){.facts dt{border-bottom:0;padding-bottom:0}.facts dd{padding-top:.2rem;margin:0}}

/* ---------- 31. Əlaqə kanalları: ikon düymələri və ikonlu siyahı ------------ */
.soc{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}
.soc li{margin:0}
.ftr .soc{margin-top:1.1rem}
.ftr .ci{margin-bottom:.2rem}
.soc .soc__a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);
  background:#fff;color:var(--brand);text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.soc .soc__a svg{width:22px;height:22px}
.soc .soc__a:hover{background:var(--brand);border-color:var(--brand);color:#fff;text-decoration:none}
.soc--lg .soc__a{width:52px;height:52px}
.soc--lg .soc__a svg{width:26px;height:26px}
.ci{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ci li{margin:0}
.ci a{display:inline-flex;align-items:flex-start;gap:.6rem;color:var(--text);text-decoration:none;line-height:1.4}
.ci a:hover{color:var(--brand);text-decoration:underline}
.ci svg{width:20px;height:20px;flex:0 0 auto;color:var(--accent-dark);margin-top:.1em}
.ci--lg a{font-size:1.08rem;font-weight:500}
.ci--lg svg{width:24px;height:24px}
.maplink a{display:inline-flex;align-items:center;gap:.35rem;font-weight:500}
.maplink svg{width:18px;height:18px}
.vcard__social{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin:1.25rem 0 0;font-size:.95rem}
.vcard__social .soc{margin:0}
.vcard__social > a{display:inline-flex;align-items:center;gap:.35rem}
.vcard__social > a svg{width:18px;height:18px}
:target{scroll-margin-top:7.5rem}

/* ---------- 32. Əlaqə səhifəsi + müraciət forması -------------------------- */
.contact-grid{display:grid;gap:3rem}
@media (min-width:1000px){.contact-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}
.contact-side{display:grid;gap:.9rem;align-content:start}
.contact-side .h-block{margin-bottom:.3rem}
.contact-side__h{font-size:1.05rem;color:var(--ink);margin:1rem 0 0}
.contact-side__h + .soc{margin-top:.2rem}
.contact-side__note{font-size:.92rem;color:var(--muted);margin:0}
.contact-side__vcard{display:flex;gap:1rem;align-items:flex-start;margin-top:1.25rem}
.contact-side__vcard img{width:88px;height:88px;border:1px solid var(--border);padding:3px;background:#fff;flex:0 0 auto}
.contact-side__vcard h3{font-size:1.1rem;margin-bottom:.3rem}
.contact-side__vcard p{font-size:.95rem;margin-bottom:.6rem}
.contact-side__links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0}
.contact-side__links .btn{font-size:1rem;padding:.5rem 1rem}
.contact-side__links a:not(.btn){display:inline-flex;align-items:center;gap:.35rem}
.contact-side__links svg{width:18px;height:18px}
.cf{display:grid;gap:1.25rem;margin-top:1.75rem;max-width:760px}
.cf__note{font-size:.9rem;color:var(--muted);margin:0}
.cf__row{display:grid;gap:1.25rem}
@media (min-width:640px){.cf__row{grid-template-columns:1fr 1fr}}
.fld{display:grid;gap:.4rem;margin:0;min-width:0;align-content:start}
fieldset.fld{display:block;border:0;padding:0}
.fld > label,.fld legend{font-weight:500;color:var(--ink)}
.fld legend{padding:0;margin-bottom:.5rem}
.fld__req{color:var(--alert);margin-left:.2em}
.fld input[type="text"],.fld input[type="month"],.fld select,.fld textarea{width:100%;min-height:48px;padding:.6rem .8rem;
  font:inherit;font-size:1rem;color:var(--text);background:#fff;border:2px solid var(--field-border);border-radius:var(--radius)}
.fld textarea{min-height:9rem;resize:vertical;line-height:1.5}
.fld :is(input,select,textarea):focus{border-color:var(--brand)}
.fld [aria-invalid="true"]{border-color:var(--alert);background:#FFFBFA}
.fld__hint{font-size:.9rem;color:var(--muted);margin:0}
.fld__err{display:flex;gap:.4rem;align-items:flex-start;margin:0;color:var(--alert);font-size:.93rem;font-weight:500}
.fld__err svg{width:18px;height:18px;flex:0 0 auto;margin-top:.15em}
.opt{display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;margin-bottom:.45rem;background:#fff;
  border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}
.opt:hover{border-color:var(--brand-soft)}
.opt:has(input:checked){border-color:var(--brand);background:var(--brand-subtle)}
.opt input,.chk input{width:1.2rem;height:1.2rem;margin:0;flex:0 0 auto;accent-color:var(--brand)}
.fld > .chk{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;line-height:1.5;font-weight:400;color:var(--text)}
.chk input{margin-top:.2em}
.cf__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.cf__after{font-size:.9rem;color:var(--muted);margin:0;max-width:64ch}
.cf__errors{padding:1rem 1.25rem;background:var(--alert-bg);border:2px solid var(--alert);border-radius:var(--radius-lg)}
.cf__errors p{margin:0 0 .4rem;color:var(--alert)}
.cf__errors ul{margin:0;padding-left:1.2em}
.cf__errors a{color:var(--alert)}
.a11y-hc .opt:has(input:checked){background:#fff;border-color:#000}
.related{margin:2rem 0 0;padding:1rem 1.25rem;background:var(--surface);border-radius:var(--radius);font-weight:500}
.related a{font-weight:700}

/* ---------- 33. Gömülü xəritə + razılıq zolağı ------------------------------ */
.map{margin:-1.5rem -1.5rem 1.25rem;aspect-ratio:16 / 10;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}
.map iframe{display:block;width:100%;height:100%;border:0}
.consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:860;max-width:640px;margin-inline:auto;padding:1rem 1.25rem;
  background:#fff;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 18px 40px rgba(15,21,29,.22)}
.consent p{margin:0 0 .75rem;font-size:.95rem;line-height:1.5}
.consent__btns{display:flex;flex-wrap:wrap;gap:.5rem}
.consent .btn{font-size:.95rem;padding:.5rem 1rem}
@media (max-width:860px){.consent{bottom:4.5rem}}

/* ---------- 34. Hero sətirləri · topbar telefon · loqo lövhəsi ---------------- */
.hero__lines{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:.6rem;max-width:58ch;color:rgba(255,255,255,.9)}
.hero__lines li{position:relative;padding-left:1.15rem;margin:0}
.hero__lines li::before{content:'';position:absolute;left:0;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--accent-light)}
.topbar{font-size:.86rem;font-weight:500;color:rgba(255,255,255,.9)}
.topbar__tel{font-size:1rem;font-weight:700;letter-spacing:.01em}
.topbar__tel svg{width:19px;height:19px}
.hdr__mark{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--border);
  box-shadow:0 2px 8px rgba(15,21,29,.12);transition:transform .6s var(--ease)}
.hdr__brand:hover .hdr__mark{transform:rotate(360deg)}
.hdr__logo{width:40px;height:40px;object-fit:contain}
@media (max-width:400px){.hdr__mark{width:44px;height:44px}.hdr__logo{width:32px;height:32px}}

/* ---------- 35. Bərabər hündürlüklü kartlar ------------------------------- */
/* Şəbəkədəki kart sütun kimi düzülür: mənbə keçidləri və alt sətir həmişə kartın dibində. :where → spesifiklik 0,
   yəni öz display qaydası olan kartlar (məs. .contact-side__vcard) toxunulmaz qalır. */
:where(.grid > .card){display:flex;flex-direction:column}
:where(.grid > .card) > .links:last-child,:where(.grid > .card) > .card__foot{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--border)}
/* Şəkil + kart cütü: şəkil sətrin hündürlüyünü doldurur */
.fig--fill{display:flex;flex-direction:column}
.fig--fill img{flex:1 1 auto;min-height:0;object-fit:cover}
/* İkisütunlu xronologiya: sətirlər cüt-cüt eyni hündürlükdə */
.tl--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap)}
@media (max-width:900px){.tl--2{grid-template-columns:minmax(0,1fr)}}

/* ---------- 36. Dizayn sistemi v3 — rəng kombinasiyaları ---------------- */
/* Səhifə zəmini açıq boz; növbələnən bölmələr ağ. */
body{background:var(--surface)}
.section--surface{background:#fff}
/* Hero: bordo zəmin, ağ mətn, sarı vurğu. */
.hero{background:var(--brand)}
.hero__role{color:var(--accent);font-weight:500}
.hero__lines li::before{background:var(--accent)}
.hero__facts dd{color:var(--accent)}
.btn-light:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.btn-onbrand:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
/* Tünd (antrasit) bölmələr: ağ mətn, sarı başlıq və link. */
.section--grey h2,.section--grey .h-page,.section--grey .h-block{color:var(--accent)}
.section--grey a:not(.btn){color:var(--accent)}
.topbar__tel{color:var(--accent)}
.topbar__tel:hover{color:#fff}
.lang a[aria-current]{background:var(--accent);color:var(--ink)}
/* Bordo panellər (alt bilgi zolağı, vizitkart zolağı): ağ mətn, sarı link/ox. */
.section--wine a:not(.btn),.section--brand a:not(.btn),.vc-band a:not(.btn):not(.vcard a){color:var(--accent)}
.vc-band{background:var(--brand)}
.guide__ico{background:rgba(255,255,255,.12);color:var(--accent)}
/* Axtarış və forma sahəsi: sarı zəmin, antrasit mətn, fuksiya düymə. */
.searchbar{background:var(--accent);color:var(--ink)}
.searchbar label{color:var(--ink)}
.searchbar input{border-color:var(--ink);color:var(--ink)}
.searchbar input:focus{border-color:var(--cta)}
.searchbar button,.searchbar .btn{background:var(--cta);border-color:var(--cta);color:#fff}
.searchbar button:hover,.searchbar .btn:hover{background:var(--cta-hover);border-color:var(--cta-hover);color:#fff}
/* Dairəvi rozet sahələri: gül qurusu zəmin, bordo ikon. */
.card__ico,.svc__ico,.mega__ico{background:var(--rose);color:var(--brand)}
.svc:hover .svc__ico,.mega__ol:hover .mega__ico{background:var(--brand);color:#fff}
/* Seçilmiş kart (mega-menyu kartı): fuksiya zəmin. */
.mega__card{background:var(--cta)}
/* Footer: açıq boz zəmin, antrasit mətn, gül qurusu link vurğusu.
   Qeyd: #EAA3BE mətn rəngi kimi #F4F5F7 üzərində 1,9:1 kontrast verir (WCAG minimumu 4,5:1) — ona görə link mətni antrasit
   qalır, çəhrayı alt xətt + ikon kimi tətbiq olunur; hover fuksiya (6,4:1). */
.ftr a{color:var(--text);text-decoration:underline;text-decoration-color:var(--rose);text-decoration-thickness:2px;text-underline-offset:.2em}
.ftr a:hover,.ftr a:focus-visible{color:var(--cta);text-decoration-color:var(--cta)}
.ftr .soc a,.ftr .ci a{text-decoration:none}
.ftr .soc a{color:var(--brand)}
.ftr .soc a:hover{color:var(--cta)}
/* Sarı elan/vurğu bloku (callout). */
.callout{background:var(--accent-soft);border-left:4px solid var(--accent)}

/* ---------- 37. Dizayn sistemi v3 — tipoqrafiya ------------------------- */
/* px dəyərləri rem ilə yazılır ki, əlçatanlıq panelinin şrift miqyası (--fscale) işləsin: 16px = 1rem. */
body{font-size:1rem;line-height:1.5}                                  /* 16px / 24px, 400 */
@media (max-width:600px){body{font-size:.875rem;line-height:1.5714}}   /* 14px / 22px */
h1,.h-hero,.h-page{font-size:1.5rem;line-height:2.25rem;font-weight:700;letter-spacing:0}          /* 24px / 36px, 700 */
h2,.h-block,.cta-band h2,.mega__cardt{font-size:1.25rem;line-height:1.75rem;font-weight:600;letter-spacing:0}   /* 20px / 28px, 600 */
h3,h4,.card h3,.card .card__h,.ftr h2,.mega__gt,.tl b,.svc h3,.guide h3,.vcard h2,.vcard h3{font-size:1.125rem;line-height:1.625rem;font-weight:600;letter-spacing:0}  /* 18px / 26px, 600 */
.h-page{margin-bottom:1rem;max-width:none}
.h-sub,.lead,.hero__lead,.hero__lines,.prose blockquote,.pullquote{font-size:1rem;line-height:1.5;font-weight:400}
.hero__facts dd{font-size:1.25rem;line-height:1.75rem;font-weight:600}
.hero__facts dt{font-size:.875rem}
.btn{font-size:1rem;font-weight:500;line-height:1.5}                  /* düymə 16px, medium */
.btn-primary{font-weight:700}
.meta,.crumbs,.ftr__meta,.ftr__addr,.tl time,.links,.mega__subs a,.mega__gd{font-size:.875rem;font-weight:500}  /* etiket 14px */
.topbar{font-size:.875rem}
.ftr__name{font-size:1.125rem;line-height:1.625rem;font-weight:700}

/* ---------- 38. Header = loqonun öz fonu; loqo lövhəsiz ------------------ */
:root{--hdr-bg:#1C1B17}   /* göndərilən loqo faylının fon rəngi */
.hdr{background:rgba(28,27,23,.97);border-bottom:1px solid rgba(255,255,255,.08)}
.hdr__mark{width:auto;height:auto;background:transparent;border:0;box-shadow:none;border-radius:0;transition:none}
.hdr__brand:hover .hdr__mark{transform:none}
.hdr__logo{width:52px;height:52px;border-radius:6px}
.hdr__name{color:#fff}
.hdr__role{color:rgba(255,255,255,.72);font-size:.9375rem}
.hdr .mnav__link,.hdr .mnav__btn{color:#fff}
.hdr .mnav__link:hover,.hdr .mnav__btn:hover,.hdr .mnav__btn[aria-expanded="true"]{color:var(--accent);background:rgba(255,255,255,.08)}
.hdr .mnav__item.is-active>.mnav__link,.hdr .mnav__item.is-active>.mnav__btn{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
.hdr__toggle{border-color:rgba(255,255,255,.4)}
.hdr__toggle:hover{border-color:var(--accent)}
.hdr__toggle span,.hdr__toggle span::before,.hdr__toggle span::after{background:#fff}
.hdr__toggle[aria-expanded="true"] span{background:transparent}
.hdr :focus-visible{outline-color:var(--accent);box-shadow:0 0 0 2px var(--hdr-bg)}
@media (max-width:400px){.hdr__logo{width:44px;height:44px}}

/* ---------- 39. Orqan kartları: hər kartın öz sabit rəngi ---------------- */
.svc{--tile:#fff;--tile-hover:var(--surface-2);--tile-ink:var(--text);--tile-t:var(--brand);--tile-d:var(--muted);
  --tile-ico-bg:var(--rose);--tile-ico:var(--brand);--tile-go:var(--accent-dark);
  background:var(--tile);color:var(--tile-ink);outline-color:rgba(255,255,255,.35)}
.svc:hover{background:var(--tile-hover);color:var(--tile-ink)}
.svc__t{color:var(--tile-t)}
.svc__d{color:var(--tile-d);font-size:1rem;line-height:1.5}
.svc__ico{background:var(--tile-ico-bg);color:var(--tile-ico)}
.svc:hover .svc__ico{background:var(--tile-ico);color:var(--tile-ico-bg)}
.svc__go{color:var(--tile-go)}
.svc:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
/* tünd kartlar: ağ mətn, sarı ox; hover — bir ton açıq */
.tile--brand,.tile--pink,.tile--ink,.tile--coal,.tile--soft{--tile-ink:#fff;--tile-t:#fff;--tile-d:rgba(255,255,255,.86);
  --tile-ico-bg:rgba(255,255,255,.18);--tile-ico:#fff;--tile-go:var(--accent)}
.tile--brand{--tile:#801A24;--tile-hover:#96222E}
.tile--pink{--tile:#B81B6C;--tile-hover:#CF3382}
.tile--ink{--tile:#2B2B2B;--tile-hover:#3A3A3A}
.tile--coal{--tile:#5E121A;--tile-hover:#731820}
.tile--soft{--tile:#A03A44;--tile-hover:#B34753}
/* açıq kartlar (sarı, gül qurusu): antrasit mətn; hover — bir ton tünd */
.tile--amber,.tile--crimson{--tile-ink:#2B2B2B;--tile-t:#2B2B2B;--tile-d:rgba(43,43,43,.82);
  --tile-ico-bg:rgba(43,43,43,.14);--tile-ico:#2B2B2B;--tile-go:#2B2B2B}
.tile--amber{--tile:#FFC107;--tile-hover:#F0B400}
.tile--crimson{--tile:#EAA3BE;--tile-hover:#E28FAF}
.svcs{gap:2px;padding:0}
.a11y-hc .svc{--tile:#fff;--tile-hover:#fff;--tile-ink:#000;--tile-t:#000;--tile-d:#000;--tile-ico-bg:#fff;--tile-ico:#000;--tile-go:#000;outline:2px solid #000}

/* ---------- 40. Köməkçi mətnlər daha oxunaqlı (min 15px, əsas 16px) ------ */
.meta,.crumbs,.crumbs a,.ftr__meta,.ftr__addr,.tl time,.links,.mega__subs a,.mega__gd,.hero__facts dt,
.card p,.card__foot,.contact-side__note,.ftr li,.ftr__legal-links a{font-size:1rem;line-height:1.5}
.fig figcaption,.ftr__disc,.ftr__legal,.consent,.lang a,.topbar,.topbar__meta,.hdr__role,.mega__cardd,.lb__cap{font-size:.9375rem;line-height:1.5}
.topbar__tel{font-size:1.0625rem}
.abstracts p[lang],.card p[lang]{font-size:1rem}

/* ---------- 41. Tipoqrafiya şkalası — urologie-klinik-bochum.de ilə eyni ölçülər ----------------
   Referansda (1400px) ölçülüb: karusel başlığı 90/108 · h1 64/76.8 (mobil 45/54) · h2 48/57.6 · h3 32/38.4 ·
   kafel başlığı 30/33 qalın · teaser 25/37.5 · gövdə, düymə, footer, forma 24/36 · naviqasiya 20/30 ·
   kiçik mətn (breadcrumb, alt sətir) 16/24. Mobil görünüşdə yalnız başlıqlar kiçilir, gövdə 24px qalır.
   Ölçülər body-də rem ilə verilir: html kök ölçüsü 16px qalır → boşluqlar (rem) şişmir, --fscale işləyir. */
body{font-size:1.5rem;line-height:1.5}                                                     /* 24 / 36 */
@media (max-width:600px){body{font-size:1.5rem;line-height:1.5}}
.h-hero{font-size:clamp(2.8125rem,1.6rem + 4.6vw,5.625rem);line-height:1.2;font-weight:500}       /* 90 / 108 */
h1,.h-page{font-size:clamp(2.8125rem,2.1rem + 2.2vw,4rem);line-height:1.2;font-weight:500}        /* 64 / 76.8 · mobil 45 / 54 */
h2,.h-block{font-size:clamp(2.125rem,1.6rem + 1.7vw,3rem);line-height:1.2;font-weight:500}         /* 48 / 57.6 */
h3,h4,.card h3,.card .card__h,.ftr h2,.mega__gt,.tl b,.guide h3,.vcard h2,.vcard h3,.contact-side__h,.acc__btn{
  font-size:clamp(1.625rem,1.4rem + .75vw,2rem);line-height:1.2;font-weight:500}                   /* 32 / 38.4 */
.svc__t,.hero__facts dd,.cta-band h2,.mega__cardt{font-size:1.875rem;line-height:1.1;font-weight:700}   /* kafel başlığı 30 / 33 */
.lead,.hero__lead,.hero__lines,.h-sub,.svc__d,.mega__cardd,.prose blockquote,.pullquote{font-size:1.5625rem;line-height:1.5;font-weight:400}  /* teaser 25 / 37.5 */
.btn,.searchbar input,.searchbar label,.ftr li,.ftr a,.links,.card p,.card__foot,.contact-side__note,.abstracts p[lang],.card p[lang]{
  font-size:1.5rem;line-height:1.5}                                                         /* 24 / 36 */
.btn-primary{font-weight:500}
.mnav__link,.mnav__btn,.drawer a,.drawer__all a,.mega__ol,.toc a,.contact-side__links .btn,.drawer__cta .btn{font-size:1.25rem;line-height:1.5}  /* naviqasiya 20 / 30 */
.hdr__name{font-size:1.25rem;line-height:1.2;font-weight:700}
.hdr__role,.topbar,.topbar__meta,.lang a,.meta,.crumbs,.crumbs a,.fig figcaption,.ftr__disc,.ftr__legal,.ftr__legal-links a,
.ftr__meta,.ftr__addr,.tl time,.mega__subs a,.mega__gd,.hero__facts dt,.consent,.lb__cap{font-size:1rem;line-height:1.5}  /* kiçik 16 / 24 */
.topbar__tel{font-size:1.125rem}
.ftr__btn,.mega__card .btn,.consent .btn{font-size:1.125rem}
.ftr__name{font-size:1.875rem;line-height:1.1;font-weight:700}
.hero__lines{max-width:32ch}
.hero__lead{max-width:36ch}
.card .meta,.card p.meta,.card .card__foot,.card p.card__foot{font-size:1rem;line-height:1.5}   /* kart içində tarix/etiket sətri kiçik qalır */