/* ═══════════════════════════════════════════════════════
   STAND MOTOS — mobile.css
   Experiência APP premium · telas ≤ 768px
   Não altera desktop.
═══════════════════════════════════════════════════════ */

@media (max-width: 768px) {

/* ── Variáveis mobile ────────────────────────────── */
:root {
  --nav-h:  62px;
  --bot-bar: 64px;
  --bot-safe: env(safe-area-inset-bottom, 0px);
  --bot-h: calc(var(--bot-bar) + var(--bot-safe));
  --mob-pad: 1rem;
  --mob-page-gap: 1.25rem;
  --mob-page-top: calc(var(--nav-h) + var(--mob-page-gap) + env(safe-area-inset-top, 0px));
  --mob-glass: rgba(22, 22, 24, 0.72);
  --mob-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* overflow no html evita quebrar position:fixed no iOS */
html {
  overflow-x: hidden;
}

/* ── Base ────────────────────────────────────────── */
body {
  padding-bottom: var(--bot-h);
  overflow-x: clip;
  overscroll-behavior-y: none;
  -webkit-tap-highlight-color: transparent;
}

::-webkit-scrollbar { width: 0; height: 0; }

/* ════════════════════════════════════════════════════
   NAVBAR → topo compacto estilo app
════════════════════════════════════════════════════ */
#navbar {
  height: var(--nav-h);
  min-height: var(--nav-h);
  box-sizing: border-box;
  background: rgba(15,15,16,.96) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border) !important;
  transition: background .28s var(--mob-ease), border-color .28s var(--mob-ease);
}
#navbar.mob-nav-hero {
  background: rgba(15, 15, 16, 0.35) !important;
  border-bottom-color: transparent !important;
}
#navbar.mob-nav-solid {
  background: rgba(15, 15, 16, 0.96) !important;
  border-bottom-color: var(--border) !important;
}
.nav-inner {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  min-height: var(--nav-h) !important;
  box-sizing: border-box !important;
  padding: 0 var(--mob-pad) !important;
  gap: .75rem !important;
  width: 100%;
}
.nav-links,
.nav-cta,
.hamburger { display: none !important; }

.nav-logo {
  flex-shrink: 0;
  margin-right: 0 !important;
}
.nav-logo-img { height: 32px !important; width: auto !important; }

/* Injeta barra de busca via JS — esconde o bloco de search original */
#search { display: none !important; }

/* Barra de busca — glass premium */
.mob-search-wrap {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  background: var(--mob-glass);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  display: flex; align-items: center;
  padding: 0 1rem; gap: .5rem;
  height: 44px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: border-color .22s var(--mob-ease), box-shadow .22s var(--mob-ease);
}
.mob-search-wrap svg { color: rgba(255,255,255,.45); flex-shrink: 0; }
.mob-search-input {
  flex: 1; min-width: 0;
  background: none; border: none; outline: none;
  color: var(--white); font-family: 'Barlow', sans-serif;
  font-size: .86rem; font-weight: 500;
}
.mob-search-input::placeholder { color: rgba(255,255,255,.38); }
.mob-search-wrap:focus-within {
  border-color: rgba(var(--red-rgb), .45);
  box-shadow: 0 0 0 3px rgba(var(--red-rgb), .12);
}

.mob-nav-fav { display: none !important; }

/* ════════════════════════════════════════════════════
   HERO — só na aba Início (home)
════════════════════════════════════════════════════ */
body:not(.mob-tab-home) #hero,
body:not(.mob-tab-home) #hero .hero-video-wrap,
body:not(.mob-tab-home) #heroVideo {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:not(.mob-tab-home) #mob-filters,
body:not(.mob-tab-home) #mob-brands,
body:not(.mob-tab-home) #featured,
body:not(.mob-tab-home) #categories,
body:not(.mob-tab-home) #cta,
body:not(.mob-tab-home) #reviews {
  display: none !important;
}

body:not(.mob-tab-home) #navbar {
  background: rgba(15, 15, 16, .96) !important;
  border-bottom-color: var(--border) !important;
}

/* Offset global — conteúdo começa abaixo da topbar fixa (logo + busca) */
body:not(.mob-tab-home) {
  padding-top: var(--mob-page-top) !important;
}

body.mob-tab-home #hero {
  min-height: 0 !important;
  height: min(58vh, 400px) !important;
  margin: 0 0 .35rem !important;
  position: relative !important;
  overflow: hidden !important;
  display: block !important;
  align-items: unset !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
#hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(ellipse 85% 70% at 50% 45%, transparent 35%, rgba(0, 0, 0, .42) 100%);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, .35);
}
.hero-bg { display: none; }
.hero-grid { display: none; }
.hero-glow { display: none; }
.hero-video-wrap {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  pointer-events: none;
}
.hero-video-wrap video,
#heroVideo {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: auto !important;
  height: auto !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  transform: translate(-50%, -50%) translateZ(0) !important;
  -webkit-transform: translate(-50%, -50%) translateZ(0) !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 0.65 !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}
