:root {
    --gold: #D4A017;
    --gold-light: #F2C94C;
    --gold-dim: rgba(212, 160, 23, 0.55);
    --red: #C0392B;
    --red-dark: #8B1A12;
    --dark: #060606;
    --dark-2: #0E0E0E;
    --dark-3: #141414;
    --dark-4: #1C1C1C;
    --text: #F4F1EC;
    --text-muted: #9B968F;
    --border: rgba(212, 160, 23, 0.18);
    --border-strong: rgba(212, 160, 23, 0.38);
    --radius-sm: 2px;
    --radius-md: 6px;
    --shadow-soft: 0 24px 64px rgba(0, 0, 0, 0.55);
    --shadow-gold: 0 0 48px rgba(212, 160, 23, 0.12);
    --max-content: 1320px;
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --z-circle-menu: 98000;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
  }
  body.media-kit-body {
    background: var(--dark);
    color: var(--text);
    font-family: 'Outfit', 'Rajdhani', system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.65;
    overflow-x: hidden;
    position: relative;
  }
  body.media-kit-body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: 0.4;
    background:
      radial-gradient(ellipse 100% 80% at 50% -20%, rgba(192, 57, 43, 0.09), transparent 55%),
      radial-gradient(ellipse 70% 50% at 100% 50%, rgba(212, 160, 23, 0.04), transparent 50%),
      radial-gradient(ellipse 50% 40% at 0% 80%, rgba(212, 160, 23, 0.03), transparent 45%);
  }
  body.media-kit-body
    > *:not(#circleMenuSheet):not(.site-header):not(.de-modal-root):not(.pix-modal):not(
      .login-required-modal
    ):not(.saldo-insuf-modal):not(.cart-deposit-modal):not(.order-track-modal) {
    position: relative;
    z-index: 1;
  }

  /* ── HERO ── */
  .hero {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    padding: 80px clamp(32px, 5vw, 56px) 112px;
    isolation: isolate;
  }
  .hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, transparent 22%, transparent 78%, rgba(0,0,0,0.65) 100%);
  }
  .hero-bg {
    position: absolute; inset: 0;
    background:
      radial-gradient(ellipse 90% 70% at 50% 35%, #3d0f08 0%, #120502 42%, var(--dark) 100%);
    z-index: 0;
  }
  .hero-grid {
    position: absolute; inset: 0;
    background-image:
      linear-gradient(rgba(212,160,23,0.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(212,160,23,0.055) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(ellipse 85% 70% at 50% 45%, #000 15%, transparent 75%);
    z-index: 1;
  }
  .hero-glow {
    position: absolute;
    width: min(720px, 90vw);
    height: min(720px, 90vw);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(192,57,43,0.22) 0%, rgba(192,57,43,0.06) 35%, transparent 68%);
    top: 42%;
    left: 50%;
    transform: translate(-50%, -58%);
    z-index: 1;
    filter: blur(0);
  }
  .hero-content {
    position: relative;
    z-index: 4;
    max-width: min(1040px, 100%);
  }
  .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--border-strong);
    color: var(--gold-light);
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.38em;
    text-transform: uppercase;
    padding: 11px 28px 11px 30px;
    margin-bottom: 36px;
    background: rgba(10, 10, 10, 0.45);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 999px;
    box-shadow: var(--shadow-gold), inset 0 1px 0 rgba(255,255,255,0.06);
  }
  .hero-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 12px var(--gold);
    flex-shrink: 0;
  }
  .hero-logo-text {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(68px, 11vw, 128px);
    line-height: 0.88;
    letter-spacing: 0.06em;
    color: #fff;
    text-shadow:
      0 0 100px rgba(192,57,43,0.45),
      0 4px 48px rgba(0,0,0,0.85);
    margin-bottom: 10px;
  }
  .hero-logo-text span {
    color: var(--gold);
    text-shadow: 0 0 80px rgba(212,160,23,0.35);
  }
  .hero-sub {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(20px, 3.6vw, 40px);
    letter-spacing: 0.42em;
    color: rgba(154, 149, 144, 0.95);
    margin-bottom: 36px;
    text-shadow: 0 2px 24px rgba(0,0,0,0.5);
  }
  .hero-desc {
    font-family: 'Inter', sans-serif;
    font-size: clamp(15px, 2vw, 17px);
    font-weight: 300;
    color: rgba(180, 175, 168, 0.95);
    max-width: min(620px, 92vw);
    margin: 0 auto clamp(36px, 5vw, 48px);
    line-height: 1.85;
  }
  .hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px 16px;
  }
  .hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 45%, #b8890f 100%);
    color: #0a0a0a;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    padding: 17px 36px;
    text-decoration: none;
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-soft), 0 0 0 1px rgba(255,255,255,0.12) inset, 0 0 40px rgba(212,160,23,0.2);
    transition: transform 0.35s var(--ease-out), box-shadow 0.35s var(--ease-out), filter 0.25s;
  }
  .hero-cta:hover {
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 32px 72px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.16) inset, 0 0 56px rgba(212,160,23,0.28);
  }
  .hero-cta-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--border-strong);
    color: rgba(240, 235, 228, 0.88);
    background: rgba(8, 8, 8, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 16px 34px;
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: border-color 0.25s, color 0.25s, background 0.25s, transform 0.35s var(--ease-out);
  }
  .hero-cta-ghost:hover {
    border-color: var(--gold);
    color: var(--gold-light);
    background: rgba(212, 160, 23, 0.06);
    transform: translateY(-2px);
  }
  .scroll-hint {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: rgba(154, 149, 144, 0.85);
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.35em;
    text-transform: uppercase;
  }
  .scroll-line {
    width: 1px;
    height: 44px;
    background: linear-gradient(to bottom, var(--gold), transparent);
    animation: scrollAnim 2.2s ease-in-out infinite;
  }
  @keyframes scrollAnim { 0%,100%{opacity:0.35; transform:scaleY(0.55);} 50%{opacity:1;transform:scaleY(1);} }

  /* ── LAYOUT ── */
  .section {
    padding: clamp(72px, 12vw, 120px) clamp(24px, 5vw, 48px);
    max-width: var(--max-content);
    margin: 0 auto;
  }
  .section-tag {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    letter-spacing: 0.38em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 14px;
    font-weight: 600;
  }
  .section-tag::before {
    content: "";
    width: 32px;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), transparent);
    flex-shrink: 0;
  }
  .section-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(38px, 5.5vw, 64px);
    letter-spacing: 0.04em;
    line-height: 0.98;
    margin-bottom: 18px;
    text-shadow: 0 2px 32px rgba(0,0,0,0.35);
  }
  .section-lead {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: var(--text-muted);
    max-width: 600px;
    line-height: 1.85;
    margin-bottom: 56px;
  }
  .mk-subheading {
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    margin: 48px 0 22px;
  }
  .divider {
    width: 100%;
    height: 1px;
    margin: 0;
    background: linear-gradient(90deg, transparent 0%, var(--border) 20%, var(--border-strong) 50%, var(--border) 80%, transparent 100%);
    opacity: 0.9;
  }

  /* ── STATS ── */
  .stats-band {
    background: linear-gradient(180deg, rgba(18,18,18,0.97) 0%, var(--dark-2) 50%, rgba(12,12,12,0.98) 100%);
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 56px clamp(20px, 4vw, 40px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  }
  .stats-grid {
    max-width: var(--max-content);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 2px;
  }
  .stat-item {
    text-align: center;
    padding: 28px 20px;
    background: rgba(20, 20, 20, 0.65);
    border: 1px solid transparent;
    transition: border-color 0.3s var(--ease-out), background 0.3s var(--ease-out), transform 0.35s var(--ease-out);
    position: relative;
    overflow: hidden;
  }
  .stat-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 48%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    transition: transform 0.45s var(--ease-out);
  }
  .stat-item:hover {
    border-color: var(--border);
    background: rgba(26, 22, 16, 0.55);
    transform: translateY(-2px);
  }
  .stat-item:hover::before { transform: translateX(-50%) scaleX(1); }
  .stat-num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(44px, 6vw, 58px);
    line-height: 1;
    color: var(--gold);
    background: linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 55%, #a67a0f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 16px rgba(212,160,23,0.25));
  }
  .stat-label {
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-top: 10px;
    font-weight: 500;
  }

  /* ── SOBRE ── */
  .about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(48px, 8vw, 88px);
    align-items: start;
  }
  .about-text p {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: var(--text-muted);
    line-height: 1.92;
    margin-bottom: 22px;
  }
  .about-text p strong { color: var(--text); font-weight: 500; }
  .pillars { display: flex; flex-direction: column; gap: 14px; }
  .pillar {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 22px 24px;
    border: 1px solid var(--border);
    background: linear-gradient(145deg, rgba(22,22,22,0.95) 0%, var(--dark-3) 100%);
    border-radius: var(--radius-md);
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
    transition: border-color 0.3s var(--ease-out), box-shadow 0.35s var(--ease-out), transform 0.35s var(--ease-out);
  }
  .pillar:hover {
    border-color: var(--border-strong);
    box-shadow: 0 20px 48px rgba(0,0,0,0.35), 0 0 0 1px rgba(212,160,23,0.08);
    transform: translateY(-2px);
  }
  .pillar-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: linear-gradient(160deg, rgba(212,160,23,0.14), rgba(212,160,23,0.04));
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  }
  .pillar-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
  }
  .pillar-title {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 6px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .pillar-desc { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--text-muted); line-height: 1.65; }

  /* ── MODALIDADES ── */
  .games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2px;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0,0,0,0.35);
  }
  .game-card {
    background: linear-gradient(165deg, rgba(24,24,24,0.98) 0%, var(--dark-3) 100%);
    padding: 36px 24px 32px;
    border: 1px solid rgba(255,255,255,0.04);
    transition: border-color 0.3s, transform 0.35s var(--ease-out), box-shadow 0.35s;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .game-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--gold), var(--gold-light), transparent);
    transform: scaleX(0);
    transition: transform 0.45s var(--ease-out);
  }
  .game-card:hover::before { transform: scaleX(1); }
  .game-card:hover {
    border-color: var(--border-strong);
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(0,0,0,0.4);
  }
  .game-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .game-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
  }
  .game-name { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 2px; margin-bottom: 4px; }
  .game-status {
    font-size: 10px; letter-spacing: 3px; text-transform: uppercase;
    color: var(--gold); font-weight: 700;
  }

  /* ── ESTRUTURA ── */
  .team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2px;
    border-radius: var(--radius-md);
    overflow: hidden;
  }
  .team-card {
    background: linear-gradient(180deg, var(--dark-3) 0%, rgba(18,18,18,0.98) 100%);
    padding: 30px 24px;
    border: 1px solid var(--border);
    text-align: center;
    transition: background 0.3s, border-color 0.3s, transform 0.35s var(--ease-out);
  }
  .team-card:hover {
    background: rgba(30, 26, 18, 0.65);
    border-color: var(--border-strong);
    transform: translateY(-2px);
  }
  .team-role {
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: 10px;
  }
  .team-name { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 0.06em; margin-bottom: 8px; }
  .team-desc { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--text-muted); line-height: 1.55; }

  /* ── PÚBLICO ── */
  .audience-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(24px, 4vw, 40px);
  }
  .audience-card {
    background: linear-gradient(155deg, rgba(22,22,22,0.98) 0%, var(--dark-3) 100%);
    border: 1px solid var(--border);
    padding: 40px 36px;
    border-radius: var(--radius-md);
    box-shadow: 0 20px 56px rgba(0,0,0,0.3);
  }
  .audience-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 30px;
    letter-spacing: 0.12em;
    margin-bottom: 28px;
    color: var(--gold);
    text-shadow: 0 0 40px rgba(212,160,23,0.15);
  }
  .bar-item { margin-bottom: 16px; }
  .bar-label { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 6px; }
  .bar-label span:last-child { color: var(--gold); font-weight: 700; }
  .bar-track { height: 4px; background: var(--dark-4); }
  .bar-fill { height: 4px; background: linear-gradient(to right, var(--red-dark), var(--gold)); transition: width 1s ease; }
  .channel-list { list-style: none; }
  .channel-list li {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.05);
    font-size: 14px;
  }
  .channel-list li:last-child { border-bottom: none; }
  .channel-row__left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .channel-row__icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    object-fit: contain;
    display: block;
  }
  .channel-row__name {
    color: var(--text);
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .channel-list .channel-row__handle {
    color: var(--gold);
    font-weight: 700;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: right;
  }

  .section-tag--center {
    justify-content: center;
  }
  .section-tag--center::before {
    width: 36px;
    background: linear-gradient(90deg, transparent, var(--gold));
  }
  .section-tag--center::after {
    content: "";
    width: 36px;
    height: 2px;
    background: linear-gradient(90deg, var(--gold), transparent);
    flex-shrink: 0;
  }
  .section-title--center {
    text-align: center;
    max-width: none;
  }
  .mk-contact-lead {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: var(--text-muted);
    line-height: 1.85;
    text-align: center;
    max-width: 560px;
    margin: 0 auto 8px;
  }

  /* Diferenciais (ícones vetoriais) */
  .mk-diff-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2px;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 28px 72px rgba(0,0,0,0.35);
  }
  .mk-diff-card {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 18px;
    row-gap: 0;
    align-items: start;
    background: linear-gradient(165deg, rgba(22,22,22,0.98) 0%, var(--dark-3) 55%, rgba(16,14,10,0.85) 100%);
    border: 1px solid var(--border);
    padding: 40px 34px 38px;
    position: relative;
    transition: border-color 0.3s var(--ease-out), transform 0.4s var(--ease-out), box-shadow 0.4s;
  }
  .mk-diff-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: radial-gradient(ellipse 80% 55% at 50% -20%, rgba(212,160,23,0.09), transparent 55%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s;
  }
  .mk-diff-card:hover {
    border-color: var(--border-strong);
    transform: translateY(-3px);
    box-shadow: 0 24px 56px rgba(0,0,0,0.4);
  }
  .mk-diff-card:hover::before { opacity: 1; }
  .mk-feature-icon {
    grid-column: 1;
    grid-row: 1;
    width: 48px;
    height: 48px;
    margin: 0;
    display: block;
    object-fit: contain;
    padding: 10px;
    background: rgba(212,160,23,0.06);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4));
    flex-shrink: 0;
  }
  .mk-diff-title {
    grid-column: 2;
    grid-row: 1;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    letter-spacing: 0.1em;
    margin: 0;
    align-self: center;
    min-width: 0;
    line-height: 1.15;
    position: relative;
    z-index: 1;
  }
  .mk-diff-text {
    grid-column: 1 / -1;
    grid-row: 2;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.75;
    margin: 14px 0 0;
    position: relative;
    z-index: 1;
  }

  /* ── COTAS ── */
  .cotas-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2px;
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(0,0,0,0.4);
  }
  .cota-card {
    background: linear-gradient(175deg, rgba(24,24,24,0.99) 0%, var(--dark-3) 100%);
    border: 1px solid var(--border);
    padding: 44px 32px 40px;
    position: relative;
    transition: border-color 0.3s, transform 0.4s var(--ease-out), box-shadow 0.4s;
  }
  .cota-card:hover {
    border-color: rgba(212,160,23,0.45);
    transform: translateY(-6px);
    box-shadow: 0 28px 64px rgba(0,0,0,0.45);
  }
  .cota-card.destaque {
    border-color: var(--gold);
    background: linear-gradient(165deg, rgba(45, 32, 8, 0.55) 0%, var(--dark-3) 45%, #12100a 100%);
    box-shadow: inset 0 1px 0 rgba(255,215,120,0.12), 0 0 64px rgba(212,160,23,0.08);
  }
  .cota-badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: linear-gradient(180deg, var(--gold-light), var(--gold));
    color: #0a0a0a;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    padding: 8px 22px;
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(212,160,23,0.35);
  }
  .cota-tier {
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 10px;
    font-weight: 600;
  }
  .cota-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 38px;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
  }
  .cota-price {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border);
  }
  .cota-price strong {
    font-size: 30px;
    font-weight: 600;
    color: var(--text);
    font-family: 'Outfit', sans-serif;
    letter-spacing: -0.02em;
  }
  .cota-features { list-style: none; margin-bottom: 32px; }
  .cota-features li {
    font-size: 14px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
    display: flex; gap: 10px; align-items: flex-start;
  }
  .cota-features li::before { content: '▸'; color: var(--gold); font-size: 12px; flex-shrink: 0; margin-top: 2px; }
  .cota-features li.no::before { content: '–'; color: var(--text-muted); }
  .cota-features li.no { color: var(--text-muted); }

  /* ── BENEFÍCIOS DETALHADOS ── */
  .mk-table-wrap {
    overflow-x: auto;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    box-shadow: 0 20px 56px rgba(0,0,0,0.3);
  }
  .benefits-table { width: 100%; border-collapse: collapse; min-width: 520px; }
  .benefits-table thead {
    background: linear-gradient(180deg, rgba(30,26,18,0.9) 0%, rgba(18,18,18,0.98) 100%);
  }
  .benefits-table th {
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--text-muted);
    font-weight: 600;
    padding: 16px 18px;
    border-bottom: 1px solid var(--border);
    text-align: left;
  }
  .benefits-table th:not(:first-child) { text-align: center; }
  .benefits-table td {
    padding: 15px 18px;
    border-bottom: 1px solid rgba(255,255,255,0.04);
    font-size: 14px;
    background: rgba(20,20,20,0.4);
    transition: background 0.2s;
  }
  .benefits-table td:not(:first-child) { text-align: center; }
  .benefits-table tbody tr:hover td { background: rgba(212,160,23,0.05); }
  .check { color: var(--gold); font-size: 17px; text-shadow: 0 0 12px rgba(212,160,23,0.35); }
  .dash { color: var(--text-muted); opacity: 0.35; }

  /* ── CEO ── */
  .ceo-section {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(40px, 6vw, 72px);
    align-items: start;
    margin-top: 8px;
  }
  .ceo-photo {
    width: min(280px, 100%);
    max-width: 100%;
    height: auto;
    min-height: 0;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-strong);
    background: var(--dark-3);
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    align-self: start;
    line-height: 0;
    box-shadow:
      0 0 0 1px rgba(212,160,23,0.25),
      0 28px 64px rgba(0,0,0,0.45),
      inset 0 0 0 1px rgba(255,255,255,0.04);
  }
  .ceo-photo img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
  .ceo-photo-placeholder {
    width: 100%;
    min-height: 220px;
    aspect-ratio: 3 / 4;
    background: linear-gradient(145deg, var(--dark-4), #1a1510);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 68px;
    color: var(--gold);
    opacity: 0.35;
  }
  .ceo-role {
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    letter-spacing: 0.38em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: 12px;
  }
  .ceo-name {
    font-family: 'Bebas Neue', sans-serif;
    font-size: clamp(40px, 5vw, 56px);
    letter-spacing: 0.08em;
    margin-bottom: 22px;
    line-height: 1;
  }
  .ceo-bio {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: var(--text-muted);
    line-height: 1.92;
    margin-bottom: 24px;
  }
  .ceo-links { display: flex; gap: 10px; flex-wrap: wrap; }
  .ceo-link {
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
    text-decoration: none;
    border: 1px solid var(--border-strong);
    padding: 11px 22px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    background: rgba(212,160,23,0.04);
    transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.3s var(--ease-out);
  }
  .ceo-link:hover {
    background: var(--gold);
    color: #0a0a0a;
    border-color: var(--gold);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(212,160,23,0.25);
  }

  /* ── CONTATO ── */
  .contact-section {
    position: relative;
    background:
      radial-gradient(ellipse 90% 70% at 50% 0%, rgba(212,160,23,0.08) 0%, transparent 55%),
      linear-gradient(180deg, var(--dark-2) 0%, #080808 100%);
    border-top: 1px solid var(--border);
    padding: clamp(80px, 14vw, 120px) 40px;
    text-align: center;
    overflow: hidden;
  }
  .contact-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 120%, rgba(192,57,43,0.12) 0%, transparent 45%);
    pointer-events: none;
  }
  .contact-inner { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; }
  .contact-details {
    display: flex;
    justify-content: center;
    gap: clamp(32px, 8vw, 72px);
    flex-wrap: wrap;
    margin: 52px 0 12px;
  }
  .contact-item { text-align: center; min-width: 160px; }
  .contact-item-label {
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 10px;
    font-weight: 600;
  }
  .contact-item-value { font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 600; color: var(--text); }
  .contact-item-value a {
    color: var(--gold-light);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s, color 0.2s;
  }
  .contact-item-value a:hover { border-bottom-color: var(--gold); color: var(--gold); }
  .social-row {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 44px;
  }
  .social-btn {
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 20px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: rgba(235, 230, 222, 0.85);
    background: rgba(10,10,10,0.4);
    text-decoration: none;
    transition: border-color 0.25s, color 0.25s, background 0.25s, transform 0.3s var(--ease-out);
  }
  .social-btn:hover {
    border-color: var(--gold);
    color: var(--gold-light);
    background: rgba(212,160,23,0.08);
    transform: translateY(-2px);
  }

  /* ── FOOTER (layout legado media kit — sem .site-footer) ── */
  footer:not(.site-footer) {
    background: #040404;
    border-top: 1px solid var(--border);
    padding: 36px clamp(24px, 4vw, 48px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }
  footer:not(.site-footer) .logo-text {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    letter-spacing: 0.14em;
  }
  footer:not(.site-footer) .logo-text span { color: var(--gold); }
  footer:not(.site-footer) p { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--text-muted); line-height: 1.5; }
  .footer-version {
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--text-muted);
    opacity: 0.85;
    text-align: right;
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    .about-grid, .audience-grid, .ceo-section { grid-template-columns: 1fr; }
    .ceo-photo {
      width: 100%;
      max-width: min(280px, 100%);
      height: auto;
      min-height: 0;
      margin: 0 auto;
    }
    .hero-actions { flex-direction: column; width: 100%; max-width: 320px; margin: 0 auto; }
    .hero-cta, .hero-cta-ghost { width: 100%; }
    .section { padding: 56px 20px; }
    .hero { padding: 64px clamp(18px, 5vw, 28px) 96px; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    footer:not(.site-footer) { flex-direction: column; text-align: center; }
    .footer-version { text-align: center; width: 100%; }
  }

  /* Patrocinadores (dados do banco) */
  .mk-sponsors--empty { display: none !important; }
  .mk-sponsors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: clamp(20px, 3vw, 32px);
    align-items: stretch;
    justify-items: center;
    justify-content: center;
    margin-top: clamp(16px, 3vw, 28px);
    max-width: min(1120px, 100%);
    margin-left: auto;
    margin-right: auto;
  }
  .mk-sponsor-cell {
    width: 100%;
    max-width: 300px;
    min-height: clamp(112px, 16vw, 156px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(18px, 2.5vw, 28px) clamp(16px, 2vw, 24px);
    background: linear-gradient(165deg, rgba(24,24,24,0.95) 0%, var(--dark-3) 100%);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    transition: border-color 0.3s, transform 0.35s var(--ease-out), box-shadow 0.35s;
    box-shadow: 0 12px 32px rgba(0,0,0,0.25);
  }
  .mk-sponsor-cell:hover {
    border-color: var(--border-strong);
    transform: translateY(-3px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.35);
  }
  .mk-sponsor-cell img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 260px);
    max-height: clamp(72px, 11vw, 112px);
    min-height: 56px;
    object-fit: contain;
    object-position: center;
    filter: grayscale(8%) contrast(1.06);
  }
  @media (min-width: 960px) {
    .mk-sponsors-grid {
      grid-template-columns: repeat(auto-fit, minmax(240px, 300px));
    }
    .mk-sponsor-cell {
      max-width: 320px;
      min-height: 168px;
    }
    .mk-sponsor-cell img {
      max-height: 120px;
    }
  }
  @media (max-width: 768px) {
    .mk-sponsors-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px 12px;
    }
    .mk-sponsor-cell {
      max-width: none;
      min-height: 108px;
      padding: 14px 12px;
    }
    .mk-sponsor-cell img {
      max-height: 92px;
      min-height: 48px;
    }
  }
  .mk-team-count { color: var(--gold); font-weight: 600; }
  #mk-ceo-img {
    display: none;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center top;
  }
  #mk-ceo-img.mk-ceo-img--show { display: block; }
  #mk-ceo-ph { display: flex; }
  #mk-ceo-ph.mk-ceo-ph--hide { display: none !important; }
  .mk-api-error {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 12px 16px;
    background: #2a1510;
    border-top: 1px solid var(--gold);
    color: var(--text-muted);
    font-family: Inter, sans-serif;
    font-size: 13px;
    text-align: center;
  }
  .mk-api-error.mk-api-error--show { display: block; }

  /* ═══ index.html — home sobre o kit Dragon Empire ═══ */
  body.media-kit-body > .site-header {
    z-index: calc(var(--z-circle-menu) + 20);
  }
  @media (max-width: 1023px) {
    /* Camada composta: reduz toques “perdidos” no sanduíche no WebKit mobile */
    body.media-kit-body > .site-header {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
  }
  /* Header acima do sheet no mobile: o sheet é fullscreen e cobria o sanduíche/X sem esta camada alta */
  body.media-kit-body.circle-menu-open > .site-header {
    z-index: calc(var(--z-circle-menu) + 45);
  }

  @media (max-width: 1023px) {
    html.circle-menu-open body.media-kit-body > .site-header,
    body.media-kit-body.circle-menu-open > .site-header {
      z-index: calc(var(--z-circle-menu) + 120) !important;
    }
  }
  /* Sem position/z-index herdados do bloco genérico de filhos do body — evita sheet atrás do conteúdo (mobile media kit). */
  body.media-kit-body > #circleMenuSheet.circle-menu__sheet {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-circle-menu) + 30);
  }

  /* Página só media kit (mk-standalone): evita hero/grade por cima do header e sheet “fantasma” bloqueando o sanduíche */
  @media (max-width: 1023px) {
    body.mk-standalone > .site-header {
      z-index: 200000 !important;
      isolation: isolate;
      pointer-events: auto;
    }

    body.mk-standalone #circleMenuToggle {
      position: relative;
      z-index: 5;
      pointer-events: auto;
      touch-action: manipulation;
    }

    body.mk-standalone #circleMenuSheet.circle-menu__sheet.site-mobile-nav-sheet:not(.is-open) {
      display: none !important;
      pointer-events: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
    }

    body.mk-standalone > section.hero {
      z-index: 0 !important;
    }

    body.mk-standalone > .stats-band,
    body.mk-standalone > #mk-sponsors-section {
      z-index: 0 !important;
    }
  }

  html.circle-menu-open,
  body.circle-menu-open {
    overflow: hidden;
    touch-action: none;
  }
  .site-header {
    background: rgba(8, 8, 8, 0.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 90000;
    overflow: visible;
  }
  /* Largura total da viewport: logo encosta ao máximo à esquerda (só respeita padding) — sem bloco centralizado 1120px */
  .site-header__inner {
    max-width: none;
    margin: 0;
    padding: 12px clamp(12px, 3vw, 40px) 14px clamp(12px, 2.5vw, 32px);
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
    column-gap: clamp(10px, 2vw, 20px);
  }

  .site-header__tools {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
    overflow: visible;
  }

  .site-header__saldo-group {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
  }

  .site-header__saldo-group.hidden {
    display: none !important;
  }

  .site-header__saldo {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.05rem;
    padding: 0.4rem 0.65rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(212, 160, 23, 0.35);
    background: rgba(212, 160, 23, 0.08);
    text-decoration: none;
    transition:
      border-color 0.18s ease,
      background 0.18s ease;
  }

  .site-header__saldo:hover {
    border-color: rgba(212, 160, 23, 0.55);
    background: rgba(212, 160, 23, 0.14);
  }

  .site-header__saldo-label {
    font-family: "Outfit", sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-muted);
    line-height: 1;
  }

  .site-header__saldo-value {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.05rem;
    letter-spacing: 0.04em;
    color: var(--gold-light);
    line-height: 1;
    white-space: nowrap;
  }

  .site-header__saldo-value.is-saldo-masked,
  .dashboard-grid__saldo-value.is-saldo-masked {
    color: rgba(244, 241, 236, 0.45);
    letter-spacing: 0.2em;
  }

  .de-saldo-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-md);
    background: rgba(0, 0, 0, 0.45);
    color: rgba(244, 241, 236, 0.75);
    cursor: pointer;
    flex-shrink: 0;
    transition:
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease;
  }

  .de-saldo-toggle:hover {
    border-color: rgba(212, 160, 23, 0.5);
    background: rgba(212, 160, 23, 0.12);
    color: var(--gold-light);
  }

  .de-saldo-toggle:focus-visible {
    outline: 2px solid rgba(212, 160, 23, 0.65);
    outline-offset: 2px;
  }

  .de-saldo-toggle__svg {
    width: 1.05rem;
    height: 1.05rem;
    display: block;
  }

  .de-saldo-toggle__icon[hidden] {
    display: none !important;
  }

  .de-saldo-toggle--header {
    width: 2.15rem;
    height: 2.15rem;
  }

  .site-header__track-wrap {
    position: relative;
    flex-shrink: 0;
  }

  .site-header__track-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-width: 2.65rem;
    height: 2.65rem;
    padding: 0 0.65rem 0 0.55rem;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(0, 0, 0, 0.45);
    color: rgba(244, 241, 236, 0.88);
    text-decoration: none;
    font-family: "Outfit", sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition:
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease;
  }

  .site-header__track-btn:hover {
    border-color: rgba(212, 160, 23, 0.55);
    background: rgba(212, 160, 23, 0.1);
    color: var(--gold-light);
  }

  .site-header__track-btn-icon {
    width: 1.15rem;
    height: 1.15rem;
    flex-shrink: 0;
  }

  .site-header__track-btn-label {
    line-height: 1;
    white-space: nowrap;
  }

  @media (max-width: 520px) {
    .site-header__track-btn-label {
      display: none;
    }

    .site-header__track-btn {
      width: 2.65rem;
      padding: 0;
    }
  }

  .site-header__cart-wrap {
    position: relative;
    flex-shrink: 0;
  }

  .site-header__cart-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    width: 2.65rem;
    height: 2.65rem;
    padding: 0;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(0, 0, 0, 0.45);
    color: var(--text);
    cursor: pointer;
    transition:
      border-color 0.18s ease,
      background 0.18s ease,
      color 0.18s ease,
      width 0.2s ease,
      padding 0.2s ease;
  }

  .site-header__cart-btn--has-items,
  .site-header__cart-wrap--has-items .site-header__cart-btn {
    width: auto;
    min-width: 2.65rem;
    padding: 0 0.7rem 0 0.55rem;
    border-color: rgba(212, 160, 23, 0.45);
    background: linear-gradient(135deg, rgba(212, 160, 23, 0.22) 0%, rgba(212, 160, 23, 0.08) 100%);
    color: var(--gold-light);
  }

  .site-header__cart-btn:hover,
  .site-header__cart-wrap:hover .site-header__cart-btn {
    border-color: rgba(212, 160, 23, 0.65);
    background: linear-gradient(135deg, rgba(212, 160, 23, 0.32) 0%, rgba(212, 160, 23, 0.14) 100%);
    color: var(--gold-light);
  }

  .site-header__cart-btn-icon {
    width: 1.2rem;
    height: 1.2rem;
    flex-shrink: 0;
  }

  .site-header__cart-btn-label {
    font-family: "Outfit", sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    line-height: 1;
  }

  .site-header__cart-badge {
    position: absolute;
    top: -0.35rem;
    right: -0.35rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: var(--gold);
    color: #0a0a0a;
    font-family: "Outfit", sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  }

  .site-header__cart-preview {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 96000;
    width: min(22.5rem, calc(100vw - 1.5rem));
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition:
      opacity 0.22s ease,
      transform 0.22s ease,
      visibility 0.22s ease;
  }

  .site-header__cart-preview.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .site-header__cart-preview-panel {
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(212, 160, 23, 0.35);
    background: linear-gradient(180deg, #1c1a16 0%, #101010 48%, #0a0a0a 100%);
    box-shadow:
      0 22px 48px rgba(0, 0, 0, 0.65),
      0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  }

  .site-header__cart-preview-panel {
    position: relative;
    padding-top: 0.35rem;
  }

  .site-header__cart-preview-panel::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 1.15rem;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background: #1c1a16;
    border-top: 1px solid rgba(212, 160, 23, 0.35);
    border-left: 1px solid rgba(212, 160, 23, 0.35);
    pointer-events: none;
  }

  .site-header__cart-preview-list {
    list-style: none;
    margin: 0;
    padding: 0.65rem 0.75rem 0.35rem;
    max-height: min(280px, 42vh);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 160, 23, 0.35) transparent;
  }

  .site-header__cart-preview-item {
    display: grid;
    grid-template-columns: 3.25rem 1fr auto;
    gap: 0.55rem 0.65rem;
    align-items: center;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }

  .site-header__cart-preview-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }

  .site-header__cart-preview-media {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.08);
  }

  .site-header__cart-preview-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .site-header__cart-preview-name {
    margin: 0;
    font-family: "Outfit", sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .site-header__cart-preview-price {
    text-align: right;
    min-width: 4.5rem;
  }

  .site-header__cart-preview-price-label {
    display: block;
    margin-bottom: 0.1rem;
    font-family: "Outfit", sans-serif;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(244, 241, 236, 0.45);
  }

  .site-header__cart-preview-price-value {
    display: block;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.05rem;
    letter-spacing: 0.03em;
    color: var(--gold-light);
    font-weight: 400;
  }

  .site-header__cart-preview-more {
    margin: 0;
    padding: 0 0.75rem 0.45rem;
    font-family: "Outfit", sans-serif;
    font-size: 0.72rem;
    font-style: italic;
    color: rgba(244, 241, 236, 0.55);
    text-align: center;
  }

  .site-header__cart-preview-empty {
    margin: 0;
    padding: 1.1rem 1rem;
    font-family: "Outfit", sans-serif;
    font-size: 0.8rem;
    text-align: center;
    color: var(--text-muted);
  }

  .site-header__cart-preview-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.65rem 0.75rem;
    align-items: end;
    padding: 0.75rem 0.85rem 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.35);
  }

  .site-header__cart-preview-count {
    margin: 0 0 0.2rem;
    font-family: "Outfit", sans-serif;
    font-size: 0.72rem;
    font-style: italic;
    color: rgba(244, 241, 236, 0.55);
  }

  .site-header__cart-preview-total-row {
    margin: 0;
    font-family: "Outfit", sans-serif;
    font-size: 0.82rem;
    color: var(--text);
  }

  .site-header__cart-preview-total {
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    color: var(--gold-light);
    margin-left: 0.25rem;
  }

  .site-header__cart-preview-cta {
    min-height: 40px;
    padding: 0.55rem 0.85rem;
    font-size: 10px;
    letter-spacing: 0.12em;
    white-space: nowrap;
  }

  @media (max-width: 720px) {
    .site-header__cart-preview {
      right: -0.25rem;
      width: min(20rem, calc(100vw - 1rem));
    }

    .site-header__cart-preview-footer {
      grid-template-columns: 1fr;
    }

    .site-header__cart-preview-cta {
      width: 100%;
    }
  }

  .site-nav-toggle.circle-menu__toggle {
    display: none;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    align-self: center;
  }
  .site-brand {
    grid-column: 1;
    justify-self: start;
    align-self: center;
    text-decoration: none;
    color: var(--text);
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(16px, 1.8vw, 18px);
    letter-spacing: 0.12em;
    line-height: 1.12;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
  }
  .site-brand__logo {
    height: 52px;
    width: auto;
    max-height: 56px;
    display: block;
    object-fit: contain;
  }
  .site-brand__title {
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.1em;
  }

  .site-header__nav-wrap {
    grid-column: 3;
    flex: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(12px, 2vw, 22px);
    min-width: 0;
    width: 100%;
    overflow: visible;
  }

  .site-main-nav--sections {
    flex: 1 1 auto;
    min-width: 0;
    overflow: visible;
  }

  .site-main-nav__list--sections {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px 12px;
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .site-main-nav__list--sections::-webkit-scrollbar {
    display: none;
  }

  .site-header__nav-divider {
    width: 1px;
    height: 30px;
    flex-shrink: 0;
    background: linear-gradient(
      180deg,
      transparent,
      rgba(212, 160, 23, 0.35) 20%,
      rgba(212, 160, 23, 0.35) 80%,
      transparent
    );
    opacity: 0.85;
  }

  .site-main-nav--utility {
    flex: 0 0 auto;
  }

  .site-main-nav__list--utility {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px 12px;
  }

  .site-main-nav__link {
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    color: rgba(244, 241, 236, 0.72);
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    transition:
      color 0.2s ease,
      background 0.2s ease,
      box-shadow 0.2s ease;
    white-space: nowrap;
    border: 1px solid transparent;
  }
  .site-main-nav__link:hover {
    color: var(--gold-light);
    background: rgba(212, 160, 23, 0.1);
    border-color: rgba(212, 160, 23, 0.15);
  }
  .site-main-nav__link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 3px;
    color: var(--text);
  }
  .site-main-nav__link--accent {
    color: #0a0a0a;
    background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 48%, #b8890f 100%);
    border-color: rgba(212, 160, 23, 0.45);
    box-shadow: 0 4px 20px rgba(212, 160, 23, 0.22);
    padding: 10px 18px;
  }
  .site-main-nav__link--accent:hover {
    color: #0a0a0a;
    filter: brightness(1.06);
    background: linear-gradient(165deg, #fce588 0%, var(--gold-light) 45%, var(--gold) 100%);
    border-color: rgba(212, 160, 23, 0.55);
  }
  .site-main-nav__link--accent:focus-visible {
    outline-color: var(--gold-light);
    color: #0a0a0a;
  }
  .site-main-nav__link--muted {
    color: rgba(155, 150, 143, 0.75);
  }
  .site-main-nav__link--muted:hover {
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
  }

  .site-main-nav__link--secondary {
    color: rgba(244, 241, 236, 0.78);
  }

  .site-main-nav__link--compact {
    padding: 8px 11px;
    font-size: 10px;
    letter-spacing: 0.12em;
  }

  .site-main-nav__link--ghost {
    color: var(--text-muted);
    background: rgba(0, 0, 0, 0.35);
    border-color: var(--border);
  }

  .site-main-nav__link--ghost:hover {
    color: var(--gold-light);
    background: rgba(212, 160, 23, 0.08);
    border-color: var(--border-strong);
  }

  .site-nav-dropdown {
    position: relative;
    flex-shrink: 0;
    z-index: 2;
  }

  /* Ponte invisível entre o botão e o submenu (evita fechar ao mover o mouse) */
  .site-nav-dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 10px;
    z-index: 1;
  }

  .site-nav-dropdown__trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    font: inherit;
    background: transparent;
    position: relative;
    z-index: 2;
  }

  .site-nav-dropdown__chevron {
    flex-shrink: 0;
    opacity: 0.75;
    transition: transform 0.2s ease;
  }

  .site-nav-dropdown.is-open .site-nav-dropdown__chevron,
  .site-nav-dropdown:hover .site-nav-dropdown__chevron,
  .site-nav-dropdown:focus-within .site-nav-dropdown__chevron {
    transform: rotate(180deg);
  }

  .site-nav-dropdown__menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    z-index: 91050;
    min-width: 11.5rem;
    margin: 0;
    padding: 0.4rem;
    list-style: none;
    border-radius: var(--radius-md);
    border: 1px solid rgba(212, 160, 23, 0.35);
    background: #141414;
    box-shadow:
      0 16px 40px rgba(0, 0, 0, 0.65),
      0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.16s ease,
      visibility 0.16s ease,
      transform 0.16s ease;
  }

  .site-nav-dropdown:hover .site-nav-dropdown__menu,
  .site-nav-dropdown.is-open .site-nav-dropdown__menu,
  .site-nav-dropdown:focus-within .site-nav-dropdown__menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
  }

  .site-nav-dropdown__menu li {
    margin: 0;
  }

  .site-nav-dropdown__link {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.55rem 0.75rem;
    border-radius: 6px;
    font-size: 10px;
    letter-spacing: 0.1em;
    color: rgba(244, 241, 236, 0.88);
    text-decoration: none;
    border: 1px solid transparent;
    box-sizing: border-box;
  }

  .site-nav-dropdown__link:hover {
    color: var(--gold-light);
    background: rgba(212, 160, 23, 0.12);
    border-color: rgba(212, 160, 23, 0.2);
  }

  .site-nav-dropdown__link.is-active {
    color: var(--gold-light);
    background: rgba(212, 160, 23, 0.12);
    border-color: rgba(212, 160, 23, 0.2);
  }

  .circle-menu__group--staff {
    margin-top: 0.15rem;
  }

  /* Botão sanduíche + painel (≤1023px): desktop mantém faixa horizontal a partir de 1024px */
  @media (max-width: 1023px) {
    .site-header__inner {
      grid-template-columns: auto 1fr auto;
      grid-template-rows: auto;
      align-items: center;
      column-gap: 10px;
    }

    .site-brand {
      grid-column: 1;
      grid-row: 1;
      justify-self: start;
      align-self: center;
      min-width: 0;
    }

    .site-header__tools {
      grid-column: 2;
      justify-self: end;
    }

    .site-header__saldo {
      padding: 0.32rem 0.5rem;
    }

    .site-header__saldo-label {
      display: none;
    }

    .site-nav-toggle.circle-menu__toggle {
      display: flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      grid-column: 3;
      grid-row: 1;
      justify-self: end;
      align-self: center;
      -webkit-tap-highlight-color: rgba(212, 160, 23, 0.25);
      touch-action: manipulation;
    }

    .site-header__nav-wrap--desktop {
      display: none !important;
    }
  }

  @media (min-width: 1024px) {
    .site-nav-toggle.circle-menu__toggle {
      display: none !important;
    }

    #circleMenuSheet {
      display: none !important;
      visibility: hidden !important;
      pointer-events: none !important;
    }

    .site-header__nav-wrap--desktop,
    .site-header__nav-wrap--desktop .site-main-nav,
    .site-header__nav-wrap--desktop .site-main-nav__list {
      overflow: visible;
    }

    .site-nav-dropdown.is-open,
    .site-nav-dropdown:hover {
      z-index: 91060;
    }
  }

  /* Toggle ícone */
  .circle-menu__toggle {
    position: relative;
    overflow: visible;
    z-index: calc(var(--z-circle-menu) + 40);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: rgba(0, 0, 0, 0.5);
    color: var(--text);
    cursor: pointer;
    flex-shrink: 0;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      box-shadow 0.2s ease;
  }

  .circle-menu__toggle:hover {
    background: rgba(212, 160, 23, 0.1);
    border-color: var(--border-strong);
    box-shadow: 0 0 24px rgba(212, 160, 23, 0.12);
  }

  .circle-menu__toggle:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 3px;
  }

  .circle-menu__bar {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 1px;
    background: currentColor;
    transition:
      transform 0.28s var(--ease-out),
      opacity 0.2s ease;
    transform-origin: center;
  }

  /* “×” explícito ao abrir (≤1023px); :has() reforça se classes no body/html atrasarem um frame */
  @media (max-width: 1023px) {
    #circleMenuToggle .circle-menu__close-x {
      display: none;
      position: absolute;
      inset: 0;
      margin: auto;
      width: 1.5rem;
      height: 1.5rem;
      align-items: center;
      justify-content: center;
      font-family: system-ui, "Segoe UI", sans-serif;
      font-size: 1.85rem;
      font-weight: 300;
      line-height: 1;
      color: inherit;
      pointer-events: none;
    }

    #circleMenuToggle .circle-menu__close-x .circle-menu__close-icon {
      display: block;
      width: 1.45rem;
      height: 1.45rem;
      flex-shrink: 0;
    }

    html.circle-menu-open #circleMenuToggle .circle-menu__bar,
    body.circle-menu-open #circleMenuToggle .circle-menu__bar,
    #circleMenuToggle[aria-expanded="true"] .circle-menu__bar,
    html:has(#circleMenuSheet.is-open) #circleMenuToggle .circle-menu__bar {
      display: none !important;
    }

    html.circle-menu-open #circleMenuToggle .circle-menu__close-x,
    body.circle-menu-open #circleMenuToggle .circle-menu__close-x,
    #circleMenuToggle[aria-expanded="true"] .circle-menu__close-x,
    html:has(#circleMenuSheet.is-open) #circleMenuToggle .circle-menu__close-x {
      display: flex !important;
    }
  }

  /* Painel fullscreen mobile */
  .circle-menu__sheet.site-mobile-nav-sheet {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-circle-menu) + 30);
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: max(12px, env(safe-area-inset-top)) clamp(12px, 4vw, 24px) max(16px, env(safe-area-inset-bottom));
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition:
      opacity 0.25s ease,
      visibility 0.25s ease;
  }

  body.circle-menu-open .circle-menu__sheet.site-mobile-nav-sheet,
  .circle-menu__sheet.site-mobile-nav-sheet.is-open {
    display: flex;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
  }

  /* Fechar sempre visível por cima do backdrop (o header às vezes fica “atrás” do overlay em mobile) */
  @media (max-width: 1023px) {
    .site-mobile-nav-sheet__close-fab {
      position: absolute;
      top: max(10px, env(safe-area-inset-top, 0px));
      right: max(10px, env(safe-area-inset-right, 0px));
      z-index: 25;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48px;
      height: 48px;
      margin: 0;
      padding: 0;
      border: 1px solid var(--border-strong);
      border-radius: var(--radius-md);
      background: rgba(12, 12, 12, 0.92);
      color: var(--gold-light);
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
      cursor: pointer;
      -webkit-tap-highlight-color: rgba(212, 160, 23, 0.35);
      touch-action: manipulation;
    }

    .site-mobile-nav-sheet__close-fab:hover {
      color: var(--text);
      border-color: var(--gold);
      background: rgba(24, 22, 18, 0.96);
    }

    .site-mobile-nav-sheet__close-fab:focus-visible {
      outline: 2px solid var(--gold);
      outline-offset: 3px;
    }

    .site-mobile-nav-sheet__close-icon {
      display: block;
      width: 1.45rem;
      height: 1.45rem;
      flex-shrink: 0;
    }
  }

  .site-mobile-nav-sheet__backdrop.circle-menu__disc {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: auto;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transform: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  .circle-menu__nav.site-mobile-nav-sheet__panel {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 420px;
    margin: 56px auto 0;
    max-height: min(78vh, calc(100dvh - 72px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    background: linear-gradient(165deg, rgba(18, 18, 18, 0.97), rgba(8, 8, 8, 0.98));
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-md);
    padding: 18px 16px 22px;
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.55);
    text-align: center;
  }

  .circle-menu__head {
    margin: 0 0 14px;
    padding-bottom: 12px;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border);
  }

  .circle-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: 100%;
  }

  .circle-menu__list > li {
    width: 100%;
    max-width: none;
  }

  .circle-menu__group {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--border);
  }

  .circle-menu__group-label {
    display: block;
    margin-bottom: 12px;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .circle-menu__link {
    display: block;
    padding: 12px 14px;
    border-radius: var(--radius-sm);
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--text);
    border: 1px solid transparent;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease;
  }

  .circle-menu__link:hover {
    background: rgba(212, 160, 23, 0.12);
    border-color: rgba(212, 160, 23, 0.25);
    color: var(--gold-light);
  }

  .circle-menu__link:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
  }

  .circle-menu__link--accent {
    color: #0a0a0a !important;
    background: linear-gradient(165deg, var(--gold-light), var(--gold));
    border-color: rgba(212, 160, 23, 0.5);
    box-shadow: 0 6px 24px rgba(212, 160, 23, 0.25);
  }

  .circle-menu__link--accent:hover {
    filter: brightness(1.05);
    color: #0a0a0a !important;
  }

  .circle-menu__link--muted {
    font-size: 11px;
    color: rgba(155, 150, 143, 0.95);
  }

  .circle-menu__link--featured {
    border-color: var(--border);
    background: rgba(212, 160, 23, 0.06);
  }

  .circle-menu__link--ghost {
    border-color: var(--border);
    color: var(--text-muted);
    background: rgba(0, 0, 0, 0.35);
  }

  .circle-menu__link--ghost:hover {
    color: var(--gold-light);
    border-color: var(--border-strong);
  }

  .circle-menu__link.is-active {
    color: var(--gold-light);
    border-color: rgba(212, 160, 23, 0.35);
    background: rgba(212, 160, 23, 0.08);
  }

  @keyframes mk-standalone-nav-panel-in {
    from {
      opacity: 0;
      transform: translateY(16px) scale(0.98);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes mk-standalone-nav-link-in {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: none;
    }
  }

  /* Media kit (body.mk-standalone): itens mais “expandidos”, modal central e X de fechar mais visível */
  @media (max-width: 1023px) {
    body.mk-standalone .site-mobile-nav-sheet__close-fab {
      width: 50px;
      height: 50px;
      border-width: 2px;
      border-color: rgba(242, 201, 76, 0.55);
      color: var(--gold-light);
      background: rgba(5, 5, 5, 0.94);
      box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.22),
        0 12px 40px rgba(0, 0, 0, 0.55);
    }

    body.mk-standalone .site-mobile-nav-sheet__close-icon {
      width: 1.55rem;
      height: 1.55rem;
      filter: drop-shadow(0 0 12px rgba(212, 160, 23, 0.4));
    }

    body.mk-standalone .circle-menu__nav.site-mobile-nav-sheet__panel {
      max-width: min(100%, 460px);
      width: calc(100% - clamp(20px, 5vw, 28px));
      margin-top: clamp(52px, 11vh, 78px);
      margin-bottom: auto;
      padding: clamp(26px, 6vw, 38px) clamp(22px, 6vw, 34px) clamp(30px, 7vw, 42px);
      border-radius: clamp(12px, 3vw, 18px);
    }

    html.circle-menu-open body.mk-standalone .circle-menu__sheet.site-mobile-nav-sheet.is-open .circle-menu__nav.site-mobile-nav-sheet__panel {
      animation: mk-standalone-nav-panel-in 0.36s var(--ease-out) both;
    }

    body.mk-standalone .circle-menu__head {
      margin: 0 0 clamp(18px, 4.5vw, 26px);
      padding-bottom: clamp(14px, 3.5vw, 22px);
      font-size: clamp(10px, 2.4vw, 11px);
      letter-spacing: 0.28em;
      color: rgba(155, 150, 143, 0.96);
    }

    body.mk-standalone .circle-menu__nav > .circle-menu__list {
      gap: clamp(10px, 2.6vw, 16px);
    }

    body.mk-standalone .circle-menu__nav > .circle-menu__list > li > .circle-menu__link {
      padding: clamp(17px, 4.2vw, 26px) clamp(18px, 4.8vw, 28px);
      font-size: clamp(13px, 3.2vw, 15px);
      font-weight: 700;
      letter-spacing: 0.14em;
      line-height: 1.22;
    }

    body.mk-standalone .circle-menu__group {
      margin-top: clamp(24px, 5.5vw, 34px);
      padding-top: clamp(20px, 4.8vw, 28px);
    }

    body.mk-standalone .circle-menu__group-label {
      margin-bottom: clamp(16px, 4vw, 22px);
      letter-spacing: 0.24em;
    }

    body.mk-standalone .circle-menu__group-links {
      gap: clamp(12px, 3vw, 16px);
    }

    body.mk-standalone .circle-menu__group-links > li > .circle-menu__link {
      padding: clamp(16px, 4vw, 24px) clamp(18px, 4.5vw, 28px);
    }

    body.mk-standalone .circle-menu__group-links .circle-menu__link--accent {
      padding: clamp(18px, 4.5vw, 26px) clamp(20px, 5vw, 30px);
      font-size: clamp(12.5px, 3vw, 14px);
    }

    html.circle-menu-open body.mk-standalone .circle-menu__nav .circle-menu__list > li > .circle-menu__link {
      animation: mk-standalone-nav-link-in 0.34s var(--ease-out) backwards;
    }

    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(1) > .circle-menu__link {
      animation-delay: 0.04s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(2) > .circle-menu__link {
      animation-delay: 0.07s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(3) > .circle-menu__link {
      animation-delay: 0.1s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(4) > .circle-menu__link {
      animation-delay: 0.13s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(5) > .circle-menu__link {
      animation-delay: 0.16s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(6) > .circle-menu__link {
      animation-delay: 0.19s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(7) > .circle-menu__link {
      animation-delay: 0.22s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__nav > .circle-menu__list > li:nth-child(8) > .circle-menu__link {
      animation-delay: 0.25s;
    }

    html.circle-menu-open body.mk-standalone .circle-menu__group-links > li:nth-child(1) > .circle-menu__link {
      animation-delay: 0.28s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__group-links > li:nth-child(2) > .circle-menu__link {
      animation-delay: 0.31s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__group-links > li:nth-child(3) > .circle-menu__link {
      animation-delay: 0.34s;
    }
    html.circle-menu-open body.mk-standalone .circle-menu__group-links > li:nth-child(4) > .circle-menu__link {
      animation-delay: 0.37s;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #circleMenuToggle .circle-menu__bar {
      transition: none;
    }

    .circle-menu__sheet.site-mobile-nav-sheet {
      transition: none;
    }

    html.circle-menu-open body.mk-standalone .circle-menu__sheet.site-mobile-nav-sheet.is-open .circle-menu__nav.site-mobile-nav-sheet__panel,
    html.circle-menu-open body.mk-standalone .circle-menu__nav .circle-menu__list > li > .circle-menu__link,
    html.circle-menu-open body.mk-standalone .circle-menu__group-links > li > .circle-menu__link {
      animation: none !important;
    }
  }

  @media (max-width: 520px) {
    .site-brand__logo {
      height: 44px;
      max-height: 48px;
    }
    .site-brand {
      font-size: 14px;
      gap: 10px;
    }
  }

  main.container.home-main {
    max-width: var(--max-content);
    margin: 0 auto;
    padding: 0 clamp(28px, 5vw, 64px) clamp(88px, 11vw, 128px);
  }

  .home-stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: clamp(16px, 2.5vw, 36px);
  }

  /* Mobile: menos “respiro” inferior e padding lateral mais consistente */
  @media (max-width: 768px) {
    main.container.home-main {
      padding-left: clamp(18px, 4vw, 28px);
      padding-right: clamp(18px, 4vw, 28px);
      padding-bottom: clamp(32px, 7vw, 56px);
    }
    .home-stack {
      padding-top: 12px;
    }
    main .home-stack > section.card:not(#sec-dashboard) {
      padding: clamp(36px, 7vw, 60px) 0;
    }
    #sec-dashboard.home-section.card.dashboard-grid {
      padding: clamp(36px, 7vw, 60px) 0;
    }
    main .home-stack > .home-section--split > section.card {
      padding: clamp(28px, 6vw, 48px) clamp(12px, 3.5vw, 20px);
    }
    #sec-dashboard.home-section.card.dashboard-grid .dashboard-grid__panel-inner {
      padding: clamp(22px, 4.5vw, 32px);
    }
    .dashboard-grid__panel-inner--spin {
      min-height: clamp(280px, 44vh, 480px);
    }
    .ceo-spotlight__head {
      margin-bottom: clamp(18px, 3.5vw, 28px);
    }
    .player-feed-section__head {
      margin-bottom: clamp(16px, 3.5vw, 24px);
    }
    .creative-team-section__head.player-feed-section__head {
      margin-bottom: clamp(16px, 3.5vw, 24px);
    }
    .section-itens-feed__header {
      margin-bottom: clamp(18px, 3.5vw, 26px);
    }
    .sponsors-section__head {
      margin-bottom: clamp(18px, 3.5vw, 26px);
    }
    .section-loja__header {
      margin-bottom: clamp(18px, 3.5vw, 28px);
    }
  }

  main .grid-two {
    display: grid;
    gap: 0;
  }
  @media (min-width: 880px) {
    main .grid-two.coaching-manager-row {
      grid-template-columns: 1fr 1fr;
    }
  }

  /* Blocos da home: layout editorial (sem “card” envolvendo cada seção) */
  main .home-stack > section.card:not(#sec-dashboard),
  main .home-stack > .home-section--split {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: var(--text);
  }

  main .home-stack > section.card:not(#sec-dashboard) {
    padding: clamp(56px, 8vw, 104px) 0;
    border-bottom: 1px solid rgba(212, 160, 23, 0.14);
  }

  main .home-stack > section.card:not(#sec-dashboard):last-of-type {
    border-bottom: none;
  }

  main .home-stack > .home-section--split {
    margin: 0;
    padding: clamp(48px, 7vw, 92px) 0;
    background: none;
    border: none;
    box-shadow: none;
    gap: 0;
    border-bottom: 1px solid rgba(212, 160, 23, 0.14);
  }

  main .home-stack > .home-section--split > section.card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: clamp(28px, 5vw, 52px) clamp(12px, 2.5vw, 22px);
    min-width: 0;
  }

  @media (min-width: 880px) {
    main .home-stack > .home-section--split > section.card:first-child {
      border-right: 1px solid rgba(212, 160, 23, 0.14);
      padding-right: clamp(28px, 3.5vw, 56px);
    }
    main .home-stack > .home-section--split > section.card:last-child {
      padding-left: clamp(28px, 3.5vw, 56px);
    }
  }

  @media (max-width: 879px) {
    main .home-stack > .home-section--split > section.card:first-child {
      border-bottom: 1px solid rgba(212, 160, 23, 0.14);
      padding-bottom: clamp(36px, 7vw, 56px);
    }
    main .home-stack > .home-section--split > section.card:last-child {
      padding-top: clamp(36px, 7vw, 56px);
    }
  }

  /* Conta + Giros: grade interna mantém peso visual; envelope da seção fica plano */
  #sec-dashboard.home-section.card.dashboard-grid {
    padding: clamp(56px, 8vw, 104px) 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    align-items: stretch;
    overflow: hidden;
    position: relative;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid rgba(212, 160, 23, 0.14);
    box-shadow: none;
    background: transparent;
  }
  #sec-dashboard.home-section.card.dashboard-grid::before {
    display: none;
  }
  #sec-dashboard.home-section.card.dashboard-grid > *:not(.login-required-modal):not(.pix-modal--pagador) {
    position: relative;
    z-index: 1;
  }

  @media (min-width: 960px) {
    #sec-dashboard.home-section.card.dashboard-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  .dashboard-grid__panel {
    padding: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: linear-gradient(165deg, rgba(18, 18, 18, 0.95) 0%, var(--dark-3) 100%);
  }
  .dashboard-grid__panel-inner {
    padding: clamp(28px, 4.5vw, 56px);
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    flex: 1 1 auto;
    width: 100%;
  }
  .dashboard-grid__panel-inner--spin {
    flex: 1 1 auto;
    min-height: clamp(340px, 50vh, 580px);
  }
  .dashboard-grid__panel--account {
    border-bottom: 1px solid var(--border);
  }
  @media (min-width: 960px) {
    .dashboard-grid__panel--account {
      border-bottom: none;
      border-right: 1px solid var(--border);
    }

    .dashboard-grid__panel--account .dashboard-grid__auth-callout {
      max-width: min(100%, 480px);
    }
  }
  .dashboard-grid__title {
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.5rem, 2.8vw, 1.95rem);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text);
  }
  .dashboard-grid__auth-callout {
    margin: 0 0 clamp(1.15rem, 3vw, 1.5rem);
    padding: clamp(1.2rem, 3vw, 1.65rem) clamp(1.2rem, 2.8vw, 1.5rem);
    background: linear-gradient(155deg, rgba(26, 24, 22, 0.98) 0%, rgba(8, 8, 8, 0.94) 100%);
    border: 1px solid rgba(212, 160, 23, 0.2);
    border-radius: clamp(8px, 1.2vw, 12px);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.055),
      0 16px 44px rgba(0, 0, 0, 0.34);
  }

  .dashboard-grid__auth-callout:has(#statusAuth.warn),
  .dashboard-grid__auth-callout:has(.dashboard-grid__lead--auth.warn) {
    border-color: rgba(212, 160, 23, 0.34);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.05),
      0 0 0 1px rgba(212, 160, 23, 0.06),
      0 18px 48px rgba(0, 0, 0, 0.36);
  }

  .dashboard-grid__auth-callout:has(#accountIdentityCard:not(.hidden)),
  .dashboard-grid__auth-callout:has(#statusAuth.ok) {
    border-color: rgba(212, 160, 23, 0.26);
  }

  .dashboard-grid__account-identity {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
    margin: 0 0 1.05rem;
    padding-bottom: 1.05rem;
    border-bottom: 1px solid rgba(212, 160, 23, 0.12);
  }

  .dashboard-grid__account-badge {
    display: inline-block;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgba(242, 201, 76, 0.95);
    padding: 5px 11px;
    border-radius: 999px;
    border: 1px solid rgba(212, 160, 23, 0.38);
    background: rgba(212, 160, 23, 0.09);
  }

  .dashboard-grid__account-name {
    margin: 0.2rem 0 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: clamp(1.05rem, 2.2vw, 1.28rem);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.35;
    color: rgba(244, 241, 236, 0.97);
  }

  .dashboard-grid__account-email {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: clamp(12.5px, 1.5vw, 14px);
    font-weight: 400;
    letter-spacing: 0.03em;
    color: rgba(155, 150, 143, 0.92);
    word-break: break-word;
  }

  .dashboard-grid__lead--auth {
    margin: 0 0 clamp(0.85rem, 2vw, 1.05rem);
    max-width: 44ch;
    line-height: 1.65;
    font-size: clamp(14px, 1.65vw, 15px);
    letter-spacing: 0.01em;
  }

  .dashboard-grid__auth-callout #statusAuth.warn,
  .dashboard-grid__lead--auth.warn {
    color: rgba(244, 241, 236, 0.9);
  }

  .dashboard-grid__auth-callout #statusAuth.ok {
    color: rgba(244, 241, 236, 0.88);
  }

  .dashboard-grid__auth-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0;
    align-items: stretch;
  }

  @media (min-width: 560px) {
    .dashboard-grid__auth-actions:has(#btnNavAdmin:not(.hidden)):has(#btnLogout:not(.hidden)):not(:has(#btnGoogle:not(.hidden))) {
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    }
  }

  .dashboard-grid__auth-btn {
    min-height: 46px;
    padding: 12px 18px;
    border-radius: clamp(6px, 0.9vw, 10px);
    font-size: 11px;
    letter-spacing: 0.14em;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease,
      box-shadow 0.2s ease;
  }

  .dashboard-grid__auth-btn--admin {
    background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 48%, #b8890f 100%);
    color: #0a0a0a;
    border: 1px solid rgba(212, 160, 23, 0.52);
    font-weight: 700;
    box-shadow: 0 6px 22px rgba(212, 160, 23, 0.22);
  }

  .dashboard-grid__auth-btn--admin:hover {
    filter: brightness(1.06);
    box-shadow: 0 8px 28px rgba(212, 160, 23, 0.3);
  }

  .dashboard-grid__auth-btn--logout {
    background: rgba(0, 0, 0, 0.42);
    color: rgba(244, 241, 236, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-weight: 600;
  }

  .dashboard-grid__auth-btn--logout:hover {
    color: var(--text);
    border-color: rgba(212, 160, 23, 0.42);
    background: rgba(212, 160, 23, 0.07);
  }

  .dashboard-grid__auth-btn:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
  }

  .dashboard-grid__auth-callout .btn-google-cta {
    min-height: 48px;
    padding: 13px 22px;
    border-radius: clamp(6px, 0.9vw, 10px);
    font-size: 12px;
    letter-spacing: 0.11em;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  }

  @media (max-width: 520px) {
    .dashboard-grid__auth-callout .dashboard-grid__auth-actions .btn {
      width: 100%;
      justify-content: center;
    }
  }
  .dashboard-grid__saldo {
    margin: 1rem 0;
    padding: 1rem 1.15rem;
    background: linear-gradient(180deg, rgba(26, 26, 26, 0.98), rgba(12, 12, 12, 0.96));
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }
  .dashboard-grid__saldo-end {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-left: auto;
  }

  .dashboard-grid__saldo-value {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--gold-light);
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
    letter-spacing: 0.03em;
  }
  .dashboard-saldo-deposit {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.65rem;
  }

  .dashboard-saldo-deposit__label {
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .dashboard-saldo-deposit__row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: stretch;
  }

  .dashboard-saldo-deposit__input-wrap {
    flex: 1 1 11rem;
    display: flex;
    align-items: stretch;
    min-height: 46px;
    border-radius: clamp(6px, 0.9vw, 10px);
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.48);
    overflow: hidden;
    transition:
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      background-color 0.18s ease;
  }

  .dashboard-saldo-deposit__input-wrap:hover {
    border-color: rgba(212, 160, 23, 0.35);
    background: rgba(0, 0, 0, 0.58);
  }

  .dashboard-saldo-deposit__input-wrap:focus-within {
    border-color: var(--gold);
    background: rgba(0, 0, 0, 0.62);
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.22);
  }

  .dashboard-saldo-deposit__prefix {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0 0.8rem;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.15rem;
    letter-spacing: 0.04em;
    color: var(--gold-light);
    background: rgba(212, 160, 23, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
  }

  .dashboard-saldo-deposit__input {
    flex: 1;
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 0.65rem 0.85rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--text);
    font-family: "Outfit", sans-serif;
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    outline: none;
    box-shadow: none;
    -moz-appearance: textfield;
    appearance: textfield;
  }

  .dashboard-saldo-deposit__input::placeholder {
    color: rgba(155, 150, 143, 0.75);
  }

  .dashboard-saldo-deposit__input::-webkit-outer-spin-button,
  .dashboard-saldo-deposit__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .dashboard-saldo-deposit__btn {
    flex: 1 1 auto;
    min-height: 46px;
    min-width: 9.5rem;
    margin: 0;
    padding-left: 1.15rem;
    padding-right: 1.15rem;
    border-radius: clamp(6px, 0.9vw, 10px);
    letter-spacing: 0.1em;
    white-space: nowrap;
  }

  @media (max-width: 520px) {
    .dashboard-saldo-deposit__row {
      flex-direction: column;
    }

    .dashboard-saldo-deposit__input-wrap,
    .dashboard-saldo-deposit__btn {
      flex: 1 1 100%;
      width: 100%;
    }
  }

  .spin-panel__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border);
  }
  .spin-panel__title-text {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.5rem, 2.8vw, 1.95rem);
    letter-spacing: 0.08em;
    color: var(--text);
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: var(--text) !important;
  }
  .spin-panel__title-badge {
    font-family: "Outfit", sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 999px;
    border: 1px solid var(--border-strong);
    background: rgba(212, 160, 23, 0.12);
    color: var(--gold-light);
    animation: none;
    box-shadow: none;
  }
  .spin-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 1.4rem;
    align-items: stretch;
  }
  .spin-meta__card {
    margin: 0;
    padding: 0.85rem 1rem;
    background: rgba(0, 0, 0, 0.38);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    min-height: 100%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    overflow: hidden;
  }
  .spin-meta__card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--gold-light), var(--gold));
    border-radius: 3px 0 0 3px;
    opacity: 0.85;
  }
  .spin-meta__card .spin-meta__label {
    display: block;
  }
  .spin-meta__value {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.15rem, 2.8vw, 1.55rem);
    font-weight: 400;
    color: var(--gold-light);
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
  }
  .spin-meta__value--currency {
    color: var(--gold-light);
    text-shadow: 0 0 24px rgba(212, 160, 23, 0.25);
  }
  .spin-meta__value--points {
    color: var(--gold);
  }
  .btn-spin-jackpot {
    width: 100%;
    max-width: 320px;
    margin: 12px auto 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 28px;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-family: "Outfit", sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 45%, #b8890f 100%);
    color: #0a0a0a;
    box-shadow: var(--shadow-soft), 0 0 40px rgba(212, 160, 23, 0.15);
    transition: transform 0.25s var(--ease-out), filter 0.2s;
  }
  .btn-spin-jackpot:hover:not(:disabled) {
    transform: translateY(-2px);
    filter: brightness(1.05);
  }
  .btn-spin-jackpot:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    filter: grayscale(0.2);
    box-shadow: none;
  }
  .btn-spin-jackpot__shine {
    display: none;
  }

  .player-feed-section__head {
    margin-bottom: clamp(22px, 3.5vw, 36px);
  }
  .player-feed-section__head h2 {
    margin: 0 0 12px;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.65rem, 3.8vw, 2.35rem);
    letter-spacing: 0.06em;
    color: var(--text);
  }
  .player-feed-section__tagline {
    margin: 0;
    max-width: 62ch;
  }

  .player-feed__viewport {
    margin: 0 -6px;
    padding: 8px 6px;
    min-height: 80px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: rgba(212, 160, 23, 0.35) rgba(20, 20, 20, 0.8);
  }
  .player-feed__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row nowrap;
    gap: clamp(18px, 3vw, 28px);
    scroll-snap-type: x mandatory;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
  }
  .player-feed__item {
    flex: 0 0 clamp(232px, 78vw, 300px);
    scroll-snap-align: start;
    min-width: 0;
  }

  /* Coaching + Management: usar a coluna quase toda — cards e fotos bem maiores */
  .coach-feed-section .player-feed__viewport .player-feed__list,
  .manager-feed-section .player-feed__viewport .player-feed__list {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }
  .coach-feed-section .player-feed__item,
  .manager-feed-section .player-feed__item {
    flex: 0 0 clamp(280px, 96%, 480px);
    scroll-snap-align: start;
  }
  .coach-feed-section .player-feed__media,
  .manager-feed-section .player-feed__media {
    margin: 12px 8px 0;
    aspect-ratio: 3 / 4;
  }
  .coach-feed-section .player-feed__name,
  .manager-feed-section .player-feed__name {
    font-size: clamp(1.2rem, 3.2vw, 1.65rem);
  }
  .coach-feed-section .player-feed__meta,
  .manager-feed-section .player-feed__meta {
    padding: 16px 14px 20px;
  }

  .player-feed__card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--border);
    background: linear-gradient(180deg, #141414 0%, #0a0a0a 100%);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
    transition: transform 0.25s var(--ease-out), border-color 0.2s, box-shadow 0.25s;
    text-decoration: none;
    color: inherit;
  }
  a.player-feed__card:hover {
    transform: translateY(-4px);
    border-color: var(--border-strong);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(212, 160, 23, 0.12);
  }
  .player-feed__media {
    position: relative;
    aspect-ratio: 4 / 5;
    margin: 10px 10px 0;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    overflow: hidden;
    background: var(--dark);
  }
  #sec-players .player-feed__media {
    aspect-ratio: 3 / 4;
  }

  /* Feed de players: um card “ativo” em destaque (centro); autoplay faz cada jogador passar na vez */
  #sec-players {
    overflow: visible;
  }
  /* Shell sem overflow: o recorte vertical não mata o scale; rolagem só no .player-feed__hscroll */
  #sec-players .player-feed__viewport.player-feed__viewport--home {
    overflow: visible;
    margin: 0 -6px;
    padding: 0;
    min-height: 0;
  }
  #sec-players .player-feed__hscroll {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 6px;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: rgba(212, 160, 23, 0.35) rgba(20, 20, 20, 0.8);
  }
  #sec-players .player-feed__mount {
    overflow: visible;
  }
  /* Padding vertical na lista = caixa mais alta que o layout “cru”, absorve scale + translateY */
  #sec-players .player-feed__list {
    overflow: visible;
    align-items: flex-end;
    padding: clamp(52px, 9vw, 88px) 0 clamp(44px, 7vw, 72px);
    box-sizing: border-box;
  }
  #sec-players .player-feed__item {
    position: relative;
    z-index: 1;
  }
  #sec-players .player-feed__item .player-feed__card {
    transform-origin: center bottom;
    transition:
      transform 0.5s var(--ease-out),
      box-shadow 0.5s var(--ease-out),
      border-color 0.35s ease,
      opacity 0.35s ease;
  }
  #sec-players .player-feed__item--active {
    z-index: 6;
  }
  #sec-players .player-feed__item--active .player-feed__card {
    transform: scale(1.07) translateY(-12px);
    box-shadow:
      0 36px 80px rgba(0, 0, 0, 0.6),
      0 0 0 1px rgba(212, 160, 23, 0.32),
      0 0 56px rgba(212, 160, 23, 0.16);
    border-color: var(--border-strong);
    opacity: 1;
  }
  #sec-players .player-feed__item:not(.player-feed__item--active) .player-feed__card {
    transform: scale(0.94);
    opacity: 0.88;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38);
  }
  #sec-players .player-feed__item:not(.player-feed__item--active) a.player-feed__card:hover {
    transform: scale(0.97) translateY(-4px);
    opacity: 0.95;
    border-color: var(--border-strong);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(212, 160, 23, 0.12);
  }
  #sec-players .player-feed__item--active a.player-feed__card:hover {
    transform: scale(1.09) translateY(-14px);
    box-shadow:
      0 40px 88px rgba(0, 0, 0, 0.62),
      0 0 0 1px rgba(212, 160, 23, 0.38),
      0 0 64px rgba(212, 160, 23, 0.2);
  }

  @media (prefers-reduced-motion: reduce) {
    #sec-players .player-feed__item .player-feed__card {
      transition: border-color 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
    }
    #sec-players .player-feed__item:not(.player-feed__item--active) .player-feed__card {
      transform: none;
      opacity: 1;
    }
    #sec-players .player-feed__item--active .player-feed__card {
      transform: none;
      outline: 2px solid rgba(212, 160, 23, 0.45);
      outline-offset: 3px;
    }
    #sec-players .player-feed__item--active a.player-feed__card:hover,
    #sec-players .player-feed__item:not(.player-feed__item--active) a.player-feed__card:hover {
      transform: none;
    }
  }

  .player-feed__media-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    pointer-events: none;
  }
  .player-feed__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.25s ease;
  }
  .coach-feed-section .player-feed__img,
  .manager-feed-section .player-feed__img,
  .creative-team-section .player-feed__card--creative .player-feed__img {
    object-position: center center;
  }
  .player-feed__card:hover .player-feed__img {
    transform: scale(1.04);
  }
  .player-feed__meta {
    padding: 14px 14px 18px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.5));
  }
  .player-feed__pos-caption {
    margin: 0 0 8px;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-muted);
  }
  .player-feed__name {
    margin: 0;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.1rem, 3vw, 1.45rem);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
    line-height: 1.2;
  }
  .player-feed__empty {
    margin: 0;
    padding: 28px 16px;
    text-align: center;
    color: var(--text-muted);
    font-family: "Inter", sans-serif;
    font-size: 14px;
  }
  .player-feed__creative-bio {
    margin: 10px 0 0;
    font-size: 13px;
    color: var(--text-muted);
    line-height: 1.55;
    text-align: center;
  }

  .creative-team__grid--dual {
    display: grid;
    gap: clamp(22px, 3.5vw, 36px);
  }
  @media (min-width: 768px) {
    .creative-team__grid--dual {
      grid-template-columns: 1fr 1fr;
    }
  }
  .creative-team__column {
    padding: clamp(22px, 3.5vw, 36px);
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    min-width: 0;
  }
  .creative-team__column-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.2rem, 2.2vw, 1.5rem);
    letter-spacing: 0.06em;
    margin: 0 0 8px;
    color: var(--text);
  }
  .creative-team__column-desc {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    color: var(--text-muted);
    margin: 0 0 16px;
    line-height: 1.55;
  }

  .section-itens__title {
    margin: 0 0 18px;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.75rem, 3.2vw, 2.2rem);
    letter-spacing: 0.06em;
    color: var(--text);
  }

  /* Resgate por pontos — layout e estado vazio */
  .section-resgate__header {
    margin-bottom: clamp(26px, 3.5vw, 38px);
  }
  .section-resgate__lead {
    margin: 0;
    max-width: 68ch;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.6vw, 15px);
    line-height: 1.65;
    color: var(--text-muted);
  }
  .section-resgate__lead strong {
    color: var(--gold-light);
    font-weight: 600;
  }
  .section-resgate__hint {
    margin-top: clamp(14px, 2.5vw, 20px);
    margin-bottom: 0;
  }

  #resgatePontos.resgate-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
    gap: clamp(18px, 2.5vw, 24px);
    align-items: stretch;
    width: 100%;
    min-height: 0;
  }

  #resgatePontos .resgate-empty {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .resgate-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 14px;
    margin: 0 auto;
    padding: clamp(32px, 6vw, 52px) clamp(22px, 4vw, 36px);
    max-width: 36rem;
    width: 100%;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: linear-gradient(165deg, rgba(18, 18, 18, 0.65), rgba(8, 8, 8, 0.85));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .resgate-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    color: var(--gold);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid var(--border);
    box-shadow: 0 0 32px rgba(212, 160, 23, 0.08);
  }

  .resgate-empty__icon svg {
    opacity: 0.95;
  }

  .resgate-empty__title {
    margin: 0;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.25rem, 2.8vw, 1.5rem);
    letter-spacing: 0.06em;
    color: var(--text);
    line-height: 1.25;
  }

  .resgate-empty__text {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.65vw, 15px);
    line-height: 1.65;
    color: var(--text-muted);
    max-width: 44ch;
  }

  .resgate-empty__text strong {
    color: var(--gold-light);
    font-weight: 600;
  }

  /* Itens em destaque (feed do sorteio) */
  .section-itens-feed__header {
    margin-bottom: clamp(26px, 3.5vw, 38px);
  }
  .section-itens-feed__lead {
    margin: 0;
    max-width: 68ch;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.6vw, 15px);
    line-height: 1.65;
    color: var(--text-muted);
  }
  .section-itens-feed__lead strong {
    color: var(--gold-light);
    font-weight: 600;
  }

  #itens.itens-feed-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
    gap: clamp(20px, 2.8vw, 28px);
    align-items: stretch;
    width: 100%;
    min-height: 0;
  }

  #itens .itens-feed-empty {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .itens-feed-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 14px;
    margin: 0 auto;
    padding: clamp(32px, 6vw, 52px) clamp(22px, 4vw, 36px);
    max-width: 36rem;
    width: 100%;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: linear-gradient(165deg, rgba(18, 18, 18, 0.65), rgba(8, 8, 8, 0.85));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .itens-feed-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    color: var(--gold);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid var(--border);
    box-shadow: 0 0 32px rgba(212, 160, 23, 0.08);
  }

  .itens-feed-empty__title {
    margin: 0;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.25rem, 2.8vw, 1.5rem);
    letter-spacing: 0.06em;
    color: var(--text);
    line-height: 1.25;
  }

  .itens-feed-empty__text {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.65vw, 15px);
    line-height: 1.65;
    color: var(--text-muted);
    max-width: 44ch;
  }

  .itens-feed-empty__text strong {
    color: var(--gold-light);
    font-weight: 600;
  }

  #itens .item-feed-card.tile.item-panel {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }

  #itens .item-feed-card__media {
    margin: 0;
    background: var(--dark-3);
    border-bottom: 1px solid var(--border);
  }

  #itens .item-feed-card__media img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border: none;
    border-radius: 0;
    background: var(--dark-3);
  }

  /* Mobile: área de imagem com altura média fixa e arte inteira centralizada (padrão vitrine) */
  @media (max-width: 768px) {
    #itens.itens-feed-grid {
      grid-template-columns: 1fr;
      gap: clamp(14px, 4vw, 20px);
    }
    #itens .item-feed-card__media {
      position: relative;
      width: 100%;
      height: clamp(168px, 46vw, 216px);
      margin: 0;
      overflow: hidden;
      background: var(--dark-3);
      border-bottom: 1px solid var(--border);
    }
    #itens .item-feed-card__media img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }
  }

  #itens .item-feed-card__body {
    padding: clamp(16px, 3vw, 20px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
  }

  #itens .item-feed-card__name {
    margin: 0;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.15rem, 2.4vw, 1.35rem);
    font-weight: 400;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--text);
  }

  #itens .item-feed-card__rarity {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    line-height: 1.45;
    color: var(--text-muted);
  }

  #itens .item-feed-card__meta-label {
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  #itens .item-feed-card__meta-value {
    color: var(--text);
    font-weight: 500;
  }

  #itens .item-feed-card__points {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  #itens .item-feed-card__points-label {
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  #itens .item-feed-card__points-value {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.35rem, 3vw, 1.75rem);
    letter-spacing: 0.06em;
    color: var(--text);
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
  }

  #itens .item-feed-card__pts {
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: var(--gold-light);
    text-decoration: none;
    margin-left: 2px;
  }

  #resgatePontos .tile.item-panel {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
  #resgatePontos .tile.item-panel .resgate-btn {
    margin-top: auto;
    width: 100%;
    justify-content: center;
  }

  .tile.item-panel {
    min-height: 0;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: linear-gradient(165deg, rgba(22, 22, 22, 0.95), var(--dark-4));
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.35);
    transition: transform 0.25s var(--ease-out), border-color 0.2s;
  }
  .tile.item-panel:hover {
    transform: translateY(-4px);
    border-color: var(--border-strong);
  }
  .tile.item-panel img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    margin-bottom: 12px;
    background: var(--dark-3);
  }
  .tile.item-panel h3 {
    margin: 8px 0 10px;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.15rem;
    letter-spacing: 0.06em;
    color: var(--text);
  }
  .tile.item-panel p {
    margin: 6px 0;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    color: var(--text-muted);
  }

  .sponsors-section__head {
    margin-bottom: clamp(28px, 4vw, 42px);
  }
  #sec-patrocinadores .sponsors-section__lead {
    font-size: clamp(14px, 1.75vw, 17px);
    max-width: 52ch;
  }
  .sponsors-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 188px), 1fr));
    gap: clamp(20px, 2.8vw, 30px);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sponsor-card {
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--border);
    background: linear-gradient(165deg, rgba(24, 24, 24, 0.98), var(--dark-3));
    transition: transform 0.25s var(--ease-out), border-color 0.2s;
    min-width: 0;
  }
  .sponsor-card:hover {
    transform: translateY(-3px);
    border-color: var(--border-strong);
  }
  .sponsor-card__logo-zone {
    flex: 1;
    min-height: 136px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(14px, 2.5vw, 22px) clamp(12px, 2vw, 20px);
    border-bottom: 1px solid var(--border);
    background: rgba(0, 0, 0, 0.35);
  }
  .sponsor-card__logo {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: clamp(88px, 14vw, 120px);
    object-fit: contain;
  }
  .sponsor-card__label {
    margin: 0;
    padding: 14px 12px;
    font-size: clamp(13px, 1.5vw, 14px);
    font-weight: 600;
    text-align: center;
    color: var(--text-muted);
    font-family: "Inter", sans-serif;
  }
  .sponsors-strip__empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 24px;
    color: var(--text-muted);
    font-family: "Inter", sans-serif;
  }

  #patrocinadores-heading.sponsors-section__title {
    font-size: clamp(2.05rem, 4.8vw, 2.85rem);
    line-height: 1.08;
  }

  @media (min-width: 960px) {
    .sponsors-strip {
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
      gap: clamp(22px, 2.5vw, 34px);
    }
    .sponsor-card__logo-zone {
      min-height: 220px;
      padding: 10px 14px 14px;
    }
    .sponsor-card__logo {
      max-height: min(200px, 28vh);
    }
  }

  @media (min-width: 1280px) {
    .sponsor-card__logo-zone {
      min-height: 240px;
    }
    .sponsor-card__logo {
      max-height: min(220px, 30vh);
    }
  }

  @media (max-width: 640px) {
    .sponsors-strip {
      grid-template-columns: 1fr;
      gap: clamp(18px, 5vw, 22px);
    }
    .sponsor-card__logo-zone {
      min-height: 158px;
      padding: 18px 22px;
    }
    .sponsor-card__logo {
      max-height: min(148px, 42vw);
    }
  }

  /* Carrossel Campeonatos / eventos */
  .campeonatos-evento-section {
    position: relative;
    overflow: hidden;
  }
  .campeonatos-evento-section.hidden {
    display: none !important;
  }
  .campeonatos-evento-section--featured:not(.hidden) {
    border: none;
    box-shadow: none;
    background: transparent;
  }

  .campeonatos-evento__dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: clamp(20px, 3vw, 28px);
    margin-bottom: 0;
  }
  .campeonatos-evento__dot {
    width: 9px;
    height: 9px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
  }
  .campeonatos-evento__dot[aria-current="true"] {
    background: var(--gold);
    transform: scale(1.15);
  }

  .campeonatos-evento__head {
    margin-bottom: clamp(24px, 3.5vw, 40px);
  }

  .campeonatos-evento__title {
    font-size: clamp(1.85rem, 4.2vw, 2.55rem);
    line-height: 1.05;
    margin: 0 0 14px;
  }

  .campeonatos-evento__lead {
    margin: 0;
    max-width: 62ch;
    font-size: clamp(15px, 1.65vw, 16px);
    line-height: 1.6;
  }

  .dashboard-grid__lead strong,
  .section-itens .dashboard-grid__lead strong {
    color: var(--gold-light);
    font-weight: 600;
  }

  .campeonatos-evento__title,
  .player-feed-section__head h2,
  #coach-feed-heading,
  #manager-feed-heading,
  .creative-team-section__title,
  #creative-team-heading,
  .section-itens__title,
  .sponsors-section__title,
  .sponsored-loja__title,
  .dashboard-grid__title,
  .spin-panel__title .spin-panel__title-text,
  .ceo-spotlight__title {
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.06em;
    color: var(--text);
  }

  .campeonatos-evento__lead,
  .player-feed-section__tagline,
  .dashboard-grid__lead,
  .creative-team-section__lead,
  .sponsors-section__lead,
  .sponsored-loja__sub {
    font-family: "Inter", sans-serif;
    color: var(--text-muted);
  }

  .campeonatos-evento__carousel {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .campeonatos-evento__badge {
    display: inline-block;
    margin: 0 0 12px;
    padding: 6px 14px;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #0a0a0a;
    background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 55%, #b8890f 100%);
    border-radius: 999px;
    box-shadow: 0 2px 16px rgba(212, 160, 23, 0.38);
  }

  .campeonatos-evento__chrome {
    display: flex;
    align-items: stretch;
    gap: clamp(12px, 2.5vw, 22px);
  }
  .sponsored-loja__chrome {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .campeonatos-evento__viewport {
    flex: 1;
    min-width: 0;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: rgba(0, 0, 0, 0.45);
    outline: none;
    transition: height 0.35s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .campeonatos-evento__viewport:focus-visible {
    box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.45);
  }

  .campeonatos-evento__track {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    transition: transform 0.5s cubic-bezier(0.33, 1, 0.68, 1);
    will-change: transform;
  }

  .campeonatos-evento__slide {
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
  }

  .campeonatos-evento__media {
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0;
    background: var(--dark);
    overflow: hidden;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  }
  .campeonatos-evento__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
  }

  .campeonatos-evento__caption {
    padding: clamp(16px, 2.5vw, 22px) clamp(18px, 3vw, 26px);
    background: linear-gradient(180deg, rgba(18, 16, 14, 0.96), rgba(10, 9, 8, 0.99));
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    border: 1px solid var(--border);
    border-top: none;
  }
  .campeonatos-evento__caption h3 {
    margin: 0 0 10px;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
    font-weight: 400;
    letter-spacing: 0.06em;
    color: var(--text);
  }
  .campeonatos-evento__caption p {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: clamp(0.9rem, 1.5vw, 0.98rem);
    line-height: 1.55;
    color: var(--text-muted);
    white-space: pre-wrap;
  }

  @media (max-width: 768px) {
    .campeonatos-evento__head {
      margin-bottom: clamp(18px, 3.5vw, 26px);
    }
    .campeonatos-evento__dots {
      margin-top: 18px;
    }
    .campeonatos-evento__chrome {
      gap: 10px;
      align-items: center;
    }
    .campeonatos-evento__caption {
      padding: 14px 16px 16px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .campeonatos-evento__viewport {
      transition: none;
    }
  }

  .sponsored-loja__viewport {
    flex: 1;
    min-width: 0;
    min-height: 140px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 160, 23, 0.35) rgba(20, 20, 20, 0.85);
    -webkit-overflow-scrolling: touch;
    padding: 8px 10px 18px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: rgba(0, 0, 0, 0.4);
    outline: none;
  }
  .sponsored-loja__viewport:focus-visible {
    box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.35);
  }

  .sponsored-loja__track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: clamp(14px, 2vw, 20px);
    width: max-content;
    padding: 4px 2px 6px;
    min-height: 120px;
  }

  .sponsored-loja__track.sponsored-loja__track--empty {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding: clamp(12px, 2vw, 20px);
    min-height: 0;
  }

  .sponsored-loja-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    max-width: 28rem;
    width: 100%;
    padding: clamp(28px, 5vw, 44px) clamp(18px, 3vw, 28px);
    margin: 0 auto;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: linear-gradient(165deg, rgba(18, 18, 18, 0.75), rgba(8, 8, 8, 0.92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

  .sponsored-loja-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    color: var(--gold);
    background: rgba(212, 160, 23, 0.1);
    border: 1px solid var(--border);
  }

  .sponsored-loja-empty__title {
    margin: 0;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.2rem, 2.6vw, 1.45rem);
    letter-spacing: 0.06em;
    color: var(--text);
  }

  .sponsored-loja-empty__text {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.6vw, 15px);
    line-height: 1.6;
    color: var(--text-muted);
  }

  .sponsored-loja-empty__text strong {
    color: var(--gold-light);
    font-weight: 600;
  }

  /* Cards da loja (sponsored-loja.js) — home só carrega index-media-kit.css */
  .section-loja__header {
    margin-bottom: clamp(24px, 3.5vw, 36px);
  }

  .section-loja__lead {
    margin: 0;
    max-width: 65ch;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.6vw, 15px);
    line-height: 1.65;
    color: var(--text-muted);
  }

  .section-loja__lead strong {
    color: var(--gold-light);
    font-weight: 600;
  }

  .sponsored-loja-section {
    position: relative;
  }

  .sponsored-loja__carousel {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .sponsored-card {
    flex: 0 0 min(280px, calc(100vw - 120px));
    width: min(280px, calc(100vw - 120px));
    max-width: min(280px, calc(100vw - 120px));
    display: flex;
    flex-direction: column;
    min-height: 420px;
    background: linear-gradient(165deg, rgba(24, 24, 24, 0.98), var(--dark-3));
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
    transition: transform 0.25s var(--ease-out), border-color 0.2s, box-shadow 0.25s;
  }

  .sponsored-card:hover {
    transform: translateY(-4px);
    border-color: var(--border-strong);
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(212, 160, 23, 0.1);
  }

  .sponsored-card__media {
    background: rgba(0, 0, 0, 0.45);
    padding: 14px;
    border-bottom: 1px solid var(--border);
  }

  .sponsored-card__img {
    width: 100%;
    height: 168px;
    object-fit: contain;
    display: block;
    transition: transform 0.25s var(--ease-out);
    background: rgba(255, 255, 255, 0.04);
    border-radius: var(--radius-sm);
  }

  .sponsored-card:hover .sponsored-card__img {
    transform: scale(1.06);
  }

  .sponsored-card__body {
    padding: 14px 16px 12px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
  }

  .sponsored-card__title {
    margin: 0 0 8px;
    font-family: "Outfit", sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .sponsored-card__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: 0.72rem;
    color: var(--text-muted);
  }

  .sponsored-card__star {
    color: rgba(255, 255, 255, 0.22);
    font-size: 0.85rem;
  }

  .sponsored-card__star--on {
    color: var(--gold-light);
  }

  .sponsored-card__reviews {
    color: var(--text-muted);
  }

  .sponsored-card__price-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    min-height: 1.5rem;
  }

  .sponsored-card__de {
    font-size: 0.72rem;
    color: var(--text-muted);
    text-decoration: line-through;
  }

  .sponsored-card__badge {
    font-family: "Outfit", sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0a0a0a;
    background: linear-gradient(165deg, var(--gold-light), var(--gold));
    padding: 4px 10px;
    border-radius: 999px;
    white-space: nowrap;
    box-shadow: 0 2px 10px rgba(212, 160, 23, 0.25);
  }

  .sponsored-card__parcelas {
    margin: 0 0 10px;
    font-size: 0.7rem;
    line-height: 1.45;
    color: var(--text-muted);
  }

  .sponsored-card__parcelas strong {
    color: var(--text);
    font-weight: 600;
  }

  .sponsored-card__pix {
    margin: 0;
  }

  .sponsored-card__pix-value {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.2rem, 2.8vw, 1.45rem);
    letter-spacing: 0.04em;
    color: var(--gold-light);
    font-weight: 400;
  }

  .sponsored-card__pix-label {
    margin: 4px 0 0;
    font-family: "Outfit", sans-serif;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold);
    opacity: 0.9;
  }

  .sponsored-card__region {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 12px;
    font-family: "Outfit", sans-serif;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: var(--gold-light);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-sm);
    align-self: flex-start;
    background: rgba(212, 160, 23, 0.08);
  }

  .sponsored-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem;
    padding: 0 14px 16px;
    margin-top: auto;
  }

  .sponsored-card__view,
  .sponsored-card__cart {
    width: 100%;
    justify-content: center;
    font-size: 9px;
    padding: 10px 8px;
    letter-spacing: 0.08em;
    min-height: 40px;
  }

  .sponsored-card__view {
    white-space: nowrap;
  }

  @media (max-width: 520px) {
    .sponsored-card {
      flex: 0 0 min(280px, calc(100vw - 108px));
      width: min(280px, calc(100vw - 108px));
      max-width: min(280px, calc(100vw - 108px));
    }

    .sponsored-loja__chrome {
      gap: 8px;
    }
  }

  .campeonatos-evento__nav,
  .sponsored-loja__nav {
    flex-shrink: 0;
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid var(--border);
    background: linear-gradient(165deg, rgba(32, 28, 22, 0.95), var(--dark-3));
    color: var(--gold);
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition:
      border-color 0.2s,
      color 0.2s,
      background 0.2s,
      transform 0.2s var(--ease-out),
      box-shadow 0.2s;
  }
  .campeonatos-evento__nav {
    align-self: center;
  }
  .campeonatos-evento__nav:hover,
  .sponsored-loja__nav:hover {
    border-color: var(--border-strong);
    color: var(--gold-light);
    background: linear-gradient(165deg, rgba(212, 160, 23, 0.12), var(--dark-3));
    box-shadow: 0 0 24px rgba(212, 160, 23, 0.12);
  }
  .campeonatos-evento__nav:active {
    transform: scale(0.96);
  }

  @media (prefers-reduced-motion: reduce) {
    .campeonatos-evento__track {
      transition: none;
    }
    .campeonatos-evento__nav:active {
      transform: none;
    }
  }

  .btn {
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: var(--radius-sm);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
  }
  .btn-primary {
    background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 45%, #b8890f 100%);
    color: #0a0a0a;
    border: 1px solid rgba(212, 160, 23, 0.45);
  }
  .btn-outline {
    background: transparent;
    color: var(--text-muted);
    border: 1px solid var(--border-strong);
  }
  .btn-outline:hover {
    border-color: var(--gold);
    color: var(--gold-light);
  }

  input:not([type="hidden"]),
  textarea {
    background: var(--dark-4);
    border: 1px solid var(--border);
    color: var(--text);
    border-radius: var(--radius-sm);
  }

  .pix-modal__panel,
  .pix-pagador-modal,
  .login-required-modal__panel,
  .saldo-insuf-modal__panel {
    background: linear-gradient(165deg, var(--dark-3) 0%, #121212 100%);
    border: 1px solid var(--border-strong);
    color: var(--text);
  }
  .pix-modal__title,
  .pix-pagador-modal__title,
  .login-required-modal__title,
  .saldo-insuf-modal__title {
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.08em;
  }
  .pix-modal__hint,
  .pix-modal__label,
  .login-required-modal__message {
    color: var(--text-muted);
  }

  .hero.home-hero {
    min-height: min(92vh, 880px);
    padding-top: clamp(96px, 12vh, 120px);
  }

  /* Skip link: fora da tela até foco (Tab) — evita link azul visível no canto */
  .skip-to-main {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .skip-to-main:focus {
    position: fixed;
    left: 12px;
    top: 12px;
    z-index: 100000;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    padding: 12px 18px;
    outline: 2px solid var(--gold);
    outline-offset: 2px;
    background: var(--dark-3);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-decoration: none;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
  }

  .grid-cards,
  .item-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .dashboard-grid__panel--spin .roulette-wrap {
    margin-top: 0;
    margin-bottom: 0.75rem;
  }

  .roulette-stage {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1 1 auto;
    min-height: 180px;
    margin: 0.5rem 0 0.25rem;
    padding: 6px 0 4px;
  }

  .roulette-arena {
    position: absolute;
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    width: min(108%, 400px);
    height: 118%;
    border-radius: 24px;
    background:
      radial-gradient(ellipse 65% 55% at 50% -5%, rgba(212, 160, 23, 0.22), transparent 62%),
      radial-gradient(ellipse 50% 45% at 92% 80%, rgba(184, 137, 15, 0.14), transparent 58%),
      radial-gradient(ellipse 45% 40% at 8% 85%, rgba(212, 160, 23, 0.1), transparent 55%);
    filter: blur(0.5px);
    pointer-events: none;
    z-index: 0;
    animation: mkSpinArenaBreath 5.5s ease-in-out infinite;
  }

  #rouletteWrap.roulette-wrap {
    width: min(100%, 380px);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 0 16px;
    min-height: 120px;
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-md);
    z-index: 1;
    background: linear-gradient(165deg, rgba(20, 18, 14, 0.95), rgba(8, 7, 6, 0.98));
    border: 1px solid var(--border);
    box-shadow:
      0 0 0 1px rgba(212, 160, 23, 0.1),
      0 20px 48px rgba(0, 0, 0, 0.55),
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      inset 0 -18px 36px rgba(0, 0, 0, 0.35);
    animation: mkSpinRimGlow 4s ease-in-out infinite alternate;
  }

  .roulette-wrap::before {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px;
    background: linear-gradient(
      125deg,
      rgba(212, 160, 23, 0.55),
      rgba(242, 201, 76, 0.28),
      rgba(212, 160, 23, 0.22),
      rgba(255, 255, 255, 0.1)
    );
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.55;
    animation: mkSpinBorderShimmer 5s ease-in-out infinite;
  }

  .roulette-wrap__vignette {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 3;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.72) 0%,
      transparent 18%,
      transparent 82%,
      rgba(0, 0, 0, 0.72) 100%
    );
  }

  .roulette-wrap--spinning {
    animation: mkSpinRimGlowFast 0.45s ease-in-out infinite alternate;
  }

  .roulette-wrap--spinning::before {
    animation-duration: 3s;
    opacity: 0.82;
  }

  .roulette-wrap--spinning .roulette-track {
    filter: saturate(1.06) contrast(1.02);
  }

  .roulette-pointer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2px;
    width: 22px;
    height: 20px;
    z-index: 6;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    filter: drop-shadow(0 0 10px rgba(212, 160, 23, 0.85));
    animation: mkSpinPointerPulse 1.6s ease-in-out infinite;
  }

  .roulette-pointer::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 17px solid var(--gold);
  }

  .roulette-track {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 12px 14px;
    will-change: transform;
    position: relative;
    z-index: 2;
  }

  .roulette-slot {
    flex: 0 0 auto;
    min-width: 104px;
    max-width: 104px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.35));
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 7px;
    text-align: center;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  }

  .roulette-slot:hover {
    transform: scale(1.03) translateY(-1px);
    border-color: var(--border-strong);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.42), 0 0 18px rgba(212, 160, 23, 0.12);
  }

  .roulette-slot img {
    width: 100%;
    height: 56px;
    object-fit: contain;
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.06);
  }

  .roulette-slot small {
    display: block;
    margin-top: 5px;
    color: var(--text-muted);
    font-size: 0.68rem;
    line-height: 1.25;
    max-height: 2.5em;
    overflow: hidden;
  }

  .spin-cta {
    display: block;
    width: 100%;
    max-width: 320px;
    margin-inline: auto;
    min-height: 52px;
    flex-shrink: 0;
  }

  .spin-result {
    margin: 1rem 0 0;
    min-height: 2.75rem;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--text-muted);
    transition: color 0.3s ease, opacity 0.35s ease;
  }

  .spin-result:not(:empty) {
    animation: mkSpinResultReveal 0.45s ease-out;
  }

  .spin-result.ok {
    color: #a8e6b8;
    text-shadow: 0 0 18px rgba(120, 200, 140, 0.22);
  }

  .spin-result.warn {
    color: #d4cfc8;
  }

  @keyframes mkSpinArenaBreath {
    0%,
    100% {
      opacity: 0.78;
      transform: translate(-50%, -50%) scale(1);
    }
    50% {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1.03);
    }
  }

  @keyframes mkSpinRimGlow {
    0% {
      box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.14),
        0 20px 48px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 28px rgba(212, 160, 23, 0.08);
    }
    100% {
      box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.28),
        0 22px 52px rgba(0, 0, 0, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 36px rgba(212, 160, 23, 0.14);
    }
  }

  @keyframes mkSpinRimGlowFast {
    0% {
      box-shadow:
        0 0 0 1px rgba(212, 160, 23, 0.35),
        0 20px 48px rgba(0, 0, 0, 0.55),
        0 0 32px rgba(212, 160, 23, 0.22);
    }
    100% {
      box-shadow:
        0 0 0 1px rgba(242, 201, 76, 0.32),
        0 22px 52px rgba(0, 0, 0, 0.58),
        0 0 40px rgba(212, 160, 23, 0.18);
    }
  }

  @keyframes mkSpinBorderShimmer {
    0%,
    100% {
      opacity: 0.42;
    }
    50% {
      opacity: 0.78;
    }
  }

  @keyframes mkSpinPointerPulse {
    0%,
    100% {
      transform: translateX(-50%) translateY(0);
      filter: drop-shadow(0 0 10px rgba(212, 160, 23, 0.85));
    }
    50% {
      transform: translateX(-50%) translateY(2px);
      filter: drop-shadow(0 0 16px rgba(242, 201, 76, 0.95));
    }
  }

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

  @media (max-width: 1200px) {
    .roulette-arena {
      animation: none !important;
      opacity: 0.88;
      transform: translate(-50%, -50%) scale(1);
      filter: none;
    }

    #rouletteWrap.roulette-wrap {
      animation: none !important;
    }

    .roulette-wrap::before {
      animation: none !important;
      opacity: 0.5;
    }

    .roulette-wrap--spinning,
    .roulette-wrap--spinning::before {
      animation: none !important;
    }

    .roulette-pointer {
      animation: none !important;
    }

    .roulette-track {
      will-change: auto;
    }

    .roulette-wrap--spinning .roulette-track {
      filter: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .roulette-arena,
    #rouletteWrap.roulette-wrap,
    .roulette-wrap::before,
    .roulette-pointer {
      animation: none !important;
    }

    .spin-result:not(:empty) {
      animation: none;
    }
  }

  /* Home: bloqueio admin (saldo / sorteio / loja) — estava só em styles.css */
  .home-feature-blocked {
    position: relative;
  }

  .home-feature-blocked > *:not(.home-feature-blocked__veil) {
    opacity: 0.52;
    filter: grayscale(38%);
    pointer-events: none;
    user-select: none;
    transition:
      opacity 0.25s ease,
      filter 0.25s ease;
  }

  .home-feature-blocked__veil {
    position: absolute;
    inset: 0;
    z-index: 20;
    border-radius: inherit;
    background: rgba(8, 8, 10, 0.52);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 3vw, 20px);
    box-sizing: border-box;
    pointer-events: auto;
  }

  .home-feature-blocked__callout {
    max-width: 26rem;
    padding: clamp(14px, 3vw, 20px) clamp(16px, 3.5vw, 22px);
    background: rgba(12, 12, 14, 0.94);
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-md);
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.55);
    text-align: center;
  }

  .home-feature-blocked__title {
    display: block;
    font-family: "Outfit", sans-serif;
    font-size: clamp(0.7rem, 2vw, 0.8rem);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--gold-light);
    margin: 0 0 0.55rem;
  }

  .home-feature-blocked__text {
    margin: 0;
    font-size: clamp(0.82rem, 2.2vw, 0.95rem);
    line-height: 1.5;
    color: rgba(245, 245, 245, 0.92);
  }

  .dashboard-grid__saldo-label,
  .spin-meta__label {
    color: var(--text-muted);
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .hidden {
    display: none !important;
  }

  /* Modais da home (PIX / saldo fullscreen; login trata viewport vs seção abaixo) */
  .pix-modal,
  .saldo-insuf-modal {
    position: fixed;
    inset: 0;
    z-index: 9000;
  }

  .login-required-modal.login-required-modal--viewport {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(16px, 4vw, 28px);
    box-sizing: border-box;
  }

  .section--login-modal-host {
    position: relative;
    isolation: isolate;
  }

  .section--login-modal-host .login-required-modal {
    position: absolute;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(16px, 3vw, 28px);
    box-sizing: border-box;
    border-radius: inherit;
  }

  .pix-modal.hidden,
  .login-required-modal.hidden,
  .saldo-insuf-modal.hidden {
    display: none !important;
  }

  .pix-modal__backdrop,
  .saldo-insuf-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
  }

  .login-required-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
    border-radius: inherit;
  }

  .pix-modal__panel,
  .saldo-insuf-modal__panel {
    position: relative;
    margin: 48px auto;
    max-width: 520px;
    padding: 28px;
    z-index: 1;
  }
  .saldo-insuf-modal__panel {
    max-width: 420px;
  }

  /* Modais PIX (pagador + QR) — centro da viewport, acima de toda a página */
  .pix-modal.pix-modal--pagador:not(.hidden),
  .pix-modal.pix-modal--deposito:not(.hidden),
  .pix-modal.pix-modal--aviso:not(.hidden) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    z-index: 92000 !important;
    padding: clamp(16px, 4vw, 32px) !important;
    box-sizing: border-box !important;
    pointer-events: auto;
  }

  .pix-modal.pix-modal--pagador.hidden,
  .pix-modal.pix-modal--deposito.hidden,
  .pix-modal.pix-modal--aviso.hidden {
    display: none !important;
  }

  body.de-pix-pagador-open {
    overflow: hidden;
  }

  #sec-dashboard.de-pix-pagador-host {
    position: relative;
    z-index: 100;
    isolation: isolate;
    scroll-margin: 12vh;
    box-shadow:
      0 0 0 1px rgba(212, 160, 23, 0.35),
      0 0 48px rgba(212, 160, 23, 0.12);
  }

  .dashboard-grid__panel--account.de-pix-pagador-target {
    position: relative;
    z-index: 2;
  }

  .pix-modal.pix-modal--pagador .pix-modal__backdrop,
  .pix-modal.pix-modal--deposito .pix-modal__backdrop,
  .pix-modal.pix-modal--aviso .pix-modal__backdrop {
    background: rgba(4, 4, 4, 0.8);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
  }

  .pix-pagador-modal {
    --pix-pad-x: clamp(1.35rem, 4vw, 1.85rem);
    --pix-pad-y: clamp(1.15rem, 3vw, 1.5rem);
    --pix-gap: 1.1rem;
    position: relative;
    z-index: 1;
    width: min(100%, 420px);
    margin: 0;
    padding: 0;
    border: 1px solid rgba(212, 160, 23, 0.42);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: linear-gradient(168deg, #1a1a1a 0%, #0c0c0c 52%, #080808 100%);
    box-shadow:
      0 36px 88px rgba(0, 0, 0, 0.72),
      0 0 56px rgba(212, 160, 23, 0.08);
    animation: pix-pagador-modal-in 0.26s var(--ease-out) both;
  }

  @keyframes pix-pagador-modal-in {
    from {
      opacity: 0;
      transform: translateY(10px) scale(0.985);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  .pix-pagador-modal__header {
    padding: var(--pix-pad-y) var(--pix-pad-x);
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }

  .pix-pagador-modal__eyebrow {
    margin: 0 0 0.45rem;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
  }

  .pix-pagador-modal__title {
    margin: 0 0 0.6rem;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.85rem, 5vw, 2.25rem);
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text);
  }

  .pix-pagador-modal__lead {
    margin: 0 auto;
    max-width: 34ch;
    font-family: "Outfit", sans-serif;
    font-size: 0.875rem;
    line-height: 1.55;
    color: rgba(244, 241, 236, 0.68);
  }

  .pix-pagador-modal__body {
    display: flex;
    flex-direction: column;
    gap: var(--pix-gap);
    padding: var(--pix-pad-y) var(--pix-pad-x);
  }

  .pix-pagador-modal__methods-field {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
  }

  .pix-pagador-modal__methods-field.hidden {
    display: none;
  }

  .pix-pagador-modal__methods-legend {
    display: block;
    margin: 0 0 0.6rem;
    padding: 0;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .pix-pagador-modal__methods {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    align-items: stretch;
  }

  .pix-pagador-modal__method {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 6.75rem;
    padding: 0.8rem 0.5rem 0.7rem;
    border-radius: var(--radius-md);
    border: 2px solid rgba(255, 255, 255, 0.14);
    background: linear-gradient(160deg, rgba(22, 22, 22, 0.98), rgba(8, 8, 8, 0.98));
    cursor: pointer;
    text-align: center;
    transition:
      border-color 0.2s ease,
      background 0.2s ease,
      box-shadow 0.2s ease,
      opacity 0.2s ease;
  }

  .pix-pagador-modal__method:hover:not(.is-active) {
    border-color: rgba(255, 255, 255, 0.26);
  }

  .pix-pagador-modal__method:focus-visible {
    outline: 2px solid rgba(212, 160, 23, 0.65);
    outline-offset: 2px;
  }

  .pix-pagador-modal__method.is-active {
    border-color: var(--gold);
    background: linear-gradient(
      165deg,
      rgba(212, 160, 23, 0.3) 0%,
      rgba(56, 44, 14, 0.52) 42%,
      rgba(10, 8, 4, 0.98) 100%
    );
    box-shadow:
      0 0 0 1px rgba(242, 201, 76, 0.38),
      0 6px 22px rgba(212, 160, 23, 0.2);
  }

  .pix-pagador-modal__method:not(.is-active) {
    opacity: 0.78;
  }

  .pix-pagador-modal__method-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .pix-pagador-modal__method-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.5rem;
    height: 3.15rem;
    padding: 0.4rem 0.55rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
    overflow: hidden;
  }

  .pix-pagador-modal__method-icon img {
    display: block;
    max-width: 100%;
    max-height: 2.35rem;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .pix-pagador-modal__method-icon--card img {
    max-height: 2.05rem;
  }

  .pix-pagador-modal__method.is-active .pix-pagador-modal__method-icon {
    border-color: rgba(212, 160, 23, 0.55);
    box-shadow:
      0 0 0 1px rgba(212, 160, 23, 0.45),
      0 4px 14px rgba(0, 0, 0, 0.28);
  }

  .pix-pagador-modal__method-label {
    font-family: "Outfit", sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(244, 241, 236, 0.55);
    line-height: 1.2;
  }

  .pix-pagador-modal__method.is-active .pix-pagador-modal__method-label {
    color: var(--gold-light);
  }

  .pix-pagador-modal__amount {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0.75rem 1rem;
    padding: 0.95rem 1.1rem;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, rgba(212, 160, 23, 0.16) 0%, rgba(0, 0, 0, 0.45) 100%);
    border: 1px solid rgba(212, 160, 23, 0.38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }

  .pix-pagador-modal__amount-label {
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .pix-pagador-modal__amount-value {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.5rem, 4vw, 1.75rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.03em;
    color: var(--gold-light);
    white-space: nowrap;
    text-align: right;
  }

  .pix-pagador-modal__form {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    margin: 0;
    padding: 0;
  }

  .pix-pagador-modal__field {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
  }

  .pix-pagador-modal__label {
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted);
  }

  .pix-pagador-modal__optional {
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: lowercase;
    color: rgba(155, 150, 143, 0.95);
  }

  .pix-pagador-modal__field-hint {
    display: block;
    margin-top: 0.35rem;
    font-family: "Outfit", sans-serif;
    font-size: 0.72rem;
    line-height: 1.35;
    color: rgba(244, 241, 236, 0.45);
  }

  .pix-pagador-modal__input {
    width: 100%;
    min-height: 46px;
    padding: 0.7rem 0.95rem;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(0, 0, 0, 0.45);
    color: var(--text);
    font-family: "Outfit", sans-serif;
    font-size: 0.9375rem;
    line-height: 1.35;
    transition:
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      background-color 0.18s ease;
  }

  .pix-pagador-modal__input::placeholder {
    color: rgba(155, 150, 143, 0.75);
  }

  .pix-pagador-modal__input:hover {
    border-color: rgba(212, 160, 23, 0.35);
    background: rgba(0, 0, 0, 0.55);
  }

  .pix-pagador-modal__input:focus {
    outline: none;
    border-color: var(--gold);
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.22);
  }

  .pix-pagador-modal__input:invalid:not(:placeholder-shown) {
    border-color: rgba(192, 57, 43, 0.65);
  }

  .pix-pagador-modal__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    padding: var(--pix-pad-y) var(--pix-pad-x);
    background: rgba(0, 0, 0, 0.42);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .pix-pagador-modal__footer .btn {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
  }

  .pix-pagador-modal__footer .btn-primary {
    font-weight: 700;
  }

  @media (max-width: 400px) {
    .pix-pagador-modal__amount {
      grid-template-columns: 1fr;
      text-align: center;
    }

    .pix-pagador-modal__amount-value {
      text-align: center;
    }

    .pix-pagador-modal__footer {
      grid-template-columns: 1fr;
    }

    .pix-pagador-modal__footer .btn-outline {
      order: 2;
    }

    .pix-pagador-modal__footer .btn-primary {
      order: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .pix-pagador-modal {
      animation: none;
    }
  }

  .pix-modal.pix-modal--aviso:not(.hidden) {
    z-index: 93000 !important;
  }

  .pix-aviso-modal {
    position: relative;
    z-index: 1;
    width: min(100%, 400px);
    margin: 0;
    padding: 0;
    border: 1px solid rgba(212, 160, 23, 0.42);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: linear-gradient(168deg, #1a1a1a 0%, #0c0c0c 52%, #080808 100%);
    box-shadow:
      0 36px 88px rgba(0, 0, 0, 0.72),
      0 0 56px rgba(212, 160, 23, 0.08);
    animation: pix-pagador-modal-in 0.26s var(--ease-out) both;
  }

  .pix-aviso-modal__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    margin: clamp(1.15rem, 3vw, 1.35rem) auto 0;
    border-radius: 50%;
    border: 1px solid rgba(212, 160, 23, 0.45);
    background: rgba(212, 160, 23, 0.12);
    color: var(--gold-light);
  }

  .pix-aviso-modal__badge svg {
    width: 1.45rem;
    height: 1.45rem;
  }

  .pix-aviso-modal__header {
    padding: 0.65rem clamp(1.25rem, 4vw, 1.65rem) 0.85rem;
    text-align: center;
  }

  .pix-aviso-modal__eyebrow {
    margin: 0 0 0.4rem;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold);
  }

  .pix-aviso-modal__title {
    margin: 0 0 0.55rem;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.65rem, 5vw, 2rem);
    font-weight: 400;
    line-height: 0.95;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text);
  }

  .pix-aviso-modal__lead {
    margin: 0 auto;
    max-width: 36ch;
    font-family: "Outfit", sans-serif;
    font-size: 0.875rem;
    line-height: 1.55;
    color: rgba(244, 241, 236, 0.68);
  }

  .pix-aviso-modal__lead strong {
    color: var(--gold-light);
    font-weight: 600;
  }

  .pix-aviso-modal__tips {
    margin: 0;
    padding: 0 clamp(1.25rem, 4vw, 1.65rem) 1rem;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
  }

  .pix-aviso-modal__tips li {
    position: relative;
    padding-left: 1.1rem;
    font-family: "Outfit", sans-serif;
    font-size: 0.78rem;
    line-height: 1.4;
    color: rgba(244, 241, 236, 0.52);
  }

  .pix-aviso-modal__tips li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 0.35rem;
    height: 0.35rem;
    border-radius: 50%;
    background: var(--gold);
    opacity: 0.85;
  }

  .pix-aviso-modal__footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
    padding: clamp(0.85rem, 2.5vw, 1rem) clamp(1.25rem, 4vw, 1.65rem)
      clamp(1.15rem, 3vw, 1.35rem);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.42);
  }

  .pix-aviso-modal__footer .btn {
    width: 100%;
    min-height: 44px;
    margin: 0;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
  }

  .pix-pagador-modal__input--error {
    border-color: rgba(192, 57, 43, 0.75) !important;
    background: rgba(48, 12, 12, 0.35) !important;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.22) !important;
  }

  .pix-pagador-modal__input--error:focus {
    border-color: rgba(220, 80, 60, 0.9) !important;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.28) !important;
  }

  @media (max-width: 400px) {
    .pix-aviso-modal__footer {
      grid-template-columns: 1fr;
    }

    .pix-aviso-modal__footer .btn-primary {
      order: 1;
    }

    .pix-aviso-modal__footer .btn-outline {
      order: 2;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .pix-aviso-modal {
      animation: none;
    }
  }

  .login-required-modal__panel {
    position: relative;
    z-index: 2;
    width: min(100%, 440px);
    max-width: min(520px, calc(100vw - 32px));
    margin: 0;
    padding: clamp(24px, 4.5vw, 38px);
    border-radius: var(--radius-md);
    box-shadow: 0 28px 72px rgba(0, 0, 0, 0.58);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .login-required-modal__title {
    margin: 0;
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.45rem, 3.5vw, 1.9rem);
    line-height: 1.12;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--text);
  }

  .login-required-modal__message {
    margin: 18px auto 0;
    max-width: 38ch;
    font-family: "Inter", sans-serif;
    font-size: clamp(14px, 1.75vw, 15px);
    line-height: 1.65;
    color: var(--text-muted);
  }

  .login-required-modal__actions {
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
  }

  .login-required-modal__actions .btn {
    flex: 1 1 auto;
    min-width: min(100%, 160px);
    min-height: 48px;
    padding: 14px 22px;
    border-radius: var(--radius-md);
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    justify-content: center;
    box-sizing: border-box;
  }

  .login-required-modal__actions .login-required-modal__btn-primary {
    flex: 1 1 220px;
  }

  @media (max-width: 520px) {
    .login-required-modal__panel {
      padding: clamp(22px, 6vw, 30px);
    }
    .login-required-modal__actions {
      flex-direction: column;
      gap: 10px;
    }
    .login-required-modal__actions .btn {
      width: 100%;
      min-width: 0;
      flex: 1 1 auto;
    }
  }

  @media (max-width: 768px) {
    .site-main-nav__link {
      font-size: 10px;
      padding: 8px 10px;
    }
    .site-main-nav__link--accent {
      padding: 9px 14px;
    }
  }

  /* CEO / feeds — layout alinhado ao kit */
  .ceo-spotlight {
    position: relative;
    overflow: hidden;
  }
  .ceo-spotlight--premium {
    background: transparent;
  }
  .ceo-spotlight__head {
    margin-bottom: clamp(22px, 3.5vw, 38px);
  }
  .ceo-spotlight__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(32px, 4.5vw, 56px);
    align-items: start;
  }
  @media (max-width: 900px) {
    .ceo-spotlight__layout {
      grid-template-columns: 1fr;
    }
  }
  .ceo-spotlight__title {
    font-family: "Outfit", sans-serif;
    font-size: 11px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    margin: 0 0 8px;
  }
  .ceo-spotlight__subtitle {
    font-family: "Inter", sans-serif;
    color: var(--text-muted);
    margin: 0;
    font-size: 14px;
  }
  .ceo-spotlight__eyebrow {
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    margin: 0 0 8px;
  }
  .ceo-spotlight__name {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(36px, 5vw, 52px);
    letter-spacing: 0.06em;
    color: var(--text);
    margin: 0 0 16px;
    line-height: 1;
  }
  .ceo-spotlight__badge-ring {
    position: relative;
    width: min(100%, 340px);
    margin-inline: auto;
    aspect-ratio: 3 / 4;
    border-radius: var(--radius-md);
    padding: 4px;
    background: linear-gradient(145deg, rgba(212, 160, 23, 0.35), rgba(20, 20, 20, 0.95));
    border: 1px solid var(--border-strong);
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.45);
  }
  .ceo-spotlight__photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: calc(var(--radius-md) - 4px);
    display: block;
  }
  .ceo-spotlight__bio-wrap,
  .ceo-spotlight__bio-wrap p {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: var(--text-muted);
    line-height: 1.85;
  }

  /* ── Rodapé completo (home index.html) ── */
  body.media-kit-body footer.site-footer {
    margin-top: clamp(40px, 6vw, 80px);
    padding: 0 clamp(18px, 4vw, 36px) calc(22px + env(safe-area-inset-bottom, 0px));
    padding-left: calc(clamp(18px, 4vw, 36px) + env(safe-area-inset-left, 0px));
    padding-right: calc(clamp(18px, 4vw, 36px) + env(safe-area-inset-right, 0px));
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    display: block;
    background: transparent;
    border-top: none;
  }

  body.media-kit-body .site-footer__inner {
    width: 100%;
    max-width: var(--max-content);
    margin: 0 auto;
    padding: clamp(24px, 4vw, 40px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
    gap: clamp(20px, 3vw, 32px);
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: linear-gradient(165deg, rgba(22, 22, 22, 0.96), rgba(8, 8, 8, 0.94));
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    min-width: 0;
    box-sizing: border-box;
  }

  @media (max-width: 640px) {
    body.media-kit-body .site-footer__inner {
      grid-template-columns: 1fr;
    }
  }

  body.media-kit-body .site-footer__col {
    min-width: 0;
  }

  body.media-kit-body .site-footer__brand {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 100%;
    text-decoration: none;
    color: var(--text);
    margin-bottom: 10px;
  }

  body.media-kit-body .site-footer__logo {
    width: auto;
    height: 40px;
    max-width: 160px;
    object-fit: contain;
  }

  body.media-kit-body .site-footer__brand-text {
    font-family: "Outfit", sans-serif;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text);
  }

  body.media-kit-body .site-footer__title {
    margin: 0 0 10px;
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gold-light);
  }

  body.media-kit-body .site-footer__text {
    margin: 0 0 8px;
    font-family: "Inter", sans-serif;
    font-size: 0.88rem;
    color: var(--text-muted);
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  body.media-kit-body .site-footer__text a {
    color: var(--gold-light);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease, color 0.2s ease;
  }

  body.media-kit-body .site-footer__text a:hover {
    color: var(--text);
    border-bottom-color: rgba(212, 160, 23, 0.45);
  }

  body.media-kit-body .site-footer__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  body.media-kit-body .site-footer__links a {
    font-family: "Inter", sans-serif;
    font-size: 0.88rem;
    color: rgba(244, 241, 236, 0.88);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  body.media-kit-body .site-footer__links a:hover {
    color: var(--gold-light);
  }

  body.media-kit-body .site-footer__social-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
  }

  body.media-kit-body .site-footer__social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: rgba(0, 0, 0, 0.35);
    color: var(--text);
    text-decoration: none;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease,
      transform 0.2s var(--ease-out);
  }

  body.media-kit-body .site-footer__social:hover {
    background: rgba(212, 160, 23, 0.1);
    border-color: var(--border-strong);
    color: var(--gold-light);
    transform: translateY(-2px);
  }

  body.media-kit-body .site-footer__social:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
  }

  body.media-kit-body .site-footer__social-icon {
    width: 22px;
    height: 22px;
    display: block;
  }

  body.media-kit-body .site-footer__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    align-items: center;
  }

  body.media-kit-body .site-footer__trust-img {
    display: block;
    height: clamp(24px, 5vw, 34px);
    width: auto;
    max-width: min(42vw, 150px);
    object-fit: contain;
    object-position: left center;
  }

  body.media-kit-body .site-footer__trust-img--square {
    max-width: clamp(28px, 6vw, 36px);
    height: clamp(28px, 6vw, 36px);
  }

  body.media-kit-body .site-footer__bottom {
    width: 100%;
    max-width: var(--max-content);
    margin: 14px auto 0;
    padding: 0 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;
  }

  body.media-kit-body .site-footer__copy {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 0.78rem;
    color: var(--text-muted);
  }

  body.media-kit-body .site-footer__legal {
    margin: 0;
    font-family: "Inter", sans-serif;
    font-size: 0.74rem;
    color: rgba(155, 150, 143, 0.85);
    text-align: right;
  }

  @media (max-width: 520px) {
    body.media-kit-body .site-footer__bottom {
      flex-direction: column;
      justify-content: center;
      text-align: center;
    }
    body.media-kit-body .site-footer__legal {
      text-align: center;
    }
  }

  /* ── Histórico competitivo (home — dados via /api/competitive-history ou catálogo) ── */
  .competitive-history-section {
    padding: clamp(20px, 3vw, 28px);
  }
  .competitive-history__head {
    margin-bottom: 18px;
  }
  .competitive-history__badge {
    font-family: "Rajdhani", sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--gold-dim);
    margin-bottom: 8px;
  }
  .competitive-history__title {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.65rem, 3.6vw, 2.15rem);
    letter-spacing: 0.06em;
    color: var(--text);
    margin-bottom: 8px;
  }
  .competitive-history__lead {
    font-size: 0.95rem;
    color: var(--text-muted);
    line-height: 1.55;
    max-width: 52rem;
  }
  .competitive-history__list-wrap {
    margin-top: 12px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border);
    background: rgba(10, 10, 12, 0.55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    padding: clamp(10px, 2vw, 14px);
  }
  .competitive-history__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .competitive-history__item {
    margin: 0;
  }
  .competitive-history__card {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;
    padding: 14px 16px;
    border-radius: var(--radius-md);
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.02);
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
  }
  a.competitive-history__card,
  a.competitive-history__card--link {
    cursor: pointer;
  }
  a.competitive-history__card .competitive-history__thumb {
    pointer-events: none;
  }
  a.competitive-history__card:hover {
    background: rgba(212, 160, 23, 0.07);
    border-color: rgba(212, 160, 23, 0.22);
    transform: translateY(-1px);
  }
  a.competitive-history__card:focus-visible {
    outline: 2px solid var(--gold-light);
    outline-offset: 2px;
  }
  article.competitive-history__card {
    cursor: default;
  }
  .competitive-history__card-media {
    flex-shrink: 0;
  }
  .competitive-history__card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .competitive-history__card-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: clamp(1.2rem, 2.8vw, 1.45rem);
    letter-spacing: 0.04em;
    margin: 0;
    color: var(--text);
    line-height: 1.2;
  }
  .competitive-history__card-meta {
    margin: 0;
    font-size: 0.8rem;
    color: var(--text-muted);
    line-height: 1.45;
  }
  .competitive-history__card-meta strong {
    color: var(--gold-dim);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: "Rajdhani", sans-serif;
    font-size: 0.72rem;
  }
  .competitive-history__card-detail {
    margin: 0;
    font-size: 0.84rem;
    color: var(--text-muted);
    line-height: 1.45;
    word-break: break-word;
  }
  .competitive-history__card-detail strong {
    color: var(--text);
    font-weight: 600;
  }
  .competitive-history__card-detail--obs {
    font-size: 0.82rem;
    opacity: 0.92;
  }
  .competitive-history__card-cta {
    margin-top: auto;
    padding-top: 8px;
    font-size: 0.72rem;
    font-family: "Space Mono", monospace;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--gold-light);
  }
  .competitive-history__thumb-frame {
    position: relative;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    background:
      radial-gradient(ellipse 95% 95% at 50% 48%, rgba(48, 42, 56, 0.45) 0%, transparent 62%),
      linear-gradient(145deg, rgba(22, 22, 26, 0.98) 0%, rgba(12, 12, 14, 0.88) 100%);
    border: 1px solid rgba(255, 255, 255, 0.09);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 8px 22px rgba(0, 0, 0, 0.38);
  }
  .competitive-history__thumb {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .competitive-history__thumb-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    font-weight: 500;
    color: var(--text-muted);
    opacity: 0.45;
    user-select: none;
  }
  .competitive-history__dash {
    color: var(--text-muted);
    opacity: 0.55;
    font-weight: 400;
  }
  @media (max-width: 560px) {
    .competitive-history__card {
      flex-direction: column;
      align-items: stretch;
    }
    .competitive-history__card-media {
      align-self: center;
    }
  }
  .competitive-history__empty {
    margin: 0;
    padding: 16px 18px;
    font-size: 0.92rem;
    line-height: 1.55;
    color: var(--text-muted);
    border: 1px dashed var(--border);
    border-radius: var(--radius-md);
    background: rgba(12, 12, 12, 0.35);
  }

  /* Paginação — histórico de campeonatos (5 por página) */
  .de-ch-paginated {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .de-ch-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 14px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--border);
  }
  .de-ch-pagination__btn {
    font-family: "Outfit", sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 10px 16px;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-strong);
    background: rgba(12, 12, 12, 0.55);
    color: var(--gold-light);
    cursor: pointer;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease,
      transform 0.15s ease;
  }
  .de-ch-pagination__btn:hover:not(:disabled) {
    border-color: var(--gold);
    background: rgba(212, 160, 23, 0.12);
    color: #fff8e6;
    transform: translateY(-1px);
  }
  .de-ch-pagination__btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
  }
  .de-ch-pagination__pages {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
  }
  .de-ch-pagination__page {
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0 8px;
    font-family: "Rajdhani", sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border);
    background: rgba(8, 8, 8, 0.65);
    color: var(--text-muted);
    cursor: pointer;
    transition:
      background 0.2s ease,
      border-color 0.2s ease,
      color 0.2s ease;
  }
  .de-ch-pagination__page:hover {
    border-color: rgba(212, 160, 23, 0.45);
    color: var(--gold-light);
  }
  .de-ch-pagination__page[aria-current="page"] {
    border-color: var(--gold);
    background: linear-gradient(165deg, rgba(212, 160, 23, 0.22), rgba(8, 8, 8, 0.85));
    color: var(--gold-light);
    cursor: default;
  }
  .de-ch-pagination__info {
    font-family: "Space Mono", monospace;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-muted);
    opacity: 0.9;
    min-width: 7rem;
    text-align: center;
  }
  @media (max-width: 520px) {
    .de-ch-pagination__pages {
      order: 3;
      width: 100%;
    }
    .de-ch-pagination__info {
      order: 2;
      width: 100%;
    }
    .de-ch-pagination__btn--prev {
      order: 1;
      flex: 1;
    }
    .de-ch-pagination__btn--next {
      order: 4;
      flex: 1;
    }
  }

