/* ==========================================================================
   LOTUS PERFUMARIA — CLONE EXATO DA IMAGEM DE REFERÊNCIA (100% PURE BLACK & GOLD)
   ========================================================================== */

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

:root {
  --lum-black: #000000;
  --lum-card-bg: #131215;
  --lum-card-border: rgba(255, 255, 255, 0.08);
  --lum-gold: #dfb16f;
  --lum-gold-light: #f3d198;
  --lum-gold-dark: #b88b48;
  --lum-text-white: #ffffff;
  --lum-text-muted: #88847f;
  --lum-btn-dark: #120e06;
  --font-serif: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Global variables */
  --black: #000000;
  --gold: #dfb16f;
  --light: #131215;
  --ink: #ffffff;
  --muted: #88847f;
  --border: rgba(255, 255, 255, 0.08);
  --lum-offwhite: #000000;
  --lum-graphite: #ffffff;
  --lum-champagne: #dfb16f;
  --lum-sand: rgba(255, 255, 255, 0.08);
  --lum-white: #131215;
  --product-accent: #dfb16f;
  --product-accent-soft: rgba(223, 177, 111, 0.15);
  --product-border: rgba(255, 255, 255, 0.08);
}

* {
  box-sizing: border-box;
}

html, body {
  background-color: #000000 !important;
  background: #000000 !important;
  color: #ffffff !important;
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}

button {
  cursor: pointer;
  font-family: inherit;
}

/* Esconder aviso de topo para manter layout limpo idêntico à imagem */
.promo {
  display: none !important;
}

/* Container de largura ajustada ao frame luxury */
.clone-container {
  width: min(100%, 531px);
  margin: 0 auto;
  padding: 0 14px;
}

.clone-container-fluid {
  width: min(100%, 531px);
  margin: 0 auto;
  padding: 0;
}

/* ==========================================================================
   HEADER CLONE (IGUAL À IMAGEM DE REFERÊNCIA)
   ========================================================================== */
.header-clone {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #000000;
  width: min(100%, 531px);
  margin: 0 auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.header-clone-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 12px;
}

.header-clone-logo {
  font-family: var(--font-serif);
  font-size: 20px;
  letter-spacing: 0.15em;
  font-weight: 700;
  color: var(--lum-gold);
  text-transform: uppercase;
  flex-shrink: 0;
}

.header-clone-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  color: #b5afa7;
}

.header-clone-nav a {
  position: relative;
  padding: 4px 0;
  white-space: nowrap;
}

.header-clone-nav a:hover {
  color: #ffffff;
}

.header-clone-nav a.active {
  color: #ffffff;
  font-weight: 600;
}

.header-clone-nav a.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--lum-gold);
}

.header-clone-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-clone-icon {
  background: transparent;
  border: 0;
  color: #ffffff;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.header-clone-icon:hover {
  color: var(--lum-gold);
}

.header-cart-icon {
  position: relative;
}

.header-cart-badge {
  position: absolute;
  top: -4px;
  right: -6px;
  background: var(--lum-gold);
  color: var(--lum-btn-dark);
  font-size: 9px;
  font-weight: 800;
  min-width: 14px;
  height: 14px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  line-height: 1;
}

/* Painel de busca */
.search-panel-dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
  background: #080808;
}
.search-panel-dropdown.is-open {
  max-height: 70px;
  padding: 8px 12px 12px;
}
.search-form-luxury {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #141318;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 0 14px;
  height: 38px;
}
.search-form-luxury input {
  flex: 1;
  background: transparent;
  border: 0;
  color: #ffffff;
  font-size: 12px;
  outline: none;
}
.search-form-luxury button {
  background: var(--lum-gold);
  border: 0;
  color: var(--lum-btn-dark);
  border-radius: 12px;
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
}

/* ==========================================================================
   CORPO PRINCIPAL (CLONE HOME)
   ========================================================================== */
.clone-home-wrapper {
  background-color: #000000 !important;
  background: #000000 !important;
  padding-bottom: 24px;
}

/* ==========================================================================
   HERO BANNER
   ========================================================================== */
.clone-hero-wrap {
  padding: 10px 0 6px;
  background: #000000;
}

.clone-hero-image {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   UNIFIED HEADER + HERO CLONE (TOP)
   ========================================================================== */
.clone-top-interactive {
  position: relative;
  width: min(100%, 531px);
  margin: 0 auto;
  overflow: hidden;
  background: #000000;
}

.clone-top-img {
  width: 100%;
  height: auto;
  display: block;
}

.clone-hotspots {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.clone-hotspots .hs {
  position: absolute;
  display: block;
  pointer-events: auto;
  background: transparent;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  transition: opacity 0.15s ease, background 0.15s ease;
}

.clone-hotspots .hs:hover {
  background: rgba(223, 177, 111, 0.08);
  border-radius: 4px;
}

/* Specific Hotspot positions matching 531x396 (y=0 to 396) */
.hs-logo {
  left: 1.88%;
  top: 2.52%;
  width: 18.8%;
  height: 7.58%;
}

.hs-inicio {
  left: 24.48%;
  top: 3.03%;
  width: 6.59%;
  height: 6.57%;
}

.hs-todos {
  left: 31.64%;
  top: 3.03%;
  width: 9.79%;
  height: 6.57%;
}

.hs-cuidados {
  left: 63.09%;
  top: 3.03%;
  width: 9.42%;
  height: 6.57%;
}

.hs-presentes {
  left: 73.07%;
  top: 3.03%;
  width: 9.79%;
  height: 6.57%;
}

.hs-ofertas {
  left: 83.24%;
  top: 3.03%;
  width: 9.98%;
  height: 6.57%;
}

.hs-search {
  left: 76.27%;
  top: 11.36%;
  width: 5.65%;
  height: 6.06%;
}

.hs-account {
  left: 81.92%;
  top: 11.36%;
  width: 5.65%;
  height: 6.06%;
}

.hs-wishlist {
  left: 87.57%;
  top: 11.36%;
  width: 5.65%;
  height: 6.06%;
}

.hs-cart {
  left: 93.22%;
  top: 11.36%;
  width: 6.21%;
  height: 6.06%;
}

.clone-cart-badge {
  position: absolute;
  top: -2px;
  right: -3px;
  background: var(--lum-gold);
  color: #120e06;
  font-size: 8px;
  font-weight: 800;
  min-width: 13px;
  height: 13px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  line-height: 1;
}

.hs-cta {
  left: 4.52%;
  top: 66.92%;
  width: 31.64%;
  height: 8.84%;
  border-radius: 9999px;
}
.hs-cta:hover {
  background: rgba(255, 255, 255, 0.12);
}

/* ==========================================================================
   SEÇÃO "MAIS VENDIDOS" CLONE
   ========================================================================== */
.clone-section-mais-vendidos {
  padding: 16px 0 14px;
  background: #000000;
}

.clone-heading-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 2px;
}

.clone-title-serif {
  font-family: var(--font-serif);
  font-size: 19px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}

.clone-link-see-all {
  color: #8c877f;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.clone-link-see-all:hover {
  color: var(--lum-gold);
}

/* Grade de 4 cards em uma única linha no mobile/tablet */
.clone-cards-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}

/* Card Produto Clone */
.clone-product-card {
  background: #1c1815;
  border: 1px solid rgba(223, 177, 111, 0.15);
  border-radius: 9px;
  padding: 6px 5px 8px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.2s, border-color 0.2s;
}

.clone-product-card:hover {
  border-color: rgba(223, 177, 111, 0.45);
  transform: translateY(-2px);
}

.clone-wishlist-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background: transparent;
  border: 0;
  color: rgba(255, 255, 255, 0.35);
  padding: 2px;
  z-index: 2;
}

.clone-wishlist-btn:hover,
.clone-wishlist-btn.active {
  color: var(--lum-gold);
}
.clone-wishlist-btn.active svg {
  fill: var(--lum-gold);
}

.clone-thumb-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 82px;
  margin: 2px 0 6px;
  padding: 2px;
}

.clone-thumb-link img {
  max-height: 80px;
  width: auto;
  object-fit: contain;
}

.clone-card-info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.clone-product-title {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 2px;
  min-height: 24px;
  color: #ffffff;
}

.clone-product-title a {
  color: #ffffff;
}

.clone-product-title a:hover {
  color: var(--lum-gold);
}

.clone-product-vol {
  font-size: 8px;
  color: #8c877f;
  margin-bottom: 6px;
}

.clone-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.clone-price {
  font-size: 10.5px;
  font-weight: 800;
  color: var(--lum-gold);
  letter-spacing: -0.01em;
}

.quick-cart-form {
  margin: 0;
}

.clone-cart-btn-gold {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: var(--lum-gold);
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #120e06;
  transition: transform 0.2s, background 0.2s;
}

.clone-cart-btn-gold:hover {
  background: var(--lum-gold-light);
  transform: scale(1.08);
}

.clone-cart-btn-gold:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* ==========================================================================
   SEÇÃO "KITS LOTUS PERFUMARIA" CLONE
   ========================================================================== */
.clone-section-kits {
  padding: 8px 0 10px;
  background: #000000;
}

.clone-banner-anchor {
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(223, 177, 111, 0.15);
  transition: border-color 0.2s, transform 0.2s;
}

.clone-banner-anchor:hover {
  border-color: rgba(223, 177, 111, 0.45);
  transform: translateY(-2px);
}

.clone-kits-image {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   SEÇÃO SPLIT CARDS (SIGNATURE & VIBRANCE) CLONE
   ========================================================================== */
.clone-section-split {
  padding: 6px 0 16px;
  background: #000000;
}

.clone-split-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.clone-split-card {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(223, 177, 111, 0.15);
  transition: transform 0.2s, border-color 0.2s;
}

.clone-split-card:hover {
  border-color: rgba(223, 177, 111, 0.45);
  transform: translateY(-2px);
}

.clone-split-image {
  width: 100%;
  height: auto;
  display: block;
}

.clone-split-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 14px 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.75) 100%);
  pointer-events: none;
}

.clone-split-overlay .eyebrow {
  font-size: 8px;
  letter-spacing: 0.25em;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 2px;
}

.clone-split-overlay h4 {
  font-family: var(--font-serif);
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 8px;
  letter-spacing: 0.05em;
}

.clone-split-overlay .btn-pill-sm {
  align-self: flex-start;
  padding: 4px 10px;
  font-size: 9px;
  font-weight: 700;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(4px);
  transition: all 0.2s ease;
}

.clone-split-card:hover .btn-pill-sm {
  background: var(--lum-gold);
  border-color: var(--lum-gold);
  color: #120e06;
}

/* Oculta rodapé e newsletter no clone da home para fidelidade absoluta à imagem */
.clone-home-wrapper ~ .newsletter,
.clone-home-wrapper ~ .footer,
.clone-home-wrapper ~ .whatsapp-contact {
  display: none !important;
}

/* ==========================================================================
   CARRINHO LATERAL (CART DRAWER DARK)
   ========================================================================== */
.cart-drawer-overlay {
  position: fixed;
  inset: 0;
  z-index: 998;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s, visibility 0.25s;
}
.cart-drawer-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.cart-drawer {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
  width: min(100%, 360px);
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #111014 !important;
  color: #ffffff !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: -15px 0 40px rgba(0, 0, 0, 0.8);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform 0.25s, visibility 0.25s;
}
.cart-drawer.is-open {
  transform: translateX(0);
  visibility: visible;
}

.cart-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background: #18171e !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.cart-drawer-header h2 {
  font-size: 16px;
  color: #ffffff !important;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart-drawer-count {
  background: var(--lum-gold) !important;
  color: var(--lum-btn-dark) !important;
  padding: 2px 7px;
  border-radius: 9999px;
  font-size: 10px;
  font-weight: 800;
}
.cart-drawer-close {
  background: transparent;
  border: 0;
  color: #8c877f;
  font-size: 20px;
  cursor: pointer;
}
.cart-drawer-close:hover {
  color: #ffffff;
}

.cart-drawer-items {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cart-drawer-item {
  display: flex;
  gap: 10px;
  padding: 10px;
  background: #18171e !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px;
}

.cart-drawer-thumb {
  width: 60px;
  height: 60px;
  border-radius: 6px;
  background: #111014 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.cart-drawer-thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.cart-drawer-item-copy h4 {
  color: #ffffff !important;
  font-size: 11px;
  font-weight: 600;
  margin: 0 0 2px;
}
.cart-drawer-meta {
  color: #8c877f !important;
  font-size: 10px;
}
.cart-drawer-price {
  color: var(--lum-gold) !important;
  font-weight: 800;
  font-size: 12px;
}

.cart-drawer-footer {
  padding: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: #18171e !important;
}
.cart-drawer-checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 12px;
  background: var(--lum-gold) !important;
  color: var(--lum-btn-dark) !important;
  font-weight: 800;
  border-radius: 6px;
  font-size: 12px;
  text-transform: uppercase;
}

/* ==========================================================================
   PÁGINAS GERAIS (CATÁLOGO, PRODUTO, CHECKOUT) EM PRETO LUXO
   ========================================================================== */
.container {
  width: min(100%, 531px);
  margin: 0 auto;
  padding: 0 14px;
}

.page {
  padding: 24px 0 50px;
  background: #000000 !important;
  background-color: #000000 !important;
}

/* ==========================================================================
   CATÁLOGO LOTUS PERFUMARIA (THEME CLONE BLACK & GOLD)
   ========================================================================== */
.catalog-page {
  padding: 20px 14px 60px;
  background: #000000 !important;
}

.catalog-header {
  text-align: center;
  margin-bottom: 24px;
}

.catalog-eyebrow {
  display: block;
  font-size: 9px;
  letter-spacing: 0.28em;
  color: var(--lum-gold);
  margin-bottom: 6px;
  text-transform: uppercase;
  font-weight: 700;
}

.catalog-title {
  font-family: var(--font-serif);
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.03em;
  margin: 0 0 4px;
}

.catalog-sub {
  font-size: 11px;
  color: #8c877f;
  margin: 0 0 18px;
}

/* Category Filter Bar */
.catalog-filter-bar {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 4px 0 8px;
}

.catalog-filter-bar::-webkit-scrollbar {
  display: none;
}

.catalog-pills {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.catalog-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  color: #c4bfb6;
  background: #141216;
  border: 1px solid rgba(223, 177, 111, 0.2);
  white-space: nowrap;
  transition: all 0.2s ease;
  text-decoration: none;
}

.catalog-pill:hover {
  border-color: var(--lum-gold);
  color: #ffffff;
  transform: translateY(-1px);
}

.catalog-pill.is-active {
  background: var(--lum-gold);
  border-color: var(--lum-gold);
  color: #120e06;
  font-weight: 700;
}

.pill-count {
  font-size: 9px;
  opacity: 0.8;
  background: rgba(0, 0, 0, 0.25);
  padding: 1px 5px;
  border-radius: 999px;
}