#heroVideo.hero-video--static { opacity: 0 !important; }
.hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    radial-gradient(ellipse 100% 55% at 50% 88%, rgba(15, 15, 16, .77) 0%, transparent 58%),
    radial-gradient(ellipse 70% 45% at 50% 42%, rgba(var(--red-rgb), .07) 0%, transparent 62%),
    linear-gradient(
      180deg,
      rgba(15, 15, 16, 0.26) 0%,
      rgba(15, 15, 16, 0.38) 38%,
      rgba(15, 15, 16, 0.63) 68%,
      #0f0f10 100%
    ) !important;
}
.hero-content {
  padding: calc(var(--nav-h) + .65rem) var(--mob-pad) .85rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: center !important;
  height: 100% !important;
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box;
}
.hero-eyebrow,
.hero-h1,
.hero-sub,
.hero-btns,
.hero-stats,
.scroll-hint { display: none !important; }

.mob-hero-ui {
  --mob-hero-w: min(100%, 19.5rem);
  width: var(--mob-hero-w);
  max-width: var(--mob-hero-w);
  margin: 0 auto;
  animation: mobFadeUp .5s var(--mob-ease) both;
}
.mob-hero-stack {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 0;
}
.mob-hero-stack::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  width: 118%;
  height: 108%;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(
    ellipse 70% 62% at 50% 50%,
    rgba(0, 0, 0, .36) 0%,
    rgba(0, 0, 0, .08) 50%,
    transparent 72%
  );
  filter: blur(8px);
  opacity: .68;
}
/* Bloco de texto — largura única alinhada à base */
.mob-hero-copy {
  width: 100%;
  text-align: center;
  margin: 0 0 .58rem;
  padding: 0;
  box-sizing: border-box;
}
.mob-hero-brand {
  margin: 0 0 .34rem;
  padding: 0;
  width: 100%;
  font-family: 'Oswald', sans-serif;
  font-size: clamp(2.35rem, 11.8vw, 2.72rem);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: .028em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 2px 24px rgba(0, 0, 0, .52);
  text-wrap: balance;
  word-spacing: .02em;
}
.mob-hero-tagline {
  margin: 0 0 .38rem;
  padding: 0;
  width: 100%;
  font-family: 'Oswald', sans-serif;
  font-size: clamp(.66rem, 3vw, .74rem);
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: .065em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .8);
  text-wrap: balance;
}
.mob-hero-desc {
  margin: 0;
  padding: 0 .25rem;
  max-width: none;
  width: 100%;
  font-family: 'Barlow', sans-serif;
  font-size: .71rem;
  font-weight: 500;
  line-height: 1.4;
  color: rgba(255, 255, 255, .46);
  text-wrap: balance;
}
/* Base visual: CTA + status pills — mesma largura do copy */
.mob-hero-base {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.mob-hero-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 .72rem;
}
.mob-hero-actions .mob-hero-btn {
  width: auto;
  min-width: 9rem;
  padding: 0 1.2rem;
}
.mob-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  height: 32px;
  padding: 0 .75rem;
  border-radius: 8px;
  font-family: 'Oswald', sans-serif;
  font-size: .58rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  transition:
    transform .22s var(--mob-ease),
    box-shadow .28s var(--mob-ease),
    background .28s var(--mob-ease),
    border-color .28s var(--mob-ease),
    color .22s var(--mob-ease);
}
.mob-hero-btn--primary {
  color: #fff;
  background: linear-gradient(145deg, var(--red-bright) 0%, var(--red) 52%, var(--red-dark) 100%);
  border-color: rgba(255, 255, 255, .12);
  box-shadow:
    0 2px 12px rgba(var(--red-rgb), .3),
    0 0 22px rgba(var(--red-rgb), .1),
    inset 0 1px 0 rgba(255, 255, 255, .12);
}
.mob-hero-btn--primary:active {
  transform: scale(.96);
  background: linear-gradient(145deg, var(--red) 0%, var(--red-dark) 100%);
  box-shadow:
    0 1px 6px rgba(var(--red-rgb), .38),
    0 0 16px rgba(var(--red-rgb), .14);
}
.mob-hero-btn--ghost {
  color: rgba(255, 255, 255, .84);
  background: linear-gradient(155deg, rgba(46, 46, 50, .82) 0%, rgba(30, 30, 34, .92) 100%);
  border-color: rgba(255, 255, 255, .16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 2px 10px rgba(0, 0, 0, .22);
}
.mob-hero-btn--ghost:active {
  transform: scale(.96);
  color: #fff;
  background: linear-gradient(155deg, rgba(56, 56, 60, .95) 0%, rgba(36, 36, 40, .98) 100%);
  border-color: rgba(255, 255, 255, .22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 1px 6px rgba(0, 0, 0, .28);
}
@media (hover: hover) and (pointer: fine) {
  .mob-hero-btn--primary:hover {
    transform: translateY(-1px);
    background: linear-gradient(145deg, #ff1840 0%, var(--red-bright) 48%, var(--red) 100%);
    box-shadow:
      0 5px 20px rgba(var(--red-rgb), .45),
      0 0 32px rgba(var(--red-rgb), .2),
      inset 0 1px 0 rgba(255, 255, 255, .15);
  }
  .mob-hero-btn--ghost:hover {
    transform: translateY(-1px);
    color: #fff;
    background: linear-gradient(155deg, rgba(58, 58, 62, .92) 0%, rgba(40, 40, 44, .96) 100%);
    border-color: rgba(255, 255, 255, .24);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .1),
      0 4px 14px rgba(0, 0, 0, .28);
  }
}
.mob-hero-chips {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .32rem;
  width: 100%;
  margin: 0;
  padding: 0;
}
.mob-hero-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  width: 100%;
  box-sizing: border-box;
  padding: .34rem .4rem;
  border-radius: 100px;
  font-family: 'Barlow', sans-serif;
  font-size: .54rem;
  font-weight: 500;
  color: rgba(255, 255, 255, .42);
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  line-height: 1.2;
  white-space: nowrap;
  cursor: default;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
}
.mob-hero-chip b {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: .58rem;
  color: rgba(255, 255, 255, .62);
  letter-spacing: .01em;
}

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

/* ════════════════════════════════════════════════════
   FILTROS HORIZONTAIS — novo elemento mobile
════════════════════════════════════════════════════ */
#mob-filters {
  position: sticky;
  top: var(--nav-h);
  z-index: 90;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
  margin-top: .75rem;
  padding: .95rem 0 .72rem;
}
body.mob-tab-home #mob-filters {
  box-shadow: 0 -12px 24px rgba(0, 0, 0, .12);
}
.mob-filters-scroll {
  display: flex; gap: .45rem;
  overflow-x: auto; padding: 0 1rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.mob-filters-scroll::-webkit-scrollbar { display: none; }

.mob-chip {
  display: flex; align-items: center; gap: .3rem;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 100px; padding: .35rem .8rem;
  font-size: .73rem; color: var(--w60);
  white-space: nowrap; cursor: pointer; flex-shrink: 0;
  font-family: 'Barlow', sans-serif; font-weight: 600;
  transition: all .22s var(--ease-premium, cubic-bezier(0.22, 1, 0.36, 1));
  -webkit-tap-highlight-color: transparent;
}
.mob-chip.active {
  background: linear-gradient(145deg, var(--red-bright), var(--red-dark));
  border-color: transparent;
  color: #fff; font-weight: 700;
  box-shadow: 0 4px 16px var(--red-glow-soft);
}
.mob-chip:active { transform: scale(.95); }

/* Esconde "Ver todo estoque" no featured */
#featured .section-link,
#featured a.section-link { display: none !important; }

/* ════════════════════════════════════════════════════
   SEÇÕES — container reduzido
════════════════════════════════════════════════════ */
.section { padding: 1.35rem 0 !important; }
.container { padding: 0 !important; }
#featured { padding-top: .5rem !important; }
#mob-brands { padding-bottom: .15rem; }

.section-header {
  padding: 0 1rem;
  margin-bottom: .85rem !important;
  gap: .5rem !important;
}
.section-title {
  font-size: 1rem !important; font-weight: 700 !important;
  margin-top: 0 !important;
}
.section-link {
  font-size: .7rem !important;
}

/* ════════════════════════════════════════════════════
   MARCAS SCROLL HORIZONTAL
════════════════════════════════════════════════════ */
#mob-brands {
  padding: 1rem 0 .5rem;
}
.mob-brands-scroll {
  display: flex; gap: .65rem; overflow-x: auto;
  padding: 0 1rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.mob-brands-scroll::-webkit-scrollbar { display: none; }
.mob-brand-item {
  display: flex; flex-direction: column;
  align-items: center; gap: .35rem;
  cursor: pointer; flex-shrink: 0;
  background: none; border: none; padding: 0;
  font: inherit; color: inherit;
  -webkit-tap-highlight-color: transparent;
}
.mob-brand-avatar {
  width: 72px; height: 72px; border-radius: 16px;
  background: linear-gradient(160deg, rgba(36,36,40,.95), rgba(24,24,26,.98));
  border: 1px solid rgba(255,255,255,.1);
  display: flex; align-items: center; justify-content: center;
  padding: .65rem;
  transition: border-color .22s var(--mob-ease), box-shadow .22s, transform .18s;
}
.mob-brand-avatar img {
  width: auto;
  height: auto;
  max-width: 82%;
  max-height: 42px;
  object-fit: contain;
  object-position: center;
  filter: brightness(1.08) contrast(1.05);
}
.mob-brand-item:active .mob-brand-avatar {
  border-color: rgba(var(--red-rgb), .45);
  box-shadow: 0 0 20px rgba(var(--red-rgb), .2);
  transform: scale(.96);
}
.mob-brand-name {
  font-size: .62rem; color: rgba(255,255,255,.45);
  text-align: center; max-width: 76px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ════════════════════════════════════════════════════
   MOTO GRID → lista vertical (cards compactos)
════════════════════════════════════════════════════ */
.moto-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background: var(--border);
}

.moto-grid {
  gap: .55rem !important;
  background: transparent !important;
  padding: 0 var(--mob-pad) !important;
}

.moto-card {
  display: flex !important;
  flex-direction: row !important;
  border-radius: 14px !important;
  border: 1px solid var(--border) !important;
  background: var(--card) !important;
  transform: none !important;
  box-shadow: none !important;
  transition: transform .18s var(--mob-ease), border-color .18s !important;
  cursor: pointer;
  gap: .75rem;
  padding: .7rem !important;
  align-items: stretch;
  overflow: hidden !important;
}
.moto-card:active {
  transform: scale(.99) !important;
  border-color: rgba(255,255,255,.12) !important;
}

.card-img {
  width: 108px !important;
  height: 76px !important;
  min-width: 108px !important;
  flex-shrink: 0 !important;
  border-radius: 10px !important;
  aspect-ratio: unset !important;
  overflow: hidden !important;
  background: var(--bg2) !important;
  align-self: center;
}
.card-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.card-img-overlay { display: none !important; }
.card-quick-view  { display: none !important; }
.card-wishlist {
  top: auto !important;
  bottom: auto !important;
  right: auto !important;
  position: static !important;
  width: 28px !important;
  height: 28px !important;
  background: var(--w08) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  flex-shrink: 0 !important;
}

/* Body ao lado */
.card-body {
  flex: 1 !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
.card-brand {
  font-size: .62rem !important; font-weight: 700 !important;
  letter-spacing: .12em !important;
  color: var(--red-bright) !important;
  margin-bottom: .15rem !important;
  text-shadow: 0 0 10px var(--red-glow-soft) !important;
}
.card-model {
  font-size: .88rem !important;
  margin-bottom: .25rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}
.card-meta {
  display: block !important;
  font-size: .68rem !important;
  color: rgba(255,255,255,.5) !important;
  margin-bottom: .55rem !important;
  line-height: 1.35 !important;
  letter-spacing: .01em;
}
.card-specs,
.card-divider { display: none !important; }
.card-footer {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  margin-top: auto !important;
}
.card-price-label { display: none !important; }
.card-price {
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  line-height: 1 !important;
}
.card-wa {
  padding: .4rem .65rem !important;
  font-size: .6rem !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}

.card-badge {
  top: 6px !important;
  left: 6px !important;
  font-size: .52rem !important;
  padding: .18rem .45rem !important;
}

/* ════════════════════════════════════════════════════
   CATEGORIAS → scroll horizontal premium
════════════════════════════════════════════════════ */
#categories .cat-grid { display: none !important; }
#mob-categories {
  padding: .25rem 0 1rem;
}
.mob-cat-scroll {
  display: flex;
  gap: .5rem;
  overflow-x: auto;
  padding: 0 var(--mob-pad);
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.mob-cat-scroll::-webkit-scrollbar { display: none; }
.mob-cat-chip {
  flex-shrink: 0;
  width: 132px;
  height: 88px;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(255,255,255,.08);
  background: var(--card);
}
.mob-cat-chip img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .45;
}
.mob-cat-chip::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(15,15,16,.95) 0%, rgba(15,15,16,.2) 70%);
}
.mob-cat-chip span {
  position: absolute;
  left: .65rem;
  right: .65rem;
  bottom: .55rem;
  z-index: 1;
  font-family: 'Oswald', sans-serif;
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

/* ════════════════════════════════════════════════════
   LOJAS — somente aba Lojas (nunca na home)
════════════════════════════════════════════════════ */
#stores {
  display: none !important;
}
body.mob-tab-lojas #stores {
  display: block !important;
  padding-top: 0 !important;
  padding-bottom: calc(var(--bot-h) + 1rem) !important;
  background: var(--bg);
}
body.mob-tab-lojas #cta {
  display: none !important;
}

