/* ==========================================================================
   dazie-pdp-aura.css — Réplica 1:1 da página de produto do mockup (f2)
   Tokens da marca Aura (iguais ao dazie-aura.css). Escopo: .aura-pdp
   ========================================================================== */
.aura-pdp{
  --primary:#4b1d8f; --primary-dark:#3a1370; --primary-soft:#f1ecfa; --accent:#7c3aed;
  --cta:#15a05a; --cta-hover:#0f8a4d; --price:#1f1733; --pix:#16803c; --urgent:#e25822;
  --ink:#1f1733; --muted:#6f6890; --border:#ece8f3; --surface-2:#f7f5fb;
  --radius:16px; --btn-radius:12px;
  --shadow:0 2px 14px rgba(75,29,143,.07); --shadow-lg:0 16px 38px rgba(75,29,143,.13);
  font-family:'Inter',sans-serif; color:var(--ink);
  background:var(--surface-2);            /* fundo lavanda igual ao mockup */
  min-height:72vh;
}
.aura-pdp h1,.aura-pdp h2,.aura-pdp h3{font-family:'Plus Jakarta Sans','Inter',sans-serif;}

/* ===== GALERIA (miniaturas à esquerda + imagem principal 1:1) ============ */
.aura-pdp .pdp-gallery--side{ display:flex !important; flex-direction:column; grid-template-columns:none !important; gap:14px; align-items:stretch; }
.aura-pdp .pdp-gallery__nav{ display:none; }      /* sem setas */

/* Imagem principal (1:1) EM CIMA, ocupando toda a largura da coluna da galeria */
.aura-pdp .pdp-gallery--side .pdp-gallery__main{
  order:0; width:100%; margin:0; background:#fff; border:1px solid var(--border);
  border-radius:16px; aspect-ratio:1; display:flex; align-items:center; justify-content:center;
  padding:16px; position:relative; overflow:visible;        /* deixa o painel lateral do zoom aparecer */
}
.aura-pdp .pdp-zoom{ position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; cursor:zoom-in; }
.aura-pdp #main-product-image{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }

/* Miniaturas em LINHA embaixo — maiores, estilo loja do mecânico */
.aura-pdp .pdp-gallery--side .pdp-gallery__thumbs-wrap{ order:1; flex:0 0 auto; width:100%; align-items:stretch; }
.aura-pdp .pdp-gallery--side .pdp-gallery__thumbs{ display:flex; flex-direction:row; gap:10px; width:100%; height:auto; }
.aura-pdp .pdp-gallery--side .pdp-gallery__thumb{
  flex:1 1 0; width:auto; height:auto; aspect-ratio:1; min-width:0;
  border:1.5px solid var(--border); border-radius:12px; background:#f7f5fb; padding:8px;
  transition:.15s; display:flex; align-items:center; justify-content:center; cursor:pointer;
  position:relative; overflow:hidden;
}
.aura-pdp .pdp-gallery__thumb img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.aura-pdp .pdp-gallery__thumb.active{ border-color:var(--primary); box-shadow:0 0 0 2px rgba(75,29,143,.12); }
.aura-pdp .pdp-gallery__thumb:hover{ border-color:var(--primary); background:var(--primary-soft); }
.aura-pdp .pdp-gallery__thumb-overlay{
  position:absolute; inset:0; background:rgba(31,23,51,.62); color:#fff; font-size:18px;
  font-weight:800; display:flex; align-items:center; justify-content:center; border-radius:11px;
}
/* Miniatura de vídeo */
.aura-pdp .pdp-gallery__thumb--video{
  flex-direction:column; gap:3px; background:var(--primary-soft); color:var(--primary);
  font-size:10px; font-weight:700;
}
.aura-pdp .pdp-gallery__thumb--video svg{ width:18px; height:18px; color:var(--primary); }
/* Miniaturas embaixo liberam a calha lateral → coluna central (título/preço/config) mais larga */
@media (min-width:993px){
  .aura-pdp .dazie-pdp-grid{ grid-template-columns: minmax(0,1.2fr) minmax(0,1.35fr) 318px; align-items:start; }
  /* Galeria fixa (igual ao buybox): só a coluna central rola.
     z-index alto p/ o painel de zoom (sticky cria stacking context) ficar ACIMA da coluna central. */
  .aura-pdp .pdp-gallery--side{ position:sticky; top:90px; align-self:start; z-index:30; }
  /* Coluna do buybox (card + box de vendedor) fixa */
  .aura-pdp .dazie-pdp-buycol{ position:sticky; top:90px; align-self:start; }
}
.aura-pdp .pdp-gallery__badge--sale{
  position:absolute; top:16px; left:16px; background:var(--urgent); color:#fff; font-size:13px;
  font-weight:800; padding:6px 12px; border-radius:8px; z-index:5;
}
.aura-pdp .pdp-gallery__badge--sale span{ color:#fff; }

/* Pill "Passe o mouse para ampliar" */
.aura-pdp .pdp-gallery__zoom-hint{
  position:absolute; bottom:14px; left:50%; transform:translateX(-50%); display:flex;
  align-items:center; gap:6px; background:#fff; border:1px solid var(--border); border-radius:20px;
  padding:6px 13px; font-size:12px; font-weight:700; color:var(--primary);
  box-shadow:0 2px 8px rgba(0,0,0,.07); pointer-events:none; z-index:5; white-space:nowrap;
}
.aura-pdp .pdp-gallery__zoom-hint svg{ width:15px; height:15px; }

/* Lente quadrada (segue o cursor) */
.aura-pdp .pdp-zoom__lens{
  position:absolute; display:none; border:1.5px solid var(--primary); background:rgba(75,29,143,.12);
  z-index:6; pointer-events:none; border-radius:4px;
}
/* Painel lateral do zoom (à direita da imagem) */
.aura-pdp .pdp-zoom__result{
  position:absolute; display:none; top:0; left:calc(100% + 16px); width:440px; height:440px;
  background-repeat:no-repeat; background-color:#fff; border:1px solid var(--border);
  border-radius:14px; box-shadow:0 18px 60px rgba(20,12,40,.24); z-index:60; pointer-events:none;
}

/* Esconde dots/counter/favorito que não existem no mockup (desktop) */
.aura-pdp .pdp-gallery__counter,
.aura-pdp .pdp-gallery__dots,
.aura-pdp .pdp-gallery__favorite{ display:none; }

@media (max-width:1000px){
  .aura-pdp .pdp-zoom__result,.aura-pdp .pdp-zoom__lens{ display:none !important; }
  .aura-pdp .pdp-gallery--side{ flex-direction:column; }
  .aura-pdp .pdp-gallery__thumbs{ flex-direction:row; width:auto; flex-wrap:wrap; order:2; }
}

/* ===== Overlay de vídeo (carrossel) ===================================== */
.dazie-video-ov{
  position:fixed; inset:0; background:rgba(20,12,40,.86); z-index:120; display:flex;
  align-items:center; justify-content:center; padding:30px; cursor:zoom-out;
}
.dazie-video-ov__box{
  width:min(900px,92vw); aspect-ratio:16/9; background:#000; border-radius:14px; overflow:hidden;
  box-shadow:0 18px 60px rgba(20,12,40,.4); cursor:auto;
}
.dazie-video-ov__box iframe,.dazie-video-ov__box video{ width:100%; height:100%; border:0; display:block; }
.dazie-video-ov__x{
  position:absolute; top:20px; right:22px; width:42px; height:42px; border-radius:50%; border:0;
  background:rgba(255,255,255,.16); color:#fff; font-size:24px; line-height:1; cursor:pointer; z-index:121;
}
.dazie-video-ov__x:hover{ background:rgba(255,255,255,.24); }

/* ===== Configurador "Monte a sua torneira" ============================== */
.aura-pdp .pdp-options-section.cfg2{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:22px; margin:22px 0; }
.aura-pdp .cfg2 .cfghead{ display:flex; align-items:center; gap:13px; margin-bottom:18px; }
.aura-pdp .cfg2 .cfghead > svg{ width:26px; height:26px; color:var(--primary); flex-shrink:0; }
.aura-pdp .cfg2 .cfghead h3{ font-family:'Plus Jakarta Sans','Inter',sans-serif; font-size:18px; font-weight:800; margin:0; color:var(--ink); }
.aura-pdp .cfg2 .cfghead p{ font-size:13px; color:var(--muted); margin:2px 0 0; }
.aura-pdp .cfg2-step{ margin-bottom:16px; }
.aura-pdp .cfg2-step:last-child{ margin-bottom:0; }
.aura-pdp .cfg2-lbl{ font-weight:700; font-size:12.5px; margin-bottom:8px; color:var(--ink); }
.aura-pdp .cfg2-opts{ display:flex; gap:8px; flex-wrap:wrap; }
.aura-pdp .cfg2-chip{ display:flex; flex-direction:row; align-items:center; gap:9px; background:#faf9fd; border:1.5px solid var(--border); border-radius:10px; padding:8px 12px 8px 9px; cursor:pointer; transition:.14s; text-align:left; position:relative; margin:0; }
.aura-pdp .cfg2-chip input{ position:absolute; opacity:0; pointer-events:none; }
.aura-pdp .cfg2-chip .dazie-cfg-card__check{ display:none !important; }
.aura-pdp .cfg2-chip:hover{ border-color:#c9b6ee; }
.aura-pdp .cfg2-chip.is-selected,
.aura-pdp .cfg2-chip:has(input:checked){ border-color:var(--primary); background:var(--primary-soft); }
.aura-pdp .cfg2-ic{ width:30px; height:30px; border-radius:8px; background:var(--surface-2); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--primary); }
.aura-pdp .cfg2-chip.is-selected .cfg2-ic,
.aura-pdp .cfg2-chip:has(input:checked) .cfg2-ic{ background:#fff; }
.aura-pdp .cfg2-ic svg{ width:16px; height:16px; }
.aura-pdp .cfg2-tx{ text-align:left; }
.aura-pdp .cfg2-tx b{ font-size:13px; font-weight:700; display:block; line-height:1.15; color:var(--ink); text-align:left; }
.aura-pdp .cfg2-tx small{ font-size:10.5px; color:var(--muted); display:block; text-align:left; }
.aura-pdp .cfg2-tx small.cfg2-pr{ color:var(--primary); font-weight:700; margin-top:1px; }
.aura-pdp .cfg2-chip.is-selected .cfg2-tx small,
.aura-pdp .cfg2-chip:has(input:checked) .cfg2-tx small{ color:var(--primary); }
/* Sem preço por opção — não exibir "+ R$" em nenhuma opção do configurador */
.aura-pdp .cfg2-tx small.cfg2-pr{ display:none; }
/* Passo com 3 opções (ex.: Modelo do volante) = 3 chips lado a lado */
.aura-pdp .cfg2-opts.cfg2-cols-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.aura-pdp .cfg2-cols-3 .cfg2-chip{ padding:8px 6px; gap:6px; }
.aura-pdp .cfg2-cols-3 .cfg2-ic{ width:28px; height:28px; }

/* ===== Barra de stats / confiança ====================================== */
.aura-pdp .faqtrust{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; background:#faf9fd; border:1px solid var(--border); border-radius:16px; padding:22px; margin:26px 0; }
.aura-pdp .faqtrust .ft{ display:flex; align-items:center; gap:12px; }
.aura-pdp .faqtrust .ftic{ width:46px; height:46px; border-radius:12px; background:var(--primary-soft); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.aura-pdp .faqtrust .ftic svg{ width:23px; height:23px; color:var(--primary); }
.aura-pdp .faqtrust .ftic.green{ background:rgba(21,160,90,.13); }
.aura-pdp .faqtrust .ftic.green svg{ color:#16a05a; }
.aura-pdp .faqtrust .ft b{ font-size:13.5px; display:block; color:var(--ink); }
.aura-pdp .faqtrust .ft span{ font-size:12px; color:var(--muted); display:flex; align-items:center; gap:5px; }
.aura-pdp .faqtrust .ft.hi{ background:var(--primary); border-radius:12px; padding:14px 18px; display:block; }
.aura-pdp .faqtrust .ft.hi .hi-num{ display:flex; align-items:baseline; gap:2px; color:#fff; font-family:'Plus Jakarta Sans','Inter',sans-serif; font-weight:800; font-size:26px; letter-spacing:-.5px; line-height:1; }
.aura-pdp .faqtrust .ft.hi .hi-plus{ font-size:20px; }
.aura-pdp .faqtrust .ft.hi .hi-div{ height:1px; background:rgba(255,255,255,.18); margin:10px 0; }
.aura-pdp .faqtrust .ft.hi .hi-lab{ display:flex; align-items:center; gap:6px; color:#d9ccf5; font-size:12px; letter-spacing:.3px; }
.aura-pdp .faqtrust .ft.hi .hi-lab svg{ width:13px; height:13px; color:#fff; }
@media (max-width:900px){ .aura-pdp .faqtrust{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .aura-pdp .faqtrust{ grid-template-columns:1fr; } }

/* "Você também pode gostar": esconde o título duplicado do módulo OpenCart */
.aura-pdp .pdp-related h3:not(.pdp-section-title){ display:none; }

/* ===== Seções abaixo da dobra: cards brancos uniformes + ritmo/fontes do mockup ===== */
/* Mesmo cartão branco, mesmo arredondamento (16px), mesmo respiro (26px) p/ todas */
.aura-pdp .pdp-section,
.aura-pdp #dazie-reviews,
.aura-pdp .dazie-product-faq{
  background:#fff; border:1px solid var(--border); border-radius:16px;
  padding:26px; box-shadow:none; margin:0;
}
/* Espaçamento ENTRE seções uniforme = 24px (igual ao mockup) */
.aura-pdp .pdp-sections{ margin-top:24px; gap:24px; }
.aura-pdp #dazie-reviews{ margin-top:0; }              /* era +24 e somava ao gap do flex (=48) */
.aura-pdp .dazie-product-faq{ margin:24px 0 0; }       /* era 56px solto */
.aura-pdp .pdp-related{ margin-top:24px; }
/* Títulos de seção = mockup: Plus Jakarta, 20px/800, sem sublinhado */
.aura-pdp .pdp-section-title,
.aura-pdp .pdp-section-title--bordered{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size:20px; font-weight:800; margin-bottom:16px;
  padding-bottom:0; border-bottom:0;
}
/* "Perguntas Frequentes": era 42px → 26px/800 (igual ao mockup); subtítulo menor */
.aura-pdp .dazie-product-faq__header{ align-items:center; margin-bottom:20px; }
.aura-pdp .dazie-product-faq__header h2{ font-size:26px; font-weight:800; letter-spacing:normal; margin:0 0 4px; }
.aura-pdp .dazie-product-faq__header p{ font-size:13.5px; line-height:1.45; }
/* Acordeão do FAQ: perguntas 22px→15px e respostas 18px→13.5px (escala das demais seções); linha/ícone/recuo reduzidos na mesma proporção (ícone 46px = .faqtrust) */
.aura-pdp .dazie-product-faq__question{ min-height:60px; padding:14px 20px; grid-template-columns:46px 1fr 24px; gap:14px; }
.aura-pdp .dazie-product-faq__question-text{ font-size:15px; font-weight:700; line-height:1.3; }
.aura-pdp .dazie-product-faq__icon{ width:46px; height:46px; }
.aura-pdp .dazie-product-faq__icon svg{ width:23px; height:23px; }
.aura-pdp .dazie-product-faq__chevron{ width:24px; height:24px; }
.aura-pdp .dazie-product-faq__chevron svg{ width:18px; height:18px; }
.aura-pdp .dazie-product-faq__answer{ padding:0 20px 18px 80px; }
.aura-pdp .dazie-product-faq__answer p{ font-size:13.5px; line-height:1.6; }
.aura-pdp .dazie-product-faq__answer strong{ font-weight:700; }
/* "Avaliações" permanece 24px/800 (já alinhado ao mockup) */
/* Vence #product-info .pdp-section{radius:18;shadow} do dazie_buybox.css → cards 100% uniformes */
#product-info .pdp-section,
#product-info .dazie-reviews,
#product-info .dazie-product-faq{ border-radius:16px; border-color:var(--border); box-shadow:none; }

/* ===== Ficha Técnica + Benefícios e Qualidades lado a lado (50/50) ===== */
.aura-pdp .pdp-spec-benefit-row.has-benefits{ display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; }
.aura-pdp .pdp-spec-benefit-row .pdp-section{ margin:0; height:100%; }
@media(max-width:860px){ .aura-pdp .pdp-spec-benefit-row.has-benefits{ grid-template-columns:1fr; } }
.aura-pdp .pdp-benefits{ list-style:none; margin:0; padding:0; }
.aura-pdp .pdp-benefit{ display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--border); font-size:14.5px; line-height:1.5; color:var(--muted); }
.aura-pdp .pdp-benefit:first-child{ padding-top:0; }
.aura-pdp .pdp-benefit:last-child{ border-bottom:0; padding-bottom:0; }
.aura-pdp .pdp-benefit__ic{ flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:var(--primary-soft,#f1ecfa); color:var(--primary,#4b1d8f); display:flex; align-items:center; justify-content:center; margin-top:1px; }
.aura-pdp .pdp-benefit__ic svg{ width:15px; height:15px; }
.aura-pdp .pdp-benefit__txt strong{ color:var(--ink); font-weight:700; }

/* ===== Refil extra (Não/Sim + cards de quantidade) ===================== */
.aura-pdp .refilbox{ display:flex; align-items:center; gap:18px; background:#fff; border:1.6px solid var(--border); border-radius:16px; padding:18px 20px; margin:20px 0; flex-wrap:wrap; }
.aura-pdp .rfimg{ flex-shrink:0; }
.aura-pdp .rfimg img{ width:64px; height:64px; object-fit:contain; mix-blend-mode:multiply; }
.aura-pdp .rfmain{ flex:1; min-width:150px; }
.aura-pdp .rfhd{ font-size:14px; font-weight:700; color:var(--ink); }
.aura-pdp .rfrec{ background:var(--primary); color:#fff; font-size:10.5px; font-weight:800; padding:3px 10px; border-radius:6px; letter-spacing:.4px; margin-left:6px; display:inline-block; }
.aura-pdp .rfmain p{ font-size:13px; color:var(--muted); margin-top:3px; }
.aura-pdp .rfchoice{ display:flex; gap:8px; flex-basis:100%; width:100%; }
.aura-pdp .rfopt{ border:1.6px solid var(--border); border-radius:12px; padding:11px 14px; cursor:pointer; text-align:center; position:relative; transition:.14s; min-width:120px; background:#fff; flex:1; display:flex; align-items:center; justify-content:center; }
.aura-pdp .rfopt b{ display:block; font-size:13.5px; font-weight:700; color:var(--ink); line-height:1.2; }
.aura-pdp .rfopt span{ font-size:12px; color:var(--muted); }
.aura-pdp .rfopt.no.on{ border-color:var(--primary); background:#faf9fd; }
.aura-pdp .rfopt.yes.on{ border-color:var(--cta); background:rgba(21,160,90,.06); }
.aura-pdp .rfopt.yes.on span:last-child{ color:var(--cta); font-weight:800; }
.aura-pdp .rfck{ position:absolute; top:-8px; right:-8px; width:22px; height:22px; border-radius:50%; background:var(--cta); color:#fff; display:none; align-items:center; justify-content:center; box-shadow:0 0 0 3px #fff; }
.aura-pdp .rfck svg{ width:13px; height:13px; }
.aura-pdp .rfopt.yes.on .rfck{ display:flex; }
.aura-pdp .rfqcards{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; flex-basis:100%; width:100%; margin-top:2px; }
.aura-pdp .rfqcards.off{ display:none; }
.aura-pdp .rfqc{ position:relative; border:1.8px solid var(--border); border-radius:13px; padding:32px 8px 13px; background:#fff; cursor:pointer; text-align:center; transition:.14s; }
.aura-pdp .rfqc b{ display:block; font-size:14.5px; font-weight:700; color:var(--ink); }
.aura-pdp .rfqc-pr{ display:block; font-size:14px; color:var(--primary); font-weight:800; margin-top:2px; }
.aura-pdp .rfqc-mo{ display:block; font-size:11px; color:var(--cta); font-weight:600; margin-top:6px; }
.aura-pdp .rfqc.on{ border-color:var(--cta); background:rgba(21,160,90,.06); }
.aura-pdp .rfqc-eco{ position:absolute; top:8px; right:8px; background:var(--cta); color:#fff; font-size:10px; font-weight:800; line-height:1; padding:3px 6px; border-radius:6px; transition:.14s; }
.aura-pdp .rfqc.on .rfqc-eco{ right:34px; }
.aura-pdp .rfqc-tick{ position:absolute; top:-9px; right:-9px; width:24px; height:24px; border-radius:50%; background:var(--cta); color:#fff; display:none; align-items:center; justify-content:center; box-shadow:0 0 0 3px var(--surface-2); }
.aura-pdp .rfqc-tick svg{ width:14px; height:14px; }
.aura-pdp .rfqc.on .rfqc-tick{ display:flex; }
@media (max-width:560px){
  .aura-pdp .rfchoice{ flex-direction:column; align-items:stretch; }
  .aura-pdp .rfqcards{ grid-template-columns:1fr; }
  .aura-pdp .rfqc.on .rfqc-eco{ right:8px; }
  .aura-pdp .refilbox{ flex-direction:column; align-items:stretch; }
}

/* ===== Breadcrumb (igual ao mockup: Início / Categoria / Produto) ======= */
.aura-pdp .breadcrumbs{ background:transparent; border:0; padding:0; margin:0; }
.aura-pdp .breadcrumbs .container{ background:transparent; }
.aura-pdp .crumb{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12.5px; color:var(--muted); padding:18px 0 6px; }
.aura-pdp .crumb a{ color:var(--muted); text-decoration:none; transition:color .15s; }
.aura-pdp .crumb a:hover{ color:var(--primary); }
.aura-pdp .crumb span{ color:var(--muted); }
.aura-pdp .crumb .cur{ color:var(--ink); font-weight:600; }

/* ===== Faixa INMETRO (igual ao mockup .inmetrobar) ===================== */
.aura-pdp .dazie-inmetro-strip{ background:linear-gradient(90deg,#f1ecfa,#faf8ff); border:1px solid #e7defa; border-radius:14px; padding:13px 22px; margin:16px 0 4px; gap:16px; }
.aura-pdp .dazie-inmetro-strip__left{ display:flex; align-items:center; gap:11px; font-size:14px; font-weight:700; color:var(--ink); }
.aura-pdp .dazie-inmetro-strip__left svg{ width:23px; height:23px; color:var(--primary); }
.aura-pdp .dazie-inmetro-strip__logo{ font-weight:800; font-size:13px; color:var(--primary); border:1.6px solid var(--primary); border-radius:7px; padding:5px 12px; letter-spacing:1.5px; gap:0; background:transparent; }
.aura-pdp .dazie-inmetro-strip__logo svg{ display:none; }
/* PDP topo SEM caixa branca: conteúdo direto no lavanda, encostando no limite (igual mockup). Só espaçamento. */
.aura-pdp .dazie-pdp-top{ margin:0 0 24px; }
/* Barra INMETRO igual ao mockup: sem o padding-top extra do container no TOPO
   (fica perto da navegação); banner mais BAIXO (padding 9px → ~52px) e com um
   ESPAÇO de 24px até o produto (no mockup = inmetro mb 4 + .pdp padding-top 24). */
.aura-pdp .pdp-container{ padding-top:0; }
.aura-pdp .dazie-pdp-top .dazie-inmetro-strip{ margin:16px 0 24px; padding:9px 22px; }

/* ===== Barra INMETRO — layout v2 (fundo azul-claro, ícone verde, selo azul).
   Tamanho/gap MANTIDOS: margin 16px 0 24px + padding 9px → banner ~53px. ===== */
.aura-pdp .balm-inmetro-bar{
  --bi-blue:#002E5F;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  width:100%; box-sizing:border-box;
  margin:16px 0 24px; padding:9px 18px; border-radius:12px;
  background:#EDF3F9; border:1px solid #DBE6F2; line-height:1.3;
}
.aura-pdp .balm-inmetro-bar *{ box-sizing:border-box; }
.aura-pdp .balm-inmetro-bar .bi-left{ display:flex; align-items:center; gap:13px; min-width:0; }
.aura-pdp .balm-inmetro-bar .bi-icon{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:9px; flex:0 0 auto; background:#E1F0E9; color:#1F8A57; }
.aura-pdp .balm-inmetro-bar .bi-icon svg{ width:20px; height:20px; }
.aura-pdp .balm-inmetro-bar .bi-text{ display:flex; flex-direction:column; min-width:0; }
.aura-pdp .balm-inmetro-bar .bi-title{ font-size:14.5px; font-weight:600; color:var(--bi-blue); }
.aura-pdp .balm-inmetro-bar .bi-sub{ font-size:12px; color:#5A7391; margin-top:1px; }
.aura-pdp .balm-inmetro-bar .bi-badge{ display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; padding:6px 14px; border-radius:8px; white-space:nowrap; background:var(--bi-blue); color:#fff; font-size:13px; font-weight:700; letter-spacing:.04em; }
.aura-pdp .balm-inmetro-bar .bi-badge svg{ width:14px; height:14px; color:#5FD69B; }
@media (max-width:560px){ .aura-pdp .balm-inmetro-bar{ flex-direction:column; gap:10px; text-align:center; } .aura-pdp .balm-inmetro-bar .bi-text{ align-items:center; } }

/* ===== Card de preço (.pprice) + cantos mais arredondados ============== */
.aura-pdp .pprice{ background:#fff; border:1px solid var(--border); border-radius:18px; padding:18px 20px; margin:14px 0 20px; }
/* ===== BUYBOX igual ao mockup (.pbuybox + .bbx-* + vendedor) ===== */
.aura-pdp .dazie-pdp-buy{ position:static; background:#fff; border:1.5px solid var(--border); border-radius:16px; padding:16px; box-shadow:none; margin:0 0 12px; }
/* Banner de frete: ícone só com o svg verde (sem "azulejo" branco), igual mockup */
.aura-pdp .dazie-pdp-buy__frete{ background:#eaf7f0; border:1px solid #cfe9da; border-radius:12px; padding:10px 12px; margin-bottom:13px; gap:10px; }
.aura-pdp .dazie-pdp-buy__frete-icon{ width:auto; height:auto; background:transparent; border-radius:0; flex:0 0 auto; }
.aura-pdp .dazie-pdp-buy__frete-icon svg{ width:22px; height:22px; color:var(--cta); }
.aura-pdp .dazie-pdp-buy__frete-text strong{ font-size:13px; font-weight:700; color:var(--ink); }
.aura-pdp .dazie-pdp-buy__frete-text small{ font-size:11.5px; color:var(--muted); }
/* Em estoque */
.aura-pdp .dazie-pdp-buy .pdp-availability{ font-size:13px; margin:0 0 13px; gap:8px; }
/* Quantidade + stepper */
.aura-pdp .dazie-mp-qtyrow{ gap:14px; margin:0 0 13px; }
.aura-pdp .dazie-qty-label{ font-size:13px; font-weight:700; color:var(--ink); }
.aura-pdp .dazie-pdp-buy .pdp-cta__qty{ border:1.5px solid var(--border); border-radius:12px; overflow:hidden; margin:0; }
.aura-pdp .pdp-cta__qty-btn{ width:42px; height:46px; font-size:20px; font-weight:700; color:var(--primary); background:#faf9fd; }
.aura-pdp .pdp-cta__qty-btn:hover{ background:var(--primary-soft); }
.aura-pdp .pdp-cta__qty-input{ width:50px; height:46px; text-align:center; font-size:15px; font-weight:700; }
/* Botões (Comprar / Adicionar) = .buy / .addcart do mockup */
.aura-pdp .dazie-pdp-buy .pdp-cta__btn{ border-radius:12px; }
.aura-pdp .dazie-pdp-buy .pdp-cta__btn.dazie-buy{ padding:15px; font-size:15px; font-weight:800; letter-spacing:.2px; margin-bottom:10px; }
.aura-pdp .dazie-pdp-buy .pdp-cta__btn--outline{ padding:13px; font-size:14px; font-weight:700; }
/* Linhas de confiança = .bbx-mc (separador tracejado, centralizado) */
.aura-pdp .dazie-pdp-trustlines{ display:flex; flex-direction:row; gap:14px; justify-content:center; flex-wrap:wrap; margin-top:12px; padding-top:12px; border-top:1px dashed var(--border); }
.aura-pdp .dazie-pdp-trustline{ display:inline-flex; align-items:center; gap:6px; font-size:11.5px; color:var(--muted); }
.aura-pdp .dazie-pdp-trustline svg{ width:14px; height:14px; color:var(--cta); }
/* Vendedor: box separado embaixo (igual mockup .bbx-seller) */
.aura-pdp .dazie-pdp-seller{ display:flex; align-items:center; gap:8px; margin:0; padding:11px 14px; border:1px solid var(--border); border-radius:12px; background:#fff; font-size:12px; color:var(--muted); }
.aura-pdp .dazie-pdp-seller svg{ width:16px; height:16px; color:var(--primary); }
.aura-pdp .dazie-pdp-seller strong{ color:var(--ink); font-weight:700; }
.aura-pdp .pprice .pseltag{ margin-bottom:12px; }
/* Pílula "X% de desconto no Pix" promovida ao topo do bloco de preço (no lugar do antigo "Preço conforme seleção") */
.aura-pdp .dazie-mp-pixchip--top{ margin:0 0 12px; }

/* ===== Modal "Veja todas as parcelas" (estilo Loja do Mecânico) ===== */
.aura-pdp .dazie-pay-modal[hidden]{ display:none; }
.aura-pdp .dazie-pay-modal{ position:fixed; inset:0; z-index:9999; background:rgba(20,12,40,.55); display:flex; align-items:flex-start; justify-content:center; padding:48px 16px; overflow-y:auto; }
.aura-pdp .dazie-pay-modal__box{ position:relative; width:100%; max-width:760px; background:#fff; border-radius:16px; box-shadow:0 24px 70px rgba(20,12,40,.32); overflow:hidden; }
.aura-pdp .dazie-pay-modal__head{ display:flex; align-items:center; justify-content:space-between; padding:22px 26px 14px; }
.aura-pdp .dazie-pay-modal__head h3{ font-family:'Plus Jakarta Sans','Inter',sans-serif; font-size:20px; font-weight:800; color:var(--ink); margin:0; }
.aura-pdp .dazie-pay-modal__x{ width:34px; height:34px; border:1px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--muted); background:#fff; cursor:pointer; flex-shrink:0; transition:.14s; }
.aura-pdp .dazie-pay-modal__x:hover{ background:var(--surface-2); color:var(--ink); }
.aura-pdp .dazie-pay-modal__x svg{ width:18px; height:18px; }
.aura-pdp .dazie-pay-modal__tabs{ display:flex; gap:2px; padding:0 26px; border-bottom:1px solid var(--border); }
.aura-pdp .dazie-pay-tab{ display:inline-flex; align-items:center; gap:8px; padding:12px 16px; background:transparent; border:0; border-bottom:2px solid transparent; font-family:inherit; font-size:13.5px; font-weight:700; color:var(--muted); cursor:pointer; margin-bottom:-1px; transition:.14s; }
.aura-pdp .dazie-pay-tab svg{ width:18px; height:18px; }
.aura-pdp .dazie-pay-tab.is-active{ color:var(--primary); border-bottom-color:var(--primary); }
.aura-pdp .dazie-pay-modal__body{ padding:14px 26px; max-height:56vh; overflow-y:auto; }
.aura-pdp .dazie-pay-panel[hidden]{ display:none; }
.aura-pdp .dazie-pay-table{ width:100%; border-collapse:collapse; }
.aura-pdp .dazie-pay-table tr:nth-child(odd){ background:#f7f5fb; }
.aura-pdp .dazie-pay-table td{ padding:11px 14px; font-size:13.5px; color:var(--ink); }
.aura-pdp .dazie-pay-table__n{ font-weight:800; width:56px; }
.aura-pdp .dazie-pay-table__juros{ color:var(--muted); text-align:right; white-space:nowrap; }
.aura-pdp .dazie-pay-table tr.is-juros td{ color:var(--muted); }
.aura-pdp .dazie-pay-table tr.is-juros .dazie-pay-table__per{ font-size:13px; }
.aura-pdp .dazie-pay-note{ margin:12px 2px 2px; font-size:12.5px; line-height:1.5; color:var(--muted); }
.aura-pdp .dazie-pay-note strong{ color:var(--cta); font-weight:800; }
.aura-pdp .dazie-pay-text{ font-size:14px; color:var(--ink); line-height:1.6; margin:8px 0; }
.aura-pdp .dazie-pay-text strong{ font-weight:800; }

/* Lightbox da galeria (magnific-popup, usado só como fallback): some com a barra inferior. */
.mfp-dazie .mfp-bottom-bar,
.mfp-dazie .mfp-counter,
.mfp-dazie .mfp-title{ display:none !important; }

/* ===== Painel de galeria estilo "Loja do Mecânico" (fundo branco, miniaturas à esquerda) ===== */
.dazie-gmodal{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px; }
.dazie-gmodal[hidden]{ display:none; }
.dazie-gmodal__overlay{ position:absolute; inset:0; background:rgba(31,23,51,.55); }
.dazie-gmodal__panel{ position:relative; background:#fff; border-radius:16px; width:min(1040px,96vw); max-height:92vh; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 24px 70px rgba(31,23,51,.35); }
.dazie-gmodal__head{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 22px; border-bottom:1px solid var(--border,#ece8f3); }
.dazie-gmodal__title{ font-family:var(--fd,'Plus Jakarta Sans',sans-serif); font-size:16.5px; font-weight:800; color:var(--ink,#1f1733); margin:0; line-height:1.3; }
.dazie-gmodal__close{ flex:0 0 auto; width:40px; height:40px; border-radius:50%; border:1.5px solid var(--border,#ece8f3); background:#fff; color:var(--ink,#1f1733); cursor:pointer; display:flex; align-items:center; justify-content:center; transition:.15s; }
.dazie-gmodal__close:hover{ border-color:var(--primary,#4b1d8f); color:var(--primary,#4b1d8f); }
.dazie-gmodal__close svg{ width:20px; height:20px; }
.dazie-gmodal__body{ display:flex; gap:16px; padding:18px 22px; min-height:0; flex:1; }
.dazie-gmodal__thumbs{ flex:0 0 auto; width:190px; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; overflow-y:auto; align-content:start; max-height:64vh; padding-right:4px; }
.dazie-gmodal__thumb{ padding:0; border:2px solid var(--border,#ece8f3); border-radius:10px; background:#fff; cursor:pointer; aspect-ratio:1; position:relative; overflow:hidden; min-height:0; transition:.15s; }
/* img em absoluto: não empurra a altura do botão, então o aspect-ratio:1 (quadrado) é respeitado
   mesmo com imagens verticais (infográficos) — evita as miniaturas se sobreporem. */
.dazie-gmodal__thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block; }
.dazie-gmodal__thumb:hover{ border-color:#c7bce0; }
.dazie-gmodal__thumb.is-active{ border-color:var(--primary,#4b1d8f); }
.dazie-gmodal__stage{ position:relative; flex:1 1 auto; display:flex; align-items:center; justify-content:center; min-width:0; }
.dazie-gmodal__img{ max-width:100%; max-height:64vh; object-fit:contain; }
.dazie-gmodal__nav{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:1.5px solid var(--border,#ece8f3); background:#fff; color:var(--primary,#4b1d8f); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px rgba(31,23,51,.12); transition:.15s; z-index:2; }
.dazie-gmodal__nav:hover{ border-color:var(--primary,#4b1d8f); background:var(--primary,#4b1d8f); color:#fff; }
.dazie-gmodal__nav svg{ width:22px; height:22px; }
.dazie-gmodal__nav--prev{ left:4px; }
.dazie-gmodal__nav--next{ right:4px; }
/* Vídeo dentro do painel */
.dazie-gmodal__video{ width:100%; aspect-ratio:16/9; max-height:64vh; display:flex; }
.dazie-gmodal__video[hidden]{ display:none; }
.dazie-gmodal__video iframe, .dazie-gmodal__video video{ width:100%; height:100%; border:0; border-radius:10px; background:#000; }
.dazie-gmodal__thumb--video{ position:relative; background:#1f1733; }
.dazie-gmodal__thumb--video img{ object-fit:cover; opacity:.85; }
.dazie-gmodal__play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; background:rgba(31,23,51,.32); }
.dazie-gmodal__play svg{ width:24px; height:24px; }
.dazie-gmodal__thumb--video.is-active{ border-color:var(--primary,#4b1d8f); }
.dazie-gmodal__thumb--video.is-active .dazie-gmodal__play{ background:rgba(75,29,143,.45); }
@media (max-width:640px){
  .dazie-gmodal{ padding:10px; }
  .dazie-gmodal__body{ flex-direction:column-reverse; }
  .dazie-gmodal__thumbs{ width:100%; grid-template-columns:repeat(4,1fr); max-height:92px; }
  .dazie-gmodal__img{ max-height:46vh; }
}
.aura-pdp .dazie-pay-modal__foot{ padding:14px 26px 20px; text-align:right; border-top:1px solid var(--border); }
.aura-pdp .dazie-pay-modal__close{ background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:9px 20px; font-family:inherit; font-size:14px; font-weight:700; color:var(--ink); cursor:pointer; transition:.14s; }
.aura-pdp .dazie-pay-modal__close:hover{ background:#efeaf7; }
@media (max-width:560px){ .aura-pdp .dazie-pay-modal{ padding:0; align-items:flex-end; } .aura-pdp .dazie-pay-modal__box{ max-width:none; border-radius:16px 16px 0 0; } }
.aura-pdp .pprice .dazie-mp-price{ background:transparent; border:0; padding:0; margin:0; box-shadow:none; }
.aura-pdp .pdp-gallery--side .pdp-gallery__main{ border-radius:16px; }
.aura-pdp .pdp-options-section.cfg2{ border-radius:18px; }
.aura-pdp .refilbox{ border-radius:18px; }
.aura-pdp .faqtrust{ border-radius:18px; }

/* ===== Descrição do produto: fonte padrão Inter (vale p/ todos os produtos) */
.aura-pdp #section-description,
.aura-pdp .pdp-description-content,
.aura-pdp .pdp-description-content *{ font-family:'Inter','Plus Jakarta Sans',sans-serif !important; }
.aura-pdp .pdp-description-content,
.aura-pdp .pdp-description-content p{ font-size:15px; line-height:1.7; color:var(--ink); }

/* ===== Buybox igual ao mockup ========================================= */
.aura-pdp .pdp-cta__btn{ text-transform:none !important; letter-spacing:.2px; }
.aura-pdp .dazie-pdp-buy__frete{ padding:10px 12px; gap:10px; }
.aura-pdp .dazie-pdp-buy__frete-icon{ background:transparent !important; box-shadow:none !important; width:auto; height:auto; min-width:0; border-radius:0; padding:0; }
.aura-pdp .dazie-pdp-buy__frete-icon svg{ width:22px; height:22px; color:var(--cta); }
.aura-pdp .dazie-pdp-buy__frete-text strong{ color:var(--ink); font-size:13px; }
.aura-pdp .dazie-pdp-buy__frete-text small{ color:var(--muted); font-size:11.5px; }
.aura-pdp .dazie-mp-qtyrow{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.aura-pdp .dazie-qty-label{ font-size:13px; font-weight:700; color:var(--ink); }
.aura-pdp .dazie-mp-qty-text{ display:none; }
.aura-pdp .dazie-pdp-trustlines{ display:flex; flex-direction:row; gap:14px 18px; justify-content:center; align-items:center; flex-wrap:wrap; margin-top:12px; padding-top:14px; border-top:1px dashed var(--border); }
.aura-pdp .dazie-pdp-trustline{ display:inline-flex; flex:0 0 auto; width:auto; align-items:center; gap:6px; font-size:12px; color:var(--muted); font-weight:400; }
.aura-pdp .dazie-pdp-trustline span{ color:var(--muted); font-weight:400; }
.aura-pdp .dazie-pdp-trustline svg{ width:15px; height:15px; color:var(--cta); }

/* ===== Galeria mobile deslizante (padrão Linda Casa) =====
   Criada via JS em telas <= 900px no lugar da imagem única + modal.
   Scroll-snap nativo: desliza com o dedo, uma foto por vez. */
.pdp-strip{
  display:flex;
  overflow-x:auto;
  /* "proximity" (não "mandatory"): no iOS, snap mandatory em carrossel
     horizontal faz a PÁGINA pular verticalmente sozinha (bug do WebKit) */
  scroll-snap-type:x proximity;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  background:#fff;
  border-radius:18px;
}
.pdp-strip::-webkit-scrollbar{ display:none; }
.pdp-strip img{
  flex:0 0 100%;
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  scroll-snap-align:center;
}

/* ===== Barra fixa de compra (mobile): preço riscado + Pix + parcelamento,
   no padrão Linda Casa ===== */
@media (max-width: 768px){
  .pdp-sticky-bar__price-old{
    font-size:11.5px; font-weight:600; color:#9a93b5;
    text-decoration:line-through; line-height:1.15;
  }
  .pdp-sticky-bar__price-value{ display:flex; align-items:baseline; gap:5px; }
  .pdp-sticky-bar__price-value small{ font-size:11px; font-weight:800; color:#16803c; }
  .pdp-sticky-bar__price-inst{
    font-size:11px; font-weight:600; color:#6b6385; line-height:1.2;
  }
  .pdp-sticky-bar__price-inst span{ font-weight:800; color:#2a2440; }
  .pdp-sticky-bar__price-sub{ display:none; }
}

/* ===== Galeria mobile: bolinhas no lugar das miniaturas (padrão Linda Casa) ===== */
@media (max-width: 900px){
  .aura-pdp .pdp-gallery__thumbs-wrap{ display:none; }

  .aura-pdp .pdp-gallery__dots{
    display:flex; justify-content:center; gap:7px;
    padding:12px 0 4px; background:transparent;
  }
  .aura-pdp .pdp-gallery__dot{
    width:8px; height:8px; border-radius:50%;
    background:#d9d4e6; border:0; padding:0;
    transition:all .2s ease;
  }
  .aura-pdp .pdp-gallery__dot.active{
    width:22px; border-radius:5px; background:#4b1d8f;
  }

  /* Faixa em cima, bolinhas embaixo (o tema deixava o main em flex-row) */
  .aura-pdp .pdp-gallery--side .pdp-gallery__main{ display:block !important; }

  /* Contador "1/N" sobre a foto, canto superior direito (igual LC).
     left/bottom:auto anulam o posicionamento antigo do tema (senão o
     elemento estica pelos 4 cantos e vira um "balão" cobrindo a foto). */
  .aura-pdp .pdp-gallery__counter{
    display:flex; position:absolute; z-index:5;
    top:10px; right:10px; left:auto; bottom:auto;
    width:auto; height:auto; align-items:center;
    background:rgba(31,23,51,.55); color:#fff;
    padding:3px 10px; border-radius:999px;
    font-size:12px; font-weight:700;
  }
}

/* ===== Barra fixa "flutuante" (estilo Loja do Mecânico): descolada das
   bordas, com respiro até o fim da tela — resolve o corte no iPhone ===== */
@media (max-width: 768px){
  .pdp-sticky-bar{
    left:10px; right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px));
    border-radius:16px;
    border:1px solid #e6e1f0;
    box-shadow:0 12px 32px rgba(31,23,51,.22);
    padding:10px 14px;
  }
  body.has-sticky-bar{ padding-bottom:100px; }
}
