/* EletroShop Plugin Styles - Isolado para WordPress */

/* Adicionando resets agressivos e isolamento completo */
#eletroshop-root {
  all: initial;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

#eletroshop-root *,
#eletroshop-root *::before,
#eletroshop-root *::after {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Variáveis CSS */
#eletroshop-root {
  --es-background: #fafafa;
  --es-foreground: #0a0a0a;
  --es-card: #ffffff;
  --es-card-foreground: #0a0a0a;
  --es-primary: #18181b;
  --es-primary-foreground: #fafafa;
  --es-secondary: #f4f4f5;
  --es-secondary-foreground: #18181b;
  --es-muted: #f4f4f5;
  --es-muted-foreground: #71717a;
  --es-accent: #27272a;
  --es-accent-foreground: #fafafa;
  --es-border: #e4e4e7;
  --es-input: #e4e4e7;
  --es-ring: #181818;
  --es-radius: 0.5rem;

  background-color: var(--es-background) !important;
  color: var(--es-foreground) !important;
}

/* Header estilo Americanas */
#eletroshop-root .es-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  width: 100% !important;
  background-color: var(--es-header, #dc2626) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-header-container {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Primeira linha: menu, logo e ícones */
#eletroshop-root .es-header-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0.75rem 1rem !important;
  gap: 1rem !important;
}

/* Menu hamburger (3 barras) */
#eletroshop-root .es-menu-btn {
  background: none !important;
  border: none !important;
  color: white !important;
  cursor: pointer !important;
  padding: 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.2s !important;
}

#eletroshop-root .es-menu-btn:hover {
  opacity: 0.8 !important;
}

/* Logo estilo Americanas */
#eletroshop-root .es-logo-americanas {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex: 1 !important;
}

#eletroshop-root .es-logo-image-americanas {
  height: 32px !important;
  width: auto !important;
  object-fit: contain !important;
}

#eletroshop-root .es-logo-text-americanas {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: white !important;
  text-transform: lowercase !important;
  letter-spacing: -0.5px !important;
}

/* Ícones do header */
#eletroshop-root .es-header-icons {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-header-icon-btn {
  background: none !important;
  border: none !important;
  color: white !important;
  cursor: pointer !important;
  padding: 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: opacity 0.2s !important;
  position: relative !important;
}

#eletroshop-root .es-header-icon-btn:hover {
  opacity: 0.8 !important;
}

#eletroshop-root .es-cart-badge-americanas {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  background-color: #fbbf24 !important;
  color: #000 !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  padding: 0.125rem 0.375rem !important;
  border-radius: 9999px !important;
  min-width: 1.25rem !important;
  text-align: center !important;
}

/* Barra de busca estilo Americanas */
#eletroshop-root .es-search-form-americanas {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 1rem 0.75rem 1rem !important;
  width: 100% !important;
}

#eletroshop-root .es-search-input-americanas {
  flex: 1 !important;
  padding: 0.875rem 1rem !important;
  border: none !important;
  border-radius: 8px 0 0 8px !important;
  font-size: 1rem !important;
  color: #666 !important;
  background-color: white !important;
  outline: none !important;
}

#eletroshop-root .es-search-input-americanas::placeholder {
  color: #999 !important;
}

#eletroshop-root .es-search-btn-americanas {
  background-color: white !important;
  border: none !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 0.875rem 1rem !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #dc2626 !important;
  transition: opacity 0.2s !important;
}

#eletroshop-root .es-search-btn-americanas:hover {
  opacity: 0.8 !important;
}

/* Linha do CEP */
#eletroshop-root .es-header-cep {
  display: flex !important;
  align-items: center !important;
  padding: 0.5rem 1rem 0.75rem 1rem !important;
  color: white !important;
  font-size: 0.875rem !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
}

#eletroshop-root .es-header-cep:hover {
  opacity: 0.8 !important;
}

/* Responsivo mobile */
@media (max-width: 768px) {
  #eletroshop-root .es-header-top {
    padding: 0.5rem 0.75rem !important;
  }

  #eletroshop-root .es-logo-text-americanas {
    font-size: 1.25rem !important;
  }

  #eletroshop-root .es-header-icons {
    gap: 0.25rem !important;
  }

  #eletroshop-root .es-header-icon-btn {
    padding: 0.375rem !important;
  }

  #eletroshop-root .es-search-form-americanas {
    padding: 0 0.75rem 0.5rem 0.75rem !important;
  }

  #eletroshop-root .es-search-input-americanas {
    padding: 0.75rem 0.875rem !important;
    font-size: 0.875rem !important;
  }

  #eletroshop-root .es-search-btn-americanas {
    padding: 0.75rem 0.875rem !important;
  }

  #eletroshop-root .es-header-cep {
    padding: 0.375rem 0.75rem 0.5rem 0.75rem !important;
    font-size: 0.8125rem !important;
  }
}

/* Header */
#eletroshop-root .es-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  width: 100% !important;
  background-color: var(--es-header, #dc2626) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-header-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 1rem !important;
}

#eletroshop-root .es-header-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  min-height: 4rem !important;
  padding: 0.75rem 0 !important;
}

#eletroshop-root .es-logo {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
}

#eletroshop-root .es-logo-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 2.5rem !important;
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  border-radius: var(--es-radius) !important;
  background-color: white !important;
  color: #dc2626 !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#eletroshop-root .es-logo-text {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: white !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-transform: lowercase !important;
}

/* Adicionado estilo para logotipo customizado */
#eletroshop-root .es-logo-image {
  height: 40px !important;
  width: auto !important;
  max-width: 150px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Removido: filter: brightness(0) invert(1) !important; */
}

/* Search */
#eletroshop-root .es-search-form {
  flex: 1 !important;
  max-width: 600px !important;
  margin: 0 !important;
}

#eletroshop-root .es-search-wrapper {
  position: relative !important;
  width: 100% !important;
}

#eletroshop-root .es-search-icon {
  position: absolute !important;
  right: 0.75rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  color: #dc2626 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#eletroshop-root .es-search-input {
  width: 100% !important;
  padding: 0.75rem 3rem 0.75rem 1rem !important;
  border: none !important;
  border-radius: 4px !important;
  background-color: white !important;
  color: var(--es-foreground) !important;
  font-size: 0.875rem !important;
  font-family: inherit !important;
  line-height: 1.5 !important;
  outline: none !important;
  transition: box-shadow 0.2s !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-search-input:focus {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

#eletroshop-root .es-search-input::placeholder {
  color: #9ca3af !important;
}

/* Cart Button */
#eletroshop-root .es-cart-btn {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  border: none !important;
  border-radius: 4px !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: white !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
  flex-shrink: 0 !important;
}

#eletroshop-root .es-cart-btn:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

#eletroshop-root .es-cart-badge {
  position: absolute !important;
  right: -0.375rem !important;
  top: -0.375rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 1.25rem !important;
  width: 1.25rem !important;
  min-width: 1.25rem !important;
  border-radius: 9999px !important;
  background-color: #fbbf24 !important;
  color: #0a0a0a !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Main Content */
