/* products/accessibility.blade.php sayfasina ozel stiller (blade icinden tasindi) */

/* ── erişilebilirlik ürün sayfası · sayfaya özel düzen yardımcıları (cs2 token'ları üzerine) ── */
  .hero{padding-bottom:24px}

  /* profil grid */
  .prof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
  @media(max-width:900px){.prof-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.prof-grid{grid-template-columns:1fr}}
  .prof-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
  .prof-card:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--a11y-soft)}
  .prof-ic{width:52px;height:52px;border-radius:14px;background:var(--a11y-soft);color:var(--a11y);display:grid;place-items:center;font-size:22px;margin:0 auto 13px}
  .prof-card h3{font-size:15.5px;letter-spacing:-.01em;margin-bottom:6px}
  .prof-card p{font-size:12.5px;color:var(--mut);line-height:1.55}

  /* kategori + mockup layout */
  .cat-layout{display:grid;grid-template-columns:1.42fr .58fr;gap:34px;align-items:start;margin-top:44px}
  @media(max-width:980px){.cat-layout{grid-template-columns:1fr;gap:30px}}
  .cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  @media(max-width:560px){.cat-grid{grid-template-columns:1fr}}
  .cat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
  .cat-card:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:var(--a11y-soft)}
  .cat-head{display:flex;align-items:center;gap:13px;margin-bottom:13px}
  .cat-ic{width:46px;height:46px;border-radius:12px;background:var(--a11y-soft);color:var(--a11y);display:grid;place-items:center;font-size:20px;flex-shrink:0}
  .cat-head h3{font-size:16.5px;letter-spacing:-.015em;margin:0}
  .cat-count{font-family:ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--a11y-d);text-transform:uppercase}
  .cat-card ul{display:grid;gap:9px}
  .cat-card li{display:flex;gap:9px;font-size:13px;color:#3a4154}
  .cat-card li svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--a11y)}
  .cat-mock{position:sticky;top:90px}
  @media(max-width:980px){.cat-mock{position:static}}
  .cat-mock-cap{font-size:12.5px;color:var(--mut);margin-top:14px;text-align:center;line-height:1.5}

  /* AI feature */
  .ai-list{display:grid;gap:13px;margin-top:22px;max-width:520px}
  .ai-list li{display:flex;gap:12px;font-size:15px;color:#cfd3e6;line-height:1.5}
  .ai-list li svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;color:#5ee0a8}
  .ai-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px;display:grid;gap:16px}
  .ai-img{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,rgba(14,165,164,.34),rgba(61,90,254,.22));display:grid;place-items:center;color:rgba(255,255,255,.8)}
  .ai-img svg{width:64px;height:64px}
  .ai-out{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}
  .ai-lbl{font-family:ui-monospace,monospace;font-size:11.5px;color:#c4b0ff;letter-spacing:.4px}
  .ai-out p{color:#fff !important;font-size:14.5px;margin:7px 0 13px !important;line-height:1.55;max-width:none !important}
  .ai-flag{display:inline-flex;align-items:center;gap:7px;font-family:'Mulish',system-ui,sans-serif;font-weight:800;font-size:11.5px;color:#ffcf6b;background:rgba(255,191,73,.14);border:1px solid rgba(255,191,73,.3);padding:6px 12px;border-radius:8px}
  .ai-flag svg{width:14px;height:14px}

  /* install */
  .install-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}
  @media(max-width:920px){.install-grid{grid-template-columns:1fr;gap:34px}}
  .inl-code{font-family:ui-monospace,monospace;font-size:.86em;background:var(--a11y-soft);color:var(--a11y-d);padding:2px 7px;border-radius:6px}
  .install-list{display:grid;gap:18px;margin-top:24px}
  .install-list li{display:flex;gap:14px}
  .inst-ic{width:44px;height:44px;border-radius:12px;background:var(--a11y-soft);color:var(--a11y);display:grid;place-items:center;flex-shrink:0}
  .inst-ic svg{width:21px;height:21px}
  .install-list b{font-family:'Mulish',system-ui,sans-serif;color:var(--ink);display:block;font-size:15.5px;margin-bottom:2px}
  .install-list span{font-size:13.5px;color:var(--body)}
  .code-win{border-radius:16px;overflow:hidden;background:#15172a;border:1px solid #2a2e4a;box-shadow:var(--sh-lg)}
  .cw-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#21243c;border-bottom:1px solid #2a2e4a}
  .cw-bar i{width:11px;height:11px;border-radius:50%}
  .cw-bar i:nth-child(1){background:#ec6a5e}.cw-bar i:nth-child(2){background:#f4be4f}.cw-bar i:nth-child(3){background:#61c554}
  .cw-name{margin-left:9px;font-family:ui-monospace,monospace;font-size:11.5px;color:#8c92ad}
  .cw-pre{margin:0;padding:22px;font-family:ui-monospace,'Courier New',monospace;font-size:13px;line-height:1.7;color:#e5e7eb;overflow-x:auto}
  .cw-cm{color:#6b7280}.cw-tag{color:#22D3EE}.cw-at{color:#fbbf24}.cw-st{color:#86efac}
  .cw-note{font-size:12.5px;color:var(--mut);text-align:center;margin-top:14px}

  /* EAA */
  .eaa-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:48px;align-items:center}
  @media(max-width:880px){.eaa-grid{grid-template-columns:1fr;gap:32px}}
  .eaa-list{display:grid;gap:13px;margin-top:22px;max-width:520px}
  .eaa-list li{display:flex;gap:12px;font-size:15px;color:#cfd3e6;line-height:1.5}
  .eaa-list li svg{width:19px;height:19px;flex-shrink:0;margin-top:2px;color:#5ee0a8}
  .eaa-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px;display:grid;gap:18px;justify-items:center;text-align:center}
  .eaa-cal{width:120px;height:120px;border-radius:22px;background:linear-gradient(160deg,var(--a11y),var(--a11y-d));color:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 24px 44px -20px rgba(14,165,164,.7)}
  .eaa-cal .eaa-m{font-family:'Mulish',system-ui,sans-serif;font-weight:800;font-size:13px;letter-spacing:.18em}
  .eaa-cal .eaa-d{font-family:'Mulish',system-ui,sans-serif;font-weight:900;font-size:48px;line-height:.95;letter-spacing:-.03em}
  .eaa-cal .eaa-y{font-family:ui-monospace,monospace;font-size:12px;opacity:.85}
  .eaa-tx b{font-family:'Mulish',system-ui,sans-serif;color:#fff;font-size:16px;display:block;margin-bottom:3px}
  .eaa-tx span{font-size:13px;color:#aab0c8}
  .eaa-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
  .eaa-card .bx-specbadge.a{background:rgba(14,165,164,.18);border-color:rgba(14,165,164,.4);color:#c4b0ff}
  .eaa-card .bx-specbadge.n{background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.36);color:#7fe7bd}

.pacc-mgn0 { margin:0 auto }
.pacc-bgvar-shd { background:var(--a11y);box-shadow:0 0 0 4px rgba(14,165,164,.16) }
.pacc-bx { --h:40% }
.pacc-bx-2 { --h:55% }
.pacc-bx-3 { --h:48% }
.pacc-bx-4 { --h:62% }
.pacc-bx-5 { --h:58% }
.pacc-bx-6 { --h:72% }
.pacc-bx-7 { --h:82% }
.pacc-clr { color:rgba(255,255,255,.82) }
.pacc-bgvar { background:var(--paper) }
.pacc-bgvar-bdrt-bdrb { background:var(--paper-2);border-top:1px solid var(--cream-line);border-bottom:1px solid var(--cream-line) }
.pacc-mt14 { margin-top:14px }
.pacc-clr-2 { color:#fff }
.pacc-mt26 { margin-top:26px }
.pacc-mt14-fs26 { margin-top:14px;font-size:clamp(26px,3.4vw,40px) }
.pacc-fs16p5-mt14-mxw480 { font-size:16.5px;margin-top:14px;max-width:480px }
.pacc-clr-mt14-fs26 { color:#fff;margin-top:14px;font-size:clamp(26px,3.4vw,40px) }
.pacc-clr-3 { color:#c4b0ff }
.pacc-clr-fs16p5-mt14 { color:#aab0c8;font-size:16.5px;margin-top:14px;max-width:520px }
.pacc-fs12p5-clr-mt18 { font-size:12.5px;color:#9097b2;margin-top:18px;max-width:520px }
.pacc-mxw660-mgn16-clrvar {margin:16px auto 0;color:var(--ink-2,#475569);font-size:16.5px;line-height:1.6 }
.pacc-grid-cols-gap16 { display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:34px }
.pacc-bg-bdr-rad16 { background:#fff;border:1px solid var(--cream-line,#e8e3da);border-radius:16px;padding:22px }
.pacc-blk-fs15-mb6 { display:block;font-size:15px;margin-bottom:6px }
.pacc-fs14-clrvar-lh1p55 { font-size:14px;color:var(--ink-2,#475569);line-height:1.55 }
.pacc-ctr-mt30 { text-align:center;margin-top:30px }
.pacc-w18-h18 { width:18px;height:18px }