/* ============================================================
   Na Brisa — storefront TEMA praiano / roots / reggae / litoral.
   Estrutura herdada da Brazika (header/footer/grids), revibe total:
   verde-erva + areia + brasa/pôr-do-sol + dourado. Fontes groovy.
   NÃO mexe na lógica de carrinho/checkout (pf-app.js).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&family=Caveat:wght@500;600;700&family=Pacifico&display=swap');
/* ===========================================================================
   PALETA NA BRISA — praiano / roots / reggae / litoral
   verde-erva natural · areia/bone · terracota · brasa (laranja pôr-do-sol) ·
   dourado. Reggae (verde/ouro/vermelho) usado com parcimônia nos acentos.
   Fontes: 'Pacifico' (groovy, só logo/acentos) · 'Fredoka' (títulos roliços,
   descontraídos) · 'Outfit' (corpo limpo e legível) · 'Caveat' (rabisco mão).
   =========================================================================== */
:root{
  /* verdes da erva/mata */
  --pf-green:#3aa760;       /* verde folha vivo (CTA/acentos) */
  --pf-green-d:#2c8a4d;
  --pf-green-dd:#1c6b3a;    /* verde mata escuro (texto sobre claro) */
  --pf-ink:#14361f;         /* verde-mata quase-preto: footer, heros, títulos */
  --pf-ink-2:#4a5d49;       /* verde-oliva suave p/ corpo */
  /* sol / brasa / terra */
  --pf-yellow:#f6c344;      /* dourado sol */
  --pf-sun:#f0902b;         /* brasa / pôr-do-sol (laranja) */
  --pf-terra:#c4572f;       /* terracota */
  --pf-red:#cf3b2c;         /* vermelho reggae (acento raro) */
  /* areia / bone */
  --pf-bone:#f7f0e1;        /* areia clara: fundo geral */
  --pf-bone-2:#efe5d0;      /* areia 2: seções alternadas/chips */
  --pf-line:#e2d6bd;        /* linha cor de areia */
  --pf-card:#fffdf8;        /* cartão off-white quentinho */
  --pf-radius:20px;
  --pf-shadow:0 8px 26px rgba(20,54,31,.08);
  --pf-shadow-h:0 16px 38px rgba(20,54,31,.16);
  --pf-font-d:'Fredoka','Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pf-font-b:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --pf-font-hand:'Caveat',cursive;
  --pf-font-groove:'Pacifico',cursive;
}
/* trama sutil de fundo: ondinha praiana bem leve */
body.pf-store{
  background:
    radial-gradient(circle at 12% -4%, rgba(58,167,96,.05), transparent 38%),
    radial-gradient(circle at 92% 0%, rgba(240,144,43,.05), transparent 40%),
    var(--pf-bone);
}

/* ---------------------------------------------------------------
   1. REVIEWS — cards limpos, prova social estilo Brazika
   --------------------------------------------------------------- */
.puffyshop-reviews-wrapper{
  background:var(--pf-bone) !important;
  padding:64px 20px 56px !important;
}
.reviews-container{max-width:1120px;margin:0 auto;}

.reviews-header h1{
  font-family:var(--pf-font-d) !important;
  font-weight:800 !important;
  letter-spacing:-.02em;
  color:var(--pf-ink) !important;
  line-height:1.12;
}
.reviews-header .subtitle{color:var(--pf-ink-2) !important;font-weight:500;}

/* nota geral em destaque */
.rating-summary{
  display:inline-flex;align-items:center;gap:16px;
  background:var(--pf-card);border:1px solid var(--pf-line);
  border-radius:999px;padding:12px 24px;margin:18px 0 10px;
  box-shadow:var(--pf-shadow);
}
.overall-rating{
  font-family:var(--pf-font-d) !important;font-weight:800 !important;
  color:var(--pf-green-dd) !important;line-height:1 !important;
  background:none !important;-webkit-text-fill-color:initial !important;
}
.stars-large{color:var(--pf-yellow) !important;letter-spacing:2px;font-size:18px;}
.total-reviews{color:var(--pf-ink-2) !important;font-weight:600;font-size:12.5px;}

.verified-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(126,217,87,.16) !important;color:var(--pf-green-dd) !important;
  border:1px solid rgba(126,217,87,.5) !important;
  border-radius:999px;padding:7px 16px;font-weight:700;font-size:13px;
  box-shadow:none !important;
}

/* indicadores de confiança em faixa */
.trust-indicators{
  display:grid !important;grid-template-columns:repeat(4,1fr);gap:14px;
  background:var(--pf-card);border:1px solid var(--pf-line);
  border-radius:var(--pf-radius);padding:22px 18px;margin:30px 0 24px;
  box-shadow:var(--pf-shadow);
}
.trust-item{text-align:center;border:0 !important;background:none !important;box-shadow:none !important;}
.trust-number{
  font-family:var(--pf-font-d) !important;font-weight:800 !important;
  font-size:26px !important;color:var(--pf-green-dd) !important;line-height:1;
}
.trust-label{color:var(--pf-ink-2) !important;font-weight:600;font-size:12.5px;margin-top:4px;}

/* filtros pill */
.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;}
.filter-btn{
  border:1px solid var(--pf-line) !important;background:var(--pf-card) !important;
  color:var(--pf-ink-2) !important;border-radius:999px !important;
  padding:9px 18px !important;font-weight:700 !important;font-size:13px !important;
  box-shadow:none !important;transition:.15s;
}
.filter-btn:hover{border-color:var(--pf-green) !important;color:var(--pf-ink) !important;}
.filter-btn.active{
  background:var(--pf-green) !important;color:var(--pf-ink) !important;
  border-color:var(--pf-green) !important;
}

/* grid de cards */
.reviews-grid{
  display:grid !important;grid-template-columns:repeat(3,1fr);gap:18px;
}
.review-card{
  background:var(--pf-card) !important;border:1px solid var(--pf-line) !important;
  border-radius:var(--pf-radius) !important;padding:22px !important;
  box-shadow:var(--pf-shadow) !important;transition:transform .18s,box-shadow .18s;
  display:flex;flex-direction:column;
}
.review-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,33,15,.12) !important;}

.review-header{display:flex;gap:12px;align-items:center;margin-bottom:12px;}
.reviewer-avatar{
  width:46px;height:46px;border-radius:50% !important;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--pf-green) 0%,var(--pf-green-d) 100%) !important;
  color:var(--pf-ink) !important;font-family:var(--pf-font-d);font-weight:800;font-size:15px;
  border:0 !important;box-shadow:none !important;
}
.reviewer-name{font-weight:700 !important;color:var(--pf-ink) !important;font-size:15px;}
.review-date{color:#8a988a !important;font-size:12px;}
.verified-purchase{
  color:var(--pf-green-dd) !important;font-size:11.5px;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;
}
.review-rating .stars,.review-rating{color:var(--pf-yellow) !important;letter-spacing:1px;}
.review-title{
  font-family:var(--pf-font-d) !important;font-weight:700 !important;
  color:var(--pf-ink) !important;font-size:15px;margin:6px 0 8px;
}
.review-text{color:var(--pf-ink-2) !important;font-size:14px;line-height:1.6;}

.review-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;}
.tag{
  background:var(--pf-bone-2) !important;color:var(--pf-green-dd) !important;
  border:1px solid var(--pf-line) !important;border-radius:999px !important;
  padding:5px 12px !important;font-size:11.5px !important;font-weight:700 !important;
}
.tag:hover{background:var(--pf-green) !important;color:var(--pf-ink) !important;border-color:var(--pf-green) !important;}