/* Catalog Grid: 2 columns on mobile, 3/4 columns on desktop */
.catalog-grid, .products {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.catalog-empty {
  text-align: center;
  padding: 50px 20px;
  color: #8c877f;
  font-size: 13px;
}
.catalog-empty p {
  margin-bottom: 16px;
}

/* Catalog card sizing adjustments */
.catalog-grid .clone-product-card,
.products .clone-product-card {
  padding: 12px 10px 14px;
  border-radius: 11px;
  background: #181513;
  border: 1px solid rgba(223, 177, 111, 0.18);
}

.catalog-grid .clone-thumb-link,
.products .clone-thumb-link {
  height: 125px;
  margin: 4px 0 8px;
}

.catalog-grid .clone-thumb-link img,
.products .clone-thumb-link img {
  max-height: 120px;
}

.catalog-grid .clone-product-title,
.products .clone-product-title {
  font-size: 11px;
  min-height: 28px;
  line-height: 1.35;
}

.catalog-grid .clone-product-vol,
.products .clone-product-vol {
  font-size: 9.5px;
  margin-bottom: 8px;
}

.catalog-grid .clone-price,
.products .clone-price {
  font-size: 13px;
}

.catalog-grid .clone-cart-btn-gold,
.products .clone-cart-btn-gold {
  width: 27px;
  height: 27px;
  border-radius: 6px;
}

.catalog-grid .clone-cart-btn-gold svg,
.products .clone-cart-btn-gold svg {
  width: 14px;
  height: 14px;
}

.catalog-grid .clone-wishlist-btn,
.products .clone-wishlist-btn {
  top: 7px;
  right: 7px;
}

.catalog-grid .clone-wishlist-btn svg,
.products .clone-wishlist-btn svg {
  width: 15px;
  height: 15px;
}

/* ==========================================================================
   NEWSLETTER LUXO BLACK & GOLD
   ========================================================================== */
.newsletter-luxury,
.newsletter {
  background: #000000 !important;
  background-color: #000000 !important;
  border-top: 1px solid rgba(223, 177, 111, 0.16) !important;
  border-bottom: 1px solid rgba(223, 177, 111, 0.16) !important;
  padding: 50px 14px 44px !important;
  position: relative;
}

.newsletter-luxury-card {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}

.newsletter-eyebrow {
  display: inline-block;
  font-size: 9px;
  letter-spacing: 0.28em;
  color: var(--lum-gold);
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.newsletter-title,
.newsletter h2 {
  font-family: var(--font-serif) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.03em !important;
  margin: 0 0 10px !important;
  line-height: 1.25 !important;
}

.newsletter-lead,
.newsletter p {
  font-size: 13px !important;
  color: #9e988f !important;
  line-height: 1.55 !important;
  margin: 0 auto 24px !important;
  max-width: 460px !important;
}

.newsletter-luxury-form,
.newsletter form {
  margin: 0 auto 16px !important;
  max-width: 500px !important;
}

.newsletter-fields-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 540px) {
  .newsletter-fields-row {
    flex-direction: row;
    align-items: stretch;
  }
  .newsletter-field-wrap {
    flex: 1;
  }
}

.newsletter-input,
.newsletter input[type="text"],
.newsletter input[type="email"],
.newsletter input:not([type="hidden"]):not([type="submit"]) {
  width: 100% !important;
  background: #110f13 !important;
  border: 1px solid rgba(223, 177, 111, 0.28) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 12px 14px !important;
  font-size: 13px !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.newsletter-input::placeholder,
.newsletter input::placeholder {
  color: #736d64 !important;
}

.newsletter-input:focus,
.newsletter input:focus {
  border-color: var(--lum-gold) !important;
  background: #16141a !important;
  box-shadow: 0 0 0 3px rgba(223, 177, 111, 0.2) !important;
}

.newsletter-submit-btn,
.newsletter .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: var(--lum-gold) !important;
  border: 1px solid var(--lum-gold) !important;
  color: #120e06 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  border-radius: 8px !important;
  padding: 12px 22px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.newsletter-submit-btn:hover,
.newsletter .btn:hover {
  background: #ecd3a6 !important;
  border-color: #ecd3a6 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(223, 177, 111, 0.25) !important;
}

.newsletter-privacy {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #6d675e;
}
.newsletter-privacy svg {
  stroke: #8c8577;
}

/* ==========================================================================
   RODAPÉ LUXO BLACK & GOLD
   ========================================================================== */
.footer-luxury,
.footer {
  background: #000000 !important;
  background-color: #000000 !important;
  border-top: 1px solid rgba(223, 177, 111, 0.12) !important;
  padding: 45px 14px 28px !important;
  color: #9e988f !important;
}

.footer-luxury-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

@media (min-width: 580px) {
  .footer-luxury-grid {
    grid-template-columns: 1.4fr 1fr;
    gap: 28px;
  }
}

@media (min-width: 820px) {
  .footer-luxury-grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 32px;
  }
}

.footer-col-brand {
  max-width: 320px;
}

.footer-brand-logo,
.footer .logo {
  font-family: var(--font-serif) !important;
  font-size: 23px !important;
  letter-spacing: 0.16em !important;
  font-weight: 700 !important;
  color: var(--lum-gold) !important;
  display: inline-block !important;
  margin-bottom: 10px !important;
  text-decoration: none !important;
}

.footer-brand-motto {
  font-size: 12px;
  line-height: 1.6;
  color: #8c877f;
  margin: 0 0 16px;
}

.footer-social-strip {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-social-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #141216;
  border: 1px solid rgba(223, 177, 111, 0.22);
  color: #c4bfb6;
  transition: all 0.2s ease;
  text-decoration: none;
}

.footer-social-icon:hover {
  background: var(--lum-gold);
  border-color: var(--lum-gold);
  color: #120e06;
  transform: translateY(-2px);
}

.footer-heading,
.footer h4 {
  font-family: var(--font-serif) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: var(--lum-gold) !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
}

.footer-nav-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

.footer-nav-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.footer-nav-list a,
.footer p a {
  font-size: 12.5px !important;
  color: #9e988f !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
  display: inline-block !important;
}

.footer-nav-list a:hover,
.footer p a:hover {
  color: var(--lum-gold) !important;
  transform: translateX(2px) !important;
}

.footer-contact-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-email-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #9e988f;
  text-decoration: none;
  transition: color 0.15s ease;
}
.footer-email-link:hover {
  color: var(--lum-gold);
}

.footer-wa-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(37, 211, 102, 0.08);
  border: 1px solid rgba(37, 211, 102, 0.35);
  color: #5ce68b !important;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 600;
  text-decoration: none;
  align-self: flex-start;
  transition: all 0.2s ease;
}

.footer-wa-badge:hover {
  background: rgba(37, 211, 102, 0.18);
  border-color: #25d366;
  color: #ffffff !important;
  transform: translateY(-1px);
}

.wa-indicator {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 0 8px #25d366;
}

.footer-schedule {
  font-size: 11px;
  color: #6d675e;
}

.footer-badges-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: #121014;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  font-size: 11px;
  color: #c4bfb6;
}
.footer-badge-pill svg {
  stroke: var(--lum-gold);
}

/* Bottom Bar */
.footer-bottom-bar {
  margin-top: 36px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
  font-size: 11px;
  color: #635d55;
}

@media (min-width: 580px) {
  .footer-bottom-bar {
    flex-direction: row;
    justify-content: space-between;
  }
}

.footer-motto-tag {
  font-size: 10px;
  letter-spacing: 0.15em;
  color: rgba(223, 177, 111, 0.6);
  text-transform: uppercase;
}

.section-title {
  font-family: var(--font-serif);
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  margin: 0 0 8px;
}
.section-sub {
  text-align: center;
  color: #8c877f;
  font-size: 12px;
  margin: 0 0 24px;
}

