/* =============================
   🦊 FOX DESIGN - US Home Rows
   Design Moderno para Produtos
============================= */

/* =============================
   RESET CSS - Isolamento Total
============================= */
.fox-section {
  /* Reset básico para isolar a seção */
  display: block !important;
  position: relative;
}

.fox-section *,
.fox-section *:before,
.fox-section *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
}

/* Re-aplicar estilos de display necessários */
.fox-section div,
.fox-section article,
.fox-section a,
.fox-section button,
.fox-section h1, .fox-section h2, .fox-section h3,
.fox-section h4, .fox-section h5, .fox-section h6,
.fox-section p {
  display: block;
}

/* Reset específico para links e headings */
.fox-section a,
.fox-section h1, .fox-section h2, .fox-section h3,
.fox-section h4, .fox-section h5, .fox-section h6 {
  max-width: none !important;
  width: auto !important;
  white-space: normal !important;
  word-wrap: normal !important;
  overflow-wrap: normal !important;
  text-overflow: clip !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

.fox-section span,
.fox-section strong,
.fox-section small,
.fox-section b {
  display: inline;
}

.fox-section a {
  text-decoration: none;
  color: inherit;
}

.fox-section button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}

/* Swiper específico - IMPORTANTE para o grid funcionar */
.fox-section .fox-swiper {
  display: block !important;
  position: relative !important;
}

.fox-section .fox-swiper-wrapper {
  display: flex !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  transition-property: transform !important;
  box-sizing: content-box !important;
}

.fox-section .fox-swiper-slide {
  display: block !important;
  flex-shrink: 0 !important;
  height: 100% !important;
  position: relative !important;
  transition-property: transform !important;
}

/* =============================
   VARIÁVEIS CSS
============================= */
:root{
  /* === Parland — Cores da Marca === */
  --fox-primary:        #2ab343;    /* verde luz — COR PRINCIPAL (botões, destaques, CTAs) */
  --fox-primary-dark:   #229c38;    /* hover / pressed do primary */
  --fox-primary-rgb:    42, 179, 67;

  --fox-dark:           #16232b;    /* azul sombra — cor de apoio (headers, bordas, texto de ênfase) */
  --fox-dark-hover:     #0d1a20;    /* hover / pressed do dark */
  --fox-dark-rgb:       22, 35, 43;

  /* === Aliases legado (mantém compatibilidade com código existente) === */
  --fox-accent:         var(--fox-primary);  /* accent = primary = verde */
  --fox-accent-dark:    var(--fox-primary-dark);
  --fox-accent-rgb:     42, 179, 67;
  --fox-purple:         var(--fox-dark);     /* purple legado → azul sombra */
  --fox-purple-2:       var(--fox-dark);
  --fox-teal:           var(--fox-primary);  /* teal legado → verde luz */

  /* === Cores auxiliares === */
  --fox-green:          #1fb36a;
  --fox-orange:         #ff7a2a;
  --fox-wine:           #7a7a7a;

  /* === Tipografia e superfícies === */
  --fox-text:           #2a2a2a;
  --fox-muted:          #8c8c8c;
  --fox-border:         #e6e6e6;
  --fox-card:           #ffffff;
  --fox-bg:             #ffffff;

  --fox-radius:         10px;
}

.fox-section *, 
.fox-section *:before, 
.fox-section *:after{
  box-sizing:border-box;
}

.fox-section{
  font-family: 'Arimo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--fox-bg);
  color:var(--fox-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.fox-section svg {
  display: inline-block;
  vertical-align: middle;
}

/* Reset específico para elementos comuns */
.fox-section h1, .fox-section h2, .fox-section h3,
.fox-section h4, .fox-section h5, .fox-section h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  text-transform: none;
  letter-spacing: normal;
}

.fox-section p {
  margin: 0;
  padding: 0;
  line-height: inherit;
}

.fox-section a {
  color: inherit;
  text-decoration: none;
  background: none;
}

.fox-section a:hover,
.fox-section a:focus,
.fox-section a:active {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.fox-section button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
}

.fox-section ul, .fox-section ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fox-section li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fox-section strong, .fox-section b {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}

.fox-section small {
  font-size: inherit;
  color: inherit;
}

.fox-section span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
}