.helpful-section{border-top:1px solid var(--pf-line) !important;padding-top:14px;margin-top:16px;}
.helpful-text{color:#8a988a !important;font-weight:600 !important;font-size:12.5px;}
.helpful-count{color:var(--pf-green-dd) !important;font-weight:800 !important;}

.load-more{
  background:var(--pf-green) !important;color:var(--pf-ink) !important;
  border:0 !important;border-radius:999px !important;
  padding:16px 40px !important;font-family:var(--pf-font-d) !important;
  font-weight:800 !important;font-size:15px !important;letter-spacing:.01em !important;
  text-transform:none !important;box-shadow:0 8px 20px rgba(126,217,87,.4) !important;
  margin:42px auto !important;transition:.18s;
}
.load-more:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(126,217,87,.5) !important;}

/* ---------------------------------------------------------------
   2. FAQ — accordion estilo Brazika (linhas finas, +/-)
   --------------------------------------------------------------- */
.collapsible-content__heading{
  font-family:var(--pf-font-d) !important;font-weight:800 !important;
  color:var(--pf-ink) !important;letter-spacing:-.01em;
}
.accordion{
  border:0 !important;border-bottom:1px solid var(--pf-line) !important;
  border-radius:0 !important;background:transparent !important;margin:0 !important;
}
.accordion details{border:0 !important;}
.accordion summary{
  padding:20px 6px !important;cursor:pointer;
}
.accordion summary .icon-accordion{display:none !important;}
.accordion__title{
  font-family:var(--pf-font-d) !important;font-weight:600 !important;
  color:var(--pf-ink) !important;font-size:16px !important;
}
.accordion details[open] .accordion__title{color:var(--pf-green-dd) !important;}
.accordion summary .icon-caret{color:var(--pf-green-d) !important;transition:transform .25s;}
.accordion details[open] summary .icon-caret{transform:rotate(180deg);}
.accordion__content,.accordion .accordion__content{
  color:var(--pf-ink-2) !important;font-size:14.5px !important;line-height:1.65 !important;
  padding:0 6px 22px !important;
}
.accordion__content b{color:var(--pf-ink) !important;}
.accordion__content a{color:var(--pf-green-dd) !important;font-weight:600;}

/* ---------------------------------------------------------------
   3. FOOTER Na Brisa (selos + colunas + newsletter)
   injetado por pf-store.js antes do <footer> do tema
   --------------------------------------------------------------- */
.pf-footer{
  background:var(--pf-ink);color:var(--pf-bone);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  padding:48px 0 8px;
}
.pf-footer .pf-wrap{max-width:1120px;margin:0 auto;padding:0 22px;}

