/* =========================================================
   A2TDEV FINAL DESIGN CSS
   Generated to prevent broken multi-file loading.
   This file is intentionally loaded after page CSS in main_base.html.
   ========================================================= */


/* ===== a2t_base_polish.css ===== */

/* A2TDEV production base polish: global navigation/footer only */
:root {
  --a2t-bg: #ffffff;
  --a2t-text: #07070b;
  --a2t-muted: #58657a;
  --a2t-line: #e8ebf1;
  --a2t-soft: #f7f8fb;
  --a2t-black: #050507;
  --a2t-blue: #3567ff;
  --a2t-shadow: 0 18px 55px rgba(8, 12, 24, 0.07);
  --a2t-container: 1240px;
}

body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--a2t-bg);
  color: var(--a2t-text);
  overflow-x: hidden;
}

body .x-content {
  width: 100%;
  min-height: 60vh;
}

.a2t-global-breadcrumb-shell {
  width: min(var(--a2t-container), calc(100% - 64px));
  margin: 0 auto;
  padding: 28px 0 0;
}

.a2t-global-breadcrumb {
  color: #8792a4;
  font-size: 14px;
  font-weight: 850;
}

.a2t-global-breadcrumb ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.a2t-global-breadcrumb li {
  min-width: 0;
  display: inline-flex;
  align-items: center;
}

.a2t-global-breadcrumb li + li::before {
  content: "›";
  margin: 0 12px;
  color: #b7c0ce;
  font-size: 18px;
  line-height: 1;
  font-weight: 650;
}

.a2t-global-breadcrumb a {
  color: #7b879a;
  text-decoration: none;
  transition: color .16s ease;
}

.a2t-global-breadcrumb a:hover,
.a2t-global-breadcrumb a:focus-visible {
  color: var(--a2t-blue);
}

.a2t-global-breadcrumb span {
  min-width: 0;
  color: #475467;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.a2t-site-header {
  height: 76px;
  border-bottom: 1px solid var(--a2t-line);
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.a2t-nav-shell {
  width: min(var(--a2t-container), calc(100% - 64px));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.a2t-brand {
  color: var(--a2t-text);
  text-decoration: none;
  font-size: 26px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.055em;
  white-space: nowrap;
}

.a2t-brand span { color: var(--a2t-blue); }

.a2t-nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  font-size: 15px;
  font-weight: 750;
}

.a2t-nav-links a,
.a2t-footer a {
  color: inherit;
  text-decoration: none;
}

.a2t-nav-links a {
  opacity: 0.86;
  transition: opacity 160ms ease;
}

.a2t-nav-links a:hover { opacity: 1; }

.a2t-nav-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.a2t-theme-toggle {
  width: 44px;
  height: 44px;
  border: 1px solid var(--a2t-line);
  border-radius: 14px;
  background: #fff;
  color: var(--a2t-text);
  display: grid;
  place-items: center;
}

.a2t-nav-cta {
  min-width: 148px;
  height: 50px;
  padding: 0 22px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background: var(--a2t-black);
  border: 1px solid var(--a2t-black);
  font-weight: 850;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
  white-space: nowrap;
}

.a2t-footer {
  border-top: 1px solid var(--a2t-line);
  background: #fff;
  padding: 54px 0 32px;
}

.a2t-footer-grid {
  width: min(var(--a2t-container), calc(100% - 64px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.6fr repeat(3, 1fr);
  gap: 42px;
}

.a2t-footer h3,
.a2t-footer h4 {
  margin: 0 0 14px;
  color: var(--a2t-text);
  font-weight: 900;
  letter-spacing: -0.03em;
}

.a2t-footer p {
  color: var(--a2t-muted);
  margin: 0;
  line-height: 1.7;
  max-width: 430px;
}

.a2t-footer a {
  display: block;
  margin: 9px 0;
  color: var(--a2t-muted);
  font-weight: 650;
}

.a2t-footer-bottom {
  width: min(var(--a2t-container), calc(100% - 64px));
  margin: 36px auto 0;
  padding-top: 24px;
  border-top: 1px solid var(--a2t-line);
  color: var(--a2t-muted);
  font-size: 14px;
}

@media (max-width: 900px) {
  .a2t-nav-links { display: none; }
  .a2t-footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .a2t-nav-shell,
  .a2t-global-breadcrumb-shell,
  .a2t-footer-grid,
  .a2t-footer-bottom {
    width: min(100% - 28px, var(--a2t-container));
  }
  .a2t-global-breadcrumb-shell { padding-top: 20px; }
  .a2t-global-breadcrumb { font-size: 13px; }
  .a2t-global-breadcrumb li + li::before { margin: 0 9px; }
  .a2t-brand { font-size: 22px; }
  .a2t-nav-cta { display: none; }
  .a2t-footer-grid { grid-template-columns: 1fr; }
}

/* Upgrade 2: global ergonomic system tokens and sane defaults */
:root {
  --a2t-radius-sm: 12px;
  --a2t-radius-md: 16px;
  --a2t-radius-lg: 22px;
  --a2t-focus: 0 0 0 4px rgba(53, 103, 255, 0.16);
}

html { scroll-behavior: smooth; }

body a { transition: color 160ms ease, opacity 160ms ease, background 160ms ease, border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease; }

button, input, textarea, select { font-family: inherit; }

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
  box-shadow: var(--a2t-focus) !important;
}

.btn,
button.btn,
input[type="submit"],
button[type="submit"] {
  border-radius: var(--a2t-radius-sm);
  font-weight: 800;
}

.btn-primary,
.btn.btn-primary {
  background: var(--a2t-black) !important;
  border-color: var(--a2t-black) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.btn-secondary,
.btn.btn-secondary {
  background: #fff !important;
  border-color: var(--a2t-line) !important;
  color: var(--a2t-text) !important;
}

.card,
.shadow-md,
.rounded-lg {
  border-radius: var(--a2t-radius-lg) !important;
}

input.form-control,
textarea.form-control,
select.form-select,
.form-control,
.form-select {
  border-radius: 14px;
  border-color: var(--a2t-line);
  min-height: 48px;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-select:focus,
.form-control:focus,
.form-select:focus {
  border-color: rgba(53, 103, 255, 0.46);
  box-shadow: var(--a2t-focus);
}

.a2t-site-header + .x-content {
  margin-top: 0;
}

.a2t-nav-cta:hover,
.btn-primary:hover,
.btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}

.a2t-theme-toggle:hover {
  border-color: #cfd6e4;
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .a2t-site-header { height: 70px; }
  body { font-size: 15px; }
}


/* ===== home.css ===== */

/* A2TDEV homepage production redesign. Scoped to avoid affecting other app pages. */
#wxa-homepage {
  --a2t-bg: #ffffff;
  --a2t-text: #06070b;
  --a2t-muted: #58657a;
  --a2t-line: #e8ebf1;
  --a2t-soft: #f7f8fb;
  --a2t-black: #050507;
  --a2t-blue: #3567ff;
  --a2t-violet: #7657ff;
  --a2t-green: #16a34a;
  --a2t-orange: #f97316;
  --a2t-yellow: #eab308;
  --a2t-shadow: 0 18px 55px rgba(8, 12, 24, 0.07);
  --a2t-container: 1240px;
  color: var(--a2t-text);
  background: var(--a2t-bg);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: hidden;
}

#wxa-homepage *,
#wxa-homepage *::before,
#wxa-homepage *::after { box-sizing: border-box; }

#wxa-homepage a { color: inherit; text-decoration: none; }

#wxa-homepage .a2t-container {
  width: min(var(--a2t-container), calc(100% - 64px));
  margin-inline: auto;
}

#wxa-homepage .a2t-skip {
  position: absolute;
  left: -999px;
  top: 12px;
  z-index: 1000;
  padding: 10px 14px;
  background: #000;
  color: #fff;
  border-radius: 10px;
}
#wxa-homepage .a2t-skip:focus { left: 16px; }

#wxa-homepage .a2t-hero { padding: 78px 0 54px; }

#wxa-homepage .a2t-hero-grid {
  display: grid;
  grid-template-columns: 0.93fr 1.07fr;
  gap: 78px;
  align-items: center;
}

#wxa-homepage .a2t-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #f1f4f8;
  border: 1px solid var(--a2t-line);
  color: #245cff;
  font-size: 12px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#wxa-homepage .a2t-hero h1 {
  max-width: 700px;
  margin: 30px 0 22px;
  color: var(--a2t-text);
  font-size: clamp(46px, 5.1vw, 68px);
  line-height: 0.99;
  letter-spacing: -0.067em;
  font-weight: 950;
}

#wxa-homepage .a2t-hero h1 span { color: var(--a2t-blue); }

#wxa-homepage .a2t-lead {
  max-width: 590px;
  margin: 0 0 32px;
  color: var(--a2t-muted);
  font-size: 21px;
  line-height: 1.55;
}

#wxa-homepage .a2t-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

#wxa-homepage .a2t-btn {
  min-width: 145px;
  height: 48px;
  padding: 0 22px;
  border-radius: 12px;
  border: 1px solid var(--a2t-line);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--a2t-text);
  font-weight: 850;
  white-space: nowrap;
  box-shadow: none;
}

#wxa-homepage .a2t-btn-dark {
  background: var(--a2t-black);
  color: #fff;
  border-color: var(--a2t-black);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
}

#wxa-homepage .a2t-trusted {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--a2t-muted);
  font-weight: 650;
}

#wxa-homepage .a2t-trusted p { margin: 0; }
#wxa-homepage .a2t-avatars { display: flex; }
#wxa-homepage .a2t-avatars span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-left: -8px;
  background: linear-gradient(135deg, #cfd7e6, #8c96aa);
}
#wxa-homepage .a2t-avatars span:first-child { margin-left: 0; }
#wxa-homepage .a2t-avatars .a2t-plus {
  background: #2764ff;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
}

/* Hero system map: no clipping, no central card, ergonomic fixed positions. */
#wxa-homepage .a2t-system-map {
  position: relative;
  height: 520px;
  max-width: 690px;
  width: 100%;
  margin-left: auto;
  isolation: isolate;
}

#wxa-homepage .a2t-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 520px;
  height: 390px;
  transform: translate(-50%, -50%);
  border: 1px dashed #d9e1f2;
  border-radius: 50%;
  pointer-events: none;
}
#wxa-homepage .a2t-orbit::before,
#wxa-homepage .a2t-orbit::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
#wxa-homepage .a2t-orbit::before {
  inset: 62px;
  border: 1px solid rgba(53, 103, 255, 0.15);
}
#wxa-homepage .a2t-orbit::after {
  inset: 126px;
  border: 1px dashed rgba(53, 103, 255, 0.13);
}

#wxa-homepage .a2t-center-brand {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 250px;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}
#wxa-homepage .a2t-center-brand strong {
  display: block;
  margin-bottom: 12px;
  font-size: 46px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.06em;
  background: linear-gradient(90deg, var(--a2t-blue), var(--a2t-violet));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
#wxa-homepage .a2t-center-brand p {
  margin: 0;
  color: #4e5b72;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 750;
}

#wxa-homepage .a2t-node {
  position: absolute;
  z-index: 5;
  background: #fff;
  border: 1px solid var(--a2t-line);
  border-radius: 20px;
  box-shadow: var(--a2t-shadow);
  display: flex;
  gap: 13px;
  align-items: flex-start;
  padding: 16px 17px;
  overflow: hidden;
}
#wxa-homepage .a2t-node h2 {
  margin: 0 0 6px;
  color: var(--a2t-text);
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  font-weight: 900;
}
#wxa-homepage .a2t-node p {
  margin: 0;
  color: #56647a;
  font-size: 13px;
  line-height: 1.42;
}
#wxa-homepage .a2t-ico {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 900;
}

#wxa-homepage .a2t-reporting { width: 228px; left: 50%; top: 12px; transform: translateX(-50%); border-color: #dad2ff; }
#wxa-homepage .a2t-reporting .a2t-ico { background: #f0edff; color: #7053ff; }
#wxa-homepage .a2t-crm { width: 210px; left: 0; top: 204px; border-color: #d9f1e2; }
#wxa-homepage .a2t-crm .a2t-ico { background: #eafbf1; color: var(--a2t-green); }
#wxa-homepage .a2t-payments { width: 210px; right: 0; top: 204px; border-color: #ffe0c7; }
#wxa-homepage .a2t-payments .a2t-ico { background: #fff0df; color: var(--a2t-orange); }
#wxa-homepage .a2t-automation { width: 218px; left: 88px; bottom: 28px; border-color: #dbe6ff; }
#wxa-homepage .a2t-automation .a2t-ico { background: #edf3ff; color: var(--a2t-blue); }
#wxa-homepage .a2t-portal { width: 218px; right: 88px; bottom: 28px; border-color: #fdecc2; }
#wxa-homepage .a2t-portal .a2t-ico { background: #fff7df; color: #d99a00; }

#wxa-homepage .a2t-tech {
  position: absolute;
  z-index: 6;
  height: 40px;
  padding: 0 15px;
  border: 1px solid var(--a2t-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(8, 12, 24, 0.055);
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--a2t-text);
  font-size: 13.5px;
  font-weight: 850;
  white-space: nowrap;
}
#wxa-homepage .a2t-py { left: 88px; top: 106px; }
#wxa-homepage .a2t-dj { right: 88px; top: 106px; }
#wxa-homepage .a2t-re { left: 18px; top: 346px; }
#wxa-homepage .a2t-pg { right: 18px; top: 346px; }
#wxa-homepage .a2t-do { left: 122px; bottom: 0; }
#wxa-homepage .a2t-aw { right: 122px; bottom: 0; }

#wxa-homepage .a2t-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 48px;
  border: 1px solid var(--a2t-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--a2t-shadow);
  overflow: hidden;
}
#wxa-homepage .a2t-metric {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 28px 30px;
  border-right: 1px solid var(--a2t-line);
}
#wxa-homepage .a2t-metric:last-child { border-right: 0; }
#wxa-homepage .a2t-micon {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 18px;
  background: #eef4ff;
  display: grid;
  place-items: center;
  font-size: 22px;
}
#wxa-homepage .a2t-metric strong {
  display: block;
  color: var(--a2t-text);
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 950;
}
#wxa-homepage .a2t-metric span {
  display: block;
  margin-top: 4px;
  color: #657286;
  font-weight: 650;
  line-height: 1.25;
}

#wxa-homepage .a2t-section {
  padding: 88px 0;
  border-top: 1px solid #f0f2f6;
}
#wxa-homepage .a2t-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}
#wxa-homepage .a2t-section-head h2,
#wxa-homepage .a2t-cta-band h2 {
  margin: 0;
  color: var(--a2t-text);
  font-size: clamp(32px, 3.4vw, 42px);
  line-height: 1.05;
  letter-spacing: -0.052em;
  font-weight: 950;
}
#wxa-homepage .a2t-section-head p {
  max-width: 680px;
  margin: 12px 0 0;
  color: #657286;
  font-size: 18px;
  line-height: 1.6;
}
#wxa-homepage .a2t-section-head > a {
  color: var(--a2t-text);
  font-weight: 800;
  white-space: nowrap;
}

#wxa-homepage .a2t-grid-3,
#wxa-homepage .a2t-grid-4 {
  display: grid;
  gap: 22px;
}
#wxa-homepage .a2t-grid-3 { grid-template-columns: repeat(3, 1fr); }
#wxa-homepage .a2t-grid-4 { grid-template-columns: repeat(4, 1fr); }

#wxa-homepage .a2t-card {
  background: #fff;
  border: 1px solid var(--a2t-line);
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 12px 35px rgba(8, 12, 24, 0.035);
  overflow: hidden;
  min-width: 0;
}
#wxa-homepage .a2t-card h3 {
  margin: 0 0 10px;
  color: var(--a2t-text);
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  font-weight: 900;
}
#wxa-homepage .a2t-card p {
  margin: 0 0 18px;
  color: #657286;
  line-height: 1.6;
}

/* Keep CMS-authored blog content contained even with very long titles or words. */
#wxa-homepage .a2t-blog-card,
#wxa-homepage .a2t-blog-card > a {
  min-width: 0;
}

#wxa-homepage .a2t-blog-card > a {
  display: flex;
  height: 100%;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

#wxa-homepage .a2t-blog-card h3 {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#wxa-homepage .a2t-blog-card p {
  display: -webkit-box;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
#wxa-homepage .a2t-card > a,
#wxa-homepage .a2t-card-foot strong {
  font-weight: 850;
}

#wxa-homepage .a2t-visual,
#wxa-homepage .a2t-product-media {
  height: 145px;
  border-radius: 16px;
  background: linear-gradient(135deg, #f9fafc, #eef2f8);
  border: 1px solid #edf0f5;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
#wxa-homepage .a2t-visual::before {
  content: "";
  position: absolute;
  inset: 28px;
  border: 1px solid #dce2ed;
  border-radius: 12px;
}
#wxa-homepage .a2t-service-image::before,
#wxa-homepage .a2t-service-image::after {
  display: none !important;
}
#wxa-homepage .a2t-service-image img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}
#wxa-homepage .a2t-flow-visual::after {
  content: "";
  position: absolute;
  left: 30%;
  top: 35%;
  width: 40%;
  height: 30%;
  border-top: 2px solid #9aa8be;
  border-left: 2px solid #9aa8be;
  border-right: 2px solid #9aa8be;
}
#wxa-homepage .a2t-product-media {
  height: 180px;
  display: grid;
  place-items: center;
}
#wxa-homepage .a2t-product-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#wxa-homepage .a2t-placeholder {
  color: #657286;
  font-weight: 900;
}
#wxa-homepage .a2t-card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--a2t-line);
}
#wxa-homepage .a2t-card-foot span {
  font-weight: 950;
  color: var(--a2t-text);
}
#wxa-homepage .a2t-tag,
#wxa-homepage .a2t-step {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--a2t-soft);
  border: 1px solid var(--a2t-line);
  color: #4f5d72;
  font-size: 13px;
  font-weight: 800;
}

#wxa-homepage .a2t-cta-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 38px 42px;
  border-radius: 26px;
  background: #05070d;
  color: #fff;
}
#wxa-homepage .a2t-cta-band h2 { color: #fff; }
#wxa-homepage .a2t-cta-band p {
  margin: 10px 0 0;
  color: #cbd2df;
  font-size: 17px;
}
#wxa-homepage .a2t-cta-band .a2t-btn {
  background: #fff;
  color: #111;
  border-color: #fff;
}

@media (max-width: 1120px) {
  #wxa-homepage .a2t-hero-grid { grid-template-columns: 1fr; }
  #wxa-homepage .a2t-system-map { margin-inline: auto; }
  #wxa-homepage .a2t-grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  #wxa-homepage .a2t-container { width: min(100% - 28px, var(--a2t-container)); }
  #wxa-homepage .a2t-hero { padding-top: 54px; }
  #wxa-homepage .a2t-lead { font-size: 17px; }
  #wxa-homepage .a2t-actions { flex-direction: column; }
  #wxa-homepage .a2t-btn { width: 100%; }
  #wxa-homepage .a2t-trusted { align-items: flex-start; }
  #wxa-homepage .a2t-system-map {
    height: 515px;
    transform: scale(0.72);
    transform-origin: top center;
    margin-bottom: -145px;
  }
  #wxa-homepage .a2t-metrics,
  #wxa-homepage .a2t-grid-3,
  #wxa-homepage .a2t-grid-4 { grid-template-columns: 1fr; }
  #wxa-homepage .a2t-metric {
    border-right: 0;
    border-bottom: 1px solid var(--a2t-line);
  }
  #wxa-homepage .a2t-metric:last-child { border-bottom: 0; }
  #wxa-homepage .a2t-section-head,
  #wxa-homepage .a2t-cta-band { display: block; }
  #wxa-homepage .a2t-cta-band .a2t-btn { margin-top: 24px; }
}


/* ===== store_home.css ===== */

/* A2TDEV Products page production UI */
#a2t-store {
  --store-bg: #fff;
  --store-text: #07070b;
  --store-muted: #59657a;
  --store-line: #e8ebf1;
  --store-soft: #f7f8fb;
  --store-black: #050507;
  --store-blue: #3567ff;
  --store-shadow: 0 18px 55px rgba(8, 12, 24, 0.07);
  --preview-frame-bg: transparent;
  --preview-frame-border: transparent;
  --preview-frame-radius: 27px;
  --preview-frame-padding: 0;
  --preview-frame-shadow:
    0 26px 70px rgba(8,12,24,.07),
    0 10px 24px rgba(8,12,24,.035);
  --preview-slide-bg: #fff;
  --preview-slide-border: transparent;
  --preview-slide-radius: 21px;
  --preview-copy-text: #07111f;
  --preview-copy-muted: #172338;
  --preview-copy-shadow:
    0 1px 0 rgba(255,255,255,.72),
    0 10px 22px rgba(255,255,255,.55),
    0 18px 42px rgba(8,12,24,.16);
  --preview-accent-shadow:
    0 1px 0 rgba(255,255,255,.88),
    0 10px 22px rgba(255,255,255,.62),
    0 12px 28px rgba(53,103,255,.18);
  --preview-cta-bg: #05070d;
  --preview-cta-text: #fff;
  --preview-overlay:
    radial-gradient(ellipse at 6% 50%, rgba(255,255,255,1) 0%, rgba(255,255,255,.97) 24%, rgba(255,255,255,.72) 43%, rgba(255,255,255,.18) 66%, rgba(255,255,255,0) 86%),
    linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.84) 28%, rgba(255,255,255,.42) 52%, rgba(255,255,255,.06) 76%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.28));
  background: var(--store-bg);
  color: var(--store-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="dark"] #a2t-store,
body.dark-mode #a2t-store,
body.dark #a2t-store,
[data-bs-theme="dark"] #a2t-store {
  --preview-frame-bg: transparent;
  --preview-frame-border: rgba(255,255,255,.16);
  --preview-frame-radius: 24px;
  --preview-frame-padding: 0;
  --preview-frame-shadow:
    0 28px 70px rgba(0,0,0,.42),
    0 10px 26px rgba(0,0,0,.28);
  --preview-slide-bg: #030712;
  --preview-slide-border: transparent;
  --preview-slide-radius: 24px;
  --preview-copy-text: #fff;
  --preview-copy-muted: rgba(255,255,255,.9);
  --preview-copy-shadow:
    0 2px 10px rgba(0,0,0,.55),
    0 12px 28px rgba(0,0,0,.34);
  --preview-accent-shadow:
    0 2px 10px rgba(0,0,0,.52),
    0 10px 24px rgba(0,0,0,.32);
  --preview-cta-bg: #fff;
  --preview-cta-text: #05070d;
  --preview-overlay:
    radial-gradient(ellipse at 7% 50%, rgba(2,6,23,.94) 0%, rgba(2,6,23,.84) 30%, rgba(2,6,23,.48) 56%, rgba(2,6,23,.14) 82%),
    linear-gradient(90deg, rgba(2,6,23,.84), rgba(2,6,23,.64) 42%, rgba(2,6,23,.24) 72%, rgba(2,6,23,.06)),
    linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.36));
}

#a2t-store * { box-sizing: border-box; }
#a2t-store a { text-decoration: none; color: inherit; }

.store-container {
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
}

.store-hero { padding: 82px 0 42px; }
.store-hero-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 70px;
  align-items: center;
}

.store-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 16px;
  border: 1px solid var(--store-line);
  border-radius: 999px;
  background: #f1f4f8;
  color: #245cff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.store-copy h1 {
  max-width: 680px;
  margin: 30px 0 22px;
  font-size: clamp(48px, 5vw, 76px);
  line-height: .97;
  font-weight: 950;
  letter-spacing: -.067em;
}

.store-copy p {
  max-width: 600px;
  margin: 0 0 32px;
  color: var(--store-muted);
  font-size: 21px;
  line-height: 1.55;
}

.store-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.store-btn,
.mini-btn {
  min-width: 145px;
  height: 48px;
  padding: 0 22px;
  border: 1px solid var(--store-line);
  border-radius: 12px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}
.store-btn-dark,
.mini-btn.dark {
  background: var(--store-black);
  border-color: var(--store-black);
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14);
}

.store-preview-card {
  border: 1px solid var(--preview-frame-border);
  border-radius: var(--preview-frame-radius);
  background: var(--preview-frame-bg);
  box-shadow: var(--preview-frame-shadow);
  padding: var(--preview-frame-padding);
  min-height: 452px;
  aspect-ratio: 1.08 / 1;
  overflow: hidden;
}
.preview-slideshow {
  width: 100%;
  height: 100%;
  min-height: inherit;
  border: 1px solid var(--preview-slide-border);
  border-radius: var(--preview-slide-radius);
  background: var(--preview-slide-bg);
  color: #fff;
  overflow: hidden;
  position: relative;
}
.preview-slide {
  position: absolute;
  inset: 0;
  color: inherit;
  opacity: 0;
  pointer-events: none;
  text-decoration: none;
  transform: scale(1.015);
  transition: opacity .55s ease, transform 1.1s ease;
}
.preview-slide.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.preview-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--preview-overlay);
}
.preview-slide img,
.preview-slide-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}
.preview-slide-fallback { background: radial-gradient(circle at 78% 22%, rgba(58,119,255,.32), transparent 34%), linear-gradient(135deg, #061a3f, #0f172a 68%, #1f2937); }
.preview-slide-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 34px;
  right: 44%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: var(--preview-copy-text);
}
.preview-slide-badge {
  align-self: flex-start;
  border-radius: 999px;
  background: #3267ff;
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  padding: 8px 10px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.preview-slide-content strong {
  font-size: clamp(30px, 2.4vw, 40px);
  font-weight: 950;
  letter-spacing: -.045em;
  line-height: 1.02;
  color: var(--preview-copy-text);
  text-shadow: var(--preview-copy-shadow);
}
.preview-slide-content small { color: #2f62ff; opacity: 1; margin-top: 12px; font-size: 17px; font-weight: 850; line-height: 1.25; text-shadow: var(--preview-accent-shadow); }
.preview-slide-text { color: var(--preview-copy-muted); font-size: 17px; line-height: 1.55; margin-top: 16px; text-shadow: var(--preview-copy-shadow); }
.preview-slide-cta {
  align-self: flex-start;
  min-height: 48px;
  border-radius: 12px;
  background: var(--preview-cta-bg);
  color: var(--preview-cta-text);
  font-size: 15px;
  font-weight: 850;
  margin-top: 26px;
  padding: 0 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 14px 30px rgba(0,0,0,.18);
}
.preview-slide-cta:hover { transform: translateY(-1px); }
.preview-slide-controls {
  position: absolute;
  left: 50%;
  bottom: 24px;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: max-content;
  max-width: calc(100% - 48px);
  transform: translateX(-50%);
}
.preview-slide-arrow {
  position: relative;
  flex: 0 0 auto;
  z-index: 1;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: #05070d;
  font-size: 16px;
  cursor: pointer;
  display: grid;
  place-items: center;
  box-shadow: 0 14px 28px rgba(8,12,24,.14);
}
.preview-slide-arrow:hover { transform: translateY(-1px); }
.preview-slide-dots {
  flex: 0 1 auto;
  max-width: min(210px, calc(100% - 112px));
  overflow-x: auto;
  scrollbar-width: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 8px 2px;
}
.preview-slide-dots::-webkit-scrollbar {
  display: none;
}
.preview-slide-dots button {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.66);
  cursor: pointer;
  padding: 0;
  transition: background .25s ease, transform .25s ease;
}
.preview-slide-dots button.active { background: #3267ff; transform: scale(1.15); }
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 44px;
  border: 1px solid var(--store-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(8,12,24,.055);
  overflow: hidden;
}
.trust-card { padding: 28px; border-right: 1px solid var(--store-line); }
.trust-card:last-child { border-right: 0; }
.trust-card i {
  width: 50px;
  height: 50px;
  border-radius: 16px;
  background: #eef4ff;
  color: var(--store-blue);
  display: grid;
  place-items: center;
  margin-bottom: 16px;
}
.trust-card h3 { font-size: 18px; margin: 0 0 8px; font-weight: 900; }
.trust-card p { margin: 0; color: var(--store-muted); line-height: 1.55; }

.store-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 32px;
  padding: 56px 0 96px;
  align-items: start;
}
.store-sidebar { position: sticky; top: 104px; display: grid; gap: 18px; }
.side-card,
.product-card,
.empty-products,
.testimonial-card {
  border: 1px solid var(--store-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(8,12,24,.035);
}
.side-card { padding: 22px; }
.side-card h2 { margin: 0 0 14px; font-size: 20px; font-weight: 950; letter-spacing: -.04em; }
.side-card p { margin: 0; color: var(--store-muted); line-height: 1.55; }
.cart-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cart-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: var(--store-black);
  color: #fff !important;
  display: grid;
  place-items: center;
  position: relative;
}
.cart-icon span {
  position: absolute;
  top: -8px;
  right: -8px;
  background: var(--store-blue);
  color: #fff;
  border: 2px solid #fff;
  min-width: 24px;
  height: 24px;
  border-radius: 99px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 900;
}
.category-list { display: grid; gap: 8px; }
.category-list a,
.empty-filter {
  min-height: 42px;
  padding: 11px 14px;
  border-radius: 12px;
  color: var(--store-muted);
  font-weight: 750;
}
.category-list a:hover,
.category-list a.active {
  background: var(--store-black);
  color: #fff;
}
.support-card .store-btn { width: 100%; margin-top: 18px; }

.store-toolbar {
  display: grid;
  grid-template-columns: 1fr minmax(320px, 520px);
  gap: 24px;
  align-items: end;
  margin-bottom: 18px;
}
.store-toolbar h2,
.store-section-head h2 {
  margin: 14px 0 0;
  font-size: 42px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.052em;
}
.search-form {
  height: 56px;
  border: 1px solid var(--store-line);
  border-radius: 16px;
  background: #fff;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(8,12,24,.04);
}
.search-form input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0 18px;
  font: inherit;
}
.search-form button {
  border: 0;
  padding: 0 20px;
  background: var(--store-black);
  color: #fff;
  font-weight: 850;
}
.sort-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 24px; }
.sort-tabs a,
.pagination a,
.pagination span {
  height: 40px;
  min-width: 40px;
  padding: 0 14px;
  border: 1px solid var(--store-line);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  background: #fff;
}
.sort-tabs a.active,
.pagination .current { background: var(--store-black); color: #fff; border-color: var(--store-black); }

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
.product-card { overflow: hidden; transition: transform 160ms ease, box-shadow 160ms ease; }
.product-card:hover { transform: translateY(-3px); box-shadow: var(--store-shadow); }
.product-media {
  height: 210px;
  background: linear-gradient(135deg, #f8f9fc, #eef2f8);
  display: block;
  position: relative;
  border-bottom: 1px solid var(--store-line);
  overflow: hidden;
}
.product-media img { width: 100%; height: 100%; object-fit: cover; }
.product-placeholder {
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--store-muted);
  font-weight: 850;
}
.product-badge {
  position: absolute;
  left: 14px;
  top: 14px;
  padding: 7px 10px;
  border-radius: 99px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--store-line);
  font-size: 12px;
  font-weight: 850;
}
.product-body { padding: 20px; }
.product-title-row { display: grid; gap: 8px; }
.product-title-row h3 { margin: 0; font-size: 20px; font-weight: 950; letter-spacing: -.04em; }
.availability {
  justify-self: start;
  padding: 6px 10px;
  border-radius: 99px;
  background: #ecfdf3;
  color: #15803d;
  font-size: 12px;
  font-weight: 850;
}
.availability.unavailable { background: #fff1f2; color: #be123c; }
.product-body p { color: var(--store-muted); line-height: 1.6; margin: 12px 0 14px; }
.product-meta { display: flex; gap: 12px; flex-wrap: wrap; color: var(--store-muted); font-size: 13px; font-weight: 750; }
.product-footer { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 18px; }
.price { display: flex; align-items: baseline; gap: 8px; }
.price small { color: var(--store-muted); text-decoration: line-through; }
.price strong { font-size: 22px; font-weight: 950; letter-spacing: -.04em; }
.product-actions { display: flex; gap: 8px; align-items: center; }
.product-actions form { margin: 0; }
.mini-btn { min-width: auto; height: 38px; padding: 0 13px; font-size: 13px; }
.empty-products { grid-column: 1 / -1; text-align: center; padding: 56px 24px; }
.empty-products h3 { font-size: 28px; font-weight: 950; letter-spacing: -.04em; }
.empty-products p { color: var(--store-muted); }
.pagination { margin-top: 34px; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.testimonial-section { margin-top: 76px; }
.testimonial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.testimonial-card { padding: 24px; }
.testimonial-card p { color: var(--store-muted); line-height: 1.65; }

@media (max-width: 1100px) {
  .store-hero-grid,
  .store-layout,
  .store-toolbar { grid-template-columns: 1fr; }
  .store-sidebar { position: static; grid-template-columns: repeat(3, 1fr); }
  .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .store-container { width: min(100% - 28px, 1240px); }
  .store-hero { padding-top: 54px; }
  .store-copy h1 { font-size: 44px; }
  .store-copy p { font-size: 17px; }
  .store-actions, .product-footer { flex-direction: column; align-items: stretch; }
  .store-btn { width: 100%; }
  .trust-grid,
  .store-sidebar,
  .product-grid,
  .testimonial-grid { grid-template-columns: 1fr; }
  .trust-card { border-right: 0; border-bottom: 1px solid var(--store-line); }
  .trust-card:last-child { border-bottom: 0; }
  .store-preview-card { min-height: auto; }
  .preview-slide-content {
    left: 22px;
    right: 22px;
    top: 42%;
  }
  .preview-slide-content strong { font-size: 30px; }
  .preview-slide-text { font-size: 15px; }
  .preview-slide-controls {
    bottom: 16px;
    gap: 8px;
    max-width: calc(100% - 28px);
  }
  .preview-slide-arrow {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
  .preview-slide-dots { max-width: min(160px, calc(100% - 92px)); }
  .search-form { height: auto; flex-direction: column; }
  .search-form input { height: 52px; }
  .search-form button { height: 48px; }
}


/* ===== product_detail.css ===== */

/* =========================
   Base Container
========================= */
.project-detail-container {
  max-width: 1400px;
  margin: 100px auto 0 auto;
  padding: 2vw;
  font-family: var(--font-family);
  line-height: 1.6;
}

/* =========================
   HERO SECTION
========================= */
.project-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
  margin-bottom: 5vw;
}

.hero-left img.hero-image {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 20px var(--bg-transp);
  transition: transform 0.3s ease;
}

.hero-left img.hero-image:hover {
  transform: scale(1.03);
}

.hero-right {
  display: flex;
  flex-direction: column;
  gap: 0rem;
}

.product-title {
  font-size: 2.5rem;
  font-weight: 600;
}

.subtitle {
  font-size: 1.1rem;
}

.stats {
  font-size: 0.95rem;
  color: var(--secondary-light);
}

.availability.in-stock {
  color: var(--success);
  font-weight: bold;
}

.availability.out-of-stock {
  color: var(--danger);
  font-weight: bold;
}

.price-block {
  font-size: 1.8rem;
  padding: 5px;
}

.price-block .old-price {
  text-decoration: line-through;
  color: var(--secondary-dark);
  margin-right: 0.2rem;
  font-size: 1.4rem;
}

.price-block .price {
  font-weight: medium;
}

/* HERO ACTION BUTTONS */
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
}

.hero-actions .btn {
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hero-actions .btn-primary {
  background-color: var(--primary);
  border: none;
}

.hero-actions .btn-primary:hover {
  background-color: var(--primary-dark);
}

.hero-actions .btn-outline-primary {
  background-color: transparent;
  border: 1px solid var(--primary);
  color: var(--secondary-light);
}

.hero-actions .btn-outline-primary:hover {
  background-color: var(--primary);
}

.hero-actions .live-demo {
  background-color: var(--secondary);
}

.hero-actions .live-demo:hover {
  background-color: var(--secondary-dark);
}

.hero-actions .btn-info {
  background-color: var(--info);
}

/* =========================
   FEATURES / DETAILS
========================= */
.project-features {
  max-width: 1000px;
  margin: 3rem auto;
}

.project-features h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.feature-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.feature-item {
  background-color: var(--bg-transp);
  padding: 0.8rem 1rem;
  border-radius: 8px;
  font-size: 0.95rem;
}

.description-block {
  margin-top: 1rem;
}

.description-block h3 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

/* =========================
   MEDIA / VIDEO
========================= */
.project-media {
  margin: 3rem 0;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 20px var(--bg-transp);
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* =========================
   RELATED PROJECTS
========================= */
.related-projects {
  margin: 3rem 0;
}

.related-carousel {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.related-item {
  min-width: 180px;
  flex: 0 0 auto;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg-transp);
  text-align: center;
  transition: transform 0.2s;
}

.related-item:hover {
  transform: scale(1.05);
}

.related-item img {
  width: 100%;
  border-bottom: 1px solid var(--secondary-dark);
}

.related-item span {
  display: block;
  padding: 0.5rem;
}

/* =========================
   FAQ
========================= */
.faq-section {
  margin: 3rem 0;
}

.faq-item {
  margin-bottom: 1rem;
  border-radius: 8px;
  background-color: var(--bg-transp);
}

.faq-question {
  width: 100%;
  text-align: left;
  padding: 0.6rem 1rem;
  cursor: pointer;
  font-weight: 600;
  border: none;
  background: transparent;
}

.faq-answer {
  display: none;
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--secondary-dark);
}

.faq-question.active + .faq-answer {
  display: block;
}

/* =========================
   STICKY CTA
========================= */
.sticky-cta {
  position: sticky;
  bottom: 0;
  width: 100%;
  background-color: var(--bg-transp-dark);
  padding: 0.6rem 1rem;
  border-top: 1px solid var(--secondary-dark);
  display: flex;
  justify-content: center;
  z-index: 99;
}

.sticky-content {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

.sticky-price {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--light-gray);
}

.sticky-cta .btn-primary {
  padding: 0.6rem 1.2rem;
  font-size: 1rem;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: var(--primary);
  border: none;
}

.sticky-cta .btn-primary:hover {
  background-color: var(--secondary-dark);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1024px) {
  .project-hero {
    grid-template-columns: 1fr;
  }
  .hero-left,
  .hero-right {
    text-align: center;
  }

}

@media (max-width: 768px) {
  .related-carousel {
    gap: 0.5rem;
  }
  .hero-actions .btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
  }
  .feature-item {
    padding: 0.2rem 0.4rem;
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  .product-title {
    font-size: 2rem;
  }
  .price-block {
    font-size: 1.5rem;
  }
  .star-rating label {
    font-size: 1.5rem;
  }
}

/* =========================
   COMMENTS & REVIEWS
========================= */

/* Comment Tree */
#comments-root ul {
  list-style: none;
  margin: 0;
  padding-left: 1.8rem;
  position: relative;
}

#comments-root ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.8rem;
  bottom: 0;
  width: 2px;
  background: var(--primary-dark);
}

