/* ═══════════════════════════════════════════════════════════════════
   AFFILIATECORESYSTEM — Design System 2.0
   Tokens, primitivas e componentes base.
   Carregado antes de qualquer CSS de página.
   ═══════════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────────
   1. TOKENS
   Todas as cores são declaradas aqui e redefinidas no tema escuro.
   Nenhum componente abaixo usa hex direto.
   ─────────────────────────────────────────────────────────────────── */

:root {
    /* Marca */
    --acs-brand-50:  #eef2ff;
    --acs-brand-100: #e0e7ff;
    --acs-brand-200: #c7d2fe;
    --acs-brand-300: #a5b4fc;
    --acs-brand-400: #818cf8;
    --acs-brand-500: #6366f1;
    --acs-brand-600: #4f46e5;
    --acs-brand-700: #4338ca;
    --acs-brand-800: #3730a3;
    --acs-brand-900: #312e81;

    /* Acentos semânticos do domínio */
    --acs-deal:      #10b981;   /* economia / menor preço */
    --acs-deal-soft: #d1fae5;
    --acs-alert:     #f43f5e;   /* queda de preço / urgência */
    --acs-alert-soft:#ffe4e6;
    --acs-warn:      #f59e0b;
    --acs-warn-soft: #fef3c7;
    --acs-info:      #0ea5e9;
    --acs-info-soft: #e0f2fe;

    /* Superfícies e texto (tema claro) */
    --acs-bg:            #f6f7fb;
    --acs-surface:       #ffffff;
    --acs-surface-2:     #f8fafc;
    --acs-surface-3:     #f1f5f9;
    --acs-surface-inset: #eef2f7;
    --acs-overlay:       rgba(15, 23, 42, 0.55);

    --acs-text:        #0f172a;
    --acs-text-muted:  #475569;
    --acs-text-subtle: #94a3b8;
    --acs-text-invert: #ffffff;

    --acs-border:        #e2e8f0;
    --acs-border-strong: #cbd5e1;

    /* Gradientes de destaque */
    --acs-gradient-brand: linear-gradient(135deg, #6366f1 0%, #8b5cf6 45%, #d946ef 100%);
    --acs-gradient-deal:  linear-gradient(135deg, #10b981 0%, #059669 100%);
    --acs-gradient-hero:  radial-gradient(1200px 600px at 12% -10%, rgba(99,102,241,.35), transparent 60%),
                          radial-gradient(900px 500px at 88% 0%, rgba(217,70,239,.28), transparent 55%),
                          linear-gradient(160deg, #0b1020 0%, #131a35 55%, #1b1240 100%);
    --acs-gradient-glass: linear-gradient(140deg, rgba(255,255,255,.72), rgba(255,255,255,.35));

    /* Tipografia — escala fluida */
    --acs-font: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --acs-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

    --acs-text-2xs: 0.6875rem;   /* 11px */
    --acs-text-xs:  0.75rem;     /* 12px */
    --acs-text-sm:  0.8125rem;   /* 13px */
    --acs-text-base:0.9375rem;   /* 15px */
    --acs-text-md:  1.0625rem;   /* 17px */
    --acs-text-lg:  clamp(1.125rem, 1rem + .4vw, 1.375rem);
    --acs-text-xl:  clamp(1.375rem, 1.1rem + .9vw, 1.875rem);
    --acs-text-2xl: clamp(1.75rem, 1.3rem + 1.7vw, 2.75rem);
    --acs-text-3xl: clamp(2.25rem, 1.5rem + 3vw, 4rem);

    /* Espaçamento */
    --acs-space-1: 4px;
    --acs-space-2: 8px;
    --acs-space-3: 12px;
    --acs-space-4: 16px;
    --acs-space-5: 24px;
    --acs-space-6: 32px;
    --acs-space-7: 48px;
    --acs-space-8: 64px;
    --acs-space-9: 96px;

    /* Raio */
    --acs-radius-xs: 6px;
    --acs-radius-sm: 10px;
    --acs-radius:    14px;
    --acs-radius-lg: 20px;
    --acs-radius-xl: 28px;
    --acs-radius-full: 999px;

    /* Sombras — camadas suaves, nunca pretas puras */
    --acs-shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);
    --acs-shadow-sm: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
    --acs-shadow:    0 6px 24px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);
    --acs-shadow-lg: 0 18px 48px rgba(15, 23, 42, .12), 0 6px 16px rgba(15, 23, 42, .06);
    --acs-shadow-brand: 0 12px 32px rgba(99, 102, 241, .28);
    --acs-shadow-deal:  0 12px 32px rgba(16, 185, 129, .26);

    /* Movimento */
    --acs-ease: cubic-bezier(.16, 1, .3, 1);
    --acs-ease-out: cubic-bezier(.22, .61, .36, 1);
    --acs-fast: 140ms;
    --acs-normal: 260ms;
    --acs-slow: 460ms;

    /* Layout */
    --acs-container: 1360px;
    --acs-gutter: 24px;
    --acs-header-h: 68px;
}

/* Tema escuro — por preferência do sistema… */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --acs-bg:            #080b16;
        --acs-surface:       #111629;
        --acs-surface-2:     #161c33;
        --acs-surface-3:     #1d2440;
        --acs-surface-inset: #0d1222;
        --acs-overlay:       rgba(2, 6, 23, .72);

        --acs-text:        #e9edf7;
        --acs-text-muted:  #a8b3cf;
        --acs-text-subtle: #6b7899;
        --acs-border:        #222a45;
        --acs-border-strong: #313a5c;

        --acs-deal-soft:  rgba(16, 185, 129, .16);
        --acs-alert-soft: rgba(244, 63, 94, .16);
        --acs-warn-soft:  rgba(245, 158, 11, .16);
        --acs-info-soft:  rgba(14, 165, 233, .16);
        --acs-brand-50:   rgba(99, 102, 241, .14);
        --acs-brand-100:  rgba(99, 102, 241, .2);

        --acs-gradient-glass: linear-gradient(140deg, rgba(30,41,74,.72), rgba(17,22,41,.5));
        --acs-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);
        --acs-shadow-sm: 0 2px 10px rgba(0, 0, 0, .38);
        --acs-shadow:    0 8px 28px rgba(0, 0, 0, .45);
        --acs-shadow-lg: 0 22px 56px rgba(0, 0, 0, .55);
    }
}