.pf-fseals{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;justify-items:center;
  padding:0 0 26px;border-bottom:1px solid rgba(250,249,244,.14);margin-bottom:30px;
}
.pf-fseal{display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;}
.pf-fseal svg{color:var(--pf-yellow);flex:none;margin-top:0;}
.pf-fseal b{display:block;font-family:var(--pf-font-d);font-weight:500;font-size:13.5px;color:#fff;}
.pf-fseal span{font-size:11.5px;color:rgba(250,249,244,.6);line-height:1.4;display:block;margin-top:2px;}

.pf-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:34px;margin-bottom:30px;}
.pf-fcols h4{
  font-family:var(--pf-font-d);font-weight:600;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--pf-yellow);margin:0 0 12px;
}
.pf-fcols p,.pf-fcols a{color:rgba(250,249,244,.72);font-size:13.5px;line-height:1.85;}
.pf-fcols a{text-decoration:none;transition:color .15s;display:inline-block;}
.pf-fcols a:hover{color:#fff;}
.pf-fbrand{display:flex;align-items:baseline;gap:7px;font-family:var(--pf-font-groove);font-weight:400;font-style:normal;font-size:30px;letter-spacing:0;margin-bottom:14px;}
.pf-fbrand .pf-puff{color:#fff;}
.pf-fbrand .pf-fire{color:var(--pf-sun);}
.pf-fcols .pf-tagline{color:rgba(250,249,244,.6);font-size:13px;max-width:240px;}

/* newsletter */
.pf-nl-title{font-family:var(--pf-font-d);font-weight:600;font-size:15px;color:#fff;margin:0 0 4px;}
.pf-nl-sub{color:rgba(250,249,244,.6);font-size:12.5px;margin:0 0 12px;line-height:1.5;}
.pf-nl-form{display:flex;gap:8px;flex-wrap:wrap;}
.pf-nl-input{
  flex:1;min-width:150px;background:rgba(250,249,244,.08);
  border:1px solid rgba(250,249,244,.22);border-radius:10px;
  padding:11px 13px;color:#fff;font-size:14px;
}
.pf-nl-input::placeholder{color:rgba(250,249,244,.45);}
.pf-nl-input:focus{outline:none;border-color:var(--pf-yellow);}
.pf-nl-btn{
  background:var(--pf-yellow);color:var(--pf-ink);border:0;border-radius:999px;
  padding:11px 22px;font-family:var(--pf-font-d);font-weight:600;font-size:14px;cursor:pointer;transition:.15s;
}
.pf-nl-btn:hover{background:#fff;}
.pf-nl-msg{color:var(--pf-yellow);font-size:12.5px;margin-top:9px;min-height:14px;}

/* pagamentos + selo */
.pf-fpay{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  padding:22px 0;border-top:1px solid rgba(250,249,244,.14);margin-top:4px;text-align:center;
}
.pf-fpay .pf-fpay-lbl{font-family:var(--pf-font-d);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,240,225,.55);margin-right:4px;}
/* bandeiras de pagamento — mesmas pílulas brancas da Brazika (SVGs idênticos) */
.pf-pay-svg{
  background:#fff;border-radius:6px;width:42px;height:27px;display:inline-flex;
  align-items:center;justify-content:center;padding:0 5px;box-shadow:0 1px 3px rgba(0,0,0,.18);
}
.pf-pay-svg svg{height:18px;width:32px;display:block;}

.pf-finst{
  font-size:12px;color:rgba(250,249,244,.5);line-height:1.7;
  border-top:1px solid rgba(250,249,244,.14);padding:20px 0;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.pf-finst .pf-social{display:flex;gap:14px;}
.pf-finst .pf-social a{color:rgba(250,249,244,.7);}
.pf-finst .pf-social a:hover{color:var(--pf-yellow);}

/* esconde o footer original raquítico do tema (mantém policies dentro do nosso) */
footer.footer .footer__content-bottom{padding-top:0 !important;}
footer.footer{background:var(--pf-ink) !important;}
footer.footer .copyright__content,footer.footer .copyright__content a{color:rgba(250,249,244,.5) !important;}
footer.footer .footer__content-bottom-wrapper:first-child{display:none !important;}

/* ---------------------------------------------------------------
   4. PDP — refino da página de produto + selos de confiança
   --------------------------------------------------------------- */
.pf-pdp-trust{
  display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0 6px;
}
.pf-pdp-trust .pf-tr{
  display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;
  background:linear-gradient(180deg,#fff,var(--pf-bone-2));
  border:1px solid var(--pf-line);border-radius:14px;padding:14px 15px;
  box-shadow:0 1px 2px rgba(20,54,31,.04);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.pf-pdp-trust .pf-tr:hover{transform:translateY(-2px);border-color:var(--pf-green);box-shadow:0 8px 20px -12px rgba(33,120,60,.5);}
.pf-pdp-trust .pf-tr-ic{
  flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 30% 10%,#eafbe2,#d6f3c8);
  border:1px solid #c2e7ac;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 6px -3px rgba(33,120,60,.35);
}
.pf-pdp-trust .pf-tr-ic svg{color:var(--pf-green-dd);display:block;width:28px;height:28px;}
.pf-pdp-trust .pf-tr b{font-family:var(--pf-font-d);font-weight:800;font-size:13.5px;color:var(--pf-ink);display:block;line-height:1.15;letter-spacing:-.01em;}
.pf-pdp-trust .pf-tr span{font-size:11.5px;color:var(--pf-ink-2);line-height:1.32;display:block;margin-top:1px;}
.pf-pdp-desc-h{font-family:var(--pf-font-d);font-weight:800;font-size:16px;color:var(--pf-ink);margin:30px 0 10px;padding-top:24px;border-top:1px solid var(--pf-line);}

.pf-disguise{
  background:var(--pf-bone-2);border:1px solid var(--pf-line);
  border-left:4px solid var(--pf-green);border-radius:12px;
  padding:16px 18px;margin:16px 0;
}
.pf-disguise h4{font-family:var(--pf-font-d);font-weight:800;font-size:14px;color:var(--pf-ink);margin:0 0 6px;display:flex;align-items:center;gap:7px;}
.pf-disguise p{font-size:13.5px;color:var(--pf-ink-2);line-height:1.6;margin:0;}

/* ---------------------------------------------------------------
   5. MOBILE 390px
   --------------------------------------------------------------- */
@media (max-width:900px){
  .reviews-grid{grid-template-columns:repeat(2,1fr) !important;}
  .pf-fcols{grid-template-columns:1fr 1fr;gap:26px;}
  .pf-fseals{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .puffyshop-reviews-wrapper{padding:44px 16px 40px !important;}
  .reviews-grid{grid-template-columns:1fr !important;}
  .trust-indicators{grid-template-columns:repeat(2,1fr) !important;gap:16px 10px;padding:18px 12px;}
  .reviews-header h1{font-size:26px !important;}
  .rating-summary{padding:10px 18px;gap:12px;}
  .overall-rating{font-size:40px !important;}
  .filter-buttons{gap:8px;}
  .filter-btn{padding:8px 14px !important;font-size:12px !important;}
  .pf-fseals{grid-template-columns:1fr 1fr;gap:14px;}
  .pf-fcols{grid-template-columns:1fr;gap:24px;}
  .pf-footer{padding-top:38px;}
  .pf-finst{flex-direction:column;}
  .pf-pdp-trust{grid-template-columns:repeat(2,1fr);gap:10px;}
  .pf-pdp-trust .pf-tr{padding:11px 12px;gap:10px;}
  .pf-pdp-trust .pf-tr-ic{width:42px;height:42px;border-radius:11px;}
  .pf-pdp-trust .pf-tr-ic svg{width:26px;height:26px;}
}
@media (max-width:480px){
  /* mobile: SEMPRE 2 por linha (4 selos = 2x2) */
  .pf-pdp-trust{grid-template-columns:repeat(2,1fr);gap:9px;}
  .pf-pdp-trust .pf-tr{padding:10px 11px;gap:9px;}
  .pf-pdp-trust .pf-tr b{font-size:12.5px;}
  .pf-pdp-trust .pf-tr span{font-size:10.5px;}

  /* FOOTER mobile: tudo centralizado, empilhado e arejado */
  .pf-footer .pf-fcols{grid-template-columns:1fr;gap:26px;text-align:center;}
  .pf-footer .pf-fcols > div{display:flex;flex-direction:column;align-items:center;}
  .pf-footer .pf-tagline{max-width:300px;margin-left:auto;margin-right:auto;}
  .pf-footer .pf-fbrand{justify-content:center;}
  .pf-footer .pf-fseals{grid-template-columns:repeat(2,1fr);gap:16px 12px;}
  .pf-footer .pf-fseal{flex-direction:column;align-items:center;text-align:center;gap:6px;max-width:none;margin:0;}
  .pf-footer .pf-fseal svg{margin-top:0;}
  .pf-footer .pf-fpay{justify-content:center;gap:9px;}
  .pf-footer .pf-finst{flex-direction:column;align-items:center;text-align:center;gap:12px;}
  .pf-footer .pf-finst .pf-social{justify-content:center;}
  .pf-footer .pf-nl-form{justify-content:center;}
}

/* ===============================================================
   PUFFFIRE: oculto até ter link AliExpress.
   O storefront agora é 100% renderizado pelo pf-store.js a partir do
   PF_CATALOG (só os 10 produtos com link ativo). Portanto escondemos
   TODO o header/footer/conteúdo do tema Shopify clonado e deixamos só
   o chrome Na Brisa + o #MainContent que reescrevemos.
   Produtos clonados antigos sem link ficam ocultos por tabela (não deletados).
   =============================================================== */

/* esconde o cabeçalho/menu/footer/promo do tema Shopify clonado */
body.pf-store .shopify-section-group-header-group,
body.pf-store sticky-header,
body.pf-store .header-wrapper,
body.pf-store header.header,
body.pf-store .section-header,
body.pf-store .announcement-bar-section,
body.pf-store .utility-bar,
body.pf-store #shopify-section-header,
body.pf-store [id^="shopify-section-announcement"],
body.pf-store footer.footer,
body.pf-store .footer,
body.pf-store .shopify-section-group-footer-group,
body.pf-store #shopify-section-footer,
body.pf-store #shopify-section-promo-popup,
body.pf-store .urgent-banner,
body.pf-store cart-drawer,
body.pf-store product-modal,
body.pf-store .product-media-modal,
body.pf-store .media-modal,
body.pf-store .yampi-loader,
body.pf-store #yampiPurchaseConfirmationWrapper,
/* PUFFFIRE: modais/popovers do tema que o Shopify anexa no fim do <body>
   (ficavam como faixas brancas embaixo do footer Na Brisa). */
body.pf-store quick-add-modal,
body.pf-store .quick-add-modal,
body.pf-store .quick-add-modal__content,
body.pf-store modal-dialog,
body.pf-store .pickup-availability-preview,
body.pf-store predictive-search,
body.pf-store .global-settings-popup { display:none !important; }

/* PUFFFIRE: rede de segurança — nada do tema clonado pode aparecer DEPOIS do
   footer Na Brisa (que é sempre o último filho do body). Esconde qualquer
   elemento do tema que vier solto após o nosso footer, sem afetar nada acima. */
body.pf-store .pf-footer ~ *:not(script):not(style):not(link):not(template):not(.pf-drawer):not(#pf-splash){ display:none !important; }

/* PUFFFIRE: oculto até ter link — qualquer card de produto antigo do tema
   (puffroll, puffroller) que ainda exista em listagens do tema fica escondido. */
body.pf-store .grid__item:has(a[href*="/products/puffroll"]),
body.pf-store .grid__item:has(a[href*="/products/puffroller"]),
body.pf-store li:has(a[href*="/products/puffroll"]),
body.pf-store li:has(a[href*="/products/puffroller"]) { display:none !important; }

/* ===============================================================
   CHROME NA BRISA — header (lógica Brazika), hero, grids, PDP
   Verde-limão #7ED957 · amarelo PUFF #FBCD0A · preto FIRE
   =============================================================== */
body.pf-store{margin:0;font-family:var(--pf-font-b);color:var(--pf-ink);}
body.pf-store.pf-noscroll{overflow:hidden;}
body.pf-store #MainContent{padding-top:0 !important;}
.pf-store .pf-wrap{max-width:1180px;margin:0 auto;padding:0 22px;}
.pf-store .pf-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--pf-font-d);font-weight:600;font-size:15.5px;border-radius:999px;
  padding:15px 30px;cursor:pointer;border:0;text-decoration:none;transition:.18s cubic-bezier(.34,1.4,.5,1);line-height:1;letter-spacing:.005em;
}
.pf-store .pf-btn--green{background:linear-gradient(135deg,var(--pf-green) 0%,var(--pf-green-d) 100%);color:#fff;box-shadow:0 10px 22px rgba(28,107,58,.34);}
.pf-store .pf-btn--green:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 16px 30px rgba(28,107,58,.42);}
.pf-store .pf-btn--sun{background:linear-gradient(135deg,var(--pf-sun) 0%,var(--pf-terra) 100%);color:#fff;box-shadow:0 10px 22px rgba(196,87,47,.34);}
.pf-store .pf-btn--sun:hover{transform:translateY(-2px) rotate(.4deg);box-shadow:0 16px 30px rgba(196,87,47,.42);}
.pf-store .pf-btn--ghost-light{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.7);backdrop-filter:blur(4px);}
.pf-store .pf-btn--ghost-light:hover{background:#fff;color:var(--pf-ink);}
.pf-pc-stars{color:var(--pf-sun);letter-spacing:1px;}

/* ---------- HEADER ---------- */
.pf-header{position:sticky;top:0;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--pf-hd-h:108px;}
.pf-promostrip{
  background:var(--pf-ink);color:var(--pf-bone);text-align:center;font-size:12.5px;font-weight:500;
  font-family:var(--pf-font-b);letter-spacing:.02em;height:36px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;
}
/* faixa reggae fininha no topo do strip: verde·ouro·vermelho */
.pf-promostrip::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--pf-green) 0 33.3%,var(--pf-yellow) 33.3% 66.6%,var(--pf-red) 66.6% 100%);}
.pf-promostrip .pf-eslide{position:absolute;inset:3px 0 0;display:flex;align-items:center;justify-content:center;gap:7px;opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s;}
.pf-promostrip .pf-eslide.is-on{opacity:1;transform:none;}
.pf-header-bar{
  background:rgba(255,253,248,.92);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--pf-line);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 30px;height:72px;
  max-width:none;margin:0;
}
.pf-hb-side{display:flex;align-items:center;min-width:0;}
.pf-hb-left{justify-content:flex-start;gap:18px;}
.pf-hb-right{justify-content:flex-end;}
/* HAMBÚRGUER sempre visível (PC e mobile) */
.pf-burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:none;border:0;color:var(--pf-ink);cursor:pointer;padding:0;margin-left:-6px;transition:.15s;}
.pf-burger:hover{background:var(--pf-bone-2);color:var(--pf-sun);}
/* LOGO sempre centralizado (coluna do meio do grid) */
.pf-logo-link{text-decoration:none;justify-self:center;text-align:center;line-height:0;}
.pf-logo{font-family:var(--pf-font-groove);font-weight:400;font-style:normal;font-size:31px;letter-spacing:0;line-height:1;display:inline-flex;align-items:baseline;gap:6px;}
.pf-logo-puff{color:var(--pf-green-dd);}
.pf-logo-fire{color:var(--pf-sun);text-shadow:0 1px 0 rgba(196,87,47,.18);}
.pf-nav{display:none;}
.pf-nav>a,.pf-nav-trigger{
  font-family:var(--pf-font-d);font-weight:500;font-size:14.5px;color:var(--pf-ink);
  text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .15s;white-space:nowrap;
}
.pf-nav>a:hover,.pf-nav-trigger:hover{color:var(--pf-sun);}
.pf-nav-mega{position:static;}
.pf-mega{
  position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--pf-line);
  box-shadow:0 20px 40px rgba(16,33,15,.12);opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .2s,transform .2s,visibility .2s;
}
.pf-nav-mega:hover .pf-mega{opacity:1;visibility:visible;transform:none;}
.pf-mega-grid{max-width:1180px;margin:0 auto;padding:26px 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;}
.pf-mega-col{display:flex;flex-direction:column;gap:5px;}
.pf-mega-h{font-family:var(--pf-font-d);font-weight:800;font-size:14px;color:var(--pf-ink);text-decoration:none;margin-bottom:2px;}
.pf-mega-h:hover{color:var(--pf-green-dd);}
.pf-mega-desc{font-size:11.5px;color:#8a988a;margin:0 0 8px;line-height:1.4;}
.pf-mega-col>a:not(.pf-mega-h){
  display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--pf-ink-2);
  text-decoration:none;padding:5px 0;border-bottom:1px solid var(--pf-bone-2);transition:.15s;
}
.pf-mega-col>a:not(.pf-mega-h):hover{color:var(--pf-green-dd);padding-left:4px;}
.pf-mega-col>a span{color:var(--pf-green-dd);font-weight:700;font-size:12px;}
.pf-header-actions{display:flex;align-items:center;gap:6px;flex:none;}
.pf-h-track,.pf-h-cart{
  position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:11px;color:var(--pf-ink);text-decoration:none;transition:.15s;
}
.pf-h-track:hover,.pf-h-cart:hover{background:var(--pf-bone-2);color:var(--pf-sun);}
.pf-cart-badge{
  position:absolute;top:3px;right:3px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;
  background:var(--pf-green);color:var(--pf-ink);font-size:11px;font-weight:800;
  display:none;align-items:center;justify-content:center;font-family:var(--pf-font-d);
}
.pf-drawer-cats{display:none;}

/* ---------- HEADER TRANSPARENTE SOBRE O BANNER (estilo Brazika) ----------
   Em páginas com banner grande no topo (home, PDP), o body recebe
   .pf-overlay-hd. O header começa TRANSPARENTE sobreposto ao banner
   (ícones/logo claros) e vira SÓLIDO (fundo + sombra) ao rolar — o JS
   alterna .is-solid no .pf-header conforme window.scrollY > limiar. */
.pf-header-bar{transition:background .28s ease,border-color .28s ease,backdrop-filter .28s ease,box-shadow .28s ease;}
.pf-promostrip{transition:background .28s ease,color .28s ease;}
/* banner sobe pra ficar SOB o header transparente (promostrip 36 + bar 72) */
body.pf-overlay-hd .pf-hero--photo,
body.pf-overlay-hd .pf-pdp-hero{margin-top:calc(-1 * var(--pf-hd-h, 108px));}
/* estado transparente (header NÃO sólido, sobre o banner)
   scrim de topo: gradiente escuro sutil garante contraste do hambúrguer/logo/
   ícones mesmo quando o banner é claro (óculos contra coqueiros). */
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-header-bar{
  background:transparent;
  border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;
}
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-promostrip{
  background:transparent;color:#fff;
}
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-promostrip::before{opacity:.92;}
/* ícones, logo e hambúrguer claros sobre o banner — pílula translúcida escura
   atrás de cada botão garante que NUNCA somem sobre áreas claras do banner */
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-burger,
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-h-track,
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-h-cart{
  color:#fff;background:transparent;
  filter:drop-shadow(0 1px 7px rgba(0,0,0,.75));
}
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-burger:hover,
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-h-track:hover,
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-h-cart:hover{
  background:rgba(255,255,255,.16);color:#fff;
}
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-logo-puff,
body.pf-overlay-hd .pf-header:not(.is-solid) .pf-logo-fire{
  color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6), 0 2px 14px rgba(0,0,0,.5);
}
/* estado sólido (ao rolar) reforça a sombra de separação */
body.pf-overlay-hd .pf-header.is-solid .pf-header-bar{box-shadow:0 2px 16px rgba(20,54,31,.10);}