#comments-root li {
  position: relative;
  margin: 0 0 1.7rem 0;
  padding-left: 1.5rem;
}

/* Curved connector */
#comments-root li::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 1rem;
  height: calc(100% - 1.2rem);
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-radius: 0 0 0 10px;
}

#comments-root li:last-child::before {
  height: 1.2rem;
}

/* Depth number bubble */
#comments-root li:last-child::after {
  content: attr(data-depth);
  position: absolute;
  left: -1.6rem;
  bottom: -0.3rem;
  width: 1.3rem;
  height: 1.3rem;
  background: var(--secondary);
  color: var(--text-light);
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Comment Box */
#comments-root .comment-content {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(6px);
  border: 1px solid var(--bg-transp);
  padding: 1rem 1.2rem;
  border-radius: 0.9rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#comments-root .comment-content:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

#comments-root .comment-header {
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  font-weight: 500;
}

#comments-root .comment-header strong {
  font-weight: 600;
}

#comments-root .comment-date {
  font-size: 0.8rem;
  opacity: 0.6;
}

#comments-root .comment-rating {
  background: var(--soft-green);
  padding: 0.25rem 0.55rem;
  border-radius: 0.45rem;
  font-size: 0.8rem;
  font-weight: 500;
}

#comments-root .comment-text {
  font-size: 0.95rem;
  line-height: 1.55;
}

/* Ratings / Reviews Section */
.ratings-reviews {
  margin-top: 2rem;
  padding: 2rem;
}

.ratings-reviews h2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 600;
  border-bottom: 2px solid var(--bg-transp);
  padding-bottom: 0.6rem;
  letter-spacing: -0.5px;
}

.ratings-reviews p {
  font-size: 0.95rem;
  margin: 0.3rem 0;
  opacity: 0.9;
}

.ratings-reviews .average-rating {
  margin: 1rem 0 1.5rem 0;
  font-size: 1.15rem;
  font-weight: 600;
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  background: var(--bg-transp-light);
  display: inline-block;
}

/* Rating / Comment Forms */
.rating-form,
.edit-form {
  margin: 1.5rem 0 2rem 0;
}

.rating-form .form-group,
.edit-form {
  margin-bottom: 1rem;
}

.rating-form textarea,
.edit-form textarea {
  width: 100%;
  min-height: 50px;
  padding: 0.85rem;
  border: 1px solid var(--bg-transp);
  border-radius: 0.85rem;
  font-size: 0.95rem;
  resize: vertical;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.rating-form textarea:focus,
.edit-form textarea:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(0, 125, 99, 0.15);
}

/* Stars */
.rating-form .stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}

.rating-form input[type="radio"] {
  display: none;
}

.rating-form label {
  font-size: 1.6rem;
  cursor: pointer;
  transition: color 0.2s, transform 0.2s;
  color: var(--bg-transp);
}

.rating-form input[type="radio"]:checked ~ label,
.rating-form label:hover,
.rating-form label:hover ~ label {
  color: gold;
  transform: scale(1.1);
}

/* Buttons */
.rating-form .btn,
.edit-form button {
  padding: 0.55rem 1.3rem;
  border-radius: 0.6rem;
  border: none;
  cursor: pointer;
  font-weight: 500;
  transition: background 0.25s, transform 0.15s;
}

.rating-form .btn:hover,
.edit-form button:hover {
  transform: translateY(-1px);
}

.rating-form .btn-primary,
.edit-form .btn-primary {
  background: var(--primary);
  color: var(--text-light);
}

.rating-form .btn-primary:hover,
.edit-form .btn-primary:hover {
  background: var(--primary-dark);
}

.rating-form .btn-secondary {
  background: var(--secondary);
  color: var(--text-light);
}

.rating-form .btn-secondary:hover {
  background: var(--secondary-dark);
}

/* =========================
   COMMENT ITEM
========================= */
.comment-item {
  list-style: none;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  position: relative;
}

.comment-item .replies {
  list-style: none;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
}

.comment-item[data-depth="1"] {
  margin-left: 0;
}
.comment-item[data-depth="2"] {
  margin-left: 1rem;
}
.comment-item[data-depth="3"] {
  margin-left: 2rem;
}

.comment-item > strong {
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: inline-block;
}
.comment-item .stars {
  display: flex;
  gap: 0.1rem;
  margin-bottom: 0.25rem;
}
.comment-item .stars .star {
  font-size: 1rem;
  color: var(--secondary);
}
.comment-item .stars .star.filled {
  color: var(--primary);
}
.comment-item .cmt-txt {
  font-size: 0.95rem;
  line-height: 1.3rem;
  margin-bottom: 0.25rem;
  white-space: pre-wrap;
}
.comment-item small {
  font-size: 0.75rem;
  color: var(--secondary);
  display: block;
  margin-bottom: 0.25rem;
}
.comment-item .pending {
  font-size: 0.75rem;
  color: var(--dorange);
  font-style: italic;
  margin-bottom: 0.25rem;
}
.comment-item .comment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.25rem;
}
.comment-item .btn-link {
  background: none;
  border: none;
  color: var(--primary);
  padding: 0;
  font-size: 0.85rem;
  cursor: pointer;
  text-decoration: underline;
}
.comment-item .btn-link.text-danger {
  color: var(--dorange);
}
.comment-item .vote-actions button.vote-btn {
  font-size: 0.85rem;
  background: var(--bg-transp);
  border: 1px solid var(--dark-gray);
  border-radius: 0.375rem;
  padding: 0.2rem 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.comment-item .vote-actions button.vote-btn:hover:not(:disabled) {
  background-color: var(--primary);
  color: #fff;
}
.comment-item .vote-actions button.vote-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.comment-item .reply-form-container,
.comment-item .edit-form-container {
  margin-top: 0.5rem;
}
.comment-item .reply-form textarea {
  width: 100%;
  padding: 0.4rem 0.5rem;
  font-size: 0.9rem;
  border: 1px solid var(--dark-gray);
  border-radius: 0.375rem;
  resize: vertical;
  min-height: 40px;
  margin-bottom: 0.25rem;
}
.comment-item .reply-form button {
  font-size: 0.85rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  cursor: pointer;
  border: none;
  background-color: var(--primary);
  color: #fff;
}
.comment-item .reply-form button:hover {
  background-color: var(--primary-dark);
}

/* =========================
   COMMENT RESPONSIVE
========================= */
@media (max-width: 480px) {
  .comment-item {
    padding: 0.5rem;
  }
  .comment-item .stars .star {
    font-size: 0.9rem;
  }
  .comment-item .comment-actions {
    gap: 0.25rem;
  }

  .edit-form textarea {
    font-size: 0.9rem;
  }
  .edit-form button {
    font-size: 0.8rem;
    padding: 0.3rem 0.6rem;
  }
}
/* =========================
   Comment Tree Tip / Number Bubble
========================= */
/* Top bubble on the first UL */
#comments-root > ul:first-child::after {
  content: ""; /* can also use a number/label */
  position: absolute;
  top: -0.65rem;       /* above the UL vertical line */
  left: 0.2rem;        /* align with UL connector line */
  width: 1.3rem;
  height: 1.3rem;
  background: var(--secondary);
  color: var(--text-light);
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  z-index: 2;
}




/* ----------------------------
   Edit Comment Form Styles
---------------------------- */
.edit-form {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.75rem;
  max-width: 600px;
  font-family: Arial, sans-serif;
}

.edit-form .form-group {
  margin-bottom: 0.75rem;
}

.edit-form textarea {
  width: 100%;
  min-height: 80px;
  padding: 0.5rem;
  font-size: 0.95rem;
  border-radius: 4px;
  border: 1px solid #999;
  resize: vertical;
}

.edit-form button {
  padding: 0.35rem 0.75rem;
  font-size: 0.9rem;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.edit-form button.btn-primary {
  background-color: var(--primary, #000);
  color: var(--text-light, #fff);
}

.edit-form button.btn-primary:hover {
  background-color: var(--primary-dark, #333);
}

.edit-form button.btn-secondary {
  background-color: var(--secondary, #666);
  color: var(--text-light, #fff);
}

.edit-form button.btn-secondary:hover {
  background-color: var(--secondary-dark, #444);
}

/* ----------------------------
   Star Rating Styles
---------------------------- */
.edit-form .star-rating {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}

.edit-form .star-rating label {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

.edit-form .stars {
  display: flex;
  flex-direction: row-reverse; /* show 5 stars first */
  gap: 0.25rem;
}

.edit-form .stars input[type="radio"] {
  display: none;
}

.edit-form .stars label {
  font-size: 1.3rem;
  cursor: pointer;
  color: #ccc;
  transition: color 0.2s ease;
}

.edit-form .stars label:hover,
.edit-form .stars label:hover ~ label,
.edit-form .stars input[type="radio"]:checked ~ label {
  color: #f5b301; /* gold for selected stars */
}

/* ----------------------------
   Responsive
---------------------------- */
@media (max-width: 480px) {
  .edit-form {
    padding: 0.5rem;
  }

  .edit-form .stars label {
    font-size: 1.1rem;
  }

  .edit-form button {
    font-size: 0.85rem;
    padding: 0.3rem 0.6rem;
  }
}
@media (max-width: 1024px) {

  .ratings-reviews{
    padding: 0px;
  }
}


/* style for paginator */
/* =========================
   Paginator Styles
========================= */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  font-size: 0.95rem;
}

.pagination button {
  padding: 0.5rem 1rem;
  border: 1px solid var(--text-dark);
  background: var(--background-light);
  color: var(--text-dark);
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.pagination button:hover:not(:disabled) {
  background: var(--primary-light);
  color: var(--text-light);
}

.pagination button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#page-info {
  font-size: 0.9rem;
  opacity: 0.8;
}


/* ===== hiring_request.css ===== */

/*-----------------------------------------
  Hiring Request Form — Dark/Light + Semantic
------------------------------------------*/

.hiring-request-wrapper {
  width: 90%;
  max-width: 900px;
  margin: 12vh auto 15vh;
  padding: 0 15px;
}

/* Form Card */
.hiring-request-wrapper .hiring-form {
  background-color: var(--bg-transp);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease, background-color 0.3s ease;
}

/* Heading */
.hiring-request-wrapper h2 {
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  color: var(--secondary);
  margin-bottom: 30px;
}

/* Form Groups & Labels */
.hiring-request-wrapper .form-group {
  margin-bottom: 20px;
}

.hiring-request-wrapper label {
  display: block;
  font-weight: 500;
  margin-bottom: 6px;
  font-size: 14px;
}

/* Inputs, Selects, Textareas */
.hiring-request-wrapper input[type="text"],
.hiring-request-wrapper input[type="number"],
.hiring-request-wrapper input[type="date"],
.hiring-request-wrapper input[type="file"],
.hiring-request-wrapper select,
.hiring-request-wrapper textarea {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  border: 1px solid var(--border-color);
  border-radius: 6px;
  background-color: var(--bg-transp-dark);
  transition: border-color 0.3s ease, box-shadow 0.3s ease,
    background-color 0.3s ease;
}

.hiring-request-wrapper input::placeholder,
.hiring-request-wrapper textarea::placeholder {
  color: var(--text-dark);
  opacity: 0.6;
}

.hiring-request-wrapper input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.hiring-request-wrapper textarea {
  min-height: 120px;
  resize: vertical;
}

/* Focus states */
.hiring-request-wrapper input:focus,
.hiring-request-wrapper textarea:focus,
.hiring-request-wrapper select:focus,
.hiring-request-wrapper input[type="file"]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 6px rgba(0, 125, 99, 0.2);
  background-color: var(--bg-transp-light);
}

/* File Input */
.hiring-request-wrapper input[type="file"] {
  border: 1px dashed var(--border-color);
  cursor: pointer;
  padding: 8px;
  background-color: var(--bg-transp-dark);
  color: var(--text-dark);
}

/* Select Arrow */
.hiring-request-wrapper select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg fill='var(--text-dark)' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}

/* Buttons */
.hiring-request-wrapper button,
.hiring-request-wrapper .btn-success {
  display: inline-block;
  width: 100%;
  padding: 14px;
  font-size: 16px;
  background-color: var(--secondary-dark);
  color: var(--text-light);
  border: none;
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.hiring-request-wrapper button:hover,
.hiring-request-wrapper .btn-success:hover {
  background-color: var(--bg-transp-dark);
  transform: translateY(-1px);
}

/*-----------------------------------------
  Dark Mode Support
------------------------------------------*/
.dark-mode .hiring-request-wrapper {
  color: var(--text-light);
}

.dark-mode .hiring-request-wrapper .hiring-form {
  background-color: var(--bg-transp-dark);
}

.dark-mode .hiring-request-wrapper input,
.dark-mode .hiring-request-wrapper textarea,
.dark-mode .hiring-request-wrapper select,
.dark-mode .hiring-request-wrapper input[type="file"] {
  background-color: var(--background-dark);
  color: var(--text-light);
  border-color: #555;
}

.dark-mode .hiring-request-wrapper input::placeholder,
.dark-mode .hiring-request-wrapper textarea::placeholder {
  color: var(--text-light);
  opacity: 0.6;
}

.dark-mode .hiring-request-wrapper select {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg fill='var(--text-light)' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
}

/*-----------------------------------------
  Responsive
------------------------------------------*/
@media (max-width: 768px) {
  .hiring-request-wrapper h2 {
    font-size: 22px;
  }

  .hiring-request-wrapper input,
  .hiring-request-wrapper textarea,
  .hiring-request-wrapper select {
    font-size: 14px;
    padding: 10px;
  }

  .hiring-request-wrapper button {
    font-size: 16px;
    padding: 12px;
  }
}

@media (max-width: 480px) {
  .hiring-request-wrapper h2 {
    font-size: 20px;
  }

  .hiring-request-wrapper label {
    font-size: 13px;
  }

  .hiring-request-wrapper input,
  .hiring-request-wrapper textarea,
  .hiring-request-wrapper select {
    font-size: 14px;
    padding: 10px;
  }

  .hiring-request-wrapper button {
    font-size: 14px;
    padding: 12px;
  }
}
/* Date picker input field */
.hiring-request-wrapper input[type="date"] {
  background-color: var(--bg-transp-dark);
  color: var(--text-dark);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 10px;
  transition: all 0.3s ease;
}

/* Dark mode version */
.dark-mode .hiring-request-wrapper input[type="date"] {
  background-color: var(--background-dark);
  color: var(--text-light);
  border-color: #555;
}

/* Calendar icon (WebKit only) */
.hiring-request-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.5); /* Adjust brightness/invert to fit dark mode */
  cursor: pointer;
}

/* Focus states */
.hiring-request-wrapper input[type="date"]:focus {
  border-color: var(--primary);
  box-shadow: 0 0 6px var(--input-focus-shadow);
  outline: none;
}

.form-text {
  color: var(--secondary);
  font-style: italic;
}


/* ===== dashboard.css ===== */

.dashboard-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 6rem 1rem;
    font-family: Arial, sans-serif;
  }
  
  .dashboard-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #333;
  }
  .username{
    color: var(--dorange);
  }
  
  .dashboard-section {
    margin-bottom: 3rem;
    overflow-x: auto;
  }
  
  .dashboard-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
  }
  
  .dashboard-table th,
  .dashboard-table td {
    border: 1px solid #ccc;
    padding: 0.75rem;
    text-align: left;
  }
  
  .dashboard-table th {
    background-color: rgba(75, 71, 71, 0.211);
    text-transform: uppercase;
    font-size: 0.875rem;
    text-align: center;
  }
  
  .link {
    color: #1e40af;
    text-decoration: underline;
  }
  
  .btn-delete {
    color: #dc2626;
    background: none;
    border: none;
    cursor: pointer;
  }
  
  .btn-delete:hover {
    text-decoration: underline;
  }
  
  .empty-state {
    color: #666;
    font-style: italic;
    margin-top: 1rem;
  }
  
  .activity-log {
    list-style: none;
    padding-left: 0;
  }
  
  .activity-log li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
  }
  
  .timestamp {
    color: #888;
    font-size: 0.875rem;
  }
  


  .pagination-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
  }
  
  .pagination-link {
    padding: 6px 12px;
    border: 1px solid var(--primary);
    border-radius: 6px;
    color: var(--primary);
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s;
  }
  
  .pagination-link:hover {
    background-color: var(--primary);
    color: var(--text-light);
  }
  
  .current-page {
    font-weight: bold;
    color: var(--text-dark);
  }
  

/* ===== a2t_upgrade_05.css ===== */


/* =========================================================
   A2TDEV Upgrade 05 — Production UX/UI pass
   Mobile/tablet polish, dark mode, ergonomic buttons/cards/forms.
   ========================================================= */
:root{
  --a2t-bg:#ffffff;
  --a2t-surface:#ffffff;
  --a2t-text:#07070b;
  --a2t-muted:#58657a;
  --a2t-line:#e8ebf1;
  --a2t-soft:#f7f8fb;
  --a2t-black:#050507;
  --a2t-blue:#3567ff;
  --a2t-violet:#7657ff;
  --a2t-shadow:0 18px 55px rgba(8,12,24,.07);
  --a2t-radius:22px;
  --a2t-container:1240px;
}
html[data-theme="dark"],
body.dark-mode,
body.dark,
[data-bs-theme="dark"]{
  --a2t-bg:#090a0f;
  --a2t-surface:#11131a;
  --a2t-text:#f7f8fb;
  --a2t-muted:#a5adbb;
  --a2t-line:#252a36;
  --a2t-soft:#151923;
  --a2t-black:#ffffff;
  --a2t-shadow:0 18px 55px rgba(0,0,0,.34);
}
body{background:var(--a2t-bg)!important;color:var(--a2t-text)!important}
img{max-width:100%;height:auto}
.a2t-site-header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--a2t-line)}
html[data-theme="dark"] .a2t-site-header,
body.dark-mode .a2t-site-header{background:rgba(9,10,15,.88)}
.a2t-nav-shell{max-width:var(--a2t-container)}
.a2t-brand,.a2t-nav-links a{color:var(--a2t-text)!important}
.a2t-nav-cta,.a2t-btn-dark,.store-btn-dark,.btn-primary{
  min-height:46px;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px;
  padding:0 22px!important;
  background:#050507!important;
  border:1px solid #050507!important;
  color:#fff!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
  white-space:nowrap;
}
.a2t-btn,.store-btn,.btn-secondary,.live-demo{
  min-height:46px;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px;
  padding:0 22px!important;
  border:1px solid var(--a2t-line)!important;
  color:var(--a2t-text)!important;
  background:var(--a2t-surface)!important;
  font-weight:850!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.a2t-theme-toggle{background:var(--a2t-surface)!important;color:var(--a2t-text)!important;border-color:var(--a2t-line)!important}
.a2t-footer{background:var(--a2t-bg)!important;border-top:1px solid var(--a2t-line)!important}
.a2t-footer h4,.a2t-footer a,.a2t-footer p{color:var(--a2t-text)!important}
.a2t-footer p,.a2t-footer-bottom{opacity:.72}

/* Cards & form unification */
.a2t-card,.service-card,.project-card,.product-card,.trust-card,.side-card,.store-preview-card,
.project-detail-container section,.hiring-form,.dashboard-section,.card,.feature-card,.review-card{
  border-color:var(--a2t-line)!important;
  background:var(--a2t-surface)!important;
  color:var(--a2t-text)!important;
  box-shadow:0 12px 35px rgba(8,12,24,.04)!important;
}
input,select,textarea,.form-control{
  min-height:50px!important;
  border-radius:14px!important;
  border:1px solid var(--a2t-line)!important;
  background:var(--a2t-surface)!important;
  color:var(--a2t-text)!important;
  padding:12px 15px!important;
}
textarea,.form-control[rows]{min-height:130px!important}
label{font-weight:700;color:var(--a2t-text)}
::placeholder{color:var(--a2t-muted)!important;opacity:.78}

/* Homepage ergonomic fixes */
#wxa-homepage{background:var(--a2t-bg)!important;color:var(--a2t-text)!important}
#wxa-homepage .a2t-hero-grid{gap:78px!important;align-items:center!important}
#wxa-homepage .a2t-hero h1{max-width:690px}
#wxa-homepage .a2t-system-map{
  height:520px!important;
  max-width:690px!important;
  margin-left:auto!important;
  overflow:visible!important;
}
#wxa-homepage .a2t-orbit{
  width:520px!important;height:390px!important;
  left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
}
#wxa-homepage .a2t-center-brand{width:250px!important}
#wxa-homepage .a2t-center-brand strong{font-size:46px!important}
#wxa-homepage .a2t-node{
  padding:16px 17px!important;
  border-radius:20px!important;
  box-shadow:var(--a2t-shadow)!important;
}
#wxa-homepage .a2t-reporting{width:228px!important;left:50%!important;top:12px!important;transform:translateX(-50%)!important}
#wxa-homepage .a2t-crm{width:210px!important;left:0!important;top:204px!important}
#wxa-homepage .a2t-payments{width:210px!important;right:0!important;top:204px!important}
#wxa-homepage .a2t-automation{width:218px!important;left:88px!important;bottom:28px!important}
#wxa-homepage .a2t-portal{width:218px!important;right:88px!important;bottom:28px!important}
#wxa-homepage .a2t-tech{height:40px!important;padding:0 15px!important;border-radius:14px!important}
#wxa-homepage .a2t-py{left:88px!important;top:106px!important}
#wxa-homepage .a2t-dj{right:88px!important;top:106px!important}
#wxa-homepage .a2t-re{left:18px!important;top:346px!important}
#wxa-homepage .a2t-pg{right:18px!important;top:346px!important}
#wxa-homepage .a2t-do{left:122px!important;bottom:0!important}
#wxa-homepage .a2t-aw{right:122px!important;bottom:0!important}
#wxa-homepage .a2t-actions{gap:16px}
#wxa-homepage .a2t-metrics{margin-top:48px!important}

/* Store marketplace polish */
#a2t-store{background:var(--a2t-bg)!important;color:var(--a2t-text)!important}
html:not([data-theme="dark"]) #a2t-store,
body:not(.dark-mode):not(.dark) #a2t-store{
  background:#fff!important;
}
#a2t-store .store-preview-card,
#a2t-store .preview-slideshow{
  border-color:transparent!important;
}
#a2t-store .store-preview-card{
  background:var(--preview-frame-bg)!important;
  box-shadow:var(--preview-frame-shadow)!important;
}

.store-sidebar{position:sticky;top:96px;align-self:start}
.product-grid,.products-grid{gap:22px!important}
.product-card{border-radius:22px!important;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--a2t-shadow)!important}
.category-link,.tag,.badge{border-radius:999px!important}

/* Product detail modernization */
.project-detail-container{
  max-width:1240px!important;
  margin:74px auto 0!important;
  padding:0 32px 80px!important;
}
.project-hero{
  gap:42px!important;
  align-items:start!important;
  padding:36px!important;
  border:1px solid var(--a2t-line)!important;
  border-radius:28px!important;
  background:var(--a2t-surface)!important;
}
.hero-left img.hero-image{border-radius:22px!important;box-shadow:var(--a2t-shadow)!important}
.hero-gallery img{border-radius:14px!important}
.product-title{
  font-size:clamp(36px,4vw,58px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
}
.price-block .price{font-size:42px!important;font-weight:950!important;color:var(--a2t-text)!important}
.hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important}