/* Portal de modais — regras globais (fora do fluxo da home) */
.de-modal-root {
  position: fixed;
  inset: 0;
  z-index: 92000;
  pointer-events: none;
}

.de-modal-root > .pix-modal:not(.hidden) {
  pointer-events: auto;
}

#pixModal.pix-modal.pix-modal--deposito:not(.hidden),
#pixPagadorModal.pix-modal.pix-modal--pagador:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: clamp(16px, 4vw, 32px) !important;
  box-sizing: border-box !important;
  z-index: 92001 !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#pixModal.pix-modal--deposito:not(.hidden) .pix-modal__backdrop,
#pixPagadorModal.pix-modal--pagador:not(.hidden) .pix-modal__backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
}

#pixPagadorModal.pix-modal--pagador:not(.hidden) .pix-pagador-modal {
  position: relative;
  z-index: 1;
  margin: auto !important;
  flex-shrink: 0;
  align-self: center;
  width: min(100%, 420px);
  max-height: min(92vh, 720px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

#pixModal.pix-modal--deposito:not(.hidden) .pix-deposit-modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1;
  margin: 0 !important;
  width: min(calc(100vw - 32px), 440px);
  max-height: min(90dvh, 680px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(212, 160, 23, 0.42);
  border-radius: 10px;
  background: linear-gradient(168deg, #1a1a1a 0%, #0c0c0c 52%, #080808 100%);
  box-shadow:
    0 36px 88px rgba(0, 0, 0, 0.72),
    0 0 56px rgba(212, 160, 23, 0.08);
  animation: pix-pagador-modal-in 0.26s var(--ease-out) both;
}

.pix-deposit-modal__header {
  flex-shrink: 0;
  padding: clamp(1.1rem, 3vw, 1.35rem) clamp(1.25rem, 4vw, 1.65rem);
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.pix-deposit-modal__eyebrow {
  margin: 0 0 0.4rem;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gold);
}

.pix-deposit-modal__title {
  margin: 0 0 0.65rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.75rem, 5vw, 2.1rem);
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text);
}