.fox-section img {
  border: none;
  outline: none;
  vertical-align: middle;
}

/* =============================
   CONTAINER
============================= */
.fox-section .container{
  max-width:1300px !important; 
  /* padding:10px 0 20px !important; */
  margin:0 auto !important;
  display:block !important;
}

/* =============================
   HEADER DO BLOCO
============================= */
.fox-section .block-head{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:6px 0 0px !important;
  padding:0 !important;
  min-height:44px !important;
  background:transparent !important;
  border-radius:0 !important;
}

.fox-section .block-title{
  display:block !important;
  padding:12px 10px 10px 10px !important;
  margin-top: 10px !important;
  background:rgba(42,179,67,0.12) !important;
  color:var(--fox-text) !important;
  font-weight:600 !important;
  letter-spacing:-0.5px !important;
  font-size:16px !important;
  line-height:1.35em !important;
  font-family: 'Inter', 'Noto Sans', sans-serif, Arial !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
  margin:0 !important;
  border:none !important;
  border-left:4px solid var(--fox-primary) !important;
  border-bottom:2px solid var(--fox-primary) !important;
  border-radius:10px !important;
  flex:1 !important;
}

.fox-section.has-nav .block-title{
  padding-right:120px !important;
}

.fox-section .block-link{
  position:absolute !important;
  right:15px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  text-decoration:none !important;
  color:var(--fox-teal) !important;
  font-weight:700 !important;
  font-size:14px !important;
  letter-spacing: -0.5px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
}

.fox-section .block-link:hover{
  text-decoration:underline;
}

/* =============================
   GRID / SWIPER
============================= */
.fox-section .grid{
  display:grid !important;
  grid-template-columns:repeat(3, 1fr) !important;
  gap:0px !important;
}

/* Swiper overrides */
.fox-section .fox-swiper{
  width:100% !important;
  padding:10px 0 20px !important;
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
}

.fox-section .fox-swiper-wrapper{
  display:flex !important;
  position:relative !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
  transition-property:transform !important;
  box-sizing:content-box !important;
  align-items:stretch !important;
}

.fox-section .fox-swiper-slide{
  height:auto !important;
  display:block !important;
  flex-shrink:0 !important;
  max-width:100% !important;
  position:relative !important;
  transition-property:transform !important;
  box-sizing:border-box !important;
}

