@charset "utf-8";
/* proktoloq.az — Op. Dr. Ellada Manafova
   Dizayn xətti: klinik-redaksiya. Moruq/çəhrayı brend, IBM Plex Sans, yumşaq blush səthlər. */

/* ── Şriftlər ─────────────────────────────────────────────────────────────── */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-latin-400.woff2?v=1) 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-latin-600.woff2?v=1) 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-latin-ext-400.woff2?v=1) format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-latin-ext-600.woff2?v=1) format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-cyrillic-400.woff2?v=1) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;
  src:url(/assets/fonts/ibm-plex-sans-cyrillic-600.woff2?v=1) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* ── Tokenlər ─────────────────────────────────────────────────────────────── */
:root{
  --brand:#880840;          /* başlıqlar, vurğu */
  --brand-deep:#5F0429;
  --btn:#A0174F;            /* ağ üzərində 7.69:1 */
  --btn-hover:#870F41;
  --blush:#FCEEF3;
  --blush-2:#F7E2EA;
  --ink:#2B1822;
  --muted:#5E4853;
  --line:#EBDCE3;
  --bg:#FFFFFF;
  --surface:#FFFBFC;
  --ok:#1F6F52;

  --wrap:1160px;
  --wrap-read:44rem;

  --r-sm:.5rem; --r-md:.875rem; --r-lg:1.375rem; --r-xl:2rem;

  --sh-1:0 1px 2px rgba(43,24,34,.05), 0 2px 8px rgba(136,8,64,.05);
  --sh-2:0 2px 6px rgba(43,24,34,.06), 0 14px 34px rgba(136,8,64,.09);

  --t:180ms cubic-bezier(.2,.7,.3,1);

  --fs-hero:clamp(1.65rem,1.1rem + 2.4vw,2.6rem);
  --fs-h1:clamp(1.45rem,1.1rem + 1.5vw,2.1rem);
  --fs-h2:clamp(1.08rem,1rem + .45vw,1.3rem);
  --fs-h3:clamp(1rem,.97rem + .2vw,1.1rem);
  --fs-body:clamp(.95rem,.93rem + .12vw,1.02rem);
}

/* ── Baza ─────────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:var(--fs-body);line-height:1.58;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,picture,svg{max-width:100%}
img{height:auto;display:block}
a{color:var(--brand);text-decoration-thickness:.07em;text-underline-offset:.18em}
a:hover{color:var(--btn-hover)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--btn);outline-offset:2px;border-radius:.25rem
}
h1,h2,h3,h4{line-height:1.2;font-weight:600;color:var(--brand-deep);margin:0 0 .5em;letter-spacing:-.012em;text-wrap:balance}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);color:var(--ink)}
p{margin:0 0 .8em}
ul,ol{margin:0 0 .9em;padding-left:1.25em}
li{margin:.2em 0}
strong{font-weight:600}
hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.wrap{width:min(100% - 2rem,var(--wrap));margin-inline:auto}
@media (max-width:480px){.wrap{width:min(100% - 1.5rem,var(--wrap))}}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--brand);color:#fff;padding:.75rem 1.25rem;border-radius:0 0 var(--r-md) 0}
.skip:focus{left:0;color:#fff}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* İkonlar */
.i{width:1.25em;height:1.25em;flex:none;fill:currentColor;vertical-align:-.22em}
.ic-flip{transform:scaleX(-1)}