.product-detail {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.product-main-frame {
  background: #131215;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-main-frame img {
  max-height: 280px;
  object-fit: contain;
}

.product-info h1 {
  font-family: var(--font-serif);
  font-size: 24px;
  color: #ffffff;
  margin: 8px 0;
}

.product-price {
  font-size: 22px;
  font-weight: 800;
  color: var(--lum-gold);
  margin-bottom: 16px;
}

.purchase-btn {
  background: var(--lum-gold) !important;
  color: var(--lum-btn-dark) !important;
  font-weight: 800;
  border-radius: 6px;
  border: 0;
  padding: 12px;
  width: 100%;
}

.checkout-form, .order-box, .payment-card {
  background: #131215 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px;
  padding: 20px;
}

.field {
  background: #18171e;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border-radius: 6px;
  padding: 10px 12px;
}

/* Suporte para telas maiores (Desktop) */
@media (min-width: 768px) {
  .clone-container,
  .clone-container-fluid,
  .header-clone,
  .container {
    width: min(100%, 760px);
  }
  .catalog-grid, .products {
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
  }
  .clone-thumb-link {
    height: 120px;
  }
  .clone-thumb-link img {
    max-height: 115px;
  }
  .clone-product-title {
    font-size: 12px;
  }
  .clone-price {
    font-size: 13px;
  }
}

@media (min-width: 1024px) {
  .clone-container,
  .clone-container-fluid,
  .header-clone,
  .container {
    width: min(100%, 960px);
  }
  .catalog-grid, .products {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
}


/* Complete product editor */
.admin-fieldset{border:1px solid var(--border);border-radius:6px;padding:16px;margin:0 0 22px;min-width:0}.admin-fieldset legend{padding:0 8px;font-weight:700;color:#252525}.rich-editor{margin:18px 0}.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid var(--border);border-bottom:0;background:#18171e;border-radius:5px 5px 0 0}.rich-toolbar button{border:1px solid #D9D2C7;background:#18171e;color:#252525;border-radius:3px;padding:5px 9px;font-size:12px}.rich-toolbar button:hover,.rich-toolbar button:focus-visible{border-color:var(--gold);background:#18171e}.rich-surface{min-height:150px;border:1px solid var(--border);border-radius:0 0 5px 5px;background:#18171e;padding:13px 14px;line-height:1.65;outline:none}.rich-surface:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(184,161,124,0.2)}.rich-surface p{margin:0 0 10px}.rich-surface h3{font-size:1.15rem;margin:12px 0 6px}.rich-surface ul,.rich-surface ol{padding-left:24px}.preview-short{font-size:12px;color:var(--muted);line-height:1.45;min-height:34px}.product-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:20px;background:#D9D2C7;color:#252525;font-size:11px;font-weight:700;margin-bottom:8px}.product-info .product-badge{margin-top:8px}.product-tab-panel .rich-copy h2,.product-tab-panel .rich-copy h3{font-family:'Playfair Display',serif;color:var(--ink);margin:20px 0 8px}.product-tab-panel .rich-copy p{margin:0 0 12px}.product-tab-panel .rich-copy ul,.product-tab-panel .rich-copy ol{padding-left:24px}.product-tab-panel .rich-copy a{color:#B8A17C;text-decoration:underline}.admin-image-item small{display:block;overflow-wrap:anywhere;margin:5px 0;color:var(--muted)}
@media(max-width:480px){.admin-fieldset{padding:12px}.rich-toolbar button{padding:5px 7px}.rich-surface{min-height:130px}}

/* Product catalog workspace: dark, responsive editor inspired by the attached admin layout. */
.product-admin-page{margin:-35px;min-height:calc(100vh - 70px);padding:35px;background:#252525;color:#D9D2C7}
.product-admin-page *{box-sizing:border-box}
.product-admin-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}
.product-admin-heading h1{margin:7px 0 5px;color:#FFFFFF;font-size:clamp(24px,3vw,32px);line-height:1.15}
.product-admin-heading p{margin:0;color:#D9D2C7;font-size:14px}
.product-admin-eyebrow{display:inline-flex;color:#B8A17C;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.product-admin-count{display:inline-flex;vertical-align:middle;margin-left:8px;padding:5px 10px;border:1px solid rgba(184,161,124,0.32);border-radius:999px;background:rgba(184,161,124,0.14);color:#B8A17C;font-size:11px;font-weight:700;letter-spacing:0}
.product-admin-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.product-admin-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:800;line-height:1.2;transition:background .18s,border-color .18s,color .18s,transform .18s;cursor:pointer}
.product-admin-button:hover{transform:translateY(-1px)}
.product-admin-button-primary{background:#B8A17C;border-color:#B8A17C;color:#FFFFFF;box-shadow:0 10px 24px rgba(37,37,37,0.28)}
.product-admin-button-primary:hover{background:#B8A17C}
.product-admin-button-muted{background:#252525;border-color:#252525;color:#D9D2C7}
.product-admin-button-muted:hover{background:#252525;color:#FFFFFF}
.product-admin-button-filter{background:#B8A17C;border-color:#B8A17C;color:#FFFFFF;padding-inline:20px}
.product-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.product-admin-stats>div{border:1px solid #252525;border-radius:16px;background:rgba(37,37,37,0.9);padding:17px 18px}
.product-admin-stats span{display:block;color:#D9D2C7;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-admin-stats strong{display:block;margin-top:6px;color:#FFFFFF;font-size:27px;line-height:1}
.product-admin-stats .is-positive strong{color:#B8A17C}.product-admin-stats .is-negative strong{color:#B8A17C}
.product-admin-toolbar{display:flex;align-items:center;gap:10px;padding:14px;margin-bottom:18px;border:1px solid #252525;border-radius:16px;background:rgba(37,37,37,0.9)}
.product-search{display:flex;align-items:center;gap:9px;flex:1;min-width:180px;border:1px solid #252525;border-radius:11px;background:#252525;padding:0 12px;color:#252525}
.product-search input{width:100%;min-width:0;height:42px;border:0;outline:0;background:transparent;color:#FFFFFF;font-size:13px}
.product-search input::placeholder{color:#252525}
.product-admin-toolbar select{height:42px;min-width:160px;border:1px solid #252525;border-radius:11px;background:#252525;color:#D9D2C7;padding:0 12px;outline:0}
.product-admin-table-shell{overflow:hidden;border:1px solid #252525;border-radius:16px;background:rgba(37,37,37,0.92);box-shadow:0 18px 44px rgba(37,37,37,0.22)}
.product-admin-table-scroll{overflow-x:auto}
.product-admin-table{width:100%;min-width:760px;border-collapse:collapse;color:#D9D2C7;font-size:13px}
.product-admin-table th{padding:14px 16px;background:#252525;color:#252525;border-bottom:1px solid #252525;font-size:10px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.product-admin-table td{padding:15px 16px;border-bottom:1px solid rgba(37,37,37,0.85);vertical-align:middle}
.product-admin-table tbody tr:last-child td{border-bottom:0}
.product-admin-table tbody tr:hover{background:rgba(37,37,37,0.42)}
.product-admin-product-cell{display:flex;align-items:center;gap:12px;min-width:330px}
.product-admin-product-cell>div:last-child{min-width:0}
.product-admin-product-cell strong{display:block;max-width:430px;overflow:hidden;color:#FFFFFF;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.product-admin-thumb{display:grid;flex:0 0 52px;place-items:center;width:52px;height:52px;overflow:hidden;border:1px solid #252525;border-radius:12px;background:#252525;color:#252525;font-size:9px;text-align:center}
.product-admin-thumb img{width:100%;height:100%;object-fit:cover}
.product-admin-meta{display:flex;align-items:center;gap:8px;margin-top:6px;color:#252525;font-size:10px;white-space:nowrap}
.product-admin-meta span{overflow:hidden;max-width:180px;text-overflow:ellipsis}
.product-admin-meta a{color:#B8A17C}.product-admin-meta a:hover{color:#B8A17C}
.product-admin-table td>strong{display:block;color:#FFFFFF;font-size:14px}
.product-admin-old-price{display:block;margin-top:3px;color:#252525;text-decoration:line-through;font-size:11px}
.product-admin-status{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;border:1px solid;font-size:11px;font-weight:800;white-space:nowrap}
.product-admin-status i{display:block;width:6px;height:6px;border-radius:50%}
.product-admin-status.is-active{border-color:rgba(184,161,124,0.35);background:rgba(37,37,37,0.28);color:#B8A17C}.product-admin-status.is-active i{background:#B8A17C}
.product-admin-status.is-hidden{border-color:rgba(184,161,124,0.35);background:rgba(37,37,37,0.22);color:#B8A17C}.product-admin-status.is-hidden i{background:#B8A17C}
.product-admin-actions-cell{text-align:right;white-space:nowrap}
.product-admin-edit{display:inline-flex;align-items:center;border:1px solid #252525;border-radius:9px;background:#252525;color:#B8A17C;padding:8px 11px;font-size:12px;font-weight:800}
.product-admin-edit:hover{border-color:#B8A17C;background:#252525;color:#FFFFFF}
.product-admin-empty{padding:50px!important;color:#252525;text-align:center}
.product-admin-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}
.product-admin-modal.is-open{display:flex}
.product-admin-modal-backdrop{position:absolute;inset:0;background:rgba(37,37,37,0.84);backdrop-filter:blur(8px)}
.product-admin-modal-dialog{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid #252525;border-radius:24px;background:#252525;box-shadow:0 30px 90px rgba(37,37,37,0.56)}
.product-admin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 25px;border-bottom:1px solid #252525;background:rgba(37,37,37,0.7)}
.product-admin-modal-header h2{margin:5px 0;color:#FFFFFF;font-size:21px}
.product-admin-modal-header p{margin:0;color:#D9D2C7;font-size:12px}
.product-admin-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #252525;border-radius:10px;background:#252525;color:#D9D2C7;font-size:25px;line-height:1}
.product-admin-close:hover{background:#252525;color:#FFFFFF}
.product-admin-form{padding:24px;color:#D9D2C7}
.product-admin-fieldset{min-width:0;margin:0 0 20px;padding:17px;border:1px solid #252525;border-radius:16px;background:rgba(37,37,37,0.35)}
.product-admin-fieldset legend{padding:0 9px;color:#B8A17C;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-admin-field{min-width:0}
.product-admin-field-wide{grid-column:1/-1}
.product-field-label{display:block;margin:0 0 7px;color:#D9D2C7;font-size:11px;font-weight:800;letter-spacing:.04em}
.product-field-label small{display:block;margin-top:4px;color:#252525;font-size:10px;font-weight:600;letter-spacing:0;text-transform:none}
.product-field-control{display:block;width:100%;min-height:42px;border:1px solid #252525;border-radius:10px;background:#252525;color:#FFFFFF;padding:10px 12px;outline:0;font-size:13px}
.product-field-control:focus{border-color:#B8A17C;box-shadow:0 0 0 3px rgba(184,161,124,0.16)}
textarea.product-field-control{min-height:92px;resize:vertical}
select.product-field-control{appearance:auto}
.product-admin-checks{display:grid;gap:10px;min-height:42px;padding:10px 12px;border:1px solid #252525;border-radius:10px;background:#252525}
.product-admin-checks label{display:flex;align-items:center;gap:8px;color:#D9D2C7;font-size:12px;font-weight:700}
.product-admin-checks input{accent-color:#B8A17C}
.product-admin-checks-single{align-self:end}
.product-field-help{display:block;margin-top:6px;color:#252525;font-size:11px}
.product-image-field-preview{display:grid;place-items:center;min-height:92px;margin-top:8px;padding:9px;border:1px dashed #252525;border-radius:10px;background:#252525;color:#252525;font-size:11px;text-align:center}
.product-image-field-preview img{max-width:100%;max-height:145px;border-radius:7px;object-fit:contain}
.product-image-field-preview [hidden]{display:none!important}
.product-admin-slideshow-options{margin-top:14px}
.product-admin-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px}
.product-admin-gallery-item{min-width:0;padding:8px;border:1px solid #252525;border-radius:10px;background:#252525}
.product-admin-gallery-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px}
.product-admin-gallery-item small{display:block;overflow:hidden;margin:5px 0;color:#D9D2C7;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.product-admin-gallery-item button{padding:0;border:0;background:none;color:#B8A17C;font-size:10px;cursor:pointer}
.product-admin-form .product-rich-editor{margin:0 0 15px}
.product-admin-form .rich-toolbar{border:1px solid #252525;border-bottom:0;border-radius:10px 10px 0 0;background:#252525;padding:7px}
.product-admin-form .rich-toolbar button{border:1px solid #252525;border-radius:7px;background:#252525;color:#D9D2C7;padding:5px 9px;font-size:11px}
.product-admin-form .rich-toolbar button:hover{border-color:#B8A17C;background:#252525;color:#FFFFFF}
.product-admin-form .rich-surface{min-height:145px;border:1px solid #252525;border-radius:0 0 10px 10px;background:#252525;color:#FFFFFF;padding:12px;line-height:1.6}
.product-admin-form .rich-surface:focus{border-color:#B8A17C;box-shadow:0 0 0 3px rgba(184,161,124,0.16)}
.product-admin-form .rich-surface h3{color:#FFFFFF}
.product-admin-form-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:3px}
body.product-admin-modal-open{overflow:hidden}
@media(max-width:850px){.product-admin-page{margin:-16px;min-height:calc(100vh - 32px);padding:22px 16px}.product-admin-heading{flex-direction:column}.product-admin-actions{justify-content:flex-start}.product-admin-toolbar{flex-wrap:wrap}.product-search{flex:1 1 100%}.product-admin-toolbar select{flex:1}.product-admin-modal-dialog{max-height:calc(100vh - 20px);border-radius:18px}.product-admin-modal{padding:10px}.product-admin-form{padding:16px}.product-admin-modal-header{padding:18px}.product-admin-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.product-admin-stats{grid-template-columns:1fr}.product-admin-button{flex:1}.product-admin-actions{width:100%}.product-admin-actions .product-admin-button{min-width:0}.product-admin-form-grid{grid-template-columns:1fr}.product-admin-field-wide{grid-column:auto}.product-admin-slideshow-options{grid-template-columns:1fr}.product-admin-checks-single{align-self:stretch}.product-admin-form-footer{flex-direction:column-reverse}.product-admin-form-footer .product-admin-button{width:100%}.product-admin-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Products workspace follows the shared Lotus Perfumaria admin palette. */
.product-admin-page{background:#18171e;color:var(--ink)}
.product-admin-heading h1{color:#252525}
.product-admin-heading p{color:#252525}
.product-admin-eyebrow{color:#B8A17C}
.product-admin-count{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-admin-button-primary{background:var(--black);border-color:var(--black);box-shadow:0 10px 24px rgba(37,37,37,0.16)}
.product-admin-button-primary:hover{background:#252525;border-color:#252525}
.product-admin-button-muted{background:#18171e;border-color:#D9D2C7;color:#252525}
.product-admin-button-muted:hover{background:#18171e;border-color:#B8A17C;color:#252525}
.product-admin-button-filter{background:var(--black);border-color:var(--black)}
.product-admin-button-filter:hover{background:#252525;border-color:#252525}
.product-admin-stats>div{border-color:#D9D2C7;background:#18171e;box-shadow:0 8px 24px rgba(37,37,37,0.05)}
.product-admin-stats span{color:#252525}
.product-admin-stats strong{color:#252525}
.product-admin-stats .is-positive strong{color:#252525}.product-admin-stats .is-negative strong{color:#B8A17C}
.product-admin-toolbar{border-color:#D9D2C7;background:#18171e;box-shadow:0 8px 24px rgba(37,37,37,0.04)}
.product-search{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-search input{color:#252525}.product-search input::placeholder{color:#252525}
.product-admin-toolbar select{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-admin-table-shell{border-color:#D9D2C7;background:#18171e;box-shadow:0 12px 30px rgba(37,37,37,0.06)}
.product-admin-table{color:#252525}
.product-admin-table th{background:#18171e;color:#252525;border-color:#D9D2C7}
.product-admin-table td{border-color:#D9D2C7}
.product-admin-table tbody tr:hover{background:#18171e}
.product-admin-table tbody tr[data-product-row]{cursor:pointer}
.product-admin-table tbody tr[data-product-row]:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;background:#18171e}
.product-admin-product-cell strong{color:#252525}
.product-admin-thumb{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-admin-meta{color:#252525}.product-admin-meta a{color:#B8A17C}.product-admin-meta a:hover{color:#252525}
.product-admin-table td>strong{color:#252525}.product-admin-old-price{color:#252525}
.product-admin-status.is-active{border-color:#D9D2C7;background:#18171e;color:#252525}.product-admin-status.is-active i{background:#B8A17C}
.product-admin-status.is-hidden{border-color:#D9D2C7;background:#18171e;color:#B8A17C}.product-admin-status.is-hidden i{background:#B8A17C}
.product-admin-edit{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-admin-edit:hover{border-color:#B8A17C;background:#18171e;color:#252525}
.product-admin-empty{color:#252525}
.product-admin-modal-backdrop{background:rgba(37,37,37,0.55);backdrop-filter:blur(7px)}
.product-admin-modal-dialog{border-color:#D9D2C7;background:#18171e;box-shadow:0 30px 90px rgba(37,37,37,0.24)}
.product-admin-modal-header{border-color:#D9D2C7;background:#18171e}
.product-admin-modal-header h2{color:#252525}.product-admin-modal-header p{color:#252525}
.product-admin-close{border-color:#D9D2C7;background:#18171e;color:#252525}.product-admin-close:hover{background:#18171e;color:#252525}
.product-admin-form{color:#252525}
.product-admin-fieldset{border-color:#D9D2C7;background:#18171e}
.product-admin-fieldset legend{color:#252525}
.product-field-label{color:#252525}.product-field-label small{color:#252525}
.product-field-control{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-field-control:focus{border-color:#B8A17C;box-shadow:0 0 0 3px rgba(184,161,124,0.2)}
.product-admin-checks{border-color:#D9D2C7;background:#18171e}.product-admin-checks label{color:#252525}.product-admin-checks input{accent-color:#B8A17C}
.product-field-help{color:#252525}
.product-image-field-preview{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-admin-gallery-item{border-color:#D9D2C7;background:#18171e}.product-admin-gallery-item small{color:#252525}
.product-admin-gallery-upload-item{border-color:#D9D2C7;background:#18171e}.product-admin-gallery-upload-item img{background:#18171e}.product-admin-gallery-upload-item small{color:#252525}
.product-admin-form .rich-toolbar{border-color:#D9D2C7;background:#18171e}
.product-admin-form .rich-toolbar button{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-admin-form .rich-toolbar button:hover{border-color:#B8A17C;background:#18171e;color:#252525}
.product-admin-form .rich-surface{border-color:#D9D2C7;background:#18171e;color:#252525}
.product-admin-form .rich-surface:focus{border-color:#B8A17C;box-shadow:0 0 0 3px rgba(184,161,124,0.2)}
.product-admin-form .rich-surface h3{color:#252525}
.asaas-settings{margin-top:25px;padding:18px;border:1px solid var(--border);border-radius:6px;background:#18171e}.asaas-settings legend{padding:0 8px;font-weight:700;color:#252525}.asaas-settings .asaas-webhook-url{overflow:auto;white-space:nowrap;background:#18171e;font-family:monospace;font-size:12px}.asaas-settings .tiny{display:block;margin-top:6px}

/* Checkout and hosted-payment handoff. */
.checkout-page h1,.payment-page h1{margin-bottom:36px}
.checkout-form h2,.checkout-summary h2,.payment-card h2{margin-top:0;font-family:'Playfair Display',serif;font-weight:500}
.checkout-form{padding:28px;border:1px solid var(--border);border-radius:6px;background:#18171e}
.checkout-form .muted{margin-top:-8px;margin-bottom:18px}
.payment-methods{display:grid;gap:10px;margin:26px 0 18px;padding:0;border:0}
.payment-methods legend{margin-bottom:10px;font-weight:700;color:#252525}
.payment-method-option{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:5px;background:#18171e;cursor:pointer}
.payment-method-option:has(input:checked){border-color:var(--gold);background:#18171e;box-shadow:0 0 0 2px rgba(184,161,124,0.2)}
.payment-method-option input{margin-top:3px;accent-color:var(--gold)}
.payment-method-option span{display:grid;gap:3px}.payment-method-option small{color:var(--muted);font-size:12px}
.checkout-notice{margin:0 0 18px}.checkout-submit{width:100%}
.payment-page{max-width:1000px}.payment-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;padding:30px;border:1px solid var(--border);border-radius:7px;background:#18171e}
.payment-card h2{font-size:34px;margin:12px 0}.payment-summary{padding:22px;background:#18171e;border:1px solid #D9D2C7;border-radius:6px}.payment-summary h3{margin-top:0}.payment-summary .btn{width:100%;margin-top:15px}
.pix-qr{display:grid;place-items:center;width:min(280px,100%);margin:22px 0;padding:16px;border:1px solid var(--border);background:#18171e;border-radius:6px}.pix-qr img{width:100%;height:auto;image-rendering:auto}
.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.copy-field textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:4px;padding:10px;color:var(--ink);background:#18171e;word-break:break-all}.copy-field .btn{align-self:stretch}
@media(max-width:700px){.payment-card{grid-template-columns:1fr;padding:20px}.checkout-form{padding:18px}.copy-field{grid-template-columns:1fr}.copy-field .btn{width:100%}}

/* Product detail layout inspired by the reference storefront. */
.product-page{--product-accent:#B8A17C;--product-accent-soft:#B8A17C;--product-border:#D9D2C7;max-width:1110px;padding-top:26px}
.product-page .product-breadcrumb{display:flex;align-items:center;gap:9px;overflow:hidden;margin-bottom:26px;color:#252525;font-size:11px;white-space:nowrap}
.product-page .product-breadcrumb a:hover{color:var(--product-accent)}
.product-page .product-breadcrumb strong{overflow:hidden;color:#252525;font-weight:600;text-overflow:ellipsis}
.product-page .product-detail{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:52px;align-items:start}
.product-page .product-gallery{position:relative;top:auto;grid-template-columns:74px minmax(0,1fr);gap:16px;align-items:start}
.product-page .product-thumbs{gap:12px}
.product-page .product-thumb{padding:4px;border:1px solid var(--product-border);border-radius:4px;background:#18171e}
.product-page .product-thumb.is-active,.product-page .product-thumb:hover{border-color:var(--product-accent);box-shadow:0 0 0 2px rgba(184,161,124,0.12)}
.product-page .product-gallery-stage{min-width:0}
.product-page .product-main-frame{min-height:420px;border:0;border-radius:0;background:#18171e;padding:10px}
.product-page .product-main-frame img{max-height:510px;mix-blend-mode:multiply}
.product-page .product-gallery-dots{display:flex;justify-content:center;gap:5px;margin-top:9px}
.product-page .product-gallery-dots span{width:5px;height:5px;border-radius:50%;background:#D9D2C7}
.product-page .product-gallery-dots span.is-active{background:#252525}
.product-page .product-info{padding:0}
.product-page .product-overline{display:flex;align-items:center;gap:12px}
.product-page .product-info .category{color:#252525;font-size:10px;letter-spacing:.05em;text-transform:none}
.product-page .product-sku{color:#D9D2C7;font-size:10px}
.product-page .product-badge{margin:10px 0 3px;padding:5px 9px;border:0;border-radius:3px;background:#B8A17C;color:#252525;font-size:10px}
.product-page .product-info h1{margin:4px 0 8px;color:var(--product-accent);font-family:'DM Sans',Arial,sans-serif;font-size:clamp(25px,3vw,34px);font-weight:800;line-height:1.12}
.product-page .product-lead{max-width:540px;color:#252525;font-size:12px;line-height:1.55}
.product-page .product-price{margin:16px 0 14px;color:#252525;font-size:23px}
.product-page .product-price .old{margin-left:7px;color:#252525;font-size:11px}
.product-page .purchase-box{padding:0;border:0;border-radius:0;background:transparent}
.product-page .stock-note{margin-bottom:10px;color:#252525;font-size:11px}
.product-page .purchase-form{gap:0;border:1px solid var(--product-accent);border-radius:6px;overflow:hidden}
.product-page .quantity-control{flex:0 0 135px;justify-content:center;border:0;border-right:1px solid var(--product-accent);border-radius:0}
.product-page .quantity-control button{width:38px;height:42px;background:#18171e;color:var(--product-accent);font-size:19px}
.product-page .quantity-control input{height:42px;background:#18171e;color:#252525;font-size:13px}
.product-page .purchase-btn{height:42px;border:0;border-radius:0;background:var(--product-accent);font-size:12px}
.product-page .purchase-btn:hover{background:#B8A17C}
.product-page .purchase-btn:disabled{background:#D9D2C7;cursor:not-allowed}
.product-page .product-characteristics{margin-top:22px;padding:16px 18px;border-radius:6px;background:#B8A17C;color:#FFFFFF}
.product-page .product-characteristics h2{margin:0 0 8px;font-family:'DM Sans',Arial,sans-serif;font-size:15px}
.product-page .product-characteristics .rich-copy,.product-page .product-characteristics ul{margin:0;color:#FFFFFF;font-size:11px;line-height:1.5}
.product-page .product-characteristics ul{padding-left:17px}
.product-page .product-characteristics p{margin:0 0 5px}
.product-page .product-characteristics h2,.product-page .product-characteristics h3{color:#FFFFFF}
.product-page .product-trust{gap:10px;margin-top:13px;color:#252525;font-size:10px}
.product-page .product-content-rich{margin-top:23px;border-top:0}
.product-page .product-tabs{gap:20px;border-bottom:1px solid var(--product-border)}
.product-page .product-tab{padding:12px 0 9px;color:#252525;font-size:11px}
.product-page .product-tab.is-active,.product-page .product-tab:hover{color:var(--product-accent);border-color:var(--product-accent)}
.product-page .product-tab-panel{padding:14px 0 0;max-width:none;color:#252525;font-size:11px;line-height:1.5}
.product-page .product-tab-panel h2{display:none}
.product-page .product-tab-panel .rich-copy{color:#252525}
.product-page .product-tab-panel .rich-copy p{margin:0 0 8px}
.product-page .bundle-section{margin-top:28px}
.product-page .section-heading{margin-bottom:14px}
.product-page .section-heading h2{color:var(--product-accent);font-family:'DM Sans',Arial,sans-serif;font-size:18px;font-weight:800}
.product-page .bundle-list{display:grid;gap:7px}
.product-page .bundle-item{display:flex;align-items:center;gap:9px;min-height:48px;padding:6px 9px;border:1px solid #D9D2C7;border-radius:6px;background:#18171e;cursor:pointer}
.product-page .bundle-item input{accent-color:var(--product-accent)}
.product-page .bundle-item img{width:36px;height:36px;object-fit:contain;background:#18171e}
.product-page .bundle-item>div{min-width:0;flex:1}
.product-page .bundle-item strong{display:block;overflow:hidden;color:#252525;font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.product-page .bundle-item small{display:block;margin-top:2px;color:var(--product-accent);font-size:10px;font-weight:700}
.product-page .bundle-item.is-current{cursor:default}
.product-page .bundle-item.is-current input{display:none}
.product-page .bundle-check{display:grid;place-items:center;width:16px;height:16px;border-radius:2px;background:var(--product-accent);color:#FFFFFF;font-size:11px}
.product-page .bundle-plus{text-align:center;color:#252525;font-size:18px;font-weight:800;line-height:13px}
.product-page .bundle-total{display:flex;justify-content:flex-end;gap:8px;margin:10px 0 8px;color:#252525;font-size:10px}
.product-page .bundle-total strong{color:var(--product-accent);font-size:13px}
.product-page .bundle-button{width:100%;border-color:var(--product-accent);background:var(--product-accent);font-size:11px}
.product-page .related-products{margin-top:58px}
.product-page .related-products .product h3{color:#252525}
.product-page .reviews-section{margin-top:66px;padding-top:20px;border-top:1px solid var(--product-border)}
.product-page .reviews-section .section-heading{justify-content:center;align-items:center;text-align:center}
.product-page .reviews-section .section-heading h2{font-size:23px}
.product-page .review-empty{max-width:720px;margin:auto;border:1px solid #D9D2C7;background:#18171e;color:#252525;font-size:12px}
.product-admin-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
.product-admin-bundle-option{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border:1px solid #252525;border-radius:10px;background:#252525;cursor:pointer}
.product-admin-bundle-option:hover{border-color:#B8A17C}
.product-admin-bundle-option input{accent-color:#B8A17C}
.product-admin-bundle-option>span:last-child{min-width:0}
.product-admin-bundle-option strong{display:block;overflow:hidden;color:#D9D2C7;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.product-admin-bundle-option small{display:block;margin-top:3px;color:#B8A17C;font-size:10px}
.product-admin-bundle-thumb{display:grid;flex:0 0 32px;place-items:center;width:32px;height:32px;overflow:hidden;border-radius:6px;background:#252525}
.product-admin-bundle-thumb img{width:100%;height:100%;object-fit:contain}
@media(max-width:850px){.product-page .product-detail{grid-template-columns:1fr;gap:28px}.product-page .product-gallery{position:static;grid-template-columns:64px minmax(0,1fr)}.product-page .product-main-frame{min-height:310px}.product-page .product-info h1{font-size:30px}.product-page .bundle-section{max-width:620px}.product-page .reviews-section{margin-top:42px}}
@media(max-width:520px){.product-page{padding-top:18px}.product-page .product-breadcrumb{margin-bottom:14px}.product-page .product-gallery{grid-template-columns:1fr}.product-page .product-thumbs{order:2;display:flex;overflow:auto}.product-page .product-thumb{flex:0 0 58px}.product-page .product-gallery-stage{order:1}.product-page .product-main-frame{min-height:270px}.product-page .purchase-form{flex-wrap:wrap}.product-page .quantity-control{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--product-accent)}.product-page .purchase-btn{width:100%}.product-admin-bundle-grid{grid-template-columns:1fr}}

/* Admin navigation state and product upload feedback. */
.sidebar nav a.is-active{background:#252525;color:#FFFFFF;box-shadow:inset 3px 0 0 var(--gold)}
.sidebar nav a:focus-visible,.product-admin-button:focus-visible,.product-admin-edit:focus-visible,.product-admin-close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.product-admin-gallery-upload-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
.product-admin-gallery-upload-item{min-width:0;padding:5px;border:1px solid #252525;border-radius:8px;background:#252525}
.product-admin-gallery-upload-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#252525}
.product-admin-gallery-upload-item small{display:block;overflow:hidden;margin-top:4px;color:#D9D2C7;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.product-admin-form button:disabled{cursor:wait;opacity:.7;transform:none}
@media(max-width:850px){.product-admin-gallery-upload-preview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.product-admin-gallery-upload-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Lotus Perfumaria identity palette: Off-white, Grafite, Champagne, Areia and Branco. */
:root{--lum-offwhite:#000000;--lum-graphite:#252525;--lum-champagne:#B8A17C;--lum-sand:#D9D2C7;--lum-white:#FFFFFF;--black:var(--lum-graphite);--gold:var(--lum-champagne);--light:var(--lum-offwhite);--ink:var(--lum-graphite);--muted:#252525;--border:var(--lum-sand);--product-accent:var(--lum-champagne);--product-accent-soft:var(--lum-sand);--product-border:var(--lum-sand)}

a{color:inherit} .promo,.newsletter,.sidebar,.hero,.split{background:var(--lum-graphite);color:var(--lum-white)}
.header,.panel,.product,.order-box,.checkout-form,.payment-card,.product-admin-table-shell,.product-admin-modal-dialog{background:var(--lum-white)}
.header{border-color:var(--lum-sand)}
.logo{color:var(--lum-graphite)}.logo span{color:var(--lum-champagne)}.sidebar .logo{color:var(--lum-white)}
.search,.field,.product-field-control,.product-admin-toolbar select{background:var(--lum-white);border-color:var(--lum-sand);color:var(--lum-graphite)}
.nav,.muted,.section-sub,.footer p,.footer a,.product-lead,.stock-note,.product-trust{color:var(--lum-graphite)}
.nav a:hover,.category,.product-admin-eyebrow,.product-admin-meta a,.section-heading>a,.link-button{color:var(--lum-champagne)}
.hero,.slideshow,.slideshow-slide{background:var(--lum-graphite)}
.slideshow-controls{border-color:var(--lum-champagne);background:var(--lum-graphite)}.slideshow-arrow{border-color:var(--lum-champagne);color:var(--lum-white)}.slideshow-arrow:hover,.slideshow-arrow:focus-visible{background:var(--lum-champagne);color:var(--lum-graphite)}.slideshow-dot{border-color:var(--lum-sand)}.slideshow-dot.is-active{background:var(--lum-champagne);box-shadow:0 0 0 3px rgba(184,161,124,0.35)}
.btn,.product-admin-button-primary,.product-admin-button-filter{background:var(--lum-graphite);border-color:var(--lum-graphite);color:var(--lum-white)}.btn:hover,.product-admin-button-primary:hover,.product-admin-button-filter:hover{background:var(--lum-champagne);border-color:var(--lum-champagne);color:var(--lum-graphite)}.btn-outline,.product-admin-button-muted{background:var(--lum-white);border-color:var(--lum-sand);color:var(--lum-graphite)}.btn-outline:hover,.product-admin-button-muted:hover{background:var(--lum-sand);border-color:var(--lum-champagne);color:var(--lum-graphite)}
.product-image,.product-main-frame,.product-preview .product-image,.product-admin-thumb,.image-field-preview,.product-image-field-preview{background:var(--lum-offwhite)}
.product,.panel,.order-box,.product-main-frame,.product-thumb,.product-content-rich,.product-tabs,.product-facts div,.review-empty,.purchase-box,.asaas-settings,.settings-media-card,.settings-public-preview,.payment-method-option,.payment-card,.checkout-form{border-color:var(--lum-sand)}
.split p{color:var(--lum-sand)}.footer{background:var(--lum-offwhite)}.copyright{border-color:var(--lum-sand);color:var(--lum-graphite)}
.notice{border-color:var(--lum-champagne);background:var(--lum-offwhite);color:var(--lum-graphite)}
.admin-shell{background:var(--lum-offwhite)}.sidebar nav a{color:var(--lum-sand)}.sidebar nav a:hover,.sidebar nav a.is-active{background:var(--lum-champagne);color:var(--lum-graphite);box-shadow:inset 3px 0 0 var(--lum-sand)}
.admin-content{color:var(--lum-graphite)}.admin-content h1,.admin-content h2,.admin-content h3{color:var(--lum-graphite)}.stats .stat strong{color:var(--lum-graphite)}
table th{background:var(--lum-sand);color:var(--lum-graphite)}table td{border-color:var(--lum-sand)}
.product-admin-page{background:var(--lum-offwhite);color:var(--lum-graphite)}.product-admin-heading h1,.product-admin-stats strong,.product-admin-product-cell strong,.product-admin-table td>strong,.product-admin-modal-header h2{color:var(--lum-graphite)}.product-admin-heading p,.product-admin-stats span,.product-admin-table th,.product-admin-meta,.product-admin-old-price,.product-admin-empty{color:var(--lum-graphite)}
.product-admin-count{border-color:var(--lum-sand);background:var(--lum-offwhite);color:var(--lum-graphite)}.product-admin-stats>div,.product-admin-toolbar,.product-admin-fieldset,.product-admin-modal-header{border-color:var(--lum-sand);background:var(--lum-white)}.product-admin-table-shell{border-color:var(--lum-sand)}.product-admin-table th{background:var(--lum-sand);border-color:var(--lum-sand)}.product-admin-table td{border-color:var(--lum-sand)}.product-admin-table tbody tr:hover,.product-admin-table tbody tr[data-product-row]:focus-visible{background:var(--lum-offwhite)}.product-admin-thumb{border-color:var(--lum-sand)}.product-admin-status.is-active,.product-admin-status.is-hidden{border-color:var(--lum-champagne);background:var(--lum-offwhite);color:var(--lum-graphite)}.product-admin-status.is-active i,.product-admin-status.is-hidden i{background:var(--lum-champagne)}.product-admin-edit{border-color:var(--lum-sand);background:var(--lum-white);color:var(--lum-graphite)}.product-admin-edit:hover{border-color:var(--lum-champagne);background:var(--lum-sand);color:var(--lum-graphite)}
.product-admin-modal-backdrop{background:rgba(37,37,37,0.72)}.product-admin-modal-dialog{border-color:var(--lum-sand)}.product-admin-close{border-color:var(--lum-sand);background:var(--lum-white);color:var(--lum-graphite)}.product-admin-close:hover{background:var(--lum-sand);color:var(--lum-graphite)}.product-admin-form{color:var(--lum-graphite)}.product-admin-fieldset legend,.product-field-label{color:var(--lum-graphite)}.product-field-label small,.product-field-help{color:var(--lum-graphite)}.product-field-control:focus{border-color:var(--lum-champagne);box-shadow:0 0 0 3px rgba(184,161,124,0.3)}.product-admin-checks{border-color:var(--lum-sand);background:var(--lum-offwhite)}.product-admin-checks label{color:var(--lum-graphite)}.product-admin-checks input,.product-admin-bundle-option input,.payment-method-option input{accent-color:var(--lum-champagne)}.product-image-field-preview,.product-admin-gallery-item,.product-admin-gallery-upload-item{border-color:var(--lum-sand);background:var(--lum-offwhite)}.product-admin-gallery-upload-item img,.product-admin-gallery-item img{background:var(--lum-white)}.product-admin-gallery-upload-item small,.product-admin-gallery-item small{color:var(--lum-graphite)}.product-admin-form .rich-toolbar{border-color:var(--lum-sand);background:var(--lum-sand)}.product-admin-form .rich-toolbar button{border-color:var(--lum-sand);background:var(--lum-white);color:var(--lum-graphite)}.product-admin-form .rich-toolbar button:hover{border-color:var(--lum-champagne);background:var(--lum-champagne);color:var(--lum-graphite)}.product-admin-form .rich-surface{border-color:var(--lum-sand);background:var(--lum-white);color:var(--lum-graphite)}.product-admin-form .rich-surface:focus{border-color:var(--lum-champagne);box-shadow:0 0 0 3px rgba(184,161,124,0.3)}.product-admin-bundle-option{border-color:var(--lum-sand);background:var(--lum-offwhite)}.product-admin-bundle-option:hover{border-color:var(--lum-champagne)}.product-admin-bundle-option strong,.product-admin-bundle-option small{color:var(--lum-graphite)}.product-admin-bundle-thumb{background:var(--lum-white)}
.product-page{--product-accent:var(--lum-champagne);--product-accent-soft:var(--lum-sand);--product-border:var(--lum-sand)}.product-page .product-breadcrumb,.product-page .product-info .category,.product-page .product-sku,.product-page .product-lead,.product-page .stock-note,.product-page .product-trust,.product-page .product-tab-panel{color:var(--lum-graphite)}.product-page .product-breadcrumb a:hover{color:var(--lum-champagne)}.product-page .product-breadcrumb strong{color:var(--lum-graphite)}.product-page .product-thumb.is-active,.product-page .product-thumb:hover{border-color:var(--lum-champagne);box-shadow:0 0 0 2px rgba(184,161,124,0.3)}.product-page .product-gallery-dots span{background:var(--lum-sand)}.product-page .product-gallery-dots span.is-active{background:var(--lum-graphite)}.product-page .product-badge{background:var(--lum-champagne);color:var(--lum-graphite)}.product-page .product-info h1,.product-page .section-heading h2,.product-page .product-tab.is-active,.product-page .product-tab:hover,.product-page .bundle-item small,.product-page .bundle-total strong{color:var(--lum-graphite)}.product-page .product-price{color:var(--lum-graphite)}.product-page .purchase-form{border-color:var(--lum-champagne)}.product-page .quantity-control{border-right-color:var(--lum-champagne)}.product-page .quantity-control button{color:var(--lum-graphite);background:var(--lum-white)}.product-page .purchase-btn,.product-page .bundle-button,.product-page .bundle-check{background:var(--lum-champagne);border-color:var(--lum-champagne);color:var(--lum-graphite)}.product-page .purchase-btn:hover,.product-page .bundle-button:hover{background:var(--lum-graphite);border-color:var(--lum-graphite);color:var(--lum-white)}.product-page .product-characteristics{background:var(--lum-champagne);color:var(--lum-graphite)}.product-page .product-characteristics h2,.product-page .product-characteristics h3,.product-page .product-characteristics .rich-copy,.product-page .product-characteristics ul{color:var(--lum-graphite)}.product-page .product-tab.is-active,.product-page .product-tab:hover{border-color:var(--lum-champagne)}.product-page .bundle-item{border-color:var(--lum-sand);background:var(--lum-white)}.product-page .bundle-item strong{color:var(--lum-graphite)}.product-page .bundle-plus{color:var(--lum-graphite)}.product-page .review-empty{border-color:var(--lum-sand);background:var(--lum-offwhite);color:var(--lum-graphite)}
.payment-method-option:has(input:checked){border-color:var(--lum-champagne);background:var(--lum-offwhite);box-shadow:0 0 0 2px rgba(184,161,124,0.3)}.payment-summary{background:var(--lum-sand);border-color:var(--lum-sand)}.copy-field textarea{border-color:var(--lum-sand);background:var(--lum-offwhite);color:var(--lum-graphite)}

/* Carrinho lateral e resumo do checkout. */
.slideshow-slide img{display:block;width:100%;height:100%;margin:auto;object-fit:contain;object-position:center center}
/* Carrinho lateral e resumo do checkout (LUXO BLACK & GOLD). */
.slideshow-slide img{display:block;width:100%;height:100%;margin:auto;object-fit:contain;object-position:center center}
.cart-drawer-overlay{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.cart-drawer-overlay.is-open{opacity:1;visibility:visible}
.cart-drawer{position:fixed;right:0;top:0;z-index:999;width:min(100%,380px);height:100%;display:flex;flex-direction:column;background:#0d0c0e !important;color:#ffffff !important;border-left:1px solid rgba(223,177,111,0.2) !important;box-shadow:-20px 0 50px rgba(0,0,0,0.85);transform:translateX(100%);visibility:hidden;transition:transform .3s cubic-bezier(0.16,1,0.3,1),visibility .3s ease}
.cart-drawer.is-open{transform:translateX(0);visibility:visible}
.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#121014 !important;border-bottom:1px solid rgba(223,177,111,0.15) !important}
.cart-header-title-group{display:flex;align-items:center;gap:10px}
.cart-drawer-header h2{font-family:var(--font-serif) !important;font-size:19px !important;font-weight:700 !important;color:#ffffff !important;letter-spacing:0.04em !important;margin:0 !important}
.cart-drawer-count{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:rgba(223,177,111,0.15) !important;border:1px solid rgba(223,177,111,0.35) !important;color:var(--lum-gold) !important;font-size:11px !important;font-weight:700 !important}
.cart-drawer-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.1);border-radius:50%;background:#18151a;color:#a8a39a;cursor:pointer;transition:all .2s ease}
.cart-drawer-close:hover{background:var(--lum-gold);border-color:var(--lum-gold);color:#120e06;transform:rotate(90deg)}
.cart-drawer-items{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px}

/* Estado vazio luxo */
.cart-drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;padding:36px 20px;margin:auto 0}
.cart-empty-icon-wrap{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(223,177,111,0.15) 0%,rgba(223,177,111,0.02) 70%,transparent 100%);border:1px solid rgba(223,177,111,0.25);display:inline-flex;align-items:center;justify-content:center;color:var(--lum-gold);margin-bottom:18px;box-shadow:0 0 24px rgba(223,177,111,0.12)}
.cart-empty-title{font-family:var(--font-serif) !important;font-size:20px !important;font-weight:700 !important;color:#ffffff !important;letter-spacing:0.03em !important;margin:0 0 8px !important}
.cart-empty-desc{font-size:12.5px !important;color:#8c877f !important;line-height:1.5 !important;margin:0 0 24px !important;max-width:260px !important}
.cart-drawer-explore-btn,.cart-drawer-empty .btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;background:var(--lum-gold) !important;border:1px solid var(--lum-gold) !important;color:#120e06 !important;font-weight:700 !important;font-size:12px !important;letter-spacing:0.06em !important;text-transform:uppercase !important;border-radius:999px !important;padding:12px 26px !important;text-decoration:none !important;transition:all .2s ease !important;box-shadow:0 6px 20px rgba(223,177,111,0.25) !important}
.cart-drawer-explore-btn:hover,.cart-drawer-empty .btn:hover{background:#ecd3a6 !important;border-color:#ecd3a6 !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(223,177,111,0.35) !important}
.cart-empty-suggestions{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.cart-suggest-label{font-size:11px;color:#635d55}
.cart-suggest-pill{font-size:11px;padding:4px 10px;border-radius:999px;background:#141216;border:1px solid rgba(223,177,111,0.2);color:#c4bfb6;text-decoration:none;transition:all .15s ease}
.cart-suggest-pill:hover{border-color:var(--lum-gold);color:var(--lum-gold)}

/* Itens preenchidos luxo */
.cart-drawer-item{display:flex;gap:12px;padding:12px;background:#151318 !important;border:1px solid rgba(223,177,111,0.16) !important;border-radius:12px !important;transition:border-color .2s}
.cart-drawer-item:hover{border-color:rgba(223,177,111,0.35) !important}
.cart-drawer-thumb{width:68px;height:68px;border-radius:8px;background:#0d0c0e !important;border:1px solid rgba(223,177,111,0.12) !important;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;padding:4px}
.cart-drawer-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.cart-drawer-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.cart-drawer-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.cart-drawer-item-title{color:#ffffff !important;font-size:11.5px !important;font-weight:600 !important;margin:0 !important;line-height:1.35 !important}
.cart-drawer-remove{border:0 !important;background:transparent !important;color:#736d64 !important;font-size:18px !important;font-weight:700 !important;line-height:1 !important;padding:2px 5px !important;cursor:pointer !important;transition:color .15s !important}
.cart-drawer-remove:hover{color:#ff5c5c !important}
.cart-drawer-meta{color:#8c877f !important;font-size:10.5px !important;margin-top:2px !important}
.cart-drawer-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.cart-drawer-quantity{display:inline-flex;align-items:center;border:1px solid rgba(223,177,111,0.22) !important;border-radius:999px !important;background:#0d0c0e !important;overflow:hidden}
.cart-drawer-quantity button{border:0 !important;background:transparent !important;color:#c4bfb6 !important;padding:4px 9px !important;font-size:13px !important;font-weight:700 !important;cursor:pointer !important;transition:all .15s !important}
.cart-drawer-quantity button:hover{background:rgba(223,177,111,0.15) !important;color:var(--lum-gold) !important}
.cart-drawer-quantity span{width:22px;color:#ffffff !important;text-align:center;font-size:11.5px !important;font-weight:700 !important}
.cart-drawer-price{color:var(--lum-gold) !important;font-weight:800 !important;font-size:13px !important;letter-spacing:-0.01em}

/* Rodapé do drawer */
.cart-drawer-footer{padding:18px 20px;border-top:1px solid rgba(223,177,111,0.15) !important;background:#121014 !important;display:flex;flex-direction:column;gap:12px}
.cart-drawer-totals{display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.cart-totals-row{display:flex;justify-content:space-between;align-items:center;color:#9e988f}
.cart-subtotal-val{font-size:16px;font-weight:800;color:var(--lum-gold)}
.cart-shipping-row{font-size:11.5px;color:#6d675e}
.cart-shipping-val{color:#9e988f;font-weight:500}
.cart-drawer-checkout{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:100% !important;padding:13px 18px !important;background:var(--lum-gold) !important;border:1px solid var(--lum-gold) !important;color:#120e06 !important;font-weight:800 !important;font-size:12.5px !important;text-transform:uppercase !important;letter-spacing:0.05em !important;border-radius:8px !important;text-decoration:none !important;transition:all .2s ease !important;box-shadow:0 6px 20px rgba(223,177,111,0.22) !important}
.cart-drawer-checkout:hover{background:#ecd3a6 !important;border-color:#ecd3a6 !important;transform:translateY(-1px) !important;box-shadow:0 8px 24px rgba(223,177,111,0.35) !important}
.cart-drawer-trust-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#6d675e}
.cart-drawer-trust-note svg{stroke:var(--lum-gold)}
body.cart-drawer-open{overflow:hidden}
.checkout-summary-items{display:grid;gap:12px;margin:0 0 16px}
.checkout-summary-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(223,177,111,0.15)}
.checkout-summary-thumb{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:1px solid rgba(223,177,111,0.15);border-radius:8px;background:#18171e}
.checkout-summary-thumb img{width:100%;height:100%;object-fit:contain}
.checkout-summary-copy{display:grid;gap:4px;min-width:0}
.checkout-summary-copy strong{overflow:hidden;color:#ffffff;font-size:12px;line-height:1.3;text-overflow:ellipsis}
.checkout-summary-copy span{color:#8c877f;font-size:11px}
.checkout-summary-line-total{color:var(--lum-gold);font-size:12px;white-space:nowrap}
@media(max-width:480px){.cart-drawer{width:100%}.cart-drawer-items,.cart-drawer-footer{padding:16px}.checkout-summary-item{grid-template-columns:52px minmax(0,1fr) auto}.checkout-summary-thumb{width:52px;height:52px}}
.cart-drawer[hidden],.cart-drawer-overlay[hidden]{display:none !important}

/* Integrações de rastreamento no painel. */
.tracking-settings{margin:22px 0;padding:18px;border:1px solid var(--lum-sand);border-radius:7px;background:var(--lum-offwhite)}
.tracking-settings legend{padding:0 7px;color:var(--lum-graphite);font-weight:800}
.tracking-settings .form-grid{margin-top:14px}
.tracking-settings .field{background:var(--lum-white)}
.tracking-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid var(--lum-sand);color:var(--lum-graphite);font-size:13px}
.tracking-event-grid strong{grid-column:1/-1}
.tracking-event-grid label{display:flex;align-items:center;gap:7px}
@media(max-width:600px){.tracking-event-grid{grid-template-columns:1fr}.tracking-event-grid strong{grid-column:auto}}

/* Slideshow: full-width track with centered media */
.slideshow-track{width:100%;margin-inline:auto;}
/* Lotus Perfumaria identity components: editable footer, social icons and WhatsApp contact. */
.footer-brand{min-width:0}.footer-brand>p{max-width:260px;white-space:normal}.footer-socials{display:flex;align-items:center;gap:9px;margin-top:16px}.social-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--lum-sand);border-radius:50%;background:var(--lum-white);color:var(--lum-graphite);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.social-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-icon[aria-label="Facebook"] svg{fill:currentColor;stroke:none}.social-icon:hover,.social-icon:focus-visible{background:var(--lum-champagne);border-color:var(--lum-champagne);color:var(--lum-graphite);transform:translateY(-1px)}.footer-whatsapp-link{display:inline-flex!important;align-items:center;gap:8px!important;margin-top:10px;color:var(--lum-graphite)!important;font-weight:700}.whatsapp-mark{display:inline-grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:50%;background:var(--lum-champagne);color:var(--lum-graphite)}.whatsapp-mark svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.whatsapp-contact{position:fixed;right:18px;bottom:18px;z-index:45;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--lum-champagne);border-radius:999px;background:var(--lum-graphite);color:var(--lum-white)!important;box-shadow:0 12px 24px rgba(37,37,37,.22);font-size:12px;font-weight:800;transition:background .2s ease,color .2s ease,transform .2s ease}.whatsapp-contact:hover,.whatsapp-contact:focus-visible{background:var(--lum-champagne);color:var(--lum-graphite)!important;transform:translateY(-2px)}.whatsapp-contact .whatsapp-mark{background:var(--lum-white)}.footer-settings{margin:22px 0;padding:18px;border:1px solid var(--lum-sand);border-radius:7px;background:var(--lum-offwhite)}.footer-settings legend{padding:0 7px;color:var(--lum-graphite);font-weight:800}.footer-settings .field{background:var(--lum-white)}.admin-guide{max-width:1120px}.admin-guide>h1{margin-bottom:8px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.guide-card{margin:0}.guide-card h2{margin-top:0;font-size:18px}.guide-card p{line-height:1.65;margin-bottom:0}.guide-section{margin-top:18px}.guide-section h2{margin-top:0}.guide-section ol,.guide-section ul{padding-left:21px;line-height:1.8}.guide-section li+li{margin-top:5px}@media(max-width:850px){.guide-grid{grid-template-columns:1fr}.footer{padding-bottom:90px}.whatsapp-contact{right:12px;bottom:12px}}@media(max-width:520px){.footer-socials{margin-top:12px}.social-icon{width:32px;height:32px}.whatsapp-contact{padding:10px 12px}.whatsapp-contact span:last-child{font-size:11px}.footer-settings{padding:14px}.guide-card{padding:18px}}

/* Slideshow gestures: swipe on touch screens and drag with a primary mouse button. */
.slideshow{touch-action:pan-y}.slideshow-track,.slideshow-slide{touch-action:pan-y}.slideshow.is-dragging{cursor:grabbing}.slideshow.is-dragging a{user-select:none}


/* Admin mobile navigation: off-canvas sidebar with overlay and accessible controls. */
.admin-mobile-bar,.admin-sidebar-close,.admin-sidebar-backdrop{display:none}
@media(max-width:850px){
  body.admin-menu-open{overflow:hidden}
  .admin-shell{display:block;min-height:100vh}
  .admin-mobile-bar{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:10px 14px;background:var(--lum-graphite);border-bottom:1px solid rgba(217,210,199,.55);color:var(--lum-white)}
  .admin-menu-toggle,.admin-mobile-store{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid var(--lum-sand);border-radius:6px;background:transparent;color:var(--lum-white);font-size:12px;font-weight:700}
  .admin-menu-toggle:focus-visible,.admin-mobile-store:focus-visible,.admin-sidebar-close:focus-visible{outline:2px solid var(--lum-champagne);outline-offset:2px}
  .admin-menu-icon{font-size:19px;line-height:1}
  .admin-mobile-logo{font-family:'Playfair Display',serif;font-size:20px;letter-spacing:.12em;font-weight:700;color:var(--lum-white)}
  .admin-mobile-logo span{color:var(--lum-champagne)}
  .admin-sidebar-backdrop{position:fixed;inset:0;z-index:75;background:rgba(37,37,37,.58);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
  .admin-sidebar-backdrop.is-open{display:block;opacity:1;visibility:visible}
  .admin-sidebar-backdrop[hidden]{display:none}
  .sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:min(86vw,320px);height:100dvh;overflow-y:auto;padding:22px 16px 28px;transform:translateX(-105%);transition:transform .24s ease;box-shadow:12px 0 34px rgba(37,37,37,.28)}
  .sidebar.is-open{transform:translateX(0)}
  .sidebar nav{display:grid;gap:4px;margin-top:24px;overflow:visible}
  .sidebar nav a{white-space:normal}
  .sidebar .logo{padding-right:42px}
  .admin-sidebar-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--lum-sand);border-radius:50%;background:transparent;color:var(--lum-white);font-size:24px;line-height:1}
  .admin-content{padding:18px 14px 30px;max-width:100%;overflow:hidden}
  .admin-content h1{font-size:clamp(24px,7vw,32px);line-height:1.12}
  .admin-content h2{font-size:clamp(18px,5vw,24px)}
  .admin-content .panel{padding:18px 14px;margin-bottom:16px}
  .stats{gap:10px}
  .stats .stat strong{font-size:26px}
}
@media(max-width:520px){
  .admin-mobile-bar{padding-inline:10px}
  .admin-mobile-store{font-size:11px;padding-inline:9px}
  .admin-mobile-logo{font-size:17px}
  .admin-content{padding-inline:10px}
  .admin-content .panel{padding:15px 11px}
  .stats{grid-template-columns:1fr}
  .responsive-table{margin-inline:-3px}
  table{min-width:620px}
}

/* Dashboard access analytics */
.access-analytics{margin-top:24px}.access-analytics .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.analytics-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.analytics-filter .field{min-width:150px}.access-stats{margin:0 0 22px;grid-template-columns:repeat(4,minmax(0,1fr))}.access-stats .stat{min-height:118px}.access-stats small{display:block;margin-top:7px}.analytics-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.analytics-columns h3{font-size:1rem;margin:0 0 10px}.analytics-columns .responsive-table{overflow-x:auto}@media(max-width:900px){.access-analytics .section-heading{align-items:stretch;flex-direction:column}.access-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-columns{grid-template-columns:1fr}}@media(max-width:520px){.access-stats{grid-template-columns:1fr}.analytics-filter{align-items:stretch;flex-direction:column}.analytics-filter .field,.analytics-filter .btn{width:100%}}

/* Enforcement: Pure black background guarantee */
html, body, .clone-home-wrapper, .clone-hero-wrap, .clone-section-mais-vendidos, .clone-section-kits, .clone-section-split, .header-clone {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* Lotus Perfumaria product UX and contrast pass — scoped to product detail pages. */
.product-page {
  --product-bg: #0f1012;
  --product-surface: #17191c;
  --product-surface-raised: #202326;
  --product-text: #ffffff;
  --product-text-secondary: #e7e2d9;
  --product-muted: #b9b4aa;
  --product-border-strong: rgba(255, 255, 255, .18);
  --product-accent: #cbb184;
  --product-accent-bright: #e6ca98;
  --product-border: rgba(255, 255, 255, .16);
  width: min(100% - 32px, 1180px);
  max-width: 1180px;
  margin: clamp(18px, 3vw, 36px) auto 56px;
  padding: clamp(22px, 4vw, 48px) clamp(16px, 4vw, 42px) 72px;
  border: 1px solid var(--product-border);
  border-radius: 20px;
  background: var(--product-bg) !important;
  color: var(--product-text);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}
.product-page .product-breadcrumb {
  gap: 10px;
  margin-bottom: clamp(20px, 3vw, 34px);
  color: var(--product-muted) !important;
  font-size: 12px;
}
.product-page .product-breadcrumb a { color: var(--product-text-secondary) !important; }
.product-page .product-breadcrumb a:hover,
.product-page .product-breadcrumb a:focus-visible { color: var(--product-accent-bright) !important; }
.product-page .product-breadcrumb strong { color: var(--product-text) !important; }
.product-page .product-detail {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: clamp(28px, 5vw, 64px);
}
.product-page .product-gallery {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.product-page .product-thumbs { display: flex; flex-direction: column; gap: 12px; }
.product-page .product-thumb {
  width: 78px;
  min-height: 78px;
  padding: 7px;
  border: 1px solid var(--product-border-strong);
  border-radius: 12px;
  background: #f4f1eb;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.product-page .product-thumb:hover,
.product-page .product-thumb:focus-visible,
.product-page .product-thumb.is-active {
  border-color: var(--product-accent-bright);
  box-shadow: 0 0 0 3px rgba(230, 202, 152, .28);
  transform: translateY(-1px);
}
.product-page .product-gallery-stage { min-width: 0; }
.product-page .product-main-frame {
  min-height: clamp(340px, 42vw, 540px);
  padding: clamp(18px, 4vw, 38px);
  border: 1px solid var(--product-border-strong) !important;
  border-radius: 18px;
  background: #f4f1eb !important;
  box-shadow: inset 0 0 0 1px rgba(37, 37, 37, .04), 0 14px 34px rgba(0, 0, 0, .22);
}
.product-page .product-main-frame img { max-height: 500px; width: 100%; object-fit: contain; mix-blend-mode: multiply; }
.product-page .product-gallery-dots { gap: 7px; margin-top: 14px; }
.product-page .product-gallery-dots span { width: 7px; height: 7px; background: #70695f !important; }
.product-page .product-gallery-dots span.is-active { background: var(--product-accent-bright) !important; box-shadow: 0 0 0 3px rgba(230, 202, 152, .2); }
.product-page .product-info {
  min-width: 0;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--product-border);
  border-radius: 18px;
  background: var(--product-surface);
}
.product-page .product-overline { gap: 10px; flex-wrap: wrap; }
.product-page .product-info .category,
.product-page .product-sku { color: var(--product-muted) !important; font-size: 11px; }
.product-page .product-badge {
  margin: 14px 0 4px;
  border: 1px solid rgba(230, 202, 152, .46);
  background: rgba(203, 177, 132, .18);
  color: var(--product-accent-bright) !important;
}
.product-page .product-info h1 {
  margin: 8px 0 12px;
  color: var(--product-text) !important;
  font-size: clamp(27px, 3.2vw, 38px);
  line-height: 1.12;
  letter-spacing: -.015em;
}
.product-page .product-lead {
  max-width: 56ch;
  margin: 0;
  color: var(--product-text-secondary) !important;
  font-size: 14px;
  line-height: 1.65;
}
.product-page .product-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 16px;
  color: var(--product-accent-bright) !important;
  font-size: clamp(26px, 3vw, 32px);
  line-height: 1;
}
.product-page .product-price .old {
  margin-left: 0;
  color: var(--product-muted) !important;
  font-size: 13px;
  font-weight: 500;
  text-decoration: line-through;
}
.product-page .stock-note { margin-bottom: 11px; color: var(--product-text-secondary) !important; font-size: 12px; }
.product-page .purchase-form {
  display: flex;
  min-height: 52px;
  border: 1px solid var(--product-accent) !important;
  border-radius: 10px;
  background: var(--product-surface-raised);
  overflow: hidden;
}
.product-page .quantity-control { flex: 0 0 142px; border-right: 1px solid var(--product-accent) !important; }
.product-page .quantity-control button {
  width: 40px;
  height: 50px;
  color: var(--product-accent-bright) !important;
  background: transparent !important;
  font-size: 21px;
}
.product-page .quantity-control button:hover,
.product-page .quantity-control button:focus-visible { background: rgba(230, 202, 152, .14) !important; }
.product-page .quantity-control input {
  width: 48px;
  height: 50px;
  padding: 0;
  border: 0;
  background: transparent !important;
  color: var(--product-text) !important;
  text-align: center;
  font-size: 15px;
}
.product-page .purchase-btn {
  min-height: 50px;
  background: var(--product-accent-bright) !important;
  color: #252525 !important;
  font-size: 13px;
  letter-spacing: .04em;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
.product-page .purchase-btn:hover,
.product-page .purchase-btn:focus-visible { background: #f0d9ad !important; color: #1b1b1b !important; transform: translateY(-1px); }
.product-page .purchase-btn:disabled { background: #716b62 !important; color: #e7e2d9 !important; }
.product-page .product-characteristics {
  margin-top: 24px;
  padding: 20px 21px;
  border: 1px solid rgba(230, 202, 152, .48);
  border-radius: 14px;
  background: var(--product-accent) !important;
  color: #252525 !important;
}
.product-page .product-characteristics h2 { margin-bottom: 10px; color: #252525 !important; font-size: 16px; }
.product-page .product-characteristics .rich-copy,
.product-page .product-characteristics ul,
.product-page .product-characteristics li,
.product-page .product-characteristics p { color: #252525 !important; font-size: 13px; line-height: 1.65; }
.product-page .product-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  color: var(--product-text-secondary) !important;
  font-size: 11px;
}
.product-page .product-trust span {
  padding: 7px 10px;
  border: 1px solid var(--product-border-strong);
  border-radius: 999px;
  background: var(--product-surface-raised);
}
.product-page .product-content-rich {
  margin-top: 28px;
  padding-top: 2px;
  border-top: 1px solid var(--product-border-strong);
}
.product-page .product-tabs { gap: 22px; border-bottom: 1px solid var(--product-border-strong); }
.product-page .product-tab {
  padding: 15px 0 12px;
  color: var(--product-muted) !important;
  font-size: 12px;
  font-weight: 700;
}
.product-page .product-tab:hover,
.product-page .product-tab:focus-visible,
.product-page .product-tab.is-active { color: var(--product-accent-bright) !important; border-color: var(--product-accent-bright) !important; }
.product-page .product-tab-panel {
  padding: 18px 0 2px;
  color: var(--product-text-secondary) !important;
  font-size: 13px;
  line-height: 1.7;
}
.product-page .product-tab-panel .rich-copy { color: var(--product-text-secondary) !important; }
.product-page .product-tab-panel .rich-copy h2,
.product-page .product-tab-panel .rich-copy h3 { color: var(--product-text) !important; }
.product-page .product-tab-panel .rich-copy a { color: var(--product-accent-bright) !important; }
.product-page .bundle-section { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--product-border-strong); }
.product-page .section-heading h2 { color: var(--product-text) !important; font-size: 21px; }
.product-page .bundle-item {
  min-height: 58px;
  border-color: var(--product-border-strong) !important;
  background: var(--product-surface-raised) !important;
}
.product-page .bundle-item strong { color: var(--product-text) !important; font-size: 11px; }
.product-page .bundle-item small { color: var(--product-accent-bright) !important; }
.product-page .bundle-item img { background: #f4f1eb !important; border-radius: 7px; }
.product-page .bundle-plus { color: var(--product-muted) !important; }
.product-page .bundle-total { color: var(--product-text-secondary) !important; font-size: 12px; }
.product-page .bundle-total strong { color: var(--product-accent-bright) !important; font-size: 15px; }
.product-page .bundle-button { background: var(--product-accent-bright) !important; border-color: var(--product-accent-bright) !important; color: #252525 !important; }
.product-page .bundle-button:hover,
.product-page .bundle-button:focus-visible { background: #f0d9ad !important; border-color: #f0d9ad !important; color: #1b1b1b !important; }
.product-page .related-products { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--product-border-strong); }
.product-page .related-products .section-heading h2 { color: var(--product-text) !important; }
.product-page .reviews-section { margin-top: 52px; border-top-color: var(--product-border-strong); }
.product-page .reviews-section .section-heading h2 { color: var(--product-text) !important; }
.product-page .review-empty { border-color: var(--product-border-strong) !important; background: var(--product-surface) !important; color: var(--product-text-secondary) !important; }
.product-page button:focus-visible,
.product-page a:focus-visible,
.product-page input:focus-visible { outline: 3px solid rgba(230, 202, 152, .72); outline-offset: 3px; }
@media (max-width: 850px) {
  .product-page { width: min(100% - 24px, 720px); margin-top: 12px; padding: 22px 18px 56px; }
  .product-page .product-detail { grid-template-columns: 1fr; gap: 24px; }
  .product-page .product-info { padding: 21px 18px; }
  .product-page .product-main-frame { min-height: min(78vw, 430px); }
}
@media (max-width: 520px) {
  .product-page { width: calc(100% - 20px); padding: 18px 13px 44px; border-radius: 14px; }
  .product-page .product-breadcrumb { margin-bottom: 18px; font-size: 11px; }
  .product-page .product-gallery { grid-template-columns: 1fr; gap: 12px; }
  .product-page .product-gallery-stage { order: 1; }
  .product-page .product-thumbs { order: 2; flex-direction: row; overflow-x: auto; padding: 2px 1px 5px; scrollbar-width: thin; }
  .product-page .product-thumb { flex: 0 0 64px; width: 64px; min-height: 64px; }
  .product-page .product-main-frame { min-height: min(92vw, 360px); border-radius: 14px; }
  .product-page .product-info { padding: 18px 14px; border-radius: 14px; }
  .product-page .product-info h1 { font-size: 28px; }
  .product-page .product-lead { font-size: 13px; }
  .product-page .purchase-form { flex-wrap: wrap; }
  .product-page .quantity-control { flex: 1 0 100%; border-right: 0 !important; border-bottom: 1px solid var(--product-accent) !important; }
  .product-page .purchase-btn { width: 100%; }
  .product-page .product-tabs { gap: 16px; overflow-x: auto; }
  .product-page .product-tab { flex: 0 0 auto; }
}
/* Product reference clone — scoped to the dynamic product view. */
.product-route {
  --clone-black: #0d0d0c;
  --clone-dark: #141413;
  --clone-card: #1c1b19;
  --clone-gold: #c5a059;
  --clone-gold-hover: #dfb76c;
  --clone-gold-soft: rgba(197, 160, 89, .12);
  --clone-gold-border: rgba(197, 160, 89, .25);
  --clone-cream: #f5f3ef;
  --clone-muted: #b7b2a8;
  --clone-border: #393630;
  background: var(--clone-black) !important;
  color: var(--clone-cream) !important;
}
.product-clone-promo {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 8px 16px;
  border-bottom: 1px solid var(--clone-gold-border);
  background: linear-gradient(90deg, var(--clone-dark), #1a1712, var(--clone-dark));
  color: var(--clone-muted);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}
.product-clone-promo strong { color: var(--clone-gold-hover); }
.product-clone-promo-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 999px; background: var(--clone-gold); box-shadow: 0 0 10px rgba(197,160,89,.7); }
.product-clone-promo i { width: 1px; height: 12px; background: var(--clone-border); }
.product-route .header-clone {
  width: 100%;
  max-width: none;
  margin: 0;
  background: rgba(13, 13, 12, .94);
  border-bottom-color: var(--clone-border);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.product-route .header-clone-inner { max-width: 1280px; height: 80px; margin: 0 auto; padding: 0 24px; }
.product-route .header-clone-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  color: var(--clone-cream);
  font-family: var(--font-serif);
  font-size: 29px;
  letter-spacing: .22em;
  line-height: 1;
  transition: color .2s ease;
}
.product-route .header-clone-logo::after { content: 'HAUTE PARFUMERIE'; color: var(--clone-gold); font-family: var(--font-sans); font-size: 8px; letter-spacing: .32em; line-height: 1.5; }
.product-route .header-clone-logo:hover { color: var(--clone-gold-hover); }
.product-route .header-clone-logo .site-logo { max-height: 42px; width: auto; }
.product-route .header-clone-nav { gap: 26px; color: var(--clone-cream); font-size: 13px; font-weight: 500; letter-spacing: .035em; }
.product-route .header-clone-nav a { color: rgba(245,243,239,.82); }
.product-route .header-clone-nav a:hover, .product-route .header-clone-nav a.active { color: var(--clone-gold-hover); }
.product-route .header-clone-nav a.active::after { background: var(--clone-gold); }
.product-route .header-clone-actions { gap: 7px; }
.product-route .header-clone-icon { color: var(--clone-cream); border-radius: 999px; padding: 10px; }
.product-route .header-clone-icon:hover, .product-route .header-clone-icon:focus-visible { background: var(--clone-card); color: var(--clone-gold-hover); }
.product-route .header-cart-badge { background: var(--clone-gold); color: var(--clone-black); }
.product-route .search-panel-dropdown { background: var(--clone-card); border-color: var(--clone-border); }
.product-route .search-form-luxury { background: var(--clone-dark); border-color: var(--clone-border); }
.product-route .search-form-luxury input { color: var(--clone-cream); }
.product-route .search-form-luxury button { color: var(--clone-gold-hover); }
.product-page-clone {
  width: min(100% - 32px, 1280px);
  max-width: 1280px;
  margin: 0 auto 64px;
  padding: 30px 0 12px;
  background: var(--clone-black) !important;
  color: var(--clone-cream) !important;
}
.product-clone-breadcrumb { display: flex; align-items: center; gap: 9px; margin: 4px 0 34px; color: var(--clone-muted); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.product-clone-breadcrumb a { color: rgba(245,243,239,.78); transition: color .2s ease; }
.product-clone-breadcrumb a:hover, .product-clone-breadcrumb a:focus-visible { color: var(--clone-gold-hover); }
.product-clone-breadcrumb span { color: var(--clone-border); }
.product-clone-breadcrumb strong { min-width: 0; overflow: hidden; color: var(--clone-gold); font-weight: 600; text-overflow: ellipsis; }
.product-clone-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.product-clone-gallery { display: flex; flex-direction: row; gap: 16px; min-width: 0; }
.product-clone-thumbs { display: flex; flex: 0 0 82px; flex-direction: column; gap: 12px; overflow: visible; }
.product-clone-thumb { position: relative; width: 82px; height: 100px; flex: 0 0 100px; overflow: hidden; padding: 5px; border: 1px solid var(--clone-border); border-radius: 12px; background: var(--clone-card); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.product-clone-thumb img { width: 100%; height: 100%; border-radius: 8px; object-fit: contain; background: var(--clone-dark); }
.product-clone-thumb:hover, .product-clone-thumb:focus-visible, .product-clone-thumb.is-active { border-color: var(--clone-gold); box-shadow: 0 0 0 2px rgba(197,160,89,.25); transform: translateY(-1px); }
.product-clone-stage { min-width: 0; flex: 1; }
.product-clone-stage-frame { position: relative; display: flex; min-height: clamp(420px, 50vw, 620px); align-items: center; justify-content: center; overflow: hidden; padding: clamp(24px, 4vw, 56px); border: 1px solid var(--clone-border); border-radius: 22px; background: radial-gradient(circle at 50% 38%, #24211b 0%, var(--clone-card) 52%, var(--clone-dark) 100%); box-shadow: 0 22px 55px rgba(0,0,0,.34); }
.product-clone-stage-frame::after { position: absolute; inset: auto 14% 7%; height: 14%; border-radius: 50%; background: radial-gradient(ellipse, rgba(0,0,0,.48), transparent 72%); content: ''; filter: blur(12px); pointer-events: none; }
.product-clone-stage-frame > img { position: relative; z-index: 1; width: 100%; height: 100%; max-height: 520px; object-fit: contain; filter: drop-shadow(0 20px 35px rgba(0,0,0,.8)); transition: opacity .18s ease, transform .35s ease; }
.product-clone-stage-frame > img.is-changing { opacity: .28; }
.product-clone-stage-frame:hover > img { transform: scale(1.025); }
.product-clone-badges { position: absolute; z-index: 3; top: 18px; left: 18px; display: flex; flex-direction: column; gap: 8px; }
.product-clone-sale, .product-clone-badge { display: inline-flex; width: fit-content; align-items: center; border-radius: 999px; padding: 6px 11px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-clone-sale { border: 1px solid rgba(244,92,116,.46); background: rgba(89,14,30,.76); color: #ffb3bd; }
.product-clone-badge { border: 1px solid var(--clone-gold-border); background: rgba(20,20,18,.82); color: var(--clone-gold-hover); }
.product-clone-wishlist { position: absolute; z-index: 3; top: 18px; right: 18px; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--clone-border); border-radius: 999px; background: rgba(13,13,12,.76); color: var(--clone-cream); transition: color .2s ease, background .2s ease, border-color .2s ease; }
.product-clone-wishlist svg { width: 20px; height: 20px; }
.product-clone-wishlist:hover, .product-clone-wishlist:focus-visible, .product-clone-wishlist.is-active { border-color: var(--clone-gold); background: var(--clone-dark); color: var(--clone-gold-hover); }
.product-clone-wishlist.is-active svg { fill: currentColor; }
.product-clone-gallery-arrow { position: absolute; z-index: 3; top: 50%; display: grid; width: 38px; height: 38px; place-items: center; transform: translateY(-50%); border: 1px solid var(--clone-border); border-radius: 999px; background: rgba(13,13,12,.7); color: var(--clone-cream); font-size: 25px; line-height: 1; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.product-clone-gallery-arrow:hover, .product-clone-gallery-arrow:focus-visible { border-color: var(--clone-gold); background: var(--clone-gold); color: var(--clone-black); }
.product-clone-gallery-arrow.is-prev { left: 14px; }
.product-clone-gallery-arrow.is-next { right: 14px; }
.product-clone-zoom-hint { position: absolute; z-index: 3; right: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid var(--clone-border); border-radius: 6px; background: rgba(20,20,19,.82); color: var(--clone-muted); font-size: 10px; }
.product-clone-zoom-hint svg { width: 14px; height: 14px; }
.product-clone-dots { display: flex; justify-content: center; gap: 7px; margin-top: 13px; }
.product-clone-dots span { width: 7px; height: 7px; border-radius: 999px; background: #4a4640; transition: background .2s ease, transform .2s ease; }
.product-clone-dots span.is-active { background: var(--clone-gold); transform: scale(1.22); }
.product-clone-summary { min-width: 0; padding-top: 5px; }
.product-clone-overline { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: var(--clone-gold); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.product-clone-overline span:last-child { color: var(--clone-muted); font-size: 10px; letter-spacing: .08em; }
.product-clone-summary h1 { max-width: 16ch; margin: 0 0 10px; color: var(--clone-cream) !important; font-family: var(--font-serif); font-size: clamp(34px, 4vw, 56px); font-weight: 500; letter-spacing: -.02em; line-height: 1.08; }
.product-clone-subtitle { margin: 0 0 22px; color: var(--clone-muted); font-size: 13px; letter-spacing: .03em; }
.product-clone-price-card { margin-bottom: 18px; padding: 18px; border: 1px solid var(--clone-border); border-radius: 16px; background: linear-gradient(135deg, var(--clone-card), #191815); }
.product-clone-price-line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.product-clone-price-line strong { color: var(--clone-cream); font-size: clamp(30px, 3vw, 40px); letter-spacing: -.025em; line-height: 1; }
.product-clone-old-price { color: var(--clone-muted); font-size: 13px; text-decoration: line-through; }
.product-clone-saving { padding: 4px 8px; border: 1px solid rgba(52,211,153,.32); border-radius: 999px; background: rgba(6,78,59,.38); color: #6ee7b7; font-size: 10px; font-weight: 700; }
.product-clone-price-card p { margin: 10px 0 0; color: var(--clone-muted); font-size: 11px; line-height: 1.5; }
.product-clone-stock { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 10px 13px; border: 1px solid rgba(52,211,153,.24); border-radius: 11px; background: rgba(6,78,59,.2); color: #6ee7b7; font-size: 11px; }
.product-clone-stock.is-unavailable { border-color: rgba(244,114,182,.25); background: rgba(131,24,67,.18); color: #f9a8d4; }
.product-clone-stock-dot { position: relative; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 999px; background: currentColor; box-shadow: 0 0 9px currentColor; }
.product-clone-purchase-form { display: flex; min-height: 56px; margin-bottom: 10px; overflow: hidden; border: 1px solid var(--clone-gold); border-radius: 12px; background: var(--clone-dark); }
.product-clone-quantity { display: flex; flex: 0 0 136px; align-items: center; justify-content: center; border-right: 1px solid var(--clone-gold-border); }
.product-clone-quantity button { width: 40px; height: 54px; border: 0; background: transparent; color: var(--clone-muted); font-size: 21px; }
.product-clone-quantity button:hover, .product-clone-quantity button:focus-visible { color: var(--clone-gold-hover); background: rgba(197,160,89,.1); }
.product-clone-quantity input { width: 45px; height: 54px; padding: 0; border: 0; outline: 0; background: transparent; color: var(--clone-cream); text-align: center; font-size: 15px; font-weight: 700; }
.product-clone-buy { display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: 9px; min-height: 54px; border: 0; background: linear-gradient(135deg, var(--clone-gold), #d4af37); color: var(--clone-black); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; transition: filter .2s ease, transform .2s ease; }
.product-clone-buy svg { width: 19px; height: 19px; }
.product-clone-buy:hover, .product-clone-buy:focus-visible { filter: brightness(1.12); transform: translateY(-1px); }
.product-clone-buy:disabled { background: #554f48; color: #c9c4bb; cursor: not-allowed; filter: none; transform: none; }
.product-clone-quick-buy { width: 100%; min-height: 46px; margin-bottom: 20px; border: 1px solid rgba(197,160,89,.65); border-radius: 11px; background: transparent; color: var(--clone-gold-hover); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.product-clone-quick-buy:hover, .product-clone-quick-buy:focus-visible { background: rgba(197,160,89,.16); color: var(--clone-cream); }
.product-clone-shipping { margin-bottom: 23px; padding: 15px; border: 1px solid var(--clone-border); border-radius: 15px; background: rgba(28,27,25,.7); }
.product-clone-shipping label { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; color: var(--clone-cream); font-size: 12px; font-weight: 700; }
.product-clone-shipping label svg { width: 16px; height: 16px; color: var(--clone-gold); }
.product-clone-shipping > div { display: flex; gap: 8px; }
.product-clone-shipping input { width: 100%; min-width: 0; border: 1px solid var(--clone-border); border-radius: 9px; background: var(--clone-dark); color: var(--clone-cream); padding: 10px 11px; font-size: 12px; outline: none; }
.product-clone-shipping input:focus { border-color: var(--clone-gold); box-shadow: 0 0 0 3px rgba(197,160,89,.14); }
.product-clone-shipping button { flex: 0 0 auto; padding: 0 13px; border: 1px solid var(--clone-border); border-radius: 9px; background: var(--clone-dark); color: var(--clone-gold-hover); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.product-clone-shipping button:hover, .product-clone-shipping button:focus-visible { border-color: var(--clone-gold); background: var(--clone-gold); color: var(--clone-black); }
.product-clone-shipping p { margin: 9px 0 0; color: var(--clone-muted); font-size: 11px; line-height: 1.4; }
.product-clone-shipping p.is-error { color: #fca5a5; }
.product-clone-trust { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; padding-top: 20px; border-top: 1px solid var(--clone-border); text-align: center; }
.product-clone-trust > div { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; }
.product-clone-trust-icon { display: grid; width: 38px; height: 38px; margin-bottom: 4px; place-items: center; border: 1px solid var(--clone-border); border-radius: 999px; background: var(--clone-dark); color: var(--clone-gold); font-size: 17px; }
.product-clone-trust strong { color: var(--clone-cream); font-size: 10px; }
.product-clone-trust small { color: var(--clone-muted); font-size: 9px; line-height: 1.35; }
.product-clone-scent, .product-clone-tabs-section, .product-clone-related, .product-clone-reviews { margin-top: 76px; padding-top: 42px; border-top: 1px solid var(--clone-border); }
.product-clone-scent { padding: 42px clamp(18px, 4vw, 44px); border: 1px solid var(--clone-border); border-radius: 24px; background: linear-gradient(180deg, rgba(28,27,25,.92), rgba(20,20,19,.96)); }
.product-clone-section-heading { max-width: 700px; margin: 0 auto 34px; text-align: center; }
.product-clone-section-heading > span { color: var(--clone-gold); font-size: 10px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.product-clone-section-heading h2 { margin: 6px 0 7px; color: var(--clone-cream); font-family: var(--font-serif); font-size: clamp(27px, 3vw, 38px); font-weight: 500; line-height: 1.1; }
.product-clone-section-heading p { margin: 0; color: var(--clone-muted); font-size: 12px; line-height: 1.6; }
.product-clone-note-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.product-clone-note-grid article { min-height: 200px; padding: 21px; border: 1px solid var(--clone-border); border-radius: 16px; background: rgba(13,13,12,.72); transition: border-color .2s ease, transform .2s ease; }
.product-clone-note-grid article:hover { border-color: rgba(197,160,89,.6); transform: translateY(-2px); }
.product-clone-note-number { display: grid; width: 30px; height: 30px; margin-bottom: 14px; place-items: center; border: 1px solid rgba(197,160,89,.4); border-radius: 999px; color: var(--clone-gold); font-size: 10px; font-weight: 700; }
.product-clone-note-label { color: var(--clone-gold); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.product-clone-note-grid h3 { margin: 8px 0; color: var(--clone-cream); font-family: var(--font-serif); font-size: 20px; font-weight: 600; line-height: 1.18; }
.product-clone-note-grid p { margin: 0; color: var(--clone-muted); font-size: 11px; line-height: 1.55; }
.product-clone-tabs-section { max-width: 940px; margin-right: auto; margin-left: auto; }
.product-clone-tabs { display: flex; justify-content: center; gap: clamp(16px, 4vw, 48px); overflow-x: auto; border-bottom: 1px solid var(--clone-border); }
.product-clone-tab { flex: 0 0 auto; padding: 0 0 13px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--clone-muted); font-size: 12px; font-weight: 700; }
.product-clone-tab:hover, .product-clone-tab:focus-visible, .product-clone-tab.is-active { border-color: var(--clone-gold); color: var(--clone-cream); }
.product-clone-tab-panel { padding: 28px 0 4px; color: var(--clone-muted); font-size: 13px; line-height: 1.75; }
.product-clone-tab-panel .rich-copy { color: var(--clone-muted); }
.product-clone-tab-panel .rich-copy h2, .product-clone-tab-panel .rich-copy h3 { color: var(--clone-cream); }
.product-clone-tab-panel .rich-copy strong { color: var(--clone-cream); }
.product-clone-tab-panel .rich-copy a { color: var(--clone-gold-hover); }
.product-clone-related { margin-top: 72px; }
.product-clone-related-heading { position: relative; max-width: none; margin-bottom: 28px; text-align: left; }
.product-clone-related-heading h2 { margin-bottom: 0; }
.product-clone-related-heading a { position: absolute; right: 0; bottom: 3px; color: var(--clone-gold); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.product-clone-related-heading a:hover { color: var(--clone-gold-hover); }
.product-clone-related-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.product-clone-related-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--clone-border); border-radius: 16px; background: rgba(28,27,25,.9); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.product-clone-related-card:hover { border-color: rgba(197,160,89,.62); box-shadow: 0 14px 28px rgba(0,0,0,.24); transform: translateY(-2px); }
.product-clone-related-image { display: flex; aspect-ratio: 1 / 1; align-items: center; justify-content: center; overflow: hidden; padding: 22px; background: var(--clone-dark); }
.product-clone-related-image img { width: 100%; height: 100%; object-fit: contain; transition: transform .35s ease; }
.product-clone-related-card:hover .product-clone-related-image img { transform: scale(1.05); }
.product-clone-related-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; padding: 15px; }
.product-clone-related-copy > span { color: var(--clone-gold); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.product-clone-related-copy h3 { min-height: 38px; margin: 5px 0 2px; color: var(--clone-cream); font-family: var(--font-serif); font-size: 17px; font-weight: 600; line-height: 1.12; }
.product-clone-related-copy h3 a:hover { color: var(--clone-gold-hover); }
.product-clone-related-copy p { min-height: 28px; margin: 0; overflow: hidden; color: var(--clone-muted); font-size: 10px; line-height: 1.35; }
.product-clone-related-copy > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--clone-border); }
.product-clone-related-copy strong { color: var(--clone-cream); font-size: 14px; }
.product-clone-related-copy form { margin: 0; }
.product-clone-related-copy button { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--clone-gold-border); border-radius: 9px; background: var(--clone-gold-soft); color: var(--clone-gold); font-size: 19px; line-height: 1; }
.product-clone-related-copy button:hover, .product-clone-related-copy button:focus-visible { background: var(--clone-gold); color: var(--clone-black); }
.product-clone-reviews { margin-top: 76px; }
.product-clone-review-empty { display: flex; max-width: 760px; margin: 0 auto; flex-direction: column; gap: 6px; padding: 24px; border: 1px solid var(--clone-border); border-radius: 16px; background: var(--clone-card); color: var(--clone-muted); text-align: center; font-size: 12px; }
.product-clone-review-empty strong { color: var(--clone-cream); }
.product-route .newsletter-luxury { margin-top: 80px; border-top-color: var(--clone-border); background: linear-gradient(180deg, #141311, var(--clone-black)); }
.product-route .footer-luxury { border-top-color: var(--clone-border); background: var(--clone-dark); }
.product-route .footer-luxury, .product-route .newsletter-luxury { color: var(--clone-muted); }
.product-route button:focus-visible, .product-route a:focus-visible, .product-route input:focus-visible { outline: 3px solid rgba(223,183,108,.78); outline-offset: 3px; }
@media (max-width: 1050px) {
  .product-route .header-clone-nav { gap: 15px; font-size: 12px; }
  .product-clone-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 30px; }
  .product-clone-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .product-route .header-clone-inner { height: 68px; padding: 0 16px; }
  .product-route .header-clone-nav { display: none; }
  .product-route .header-clone-logo { font-size: 24px; }
  .product-page-clone { width: min(100% - 24px, 720px); padding-top: 22px; }
  .product-clone-grid { grid-template-columns: 1fr; gap: 28px; }
  .product-clone-summary { padding: 0 4px; }
  .product-clone-summary h1 { max-width: 19ch; font-size: clamp(34px, 8vw, 50px); }
}
@media (max-width: 620px) {
  .product-clone-promo { gap: 6px; padding: 7px 12px; font-size: 9px; letter-spacing: .05em; }
  .product-clone-promo i, .product-clone-promo-extra { display: none; }
  .product-page-clone { width: calc(100% - 20px); padding-top: 18px; }
  .product-clone-breadcrumb { margin-bottom: 20px; font-size: 9px; }
  .product-clone-gallery { flex-direction: column-reverse; gap: 12px; }
  .product-clone-thumbs { flex-basis: auto; flex-direction: row; overflow-x: auto; padding: 2px 1px 5px; scrollbar-width: thin; }
  .product-clone-thumb { width: 62px; height: 76px; flex: 0 0 62px; }
  .product-clone-stage-frame { min-height: min(112vw, 500px); border-radius: 17px; padding: 24px 20px; }
  .product-clone-summary { padding: 0; }
  .product-clone-overline { align-items: flex-start; flex-direction: column; gap: 3px; }
  .product-clone-summary h1 { font-size: 36px; }
  .product-clone-price-card { padding: 15px; }
  .product-clone-purchase-form { flex-wrap: wrap; }
  .product-clone-quantity { flex: 1 0 100%; border-right: 0; border-bottom: 1px solid var(--clone-gold-border); }
  .product-clone-buy { flex-basis: 100%; }
  .product-clone-shipping > div { flex-direction: column; }
  .product-clone-shipping button { min-height: 40px; }
  .product-clone-trust { gap: 6px; }
  .product-clone-trust strong { font-size: 9px; }
  .product-clone-trust small { font-size: 8px; }
  .product-clone-scent, .product-clone-tabs-section, .product-clone-related, .product-clone-reviews { margin-top: 52px; padding-top: 30px; }
  .product-clone-scent { padding: 30px 14px; border-radius: 18px; }
  .product-clone-note-grid { grid-template-columns: 1fr; }
  .product-clone-note-grid article { min-height: 0; }
  .product-clone-related-heading a { position: static; display: inline-flex; margin-top: 13px; }
  .product-clone-related-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .product-clone-related-copy { padding: 11px; }
  .product-clone-related-copy h3 { min-height: 34px; font-size: 15px; }
  .product-clone-related-copy p { font-size: 9px; }
}
.product-clone-mobile-menu-toggle { display: none; width: 38px; height: 38px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px solid var(--clone-border); border-radius: 10px; background: transparent; color: var(--clone-cream); }
.product-clone-mobile-menu-toggle span { display: block; width: 16px; height: 1.5px; background: currentColor; transition: transform .2s ease; }
.product-clone-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
.product-clone-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.product-clone-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }
.product-clone-mobile-menu { display: none; max-width: 1280px; margin: 0 auto; padding: 0 16px 14px; }
.product-clone-mobile-menu.is-open { display: grid; gap: 2px; }
.product-clone-mobile-menu a { padding: 11px 8px; border-top: 1px solid var(--clone-border); color: var(--clone-cream); font-size: 12px; }
.product-clone-mobile-menu a:hover, .product-clone-mobile-menu a:focus-visible { color: var(--clone-gold-hover); }
@media (max-width: 820px) { .product-clone-mobile-menu-toggle { display: flex; } }

/* Mobile UX pass: focused controls, usable touch targets and a real image viewer. */
.product-route .product-clone-breadcrumb {
  overflow-x: auto;
  padding-bottom: 3px;
  scrollbar-width: none;
}
.product-route .product-clone-breadcrumb::-webkit-scrollbar { display: none; }
.product-route .product-clone-zoom-hint {
  appearance: none;
  cursor: zoom-in;
  font: inherit;
  line-height: 1;
}
.product-clone-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(18px, 5vw, 64px);
  background: rgba(4, 4, 3, .92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.product-clone-lightbox[hidden] { display: none; }
.product-clone-lightbox.is-open { display: flex; }
.product-clone-lightbox img {
  display: block;
  width: min(100%, 920px);
  max-height: min(86vh, 860px);
  object-fit: contain;
  filter: drop-shadow(0 30px 60px rgba(0,0,0,.58));
}
.product-clone-lightbox-close {
  position: absolute;
  top: max(18px, env(safe-area-inset-top));
  right: max(18px, env(safe-area-inset-right));
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid var(--clone-border);
  border-radius: 999px;
  background: rgba(28,27,25,.9);
  color: var(--clone-cream);
  font-size: 30px;
  line-height: 1;
}
.product-clone-lightbox-close:hover,
.product-clone-lightbox-close:focus-visible {
  border-color: var(--clone-gold);
  background: var(--clone-gold);
  color: var(--clone-black);
}
.product-lightbox-open { overflow: hidden; }
.product-clone-mobile-buybar { display: none; }

@media (max-width: 820px) {
  .product-route .header-clone-inner { position: relative; }
  .product-route .header-clone-logo { min-width: 0; }
  .product-route .header-clone-logo .site-logo { max-width: min(42vw, 180px); }
  .product-clone-stage-frame { min-height: min(100vw, 480px); }
  .product-clone-summary h1 { max-width: 22ch; }
}

@media (max-width: 620px) {
  .product-route { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }
  .product-route .header-clone-inner { gap: 8px; }
  .product-route .header-clone-logo { flex: 1 1 auto; align-items: flex-start; font-size: 22px; letter-spacing: .17em; }
  .product-route .header-clone-logo::after { font-size: 7px; letter-spacing: .24em; }
  .product-route .header-clone-actions { gap: 1px; }
  .product-route .header-clone-actions > a.header-clone-icon:not(.header-cart-icon) { display: none; }
  .product-route .header-clone-icon { padding: 9px; }
  .product-clone-promo { min-height: 31px; }
  .product-page-clone { margin-bottom: 34px; }
  .product-clone-breadcrumb { gap: 7px; margin-bottom: 16px; }
  .product-clone-gallery { gap: 8px; }
  .product-clone-stage-frame {
    min-height: min(105vw, 430px);
    padding: 18px 14px;
    border-radius: 15px;
  }
  .product-clone-stage-frame > img { max-height: 390px; }
  .product-clone-badges { top: 12px; left: 12px; gap: 5px; }
  .product-clone-sale, .product-clone-badge { padding: 5px 9px; font-size: 9px; }
  .product-clone-wishlist { top: 12px; right: 12px; width: 40px; height: 40px; }
  .product-clone-gallery-arrow { width: 36px; height: 36px; }
  .product-clone-gallery-arrow.is-prev { left: 10px; }
  .product-clone-gallery-arrow.is-next { right: 10px; }
  .product-clone-zoom-hint { right: 10px; bottom: 10px; padding: 7px 8px; font-size: 9px; }
  .product-clone-thumbs { gap: 8px; }
  .product-clone-thumb { width: 58px; height: 70px; flex-basis: 58px; border-radius: 10px; }
  .product-clone-dots { margin-top: 8px; }
  .product-clone-summary { padding-top: 3px; }
  .product-clone-overline { margin-bottom: 6px; font-size: 10px; }
  .product-clone-summary h1 { max-width: none; margin-bottom: 6px; font-size: clamp(30px, 9vw, 36px); line-height: 1.04; }
  .product-clone-subtitle { margin-bottom: 16px; }
  .product-clone-price-card { margin-bottom: 12px; padding: 13px; border-radius: 13px; }
  .product-clone-price-line { gap: 8px; }
  .product-clone-price-line strong { font-size: 32px; }
  .product-clone-stock { margin-bottom: 12px; padding: 9px 10px; font-size: 10px; }
  .product-clone-purchase-form {
    flex-wrap: nowrap;
    min-height: 54px;
  }
  .product-clone-quantity {
    flex: 0 0 106px;
    border-right: 1px solid var(--clone-gold-border);
    border-bottom: 0;
  }
  .product-clone-quantity button { width: 32px; height: 52px; }
  .product-clone-quantity input { width: 35px; height: 52px; }
  .product-clone-buy { flex: 1 1 auto; min-width: 0; min-height: 52px; padding: 0 8px; font-size: 10px; letter-spacing: .07em; }
  .product-clone-buy svg { width: 17px; height: 17px; }
  .product-clone-quick-buy { min-height: 42px; margin-bottom: 14px; font-size: 10px; }
  .product-clone-shipping { margin-bottom: 18px; padding: 12px; }
  .product-clone-shipping > div { flex-direction: row; }
  .product-clone-shipping button { min-height: 40px; padding: 0 10px; }
  .product-clone-trust { padding-top: 15px; }
  .product-clone-trust-icon { width: 32px; height: 32px; font-size: 14px; }
  .product-clone-tabs-section { overflow: hidden; }
  .product-clone-tabs { justify-content: flex-start; gap: 24px; padding-bottom: 1px; }
  .product-clone-tab-panel { padding-top: 22px; font-size: 12px; }
  .product-clone-mobile-buybar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 45;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 62px;
    padding: 8px 14px calc(8px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--clone-gold-border);
    background: rgba(13,13,12,.96);
    box-shadow: 0 -10px 28px rgba(0,0,0,.32);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: transform .2s ease, opacity .2s ease;
  }
  .product-clone-mobile-buybar.is-hidden { opacity: 0; pointer-events: none; transform: translateY(110%); }
  .product-clone-mobile-buybar > div { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
  .product-clone-mobile-buybar span { color: var(--clone-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .12em; }
  .product-clone-mobile-buybar strong { color: var(--clone-cream); font-size: 18px; line-height: 1; }
  .product-clone-mobile-buybar button {
    min-height: 42px;
    padding: 0 17px;
    border: 1px solid var(--clone-gold);
    border-radius: 10px;
    background: var(--clone-gold);
    color: var(--clone-black);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .product-clone-mobile-buybar button:focus-visible { outline: 3px solid rgba(223,183,108,.78); outline-offset: 2px; }
}
@media (max-width: 360px) {
  .product-route .header-clone-logo { font-size: 19px; }
  .product-clone-mobile-buybar button { padding: 0 12px; font-size: 9px; }
  .product-clone-quantity { flex-basis: 94px; }
  .product-clone-buy { font-size: 9px; }
}


/* Prevent horizontal drift on narrow screens when a long promo or product title wraps. */
.product-route { overflow-x: hidden; }
.product-route .product-clone-mobile-menu-toggle { flex: 0 0 38px; }
@media (max-width: 620px) {
  .product-clone-promo > span:not(.product-clone-promo-dot) { max-width: 100%; overflow-wrap: anywhere; }
  .product-route .header-clone-inner { width: 100%; box-sizing: border-box; }
}


/* Checkout UX refresh: clear steps, strong hierarchy and mobile-first payment choices. */
.checkout-page-lotusperfumaria {
  width: min(100% - 32px, 1180px);
  max-width: 1180px;
  margin: 0 auto 72px;
  padding: 34px 0 18px;
  color: #f5f3ef;
}
.checkout-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 32px;
  color: #8f8a82;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.checkout-progress > a,
.checkout-progress > span:not(.checkout-progress-line) {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.checkout-progress > a:hover,
.checkout-progress > a:focus-visible,
.checkout-progress .is-current { color: #c5a059; }
.checkout-progress > span > span,
.checkout-progress > a > span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid #393630;
  border-radius: 999px;
  background: #141413;
  color: #b7b2a8;
  font-size: 9px;
}
.checkout-progress .is-complete > span,
.checkout-progress .is-current > span { border-color: #c5a059; background: rgba(197,160,89,.13); color: #dfb76c; }
.checkout-progress-line { width: clamp(18px, 8vw, 90px); height: 1px; background: #393630; }
.checkout-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 26px;
}
.checkout-eyebrow {
  color: #c5a059;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.checkout-heading h1 {
  margin: 7px 0 7px;
  color: #f5f3ef;
  font-family: var(--font-serif);
  font-size: clamp(34px, 4.3vw, 56px);
  font-weight: 500;
  line-height: 1.04;
}
.checkout-heading p { max-width: 560px; margin: 0; color: #b7b2a8; font-size: 13px; line-height: 1.6; }
.checkout-security {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  min-width: 225px;
  padding: 12px 14px;
  border: 1px solid rgba(52,211,153,.24);
  border-radius: 12px;
  background: rgba(6,78,59,.18);
}
.checkout-security-icon {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border: 1px solid rgba(110,231,183,.45);
  border-radius: 999px;
  color: #6ee7b7;
  font-weight: 800;
}
.checkout-security span:last-child { display: grid; gap: 2px; }
.checkout-security strong { color: #b9f6d5; font-size: 11px; }
.checkout-security small { color: #91b9a5; font-size: 10px; line-height: 1.35; }
.checkout-layout-lotusperfumaria {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  align-items: start;
  gap: clamp(20px, 4vw, 48px);
}
.checkout-form-lotusperfumaria,
.checkout-summary-lotusperfumaria,
.checkout-empty {
  border: 1px solid #393630 !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #1c1b19, #141413) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}
.checkout-form-lotusperfumaria { display: grid; gap: 0; padding: 0 !important; overflow: hidden; }
.checkout-section {
  margin: 0;
  padding: 24px clamp(18px, 3vw, 32px);
  border: 0;
  border-bottom: 1px solid #393630;
  background: transparent;
}
.checkout-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}
.checkout-section-heading > div { min-width: 0; }
.checkout-step {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  place-items: center;
  border: 1px solid rgba(197,160,89,.45);
  border-radius: 999px;
  background: rgba(197,160,89,.1);
  color: #dfb76c;
  font-size: 10px;
  font-weight: 800;
}
.checkout-section h2 {
  margin: 1px 0 3px;
  color: #f5f3ef;
  font-family: var(--font-serif);
  font-size: 22px;
  font-weight: 500;
}
.checkout-section-heading p { margin: 0; color: #b7b2a8; font-size: 11px; line-height: 1.5; }
.checkout-optional {
  margin-left: auto;
  padding-top: 4px;
  color: #8f8a82;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.checkout-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
.checkout-field { min-width: 0; }
.checkout-field-wide { grid-column: 1 / -1; }
.checkout-field .label {
  display: block;
  margin: 0 0 7px;
  color: #f5f3ef;
  font-size: 11px;
  font-weight: 700;
}
.checkout-field .label span { color: #dfb76c; }
.checkout-field .field {
  width: 100%;
  min-height: 46px;
  border: 1px solid #393630;
  border-radius: 10px;
  background: #0d0d0c;
  color: #f5f3ef;
  font-size: 13px;
}
.checkout-field .field::placeholder { color: #777168; }
.checkout-field .field:focus {
  border-color: #c5a059;
  box-shadow: 0 0 0 3px rgba(197,160,89,.13);
}
.checkout-field small {
  display: block;
  margin-top: 6px;
  color: #8f8a82;
  font-size: 10px;
  line-height: 1.35;
}
.checkout-payment-methods { padding-top: 24px; border-bottom: 0; }
.checkout-payment-methods legend {
  display: flex;
  align-items: center;
  gap: 12px;
  float: none;
  width: 100%;
  margin: 0 0 17px;
  padding: 0;
}
.checkout-payment-methods legend > span:last-child { display: grid; gap: 3px; }
.checkout-payment-methods legend strong { color: #f5f3ef; font-family: var(--font-serif); font-size: 22px; font-weight: 500; }
.checkout-payment-methods legend small { color: #b7b2a8; font-size: 11px; font-weight: 400; }
.checkout-payment-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.checkout-payment-option {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 76px;
  padding: 13px 14px;
  border: 1px solid #393630 !important;
  border-radius: 12px !important;
  background: #141413 !important;
  color: #f5f3ef;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.checkout-payment-option:hover,
.checkout-payment-option:focus-within,
.checkout-payment-option:has(input:checked) {
  border-color: #c5a059 !important;
  background: rgba(197,160,89,.1) !important;
  box-shadow: 0 0 0 2px rgba(197,160,89,.12);
  transform: translateY(-1px);
}
.checkout-payment-option input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.checkout-payment-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(197,160,89,.34);
  border-radius: 10px;
  background: rgba(197,160,89,.1);
  color: #dfb76c;
  font-size: 18px;
  font-weight: 700;
}
.checkout-payment-icon-card { font-size: 16px; }
.payment-method-copy { display: grid; gap: 4px; min-width: 0; }
.payment-method-copy strong { color: #f5f3ef; font-size: 12px; }
.payment-method-copy small { color: #b7b2a8; font-size: 10px; line-height: 1.35; }
.checkout-payment-check {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border: 1px solid #514d45;
  border-radius: 999px;
  color: transparent;
  font-size: 11px;
}
.checkout-payment-option:has(input:checked) .checkout-payment-check { border-color: #c5a059; background: #c5a059; color: #0d0d0c; }
.checkout-submit-area {
  padding: 0 clamp(18px, 3vw, 32px) 25px;
}
.checkout-submit-lotusperfumaria {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #c5a059 !important;
  border-radius: 11px;
  background: #c5a059 !important;
  color: #0d0d0c !important;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.checkout-submit-lotusperfumaria:hover,
.checkout-submit-lotusperfumaria:focus-visible { border-color: #dfb76c !important; background: #dfb76c !important; color: #0d0d0c !important; transform: translateY(-1px); }
.checkout-submit-lotusperfumaria.is-loading { cursor: wait; opacity: .72; }
.checkout-submit-lotusperfumaria:disabled { cursor: wait; opacity: .72; }
.checkout-submit-area > p { margin: 11px 0 0; color: #8f8a82; font-size: 10px; text-align: center; }
.checkout-submit-area > p span { color: #c5a059; font-size: 14px; vertical-align: -1px; }
.checkout-summary-lotusperfumaria {
  position: sticky;
  top: 96px;
  padding: 22px !important;
}
.checkout-summary-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 17px;
  border-bottom: 1px solid #393630;
}
.checkout-summary-heading h2 { margin: 5px 0 0; color: #f5f3ef; font-family: var(--font-serif); font-size: 24px; font-weight: 500; }
.checkout-summary-heading a { color: #dfb76c; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.checkout-summary-items { display: grid; gap: 12px; margin: 18px 0 16px; }
.checkout-summary-item { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid rgba(197,160,89,.15); }
.checkout-summary-thumb { display: grid; width: 58px; height: 58px; place-items: center; overflow: hidden; border: 1px solid rgba(197,160,89,.2); border-radius: 10px; background: #0d0d0c; }
.checkout-summary-thumb img { width: 100%; height: 100%; object-fit: contain; }
.checkout-summary-copy { display: grid; gap: 4px; min-width: 0; }
.checkout-summary-copy strong { overflow: hidden; color: #f5f3ef; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; }
.checkout-summary-copy span { color: #b7b2a8; font-size: 10px; }
.checkout-summary-line-total { color: #dfb76c; font-size: 11px; white-space: nowrap; }
.checkout-totals { display: grid; gap: 9px; padding: 4px 0 15px; border-bottom: 1px solid #393630; }
.checkout-totals > div, .checkout-total-final { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #b7b2a8; font-size: 11px; }
.checkout-totals strong { color: #f5f3ef; }
.checkout-totals-muted { color: #8f8a82; font-size: 10px; text-align: right; }
.checkout-total-final { padding: 17px 0; color: #f5f3ef; font-weight: 700; }
.checkout-total-final strong { color: #dfb76c; font-size: 23px; }
.checkout-summary-benefits { display: flex; align-items: flex-start; gap: 9px; padding: 12px; border: 1px solid rgba(52,211,153,.2); border-radius: 10px; background: rgba(6,78,59,.13); }
.checkout-summary-benefits > span { color: #6ee7b7; font-weight: 800; }
.checkout-summary-benefits p { display: grid; gap: 3px; margin: 0; }
.checkout-summary-benefits strong { color: #b9f6d5; font-size: 10px; }
.checkout-summary-benefits small { color: #91b9a5; font-size: 9px; line-height: 1.4; }
.checkout-empty { max-width: 620px; margin: 30px auto 100px; padding: 72px 24px; text-align: center; }
.checkout-empty-icon { display: grid; width: 58px; height: 58px; margin: 0 auto 19px; place-items: center; border: 1px solid #c5a059; border-radius: 999px; color: #dfb76c; font-size: 25px; }
.checkout-empty h1 { margin: 8px 0; color: #f5f3ef; font-family: var(--font-serif); font-size: 34px; font-weight: 500; }
.checkout-empty p { margin: 0 0 22px; color: #b7b2a8; font-size: 13px; }
.checkout-primary-link { display: inline-flex; align-items: center; gap: 8px; padding: 13px 17px; border: 1px solid #c5a059; border-radius: 10px; background: #c5a059; color: #0d0d0c; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.checkout-primary-link:hover { background: #dfb76c; color: #0d0d0c; }
@media (max-width: 860px) {
  .checkout-page-lotusperfumaria { width: min(100% - 24px, 680px); padding-top: 25px; }
  .checkout-heading { align-items: flex-start; flex-direction: column; }
  .checkout-security { width: 100%; min-width: 0; }
  .checkout-layout-lotusperfumaria { grid-template-columns: 1fr; gap: 18px; }
  .checkout-summary-lotusperfumaria { position: static; order: -1; }
}
@media (max-width: 560px) {
  .checkout-page-lotusperfumaria { width: calc(100% - 20px); margin-bottom: 42px; padding-top: 18px; }
  .checkout-progress { gap: 6px; margin-bottom: 23px; font-size: 8px; letter-spacing: .06em; }
  .checkout-progress-line { width: 14px; }
  .checkout-progress > span > span, .checkout-progress > a > span { width: 23px; height: 23px; font-size: 8px; }
  .checkout-heading { gap: 15px; margin-bottom: 18px; }
  .checkout-heading h1 { font-size: 36px; }
  .checkout-heading p { font-size: 12px; }
  .checkout-security { padding: 10px 11px; }
  .checkout-section { padding: 19px 15px; }
  .checkout-section-heading { margin-bottom: 16px; }
  .checkout-section h2, .checkout-payment-methods legend strong { font-size: 20px; }
  .checkout-fields { grid-template-columns: 1fr; gap: 12px; }
  .checkout-field-wide { grid-column: auto; }
  .checkout-payment-options { grid-template-columns: 1fr; gap: 9px; }
  .checkout-payment-option { min-height: 68px; padding: 11px; }
  .checkout-submit-area { padding: 0 15px 19px; }
  .checkout-summary-lotusperfumaria { padding: 16px !important; }
  .checkout-summary-heading h2 { font-size: 21px; }
  .checkout-summary-item { grid-template-columns: 52px minmax(0, 1fr) auto; gap: 8px; }
  .checkout-summary-thumb { width: 52px; height: 52px; }
  .checkout-summary-line-total { font-size: 10px; }
  .checkout-empty { padding: 54px 18px; }
  .checkout-empty h1 { font-size: 30px; }
}


/* Checkout header follows the same compact mobile navigation as the product experience. */
.checkout-route .header-clone {
  width: 100%;
  max-width: none;
  margin: 0;
  background: rgba(13,13,12,.96);
  border-bottom-color: #393630;
}
.checkout-route .header-clone-inner {
  width: 100%;
  max-width: 1280px;
  height: 80px;
  margin: 0 auto;
  padding: 0 24px;
}
.checkout-route .header-clone-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  color: #f5f3ef;
  font-family: var(--font-serif);
  font-size: 29px;
  letter-spacing: .22em;
  line-height: 1;
}
.checkout-route .header-clone-logo::after {
  content: 'HAUTE PARFUMERIE';
  color: #c5a059;
  font-family: var(--font-sans);
  font-size: 8px;
  letter-spacing: .32em;
  line-height: 1.5;
}
.checkout-route .header-clone-logo .site-logo { max-height: 42px; width: auto; }
.checkout-route .header-clone-nav { gap: 26px; font-size: 13px; }
.checkout-route .header-clone-nav a { color: rgba(245,243,239,.82); }
.checkout-route .header-clone-nav a:hover,
.checkout-route .header-clone-nav a.active { color: #dfb76c; }
.checkout-route .header-clone-nav a.active::after { background: #c5a059; }
.checkout-route .header-clone-actions { gap: 7px; }
.checkout-route .header-clone-icon { padding: 10px; border-radius: 999px; color: #f5f3ef; }
.checkout-route .header-clone-icon:hover,
.checkout-route .header-clone-icon:focus-visible { background: #1c1b19; color: #dfb76c; }
.checkout-route .header-cart-badge { background: #c5a059; color: #0d0d0c; }
.checkout-route .product-clone-mobile-menu { background: rgba(13,13,12,.98); }
@media (max-width: 820px) {
  .checkout-route .header-clone-inner { height: 68px; padding: 0 16px; gap: 8px; }
  .checkout-route .header-clone-nav { display: none; }
  .checkout-route .header-clone-logo { flex: 1 1 auto; min-width: 0; align-items: flex-start; font-size: 23px; letter-spacing: .17em; }
  .checkout-route .header-clone-logo::after { font-size: 7px; letter-spacing: .24em; }
  .checkout-route .header-clone-logo .site-logo { max-width: min(42vw, 180px); }
  .checkout-route .product-clone-mobile-menu-toggle { display: flex; flex: 0 0 38px; }
}
@media (max-width: 620px) {
  .checkout-route .header-clone-actions { gap: 1px; }
  .checkout-route .header-clone-actions > a.header-clone-icon:not(.header-cart-icon) { display: none; }
  .checkout-route .header-clone-icon { padding: 9px; }
}


/* Carrier selection with local vector wordmarks, so the checkout does not depend on third-party image hosts. */
.checkout-carrier-picker {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(197,160,89,.16);
}
.checkout-carrier-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.checkout-carrier-heading > div { display: grid; gap: 4px; }
.checkout-carrier-heading strong { color: #f5f3ef; font-size: 12px; }
.checkout-carrier-heading small { color: #b7b2a8; font-size: 10px; }
.checkout-carrier-heading > span { color: #dfb76c; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.checkout-carrier-options { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.checkout-carrier-option {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 8px 10px;
  border: 1px solid #393630;
  border-radius: 10px;
  background: #141413;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.checkout-carrier-option:hover,
.checkout-carrier-option:focus-within,
.checkout-carrier-option:has(input:checked) {
  border-color: #c5a059;
  background: rgba(197,160,89,.1);
  box-shadow: 0 0 0 2px rgba(197,160,89,.1);
  transform: translateY(-1px);
}
.checkout-carrier-option input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.checkout-carrier-logo {
  display: grid;
  width: 48px;
  height: 31px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 6px;
  background: #0d0d0c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -.04em;
}
.checkout-carrier-logo-loggi { color: #cbf36b; letter-spacing: -.08em; }
.checkout-carrier-logo-jadlog { color: #f7d83c; background: #a81e2a; border-color: #c6303e; font-size: 10px; }
.checkout-carrier-logo-sedex { color: #fff; background: linear-gradient(135deg,#174f9d 0 70%,#e5c535 70%); font-size: 10px; font-style: italic; }
.checkout-carrier-logo-pac { color: #164b91; background: #f4d743; border-color: #e5c535; }
.checkout-carrier-logo-pac b { font-size: 12px; }
.checkout-carrier-copy { display: grid; gap: 3px; min-width: 0; }
.checkout-carrier-copy strong { overflow: hidden; color: #f5f3ef; font-size: 11px; text-overflow: ellipsis; }
.checkout-carrier-copy small { overflow: hidden; color: #b7b2a8; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.checkout-carrier-check {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border: 1px solid #514d45;
  border-radius: 999px;
  color: transparent;
  font-size: 10px;
}
.checkout-carrier-option:has(input:checked) .checkout-carrier-check { border-color: #c5a059; background: #c5a059; color: #0d0d0c; }
@media (max-width: 560px) {
  .checkout-carrier-options { gap: 8px; }
  .checkout-carrier-option { grid-template-columns: 43px minmax(0,1fr) auto; gap: 7px; min-height: 55px; padding: 7px; }
  .checkout-carrier-logo { width: 43px; height: 29px; font-size: 11px; }
  .checkout-carrier-copy strong { font-size: 10px; }
  .checkout-carrier-copy small { font-size: 8px; }
}