/* Hiring / project request funnel polish */
.hiring-request-wrapper{
  max-width:1040px!important;
  width:min(1040px,calc(100% - 64px))!important;
  margin:76px auto 96px!important;
}
.hiring-request-wrapper h2{
  text-align:left!important;
  font-size:clamp(36px,4vw,58px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  color:var(--a2t-text)!important;
}
.hiring-form{
  border:1px solid var(--a2t-line)!important;
  border-radius:26px!important;
  padding:32px!important;
}
.hiring-form .form-group{margin-bottom:18px!important}

/* Blog / dashboard readability */
body:has(.slideshow-container),
body:has(.dashboard-container){background:var(--a2t-bg)!important;color:var(--a2t-text)!important}
.dashboard-container{
  max-width:1240px!important;
  padding:76px 32px!important;
  color:var(--a2t-text)!important;
}
.dashboard-title{font-size:clamp(36px,4vw,56px)!important;letter-spacing:-.055em!important;color:var(--a2t-text)!important}
.dashboard-table{
  overflow:hidden;
  border-radius:18px;
  border:1px solid var(--a2t-line)!important;
}
.dashboard-table th,.dashboard-table td{border-color:var(--a2t-line)!important;color:var(--a2t-text)!important}
.dashboard-table th{background:var(--a2t-soft)!important}

/* Empty/loading/error states */
.empty-state,
.a2t-empty-state{
  border:1px dashed var(--a2t-line);
  border-radius:22px;
  padding:28px;
  background:var(--a2t-soft);
  color:var(--a2t-muted)!important;
  font-style:normal!important;
}

/* Mobile & tablet */
@media(max-width:1100px){
  .a2t-nav-links{display:none!important}
  .a2t-nav-shell{width:min(100% - 32px,var(--a2t-container))!important}
  #wxa-homepage .a2t-hero-grid,.store-hero-grid,.project-hero{grid-template-columns:1fr!important}
  #wxa-homepage .a2t-system-map{margin-inline:auto!important}
  .store-layout{grid-template-columns:1fr!important}
  .store-sidebar{position:static!important}
}
@media(max-width:760px){
  .a2t-nav-cta{display:none!important}
  .a2t-brand{font-size:22px!important}
  #wxa-homepage .a2t-container,.store-container{width:min(100% - 28px, var(--a2t-container))!important}
  #wxa-homepage .a2t-hero{padding:54px 0 38px!important}
  #wxa-homepage .a2t-hero h1,.store-copy h1{
    font-size:clamp(42px,12vw,54px)!important;
    line-height:1!important;
  }
  #wxa-homepage .a2t-lead,.store-copy p{font-size:17px!important}
  #wxa-homepage .a2t-actions,.store-actions,.hero-actions{flex-direction:column!important;align-items:stretch!important}
  #wxa-homepage .a2t-btn,.store-btn,.btn-primary,.btn-secondary,.live-demo{width:100%!important}
  #wxa-homepage .a2t-system-map{
    height:500px!important;
    transform:scale(.72);
    transform-origin:top center;
    margin-bottom:-145px!important;
  }
  #wxa-homepage .a2t-metrics,.trust-grid,.store-layout,.product-grid,.products-grid{grid-template-columns:1fr!important}
  .project-detail-container{padding:0 14px 60px!important;margin-top:44px!important}
  .project-hero{padding:20px!important}
  .hiring-request-wrapper{width:min(100% - 28px,1040px)!important;margin:54px auto 74px!important}
  .hiring-form{padding:22px!important}
  .dashboard-container{padding:54px 14px!important}
  .dashboard-table{display:block;overflow-x:auto;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* ===== a2t_upgrade_06.css ===== */


/* =========================================================
   A2TDEV Upgrade 06 — Production states, animations, errors
   ========================================================= */

/* Smooth but subtle motion */
.a2t-card,
.service-card,
.project-card,
.product-card,
.trust-card,
.side-card,
.store-preview-card,
.project-hero,
.hiring-form,
.dashboard-section,
.card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.a2t-card:hover,
.service-card:hover,
.project-card:hover,
.product-card:hover,
.trust-card:hover,
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 70px rgba(8, 12, 24, .08) !important;
}

.a2t-btn,
.a2t-btn-dark,
.store-btn,
.store-btn-dark,
.btn-primary,
.btn-secondary,
.live-demo,
.a2t-nav-cta {
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.a2t-btn:hover,
.a2t-btn-dark:hover,
.store-btn:hover,
.store-btn-dark:hover,
.btn-primary:hover,
.btn-secondary:hover,
.live-demo:hover,
.a2t-nav-cta:hover {
  transform: translateY(-1px);
  opacity: .94;
}

/* Focus states */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.form-control:focus-visible {
  outline: 3px solid rgba(53,103,255,.28) !important;
  outline-offset: 3px !important;
}

/* Skeleton loading blocks */
.a2t-skeleton {
  position: relative;
  overflow: hidden;
  background: linear-gradient(90deg, var(--a2t-soft), rgba(53,103,255,.08), var(--a2t-soft));
  background-size: 220% 100%;
  animation: a2tSkeleton 1.4s ease infinite;
  border-radius: 16px;
  min-height: 18px;
}

.a2t-skeleton-card {
  border: 1px solid var(--a2t-line);
  border-radius: 22px;
  padding: 24px;
  background: var(--a2t-surface);
}

.a2t-skeleton-card .a2t-skeleton:nth-child(1) { height: 150px; margin-bottom: 20px; }
.a2t-skeleton-card .a2t-skeleton:nth-child(2) { height: 22px; width: 70%; margin-bottom: 12px; }
.a2t-skeleton-card .a2t-skeleton:nth-child(3) { height: 16px; width: 92%; margin-bottom: 8px; }
.a2t-skeleton-card .a2t-skeleton:nth-child(4) { height: 16px; width: 58%; }

@keyframes a2tSkeleton {
  0% { background-position: 220% 0; }
  100% { background-position: -220% 0; }
}

/* Alert / status components */
.a2t-alert {
  border: 1px solid var(--a2t-line);
  border-radius: 18px;
  padding: 18px 20px;
  background: var(--a2t-surface);
  color: var(--a2t-text);
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.a2t-alert-success { border-color: rgba(22,163,74,.25); background: rgba(22,163,74,.08); }
.a2t-alert-warning { border-color: rgba(234,179,8,.28); background: rgba(234,179,8,.10); }
.a2t-alert-error { border-color: rgba(220,38,38,.25); background: rgba(220,38,38,.08); }

.a2t-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--a2t-line);
  background: var(--a2t-soft);
  color: var(--a2t-text);
  font-weight: 800;
  font-size: 13px;
}

.a2t-status-pill::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: #16a34a;
}

.a2t-status-pending::before { background: #eab308; }
.a2t-status-rejected::before { background: #dc2626; }
.a2t-status-review::before { background: #3567ff; }

/* Better empty states */
.a2t-empty-state,
.empty-state {
  text-align: center;
  padding: 42px 28px !important;
}

.a2t-empty-state h3,
.empty-state h3 {
  font-size: 24px;
  letter-spacing: -.035em;
  margin: 0 0 8px;
  color: var(--a2t-text);
}

.a2t-empty-state p,
.empty-state p {
  max-width: 520px;
  margin: 0 auto 18px;
  color: var(--a2t-muted);
}

/* Production error pages */
.a2t-error-page {
  min-height: calc(100vh - 76px);
  display: grid;
  place-items: center;
  padding: 72px 24px;
  background:
    radial-gradient(circle at 30% 20%, rgba(53,103,255,.10), transparent 28%),
    radial-gradient(circle at 70% 70%, rgba(118,87,255,.10), transparent 28%),
    var(--a2t-bg);
}

.a2t-error-card {
  width: min(760px, 100%);
  border: 1px solid var(--a2t-line);
  border-radius: 30px;
  background: var(--a2t-surface);
  box-shadow: 0 28px 90px rgba(8,12,24,.10);
  padding: clamp(32px, 6vw, 64px);
  text-align: center;
}

.a2t-error-code {
  font-size: clamp(80px, 14vw, 160px);
  line-height: .82;
  letter-spacing: -.09em;
  font-weight: 950;
  background: linear-gradient(90deg, var(--a2t-blue), var(--a2t-violet));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: 24px;
}

.a2t-error-card h1 {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1;
  letter-spacing: -.06em;
  font-weight: 950;
  margin: 0 0 16px;
}

.a2t-error-card p {
  color: var(--a2t-muted);
  font-size: 18px;
  line-height: 1.65;
  margin: 0 auto 28px;
  max-width: 560px;
}

.a2t-error-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Final responsive safeguards */
@media(max-width: 760px) {
  .a2t-error-actions {
    flex-direction: column;
  }
  .a2t-error-actions a {
    width: 100%;
  }
}

@media(prefers-reduced-motion: reduce) {
  .a2t-card,
  .service-card,
  .project-card,
  .product-card,
  .trust-card,
  .card,
  .a2t-btn,
  .a2t-btn-dark,
  .store-btn,
  .store-btn-dark,
  .btn-primary,
  .btn-secondary,
  .live-demo,
  .a2t-nav-cta {
    transition: none !important;
  }
  .a2t-skeleton {
    animation: none !important;
  }
}


/* ===== a2t_components.css ===== */


/* A2TDEV component library additions */
.a2t-component-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.a2t-form-card {
  border: 1px solid var(--a2t-line);
  border-radius: 26px;
  background: var(--a2t-surface);
  padding: 28px;
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
}

.a2t-form-card .form-group {
  margin-bottom: 18px;
}

.a2t-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--a2t-line);
  border-radius: 20px;
  background: var(--a2t-surface);
}

.a2t-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}

.a2t-table th,
.a2t-table td {
  padding: 16px 18px;
  border-bottom: 1px solid var(--a2t-line);
  color: var(--a2t-text);
}

.a2t-table th {
  background: var(--a2t-soft);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.a2t-table tr:last-child td {
  border-bottom: 0;
}

@media(max-width: 900px) {
  .a2t-component-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== a2t_sprint1_pages.css ===== */


/* =========================================================
   A2TDEV Sprint 1 — Revenue pages refactor
   Product Detail, Project Request, Dashboard
   ========================================================= */

.a2t-page-shell {
  width: min(1240px, calc(100% - 64px));
  margin-inline: auto;
  padding: 76px 0 96px;
  color: var(--a2t-text);
}

.a2t-page-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 16px;
  border: 1px solid var(--a2t-line);
  border-radius: 999px;
  background: var(--a2t-soft);
  color: var(--a2t-blue);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-page-title {
  margin: 24px 0 16px;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .98;
  letter-spacing: -.065em;
  font-weight: 950;
  color: var(--a2t-text);
}

.a2t-page-lead {
  max-width: 720px;
  color: var(--a2t-muted);
  font-size: 19px;
  line-height: 1.65;
  margin: 0;
}

.a2t-split-hero {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 34px;
  align-items: start;
}

.a2t-panel {
  border: 1px solid var(--a2t-line);
  border-radius: 28px;
  background: var(--a2t-surface);
  box-shadow: 0 18px 55px rgba(8,12,24,.06);
  padding: 30px;
}

.a2t-media-card {
  overflow: hidden;
  padding: 14px;
}

.a2t-media-card img {
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
  background: var(--a2t-soft);
}

.a2t-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 12px;
}

.a2t-gallery-grid img {
  aspect-ratio: 1.3 / 1;
  border-radius: 12px;
  border: 1px solid var(--a2t-line);
}

.a2t-muted {
  color: var(--a2t-muted);
}

.a2t-price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 24px 0;
}

.a2t-price-current {
  font-size: 46px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.06em;
  color: var(--a2t-text);
}

.a2t-price-old {
  color: var(--a2t-muted);
  text-decoration: line-through;
  font-size: 20px;
}

.a2t-action-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.a2t-action-row form {
  margin: 0;
}

.a2t-stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0;
}

.a2t-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--a2t-line);
  border-radius: 999px;
  background: var(--a2t-soft);
  color: var(--a2t-text);
  font-weight: 800;
  font-size: 13px;
}

.a2t-section-block {
  margin-top: 34px;
}

.a2t-section-heading {
  margin: 0 0 18px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.05em;
  font-weight: 950;
  color: var(--a2t-text);
}

.a2t-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.a2t-feature-card {
  border: 1px solid var(--a2t-line);
  border-radius: 20px;
  background: var(--a2t-surface);
  padding: 20px;
}

.a2t-feature-card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--a2t-text);
}

.a2t-description {
  color: var(--a2t-muted);
  line-height: 1.75;
}

.a2t-description h1,
.a2t-description h2,
.a2t-description h3 {
  color: var(--a2t-text);
  letter-spacing: -.04em;
}

.a2t-form-layout {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 34px;
  align-items: start;
}

.a2t-process-list {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.a2t-process-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  align-items: start;
}

.a2t-process-num {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--a2t-soft);
  border: 1px solid var(--a2t-line);
  font-weight: 950;
  color: var(--a2t-blue);
}

.a2t-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.a2t-form-grid .full {
  grid-column: 1 / -1;
}

.a2t-help-text {
  display: block;
  color: var(--a2t-muted);
  margin-top: 6px;
  font-size: 13px;
}

.a2t-submit-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  border-top: 1px solid var(--a2t-line);
  padding-top: 22px;
  margin-top: 6px;
}

.a2t-dashboard-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 30px;
}

.a2t-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.a2t-stat-card {
  border: 1px solid var(--a2t-line);
  border-radius: 22px;
  background: var(--a2t-surface);
  padding: 22px;
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
}

.a2t-stat-card span {
  color: var(--a2t-muted);
  font-weight: 700;
}

.a2t-stat-card strong {
  display: block;
  margin-top: 8px;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -.05em;
  color: var(--a2t-text);
}

.a2t-activity-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.a2t-activity-list li {
  border: 1px solid var(--a2t-line);
  border-radius: 16px;
  padding: 16px;
  background: var(--a2t-surface);
}

.a2t-activity-time {
  display: block;
  color: var(--a2t-muted);
  font-size: 13px;
  margin-bottom: 4px;
}

.a2t-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-top: 22px;
}

@media(max-width: 1000px) {
  .a2t-split-hero,
  .a2t-form-layout,
  .a2t-dashboard-hero {
    grid-template-columns: 1fr;
  }
  .a2t-feature-grid,
  .a2t-dashboard-stats {
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width: 700px) {
  .a2t-page-shell {
    width: min(100% - 28px, 1240px);
    padding: 52px 0 74px;
  }
  .a2t-panel {
    padding: 20px;
    border-radius: 22px;
  }
  .a2t-feature-grid,
  .a2t-dashboard-stats,
  .a2t-form-grid {
    grid-template-columns: 1fr;
  }
  .a2t-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .a2t-submit-bar,
  .a2t-action-row {
    flex-direction: column;
    align-items: stretch;
  }
  .a2t-action-row .a2t-btn,
  .a2t-action-row .btn,
  .a2t-submit-bar button,
  .a2t-submit-bar .a2t-btn {
    width: 100%;
  }
}


/* ===== a2t_trust_engine.css ===== */


/* =========================================================
   A2TDEV Sprint 2 — Trust Engine
   Case studies, testimonials, proof sections
   ========================================================= */

.a2t-trust-page {
  width: min(1240px, calc(100% - 64px));
  margin-inline: auto;
  padding: 76px 0 96px;
}

.a2t-trust-hero {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 34px;
  align-items: center;
  margin-bottom: 44px;
}

.a2t-proof-panel {
  border: 1px solid var(--a2t-line);
  border-radius: 28px;
  background: var(--a2t-surface);
  padding: 28px;
  box-shadow: 0 18px 55px rgba(8,12,24,.06);
}

.a2t-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 30px 0 0;
}

.a2t-proof-card {
  border: 1px solid var(--a2t-line);
  border-radius: 20px;
  background: var(--a2t-surface);
  padding: 20px;
}

.a2t-proof-card strong {
  display: block;
  font-size: 32px;
  letter-spacing: -.05em;
  color: var(--a2t-text);
  margin-bottom: 4px;
}

.a2t-proof-card span {
  color: var(--a2t-muted);
  font-weight: 700;
}

.a2t-case-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.a2t-case-card {
  border: 1px solid var(--a2t-line);
  border-radius: 24px;
  background: var(--a2t-surface);
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
  overflow: hidden;
}

.a2t-case-visual {
  height: 190px;
  background:
    radial-gradient(circle at 20% 20%, rgba(53,103,255,.20), transparent 25%),
    linear-gradient(135deg, #101827, #3b465b);
  position: relative;
}

img.a2t-case-visual {
  display: block;
  width: 100%;
  object-fit: cover;
}

.a2t-case-visual::before {
  content: "";
  position: absolute;
  inset: 28px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 16px;
}

.a2t-case-body {
  padding: 24px;
}

.a2t-case-body h3 {
  margin: 0 0 10px;
  font-size: 24px;
  letter-spacing: -.04em;
  color: var(--a2t-text);
}

.a2t-case-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.a2t-mini-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--a2t-line);
  background: var(--a2t-soft);
  color: var(--a2t-text);
  font-weight: 800;
  font-size: 12px;
}

.a2t-result-box {
  border-top: 1px solid var(--a2t-line);
  margin-top: 18px;
  padding-top: 18px;
}

.a2t-result-box strong {
  display: block;
  color: var(--a2t-blue);
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.05em;
  margin-bottom: 4px;
}

.a2t-testimonial-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.a2t-testimonial-card {
  border: 1px solid var(--a2t-line);
  border-radius: 24px;
  background: var(--a2t-surface);
  padding: 24px;
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
}

.a2t-stars {
  color: #f59e0b;
  letter-spacing: 2px;
  margin-bottom: 18px;
}

.a2t-quote {
  color: var(--a2t-text);
  line-height: 1.7;
  font-size: 16px;
  margin: 0 0 22px;
}

.a2t-author {
  display: flex;
  align-items: center;
  gap: 12px;
}

.a2t-author-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d7deeb, #8b94a8);
  flex: 0 0 44px;
}

.a2t-author strong {
  display: block;
  color: var(--a2t-text);
}

.a2t-author span {
  color: var(--a2t-muted);
  font-size: 13px;
}

.a2t-profile-link {
  color: inherit;
  text-decoration: none;
}

.a2t-profile-link:hover,
.a2t-profile-link:focus-visible {
  color: var(--a2t-blue, #3567ff);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.a2t-logo-wall {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}

.a2t-logo-item {
  min-height: 84px;
  border: 1px solid var(--a2t-line);
  border-radius: 18px;
  background: var(--a2t-surface);
  display: grid;
  place-items: center;
  color: var(--a2t-muted);
  font-weight: 950;
  letter-spacing: -.03em;
}

.a2t-home-trust-strip {
  padding: 82px 0;
  border-top: 1px solid var(--a2t-line);
}

@media(max-width: 1000px) {
  .a2t-trust-hero,
  .a2t-case-grid,
  .a2t-testimonial-grid {
    grid-template-columns: 1fr;
  }
  .a2t-proof-grid,
  .a2t-logo-wall {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width: 700px) {
  .a2t-trust-page {
    width: min(100% - 28px, 1240px);
    padding: 52px 0 74px;
  }
  .a2t-proof-grid,
  .a2t-logo-wall {
    grid-template-columns: 1fr;
  }
}


/* ===== a2t_marketplace_revenue.css ===== */


/* =========================================================
   A2TDEV Sprint 3 — Marketplace Revenue UX
   Product selling sections, related products, support blocks
   ========================================================= */

.a2t-market-section {
  margin-top: 34px;
}

.a2t-selling-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.a2t-selling-card {
  border: 1px solid var(--a2t-line);
  border-radius: 20px;
  background: var(--a2t-surface);
  padding: 20px;
}

.a2t-selling-card .icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--a2t-soft);
  border: 1px solid var(--a2t-line);
  margin-bottom: 14px;
  color: var(--a2t-blue);
  font-weight: 950;
}

.a2t-selling-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  letter-spacing: -.035em;
  color: var(--a2t-text);
}

.a2t-selling-card p {
  margin: 0;
  color: var(--a2t-muted);
  line-height: 1.55;
}

.a2t-included-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.a2t-included-list li {
  border: 1px solid var(--a2t-line);
  border-radius: 16px;
  padding: 14px 16px;
  background: var(--a2t-soft);
  color: var(--a2t-text);
  font-weight: 750;
}

.a2t-included-list li::before {
  content: "✓";
  color: #16a34a;
  margin-right: 8px;
  font-weight: 950;
}

.a2t-support-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 22px;
  align-items: stretch;
}

.a2t-support-list {
  display: grid;
  gap: 12px;
}

.a2t-support-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.a2t-support-dot {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--a2t-soft);
  color: var(--a2t-blue);
  border: 1px solid var(--a2t-line);
  font-weight: 950;
  flex: 0 0 30px;
}

.a2t-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.a2t-related-card {
  border: 1px solid var(--a2t-line);
  border-radius: 22px;
  background: var(--a2t-surface);
  padding: 18px;
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
}

.a2t-related-image {
  height: 150px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 20% 20%, rgba(53,103,255,.16), transparent 25%),
    linear-gradient(135deg,#f7f8fb,#eef2f8);
  border: 1px solid var(--a2t-line);
  margin-bottom: 16px;
  overflow: hidden;
}

.a2t-related-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.a2t-related-card h3 {
  margin: 0 0 8px;
  font-size: 20px;
  letter-spacing: -.04em;
  color: var(--a2t-text);
}

.a2t-related-card p {
  color: var(--a2t-muted);
  line-height: 1.55;
  margin: 0 0 14px;
}

.a2t-changelog {
  display: grid;
  gap: 12px;
}

.a2t-changelog-item {
  border-left: 3px solid var(--a2t-blue);
  padding: 10px 0 10px 18px;
}

.a2t-changelog-item strong {
  display: block;
  color: var(--a2t-text);
}

.a2t-changelog-item span {
  color: var(--a2t-muted);
  font-size: 14px;
}

.a2t-sticky-buy {
  position: sticky;
  top: 96px;
}

.product-detail-body .a2t-global-breadcrumb-shell,
.product-detail-body .a2t-product-detail-page {
  width: min(1460px, calc(100vw - 96px));
  max-width: calc(100vw - 96px);
}

.product-detail-body .a2t-global-breadcrumb-shell {
  padding-top: 34px;
}

.product-detail-body .a2t-product-detail-page {
  padding-top: 34px;
}

.product-detail-body .a2t-split-hero {
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: 38px;
}

.product-detail-body .a2t-media-card,
.product-detail-body .a2t-product-detail-page > .a2t-panel,
.product-detail-body .a2t-selling-card,
.product-detail-body .a2t-feature-card,
.product-detail-body .a2t-related-card {
  border-color: #e6edf6;
  border-radius: 22px;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .055);
}

.product-detail-body .a2t-media-card {
  padding: 16px;
}

.product-detail-body .a2t-media-card img.hero-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.product-detail-body .a2t-page-title {
  max-width: 560px;
}

.product-detail-body .a2t-market-section,
.product-detail-body .a2t-section-block {
  margin-top: 42px;
}

.product-detail-body #a2t-products.pm-detail-page .pm-detail-main .a2t-product-detail-page {
  width: 100%;
  max-width: none;
  padding: 24px 0 86px;
}

.product-detail-body #a2t-products.pm-detail-page .pm-detail-main .a2t-split-hero {
  gap: 24px;
}

.product-detail-body #a2t-products.pm-detail-page .pm-detail-main .a2t-panel {
  padding: 24px;
}

.product-detail-body #a2t-products.pm-detail-page .pm-detail-main .a2t-page-title {
  font-size: clamp(40px, 4.2vw, 64px);
}

.product-detail-body #a2t-products.pm-detail-page .pm-detail-main .a2t-page-kicker {
  letter-spacing: .06em;
}

.product-detail-body .a2t-buyer-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--a2t-line);
}

.product-detail-body .a2t-buyer-strip span {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--a2t-line);
  border-radius: 14px;
  background: var(--a2t-soft);
  color: var(--a2t-text);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 850;
}

.product-detail-body .a2t-buyer-strip i {
  color: var(--a2t-blue);
}

.product-detail-body #a2t-products.pm-detail-page .pm-related-products-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.product-detail-body #a2t-products.pm-detail-page .pm-related-products-grid .pm-product-media {
  min-height: 170px;
}

.product-detail-body #a2t-products.pm-detail-page .pm-detail-index small {
  min-width: 30px;
  color: #667085;
  font-size: 12px;
  letter-spacing: .04em;
}

.product-detail-body #a2t-products.pm-detail-page .pm-detail-index a.active small {
  background: #ffffff;
  color: #050609;
}

.product-detail-body #product-overview,
.product-detail-body #product-benefits,
.product-detail-body #product-included,
.product-detail-body #product-features,
.product-detail-body #product-description,
.product-detail-body #product-support,
.product-detail-body #product-reviews,
.product-detail-body #product-related {
  scroll-margin-top: 112px;
}

@media(max-width: 1000px) {
  .a2t-selling-grid,
  .a2t-related-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .a2t-support-grid {
    grid-template-columns: 1fr;
  }
  .a2t-sticky-buy {
    position: static;
  }

  .product-detail-body .a2t-split-hero {
    grid-template-columns: 1fr;
  }

  .product-detail-body #a2t-products.pm-detail-page .pm-related-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width: 700px) {
  .a2t-selling-grid,
  .a2t-related-grid,
  .a2t-included-list {
    grid-template-columns: 1fr;
  }

  .product-detail-body .a2t-global-breadcrumb-shell,
  .product-detail-body .a2t-product-detail-page {
    width: min(100% - 28px, 720px);
    max-width: calc(100vw - 28px);
  }

  .product-detail-body .a2t-global-breadcrumb-shell {
    padding-top: 20px;
  }

  .product-detail-body .a2t-product-detail-page {
    padding-top: 26px;
  }

  .product-detail-body .a2t-buyer-strip,
  .product-detail-body #a2t-products.pm-detail-page .pm-related-products-grid {
    grid-template-columns: 1fr;
  }
}


/* ===== a2t_client_portal.css ===== */


/* =========================================================
   A2TDEV Sprint 4 — Client Portal + Project Status Polish
   ========================================================= */

.a2t-portal-shell {
  width: min(1240px, calc(100% - 64px));
  margin-inline: auto;
  padding: 76px 0 96px;
  color: var(--a2t-text);
}

.a2t-portal-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: end;
  margin-bottom: 30px;
}

.a2t-portal-title {
  margin: 20px 0 12px;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .98;
  letter-spacing: -.065em;
  font-weight: 950;
  color: var(--a2t-text);
}

.a2t-portal-lead {
  max-width: 760px;
  margin: 0;
  color: var(--a2t-muted);
  font-size: 18px;
  line-height: 1.65;
}

.a2t-portal-grid {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 24px;
  align-items: start;
}

.a2t-portal-panel {
  border: 1px solid var(--a2t-line);
  border-radius: 26px;
  background: var(--a2t-surface);
  padding: 28px;
  box-shadow: 0 14px 45px rgba(8,12,24,.045);
}

.a2t-kv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

.a2t-kv {
  border: 1px solid var(--a2t-line);
  border-radius: 16px;
  background: var(--a2t-soft);
  padding: 15px 16px;
}

.a2t-kv span {
  display: block;
  color: var(--a2t-muted);
  font-size: 13px;
  font-weight: 750;
  margin-bottom: 5px;
}

.a2t-kv strong {
  color: var(--a2t-text);
  font-size: 16px;
}

.a2t-timeline {
  position: relative;
  display: grid;
  gap: 14px;
  margin-top: 18px;
}

.a2t-timeline-item {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 14px;
  align-items: start;
}

.a2t-timeline-dot {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid var(--a2t-line);
  background: var(--a2t-soft);
  color: var(--a2t-blue);
  font-weight: 950;
}

.a2t-timeline-content {
  border: 1px solid var(--a2t-line);
  border-radius: 16px;
  padding: 14px 16px;
  background: var(--a2t-surface);
}

.a2t-timeline-content strong {
  display: block;
  color: var(--a2t-text);
}

.a2t-timeline-content p {
  margin: 4px 0 0;
  color: var(--a2t-muted);
}

.a2t-worklog-card {
  border: 1px solid var(--a2t-line);
  border-radius: 20px;
  background: var(--a2t-surface);
  padding: 20px;
  margin-bottom: 14px;
}

.a2t-worklog-top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: start;
  margin-bottom: 12px;
}

.a2t-payment-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 20px;
}

.a2t-download-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.a2t-download-item {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  border: 1px solid var(--a2t-line);
  border-radius: 16px;
  background: var(--a2t-soft);
  padding: 15px 16px;
}

.a2t-cart-layout {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items: start;
}

.a2t-cart-summary {
  position: sticky;
  top: 96px;
}

@media(max-width: 1000px) {
  .a2t-portal-header,
  .a2t-portal-grid,
  .a2t-cart-layout {
    grid-template-columns: 1fr;
  }
  .a2t-cart-summary {
    position: static;
  }
}

@media(max-width: 700px) {
  .a2t-portal-shell {
    width: min(100% - 28px, 1240px);
    padding: 52px 0 74px;
  }
  .a2t-kv-grid,
  .a2t-payment-summary {
    grid-template-columns: 1fr;
  }
  .a2t-worklog-top,
  .a2t-download-item {
    flex-direction: column;
    align-items: stretch;
  }
}


/* ===== A2TDEV final stability overrides ===== */
html, body {
  margin: 0;
  padding: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background: var(--a2t-bg, #ffffff) !important;
  color: var(--a2t-text, #07070b) !important;
}

body a {
  text-decoration: none;
}

.x-content {
  width: 100%;
  min-height: 60vh;
}

.a2t-site-header {
  height: 76px !important;
  border-bottom: 1px solid var(--a2t-line, #e8ebf1) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.a2t-nav-shell {
  width: min(var(--a2t-container, 1240px), calc(100% - 64px)) !important;
  height: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.a2t-brand {
  color: var(--a2t-text, #07070b) !important;
  text-decoration: none !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
  white-space: nowrap !important;
}

.a2t-brand span {
  color: var(--a2t-blue, #3567ff) !important;
}

.a2t-nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 30px !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}

.a2t-nav-links a {
  color: var(--a2t-text, #07070b) !important;
  text-decoration: none !important;
  opacity: .86;
}

.a2t-nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.a2t-theme-toggle {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--a2t-line, #e8ebf1) !important;
  border-radius: 14px !important;
  background: var(--a2t-surface, #fff) !important;
  color: var(--a2t-text, #07070b) !important;
  display: grid !important;
  place-items: center !important;
}

.a2t-nav-cta,
.a2t-btn-dark,
.a2t-btn.a2t-btn-dark {
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #050507 !important;
  color: #fff !important;
  border: 1px solid #050507 !important;
  text-decoration: none !important;
  font-weight: 850 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.14) !important;
  white-space: nowrap !important;
}

.a2t-btn {
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: var(--a2t-surface, #fff) !important;
  color: var(--a2t-text, #07070b) !important;
  border: 1px solid var(--a2t-line, #e8ebf1) !important;
  text-decoration: none !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

#wxa-homepage {
  --a2t-bg: #ffffff;
  --a2t-surface: #ffffff;
  --a2t-text: #06070b;
  --a2t-muted: #58657a;
  --a2t-line: #e8ebf1;
  --a2t-soft: #f7f8fb;
  --a2t-black: #050507;
  --a2t-blue: #3567ff;
  --a2t-violet: #7657ff;
  --a2t-green: #16a34a;
  --a2t-orange: #f97316;
  --a2t-yellow: #eab308;
  --a2t-shadow: 0 18px 55px rgba(8, 12, 24, 0.07);
  --a2t-container: 1240px;
  overflow: hidden !important;
}

#wxa-homepage .a2t-container {
  width: min(var(--a2t-container), calc(100% - 64px)) !important;
  margin-inline: auto !important;
}

#wxa-homepage .a2t-hero {
  padding: 78px 0 54px !important;
}

#wxa-homepage .a2t-hero-grid {
  display: grid !important;
  grid-template-columns: .93fr 1.07fr !important;
  gap: 78px !important;
  align-items: center !important;
}

#wxa-homepage .a2t-eyebrow {
  display: inline-flex !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: #f1f4f8 !important;
  border: 1px solid var(--a2t-line) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  color: #245cff !important;
  text-transform: uppercase !important;
}

#wxa-homepage .a2t-hero h1 {
  max-width: 690px !important;
  margin: 30px 0 22px !important;
  font-size: clamp(48px, 5vw, 72px) !important;
  line-height: .99 !important;
  letter-spacing: -.067em !important;
  font-weight: 950 !important;
}

#wxa-homepage .a2t-hero h1 span {
  color: var(--a2t-blue) !important;
}

#wxa-homepage .a2t-lead {
  max-width: 590px !important;
  margin: 0 0 32px !important;
  font-size: 21px !important;
  line-height: 1.55 !important;
  color: #56647a !important;
}

#wxa-homepage .a2t-actions {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-bottom: 30px !important;
}

#wxa-homepage .a2t-trusted {
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
  color: #56647a !important;
  font-weight: 650 !important;
}

#wxa-homepage .a2t-avatars {
  display: flex !important;
}