.stores-grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  padding: 0 1rem !important;
}
.store-card {
  border-radius: 16px !important;
  margin-bottom: .75rem !important;
  overflow: hidden;
  border: 1px solid var(--border) !important;
  background: var(--card) !important;
}
.store-img { aspect-ratio: 16/9 !important; }
.store-body { padding: 1rem 1.05rem !important; }
.store-card .btn-outline,
.store-card a.btn-outline {
  border-radius: 10px !important;
  font-size: .72rem !important;
  padding: .55rem 1rem !important;
}

/* ════════════════════════════════════════════════════
   CTA → compacto premium
════════════════════════════════════════════════════ */
#cta {
  padding: 2rem 0 !important;
  text-align: center !important;
}
#cta .tag { margin-bottom: .75rem !important; font-size: .56rem !important; }
.cta-h2 {
  line-height: 1.05 !important;
  margin-bottom: .5rem !important;
}
.cta-h2 .l1 {
  display: block;
  font-size: 1.22rem !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, .9) !important;
  letter-spacing: .03em;
}
.cta-h2 .l2 {
  display: block;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  color: rgba(255, 90, 115, .92) !important;
  letter-spacing: .05em;
  margin-top: .08rem;
}
.cta-sub-desk { display: none !important; }
.cta-sub-mob { display: block !important; }
.cta-sub {
  font-size: .76rem !important;
  line-height: 1.45 !important;
  margin-bottom: 1.1rem !important;
  padding: 0 1.15rem;
  color: rgba(255, 255, 255, .48) !important;
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}
.cta-btns {
  padding: 0 1.15rem;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: .4rem !important;
}
.cta-btns .btn-red,
.cta-btns .btn-outline {
  width: auto !important;
  flex: 1 1 calc(50% - .25rem);
  min-width: 0;
  max-width: 9.5rem;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 .55rem !important;
  font-size: .56rem !important;
  justify-content: center;
  border-radius: 8px !important;
}
.cta-trust {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: .32rem !important;
  margin-top: 1.1rem !important;
  padding: 0 1rem;
}
.trust-item {
  font-size: .56rem !important;
  padding: .28rem .48rem !important;
  border-radius: 7px;
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .07);
  margin: 0 !important;
}
.trust-item .check { display: none !important; }

