/**
 * Amiadê — Estilo e Identidade Visual (Redesign 2026)
 * Referência: Conceito Editorial & Joalheria Contemporânea (Estilo Camila Klein)
 * Paleta Oficial: Verde Petróleo, Rosé, Rosa Claro, Dourado, Off-White, Branco
 */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIÁVEIS E TOKENS DE DESIGN
   ========================================================================== */
:root {
  --amiade-verde-petroleo: #1F4E57;
  --amiade-verde-petroleo-hover: #16383E;
  --amiade-rose: #D8A7A7;
  --amiade-rose-hover: #C99393;
  --amiade-rosa-claro: #F6E7E4;
  --amiade-dourado: #C9A86A;
  --amiade-dourado-hover: #B89758;
  --amiade-off-white: #FBF8F5;
  --amiade-branco: #FFFFFF;
  --amiade-texto-escuro: #2D2D2D;
  --amiade-texto-suave: #666666;
  --amiade-borda-suave: #ECE4DC;

  /* Fontes */
  --font-editorial: 'Playfair Display', Georgia, serif;
  --font-clean: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ==========================================================================
   2. BASE & CANVAS
   ========================================================================== */
body {
  background-color: var(--amiade-off-white) !important;
  color: var(--amiade-texto-escuro) !important;
  font-family: var(--font-clean) !important;
  -webkit-font-smoothing: antialiased;
}

/* Títulos Editoriais (Estilo Camila Klein) */
h1, h2, h3, .title, .module-title, .title-module, .block-title, .page-title {
  font-family: var(--font-editorial) !important;
  color: var(--amiade-verde-petroleo) !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px;
}

/* ==========================================================================
   3. CABEÇALHO & BARRA DE AVISOS
   ========================================================================== */
/* Barra superior de aviso */
.module-header_notice,
.header-notice {
  background-color: var(--amiade-verde-petroleo) !important;
  color: var(--amiade-branco) !important;
  font-size: 13px !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.module-header_notice a,
.header-notice a {
  color: var(--amiade-dourado) !important;
  text-decoration: underline;
  font-weight: 600;
}

/* Cabeçalho principal */
.header-classic,
.desktop-header-active .journal-header,
.mobile-header {
  background-color: var(--amiade-branco) !important;
  border-bottom: 1px solid var(--amiade-borda-suave) !important;
}

/* Links do menu */
.main-menu > ul > li > a,
.mobile-menu-item {
  color: var(--amiade-verde-petroleo) !important;
  font-family: var(--font-clean) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.main-menu > ul > li > a:hover {
  color: var(--amiade-rose) !important;
}

/* ==========================================================================
   4. BOTÕES E CHAMADAS PARA AÇÃO (CTAs)
   ========================================================================== */
/* Botão primário (Comprar, Carrinho, Finalizar Pedido) */
.btn-primary,
.btn-cart,
.quick-checkout-button,
#button-checkout,
.checkout-section .btn-primary {
  background-color: var(--amiade-verde-petroleo) !important;
  border-color: var(--amiade-verde-petroleo) !important;
  color: var(--amiade-branco) !important;
  font-family: var(--font-clean) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(31, 78, 87, 0.25) !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover,
.btn-cart:hover,
.quick-checkout-button:hover,
#button-checkout:hover {
  background-color: var(--amiade-verde-petroleo-hover) !important;
  border-color: var(--amiade-verde-petroleo-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(31, 78, 87, 0.35) !important;
}

/* Botões Secundários */
.btn-default,
.btn-secondary {
  background-color: transparent !important;
  border: 1px solid var(--amiade-rose) !important;
  color: var(--amiade-verde-petroleo) !important;
  font-family: var(--font-clean) !important;
  font-weight: 500 !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}

.btn-default:hover,
.btn-secondary:hover {
  background-color: var(--amiade-rose) !important;
  color: var(--amiade-branco) !important;
}

/* ==========================================================================
   5. CARDS DE PRODUTOS & VITRINES
   ========================================================================== */
.product-layout .product-thumb {
  background: var(--amiade-branco) !important;
  border: 1px solid var(--amiade-borda-suave) !important;
  border-radius: 8px !important;
  padding: 12px !important;
  transition: all 0.35s ease !important;
}

.product-layout .product-thumb:hover {
  box-shadow: 0 12px 30px rgba(31, 78, 87, 0.1) !important;
  border-color: var(--amiade-rose) !important;
  transform: translateY(-3px);
}

/* Nome do produto */
.product-thumb .name a {
  font-family: var(--font-editorial) !important;
  color: var(--amiade-verde-petroleo) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.35;
  transition: color 0.3s ease;
}

.product-thumb .name a:hover {
  color: var(--amiade-rose) !important;
}

/* Preço em Dourado */
.product-thumb .price,
.product-info .price,
.price-new,
.price-normal {
  color: var(--amiade-dourado) !important;
  font-family: var(--font-clean) !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: 0.3px;
}

.price-old {
  color: #9E9E9E !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

/* Selos de Produto (Novo, Exclusivo, Oferta) */
.product-label,
.label-latest,
.label-special {
  background-color: var(--amiade-rose) !important;
  color: var(--amiade-branco) !important;
  font-family: var(--font-clean) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px;
  border-radius: 3px !important;
  padding: 3px 8px !important;
}

/* Ícone de Wishlist (Favoritos) */
.btn-wishlist {
  color: var(--amiade-rose) !important;
  transition: transform 0.2s ease, color 0.2s ease;
}

.btn-wishlist:hover {
  color: var(--amiade-verde-petroleo) !important;
  transform: scale(1.15);
}

/* Badges de contagem do carrinho */
.count-badge,
.cart-badge {
  background-color: var(--amiade-dourado) !important;
  color: var(--amiade-branco) !important;
  font-weight: 700;
}

/* ==========================================================================
   6. SEÇÕES DE BENEFÍCIOS & NEWSLETTER (ROSA CLARO)
   ========================================================================== */
.module-blocks,
.journal-blocks,
.info-block {
  background-color: var(--amiade-rosa-claro) !important;
  border-radius: 8px;
}

.module-newsletter {
  background-color: var(--amiade-rosa-claro) !important;
  border-radius: 8px;
  padding: 40px 20px !important;
}

.module-newsletter .module-title {
  color: var(--amiade-verde-petroleo) !important;
}

/* ==========================================================================
   7. RODAPÉ INSTITUCIONAL
   ========================================================================== */
footer,
.journal-footer {
  background-color: var(--amiade-verde-petroleo) !important;
  color: var(--amiade-off-white) !important;
  border-top: 3px solid var(--amiade-dourado) !important;
}

footer a:not(.product-thumb *):not(.product-layout *):not(.product-details *),
.journal-footer a:not(.product-thumb *):not(.product-layout *):not(.product-details *) {
  color: var(--amiade-off-white) !important;
  opacity: 0.85;
  transition: all 0.3s ease;
}

footer a:not(.product-thumb *):not(.product-layout *):not(.product-details *):hover,
.journal-footer a:not(.product-thumb *):not(.product-layout *):not(.product-details *):hover {
  color: var(--amiade-rose) !important;
  opacity: 1;
  padding-left: 2px;
}

footer .module-title,
.journal-footer .module-title {
  color: var(--amiade-dourado) !important;
  font-family: var(--font-editorial) !important;
  font-size: 18px !important;
}

/* ==========================================================================
   8. HEADER & CATEGORIAS ESTILO CAMILA KLEIN
   ========================================================================== */

/* Barra de Avisos Superior (Blush Nude com setas) - Sem borda e padding reduzido */
.notice-module,
.module-header_notice,
.module-header_notice-56,
.module-header_notice-56 .module-body,
.module-header_notice-56 .module-item,
.module-header_notice .hn-body,
.header-notice {
  background: var(--amiade-rosa-claro) !important;
  background-color: var(--amiade-rosa-claro) !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.module-header_notice .hn-content,
.module-header_notice-56 .hn-content,
.header-notice p {
  color: var(--amiade-verde-petroleo) !important;
  font-family: var(--font-clean) !important;
  font-size: 11.5px !important; /* +2% ampliação refinada */
  font-weight: 600 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 4px 0 !important; /* Padding reduzido e delicado */
  line-height: 1.3 !important;
}

.module-header_notice .hn-content::before {
  content: '‹' !important;
  color: var(--amiade-dourado) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
}

.module-header_notice .hn-content::after {
  content: '›' !important;
  color: var(--amiade-dourado) !important;
  font-size: 16px !important;
  font-weight: 300 !important;
}

.module-header_notice .hn-close {
  display: none !important;
}

/* Ocultar barra superior redundante (Twitter/idioma) para manter fluxo limpo estilo Camila Klein */
.header-classic .top-bar {
  display: none !important;
}

/* Header Geral — Fundo Branco Puro e Limpo */
.header-classic,
.desktop-header-active .header-classic,
.header-lg {
  background-color: var(--amiade-branco) !important;
  border-bottom: none !important;
}

/* Mid-Bar (Logo Centralizado + Utilitários na Direita) */
.header-classic .mid-bar {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  position: relative !important;
  padding: 20px 48px 18px 48px !important;
  min-height: 102px !important;
  background-color: var(--amiade-branco) !important;
}

/* Logo 100% Centralizado */
.header-classic .desktop-logo-wrapper {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 10 !important;
  text-align: center !important;
}

.header-classic .desktop-logo-wrapper #logo img {
  max-height: 84px !important; /* Logo AMIADE ampliado com destaque nobre */
  width: auto !important;
  display: inline-block !important;
}

.header-classic .desktop-logo-wrapper #logo h1 a {
  font-family: var(--font-editorial) !important;
  font-size: 34px !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--amiade-verde-petroleo) !important;
}


/* Barra de Utilitários no Canto Direito (Conta, Busca, Carrinho) */
.header-classic .header-utilities-bar {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin-left: auto !important;
  z-index: 15 !important;
}

/* 1. Ícone de Conta / Login (Ordem 1) */
.header-utilities-bar .utility-account-wrapper {
  order: 1 !important;
}

.header-utilities-bar .utility-account-wrapper .top-menu {
  margin: 0 !important;
  padding: 0 !important;
}

.header-utilities-bar .utility-account-wrapper .top-menu > ul.j-menu {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.header-utilities-bar .utility-account-wrapper .top-menu-item-1 > a {
  font-size: 0 !important; /* esconde texto 'Conta' */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  color: var(--amiade-verde-petroleo) !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  padding: 0 !important;
  background: transparent !important;
}

.header-utilities-bar .utility-account-wrapper .top-menu-item-1 > a::before {
  content: '007'; /* FontAwesome user icon */
  font-family: 'FontAwesome' !important;
  font-size: 19px !important;
}

.header-utilities-bar .utility-account-wrapper .top-menu-item-1 > a::after {
  display: none !important; /* esconde seta para baixo */
}

.header-utilities-bar .utility-account-wrapper .top-menu-item-1 > a:hover {
  color: var(--amiade-rose) !important;
  transform: scale(1.08);
}

/* Ocultar Wishlist e Comparar do header */
.header-utilities-bar .utility-account-wrapper .top-menu-item-5,
.header-utilities-bar .utility-account-wrapper .top-menu-item-6 {
  display: none !important;
}

/* 2. Ícone de Busca (Lupa) (Ordem 2) */
.header-utilities-bar .desktop-search-wrapper {
  order: 2 !important;
  position: relative !important;
  margin: 0 !important;
  min-width: unset !important;
  width: auto !important;
}

.header-utilities-bar #search {
  position: relative !important;
  min-height: unset !important;
  height: auto !important;
  width: auto !important;
  border: none !important;
  background: transparent !important;
}

.header-utilities-bar #search .search-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  background: transparent !important;
  border: none !important;
  color: var(--amiade-verde-petroleo) !important;
  font-size: 19px !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.header-utilities-bar #search .search-trigger::before {
  content: '002' !important; /* fa-search */
  font-family: 'FontAwesome' !important;
  font-size: 18px !important;
}

.header-utilities-bar #search .search-trigger:hover {
  color: var(--amiade-rose) !important;
  transform: scale(1.08);
}

/* Esconder popup de busca por padrão para não sobrepor o menu */
.header-utilities-bar #search > .dropdown-menu {
  display: none !important;
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: calc(100% + 8px) !important;
  min-width: 300px !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
  border: 1px solid var(--amiade-borda-suave) !important;
  border-radius: 6px !important;
  padding: 10px !important;
  z-index: 1000 !important;
}