#wxa-homepage .a2t-avatars .a2t-client-avatar,
#wxa-homepage .a2t-avatars > .a2t-plus {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  margin-left: -8px !important;
  background: linear-gradient(135deg,#cfd7e6,#8c96aa) !important;
  display: grid !important;
  overflow: hidden !important;
  flex: 0 0 34px !important;
  text-decoration: none !important;
}

#wxa-homepage .a2t-avatars > :first-child {
  margin-left: 0 !important;
}

#wxa-homepage .a2t-client-avatar img,
#wxa-homepage .a2t-client-avatar > span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  margin: 0 !important;
  object-fit: cover !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#wxa-homepage .a2t-client-avatar > span {
  background: linear-gradient(135deg, #3567ff, #1236a5) !important;
}

#wxa-homepage .a2t-avatars .a2t-plus {
  background: #2764ff !important;
  color: #fff !important;
  display: grid !important;
  place-items: center !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#wxa-homepage .a2t-system-map {
  height: 520px !important;
  position: relative !important;
  max-width: 690px !important;
  width: 100% !important;
  margin-left: auto !important;
  overflow: visible !important;
  isolation: isolate !important;
}

#wxa-homepage .a2t-orbit {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 520px !important;
  height: 390px !important;
  transform: translate(-50%, -50%) !important;
  border: 1px dashed #d9e1f2 !important;
  border-radius: 50% !important;
}

#wxa-homepage .a2t-orbit::before {
  content: "" !important;
  position: absolute !important;
  inset: 62px !important;
  border: 1px solid rgba(53,103,255,.15) !important;
  border-radius: 50% !important;
}

#wxa-homepage .a2t-orbit::after {
  content: "" !important;
  position: absolute !important;
  inset: 126px !important;
  border: 1px dashed rgba(53,103,255,.13) !important;
  border-radius: 50% !important;
}

#wxa-homepage .a2t-center-brand {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 250px !important;
  text-align: center !important;
  z-index: 2 !important;
}

#wxa-homepage .a2t-center-brand strong {
  display: block !important;
  font-size: 46px !important;
  margin: 0 0 12px !important;
  font-weight: 950 !important;
  letter-spacing: -.06em !important;
  background: linear-gradient(90deg,var(--a2t-blue),var(--a2t-violet)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

#wxa-homepage .a2t-center-brand p {
  margin: 0 !important;
  color: #4e5b72 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

#wxa-homepage .a2t-node {
  position: absolute !important;
  z-index: 5 !important;
  background: #fff !important;
  border: 1px solid var(--a2t-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--a2t-shadow) !important;
  display: flex !important;
  gap: 13px !important;
  align-items: flex-start !important;
  padding: 16px 17px !important;
}

#wxa-homepage .a2t-node h2 {
  margin: 0 0 6px !important;
  font-size: 16px !important;
  letter-spacing: -.03em !important;
  color: var(--a2t-text) !important;
}

#wxa-homepage .a2t-node p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  color: #56647a !important;
}

#wxa-homepage .a2t-ico {
  width: 46px !important;
  height: 46px !important;
  border-radius: 15px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 46px !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  background: var(--a2t-soft) !important;
  color: var(--a2t-blue) !important;
}

#wxa-homepage .a2t-reporting { width: 228px !important; left: 50% !important; top: 12px !important; transform: translateX(-50%) !important; }
#wxa-homepage .a2t-crm { width: 210px !important; left: 0 !important; top: 204px !important; }
#wxa-homepage .a2t-payments { width: 210px !important; right: 0 !important; top: 204px !important; }
#wxa-homepage .a2t-automation { width: 218px !important; left: 88px !important; bottom: 28px !important; }
#wxa-homepage .a2t-portal { width: 218px !important; right: 88px !important; bottom: 28px !important; }

#wxa-homepage .a2t-tech {
  position: absolute !important;
  height: 40px !important;
  padding: 0 15px !important;
  border: 1px solid var(--a2t-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 9px 22px rgba(8,12,24,.055) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
  z-index: 6 !important;
}

#wxa-homepage .a2t-py { left: 88px !important; top: 106px !important; }
#wxa-homepage .a2t-dj { right: 88px !important; top: 106px !important; }
#wxa-homepage .a2t-re { left: 18px !important; top: 346px !important; }
#wxa-homepage .a2t-pg { right: 18px !important; top: 346px !important; }
#wxa-homepage .a2t-do { left: 122px !important; bottom: 0 !important; }
#wxa-homepage .a2t-aw { right: 122px !important; bottom: 0 !important; }

#wxa-homepage .a2t-metrics {
  width: min(var(--a2t-container), calc(100% - 64px)) !important;
  margin: 48px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  border: 1px solid var(--a2t-line) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: var(--a2t-shadow) !important;
  overflow: hidden !important;
}

#wxa-homepage .a2t-metric {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 28px 30px !important;
  border-right: 1px solid var(--a2t-line) !important;
}

#wxa-homepage .a2t-metric:last-child {
  border-right: 0 !important;
}

#wxa-homepage .a2t-micon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 18px !important;
  background: #eef4ff !important;
  display: grid !important;
  place-items: center !important;
}

#wxa-homepage .a2t-metric strong {
  display: block !important;
  font-size: 32px !important;
  letter-spacing: -.05em !important;
}

#wxa-homepage .a2t-metric span {
  display: block !important;
  margin-top: 4px !important;
  color: #657286 !important;
  font-weight: 650 !important;
}

#wxa-homepage .a2t-section {
  padding: 88px 0 !important;
  border-top: 1px solid #f0f2f6 !important;
}

#wxa-homepage .a2t-section-head {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  margin-bottom: 28px !important;
  gap: 24px !important;
}

#wxa-homepage .a2t-section-head h2,
#wxa-homepage .a2t-final-cta h2 {
  font-size: 42px !important;
  letter-spacing: -.052em !important;
  margin: 0 !important;
}

#wxa-homepage .a2t-section-head p {
  color: #657286 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  max-width: 680px !important;
  margin: 10px 0 0 !important;
}

#wxa-homepage .a2t-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 22px !important;
}

#wxa-homepage .a2t-card {
  border: 1px solid var(--a2t-line) !important;
  border-radius: 22px !important;
  background: #fff !important;
  padding: 24px !important;
  box-shadow: 0 12px 35px rgba(8,12,24,.035) !important;
  overflow: hidden !important;
}

#wxa-homepage .a2t-card h3 {
  font-size: 22px !important;
  letter-spacing: -.04em !important;
  margin: 0 0 10px !important;
  color: var(--a2t-text) !important;
}

#wxa-homepage .a2t-card p {
  color: #657286 !important;
  line-height: 1.6 !important;
  margin: 0 0 18px !important;
}

#wxa-homepage .a2t-visual,
#wxa-homepage .a2t-product-media {
  height: 145px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg,#f9fafc,#eef2f8) !important;
  border: 1px solid #edf0f5 !important;
  margin-bottom: 20px !important;
  position: relative !important;
  overflow: hidden !important;
}

#wxa-homepage .a2t-final-cta {
  background: #05070d !important;
  color: white !important;
  border-radius: 26px !important;
  padding: 38px 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: min(var(--a2t-container), calc(100% - 64px)) !important;
  margin: 0 auto !important;
}

.a2t-footer {
  padding: 48px 0 70px !important;
  border-top: 1px solid var(--a2t-line, #e8ebf1) !important;
}

.a2t-footer-grid {
  width: min(var(--a2t-container, 1240px), calc(100% - 64px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.4fr repeat(3, 1fr) !important;
  gap: 34px !important;
}

.a2t-footer a {
  display: block !important;
  color: var(--a2t-muted, #58657a) !important;
  text-decoration: none !important;
  margin: 9px 0 !important;
}

.a2t-footer-bottom {
  width: min(var(--a2t-container, 1240px), calc(100% - 64px)) !important;
  margin: 34px auto 0 !important;
  color: var(--a2t-muted, #58657a) !important;
}

@media (max-width: 1100px) {
  .a2t-nav-links { display: none !important; }
  #wxa-homepage .a2t-hero-grid { grid-template-columns: 1fr !important; }
  #wxa-homepage .a2t-system-map { margin-inline: auto !important; }
  #wxa-homepage .a2t-grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 760px) {
  .a2t-nav-shell { width: min(100% - 28px, 1240px) !important; }
  .a2t-nav-cta { display: none !important; }
  .a2t-brand { font-size: 22px !important; }

  #wxa-homepage .a2t-container,
  #wxa-homepage .a2t-metrics,
  #wxa-homepage .a2t-final-cta {
    width: min(100% - 28px, 1240px) !important;
  }

  #wxa-homepage .a2t-hero { padding: 54px 0 38px !important; }
  #wxa-homepage .a2t-hero h1 { font-size: clamp(42px, 12vw, 54px) !important; line-height: 1 !important; }
  #wxa-homepage .a2t-lead { font-size: 17px !important; }
  #wxa-homepage .a2t-actions { flex-direction: column !important; align-items: stretch !important; }
  #wxa-homepage .a2t-btn { width: 100% !important; }
  #wxa-homepage .a2t-system-map {
    height: 500px !important;
    transform: scale(.72) !important;
    transform-origin: top center !important;
    margin-bottom: -145px !important;
  }
  #wxa-homepage .a2t-metrics,
  #wxa-homepage .a2t-grid-3 {
    grid-template-columns: 1fr !important;
  }
  #wxa-homepage .a2t-metric {
    border-right: 0 !important;
    border-bottom: 1px solid var(--a2t-line) !important;
  }
  #wxa-homepage .a2t-section-head,
  #wxa-homepage .a2t-final-cta {
    display: block !important;
  }
  .a2t-footer-grid {
    grid-template-columns: 1fr 1fr !important;
    width: min(100% - 28px, 1240px) !important;
  }
}


/* =========================================================
   A2TDEV Blog Reader UX
   Long-form reading experience for blog detail pages
   ========================================================= */
.a2t-blog-reader {
  --reader-max: 1240px;
  --reader-content: 760px;
  width: min(var(--reader-max), calc(100% - 64px));
  margin: 0 auto;
  padding: 72px 0 96px;
  color: var(--a2t-text, #07070b);
}

.a2t-blog-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 760px) 250px;
  gap: 36px;
  align-items: start;
}

.a2t-blog-sidebar {
  position: sticky;
  top: 104px;
}

