/* AN KHANG LIFE — Trang liên hệ / contact placeholder V1.
   All selectors are scoped: no changes to commerce/API screens. */
body.akl-contact-page { background:#f7f8f3; }
body.akl-contact-page .top-bar,
body.akl-contact-page .floating-support,
body.akl-contact-page #ad-popup-overlay { display:none !important; }
.akl.akl-contact {
  --contact-green:#0c382c;
  --contact-forest:#08291f;
  --contact-gold:#d4b16c;
  --contact-ink:#17382a;
  background:#f7f8f3;
  color:var(--contact-ink);
}
.akl-contact .contact-wrap { width:min(1200px,calc(100% - 48px)); margin-inline:auto; }
.akl-contact .contact-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:radial-gradient(ellipse at 72% 28%,rgba(46,112,77,.57),transparent 56%),
             linear-gradient(120deg,#071f1a 0%,#0c3b2c 53%,#13543b 100%);
  color:#fff;
}
.akl-contact .contact-hero::before {
  content:"";
  position:absolute; z-index:-1; inset:-4% -10% auto auto;
  width:660px; aspect-ratio:1; border-radius:50%;
  border:1px solid rgba(237,204,144,.22);
  box-shadow:0 0 0 75px rgba(226,203,154,.03),0 0 0 150px rgba(226,203,154,.025);
}
.akl-contact .contact-hero::after {
  content:""; position:absolute; bottom:-200px; left:-100px;
  width:550px;height:400px; border-radius:50%;
  background:radial-gradient(ellipse,rgba(28,119,82,.3),transparent 70%);
  pointer-events:none;
}
.akl-contact .contact-hero__grid {
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  align-items:center;
  gap:9%;
  min-height:580px;
  padding:74px 0 92px;
  position:relative;
}
.akl-contact .contact-kicker {
  display:inline-flex;align-items:center;gap:11px;
  color:#e9cb8e;
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:800;
}
.akl-contact .contact-kicker::before { content:"";width:25px;height:1px;background:#e4c484; }
.akl-contact .contact-hero h1 {
  color:#fff;max-width:680px;
  margin:22px 0 20px;
  font-size:clamp(43px,5.2vw,74px);
  line-height:1.08;letter-spacing:-.065em;font-weight:800;
}
.akl-contact .contact-hero h1 em { color:#efd59f; font-style:normal; }
.akl-contact .contact-hero__description {
  color:#d2e4d8;
  font-size:clamp(15px,1.3vw,17px);
  line-height:1.95;max-width:560px;
}
.akl-contact .contact-hero__actions { display:flex;gap:13px;flex-wrap:wrap;margin-top:30px; }
.akl-contact .contact-hero__hint {
  display:flex;align-items:center;gap:11px;
  margin-top:39px;color:#bcd5c6;font-size:12px;
}
.akl-contact .contact-hero__hint i { color:#efd59f; }
.akl-contact .contact-visual { display:grid;place-items:center;position:relative;min-height:430px; }
.akl-contact .contact-visual__ring {
  width:min(410px,90%);
  aspect-ratio:1;
  border:1px solid rgba(235,211,161,.26);
  border-radius:50%;
  display:grid;place-items:center;
  box-shadow:0 0 0 28px rgba(222,207,164,.035),0 0 0 59px rgba(222,207,164,.018);
}
.akl-contact .contact-visual__disc {
  width:83%;aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 30% 20%,#fffef8,#f3ead0 67%,#ddc18c);
  box-shadow:0 28px 55px rgba(0,0,0,.25),inset 0 0 0 1px #fff0bd;
}
.akl-contact .contact-visual__disc img { width:90%;height:90%;object-fit:contain; }
.akl-contact .contact-visual__badge {
  position:absolute;bottom:30px;left:0;
  padding:13px 18px;border-radius:15px;
  background:#fffefa;color:#134734;
  box-shadow:0 16px 40px rgba(0,0,0,.2);
  display:flex;gap:11px;align-items:center;
  font-size:12px;font-weight:800;
}
.akl-contact .contact-visual__badge i { color:#bc9650;font-size:18px; }
.akl-contact .contact-main { padding:83px 0 90px; }
.akl-contact .contact-section-title {
  display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px;
}
.akl-contact .contact-section-title h2 {
  max-width:660px;margin:15px 0 0;
  font-size:clamp(30px,3.7vw,48px);
  line-height:1.17;letter-spacing:-.055em;color:#113d2c;font-weight:800;
}
.akl-contact .contact-section-title p {
  max-width:355px;color:#6c8073;font-size:14px;line-height:1.85;
}
.akl-contact .contact-cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px; }
.akl-contact .contact-card {
  padding:34px 29px 31px;
  border-radius:22px;border:1px solid #dfebdf;
  background:#fff;
  box-shadow:0 10px 38px rgba(18,68,44,.04);
  min-height:262px;
}
.akl-contact .contact-card__icon {
  display:grid;place-items:center;width:58px;height:58px;border-radius:18px;
  background:#e9f3eb;color:#176343;font-size:22px;margin-bottom:30px;
}
.akl-contact .contact-card h3 { margin:0 0 13px;font-size:20px;letter-spacing:-.035em;color:#133c2b; }
.akl-contact .contact-card p { color:#748778;font-size:14px;line-height:1.75; }
.akl-contact .contact-card__pending {
  display:inline-flex;align-items:center;gap:8px;margin-top:20px;
  padding:8px 12px;border-radius:30px;border:1px solid #e9dfcc;
  background:#faf7ef;color:#9a7946;
  font-size:11px;font-weight:800;letter-spacing:.045em;
}
.akl-contact .contact-card__pending i { font-size:7px; }
.akl-contact .contact-outro {
  position:relative;overflow:hidden;
  margin-top:30px;padding:clamp(33px,5vw,57px);
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:36px;
  background:linear-gradient(115deg,#0a3327,#155a40);
  color:#fff;border-radius:25px;
}
.akl-contact .contact-outro::after {
  content:"";position:absolute;right:-110px;bottom:-200px;width:400px;height:400px;
  border:1px solid rgba(235,213,165,.18);border-radius:50%;pointer-events:none;
}
.akl-contact .contact-outro h2 { color:#fff;margin:10px 0 13px;font-size:clamp(26px,3vw,38px); }
.akl-contact .contact-outro p { color:#d2e5d9;font-size:14px;line-height:1.8;max-width:680px; }
.akl-contact .contact-outro__actions {display:flex;align-items:center;gap:12px;position:relative;}
.akl-contact .contact-outro .akl-btn { min-height:49px; }
@media(max-width:991px) {
  .akl-contact .contact-hero__grid { gap:3%; min-height:520px; }
  .akl-contact .contact-visual { min-height:320px; }
  .akl-contact .contact-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .akl-contact .contact-outro { grid-template-columns:1fr; }
}
@media(max-width:767px) {
  .akl-contact .contact-wrap {width:min(540px,calc(100% - 32px));}
  .akl-contact .contact-hero__grid {grid-template-columns:1fr;padding:66px 0 74px;}
  .akl-contact .contact-hero h1 {font-size:clamp(39px,10vw,59px);}
  .akl-contact .contact-visual {margin-top:36px;min-height:310px;}
  .akl-contact .contact-visual__ring {max-width:290px;}
  .akl-contact .contact-visual__badge {bottom:5px;left:2%;}
  .akl-contact .contact-main {padding:65px 0;}
  .akl-contact .contact-section-title {display:block;}
  .akl-contact .contact-section-title p {margin-top:16px;}
  .akl-contact .contact-cards {grid-template-columns:1fr;}
  .akl-contact .contact-card {min-height:unset;padding:28px 25px;}
  .akl-contact .contact-card__icon {margin-bottom:20px;}
  .akl-contact .contact-outro__actions {flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce) { .akl-contact *, .akl-contact *::before, .akl-contact *::after {animation:none !important;transition:none !important;} }