.header-utilities-bar #search.open > .dropdown-menu {
  display: block !important;
}

.header-utilities-bar #search .search-categories {
  display: none !important;
}

.header-utilities-bar #search .search-input {
  border: 1px solid var(--amiade-borda-suave) !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  outline: none !important;
  background: #FFFFFF !important;
  width: 100% !important;
}

.header-utilities-bar #search .search-button {
  background: var(--amiade-verde-petroleo) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  width: 36px !important;
  height: 36px !important;
  margin-left: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.header-utilities-bar #search .search-button::before {
  content: '002' !important;
  font-family: 'FontAwesome' !important;
  font-size: 14px !important;
}

/* 3. Ícone de Sacola / Carrinho (Ordem 3) */
.header-utilities-bar .desktop-cart-wrapper {
  order: 3 !important;
  position: relative !important;
  margin: 0 !important;
}

.header-utilities-bar .desktop-cart-wrapper #cart,
.header-utilities-bar .desktop-cart-wrapper #cart > a,
.header-utilities-bar .desktop-cart-wrapper #cart .cart-heading,
.header-utilities-bar #cart,
.header-utilities-bar .desktop #cart:hover {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.header-utilities-bar .desktop-cart-wrapper #cart .cart-heading {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: 32px !important;
  height: 32px !important;
  color: var(--amiade-verde-petroleo) !important;
  text-decoration: none !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.header-utilities-bar .desktop-cart-wrapper #cart .cart-heading:hover {
  color: var(--amiade-rose) !important;
  transform: scale(1.08);
}