/* ── Düymələr ─────────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;justify-content:center;
  font:inherit;font-weight:600;line-height:1.2;text-decoration:none;
  padding:.65rem 1.15rem;border-radius:999px;border:1.5px solid transparent;cursor:pointer;
  transition:background-color var(--t),color var(--t),border-color var(--t),transform var(--t),box-shadow var(--t);
}
.btn--primary{background:var(--btn);color:#fff;box-shadow:var(--sh-1)}
.btn--primary:hover{background:var(--btn-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--sh-2)}
.btn--primary:active{transform:translateY(0)}
.btn--ghost{background:#fff;color:var(--brand);border-color:var(--line)}
.btn--ghost:hover{background:var(--blush);border-color:var(--blush-2);color:var(--brand-deep)}
.btn--sm{padding:.55rem 1rem;font-size:.9375rem}
.btn--wide{width:100%;padding:.95rem 1.35rem}
.cta-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0 0}
.linkish{background:none;border:0;padding:0;font:inherit;color:var(--brand);cursor:pointer;text-decoration:underline;text-underline-offset:.18em}
.linkish:hover{color:var(--btn-hover)}

/* ── Başlıq / naviqasiya ──────────────────────────────────────────────────── */
.site-head{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.site-head .wrap{width:min(100% - 2rem,1320px)}
.site-head__in{display:flex;align-items:center;gap:.75rem;min-height:3.5rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit;flex:none}
.brand__mark{width:2.1rem;height:2.1rem;border-radius:50%}
.brand__txt{display:flex;flex-direction:column;line-height:1.2}
.brand__name{font-weight:600;color:var(--brand-deep);font-size:1rem;white-space:nowrap}
.brand__spec{font-size:.7rem;color:var(--muted);white-space:nowrap}
.brand:hover .brand__name{color:var(--btn)}

.burger{margin-left:auto;display:none;background:none;border:1.5px solid var(--line);border-radius:var(--r-sm);
  padding:.4rem;color:var(--brand);cursor:pointer}
.burger .i{width:1.6rem;height:1.6rem}
.burger__close{display:none}
.burger[aria-expanded="true"] .burger__open{display:none}
.burger[aria-expanded="true"] .burger__close{display:block}

.nav{margin-left:auto;display:flex;align-items:center;gap:.6rem;min-width:0}
.nav__list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.nav__item{margin:0}
.nav__lnk,.nav__btn{
  display:inline-flex;align-items:center;gap:.2rem;font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;
  color:var(--ink);text-decoration:none;background:none;border:0;padding:.45rem .5rem;border-radius:var(--r-sm);cursor:pointer;
  transition:color var(--t),background-color var(--t)
}
.nav__lnk:hover,.nav__btn:hover{color:var(--brand);background:var(--blush)}
.nav__chev{width:1.1em;height:1.1em;transition:transform var(--t)}
.nav__btn[aria-expanded="true"]{color:var(--brand);background:var(--blush)}
.nav__btn[aria-expanded="true"] .nav__chev{transform:rotate(180deg)}
.nav__item--has{position:relative}
.nav__side{display:flex;align-items:center;gap:.5rem;flex:none}
.nav__side .btn{white-space:nowrap}

.dd{
  position:absolute;top:calc(100% + .5rem);left:50%;transform:translateX(-50%);
  width:min(62rem,calc(100vw - 2rem));background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:1.5rem;z-index:50
}
.dd[hidden]{display:none}
.dd__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.dd__title{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
.dd ul{list-style:none;margin:0;padding:0}
.dd li{margin:0}
.dd li a{display:flex;align-items:center;gap:.55rem;padding:.45rem .5rem;border-radius:var(--r-sm);
  color:var(--ink);text-decoration:none;font-size:.9375rem;transition:background-color var(--t),color var(--t)}
.dd li a:hover{background:var(--blush);color:var(--brand)}
.dd__i{width:1.35rem;height:1.35rem;color:var(--btn);flex:none}
.dd__all{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.25rem;font-weight:600;font-size:.9375rem}

.langs{display:flex;align-items:center;gap:.15rem;border:1px solid var(--line);border-radius:999px;padding:.15rem}
.langs__a,.langs__x{display:inline-block;padding:.25rem .55rem;border-radius:999px;font-size:.8125rem;font-weight:600;text-decoration:none}
.langs__a{color:var(--muted)}
.langs__a:hover{background:var(--blush);color:var(--brand)}
.langs__x{background:var(--brand);color:#fff}

@media (max-width:1240px){
  .burger{display:block}
  .nav{
    display:none;position:fixed;inset:3.5rem 0 0;background:#fff;flex-direction:column;
    align-items:stretch;gap:0;padding:1.25rem;overflow-y:auto;border-top:1px solid var(--line)
  }
  .nav.is-open{display:flex}
  .nav__list{flex-direction:column;align-items:stretch;gap:0}
  .nav__lnk,.nav__btn{font-size:1.0625rem;padding:.85rem .5rem;width:100%;justify-content:space-between}
  .dd{position:static;transform:none;width:auto;box-shadow:none;border:0;border-radius:0;padding:.25rem 0 .75rem}
  .dd__grid{grid-template-columns:1fr;gap:1rem}
  .nav__side{margin-top:1.25rem;justify-content:space-between}
  .nav__side .btn{flex:1;margin-left:.75rem}
}

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.hero{background:linear-gradient(180deg,var(--blush) 0%,#fff 92%);padding:clamp(1.25rem,.8rem + 2vw,2.5rem) 0}
.hero__in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr);gap:clamp(1.25rem,1rem + 2vw,2.5rem);align-items:center}
.hero h1{font-size:var(--fs-hero);margin-bottom:.4em}
.hero__sub{font-size:clamp(1.05rem,1rem + .45vw,1.25rem);color:var(--muted);max-width:34em;margin-bottom:0}
.hero__img picture{display:block}
.hero__img img{width:100%;border-radius:var(--r-xl) var(--r-xl) var(--r-lg) var(--r-xl);box-shadow:var(--sh-2)}
.facts{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));gap:.6rem 1.25rem}
.facts li{display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:.9375rem;color:var(--muted)}
.facts__i{color:var(--ok);width:1.2rem;height:1.2rem;margin-top:.22rem}
@media (max-width:860px){
  .hero__in{grid-template-columns:1fr}
  .hero__img{order:-1;max-width:13rem}
}

/* ── Səhifə başlığı ───────────────────────────────────────────────────────── */
.phead{background:var(--surface);border-bottom:1px solid var(--line);padding:clamp(1rem,.8rem + 1vw,1.75rem) 0}
.phead__in>h1,.phead__lead{max-width:var(--wrap-read)}
.phead--wide .phead__in>h1,.phead--wide .phead__lead{max-width:60rem}
.phead__lead{font-size:clamp(1.02rem,.98rem + .35vw,1.175rem);color:var(--muted);margin-bottom:0}
.phead__in--split{max-width:none;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:2.5rem;align-items:center}
.phead__img img{width:100%;border-radius:var(--r-lg);box-shadow:var(--sh-1)}
.phead__img{max-width:15rem;justify-self:end}
@media (max-width:820px){.phead__in--split{grid-template-columns:1fr}.phead__img{max-width:11rem;justify-self:start}}
.post-meta{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;font-size:.875rem;color:var(--muted);margin:.75rem 0 0}
.post-meta span{display:inline-flex;align-items:center;gap:.35rem}

.crumbs{padding:.9rem 0 0}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;list-style:none;margin:0;padding:0;font-size:.8125rem}
.crumbs li{display:inline-flex;align-items:center;gap:.2rem;margin:0;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brand);text-decoration:underline}
.crumbs__sep{width:1rem;height:1rem;opacity:.5}

