/* ============================================================
   Avto360 — ictimai səthlər (ana səhifə, kataloq, profil, SOS)
   Brif §6 tokenləri. Prefiks: a3-
   ============================================================ */
:root {
  --a3-navy:    #10274B;
  --a3-action:  #1D4ED8;
  --a3-action-h:#1a43bd;
  --a3-cyan:    #08B5D5;
  --a3-page:    #F6F8FC;
  --a3-surface: #FFFFFF;
  --a3-text2:   #475569;
  --a3-border:  #E2E8F0;
  --a3-success: #15803D;
  --a3-danger:  #B91C1C;
  --a3-r-card:  16px;
  --a3-r-ctl:   12px;
  --a3-nav-h:   64px;
}

.dx-public-body { background:var(--a3-page); color:var(--a3-navy); }
[hidden] { display:none !important; }
.dx-ic { flex-shrink:0; vertical-align:middle; }
.a3-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.dx-public-body a:focus-visible, .dx-public-body button:focus-visible, .dx-public-body input:focus-visible,
.dx-public-body select:focus-visible, .dx-public-body summary:focus-visible { outline:3px solid var(--a3-cyan); outline-offset:2px; }

/* ── Buttons ─────────────────────────────────────── */
.a3-btn { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:48px; padding:0 1.25rem;
  border-radius:var(--a3-r-ctl); border:1.5px solid transparent; font:600 1rem var(--dx-font); text-decoration:none;
  cursor:pointer; transition:background .16s,border-color .16s,color .16s; white-space:nowrap; }