.header-utilities-bar .desktop-cart-wrapper #cart #cart-total {
  display: none !important;
}

.header-utilities-bar .desktop-cart-wrapper #cart .cart-heading i,
.header-utilities-bar .desktop-cart-wrapper #cart>a>i,
.desktop .header-utilities-bar #cart:hover>a>i {
  background: transparent !important;
  background-color: transparent !important;
  width: auto !important;
  height: auto !important;
  font-size: 21px !important;
  color: inherit !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

.header-utilities-bar .desktop-cart-wrapper #cart .cart-heading i::before,
.header-utilities-bar .desktop-cart-wrapper #cart>a>i::before {
  content: '290' !important; /* fa-shopping-bag */
  font-family: 'FontAwesome' !important;
  font-size: 21px !important;
  color: var(--amiade-verde-petroleo) !important;
  left: 0 !important;
  top: 0 !important;
  transition: color 0.2s ease !important;
}

.header-utilities-bar .desktop-cart-wrapper #cart .cart-heading:hover i::before {
  color: var(--amiade-rose) !important;
}

.header-utilities-bar .desktop-cart-wrapper #cart #cart-items {
  position: absolute !important;
  top: -4px !important;
  right: -6px !important;
  background-color: var(--amiade-dourado) !important;
  color: #FFFFFF !important;
  font-family: var(--font-clean) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 17px !important;
  height: 17px !important;
  line-height: 17px !important;
  border-radius: 50% !important;
  text-align: center !important;
  padding: 0 3px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
  border: none !important;
}

/* ==========================================================================
   BARRA DE MENU DE CATEGORIAS CENTRALIZADA (100% ESTILO CAMILA KLEIN)
   ========================================================================== */
.desktop-main-menu-wrapper {
  background-color: var(--amiade-branco) !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 12px 0 16px 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.desktop-main-menu-wrapper #main-menu {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.desktop-main-menu-wrapper #main-menu > ul.j-menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.desktop-main-menu-wrapper #main-menu > ul.j-menu > li.main-menu-item {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

.desktop-main-menu-wrapper #main-menu > ul.j-menu > li.main-menu-item > a {
  font-family: var(--font-clean) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 2.2px !important;
  text-transform: uppercase !important;
  color: var(--amiade-verde-petroleo) !important;
  padding: 8px 6px !important;
  position: relative !important;
  transition: color 0.25s ease !important;
  background: transparent !important;
}

/* Hover refinado com filete Dourado inferior */
.desktop-main-menu-wrapper #main-menu > ul.j-menu > li.main-menu-item > a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 1.5px;
  background-color: var(--amiade-dourado);
  transition: width 0.28s ease;
}

.desktop-main-menu-wrapper #main-menu > ul.j-menu > li.main-menu-item:hover > a {
  color: var(--amiade-rose) !important;
}

.desktop-main-menu-wrapper #main-menu > ul.j-menu > li.main-menu-item:hover > a::after {
  width: 100%;
}

/* Ocultar qualquer menu secundário ou wrapper solto da linha de categorias */
.desktop-main-menu-wrapper #main-menu-2,
.desktop-main-menu-wrapper .desktop-cart-wrapper,
.desktop-main-menu-wrapper .desktop-search-wrapper,
.desktop-main-menu-wrapper .menu-trigger {
  display: none !important;
}

/* ==========================================================================
   9. SEÇÃO EDITORIAL EM VÍDEO (ESTILO CAMILA KLEIN - COLEÇÃO PAVIMENTAR)
   ========================================================================== */

/* Remove preenchimentos e fundos residuais do módulo Journal 3 */
.module-blocks-299,
.module-blocks-299 .module-body,
.module-blocks-299 .block-item,
.module-blocks-299 .block-wrapper,
.module-blocks-299 .block-content,
.module-blocks-299 .block-body {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.amiade-video-editorial {
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  min-height: 520px;
  max-height: 620px;
  height: 58vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0A0D0E;
}

.amiade-video-editorial .video-media-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.amiade-video-editorial .video-element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
  z-index: 1;
  pointer-events: none;
}

/* Gradiente horizontal editorial: mascara com perfeição os flancos e foca a joia central */
.amiade-video-editorial .video-gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    #0A0D0E 0%,
    #0A0D0E 27%,
    rgba(10, 13, 14, 0.90) 33%,
    rgba(10, 13, 14, 0.20) 39%,
    rgba(10, 13, 14, 0.0) 44%,
    rgba(10, 13, 14, 0.0) 56%,
    rgba(10, 13, 14, 0.20) 61%,
    rgba(10, 13, 14, 0.90) 67%,
    #0A0D0E 73%,
    #0A0D0E 100%
  );
  z-index: 2;
  pointer-events: none;
}