#eletroshop-root .es-main {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 2rem 1rem !important;
}

/* Adicionando estilos para hero section da home */
#eletroshop-root .es-hero-section {
  text-align: center !important;
  padding: 4rem 2rem !important;
  margin-bottom: 3rem !important;
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 50%, #d1d5db 100%) !important;
  border-radius: calc(var(--es-radius) + 8px) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  position: relative !important;
  overflow: hidden !important;
}

#eletroshop-root .es-hero-section::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.3) 0%, transparent 50%) !important;
  pointer-events: none !important;
}

#eletroshop-root .es-hero-title {
  font-size: 3rem !important;
  font-weight: 900 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 1rem !important;
  line-height: 1.1 !important;
  position: relative !important;
  z-index: 1 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-hero-subtitle {
  font-size: 1.125rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.6 !important;
  max-width: 600px !important;
  margin: 0 auto !important;
}

/* Adicionando estilos para seção de promoções */
#eletroshop-root .es-promotions-section {
  margin-bottom: 3rem !important;
}

#eletroshop-root .es-section-title {
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 1.5rem !important;
  line-height: 1.2 !important;
}

#eletroshop-root .es-promotions-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 1.5rem !important;
  margin-bottom: 2rem !important;
}

#eletroshop-root .es-products-section {
  margin-top: 2rem !important;
}

#eletroshop-root .es-title-section {
  margin-bottom: 2rem !important;
  padding-top: 1rem !important;
}

#eletroshop-root .es-title {
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.2 !important;
}

#eletroshop-root .es-subtitle {
  color: var(--es-muted-foreground) !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

/* Product Grid */
#eletroshop-root .es-product-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 1.5rem !important;
}

/* Product Card */
#eletroshop-root .es-product-card {
  border: 1px solid var(--es-border) !important;
  border-radius: calc(var(--es-radius) + 4px) !important;
  background-color: var(--es-card) !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  position: relative !important;
}

#eletroshop-root .es-product-card:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-8px) !important;
  border-color: var(--es-primary) !important;
}

#eletroshop-root .es-product-image-wrapper {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 100% !important;
  overflow: hidden !important;
  background-color: var(--es-muted) !important;
}

#eletroshop-root .es-product-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#eletroshop-root .es-product-card:hover .es-product-image {
  transform: scale(1.1) !important;
}

#eletroshop-root .es-product-badge {
  position: absolute !important;
  right: 0.75rem !important;
  top: 0.75rem !important;
  padding: 0.375rem 0.875rem !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%) !important;
  backdrop-filter: blur(8px) !important;
  color: var(--es-foreground) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#eletroshop-root .es-rating-badge {
  position: absolute !important;
  left: 0.75rem !important;
  top: 0.75rem !important;
  padding: 0.375rem 0.625rem !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%) !important;
  color: white !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(251, 191, 36, 0.4) !important;
}

#eletroshop-root .es-product-content {
  padding: 1rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

#eletroshop-root .es-product-name {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#eletroshop-root .es-product-description {
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#eletroshop-root .es-product-colors {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-bottom: 0.75rem !important;
}

#eletroshop-root .es-product-colors-label {
  font-size: 0.75rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1 !important;
}

#eletroshop-root .es-product-colors-list {
  display: flex !important;
  gap: 0.25rem !important;
}

#eletroshop-root .es-color-dot {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  border-radius: 9999px !important;
  border: 1px solid var(--es-border) !important;
}

#eletroshop-root .es-product-price {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--es-foreground) !important;
  line-height: 1.2 !important;
  margin-top: auto !important;
}

#eletroshop-root .es-product-footer {
  padding: 0 1rem 1rem !important;
}

/* Adicionando estilos para página de detalhes do produto */
#eletroshop-root .es-product-detail {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 3rem !important;
  margin-top: 2rem !important;
}

#eletroshop-root .es-product-detail-images {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

#eletroshop-root .es-product-detail-main-image {
  width: 100% !important;
  height: auto !important;
  max-height: 500px !important;
  object-fit: contain !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-muted) !important;
  padding: 1rem !important;
}

#eletroshop-root .es-product-detail-thumbs {
  display: flex !important;
  gap: 0.75rem !important;
  overflow-x: auto !important;
}

#eletroshop-root .es-product-detail-thumb {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  object-fit: cover !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
  cursor: pointer !important;
  border: 2px solid transparent !important;
  transition: border-color 0.2s !important;
}

#eletroshop-root .es-product-detail-thumb:hover,
#eletroshop-root .es-product-detail-thumb.active {
  border-color: var(--es-primary) !important;
}

#eletroshop-root .es-product-detail-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

#eletroshop-root .es-product-detail-title {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--es-foreground) !important;
  line-height: 1.2 !important;
}

#eletroshop-root .es-product-detail-category {
  display: inline-block !important;
  padding: 0.5rem 1rem !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-secondary) !important;
  color: var(--es-secondary-foreground) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  width: fit-content !important;
}

#eletroshop-root .es-product-detail-rating {
  font-size: 1rem !important;
  color: var(--es-muted-foreground) !important;
}

#eletroshop-root .es-product-detail-description {
  font-size: 1rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.6 !important;
}

#eletroshop-root .es-product-detail-price {
  font-size: 1.75rem !important;
  font-weight: 800 !important;
  color: var(--es-foreground) !important;
  line-height: 1.2 !important;
}

#eletroshop-root .es-product-detail-options {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

#eletroshop-root .es-product-detail-label {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
}

#eletroshop-root .es-voltage-options {
  display: flex !important;
  gap: 0.75rem !important;
  flex-wrap: wrap !important;
}

#eletroshop-root .es-voltage-btn {
  padding: 0.625rem 1.75rem !important;
  border: 2px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-background) !important;
  color: var(--es-foreground) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-voltage-btn:hover {
  background-color: var(--es-secondary) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-voltage-btn.active {
  border-color: var(--es-primary) !important;
  background: linear-gradient(135deg, var(--es-primary) 0%, var(--es-accent) 100%) !important;
  color: var(--es-primary-foreground) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#eletroshop-root .es-buy-btn-large {
  padding: 1rem 2rem !important;
  font-size: 1rem !important;
  margin-top: 1rem !important;
}

#eletroshop-root .es-product-detail-reviews {
  border-top: 1px solid var(--es-border) !important;
  padding-top: 1.5rem !important;
}

#eletroshop-root .es-reviews-toggle-btn {
  width: 100% !important;
  padding: 0.75rem 1rem !important;
  border: 1px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-background) !important;
  color: var(--es-foreground) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
  margin-bottom: 1rem !important;
}

#eletroshop-root .es-reviews-toggle-btn:hover {
  background-color: var(--es-secondary) !important;
}

#eletroshop-root .es-reviews-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

/* Adicionando estilos para página de checkout */
#eletroshop-root .es-checkout {
  max-width: 1200px !important;
  margin: 0 auto !important;
}