.pix-deposit-modal__amount {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 0.55rem 0.85rem;
  border-radius: 6px;
  border: 1px solid rgba(212, 160, 23, 0.28);
  background: rgba(212, 160, 23, 0.06);
}

.pix-deposit-modal__amount-label {
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.55);
}

.pix-deposit-modal__amount-value {
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.55rem, 4.5vw, 1.85rem);
  letter-spacing: 0.04em;
  color: var(--gold-light);
}

.pix-deposit-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: clamp(0.9rem, 2.5vw, 1.15rem) clamp(1.15rem, 3.5vw, 1.45rem);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.pix-deposit-modal__lead {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.84rem;
  line-height: 1.5;
  color: rgba(244, 241, 236, 0.68);
  text-align: center;
}

.pix-deposit-modal__details {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.28);
  padding: 0.5rem 0.65rem;
}

.pix-deposit-modal__details-summary {
  cursor: pointer;
  list-style: none;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.55);
}

.pix-deposit-modal__details-summary::-webkit-details-marker {
  display: none;
}

.pix-deposit-modal__details[open] .pix-deposit-modal__details-summary {
  margin-bottom: 0.55rem;
  color: var(--gold);
}

.pix-deposit-modal__meta {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.35;
}

.pix-deposit-modal__meta-row {
  display: grid;
  grid-template-columns: minmax(88px, 38%) 1fr;
  gap: 0.35rem 0.55rem;
  align-items: baseline;
}