/* Conteúdo sobreposto ao vídeo */
.amiade-video-editorial .video-overlay-content {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1320px;
  padding: 40px 60px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  box-sizing: border-box;
}

/* Coluna Esquerda: Citação / Manifesto Poético */
.amiade-video-editorial .video-quote-col {
  flex: 1;
  max-width: 500px;
}

.amiade-video-editorial .editorial-eyebrow {
  display: inline-block;
  font-family: var(--font-clean);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--amiade-dourado);
  margin-bottom: 14px;
}

.amiade-video-editorial .editorial-manifesto {
  font-family: var(--font-editorial) !important;
  font-size: 24px;
  font-weight: 400 !important;
  line-height: 1.5;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #FFFFFF !important;
  margin: 0;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85);
}

/* Coluna Direita: Marca & Coleção */
.amiade-video-editorial .video-brand-col {
  flex: 0 0 320px;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.amiade-video-editorial .brand-eyebrow {
  font-family: var(--font-clean);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--amiade-dourado);
  margin-bottom: 8px;
}

.amiade-video-editorial .brand-heading {
  font-family: var(--font-editorial) !important;
  font-size: 34px;
  font-weight: 400 !important;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #FFFFFF !important;
  margin: 0 0 6px 0;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.85);
}

.amiade-video-editorial .brand-subline {
  font-family: var(--font-clean);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  color: var(--amiade-rosa-claro);
  margin: 0 0 24px 0;
}

.amiade-video-editorial .editorial-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 28px;
  border: 1px solid var(--amiade-dourado);
  background: rgba(10, 14, 15, 0.45);
  backdrop-filter: blur(4px);
  color: #FFFFFF !important;
  font-family: var(--font-clean);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: all 0.35s ease;
  border-radius: 2px;
}

.amiade-video-editorial .editorial-cta-btn:hover {
  background: var(--amiade-dourado) !important;
  color: #0A0D0E !important;
  border-color: var(--amiade-dourado) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(201, 168, 106, 0.25);
}

.amiade-video-editorial .editorial-cta-btn svg {
  transition: transform 0.25s ease;
}

.amiade-video-editorial .editorial-cta-btn:hover svg {
  transform: translateX(4px);
}

/* Responsividade Mobile e Tablet */
@media (max-width: 992px) {
  .amiade-video-editorial {
    min-height: 480px;
    height: auto;
    padding: 60px 0;
  }

  .amiade-video-editorial .video-overlay-content {
    flex-direction: column;
    text-align: center;
    gap: 32px;
    padding: 20px 24px;
  }

  .amiade-video-editorial .video-quote-col,
  .amiade-video-editorial .video-brand-col {
    max-width: 100%;
    flex: auto;
    text-align: center;
    align-items: center;
  }

  .amiade-video-editorial .editorial-manifesto {
    font-size: 20px;
    letter-spacing: 1.5px;
  }

  .amiade-video-editorial .video-gradient-overlay {
    background: linear-gradient(
      180deg,
      rgba(10, 14, 15, 0.85) 0%,
      rgba(10, 14, 15, 0.35) 50%,
      rgba(10, 14, 15, 0.85) 100%
    );
  }
}

/* ==========================================================================
   CARDS DE FRETE CORREIOS NO ONE PAGE CHECKOUT (ESTILO LUXO AMIADÊ)
   ========================================================================== */
.quick-checkout .section-shipping .shippings .radio {
  margin: 12px 0 !important;
  padding: 0 !important;
}

.quick-checkout .section-shipping .shippings .radio label {
  display: flex !important;
  flex-direction: column !important;
  padding: 14px 18px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E8DFD8 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  position: relative !important;
}

.quick-checkout .section-shipping .shippings .radio label:hover {
  border-color: var(--amiade-rose) !important;
  background-color: var(--amiade-off-white) !important;
}

.quick-checkout .section-shipping .shippings .radio label input[type="radio"] {
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  margin: 0 !important;
  accent-color: var(--amiade-verde-petroleo) !important;
}

.quick-checkout .section-shipping .shippings .radio .shipping-quote-title {
  font-family: var(--font-clean) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--amiade-verde-petroleo) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.quick-checkout .section-shipping .shippings .radio .shipping-quote-title::before {
  content: '🚚';
  font-size: 15px;
}

.quick-checkout .section-shipping .shippings .radio .shipping-quote-desc {
  font-family: var(--font-clean) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #6E6E6E !important;
  margin-top: 4px !important;
  margin-left: 24px !important;
}

/* ==========================================================================
   SIMULADOR DE FRETE E PRAZO NA PÁGINA DO PRODUTO (AMIADÊ LUXURY)
   ========================================================================== */
.amiade-shipping-calculator {
  margin-top: 24px;
  margin-bottom: 24px;
  background-color: var(--amiade-off-white);
  border: 1px solid var(--amiade-borda-suave);
  border-radius: 12px;
  padding: 18px 20px;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.amiade-shipping-calculator:hover {
  border-color: var(--amiade-rose);
  box-shadow: 0 4px 16px rgba(31, 78, 87, 0.05);
}

.shipping-calc-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.shipping-calc-icon {
  color: var(--amiade-verde-petroleo);
  flex-shrink: 0;
}

.shipping-calc-title {
  font-family: 'Playfair Display', serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--amiade-verde-petroleo);
  line-height: 1.2;
}

.shipping-calc-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  color: var(--amiade-texto-suave);
  margin-top: 2px;
}

.shipping-calc-form {
  margin-bottom: 6px;
}

.shipping-input-group {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.shipping-input-group #amiade-cep-input {
  flex: 1;
  height: 42px;
  background: var(--amiade-branco);
  border: 1px solid var(--amiade-borda-suave);
  border-radius: 6px;
  padding: 0 14px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: var(--amiade-texto-escuro);
  letter-spacing: 0.5px;
  transition: all 0.2s ease;
}

.shipping-input-group #amiade-cep-input:focus {
  outline: none;
  border-color: var(--amiade-verde-petroleo);
  box-shadow: 0 0 0 2px rgba(31, 78, 87, 0.12);
}