/* ---------- DRAWER LATERAL (hambúrguer, PC + mobile) ---------- */
.pf-drawer{position:fixed;inset:0;z-index:2000;visibility:hidden;pointer-events:none;}
.pf-drawer.is-open{visibility:visible;pointer-events:auto;}
.pf-drawer-backdrop{position:absolute;inset:0;background:rgba(14,40,22,.46);opacity:0;transition:opacity .3s ease;}
.pf-drawer.is-open .pf-drawer-backdrop{opacity:1;}
.pf-drawer-panel{
  position:absolute;top:0;left:0;bottom:0;width:min(340px,86vw);
  background:var(--pf-card);box-shadow:8px 0 40px rgba(20,54,31,.22);
  display:flex;flex-direction:column;
  transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,.0,.2,1);
  border-right:1px solid var(--pf-line);
}
.pf-drawer.is-open .pf-drawer-panel{transform:translateX(0);}
.pf-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--pf-line);}
.pf-drawer-logo .pf-logo{font-size:27px;}
.pf-drawer-x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:none;border:0;color:var(--pf-ink);cursor:pointer;transition:.15s;}
.pf-drawer-x:hover{background:var(--pf-bone-2);color:var(--pf-sun);}
.pf-drawer-nav{display:flex;flex-direction:column;padding:10px 14px;overflow-y:auto;flex:1;}
.pf-drawer-nav a{
  font-family:var(--pf-font-d);font-weight:600;font-size:18px;color:var(--pf-ink);
  text-decoration:none;padding:15px 12px;border-bottom:1px solid var(--pf-bone-2);border-radius:10px;
  transition:.15s;
}
.pf-drawer-nav a:last-child{border-bottom:0;}
.pf-drawer-nav a:hover{background:var(--pf-bone-2);color:var(--pf-green-dd);padding-left:18px;}
.pf-drawer-foot{padding:16px 24px 22px;border-top:1px solid var(--pf-line);}
.pf-drawer-tag{font-family:var(--pf-font-hand);font-size:20px;color:var(--pf-sun);}