.pix-deposit-modal__meta-row dt {
  margin: 0;
  color: rgba(244, 241, 236, 0.5);
  font-weight: 600;
}

.pix-deposit-modal__meta-row dd {
  margin: 0;
  word-break: break-word;
  color: var(--text);
}

.pix-deposit-modal__meta-mono {
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 0.7rem;
}

.pix-deposit-modal__checkout {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pix-deposit-modal__checkout--pix,
.pix-deposit-modal__checkout--card {
  gap: 0;
}

.pix-checkout {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.pix-checkout__brand-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  padding: 0.85rem 1rem;
  border-radius: 8px;
  border: 1px solid rgba(50, 188, 173, 0.28);
  background: linear-gradient(145deg, rgba(16, 48, 44, 0.4), rgba(8, 10, 10, 0.95));
  text-align: center;
}

.pix-checkout__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.75rem;
  height: 3.55rem;
  padding: 0.45rem 0.65rem;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
}

.pix-checkout__brand img {
  display: block;
  max-width: 100%;
  max-height: 2.65rem;
  width: auto;
  height: auto;
  object-fit: contain;
}

.pix-checkout__brand-caption {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(80, 210, 195, 0.88);
}

.pix-checkout__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  padding: 0.8rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.3);
}

.pix-checkout .pix-deposit-modal__steps {
  width: 100%;
}