/* …e por escolha explícita do usuário (botão no header). */
:root[data-theme="dark"] {
    --acs-bg:            #080b16;
    --acs-surface:       #111629;
    --acs-surface-2:     #161c33;
    --acs-surface-3:     #1d2440;
    --acs-surface-inset: #0d1222;
    --acs-overlay:       rgba(2, 6, 23, .72);

    --acs-text:        #e9edf7;
    --acs-text-muted:  #a8b3cf;
    --acs-text-subtle: #6b7899;
    --acs-border:        #222a45;
    --acs-border-strong: #313a5c;

    --acs-deal-soft:  rgba(16, 185, 129, .16);
    --acs-alert-soft: rgba(244, 63, 94, .16);
    --acs-warn-soft:  rgba(245, 158, 11, .16);
    --acs-info-soft:  rgba(14, 165, 233, .16);
    --acs-brand-50:   rgba(99, 102, 241, .14);
    --acs-brand-100:  rgba(99, 102, 241, .2);

    --acs-gradient-glass: linear-gradient(140deg, rgba(30,41,74,.72), rgba(17,22,41,.5));
    --acs-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);
    --acs-shadow-sm: 0 2px 10px rgba(0, 0, 0, .38);
    --acs-shadow:    0 8px 28px rgba(0, 0, 0, .45);
    --acs-shadow-lg: 0 22px 56px rgba(0, 0, 0, .55);
}

/* ───────────────────────────────────────────────────────────────────
   2. RESET E BASE
   ─────────────────────────────────────────────────────────────────── */

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

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--acs-header-h) + 16px);
}

body {
    margin: 0;
    background: var(--acs-bg);
    color: var(--acs-text);
    font-family: var(--acs-font);
    font-size: var(--acs-text-base);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'ss01';
    transition: background-color var(--acs-normal) var(--acs-ease),
                color var(--acs-normal) var(--acs-ease);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 var(--acs-space-3);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.022em;
    color: var(--acs-text);
}