.a2t-blog-sidecard {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 22px;
  background: var(--a2t-surface, #fff);
  padding: 20px;
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
}

.a2t-blog-share {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.a2t-blog-share button,
.a2t-blog-share a,
.a2t-blog-icon-btn {
  width: 42px;
  height: 42px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 14px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-text, #07070b);
  display: grid;
  place-items: center;
  cursor: pointer;
  text-decoration: none;
}

.a2t-like-button {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 14px;
  background: var(--a2t-surface, #fff);
  color: #ef4444;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 850;
}

.a2t-toc-title {
  margin: 18px 0 10px;
  font-size: 14px;
  color: var(--a2t-muted, #58657a);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 900;
}

#a2t-toc,
#toc {
  display: grid;
  gap: 7px;
  max-height: 420px;
  overflow: auto;
}

#a2t-toc a,
#toc a {
  color: var(--a2t-muted, #58657a);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.45;
  padding: 6px 8px;
  border-radius: 10px;
}

#a2t-toc a:hover,
#toc a:hover {
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-text, #07070b);
}

.a2t-article {
  min-width: 0;
}

.a2t-article-head {
  border-bottom: 1px solid var(--a2t-line, #e8ebf1);
  padding-bottom: 28px;
  margin-bottom: 34px;
}

.a2t-article-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 16px;
  border-radius: 999px;
  background: var(--a2t-soft, #f7f8fb);
  border: 1px solid var(--a2t-line, #e8ebf1);
  color: var(--a2t-blue, #3567ff);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-article-title {
  margin: 24px 0 18px;
  font-size: clamp(44px, 5vw, 76px);
  line-height: .96;
  letter-spacing: -.068em;
  font-weight: 950;
  color: var(--a2t-text, #07070b);
}

.a2t-article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: var(--a2t-muted, #58657a);
  font-weight: 650;
}

.a2t-article-meta span,
.a2t-article-meta a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 999px;
  background: var(--a2t-surface, #fff);
  color: var(--a2t-muted, #58657a);
  text-decoration: none;
}

.a2t-article-image {
  margin: 30px 0;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid var(--a2t-line, #e8ebf1);
  background: var(--a2t-soft, #f7f8fb);
  box-shadow: 0 18px 55px rgba(8,12,24,.06);
}

.a2t-article-image img {
  width: 100%;
  display: block;
  object-fit: cover;
  max-height: 460px;
}

.a2t-article-caption {
  margin: 0;
  padding: 12px 16px;
  color: var(--a2t-muted, #58657a);
  font-size: 14px;
  font-style: italic;
  background: var(--a2t-surface, #fff);
}

.a2t-article-excerpt {
  margin: 0 0 34px;
  padding: 24px 26px;
  border-left: 4px solid var(--a2t-blue, #3567ff);
  border-radius: 18px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-text, #07070b);
  font-size: 22px;
  line-height: 1.6;
  font-weight: 650;
}

.a2t-article-content {
  font-size: 19px;
  line-height: 1.85;
  color: #1f2937;
}

.a2t-article-content > *:first-child {
  margin-top: 0;
}

.a2t-article-content h1,
.a2t-article-content h2,
.a2t-article-content h3,
.a2t-article-content h4 {
  color: var(--a2t-text, #07070b);
  letter-spacing: -.045em;
  line-height: 1.12;
  margin-top: 2.1em;
  margin-bottom: .6em;
  scroll-margin-top: 110px;
}

.a2t-article-content h2 {
  font-size: 34px;
}

.a2t-article-content h3 {
  font-size: 26px;
}

.a2t-article-content p {
  margin: 0 0 1.25em;
}

.a2t-article-content a {
  color: var(--a2t-blue, #3567ff);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.a2t-article-content ul,
.a2t-article-content ol {
  padding-left: 1.35em;
  margin: 0 0 1.3em;
}

.a2t-article-content li {
  margin: .45em 0;
}

.a2t-article-content blockquote {
  margin: 2em 0;
  padding: 22px 26px;
  border-left: 4px solid var(--a2t-blue, #3567ff);
  border-radius: 18px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-text, #07070b);
  font-size: 21px;
  font-weight: 650;
}

.a2t-article-content pre {
  overflow-x: auto;
  padding: 20px;
  border-radius: 18px;
  background: #0b1020;
  color: #e5e7eb;
  border: 1px solid #1f2937;
}

.a2t-article-content code {
  background: var(--a2t-soft, #f7f8fb);
  color: #be185d;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 8px;
  padding: 2px 6px;
  font-size: .9em;
}

.a2t-article-content pre code {
  background: transparent;
  color: inherit;
  border: 0;
  padding: 0;
}

.a2t-article-footer {
  margin-top: 42px;
  padding-top: 24px;
  border-top: 1px solid var(--a2t-line, #e8ebf1);
  display: grid;
  gap: 18px;
}

.a2t-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.a2t-tag {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-text, #07070b);
  text-decoration: none;
  font-weight: 750;
  font-size: 13px;
}

.a2t-ad-card {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 22px;
  padding: 16px;
  background: var(--a2t-surface, #fff);
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
  margin-bottom: 16px;
}

.a2t-ad-card h3 {
  margin: 0 0 10px;
  font-size: 14px;
  color: var(--a2t-muted, #58657a);
  text-transform: uppercase;
  letter-spacing: .06em;
}

.a2t-ad-card img {
  border-radius: 16px;
  width: 100%;
}

.a2t-reader-cta {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 24px;
  padding: 24px;
  background: #050507;
  color: #fff;
  margin-top: 18px;
}

.a2t-reader-cta h3 {
  margin: 0 0 10px;
  color: #fff;
  letter-spacing: -.04em;
}

.a2t-reader-cta p {
  color: #cbd5e1;
  line-height: 1.6;
}

.a2t-comments-wrap {
  width: min(760px, calc(100% - 64px));
  margin: 0 auto 96px;
  border-top: 1px solid var(--a2t-line, #e8ebf1);
  padding-top: 34px;
}

.a2t-comments-wrap h2 {
  margin: 0 0 18px;
  font-size: 34px;
  letter-spacing: -.05em;
}

.a2t-comments-wrap textarea {
  width: 100%;
  min-height: 130px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 18px;
  padding: 16px;
  font: inherit;
  resize: vertical;
}

.a2t-comments-wrap button {
  margin-top: 12px;
  min-height: 46px;
  border-radius: 12px;
  padding: 0 20px;
  border: 1px solid #050507;
  background: #050507;
  color: #fff;
  font-weight: 850;
}

@media (max-width: 1120px) {
  .a2t-blog-layout {
    grid-template-columns: 1fr;
  }
  .a2t-blog-sidebar,
  .a2t-blog-aside {
    position: static;
  }
  .a2t-blog-sidebar {
    order: 2;
  }
  .a2t-article {
    order: 1;
  }
  .a2t-blog-aside {
    order: 3;
  }
}

@media (max-width: 760px) {
  .a2t-blog-reader,
  .a2t-comments-wrap {
    width: min(100% - 28px, 1240px);
  }
  .a2t-blog-reader {
    padding-top: 48px;
  }
  .a2t-article-title {
    font-size: clamp(40px, 12vw, 54px);
  }
  .a2t-article-content {
    font-size: 17px;
    line-height: 1.78;
  }
  .a2t-article-excerpt {
    font-size: 18px;
    padding: 20px;
  }
}


/* Blog TOC smooth-scroll and active section styling */
.a2t-scroll-target {
  scroll-margin-top: 118px;
}

#toc a.active,
#a2t-toc a.active {
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-blue, #3567ff);
  font-weight: 850;
  border-left: 3px solid var(--a2t-blue, #3567ff);
}

#toc a.toc-depth-2,
#a2t-toc a.toc-depth-2 {
  padding-left: 18px;
  font-size: 13.5px;
}

#toc a.toc-depth-3,
#a2t-toc a.toc-depth-3 {
  padding-left: 30px;
  font-size: 13px;
  opacity: .88;
}


/* =========================================================
   A2TDEV Blog Reader Pro + Consistent Link UX
   ========================================================= */
html {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 118px;
}

.a2t-blog-reader-pro {
  width: min(1320px, calc(100% - 64px));
  margin: 0 auto;
  padding: 72px 0 104px;
}

.a2t-blog-pro-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 820px) 230px;
  gap: 34px;
  align-items: start;
}

.a2t-reader-card {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 26px;
  background: var(--a2t-surface, #fff);
  box-shadow: 0 18px 55px rgba(8,12,24,.055);
}

.a2t-reader-tools,
.a2t-reader-aside {
  position: sticky;
  top: 104px;
}

.a2t-reader-tools {
  padding: 18px;
}

.a2t-tool-label {
  display: block;
  margin: 18px 0 10px;
  color: var(--a2t-muted, #58657a);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-share-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.a2t-share-grid button,
.a2t-share-grid a {
  width: 44px;
  height: 44px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 14px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-text, #07070b);
  display: grid;
  place-items: center;
  text-decoration: none;
  cursor: pointer;
}

.a2t-copy-link.copied {
  background: #ecfdf5 !important;
  color: #16a34a !important;
}

.a2t-like-button-pro {
  width: 100%;
  min-height: 46px;
  margin-top: 14px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 16px;
  background: var(--a2t-surface, #fff);
  color: #ef4444;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 850;
}

.a2t-toc-list {
  display: grid;
  gap: 6px;
  max-height: 440px;
  overflow: auto;
  padding-right: 2px;
}

.a2t-toc-list a {
  display: block;
  padding: 8px 10px;
  border-radius: 12px;
  color: var(--a2t-muted, #58657a);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.35;
  border-left: 3px solid transparent;
}

.a2t-toc-list a:hover,
.a2t-toc-list a.active {
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-blue, #3567ff);
  border-left-color: var(--a2t-blue, #3567ff);
  font-weight: 850;
}

.a2t-toc-list a.depth-2 {
  padding-left: 22px;
  font-size: 13.5px;
}

.a2t-toc-list a.depth-3 {
  padding-left: 34px;
  font-size: 13px;
  opacity: .88;
}

.a2t-article-pro {
  min-width: 0;
}

.a2t-article-hero {
  padding: 34px;
  margin-bottom: 34px;
}

.a2t-article-kicker-pro {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-blue, #3567ff);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-article-title-pro {
  margin: 22px 0 16px;
  font-size: clamp(44px, 5.4vw, 78px);
  line-height: .94;
  letter-spacing: -.07em;
  font-weight: 950;
  color: var(--a2t-text, #07070b);
}

.a2t-article-meta-pro {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.a2t-article-meta-pro span,
.a2t-article-meta-pro a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 13px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 999px;
  background: var(--a2t-surface, #fff);
  color: var(--a2t-muted, #58657a);
  text-decoration: none;
  font-weight: 750;
}

.a2t-article-image-pro {
  margin: 30px 0 0;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid var(--a2t-line, #e8ebf1);
  background: var(--a2t-soft, #f7f8fb);
}

.a2t-article-image-pro img {
  width: 100%;
  max-height: 430px;
  object-fit: cover;
  display: block;
}

.a2t-article-image-pro figcaption {
  padding: 12px 16px;
  color: var(--a2t-muted, #58657a);
  font-size: 14px;
  font-style: italic;
}

.a2t-excerpt-pro {
  margin: 0 0 34px;
  padding: 28px 30px;
  border-left: 4px solid var(--a2t-blue, #3567ff);
  border-radius: 22px;
  background: linear-gradient(135deg, #f8faff, #f4f6fb);
  color: var(--a2t-text, #07070b);
  font-size: 23px;
  line-height: 1.55;
  font-weight: 750;
}

.a2t-content-pro {
  padding: 0 34px;
  font-size: 19px;
  line-height: 1.86;
  color: #1f2937;
}

.a2t-content-pro h1,
.a2t-content-pro h2,
.a2t-content-pro h3,
.a2t-content-pro h4 {
  color: var(--a2t-text, #07070b);
  letter-spacing: -.045em;
  line-height: 1.12;
  margin: 2.1em 0 .65em;
  scroll-margin-top: 118px;
  position: relative;
}

.a2t-content-pro h2 {
  font-size: 36px;
}

.a2t-content-pro h3 {
  font-size: 28px;
}

.a2t-content-pro h4 {
  font-size: 23px;
}

.a2t-content-pro p {
  margin: 0 0 1.25em;
}

.a2t-content-pro a {
  color: var(--a2t-blue, #3567ff);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.a2t-content-pro ul,
.a2t-content-pro ol {
  margin: 0 0 1.35em;
  padding-left: 1.35em;
}

.a2t-content-pro li {
  margin: .48em 0;
}

.a2t-content-pro blockquote {
  margin: 2em 0;
  padding: 24px 28px;
  border-left: 4px solid var(--a2t-blue, #3567ff);
  border-radius: 20px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-text, #07070b);
  font-size: 21px;
  font-weight: 650;
}

.a2t-content-pro pre {
  overflow-x: auto;
  padding: 22px;
  border-radius: 20px;
  background: #0b1020;
  color: #e5e7eb;
  border: 1px solid #1f2937;
}

.a2t-content-pro code {
  background: var(--a2t-soft, #f7f8fb);
  color: #be185d;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 8px;
  padding: 2px 6px;
  font-size: .9em;
}

.a2t-content-pro pre code {
  background: transparent;
  color: inherit;
  border: 0;
  padding: 0;
}

.a2t-heading-chain {
  opacity: 0;
  margin-left: 10px;
  text-decoration: none !important;
  color: var(--a2t-blue, #3567ff) !important;
  font-size: .72em;
  transition: opacity .18s ease;
}

.a2t-content-pro h1:hover .a2t-heading-chain,
.a2t-content-pro h2:hover .a2t-heading-chain,
.a2t-content-pro h3:hover .a2t-heading-chain,
.a2t-content-pro h4:hover .a2t-heading-chain {
  opacity: 1;
}

.a2t-article-footer-pro {
  padding: 34px;
  margin-top: 42px;
  border-top: 1px solid var(--a2t-line, #e8ebf1);
  display: grid;
  gap: 18px;
}

.a2t-side-cta-pro {
  padding: 24px;
  background: #050507;
  color: #fff;
}

.a2t-side-cta-pro h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -.045em;
}

.a2t-side-cta-pro p {
  color: #cbd5e1;
  line-height: 1.65;
  margin: 0 0 20px;
}

.a2t-side-cta-pro .a2t-btn {
  background: #fff !important;
  color: #050507 !important;
  border-color: #fff !important;
}

.a2t-related-box {
  margin-top: 16px;
  padding: 20px;
}

.a2t-related-box h3 {
  margin: 0 0 10px;
  font-size: 18px;
  letter-spacing: -.035em;
}

.a2t-related-box p {
  color: var(--a2t-muted, #58657a);
  line-height: 1.6;
}

.a2t-comments-pro {
  width: min(820px, calc(100% - 64px));
  margin: 0 auto 104px;
  padding: 34px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 26px;
  background: var(--a2t-surface, #fff);
  box-shadow: 0 18px 55px rgba(8,12,24,.045);
}

.a2t-comments-pro h2 {
  margin: 0 0 18px;
  font-size: 34px;
  letter-spacing: -.05em;
}

.a2t-comments-pro textarea {
  width: 100%;
  min-height: 130px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 18px;
  padding: 16px;
  font: inherit;
  resize: vertical;
}

.a2t-comments-pro button {
  margin-top: 12px;
}

@media (max-width: 1180px) {
  .a2t-blog-pro-layout {
    grid-template-columns: minmax(0, 820px) 260px;
  }

  .a2t-reader-tools {
    position: static;
    grid-column: 1 / -1;
    order: 1;
  }

  .a2t-article-pro {
    order: 2;
  }

  .a2t-reader-aside {
    order: 3;
  }

  .a2t-reader-tools .a2t-toc-list {
    max-height: none;
  }
}

@media (max-width: 900px) {
  .a2t-blog-reader-pro {
    width: min(100% - 28px, 1320px);
    padding-top: 48px;
  }

  .a2t-blog-pro-layout {
    grid-template-columns: 1fr;
  }

  .a2t-reader-aside {
    position: static;
  }

  .a2t-article-hero,
  .a2t-content-pro,
  .a2t-article-footer-pro,
  .a2t-comments-pro {
    padding: 24px;
  }

  .a2t-article-title-pro {
    font-size: clamp(40px, 12vw, 56px);
  }

  .a2t-content-pro {
    font-size: 17px;
    line-height: 1.78;
  }

  .a2t-excerpt-pro {
    font-size: 18px;
    padding: 22px;
  }

  .a2t-comments-pro {
    width: min(100% - 28px, 820px);
  }
}


/* =========================================================
   A2TDEV Authentication UX
   Clean, premium auth pages for django-allauth.
   ========================================================= */

/* Stop the old auth.css from shrinking the whole site content */
.x-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
}

.a2t-auth-page {
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
  padding: 72px 0 104px;
  min-height: calc(100vh - 76px);
  display: grid;
  align-items: center;
}

.a2t-auth-layout {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 34px;
  align-items: stretch;
}

.a2t-auth-brand-panel,
.a2t-auth-card {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 30px;
  background: var(--a2t-surface, #fff);
  box-shadow: 0 24px 80px rgba(8,12,24,.08);
}

.a2t-auth-brand-panel {
  padding: 36px;
  background:
    radial-gradient(circle at 20% 15%, rgba(53,103,255,.16), transparent 28%),
    radial-gradient(circle at 90% 85%, rgba(118,87,255,.12), transparent 28%),
    #050507;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.a2t-auth-brand-panel::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border: 1px dashed rgba(255,255,255,.15);
  border-radius: 50%;
  right: -120px;
  bottom: -110px;
}

.a2t-auth-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 28px;
  font-weight: 950;
  letter-spacing: -.055em;
  margin-bottom: 58px;
}

.a2t-auth-logo span {
  color: #7ca0ff;
}

.a2t-auth-brand-panel h1 {
  font-size: clamp(38px, 4.8vw, 62px);
  line-height: .98;
  letter-spacing: -.065em;
  margin: 0 0 18px;
  color: #fff;
}

.a2t-auth-brand-panel p {
  color: #cbd5e1;
  line-height: 1.7;
  font-size: 17px;
  margin: 0;
  max-width: 460px;
}

.a2t-auth-points {
  display: grid;
  gap: 12px;
  margin-top: 34px;
  position: relative;
  z-index: 1;
}

.a2t-auth-point {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #e5e7eb;
}

.a2t-auth-point span {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  color: #fff;
  font-weight: 900;
}

.a2t-auth-card {
  padding: clamp(26px, 4vw, 42px);
}

.a2t-auth-kicker {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 14px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 999px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-blue, #3567ff);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-auth-card h1,
.a2t-auth-card h2 {
  margin: 22px 0 10px;
  color: var(--a2t-text, #07070b);
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1;
  letter-spacing: -.06em;
  font-weight: 950;
}

.a2t-auth-subtitle {
  color: var(--a2t-muted, #58657a);
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 26px;
}

.a2t-auth-card form {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.a2t-auth-card form p {
  margin: 0 0 16px;
}

.a2t-auth-card label {
  display: block;
  margin: 0 0 8px !important;
  color: var(--a2t-text, #07070b) !important;
  font-weight: 850 !important;
}

.a2t-auth-card input[type="email"],
.a2t-auth-card input[type="text"],
.a2t-auth-card input[type="password"],
.a2t-auth-card input[type="url"],
.a2t-auth-card input[type="number"] {
  width: 100% !important;
  min-height: 54px !important;
  border: 1px solid var(--a2t-line, #e8ebf1) !important;
  border-radius: 15px !important;
  background: var(--a2t-surface, #fff) !important;
  color: var(--a2t-text, #07070b) !important;
  padding: 12px 16px !important;
  font: inherit !important;
  margin: 0 !important;
}

.a2t-auth-card input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  margin-right: 8px !important;
  accent-color: var(--a2t-blue, #3567ff);
}

.a2t-auth-card input:focus {
  outline: 3px solid rgba(53,103,255,.18);
  border-color: var(--a2t-blue, #3567ff) !important;
}

.a2t-auth-actions {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.a2t-auth-card button,
.a2t-auth-card input[type="submit"],
.a2t-auth-primary {
  width: 100% !important;
  min-height: 52px !important;
  border: 1px solid #050507 !important;
  border-radius: 14px !important;
  background: #050507 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer;
  margin: 0 !important;
}

.a2t-auth-secondary {
  width: 100%;
  min-height: 50px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 14px;
  background: var(--a2t-surface, #fff);
  color: var(--a2t-text, #07070b);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 850;
  text-decoration: none;
}

.a2t-auth-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  color: var(--a2t-muted, #58657a);
}

.a2t-auth-links a,
.a2t-auth-card a {
  color: var(--a2t-blue, #3567ff);
  text-decoration: none;
  font-weight: 750;
}

.a2t-auth-links a:hover,
.a2t-auth-card a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.a2t-auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--a2t-muted, #58657a);
  margin: 24px 0;
  font-weight: 700;
}

.a2t-auth-divider::before,
.a2t-auth-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: var(--a2t-line, #e8ebf1);
}

.a2t-auth-help {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 18px;
  background: var(--a2t-soft, #f7f8fb);
  padding: 16px;
  color: var(--a2t-muted, #58657a);
  line-height: 1.6;
  margin-top: 22px;
}

.a2t-auth-errors,
.a2t-auth-card .errorlist {
  list-style: none;
  padding: 14px 16px !important;
  margin: 0 0 18px !important;
  border-radius: 16px;
  border: 1px solid rgba(220,38,38,.22);
  background: rgba(220,38,38,.08);
  color: #b91c1c;
}

.a2t-auth-card .helptext {
  display: block;
  margin-top: 7px;
  color: var(--a2t-muted, #58657a);
  font-size: 13px;
}

.a2t-auth-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 28px;
}

.a2t-auth-mini {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255,255,255,.06);
}

.a2t-auth-mini strong {
  display: block;
  font-size: 24px;
  color: #fff;
  letter-spacing: -.04em;
}

.a2t-auth-mini span {
  display: block;
  color: #cbd5e1;
  font-size: 13px;
  margin-top: 4px;
}

@media (max-width: 980px) {
  .a2t-auth-layout {
    grid-template-columns: 1fr;
  }

  .a2t-auth-brand-panel {
    min-height: auto;
  }

  .a2t-auth-logo {
    margin-bottom: 28px;
  }
}

@media (max-width: 700px) {
  .a2t-auth-page {
    width: min(100% - 28px, 1180px);
    padding: 48px 0 74px;
  }

  .a2t-auth-brand-panel,
  .a2t-auth-card {
    border-radius: 24px;
    padding: 24px;
  }

  .a2t-auth-mini-grid {
    grid-template-columns: 1fr;
  }

  .a2t-auth-links {
    display: grid;
  }
}


/* =========================================================
   A2TDEV Legal Pages
   Privacy Policy + Terms & Conditions
   ========================================================= */
.a2t-legal-page {
  width: min(1120px, calc(100% - 64px));
  margin: 0 auto;
  padding: 72px 0 104px;
  color: var(--a2t-text, #07070b);
}

.a2t-legal-hero {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 30px;
  background:
    radial-gradient(circle at 82% 10%, rgba(53,103,255,.13), transparent 24%),
    var(--a2t-surface, #fff);
  padding: clamp(28px, 5vw, 52px);
  box-shadow: 0 24px 80px rgba(8,12,24,.07);
  margin-bottom: 28px;
}

.a2t-legal-kicker {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-blue, #3567ff);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-legal-hero h1 {
  margin: 22px 0 14px;
  font-size: clamp(42px, 5.5vw, 72px);
  line-height: .96;
  letter-spacing: -.068em;
  font-weight: 950;
}

.a2t-legal-hero p {
  max-width: 760px;
  color: var(--a2t-muted, #58657a);
  font-size: 18px;
  line-height: 1.7;
  margin: 0;
}

.a2t-legal-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.a2t-legal-toc {
  position: sticky;
  top: 104px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 24px;
  background: var(--a2t-surface, #fff);
  padding: 18px;
  box-shadow: 0 12px 35px rgba(8,12,24,.04);
}

.a2t-legal-toc strong {
  display: block;
  margin-bottom: 12px;
  color: var(--a2t-text, #07070b);
  font-size: 14px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.a2t-legal-toc a {
  display: block;
  color: var(--a2t-muted, #58657a);
  text-decoration: none;
  padding: 8px 10px;
  border-radius: 12px;
  line-height: 1.35;
  font-size: 14px;
}

.a2t-legal-toc a:hover {
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-blue, #3567ff);
}

.a2t-legal-card {
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 28px;
  background: var(--a2t-surface, #fff);
  box-shadow: 0 18px 55px rgba(8,12,24,.045);
  padding: clamp(24px, 4vw, 42px);
}

.a2t-legal-card section {
  padding: 30px 0;
  border-bottom: 1px solid var(--a2t-line, #e8ebf1);
  scroll-margin-top: 118px;
}

.a2t-legal-card section:first-child {
  padding-top: 0;
}

.a2t-legal-card section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.a2t-legal-card h2 {
  margin: 0 0 14px;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.1;
  letter-spacing: -.05em;
  font-weight: 950;
}

.a2t-legal-card h3 {
  margin: 22px 0 10px;
  font-size: 22px;
  letter-spacing: -.035em;
}

.a2t-legal-card p,
.a2t-legal-card li {
  color: #334155;
  line-height: 1.75;
  font-size: 16px;
}

.a2t-legal-card ul {
  margin: 12px 0 0;
  padding-left: 1.35em;
}

.a2t-legal-note {
  border: 1px solid rgba(53,103,255,.18);
  border-radius: 20px;
  background: rgba(53,103,255,.07);
  padding: 18px 20px;
  margin: 22px 0;
  color: #1e3a8a;
  line-height: 1.65;
}

.a2t-legal-date {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.a2t-legal-pill {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 999px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-muted, #58657a);
  font-size: 13px;
  font-weight: 750;
}

@media(max-width: 920px) {
  .a2t-legal-layout {
    grid-template-columns: 1fr;
  }
  .a2t-legal-toc {
    position: static;
  }
}

@media(max-width: 700px) {
  .a2t-legal-page {
    width: min(100% - 28px, 1120px);
    padding: 48px 0 74px;
  }
}


/* Social authentication options */
.a2t-social-auth {
  display: grid;
  gap: 12px;
  margin: 22px 0;
}

.a2t-social-auth.two {
  grid-template-columns: repeat(2, 1fr);
}

.a2t-social-btn {
  min-height: 52px;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 15px;
  background: var(--a2t-surface, #fff);
  color: var(--a2t-text, #07070b);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(8,12,24,.035);
}

.a2t-social-btn:hover {
  color: var(--a2t-text, #07070b);
  text-decoration: none !important;
  transform: translateY(-1px);
}

.a2t-social-btn.google i {
  color: #ea4335;
}

.a2t-social-btn.x-twitter i {
  color: #050507;
}

.a2t-auth-brand-social {
  position: relative;
  z-index: 2;
  margin-top: 34px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  border-radius: 22px;
}

.a2t-auth-brand-social h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.045em;
}

.a2t-auth-brand-social p {
  color: #cbd5e1;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 16px;
}

.a2t-auth-brand-social .a2t-social-auth {
  margin: 0;
}

.a2t-auth-brand-social .a2t-social-btn {
  background: #fff;
  border-color: rgba(255,255,255,.18);
  color: #050507;
}

.a2t-provider-note {
  color: var(--a2t-muted, #58657a);
  font-size: 13px;
  line-height: 1.5;
  margin-top: 10px;
}

@media (max-width: 700px) {
  .a2t-social-auth.two {
    grid-template-columns: 1fr;
  }
}


/* Safe social auth fallback */
.a2t-social-disabled {
  min-height: 52px;
  border: 1px dashed var(--a2t-line, #e8ebf1);
  border-radius: 15px;
  background: var(--a2t-soft, #f7f8fb);
  color: var(--a2t-muted, #58657a);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 14px;
  text-align: center;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  grid-column: 1 / -1;
}

.a2t-auth-brand-social .a2t-social-disabled {
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.14);
  color: #cbd5e1;
}


/* Allauth fallback elements inside A2TDEV auth card */
.a2t-auth-card ul,
.a2t-auth-card ol {
  padding-left: 1.2em;
  color: var(--a2t-muted, #58657a);
  line-height: 1.65;
}

.a2t-auth-card [role="alert"],
.a2t-auth-card .alert {
  border: 1px solid rgba(220,38,38,.22);
  background: rgba(220,38,38,.08);
  color: #b91c1c;
  border-radius: 16px;
  padding: 14px 16px;
  margin-bottom: 18px;
}

.a2t-auth-card .button,
.a2t-auth-card button[type="submit"] {
  width: 100%;
  min-height: 52px;
  border-radius: 14px;
}


/* =========================================================
   A2TDEV Project Request — Production Flow
   ========================================================= */
.a2t-pr-page {
  --pr-bg: #ffffff;
  --pr-text: var(--a2t-text, #07070b);
  --pr-muted: var(--a2t-muted, #58657a);
  --pr-line: var(--a2t-line, #e8ebf1);
  --pr-soft: var(--a2t-soft, #f7f8fb);
  --pr-blue: var(--a2t-blue, #3567ff);
  --pr-card: var(--a2t-surface, #fff);
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: 68px 0 104px;
}

.a2t-pr-hero {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 34px;
  align-items: stretch;
}

.a2t-pr-side,
.a2t-pr-form-card {
  border: 1px solid var(--pr-line);
  border-radius: 30px;
  background: var(--pr-card);
  box-shadow: 0 22px 70px rgba(8,12,24,.065);
}

.a2t-pr-side {
  position: sticky;
  top: 104px;
  align-self: start;
  padding: 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 12%, rgba(53,103,255,.12), transparent 30%),
    var(--pr-card);
}

.a2t-pr-kicker {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--pr-soft);
  border: 1px solid var(--pr-line);
  color: var(--pr-blue);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-pr-title {
  margin: 26px 0 18px;
  font-size: clamp(42px, 5.4vw, 70px);
  line-height: .96;
  letter-spacing: -.07em;
  font-weight: 950;
  color: var(--pr-text);
}

.a2t-pr-lead {
  color: var(--pr-muted);
  font-size: 18px;
  line-height: 1.7;
  margin: 0;
}

.a2t-pr-flow {
  display: grid;
  gap: 14px;
  margin-top: 30px;
}

.a2t-pr-flow-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--pr-line);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
}

.a2t-pr-flow-num {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  background: #050507;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 950;
}

.a2t-pr-flow-item strong {
  display: block;
  margin-bottom: 4px;
  color: var(--pr-text);
}

.a2t-pr-flow-item span {
  display: block;
  color: var(--pr-muted);
  line-height: 1.48;
  font-size: 14px;
}

.a2t-pr-side-note {
  margin-top: 24px;
  border: 1px solid rgba(53,103,255,.16);
  background: rgba(53,103,255,.07);
  color: #1e3a8a;
  border-radius: 18px;
  padding: 16px;
  line-height: 1.6;
  font-weight: 650;
}

.a2t-pr-form-card {
  padding: 0;
  overflow: hidden;
}

.a2t-pr-form-header {
  padding: 30px 34px;
  border-bottom: 1px solid var(--pr-line);
  background: linear-gradient(180deg,#fff,#fbfcff);
}

.a2t-pr-form-header h1 {
  margin: 0 0 10px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
  letter-spacing: -.06em;
  color: var(--pr-text);
}

.a2t-pr-form-header p {
  margin: 0;
  color: var(--pr-muted);
  line-height: 1.65;
}

.a2t-pr-section {
  padding: 30px 34px;
  border-bottom: 1px solid var(--pr-line);
}

.a2t-pr-section:last-of-type {
  border-bottom: 0;
}

.a2t-pr-section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.a2t-pr-section h2 {
  margin: 0;
  font-size: clamp(24px, 3vw, 32px);
  line-height: 1.12;
  letter-spacing: -.048em;
  color: var(--pr-text);
}

.a2t-pr-section-head p {
  max-width: 520px;
  margin: 4px 0 0;
  color: var(--pr-muted);
  line-height: 1.55;
  font-size: 14px;
}

.a2t-pr-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.a2t-pr-choice {
  display: block !important;
  position: relative !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.a2t-pr-choice input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.a2t-pr-choice-card {
  min-height: 132px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border: 1px solid var(--pr-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  padding: 18px !important;
  transition: .18s ease !important;
  overflow: hidden !important;
}

.a2t-pr-choice-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--pr-soft);
  border: 1px solid var(--pr-line);
  display: grid;
  place-items: center;
  color: var(--pr-blue);
  font-weight: 950;
}

.a2t-pr-choice-card strong {
  display: block !important;
  color: var(--pr-text) !important;
  font-size: 16px !important;
  line-height: 1.22 !important;
  margin: 0 0 6px !important;
  letter-spacing: -.02em;
}

.a2t-pr-choice-card span {
  display: block !important;
  color: var(--pr-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

.a2t-pr-choice input:checked + .a2t-pr-choice-card {
  border-color: var(--pr-blue) !important;
  box-shadow: 0 0 0 4px rgba(53,103,255,.11) !important;
  background: #f7f9ff !important;
}

.a2t-pr-choice input:checked + .a2t-pr-choice-card .a2t-pr-choice-icon {
  background: var(--pr-blue);
  color: #fff;
  border-color: var(--pr-blue);
}

.a2t-pr-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.a2t-pr-field.full {
  grid-column: 1 / -1;
}

.a2t-pr-field label {
  display: block;
  margin-bottom: 8px;
  color: var(--pr-text);
  font-weight: 850;
}

.a2t-pr-required {
  color: #ef4444;
}

.a2t-pr-field input,
.a2t-pr-field select,
.a2t-pr-field textarea {
  width: 100%;
  min-height: 54px;
  border: 1px solid var(--pr-line);
  border-radius: 15px;
  background: #fff;
  color: var(--pr-text);
  padding: 12px 15px;
  font: inherit;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.a2t-pr-field textarea {
  min-height: 118px;
  resize: vertical;
  line-height: 1.65;
}

.a2t-pr-field input:focus,
.a2t-pr-field select:focus,
.a2t-pr-field textarea:focus {
  outline: none;
  border-color: var(--pr-blue);
  box-shadow: 0 0 0 4px rgba(53,103,255,.12);
}

.a2t-pr-help {
  display: block;
  margin-top: 7px;
  color: var(--pr-muted);
  font-size: 13px;
  line-height: 1.45;
}

.a2t-pr-editor {
  border: 1px solid var(--pr-line);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

.a2t-pr-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  border-bottom: 1px solid var(--pr-line);
  background: var(--pr-soft);
}

.a2t-pr-toolbar button {
  min-height: 36px;
  border: 1px solid var(--pr-line);
  border-radius: 11px;
  background: #fff;
  color: var(--pr-text);
  font-weight: 850;
  padding: 0 12px;
  cursor: pointer;
}

.a2t-pr-toolbar button:hover {
  border-color: var(--pr-blue);
  color: var(--pr-blue);
}

.a2t-pr-editor-area {
  min-height: 280px;
  padding: 20px;
  outline: none;
  line-height: 1.76;
  color: var(--pr-text);
}

.a2t-pr-editor-area:empty::before {
  content: attr(data-placeholder);
  color: var(--pr-muted);
}

.a2t-pr-editor-area h3 {
  margin: 1em 0 .4em;
  letter-spacing: -.035em;
}

.a2t-pr-upload {
  border: 1px dashed #cbd5e1;
  border-radius: 20px;
  background: var(--pr-soft);
  padding: 18px;
}

.a2t-pr-upload input {
  background: #fff;
}

.a2t-pr-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.a2t-pr-summary-card {
  border: 1px solid var(--pr-line);
  border-radius: 18px;
  background: var(--pr-soft);
  padding: 16px;
}

.a2t-pr-summary-card strong {
  display: block;
  color: var(--pr-text);
  margin-bottom: 4px;
}

.a2t-pr-summary-card span {
  color: var(--pr-muted);
  font-size: 13px;
  line-height: 1.45;
}

.a2t-pr-submit {
  padding: 28px 34px;
  border-top: 1px solid var(--pr-line);
  background: #fbfcff;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
}

.a2t-pr-submit p {
  margin: 0;
  color: var(--pr-muted);
  line-height: 1.55;
}

.a2t-pr-submit a {
  color: var(--pr-blue);
  font-weight: 850;
  text-decoration: none;
}

.a2t-pr-submit button {
  min-height: 54px;
  border: 1px solid #050507;
  border-radius: 14px;
  background: #050507;
  color: #fff;
  font-weight: 900;
  padding: 0 26px;
  box-shadow: 0 14px 32px rgba(0,0,0,.14);
}

.a2t-pr-errors {
  margin-bottom: 18px;
  border: 1px solid rgba(220,38,38,.22);
  background: rgba(220,38,38,.08);
  color: #b91c1c;
  border-radius: 18px;
  padding: 16px 18px;
}

.a2t-pr-errors ul {
  margin: 8px 0 0;
}

@media(max-width: 1080px) {
  .a2t-pr-hero {
    grid-template-columns: 1fr;
  }
  .a2t-pr-side {
    position: static;
  }
}

@media(max-width: 820px) {
  .a2t-pr-choice-grid,
  .a2t-pr-grid,
  .a2t-pr-summary {
    grid-template-columns: 1fr !important;
  }
  .a2t-pr-section-head {
    display: block;
  }
  .a2t-pr-submit {
    grid-template-columns: 1fr;
  }
  .a2t-pr-submit button {
    width: 100%;
  }
}

@media(max-width: 700px) {
  .a2t-pr-page {
    width: min(100% - 28px, 1240px);
    padding: 48px 0 74px;
  }
  .a2t-pr-side,
  .a2t-pr-form-header,
  .a2t-pr-section,
  .a2t-pr-submit {
    padding: 24px;
  }
}


/* Dynamic project-type questions */
.a2t-pr-dynamic-intro {
  border: 1px solid rgba(53,103,255,.16);
  background: rgba(53,103,255,.07);
  color: #1e3a8a;
  border-radius: 18px;
  padding: 16px 18px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.a2t-pr-dynamic-group {
  display: none;
  animation: a2tFadeIn .18s ease;
}

.a2t-pr-dynamic-group.active {
  display: block;
}

.a2t-pr-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

.a2t-pr-check {
  border: 1px solid var(--pr-line);
  border-radius: 14px;
  background: #fff;
  padding: 12px 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--pr-text);
  font-weight: 750;
}

.a2t-pr-check input {
  width: 18px;
  height: 18px;
  accent-color: var(--pr-blue);
}

@keyframes a2tFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media(max-width: 820px) {
  .a2t-pr-check-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   A2TDEV Guided Project Request
   Clean production request flow without rich editor
   ========================================================= */
.a2t-pr-page {
  --pr-text: var(--a2t-text, #07070b);
  --pr-muted: var(--a2t-muted, #58657a);
  --pr-line: var(--a2t-line, #e8ebf1);
  --pr-soft: var(--a2t-soft, #f7f8fb);
  --pr-blue: var(--a2t-blue, #3567ff);
  --pr-card: var(--a2t-surface, #fff);
  width: min(1220px, calc(100% - 64px));
  margin: 0 auto;
  padding: 64px 0 104px;
}

.a2t-pr-layout {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.a2t-pr-side,
.a2t-pr-form-card {
  border: 1px solid var(--pr-line);
  border-radius: 30px;
  background: var(--pr-card);
  box-shadow: 0 22px 70px rgba(8,12,24,.06);
}

.a2t-pr-side {
  position: sticky;
  top: 104px;
  padding: 32px;
  background:
    radial-gradient(circle at 90% 8%, rgba(53,103,255,.12), transparent 28%),
    linear-gradient(180deg, #fff, #fbfcff);
}

.a2t-pr-kicker {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--pr-soft);
  border: 1px solid var(--pr-line);
  color: var(--pr-blue);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.a2t-pr-title {
  margin: 24px 0 18px;
  color: var(--pr-text);
  font-size: clamp(40px, 4.7vw, 62px);
  line-height: .96;
  letter-spacing: -.068em;
  font-weight: 950;
}

.a2t-pr-lead {
  margin: 0;
  color: var(--pr-muted);
  line-height: 1.7;
  font-size: 17px;
}

.a2t-pr-side-note {
  margin-top: 24px;
  border: 1px solid rgba(53,103,255,.16);
  background: rgba(53,103,255,.07);
  color: #1e3a8a;
  border-radius: 18px;
  padding: 16px;
  line-height: 1.6;
  font-weight: 650;
}

.a2t-pr-flow {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

.a2t-pr-flow-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 13px;
  align-items: start;
  border: 1px solid var(--pr-line);
  background: rgba(255,255,255,.8);
  border-radius: 18px;
  padding: 12px;
}

.a2t-pr-flow-num {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: #050507;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 950;
}

.a2t-pr-flow-item strong {
  display: block;
  color: var(--pr-text);
  margin-bottom: 3px;
}

.a2t-pr-flow-item span {
  color: var(--pr-muted);
  line-height: 1.5;
  font-size: 14px;
}

.a2t-pr-form-card {
  overflow: hidden;
}

.a2t-pr-form-header {
  padding: 30px 34px;
  border-bottom: 1px solid var(--pr-line);
  background: linear-gradient(180deg, #fff, #fbfcff);
}

.a2t-pr-form-header h1 {
  margin: 0 0 8px;
  color: var(--pr-text);
  font-size: clamp(31px, 3.8vw, 46px);
  line-height: 1;
  letter-spacing: -.06em;
  font-weight: 950;
}

.a2t-pr-form-header p {
  margin: 0;
  color: var(--pr-muted);
  line-height: 1.6;
}

.a2t-pr-progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 16px 34px;
  border-bottom: 1px solid var(--pr-line);
  background: #fff;
}

.a2t-pr-progress a {
  border: 1px solid var(--pr-line);
  background: var(--pr-soft);
  color: var(--pr-muted);
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
}

.a2t-pr-progress a.active {
  border-color: var(--pr-blue);
  color: var(--pr-blue);
  background: #f4f7ff;
}

.a2t-pr-section {
  padding: 32px 34px;
  border-bottom: 1px solid var(--pr-line);
  scroll-margin-top: 120px;
}

.a2t-pr-section:last-of-type {
  border-bottom: 0;
}

.a2t-pr-section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.a2t-pr-section h2 {
  margin: 0;
  color: var(--pr-text);
  font-size: clamp(25px, 3vw, 34px);
  line-height: 1.08;
  letter-spacing: -.052em;
  font-weight: 950;
}

.a2t-pr-section-head p {
  max-width: 520px;
  margin: 4px 0 0;
  color: var(--pr-muted);
  line-height: 1.55;
  font-size: 14px;
}

.a2t-pr-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.a2t-pr-choice {
  position: relative !important;
  display: block !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.a2t-pr-choice input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.a2t-pr-choice-card {
  min-height: 126px !important;
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
  border: 1px solid var(--pr-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  padding: 18px !important;
  transition: .18s ease !important;
}

.a2t-pr-choice-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  border: 1px solid var(--pr-line);
  background: var(--pr-soft);
  color: var(--pr-blue);
  font-weight: 950;
}

.a2t-pr-choice-card strong {
  display: block;
  margin: 0 0 6px;
  color: var(--pr-text);
  font-size: 16px;
  line-height: 1.2;
}

.a2t-pr-choice-card span span {
  display: block;
  color: var(--pr-muted);
  line-height: 1.45;
  font-size: 13px;
}

.a2t-pr-choice input:checked + .a2t-pr-choice-card {
  border-color: var(--pr-blue) !important;
  background: #f7f9ff !important;
  box-shadow: 0 0 0 4px rgba(53,103,255,.11) !important;
}

.a2t-pr-choice input:checked + .a2t-pr-choice-card .a2t-pr-choice-icon {
  background: var(--pr-blue);
  border-color: var(--pr-blue);
  color: #fff;
}

.a2t-pr-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.a2t-pr-field.full {
  grid-column: 1 / -1;
}

.a2t-pr-field label {
  display: block;
  margin-bottom: 8px;
  color: var(--pr-text);
  font-weight: 850;
}

.a2t-pr-required {
  color: #ef4444;
}

.a2t-pr-field input,
.a2t-pr-field select,
.a2t-pr-field textarea {
  width: 100%;
  min-height: 54px;
  border: 1px solid var(--pr-line);
  border-radius: 15px;
  background: #fff;
  color: var(--pr-text);
  padding: 12px 15px;
  font: inherit;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.a2t-pr-field textarea {
  min-height: 118px;
  resize: vertical;
  line-height: 1.65;
}

.a2t-pr-field input:focus,
.a2t-pr-field select:focus,
.a2t-pr-field textarea:focus {
  outline: none;
  border-color: var(--pr-blue);
  box-shadow: 0 0 0 4px rgba(53,103,255,.12);
}

.a2t-pr-help {
  display: block;
  margin-top: 7px;
  color: var(--pr-muted);
  font-size: 13px;
  line-height: 1.45;
}

.a2t-pr-dynamic-intro {
  border: 1px solid rgba(53,103,255,.16);
  background: rgba(53,103,255,.07);
  color: #1e3a8a;
  border-radius: 18px;
  padding: 16px 18px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.a2t-pr-dynamic-group {
  display: none;
  animation: a2tFadeIn .18s ease;
}

.a2t-pr-dynamic-group.active {
  display: block;
}

.a2t-pr-upload {
  border: 1px dashed #cbd5e1;
  border-radius: 20px;
  background: var(--pr-soft);
  padding: 18px;
}

.a2t-pr-upload input {
  background: #fff;
}

.a2t-pr-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.a2t-pr-summary-card {
  border: 1px solid var(--pr-line);
  border-radius: 18px;
  background: var(--pr-soft);
  padding: 16px;
}

.a2t-pr-summary-card strong {
  display: block;
  color: var(--pr-text);
  margin-bottom: 4px;
}

.a2t-pr-summary-card span {
  display: block;
  color: var(--pr-muted);
  line-height: 1.45;
  font-size: 13px;
}

.a2t-pr-submit {
  padding: 28px 34px;
  border-top: 1px solid var(--pr-line);
  background: #fbfcff;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
}

.a2t-pr-submit p {
  margin: 0;
  color: var(--pr-muted);
  line-height: 1.55;
}

.a2t-pr-submit a {
  color: var(--pr-blue);
  text-decoration: none;
  font-weight: 850;
}

.a2t-pr-submit button {
  min-height: 54px;
  border: 1px solid #050507;
  border-radius: 14px;
  background: #050507;
  color: #fff;
  font-weight: 900;
  padding: 0 26px;
  box-shadow: 0 14px 32px rgba(0,0,0,.14);
}

.a2t-pr-errors {
  margin-bottom: 18px;
  border: 1px solid rgba(220,38,38,.22);
  background: rgba(220,38,38,.08);
  color: #b91c1c;
  border-radius: 18px;
  padding: 16px 18px;
}

.a2t-pr-errors ul {
  margin: 8px 0 0;
}

@keyframes a2tFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media(max-width: 1080px) {
  .a2t-pr-layout {
    grid-template-columns: 1fr;
  }
  .a2t-pr-side {
    position: static;
  }
}

@media(max-width: 840px) {
  .a2t-pr-choice-grid,
  .a2t-pr-grid,
  .a2t-pr-summary,
  .a2t-pr-progress {
    grid-template-columns: 1fr !important;
  }
  .a2t-pr-section-head {
    display: block;
  }
  .a2t-pr-submit {
    grid-template-columns: 1fr;
  }
  .a2t-pr-submit button {
    width: 100%;
  }
}

@media(max-width: 700px) {
  .a2t-pr-page {
    width: min(100% - 28px, 1220px);
    padding: 48px 0 74px;
  }
  .a2t-pr-side,
  .a2t-pr-form-header,
  .a2t-pr-section,
  .a2t-pr-submit {
    padding: 24px;
  }
}


/* =========================================================
   Step Wizard Upgrade
   ========================================================= */
.a2t-pr-progress button {
  appearance: none;
  cursor: pointer;
  width: 100%;
  border: 1px solid var(--pr-line);
  background: var(--pr-soft);
  color: var(--pr-muted);
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 850;
  text-align: center;
}

.a2t-pr-progress button.active {
  border-color: var(--pr-blue);
  color: var(--pr-blue);
  background: #f4f7ff;
}

.a2t-pr-progress button.done {
  border-color: rgba(53,103,255,.28);
  color: var(--pr-text);
  background: #fff;
}

.a2t-pr-step {
  display: none;
}

.a2t-pr-step.active {
  display: block;
}

.a2t-pr-step-actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
}

.a2t-pr-step-actions.right {
  justify-content: flex-end;
}

.a2t-pr-btn,
.a2t-pr-btn-secondary {
  min-height: 52px;
  border-radius: 14px;
  padding: 0 22px;
  font-weight: 900;
  font: inherit;
  cursor: pointer;
}

.a2t-pr-btn {
  background: #050507;
  color: #fff;
  border: 1px solid #050507;
  box-shadow: 0 14px 32px rgba(0,0,0,.14);
}

.a2t-pr-btn-secondary {
  background: #fff;
  color: var(--pr-text);
  border: 1px solid var(--pr-line);
}

.a2t-pr-btn:disabled,
.a2t-pr-btn-secondary:disabled,
.a2t-pr-progress button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.a2t-pr-step-note {
  margin-top: 16px;
  color: var(--pr-muted);
  font-size: 13px;
  line-height: 1.5;
}

.a2t-pr-review-box {
  border: 1px solid var(--pr-line);
  background: var(--pr-soft);
  border-radius: 20px;
  padding: 18px;
}

.a2t-pr-review-box h3 {
  margin: 0 0 12px;
  color: var(--pr-text);
  font-size: 18px;
}

.a2t-pr-review-list {
  display: grid;
  gap: 10px;
}

.a2t-pr-review-item {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid var(--pr-line);
}

.a2t-pr-review-item:last-child {
  border-bottom: 0;
}

.a2t-pr-review-item strong {
  color: var(--pr-text);
  font-size: 14px;
}

.a2t-pr-review-item span {
  color: var(--pr-muted);
  line-height: 1.6;
  white-space: pre-wrap;
}

@media(max-width: 840px) {
  .a2t-pr-step-actions {
    flex-direction: column-reverse;
  }
  .a2t-pr-step-actions .a2t-pr-btn,
  .a2t-pr-step-actions .a2t-pr-btn-secondary {
    width: 100%;
  }
  .a2t-pr-review-item {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}


/* Inline field errors */
.a2t-field-error {
  margin-top: 8px;
  color: #b91c1c;
  background: rgba(220,38,38,.07);
  border: 1px solid rgba(220,38,38,.18);
  border-radius: 12px;
  padding: 9px 11px;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 750;
}

.a2t-pr-invalid {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 4px rgba(220,38,38,.10) !important;
}

.a2t-pr-choice-grid .a2t-field-error {
  grid-column: 1 / -1;
}

.a2t-pr-submit .a2t-field-error {
  margin-top: 12px;
}

/* Marketplace hero display treatment */
#a2t-store .store-hero {
  min-height: calc(100vh - 88px);
  padding: clamp(10px, 1.4vh, 22px) 0 clamp(8px, 1vh, 14px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}

#a2t-store .store-container {
  width: min(1400px, calc(100% - 260px));
}

#a2t-store .store-hero-grid {
  grid-template-columns: minmax(420px, .86fr) minmax(560px, 1.14fr);
  gap: clamp(34px, 4.2vw, 76px);
  align-items: center;
}

#a2t-store .store-copy h1 {
  max-width: 620px;
  margin: clamp(14px, 1.5vh, 20px) 0 16px;
  font-size: clamp(42px, 3.45vw, 61px);
  line-height: .985;
  letter-spacing: -.058em;
}

#a2t-store .store-copy h1::after {
  content: none;
}

#a2t-store .store-copy p {
  max-width: 600px;
  margin-bottom: 20px;
  font-size: clamp(16px, 1vw, 18px);
}

#a2t-store .store-preview-card {
  position: relative;
  isolation: isolate;
  min-height: clamp(330px, 27vw, 445px);
  aspect-ratio: 1.16 / 1;
  overflow: visible;
  border: 0 !important;
  border-radius: 35% 27% 32% 24% / 25% 32% 24% 34%;
  background: transparent !important;
  box-shadow: none !important;
  padding: clamp(18px, 1.85vw, 28px);
  filter: drop-shadow(0 28px 42px rgba(15,23,42,.11));
}

#a2t-store .store-preview-card::before,
#a2t-store .store-preview-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

#a2t-store .store-preview-card::before {
  inset: clamp(3px, .35vw, 6px);
  z-index: -2;
  border-radius: 36% 27% 33% 24% / 25% 33% 24% 35%;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(245,248,253,.72)),
    radial-gradient(circle at 84% 16%, rgba(226,235,248,.56), transparent 36%);
  border: 0;
  box-shadow:
    0 28px 74px rgba(15,23,42,.10),
    inset 0 0 0 1px rgba(255,255,255,.88);
}

#a2t-store .store-preview-card::after {
  inset: clamp(18px, 2vw, 30px);
  z-index: -1;
  border-radius: 34% 26% 31% 23% / 25% 32% 24% 33%;
  border: 1px solid rgba(255,255,255,.74);
  box-shadow:
    inset 0 0 34px rgba(255,255,255,.54),
    0 0 0 1px rgba(148,163,184,.08);
}

#a2t-store .preview-slideshow {
  border: 0 !important;
  border-radius: 34% 26% 31% 23% / 25% 32% 24% 33%;
  clip-path: inset(0 round 34% 26% 31% 23% / 25% 32% 24% 33%);
  overflow: hidden !important;
  background: #0a1020;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.48),
    inset 0 -34px 70px rgba(255,255,255,.16),
    0 22px 55px rgba(8,12,24,.18);
}

#a2t-store .preview-blob-border,
#a2t-store .preview-web-overlay,
#a2t-store .preview-blob-dots {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

#a2t-store .preview-blob-border {
  z-index: -1;
}

#a2t-store .preview-blob-border svg,
#a2t-store .preview-web-overlay svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

#a2t-store .preview-blob-border path {
  fill: none;
}

#a2t-store .preview-blob-border path:nth-child(1) {
  stroke: rgba(226,232,240,.66);
  stroke-width: 14;
}

#a2t-store .preview-blob-border path:nth-child(2) {
  stroke: rgba(255,255,255,.92);
  stroke-width: 8;
}

#a2t-store .preview-blob-border path:nth-child(3) {
  stroke: rgba(203,213,225,.72);
  stroke-width: 2;
}

#a2t-store .preview-web-overlay {
  z-index: 3;
  color: rgba(255,255,255,.74);
  opacity: .50;
  mix-blend-mode: screen;
  transform: none;
  transform-origin: center;
}

#a2t-store .preview-web-overlay .web-lines {
  stroke-width: 1.2;
}

#a2t-store .preview-web-overlay .web-spoke {
  opacity: .62;
}

#a2t-store .preview-web-overlay .web-ring {
  opacity: .72;
}

#a2t-store .preview-web-overlay .web-ring-outer {
  opacity: .95;
  stroke-width: 1.45;
}

#a2t-store .preview-web-overlay .web-end-dots {
  display: none;
}

#a2t-store .preview-blob-dots {
  display: block;
  z-index: 8;
}

#a2t-store .preview-blob-dots span {
  position: absolute;
  width: clamp(10px, .9vw, 15px);
  height: clamp(10px, .9vw, 15px);
  border-radius: 999px;
  background: linear-gradient(180deg, #fff, #f7faff);
  border: 1px solid rgba(203,213,225,.76);
  box-shadow:
    0 8px 18px rgba(15,23,42,.12),
    inset 0 0 0 1px rgba(255,255,255,.70);
  transform: translate(-50%, -50%);
}

#a2t-store .preview-blob-dots span:nth-child(1) { left: 50%; top: 2%; }
#a2t-store .preview-blob-dots span:nth-child(2) { left: 22%; top: 18%; }
#a2t-store .preview-blob-dots span:nth-child(3) { left: 78%; top: 16%; }
#a2t-store .preview-blob-dots span:nth-child(4) { left: 96%; top: 49%; }
#a2t-store .preview-blob-dots span:nth-child(5) { left: 84%; top: 82%; }
#a2t-store .preview-blob-dots span:nth-child(6) { left: 51%; top: 97%; }
#a2t-store .preview-blob-dots span:nth-child(7) { left: 23%; top: 84%; }

#a2t-store .preview-slide::after {
  background:
    linear-gradient(90deg, rgba(5,8,16,.76), rgba(5,8,16,.54) 40%, rgba(5,8,16,.18) 70%, rgba(5,8,16,.04)),
    linear-gradient(180deg, rgba(5,8,16,.10), rgba(5,8,16,.34));
}

#a2t-store .preview-slide-content {
  z-index: 5;
  left: clamp(48px, 15%, 92px);
  right: 36%;
  top: 46%;
  color: #fff;
}

#a2t-store .preview-slide-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  margin-bottom: 18px;
  box-shadow: 0 12px 28px rgba(53,103,255,.24);
}

#a2t-store .preview-slide-badge::before {
  content: "\2605";
  font-size: 10px;
  line-height: 1;
}

#a2t-store .preview-slide-content strong {
  color: #fff;
  font-size: clamp(25px, 1.8vw, 31px);
  letter-spacing: -.05em;
  text-shadow: 0 3px 14px rgba(0,0,0,.46);
}

#a2t-store .preview-slide-content small {
  color: #4f7dff;
  font-size: clamp(14px, 1vw, 17px);
  text-shadow: 0 3px 14px rgba(0,0,0,.38);
}

#a2t-store .preview-slide-content small::after {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  margin: 11px 0 0;
  border-radius: 99px;
  background: rgba(255,255,255,.82);
}

#a2t-store .preview-slide-text {
  color: rgba(255,255,255,.92);
  font-size: clamp(14px, .95vw, 16px);
  text-shadow: 0 3px 14px rgba(0,0,0,.44);
}

#a2t-store .preview-slide-controls {
  z-index: 6;
  bottom: clamp(28px, 8%, 48px);
  padding: 6px 9px;
  gap: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(15,23,42,.24);
  box-shadow:
    0 16px 34px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.62);
  backdrop-filter: blur(14px);
}

#a2t-store .preview-slide-arrow {
  width: 32px;
  height: 32px;
  background: transparent;
  box-shadow: none;
}

#a2t-store .preview-slide-dots {
  max-width: min(170px, calc(100% - 88px));
  gap: 10px;
  padding: 7px 4px;
}

#a2t-store .preview-slide-dots button {
  width: 10px;
  height: 10px;
  background: rgba(148,163,184,.56);
}

#a2t-store .preview-slide-dots button.active {
  background: var(--store-blue);
  transform: scale(1);
}

#a2t-store .trust-grid {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  margin-top: clamp(6px, 1vh, 12px);
  gap: clamp(18px, 2.2vw, 32px);
  align-items: center;
  min-height: 62px;
}

#a2t-store .trust-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  align-self: center;
  min-height: 0;
  height: 54px;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}

#a2t-store .trust-card i {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 42px;
  height: 42px;
  margin: 0;
  border: 1px solid var(--store-line);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #f6f9ff);
  box-shadow: 0 12px 30px rgba(8,12,24,.06);
}

#a2t-store .trust-card h3 {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 5px;
  font-size: 15px;
  letter-spacing: -.025em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#a2t-store .trust-card p {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html[data-theme="dark"] #a2t-store .store-preview-card::before,
body.dark-mode #a2t-store .store-preview-card::before,
body.dark #a2t-store .store-preview-card::before,
[data-bs-theme="dark"] #a2t-store .store-preview-card::before {
  background:
    linear-gradient(135deg, rgba(15,23,42,.72), rgba(2,6,23,.46)),
    radial-gradient(circle at 84% 18%, rgba(255,255,255,.08), transparent 36%);
  border-color: rgba(255,255,255,.12);
  box-shadow:
    0 34px 90px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.06);
}

html[data-theme="dark"] #a2t-store .store-preview-card::after,
body.dark-mode #a2t-store .store-preview-card::after,
body.dark #a2t-store .store-preview-card::after,
[data-bs-theme="dark"] #a2t-store .store-preview-card::after {
  border-color: rgba(255,255,255,.10);
  box-shadow:
    inset 0 0 30px rgba(255,255,255,.06),
    0 0 0 1px rgba(255,255,255,.04);
}

html[data-theme="dark"] #a2t-store .preview-slideshow,
body.dark-mode #a2t-store .preview-slideshow,
body.dark #a2t-store .preview-slideshow,
[data-bs-theme="dark"] #a2t-store .preview-slideshow {
  background: #030712;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 22px 55px rgba(0,0,0,.36);
}

html[data-theme="dark"] #a2t-store .trust-card i,
body.dark-mode #a2t-store .trust-card i,
body.dark #a2t-store .trust-card i,
[data-bs-theme="dark"] #a2t-store .trust-card i {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border-color: rgba(255,255,255,.13);
}

@media (max-width: 1200px) {
  #a2t-store .store-container {
    width: min(100% - 64px, 1240px);
  }

  #a2t-store .store-hero {
    min-height: auto;
    overflow: visible;
  }

  #a2t-store .store-hero-grid {
    grid-template-columns: 1fr;
  }

  #a2t-store .store-preview-card {
    width: min(860px, 100%);
    margin-inline: auto;
  }

  #a2t-store .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #a2t-store .store-container {
    width: min(100% - 28px, 1240px);
  }

  #a2t-store .store-hero {
    padding-top: 48px;
  }

  #a2t-store .store-copy h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  #a2t-store .store-preview-card {
    min-height: 370px;
    padding: 18px;
    aspect-ratio: 1 / 1.05;
  }

  #a2t-store .preview-slide-content {
    left: 32px;
    right: 30px;
    top: 42%;
  }

  #a2t-store .preview-slide-content strong {
    font-size: 30px;
  }

  #a2t-store .preview-slide-controls {
    bottom: 22px;
  }

  #a2t-store .trust-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}

/* Marketplace reference blob override */
#a2t-store .store-preview-card {
  min-height: clamp(390px, 36vw, 620px);
  aspect-ratio: 1.05 / 1;
  border-radius: 0;
  padding: 0;
  filter: drop-shadow(0 20px 42px rgba(15,23,42,.07));
}

#a2t-store .preview-blob-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

#a2t-store .store-preview-card::before {
  content: none;
}

#a2t-store .store-preview-card::after {
  content: none;
}

#a2t-store .preview-slideshow {
  border-radius: 0;
  clip-path: url(#marketplace-hero-blob-clip);
  background: #f8fafc;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    inset 0 -24px 58px rgba(255,255,255,.36);
}

#a2t-store .preview-blob-border {
  z-index: 7;
}

#a2t-store .preview-blob-border svg,
#a2t-store .preview-web-overlay svg,
#a2t-store .preview-blob-dots svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

#a2t-store .preview-blob-border path:nth-child(1) {
  stroke: rgba(226,232,240,.72);
  stroke-width: 5;
}

#a2t-store .preview-blob-border path:nth-child(2) {
  stroke: rgba(255,255,255,.92);
  stroke-width: 2.4;
}

#a2t-store .preview-blob-border path:nth-child(3) {
  stroke: rgba(148,163,184,.28);
  stroke-width: 1.2;
}

#a2t-store .preview-web-overlay {
  color: rgba(255,255,255,.86);
  opacity: .62;
  mix-blend-mode: normal;
}

#a2t-store .preview-blob-dots circle {
  fill: #f8fbff;
  stroke: rgba(203,213,225,.72);
  stroke-width: 1.2;
  paint-order: stroke fill;
  filter: drop-shadow(0 7px 15px rgba(15,23,42,.11));
}

#a2t-store .preview-slide::after {
  background:
    radial-gradient(ellipse at 25% 48%, rgba(255,255,255,.88) 0%, rgba(255,255,255,.76) 35%, rgba(255,255,255,.44) 58%, rgba(255,255,255,.10) 82%, rgba(255,255,255,0) 100%),
    linear-gradient(90deg, rgba(255,255,255,.90), rgba(255,255,255,.62) 40%, rgba(255,255,255,.20) 72%, rgba(255,255,255,.02));
}

#a2t-store .preview-slide-content {
  left: clamp(58px, 11%, 92px);
  right: 43%;
  top: 50%;
  color: #06070a;
}

#a2t-store .preview-slide-badge {
  padding: 9px 15px;
  margin-bottom: 18px;
  box-shadow: 0 12px 26px rgba(53,103,255,.22);
}

#a2t-store .preview-slide-badge::before,
#a2t-store .preview-slide-content small::after {
  content: none;
}

#a2t-store .preview-slide-content strong {
  color: #050507;
  font-size: clamp(34px, 2.7vw, 50px);
  letter-spacing: -.055em;
  line-height: 1.04;
  text-shadow: none;
}

#a2t-store .preview-slide-content small {
  color: #1664ff;
  font-size: clamp(17px, 1.22vw, 23px);
  text-shadow: none;
}

#a2t-store .preview-slide-text {
  color: #111827;
  font-size: clamp(16px, 1.1vw, 22px);
  line-height: 1.42;
  text-shadow: none;
}

#a2t-store .preview-slide-controls {
  bottom: clamp(46px, 9%, 68px);
  padding: 0;
  gap: 18px;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

#a2t-store .preview-slide-arrow {
  width: 54px;
  height: 54px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 28px rgba(15,23,42,.10);
}

#a2t-store .preview-slide-dots {
  max-width: min(130px, calc(100% - 150px));
  gap: 16px;
  padding: 0;
}

#a2t-store .preview-slide-dots button {
  width: 13px;
  height: 13px;
  background: rgba(203,213,225,.88);
}

html[data-theme="dark"] #a2t-store .store-preview-card,
body.dark-mode #a2t-store .store-preview-card,
body.dark #a2t-store .store-preview-card,
[data-bs-theme="dark"] #a2t-store .store-preview-card {
  filter: drop-shadow(0 24px 52px rgba(0,0,0,.32));
}

html[data-theme="dark"] #a2t-store .preview-slideshow,
body.dark-mode #a2t-store .preview-slideshow,
body.dark #a2t-store .preview-slideshow,
[data-bs-theme="dark"] #a2t-store .preview-slideshow {
  background: #101827;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

html[data-theme="dark"] #a2t-store .preview-slide::after,
body.dark-mode #a2t-store .preview-slide::after,
body.dark #a2t-store .preview-slide::after,
[data-bs-theme="dark"] #a2t-store .preview-slide::after {
  background:
    radial-gradient(ellipse at 25% 48%, rgba(15,23,42,.88) 0%, rgba(15,23,42,.76) 35%, rgba(15,23,42,.44) 58%, rgba(15,23,42,.10) 82%, rgba(15,23,42,0) 100%),
    linear-gradient(90deg, rgba(15,23,42,.90), rgba(15,23,42,.62) 40%, rgba(15,23,42,.20) 72%, rgba(15,23,42,.02));
}

html[data-theme="dark"] #a2t-store .preview-slide-content,
body.dark-mode #a2t-store .preview-slide-content,
body.dark #a2t-store .preview-slide-content,
[data-bs-theme="dark"] #a2t-store .preview-slide-content,
html[data-theme="dark"] #a2t-store .preview-slide-content strong,
body.dark-mode #a2t-store .preview-slide-content strong,
body.dark #a2t-store .preview-slide-content strong,
[data-bs-theme="dark"] #a2t-store .preview-slide-content strong {
  color: #fff;
}

html[data-theme="dark"] #a2t-store .preview-slide-text,
body.dark-mode #a2t-store .preview-slide-text,
body.dark #a2t-store .preview-slide-text,
[data-bs-theme="dark"] #a2t-store .preview-slide-text {
  color: rgba(255,255,255,.86);
}

html[data-theme="dark"] #a2t-store .preview-blob-border path:nth-child(1),
body.dark-mode #a2t-store .preview-blob-border path:nth-child(1),
body.dark #a2t-store .preview-blob-border path:nth-child(1),
[data-bs-theme="dark"] #a2t-store .preview-blob-border path:nth-child(1) {
  stroke: rgba(71,85,105,.70);
}

html[data-theme="dark"] #a2t-store .preview-blob-border path:nth-child(2),
body.dark-mode #a2t-store .preview-blob-border path:nth-child(2),
body.dark #a2t-store .preview-blob-border path:nth-child(2),
[data-bs-theme="dark"] #a2t-store .preview-blob-border path:nth-child(2) {
  stroke: rgba(255,255,255,.26);
}

html[data-theme="dark"] #a2t-store .preview-blob-dots circle,
body.dark-mode #a2t-store .preview-blob-dots circle,
body.dark #a2t-store .preview-blob-dots circle,
[data-bs-theme="dark"] #a2t-store .preview-blob-dots circle {
  fill: #111827;
  stroke: rgba(255,255,255,.38);
}

html[data-theme="dark"] #a2t-store .preview-slide-arrow,
body.dark-mode #a2t-store .preview-slide-arrow,
body.dark #a2t-store .preview-slide-arrow,
[data-bs-theme="dark"] #a2t-store .preview-slide-arrow {
  background: rgba(15,23,42,.92);
  color: #fff;
  box-shadow: 0 16px 32px rgba(0,0,0,.32);
}

/* Marketplace trust strip spacing */
#a2t-store .trust-grid {
  margin-top: 58px !important;
  margin-bottom: 42px !important;
  padding: 32px 0 !important;
  gap: 30px !important;
  min-height: 156px !important;
  align-items: stretch !important;
}

#a2t-store .trust-card {
  height: auto !important;
  min-height: 92px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-content: center !important;
  align-items: center !important;
  padding: 16px 10px !important;
}

#a2t-store .trust-card i {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
}

#a2t-store .trust-card h3 {
  margin-bottom: 8px !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

#a2t-store .trust-card p {
  font-size: 15px !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 2 !important;
}

#a2t-store .store-layout {
  padding-top: 28px !important;
}

@media (max-width: 1100px) {
  #a2t-store .trust-grid {
    min-height: 0 !important;
    padding: 24px 0 !important;
  }
}

@media (max-width: 760px) {
  #a2t-store .trust-grid {
    margin-top: 34px !important;
    margin-bottom: 24px !important;
    padding: 14px 0 !important;
  }

  #a2t-store .trust-card {
    min-height: 88px !important;
    padding: 12px 0 !important;
  }
}