#eletroshop-root .es-checkout-title {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 2rem !important;
  line-height: 1.2 !important;
}

#eletroshop-root .es-checkout-content {
  display: grid !important;
  grid-template-columns: 1fr 400px !important;
  gap: 2rem !important;
}

#eletroshop-root .es-checkout-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
}

#eletroshop-root .es-checkout-form h2 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 1rem !important;
}

#eletroshop-root .es-payment-methods {
  display: flex !important;
  gap: 1rem !important;
}

#eletroshop-root .es-payment-method-btn {
  flex: 1 !important;
  padding: 1.25rem !important;
  border: 2px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-background) !important;
  color: var(--es-foreground) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-payment-method-btn:hover {
  background-color: var(--es-secondary) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-payment-method-btn.active {
  border-color: var(--es-primary) !important;
  background: linear-gradient(135deg, var(--es-primary) 0%, var(--es-accent) 100%) !important;
  color: var(--es-primary-foreground) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Adicionando estilos para QR Code PIX */
#eletroshop-root .es-pix-section {
  padding: 2rem !important;
  border: 2px solid var(--es-border) !important;
  border-radius: calc(var(--es-radius) + 4px) !important;
  background: linear-gradient(135deg, var(--es-card) 0%, var(--es-muted) 100%) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

#eletroshop-root .es-pix-qr-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1rem !important;
}

#eletroshop-root .es-pix-qr {
  padding: 1.5rem !important;
  background-color: white !important;
  border-radius: var(--es-radius) !important;
  border: 2px solid var(--es-border) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-pix-instructions {
  text-align: center !important;
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-pix-code-container {
  display: flex !important;
  gap: 0.5rem !important;
  width: 100% !important;
}

#eletroshop-root .es-copy-btn {
  padding: 0.75rem 2rem !important;
  border: none !important;
  border-radius: var(--es-radius) !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#eletroshop-root .es-copy-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 15px -3px rgba(16, 185, 129, 0.4) !important;
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
}

#eletroshop-root .es-checkout-summary {
  position: sticky !important;
  top: 5rem !important;
  height: fit-content !important;
  padding: 1.5rem !important;
  border: 1px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-card) !important;
}

#eletroshop-root .es-checkout-summary h2 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 1.5rem !important;
}

#eletroshop-root .es-checkout-product {
  display: flex !important;
  gap: 1rem !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  border-bottom: 1px solid var(--es-border) !important;
}

#eletroshop-root .es-checkout-product-image {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  object-fit: cover !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
}

#eletroshop-root .es-checkout-product-info {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-checkout-product-info h3 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
}

#eletroshop-root .es-checkout-product-info p {
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
}

#eletroshop-root .es-checkout-product-price {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: var(--es-foreground) !important;
  margin-top: auto !important;
}

#eletroshop-root .es-checkout-total {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
}

#eletroshop-root .es-checkout-total-value {
  font-size: 1.5rem !important;
  font-weight: 800 !important;
  color: var(--es-foreground) !important;
}

/* Modal */
#eletroshop-root .es-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
}

#eletroshop-root .es-modal {
  position: relative !important;
  width: 100% !important;
  max-width: 32rem !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  border-radius: calc(var(--es-radius) + 4px) !important;
  background-color: var(--es-card) !important;
  padding: 2rem !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
  animation: modalSlideIn 0.3s ease !important;
}

@keyframes modalSlideIn {
  from {
    opacity: 0 !important;
    transform: translateY(-20px) scale(0.95) !important;
  }
  to {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
  }
}

#eletroshop-root .es-modal-header {
  margin-bottom: 1rem !important;
}

#eletroshop-root .es-modal-title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 0.25rem !important;
  line-height: 1.4 !important;
  padding-right: 2rem !important;
}

#eletroshop-root .es-modal-description {
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-modal-close {
  position: absolute !important;
  right: 1rem !important;
  top: 1rem !important;
  width: 2rem !important;
  height: 2rem !important;
  border: none !important;
  border-radius: var(--es-radius) !important;
  background-color: transparent !important;
  color: var(--es-muted-foreground) !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#eletroshop-root .es-modal-close:hover {
  background-color: var(--es-secondary) !important;
}

#eletroshop-root .es-modal-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

#eletroshop-root .es-form-section {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

#eletroshop-root .es-form-section-title {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-label {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--es-foreground) !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-input,
#eletroshop-root .es-textarea,
#eletroshop-root .es-search-input {
  width: 100% !important;
  padding: 0.625rem 0.875rem !important;
  border: 2px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-background) !important;
  color: var(--es-foreground) !important;
  font-size: 0.875rem !important;
  font-family: inherit !important;
  line-height: 1.5 !important;
  outline: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-input:focus,
#eletroshop-root .es-textarea:focus,
#eletroshop-root .es-search-input:focus {
  border-color: var(--es-primary) !important;
  box-shadow: 0 0 0 3px rgba(24, 24, 27, 0.1) !important;
  transform: translateY(-1px) !important;
}

#eletroshop-root .es-textarea {
  resize: vertical !important;
  min-height: 4rem !important;
}

#eletroshop-root .es-radio-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-radio-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-radio-input {
  width: 1rem !important;
  height: 1rem !important;
  min-width: 1rem !important;
  cursor: pointer !important;
  margin: 0 !important;
}

#eletroshop-root .es-radio-label {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.875rem !important;
  color: var(--es-foreground) !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-price-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1rem !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-muted) !important;
}

#eletroshop-root .es-price-label {
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-price-value {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--es-foreground) !important;
  line-height: 1 !important;
}

/* Footer */
#eletroshop-root .es-footer {
  border-top: 1px solid var(--es-border) !important;
  background: linear-gradient(180deg, var(--es-card) 0%, var(--es-muted) 100%) !important;
  margin-top: 4rem !important;
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-footer-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 3rem 1rem !important;
}

#eletroshop-root .es-footer-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 2rem !important;
  margin-bottom: 2rem !important;
}

#eletroshop-root .es-footer-section h3 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 1rem !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-footer-section p,
#eletroshop-root .es-footer-section li {
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.6 !important;
}

#eletroshop-root .es-footer-section ul {
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-footer-section a {
  color: var(--es-muted-foreground) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

#eletroshop-root .es-footer-section a:hover {
  color: var(--es-foreground) !important;
}

#eletroshop-root .es-footer-contact {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

#eletroshop-root .es-footer-contact-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-footer-social {
  display: flex !important;
  gap: 0.75rem !important;
}

#eletroshop-root .es-social-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  border: none !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-secondary) !important;
  color: var(--es-secondary-foreground) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-social-btn:hover {
  background-color: var(--es-primary) !important;
  color: var(--es-primary-foreground) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

#eletroshop-root .es-footer-bottom {
  padding-top: 2rem !important;
  border-top: 1px solid var(--es-border) !important;
  text-align: center !important;
}

#eletroshop-root .es-footer-bottom p {
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.5 !important;
}