.shipping-input-group #amiade-cep-btn {
  height: 42px;
  padding: 0 20px;
  background-color: var(--amiade-verde-petroleo);
  color: var(--amiade-branco);
  border: none;
  border-radius: 6px;
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  min-width: 105px;
}

.shipping-input-group #amiade-cep-btn:hover {
  background-color: var(--amiade-verde-petroleo-hover);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(31, 78, 87, 0.15);
}

.shipping-helper-row {
  margin-top: 6px;
  text-align: right;
}

.shipping-find-cep {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  color: var(--amiade-texto-suave);
  text-decoration: underline;
  transition: color 0.2s ease;
}

.shipping-find-cep:hover {
  color: var(--amiade-verde-petroleo);
}

.shipping-loading, .shipping-error {
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  padding: 10px 12px;
  border-radius: 6px;
  margin-top: 10px;
}

.shipping-loading {
  background: var(--amiade-branco);
  color: var(--amiade-verde-petroleo);
  border: 1px dashed var(--amiade-borda-suave);
}

.shipping-error {
  background: #FFF5F5;
  color: #C53030;
  border: 1px solid #FEB2B2;
}

.shipping-quotes-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.shipping-quote-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--amiade-branco);
  border: 1px solid var(--amiade-borda-suave);
  border-radius: 8px;
  padding: 12px 14px;
  transition: all 0.2s ease;
}

.shipping-quote-item:hover {
  border-color: var(--amiade-rose);
  transform: translateY(-1px);
}

.shipping-quote-item.is-fastest {
  border-left: 3px solid var(--amiade-dourado);
}

.shipping-quote-item .quote-name {
  font-family: 'Montserrat', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--amiade-texto-escuro);
  display: flex;
  align-items: center;
  gap: 6px;
}

.shipping-quote-item .quote-date {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: var(--amiade-texto-suave);
  margin-top: 3px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.shipping-quote-item .quote-price {
  font-family: 'Montserrat', sans-serif;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--amiade-verde-petroleo);
}

.quote-fastest-badge {
  font-family: 'Montserrat', sans-serif;
  background: var(--amiade-rosa-claro);
  color: var(--amiade-verde-petroleo);
  font-size: 9.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 2px 7px;
  border-radius: 12px;
}

.shipping-note {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  color: var(--amiade-texto-suave);
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}


/* ==========================================================================
   MINIMALIST 3-STEP EDITORIAL CHECKOUT (MATCHING REFERENCE)
   ========================================================================== */

/* Page Overrides: clean background, hide bulky titles & breadcrumbs on checkout */
.route-checkout-checkout {
  background-color: #FFFFFF !important;
}

.route-checkout-checkout .breadcrumb,
.route-checkout-checkout .page-title,
.route-checkout-checkout h1.title {
  display: none !important;
}

.route-checkout-checkout #content {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.route-checkout-checkout .quick-checkout-wrapper,
.route-checkout-checkout .quick-checkout,
.route-checkout-checkout .checkout-section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.amiade-checkout-container {
  max-width: 1140px;
  margin: 30px auto 70px auto;
  padding: 0 20px;
}

.amiade-checkout-app {
  width: 100%;
}

/* ==========================================================================
   1. TOP HORIZONTAL STEPPER
   ========================================================================== */
.amiade-stepper-wrap {
  width: 100%;
  margin-bottom: 40px;
  padding: 10px 0 20px 0;
}

.amiade-stepper {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 580px;
  margin: 0 auto;
}

.amiade-stepper-line {
  position: absolute;
  top: 16px;
  left: 45px;
  right: 45px;
  height: 1px;
  background: #C4BCB3;
  z-index: 1;
}

.amiade-step-node {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  text-decoration: none !important;
  min-width: 90px;
}

.amiade-step-node .step-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #999999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #333333;
  transition: all 0.2s ease;
}

.amiade-step-node .step-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #777777;
  font-weight: 500;
  margin-top: 8px;
  letter-spacing: 0.2px;
  text-align: center;
  transition: all 0.2s ease;
}

/* Completed Step */
.amiade-step-node.is-completed .step-circle {
  border-color: #555555;
  color: #111111;
}

.amiade-step-node.is-completed .step-label {
  color: #555555;
  font-weight: 500;
}

/* Active Step */
.amiade-step-node.is-active .step-circle {
  border-color: #111111;
  color: #111111;
}

.amiade-step-node.is-active .step-label {
  color: #111111;
  font-weight: 700;
}

/* ==========================================================================
   2. TWO-COLUMN SPLIT LAYOUT
   ========================================================================== */
.amiade-checkout-split {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

.amiade-checkout-left {
  flex: 1 1 58%;
  min-width: 0;
}

.amiade-checkout-right {
  flex: 1 1 42%;
  min-width: 340px;
  position: sticky;
  top: 30px;
  padding-left: 0;
}

@media (max-width: 991px) {
  .amiade-checkout-split {
    flex-direction: column-reverse;
    gap: 30px;
  }
  .amiade-checkout-right {
    position: static;
    width: 100%;
  }
}

/* ==========================================================================
   3. SECTION HEADERS & INSET INPUT BOXES
   ========================================================================== */
.amiade-section-block {
  margin-bottom: 28px;
}

.amiade-section-header {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #1A1A1A;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

/* Inset / Floating Label Input Box */
.amiade-field-box {
  border: 1px solid #767676;
  border-radius: 2px;
  background: #FFFFFF;
  padding: 7px 14px 8px 14px;
  margin-bottom: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
  position: relative;
}

.amiade-field-box:focus-within {
  border-color: #111111;
}

.amiade-field-box .field-label {
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  color: #666666;
  line-height: 1.2;
  margin-bottom: 3px;
}

.amiade-field-box .field-input {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #111111 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: 1.4 !important;
}

.amiade-row-fields {
  display: flex;
  gap: 10px;
}

.amiade-row-fields .field-num,
.amiade-row-fields .field-uf {
  flex: 1;
}

.amiade-row-fields .field-comp,
.amiade-row-fields .field-city {
  flex: 2;
}

/* Newsletter Checkbox */
.amiade-newsletter-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #555555;
  cursor: pointer;
  margin-top: 6px;
  margin-bottom: 0;
  font-weight: 400;
}

.amiade-newsletter-label input[type="checkbox"] {
  margin: 0;
  accent-color: #1F4E57;
  cursor: pointer;
}

/* ==========================================================================
   4. SHIPPING METHODS (ENTREGA)
   ========================================================================== */
.amiade-shipping-list {
  width: 100%;
}

.amiade-shipping-card {
  background: #F4F4F4;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.amiade-shipping-card:hover {
  background: #ECECEC;
}

.amiade-shipping-card.is-selected {
  background: #F4F4F4;
  border-color: #C0C0C0;
}

.shipping-card-left {
  display: flex;
  align-items: center;
  gap: 14px;
}

.shipping-radio {
  margin: 0 !important;
  width: 17px;
  height: 17px;
  accent-color: #111111;
  cursor: pointer;
}

.shipping-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111111;
  line-height: 1.3;
}