/* Production marketplace empty state */
html[data-theme="dark"] #a2t-store .empty-products,
body.dark-mode #a2t-store .empty-products,
body.dark #a2t-store .empty-products,
[data-bs-theme="dark"] #a2t-store .empty-products {
  border-color: rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(53,103,255,.18), transparent 34%),
    linear-gradient(180deg, #111827, #0b1019) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html[data-theme="dark"] #a2t-store .empty-products-icon,
body.dark-mode #a2t-store .empty-products-icon,
body.dark #a2t-store .empty-products-icon,
[data-bs-theme="dark"] #a2t-store .empty-products-icon {
  border-color: rgba(118,153,255,.28) !important;
  background: rgba(53,103,255,.12) !important;
  color: #7fa0ff !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] #a2t-store .empty-products h3,
body.dark-mode #a2t-store .empty-products h3,
body.dark #a2t-store .empty-products h3,
[data-bs-theme="dark"] #a2t-store .empty-products h3 {
  color: #fff !important;
}

html[data-theme="dark"] #a2t-store .empty-products p,
body.dark-mode #a2t-store .empty-products p,
body.dark #a2t-store .empty-products p,
[data-bs-theme="dark"] #a2t-store .empty-products p {
  color: rgba(226,232,240,.78) !important;
}

html[data-theme="dark"] #a2t-store .empty-products-actions .store-btn,
body.dark-mode #a2t-store .empty-products-actions .store-btn,
body.dark #a2t-store .empty-products-actions .store-btn,
[data-bs-theme="dark"] #a2t-store .empty-products-actions .store-btn {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #a2t-store .empty-products-actions .store-btn-dark,
body.dark-mode #a2t-store .empty-products-actions .store-btn-dark,
body.dark #a2t-store .empty-products-actions .store-btn-dark,
[data-bs-theme="dark"] #a2t-store .empty-products-actions .store-btn-dark {
  border-color: #3567ff !important;
  background: #3567ff !important;
  box-shadow: 0 18px 36px rgba(53,103,255,.22) !important;
}

html[data-theme="dark"] #a2t-store .empty-products-actions .store-btn:hover,
body.dark-mode #a2t-store .empty-products-actions .store-btn:hover,
body.dark #a2t-store .empty-products-actions .store-btn:hover,
[data-bs-theme="dark"] #a2t-store .empty-products-actions .store-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.26) !important;
}

/* Marketplace production density */
#a2t-store .store-layout {
  grid-template-columns: minmax(270px, 300px) minmax(0, 1fr) !important;
  gap: 30px !important;
  padding-top: 24px !important;
}

#a2t-store .store-sidebar {
  gap: 14px !important;
}

#a2t-store .side-card {
  border-radius: 18px !important;
  padding: 20px !important;
}

#a2t-store .side-card h2 {
  margin-bottom: 12px !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

#a2t-store .side-card p {
  font-size: 15px !important;
  line-height: 1.5 !important;
}

#a2t-store .cart-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 15px !important;
}

#a2t-store .store-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(420px, 560px) !important;
  gap: 28px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}

#a2t-store .store-toolbar h2 {
  max-width: 430px !important;
  margin-top: 14px !important;
  font-size: 42px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

#a2t-store .store-eyebrow {
  min-height: 28px !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
}

#a2t-store .marketplace-stats {
  gap: 8px !important;
  margin-top: 14px !important;
}

#a2t-store .marketplace-stats span {
  min-height: 30px !important;
  padding: 6px 11px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

#a2t-store .search-form {
  height: 56px !important;
  border-radius: 17px !important;
}

#a2t-store .search-form input {
  padding-inline: 18px !important;
  font-size: 15px !important;
}

#a2t-store .search-form button {
  min-width: 104px !important;
  padding-inline: 18px !important;
  font-size: 14px !important;
}

#a2t-store .sort-tabs {
  gap: 10px !important;
  margin-bottom: 20px !important;
}

#a2t-store .sort-tabs a {
  height: 38px !important;
  min-width: 110px !important;
  padding-inline: 16px !important;
  border-radius: 14px !important;
  font-size: 14px !important;
  letter-spacing: 0 !important;
}

#a2t-store .empty-products {
  min-height: 330px !important;
  padding: 46px 28px !important;
  border-radius: 18px !important;
}

#a2t-store .empty-products-icon {
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 18px !important;
  border-radius: 18px !important;
  font-size: 22px !important;
}

#a2t-store .empty-products h3 {
  font-size: 28px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

#a2t-store .empty-products p {
  margin-top: 12px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

#a2t-store .empty-products-actions {
  gap: 10px !important;
  margin-top: 22px !important;
}

#a2t-store .empty-products-actions .store-btn {
  min-width: 180px !important;
  height: 46px !important;
  border-radius: 11px !important;
  padding-inline: 18px !important;
  font-size: 14px !important;
}

html[data-theme="dark"] #a2t-store .store-eyebrow,
body.dark-mode #a2t-store .store-eyebrow,
body.dark #a2t-store .store-eyebrow,
[data-bs-theme="dark"] #a2t-store .store-eyebrow {
  border-color: rgba(74,112,255,.30) !important;
  background: rgba(53,103,255,.13) !important;
  color: #9bb5ff !important;
}

html[data-theme="dark"] #a2t-store .marketplace-stats span,
body.dark-mode #a2t-store .marketplace-stats span,
body.dark #a2t-store .marketplace-stats span,
[data-bs-theme="dark"] #a2t-store .marketplace-stats span {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.055) !important;
  color: rgba(226,232,240,.78) !important;
}

html[data-theme="dark"] #a2t-store .marketplace-stats strong,
body.dark-mode #a2t-store .marketplace-stats strong,
body.dark #a2t-store .marketplace-stats strong,
[data-bs-theme="dark"] #a2t-store .marketplace-stats strong {
  color: #fff !important;
}

html[data-theme="dark"] #a2t-store .sort-tabs a,
body.dark-mode #a2t-store .sort-tabs a,
body.dark #a2t-store .sort-tabs a,
[data-bs-theme="dark"] #a2t-store .sort-tabs a {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.055) !important;
  color: rgba(226,232,240,.82) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #a2t-store .sort-tabs a:hover,
body.dark-mode #a2t-store .sort-tabs a:hover,
body.dark #a2t-store .sort-tabs a:hover,
[data-bs-theme="dark"] #a2t-store .sort-tabs a:hover {
  border-color: rgba(126,161,255,.36) !important;
  background: rgba(53,103,255,.13) !important;
  color: #fff !important;
}

html[data-theme="dark"] #a2t-store .sort-tabs a.active,
body.dark-mode #a2t-store .sort-tabs a.active,
body.dark #a2t-store .sort-tabs a.active,
[data-bs-theme="dark"] #a2t-store .sort-tabs a.active {
  border-color: #3567ff !important;
  background: #3567ff !important;
  color: #fff !important;
}

@media (max-width: 1100px) {
  #a2t-store .store-layout,
  #a2t-store .store-toolbar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  #a2t-store .store-toolbar h2 {
    font-size: 34px !important;
  }

  #a2t-store .search-form {
    height: auto !important;
  }

  #a2t-store .sort-tabs a {
    min-width: 0 !important;
  }
}

/* Marketplace catalog final alignment */
#a2t-store .store-hero {
  padding-bottom: 0 !important;
}

#a2t-store .store-layout {
  padding-top: 0 !important;
  padding-bottom: 72px !important;
  margin-top: -18px !important;
}

#a2t-store .store-main {
  min-width: 0;
}

#a2t-store .store-toolbar {
  grid-template-columns: minmax(360px, 480px) minmax(420px, 560px) !important;
  gap: 36px !important;
  align-items: end !important;
}

#a2t-store .store-toolbar h2 {
  max-width: 380px !important;
  margin-top: 12px !important;
  font-size: 38px !important;
  line-height: 1.08 !important;
}

#a2t-store .marketplace-stats {
  max-width: 470px !important;
}

#a2t-store .marketplace-stats span,
#a2t-store .sort-tabs a {
  height: 32px !important;
  min-height: 32px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#a2t-store .marketplace-stats span {
  padding: 0 12px !important;
}

#a2t-store .sort-tabs {
  margin-top: 12px !important;
  margin-bottom: 18px !important;
}

#a2t-store .sort-tabs a {
  min-width: 104px !important;
  padding: 0 14px !important;
}

#a2t-store .search-form {
  align-self: center !important;
  height: 52px !important;
  border-radius: 16px !important;
}

#a2t-store .search-form input {
  font-size: 14px !important;
}

#a2t-store .search-form button {
  min-width: 96px !important;
  font-size: 13px !important;
}

#a2t-store .empty-products {
  min-height: 300px !important;
  padding: 38px 28px !important;
}

#a2t-store .empty-products-icon {
  width: 54px !important;
  height: 54px !important;
  margin-bottom: 16px !important;
}

#a2t-store .empty-products h3 {
  font-size: 26px !important;
}

#a2t-store .empty-products p {
  font-size: 15px !important;
}

#a2t-store .empty-products-actions .store-btn {
  min-width: 170px !important;
  height: 44px !important;
}

html[data-theme="dark"] #a2t-store .search-form,
body.dark-mode #a2t-store .search-form,
body.dark #a2t-store .search-form,
[data-bs-theme="dark"] #a2t-store .search-form {
  border-color: rgba(255,255,255,.18) !important;
  background: #11161f !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #a2t-store .search-form input,
body.dark-mode #a2t-store .search-form input,
body.dark #a2t-store .search-form input,
[data-bs-theme="dark"] #a2t-store .search-form input {
  color: #f8fafc !important;
}

html[data-theme="dark"] #a2t-store .search-form input::placeholder,
body.dark-mode #a2t-store .search-form input::placeholder,
body.dark #a2t-store .search-form input::placeholder,
[data-bs-theme="dark"] #a2t-store .search-form input::placeholder {
  color: rgba(148,163,184,.88) !important;
}

html[data-theme="dark"] #a2t-store .search-form button,
body.dark-mode #a2t-store .search-form button,
body.dark #a2t-store .search-form button,
[data-bs-theme="dark"] #a2t-store .search-form button {
  background: #050507 !important;
  border-left: 1px solid rgba(255,255,255,.14) !important;
}

@media (max-width: 1200px) {
  #a2t-store .store-layout {
    margin-top: 0 !important;
  }

  #a2t-store .store-toolbar {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

/* Header active navigation */
.a2t-nav-links a {
  position: relative;
  border-radius: 999px;
  opacity: 1 !important;
  transition: color .18s ease, background .18s ease;
}

.a2t-nav-links a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 2px;
  border-radius: 99px;
  background: var(--a2t-blue, #3567ff);
  transform: translateX(-50%);
  transition: width .18s ease;
}

.a2t-nav-links a:hover::after,
.a2t-nav-links a.active::after,
.a2t-nav-links a[aria-current="page"]::after {
  width: 22px;
}

.a2t-nav-links a.active,
.a2t-nav-links a[aria-current="page"] {
  color: var(--a2t-blue, #3567ff) !important;
}

html[data-theme="dark"] .a2t-site-header,
body.dark-mode .a2t-site-header,
body.dark .a2t-site-header,
[data-bs-theme="dark"] .a2t-site-header {
  background: rgba(8,10,16,.86) !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
  backdrop-filter: blur(18px);
}

html[data-theme="dark"] .a2t-brand,
body.dark-mode .a2t-brand,
body.dark .a2t-brand,
[data-bs-theme="dark"] .a2t-brand {
  color: #fff !important;
}

html[data-theme="dark"] .a2t-nav-links a,
body.dark-mode .a2t-nav-links a,
body.dark .a2t-nav-links a,
[data-bs-theme="dark"] .a2t-nav-links a {
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="dark"] .a2t-nav-links a:hover,
body.dark-mode .a2t-nav-links a:hover,
body.dark .a2t-nav-links a:hover,
[data-bs-theme="dark"] .a2t-nav-links a:hover,
html[data-theme="dark"] .a2t-nav-links a.active,
body.dark-mode .a2t-nav-links a.active,
body.dark .a2t-nav-links a.active,
[data-bs-theme="dark"] .a2t-nav-links a.active,
html[data-theme="dark"] .a2t-nav-links a[aria-current="page"],
body.dark-mode .a2t-nav-links a[aria-current="page"],
body.dark .a2t-nav-links a[aria-current="page"],
[data-bs-theme="dark"] .a2t-nav-links a[aria-current="page"] {
  color: #fff !important;
}

html[data-theme="dark"] .a2t-nav-links a.active,
body.dark-mode .a2t-nav-links a.active,
body.dark .a2t-nav-links a.active,
[data-bs-theme="dark"] .a2t-nav-links a.active,
html[data-theme="dark"] .a2t-nav-links a[aria-current="page"],
body.dark-mode .a2t-nav-links a[aria-current="page"],
body.dark .a2t-nav-links a[aria-current="page"],
[data-bs-theme="dark"] .a2t-nav-links a[aria-current="page"] {
  background: transparent !important;
}

html[data-theme="dark"] .a2t-theme-toggle,
body.dark-mode .a2t-theme-toggle,
body.dark .a2t-theme-toggle,
[data-bs-theme="dark"] .a2t-theme-toggle {
  border-color: rgba(255,255,255,.14) !important;
  background: #111827 !important;
  color: #fff !important;
}

#a2t-store .marketplace-stats {
  display: none !important;
}

#a2t-store .store-toolbar h2 {
  margin-bottom: 0 !important;
}

/* Homepage dark mode */
html[data-theme="dark"] #wxa-homepage,
body.dark-mode #wxa-homepage,
body.dark #wxa-homepage,
[data-bs-theme="dark"] #wxa-homepage {
  --a2t-bg: #05070d;
  --a2t-text: #f8fafc;
  --a2t-muted: #9aa7bd;
  --a2t-line: rgba(255,255,255,.12);
  --a2t-soft: #111827;
  background: #05070d !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body,