.pix-checkout .pix-deposit-modal__qr-card {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}

.pix-checkout .pix-deposit-modal__code-block {
  width: 100%;
}

.pix-checkout .pix-deposit-modal__status {
  width: 100%;
}

.pix-card-checkout {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pix-card-checkout__hero {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.85rem 1rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(145deg, rgba(28, 26, 20, 0.65), rgba(8, 8, 8, 0.92));
}

.pix-card-checkout__brand {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.75rem;
  padding: 0.35rem 0.45rem;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.pix-card-checkout__brand img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 2.6rem;
  object-fit: contain;
}

.pix-card-checkout__copy {
  min-width: 0;
}

.pix-card-checkout__title {
  margin: 0 0 0.3rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.pix-card-checkout__text {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  color: rgba(244, 241, 236, 0.62);
}

.pix-card-checkout__panel {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(212, 160, 23, 0.22);
  background: rgba(0, 0, 0, 0.32);
}

.pix-card-checkout__secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(244, 241, 236, 0.55);
  text-align: center;
}

.pix-card-checkout__secure svg {
  width: 0.95rem;
  height: 0.95rem;
  flex-shrink: 0;
  color: var(--gold);
}

.pix-card-checkout__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  width: 100%;
  min-height: 3.1rem;
  padding: 0.7rem 1rem;
  border-radius: 8px;
  border: 1px solid rgba(201, 146, 18, 0.85);
  background: linear-gradient(180deg, #f0c84a 0%, #c99212 52%, #a67810 100%);
  color: #0a0a0a;
  text-decoration: none;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 8px 22px rgba(0, 0, 0, 0.35);
  transition:
    transform 0.15s ease,
    filter 0.15s ease,
    box-shadow 0.15s ease;
}

.pix-card-checkout__cta:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  color: #0a0a0a;
}