.shipping-desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #666666;
  margin-top: 3px;
}

.shipping-price {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111111;
  white-space: nowrap;
}

.shipping-toggle-container {
  text-align: center;
  margin-top: 10px;
}

.shipping-toggle-btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111111;
  text-decoration: none;
}

.shipping-toggle-btn:hover {
  text-decoration: underline;
}

/* ==========================================================================
   5. ADDRESS PREVIEW CARD & ADDRESS EDITING
   ========================================================================== */
.amiade-address-card {
  border: 1px solid #767676;
  border-radius: 2px;
  background: #FFFFFF;
  padding: 14px 16px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 10px;
}

.address-icon {
  font-size: 18px;
  color: #111111;
  margin-top: 2px;
  flex-shrink: 0;
}

.address-content {
  flex-grow: 1;
  font-family: 'Montserrat', sans-serif;
  color: #111111;
  line-height: 1.4;
}

.address-line-main {
  font-size: 14px;
  font-weight: 600;
  color: #111111;
}

.address-line-sub,
.address-line-city {
  font-size: 13px;
  color: #222222;
  margin-top: 2px;
}

.address-action {
  flex-shrink: 0;
}

.address-alterar-btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #111111;
  text-decoration: underline;
  cursor: pointer;
}

.address-done-wrap {
  text-align: right;
  margin-top: 8px;
}

.btn-address-done {
  background: #FFFFFF;
  border: 1px solid #1F4E57;
  color: #1F4E57;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-address-done:hover {
  background: #1F4E57;
  color: #FFFFFF;
}

/* ==========================================================================
   6. CTA BUTTONS
   ========================================================================== */
.amiade-step-cta {
  margin-top: 28px;
}

.btn-continue-payment {
  background: #1F4E57;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  width: 100%;
  padding: 16px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
}

.btn-continue-payment:hover {
  background: #16383e;
}

/* ==========================================================================
   7. RIGHT COLUMN: ORDER SUMMARY
   ========================================================================== */
.amiade-order-summary {
  background: #FFFFFF;
  border: 1px solid #ECE7E1;
  border-radius: 8px;
  padding: 28px 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
}

/* Product list */
.summary-product-list {
  width: 100%;
}

.summary-product-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0 18px 0;
}

.summary-product-item:first-child {
  padding-top: 0;
}

.summary-product-item:not(:last-child) {
  border-bottom: 1px solid #F0ECE7;
}

.summary-product-thumb img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 4px;
  background: #F4F4F4;
  display: block;
}

.summary-product-info {
  flex-grow: 1;
  min-width: 0;
}

.summary-product-name {
  font-family: 'Montserrat', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  color: #1A1A1A;
  line-height: 1.4;
}

.summary-product-qty {
  color: #777777;
  font-weight: 400;
}

.summary-product-options {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #777777;
  margin-top: 3px;
}

.summary-product-total {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  white-space: nowrap;
  flex-shrink: 0;
  padding-left: 12px;
}

.summary-divider-line {
  height: 1px;
  background: #ECE7E1;
  margin: 0 0 16px 0;
}

/* Totals */
.summary-totals-list {
  width: 100%;
}

.summary-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #2D2D2D;
}

.summary-total-row.is-discount {
  color: #3FA9E0 !important;
}

.summary-total-row.is-discount .total-label,
.summary-total-row.is-discount .total-value {
  color: #3FA9E0 !important;
}

.summary-total-row.is-total {
  padding: 14px 0 0 0;
  margin-top: 6px;
  border-top: 1px solid #ECE7E1;
  font-size: 16px;
  font-weight: 700;
  color: #111111;
}

.summary-total-row.is-total .total-label,
.summary-total-row.is-total .total-value {
  font-size: 16px;
  font-weight: 700;
  color: #111111;
}

/* Coupon Section */
.summary-coupon-section {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px dashed #E2DDD5;
  text-align: center;
}

.coupon-toggle-link {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #111111;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  background: none !important;
  border: none !important;
  padding: 4px 8px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: color 0.15s ease;
}

.coupon-toggle-link:hover {
  color: #000000;
}

.coupon-toggle-link:focus,
.coupon-toggle-link:active {
  outline: none !important;
  box-shadow: none !important;
}

.coupon-input-box {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  align-items: stretch;
  height: 44px;
}

.coupon-input-field {
  flex-grow: 1;
  height: 44px !important;
  line-height: 44px !important;
  border: 1px solid #767676 !important;
  border-radius: 2px !important;
  padding: 0 14px !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 13.5px !important;
  color: #111111 !important;
  outline: none !important;
  background: #FFFFFF !important;
  box-sizing: border-box !important;
}

.coupon-input-field:focus {
  border-color: #111111 !important;
}

.coupon-submit-btn {
  height: 44px !important;
  line-height: 44px !important;
  background: #1F4E57 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 0 24px !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box !important;
}

.coupon-submit-btn:hover {
  background: #16383e !important;
}

.coupon-message {
  margin-top: 6px;
  font-size: 12px;
  color: #1F4E57;
}

/* ==========================================================================
   8. STEP 3: PAGAMENTO (REVIEW CARD, NOTICE, ORDER BUMP, METHODS)
   ========================================================================== */
.order-notice-box {
  background: #FFF9E6;
  border: 1px solid #FFE082;
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 24px;
}

.notice-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notice-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #8D6E00;
}

.notice-close {
  background: none;
  border: none;
  font-size: 18px;
  line-height: 1;
  color: #8D6E00;
  cursor: pointer;
}

.notice-body {
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  color: #5D4E00;
  margin-top: 4px;
}