/* ════════════════════════════════════════════════════
   FOOTER (site-footer — ver footer.css)
════════════════════════════════════════════════════ */
.site-footer .site-footer-inner {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Páginas dinâmicas (favoritos, busca) — offset no body:not(.mob-tab-home) */
#mob-page-content {
  padding-top: 0 !important;
  padding-bottom: calc(var(--bot-h) + 1rem) !important;
  min-height: 100vh;
  box-sizing: border-box;
  background: var(--bg);
}

.mob-page-header {
  padding: .25rem 1rem .85rem;
  margin: 0;
  font-family: 'Oswald', sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .03em;
  line-height: 1.2;
  text-align: left;
}

.mob-page-header + .moto-grid,
.mob-page-body {
  padding: 0 1rem;
}

/* Lojas — cabeçalho centralizado com respiro da navbar */
body.mob-tab-lojas #stores .section-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 1.15rem !important;
  margin: 0 0 1.35rem !important;
  gap: .5rem !important;
}

body.mob-tab-lojas #stores .section-header .tag {
  justify-content: center !important;
  margin-bottom: 0 !important;
  font-size: .56rem !important;
}

body.mob-tab-lojas #stores .section-title {
  font-size: 1.08rem !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  letter-spacing: .02em;
  text-wrap: balance;
  max-width: 16ch;
}