body.dark-mode,
body.dark,
[data-bs-theme="dark"] body {
  background: #05070d !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-hero,
body.dark-mode #wxa-homepage .a2t-hero,
body.dark #wxa-homepage .a2t-hero,
[data-bs-theme="dark"] #wxa-homepage .a2t-hero {
  background:
    radial-gradient(circle at 76% 22%, rgba(53,103,255,.12), transparent 34%),
    #05070d !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-hero h1,
body.dark-mode #wxa-homepage .a2t-hero h1,
body.dark #wxa-homepage .a2t-hero h1,
[data-bs-theme="dark"] #wxa-homepage .a2t-hero h1,
html[data-theme="dark"] #wxa-homepage .a2t-section-head h2,
body.dark-mode #wxa-homepage .a2t-section-head h2,
body.dark #wxa-homepage .a2t-section-head h2,
[data-bs-theme="dark"] #wxa-homepage .a2t-section-head h2,
html[data-theme="dark"] #wxa-homepage .a2t-card h3,
body.dark-mode #wxa-homepage .a2t-card h3,
body.dark #wxa-homepage .a2t-card h3,
[data-bs-theme="dark"] #wxa-homepage .a2t-card h3,
html[data-theme="dark"] #wxa-homepage .a2t-node h2,
body.dark-mode #wxa-homepage .a2t-node h2,
body.dark #wxa-homepage .a2t-node h2,
[data-bs-theme="dark"] #wxa-homepage .a2t-node h2,
html[data-theme="dark"] #wxa-homepage .a2t-metric strong,
body.dark-mode #wxa-homepage .a2t-metric strong,
body.dark #wxa-homepage .a2t-metric strong,
[data-bs-theme="dark"] #wxa-homepage .a2t-metric strong {
  color: #f8fafc !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-lead,
body.dark-mode #wxa-homepage .a2t-lead,
body.dark #wxa-homepage .a2t-lead,
[data-bs-theme="dark"] #wxa-homepage .a2t-lead,
html[data-theme="dark"] #wxa-homepage .a2t-section-head p,
body.dark-mode #wxa-homepage .a2t-section-head p,
body.dark #wxa-homepage .a2t-section-head p,
[data-bs-theme="dark"] #wxa-homepage .a2t-section-head p,
html[data-theme="dark"] #wxa-homepage .a2t-card p,
body.dark-mode #wxa-homepage .a2t-card p,
body.dark #wxa-homepage .a2t-card p,
[data-bs-theme="dark"] #wxa-homepage .a2t-card p,
html[data-theme="dark"] #wxa-homepage .a2t-node p,
body.dark-mode #wxa-homepage .a2t-node p,
body.dark #wxa-homepage .a2t-node p,
[data-bs-theme="dark"] #wxa-homepage .a2t-node p,
html[data-theme="dark"] #wxa-homepage .a2t-metric span,
body.dark-mode #wxa-homepage .a2t-metric span,
body.dark #wxa-homepage .a2t-metric span,
[data-bs-theme="dark"] #wxa-homepage .a2t-metric span,
html[data-theme="dark"] #wxa-homepage .a2t-trusted,
body.dark-mode #wxa-homepage .a2t-trusted,
body.dark #wxa-homepage .a2t-trusted,
[data-bs-theme="dark"] #wxa-homepage .a2t-trusted,
html[data-theme="dark"] #wxa-homepage .a2t-center-brand p,
body.dark-mode #wxa-homepage .a2t-center-brand p,
body.dark #wxa-homepage .a2t-center-brand p,
[data-bs-theme="dark"] #wxa-homepage .a2t-center-brand p {
  color: rgba(226,232,240,.74) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-eyebrow,
body.dark-mode #wxa-homepage .a2t-eyebrow,
body.dark #wxa-homepage .a2t-eyebrow,
[data-bs-theme="dark"] #wxa-homepage .a2t-eyebrow,
html[data-theme="dark"] #wxa-homepage .a2t-tag,
body.dark-mode #wxa-homepage .a2t-tag,
body.dark #wxa-homepage .a2t-tag,
[data-bs-theme="dark"] #wxa-homepage .a2t-tag,
html[data-theme="dark"] #wxa-homepage .a2t-step,
body.dark-mode #wxa-homepage .a2t-step,
body.dark #wxa-homepage .a2t-step,
[data-bs-theme="dark"] #wxa-homepage .a2t-step {
  border-color: rgba(74,112,255,.30) !important;
  background: rgba(53,103,255,.13) !important;
  color: #9bb5ff !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-node,
body.dark-mode #wxa-homepage .a2t-node,
body.dark #wxa-homepage .a2t-node,
[data-bs-theme="dark"] #wxa-homepage .a2t-node,
html[data-theme="dark"] #wxa-homepage .a2t-tech,
body.dark-mode #wxa-homepage .a2t-tech,
body.dark #wxa-homepage .a2t-tech,
[data-bs-theme="dark"] #wxa-homepage .a2t-tech,
html[data-theme="dark"] #wxa-homepage .a2t-card,
body.dark-mode #wxa-homepage .a2t-card,
body.dark #wxa-homepage .a2t-card,
[data-bs-theme="dark"] #wxa-homepage .a2t-card,
html[data-theme="dark"] #wxa-homepage .a2t-metrics,
body.dark-mode #wxa-homepage .a2t-metrics,
body.dark #wxa-homepage .a2t-metrics,
[data-bs-theme="dark"] #wxa-homepage .a2t-metrics {
  border-color: rgba(255,255,255,.12) !important;
  background: #111827 !important;
  color: #f8fafc !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.26) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-btn,
body.dark-mode #wxa-homepage .a2t-btn,
body.dark #wxa-homepage .a2t-btn,
[data-bs-theme="dark"] #wxa-homepage .a2t-btn {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.055) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-btn-dark,
body.dark-mode #wxa-homepage .a2t-btn-dark,
body.dark #wxa-homepage .a2t-btn-dark,
[data-bs-theme="dark"] #wxa-homepage .a2t-btn-dark {
  border-color: #3567ff !important;
  background: #3567ff !important;
  color: #fff !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-orbit,
body.dark-mode #wxa-homepage .a2t-orbit,
body.dark #wxa-homepage .a2t-orbit,
[data-bs-theme="dark"] #wxa-homepage .a2t-orbit,
html[data-theme="dark"] #wxa-homepage .a2t-orbit::before,
body.dark-mode #wxa-homepage .a2t-orbit::before,
body.dark #wxa-homepage .a2t-orbit::before,
[data-bs-theme="dark"] #wxa-homepage .a2t-orbit::before,
html[data-theme="dark"] #wxa-homepage .a2t-orbit::after,
body.dark-mode #wxa-homepage .a2t-orbit::after,
body.dark #wxa-homepage .a2t-orbit::after,
[data-bs-theme="dark"] #wxa-homepage .a2t-orbit::after {
  border-color: rgba(118,153,255,.20) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-section,
body.dark-mode #wxa-homepage .a2t-section,
body.dark #wxa-homepage .a2t-section,
[data-bs-theme="dark"] #wxa-homepage .a2t-section {
  border-top-color: rgba(255,255,255,.10) !important;
}

/* Homepage dark mode completion */
html[data-theme="dark"] .x-content:has(#wxa-homepage),
body.dark-mode .x-content:has(#wxa-homepage),
body.dark .x-content:has(#wxa-homepage),
[data-bs-theme="dark"] .x-content:has(#wxa-homepage) {
  background: #05070d !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-center-brand,
body.dark-mode #wxa-homepage .a2t-center-brand,
body.dark #wxa-homepage .a2t-center-brand,
[data-bs-theme="dark"] #wxa-homepage .a2t-center-brand {
  color: #f8fafc !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-visual,
body.dark-mode #wxa-homepage .a2t-visual,
body.dark #wxa-homepage .a2t-visual,
[data-bs-theme="dark"] #wxa-homepage .a2t-visual,
html[data-theme="dark"] #wxa-homepage .a2t-product-media,
body.dark-mode #wxa-homepage .a2t-product-media,
body.dark #wxa-homepage .a2t-product-media,
[data-bs-theme="dark"] #wxa-homepage .a2t-product-media {
  border-color: rgba(255,255,255,.10) !important;
  background:
    linear-gradient(135deg, rgba(53,103,255,.16), rgba(17,24,39,.94)),
    #111827 !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-placeholder,
body.dark-mode #wxa-homepage .a2t-placeholder,
body.dark #wxa-homepage .a2t-placeholder,
[data-bs-theme="dark"] #wxa-homepage .a2t-placeholder,
html[data-theme="dark"] #wxa-homepage .a2t-card a,
body.dark-mode #wxa-homepage .a2t-card a,
body.dark #wxa-homepage .a2t-card a,
[data-bs-theme="dark"] #wxa-homepage .a2t-card a,
html[data-theme="dark"] #wxa-homepage .a2t-section-head > a,
body.dark-mode #wxa-homepage .a2t-section-head > a,
body.dark #wxa-homepage .a2t-section-head > a,
[data-bs-theme="dark"] #wxa-homepage .a2t-section-head > a {
  color: #9bb5ff !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-card-foot,
body.dark-mode #wxa-homepage .a2t-card-foot,
body.dark #wxa-homepage .a2t-card-foot,
[data-bs-theme="dark"] #wxa-homepage .a2t-card-foot {
  border-top-color: rgba(255,255,255,.10) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-micon,
body.dark-mode #wxa-homepage .a2t-micon,
body.dark #wxa-homepage .a2t-micon,
[data-bs-theme="dark"] #wxa-homepage .a2t-micon,
html[data-theme="dark"] #wxa-homepage .a2t-ico,
body.dark-mode #wxa-homepage .a2t-ico,
body.dark #wxa-homepage .a2t-ico,
[data-bs-theme="dark"] #wxa-homepage .a2t-ico {
  background: rgba(53,103,255,.14) !important;
  color: #7fa0ff !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-avatars span,
body.dark-mode #wxa-homepage .a2t-avatars span,
body.dark #wxa-homepage .a2t-avatars span,
[data-bs-theme="dark"] #wxa-homepage .a2t-avatars span {
  border-color: #05070d !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-cta-band,
body.dark-mode #wxa-homepage .a2t-cta-band,
body.dark #wxa-homepage .a2t-cta-band,
[data-bs-theme="dark"] #wxa-homepage .a2t-cta-band {
  border: 1px solid rgba(118,153,255,.22) !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(118,153,255,.24), transparent 34%),
    linear-gradient(135deg, #101a35, #070b14) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-cta-band .a2t-btn,
body.dark-mode #wxa-homepage .a2t-cta-band .a2t-btn,
body.dark #wxa-homepage .a2t-cta-band .a2t-btn,
[data-bs-theme="dark"] #wxa-homepage .a2t-cta-band .a2t-btn {
  background: #fff !important;
  border-color: #fff !important;
  color: #05070d !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-home-trust-strip,
body.dark-mode #wxa-homepage .a2t-home-trust-strip,
body.dark #wxa-homepage .a2t-home-trust-strip,
[data-bs-theme="dark"] #wxa-homepage .a2t-home-trust-strip {
  border-top-color: rgba(255,255,255,.10) !important;
  background: #05070d !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-testimonial-card,
body.dark-mode #wxa-homepage .a2t-testimonial-card,
body.dark #wxa-homepage .a2t-testimonial-card,
[data-bs-theme="dark"] #wxa-homepage .a2t-testimonial-card {
  border-color: rgba(255,255,255,.12) !important;
  background: #111827 !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-quote,
body.dark-mode #wxa-homepage .a2t-quote,
body.dark #wxa-homepage .a2t-quote,
[data-bs-theme="dark"] #wxa-homepage .a2t-quote,
html[data-theme="dark"] #wxa-homepage .a2t-author span,
body.dark-mode #wxa-homepage .a2t-author span,
body.dark #wxa-homepage .a2t-author span,
[data-bs-theme="dark"] #wxa-homepage .a2t-author span {
  color: rgba(226,232,240,.74) !important;
}

html[data-theme="dark"] #wxa-homepage .a2t-author strong,
body.dark-mode #wxa-homepage .a2t-author strong,
body.dark #wxa-homepage .a2t-author strong,
[data-bs-theme="dark"] #wxa-homepage .a2t-author strong {
  color: #f8fafc !important;
}

/* Dark header active state */
.a2t-nav-links a.active,
.a2t-nav-links a[aria-current="page"] {
  font-weight: 900 !important;
}

html[data-theme="dark"] .a2t-nav-links a.active,
body.dark-mode .a2t-nav-links a.active,
body.dark .a2t-nav-links a.active,
[data-bs-theme="dark"] .a2t-nav-links a.active,
html[data-theme="dark"] .a2t-nav-links a[aria-current="page"],
body.dark-mode .a2t-nav-links a[aria-current="page"],
body.dark .a2t-nav-links a[aria-current="page"],
[data-bs-theme="dark"] .a2t-nav-links a[aria-current="page"] {
  color: #9bb5ff !important;
  background: rgba(53,103,255,.12) !important;
}

html[data-theme="dark"] .a2t-nav-links a.active::after,
body.dark-mode .a2t-nav-links a.active::after,
body.dark .a2t-nav-links a.active::after,
[data-bs-theme="dark"] .a2t-nav-links a.active::after,
html[data-theme="dark"] .a2t-nav-links a[aria-current="page"]::after,
body.dark-mode .a2t-nav-links a[aria-current="page"]::after,
body.dark .a2t-nav-links a[aria-current="page"]::after,
[data-bs-theme="dark"] .a2t-nav-links a[aria-current="page"]::after {
  width: 26px !important;
  background: #4f7cff !important;
}

/* Site-wide theme contract */
html[data-theme="light"],
body.light {
  color-scheme: light;
  --a2t-bg: #ffffff;
  --a2t-surface: #ffffff;
  --a2t-soft: #f7f8fb;
  --a2t-text: #07070b;
  --a2t-muted: #58657a;
  --a2t-line: #e8ebf1;
  --store-bg: #ffffff;
  --store-card: #ffffff;
  --store-text: #07070b;
  --store-muted: #58657a;
  --store-line: #e8ebf1;
}

html[data-theme="dark"],
body.dark-mode,
body.dark,
[data-bs-theme="dark"] {
  color-scheme: dark;
  --a2t-bg: #05070d;
  --a2t-surface: #101722;
  --a2t-soft: #0b111b;
  --a2t-text: #f8fafc;
  --a2t-muted: #9aa7bd;
  --a2t-line: rgba(255,255,255,.12);
  --store-bg: #05070d;
  --store-card: #101722;
  --store-text: #f8fafc;
  --store-muted: #9aa7bd;
  --store-line: rgba(255,255,255,.12);
}

html,
body,
.x-content {
  background: var(--a2t-bg) !important;
  color: var(--a2t-text) !important;
}

html[data-theme="light"] body,
body.light,
html[data-theme="light"] .x-content,
body.light .x-content {
  background: #ffffff !important;
  color: #07070b !important;
}

html[data-theme="dark"] body,
body.dark-mode,
body.dark,
html[data-theme="dark"] .x-content,
body.dark-mode .x-content,
body.dark .x-content {
  background: #05070d !important;
  color: #f8fafc !important;
}

html[data-theme="light"] .a2t-site-header,
body.light .a2t-site-header {
  background: rgba(255,255,255,.92) !important;
  border-bottom-color: #e8ebf1 !important;
}

html[data-theme="dark"] .a2t-site-header,
body.dark-mode .a2t-site-header,
body.dark .a2t-site-header {
  background: rgba(5,7,13,.92) !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
}

html[data-theme="dark"] .a2t-global-breadcrumb,
body.dark-mode .a2t-global-breadcrumb,
body.dark .a2t-global-breadcrumb {
  color: #8d99ad !important;
}

html[data-theme="dark"] .a2t-global-breadcrumb a,
body.dark-mode .a2t-global-breadcrumb a,
body.dark .a2t-global-breadcrumb a {
  color: #9aa6ba !important;
}

html[data-theme="dark"] .a2t-global-breadcrumb span,
body.dark-mode .a2t-global-breadcrumb span,
body.dark .a2t-global-breadcrumb span {
  color: #e6ebf5 !important;
}

html[data-theme="dark"] .a2t-global-breadcrumb li + li::before,
body.dark-mode .a2t-global-breadcrumb li + li::before,
body.dark .a2t-global-breadcrumb li + li::before {
  color: #647084 !important;
}

html[data-theme="light"] .a2t-brand,
body.light .a2t-brand,
html[data-theme="light"] .a2t-nav-links a,
body.light .a2t-nav-links a {
  color: #07070b !important;
}

html[data-theme="dark"] .a2t-brand,
body.dark-mode .a2t-brand,
body.dark .a2t-brand {
  color: #fff !important;
}

html[data-theme="dark"] .a2t-nav-links a,
body.dark-mode .a2t-nav-links a,
body.dark .a2t-nav-links a {
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="dark"] .a2t-nav-links a:hover,
body.dark-mode .a2t-nav-links a:hover,
body.dark .a2t-nav-links a:hover,
html[data-theme="dark"] .a2t-nav-links a.active,
body.dark-mode .a2t-nav-links a.active,
body.dark .a2t-nav-links a.active,
html[data-theme="dark"] .a2t-nav-links a[aria-current="page"],
body.dark-mode .a2t-nav-links a[aria-current="page"],
body.dark .a2t-nav-links a[aria-current="page"] {
  color: #dbe7ff !important;
}

html[data-theme="light"] .a2t-footer,
body.light .a2t-footer {
  background: #ffffff !important;
  border-top-color: #e8ebf1 !important;
}

html[data-theme="dark"] .a2t-footer,
body.dark-mode .a2t-footer,
body.dark .a2t-footer {
  background: #05070d !important;
  border-top-color: rgba(255,255,255,.10) !important;
}

html[data-theme="dark"] .a2t-footer h3,
body.dark-mode .a2t-footer h3,
body.dark .a2t-footer h3,
html[data-theme="dark"] .a2t-footer h4,
body.dark-mode .a2t-footer h4,
body.dark .a2t-footer h4 {
  color: #f8fafc !important;
}

html[data-theme="dark"] .a2t-footer p,
body.dark-mode .a2t-footer p,
body.dark .a2t-footer p,
html[data-theme="dark"] .a2t-footer a,
body.dark-mode .a2t-footer a,
body.dark .a2t-footer a,
html[data-theme="dark"] .a2t-footer-bottom,
body.dark-mode .a2t-footer-bottom,
body.dark .a2t-footer-bottom {
  color: rgba(226,232,240,.72) !important;
}

html[data-theme="light"] #wxa-homepage,
body.light #wxa-homepage,
html[data-theme="light"] #a2t-store,
body.light #a2t-store {
  background: #ffffff !important;
  color: #07070b !important;
}

html[data-theme="dark"] #wxa-homepage,
body.dark-mode #wxa-homepage,
body.dark #wxa-homepage,
html[data-theme="dark"] #a2t-store,
body.dark-mode #a2t-store,
body.dark #a2t-store {
  background: #05070d !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] #a2t-store .store-hero,
body.dark-mode #a2t-store .store-hero,
body.dark #a2t-store .store-hero {
  background:
    radial-gradient(circle at 72% 24%, rgba(53,103,255,.14), transparent 34%),
    #05070d !important;
}

html[data-theme="light"] #a2t-store .store-copy h1,
body.light #a2t-store .store-copy h1,
html[data-theme="light"] #a2t-store .store-toolbar h2,
body.light #a2t-store .store-toolbar h2,
html[data-theme="light"] #a2t-store .store-section-head h2,
body.light #a2t-store .store-section-head h2 {
  color: #07070b !important;
}

html[data-theme="dark"] #a2t-store .store-copy h1,
body.dark-mode #a2t-store .store-copy h1,
body.dark #a2t-store .store-copy h1,
html[data-theme="dark"] #a2t-store .store-toolbar h2,
body.dark-mode #a2t-store .store-toolbar h2,
body.dark #a2t-store .store-toolbar h2,
html[data-theme="dark"] #a2t-store .store-section-head h2,
body.dark-mode #a2t-store .store-section-head h2,
body.dark #a2t-store .store-section-head h2 {
  color: #f8fafc !important;
}

html[data-theme="dark"] #a2t-store .store-copy p,
body.dark-mode #a2t-store .store-copy p,
body.dark #a2t-store .store-copy p,
html[data-theme="dark"] #a2t-store .product-body p,
body.dark-mode #a2t-store .product-body p,
body.dark #a2t-store .product-body p,
html[data-theme="dark"] #a2t-store .side-card p,
body.dark-mode #a2t-store .side-card p,
body.dark #a2t-store .side-card p,
html[data-theme="dark"] #a2t-store .trust-card p,
body.dark-mode #a2t-store .trust-card p,
body.dark #a2t-store .trust-card p {
  color: rgba(226,232,240,.74) !important;
}

html[data-theme="dark"] .a2t-card,
body.dark-mode .a2t-card,
body.dark .a2t-card,
html[data-theme="dark"] .service-card,
body.dark-mode .service-card,
body.dark .service-card,
html[data-theme="dark"] .project-card,
body.dark-mode .project-card,
body.dark .project-card,
html[data-theme="dark"] .product-card,
body.dark-mode .product-card,
body.dark .product-card,
html[data-theme="dark"] .trust-card,
body.dark-mode .trust-card,
body.dark .trust-card,
html[data-theme="dark"] .side-card,
body.dark-mode .side-card,
body.dark .side-card,
html[data-theme="dark"] .testimonial-card,
body.dark-mode .testimonial-card,
body.dark .testimonial-card,
html[data-theme="dark"] .empty-products,
body.dark-mode .empty-products,
body.dark .empty-products,
html[data-theme="dark"] .dashboard-section,
body.dark-mode .dashboard-section,
body.dark .dashboard-section,
html[data-theme="dark"] .card,
body.dark-mode .card,
body.dark .card {
  background: var(--a2t-surface) !important;
  border-color: var(--a2t-line) !important;
  color: var(--a2t-text) !important;
}

html[data-theme="light"] .a2t-card,
body.light .a2t-card,
html[data-theme="light"] .service-card,
body.light .service-card,
html[data-theme="light"] .project-card,
body.light .project-card,
html[data-theme="light"] .product-card,
body.light .product-card,
html[data-theme="light"] .trust-card,
body.light .trust-card,
html[data-theme="light"] .side-card,
body.light .side-card,
html[data-theme="light"] .testimonial-card,
body.light .testimonial-card,
html[data-theme="light"] .empty-products,
body.light .empty-products,
html[data-theme="light"] .dashboard-section,
body.light .dashboard-section,
html[data-theme="light"] .card,
body.light .card {
  background: #ffffff !important;
  border-color: #e8ebf1 !important;
  color: #07070b !important;
}