h1 { font-size: var(--acs-text-3xl); }
h2 { font-size: var(--acs-text-2xl); }
h3 { font-size: var(--acs-text-xl); }
h4 { font-size: var(--acs-text-lg); }

p { margin: 0 0 var(--acs-space-3); }

a {
    color: var(--acs-brand-600);
    text-decoration: none;
    transition: color var(--acs-fast) var(--acs-ease);
}
a:hover { color: var(--acs-brand-500); }

img { max-width: 100%; height: auto; }

:focus-visible {
    outline: 2px solid var(--acs-brand-500);
    outline-offset: 3px;
    border-radius: var(--acs-radius-xs);
}

::selection {
    background: var(--acs-brand-500);
    color: #fff;
}

/* Barra de rolagem discreta e no tema */
* { scrollbar-width: thin; scrollbar-color: var(--acs-border-strong) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
    background: var(--acs-border-strong);
    border: 3px solid transparent;
    border-radius: var(--acs-radius-full);
    background-clip: content-box;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ───────────────────────────────────────────────────────────────────
   3. LAYOUT
   ─────────────────────────────────────────────────────────────────── */

.acs-container,
.custom-container {
    width: 100%;
    max-width: var(--acs-container);
    margin-inline: auto;
    padding-inline: var(--acs-gutter);
}

@media (max-width: 768px) {
    :root { --acs-gutter: 16px; }
}

.acs-section { padding-block: var(--acs-space-8); }
.acs-section--tight { padding-block: var(--acs-space-6); }

.acs-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--acs-space-4);
    margin-bottom: var(--acs-space-5);
    flex-wrap: wrap;
}

.acs-section-title {
    margin: 0;
    font-size: var(--acs-text-xl);
    display: flex;
    align-items: center;
    gap: var(--acs-space-3);
}

.acs-section-title i {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--acs-radius-sm);
    background: var(--acs-brand-50);
    color: var(--acs-brand-600);
    font-size: 1rem;
}

.acs-section-sub {
    margin: 6px 0 0;
    color: var(--acs-text-muted);
    font-size: var(--acs-text-sm);
    font-weight: 500;
}

.acs-grid { display: grid; gap: var(--acs-space-4); }
.acs-grid--2 { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.acs-grid--3 { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.acs-grid--4 { grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)); }
.acs-grid--6 { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

/* ───────────────────────────────────────────────────────────────────
   4. SUPERFÍCIES
   ─────────────────────────────────────────────────────────────────── */

.acs-card {
    background: var(--acs-surface);
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius-lg);
    box-shadow: var(--acs-shadow-sm);
    transition: transform var(--acs-normal) var(--acs-ease),
                box-shadow var(--acs-normal) var(--acs-ease),
                border-color var(--acs-normal) var(--acs-ease);
}

.acs-card--hover:hover {
    transform: translateY(-4px);
    box-shadow: var(--acs-shadow-lg);
    border-color: var(--acs-brand-200);
}

.acs-card__body { padding: var(--acs-space-5); }
.acs-card__head {
    padding: var(--acs-space-4) var(--acs-space-5);
    border-bottom: 1px solid var(--acs-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--acs-space-3);
}

.acs-glass {
    background: var(--acs-gradient-glass);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, .18);
}

/* ───────────────────────────────────────────────────────────────────
   5. BOTÕES
   ─────────────────────────────────────────────────────────────────── */

.acs-btn {
    --_bg: var(--acs-surface-3);
    --_fg: var(--acs-text);
    --_bd: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--acs-space-2);
    padding: 11px 20px;
    border: 1px solid var(--_bd);
    border-radius: var(--acs-radius-full);
    background: var(--_bg);
    color: var(--_fg);
    font: inherit;
    font-size: var(--acs-text-sm);
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: transform var(--acs-fast) var(--acs-ease),
                box-shadow var(--acs-normal) var(--acs-ease),
                background-color var(--acs-fast) var(--acs-ease),
                filter var(--acs-fast) var(--acs-ease);
}

.acs-btn:hover { transform: translateY(-2px); color: var(--_fg); }
.acs-btn:active { transform: translateY(0); }
.acs-btn:disabled, .acs-btn[aria-disabled="true"] {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}