.pix-card-checkout__cta:focus-visible {
  outline: 2px solid rgba(242, 201, 76, 0.9);
  outline-offset: 2px;
}

.pix-card-checkout__cta-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pix-card-checkout__cta-main svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.pix-card-checkout__cta-sub {
  font-family: "Outfit", sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.78;
}

.pix-card-checkout__hint {
  margin: 0;
  padding: 0.55rem 0.65rem;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  font-family: "Outfit", sans-serif;
  font-size: 0.76rem;
  line-height: 1.45;
  text-align: center;
  color: rgba(244, 241, 236, 0.58);
}

.pix-card-checkout__hint strong {
  color: var(--gold-light);
  font-weight: 600;
}

.pix-deposit-modal__steps {
  display: flex;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pix-deposit-modal__step {
  flex: 1;
  padding: 0.4rem 0.35rem;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-family: "Outfit", sans-serif;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(244, 241, 236, 0.45);
  line-height: 1.25;
}

.pix-deposit-modal__step.is-active {
  border-color: rgba(212, 160, 23, 0.45);
  background: rgba(212, 160, 23, 0.1);
  color: var(--gold-light);
}

.pix-deposit-modal__qr-card {
  display: flex;
  justify-content: center;
  padding: 0.65rem;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

.pix-deposit-modal__qr-card img {
  display: block;
  width: min(200px, 100%);
  height: auto;
}

.pix-deposit-modal__code-block {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.pix-deposit-modal__code-label {
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.55);
}

.pix-deposit-modal__code-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.45rem;
  align-items: stretch;
}

.pix-deposit-modal__code-input {
  width: 100%;
  min-height: 2.75rem;
  max-height: 4.25rem;
  resize: none;
  overflow: auto;
  padding: 0.55rem 0.65rem;
  border-radius: 6px;
  border: 1px solid rgba(212, 160, 23, 0.22);
  background: rgba(0, 0, 0, 0.45);
  color: rgba(244, 241, 236, 0.88);
  font-family: "Space Mono", ui-monospace, monospace;
  font-size: 0.68rem;
  line-height: 1.35;
  scrollbar-width: thin;
}

.pix-deposit-modal__code-input:focus {
  outline: none;
  border-color: rgba(212, 160, 23, 0.5);
  box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.12);
}

.pix-deposit-modal__code-btn {
  align-self: stretch;
  min-width: 4.5rem;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
}

.pix-deposit-modal__status {
  margin: 0;
  padding: 0.5rem 0.65rem;
  border-radius: 6px;
  border: 1px solid rgba(212, 160, 23, 0.25);
  background: rgba(212, 160, 23, 0.08);
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--gold-light);
  text-align: center;
}

.pix-deposit-modal__status:not(.hidden) {
  animation: pix-deposit-status-pulse 2s ease-in-out infinite;
}

@keyframes pix-deposit-status-pulse {
  0%,
  100% {
    border-color: rgba(212, 160, 23, 0.25);
  }
  50% {
    border-color: rgba(212, 160, 23, 0.55);
  }
}

.pix-deposit-modal__footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: clamp(0.85rem, 2.5vw, 1rem) clamp(1.15rem, 3.5vw, 1.45rem);
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(0, 0, 0, 0.22);
}

.pix-deposit-modal__footer .btn {
  width: 100%;
  min-height: 42px;
}

.pix-deposit-modal__footer--inline {
  border-top: none;
  background: transparent;
  padding: 0;
  margin-top: 0.15rem;
}

#pixModal.pix-modal--deposito:not(.hidden) #pixModalFooter.hidden {
  display: none !important;
}

@media (max-width: 400px) {
  .pix-deposit-modal__code-row {
    grid-template-columns: 1fr;
  }

  .pix-deposit-modal__code-btn {
    width: 100%;
  }

  .pix-deposit-modal__steps {
    flex-direction: column;
  }

  .pix-card-checkout__hero {
    flex-direction: column;
    text-align: center;
  }

  .pix-card-checkout__brand {
    width: 5.25rem;
  }
}

/* Carrinho da loja — painel lateral direito */
body.shop-cart-open {
  overflow: hidden;
}

.shop-cart-drawer {
  position: fixed;
  inset: 0;
  z-index: 94000;
  display: flex;
  justify-content: flex-end;
  pointer-events: none;
}

.shop-cart-drawer.hidden {
  display: none !important;
}

.shop-cart-drawer:not(.hidden) {
  pointer-events: auto;
}

.shop-cart-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 4, 4, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  transition: opacity 0.28s ease;
}

.shop-cart-drawer.is-open .shop-cart-drawer__backdrop {
  opacity: 1;
}