/* Empty State */
#eletroshop-root .es-empty-state {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4rem 1rem !important;
}

#eletroshop-root .es-empty-state h2 {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 1rem !important;
}

#eletroshop-root .es-empty-state p {
  font-size: 1.125rem !important;
  color: var(--es-muted-foreground) !important;
  margin-bottom: 1rem !important;
  line-height: 1.5 !important;
}

#eletroshop-root .es-reset-btn {
  padding: 0.625rem 1.5rem !important;
  border: none !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-primary) !important;
  color: var(--es-primary-foreground) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: opacity 0.2s !important;
}

#eletroshop-root .es-reset-btn:hover {
  opacity: 0.9 !important;
}

/* Responsive melhorado para mobile e desktop */
@media (max-width: 768px) {
  #eletroshop-root .es-header-content {
    min-height: auto !important;
    padding: 0.75rem 0 !important;
    gap: 0.75rem !important;
  }

  #eletroshop-root .es-logo {
    flex: 0 0 auto !important;
  }

  #eletroshop-root .es-logo-text {
    font-size: 1.125rem !important;
  }

  #eletroshop-root .es-logo-icon {
    height: 2rem !important;
    width: 2rem !important;
    min-width: 2rem !important;
    font-size: 1rem !important;
  }

  #eletroshop-root .es-logo-image {
    height: 32px !important;
    max-width: 120px !important;
  }

  #eletroshop-root .es-search-form {
    flex: 1 1 100% !important;
    order: 3 !important;
    max-width: 100% !important;
  }

  #eletroshop-root .es-search-input {
    padding: 0.625rem 2.5rem 0.625rem 0.875rem !important;
    font-size: 0.875rem !important;
  }

  #eletroshop-root .es-cart-btn {
    flex: 0 0 auto !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    min-width: 2.25rem !important;
  }

  /* Garantindo que preços fiquem no tamanho normal em mobile */
  #eletroshop-root .es-product-price {
    font-size: 1.125rem !important;
  }

  #eletroshop-root .es-offer-price {
    font-size: 1rem !important;
  }

  #eletroshop-root .es-product-detail-price {
    font-size: 1.5rem !important;
  }

  #eletroshop-root .es-checkout-product-price {
    font-size: 0.875rem !important;
  }

  #eletroshop-root .es-checkout-total-value {
    font-size: 1.25rem !important;
  }

  #eletroshop-root .es-title-section {
    margin-bottom: 1.5rem !important;
    padding-top: 1rem !important;
  }

  #eletroshop-root .es-product-detail {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  #eletroshop-root .es-checkout-content {
    grid-template-columns: 1fr !important;
  }

  #eletroshop-root .es-checkout-summary {
    position: static !important;
    order: -1 !important;
  }

  #eletroshop-root .es-payment-methods {
    flex-direction: column !important;
  }

  /* Garantindo largura total para mobile sem padding/margin */
  #eletroshop-root {
    padding: 0 !important;
    margin: 0 !important;
  }

  #eletroshop-root .es-main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  #eletroshop-root .es-hero-banner {
    height: 200px !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }

  #eletroshop-root .es-content-wrapper {
    padding: 1.5rem 1rem !important;
  }

  #eletroshop-root .es-categories-bar {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }

  #eletroshop-root .es-header-container {
    padding: 0 0.75rem !important;
  }

  /* Responsivo Mobile */
  #eletroshop-root .es-hero-banner {
    /* Altura ainda menor para mobile (150px) */
    height: 150px !important;
  }

  #eletroshop-root .es-hero-banner-title {
    /* Fonte menor para mobile */
    font-size: 1.5rem !important;
    margin-bottom: 0.25rem !important;
  }

  #eletroshop-root .es-hero-banner-subtitle {
    /* Fonte menor para mobile */
    font-size: 0.875rem !important;
    margin-bottom: 0.5rem !important;
  }

  #eletroshop-root .es-hero-banner-cta {
    /* Botão menor para mobile */
    padding: 0.5rem 1.5rem !important;
    font-size: 0.875rem !important;
  }

  #eletroshop-root .es-hero-banner-content {
    /* Menos padding para mobile */
    padding: 1rem !important;
  }

  #eletroshop-root .es-hero-banner-indicators {
    /* Indicadores mais próximos da base em mobile */
    bottom: 0.5rem !important;
  }
}

/* Galeria de imagens */
#eletroshop-root .es-gallery {
  margin-bottom: 1rem !important;
}

#eletroshop-root .es-gallery-main {
  width: 100% !important;
  height: auto !important;
  max-height: 400px !important;
  object-fit: contain !important;
  border-radius: var(--es-radius) !important;
  margin-bottom: 0.75rem !important;
  background-color: var(--es-muted) !important;
}

#eletroshop-root .es-gallery-thumbs {
  display: flex !important;
  gap: 0.5rem !important;
  overflow-x: auto !important;
}

#eletroshop-root .es-gallery-thumb {
  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  object-fit: cover !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
  cursor: pointer !important;
  border: 2px solid transparent !important;
  transition: border-color 0.2s !important;
}

#eletroshop-root .es-gallery-thumb:hover {
  border-color: var(--es-primary) !important;
}

/* Variantes de cor com imagens */
#eletroshop-root .es-color-dot-image {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  border-radius: 0.25rem !important;
  border: 2px solid var(--es-border) !important;
  background-size: cover !important;
  background-position: center !important;
  cursor: pointer !important;
  transition: transform 0.2s, border-color 0.2s !important;
}

#eletroshop-root .es-color-dot-image:hover {
  transform: scale(1.1) !important;
  border-color: var(--es-primary) !important;
}

#eletroshop-root .es-color-variants {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important;
  gap: 0.75rem !important;
}

#eletroshop-root .es-color-variant {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.875rem !important;
  border: 2px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-color-variant:hover {
  background-color: var(--es-muted) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-color-variant.selected {
  border-color: var(--es-primary) !important;
  background: linear-gradient(135deg, var(--es-muted) 0%, var(--es-secondary) 100%) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

#eletroshop-root .es-color-variant-image {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
}

#eletroshop-root .es-color-variant span {
  font-size: 0.75rem !important;
  color: var(--es-foreground) !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

/* Badge de avaliação */
#eletroshop-root .es-rating-badge {
  position: absolute !important;
  left: 0.5rem !important;
  top: 0.5rem !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: var(--es-foreground) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* Adicionando estilos para sistema de avaliações */
#eletroshop-root .es-reviews-btn {
  width: 100% !important;
  margin-top: 0.5rem !important;
  padding: 0.5rem 1rem !important;
  border: 1px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-background) !important;
  color: var(--es-foreground) !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: background-color 0.2s !important;
}

#eletroshop-root .es-reviews-btn:hover {
  background-color: var(--es-secondary) !important;
}

#eletroshop-root .es-reviews-section {
  padding: 1rem !important;
  border-top: 1px solid var(--es-border) !important;
  background-color: var(--es-muted) !important;
}