.fox-section .fox-swiper-button-next,
.fox-section .fox-swiper-button-prev{
  color:#fff !important;
  width:20px !important;
  height:70px !important;
  opacity:0.6 !important;
  background:var(--fox-purple) !important;
  border-radius:3px !important;
  box-shadow:0 3px 10px rgba(22,35,43,.4) !important;
  top:25% !important;
  transition:all 0.3s ease !important;
  position:absolute !important;
  z-index:10 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.fox-section .fox-swiper-button-prev{
  left:10px !important;
}

.fox-section .fox-swiper-button-next{
  right:10px !important;
}

.fox-section .fox-swiper-button-next:hover,
.fox-section .fox-swiper-button-prev:hover{
  background:#16232b !important;
  opacity:1 !important;
  transform:scale(1.05) !important;
  box-shadow:0 4px 12px rgba(22,35,43,.5) !important;
}

.fox-section .fox-swiper-button-next:after,
.fox-section .fox-swiper-button-prev:after{
  content: '' !important;
  width: 10px !important;
  height: 10px !important;
  border-top: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  display: inline-block !important;
}

.fox-section .fox-swiper-button-prev:after{
  transform: rotate(-135deg) !important;
  margin-left: 3px !important;
}

.fox-section .fox-swiper-button-next:after{
  transform: rotate(45deg) !important;
  margin-right: 3px !important;
}

.fox-section .fox-swiper-pagination{
  display:none !important;
}

.fox-section .fox-swiper-pagination-bullet{
  background:var(--fox-purple) !important;
  opacity:0.3 !important;
  width:8px !important;
  height:8px !important;
  display:inline-block !important;
  border-radius:50% !important;
  margin:0 4px !important;
  cursor:pointer !important;
}

.fox-section .fox-swiper-pagination-bullet-active{
  opacity:1 !important;
}

@media (max-width:980px){
  .fox-section .grid{ grid-template-columns:repeat(2, 1fr); }
  .fox-section .block-link{ position:absolute; right:0; }
  .fox-section .block-head{ justify-content:flex-start; gap:12px; }
}

@media (max-width:640px){
  .fox-section .grid{ grid-template-columns:1fr; }
  .fox-section.has-nav .block-title{ font-size:15px; padding:6px 10px; padding-right:80px; }
  .fox-section .block-head{ margin:6px 0 0px !important; padding:0 !important; }
  .fox-section .container{ padding:10px 0px 20px !important; }
  .fox-section .block-link{ font-size:13px; }
  
  .fox-section .swiper-button-next,
  .fox-section .swiper-button-prev{
    width:20px;
    height:40px;
  }
  
  .fox-section .swiper-button-next:after,
  .fox-section .swiper-button-prev:after{
    font-size:18px;
  }
}

/* =============================
   CARD PRODUTO
============================= */
.fox-section .p-card{
  background:var(--fox-card) !important;
  /* border:1px solid var(--fox-border) !important; */
  border-radius:var(--fox-radius) !important;
  overflow:hidden !important;
  /* box-shadow:0 1px 0 rgba(0,0,0,.03) !important; */
  display:block !important;
  position:relative !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.fox-section .p-media{
  position:relative !important;
  min-height:260px !important;
  padding-top: 30px !important;
  /* background:#fafafa;
  border-bottom:1px solid var(--fox-border); */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.fox-section--category .p-media{
  min-height:300px !important;
  padding-top: 35px !important;
}

hr.fox-card-sep{
  border:none;
  border-top:1px solid #e5e7eb;
  margin:0;
  padding-bottom: 15px;
}

.fox-section .p-media a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
}

.fox-section .p-media img{
  max-width:90% !important;
  max-height:90% !important;
  object-fit:contain !important;
  transform:rotate(-1deg) !important;
  display:block !important;
}

@media (max-width:640px){
  .fox-section .p-media{ height:240px; }
  .fox-section .p-media img{ max-width:85%; max-height:85%; }
}

/* =============================
   BADGES
============================= */
.fox-section .badge{
  position:absolute !important;
  top:0px !important;
  padding:6px 12px !important;
  color:#fff !important;
  font-weight:600 !important;
  font-size:13px !important;
  line-height:1.3 !important;
  letter-spacing:0.1px !important;
  /* box-shadow:0 2px 4px rgba(0,0,0,.15); */
  white-space:nowrap !important;
  font-family: 'Arimo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  text-transform:none !important;
  display:inline-block !important;
  margin:0 !important;
}

.fox-section .badge.left{ left:0px !important; border-radius:6px 0px !important;}
.fox-section .badge.right{ right:0px !important; border-radius:0px 6px !important;}

.fox-section .badge.teal{ background:#2ab343 !important; }
.fox-section .badge.green{ background:#3d7a4e !important; }
.fox-section .badge.orange{ background:#ff7a2a !important; }
.fox-section .badge.purple{ background:#16232b !important; }
.fox-section .badge.black-friday{ background:#000000 !important; }

@media (max-width:640px){
  .fox-section .badge{ 
    padding:5px 10px; 
    font-size:12px; 
    top:0px;
  }
  .fox-section .badge.left{ left:0px; }
  .fox-section .badge.right{ right:0px; }
}

/* =============================
   CORPO CARD
============================= */
.fox-section .p-body{
  padding:8px 18px 14px !important;
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
}

.fox-section .p-title{
  border:2px solid red !important;
  font-size:14px !important;
  line-height:1.2 !important;
  margin:0 0 12px !important;
  /* font-weight:600 !important; */
  color:#0d0d0c !important;
  letter-spacing:-1.5px !important;
  text-transform:none !important;
  font-family: 'Arimo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  border:none !important;
  padding:0 !important;
  background:none !important;
  display:block !important;
  max-width:100% !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:break-word !important;
  min-height: 60px !important;
  text-align:center !important;
}

.fox-section .p-title a{
  font-size:14px !important;
  line-height:1.2 !important;
  /* font-weight:600 !important; */
  color:#0d0d0c !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:-0.1px !important;
  display:inline-block !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  max-width:100% !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:break-word !important;
  text-align:center !important;
}

.fox-section .p-title a:hover{
  color:#16232b !important;
  text-decoration:none !important;
}

.fox-section .p-buyrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin-bottom:10px !important;
}

.fox-section .p-price{
  display:flex !important;
  flex-direction:column !important;
  min-width:100px !important;
}

.fox-section .p-price-old{
  color:#9a9a9a !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  text-decoration:line-through !important;
  font-family: 'Arimo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing:-1px !important;
  margin:0 !important;
}

.fox-section .p-price strong{
  color:var(--fox-purple) !important;
  font-size:22px !important;
  font-weight:800 !important;
  letter-spacing:-2px !important;
  line-height:1.2 !important;
  font-family: 'Arimo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  text-transform:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
}

.fox-section .p-price small{
  color:#b0b0b0 !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  font-family: 'Arimo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  text-transform:none !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  background:none !important;
}

@media (max-width:640px){
  .fox-section .p-body{ padding:14px 14px 12px; }
  .fox-section .p-title{ 
    font-size:18px; 
    min-height:48px;
    margin-bottom:10px;
  }
  .fox-section .p-buyrow{ 
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:6px !important;
  }
  .fox-section .p-price{ 
    min-width:0 !important;
    flex:1 1 0 !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:2px !important;
  }
  .fox-section .p-price-old{ margin:0 !important; }
}

/* =============================
   BOTÕES
============================= */
.fox-section .fox-btn{
  border:0 !important;
  border-radius:6px !important;
  padding:4px 10px !important;
  font-weight:700 !important;
  font-size:15px !important;
  color:#fff !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  box-shadow:0 1px 0 rgba(0,0,0,.06) !important;
  white-space:nowrap !important;
  letter-spacing:-0.5px !important;
  transition:all 0.3s ease !important;
  text-decoration:none !important;
  font-family: 'Arimo', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  text-transform:none !important;
  line-height:1.2 !important;
  margin:0 !important;
}

.fox-section .fox-btn.accent{ background:var(--fox-primary) !important; }  /* CTA — verde luz (Ver Produto, Comprar) */
.fox-section .fox-btn.primary{ background:var(--fox-primary) !important; } /* CTA principal — verde luz */
.fox-section .fox-btn.dark{ background:var(--fox-dark) !important; }       /* ação secundária — azul sombra */
.fox-section .fox-btn.wine{ background:var(--fox-wine) !important; }
.fox-section .fox-btn.purple{ background:var(--fox-primary) !important; }  /* alias legado → verde luz */

.fox-section .fox-btn.accent:hover,
.fox-section .fox-btn.purple:hover,
.fox-section a.fox-btn.ajax_add_to_cart_button:hover{
  background:var(--fox-accent-dark) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 4px 8px rgba(var(--fox-accent-rgb),.35) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.fox-section .fox-btn.primary:hover{
  background:var(--fox-primary-dark) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 4px 8px rgba(var(--fox-primary-rgb),.35) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.fox-section .fox-btn.dark:hover{
  background:var(--fox-dark-hover) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 4px 8px rgba(var(--fox-dark-rgb),.35) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.fox-section .fox-btn.wine:hover{ 
  background:#5e5e5e !important;
  transform:translateY(-2px) !important;
  box-shadow:0 4px 8px rgba(0,0,0,.2) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.fox-section .fox-btn:active{
  transform:translateY(0) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.15) !important;
}

.fox-section .fox-btn .fox-icon{
  width:24px !important;
  height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-left:1px solid rgba(255,255,255,.25) !important;
  padding-left:6px !important;
  margin-left:2px !important;
  font-size:16px !important;
  line-height:1 !important;
  pointer-events:none !important;
}

.fox-section .fox-btn .fox-icon *{
  pointer-events:none !important;
}

@media (max-width:640px){
  .fox-section .fox-btn{ 
    width:auto !important;
    flex-shrink:0 !important;
    padding:8px 10px !important;
    font-size:13px !important;
    gap:0 !important;
  }
}

/* =============================
   RODAPÉ CARD
============================= */
.fox-section .p-foot{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 18px 16px !important;
}

.fox-section .stock{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  flex:1 1 0 !important;
  min-width:0 !important;
}

.fox-section .stock .label{
  font-size:12px !important;
  color:var(--fox-muted) !important;
  font-weight:600 !important;
  display:block !important;
}

.fox-section .bar-line{
  width:100% !important;
  height:3px !important;
  background:#e5e5e5 !important;
  border-radius:99px !important;
  overflow:hidden !important;
}

.fox-section .bar-fill{
  height:100% !important;
  border-radius:99px !important;
  background:#d9d9d9 !important;
  transition:width 0.4s ease !important;
}

.fox-section .bar-fill.fill-green{ background:#21b56a !important; }
.fox-section .bar-fill.fill-red  { background:#d94b3b !important; }

.fox-section .stock .label.stock-ok  { color:#4b9b6b !important; }
.fox-section .stock .label.stock-low { color:#e87722 !important; }
.fox-section .stock .label.stock-out0 { color: var(--fox-muted) !important; }

.fox-section .rating{
  display:flex !important;
  align-items:center !important;
  gap:0px !important;
  color:#c9c9c9 !important;
  font-size:15px !important;
  user-select:none !important;
  white-space:nowrap !important;
}

.fox-section .fox-star{ 
  color:#c9c9c9 !important;
  -webkit-text-fill-color:#c9c9c9 !important;
  display:inline !important;
}

.fox-section .fox-star.on{ 
  color:#f3b318 !important;
  -webkit-text-fill-color:#f3b318 !important;
  display:inline !important;
}

.fox-section .rating small{
  color:#16232b !important;
  font-size:12px !important;
  font-weight:700 !important;
  margin-left:2px !important;
  display:inline !important;
}

@media (max-width:640px){
  .fox-section .p-foot{ 
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    padding:0 14px 14px !important;
  }
  .fox-section .stock{ 
    min-width:0 !important;
    flex:1 1 0 !important;
    gap:4px !important;
  }
  .fox-section .stock .label{ font-size:11px !important; }
  .fox-section .rating{ 
    font-size:16px !important;
    flex-shrink:0 !important;
    white-space:nowrap !important;
  }
}

/* =============================
   ESTADOS
============================= */
.fox-section .is-unavailable .p-price strong{ color:#7b7b7b; }
.fox-section .is-unavailable .stock .label{ color:#a55; }

/* =============================
   BARRA DE ORDENAÇÃO FOX
============================= */
/* botão texto fox (Ver mais / Ver menos) */
.fox-btn-text,
.cat_desc #lnk_more,
.cat_desc #lnk_less{
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  color:var(--fox-purple) !important;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  padding:4px 0;
  letter-spacing:.3px;
  text-decoration:none;
  transition:color .2s;
  box-shadow:none !important;
}
.fox-btn-text:hover,
.cat_desc #lnk_more:hover,
.cat_desc #lnk_less:hover{
  color:var(--fox-purple-2) !important;
  background:none !important;
  text-decoration:underline;
}

.fox-sort-bar{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:10px;
  margin:12px 0 8px;
  padding:8px 14px;
  background:rgba(22,35,43,.08);
  border-radius:8px;
  width:auto !important;
}
.fox-sort-label{
  font-size:12px;
  font-weight:600;
  color:var(--fox-muted);
  text-transform:uppercase;
  letter-spacing:.5px;
  white-space:nowrap;
  margin:0;
}
.fox-sort-select-wrap{
  position:relative;
}
.fox-sort-select-wrap::after{
  content:'▾';
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:var(--fox-purple);
  font-size:13px;
}
.fox-sort-select{
  appearance:none;
  -webkit-appearance:none;
  background:#fff;
  border:1px solid var(--fox-border);
  border-radius:6px;
  padding:6px 32px 6px 12px;
  font-size:13px;
  font-weight:500;
  color:var(--fox-text);
  cursor:pointer;
  outline:none;
  transition:border-color .2s;
}
.fox-sort-select:focus{
  border-color:var(--fox-purple);
  box-shadow:0 0 0 3px rgba(22,35,43,.15);
}

/* =============================
   PAGINAÇÃO FOX
============================= */
div.pagination{
  display:flex;
  justify-content:center;
  margin:28px 0 48px;
}
div.pagination:not(:has(> ul.pagination)){
  margin:0;
}
div.pagination ul.pagination{
  display:flex;
  align-items:center;
  background:transparent;
  border-radius:8px;
  padding:4px 6px;
  gap:4px;
  margin:0;
  list-style:none;
  box-shadow:none;
}
div.pagination ul.pagination li{ margin:0; }

div.pagination ul.pagination li a,
div.pagination ul.pagination li span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 12px;
  border-radius:6px;
  font-size:13px;
  font-weight:500;
  color:#555555;
  text-decoration:none !important;
  transition:background .2s, color .2s;
  border:none !important;
  background:transparent;
  box-shadow:none !important;
}
div.pagination ul.pagination li a:hover{
  background:var(--fox-purple) !important;
  color:#fff !important;
  box-shadow:0 3px 10px rgba(22,35,43,.25) !important;
}

/* página activa */
div.pagination ul.pagination li.current-page span{
  background:var(--fox-purple);
  color:#fff !important;
  box-shadow:0 2px 8px rgba(22,35,43,.5) !important;
  font-weight:700;
}

/* PREV / NEXT */
div.pagination ul.pagination li.pagination_previous a,
div.pagination ul.pagination li.pagination_next a{
  background:#ebebeb;
  color:#333 !important;
  font-weight:400;
  font-size:22px;
  line-height:1;
  padding:0 16px;
  border-radius:6px;
}
div.pagination ul.pagination li.pagination_previous a:hover,
div.pagination ul.pagination li.pagination_next a:hover{
  background:var(--fox-purple) !important;
  color:#fff !important;
  box-shadow:0 3px 10px rgba(22,35,43,.35) !important;
}

/* PREV / NEXT desabilitados */
div.pagination ul.pagination li.disabled.pagination_previous span,
div.pagination ul.pagination li.disabled.pagination_next span{
  background:#f5f5f5;
  color:#bbb !important;
  cursor:default;
  padding:0 20px;
  border-radius:6px;
}

/* truncate (...) */
div.pagination ul.pagination li.truncate{
  color:#666;
  min-width:24px;
  text-align:center;
  pointer-events:none;
}

@media (max-width:640px){
  div.pagination{
    justify-content:center;
    width:100%;
  }
  .fox-sort-bar{
    display:flex !important;
    width:100% !important;
    justify-content:center;
    box-sizing:border-box;
  }
}

/* Banner carousel - homepage */
#banner_carousel {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
#i_carousel999.swiper-wrapper {
  width: 100%;
}
#i_carousel999 .swiper-slide img {
  width: 100%;
  display: block;
  border-radius: 12px;
}

/* =============================
   MORE INFO BLOCK - h2 Padrão Fox
============================= */

/* Aplica o visual fox no div container — cobre toda a largura */
#more_info_tabs.title {
  background: rgba(var(--fox-primary-rgb),0.12) !important;
  border: none !important;
  border-left: 4px solid var(--fox-primary) !important;
  border-bottom: 2px solid var(--fox-primary) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  margin: 10px 0 0 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* Reset do h2 — sem fundo/borda próprios, herda o estilo do container */
#more_info_tabs h2 {
  display: inline !important;
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font: 600 16px/1 'Arimo', system-ui, Arial, sans-serif !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
  color: var(--fox-text) !important;
}

/* Link dentro do h2 */
#more_info_tabs h2 a,
#more_info_tabs .idTabs a,
#more_info_tabs .idTabs .selected a,
#more_info_tabs .idTabs li.selected a,
#more_info_tabs .idTabs a:hover,
#more_info_tabs .idTabs a.selected {
  color: var(--fox-text) !important;
  text-decoration: none !important;
  font: inherit !important;
  display: inline !important;
}

@media (max-width: 767px) {
  #more_info_tabs h2 a,
  #more_info_tabs .idTabs a,
  #more_info_tabs .idTabs .selected a,
  #more_info_tabs .idTabs li.selected a,
  #more_info_tabs .idTabs a:hover,
  #more_info_tabs .idTabs a.selected {
    font-size: 13px !important;
    padding-right: 8px !important;
  }
  .tab-label-hide-mobile { display: none !important; }
}

/* Oculta os títulos duplicados que o plugin idTabs exibe via JS — desktop */
#more_info_sheets .title_hide_show {
  display: none !important;
}

/* Título "Comentários" - padrão fox */
h3#idTab5a.boxus {
  display: block !important;
  width: 100% !important;
  padding: 12px 10px 10px 10px !important;
  margin: 10px 0 0 0 !important;
  background: rgba(22,35,43,0.2) !important;
  color: var(--fox-text) !important;
  font: 600 16px/1.35em 'Arimo', system-ui, Arial, sans-serif !important;
  letter-spacing: -0.5px !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  border: none !important;
  border-left: 4px solid var(--fox-purple) !important;
  border-bottom: 2px solid var(--fox-purple) !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* Botão / link de comentário - padrão fox */
#new_comment_tab_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  font: 700 14px/1.2 'Arimo', system-ui, Arial, sans-serif !important;
  letter-spacing: -0.3px !important;
  text-transform: none !important;
  color: #fff !important;
  background: var(--fox-purple) !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.06) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
}

#new_comment_tab_btn:hover {
  background: var(--fox-purple-2) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(22,35,43,.3) !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* =============================
   PRODUCT DESCRIPTION — headings do conteúdo Markdown
============================= */

/* h2 dentro do conteúdo da descrição do produto (vem do editor/Markdown) */
#idTab1 .description-box-mobile-size h2 {
  color: var(--fox-primary) !important;
  font-family: 'Inter', Arial, 'Roboto', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0.8em 0 0.2em !important;
  letter-spacing: -0.3px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

@media (max-width: 640px) {
  #idTab1 .description-box-mobile-size h2 {
    font-size: 1.05rem !important;
    margin: 0.8em 0 0.35em !important;
  }
}

/* =============================
   FOOTER
============================= */
.mode_footer {
  background-color: var(--fox-dark) !important;
  color: #ffffff !important;
}