/* ── Məzmun sütunu ────────────────────────────────────────────────────────── */
.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:clamp(1rem,.8rem + 1.2vw,1.75rem) 0}
.doc{max-width:var(--wrap-read)}
.layout--wide .doc{max-width:none}
.layout--contact{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}
.layout__main{min-width:0}
@media (max-width:900px){.layout--contact{grid-template-columns:1fr}}

.prose h3{margin-top:1rem}
.prose>:first-child{margin-top:0}
.prose ul{padding-left:1.15em}
.prose li::marker{color:var(--btn)}
.prose--home h2{font-size:clamp(1.45rem,1.1rem + 1.35vw,2.1rem);margin-top:3rem}

.toc{background:var(--blush);border-radius:var(--r-lg);padding:1.15rem 1.35rem;margin:0 0 2rem}
.toc__h{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin:0 0 .5rem}
.toc ol{margin:0;padding-left:1.15em;font-size:.9375rem}
.toc li{margin:.2em 0}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover{color:var(--brand);text-decoration:underline}

.h-sec{font-size:var(--fs-h2);margin:0 0 1.25rem}

/* Cədvəllər */
.table-wrap{overflow-x:auto;margin:0 0 1.5rem;border:1px solid var(--line);border-radius:var(--r-md)}
.table-wrap table{border-collapse:collapse;width:100%;font-size:.9375rem}
.table-wrap th,.table-wrap td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table-wrap thead th{background:var(--blush);color:var(--brand-deep);font-weight:600;white-space:nowrap}
.table-wrap tbody tr:last-child th,.table-wrap tbody tr:last-child td{border-bottom:0}
.table-wrap table.kv th[scope="row"]{width:36%;background:var(--surface);font-weight:600;color:var(--brand-deep)}