#eletroshop-root .es-review-item {
  padding: 1rem !important;
  margin-bottom: 1rem !important;
  border-radius: var(--es-radius) !important;
  background-color: var(--es-card) !important;
  border: 1px solid var(--es-border) !important;
}

#eletroshop-root .es-review-item:last-child {
  margin-bottom: 0 !important;
}

#eletroshop-root .es-review-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 0.5rem !important;
}

#eletroshop-root .es-review-header strong {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
}

#eletroshop-root .es-review-stars {
  font-size: 0.875rem !important;
  color: #fbbf24 !important;
}

#eletroshop-root .es-review-comment {
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  line-height: 1.5 !important;
  margin-bottom: 0.75rem !important;
}

#eletroshop-root .es-review-image {
  width: 100% !important;
  max-width: 200px !important;
  height: auto !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
  object-fit: cover !important;
}

@media (max-width: 480px) {
  #eletroshop-root .es-product-grid,
  #eletroshop-root .es-promotions-grid {
    grid-template-columns: 1fr !important;
  }

  #eletroshop-root .es-footer-grid {
    grid-template-columns: 1fr !important;
  }

  #eletroshop-root .es-modal {
    padding: 1rem !important;
  }

  #eletroshop-root .es-color-variants {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #eletroshop-root .es-product-detail-title {
    font-size: 1.5rem !important;
  }

  #eletroshop-root .es-product-detail-price {
    font-size: 2rem !important;
  }
}

@media (min-width: 1024px) {
  #eletroshop-root .es-product-grid,
  #eletroshop-root .es-promotions-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Melhorando botões com gradientes e sombras profissionais */
#eletroshop-root .es-buy-btn,
#eletroshop-root .es-buy-btn-large {
  padding: 0.75rem 1.5rem !important;
  border: none !important;
  border-radius: var(--es-radius) !important;
  background: linear-gradient(135deg, var(--es-primary) 0%, var(--es-accent) 100%) !important;
  color: var(--es-primary-foreground) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

#eletroshop-root .es-buy-btn:hover,
#eletroshop-root .es-buy-btn-large:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2), 0 4px 6px -2px rgba(0, 0, 0, 0.1) !important;
  background: linear-gradient(135deg, var(--es-accent) 0%, var(--es-primary) 100%) !important;
}

#eletroshop-root .es-buy-btn:active,
#eletroshop-root .es-buy-btn-large:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1) !important;
}

/* Estilos para home page estilo Americanas */

/* Banner Hero Grande */
#eletroshop-root .es-hero-banner {
  position: relative !important;
  width: 100% !important;
  height: 500px !important; /* Altura padrão para desktop */
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

#eletroshop-root .es-hero-banner-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
}

#eletroshop-root .es-hero-banner-slide.active {
  opacity: 1 !important;
}

#eletroshop-root .es-hero-banner-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#eletroshop-root .es-hero-banner-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  padding: 1.5rem !important; /* Reduzindo padding */
  text-align: center !important;
  transition: background 0.5s ease !important;
}

#eletroshop-root .es-hero-banner-title {
  font-size: 3.5rem !important; /* Ajuste da fonte do título */
  font-weight: 900 !important;
  color: white !important;
  margin-bottom: 0.5rem !important; /* Reduzindo margem */
  line-height: 1.1 !important;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
  letter-spacing: -1.5px !important;
}

#eletroshop-root .es-hero-banner-subtitle {
  font-size: 1rem !important; /* Reduzindo fonte do subtítulo */
  color: rgba(255, 255, 255, 0.95) !important;
  margin-bottom: 1rem !important; /* Reduzindo margem */
  line-height: 1.5 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

#eletroshop-root .es-hero-banner-cta {
  padding: 0.8rem 2rem !important; /* Reduzindo padding do botão */
  border: none !important;
  border-radius: 50px !important;
  background-color: white !important;
  color: #dc2626 !important;
  font-size: 1rem !important; /* Reduzindo fonte do botão */
  font-weight: 700 !important;
  font-family: inherit !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

#eletroshop-root .es-hero-banner-indicators {
  position: absolute !important;
  bottom: 1rem !important; /* Ajustando posição dos indicadores */
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 1rem !important;
  z-index: 10 !important;
}

/* Barra de Categorias */
#eletroshop-root .es-categories-bar {
  background-color: white !important;
  border-bottom: 1px solid var(--es-border) !important;
  padding: 1rem 0 !important;
  overflow-x: auto !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

#eletroshop-root .es-categories-container {
  display: flex !important;
  gap: 0.75rem !important;
  padding: 0 1rem !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

#eletroshop-root .es-category-chip {
  padding: 0.625rem 1.5rem !important;
  border: 2px solid var(--es-border) !important;
  border-radius: 50px !important;
  background-color: white !important;
  color: var(--es-foreground) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

#eletroshop-root .es-category-chip:hover {
  border-color: var(--es-primary) !important;
  background-color: var(--es-primary) !important;
  color: white !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Wrapper de Conteúdo */
#eletroshop-root .es-content-wrapper {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 2rem 1rem !important;
}

/* Seção de Ofertas */
#eletroshop-root .es-offers-section {
  margin-bottom: 3rem !important;
}

#eletroshop-root .es-section-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 1.5rem !important;
}

#eletroshop-root .es-section-title-large {
  font-size: 2rem !important;
  font-weight: 800 !important;
  color: var(--es-foreground) !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

#eletroshop-root .es-see-all-link {
  color: #dc2626 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

#eletroshop-root .es-see-all-link:hover {
  color: #991b1b !important;
  text-decoration: underline !important;
}

/* Transformando ofertas do dia em carrossel */
#eletroshop-root .es-offers-section {
  margin-bottom: 3rem !important;
}

#eletroshop-root .es-carousel-wrapper {
  position: relative !important;
  padding: 0 3rem !important;
}

#eletroshop-root .es-offers-carousel {
  display: flex !important;
  gap: 1rem !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  padding: 1rem 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#eletroshop-root .es-offers-carousel::-webkit-scrollbar {
  display: none !important;
}

#eletroshop-root .es-offer-card {
  min-width: 220px !important;
  max-width: 220px !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--es-border) !important;
  border-radius: var(--es-radius) !important;
  background-color: white !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

#eletroshop-root .es-offer-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
  border-color: #dc2626 !important;
}

#eletroshop-root .es-offer-image-wrapper {
  position: relative !important;
  width: 100% !important;
  padding-bottom: 100% !important;
  background-color: var(--es-muted) !important;
}

#eletroshop-root .es-offer-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.3s ease !important;
}

#eletroshop-root .es-offer-card:hover .es-offer-image {
  transform: scale(1.1) !important;
}

#eletroshop-root .es-offer-badge {
  position: absolute !important;
  top: 0.5rem !important;
  left: 0.5rem !important;
  padding: 0.375rem 0.75rem !important;
  background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%) !important;
  color: white !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

#eletroshop-root .es-offer-content {
  padding: 1rem !important;
}

#eletroshop-root .es-offer-name {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.3 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