/* ---------- HERO (banner + slogan) ---------- */
.pf-hero{
  position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;
  background-image:var(--pf-hero-img);background-size:cover;background-position:center 42%;
}
/* overlay pôr-do-sol: verde-mata embaixo/esquerda → quente translúcido à direita */
.pf-hero-overlay{position:absolute;inset:0;background:
  linear-gradient(98deg,rgba(14,40,22,.82) 0%,rgba(14,40,22,.5) 44%,rgba(20,54,31,.12) 100%),
  linear-gradient(0deg,rgba(196,87,47,.28) 0%,transparent 45%);}
.pf-hero-inner{position:relative;max-width:1180px;margin:0 auto;padding:72px 22px;width:100%;}
.pf-hero-eyebrow{
  display:inline-flex;align-items:center;gap:7px;background:rgba(246,195,68,.18);color:var(--pf-yellow);
  border:1px solid rgba(246,195,68,.5);border-radius:999px;padding:8px 16px;font-family:var(--pf-font-d);font-weight:500;font-size:12.5px;letter-spacing:.04em;
}
.pf-hero-eyebrow svg{color:var(--pf-yellow);}
.pf-hero-title{
  font-family:var(--pf-font-d);font-weight:600;letter-spacing:-.02em;line-height:.96;
  font-size:clamp(44px,7vw,82px);margin:18px 0 0;max-width:13ch;
  color:var(--pf-bone);text-shadow:0 4px 34px rgba(0,0,0,.35);
}
/* a palavra-acento "brisa" sai no rabisco dourado */
.pf-hero-title .pf-hand{font-family:var(--pf-font-groove);font-weight:400;color:var(--pf-yellow);display:inline-block;
  transform:rotate(-3deg);text-shadow:0 4px 24px rgba(196,87,47,.5);}
.pf-hero-sub{color:rgba(247,240,225,.94);font-family:var(--pf-font-b);font-size:clamp(15px,2vw,19px);max-width:44ch;margin:18px 0 0;line-height:1.55;}
.pf-hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px;}
.pf-hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px;}
.pf-hero-chip{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.34);color:#fff;border-radius:999px;
  padding:8px 16px;font-family:var(--pf-font-d);font-size:13px;font-weight:500;text-decoration:none;transition:.15s;backdrop-filter:blur(3px);
}
.pf-hero-chip:hover{background:var(--pf-yellow);border-color:var(--pf-yellow);color:var(--pf-ink);}

/* HERO = SÓ A FOTO (full-width, sem texto/overlay/CTA) */
.pf-hero--photo{min-height:0;display:block;background:none;}
.pf-hero--photo .pf-hero-photo{display:block;width:100%;height:auto;max-height:62vh;object-fit:cover;object-position:center 42%;}

/* BANNER full-bleed da PDP (imagem grande sob o header transparente) */
.pf-pdp-hero{position:relative;display:block;width:100%;height:52vh;min-height:340px;max-height:540px;overflow:hidden;background:var(--pf-ink);}
.pf-pdp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
/* fade escuro no topo (legibilidade dos ícones claros) + fade pro fundo embaixo */
.pf-pdp-hero-fade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(14,40,22,.42) 0%,rgba(14,40,22,.06) 26%,transparent 50%),
  linear-gradient(0deg,rgba(247,240,225,1) 0%,rgba(247,240,225,0) 34%);}
