/* ===== базові змінні ===== */
:root{
  --bg:#fafafa;
  --ink:#18223a;
  --ink-weak:#24236e;
  --brand:#592cc6;
  --brand-2:#8043f7;
  --radius:30px;
  --radius-sm:6px;
}

/* ===== секція ===== */
.as-footer{background:var(--bg); font-family:Commissioner, Inter, Arial, sans-serif; color:var(--ink); padding:24px 0;}
.as-wrap{max-width:1200px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns: 1.1fr 1.1fr 1fr 1.3fr; gap:56px 48px; align-items:start}

/* ===== типографіка ===== */
.as-h3{font-weight:700; font-size:22px; color:#021542; margin:6px 0 12px}
.as-list{list-style:none; margin:0; padding:0}
.as-list li{line-height:1.6; margin:8px 0; font-size:16px}
.as-list.tight li{margin:10px 0}
.as-list a{color:var(--ink-weak); text-decoration:none}
.as-list a:hover{text-decoration:underline}
.mt-24{margin-top:24px}

/* прапорець/іконка перед пунктом */
.as-flag{display:flex; align-items:center; gap:10px}
.as-flag img{width:21px; height:21px; object-fit:contain}

/* ===== соцмережі ===== */
.as-socials{display:flex; gap:14px; margin:6px 0 18px}
.as-ico img{width:28px; height:28px; display:block}

/* ===== кнопки ===== */
.as-btn{display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius); padding:10px 16px; font-weight:600; text-decoration:none; border:1px solid transparent}
.as-btn--primary{background:var(--brand); color:#fff; border-color:var(--brand-2)}
.as-btn--primary:hover{background:var(--brand-2)}
.as-btn--secondary{background:var(--brand); color:#fff; border-color:var(--brand-2)}
.as-btn--secondary:hover{background:var(--brand-2)}

/* ===== контакти/форма ===== */
.as-col--contact .as-phones{font-size:22px; font-weight:600; margin-top:8px; color:var(--ink)}
.as-col--contact .as-phones a{color:var(--ink)}
.as-mail{display:inline-block; margin:10px 0 16px; font-size:22px; font-weight:600; color:#000; text-decoration:none}
.as-col--contact .as-btn{width:100%; margin:8px 0 18px}

.as-form{display:grid; gap:16px}
.as-input{height:45px; border:1px solid var(--brand); border-radius:var(--radius-sm); padding:0 12px; font-size:14px; color:var(--ink); background:#fff; width:100%}
.as-phone{display:flex; align-items:center; gap:8px}
.as-code{display:inline-flex; align-items:center; height:45px; padding:0 12px; border:1px solid var(--brand); border-radius:var(--radius-sm); background:#fff; font-size:14px}

.as-pay{display:flex; align-items:center; gap:24px; margin-top:22px}
.as-pay img{height:34px}

/* ===== дрібні покращення ===== */
.as-col a{outline:none}
.as-col a:focus-visible{box-shadow:0 0 0 2px rgba(89,44,198,.35); border-radius:6px}

/* ===== адаптив ===== */
@media (max-width: 1199px){
  .as-wrap{grid-template-columns:1fr 1fr; gap:40px}
}
@media (max-width: 639px){
  .as-wrap{grid-template-columns:1fr; gap:28px}
  .as-col--contact .as-phones, .as-mail{font-size:20px}
}