.shop-cart-drawer__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(100vw, 420px);
  max-width: 100%;
  height: 100%;
  max-height: 100dvh;
  overflow: hidden;
  border-left: 1px solid rgba(212, 160, 23, 0.35);
  background: linear-gradient(180deg, #141210 0%, #0a0a0a 38%, #060606 100%);
  box-shadow: -24px 0 64px rgba(0, 0, 0, 0.65);
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.shop-cart-drawer.is-open .shop-cart-drawer__panel {
  transform: translateX(0);
}

.shop-cart-drawer__header {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.15rem 1.15rem 0.95rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(212, 160, 23, 0.1) 0%, transparent 100%);
}

.shop-cart-drawer__header-main {
  min-width: 0;
}

.shop-cart-drawer__eyebrow {
  margin: 0 0 0.3rem;
  font-family: "Outfit", sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--gold);
}

.shop-cart-drawer__title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.shop-cart-drawer__title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.75rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text);
  line-height: 1;
}

.shop-cart-drawer__count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: var(--gold);
  color: #0a0a0a;
  font-family: "Outfit", sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.shop-cart-drawer__lead {
  margin: 0.4rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.8rem;
  line-height: 1.45;
  color: rgba(244, 241, 236, 0.58);
}

.shop-cart-drawer__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  flex-shrink: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--radius-md);
  background: rgba(0, 0, 0, 0.45);
  color: rgba(244, 241, 236, 0.85);
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    color 0.18s ease;
}

.shop-cart-drawer__close svg {
  width: 1.1rem;
  height: 1.1rem;
}

.shop-cart-drawer__close:hover {
  border-color: rgba(212, 160, 23, 0.5);
  background: rgba(212, 160, 23, 0.12);
  color: var(--gold-light);
}

.shop-cart-drawer__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 0.85rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(212, 160, 23, 0.35) transparent;
}

.shop-cart-drawer__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.shop-cart-drawer__item {
  display: grid;
  grid-template-columns: 4rem 1fr auto;
  gap: 0.65rem;
  align-items: center;
  padding: 0.7rem 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(0, 0, 0, 0.42);
  transition: border-color 0.18s ease, background 0.18s ease;
}

.shop-cart-drawer__item:hover {
  border-color: rgba(212, 160, 23, 0.28);
  background: rgba(212, 160, 23, 0.06);
}

.shop-cart-drawer__item-media {
  width: 4rem;
  height: 4rem;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.shop-cart-drawer__item-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.shop-cart-drawer__item-copy {
  min-width: 0;
}

.shop-cart-drawer__item-name {
  margin: 0 0 0.2rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--text);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.shop-cart-drawer__item-meta {
  margin: 0 0 0.25rem;
  font-family: "Outfit", sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.42);
}

.shop-cart-drawer__item-price {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  color: var(--gold-light);
}

.shop-cart-drawer__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.35);
  color: rgba(244, 241, 236, 0.65);
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    color 0.18s ease,
    background 0.18s ease;
}

.shop-cart-drawer__remove svg {
  width: 0.95rem;
  height: 0.95rem;
}

.shop-cart-drawer__remove:hover {
  border-color: rgba(192, 57, 43, 0.55);
  background: rgba(48, 12, 12, 0.4);
  color: #f08070;
}

.shop-cart-drawer__empty {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem 1rem;
  gap: 0.5rem;
}

.shop-cart-drawer__empty-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(212, 160, 23, 0.25);
  background: rgba(212, 160, 23, 0.08);
  color: var(--gold);
  margin-bottom: 0.35rem;
}

.shop-cart-drawer__empty-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.shop-cart-drawer__empty-title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.04em;
  color: var(--text);
}

.shop-cart-drawer__empty-text {
  margin: 0 0 0.75rem;
  max-width: 16rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.shop-cart-drawer__empty-cta {
  min-width: 10rem;
}

.shop-cart-drawer__feedback {
  margin: 0;
  padding: 0.55rem 0.7rem;
  border-radius: 8px;
  border: 1px solid rgba(192, 57, 43, 0.45);
  background: rgba(48, 12, 12, 0.35);
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: #f08070;
  text-align: center;
}

.shop-cart-drawer__footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 0.9rem 1rem max(1rem, env(safe-area-inset-bottom));
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.55);
  box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.35);
}

.shop-cart-drawer__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 0.85rem;
  border-radius: 10px;
  border: 1px solid rgba(212, 160, 23, 0.32);
  background: linear-gradient(135deg, rgba(212, 160, 23, 0.14) 0%, rgba(212, 160, 23, 0.04) 100%);
}

.shop-cart-drawer__summary-label {
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.shop-cart-drawer__summary-value {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  color: var(--gold-light);
}

.shop-cart-drawer__footer-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.shop-cart-drawer__footer-actions .btn {
  width: 100%;
  min-height: 44px;
}

.shop-cart-drawer:not(.shop-cart-drawer--has-items) #shopCartCheckoutBtn {
  opacity: 0.45;
  pointer-events: none;
}

@media (max-width: 480px) {
  .shop-cart-drawer__panel {
    width: 100vw;
  }

  .shop-cart-drawer__item {
    grid-template-columns: 3.5rem 1fr auto;
  }

  .shop-cart-drawer__item-media {
    width: 3.5rem;
    height: 3.5rem;
  }
}

.shop-cart-toast {
  position: fixed;
  bottom: max(18px, env(safe-area-inset-bottom));
  left: 50%;
  transform: translateX(-50%) translateY(12px);
  z-index: 95000;
  margin: 0;
  padding: 0.65rem 1rem;
  border-radius: 8px;
  border: 1px solid rgba(212, 160, 23, 0.45);
  background: rgba(18, 16, 10, 0.96);
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  color: var(--gold-light);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.shop-cart-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Página /carrinho */
.cart-page-main {
  min-height: calc(100dvh - 120px);
  padding: clamp(1.25rem, 4vw, 2.5rem) clamp(1rem, 3vw, 2rem) 3rem;
  background: linear-gradient(180deg, #0c0c0c 0%, #080808 100%);
}

.cart-page-wrap {
  max-width: 1080px;
  margin: 0 auto;
}

.cart-page-head {
  margin-bottom: clamp(1.25rem, 3vw, 1.75rem);
}

.cart-page-head__eyebrow {
  margin: 0 0 0.25rem;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
}

.cart-page-head__title {
  margin: 0 0 0.35rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2rem, 5vw, 2.75rem);
  letter-spacing: 0.04em;
  color: var(--text);
  line-height: 1;
}

.cart-page-head__lead {
  margin: 0;
  max-width: 36rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  color: var(--text-muted);
  line-height: 1.55;
}

.cart-page-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 3rem 1.5rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.35);
}

.cart-page-empty__icon {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
  border-radius: 50%;
  border: 1px solid rgba(212, 160, 23, 0.3);
  color: var(--gold);
}

.cart-page-empty__icon svg {
  width: 1.6rem;
  height: 1.6rem;
}

.cart-page-empty__title {
  margin: 0 0 0.35rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.35rem;
  letter-spacing: 0.04em;
  color: var(--text);
}

.cart-page-empty__text {
  margin: 0 0 1.35rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  color: var(--text-muted);
  max-width: 22rem;
  line-height: 1.5;
}

.cart-page-empty__cta {
  min-width: min(100%, 14rem);
  padding-inline: 1.5rem;
}

/* Botões — página /carrinho */
.cart-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 2.85rem;
  padding: 0.7rem 1.15rem;
  border-radius: 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease,
    filter 0.2s ease;
}

.cart-page .btn:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

.cart-page .btn:active:not(:disabled) {
  transform: scale(0.98);
}

.cart-page .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
  filter: grayscale(0.2);
}

.cart-page .btn-primary {
  background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 48%, #b8890f 100%);
  color: #0a0a0a;
  border: 1px solid rgba(212, 160, 23, 0.55);
  font-weight: 700;
  box-shadow: 0 4px 18px rgba(212, 160, 23, 0.22);
}

.cart-page .btn-primary:hover:not(:disabled) {
  box-shadow: 0 6px 24px rgba(212, 160, 23, 0.34);
  filter: brightness(1.04);
}

.cart-page .btn-outline {
  background: rgba(0, 0, 0, 0.4);
  color: rgba(244, 241, 236, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.cart-page .btn-outline:hover:not(:disabled) {
  border-color: rgba(212, 160, 23, 0.45);
  color: var(--gold-light);
  background: rgba(212, 160, 23, 0.08);
  box-shadow: 0 0 0 1px rgba(212, 160, 23, 0.12);
}

.cart-page input[type="text"],
.cart-page input[type="email"],
.cart-page-field__input {
  display: block;
  width: 100%;
  height: 2.75rem;
  min-height: 2.75rem;
  max-height: 2.75rem;
  padding: 0 0.8rem;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.45);
  color: var(--text);
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  line-height: 1.2;
  resize: none;
}

.cart-page input:focus {
  outline: none;
  border-color: rgba(212, 160, 23, 0.55);
  box-shadow: 0 0 0 2px rgba(212, 160, 23, 0.12);
}

.cart-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: clamp(1.25rem, 3vw, 1.75rem);
  align-items: start;
}

.cart-page-col--main {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.cart-page-panel {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(14, 14, 14, 0.92);
  overflow: hidden;
}

.cart-page-panel__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
}

.cart-page-panel__badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  border: 1px solid rgba(212, 160, 23, 0.45);
  background: rgba(212, 160, 23, 0.12);
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--gold-light);
}

.cart-page-panel__titles {
  min-width: 0;
}

.cart-page-panel__title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.15rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text);
  line-height: 1.1;
}

.cart-page-panel__subtitle {
  margin: 0.15rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.75rem;
  color: rgba(244, 241, 236, 0.5);
  line-height: 1.35;
}

.cart-page-panel__body {
  padding: 1rem 1.1rem 1.1rem;
}

.cart-page-panel__body--flush {
  padding: 0;
}

.cart-page-table__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5.5rem 6.5rem 3.25rem;
  gap: 0.65rem;
  padding: 0.65rem 1rem;
  background: rgba(255, 255, 255, 0.06);
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.55);
}

.cart-page-table__head-qty,
.cart-page-table__head-price,
.cart-page-table__head-remove {
  text-align: center;
}

.cart-page-table__body {
  display: flex;
  flex-direction: column;
}

.cart-page-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 5.5rem 6.5rem 3.25rem;
  gap: 0.65rem;
  align-items: center;
  padding: 0.85rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.cart-page-row__product {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.cart-page-row__media {
  width: 4.5rem;
  height: 4.5rem;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.cart-page-row__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-page-row__copy {
  min-width: 0;
}

.cart-page-row__name {
  margin: 0 0 0.25rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cart-page-row__sku {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: rgba(244, 241, 236, 0.45);
}

.cart-page-qty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.35);
  overflow: hidden;
}

.cart-page-qty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(244, 241, 236, 0.85);
  font-family: "Outfit", sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}

.cart-page-qty__btn:hover:not(:disabled) {
  background: rgba(212, 160, 23, 0.15);
  color: var(--gold-light);
}

.cart-page-qty__btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.cart-page-qty__value {
  min-width: 2rem;
  padding: 0 0.35rem;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.site-header__cart-preview-qty {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--gold-light);
}

.cart-page-row__price {
  text-align: center;
}

.cart-page-row__price-value {
  display: block;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.15rem;
  letter-spacing: 0.03em;
  color: var(--gold-light);
}

.cart-page-row__price-note {
  display: block;
  margin-top: 0.1rem;
  font-family: "Outfit", sans-serif;
  font-size: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.42);
}

.cart-page-row__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.35);
  color: rgba(244, 241, 236, 0.65);
  cursor: pointer;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.cart-page-row__remove:hover {
  border-color: rgba(192, 57, 43, 0.55);
  background: rgba(48, 12, 12, 0.4);
  color: #f08070;
}

.cart-page-row__remove svg {
  width: 1rem;
  height: 1rem;
}

.cart-page-table__foot {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  color: var(--text-muted);
}

.cart-page-table__foot strong {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.2rem;
  color: var(--gold-light);
}

.cart-page-cep-origin {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin-bottom: 0.85rem;
  padding: 0.5rem 0.7rem;
  border-radius: 8px;
  border: 1px solid rgba(212, 160, 23, 0.2);
  background: rgba(212, 160, 23, 0.05);
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
}

.cart-page-cep-origin__label {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.cart-page-cep-origin__value {
  font-weight: 700;
  color: var(--gold-light);
}

.cart-page-cep-origin__place {
  color: rgba(244, 241, 236, 0.55);
}

.cart-page-cep-origin__place:empty {
  display: none;
}

.cart-page-cep-box {
  margin-bottom: 0.65rem;
}

.cart-page-cep-box__row {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
  margin-top: 0.35rem;
}

.cart-page-cep-box__row .cart-page-field__input {
  flex: 1 1 8rem;
  min-width: 0;
}

.cart-page-cep-box__btn {
  flex-shrink: 0;
  min-height: 2.75rem;
  padding-inline: 1.1rem;
  white-space: nowrap;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  border-radius: 8px;
}

.cart-page-cep-box__help {
  display: inline-block;
  margin-top: 0.4rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.cart-page-cep-dest {
  margin: 0 0 0.65rem;
  padding: 0.45rem 0.6rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: rgba(244, 241, 236, 0.72);
  line-height: 1.4;
}

.cart-page-status {
  margin: 0 0 0.5rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  font-style: italic;
  color: var(--gold);
}

.cart-page-alert {
  margin: 0 0 0.65rem;
  padding: 0.55rem 0.7rem;
  border-radius: 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
}

.cart-page-alert--error {
  border: 1px solid rgba(192, 57, 43, 0.45);
  background: rgba(48, 12, 12, 0.35);
  color: #f08070;
}

.cart-page-freight-options {
  margin: 0.75rem 0 0;
  padding: 0;
  border: none;
}

.cart-page-freight-options__legend {
  margin: 0 0 0.5rem;
  padding: 0;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.cart-page-freight-options__list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.cart-page-freight-option {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease;
}

.cart-page-freight-option:has(input:checked) {
  border-color: rgba(212, 160, 23, 0.55);
  background: rgba(212, 160, 23, 0.08);
}

.cart-page-freight-option input {
  flex-shrink: 0;
  accent-color: var(--gold);
}

.cart-page-freight-option__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.cart-page-freight-option__name {
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
}

.cart-page-freight-option__meta {
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: rgba(244, 241, 236, 0.55);
  line-height: 1.35;
}

.cart-page-freight-option__price {
  flex-shrink: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.03em;
  color: var(--gold-light);
}

.cart-page-freight-options__note {
  margin: 0.45rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.7rem;
  font-style: italic;
  color: rgba(244, 241, 236, 0.45);
}

.cart-page-address {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cart-page-address__title {
  margin: 0 0 0.2rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
}

.cart-page-address__hint {
  margin: 0 0 0.65rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: rgba(244, 241, 236, 0.5);
  line-height: 1.4;
}

.cart-page-address__summary {
  margin-bottom: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

.cart-page-address__line {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  margin-bottom: 0.35rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.4;
}

.cart-page-address__line:last-child {
  margin-bottom: 0;
}

.cart-page-address__key {
  flex: 0 0 auto;
  min-width: 4.5rem;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.cart-page-address__val {
  flex: 1 1 12rem;
  color: rgba(244, 241, 236, 0.88);
}

.cart-page-address__grid {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  gap: 0.65rem 0.75rem;
}

.cart-page-recipient {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cart-page-recipient__title {
  margin: 0 0 0.2rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
}

.cart-page-recipient__hint {
  margin: 0 0 0.65rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: rgba(244, 241, 236, 0.5);
  line-height: 1.4;
}

.cart-page-recipient__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem 0.75rem;
}

.cart-page-field--full {
  grid-column: 1 / -1;
}

.cart-page-field__label {
  display: block;
  margin-bottom: 0.3rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
}

.cart-page-field__optional {
  font-weight: 400;
  color: rgba(244, 241, 236, 0.4);
}

.cart-page-col--summary {
  position: sticky;
  top: 5.25rem;
  align-self: start;
}

.cart-page-summary {
  padding: 0;
  border-radius: 12px;
  border: 1px solid rgba(212, 160, 23, 0.28);
  background: linear-gradient(168deg, #1a1814 0%, #0e0e0e 55%, #080808 100%);
  overflow: hidden;
}

.cart-page-summary__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.9rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cart-page-summary__rows {
  padding: 0.85rem 1.1rem 0.65rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.cart-page-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.8rem;
  color: var(--text-muted);
}

.cart-page-summary__row:last-child {
  margin-bottom: 0;
}

.cart-page-summary__row strong {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.05rem;
  color: var(--gold-light);
}

.cart-page-summary__total-block {
  padding: 0.75rem 1.1rem 0.65rem;
}

.cart-page-summary__total-label {
  display: block;
  margin-bottom: 0.1rem;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.cart-page-summary__total {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.85rem, 4vw, 2.15rem);
  letter-spacing: 0.03em;
  color: var(--gold-light);
  line-height: 1;
}

.cart-page-summary__frete-detail {
  margin: 0.35rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  line-height: 1.4;
  color: rgba(244, 241, 236, 0.5);
}

.cart-page-summary__saldo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin: 0 1.1rem 0.75rem;
  padding: 0.5rem 0.65rem;
  border-radius: 8px;
  border: 1px solid rgba(212, 160, 23, 0.22);
  background: rgba(212, 160, 23, 0.06);
}

.cart-page-summary__saldo-label {
  font-family: "Outfit", sans-serif;
  font-size: 0.75rem;
  color: var(--text-muted);
}

.cart-page-summary__saldo-value {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.1rem;
  color: var(--gold-light);
}

.cart-page-summary .cart-page-alert {
  margin: 0 1.1rem 0.75rem;
}

.cart-page-summary__actions {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding: 0 1.1rem 1.1rem;
  margin-top: 0.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 0.85rem;
}

.cart-page-summary__actions .btn {
  width: 100%;
}

.cart-page-summary__add-saldo {
  order: 1;
}

.cart-page-summary__submit {
  order: 2;
  font-size: 0.74rem;
  letter-spacing: 0.1em;
}

.cart-page-summary__back {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  margin-top: 0.15rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.18s ease;
}

.cart-page-summary__back:hover {
  color: var(--gold-light);
}

.cart-page-footer {
  padding: 1.5rem 1rem 2rem;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: var(--text-muted);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.cart-page-footer a {
  color: var(--gold);
}

@media (max-width: 860px) {
  .cart-page-layout {
    grid-template-columns: 1fr;
  }

  .cart-page-col--summary {
    position: static;
  }

  .cart-page-recipient__grid,
  .cart-page-address__grid {
    grid-template-columns: 1fr;
  }

  .cart-page-cep-box__row {
    flex-direction: column;
  }

  .cart-page-cep-box__btn {
    width: 100%;
  }

  .cart-page-table__head {
    display: none;
  }

  .cart-page-row {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "product product"
      "qty price"
      "remove remove";
    gap: 0.5rem 0.75rem;
  }

  .cart-page-row__product {
    grid-area: product;
  }

  .cart-page-qty {
    grid-area: qty;
    justify-self: start;
  }

  .cart-page-row__price {
    grid-area: price;
    text-align: right;
  }

  .cart-page-row__remove {
    grid-area: remove;
    margin: 0;
    justify-self: start;
  }
}

/* Modal depósito — página /carrinho */
body.cart-deposit-modal-open {
  overflow: hidden;
}

.cart-deposit-modal:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100dvh;
  margin: 0 !important;
  z-index: 92000 !important;
  padding: clamp(16px, 4vw, 28px) !important;
  box-sizing: border-box !important;
  pointer-events: auto;
}

.cart-deposit-modal.hidden {
  display: none !important;
}

.cart-deposit-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.cart-deposit-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 440px);
  max-height: min(calc(100dvh - 2rem), 720px);
  overflow-y: auto;
  margin: 0 !important;
  flex-shrink: 0;
  align-self: center;
  padding: clamp(1.1rem, 3vw, 1.5rem);
  border-radius: 14px;
  border: 1px solid rgba(212, 160, 23, 0.28);
  background: linear-gradient(168deg, #1a1814 0%, #0e0e0e 55%, #080808 100%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
}

.cart-deposit-modal__step.hidden {
  display: none !important;
}

.cart-deposit-modal__head {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 0.65rem;
}

.cart-deposit-modal__head-text {
  min-width: 0;
  flex: 1;
}

.cart-deposit-modal__icon {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 50%;
  border: 1px solid rgba(212, 160, 23, 0.4);
  background: rgba(212, 160, 23, 0.1);
  color: var(--gold);
}

.cart-deposit-modal__icon svg {
  width: 1.35rem;
  height: 1.35rem;
}

.cart-deposit-modal__eyebrow {
  margin: 0 0 0.15rem;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gold);
}

.cart-deposit-modal__title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  color: var(--text);
  line-height: 1.1;
}

.cart-deposit-modal__message {
  margin: 0 0 0.85rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.cart-deposit-modal__breakdown {
  margin: 0 0 1rem;
  padding: 0.65rem 0.75rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.35);
}

.cart-deposit-modal__breakdown-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
}

.cart-deposit-modal__breakdown-row:last-child {
  margin-bottom: 0;
}

.cart-deposit-modal__breakdown-row dt {
  margin: 0;
  color: var(--text-muted);
}

.cart-deposit-modal__breakdown-row dd {
  margin: 0;
  font-weight: 600;
  color: var(--text);
}

.cart-deposit-modal__breakdown-row--highlight dd {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.15rem;
  color: var(--gold-light);
}

.cart-deposit-modal__methods-field {
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
  min-width: 0;
}

.cart-deposit-modal__methods-legend {
  display: block;
  margin: 0 0 0.55rem;
  padding: 0;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.cart-deposit-modal__methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  align-items: stretch;
}

.cart-deposit-modal__methods:has(#cartDepositMetodoCartaoBtn.hidden) {
  grid-template-columns: 1fr;
}

.cart-deposit-modal__method {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 6.5rem;
  padding: 0.75rem 0.5rem 0.65rem;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.14);
  background: linear-gradient(160deg, rgba(22, 22, 22, 0.98), rgba(8, 8, 8, 0.98));
  cursor: pointer;
  text-align: center;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

.cart-deposit-modal__method.hidden {
  display: none !important;
}

.cart-deposit-modal__method:hover:not(.is-active) {
  border-color: rgba(255, 255, 255, 0.26);
}

.cart-deposit-modal__method:focus-visible {
  outline: 2px solid rgba(212, 160, 23, 0.65);
  outline-offset: 2px;
}

.cart-deposit-modal__method.is-active {
  border-color: var(--gold);
  background: linear-gradient(
    165deg,
    rgba(212, 160, 23, 0.28) 0%,
    rgba(56, 44, 14, 0.48) 42%,
    rgba(10, 8, 4, 0.98) 100%
  );
  box-shadow:
    0 0 0 1px rgba(242, 201, 76, 0.35),
    0 6px 20px rgba(212, 160, 23, 0.18);
}

.cart-deposit-modal__method:not(.is-active) {
  opacity: 0.82;
}

.cart-deposit-modal__method-media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.cart-deposit-modal__method-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.25rem;
  height: 3rem;
  padding: 0.35rem 0.5rem;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.cart-deposit-modal__method-icon img {
  display: block;
  max-width: 100%;
  max-height: 2.25rem;
  width: auto;
  height: auto;
  object-fit: contain;
}

.cart-deposit-modal__method-icon--card img {
  max-height: 1.95rem;
}

.cart-deposit-modal__method.is-active .cart-deposit-modal__method-icon {
  border-color: rgba(212, 160, 23, 0.5);
  box-shadow:
    0 0 0 1px rgba(212, 160, 23, 0.4),
    0 4px 12px rgba(0, 0, 0, 0.25);
}

.cart-deposit-modal__method-label {
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.55);
}

.cart-deposit-modal__method.is-active .cart-deposit-modal__method-label {
  color: var(--gold-light);
}

.cart-deposit-modal__card-block {
  margin-bottom: 0.75rem;
  padding: 1rem;
  border-radius: 10px;
  border: 1px solid rgba(212, 160, 23, 0.22);
  background: rgba(212, 160, 23, 0.06);
  text-align: center;
}

.cart-deposit-modal__card-lead {
  margin: 0 0 0.85rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--text-muted);
}

