/* Stable media boxes and light interaction effects for the storefront. */
html { overflow-x: clip; }
body.store-mode { overflow-x: clip; }
.store-mode .card-title,
.store-mode .product-detail-title,
.store-mode .acc-title {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.02rem;
  letter-spacing: 0.025em;
  line-height: 1.35;
}
.store-mode .acc-title { font-size: clamp(1.35rem, 4vw, 2rem); }
.store-mode .hero-banner-full { aspect-ratio: 1600 / 888; }
.store-mode .hero-banner-img { width: 100%; height: auto; object-fit: cover; display: block; }
.store-mode .pcard-media { overflow: hidden; }
.store-mode .card-image { object-fit: cover; }
.store-mode .btn-comprar,
.store-mode .card-mini-timer i,
.store-mode .pcard-buy-ring,
.store-mode .chat-fab-pulse,
.store-mode .pcard-shine,
.store-mode .inf-live-dot,
.store-mode .roulette-badge i { animation: none !important; }
.store-mode .product-card { transition: transform 160ms ease, border-color 160ms ease; }
.store-mode .category-card { transition: transform 160ms ease, border-color 160ms ease; }
.store-mode .reviews-section,
.store-mode .copies-section,
.store-mode .influencers-section,
.store-mode .about-section,
.store-mode .faq-section,
.store-mode .howto-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}
.store-mode .reel-card { aspect-ratio: 9 / 16; }
.reel-player { position: relative; width: 100%; aspect-ratio: 9 / 16; }
.store-mode .reels-carousel { scroll-snap-type: none; scroll-behavior: auto; }
.store-mode .reel-name { display: flex; align-items: center; justify-content: center; gap: 8px; }
.store-mode .reel-name .partner-verified-badge { width: 22px; height: 22px; }
.reel-player video { cursor: pointer; }
.reel-play-button {
  position: absolute;
  top: 50%; left: 50%; transform: translate(-50%, -50%);
  display: grid; place-items: center;
  width: 70px; height: 70px; padding: 0;
  border: 2px solid #7292ff; border-radius: 50%;
  background: #e10600; color: #fff; cursor: pointer;
  box-shadow: 0 4px 24px #e1060066;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}
.reel-play-button[hidden] { display: none; }
.reel-play-button:hover { background: #ff1e1e; box-shadow: 0 4px 28px #e1060099; }
.reel-play-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.reel-player-status { position: absolute; left: 12px; right: 12px; bottom: 12px; color: #fff; background: #080b19e8; border-radius: 8px; font-size: .78rem; text-align: center; line-height: 1.5; }
.reel-player-status:not(:empty) { padding: .7rem; }
.store-mode .review-avatar { width: 44px; height: 44px; flex-shrink: 0; }
.store-mode .pcard-pix {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  flex-shrink: 0;
}
.store-mode .pcard-pix-logo {
  display: block;
  width: 78px;
  height: auto;
  object-fit: contain;
}
.store-mode .inf-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.partner-verified-badge {
  display: inline-block;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  object-fit: contain;
  background: transparent;
  animation: partner-verified-pulse 3.2s ease-in-out infinite;
}
@keyframes partner-verified-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.09); }
}
@media (prefers-reduced-motion: reduce) {
  .partner-verified-badge { animation: none; }
}
@media (max-width: 640px) {
  .store-mode .pcard-pix-logo { width: 62px; }
}
@media (max-width: 640px) {
  .store-mode .container { padding-inline: 16px; }
  .store-mode .products-grid { gap: 12px; }
  .store-mode .search-box { min-width: 0; flex: 1; }
  .store-mode .search-box input { width: 100%; min-width: 0; font-size: 16px; }
  .store-mode input, .store-mode select, .store-mode textarea { font-size: 16px; }
  .store-mode .reel-card { flex: 0 0 72%; width: 72%; max-width: 285px; }
  .store-mode .reel-name { font-size: 1.12rem; letter-spacing: .8px; padding: 12px 8px; }
  .store-mode .reel-play-button { width: 62px; height: 62px; }
  .store-mode .ig-fab { width: 48px; height: 48px; right: 12px; bottom: 82px; }
  .store-mode .chat-fab { width: 52px; height: 52px; right: 12px; bottom: 20px; }
  .store-mode .inf-panel { padding-inline: 8px; }
  .store-mode .sales-records__grid { gap: 10px; }
  .store-mode .card-title { font-size: 0.95rem; }
  .store-mode .header-content,
  .store-mode .category-card,
  .store-mode .product-card { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .store-mode *, .store-mode *::before, .store-mode *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}