.amiade-review-summary-card {
  border: 1px solid #767676;
  border-radius: 2px;
  background: #FFFFFF;
  padding: 8px 16px;
  margin-bottom: 28px;
}

.review-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}

.review-icon {
  font-size: 16px;
  color: #111111;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
}

.review-content {
  flex-grow: 1;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #111111;
  line-height: 1.4;
}

.review-label-sub {
  color: #666666;
  font-size: 12px;
}

.review-action {
  flex-shrink: 0;
}

.review-alterar-btn {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  color: #111111;
  text-decoration: underline;
  cursor: pointer;
}

.review-divider {
  height: 1px;
  background: #EFEBE5;
}

/* Leve Junto */
.order-bump-card {
  border: 1px solid #EAE3D9;
  border-radius: 4px;
  background: #FDFBF7;
  padding: 16px 18px;
  margin-bottom: 24px;
}

.bump-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #1A1A1A;
}

.bump-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  color: #757575;
  margin-top: 2px;
}

.bump-card-body {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  background: #FFFFFF;
  border: 1px solid #ECE5DB;
  border-radius: 4px;
  padding: 12px 14px;
}

.bump-thumb-wrap img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 4px;
}

.bump-info-wrap {
  flex-grow: 1;
}

.bump-name {
  font-family: 'Montserrat', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #1A1A1A;
  line-height: 1.3;
}

.bump-price {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #1F4E57;
  margin-top: 3px;
}

.btn-bump-action {
  background: #FFFFFF;
  border: 1px solid #1F4E57;
  color: #1F4E57;
  font-family: 'Montserrat', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-bump-action:hover, .btn-bump-action.bump-selected {
  background: #1F4E57;
  color: #FFFFFF;
}

/* Payment Block in Step 3 */
.amiade-payment-block-wrap {
  margin-top: 20px;
}

.amiade-payment-block-wrap .checkout-section {
  background: #FFFFFF !important;
  border: 1px solid #E2DDD5 !important;
  border-radius: 4px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

.amiade-payment-block-wrap .title.section-title {
  display: none !important;
}

#quick-checkout-button-confirm {
  background: #1F4E57 !important;
  border-color: #1F4E57 !important;
  color: #FFFFFF !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 16px 20px !important;
  border-radius: 4px !important;
  width: 100% !important;
  margin-top: 16px !important;
  cursor: pointer;
  transition: background 0.2s ease;
}

#quick-checkout-button-confirm:hover {
  background: #16383e !important;
}

/* ==========================================================================
   CORREÇÕES DE CONTRASTE — RODAPÉ ("MAIS VISUALIZADOS") & POPUPS
   ========================================================================== */

/* 1. Cards de Produtos no Rodapé ("MAIS VISUALIZADOS") */
footer .product-thumb,
.journal-footer .product-thumb,
footer .product-layout,
.journal-footer .product-layout,
.bottom .product-thumb {
  background-color: #FFFFFF !important;
  border-radius: 6px !important;
}