.a3-btn-primary { background:var(--a3-action); color:#fff; }
.a3-btn-primary:hover { background:var(--a3-action-h); color:#fff; }
.a3-btn-ghost { background:#fff; color:var(--a3-navy); border-color:var(--a3-border); }
.a3-btn-ghost:hover { border-color:#b9c6d8; }
.a3-btn-wa { background:#fff; color:#166534; border-color:#86efac; }
.a3-btn-wa:hover { background:#f0fdf4; }
.a3-btn-danger { background:#fff; color:var(--a3-danger); border-color:#fecaca; }
.a3-btn-danger:hover { background:#fef2f2; }
.a3-btn-sm { min-height:40px; padding:0 .9rem; font-size:.9rem; }
.a3-btn-block { width:100%; }
.a3-link { color:var(--a3-action); font-weight:600; text-decoration:none; }
.a3-link:hover { text-decoration:underline; }

/* ── Header ──────────────────────────────────────── */
.a3-header { background:#fff; border-bottom:1px solid var(--a3-border); position:sticky; top:0; z-index:100; }
.a3-header-in { display:flex; align-items:center; gap:1.25rem; height:64px; }
.a3-logo { display:flex; align-items:center; flex-shrink:0; }
.a3-logo img { height:30px; width:auto; display:block; }
.a3-nav { display:flex; gap:.25rem; margin-left:.75rem; flex:1; }
.a3-nav a { padding:.5rem .8rem; border-radius:8px; font-size:.95rem; font-weight:500; color:var(--a3-text2); text-decoration:none; }
.a3-nav a:hover { background:#f1f5f9; color:var(--a3-navy); }
.a3-nav a[aria-current="page"] { color:var(--a3-navy); font-weight:700; box-shadow:inset 0 -2px 0 var(--a3-action); border-radius:8px 8px 0 0; }
.a3-header-actions { display:flex; align-items:center; gap:.5rem; margin-left:auto; }
.a3-header-biz { font-size:.9rem; font-weight:600; color:var(--a3-text2); text-decoration:none; padding:.5rem .6rem; }
.a3-header-biz:hover { color:var(--a3-action); }
.a3-header-sos { display:inline-flex; align-items:center; gap:.35rem; color:var(--a3-danger); font-weight:600; font-size:.9rem;
  text-decoration:none; padding:.45rem .7rem; border:1.5px solid #fecaca; border-radius:10px; background:#fff; }
.a3-header-sos:hover { background:#fef2f2; }
@media (max-width:860px) {
  .a3-nav, .a3-header-sos, .a3-header-biz { display:none; }
  .a3-header-in { height:56px; }
}

/* ── Mobil alt menyu ─────────────────────────────── */
.a3-mnav { display:none; }
@media (max-width:860px) {
  .a3-mnav { display:grid; grid-template-columns:repeat(5,1fr); position:fixed; left:0; right:0; bottom:0; z-index:1100;
    background:#fff; border-top:1px solid var(--a3-border); padding-bottom:env(safe-area-inset-bottom,0px);
    box-shadow:0 -2px 12px rgba(16,39,75,.06); }
  .a3-mnav a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:var(--a3-nav-h);
    font-size:.72rem; font-weight:600; color:var(--a3-text2); text-decoration:none; position:relative; }
  .a3-mnav a[aria-current="page"] { color:var(--a3-action); }
  .a3-mnav a[aria-current="page"]::before { content:''; position:absolute; top:0; left:22%; right:22%; height:3px;
    border-radius:0 0 3px 3px; background:var(--a3-action); }
  .a3-mnav a.is-sos { color:var(--a3-danger); }
  .a3-has-mnav { padding-bottom:calc(var(--a3-nav-h) + env(safe-area-inset-bottom,0px)); }
  /* Klaviatura açıq olanda (input fokusda) sabit panel input-u örtməsin */
  body.a3-kb-open .a3-mnav, body.a3-kb-open .a3-contactbar { display:none; }
}

/* ── Footer ──────────────────────────────────────── */
.a3-footer { background:var(--a3-navy); color:#b8c4d6; padding:3rem 0 1.5rem; margin-top:4rem; }
.a3-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2rem; margin-bottom:2rem; }
.a3-footer h2 { font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#8fa1ba; margin:0 0 .75rem; }
.a3-footer a { display:block; font-size:.9rem; color:#cdd6e4; text-decoration:none; padding:.3rem 0; }
.a3-footer a:hover { color:#fff; text-decoration:underline; }
.a3-footer p { font-size:.9rem; line-height:1.6; margin:.75rem 0 0; max-width:34ch; }
.a3-footer-bottom { border-top:1px solid rgba(255,255,255,.12); padding-top:1.25rem; font-size:.82rem; }
@media (max-width:768px) { .a3-footer-grid { grid-template-columns:1fr 1fr; } .a3-footer-grid > div:first-child { grid-column:1/-1; } .a3-footer { margin-top:2.5rem; } }

/* ── Sections / typography ───────────────────────── */
.a3-section { padding:3.5rem 0; }
.a3-section-tight { padding:2rem 0; }
.a3-section-alt { background:#fff; border-top:1px solid var(--a3-border); border-bottom:1px solid var(--a3-border); }
.a3-h2 { font:700 clamp(1.4rem,2.6vw,1.9rem)/1.2 var(--dx-font-heading); color:var(--a3-navy); margin:0; }
.a3-sub { color:var(--a3-text2); font-size:1rem; line-height:1.6; margin:.5rem 0 0; }
.a3-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:1.5rem; }
@media (max-width:640px) { .a3-section { padding:2.5rem 0; } }

/* ── Hero (H01) ──────────────────────────────────── */
.a3-hero { background:#fff; border-bottom:1px solid var(--a3-border); padding:3.5rem 0 3rem; }
.a3-hero-grid { display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:3rem; align-items:center; }
.a3-hero h1 { font:800 clamp(1.9rem,4.4vw,3.25rem)/1.12 var(--dx-font-heading); letter-spacing:-.02em; color:var(--a3-navy); margin:0; }
.a3-hero-lead { font-size:1.05rem; line-height:1.6; color:var(--a3-text2); margin:.9rem 0 1.5rem; max-width:52ch; }
.a3-search { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto; gap:.6rem; align-items:end; }
.a3-field label { display:block; font-size:.85rem; font-weight:600; color:var(--a3-navy); margin-bottom:.35rem; }
.a3-input-wrap { position:relative; }
.a3-input-wrap .dx-ic { position:absolute; left:.9rem; top:50%; transform:translateY(-50%); color:#7b8aa0; pointer-events:none; }
.a3-input, .a3-select { width:100%; height:56px; border:1.5px solid #cbd5e1; border-radius:var(--a3-r-ctl); background:#fff;
  font:400 1rem var(--dx-font); color:var(--a3-navy); padding:0 1rem 0 2.7rem; appearance:none; -webkit-appearance:none; }
.a3-input::placeholder { color:#64748b; } /* WCAG 4.5:1 */
.a3-select { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .9rem center; padding-right:2.4rem; text-overflow:ellipsis; }
.a3-input:hover, .a3-select:hover { border-color:#94a3b8; }
.a3-search .a3-btn { height:56px; padding:0 1.6rem; }
.a3-ctl-48 { height:48px; }
.a3-ctl-plain { padding-left:1rem; }
.a3-chips { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; align-items:center; }
.a3-chips-label { font-size:.85rem; color:var(--a3-text2); }
.a3-chip { display:inline-flex; align-items:center; gap:.35rem; min-height:36px; padding:0 .85rem; border-radius:100px; background:#fff;
  border:1.5px solid var(--a3-border); color:var(--a3-navy); font-size:.875rem; font-weight:500; text-decoration:none; }
.a3-chip:hover { border-color:var(--a3-action); color:var(--a3-action); }
.a3-chip-x { background:#eef3ff; border-color:#c7d5fb; color:#1e3a8a; }
.a3-hero-biz { margin-top:1.4rem; font-size:.95rem; color:var(--a3-text2); }
.a3-hero-side { background:var(--a3-page); border:1px solid var(--a3-border); border-radius:var(--a3-r-card); padding:1.25rem; }
.a3-hero-side h2 { font:700 .8rem var(--dx-font); letter-spacing:.06em; text-transform:uppercase; color:var(--a3-text2); margin:0 0 .75rem; }
.a3-hero-side a { display:flex; align-items:center; gap:.75rem; padding:.7rem .75rem; border-radius:12px; text-decoration:none;
  color:var(--a3-navy); font-weight:600; font-size:.95rem; background:#fff; border:1px solid var(--a3-border); margin-bottom:.5rem; }
.a3-hero-side a:last-child { margin-bottom:0; }
.a3-hero-side a:hover { border-color:var(--a3-action); }
.a3-hero-side a .dx-ic:first-child { color:var(--a3-action); }
.a3-hero-side a .dx-ic:last-child { margin-left:auto; color:#94a3b8; }
@media (max-width:960px) { .a3-hero-grid { grid-template-columns:1fr; } .a3-hero-side { display:none; } }
@media (max-width:640px) {
  .a3-hero { padding:1.25rem 0 1.5rem; }
  .a3-hero-lead { font-size:.95rem; margin:.5rem 0 1rem; }
  .a3-search { grid-template-columns:1fr; gap:.55rem; }
  .a3-search .a3-btn { width:100%; }
  .a3-field label { margin-bottom:.25rem; }
}

/* ── Qaraj zolağı (daxil olmuş sürücü) ───────────── */
.a3-garage { display:flex; align-items:center; gap:.9rem; flex-wrap:wrap; background:#fff; border:1px solid var(--a3-border);
  border-radius:var(--a3-r-card); padding:.85rem 1.1rem; }
.a3-garage-ic { width:40px; height:40px; border-radius:10px; background:#eef3ff; color:var(--a3-action); display:flex; align-items:center; justify-content:center; }
.a3-garage-t { font-weight:700; color:var(--a3-navy); }
.a3-garage-m { font-size:.85rem; color:var(--a3-text2); }
.a3-rem { display:inline-flex; align-items:center; gap:.3rem; font-size:.8rem; font-weight:600; padding:.25rem .65rem; border-radius:100px; border:1px solid; }
.a3-rem-ok { background:#f0fdf4; color:#15803d; border-color:#bbf7d0; }
.a3-rem-soon { background:#fffbeb; color:#92400e; border-color:#fde68a; }
.a3-rem-overdue { background:#fef2f2; color:#b91c1c; border-color:#fecaca; }

/* ── Xidmət kartları (H02) ───────────────────────── */
.a3-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.a3-tile { display:flex; align-items:flex-start; gap:.9rem; background:#fff; border:1px solid var(--a3-border); border-radius:var(--a3-r-card);
  padding:1.15rem 1.2rem; text-decoration:none; color:inherit; transition:border-color .16s, box-shadow .16s; }
.a3-tile:hover { border-color:var(--a3-action); box-shadow:0 4px 14px rgba(16,39,75,.07); }
.a3-tile-ic { width:44px; height:44px; border-radius:12px; background:#eef3ff; color:var(--a3-action); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.a3-tile-t { font:700 1rem/1.25 var(--dx-font-heading); color:var(--a3-navy); }
.a3-tile-s { font-size:.85rem; color:var(--a3-text2); margin-top:.25rem; line-height:1.4; }
@media (max-width:820px) { .a3-tiles { grid-template-columns:repeat(2,1fr); gap:.75rem; }
  .a3-tile { flex-direction:column; gap:.6rem; padding:1rem; } }

/* ── Biznes kartı (§9.1) ─────────────────────────── */
.a3-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:1rem; }
.a3-card { display:flex; flex-direction:column; gap:.75rem; background:#fff; border:1px solid var(--a3-border); border-radius:var(--a3-r-card);
  padding:1.1rem 1.15rem; text-decoration:none; color:inherit; transition:border-color .16s, box-shadow .16s; min-width:0; }
.a3-card:hover { border-color:var(--a3-action); box-shadow:0 4px 14px rgba(16,39,75,.07); }
.a3-card-top { display:flex; gap:.85rem; align-items:center; min-width:0; }
.a3-avatar { width:52px; height:52px; border-radius:14px; background:#e8eefc; color:var(--a3-navy); font:800 1.2rem var(--dx-font-heading);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; }
.a3-avatar img { width:100%; height:100%; object-fit:cover; }
.a3-avatar-lg { width:76px; height:76px; border-radius:18px; font-size:1.8rem; }
.a3-card-cat { font-size:.75rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#0a7d93; }
.a3-card-name { font:700 1.02rem/1.25 var(--dx-font-heading); color:var(--a3-navy); margin:.1rem 0 0; overflow-wrap:anywhere; }
.a3-card-meta { display:flex; flex-direction:column; gap:.35rem; font-size:.875rem; color:var(--a3-text2); }
.a3-card-meta span { display:flex; align-items:center; gap:.4rem; }
.a3-card-meta .dx-ic { color:#7b8aa0; }
.a3-rating { color:var(--a3-navy); font-weight:700; }
.a3-rating .dx-ic { color:#d97706; fill:#f59e0b; }
.a3-card-foot { margin-top:auto; padding-top:.75rem; border-top:1px solid #eef2f7; display:flex; align-items:center; justify-content:space-between;
  font-size:.9rem; font-weight:600; color:var(--a3-action); }
.a3-badge { display:inline-flex; align-items:center; gap:.3rem; font-size:.75rem; font-weight:700; padding:.2rem .55rem; border-radius:100px; border:1px solid; }
.a3-badge-ok { color:var(--a3-success); background:#f0fdf4; border-color:#bbf7d0; }
.a3-badge-sample { color:#92400e; background:#fffbeb; border-color:#fde68a; margin-top:.2rem; }
.a3-sample-note { display:flex; gap:.7rem; align-items:flex-start; background:#fffbeb; border:1px solid #fde68a; color:#78350f;
  border-radius:12px; padding:.9rem 1rem; margin-top:1.25rem; font-size:.92rem; line-height:1.55; }
.a3-sample-note .dx-ic { color:#b45309; margin-top:.15rem; }
.a3-badge-info { color:#1e3a8a; background:#eef3ff; border-color:#c7d5fb; }

/* ── Addımlar (H04) ──────────────────────────────── */
.a3-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; counter-reset:step; list-style:none; padding:0; margin:0; }
.a3-steps li { counter-increment:step; background:#fff; border:1px solid var(--a3-border); border-radius:var(--a3-r-card); padding:1.4rem; }
.a3-steps li::before { content:counter(step); display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:10px;
  background:var(--a3-navy); color:#fff; font:700 1rem var(--dx-font-heading); margin-bottom:.9rem; }
.a3-steps h3 { font:700 1.05rem var(--dx-font-heading); margin:0 0 .35rem; color:var(--a3-navy); }
.a3-steps p { margin:0; color:var(--a3-text2); font-size:.95rem; line-height:1.55; }
@media (max-width:820px) { .a3-steps { grid-template-columns:1fr; gap:.75rem; } }

/* ── Biznes bloku (H05) ──────────────────────────── */
.a3-biz { background:var(--a3-navy); color:#fff; border-radius:20px; padding:2.5rem; display:grid; grid-template-columns:minmax(0,3fr) minmax(0,2fr); gap:2rem; align-items:center; }
.a3-biz h2 { font:700 clamp(1.4rem,2.6vw,1.9rem)/1.2 var(--dx-font-heading); margin:0 0 .6rem; color:#fff; }
.a3-biz p { color:#cdd6e4; line-height:1.6; margin:0 0 1.4rem; max-width:54ch; }
.a3-biz ul { list-style:none; padding:0; margin:0; display:grid; gap:.7rem; }
.a3-biz li { display:flex; align-items:center; gap:.7rem; font-weight:600; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
  border-radius:12px; padding:.8rem 1rem; }
.a3-biz li .dx-ic { color:#5fd4ea; }
.a3-biz .a3-btn-primary { background:#fff; color:var(--a3-navy); }
.a3-biz .a3-btn-primary:hover { background:#e8eefc; color:var(--a3-navy); }
.a3-biz-terms { display:inline-block; margin-left:1rem; color:#cdd6e4; font-size:.9rem; }
@media (max-width:820px) { .a3-biz { grid-template-columns:1fr; padding:1.5rem; } .a3-biz-terms { display:block; margin:.9rem 0 0; } }

/* ── Accordion (H06) ─────────────────────────────── */
.a3-acc { background:#fff; border:1px solid var(--a3-border); border-radius:12px; margin-bottom:.6rem; }
.a3-acc summary { list-style:none; cursor:pointer; padding:1.05rem 1.2rem; font-weight:600; color:var(--a3-navy); display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.a3-acc summary::-webkit-details-marker { display:none; }
.a3-acc summary .dx-ic { transition:transform .18s; color:#7b8aa0; }
.a3-acc[open] summary .dx-ic { transform:rotate(90deg); }
.a3-acc-body { padding:0 1.2rem 1.1rem; color:var(--a3-text2); line-height:1.65; font-size:.95rem; }

/* ── Kataloq (§8.2) ──────────────────────────────── */
.a3-pagehead { background:#fff; border-bottom:1px solid var(--a3-border); padding:1.75rem 0 1.25rem; }
.a3-pagehead h1 { font:800 clamp(1.4rem,3vw,2rem)/1.2 var(--dx-font-heading); margin:0; color:var(--a3-navy); overflow-wrap:anywhere; }
.a3-crumb { font-size:.85rem; color:var(--a3-text2); margin-bottom:.4rem; }
.a3-crumb a { color:var(--a3-text2); }
.a3-catalog { display:grid; grid-template-columns:260px minmax(0,1fr); gap:1.5rem; align-items:start; padding:1.5rem 0 3rem; }
.a3-filters { background:#fff; border:1px solid var(--a3-border); border-radius:var(--a3-r-card); padding:1.1rem; position:sticky; top:84px; }
.a3-filters h2 { font:700 1rem var(--dx-font-heading); margin:0 0 .9rem; color:var(--a3-navy); display:flex; justify-content:space-between; align-items:center; }
.a3-filters .a3-field { margin-bottom:.85rem; }
.a3-filters .a3-input, .a3-filters .a3-select { height:48px; }
.a3-filters-close, .a3-filters-open, .a3-backdrop { display:none; }
.a3-near-msg { font-size:.85rem; margin-top:.5rem; color:var(--a3-text2); }
.a3-near-msg.is-err { color:var(--a3-danger); }
.a3-results-bar { display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; margin-bottom:.9rem; }
.a3-results-count { font-size:.95rem; color:var(--a3-text2); }
.a3-results-count strong { color:var(--a3-navy); }
.a3-active { display:flex; flex-wrap:wrap; gap:.45rem; margin-bottom:1rem; align-items:center; }
.a3-hint { background:#eef3ff; border:1px solid #c7d5fb; border-radius:12px; padding:.9rem 1rem; margin-bottom:1rem; font-size:.92rem; color:#1e3a8a; }
.a3-hint .a3-chips { margin-top:.6rem; }
.a3-state { background:#fff; border:1px dashed #cbd5e1; border-radius:var(--a3-r-card); padding:2.5rem 1.5rem; text-align:center; }
.a3-state-ic { width:56px; height:56px; border-radius:16px; background:#eef3ff; color:var(--a3-action); display:inline-flex; align-items:center; justify-content:center; margin-bottom:.9rem; }
.a3-state.is-error .a3-state-ic { background:#fef2f2; color:var(--a3-danger); }
.a3-state h2 { font:700 1.15rem var(--dx-font-heading); margin:0 0 .4rem; color:var(--a3-navy); }
.a3-state p { color:var(--a3-text2); margin:0 auto 1.25rem; max-width:46ch; line-height:1.6; }
.a3-state-actions { display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap; }
.a3-pager { display:flex; justify-content:center; gap:.4rem; margin-top:1.75rem; flex-wrap:wrap; }
.a3-pager a, .a3-pager span { min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px;
  border:1px solid var(--a3-border); background:#fff; color:var(--a3-navy); font-weight:600; text-decoration:none; padding:0 .6rem; }
.a3-pager [aria-current="page"] { background:var(--a3-navy); border-color:var(--a3-navy); color:#fff; }
@media (max-width:900px) {
  .a3-catalog { grid-template-columns:minmax(0,1fr); padding-top:1rem; }
  .a3-filters-open { display:inline-flex; }
  .a3-filters { display:none; position:fixed; inset:auto 0 0 0; top:auto; z-index:1250; border-radius:20px 20px 0 0; max-height:86vh; overflow:auto;
    padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px)); box-shadow:0 -12px 40px rgba(16,39,75,.25); }
  .a3-filters.is-open { display:block; }
  .a3-filters-close { display:inline-flex; background:none; border:none; color:var(--a3-text2); cursor:pointer; padding:.4rem; }
  .a3-backdrop { display:none; position:fixed; inset:0; background:rgba(16,39,75,.45); z-index:1240; }
  .a3-backdrop.is-open { display:block; }
}

/* ── Profil (§9.2) ───────────────────────────────── */
.a3-profile-head { background:#fff; border-bottom:1px solid var(--a3-border); padding:1.5rem 0; }
.a3-profile-top { display:flex; gap:1.1rem; align-items:center; flex-wrap:wrap; }
.a3-profile-top h1 { font:800 clamp(1.35rem,3vw,1.9rem)/1.2 var(--dx-font-heading); margin:.15rem 0 .3rem; color:var(--a3-navy); overflow-wrap:anywhere; }
.a3-profile-meta { display:flex; flex-wrap:wrap; gap:.4rem 1rem; font-size:.92rem; color:var(--a3-text2); align-items:center; }
.a3-profile-meta span { display:inline-flex; align-items:center; gap:.35rem; }
.a3-profile-grid { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:1.5rem; align-items:start; padding:1.5rem 0 3rem; }
.a3-panel { background:#fff; border:1px solid var(--a3-border); border-radius:var(--a3-r-card); padding:1.25rem; margin-bottom:1.25rem; }
.a3-panel h2 { font:700 1.1rem var(--dx-font-heading); margin:0 0 .9rem; color:var(--a3-navy); }
.a3-contact-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:.6rem; }
.a3-contact-actions .a3-btn { white-space:normal; text-align:center; padding-top:.5rem; padding-bottom:.5rem; }
.a3-contact-note { font-size:.82rem; color:var(--a3-text2); margin:.75rem 0 0; line-height:1.5; }
.a3-svc { width:100%; border-collapse:collapse; }
.a3-svc th { text-align:left; font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--a3-text2); padding:.5rem .4rem; border-bottom:1px solid var(--a3-border); }
.a3-svc td { padding:.8rem .4rem; border-bottom:1px solid #eef2f7; vertical-align:top; font-size:.95rem; }
.a3-svc tr:last-child td { border-bottom:none; }
.a3-svc-name { font-weight:600; color:var(--a3-navy); }
.a3-svc-sub { font-size:.82rem; color:var(--a3-text2); margin-top:.15rem; }
.a3-svc-price { font-weight:700; white-space:nowrap; text-align:right; color:var(--a3-navy); }
.a3-info-row { display:flex; gap:.6rem; align-items:flex-start; padding:.55rem 0; font-size:.95rem; color:var(--a3-navy); }
.a3-info-row .dx-ic { color:#7b8aa0; margin-top:.15rem; }
.a3-info-row small { display:block; color:var(--a3-text2); font-size:.82rem; }
.a3-branch { padding:.8rem 0; border-bottom:1px solid #eef2f7; }
.a3-branch:last-child { border-bottom:none; padding-bottom:0; }
.a3-branch-name { font-weight:700; color:var(--a3-navy); font-size:.95rem; }
.a3-branch-links { display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.5rem; }
.a3-review { padding:.9rem 0; border-bottom:1px solid #eef2f7; }
.a3-review:last-child { border-bottom:none; }
.a3-contactbar { display:none; }
@media (max-width:900px) {
  .a3-profile-grid { grid-template-columns:minmax(0,1fr); }
  .a3-profile-aside { order:-1; }
  .a3-contactbar { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); box-sizing:border-box; gap:.5rem; position:fixed; left:0; right:0; bottom:0; z-index:1100; background:#fff;
    border-top:1px solid var(--a3-border); padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom,0px)); box-shadow:0 -2px 12px rgba(16,39,75,.08); }
  .a3-has-contactbar { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
}

/* ── SOS (§12) ───────────────────────────────────── */
.a3-sos-head { background:#fff; border-bottom:1px solid var(--a3-border); padding:1.75rem 0 1.5rem; }
.a3-sos-head h1 { font:800 clamp(1.5rem,3.4vw,2.2rem)/1.2 var(--dx-font-heading); margin:0 0 .4rem; color:var(--a3-navy); }
.a3-sos-step { font:700 .8rem var(--dx-font); letter-spacing:.06em; text-transform:uppercase; color:var(--a3-text2); margin:0 0 .75rem; }
.a3-sos-needs { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; }
.a3-sos-need { display:flex; flex-direction:column; gap:.55rem; align-items:flex-start; background:#fff; border:1.5px solid var(--a3-border); border-radius:var(--a3-r-card);
  padding:1rem; text-decoration:none; color:var(--a3-navy); font-weight:700; min-height:96px; }
.a3-sos-need .dx-ic { color:var(--a3-danger); }
.a3-sos-need:hover { border-color:#fca5a5; }
.a3-sos-need[aria-current="true"] { border-color:var(--a3-danger); background:#fff7f7; box-shadow:inset 0 0 0 1px var(--a3-danger); }
.a3-sos-area { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:.6rem; align-items:end; }
.a3-sos-disclaimer { font-size:.85rem; color:var(--a3-text2); line-height:1.55; margin-top:1.5rem; }
@media (max-width:720px) { .a3-sos-needs { grid-template-columns:repeat(2,1fr); } .a3-sos-area { grid-template-columns:1fr; } }

@media (prefers-reduced-motion:reduce) { .dx-public-body *, .dx-public-body *::before { transition:none !important; animation:none !important; } }

/* ── Dalğa 2: biznes landing ─────────────────────── */
.a3-biz-ctas { display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; }
.a3-tiles-4 { grid-template-columns:repeat(4,1fr); }
@media (max-width:980px) { .a3-tiles-4 { grid-template-columns:repeat(2,1fr); } }
.a3-sticky-cta { display:none; }
@media (max-width:860px) {
  .a3-sticky-cta { display:block; position:fixed; left:0; right:0; bottom:0; z-index:1100; background:#fff; border-top:1px solid var(--a3-border);
    padding:.6rem .9rem calc(.6rem + env(safe-area-inset-bottom,0px)); box-shadow:0 -2px 12px rgba(16,39,75,.08); transition:transform .18s; }
  .a3-sticky-cta.is-hidden { transform:translateY(110%); }
  body:has(.a3-sticky-cta) { padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)); }
  body.a3-kb-open .a3-sticky-cta { display:none; }
}

/* ── Çərəz razılığı ──────────────────────────────── */
.a3-consent { position:fixed; left:1rem; right:1rem; bottom:1rem; z-index:1400; max-width:560px; margin-left:auto; background:#fff; color:var(--a3-navy);
  border:1px solid var(--a3-border); border-radius:14px; box-shadow:0 12px 40px rgba(16,39,75,.18); padding:1rem 1.1rem; font-size:.9rem; line-height:1.5; }
.a3-consent p { margin:0 0 .75rem; }
.a3-consent-actions { display:flex; gap:.5rem; justify-content:flex-end; flex-wrap:wrap; }
@media (max-width:860px) { .a3-consent { left:.6rem; right:.6rem; bottom:calc(72px + env(safe-area-inset-bottom,0px)); } }

/* ── Auth: sadə rejim (biznes qeydiyyatı) ─────────── */
.a3-auth-minimal .dx-auth-layout { grid-template-columns:1fr; min-height:auto; }
.a3-auth-minimal .dx-auth-brand { display:none; }
.a3-auth-minimal .dx-auth-form-panel { align-items:flex-start; padding:1.5rem 1rem 3rem; }
.a3-auth-minimal .dx-auth-form-wrap { max-width:620px; }
.a3-auth-top { display:flex; align-items:center; justify-content:space-between; gap:1rem; background:#fff; border-bottom:1px solid var(--a3-border);
  padding:.6rem max(1rem, calc((100% - 620px)/2)); position:sticky; top:0; z-index:50; }
.a3-auth-top .a3-logo img { height:28px; }
.a3-auth-back, .a3-auth-help { color:var(--a3-text2); font-weight:600; font-size:.92rem; text-decoration:none; min-width:60px; }
.a3-auth-help { text-align:right; }
.a3-auth-back:hover, .a3-auth-help:hover { color:var(--a3-action); }

/* ── Qeydiyyat stepper ───────────────────────────── */
.a3-signup-head h1 { font:800 clamp(1.45rem,3.4vw,1.9rem)/1.2 var(--dx-font-heading); color:var(--a3-navy); margin:.2rem 0 .35rem; }
.a3-signup-head p { color:var(--a3-text2); margin:0 0 1.1rem; }
.a3-progress { height:6px; background:#e8eefc; border-radius:6px; overflow:hidden; }
.a3-progress span { display:block; height:100%; background:var(--a3-action); transition:width .2s; }
.a3-progress-label { font-size:.88rem; font-weight:600; color:var(--a3-navy); margin:.5rem 0 1rem; }
.a3-step { border:1px solid var(--a3-border); background:#fff; border-radius:var(--a3-r-card); padding:1.25rem; margin:0 0 1rem; min-width:0; }
#bizSignup:not(.is-js) .a3-step { margin-bottom:1.25rem; }
.a3-step-title { display:flex; align-items:center; gap:.6rem; font:700 1.1rem var(--dx-font-heading); color:var(--a3-navy); padding:0; margin-bottom:1rem; }
.a3-step-title span { width:28px; height:28px; border-radius:8px; background:var(--a3-navy); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:.9rem; }
.a3-step .a3-field { margin-bottom:1rem; }
.a3-step .a3-field label, .a3-label { display:block; font-size:.9rem; font-weight:600; color:var(--a3-navy); margin-bottom:.35rem; }
.a3-step .a3-input, .a3-step .a3-select { font-size:1rem; }
.a3-row2 { display:grid; grid-template-columns:1fr 1fr; gap:0 .9rem; }
@media (max-width:560px) { .a3-row2 { grid-template-columns:1fr; } }
.a3-help { display:block; font-size:.82rem; color:var(--a3-text2); margin-top:.3rem; line-height:1.45; }
.a3-err { display:block; font-size:.85rem; color:var(--a3-danger); margin-top:.3rem; font-weight:600; }
.a3-step [aria-invalid="true"] { border-color:var(--a3-danger) !important; }
.a3-form-alert { display:flex; gap:.6rem; align-items:flex-start; background:#fef2f2; border:1px solid #fecaca; color:#7f1d1d; border-radius:12px;
  padding:.8rem 1rem; margin-bottom:1rem; font-size:.92rem; line-height:1.5; }
.a3-form-alert .dx-ic { color:var(--a3-danger); margin-top:.1rem; }
.a3-choices { display:flex; flex-wrap:wrap; gap:.5rem; }
.a3-choices-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); }
.a3-choice { position:relative; display:block; margin:0 !important; }
.a3-choice input { position:absolute; opacity:0; width:1px; height:1px; }
.a3-choice span { display:flex; align-items:center; gap:.45rem; min-height:44px; padding:.55rem .9rem; border:1.5px solid var(--a3-border); border-radius:12px;
  background:#fff; font-weight:500; color:var(--a3-navy); cursor:pointer; font-size:.95rem; }
.a3-choice span .dx-ic { color:var(--a3-action); }
.a3-choice-sm span { min-height:40px; font-size:.9rem; padding:.45rem .8rem; }
.a3-choice input:checked + span { border-color:var(--a3-action); background:#eef3ff; box-shadow:inset 0 0 0 1px var(--a3-action); font-weight:600; }
.a3-choice input:focus-visible + span { outline:3px solid var(--a3-cyan); outline-offset:2px; }
.a3-check { display:flex !important; gap:.6rem; align-items:flex-start; font-weight:500 !important; font-size:.92rem !important; line-height:1.45; cursor:pointer; }
.a3-check input { width:20px; height:20px; margin-top:.1rem; flex-shrink:0; accent-color:var(--a3-action); }
.a3-pw { position:relative; }
.a3-pw .a3-input { padding-right:5.5rem; }
.a3-pw-toggle { position:absolute; right:.4rem; top:50%; transform:translateY(-50%); height:36px; padding:0 .75rem; border:none; border-radius:8px;
  background:#f1f5f9; color:var(--a3-navy); font:600 .85rem var(--dx-font); cursor:pointer; }
.a3-note { background:#f6f8fc; border:1px solid var(--a3-border); border-radius:12px; padding:.8rem 1rem; font-size:.88rem; color:var(--a3-text2); line-height:1.5; }
.a3-step-actions { display:flex; gap:.6rem; justify-content:space-between; align-items:center; }
.a3-step-actions #bizNext, .a3-step-actions #bizSubmit { margin-left:auto; }
#bizSignup:not(.is-js) #bizSubmit { width:100%; }
.a3-signup-foot { text-align:center; color:var(--a3-text2); font-size:.9rem; margin-top:1.25rem; }
@media (max-width:560px) { .a3-step { padding:1rem; } .a3-step-actions .a3-btn { flex:1; } }

/* ── Dalğa 3: məlumat səhifələri ─────────────────── */
.a3-panel h2 { font:700 1.15rem var(--dx-font-heading); color:var(--a3-navy); margin:0 0 .6rem; }
.a3-prose { line-height:1.75; color:var(--a3-navy); }
.a3-prose h2, .a3-prose h3 { font:700 1.1rem var(--dx-font-heading); margin:1.4rem 0 .5rem; color:var(--a3-navy); }
.a3-prose h2:first-child, .a3-prose h3:first-child { margin-top:0; }
.a3-prose p, .a3-prose li { color:#334155; }
.a3-pricing { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }
.a3-pricing .a3-panel { margin:0; display:flex; flex-direction:column; }
.a3-pricing .a3-btn { margin-top:auto; }
.a3-price { font:800 1.35rem var(--dx-font-heading); color:var(--a3-navy); margin:.35rem 0 0; }
.a3-ticks { list-style:none; padding:0; margin:0 0 1.25rem; display:grid; gap:.5rem; }
.a3-ticks li { display:flex; gap:.5rem; align-items:flex-start; color:#334155; }
.a3-ticks li .dx-ic { color:var(--a3-success); margin-top:.2rem; }
@media (max-width:760px) { .a3-pricing { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto !important; } }

/* ── Dalğa 4: əlçatanlıq ─────────────────────────── */
.a3-skip { position:absolute; left:.75rem; top:-60px; z-index:2000; background:var(--a3-navy); color:#fff; padding:.6rem 1rem; border-radius:10px;
  font-weight:700; text-decoration:none; transition:top .15s; }
.a3-skip:focus { top:.75rem; color:#fff; }
#main:focus { outline:none; }

/* ── Dalğa 4: böyüdülmüş mətn (200%) və dar ekranda reflow ── */
.a3-hero h1, .a3-h2, .a3-tile-t, .a3-card-name, .a3-pagehead h1, .a3-signup-head h1, .a3-biz h2 { overflow-wrap:anywhere; }
@media (max-width:960px) {
  .a3-hero-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:860px) {
  .a3-header-in { gap:.5rem; min-width:0; }
  .a3-logo { flex-shrink:1; min-width:0; }
  .a3-logo img { max-width:100%; height:auto; max-height:30px; }
}
@media (max-width:820px) {
  .a3-tiles, .a3-tiles-4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .a3-steps, .a3-biz, .a3-pricing { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:720px) { .a3-sos-needs { grid-template-columns:repeat(2, minmax(0,1fr)); } .a3-sos-area { grid-template-columns:minmax(0,1fr); } }
@media (max-width:640px) {
  .a3-btn { white-space:normal; text-align:center; max-width:100%; height:auto; min-height:48px; padding-top:.5rem; padding-bottom:.5rem; }
  .a3-search { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:560px) { .a3-row2 { grid-template-columns:minmax(0,1fr); } }
@media (max-width:768px) { .a3-footer-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } .a3-footer a, .a3-footer p { overflow-wrap:anywhere; } }
@media (max-width:420px) { .a3-footer-grid { grid-template-columns:minmax(0,1fr); } }