body.mob-tab-lojas #stores .section-header > p {
  margin: .15rem 0 0 !important;
  padding: 0 !important;
  max-width: 24ch !important;
  font-size: .76rem !important;
  line-height: 1.45 !important;
  color: rgba(255, 255, 255, .42) !important;
}

/* Headers em páginas internas (não home) */
body:not(.mob-tab-home) .section-header {
  margin-bottom: 1rem !important;
}

body:not(.mob-tab-home) .section-header,
body:not(.mob-tab-home) .mob-page-header {
  scroll-margin-top: var(--mob-page-top);
}

/* ════════════════════════════════════════════════════
   BOTTOM NAVIGATION
════════════════════════════════════════════════════ */
#mob-bottom-nav {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100vw;
  margin: 0;
  z-index: 1000 !important;
  box-sizing: border-box;
  height: var(--bot-h);
  min-height: var(--bot-bar);
  padding-bottom: var(--bot-safe);
  background: rgba(15, 15, 16, 0.97);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid var(--border);
  display: flex !important;
  visibility: visible !important;
  align-items: center;
  justify-content: space-around;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  -webkit-overflow-scrolling: auto;
  pointer-events: auto;
  touch-action: manipulation;
}
.mob-bot-item {
  display: flex; flex-direction: column; align-items: center;
  gap: .2rem; cursor: pointer; padding: .5rem .75rem;
  color: var(--w40); text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  transition: color .2s;
}
.mob-bot-item.active { color: var(--red-bright); text-shadow: 0 0 14px var(--red-glow-soft); }
.mob-bot-label {
  font-size: .57rem; font-family: 'Barlow', sans-serif;
  font-weight: 600; letter-spacing: .05em; text-transform: uppercase;
}
.mob-bot-badge {
  position: absolute; top: 4px; right: 6px;
  background: var(--red); color: #fff;
  font-size: .48rem; font-family: 'Oswald', sans-serif;
  width: 13px; height: 13px; border-radius: 50%;
  display: none; align-items: center; justify-content: center;
  border: 2px solid var(--bg);
}

/* ════════════════════════════════════════════════════
   FAB
════════════════════════════════════════════════════ */
#mob-fab {
  position: fixed;
  bottom: calc(var(--bot-h) + 14px);
  right: 1rem;
  z-index: 480;
  background: linear-gradient(145deg, var(--red-bright), var(--red-dark));
  border: none; color: #fff; border-radius: 16px;
  padding: .7rem 1rem;
  display: flex; align-items: center; gap: .4rem;
  font-family: 'Oswald', sans-serif; font-size: .75rem;
  font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 6px 24px var(--red-glow), 0 0 20px var(--red-glow-soft);
  animation: fabIn .4s cubic-bezier(0.4,0,0.2,1) .6s both;
  -webkit-tap-highlight-color: transparent;
}
#mob-fab:active { transform: scale(.93); box-shadow: 0 3px 12px var(--red-glow-soft); }
@keyframes fabIn {
  from { opacity:0; transform: translateY(16px) scale(.9); }
  to   { opacity:1; transform: translateY(0) scale(1); }
}

/* ════════════════════════════════════════════════════
   DETAIL SCREEN (slide-in)
════════════════════════════════════════════════════ */
#mob-detail {
  position: fixed;
  top: 0; left: 0; right: 0;
  bottom: var(--bot-h);
  z-index: 350;
  background: var(--bg);
  transform: translateX(100%);
  transition: transform .32s cubic-bezier(0.4,0,0.2,1);
  overflow-y: auto; overflow-x: hidden;
  display: flex; flex-direction: column;
}
#mob-detail.open { transform: translateX(0); }