footer .product-thumb .name a,
.journal-footer .product-thumb .name a,
footer .product-details .name a,
.journal-footer .product-details .name a,
.bottom .product-thumb .name a,
footer .product-thumb a.product-img + .product-details .name a {
  color: var(--amiade-verde-petroleo) !important; /* #1F4E57 */
  font-family: var(--font-clean) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  padding-left: 0 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

footer .product-thumb .name a:hover,
.journal-footer .product-thumb .name a:hover,
footer .product-details .name a:hover,
.journal-footer .product-details .name a:hover,
.bottom .product-thumb .name a:hover {
  color: var(--amiade-rose) !important; /* #D8A7A7 */
  opacity: 1 !important;
}

footer .product-thumb .price,
.journal-footer .product-thumb .price,
footer .product-thumb .price-normal,
.journal-footer .product-thumb .price-normal,
footer .product-thumb .price-new,
.journal-footer .product-thumb .price-new,
.bottom .product-thumb .price {
  color: var(--amiade-dourado) !important; /* #C9A86A */
  font-weight: 700 !important;
  font-size: 15px !important;
  opacity: 1 !important;
}

footer .product-thumb .cart-group .btn-cart,
.journal-footer .product-thumb .cart-group .btn-cart,
footer .product-thumb .wishlist-group .btn-wishlist,
.journal-footer .product-thumb .wishlist-group .btn-wishlist,
footer .product-thumb .compare-group .btn-compare,
.journal-footer .product-thumb .compare-group .btn-compare {
  color: var(--amiade-verde-petroleo) !important;
  opacity: 0.85 !important;
}

/* 2. Modal Popup ("Oi, linda ✨" & Popups Gerais) */
.popup-wrapper,
.popup-container,
.popup-body,
.popup-inner-body,
.module-popup {
  color: var(--amiade-texto-escuro) !important;
}

.popup-body .title,
.popup-body h1,
.popup-body h2,
.popup-body h3,
.popup-header .title,
.popup-inner-body .title {
  color: var(--amiade-verde-petroleo) !important; /* #1F4E57 */
  font-family: var(--font-editorial) !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

.popup-content,
.popup-content p,
.popup-content span,
.popup-body .block-body,
.popup-body .block-body p,
.popup-body .block-body span {
  color: #2D2D2D !important; /* Contraste preto/cinza escuro contra fundo blush nude */
  font-family: var(--font-clean) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.popup-content b,
.popup-content strong,
.popup-body .block-body b,
.popup-body .block-body strong {
  color: var(--amiade-verde-petroleo) !important; /* Destaque verde petróleo */
  font-weight: 700 !important;
}

/* Botão fechar do popup */
.popup-close {
  color: var(--amiade-verde-petroleo) !important;
  background: #FFFFFF !important;
  opacity: 0.9 !important;
  border-radius: 50% !important;
}

.popup-close:hover {
  color: var(--amiade-rose) !important;
  background: #FFFFFF !important;
}

/* Rodapé do popup com checkbox "Não mostre de novo" */
.popup-footer,
.popup-dont-show,
.popup-dont-show label {
  color: var(--amiade-verde-petroleo) !important;
  font-family: var(--font-clean) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

.popup-dont-show input[type="checkbox"] {
  accent-color: var(--amiade-verde-petroleo) !important;
  margin-right: 8px !important;
}

/* Supressão Total do Popup Antigo (Module 195) */
.popup-195,
.module-popup-195,
[data-module-id="195"],
.popup-195-open .popup-bg,
.popup-195-open .popup-wrapper,
.popup-195-open .popup-container {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
}

/* ==========================================================================
   MODAL DE BOAS-VINDAS & 10% OFF — CONCEITO CAMILA KLEIN
   ========================================================================== */
.amiade-lead-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
  padding: 16px;
  box-sizing: border-box;
}

.amiade-lead-modal-overlay.amiade-modal-active {
  opacity: 1;
  visibility: visible;
}

.amiade-lead-modal-card {
  background: #FFFFFF;
  width: 100%;
  max-width: 520px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
  transform: translateY(20px) scale(0.96);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
}

.amiade-lead-modal-overlay.amiade-modal-active .amiade-lead-modal-card {
  transform: translateY(0) scale(1);
}

/* Header Blush Nude com Logo */
.amiade-lead-modal-header {
  background-color: #F6E7E4;
  padding: 22px 24px;
  position: relative;
  text-align: center;
}

.amiade-lead-logo {
  font-family: var(--font-editorial, 'Playfair Display', serif);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #1F4E57;
  text-transform: uppercase;
  margin: 0;
}

.amiade-lead-close-btn {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 28px;
  line-height: 1;
  color: #1F4E57;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.2s, transform 0.2s;
  padding: 4px;
}

.amiade-lead-close-btn:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
}

/* Corpo do Modal */
.amiade-lead-modal-body {
  padding: 32px 36px 36px;
  text-align: center;
}

.amiade-lead-title {
  font-family: var(--font-clean, 'Montserrat', sans-serif);
  font-size: 26px;
  font-weight: 600;
  color: #1A1A1A;
  margin: 0 0 12px 0;
  letter-spacing: -0.3px;
}

.amiade-lead-subtitle {
  font-size: 13.5px;
  line-height: 1.55;
  color: #555555;
  margin: 0 0 8px 0;
}

.amiade-lead-subtitle strong {
  color: #1F4E57;
  font-weight: 600;
}

.amiade-lead-caption {
  font-size: 12.5px;
  color: #888888;
  margin: 0 0 28px 0;
}

/* Grid de Formulário Minimalista (Underline Style Camila Klein) */
.amiade-lead-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 22px;
  text-align: left;
}

.amiade-lead-grid.full-row {
  grid-template-columns: 1fr;
}

.amiade-lead-field label {
  display: block;
  font-size: 11.5px;
  font-weight: 500;
  color: #444444;
  margin-bottom: 4px;
  text-transform: none;
  letter-spacing: 0.2px;
}

.amiade-lead-field input,
.amiade-lead-field select {
  width: 100%;
  border: none !important;
  border-bottom: 1.5px solid #222222 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 6px 0 !important;
  font-size: 13.5px !important;
  color: #222222 !important;
  font-family: inherit !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.2s ease !important;
  box-sizing: border-box;
}

.amiade-lead-field input:focus,
.amiade-lead-field select:focus {
  border-bottom-color: #1F4E57 !important;
}

.amiade-lead-input-phone {
  display: flex;
  align-items: center;
  border-bottom: 1.5px solid #222222;
}

.amiade-lead-input-phone input {
  border-bottom: none !important;
  flex: 1;
}

.amiade-lead-flag {
  font-size: 16px;
  margin-right: 8px;
  user-select: none;
}

/* LGPD & Privacidade */
.amiade-lead-lgpd {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 24px;
  font-size: 11.5px;
  color: #666666;
  line-height: 1.45;
}

.amiade-lead-lgpd label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  margin-bottom: 6px;
  font-weight: normal;
}

.amiade-lead-lgpd input[type="checkbox"] {
  accent-color: #1F4E57;
  margin-top: 2px;
}

.amiade-lead-privacy {
  padding-left: 20px;
  font-size: 11px;
  color: #888888;
}

.amiade-lead-privacy a {
  color: #1F4E57;
  text-decoration: underline;
}

/* Mensagem de Erro */
.amiade-lead-error {
  background-color: #FFF0F0;
  color: #D32F2F;
  border: 1px solid #FFCDD2;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 12.5px;
  margin-bottom: 16px;
  text-align: left;
}

/* Botão Enviar (Verde Petróleo Sólido) */
.amiade-lead-submit-btn {
  background: #1F4E57 !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 13px 40px !important;
  min-width: 170px !important;
  border-radius: 3px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  cursor: pointer !important;
  transition: background 0.25s ease, transform 0.15s ease !important;
  display: inline-block;
  margin: 0 auto;
}

.amiade-lead-submit-btn:hover {
  background: #16383E !important;
  transform: translateY(-1px);
}

.amiade-lead-submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Tela de Sucesso */
.amiade-lead-success-screen {
  padding: 40px 36px;
}

.amiade-lead-success-sparkle {
  font-size: 38px;
  margin-bottom: 12px;
}

.amiade-lead-coupon-box {
  background: #FBF8F5;
  border: 2px dashed #C9A86A;
  border-radius: 6px;
  padding: 18px 20px;
  margin: 24px 0 16px;
  text-align: center;
}

.amiade-lead-coupon-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #888888;
  margin-bottom: 6px;
}

.amiade-lead-coupon-code {
  font-size: 26px;
  font-weight: 700;
  color: #1F4E57;
  letter-spacing: 3px;
  margin-bottom: 12px;
}

.amiade-lead-copy-btn {
  background: #FFFFFF;
  color: #1F4E57;
  border: 1px solid #1F4E57;
  border-radius: 3px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.amiade-lead-copy-btn:hover {
  background: #1F4E57;
  color: #FFFFFF;
}

.amiade-lead-autoapplied {
  font-size: 13px;
  color: #1F4E57;
  margin-bottom: 24px;
}

/* Responsividade Mobile */
@media (max-width: 540px) {
  .amiade-lead-modal-card {
    max-width: 100%;
  }

  .amiade-lead-modal-body {
    padding: 24px 20px 28px;
  }

  .amiade-lead-title {
    font-size: 22px;
  }

  .amiade-lead-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 16px;
  }

  .amiade-lead-submit-btn {
    width: 100% !important;
  }
}