/* Dar ekranda cədvəl sətirləri kartlara çevrilir — üfüqi sürüşmə olmur */
@media (max-width:600px){
  .table-wrap{border:0;border-radius:0;overflow:visible}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{display:block;width:auto}
  .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .table-wrap tr{border:1px solid var(--line);border-radius:var(--r-md);margin:0 0 .5rem;overflow:hidden;background:#fff}
  .table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);padding:.5rem .75rem}
  .table-wrap tr>:last-child{border-bottom:0}
  .table-wrap td[data-label]::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;
    color:var(--brand);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}
  .table-wrap table.kv th[scope="row"]{width:auto;background:var(--blush)}
}

/* FAQ */
.faq{margin:0 0 1.75rem;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item:last-child{border-bottom:0}
.faq__item>summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.15rem;position:relative;background:#fff;transition:background-color var(--t)}
.faq__item>summary::-webkit-details-marker{display:none}
.faq__item>summary:hover{background:var(--blush)}
.faq__item>summary h3{margin:0;font-size:1.0625rem;color:var(--brand-deep)}
.faq__item>summary::after{
  content:"";position:absolute;right:1.25rem;top:1.45rem;width:.6rem;height:.6rem;
  border-right:2px solid var(--btn);border-bottom:2px solid var(--btn);transform:rotate(45deg);transition:transform var(--t)
}
.faq__item[open]>summary{background:var(--blush)}
.faq__item[open]>summary::after{transform:rotate(-135deg);top:1.7rem}
.faq__a{padding:.25rem 1.15rem 1rem}
.faq__a>:last-child{margin-bottom:0}

/* CTA blok */
.cta{
  background:linear-gradient(135deg,var(--blush) 0%,var(--blush-2) 100%);
  border-radius:var(--r-md);padding:1rem 1.15rem;margin:1rem 0
}
.cta__title{font-size:1.1875rem;font-weight:600;color:var(--brand-deep);margin:0 0 .4rem}
.cta__text{color:var(--muted);margin:0}
.cta .cta-buttons{margin-top:1.1rem}

/* E-E-A-T və qeydlər */
.review{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.25rem;margin:1.25rem 0 .75rem;padding-top:.9rem;
  border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
.review span{display:inline-flex;align-items:center;gap:.35rem}
.review .i{color:var(--ok)}
.disc,.note{display:flex;gap:.6rem;align-items:flex-start;font-size:.875rem;color:var(--muted);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:.85rem 1rem;margin:0 0 1rem}
.disc .i,.note .i{color:var(--btn);margin-top:.15rem}

/* ── Kartlar ──────────────────────────────────────────────────────────────── */
.cards{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
.cards--md{grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:.7rem}
.cards li{margin:0}
.card__a{
  display:flex;flex-direction:column;gap:.3rem;height:100%;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:.9rem 1rem;
  text-decoration:none;color:var(--ink);
  transition:border-color var(--t),box-shadow var(--t),transform var(--t)
}
a.card__a:hover{border-color:var(--blush-2);box-shadow:var(--sh-2);transform:translateY(-2px)}
.card__i{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;
  background:var(--blush);color:var(--btn);border-radius:var(--r-md);margin-bottom:.15rem}
.card__i .i{width:1.5rem;height:1.5rem}
.card__t{font-size:1.0625rem;font-weight:600;color:var(--brand-deep);margin:0;line-height:1.3}
.card__d{font-size:.9375rem;color:var(--muted);flex:1}
.card__m{display:inline-flex;align-items:center;gap:.3rem;font-size:.875rem;font-weight:600;color:var(--btn);margin-top:.35rem}
a.card__a:hover .card__m{gap:.55rem}
.card__m .i{transition:transform var(--t)}
.rel,.latest{margin-bottom:clamp(1.25rem,1rem + 1.5vw,2rem)}
.latest__all{margin:1.5rem 0 0}

/* ── Əlaqə ────────────────────────────────────────────────────────────────── */
.contact{padding-top:1.75rem}
.nap{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
.nap li{display:flex;gap:.7rem;align-items:flex-start;margin:0;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-md);padding:1rem 1.1rem}
.nap .i{color:var(--btn);margin-top:.15rem}
.nap__k{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.15rem}
.nap__v{display:block;font-size:.9375rem;font-weight:600;color:var(--ink)}
.nap__v a{color:var(--brand);text-decoration:none}
.nap__v a:hover{text-decoration:underline}

/* ── Form ─────────────────────────────────────────────────────────────────── */
.formbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(1.25rem,1rem + 1.2vw,2rem);position:sticky;top:5.5rem}
@media (max-width:900px){.formbox{position:static}}
.formbox__intro{font-size:.9375rem;color:var(--muted)}
.form{display:grid;gap:1.1rem}
.field{display:grid;gap:.35rem;border:0;padding:0;margin:0;min-width:0}
.field>label,.field>legend{font-size:.9375rem;font-weight:600;color:var(--ink);padding:0}
.req{font-weight:400;font-size:.8125rem;color:var(--btn)}
.field input[type="text"],.field input[type="tel"],.field select,.field textarea{
  font:inherit;font-size:1rem;width:100%;padding:.7rem .85rem;border:1.5px solid var(--line);
  border-radius:var(--r-sm);background:#fff;color:var(--ink);transition:border-color var(--t),box-shadow var(--t)
}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--blush-2)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--btn);box-shadow:0 0 0 3px rgba(160,23,79,.14)}
.field textarea{resize:vertical;min-height:4.5rem}
.hint{font-size:.8125rem;color:var(--muted);margin:0}
.radios{display:flex;flex-wrap:wrap;gap:.6rem}
.radio,.check{display:inline-flex;align-items:flex-start;gap:.5rem;font-size:.9375rem;font-weight:400;cursor:pointer}
.radio{border:1.5px solid var(--line);border-radius:999px;padding:.45rem .9rem;background:#fff;transition:border-color var(--t),background-color var(--t)}
.radio:hover{border-color:var(--blush-2);background:var(--blush)}
.radio:has(input:checked){border-color:var(--btn);background:var(--blush);color:var(--brand-deep);font-weight:600}
.radio input,.check input{accent-color:var(--btn);width:1.1rem;height:1.1rem;margin:.18rem 0 0}
.field--check{gap:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formbox__note{display:flex;gap:.5rem;align-items:flex-start;font-size:.8125rem;color:var(--muted);margin:0}
.formbox__note .i{color:var(--ok);margin-top:.1rem}
.alert{background:#FFF1F3;border:1.5px solid #E9B7C4;border-radius:var(--r-md);padding:.9rem 1.1rem;margin:0 0 1.1rem}
.alert__h{font-weight:600;color:#8C1030;margin:0 0 .35rem}
.alert ul{margin:0;padding-left:1.15em;font-size:.9375rem}

/* ── Xəritə ───────────────────────────────────────────────────────────────── */
.map{margin-bottom:clamp(1.25rem,1rem + 1.5vw,2rem)}
.map__box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;
  min-height:19rem;background:var(--blush);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem;text-align:center}
.map__note{font-size:.8125rem;color:var(--muted);margin:0;max-width:30rem}
.map__box iframe{width:100%;height:100%;min-height:19rem;border:0;border-radius:var(--r-lg);display:block}
.map__box.is-loaded{padding:0;background:none;min-height:0}
.map__open{margin:.9rem 0 0;font-size:.9375rem}
.map__open a{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;text-decoration:none}
.map__open a:hover{text-decoration:underline}

/* ── Qalereya ─────────────────────────────────────────────────────────────── */
.gal{margin-bottom:clamp(1.25rem,1rem + 1.5vw,2rem)}
.gal__grid{list-style:none;margin:0;padding:0;display:grid;gap:1.15rem;grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
.gal__it figure{margin:0}
.gal__it picture{display:block}
.gal__it img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 30%;border-radius:var(--r-md);box-shadow:var(--sh-1)}
.gal__it figcaption{font-size:.8125rem;color:var(--muted);margin-top:.5rem}

/* ── Müəllif ──────────────────────────────────────────────────────────────── */
.author{display:flex;gap:1.1rem;align-items:flex-start;max-width:var(--wrap-read);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.25rem 1.35rem;margin-top:1rem}
.author__img img{width:5rem;height:5rem;border-radius:50%;object-fit:cover}
.author__k{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0}
.author__n{font-weight:600;margin:.1rem 0 .35rem}
.author__n a{text-decoration:none}
.author__n a:hover{text-decoration:underline}
.author__b{font-size:.875rem;color:var(--muted);margin:0}

/* ── Sayt xəritəsi, 404, təşəkkür ─────────────────────────────────────────── */
.smap{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));padding:clamp(1.75rem,1rem + 2vw,3rem) 0}
.smap__list{list-style:none;margin:0;padding:0}
.smap__list li{margin:.3rem 0}
.smap__list a{color:var(--ink);text-decoration:none}
.smap__list a:hover{color:var(--brand);text-decoration:underline}
.err,.thanks{max-width:var(--wrap-read);padding:clamp(2.5rem,2rem + 4vw,5rem) 0;text-align:center;margin-inline:auto}
.err .cta-buttons,.thanks .cta-buttons{justify-content:center}
.err__code{font-size:clamp(3.5rem,2rem + 8vw,6rem);font-weight:600;color:var(--blush-2);line-height:1;margin:0}
.err__t,.thanks__t{color:var(--muted)}
.err__links{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.err__links a{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:999px;
  padding:.45rem 1rem;font-size:.9375rem;text-decoration:none;transition:background-color var(--t),border-color var(--t)}
.err__links a:hover{background:var(--blush);border-color:var(--blush-2)}
.thanks__i .i{width:3.5rem;height:3.5rem;color:var(--ok)}
.thanks__back a{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;text-decoration:none}
.thanks__back a:hover{text-decoration:underline}

/* ── Alt hissə ────────────────────────────────────────────────────────────── */
.site-foot{background:var(--surface);border-top:1px solid var(--line);margin-top:1.25rem;padding:1.75rem 0 1rem}
.site-foot__in{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:2rem}
@media (max-width:820px){.site-foot__in{grid-template-columns:1fr;gap:1.75rem}}
.site-foot__brand img{border-radius:50%;margin-bottom:.6rem}
.site-foot__name{font-weight:600;color:var(--brand-deep);margin:0 0 .35rem}
.site-foot__about{font-size:.875rem;color:var(--muted);max-width:32em}
.site-foot__social{display:flex;gap:.6rem;margin:0}
.site-foot__social a{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;
  border:1px solid var(--line);border-radius:50%;color:var(--brand);background:#fff;transition:background-color var(--t),border-color var(--t)}
.site-foot__social a:hover{background:var(--blush);border-color:var(--blush-2)}
.site-foot__h{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem}
.site-foot__col ul{list-style:none;margin:0;padding:0;font-size:.9375rem}
.site-foot__col li{margin:.3rem 0}
.site-foot__col a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:1.5rem}
.site-foot__col a:hover{color:var(--brand);text-decoration:underline}
.site-foot__contact li{display:flex;gap:.55rem;align-items:flex-start;margin:.6rem 0}
.site-foot__contact a{display:inline-flex;align-items:center;min-height:1.5rem}
.site-foot__contact .i{color:var(--btn);margin-top:.15rem}
.site-foot__bar{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;align-items:center;
  border-top:1px solid var(--line);margin-top:1.25rem;padding-top:.9rem;font-size:.8125rem;color:var(--muted)}
.site-foot__bar p{margin:0}
.site-foot__legal{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;align-items:center}
.site-foot__legal a,.site-foot__legal button{display:inline-flex;align-items:center;min-height:1.5rem}
.site-foot__legal a{color:var(--muted)}
.site-foot__legal a:hover{color:var(--brand)}
.site-foot__disc{width:min(100% - 2rem,var(--wrap));margin:1.25rem auto 0;font-size:.75rem;color:var(--muted);line-height:1.6}

/* ── Üzən WhatsApp + kuki ─────────────────────────────────────────────────── */

.cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(43,24,34,.1)}
.cookie[hidden]{display:none}
.cookie__in{width:min(100% - 2rem,var(--wrap));margin-inline:auto;padding:1.1rem 0;display:grid;gap:.5rem;
  grid-template-columns:minmax(0,1fr) auto;align-items:center}
.cookie__h{font-weight:600;color:var(--brand-deep);margin:0;grid-column:1}
.cookie__t{font-size:.875rem;color:var(--muted);margin:0;grid-column:1}
.cookie__btns{display:flex;gap:.6rem;grid-column:2;grid-row:1 / span 2}
@media (max-width:640px){
  .cookie__in{grid-template-columns:1fr}
  .cookie__btns{grid-column:1;grid-row:auto}
  .cookie__btns .btn{flex:1}
}

/* ── Bölmələr (hər H2 kliklə açılır) ─────────────────────────────────────── */
.sec{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;margin:0 0 .5rem;overflow:hidden}
.sec>.sec__h{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.75rem;
  padding:.7rem 2.6rem .7rem 1rem;position:relative;transition:background-color var(--t)}
.sec>.sec__h::-webkit-details-marker{display:none}
.sec>.sec__h:hover{background:var(--blush)}
.sec>.sec__h h2{margin:0;font-size:var(--fs-h2)}
.sec>.sec__h::after{content:"";position:absolute;right:1.1rem;top:50%;width:.55rem;height:.55rem;margin-top:-.4rem;
  border-right:2px solid var(--btn);border-bottom:2px solid var(--btn);transform:rotate(45deg);transition:transform var(--t)}
.sec[open]>.sec__h{background:var(--blush)}
.sec[open]>.sec__h::after{transform:rotate(-135deg);margin-top:-.1rem}
.sec__b{padding:.8rem 1rem .4rem}
.sec__b>:last-child{margin-bottom:.4rem}
.sec .faq{margin:0 0 .6rem}

/* ── Dil seçimi: bayraq menyusu ──────────────────────────────────────────── */
.lang{position:relative}
.lang__btn{display:inline-flex;align-items:center;gap:.35rem;font:inherit;font-size:.8125rem;font-weight:600;color:var(--ink);
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:.3rem .55rem;cursor:pointer;min-height:2rem}
.lang__btn:hover,.lang__btn[aria-expanded="true"]{background:var(--blush);border-color:var(--blush-2)}
.lang__chev{width:1rem;height:1rem;transition:transform var(--t)}
.lang__btn[aria-expanded="true"] .lang__chev{transform:rotate(180deg)}
.flag{display:block;width:21px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex:none}
.lang__menu{position:absolute;right:0;top:calc(100% + .35rem);z-index:55;list-style:none;margin:0;padding:.3rem;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2);min-width:10rem}
.lang__menu[hidden]{display:none}
.lang__menu li{margin:0}
.lang__menu a{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border-radius:var(--r-sm);
  color:var(--ink);text-decoration:none;font-size:.875rem}
.lang__menu a:hover{background:var(--blush);color:var(--brand)}
@media (max-width:1240px){
  .lang__menu{right:auto;left:0;top:auto;bottom:calc(100% + .35rem)}
}

.site-foot__otx{margin:0}
.site-foot__otx a{font-weight:600;color:var(--brand)}

/* Mobil menyu açıqkən sürüşməni dayandır */
body.is-locked{overflow:hidden}

.p-maint{display:grid;place-items:center;min-height:80vh;text-align:center;padding:2rem}
.p-maint h1{font-size:var(--fs-h1)}
.p-maint a{font-weight:600}

@media print{
  .site-head,.site-foot,.cookie,.cta,.cta-buttons,.toc,.map{display:none !important}
  body{font-size:11pt}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}

/* Header daşmasın: orta enlikdə header CTA gizlənir (səhifədə CTA blokları var) */
@media (min-width:1241px) and (max-width:1439px){
  .nav__cta{display:none}
}
@media (max-width:520px){
  .cta-buttons .btn{padding:.55rem .85rem;font-size:.875rem}
  .phead{padding:.8rem 0}
}