@media (max-width:600px){.pf-pdp-hero{height:46vh;min-height:260px;}}

/* ---------- SECTIONS ---------- */
.pf-section{padding:60px 0;}
.pf-section--alt{background:var(--pf-bone-2);}
.pf-sec-title{font-family:var(--pf-font-d);font-weight:600;letter-spacing:-.015em;font-size:34px;color:var(--pf-ink);margin:0;line-height:1.05;}
.pf-sec-title .pf-hand{font-family:var(--pf-font-hand);font-weight:700;color:var(--pf-sun);font-size:1.18em;line-height:.7;}
.pf-sec-sub{color:var(--pf-ink-2);font-family:var(--pf-font-b);font-size:15.5px;margin:8px 0 0;}

/* category cards */
.pf-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.pf-catcard{
  background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-radius);overflow:hidden;
  text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--pf-shadow);transition:transform .18s,box-shadow .18s;
}
.pf-catcard:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(16,33,15,.13);}
.pf-catcard-img{aspect-ratio:16/10;background:var(--pf-bone-2);overflow:hidden;}
.pf-catcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.pf-catcard:hover .pf-catcard-img img{transform:scale(1.05);}
.pf-catcard-body{padding:16px 18px 18px;}
.pf-catcard-body h3{font-family:var(--pf-font-d);font-weight:600;font-size:19px;color:var(--pf-ink);margin:0 0 5px;}
.pf-catcard-body p{font-family:var(--pf-font-b);font-size:13px;color:var(--pf-ink-2);line-height:1.5;margin:0 0 10px;}
.pf-catcard-body span{font-family:var(--pf-font-d);font-weight:600;font-size:13.5px;color:var(--pf-sun);}

/* product grid + cards — 3 por linha no PC, 2 por linha no mobile */
.pf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;}
.pf-pc{
  background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-radius);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--pf-shadow);transition:transform .18s,box-shadow .18s;
}
.pf-pc:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(16,33,15,.13);}
.pf-pc-link{text-decoration:none;display:flex;flex-direction:column;flex:1;}
.pf-pc-img{position:relative;aspect-ratio:1/1;background:var(--pf-bone-2);overflow:hidden;}
.pf-pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,opacity .4s ease;}
.pf-pc:hover .pf-pc-img img{transform:scale(1.05);}
/* hover-swap: 2ª foto cobre a 1ª e faz crossfade no hover (desktop) */
.pf-pc-img2{position:absolute;inset:0;opacity:0;}
.pf-pc--swap:hover .pf-pc-img1{opacity:0;}
.pf-pc--swap:hover .pf-pc-img2{opacity:1;}
/* sem hover (touch): mantém só a 1ª foto */
@media (hover:none){
  .pf-pc-img2{display:none;}
  .pf-pc--swap:hover .pf-pc-img1{opacity:1;}
}
.pf-pc-cat{position:absolute;top:11px;left:11px;background:rgba(20,54,31,.85);color:var(--pf-bone);font-family:var(--pf-font-d);font-size:11px;font-weight:500;border-radius:999px;padding:5px 12px;backdrop-filter:blur(3px);}
.pf-pc-body{padding:15px 16px 18px;display:flex;flex-direction:column;gap:7px;flex:1;}
.pf-pc-body h3{font-family:var(--pf-font-d);font-weight:600;font-size:16.5px;color:var(--pf-ink);margin:0;line-height:1.2;}
.pf-pc-rating{display:flex;align-items:center;gap:7px;font-family:var(--pf-font-b);font-size:12px;color:var(--pf-ink-2);font-weight:500;}
.pf-pc-rating.pf-pc-new{color:var(--pf-sun);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--pf-font-d);}
.pf-pc-price{font-family:var(--pf-font-d);font-weight:600;font-size:22px;color:var(--pf-ink);display:flex;flex-direction:column;gap:2px;margin-top:auto;}
.pf-pc-de{font-family:var(--pf-font-b);font-size:12.5px;font-weight:600;color:var(--pf-ink-2);text-decoration:line-through;display:flex;align-items:center;gap:6px;}
.pf-pc-off{font-style:normal;text-decoration:none;background:var(--pf-terra,#d6502b);color:#fff;font-family:var(--pf-font-d);font-weight:800;font-size:10.5px;padding:1px 6px;border-radius:999px;letter-spacing:.02em;}
.pf-pc-now{display:block;line-height:1;}
.pf-pc-inst{font-family:var(--pf-font-b);font-size:11.5px;font-weight:500;color:var(--pf-ink-2);}
.pf-pc-inst b{font-weight:800;color:var(--pf-ink);}
.pf-pc-pix{font-family:var(--pf-font-b);font-size:12px;font-weight:700;color:var(--pf-green-d);}
.pf-pc-pix i{font-style:normal;background:rgba(34,160,90,.12);color:var(--pf-green-d);font-size:10px;font-weight:800;padding:1px 5px;border-radius:999px;margin-left:3px;}
.pf-pc-cta{display:block;width:calc(100% - 32px);margin:0 16px 16px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--pf-sun),var(--pf-terra));color:#fff;text-align:center;font-family:var(--pf-font-d);font-weight:700;font-size:14px;border-radius:999px;padding:12px;transition:.16s;}
.pf-pc-cta:hover{filter:brightness(1.06);transform:translateY(-1px);}

/* ---------- COLLECTION ---------- */
.pf-coll-hero{position:relative;background:var(--pf-ink);color:#fff;padding:46px 0 36px;overflow:hidden;}
.pf-coll-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(120% 90% at 100% 0%, rgba(240,144,43,.22), transparent 55%);}
.pf-coll-hero>*{position:relative;}
.pf-coll-hero .pf-crumb{font-family:var(--pf-font-b);font-size:13px;color:rgba(247,240,225,.6);}
.pf-coll-hero .pf-crumb a{color:rgba(247,240,225,.85);text-decoration:none;}
.pf-coll-hero .pf-crumb a:hover{color:var(--pf-yellow);}
.pf-coll-hero h1{font-family:var(--pf-font-d);font-weight:600;letter-spacing:-.015em;font-size:42px;margin:14px 0 6px;color:var(--pf-yellow);}
.pf-coll-hero p{color:rgba(247,240,225,.82);font-family:var(--pf-font-b);font-size:15px;max-width:54ch;margin:0;}
.pf-coll-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px;}
.pf-coll-chip{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;
  padding:9px 17px;font-family:var(--pf-font-d);font-size:13px;font-weight:500;text-decoration:none;transition:.15s;
}
.pf-coll-chip:hover{border-color:var(--pf-yellow);color:var(--pf-yellow);}
.pf-coll-chip.is-on{background:var(--pf-yellow);border-color:var(--pf-yellow);color:var(--pf-ink);}