.acs-btn--primary {
    --_bg: var(--acs-gradient-brand);
    --_fg: #fff;
    box-shadow: var(--acs-shadow-brand);
}
.acs-btn--primary:hover { filter: brightness(1.08); }

.acs-btn--deal {
    --_bg: var(--acs-gradient-deal);
    --_fg: #fff;
    box-shadow: var(--acs-shadow-deal);
}
.acs-btn--deal:hover { filter: brightness(1.08); }

.acs-btn--ghost {
    --_bg: transparent;
    --_fg: var(--acs-text-muted);
    --_bd: var(--acs-border);
}
.acs-btn--ghost:hover {
    --_bg: var(--acs-surface-3);
    --_fg: var(--acs-text);
    --_bd: var(--acs-border-strong);
}

.acs-btn--soft {
    --_bg: var(--acs-brand-50);
    --_fg: var(--acs-brand-600);
}

.acs-btn--sm { padding: 8px 14px; font-size: var(--acs-text-xs); }
.acs-btn--lg { padding: 15px 30px; font-size: var(--acs-text-md); }
.acs-btn--block { width: 100%; }

.acs-btn--icon {
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: var(--acs-radius-full);
}

/* ───────────────────────────────────────────────────────────────────
   6. BADGES E CHIPS
   ─────────────────────────────────────────────────────────────────── */

.acs-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: var(--acs-radius-full);
    background: var(--acs-surface-3);
    color: var(--acs-text-muted);
    font-size: var(--acs-text-2xs);
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
    line-height: 1.4;
    white-space: nowrap;
}

.acs-badge--deal  { background: var(--acs-deal-soft);  color: var(--acs-deal); }
.acs-badge--alert { background: var(--acs-alert-soft); color: var(--acs-alert); }
.acs-badge--warn  { background: var(--acs-warn-soft);  color: var(--acs-warn); }
.acs-badge--info  { background: var(--acs-info-soft);  color: var(--acs-info); }
.acs-badge--brand { background: var(--acs-brand-50);   color: var(--acs-brand-600); }
.acs-badge--solid { background: var(--acs-gradient-brand); color: #fff; }

.acs-chip {
    display: inline-flex;
    align-items: center;
    gap: var(--acs-space-2);
    padding: 8px 14px;
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius-full);
    background: var(--acs-surface);
    color: var(--acs-text-muted);
    font-size: var(--acs-text-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--acs-fast) var(--acs-ease);
}

.acs-chip:hover {
    border-color: var(--acs-brand-300);
    color: var(--acs-brand-600);
}

.acs-chip[aria-pressed="true"], .acs-chip.is-active {
    background: var(--acs-brand-600);
    border-color: var(--acs-brand-600);
    color: #fff;
}

/* ───────────────────────────────────────────────────────────────────
   7. FORMULÁRIOS
   ─────────────────────────────────────────────────────────────────── */

.acs-field { display: flex; flex-direction: column; gap: 6px; }

.acs-label {
    font-size: var(--acs-text-xs);
    font-weight: 700;
    color: var(--acs-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.acs-input,
.acs-select,
.acs-textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--acs-border);
    border-radius: var(--acs-radius-sm);
    background: var(--acs-surface);
    color: var(--acs-text);
    font: inherit;
    font-size: var(--acs-text-base);
    transition: border-color var(--acs-fast) var(--acs-ease),
                box-shadow var(--acs-fast) var(--acs-ease);
}

.acs-input::placeholder, .acs-textarea::placeholder { color: var(--acs-text-subtle); }

.acs-input:focus,
.acs-select:focus,
.acs-textarea:focus {
    outline: none;
    border-color: var(--acs-brand-500);
    box-shadow: 0 0 0 4px var(--acs-brand-50);
}

.acs-textarea { min-height: 110px; resize: vertical; }

.acs-help { font-size: var(--acs-text-xs); color: var(--acs-text-subtle); }

/* ───────────────────────────────────────────────────────────────────
   8. TABELAS
   ─────────────────────────────────────────────────────────────────── */

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

.acs-table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--acs-text-sm);
}

.acs-table th {
    padding: 13px 16px;
    background: var(--acs-surface-2);
    color: var(--acs-text-muted);
    font-size: var(--acs-text-2xs);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid var(--acs-border);
}