.mob-detail-nav {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; gap: .75rem;
  padding: .7rem 1rem;
  background: rgba(15,15,16,.93);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
}
.mob-detail-back {
  width: 36px; height: 36px; border-radius: 10px;
  background: var(--w08); border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; flex-shrink: 0; color: var(--white);
}
.mob-detail-title {
  flex: 1; font-family: 'Oswald', sans-serif;
  font-size: .92rem; font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mob-detail-wish {
  width: 36px; height: 36px; border-radius: 10px;
  background: var(--w08); border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; flex-shrink: 0; color: var(--w60);
}

/* Galeria */
.mob-gallery {
  position: relative; height: 250px;
  background: var(--card); overflow: hidden; flex-shrink: 0;
}
.mob-gallery-slides {
  display: flex; height: 100%;
  transition: transform .28s cubic-bezier(0.4,0,0.2,1);
}
.mob-gallery-slide {
  width: 100%; flex-shrink: 0; height: 100%;
}
.mob-gallery-slide img {
  width: 100%; height: 100%; object-fit: cover;
}
.mob-gallery-nophoto {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #1a0306, #111113);
}
.mob-gallery-dots {
  position: absolute; bottom: 9px; left: 0; right: 0;
  display: flex; justify-content: center; gap: 4px;
}
.mob-gdot {
  width: 5px; height: 5px; border-radius: 50%;
  background: rgba(255,255,255,.25);
  transition: all .2s;
}
.mob-gdot.active { width: 14px; border-radius: 3px; background: #fff; }
.mob-gallery-count {
  position: absolute; top: 10px; right: 10px;
  background: rgba(0,0,0,.55); backdrop-filter: blur(4px);
  color: #fff; font-size: .65rem; font-family: 'Oswald', sans-serif;
  padding: .2rem .55rem; border-radius: 100px;
}

/* Corpo do detail */
.mob-detail-body { padding: 1.1rem; flex: 1; }

.mob-detail-badges { display: flex; gap: .45rem; flex-wrap: wrap; margin-bottom: .65rem; }
.mob-dbadge {
  padding: .2rem .6rem; border-radius: 6px;
  font-size: .6rem; font-family: 'Oswald', sans-serif;
  font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
}
.mob-dbadge.red { background: var(--red-surface-strong); color: var(--red-bright); border: 1px solid rgba(var(--red-rgb), .35); font-weight: 700; }
.mob-dbadge.green { background: rgba(34,197,94,.12); color: #22c55e; border: 1px solid rgba(34,197,94,.2); }
.mob-dbadge.gray { background: var(--w08); color: var(--w60); border: 1px solid var(--border); }

.mob-detail-brand {
  font-size: .62rem; font-family: 'Oswald', sans-serif; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--red-bright); margin-bottom: .25rem;
  text-shadow: 0 0 12px var(--red-glow-soft);
}
.mob-detail-model {
  font-family: 'Oswald', sans-serif; font-size: 1.5rem;
  font-weight: 700; text-transform: uppercase; line-height: 1;
  margin-bottom: .2rem;
}
.mob-detail-version { font-size: .78rem; color: var(--w40); margin-bottom: .9rem; }

.mob-price-box {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 14px; padding: .9rem; margin-bottom: 1.1rem;
}
.mob-price-lbl {
  font-size: .6rem; color: var(--w40); text-transform: uppercase;
  letter-spacing: .1em; margin-bottom: .2rem;
}
.mob-price-val {
  font-family: 'Oswald', sans-serif; font-size: 1.75rem;
  font-weight: 700; line-height: 1;
}
.mob-price-note {
  font-size: .68rem; color: var(--w40); margin-top: .3rem;
}

.mob-specs-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: .45rem; margin-bottom: 1.1rem;
}
.mob-spec {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 10px; padding: .7rem;
}
.mob-spec-lbl {
  font-size: .58rem; color: var(--w40); text-transform: uppercase;
  letter-spacing: .08em; margin-bottom: .25rem;
}
.mob-spec-val {
  font-family: 'Oswald', sans-serif; font-size: .88rem;
  font-weight: 600; display: flex; align-items: center; gap: .3rem;
}
.mob-spec-val svg { color: var(--red); }

.mob-section-lbl {
  font-family: 'Oswald', sans-serif; font-size: .6rem;
  letter-spacing: .2em; text-transform: uppercase; color: var(--w40);
  margin-bottom: .5rem; padding-bottom: .35rem;
  border-bottom: 1px solid var(--border);
}

/* CTA fixo no rodapé do detalhe */
.mob-detail-cta {
  position: sticky; bottom: 0;
  background: rgba(15,15,16,.97);
  backdrop-filter: blur(20px);
  border-top: 1px solid var(--border);
  padding: .8rem 1rem;
  display: flex; gap: .6rem;
  padding-bottom: calc(.8rem + env(safe-area-inset-bottom, 0));
  flex-shrink: 0;
}
.mob-btn-wa {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: .45rem;
  background: #25d366; color: #fff; border: none; border-radius: 12px;
  font-family: 'Oswald', sans-serif; font-size: .82rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; padding: .85rem;
  cursor: pointer; text-decoration: none; transition: background .2s;
}
.mob-btn-wa:active { background: #1da851; }
.mob-btn-call {
  width: 48px; display: flex; align-items: center; justify-content: center;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 12px; cursor: pointer; color: var(--w60);
  text-decoration: none; transition: background .2s;
}
.mob-btn-call:active { background: var(--card2); }

/* ════════════════════════════════════════════════════
   BOTTOM SHEET (vender)
════════════════════════════════════════════════════ */
#mob-sheet-overlay {
  position: fixed; inset: 0; z-index: 300;
  background: rgba(0,0,0,.7); backdrop-filter: blur(6px);
  opacity: 0; pointer-events: none;
  transition: opacity .28s;
}
#mob-sheet-overlay.open { opacity: 1; pointer-events: all; }

#mob-sheet {
  position: fixed;
  bottom: var(--bot-h);
  left: 0; right: 0;
  z-index: 450;
  background: var(--bg2); border-radius: 22px 22px 0 0;
  border-top: 1px solid var(--border);
  padding: 0 1.25rem 2rem;
  max-height: 85dvh; overflow-y: auto;
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(0.4,0,0.2,1);
}
#mob-sheet.open { transform: translateY(0); }