#eletroshop-root .es-offer-price-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  margin-bottom: 0.5rem !important;
}

#eletroshop-root .es-offer-price-old {
  font-size: 0.75rem !important;
  color: var(--es-muted-foreground) !important;
  text-decoration: line-through !important;
}

#eletroshop-root .es-offer-price {
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #dc2626 !important;
  line-height: 1.2 !important;
}

#eletroshop-root .es-offer-discount {
  display: inline-block !important;
  padding: 0.25rem 0.5rem !important;
  background-color: #dcfce7 !important;
  color: #16a34a !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
}

/* Banner Promocional Intermediário */
#eletroshop-root .es-promo-banner {
  margin: 3rem 0 !important;
  padding: 2rem !important;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
  border-radius: calc(var(--es-radius) + 4px) !important;
  text-align: center !important;
  box-shadow: 0 8px 16px rgba(59, 130, 246, 0.3) !important;
}

#eletroshop-root .es-promo-banner-content h3 {
  font-size: 1.75rem !important;
  font-weight: 800 !important;
  color: white !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.2 !important;
}

#eletroshop-root .es-promo-banner-content p {
  font-size: 1rem !important;
  color: rgba(255, 255, 255, 0.9) !important;
  line-height: 1.5 !important;
}

/* Produtos em Destaque */
#eletroshop-root .es-featured-section {
  margin-bottom: 3rem !important;
}

#eletroshop-root .es-featured-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 1.5rem !important;
}

/* Adicionando estilos para seção de produtos mais vendidos */
#eletroshop-root .es-best-selling-section {
  margin-bottom: 3rem !important;
}

#eletroshop-root .es-best-selling-carousel {
  display: flex !important;
  gap: 1.5rem !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  padding: 1rem 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#eletroshop-root .es-best-selling-carousel::-webkit-scrollbar {
  display: none !important;
}

#eletroshop-root .es-best-selling-carousel .es-product-card {
  min-width: 250px !important;
  max-width: 250px !important;
  flex-shrink: 0 !important;
}

/* Todos os Produtos */
#eletroshop-root .es-all-products-section {
  margin-bottom: 3rem !important;
}

/* Responsi vo para mobile */
@media (max-width: 768px) {
  /* Reduzindo altura do banner para 90px em tablets */
  #eletroshop-root .es-hero-banner {
    height: 90px !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }

  /* Ajustando tamanhos de texto proporcionalmente para caber em 90px */
  #eletroshop-root .es-hero-banner-content {
    padding: 0.8rem !important;
  }

  #eletroshop-root .es-hero-banner-title {
    font-size: 1.2rem !important;
    line-height: 1.1 !important;
    margin-bottom: 0.2rem !important;
  }

  #eletroshop-root .es-hero-banner-subtitle {
    font-size: 0.7rem !important;
    margin-bottom: 0.4rem !important;
  }

  #eletroshop-root .es-hero-banner-cta {
    padding: 0.4rem 1rem !important;
    font-size: 0.7rem !important;
  }

  #eletroshop-root .es-hero-banner-indicators {
    bottom: 0.3rem !important;
  }

  #eletroshop-root .es-categories-bar {
    padding: 0.75rem 0 !important;
  }

  #eletroshop-root .es-section-title-large {
    font-size: 1.5rem !important;
  }

  #eletroshop-root .es-offers-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #eletroshop-root .es-featured-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  #eletroshop-root .es-promo-banner {
    padding: 1.5rem 1rem !important;
  }

  #eletroshop-root .es-promo-banner-content h3 {
    font-size: 1.25rem !important;
  }

  #eletroshop-root .es-promo-banner-content p {
    font-size: 0.875rem !important;
  }

  /* Ajustando carrosséis para mobile */
  #eletroshop-root .es-carousel-wrapper {
    padding: 0 2rem !important;
  }

  #eletroshop-root .es-offer-card {
    min-width: 180px !important;
    max-width: 180px !important;
  }

  #eletroshop-root .es-best-selling-carousel .es-product-card {
    min-width: 200px !important;
    max-width: 200px !important;
  }
}

@media (max-width: 480px) {
  /* Reduzindo altura do banner para 70px em mobile pequeno */
  #eletroshop-root .es-hero-banner {
    height: 70px !important;
  }

  #eletroshop-root .es-hero-banner-content {
    padding: 0.6rem !important;
  }

  #eletroshop-root .es-hero-banner-title {
    font-size: 1rem !important;
    margin-bottom: 0.15rem !important;
  }

  #eletroshop-root .es-hero-banner-subtitle {
    font-size: 0.65rem !important;
    margin-bottom: 0.3rem !important;
    display: none !important;
  }

  #eletroshop-root .es-hero-banner-cta {
    padding: 0.3rem 0.8rem !important;
    font-size: 0.65rem !important;
  }

  #eletroshop-root .es-hero-banner-indicators {
    bottom: 0.2rem !important;
    gap: 0.4rem !important;
  }

  #eletroshop-root .es-banner-indicator {
    width: 6px !important;
    height: 6px !important;
  }

  #eletroshop-root .es-offers-grid {
    grid-template-columns: 1fr !important;
  }

  /* Ajustando carrosséis para mobile pequeno */
  #eletroshop-root .es-carousel-wrapper {
    padding: 0 1.5rem !important;
  }

  #eletroshop-root .es-offer-card {
    min-width: 160px !important;
    max-width: 160px !important;
  }

  #eletroshop-root .es-best-selling-carousel .es-product-card {
    min-width: 180px !important;
    max-width: 180px !important;
  }
}

/* Adicionando estilos para banners personalizáveis full-width */
#eletroshop-root .es-hero-banner {
  position: relative !important;
  width: 100% !important;
  height: 500px !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

#eletroshop-root .es-hero-banner-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
}

#eletroshop-root .es-hero-banner-slide.active {
  opacity: 1 !important;
}

#eletroshop-root .es-hero-banner-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Adicionando setas de navegação do carrossel */
#eletroshop-root .es-carousel-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border: none !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: #0a0a0a !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#eletroshop-root .es-carousel-arrow:hover {
  background-color: white !important;
  transform: translateY(-50%) scale(1.1) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}

#eletroshop-root .es-carousel-arrow-left {
  left: 1rem !important;
}

#eletroshop-root .es-carousel-arrow-right {
  right: 1rem !important;
}

/* Adicionando badge de desconto PIX */
#eletroshop-root .es-pix-discount-badge {
  position: absolute !important;
  bottom: 0.75rem !important;
  left: 0.75rem !important;
  padding: 0.5rem 0.875rem !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Botão de adicionar ao carrinho nos cards */
#eletroshop-root .es-add-to-cart-btn {
  position: absolute !important;
  top: 0.75rem !important;
  right: 0.75rem !important;
  width: 45px !important;
  height: 44px !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
  z-index: 10 !important;
}

#eletroshop-root .es-add-to-cart-btn:hover {
  transform: scale(1.1) !important;
}