.acs-table td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--acs-border);
    vertical-align: middle;
}

.acs-table tbody tr:last-child td { border-bottom: none; }
.acs-table tbody tr { transition: background-color var(--acs-fast) var(--acs-ease); }
.acs-table tbody tr:hover { background: var(--acs-surface-2); }

/* ───────────────────────────────────────────────────────────────────
   9. PREÇO — o elemento mais importante do produto
   ─────────────────────────────────────────────────────────────────── */

.acs-price {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--acs-text);
    font-variant-numeric: tabular-nums;
}

.acs-price__symbol { font-size: .62em; font-weight: 700; opacity: .75; }
.acs-price__cents  { font-size: .62em; font-weight: 700; }

.acs-price--lg { font-size: 2rem; }
.acs-price--xl { font-size: 2.75rem; }
.acs-price--best { color: var(--acs-deal); }

.acs-price-old {
    color: var(--acs-text-subtle);
    font-size: var(--acs-text-sm);
    text-decoration: line-through;
    font-weight: 600;
}

.acs-installment {
    color: var(--acs-text-muted);
    font-size: var(--acs-text-xs);
    font-weight: 600;
}

/* ───────────────────────────────────────────────────────────────────
   10. ESTADOS
   ─────────────────────────────────────────────────────────────────── */

.acs-empty {
    display: grid;
    place-items: center;
    gap: var(--acs-space-3);
    padding: var(--acs-space-8) var(--acs-space-5);
    text-align: center;
    color: var(--acs-text-muted);
}

.acs-empty i {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border-radius: var(--acs-radius-full);
    background: var(--acs-surface-3);
    color: var(--acs-text-subtle);
    font-size: 1.75rem;
}

.acs-empty h3 { margin: 0; font-size: var(--acs-text-lg); }
.acs-empty p { margin: 0; max-width: 46ch; font-size: var(--acs-text-sm); }

.acs-skeleton {
    background: linear-gradient(90deg,
        var(--acs-surface-3) 25%,
        var(--acs-surface-inset) 50%,
        var(--acs-surface-3) 75%);
    background-size: 200% 100%;
    animation: acs-shimmer 1.4s infinite linear;
    border-radius: var(--acs-radius-sm);
}

@keyframes acs-shimmer {
    from { background-position: 200% 0; }
    to   { background-position: -200% 0; }
}

.acs-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: acs-spin .7s linear infinite;
}

@keyframes acs-spin { to { transform: rotate(360deg); } }

/* ───────────────────────────────────────────────────────────────────
   11. ANIMAÇÕES DE ENTRADA
   Aplicadas por IntersectionObserver em acs.js (data-acs-reveal).
   ─────────────────────────────────────────────────────────────────── */

[data-acs-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity var(--acs-slow) var(--acs-ease-out),
                transform var(--acs-slow) var(--acs-ease-out);
}

[data-acs-reveal].is-visible {
    opacity: 1;
    transform: none;
}

/* ───────────────────────────────────────────────────────────────────
   12. UTILITÁRIOS
   ─────────────────────────────────────────────────────────────────── */

.acs-stack   { display: flex; flex-direction: column; gap: var(--acs-space-3); }
.acs-row     { display: flex; align-items: center; gap: var(--acs-space-3); }
.acs-row--between { justify-content: space-between; }
.acs-wrap    { flex-wrap: wrap; }
.acs-grow    { flex: 1 1 auto; min-width: 0; }

.acs-muted   { color: var(--acs-text-muted); }
.acs-subtle  { color: var(--acs-text-subtle); }
.acs-mono    { font-family: var(--acs-font-mono); font-variant-numeric: tabular-nums; }

.acs-gradient-text {
    background: var(--acs-gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.acs-clamp-1, .acs-clamp-2, .acs-clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.acs-clamp-1 { -webkit-line-clamp: 1; line-clamp: 1; }
.acs-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; }
.acs-clamp-3 { -webkit-line-clamp: 3; line-clamp: 3; }

.acs-sr-only {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.acs-divider {
    height: 1px;
    background: var(--acs-border);
    border: none;
    margin-block: var(--acs-space-5);
}