.mob-sheet-handle {
  width: 34px; height: 4px; border-radius: 2px;
  background: var(--w20); margin: 11px auto 1.1rem;
}
.mob-sheet-title {
  font-family: 'Oswald', sans-serif; font-size: 1.15rem;
  font-weight: 600; text-transform: uppercase;
  margin-bottom: .2rem;
}
.mob-sheet-sub { font-size: .78rem; color: var(--w40); margin-bottom: 1.25rem; }

.mob-sheet-opt {
  display: flex; align-items: center; gap: .85rem;
  padding: .9rem; border-radius: 13px;
  background: var(--card); border: 1px solid var(--border);
  cursor: pointer; margin-bottom: .6rem;
  transition: background .15s;
}
.mob-sheet-opt:active { background: var(--card2); }
.mob-sheet-opt-icon {
  width: 42px; height: 42px; border-radius: 11px;
  background: var(--red-surface); border: 1px solid rgba(var(--red-rgb), .22);
  display: flex; align-items: center; justify-content: center;
  color: var(--red-bright); flex-shrink: 0;
}
.mob-sheet-opt-text strong {
  display: block; font-family: 'Oswald', sans-serif;
  font-size: .88rem; font-weight: 600; text-transform: uppercase;
  margin-bottom: .1rem;
}
.mob-sheet-opt-text span { font-size: .72rem; color: var(--w40); }

/* ════════════════════════════════════════════════════
   TOAST
════════════════════════════════════════════════════ */
#mob-toast {
  position: fixed;
  bottom: calc(var(--bot-h) + 10px);
  left: 1rem; right: 1rem;
  z-index: 500;
  background: var(--card2); border: 1px solid var(--border);
  border-radius: 12px; padding: .7rem .9rem;
  display: flex; align-items: center; gap: .5rem;
  font-size: .8rem; font-weight: 500;
  box-shadow: 0 6px 20px rgba(0,0,0,.5);
  transform: translateY(12px); opacity: 0;
  transition: all .25s cubic-bezier(0.4,0,0.2,1);
  pointer-events: none;
}
#mob-toast.show { transform: translateY(0); opacity: 1; }

/* ════════════════════════════════════════════════════
   SKELETON LOADING
════════════════════════════════════════════════════ */
@keyframes shimmer {
  from { background-position: -300px 0; }
  to   { background-position:  300px 0; }
}
.mob-skeleton {
  background: linear-gradient(90deg, var(--card) 25%, var(--card2) 50%, var(--card) 75%);
  background-size: 300px 100%;
  animation: shimmer 1.3s infinite;
  border-radius: 8px;
}

/* ════════════════════════════════════════════════════
   AVALIAÇÕES — carrossel premium mobile (nativo)
════════════════════════════════════════════════════ */
#reviews {
  --reviews-mob-pad: 20px;
  --review-card-w: 270px;
  --review-slide-bg: rgba(32, 32, 36, .82);
  --review-slide-fade: rgba(32, 32, 36, .98);
  --review-strip-bg: rgba(255, 255, 255, .04);
  padding: 1.65rem 0 1.5rem !important;
  background: var(--bg) !important;
  border-top-color: rgba(255, 255, 255, .05);
  border-bottom-color: rgba(255, 255, 255, .05);
}
#reviews::before { display: none; }

#reviews .container.reviews-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding-inline: var(--reviews-mob-pad);
  max-width: 100%;
  box-sizing: border-box;
}

/* Hierarquia: tag → nota inline → título → carrossel → botões */
.reviews-head {
  display: contents;
  margin-bottom: 0 !important;
}

.reviews-head-copy {
  width: 100%;
  margin-bottom: .6rem;
  text-align: center;
}

.reviews-head .tag {
  font-size: .56rem !important;
  letter-spacing: .16em;
  margin-bottom: .32rem !important;
  padding: 0;
  line-height: 1.2;
}

/* Nota integrada ao cabeçalho (sem card) */
.reviews-rating-inline {
  display: block !important;
  margin: 0 auto .34rem;
  padding: 0;
  font-family: 'Barlow', sans-serif;
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.35;
  color: rgba(255, 255, 255, .52);
  text-align: center;
}