#eletroshop-root .es-add-to-cart-btn svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Adicionando estilos para carrossel de categorias arredondadas */
#eletroshop-root .es-categories-carousel-section {
  padding: 2rem 0 !important;
  background: linear-gradient(to bottom, #f9fafb 0%, white 100%) !important;
}

#eletroshop-root .es-categories-carousel-wrapper {
  position: relative !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 3rem !important;
}

#eletroshop-root .es-categories-carousel-container {
  display: flex !important;
  gap: 2rem !important;
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
  padding: 1rem 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

#eletroshop-root .es-categories-carousel-container::-webkit-scrollbar {
  display: none !important;
}

/* Melhorando estilos das categorias para círculos perfeitos */
#eletroshop-root .es-category-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.75rem !important;
  min-width: 100px !important;
}

#eletroshop-root .es-category-circle {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  border: none !important;
  background: linear-gradient(135deg, var(--es-primary) 0%, var(--es-accent) 100%) !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#eletroshop-root .es-category-circle:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.05) translateY(-4px) !important;
}

#eletroshop-root .es-category-circle.active {
  box-shadow: 0 0 0 4px var(--es-primary) !important;
  transform: scale(1.1) !important;
}

#eletroshop-root .es-category-circle-inner {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

#eletroshop-root .es-category-circle-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

#eletroshop-root .es-category-name {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: var(--es-foreground) !important;
  max-width: 100px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Botão de limpar filtro */
#eletroshop-root .es-clear-filter-btn {
  padding: 0.5rem 1rem !important;
  background: var(--es-muted) !important;
  color: var(--es-foreground) !important;
  border: 1px solid var(--es-border) !important;
  border-radius: 8px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

#eletroshop-root .es-clear-filter-btn:hover {
  background: var(--es-accent) !important;
  color: white !important;
  border-color: var(--es-accent) !important;
}

/* Badge de frete grátis */
#eletroshop-root .es-free-shipping-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.5rem 1rem !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
  border-radius: var(--es-radius) !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  width: fit-content !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
}

/* Contador de quantidade */
#eletroshop-root .es-quantity-selector {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.5rem !important;
  background-color: var(--es-muted) !important;
  border-radius: var(--es-radius) !important;
  width: fit-content !important;
}

#eletroshop-root .es-quantity-btn {
  width: 2.5rem !important;
  height: 2.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--es-primary) !important;
  color: var(--es-primary-foreground) !important;
  border: none !important;
  border-radius: calc(var(--es-radius) - 2px) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}

#eletroshop-root .es-quantity-btn:hover {
  background-color: var(--es-primary-hover) !important;
  transform: scale(1.05) !important;
}

#eletroshop-root .es-quantity-btn:active {
  transform: scale(0.95) !important;
}

#eletroshop-root .es-quantity-value {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: var(--es-foreground) !important;
  min-width: 2rem !important;
  text-align: center !important;
}

/* Melhorias no responsivo page de produto */
@media (max-width: 768px) {
  /* Padding adequado para não pegar nas laterais */
  #eletroshop-root .es-product-detail {
    padding: 1rem !important;
    gap: 1.5rem !important;
  }

  #eletroshop-root .es-product-detail-info {
    gap: 1rem !important;
  }

  /* Reduzindo tamanhos para mobile */
  #eletroshop-root .es-product-detail-title {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
  }

  #eletroshop-root .es-product-detail-price {
    font-size: 1.5rem !important;
  }

  #eletroshop-root .es-product-detail-description {
    font-size: 0.875rem !important;
  }

  #eletroshop-root .es-product-detail-category {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
  }

  #eletroshop-root .es-free-shipping-badge {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
  }

  /* Botões menores em mobile */
  #eletroshop-root .es-buy-btn-large {
    padding: 0.875rem 1.5rem !important;
    font-size: 1rem !important;
  }

  #eletroshop-root .es-voltage-btn {
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
  }

  /* Contador de quantidade menor em mobile */
  #eletroshop-root .es-quantity-btn {
    width: 2rem !important;
    height: 2rem !important;
    font-size: 1rem !important;
  }

  #eletroshop-root .es-quantity-value {
    font-size: 1rem !important;
    min-width: 1.5rem !important;
  }

  /* Variantes de cor menores */
  #eletroshop-root .es-color-variant {
    padding: 0.5rem !important;
  }

  #eletroshop-root .es-color-variant-image {
    width: 50px !important;
    height: 50px !important;
  }

  #eletroshop-root .es-color-variant span {
    font-size: 0.75rem !important;
  }

  /* Imagens do produto */
  #eletroshop-root .es-product-detail-main-image {
    max-height: 300px !important;
    padding: 0.5rem !important;
  }

  #eletroshop-root .es-product-detail-thumb {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
  }
}

@media (max-width: 480px) {
  /* Mobile pequeno - ainda mais compacto */
  #eletroshop-root .es-product-detail {
    padding: 0.75rem !important;
  }

  #eletroshop-root .es-product-detail-title {
    font-size: 1.125rem !important;
  }

  #eletroshop-root .es-product-detail-price {
    font-size: 1.25rem !important;
  }

  #eletroshop-root .es-color-variants {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Breadcrumb */
#eletroshop-root .es-breadcrumb {
  padding: 1rem 1.5rem !important;
  font-size: 0.875rem !important;
  color: var(--es-muted-foreground) !important;
  background-color: var(--es-muted) !important;
}

#eletroshop-root .es-breadcrumb-link {
  color: var(--es-primary) !important;
  text-decoration: none !important;
}

#eletroshop-root .es-breadcrumb-link:hover {
  text-decoration: underline !important;
}

#eletroshop-root .es-breadcrumb-separator {
  margin: 0 0.5rem !important;
}

#eletroshop-root .es-breadcrumb-current {
  color: var(--es-foreground) !important;
}

/* Reorganizando layout da página de produto */
#eletroshop-root .es-product-detail {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  gap: 2rem !important;
  padding: 2rem 1.5rem !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

/* Container da galeria com miniaturas à esquerda */
#eletroshop-root .es-product-gallery-container {
  display: flex !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

/* Miniaturas verticais à esquerda */
#eletroshop-root .es-product-thumbs-vertical {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  width: 80px !important;
  flex-shrink: 0 !important;
}

#eletroshop-root .es-product-thumb-vertical {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  border: 2px solid transparent !important;
  transition: all 0.2s ease !important;
  background-color: var(--es-muted) !important;
  padding: 0.25rem !important;
}

#eletroshop-root .es-product-thumb-vertical:hover {
  border-color: var(--es-primary) !important;
  transform: scale(1.05) !important;
}

#eletroshop-root .es-product-thumb-vertical.active {
  border-color: var(--es-primary) !important;
  box-shadow: 0 0 0 1px var(--es-primary) !important;
}

#eletroshop-root .es-product-thumb-more {
  width: 80px !important;
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--es-muted) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  color: var(--es-muted-foreground) !important;
  font-size: 1.25rem !important;
}

/* Imagem principal grande */
#eletroshop-root .es-product-main-image-container {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: 500px !important;
}

