/** Shopify CDN: Minification failed

Line 771:37 Expected ")" to go with "("

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:authority (INDEX:5) */
.authority-wrap{
  background: var(--auth-section-bg, #F5EFE8);
  padding: var(--auth-pad-top-m, 36px) 0 var(--auth-pad-bottom-m, 36px);
}
.authority-container{
  max-width: var(--auth-max-width, 1200px);
  margin: 0 auto;
  padding: 0 var(--auth-gutter, 24px);
}
.authority-card{
  position: relative;
  background: var(--auth-card-bg, #FAF9F7);
  border: 1px solid var(--auth-card-border, #EEE5D4);
  border-radius: var(--auth-card-radius, 8px);
  padding: var(--auth-card-pad-m, 28px);
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(107, 107, 107, 0.05);
}

/* head */
.authority__head{ display: flex; flex-direction: column; gap: 18px; }
.authority__head-text{ min-width: 0; }
.authority__eyebrow{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: var(--auth-eyebrow-size, 13px);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--auth-eyebrow-color, #6B6B6B);
  margin-bottom: 10px;
}
.authority__heading{
  font-family: 'Cinzel', Georgia, 'Times New Roman', serif;
  font-size: var(--auth-heading-size-m, 28px);
  font-weight: 600;
  line-height: 1.18;
  letter-spacing: 0;
  color: var(--auth-heading-color, #6B6B6B);
  margin: 0 0 14px;
  max-width: 28ch;
}
.authority__body{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: var(--auth-body-size, 15px);
  color: var(--auth-body-color, #8F8F8F);
  line-height: 1.7;
  max-width: 60ch;
}
.authority__body p{ margin: 0 0 10px; }
.authority__body p:last-child{ margin-bottom: 0; }
.authority__body strong{ color: var(--auth-heading-color, #6B6B6B); font-weight: 600; }
.authority__cities{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--auth-cities-color, #8F8F8F);
  letter-spacing: 0.02em;
  margin-top: 16px;
}

/* media (optional) */
.authority__media{ display: flex; align-items: center; justify-content: center; }
.authority__picture{ display: block; width: 100%; line-height: 0; text-align: center; }
.authority__img{
  display: block; width: auto; height: auto;
  max-width: 100%;
  max-height: var(--auth-max-h-m, 320px);
  margin: 0 auto;
  border-radius: 18px;
  background: var(--auth-img-bg, #F5EFE8);
}

/* ─────────────────────────────────────────────────────────────────
   STATS — grid estático, 4 selos fixos
   icon em cima · value no meio · label embaixo
   2 colunas no mobile, 4 no desktop — sem scroll, sem autoplay.
   ───────────────────────────────────────────────────────────────── */
.authority__stats-wrap{
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid var(--auth-card-border, #EEE5D4);
}
.authority__stats-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--auth-stat-gap, 32px);
}
.authority__stat{
  display: flex;
  flex-direction: column;           /* VERTICAL: icon em cima, conteúdo embaixo */
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  min-width: 0;
}
.authority__stat-icon{
  flex: 0 0 auto;
  width: var(--auth-icon-size, 44px);
  height: var(--auth-icon-size, 44px);
  color: var(--auth-icon-color, #C8A96A);
  display: flex; align-items: center; justify-content: center;
}
.authority__stat-icon svg{ width: 100%; height: 100%; display: block; }
.authority__stat-body{
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.authority__stat-value{
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-size: var(--auth-num-size-m, 30px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.01em;
  color: var(--auth-num-color, #6B6B6B);
}
.authority__stat-label{
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--auth-label-color, #8F8F8F);
}
.authority__stat-label strong{ color: var(--auth-label-strong, #6B6B6B); font-weight: 600; }

/* button (CTA em dourado escuro, texto Branco Pérola por contraste) */
.authority__btn{
  display: inline-block;
  margin-top: 32px;
  padding: 13px 30px;
  border-radius: 3px;
  background: var(--auth-btn-bg, #826E45);
  color: var(--auth-btn-color, #FAF9F7);
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 13px; font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(107, 107, 107, 0.10);
  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}
.authority__btn:hover{
  background: var(--auth-btn-bg-hover, #6B6B6B);
  transform: translateY(-2px);
  box-shadow: 0 5px 14px rgba(107, 107, 107, 0.16);
}

/* desktop */
@media (min-width: 750px){
  .authority__stat-value{ font-size: var(--auth-num-size-d, 40px); }
}
@media (min-width: 990px){
  .authority-wrap{ padding-top: var(--auth-pad-top-d, 64px); padding-bottom: var(--auth-pad-bottom-d, 64px); }
  .authority-card{ padding: var(--auth-card-pad-d, 48px); }
  .authority__heading{ font-size: var(--auth-heading-size-d, 38px); }
  .authority__stats-wrap{
    margin-top: 40px;
    padding-top: 40px;
  }
  .authority__stats-grid{
    grid-template-columns: repeat(4, 1fr);
  }
  .authority__head.has-image{ flex-direction: row; align-items: center; gap: 48px; }
  .authority__head.has-image.img-right{ flex-direction: row-reverse; }
  .authority__head.has-image .authority__head-text{ flex: 1 1 auto; }
  .authority__head.has-image .authority__media{ flex: 0 0 var(--auth-img-w, 42%); }
  .authority__img{ max-height: var(--auth-max-h-d, 460px); }
}

@media (prefers-reduced-motion: reduce){
  .authority__btn{ transition-duration: 0.01ms !important; }
}
/* END_SECTION:authority */

/* START_SECTION:carrossel-categorias-bancada-bela (INDEX:13) */
.cat-section{
  background: var(--cat-section-bg, #FAF9F7);
  padding: var(--cat-pad-top-m, 40px) 0 var(--cat-pad-bottom-m, 40px);
}
.cat-container{
  max-width: var(--cat-max-width, 1440px);
  margin: 0 auto;
  padding: 0 var(--cat-gutter, 20px);
}
.cat-inner{
  display: flex;
  flex-direction: column;
  gap: var(--cat-stack-gap, 24px);
}

/* ---- Intro ---- */
.cat-intro{ max-width: 560px; }
.cat-eyebrow{
  font-family: var(--cat-font-body, 'Montserrat', sans-serif);
  font-size: var(--cat-eyebrow-size, 13px);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--cat-eyebrow-color, #D88CA5);
  margin-bottom: 10px;
}
.cat-heading{
  font-family: var(--cat-font-heading, 'Cinzel', serif);
  font-size: var(--cat-heading-size-m, 30px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--cat-heading-color, #6B6B6B);
  margin-bottom: 12px;
}
.cat-subtitle{
  font-family: var(--cat-font-body, 'Montserrat', sans-serif);
  font-size: var(--cat-sub-size, 15px);
  color: var(--cat-sub-color, #A3A3A3);
  line-height: 1.6;
  margin-bottom: 18px;
}
.cat-intro__link{
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--cat-font-body, 'Montserrat', sans-serif);
  font-size: 13px; font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #C8A96A;
  text-decoration: none;
  transition: gap 0.3s cubic-bezier(0.4,0,0.2,1);
}
.cat-intro__link:hover{ gap: 10px; }
/* seta do link em Rosa (currentColor do svg) */
.cat-intro__link svg{ width: 16px; height: 16px; color: var(--cat-accent, #D88CA5); }

/* ---- Carousel ---- */
.cat-carousel{ position: relative; min-width: 0; }
.cat-track{
  display: flex;
  gap: var(--cat-gap, 16px);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 4px 4px 12px;
  margin: -4px -4px -12px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  outline: none;
}
.cat-track::-webkit-scrollbar{ display: none; }

/* Fixed HEIGHT; width follows the image's intrinsic aspect-ratio */
.cat-card{
  position: relative;
  flex: 0 0 auto;
  height: var(--cat-card-h-m, 280px);
  scroll-snap-align: start;
  border-radius: var(--cat-card-radius, 16px);
  overflow: hidden;
  border: var(--cat-card-border-width, 1px) solid var(--cat-card-border-color, #E6D9C3);
  background: #FAF9F7;
  box-shadow: var(--cat-shadow, none);
  text-decoration: none;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.3s cubic-bezier(0.4,0,0.2,1),
              border-color 0.3s cubic-bezier(0.4,0,0.2,1);
}
a.cat-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--cat-shadow-hover, none);
  border-color: var(--cat-card-border-hover, #C8A96A);
}
a.cat-card:focus-visible{ outline: 3px solid #D88CA5; outline-offset: 2px; }

.cat-card__img{ height: 100%; width: auto; display: block; }
.cat-card__placeholder{ background: #F5EFE8; opacity: 1; }
.cat-card__placeholder path,
.cat-card__placeholder rect,
.cat-card__placeholder circle{ fill: rgba(200, 169, 106, 0.18); }

/* ---- Arrows ---- */
.cat-arrow{
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  display: none; align-items: center; justify-content: center;
  width: var(--cat-arrow-size, 46px);
  height: var(--cat-arrow-size, 46px);
  border: none; border-radius: 50%;
  background: var(--cat-arrow-bg, #FAF9F7);
  color: var(--cat-arrow-color, #6B6B6B);
  box-shadow: 0 4px 18px rgba(107, 107, 107, 0.16);
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease, background 0.3s ease, color 0.3s ease;
}
/* hover: preenche Dourado, ícone branco */
.cat-arrow:hover{ background: var(--cat-arrow-bg-hover, #C8A96A); color: #FFFFFF; }
.cat-arrow:active{ transform: translateY(-50%) scale(0.93); }
.cat-arrow:focus-visible{ outline: 2px solid #D88CA5; outline-offset: 2px; }
.cat-arrow svg{ width: 48%; height: 48%; }
.cat-arrow--prev{ left: -10px; }
.cat-arrow--next{ right: -10px; }
.cat-arrow:disabled{ opacity: 0; pointer-events: none; }

/* ---- Responsive (mobile-first) ---- */
@media (min-width: 750px){
  .cat-section{ padding-top: var(--cat-pad-top-d, 56px); padding-bottom: var(--cat-pad-bottom-d, 56px); }
  .cat-card{ height: var(--cat-card-h-t, 340px); }
  .cat-arrow{ display: flex; }
}
@media (min-width: 990px){
  .cat-inner.has-intro{ flex-direction: row; align-items: center; gap: 48px; }
  .cat-inner.has-intro .cat-intro{ flex: 0 0 var(--cat-intro-width, 320px); max-width: var(--cat-intro-width, 320px); }
  .cat-inner.has-intro .cat-carousel{ flex: 1 1 auto; }
  .cat-heading{ font-size: var(--cat-heading-size-d, 40px); }
  .cat-card{ height: var(--cat-card-h-d, 380px); }
}

@media (prefers-reduced-motion: reduce){
  .cat-track{ scroll-behavior: auto; }
  .cat-card, .cat-arrow{ transition-duration: 0.01ms !important; }
}
/* END_SECTION:carrossel-categorias-bancada-bela */

/* START_SECTION:hero-slideshow (INDEX:55) */
.mf-hero-wrap{
  background: var(--mf-bg, transparent);
  padding: var(--mf-pad-top-m, 0) var(--mf-gutter, 0) var(--mf-pad-bottom-m, 0);
}
.mf-hero{
  position: relative;
  width: 100%;
  max-width: var(--mf-max-width, 100%);
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--mf-radius, 0);
  border: var(--mf-border-width, 0) solid var(--mf-border-color, transparent);
  background: var(--mf-fallback-bg, #0F1A12);
  aspect-ratio: var(--mf-ar-m, 1.778);
  outline: none;
  transition: aspect-ratio var(--mf-fade, 400ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.mf-hero:focus-visible{ box-shadow: 0 0 0 3px rgba(131,228,164,0.55); }

.mf-hero__slides{ position: absolute; inset: 0; }
.mf-hero__slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--mf-fade, 400ms) ease;
}
.mf-hero__slide.is-active{ opacity: 1; pointer-events: auto; }

.mf-hero__link{ display: block; width: 100%; height: 100%; }
.mf-hero__picture{ display: block; width: 100%; height: 100%; }
.mf-hero__img{
  width: 100%;
  height: 100%;
  object-fit: var(--mf-fit, cover);
  object-position: center;
  display: block;
}
.mf-hero__placeholder{ background: var(--mf-fallback-bg, #142017); opacity: 0.6; }
.mf-hero__placeholder path,
.mf-hero__placeholder rect,
.mf-hero__placeholder circle{ fill: rgba(255,255,255,0.16); }

/* ---- Arrows ---- */
.mf-hero__arrow{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--mf-arrow-size, 44px);
  height: var(--mf-arrow-size, 44px);
  padding: 0;
  border-radius: var(--mf-arrow-radius, 50px);
  background: var(--mf-arrow-bg, rgba(15,26,18,0.55));
  color: var(--mf-arrow-color, #ffffff);
  border: var(--mf-arrow-border-width, 0) solid var(--mf-arrow-border-color, transparent);
  cursor: pointer;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}
.mf-hero__arrow:hover{ background: var(--mf-arrow-bg-hover, rgba(27,122,74,0.85)); }
.mf-hero__arrow:active{ transform: translateY(-50%) scale(0.94); }
.mf-hero__arrow:focus-visible{ outline: 2px solid #83E4A4; outline-offset: 2px; }
.mf-hero__arrow--prev{ left: var(--mf-arrow-offset, 16px); }
.mf-hero__arrow--next{ right: var(--mf-arrow-offset, 16px); }
.mf-hero__arrow svg{ width: 46%; height: 46%; }

/* Arrows only on hover — mouse/trackpad devices only. Touch screens can't
   hover, so they keep the arrows visible (swipe still works either way,
   and "Hide arrows on mobile" above still applies if you want them gone
   entirely on small screens). */
@media (hover: hover) and (pointer: fine) {
  .mf-hero__arrow{
    opacity: 0;
    pointer-events: none;
  }
  .mf-hero:hover .mf-hero__arrow,
  .mf-hero:focus-visible .mf-hero__arrow,
  .mf-hero__arrow:focus-visible{
    opacity: 1;
    pointer-events: auto;
  }
}

/* ---- Dots ---- */
.mf-hero__dots{
  position: absolute;
  left: 0; right: 0; bottom: 40px;
  z-index: 3;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.mf-hero__dot{
  width: var(--mf-dot-size, 9px);
  height: var(--mf-dot-size, 9px);
  padding: 0;
  border: none;
  border-radius: 50px;
  background: var(--mf-dot-color, rgba(255,255,255,0.45));
  cursor: pointer;
  transition: width 0.3s ease, background 0.3s ease;
}
.mf-hero__dot.is-active{
  width: calc(var(--mf-dot-size, 9px) * 3.2);
  background: var(--mf-dot-active-color, #1B7A4A);
}
.mf-hero__dot:focus-visible{ outline: 2px solid #83E4A4; outline-offset: 2px; }

/* ---- Desktop ---- */
@media (min-width: 750px){
  .mf-hero-wrap{ padding: var(--mf-pad-top-d, 0) var(--mf-gutter, 0) var(--mf-pad-bottom-d, 0); }
  .mf-hero{ aspect-ratio: var(--mf-ar-d, 1.778); }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce){
  .mf-hero,
  .mf-hero__slide,
  .mf-hero__arrow,
  .mf-hero__dot{ transition-duration: 0.01ms !important; }
}
/* END_SECTION:hero-slideshow */

/* START_SECTION:image-comparison-slider (INDEX:57) */
.image-comparison {
  margin: 0 auto;
  padding: 4rem 0;
  background: #fff;
}
.image-comparison__heading {
  text-align: center;
  font-size: clamp(2rem, 5vw, 3rem);
  margin-bottom: 3rem;
  font-weight: 500;
  line-height: 1.2;
}
.image-comparison__heading .highlight {
  background: #c1ff72;
  padding: 0.2rem 0.5rem;
  border-radius: 2px;
  font-weight: 600;
}
.image-comparison__container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 2rem;
}

.image-comparison__wrapper {
  position: relative;
  overflow: hidden;
  user-select: none;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  background: #f5f5f5;
  cursor: col-resize;
}

.image-comparison__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  max-width: none;
}

.image-bottom {
  display: block;
  position: relative;
}

.image-comparison__clipped-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  z-index: 2;
}

.image-top {
  position: absolute;
  top: 0;
  left: 0;
}

.image-comparison__handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  transform: translateX(-50%);
  cursor: col-resize;
  z-index: 10;
  touch-action: none;
}

.image-comparison__handle-line {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: #fff;
  transform: translateX(-50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.image-comparison__handle-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  padding: 12px;
  border: none;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  cursor: grab;
  transition: transform 0.2s ease;
  z-index: 11;
  touch-action: none;
}

.image-comparison__handle-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.image-comparison__handle-button:active {
  cursor: grabbing;
  transform: translate(-50%, -50%) scale(0.95);
}

.image-comparison__handle-button svg {
  width: 100%;
  height: 100%;
  color: #000;
}

.image-comparison__wrapper.dragging,
.image-comparison__wrapper.dragging .image-comparison__handle-button {
  cursor: grabbing;
}

.image-comparison__wrapper.dragging .image-comparison__handle-button {
  transform: translate(-50%, -50%) scale(0.95);
}

@media screen and (max-width: 749px) {
  .image-comparison { padding: 2rem 0; }
  .image-comparison__container { padding: 0 1rem; }
  .image-comparison__heading { font-size: 1.8rem; margin-bottom: 2rem; }
  .image-comparison__handle-button { width: 40px; height: 40px; padding: 10px; }
}
/* END_SECTION:image-comparison-slider */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:card-product-custom (INDEX:103) */
.bbpc{
  display: flex;
  flex-direction: column;
  background: var(--pc-card-bg, #FAF9F7);
  border: var(--pc-card-border-width, 1px) solid var(--pc-card-border, #EEE5D4);
  border-radius: var(--pc-radius, 4px);
  overflow: hidden;
  box-shadow: var(--pc-shadow, 0 2px 12px rgba(107,107,107,0.06));
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.3s cubic-bezier(0.4,0,0.2,1),
              border-color 0.3s cubic-bezier(0.4,0,0.2,1);
}
.bbpc:hover{
  transform: translateY(-4px);
  border-color: var(--pc-card-border-hover, #C8A96A);
  box-shadow: var(--pc-shadow-hover, 0 8px 28px rgba(107,107,107,0.10));
}
.bbpc__link{ display: flex; flex-direction: column; flex: 1 1 auto; text-decoration: none; color: inherit; }
.bbpc:focus-within{ outline: 2px solid #C8A96A; outline-offset: 2px; }

/* media */
.bbpc__media{
  position: relative;
  aspect-ratio: var(--pc-img-ratio, 1 / 1);
  background: var(--pc-img-bg, #F5EFE8);
  overflow: hidden;
}
.bbpc__img{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  /* Respiro do packshot. Só tem efeito visível com object-fit: contain —
     com 'cover' a imagem preenche o box de qualquer forma. O border-box faz
     o padding comer para dentro em vez de estourar o box. */
  padding: var(--pc-img-pad, 0px);
  box-sizing: border-box;
  object-fit: var(--pc-img-fit, cover);
  display: block;
  transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.bbpc:hover .bbpc__img{ transform: scale(1.04); }
.bbpc__img--2{ opacity: 0; }
.bbpc:hover .bbpc__img--2{ opacity: 1; }
.bbpc__placeholder-svg{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; opacity: 0.18;
}

/* badges + tag — agrupados num overlay que se adapta ao espaço */
.bbpc__overlays{
  position: absolute; top: 10px; left: 10px; right: 10px; z-index: 2;
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 8px;
  pointer-events: none;
}
.bbpc__badges{
  display: flex; flex-direction: column; gap: 6px; align-items: flex-start;
}
.bbpc__badge{
  padding: 4px 12px; border-radius: 3px;
  font-size: 10.5px; font-weight: 700; color: #F5EFE8;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.bbpc__tag{
  flex: 0 1 auto; max-width: 60%;
  padding: 4px 10px; border-radius: 3px;
  font-size: 10px; font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--pc-tag-color, #6B6B6B);
  background: var(--pc-tag-bg, rgba(250,249,247,0.92));
  border: 1px solid var(--pc-tag-border, #EEE5D4);
  line-height: 1.2;
  text-align: center;
}

/* MOBILE: empilha badges e tag (sem sobreposição) */
@media (max-width: 749px){
  .bbpc__overlays{ flex-direction: column; align-items: flex-start; gap: 6px; }
  .bbpc__tag{ max-width: 100%; text-align: left; }
}

/* body */
.bbpc__body{ padding: 14px 16px; flex: 1 1 auto; }
.bbpc__title{
  font-size: var(--pc-name-size, 13px);
  font-weight: 600;
  color: var(--pc-name-color, #6B6B6B);
  line-height: 1.35;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Rating slot — sits between title and tagline/price. Populated by review
   apps either directly (if they honor the data-product-id attributes) or
   via the JS relocator below (which moves auto-injected widgets here from
   their default sibling-of-.bbpc__link position).
   :empty hides the slot when no widget has populated it (zero-review
   products with apps configured to not render anything). */
.bbpc__rating{
  margin: 2px 0 8px;
  line-height: 1.4;
  font-size: 11px;
  color: var(--pc-tagline-color, #8F8F8F);
  min-height: 16px;
}
.bbpc__rating:empty{ display: none; margin: 0; min-height: 0; }
.bbpc__rating > *{ vertical-align: middle; }

.bbpc__tagline{
  font-size: var(--pc-tagline-size, 11px);
  color: var(--pc-tagline-color, #8F8F8F);
  line-height: 1.4;
  margin-bottom: 8px;
}
.bbpc__price{
  font-size: var(--pc-price-size, 17px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2px;
}
.bbpc__price-was{
  font-size: 0.72em; font-weight: 500;
  color: var(--pc-tagline-color, #6B6B6B);
  text-decoration: line-through;
  margin-right: 6px;
}
.bbpc__price-from{ font-size: 0.7em; font-weight: 500; color: var(--pc-tagline-color, #6B6B6B); }
.bbpc__installment{
  font-size: var(--pc-installment-size, 11px);
  color: var(--pc-installment-color, #8F8F8F);
}

/* button */
.bbpc__form{ margin: 0; }
.bbpc__btn{
  display: block; width: calc(100% - 32px);
  margin: 0 16px 14px;
  padding: 10px;
  border: 1.5px solid var(--pc-btn-border, #EEE5D4);
  border-radius: var(--pc-btn-radius, 3px);
  background: var(--pc-btn-bg, #239867);
  color: var(--pc-btn-color, #fff);
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center; text-decoration: none;
  cursor: pointer;
  transition: border-color 0.3s ease, color 0.3s ease, background 0.3s ease;
}
.bbpc__btn:hover{
  border-color: var(--pc-btn-hover-border, #239867);
  color: var(--pc-btn-hover-color, #fff);
  background: var(--pc-btn-hover-bg, #239867;
}
.bbpc__btn--disabled{
  opacity: 0.5; cursor: not-allowed; pointer-events: none;
}

@media (prefers-reduced-motion: reduce){
  .bbpc, .bbpc__img, .bbpc__btn{ transition-duration: 0.01ms !important; }
  .bbpc:hover .bbpc__img{ transform: none; }
}
/* END_SNIPPET:card-product-custom */