/* ---------- PDP ---------- */
.pf-crumb{display:none;}
.pf-pdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
/* GALERIA = carrossel swipeable */
.pf-pdp-carousel{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-radius);overflow:hidden;box-shadow:var(--pf-shadow);touch-action:pan-y;cursor:grab;user-select:none;}
.pf-pdp-carousel:active{cursor:grabbing;}
.pf-pdp-track{display:flex;height:100%;will-change:transform;}
.pf-pdp-slide{flex:0 0 100%;width:100%;height:100%;}
.pf-pdp-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;}
.pf-pdp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.9);box-shadow:0 2px 10px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pf-ink);transition:.14s;z-index:2;}
.pf-pdp-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06);}
.pf-pdp-arrow svg{width:18px;height:18px;}
.pf-pdp-prev{left:12px;}.pf-pdp-prev svg{transform:rotate(90deg);}
.pf-pdp-next{right:12px;}.pf-pdp-next svg{transform:rotate(-90deg);}
.pf-pdp-dots{display:flex;gap:8px;justify-content:center;margin-top:14px;}
.pf-pdp-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--pf-line);padding:0;cursor:pointer;transition:.16s;}
.pf-pdp-dot.is-on{background:var(--pf-green);width:22px;border-radius:999px;}
.pf-pdp-phnote{margin-top:14px;display:flex;gap:8px;align-items:center;background:var(--pf-bone-2);border:1px dashed var(--pf-green);border-radius:12px;padding:11px 14px;font-size:12.5px;color:var(--pf-ink-2);}
.pf-pdp-phnote svg{color:var(--pf-green-dd);flex:none;}
.pf-pdp-info{padding-top:4px;}
.pf-pdp-cat{display:inline-block;background:var(--pf-bone-2);color:var(--pf-sun);font-family:var(--pf-font-d);font-size:12px;font-weight:600;border-radius:999px;padding:6px 14px;border:1px solid var(--pf-line);}
.pf-pdp-info h1{font-family:var(--pf-font-d);font-weight:600;letter-spacing:-.015em;font-size:38px;color:var(--pf-ink);margin:12px 0 8px;line-height:1.04;}
.pf-pdp-rating{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--pf-ink-2);margin-bottom:18px;}
.pf-pdp-rating b{color:var(--pf-ink);font-weight:800;}
.pf-pdp-rating.pf-pc-new{color:var(--pf-green-dd);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:12px;}
.pf-pdp-price{background:var(--pf-bone-2);border:1px solid var(--pf-line);border-radius:14px;padding:18px 20px;margin-bottom:18px;}
.pf-pdp-de{display:flex;align-items:center;gap:8px;font-family:var(--pf-font-b);font-size:14px;font-weight:600;color:var(--pf-ink-2);text-decoration:line-through;margin-bottom:2px;}
.pf-pdp-off{font-style:normal;text-decoration:none;background:var(--pf-terra,#d6502b);color:#fff;font-family:var(--pf-font-d);font-weight:800;font-size:12px;padding:2px 8px;border-radius:999px;}
.pf-pdp-now{font-family:var(--pf-font-d);font-weight:600;font-size:38px;color:var(--pf-ink);display:block;line-height:1;}
.pf-pdp-now small{font-size:15px;font-weight:600;color:var(--pf-ink-2);vertical-align:middle;}
.pf-pdp-pix{display:flex;align-items:center;gap:6px;color:var(--pf-green-d);font-weight:700;font-size:14px;margin-top:9px;}
.pf-pdp-pix svg{color:var(--pf-sun);}
.pf-pdp-pix b{font-weight:900;}
.pf-pdp-inst{display:block;color:var(--pf-ink-2);font-size:13px;margin-top:4px;}
.pf-pdp-inst b{color:var(--pf-ink);}
.pf-pdp-inst i{font-style:normal;font-size:11.5px;opacity:.8;}
.pf-pdp-desc{font-size:15px;line-height:1.65;color:var(--pf-ink-2);margin:0 0 16px;}
.pf-pdp-feats{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px;}
.pf-pdp-feats li{position:relative;padding-left:26px;font-size:14px;color:var(--pf-ink);line-height:1.4;}
.pf-pdp-feats li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;background:var(--pf-green);}
.pf-pdp-feats li::after{content:"✓";position:absolute;left:4px;top:1px;color:#fff;font-size:11px;font-weight:900;}
/* PDP variants (cores/modelos reais) */
.pf-pdp-variants{margin:0 0 18px;}
.pf-pdp-varlabel{display:block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--pf-ink-2,#666);margin-bottom:8px;}
.pf-pdp-varrow{display:flex;flex-wrap:wrap;gap:8px;}
.pf-pdp-var{padding:9px 14px;border:1.5px solid var(--pf-line);border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--pf-ink);cursor:pointer;transition:.12s;}
.pf-pdp-var:hover{border-color:var(--pf-sun);}
.pf-pdp-var.is-on{border-color:var(--pf-green-d);background:var(--pf-green);color:#fff;box-shadow:0 0 0 1px var(--pf-green-d) inset;}
.pf-rv-date{font-size:11px;color:var(--pf-ink-2,#999);}
.pf-pdp-form{margin-bottom:18px;}
.pf-pdp-add{width:100%;font-size:16px;padding:17px;}
.pf-pdp .pf-pdp-trust{margin-top:0;}

/* PDP reviews */
.pf-pdp-reviews{margin-top:54px;border-top:1px solid var(--pf-line);padding-top:40px;}
.pf-rv-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;}
.pf-pdp-reviews h2{font-family:var(--pf-font-d);font-weight:600;letter-spacing:-.015em;font-size:28px;color:var(--pf-ink);margin:0;}
.pf-rv-summary{display:flex;align-items:center;gap:10px;background:var(--pf-card);border:1px solid var(--pf-line);border-radius:999px;padding:9px 18px;box-shadow:var(--pf-shadow);}
.pf-rv-summary b{font-family:var(--pf-font-d);font-weight:600;font-size:25px;color:var(--pf-sun);}
.pf-rv-summary span:last-child{font-size:12.5px;color:var(--pf-ink-2);font-weight:600;}
.pf-rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pf-rv-card{background:#fff;border:1px solid var(--pf-line);border-radius:var(--pf-radius);padding:20px;box-shadow:var(--pf-shadow);}
.pf-rv-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.pf-rv-flag{background:var(--pf-bone-2);border:1px solid var(--pf-line);border-radius:6px;font-size:10.5px;font-weight:800;padding:2px 7px;color:var(--pf-ink-2);}
.pf-rv-name{font-weight:700;font-size:13px;color:var(--pf-ink);}
.pf-rv-verif{margin-left:auto;font-size:11px;font-weight:700;color:var(--pf-green-dd);}
.pf-rv-text{font-size:14px;line-height:1.6;color:var(--pf-ink-2);margin:0;}
.pf-rv-trans{color:#8a988a;font-size:11.5px;font-style:italic;}
.pf-rv-photo{margin-top:12px;width:100%;max-height:200px;object-fit:cover;border-radius:10px;border:1px solid var(--pf-line);}
.pf-rv-card.pf-rv-hidden{display:none;}
.pf-rv-more-wrap{display:flex;justify-content:center;margin-top:22px;}
.pf-rv-more{
  font-family:var(--pf-font-d);font-weight:700;font-size:14.5px;color:var(--pf-green-dd);
  background:var(--pf-bone-2);border:1px solid var(--pf-line);border-radius:999px;
  padding:12px 26px;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;gap:6px;
}
.pf-rv-more:hover{background:var(--pf-green);color:#fff;border-color:transparent;transform:translateY(-1px);}
.pf-rv-more i{font-style:normal;opacity:.7;font-weight:600;}
.pf-rv-foot{font-size:12px;color:#8a988a;margin-top:18px;}
.pf-rv-empty{background:var(--pf-bone-2);border:1px dashed var(--pf-line);border-radius:12px;padding:18px;color:var(--pf-ink-2);font-size:14px;}
.pf-rv-empty span{display:block;color:#8a988a;font-size:12.5px;margin-top:4px;}

/* ---------- RESUMO DE AVALIAÇÕES (home) ---------- */
.pf-rs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:8px;}
.pf-rs-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;}
.pf-rs-score b{font-family:var(--pf-font-d);font-weight:600;font-size:40px;color:var(--pf-sun);line-height:.9;}
.pf-rs-score .pf-pc-stars{font-size:16px;}
.pf-rs-score-sub{font-family:var(--pf-font-b);font-size:12px;color:var(--pf-ink-2);font-weight:500;}
.pf-rs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;}
.pf-rs-card{background:var(--pf-card);border:1px solid var(--pf-line);border-radius:var(--pf-radius);overflow:hidden;
  text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--pf-shadow);transition:transform .18s,box-shadow .18s;}
.pf-rs-card:hover{transform:translateY(-4px);box-shadow:var(--pf-shadow-h);}
.pf-rs-photo-wrap{position:relative;overflow:hidden;background:var(--pf-bone-2);}
.pf-rs-photo{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--pf-bone-2);transition:transform .4s ease;}
.pf-rs-card:hover .pf-rs-photo{transform:scale(1.05);}
.pf-rs-photo-tag{position:absolute;left:11px;bottom:11px;background:rgba(20,54,31,.86);color:var(--pf-bone);
  font-family:var(--pf-font-d);font-weight:600;font-size:11.5px;border-radius:999px;padding:5px 12px;backdrop-filter:blur(3px);
  max-width:calc(100% - 22px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pf-rs-body{padding:16px 18px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.pf-rs-top{display:flex;align-items:center;gap:8px;}
.pf-rs-flag{background:var(--pf-bone-2);border:1px solid var(--pf-line);border-radius:6px;font-size:10.5px;font-weight:700;padding:2px 7px;color:var(--pf-ink-2);}
.pf-rs-text{font-family:var(--pf-font-b);font-size:14px;line-height:1.55;color:var(--pf-ink);margin:0;flex:1;}
.pf-rs-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;border-top:1px dashed var(--pf-line);padding-top:11px;}
.pf-rs-name{font-family:var(--pf-font-b);font-size:12.5px;font-weight:600;color:var(--pf-ink-2);}
.pf-rs-prod{font-family:var(--pf-font-d);font-size:12.5px;font-weight:600;color:var(--pf-sun);white-space:nowrap;}

/* ---------- FAQ (home) ---------- */
.pf-faq-wrap{display:grid;grid-template-columns:.85fr 1.4fr;gap:46px;align-items:start;}
.pf-faq-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(58,167,96,.12);color:var(--pf-green-dd);
  border:1px solid rgba(58,167,96,.3);border-radius:999px;padding:7px 15px;font-family:var(--pf-font-d);font-weight:500;font-size:12.5px;margin-bottom:14px;}
.pf-faq-intro{position:sticky;top:120px;}
.pf-faq-list{display:flex;flex-direction:column;}
.pf-faq-item{border-bottom:1px solid var(--pf-line);}
.pf-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 4px;font-family:var(--pf-font-d);font-weight:500;font-size:16.5px;color:var(--pf-ink);transition:color .15s;}
.pf-faq-item summary::-webkit-details-marker{display:none;}
.pf-faq-item summary:hover{color:var(--pf-sun);}
.pf-faq-ic{flex:none;width:30px;height:30px;border-radius:50%;background:var(--pf-bone-2);color:var(--pf-green-dd);
  display:inline-flex;align-items:center;justify-content:center;transition:.22s;}
.pf-faq-item[open] summary{color:var(--pf-green-dd);}
.pf-faq-item[open] .pf-faq-ic{background:var(--pf-green);color:#fff;transform:rotate(135deg);}
.pf-faq-a{font-family:var(--pf-font-b);font-size:14.5px;line-height:1.65;color:var(--pf-ink-2);padding:0 4px 22px;max-width:60ch;}
.pf-faq-a b{color:var(--pf-ink);font-weight:700;}
.pf-faq-a a{color:var(--pf-sun);font-weight:600;text-decoration:none;}
.pf-faq-a a:hover{text-decoration:underline;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .pf-rs-grid{grid-template-columns:1fr 1fr;}
  .pf-faq-wrap{grid-template-columns:1fr;gap:24px;}
  .pf-faq-intro{position:static;}
  .pf-header{--pf-hd-h:98px;}
  .pf-header-bar{height:62px;grid-template-columns:1fr auto 1fr;}
  .pf-header-actions{margin-left:0;}
  .pf-catgrid{grid-template-columns:1fr 1fr;}
  /* tablet: 3 por linha (transição suave entre 4 desktop e 2 mobile) */
  .pf-grid{grid-template-columns:repeat(3,1fr);}
  .pf-pdp-grid{grid-template-columns:1fr;gap:24px;}
  .pf-rv-grid{grid-template-columns:1fr 1fr;}
}
/* small tablet / phablet: 2 por linha já a partir de 760px */
@media (max-width:760px){
  .pf-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .pf-hero{min-height:420px;background-position:center 32%;}
  .pf-hero--photo{min-height:0;}
  .pf-hero--photo .pf-hero-photo{max-height:none;}
  .pf-pdp-arrow{display:none;}
  .pf-hero-inner{padding:44px 20px;}
  .pf-section{padding:40px 0;}
  .pf-sec-title{font-size:24px;}
  .pf-catgrid{grid-template-columns:1fr;}
  .pf-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .pf-pc-body{padding:12px;}
  .pf-pc-body h3{font-size:14px;}
  .pf-pc-price{font-size:18px;}
  .pf-coll-hero h1{font-size:28px;}
  .pf-pdp-info h1{font-size:26px;}
  .pf-pdp-now{font-size:30px;}
  .pf-rv-grid{grid-template-columns:1fr;}
  .pf-rs-grid{grid-template-columns:1fr;}
  .pf-rs-head{align-items:flex-start;}
  .pf-rs-score{align-items:flex-start;text-align:left;}
  .pf-faq-item summary{font-size:15px;padding:17px 2px;}
  .pf-header-bar{gap:8px;padding:0 14px;}
  .pf-logo{font-size:24px;}
}

/* PUFFFIRE: oculto até ter link — estado de produto antigo sem fornecedor ativo */
.pf-unavailable{text-align:center;padding:40px 0;}
.pf-unavailable h1{font-family:var(--pf-font-d);font-weight:900;font-size:30px;color:var(--pf-ink);margin:0 0 10px;}
.pf-unavailable p{color:var(--pf-ink-2);font-size:15px;margin:0 0 22px;}