/* ==========================================================================
   Əlçatanlıq vidjeti — ASAN xidmət saytındakı model:
   dairəvi düymə + sol tərəfdən açılan panel + 2 sütunlu kafel şəbəkəsi.
   ========================================================================== */

/* ---------------- Dairəvi düymə ---------------- */
.a11y-fab{
  position:fixed;left:20px;bottom:20px;z-index:170;
  width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;
  background:linear-gradient(140deg,var(--teal,#14B8B0),var(--teal-btn,#0B7A74));color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 32px -10px rgba(11,122,116,.55);
  transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s cubic-bezier(.16,1,.3,1);
}
.a11y-fab:hover{transform:scale(1.08);box-shadow:0 18px 44px -12px rgba(20,184,176,.7)}
.a11y-fab:active{transform:scale(.97)}
.a11y-fab-ic{width:30px;height:30px}
.a11y-fab[aria-expanded="true"]{transform:scale(.9);opacity:0;pointer-events:none}

/* ---------------- Fon örtüyü ---------------- */
.a11y-scrim{
  position:fixed;inset:0;z-index:178;background:rgba(6,32,40,.44);
  backdrop-filter:blur(2px);animation:a11yFade .24s ease;
}
@keyframes a11yFade{from{opacity:0}to{opacity:1}}

/* ---------------- Panel ---------------- */
.a11y-panel{
  position:fixed;left:0;top:0;bottom:0;z-index:180;
  width:min(370px,calc(100vw - 32px));
  background:#fff;display:flex;flex-direction:column;
  box-shadow:14px 0 50px -18px rgba(12,60,68,.45);
  animation:a11ySlide .32s cubic-bezier(.16,1,.3,1);
}
@keyframes a11ySlide{from{transform:translateX(-100%)}to{transform:none}}

.a11y-head{
  flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:20px 22px;background:linear-gradient(140deg,var(--teal-grad,#06514D),var(--teal-900,#04494A));color:#fff;
}
.a11y-head h2{
  font-family:var(--sans,sans-serif);font-size:.97rem;font-weight:800;margin:0;
  letter-spacing:-.01em;line-height:1.3;display:flex;flex-direction:column;gap:3px;color:#fff;
}
.a11y-head h2 span{
  font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:#CFF5F3;
}
.a11y-x{
  flex:none;width:38px;height:38px;border-radius:50%;cursor:pointer;color:#fff;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;
  transition:background .2s ease;
}
.a11y-x:hover{background:rgba(255,255,255,.28)}
.a11y-x svg{width:17px;height:17px}

.a11y-body{flex:1;overflow-y:auto;padding:20px 22px 26px;-webkit-overflow-scrolling:touch}
.a11y-hint{
  font-size:.74rem;color:var(--faint,#4E6468);margin-bottom:16px;letter-spacing:.01em;
}

/* ---------------- Kafel şəbəkəsi ---------------- */
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.a11y-tile{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:11px;min-height:112px;padding:16px 10px 14px;cursor:pointer;
  background:#fff;border:1.5px solid var(--line,#DCE7E7);border-radius:14px;
  color:var(--ink,#0C3C44);text-align:center;
  transition:border-color .2s ease,background .2s ease,transform .2s cubic-bezier(.16,1,.3,1),color .2s ease;
}
.a11y-tile:hover{border-color:var(--teal,#14B8B0);transform:translateY(-2px)}
.a11y-ic{width:26px;height:26px;color:var(--teal-btn,#0B7A74);transition:color .2s ease}
.a11y-label{font-size:.74rem;font-weight:700;line-height:1.26;letter-spacing:-.005em}

/* aktiv vəziyyət */
.a11y-tile[aria-pressed="true"]{
  background:var(--ink-deep,#062028);border-color:var(--ink-deep,#062028);color:#fff;
}
.a11y-tile[aria-pressed="true"] .a11y-ic{color:var(--aqua,#5ECFC9)}
.a11y-tile[aria-pressed="true"]:hover{border-color:var(--aqua,#5ECFC9)}

/* səviyyə göstəricisi */
.a11y-steps{display:flex;gap:4px;position:absolute;left:0;right:0;bottom:9px;justify-content:center}
.a11y-steps i{
  width:16px;height:3px;border-radius:2px;background:var(--line,#DCE7E7);transition:background .2s ease;
}
.a11y-tile[aria-pressed="true"] .a11y-steps i{background:rgba(255,255,255,.28)}
.a11y-tile .a11y-steps i.on{background:var(--teal,#14B8B0)}
.a11y-tile[aria-pressed="true"] .a11y-steps i.on{background:var(--aqua,#5ECFC9)}

/* ---------------- Sıfırla ---------------- */
.a11y-reset{
  width:100%;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px;border:0;border-radius:999px;cursor:pointer;
  background:var(--mint,#E8F8F7);color:var(--teal-btn,#0B7A74);
  font-size:.85rem;font-weight:800;transition:background .2s ease,color .2s ease;
}
.a11y-reset:hover{background:var(--teal-btn,#0B7A74);color:#fff}
.a11y-foot{
  margin-top:18px;font-size:.76rem;color:var(--faint,#4E6468);line-height:1.6;text-align:center;
}
.a11y-foot a{color:var(--teal-btn,#0B7A74);font-weight:700;border-bottom:1px solid currentColor}

/* ==========================================================================
   Tətbiq olunan rejimlər
   ========================================================================== */

/* Sətir hündürlüyü */
html[data-lh="1"] body{line-height:1.85}
html[data-lh="1"] p,html[data-lh="1"] li{line-height:1.95}
html[data-lh="2"] body{line-height:2.2}
html[data-lh="2"] p,html[data-lh="2"] li{line-height:2.35}

/* Mətn aralığı */
html[data-ls="1"] body{letter-spacing:.055em;word-spacing:.14em}
html[data-ls="2"] body{letter-spacing:.11em;word-spacing:.28em}
html[data-ls="1"] h1,html[data-ls="1"] h2,html[data-ls="1"] h3,
html[data-ls="2"] h1,html[data-ls="2"] h2,html[data-ls="2"] h3{letter-spacing:.02em}

/* Disleksiya rejimi */
html[data-dys="on"] body,
html[data-dys="on"] h1,html[data-dys="on"] h2,html[data-dys="on"] h3,html[data-dys="on"] h4,
html[data-dys="on"] .idx-t,html[data-dys="on"] .spec-t,html[data-dys="on"] .acc summary,
html[data-dys="on"] .brand-name,html[data-dys="on"] .lead-xl{
  font-family:Verdana,Tahoma,"Segoe UI",system-ui,sans-serif !important;
  font-variation-settings:normal !important;
  letter-spacing:.035em;word-spacing:.12em;
}
html[data-dys="on"] h1,html[data-dys="on"] h2,html[data-dys="on"] h3{
  font-weight:700;letter-spacing:.01em;line-height:1.24;
}
html[data-dys="on"] p,html[data-dys="on"] li{line-height:1.9;max-width:66ch}

/* Şəkilləri gizlət — alt mətni göstər */
html[data-images="off"] img{
  visibility:hidden;position:relative;
}
html[data-images="off"] img::after{
  content:attr(alt);visibility:visible;position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:12px;background:var(--mint,#E8F8F7);color:var(--muted,#3F5B5F);
  font-family:var(--sans,sans-serif);font-size:.8rem;line-height:1.4;font-weight:600;
}
html[data-images="off"] .hero-aura,
html[data-images="off"] .hero-photo-ring,
html[data-images="off"] .spread-block::after,
html[data-images="off"] .vcard-top::after{display:none}

/* Rəng doyğunluğu */
html[data-sat="1"] body{filter:saturate(.45)}
html[data-sat="2"] body{filter:grayscale(1)}

/* Böyük kursor */
html[data-cursor="on"],html[data-cursor="on"] *{
  cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'><path d='M6 3l26 15.5-11.2 2.6L15 34z' fill='%23062028' stroke='%23ffffff' stroke-width='2.4' stroke-linejoin='round'/></svg>") 4 3, auto !important;
}
html[data-cursor="on"] a,html[data-cursor="on"] button,
html[data-cursor="on"] summary,html[data-cursor="on"] [role="button"],
html[data-cursor="on"] input,html[data-cursor="on"] select,html[data-cursor="on"] textarea{
  cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'><path d='M15 4c1.7 0 3 1.4 3 3v10.5c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v1c0-1.4 1.1-2.5 2.5-2.5s2.5 1.1 2.5 2.5v1c0-1.4 1.1-2.5 2.5-2.5S33 18.1 33 19.5V27c0 5.5-4 10-9.5 10h-3C15 37 11 32.5 11 27v-3l-3-4.5c-.8-1.2-.5-2.8.7-3.6 1.2-.8 2.8-.5 3.3.6V7c0-1.6 1.3-3 3-3z' fill='%23062028' stroke='%23ffffff' stroke-width='2.2' stroke-linejoin='round'/></svg>") 14 4, pointer !important;
}

/* Klaviatura ilə naviqasiya üçün daha aydın fokus */
html[data-links="on"] :focus-visible{outline-width:3px;outline-offset:4px}

/* ---------------- Responsiv ---------------- */
@media (max-width:760px){
  .a11y-fab{left:14px;bottom:14px;width:52px;height:52px}
  .a11y-fab-ic{width:27px;height:27px}
  .a11y-panel{width:min(340px,calc(100vw - 24px))}
  .a11y-body{padding:18px 18px 24px}
  .a11y-tile{min-height:104px}
}
@media (max-width:420px){
  .a11y-panel{width:100vw}
  .a11y-grid{gap:8px}
}

/* Animasiya söndürüldükdə */
html[data-motion="off"] .a11y-panel,html[data-motion="off"] .a11y-scrim{animation:none}
@media (prefers-reduced-motion:reduce){
  .a11y-panel,.a11y-scrim{animation:none}
}

/* Mobil sabit CTA doku ilə toqquşmasın */
@media (max-width:900px){
  .a11y-fab{left:auto;right:14px;bottom:88px;width:48px;height:48px}
  .a11y-fab-ic{width:26px;height:26px}
}

@media (max-width:560px){
  .a11y-panel h2 span{font-size:.7rem}
}