#eletroshop-root .es-product-main-image {
  width: 100% !important;
  height: auto !important;
  max-height: 500px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background-color: var(--es-muted) !important;
  padding: 1.5rem !important;
}

/* Informações do produto */
#eletroshop-root .es-product-detail-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

#eletroshop-root .es-product-detail-title {
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--es-foreground) !important;
  margin: 0 !important;
}

#eletroshop-root .es-product-detail-category {
  display: inline-block !important;
  padding: 0.5rem 1rem !important;
  background-color: var(--es-muted) !important;
  color: var(--es-muted-foreground) !important;
  border-radius: 6px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  width: fit-content !important;
}

/* Badge de frete grátis */
#eletroshop-root .es-free-shipping-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0.5rem 1rem !important;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: white !important;
  border-radius: 6px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  width: fit-content !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3) !important;
}

#eletroshop-root .es-product-detail-rating {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  color: var(--es-muted-foreground) !important;
  font-size: 0.875rem !important;
}

#eletroshop-root .es-product-detail-description {
  color: var(--es-muted-foreground) !important;
  line-height: 1.6 !important;
  font-size: 1rem !important;
}

/* Preço com desconto */
#eletroshop-root .es-product-detail-price-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}

#eletroshop-root .es-product-price-old {
  font-size: 1rem !important;
  color: var(--es-muted-foreground) !important;
  text-decoration: line-through !important;
}

#eletroshop-root .es-product-detail-price {
  font-size: 2rem !important;
  font-weight: 700 !important;
  color: var(--es-primary) !important;
}

#eletroshop-root .es-product-discount-badge {
  padding: 0.375rem 0.75rem !important;
  background-color: #dc2626 !important;
  color: white !important;
  border-radius: 6px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
}

/* Responsivo para mobile */
@media (max-width: 768px) {
  #eletroshop-root .es-breadcrumb {
    padding: 0.75rem 1rem !important;
    font-size: 0.75rem !important;
  }

  #eletroshop-root .es-product-detail {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    padding: 1rem !important;
  }

  #eletroshop-root .es-product-gallery-container {
    flex-direction: column-reverse !important;
  }

  #eletroshop-root .es-product-thumbs-vertical {
    flex-direction: row !important;
    width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: 0.5rem !important;
  }

  #eletroshop-root .es-product-thumb-vertical {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important;
  }

  #eletroshop-root .es-product-thumb-more {
    width: 60px !important;
    height: 60px !important;
    font-size: 1rem !important;
  }

  #eletroshop-root .es-product-main-image-container {
    max-width: 100% !important;
  }

  #eletroshop-root .es-product-main-image {
    max-height: 350px !important;
    padding: 1rem !important;
  }

  #eletroshop-root .es-product-detail-title {
    font-size: 1.25rem !important;
  }

  #eletroshop-root .es-product-detail-price {
    font-size: 1.5rem !important;
  }

  #eletroshop-root .es-product-price-old {
    font-size: 0.875rem !important;
  }

  #eletroshop-root .es-product-discount-badge {
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
  }

  #eletroshop-root .es-free-shipping-badge {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
  }

  #eletroshop-root .es-product-detail-category {
    font-size: 0.75rem !important;
    padding: 0.375rem 0.75rem !important;
  }

  #eletroshop-root .es-buy-btn-large {
    padding: 0.875rem 1.5rem !important;
    font-size: 1rem !important;
  }
}

@media (max-width: 480px) {
  /* Mobile pequeno - ainda mais compacto */
  #eletroshop-root .es-product-detail {
    padding: 0.75rem !important;
  }

  #eletroshop-root .es-product-detail-title {
    font-size: 1.125rem !important;
  }

  #eletroshop-root .es-product-detail-price {
    font-size: 1.25rem !important;
  }

  #eletroshop-root .es-color-variants {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Estilos para busca com sugestões */
#eletroshop-root .es-search-wrapper-americanas {
  position: relative !important;
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

#eletroshop-root .es-search-spinner {
  animation: spin 1s linear infinite !important;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#eletroshop-root .es-search-suggestions-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background: white !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  max-height: 500px !important;
  overflow-y: auto !important;
  z-index: 1000 !important;
  margin-top: 4px !important;
}

#eletroshop-root .es-suggestions-section,
#eletroshop-root .es-suggested-products-section {
  padding: 1rem !important;
  border-bottom: 1px solid #e5e7eb !important;
}

#eletroshop-root .es-suggested-products-section:last-child {
  border-bottom: none !important;
}

#eletroshop-root .es-suggestions-title {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #374151 !important;
  margin: 0 0 0.75rem 0 !important;
  text-transform: lowercase !important;
}

#eletroshop-root .es-suggestion-item {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
  padding: 0.75rem !important;
  border: none !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  transition: background-color 0.2s !important;
  font-size: 0.875rem !important;
  color: #374151 !important;
}

#eletroshop-root .es-suggestion-item:hover {
  background-color: #f3f4f6 !important;
}

#eletroshop-root .es-suggestion-icon {
  color: #dc2626 !important;
  flex-shrink: 0 !important;
}

#eletroshop-root .es-suggested-product-item {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
  width: 100% !important;
  padding: 0.75rem !important;
  border: none !important;
  background: transparent !important;
  text-align: left !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  transition: background-color 0.2s !important;
}

#eletroshop-root .es-suggested-product-item:hover {
  background-color: #f3f4f6 !important;
}

#eletroshop-root .es-suggested-product-image {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
}

#eletroshop-root .es-suggested-product-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  flex: 1 !important;
  min-width: 0 !important;
}

#eletroshop-root .es-suggested-product-name {
  font-size: 0.875rem !important;
  color: #374151 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.4 !important;
}

#eletroshop-root .es-suggested-product-price {
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #dc2626 !important;
}

/* Mobile responsivo */
@media (max-width: 768px) {
  #eletroshop-root .es-search-suggestions-dropdown {
    max-height: 400px !important;
  }

  #eletroshop-root .es-suggested-product-image {
    width: 50px !important;
    height: 50px !important;
  }

  #eletroshop-root .es-suggested-product-name {
    font-size: 0.8125rem !important;
  }

  #eletroshop-root .es-suggested-product-price {
    font-size: 0.875rem !important;
  }
}

/* Ajustando banners promocionais para 4 por linha e tamanho responsivo */
#eletroshop-root .es-promotional-banners {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1rem !important;
  margin: 2rem 0 !important;
}

@media (max-width: 1024px) {
  #eletroshop-root .es-promotional-banners {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 640px) {
  #eletroshop-root .es-promotional-banners {
    grid-template-columns: 1fr !important;
  }
}

#eletroshop-root .es-promo-banner-item {
  position: relative !important;
  overflow: hidden !important;
  border-radius: calc(var(--es-radius) + 4px) !important;
  cursor: pointer !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  height: 300px !important;
}

#eletroshop-root .es-promo-banner-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

#eletroshop-root .es-promo-banner-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}