html[data-theme="dark"] input,
body.dark-mode input,
body.dark input,
html[data-theme="dark"] textarea,
body.dark-mode textarea,
body.dark textarea,
html[data-theme="dark"] select,
body.dark-mode select,
body.dark select,
html[data-theme="dark"] .search-form,
body.dark-mode .search-form,
body.dark .search-form {
  background-color: #0f1622 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] input::placeholder,
body.dark-mode input::placeholder,
body.dark input::placeholder,
html[data-theme="dark"] textarea::placeholder,
body.dark-mode textarea::placeholder,
body.dark textarea::placeholder {
  color: rgba(148,163,184,.86) !important;
}

html[data-theme="light"] input,
body.light input,
html[data-theme="light"] textarea,
body.light textarea,
html[data-theme="light"] select,
body.light select,
html[data-theme="light"] .search-form,
body.light .search-form {
  background-color: #ffffff !important;
  border-color: #e8ebf1 !important;
  color: #07070b !important;
}

html[data-theme="dark"] .a2t-theme-toggle,
body.dark-mode .a2t-theme-toggle,
body.dark .a2t-theme-toggle {
  background: #101722 !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #f8fafc !important;
}

html[data-theme="light"] .a2t-theme-toggle,
body.light .a2t-theme-toggle {
  background: #ffffff !important;
  border-color: #e8ebf1 !important;
  color: #07070b !important;
}


/* Production theme contract for project request.
   Must stay late in this consolidated file so the request page remains readable
   in both light and dark modes. */
.a2t-pr-page {
  --pr-page-bg: var(--a2t-bg, #ffffff);
  --pr-text: var(--a2t-text, #07070b);
  --pr-muted: var(--a2t-muted, #58657a);
  --pr-line: var(--a2t-line, #e8ebf1);
  --pr-soft: var(--a2t-soft, #f7f8fb);
  --pr-card: var(--a2t-surface, #ffffff);
  --pr-card-strong: #ffffff;
  --pr-input-bg: #ffffff;
  --pr-info-bg: rgba(53,103,255,.07);
  --pr-info-text: #1e3a8a;
  color: var(--pr-text) !important;
}

html[data-theme="dark"] .a2t-pr-page,
body.dark-mode .a2t-pr-page,
body.dark .a2t-pr-page,
[data-bs-theme="dark"] .a2t-pr-page {
  --pr-page-bg: #05070d;
  --pr-text: #f8fafc;
  --pr-muted: #a7b3c8;
  --pr-line: rgba(148,163,184,.24);
  --pr-soft: #111827;
  --pr-card: #0b111d;
  --pr-card-strong: #0f1724;
  --pr-input-bg: #0c1320;
  --pr-info-bg: rgba(59,130,246,.14);
  --pr-info-text: #c7d8ff;
}

html[data-theme="light"] .a2t-pr-page {
  background: #ffffff !important;
}

html[data-theme="dark"] .a2t-pr-page,
body.dark-mode .a2t-pr-page,
body.dark .a2t-pr-page,
[data-bs-theme="dark"] .a2t-pr-page {
  background: var(--pr-page-bg) !important;
}

.a2t-pr-side,
.a2t-pr-form-card {
  background: var(--pr-card) !important;
  border-color: var(--pr-line) !important;
  color: var(--pr-text) !important;
}

.a2t-pr-side {
  background:
    radial-gradient(circle at 90% 8%, rgba(53,103,255,.14), transparent 30%),
    linear-gradient(180deg, var(--pr-card-strong), var(--pr-card)) !important;
}

.a2t-pr-form-header,
.a2t-pr-progress,
.a2t-pr-submit {
  background: var(--pr-card-strong) !important;
  border-color: var(--pr-line) !important;
}

.a2t-pr-section,
.a2t-pr-review-item {
  border-color: var(--pr-line) !important;
}

.a2t-pr-title,
.a2t-pr-form-header h1,
.a2t-pr-section h2,
.a2t-pr-review-box h3,
.a2t-pr-flow-item strong,
.a2t-pr-summary-card strong,
.a2t-pr-review-item strong,
.a2t-pr-choice-card strong,
.a2t-pr-field label {
  color: var(--pr-text) !important;
}

.a2t-pr-lead,
.a2t-pr-form-header p,
.a2t-pr-section-head p,
.a2t-pr-flow-item span,
.a2t-pr-summary-card span,
.a2t-pr-review-item span,
.a2t-pr-choice-copy > span,
.a2t-pr-help,
.a2t-pr-step-note,
.a2t-pr-submit p {
  color: var(--pr-muted) !important;
}

.a2t-pr-flow-item,
.a2t-pr-choice-card,
.a2t-pr-summary-card,
.a2t-pr-review-box,
.a2t-pr-upload {
  background: var(--pr-soft) !important;
  border-color: var(--pr-line) !important;
}

.a2t-pr-field input,
.a2t-pr-field select,
.a2t-pr-field textarea,
.a2t-pr-upload input {
  background: var(--pr-input-bg) !important;
  border-color: var(--pr-line) !important;
  color: var(--pr-text) !important;
}

.a2t-pr-field input::placeholder,
.a2t-pr-field textarea::placeholder {
  color: color-mix(in srgb, var(--pr-muted) 74%, transparent) !important;
  opacity: 1 !important;
}

.a2t-pr-progress button,
.a2t-pr-btn-secondary {
  background: var(--pr-input-bg) !important;
  border-color: var(--pr-line) !important;
  color: var(--pr-muted) !important;
}

.a2t-pr-progress button.active {
  border-color: var(--pr-blue) !important;
  color: var(--pr-blue) !important;
  background: color-mix(in srgb, var(--pr-blue) 12%, var(--pr-input-bg)) !important;
}

.a2t-pr-progress button.done {
  color: var(--pr-text) !important;
}

.a2t-pr-optional {
  display: inline-flex;
  margin-left: 8px;
  color: var(--pr-muted) !important;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.a2t-pr-upload-copy {
  display: grid;
  gap: 4px;
  margin-bottom: 14px;
}

.a2t-pr-upload-copy strong {
  color: var(--pr-text) !important;
  font-size: 17px;
  line-height: 1.25;
}

.a2t-pr-upload-copy span,
.a2t-pr-secure-note {
  color: var(--pr-muted) !important;
  font-size: 14px;
  line-height: 1.5;
}

.a2t-pr-secure-note {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.45;
}

.a2t-pr-side-note,
.a2t-pr-dynamic-intro {
  background: var(--pr-info-bg) !important;
  border-color: color-mix(in srgb, var(--pr-blue) 28%, transparent) !important;
  color: var(--pr-info-text) !important;
}

html[data-theme="dark"] .a2t-pr-kicker,
body.dark-mode .a2t-pr-kicker,
body.dark .a2t-pr-kicker,
[data-bs-theme="dark"] .a2t-pr-kicker {
  background: rgba(53,103,255,.13) !important;
  border-color: rgba(96,165,250,.24) !important;
}

/* Dashboard production polish */
.a2t-project-meta-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.a2t-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
}

.a2t-page-link,
.a2t-page-ellipsis {
  display: inline-flex;
  min-width: 42px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--a2t-line, #e8ebf1);
  border-radius: 12px;
  padding: 0 12px;
  background: var(--a2t-surface, #fff);
  color: var(--a2t-text, #07070b);
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
}

.a2t-page-link:hover {
  border-color: var(--a2t-blue, #3567ff);
  color: var(--a2t-blue, #3567ff);
}

.a2t-page-link.is-current {
  border-color: var(--a2t-blue, #3567ff);
  background: var(--a2t-blue, #3567ff);
  color: #fff;
}

.a2t-page-link.is-disabled {
  cursor: not-allowed;
  opacity: .45;
}

.a2t-page-ellipsis {
  min-width: 28px;
  border-color: transparent;
  background: transparent;
  color: var(--a2t-muted, #58657a);
}

@media (max-width: 860px) {
  .a2t-project-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Production footer and client portal workspace alignment */
.a2t-footer {
  padding: 0 !important;
  border-top: 1px solid var(--a2t-line, #e8ebf1) !important;
  background: linear-gradient(180deg, var(--a2t-surface, #fff), var(--a2t-bg, #fff)) !important;
  color: var(--a2t-text, #07070b) !important;
}

.a2t-footer-shell {
  width: min(1480px, calc(100% - 64px));
  margin: 0 auto;
  padding: 44px 0 30px;
}

.a2t-footer-top {
  display: grid;
  grid-template-columns: minmax(260px, .95fr) minmax(0, 1.65fr);
  gap: clamp(34px, 6vw, 84px);
  align-items: start;
}

.a2t-footer-brand-block {
  max-width: 460px;
}

.a2t-footer-logo {
  display: inline-flex !important;
  align-items: baseline;
  margin: 0 0 14px !important;
  color: var(--a2t-text, #07070b) !important;
  font-size: 30px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none !important;
}

.a2t-footer-logo span {
  color: var(--a2t-blue, #3567ff);
}

.a2t-footer-brand-block p {
  margin: 0 !important;
  color: var(--a2t-muted, #58657a) !important;
  font-size: 15px;
  line-height: 1.7;
  opacity: 1 !important;
}

.a2t-footer-grid {
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) !important;
  gap: 28px !important;
}

.a2t-footer-column h4 {
  margin: 0 0 14px !important;
  color: var(--a2t-text, #07070b) !important;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.01em;
}

.a2t-footer-column {
  display: grid !important;
  justify-items: start !important;
  align-content: start !important;
}

.a2t-footer-column a {
  display: block !important;
  width: fit-content;
  margin: 0 0 11px !important;
  color: var(--a2t-muted, #58657a) !important;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}

.a2t-footer-column a:hover,
.a2t-footer-column a:focus-visible,
.a2t-footer-bottom a:hover,
.a2t-footer-bottom a:focus-visible {
  color: var(--a2t-blue, #3567ff) !important;
}

.a2t-footer-bottom {
  width: 100% !important;
  margin: 34px 0 0 !important;
  padding-top: 22px;
  border-top: 1px solid var(--a2t-line, #e8ebf1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  color: var(--a2t-muted, #58657a) !important;
  font-size: 13px;
  font-weight: 650;
  opacity: 1 !important;
}

.a2t-footer-bottom nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 18px;
}

.a2t-footer-bottom a {
  display: inline-flex !important;
  margin: 0 !important;
  color: var(--a2t-muted, #58657a) !important;
  font-weight: 750;
  text-decoration: none !important;
}

.a2t-page-shell.a2t-project-view-shell {
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  align-items: start !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: 0 !important;
  padding: 0 0 72px !important;
  overflow: visible !important;
  background: var(--a2t-bg, #fff);
}

.a2t-project-view-shell .a2t-portal-shell.a2t-client-dashboard-main {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 42px 32px 72px 36px !important;
}

.a2t-project-view-shell .a2t-dashboard-breadcrumb {
  margin: 0 0 28px !important;
}

.a2t-project-view-shell .a2t-status-hero,
.a2t-project-view-shell .a2t-flow-banner,
.a2t-project-view-shell .a2t-section-block,
.a2t-project-view-shell .a2t-portal-grid,
.a2t-project-view-shell .a2t-workspace-grid,
.a2t-project-view-shell .a2t-messages-panel {
  scroll-margin-top: 104px;
}

@media (max-width: 980px) {
  .a2t-page-shell.a2t-project-view-shell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  .a2t-project-view-shell .a2t-portal-shell.a2t-client-dashboard-main {
    padding: 24px 18px 72px !important;
  }

  .a2t-footer-shell {
    width: min(100% - 36px, 1480px);
  }

  .a2t-footer-top,
  .a2t-footer-bottom {
    display: grid;
    grid-template-columns: 1fr;
  }

  .a2t-footer-bottom nav {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .a2t-footer-grid {
    grid-template-columns: 1fr !important;
  }
}

/* -------------------------------------------------------------------------
   Final mobile sidebar removal + profile-in-nav polish
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-mobile-profile-link{
    min-height:58px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:12px!important;
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    color:#07111f!important;
    padding:10px 13px!important;
    margin:0 0 10px!important;
    text-decoration:none!important;
  }
  .a2t-mobile-profile-avatar{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    font-weight:950!important;
  }
  .a2t-mobile-profile-link strong,
  .a2t-mobile-profile-link small{
    display:block!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .a2t-mobile-profile-link strong{
    font-size:14px!important;
    font-weight:950!important;
  }
  .a2t-mobile-profile-link small{
    margin-top:2px!important;
    color:#667085!important;
    font-size:11px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
  }
  html[data-theme="dark"] .a2t-mobile-profile-link{
    background:#111a2b!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }

  /* Force service/request pages to remove the full left sidebar on every CSS load order */
  body.products-page-body .a2t-service-sidebar,
  body.products-page-body .a2t-client-nav,
  body .a2t-page-shell .a2t-service-sidebar,
  body .a2t-page-shell .a2t-client-nav,
  body .a2t-client-portal-shell .a2t-service-sidebar,
  body .a2t-client-portal-shell .a2t-client-nav,
  body .a2t-requests-page .a2t-service-sidebar,
  body .a2t-requests-page .a2t-client-nav,
  .a2t-service-sidebar,
  .a2t-requests-sidebar{
    display:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
  }

  body .a2t-client-portal-layout,
  body .a2t-requests-layout{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 12px 52px!important;
    overflow:visible!important;
  }

  body .a2t-client-dashboard-main,
  body .a2t-requests-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:block!important;
    overflow:visible!important;
  }

  html,
  body,
  body .x-content,
  body .a2t-page-shell,
  body .a2t-client-portal-shell,
  body .a2t-requests-page{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    min-height:auto!important;
    height:auto!important;
  }

  /* Product pages: cart/profile live in mobile nav, so no left sidebar in page body */
  #a2t-products .pm-sidebar{
    display:none!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
  }
  #a2t-products .pm-layout{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:14px 12px 52px!important;
  }
  #a2t-products .pm-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* -------------------------------------------------------------------------
   Full-screen mobile nav v5 — top native panel, page locked while open
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  body.a2t-mobile-menu-open{
    overflow:hidden!important;
    touch-action:none;
  }
  body.a2t-mobile-menu-open .x-content,
  body.a2t-mobile-menu-open .a2t-footer{
    pointer-events:none!important;
  }
  .a2t-site-header{
    position:sticky!important;
    top:0!important;
    z-index:3000!important;
    background:#fff!important;
    border-bottom:1px solid #e5eaf2!important;
  }
  html[data-theme="dark"] .a2t-site-header{
    background:#070b14!important;
    border-bottom-color:#1e293b!important;
  }
  .a2t-nav-shell{
    min-height:72px!important;
    padding:0 18px!important;
  }
  .a2t-mobile-menu{
    display:block!important;
    position:fixed!important;
    z-index:2500!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #e5eaf2!important;
    box-shadow:0 22px 50px rgba(15,23,42,0)!important;
    transition:height .28s ease, box-shadow .28s ease!important;
  }
  html[data-theme="dark"] .a2t-mobile-menu{
    background:#070b14!important;
    border-top-color:#1e293b!important;
  }
  .a2t-mobile-menu.is-open{
    width:100%!important;
    height:calc(100dvh - 72px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:0 28px 70px rgba(15,23,42,.18)!important;
  }
  @supports not (height: 100dvh){
    .a2t-mobile-menu.is-open{height:calc(100vh - 72px)!important;}
  }
  .a2t-mobile-menu-inner{
    width:100%!important;
    min-width:0!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:16px 18px max(28px, env(safe-area-inset-bottom))!important;
  }
  .a2t-mobile-cart-link,
  .a2t-mobile-profile-link,
  .a2t-mobile-links a,
  .a2t-mobile-cta{
    transform:translateY(-8px);
    opacity:0;
    transition:transform .24s ease, opacity .24s ease, background .18s ease, border-color .18s ease!important;
  }
  .a2t-mobile-menu.is-open .a2t-mobile-cart-link,
  .a2t-mobile-menu.is-open .a2t-mobile-profile-link,
  .a2t-mobile-menu.is-open .a2t-mobile-links a,
  .a2t-mobile-menu.is-open .a2t-mobile-cta{
    transform:translateY(0);
    opacity:1;
  }
  .a2t-mobile-menu.is-open .a2t-mobile-profile-link{transition-delay:.02s!important;}
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(1){transition-delay:.04s!important;}
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(2){transition-delay:.06s!important;}
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(3){transition-delay:.08s!important;}
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(4){transition-delay:.10s!important;}
  .a2t-mobile-menu.is-open .a2t-mobile-cta{transition-delay:.12s!important;}
  .a2t-mobile-links{
    display:grid!important;
    gap:9px!important;
    padding:0!important;
  }
  .a2t-mobile-links a,
  .a2t-mobile-cart-link,
  .a2t-mobile-profile-link{
    border-radius:16px!important;
  }
  .a2t-mobile-links a{
    min-height:52px!important;
  }
}
@media(max-width:380px){
  .a2t-mobile-menu-inner{padding-left:12px!important;padding-right:12px!important;}
}

/* -------------------------------------------------------------------------
   Mobile nav v5 — locked page, attached top bar, hide-on-scroll header
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  html.a2t-nav-open,
  body.a2t-nav-open{
    overflow:hidden!important;
    height:100%!important;
    overscroll-behavior:none!important;
  }
  body.a2t-nav-open{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .a2t-site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:3000!important;
    width:100%!important;
    background:#fff!important;
    border-bottom:1px solid #e5eaf2!important;
    transform:translateY(0)!important;
    transition:transform .24s ease, box-shadow .2s ease!important;
  }
  .a2t-site-header.is-hidden:not(.is-menu-open){
    transform:translateY(-100%)!important;
  }
  .a2t-site-header.is-menu-open{
    transform:translateY(0)!important;
    box-shadow:0 10px 28px rgba(15,23,42,.08)!important;
  }
  html[data-theme="dark"] .a2t-site-header{
    background:#070b14!important;
    border-bottom-color:#1e293b!important;
  }

  body{
    padding-top:72px!important;
  }

  .a2t-nav-shell{
    min-height:72px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  .a2t-mobile-menu{
    display:block!important;
    position:fixed!important;
    z-index:2999!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#fff!important;
    border-top:0!important;
    border-bottom:0 solid #e5eaf2!important;
    box-shadow:0 18px 36px rgba(15,23,42,0)!important;
    transition:height .28s ease, box-shadow .22s ease, border-color .22s ease!important;
  }
  html[data-theme="dark"] .a2t-mobile-menu{
    background:#070b14!important;
    border-bottom-color:#1e293b!important;
  }
  .a2t-mobile-menu.is-open{
    height:calc(100dvh - 72px)!important;
    border-bottom-width:1px!important;
    box-shadow:0 24px 50px rgba(15,23,42,.14)!important;
  }
  .a2t-mobile-menu-inner{
    width:100%!important;
    max-width:420px!important;
    height:100%!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:16px 16px 28px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }

  .a2t-mobile-menu.is-open .a2t-mobile-cart-link,
  .a2t-mobile-menu.is-open .a2t-mobile-profile-link,
  .a2t-mobile-menu.is-open .a2t-mobile-links a,
  .a2t-mobile-menu.is-open .a2t-mobile-cta{
    animation:a2tMobileNavIn .24s ease both;
  }
  .a2t-mobile-menu.is-open .a2t-mobile-profile-link{ animation-delay:.03s; }
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(1){ animation-delay:.05s; }
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(2){ animation-delay:.07s; }
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(3){ animation-delay:.09s; }
  .a2t-mobile-menu.is-open .a2t-mobile-links a:nth-child(4){ animation-delay:.11s; }
  .a2t-mobile-menu.is-open .a2t-mobile-cta{ animation-delay:.13s; }

  @keyframes a2tMobileNavIn{
    from{ opacity:0; transform:translateY(-8px); }
    to{ opacity:1; transform:translateY(0); }
  }

  .a2t-mobile-menu-btn{
    position:relative!important;
    z-index:3001!important;
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e5eaf2!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#07111f!important;
    padding:8px!important;
  }
  .a2t-mobile-menu-btn span{
    width:24px!important;
    height:3px!important;
    background:currentColor!important;
    margin:3px 0!important;
    border-radius:5px!important;
    transition:0.3s!important;
  }
  .a2t-mobile-menu-btn.is-open span:nth-child(1){
    -webkit-transform:rotate(-315deg) translate(7px, 6px)!important;
    transform:rotate(-315deg) translate(7px, 6px)!important;
  }
  .a2t-mobile-menu-btn.is-open span:nth-child(2){
    opacity:0!important;
    -webkit-transform:translate(0, -15px)!important;
    transform:translate(0, -15px)!important;
  }
  .a2t-mobile-menu-btn.is-open span:nth-child(3){
    -webkit-transform:rotate(315deg) translate(7px, -7px)!important;
    transform:rotate(315deg) translate(7px, -7px)!important;
  }
}

/* -------------------------------------------------------------------------
   Services mobile v5 — compact page + nav notification + full-screen notification page
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-mobile-nav-notification{
    position:fixed!important;
    top:14px!important;
    right:118px!important;
    z-index:3002!important;
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e5eaf2!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#07111f!important;
    box-shadow:none!important;
  }
  .a2t-mobile-nav-notification i{
    color:#155dfc!important;
    font-size:17px!important;
  }
  .a2t-mobile-nav-notification strong{
    position:absolute!important;
    top:-6px!important;
    right:-6px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#155dfc!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification{
    background:#0d1422!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }

  .a2t-requests-top-actions{
    display:none!important;
  }

  body.a2t-notification-open,
  html.a2t-notification-open{
    overflow:hidden!important;
    height:100%!important;
    overscroll-behavior:none!important;
  }
  body.a2t-notification-open{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .a2t-notification-modal[hidden]{
    display:none!important;
  }
  .a2t-notification-modal{
    position:fixed!important;
    z-index:2998!important;
    inset:72px 0 0 0!important;
    width:100%!important;
    height:calc(100dvh - 72px)!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  html[data-theme="dark"] .a2t-notification-modal{
    background:#070b14!important;
  }
  .a2t-notification-backdrop{
    display:none!important;
  }
  .a2t-notification-dialog{
    width:100%!important;
    max-width:420px!important;
    height:100%!important;
    margin:0 auto!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding:16px 14px 32px!important;
  }
  html[data-theme="dark"] .a2t-notification-dialog{
    background:#070b14!important;
  }
  .a2t-notification-head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:14px 0 16px!important;
    background:inherit!important;
    border-bottom:1px solid #e5eaf2!important;
    margin-bottom:12px!important;
  }
  html[data-theme="dark"] .a2t-notification-head{
    border-bottom-color:#1e293b!important;
  }
  .a2t-notification-head h2{
    font-size:24px!important;
    line-height:1.05!important;
    margin:4px 0 6px!important;
  }
  .a2t-notification-head p{
    margin:0!important;
    color:#667085!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .a2t-notification-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .a2t-notification-actions strong{
    min-width:32px!important;
    height:28px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  .a2t-notification-actions .a2t-icon-btn{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }
  .a2t-notification-list{
    display:grid!important;
    gap:10px!important;
  }
  .a2t-notification-item{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 16px!important;
    gap:12px!important;
    align-items:flex-start!important;
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    padding:12px!important;
  }
  .a2t-notification-copy{
    min-width:0!important;
  }
  .a2t-notification-copy small,
  .a2t-notification-copy strong,
  .a2t-notification-copy span,
  .a2t-notification-copy em{
    display:block!important;
    overflow-wrap:anywhere!important;
  }

  /* Compact and native-feeling services dashboard on small screens */
  .a2t-page-shell,
  .a2t-client-portal-shell,
  .a2t-requests-page{
    background:#fbfcff!important;
  }
  .a2t-client-portal-layout,
  .a2t-requests-layout{
    padding:12px 12px 48px!important;
    gap:12px!important;
  }
  .a2t-dashboard-breadcrumb{
    margin:0 0 12px!important;
    padding:0 2px!important;
    font-size:13px!important;
  }
  .a2t-dashboard-stats{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0 0 14px!important;
  }
  .a2t-stat-card{
    min-height:132px!important;
    border-radius:18px!important;
    padding:18px!important;
  }
  .a2t-stat-icon{
    width:56px!important;
    height:56px!important;
    border-radius:18px!important;
  }
  .a2t-stat-card > span:not(.a2t-stat-icon){
    font-size:14px!important;
    margin-top:10px!important;
  }
  .a2t-stat-card strong{
    font-size:28px!important;
    line-height:1.1!important;
  }
  .a2t-section-block{
    border-radius:18px!important;
    padding:16px!important;
    margin-top:12px!important;
  }
  .a2t-dashboard-hero.compact{
    padding:0!important;
    margin-bottom:14px!important;
  }
  .a2t-section-heading{
    font-size:22px!important;
    line-height:1.15!important;
  }
  .a2t-project-toolbar{
    display:grid!important;
    gap:10px!important;
  }
  .a2t-project-filters{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding-bottom:4px!important;
    scrollbar-width:none!important;
  }
  .a2t-project-filters::-webkit-scrollbar{
    display:none!important;
  }
  .a2t-project-filters button{
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .a2t-project-table-wrap{
    overflow:visible!important;
  }
  .a2t-project-table,
  .a2t-project-table thead,
  .a2t-project-table tbody,
  .a2t-project-table tr,
  .a2t-project-table td{
    display:block!important;
    width:100%!important;
  }
  .a2t-project-table thead{
    display:none!important;
  }
  .a2t-project-table tr{
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    background:#fff!important;
    padding:14px!important;
    margin-bottom:10px!important;
  }
  .a2t-project-table td{
    border:0!important;
    padding:6px 0!important;
  }
}
@media(min-width:761px){
  .a2t-mobile-nav-notification{
    display:none!important;
  }
}

/* -------------------------------------------------------------------------
   Notification toggle in mobile top nav v6
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-nav-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .a2t-mobile-nav-notification{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    z-index:3001!important;
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e5eaf2!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#07111f!important;
    box-shadow:none!important;
    padding:0!important;
    cursor:pointer!important;
  }
  .a2t-mobile-nav-notification i{
    color:#155dfc!important;
    font-size:17px!important;
  }
  .a2t-mobile-nav-notification strong{
    position:absolute!important;
    top:-7px!important;
    right:-7px!important;
    min-width:21px!important;
    height:21px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#155dfc!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    border:2px solid #fff!important;
  }
  .a2t-mobile-nav-notification.is-open{
    background:#edf4ff!important;
    border-color:rgba(21,93,252,.26)!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification{
    background:#0d1422!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification strong{
    border-color:#070b14!important;
  }
  .a2t-requests-top-actions{
    display:none!important;
  }

  .a2t-notification-modal{
    inset:72px 0 0 0!important;
    height:calc(100dvh - 72px)!important;
    background:#fff!important;
  }
  .a2t-notification-dialog{
    max-width:420px!important;
    padding:14px 12px 30px!important;
  }
  .a2t-notification-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:start!important;
  }
  .a2t-notification-head .a2t-page-kicker{
    display:inline-flex!important;
    margin-bottom:8px!important;
    font-size:11px!important;
  }
  .a2t-notification-head h2{
    font-size:24px!important;
    margin:0 0 6px!important;
  }
  .a2t-notification-head p{
    max-width:240px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .a2t-notification-actions{
    align-self:start!important;
  }

  .a2t-notification-list{
    display:grid!important;
    gap:10px!important;
  }
  .a2t-notification-item{
    grid-template-columns:38px minmax(0,1fr) 14px!important;
    gap:10px!important;
    align-items:start!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .a2t-notification-icon{
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
  }
  .a2t-notification-copy{
    min-width:0!important;
    display:grid!important;
    gap:4px!important;
  }
  .a2t-notification-copy small{
    order:1!important;
    color:#667085!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1.25!important;
  }
  .a2t-notification-copy strong{
    order:2!important;
    color:#07111f!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  .a2t-notification-copy span{
    order:3!important;
    color:#475467!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:650!important;
    overflow-wrap:anywhere!important;
  }
  .a2t-notification-copy em{
    order:4!important;
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    border-radius:999px!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    padding:4px 8px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-style:normal!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .a2t-notification-item > b{
    align-self:center!important;
    color:#98a2b3!important;
    font-size:20px!important;
  }
  html[data-theme="dark"] .a2t-notification-copy strong{
    color:#f8fafc!important;
  }
  html[data-theme="dark"] .a2t-notification-copy span{
    color:#cbd5e1!important;
  }
}
@media(min-width:761px){
  .a2t-mobile-nav-notification{
    display:none!important;
  }
}

/* -------------------------------------------------------------------------
   Global mobile notification panel v7
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-nav-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .a2t-mobile-nav-notification{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    z-index:3001!important;
    width:44px!important;
    height:44px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e5eaf2!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#07111f!important;
    box-shadow:none!important;
    padding:0!important;
    cursor:pointer!important;
  }
  .a2t-mobile-nav-notification i{
    color:#155dfc!important;
    font-size:17px!important;
  }
  .a2t-mobile-nav-notification strong{
    position:absolute!important;
    top:-7px!important;
    right:-7px!important;
    min-width:21px!important;
    height:21px!important;
    padding:0 6px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#155dfc!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    border:2px solid #fff!important;
  }
  .a2t-mobile-nav-notification.is-open{
    background:#edf4ff!important;
    border-color:rgba(21,93,252,.26)!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification{
    background:#0d1422!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification strong{
    border-color:#070b14!important;
  }

  html.a2t-notification-open,
  body.a2t-notification-open{
    overflow:hidden!important;
    height:100%!important;
    overscroll-behavior:none!important;
  }
  body.a2t-notification-open{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .a2t-notification-modal[hidden]{
    display:none!important;
  }
  .a2t-notification-modal{
    position:fixed!important;
    z-index:2998!important;
    inset:72px 0 0 0!important;
    width:100%!important;
    height:calc(100dvh - 72px)!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  html[data-theme="dark"] .a2t-notification-modal{
    background:#070b14!important;
  }
  .a2t-notification-backdrop{
    display:none!important;
  }
  .a2t-notification-dialog{
    width:100%!important;
    max-width:420px!important;
    height:100%!important;
    margin:0 auto!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding:14px 12px 30px!important;
  }
  html[data-theme="dark"] .a2t-notification-dialog{
    background:#070b14!important;
  }

  /* Important: header scrolls with the notification content, not sticky/fixed. */
  .a2t-notification-head{
    position:relative!important;
    top:auto!important;
    z-index:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
    align-items:start!important;
    padding:12px 0 16px!important;
    background:transparent!important;
    border-bottom:1px solid #e5eaf2!important;
    margin-bottom:12px!important;
  }
  html[data-theme="dark"] .a2t-notification-head{
    border-bottom-color:#1e293b!important;
  }
  .a2t-notification-head .a2t-page-kicker{
    display:inline-flex!important;
    margin-bottom:8px!important;
    font-size:11px!important;
  }
  .a2t-notification-head h2{
    font-size:24px!important;
    line-height:1.05!important;
    margin:0 0 6px!important;
  }
  .a2t-notification-head p{
    max-width:250px!important;
    margin:0!important;
    color:#667085!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .a2t-notification-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    align-self:start!important;
  }
  .a2t-notification-actions strong{
    min-width:30px!important;
    height:28px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  .a2t-notification-actions .a2t-icon-btn{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }
  .a2t-notification-list{
    display:grid!important;
    gap:10px!important;
  }
  .a2t-notification-item{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 14px!important;
    gap:10px!important;
    align-items:start!important;
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    color:#07111f!important;
    padding:12px!important;
    text-decoration:none!important;
  }
  .a2t-notification-icon{
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf4ff!important;
    color:#155dfc!important;
  }
  .a2t-notification-copy{
    min-width:0!important;
    display:grid!important;
    gap:4px!important;
  }
  .a2t-notification-copy small{
    order:1!important;
    color:#667085!important;
    font-size:11.5px!important;
    font-weight:850!important;
    line-height:1.25!important;
  }
  .a2t-notification-copy strong{
    order:2!important;
    color:#07111f!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  .a2t-notification-copy span{
    order:3!important;
    color:#475467!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:650!important;
    overflow-wrap:anywhere!important;
  }
  .a2t-notification-copy em{
    order:4!important;
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    border-radius:999px!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    padding:4px 8px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-style:normal!important;
    font-weight:900!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .a2t-notification-item > b{
    align-self:center!important;
    color:#98a2b3!important;
    font-size:20px!important;
  }
  .a2t-notification-empty{
    border:1px dashed #e5eaf2!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    padding:18px!important;
    display:grid!important;
    gap:6px!important;
  }
  .a2t-notification-empty strong{
    font-size:16px!important;
    font-weight:950!important;
  }
  .a2t-notification-empty span{
    color:#667085!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  html[data-theme="dark"] .a2t-notification-item,
  html[data-theme="dark"] .a2t-notification-empty{
    background:#111a2b!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }
  html[data-theme="dark"] .a2t-notification-copy strong{
    color:#f8fafc!important;
  }
  html[data-theme="dark"] .a2t-notification-copy span{
    color:#cbd5e1!important;
  }
}
@media(min-width:761px){
  .a2t-mobile-nav-notification{
    display:none!important;
  }
}

/* -------------------------------------------------------------------------
   Notifications inside mobile nav v9
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-nav-actions > .a2t-mobile-nav-notification:not(.a2t-mobile-nav-notification-card){
    display:none!important;
  }
  .a2t-mobile-nav-notification-card{
    width:100%!important;
    min-height:58px!important;
    height:auto!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    color:#07111f!important;
    padding:12px 14px!important;
    margin:0 0 10px!important;
    text-align:left!important;
    box-shadow:none!important;
  }
  .a2t-mobile-nav-notification-card span{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    font-size:15px!important;
    font-weight:950!important;
  }
  .a2t-mobile-nav-notification-card span i{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    font-size:16px!important;
  }
  .a2t-mobile-nav-notification-card > strong{
    position:static!important;
    min-width:28px!important;
    height:26px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#155dfc!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:950!important;
    border:0!important;
  }
  .a2t-mobile-nav-notification-card > strong[hidden]{
    display:none!important;
  }
  .a2t-mobile-nav-notification-card.is-open{
    background:#edf4ff!important;
    border-color:rgba(21,93,252,.26)!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification-card{
    background:#111a2b!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }
  .a2t-notification-item.is-viewed{
    opacity:.72!important;
  }
  .a2t-notification-item.is-viewed .a2t-notification-icon{
    background:#f1f4f9!important;
    color:#667085!important;
  }
}

/* -------------------------------------------------------------------------
   Mobile nav quick row v10: cart + notification icon
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-mobile-nav-quick{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 76px!important;
    gap:10px!important;
    align-items:stretch!important;
    margin:0 0 10px!important;
  }
  .a2t-mobile-nav-quick .a2t-mobile-cart-link{
    margin:0!important;
    min-height:82px!important;
    align-content:center!important;
  }
  .a2t-mobile-nav-notification-icon{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:82px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    color:#155dfc!important;
    padding:0!important;
    margin:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  .a2t-mobile-nav-notification-icon i{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    font-size:18px!important;
  }
  .a2t-mobile-nav-notification-icon > strong{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#155dfc!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    border:2px solid #f8fafc!important;
  }
  .a2t-mobile-nav-notification-icon > strong[hidden]{
    display:none!important;
  }
  .a2t-mobile-nav-notification-icon.is-open{
    background:#edf4ff!important;
    border-color:rgba(21,93,252,.28)!important;
    box-shadow:inset 0 0 0 1px rgba(21,93,252,.08)!important;
  }
  .a2t-mobile-nav-notification-icon.is-open i{
    background:#155dfc!important;
    color:#fff!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification-icon{
    background:#111a2b!important;
    border-color:#1e293b!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification-icon > strong{
    border-color:#111a2b!important;
  }
  html[data-theme="dark"] .a2t-mobile-nav-notification-icon i{
    background:#172033!important;
  }

  /* Neutralize older full-row notification-card styles if cached CSS still exists. */
  .a2t-mobile-nav-notification-card:not(.a2t-mobile-nav-notification-icon){
    display:none!important;
  }
}
@media(max-width:380px){
  .a2t-mobile-nav-quick{
    grid-template-columns:minmax(0,1fr) 68px!important;
  }
  .a2t-mobile-nav-notification-icon,
  .a2t-mobile-nav-quick .a2t-mobile-cart-link{
    min-height:76px!important;
    height:76px!important;
  }
}

/* -------------------------------------------------------------------------
   Mobile notification/nav coordination v11
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-site-header.is-menu-open + .a2t-mobile-menu:not(.is-open){
    height:0!important;
    box-shadow:none!important;
  }

  body.a2t-notification-open .a2t-mobile-menu{
    height:0!important;
    border-bottom-width:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  body.a2t-notification-open .a2t-mobile-menu-btn{
    pointer-events:auto!important;
  }

  .a2t-notification-modal{
    z-index:2998!important;
    inset:72px 0 0 0!important;
    height:calc(100dvh - 72px)!important;
    overflow:hidden!important;
  }

  .a2t-notification-dialog{
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px 12px 30px!important;
    scroll-padding-top:116px!important;
  }

  .a2t-notification-head{
    position:sticky!important;
    top:0!important;
    z-index:12!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:12px!important;
    margin:-14px -12px 12px!important;
    padding:14px 12px 14px!important;
    background:#fff!important;
    border-bottom:1px solid #e5eaf2!important;
    box-shadow:0 12px 18px rgba(15,23,42,.06)!important;
  }

  .a2t-notification-actions{
    align-self:start!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }

  .a2t-notification-actions .a2t-icon-btn{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:14px!important;
    border:1px solid #e5eaf2!important;
    background:#fff!important;
    color:#07111f!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
  }

  .a2t-notification-actions .a2t-icon-btn:active{
    transform:scale(.98)!important;
  }

  html[data-theme="dark"] .a2t-notification-head{
    background:#070b14!important;
    border-bottom-color:#1e293b!important;
    box-shadow:0 12px 18px rgba(0,0,0,.24)!important;
  }

  html[data-theme="dark"] .a2t-notification-actions .a2t-icon-btn{
    background:#0d1422!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }
}

/* -------------------------------------------------------------------------
   Mobile notification icon + sticky notification header v12
   Keeps the same icon shape on every page, including service/request pages.
   ------------------------------------------------------------------------- */
@media(max-width:760px){
  .a2t-mobile-nav-quick{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 76px!important;
    gap:10px!important;
    align-items:stretch!important;
    margin:0 0 10px!important;
  }

  .a2t-mobile-nav-quick > .a2t-mobile-cart-link{
    margin:0!important;
    min-height:82px!important;
    height:82px!important;
    align-content:center!important;
  }

  .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:82px!important;
    height:82px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    justify-items:center!important;
    align-items:center!important;
    border:1px solid #e5eaf2!important;
    border-radius:16px!important;
    background:#f8fafc!important;
    color:#155dfc!important;
    padding:0!important;
    margin:0!important;
    box-shadow:none!important;
    text-align:center!important;
    cursor:pointer!important;
  }

  .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon i{
    position:static!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    border:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    background:#edf4ff!important;
    color:#155dfc!important;
    font-size:18px!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon > strong{
    position:absolute!important;
    top:-7px!important;
    right:10px!important;
    min-width:28px!important;
    height:24px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    display:grid!important;
    place-items:center!important;
    background:#155dfc!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:950!important;
    border:2px solid #f8fafc!important;
    box-shadow:0 8px 18px rgba(21,93,252,.24)!important;
  }

  .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon > strong[hidden]{
    display:none!important;
  }

  .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon.is-open{
    background:#edf4ff!important;
    border-color:rgba(21,93,252,.30)!important;
    box-shadow:inset 0 0 0 1px rgba(21,93,252,.08)!important;
  }

  .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon.is-open i{
    background:#155dfc!important;
    color:#fff!important;
  }

  html[data-theme="dark"] .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon{
    background:#111a2b!important;
    border-color:#1e293b!important;
    color:#60a5fa!important;
  }

  html[data-theme="dark"] .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon i{
    background:#172033!important;
    color:#60a5fa!important;
  }

  html[data-theme="dark"] .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon > strong{
    border-color:#111a2b!important;
  }

  .a2t-notification-modal{
    z-index:2998!important;
    inset:72px 0 0 0!important;
    height:calc(100dvh - 72px)!important;
    overflow:hidden!important;
  }

  .a2t-notification-dialog{
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px 12px 30px!important;
    scroll-padding-top:116px!important;
  }

  .a2t-notification-head{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:12px!important;
    margin:-14px -12px 12px!important;
    padding:14px 12px 14px!important;
    background:#fff!important;
    border-bottom:1px solid #e5eaf2!important;
    box-shadow:0 12px 18px rgba(15,23,42,.06)!important;
  }

  .a2t-notification-actions{
    align-self:start!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }

  .a2t-notification-actions .a2t-icon-btn{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:14px!important;
    border:1px solid #e5eaf2!important;
    background:#fff!important;
    color:#07111f!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
  }

  body.a2t-notification-open .a2t-mobile-menu{
    height:0!important;
    border-bottom-width:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  body.a2t-notification-open .a2t-mobile-menu.is-open{
    transform:translateY(-100%)!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  html[data-theme="dark"] .a2t-notification-head{
    background:#070b14!important;
    border-bottom-color:#1e293b!important;
    box-shadow:0 12px 18px rgba(0,0,0,.24)!important;
  }

  html[data-theme="dark"] .a2t-notification-actions .a2t-icon-btn{
    background:#0d1422!important;
    border-color:#1e293b!important;
    color:#f8fafc!important;
  }
}

@media(max-width:380px){
  .a2t-mobile-nav-quick{
    grid-template-columns:minmax(0,1fr) 68px!important;
  }
  .a2t-mobile-nav-quick > .a2t-mobile-cart-link,
  .a2t-mobile-nav-quick > .a2t-mobile-nav-notification.a2t-mobile-nav-notification-icon{
    min-height:76px!important;
    height:76px!important;
  }
}