.cart-deposit-modal__card-cta {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  min-height: 2.85rem;
  text-decoration: none;
}

.cart-deposit-modal__field {
  margin-bottom: 0.85rem;
}

.cart-deposit-modal__label {
  display: block;
  margin-bottom: 0.35rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
}

.cart-deposit-modal__amount-input {
  display: flex;
  align-items: stretch;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(0, 0, 0, 0.45);
  overflow: hidden;
}

.cart-deposit-modal__prefix {
  display: flex;
  align-items: center;
  padding: 0 0.65rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--gold-light);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.cart-deposit-modal__input {
  flex: 1;
  min-width: 0;
  height: 2.75rem;
  padding: 0 0.75rem;
  border: none;
  background: transparent;
  color: var(--text);
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  box-sizing: border-box;
}

.cart-deposit-modal__amount-input .cart-deposit-modal__input {
  border-radius: 0;
}

.cart-deposit-modal__field-hint,
.cart-deposit-modal__hint {
  margin: 0.35rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  line-height: 1.45;
  color: rgba(244, 241, 236, 0.5);
}

.cart-deposit-modal__amount-pill {
  margin: 0 0 0.75rem;
  padding: 0.45rem 0.65rem;
  border-radius: 8px;
  background: rgba(212, 160, 23, 0.1);
  border: 1px solid rgba(212, 160, 23, 0.22);
  font-family: "Outfit", sans-serif;
  font-size: 0.8rem;
  color: var(--text-muted);
}

.cart-deposit-modal__amount-pill strong {
  color: var(--gold-light);
}

.cart-deposit-modal__form .cart-deposit-modal__field:last-of-type {
  margin-bottom: 0.5rem;
}

.cart-deposit-modal__back {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.65rem;
  padding: 0;
  border: none;
  background: none;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: var(--text-muted);
  cursor: pointer;
}

.cart-deposit-modal__back:hover {
  color: var(--gold-light);
}

.cart-deposit-modal__pix-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  text-align: center;
}

.cart-deposit-modal__pix-block img {
  border-radius: 8px;
  background: #fff;
  padding: 0.35rem;
}

.cart-deposit-modal__copy-row {
  display: flex;
  gap: 0.45rem;
  width: 100%;
}

.cart-deposit-modal__copy-row .cart-deposit-modal__input {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.45);
  font-size: 0.75rem;
}

.cart-deposit-modal__copy-row .btn {
  flex-shrink: 0;
  min-height: 2.75rem;
}

.cart-deposit-modal__status {
  margin: 0 0 0.65rem;
  padding: 0.5rem 0.65rem;
  border-radius: 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.4;
  color: var(--gold);
  background: rgba(212, 160, 23, 0.08);
  border: 1px solid rgba(212, 160, 23, 0.2);
}

.cart-deposit-modal__status--ok {
  color: #8fd4a8;
  background: rgba(20, 60, 40, 0.35);
  border-color: rgba(80, 180, 120, 0.35);
}

.cart-deposit-modal__actions {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
  gap: 0.65rem;
  align-items: stretch;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.cart-deposit-modal__actions--stack {
  grid-template-columns: 1fr;
}

.cart-deposit-modal__actions .btn {
  width: 100%;
  min-width: 0;
  min-height: 2.85rem;
  margin: 0;
  padding: 0.7rem 1rem;
  border-radius: 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.2;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

.cart-deposit-modal__actions .btn:focus-visible {
  outline: 2px solid var(--gold-light);
  outline-offset: 2px;
}

.cart-deposit-modal__actions .btn:active:not(:disabled) {
  transform: scale(0.98);
}

.cart-deposit-modal__actions .btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

.cart-deposit-modal__actions .btn-outline {
  background: rgba(0, 0, 0, 0.4);
  color: rgba(244, 241, 236, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.cart-deposit-modal__actions .btn-outline:hover:not(:disabled) {
  border-color: rgba(212, 160, 23, 0.45);
  color: var(--gold-light);
  background: rgba(212, 160, 23, 0.08);
  box-shadow: 0 0 0 1px rgba(212, 160, 23, 0.12);
}

.cart-deposit-modal__actions .btn-primary {
  background: linear-gradient(165deg, var(--gold-light) 0%, var(--gold) 48%, #b8890f 100%);
  color: #0a0a0a;
  border: 1px solid rgba(212, 160, 23, 0.55);
  font-weight: 700;
  box-shadow: 0 4px 18px rgba(212, 160, 23, 0.25);
}

.cart-deposit-modal__actions .btn-primary:hover:not(:disabled) {
  box-shadow: 0 6px 24px rgba(212, 160, 23, 0.35);
  filter: brightness(1.04);
}

.cart-deposit-modal__copy-row .btn {
  min-height: 2.75rem;
  padding: 0.55rem 0.85rem;
  border-radius: 8px;
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  background: rgba(0, 0, 0, 0.4);
  color: rgba(244, 241, 236, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.16);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.cart-deposit-modal__copy-row .btn:hover:not(:disabled) {
  border-color: rgba(212, 160, 23, 0.45);
  color: var(--gold-light);
  background: rgba(212, 160, 23, 0.08);
}

@media (max-width: 400px) {
  .cart-deposit-modal__actions:not(.cart-deposit-modal__actions--stack) {
    grid-template-columns: 1fr;
  }

  .cart-deposit-modal__actions:not(.cart-deposit-modal__actions--stack) .btn-primary {
    order: -1;
  }
}

/* Rastreamento de pedidos — header + modal */
body.order-track-modal-open {
  overflow: hidden;
}

.order-track-modal:not(.hidden) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: fixed !important;
  inset: 0 !important;
  z-index: 92500 !important;
  padding: clamp(16px, 4vw, 28px) !important;
  box-sizing: border-box;
}

.order-track-modal.hidden {
  display: none !important;
}

.order-track-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.order-track-modal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 520px);
  max-height: min(90dvh, 720px);
  display: flex;
  flex-direction: column;
  margin: 0 !important;
  padding: 0;
  border-radius: 14px;
  border: 1px solid rgba(212, 160, 23, 0.28);
  background: linear-gradient(168deg, #1a1814 0%, #0e0e0e 55%, #080808 100%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

.order-track-modal__head {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.order-track-modal__head-icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(212, 160, 23, 0.4);
  background: rgba(212, 160, 23, 0.1);
  color: var(--gold);
}

.order-track-modal__head-icon svg {
  width: 1.2rem;
  height: 1.2rem;
}

.order-track-modal__head-text {
  flex: 1;
  min-width: 0;
}

.order-track-modal__eyebrow {
  margin: 0 0 0.15rem;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold);
}

.order-track-modal__title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.35rem;
  letter-spacing: 0.05em;
  color: var(--text);
  line-height: 1.1;
}

.order-track-modal__close {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--text-muted);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.order-track-modal__close:hover {
  color: var(--text);
  background: rgba(255, 255, 255, 0.1);
}

.order-track-modal__body {
  padding: 1rem 1.1rem 1.15rem;
  overflow-y: auto;
}

.order-track-modal__hint {
  margin: 0 0 0.85rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: var(--text-muted);
  line-height: 1.45;
}

.order-track-modal__back {
  display: inline-flex;
  margin-bottom: 0.75rem;
  padding: 0;
  border: none;
  background: none;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: var(--text-muted);
  cursor: pointer;
}

.order-track-modal__back:hover {
  color: var(--gold-light);
}

.order-track-status {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  color: var(--gold);
  font-style: italic;
}

.order-track-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.order-track-card {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.35);
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease;
}

.order-track-card:hover {
  border-color: rgba(212, 160, 23, 0.4);
  background: rgba(212, 160, 23, 0.06);
}

.order-track-card__main {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.order-track-card__id {
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.order-track-card__status {
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--gold-light);
}

.order-track-card__meta {
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: rgba(244, 241, 236, 0.55);
}

.order-track-card__side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
  flex-shrink: 0;
}

.order-track-card__side strong {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.1rem;
  color: var(--text);
}

.order-track-card__code {
  font-family: "Outfit", sans-serif;
  font-size: 0.65rem;
  color: var(--gold);
  letter-spacing: 0.04em;
}

.order-track-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.5rem 1rem;
}

.order-track-empty__icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.65rem;
  border-radius: 50%;
  border: 1px solid rgba(212, 160, 23, 0.3);
  color: var(--gold);
}

.order-track-empty__icon svg {
  width: 1.35rem;
  height: 1.35rem;
}

.order-track-empty__title {
  margin: 0 0 1rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  color: var(--text-muted);
  line-height: 1.5;
  max-width: 20rem;
}

.order-track-empty__cta {
  min-width: 12rem;
}

.order-track-detail__summary {
  margin-bottom: 1rem;
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

.order-track-detail__badge {
  display: inline-block;
  margin-bottom: 0.45rem;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  background: rgba(212, 160, 23, 0.15);
  border: 1px solid rgba(212, 160, 23, 0.35);
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.order-track-detail__total {
  margin: 0 0 0.35rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  color: var(--text);
}

.order-track-detail__total strong {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
  color: var(--gold-light);
}

.order-track-detail__meta {
  margin: 0 0 0.2rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.74rem;
  color: var(--text-muted);
  line-height: 1.4;
}

.order-track-detail__section {
  margin-bottom: 1rem;
}

.order-track-detail__section-title {
  margin: 0 0 0.55rem;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.order-track-timeline {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.35rem;
}

.order-track-timeline__item {
  position: relative;
  display: flex;
  gap: 0.75rem;
  padding: 0 0 1rem 0;
}

.order-track-timeline__item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 0.42rem;
  top: 1.1rem;
  bottom: 0;
  width: 2px;
  background: rgba(255, 255, 255, 0.12);
}

.order-track-timeline__item.is-done:not(:last-child)::before {
  background: rgba(212, 160, 23, 0.35);
}

.order-track-timeline__dot {
  flex-shrink: 0;
  width: 0.9rem;
  height: 0.9rem;
  margin-top: 0.15rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: #0a0a0a;
}

.order-track-timeline__item.is-done .order-track-timeline__dot {
  border-color: var(--gold);
  background: var(--gold);
}

.order-track-timeline__item.is-active .order-track-timeline__dot {
  border-color: var(--gold-light);
  box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.25);
  background: var(--gold-light);
}

.order-track-timeline__content {
  min-width: 0;
}

.order-track-timeline__label {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
}

.order-track-timeline__item:not(.is-done) .order-track-timeline__label {
  color: rgba(244, 241, 236, 0.45);
}

.order-track-timeline__item.is-active .order-track-timeline__label {
  color: var(--gold-light);
}

.order-track-timeline__hint {
  display: block;
  margin-top: 0.1rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: rgba(244, 241, 236, 0.5);
  line-height: 1.4;
}

.order-track-timeline__time {
  display: block;
  margin-top: 0.2rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  color: rgba(244, 241, 236, 0.4);
}

.order-track-detail__tracking-code {
  margin: 0 0 0.65rem;
  padding: 0.5rem 0.65rem;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(212, 160, 23, 0.25);
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--gold-light);
  word-break: break-all;
}

.order-track-detail__track-link {
  display: flex;
  width: 100%;
  justify-content: center;
  min-height: 2.75rem;
  text-decoration: none;
}

.order-track-detail__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.order-track-detail__item {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.45rem 0.55rem;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.order-track-detail__thumb {
  width: 2.75rem;
  height: 2.75rem;
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
  flex-shrink: 0;
}

.order-track-detail__item-name {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text);
}

.order-track-detail__item-price {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  color: var(--gold-light);
}

.order-track-alert {
  margin: 0;
  padding: 0.55rem 0.7rem;
  border-radius: 8px;
  border: 1px solid rgba(192, 57, 43, 0.45);
  background: rgba(48, 12, 12, 0.35);
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: #f08070;
}

/* Página /rastreio */
.rastreio-page {
  background: #0a0a0a;
}

.rastreio-main {
  padding: 1.25rem 1rem 3rem;
}

.rastreio-wrap {
  max-width: 1120px;
  margin: 0 auto;
}

.rastreio-page-head {
  text-align: center;
  margin-bottom: 1.75rem;
}

.rastreio-page-head__eyebrow {
  margin: 0 0 0.35rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.rastreio-page-head__title {
  margin: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2rem, 5vw, 2.75rem);
  letter-spacing: 0.04em;
  color: #f4f1ec;
}

.rastreio-page-head__lead {
  margin: 0.5rem auto 0;
  max-width: 36rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  color: rgba(244, 241, 236, 0.65);
}

.rastreio-list-hint {
  margin: 0 0 1rem;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  color: rgba(244, 241, 236, 0.55);
}

.rastreio-order-picker {
  display: grid;
  gap: 0.75rem;
  max-width: 520px;
  margin: 0 auto;
}

.rastreio-picker-card {
  display: grid;
  gap: 0.2rem;
  width: 100%;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(18, 18, 18, 0.92);
  color: #f4f1ec;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease;
}

.rastreio-picker-card:hover {
  border-color: rgba(212, 160, 23, 0.45);
  background: rgba(28, 22, 10, 0.65);
}

.rastreio-picker-card__id {
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(244, 241, 236, 0.55);
}

.rastreio-picker-card__status {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--gold-light);
}

.rastreio-picker-card__meta {
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: rgba(244, 241, 236, 0.5);
}

.rastreio-picker-card__total {
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  color: #f4f1ec;
}

.rastreio-back-btn {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--gold-light);
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  cursor: pointer;
}

.rastreio-back-btn:hover {
  text-decoration: underline;
}

.rastreio-detail-grid {
  display: grid;
  gap: 1.5rem;
  align-items: start;
}

@media (min-width: 900px) {
  .rastreio-detail-grid {
    grid-template-columns: minmax(280px, 380px) 1fr;
    gap: 2rem;
  }
}

.rastreio-order-card {
  padding: 1.25rem 1.35rem;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(14, 14, 14, 0.95);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}

.rastreio-order-card__number {
  margin: 0 0 0.65rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #f4f1ec;
}

.rastreio-order-card__delivery {
  margin: 0 0 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  color: rgba(244, 241, 236, 0.6);
}

.rastreio-order-card__delivery span {
  display: block;
  margin-bottom: 0.2rem;
}

.rastreio-order-card__delivery strong {
  display: block;
  font-size: 1rem;
  color: var(--gold-light);
}

.rastreio-order-card__greeting {
  margin-bottom: 1rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  line-height: 1.55;
  color: rgba(244, 241, 236, 0.72);
}

.rastreio-order-card__greeting p {
  margin: 0 0 0.5rem;
}

.rastreio-order-card__products {
  display: grid;
  gap: 0.85rem;
  margin-bottom: 1rem;
}

.rastreio-product {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 0.75rem;
  align-items: start;
}

.rastreio-product__thumb {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  object-fit: cover;
  background: rgba(255, 255, 255, 0.06);
}

.rastreio-product__thumb--placeholder {
  display: block;
}

.rastreio-product__name {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.35;
  color: #f4f1ec;
}

.rastreio-product__sku {
  margin: 0.15rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  color: rgba(244, 241, 236, 0.45);
}

.rastreio-product__price {
  margin: 0.35rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--gold-light);
}

.rastreio-order-card__total-line {
  margin: 0 0 1rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  color: rgba(244, 241, 236, 0.7);
}

.rastreio-order-card__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  padding: 0.65rem 0.85rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(244, 241, 236, 0.85);
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease;
}

.rastreio-order-card__toggle:hover {
  border-color: rgba(212, 160, 23, 0.4);
  background: rgba(212, 160, 23, 0.08);
}

.rastreio-order-card__hidden {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.12);
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.5;
  color: rgba(244, 241, 236, 0.65);
}

.rastreio-order-card__hidden p {
  margin: 0 0 0.4rem;
}

.rastreio-timeline-panel {
  position: relative;
  padding: 0.25rem 0;
}

.rastreio-timeline {
  list-style: none;
  margin: 0;
  padding: 0 0 0 0.35rem;
  display: grid;
  gap: 0;
}

.rastreio-timeline__step {
  position: relative;
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 0.85rem;
  padding-bottom: 1.35rem;
}

.rastreio-timeline__step:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 28px;
  bottom: 0;
  width: 2px;
  background: rgba(255, 255, 255, 0.12);
}

.rastreio-timeline__step.is-done:not(:last-child)::before {
  background: linear-gradient(180deg, rgba(212, 160, 23, 0.75), rgba(255, 255, 255, 0.12));
}

.rastreio-timeline__node {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  margin-top: 0.35rem;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.2);
  background: #1a1a1a;
  box-sizing: border-box;
}

.rastreio-timeline__step.is-done .rastreio-timeline__node,
.rastreio-timeline__step.is-active .rastreio-timeline__node {
  border-color: var(--gold);
  background: var(--gold);
  box-shadow: 0 0 0 4px rgba(212, 160, 23, 0.2);
}

.rastreio-timeline__card {
  padding: 1rem 1.15rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(18, 18, 18, 0.88);
}

.rastreio-timeline__step:not(.is-done) .rastreio-timeline__card {
  opacity: 0.55;
}

.rastreio-timeline__step.is-active .rastreio-timeline__card {
  opacity: 1;
  border-color: rgba(212, 160, 23, 0.35);
}

.rastreio-timeline__title {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #f4f1ec;
}

.rastreio-timeline__time {
  display: block;
  margin: 0.2rem 0 0.45rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: rgba(244, 241, 236, 0.5);
}

.rastreio-timeline__hint {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  line-height: 1.5;
  color: rgba(244, 241, 236, 0.68);
}

.rastreio-timeline__tracking-label {
  margin: 0.75rem 0 0.2rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(244, 241, 236, 0.5);
}

.rastreio-timeline__tracking-code {
  margin: 0 0 0.65rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--gold-light);
}

.rastreio-timeline__track-btn {
  margin-top: 0.25rem;
  font-size: 0.78rem;
  padding: 0.5rem 0.85rem;
}

.rastreio-timeline__support {
  margin: 0.65rem 0 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.75rem;
  color: rgba(244, 241, 236, 0.5);
}

.rastreio-empty,
.rastreio-status,
.rastreio-alert {
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  color: rgba(244, 241, 236, 0.7);
}

.rastreio-empty {
  display: grid;
  gap: 1rem;
  justify-items: center;
  padding: 2rem 1rem;
}

.rastreio-alert {
  color: #f08070;
}

/* Página institucional — política de devolução */
.legal-page-main {
  min-height: calc(100dvh - 120px);
  padding: clamp(1.25rem, 4vw, 2.5rem) clamp(1rem, 3vw, 2rem) 2.5rem;
  background: linear-gradient(180deg, #0c0c0c 0%, #080808 100%);
}

.legal-page-wrap {
  max-width: 52rem;
  margin: 0 auto;
}

.legal-page-head {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(212, 160, 23, 0.2);
}

.legal-page-head__eyebrow {
  margin: 0 0 0.25rem;
  font-family: "Outfit", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
}

.legal-page-head__title {
  margin: 0 0 0.5rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2rem, 6vw, 3rem);
  letter-spacing: 0.04em;
  color: var(--text);
  line-height: 1.05;
}

.legal-page-head__lead {
  margin: 0 0 0.75rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.92rem;
  color: rgba(244, 241, 236, 0.82);
  line-height: 1.6;
}

.legal-page-head__updated {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  color: rgba(244, 241, 236, 0.45);
}

.legal-page-content {
  display: grid;
  gap: 1.75rem;
}

.legal-page-toc {
  padding: 1.1rem 1.25rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.legal-page-toc__title {
  margin: 0 0 0.65rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.15rem;
  letter-spacing: 0.06em;
  color: var(--gold-light);
}

.legal-page-toc__list {
  margin: 0;
  padding-left: 1.25rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.86rem;
  line-height: 1.7;
  color: rgba(244, 241, 236, 0.75);
}

.legal-page-toc__list a {
  color: var(--gold-light);
  text-decoration: none;
}

.legal-page-toc__list a:hover {
  text-decoration: underline;
}

.legal-section__title {
  margin: 0 0 0.65rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.35rem, 3vw, 1.65rem);
  letter-spacing: 0.04em;
  color: var(--text);
  scroll-margin-top: 5rem;
}

.legal-section p {
  margin: 0 0 0.85rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  line-height: 1.65;
  color: rgba(244, 241, 236, 0.78);
}

.legal-section p:last-child {
  margin-bottom: 0;
}

.legal-list {
  margin: 0 0 0.85rem;
  padding-left: 1.2rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  line-height: 1.65;
  color: rgba(244, 241, 236, 0.78);
}

.legal-list--ordered {
  padding-left: 1.35rem;
}

.legal-list--contact {
  list-style: none;
  padding-left: 0;
}

.legal-list a {
  color: var(--gold-light);
}

.legal-note {
  margin: 0.5rem 0 0;
  padding: 0.75rem 0.9rem;
  border-left: 3px solid rgba(212, 160, 23, 0.45);
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  color: rgba(244, 241, 236, 0.55);
  line-height: 1.55;
  background: rgba(212, 160, 23, 0.06);
  border-radius: 0 8px 8px 0;
}

.legal-table-wrap {
  overflow-x: auto;
  margin: 0.5rem 0 0.85rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.legal-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
}

.legal-table th,
.legal-table td {
  padding: 0.65rem 0.85rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.legal-table th {
  background: rgba(212, 160, 23, 0.12);
  color: var(--gold-light);
  font-weight: 600;
}

.legal-table td {
  color: rgba(244, 241, 236, 0.78);
}

.legal-page-back {
  margin-top: 2rem;
  text-align: center;
}

.legal-page-footer {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.legal-page-footer .site-footer__legal a {
  color: var(--gold-light);
}

.legal-merchant-summary {
  padding: 1.25rem 1.35rem;
  margin-bottom: 0.5rem;
  border-radius: 12px;
  border: 1px solid rgba(212, 160, 23, 0.35);
  background: linear-gradient(135deg, rgba(212, 160, 23, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
}

.legal-merchant-summary__title {
  margin: 0 0 0.75rem;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  letter-spacing: 0.05em;
  color: var(--gold-light);
  scroll-margin-top: 5rem;
}

.legal-merchant-summary__intro,
.legal-merchant-summary__note {
  margin: 0 0 1rem;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(244, 241, 236, 0.82);
}

.legal-merchant-summary__note {
  margin-bottom: 0;
  padding: 0.75rem 0.9rem;
  border-left: 3px solid rgba(212, 160, 23, 0.5);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 8px 8px 0;
  color: rgba(244, 241, 236, 0.7);
}

.legal-merchant-summary__dl {
  margin: 0;
  display: grid;
  gap: 0.65rem;
}

.legal-merchant-summary__row {
  display: grid;
  gap: 0.2rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.legal-merchant-summary__row:last-child {
  border-bottom: none;
}

.legal-merchant-summary__row dt {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold);
}

.legal-merchant-summary__row dd {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  line-height: 1.55;
  color: rgba(244, 241, 236, 0.88);
}

.legal-merchant-summary__row dd a {
  color: var(--gold-light);
  word-break: break-all;
}

@media (min-width: 640px) {
  .legal-merchant-summary__row {
    grid-template-columns: 11rem 1fr;
    gap: 0.5rem 1rem;
    align-items: start;
  }
}