.reviews-rating-stars {
  display: inline;
  margin: 0 .12rem;
  font-size: .58rem;
  letter-spacing: .06em;
  color: #c4a96a;
  vertical-align: baseline;
}

.reviews-title {
  font-size: 1.05rem !important;
  line-height: 1.15 !important;
  margin: 0 0 .28rem !important;
  font-weight: var(--fw-bold);
  letter-spacing: .01em;
}

.reviews-sub {
  font-size: .72rem !important;
  line-height: 1.4 !important;
  color: rgba(255, 255, 255, .45);
  margin: 0 auto;
  max-width: 28ch;
}

/* Bloco separado 4.9 / Google Reviews — oculto no mobile */
.reviews-score {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ── Desktop marquee oculto ── */
.reviews-marquee {
  display: none !important;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
}

/* ── Carrossel horizontal (snap, respiro lateral) ── */
.reviews-mob-carousel {
  display: block !important;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 0 .6rem;
  padding-inline: 0;
}

.reviews-mob-carousel::before,
.reviews-mob-carousel::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.25rem;
  z-index: 2;
  pointer-events: none;
}

.reviews-mob-carousel::before {
  left: 0;
  background: linear-gradient(90deg, var(--bg) 55%, transparent 100%);
}

.reviews-mob-carousel::after {
  right: 0;
  background: linear-gradient(270deg, var(--bg) 55%, transparent 100%);
}

.reviews-mob-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: .2rem 0 .3rem;
  scroll-padding-inline: var(--reviews-mob-pad);
  margin: 0;
}

.reviews-mob-scroll::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.reviews-mob-track {
  display: flex;
  align-items: stretch;
  gap: .55rem;
  width: max-content;
  padding-inline: var(--reviews-mob-pad);
  padding-right: calc(var(--reviews-mob-pad) + .5rem);
}

/* Cards fixos — carousel app (260–280px) */
.review-mob-slide {
  flex: 0 0 var(--review-card-w);
  width: var(--review-card-w);
  max-width: var(--review-card-w);
  min-height: 0;
  max-height: 128px;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: .52rem .58rem .48rem;
  border-radius: 12px;
  background: linear-gradient(155deg, var(--review-slide-bg) 0%, rgba(24, 24, 27, .75) 100%);
  border: 1px solid rgba(255, 255, 255, .07);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    0 3px 14px rgba(0, 0, 0, .14),
    inset 0 1px 0 rgba(255, 255, 255, .04);
}

.review-mob-slide-stars {
  display: flex;
  align-items: center;
  gap: 1px;
  margin-bottom: .24rem;
  line-height: 1;
  color: #c4a96a;
  flex-shrink: 0;
}

.review-mob-slide-stars svg {
  display: block;
  width: 9px;
  height: 9px;
}

.review-mob-slide-text-wrap {
  position: relative;
  flex: 1;
  min-height: 0;
  margin-bottom: .3rem;
  overflow: hidden;
}

.review-mob-slide-text-wrap::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.05em;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, var(--review-slide-fade) 92%);
}

.review-mob-slide-text {
  margin: 0;
  font-size: .7rem;
  font-weight: 500;
  line-height: 1.38;
  color: rgba(255, 255, 255, .78);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review-mob-slide-author {
  margin: 0;
  margin-top: auto;
  flex-shrink: 0;
  font-family: 'Oswald', sans-serif;
  font-size: .56rem;
  font-weight: var(--fw-semibold);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .34);
  line-height: 1.1;
}

/* ── Botões refinados, lado a lado, auto width ── */
.reviews-cta {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .35rem .5rem;
  margin-top: .2rem !important;
  padding: 0 !important;
  width: 100%;
}

.reviews-btn-txt-desk { display: none !important; }
.reviews-btn-txt-mob { display: inline !important; }

.reviews-cta .btn-outline,
.reviews-cta .btn-red {
  order: unset;
  width: auto !important;
  min-width: 0;
  flex: 0 0 auto;
  min-height: 0 !important;
  height: auto !important;
  max-height: none;
  padding: .42rem .62rem !important;
  font-size: .54rem !important;
  letter-spacing: .06em;
  border-radius: 100px !important;
  justify-content: center;
  align-items: center;
  gap: .28rem;
  line-height: 1;
  white-space: nowrap;
}

.reviews-cta .btn-red {
  font-weight: var(--fw-semibold);
  box-shadow: 0 3px 12px rgba(var(--red-rgb), .22);
}

.reviews-cta .btn-outline {
  background: rgba(255, 255, 255, .05) !important;
  border-color: rgba(255, 255, 255, .11) !important;
  color: rgba(255, 255, 255, .7) !important;
}

.reviews-cta .btn-outline svg,
.reviews-cta .btn-red svg {
  width: 9px;
  height: 9px;
  flex-shrink: 0;
}

.reviews-cta-note {
  flex: 1 1 100%;
  order: unset;
  margin: .2rem 0 0 !important;
  text-align: center;
  font-size: .5rem;
  line-height: 1.35;
  color: rgba(255, 255, 255, .22);
  letter-spacing: .03em;
}

} /* fim @media 768px */