/** Shopify CDN: Minification failed

Line 472:24 Unexpected "{"
Line 472:33 Expected ":"
Line 477:24 Unexpected "{"
Line 477:33 Expected ":"
Line 489:24 Unexpected "{"
Line 489:33 Expected ":"
Line 495:24 Unexpected "{"
Line 495:33 Expected ":"
Line 499:24 Unexpected "{"
Line 499:33 Expected ":"
... and 17 more hidden warnings

**/
/* ==========================================================================
   1. CONFIGURAÇÕES GERAIS E VARIÁVEIS
   ========================================================================== */
:root {
  /* --- Paleta de Cores --- */
  --color-gray-950: #191919;
  --color-gray-900: #3D3D3D;
  --color-gray-600: #5D5D5D;
  --color-primary-950: #1C274F;
  --color-secondary: #ECE6D9;
  --color-border: #E2D8C6;
  
  /* Estados (Disabled/Hover) */
  --color-disabled-bg: #BDBDBD;
  --color-disabled-text: #F5F5F5;
  --color-scrollbar: #a8a8a8;
  --color-scrollbar-hover: #555;

  /* --- Tipografia --- */
  --font-primary: "Slimtwo", sans-serif;
  --font-secondary: "Dm Sans", serif;

  /* --- Espaçamento e Layout --- */
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-17: 17px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-44: 44px;

  --border-width: 1px;
  --border-radius-full: 50%;
  --border-radius-scrollbar: 10px;
  --transition-standard: 0.3s ease;
}

/* ==========================================================================
   2. TIPOGRAFIA E TEXTOS GERAIS
   ========================================================================== */

/* Títulos de Produto e Accordions */
.product__title h1,
.accordion__title {
  color: var(--color-gray-950) !important;
  font-family: var(--font-secondary) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
}

/* Textos de Corpo e Descrições */
.product__text {
  color: var(--color-gray-600) !important;
  font-family: var(--font-secondary) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
}

.form__label,
.accordion__content, 
#formKokfyShipping span {
  color: var(--color-gray-950) !important;
  font-family: var(--font-primary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  text-transform: uppercase !important;
}

.accordion__content {
  color: var(--color-gray-900) !important;
}

.card__leather-info {
  font-family: var(--font-secondary);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--color-gray-950);
  margin: 4px 0 0 0;
  display: block;
}

.price-item {
  color: var(--color-gray-950) !important;
  font-family: var(--font-primary) !important;
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 23px !important;
  text-transform: uppercase !important;
}

/* ==========================================================================
   3. COMPONENTES DO FORMULÁRIO DE PRODUTO
   ========================================================================== */

.product__tax.caption.rte {
  display: none;
}

/* Container Geral dos Inputs */
.product__info-container .product-form,
.product-form__input,
.product-form__quantity .form__label {
  margin: 0 !important;
}

fieldset.product-form__input {
  margin-top: var(--spacing-44) !important;
  /* padding-bottom: var(--spacing-24) !important; */
  max-width: none !important;
}

fieldset.product-form__input label {
  margin-bottom: var(--spacing-8) !important;
}

/* Estilos Específicos: Botões de Pílula (Size/Color) */
fieldset.product-form__input--pill {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.product-form__input--pill input[type=radio] + label {
  margin: 0 !important;
  text-transform: uppercase;
  line-height: 20px !important;
  margin-bottom: var(--spacing-8) !important;
}

/* Swatches (Quadrados de cor/textura) */
.swatch--square, .swatch {
  width: 70px !important;
}

.product-form__input--swatch .swatch-input__input + .swatch-input__label {
  margin: .7rem 15px 1.2rem 0 !important;
}

/* Seletor de Quantidade */
.product-form__quantity {
  display: flex;
  margin-top: var(--spacing-24) !important;
  padding-bottom: var(--spacing-24) !important;
  border-bottom: var(--border-width) solid var(--color-border) !important;
  flex-direction: column;
  gap: var(--spacing-24);
}

/* Botão Size Chart Inline */
#shopify-block-AK01pTlBJckdXbXVxV__size_chart_mp_inline_button_gwWNHF {
  margin-top: var(--spacing-24) !important;
  padding-bottom: var(--spacing-32) !important;
}

/* Espaçamento de Legendas (CORRIGIDO) */
.product-form__input--swatch .form__label {
  margin-bottom: var(--spacing-32) !important;
}

.product-form__input--pill .form__label {
  margin-bottom: var(--spacing-12) !important;
}

legend .form__label {
  margin-bottom: var(--spacing-12) !important;
}

/* ==========================================================================
   4. PAINEL DE CONTROLE DE ESPAÇAMENTOS (NOVO)
   ========================================================================== */

.product__info-container {
  display: flex;
  flex-direction: column;

  /* ⚙️ VARIÁVEIS DE ESPAÇAMENTO PARA DESKTOP */
  --espaco-padrao: 24px;         
  --espaco-titulo: 8px;          
  --espaco-preco: 32px;          
  --espaco-taxa: 12px;           
  --espaco-variantes: 32px;      
  --espaco-tabela-medidas: 8px;  
  --espaco-descricao: 24px;      
  --espaco-botoes-compra: 32px;  
  --espaco-alerta-retirada: 16px;
  --espaco-calculo-frete: 24px;  
  --espaco-botao-consultor: 32px;
  --espaco-diferenciais: 24px;   
  --espaco-ver-mais: 16px;       
}

/* Mapeamento de aplicação das variáveis (Não alterar) */
.product__info-container > * {
  margin-top: var(--espaco-padrao) !important;
  margin-bottom: 0 !important;
}

.product__info-container > *:first-child { margin-top: 0 !important; } 
.product__info-container > .product__title { margin-top: var(--espaco-titulo) !important; }
.product__info-container > [id^="price-template"] { margin-top: var(--espaco-preco) !important; }
.product__info-container > .product__tax { margin-top: var(--espaco-taxa) !important; }
.product__info-container > variant-selects { margin-top: var(--espaco-variantes) !important; }
.product__info-container > .mp-inline-button, 
.product__info-container > [id*="size_chart"] { margin-top: var(--espaco-tabela-medidas) !important; }
.product__info-container > .product__description { margin-top: var(--espaco-descricao) !important; }
.product__info-container > div:has(product-form) { margin-top: var(--espaco-botoes-compra) !important; }
.product__info-container > pickup-availability { margin-top: var(--espaco-alerta-retirada) !important; }
.product__info-container > [id*="shipping_calc"] { margin-top: var(--espaco-calculo-frete) !important; }
.product__info-container > .modal-button-container { margin-top: var(--espaco-botao-consultor) !important; }
.product__info-container > .differentials-container { margin-top: var(--espaco-diferenciais) !important; }
.product__info-container > .product__view-details { margin-top: var(--espaco-ver-mais) !important; }


/* ==========================================================================
   5. LAYOUT E ESTRUTURA DA PÁGINA
   ========================================================================== */

.page-padding {
  padding: 0 var(--spacing-24);
  margin: 44px 0 0 0;
}

.product__info-container > variant-selects {
  margin-bottom: 0 !important;
}

.product__info-container > .product__description {
  /* padding-bottom: var(--spacing-24) !important; */
  margin: 0 !important;
}

.product__info-container .icon-with-text {
  margin: 0 !important;
}

.price {
  margin-top: var(--spacing-24) !important;
}

/* Wrapper Geral das Seções Personalizadas */
#custom-page-margin, .product-page-aditional-details {
  width: 100%;
  max-width: 2560px; /* Limite máximo absoluto de tela */
  
  margin: 0 auto 0 auto;
  display: flex;
  flex-direction: column;
  gap: 97px;
  box-sizing: border-box; /* Essencial para o padding espremer o conteúdo */
}

#custom-page-margin {
  padding-left: 190px; /* A matemática resolve os tamanhos: 1540, 1300, 1060... */
  padding-right: 190px;
}

/* --- RESPONSIVIDADE: LAPTOP E TABLET (Até 1024px) --- */
@media (max-width: 1024px) {
  #custom-page-margin {
    padding-left: 49px; /* Cria o espaço exato de 926px de conteúdo interno */
    padding-right: 49px;
  }
}

/* --- RESPONSIVIDADE: MOBILE (Até 768px) --- */
@media (max-width: 768px) {
  #custom-page-margin {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* ==========================================================================
   6. FUNCIONALIDADES ESPECÍFICAS (Accordions, Read More)
   ========================================================================== */

/* Accordions Customizados */
.accordion summary {
  padding: var(--spacing-24) 0 !important;
}

.product__accordion .accordion__content,
.accordion__content {
  padding: 0 !important;
  margin-bottom: var(--spacing-24) !important;
  scrollbar-width: thin;
  scrollbar-color: var(--color-scrollbar) transparent;
}

/* Scrollbar Fina para Accordions */
.accordion__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.accordion__content::-webkit-scrollbar-track {
  background: transparent;
}

.accordion__content::-webkit-scrollbar-thumb {
  background-color: var(--color-scrollbar);
  border-radius: var(--border-radius-scrollbar);
  border: 2px solid transparent;
  background-clip: content-box;
}

.accordion__content::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-scrollbar-hover);
}

/* Funcionalidade "Ler Mais" */
product-description-read-more {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-17);
  position: relative;
}

.product__description[data-read-more-content] {
  max-height: var(--read-more-collapsed-height, 150px);
  overflow: hidden;
  color: var(--color-gray-900);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  transition: max-height var(--transition-standard) ease-out;
}

product-description-read-more.expanded .product__description[data-read-more-content] {
  max-height: 1000px;
}

product-description-read-more.collapsed::after {
  content: "";
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to top, white 0%, transparent 100%);
  pointer-events: none;
}

.product__description-read-more-toggle,
.share-button__button {
  display: block;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--color-primary-950);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  margin-left: auto;
}

.product__description-read-more-toggle .hidden { display: none; }

/* Diferenciais e Modais */
.modal-button-container {
  display: flex;
  justify-content: center;
  padding-bottom: var(--spacing-24);
  border-bottom: var(--border-width) solid var(--color-border);
}

.differentials-container {
  display: flex;
  justify-content: space-between;
}

.differential {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-gray-900);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
}

.div-color {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-color: var(--color-border);
  border-radius: var(--border-radius-full);
}

/* ==========================================================================
   7. INPUTS DE CEP (KOKFY SHIPPING)
   ========================================================================== */
#formKokfyShipping { gap: var(--spacing-12); }
#formKokfyShipping span { margin-bottom: 0 !important; }

#formKokfyShipping .container-btn {
  gap: 7px !important;
}

#formKokfyShipping .container-btn .input_cep {
  color: #757575;
  border: 1px solid #888888;
  font-family: var(--font-secondary), sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 12px;
  height: 48px !important;
  text-transform: uppercase !important;
}

#formKokfyShipping .container-btn .search_zipcode {
  padding: 12px var(--spacing-24) !important;
  margin-bottom: 0 !important;
  border-color: #191919 !important;
  font-family: var(--font-secondary) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  text-transform: uppercase !important;
  height: 48px !important;
}

/* ==========================================================================
   8. MEDIA QUERIES (RESPONSIVIDADE)
   ========================================================================== */

/* --- DESKTOP (Min 990px) --- */
@media screen and (min-width: 990px) {
  .page-padding {
    padding: 0 var(--spacing-32);
    max-width: 1440px;
    margin: 167px auto 0 auto;
  }

  .pmslider-root.pmslider-root--ar-fit .pmslider-slide img { object-fit: fill !important; }
  .product__info-container { max-width: none; }

  product-info.section-{{ section.id }}-padding > .page-padding {
    max-width: none !important;
    padding: 0 !important;
  }

  product-info.section-{{ section.id }}-padding .product {
    display: flex !important;
    width: 1440px !important;
    align-items: flex-start !important;
    gap: var(--spacing-32) !important;
    margin: 167px auto 0 auto !important;
    grid-template-columns: none !important;
    grid-gap: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
  }

  product-info.section-{{ section.id }}-padding .product > .grid__item {
    width: auto !important;
    flex-basis: auto !important;
    max-width: none !important;
  }

  product-info.section-{{ section.id }}-padding .product > .product__media-wrapper {
    flex: 1 1 50% !important;
  }

  product-info.section-{{ section.id }}-padding .product > .product__info-wrapper {
    flex: 1 1 50% !important;
    max-width: 514px !important;
    padding: {{ section.settings.container_padding }}px !important;
    margin-left: var(--spacing-24) !important;
    background-color: {{ section.settings.container_background }};
  }

  /* Galeria de Mídia Desktop */
  .product__media-wrapper .product__media-thumbnails,
  .product__media-wrapper .slider-buttons,
  .product__media-wrapper .slider-counter { display: none !important; }

  .product__media-wrapper media-gallery {
    display: block !important;
    height: auto !important;
    gap: 0 !important;
  }

  .product__media-wrapper .slider-container,
  .product__media-wrapper .product__media-list {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Lógica 1 Imagem */
  .product__media-wrapper[data-image-count="1"] .product__media-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 640px !important;
  }

  .product__media-wrapper[data-image-count="1"] .product__media-list .product__media-item {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  /* Lógica Múltiplas Imagens (Grid) */
  .product__media-wrapper:not([data-image-count="1"]) .product__media-list {
    display: grid !important;
    gap: 0px !important;
    height: auto !important;
  }

  .product__media-wrapper:not([data-image-count="1"]) .product__media-list .product__media-item {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }

  .product__media-wrapper .product__media-list .product__media-item .product-media,
  .product__media-wrapper .product__media-list .product__media-item .product-media > * {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .product__media-wrapper .product__media-list .product__media-item[aria-hidden="true"],
  .product__media-wrapper .product__media-list .product__media-item[hidden] {
    display: none !important;
  }
}

/* --- MOBILE E TABLET (Max 768px) --- */
@media (max-width: 768px) {
  /* ⚙️ VARIÁVEIS DE ESPAÇAMENTO EXCLUSIVAS PARA MOBILE */
  .product__info-container {
    --espaco-padrao: 24px;         
  --espaco-titulo: 8px;          
  --espaco-preco: 32px;          
  --espaco-taxa: 12px;           
  --espaco-variantes: 32px;      
  --espaco-tabela-medidas: 8px;  
  --espaco-descricao: 24px;      
  --espaco-botoes-compra: 32px;  
  --espaco-alerta-retirada: 16px;
  --espaco-calculo-frete: 24px;  
  --espaco-botao-consultor: 32px;
  --espaco-diferenciais: 24px;   
  --espaco-ver-mais: 16px;          
  }

  /* Ajustes Gerais Mobile */
  .product__info-container {
    padding: {{ section.settings.container_padding_mobile }}px !important;
    background: {{ section.settings.container_background }} !important;
  }

  .price,
  fieldset.product-form__input,
  .product-form__quantity,
  .product-form__buttons,
  .accordion summary {
    margin-top: var(--spacing-16) !important;
  }

  .product__info-container > .product__description,
  .product-form__quantity,
  .product-form__buttons,
  fieldset.product-form__input {
    /* padding-bottom: var(--spacing-16) !important; */
  }

  #shopify-block-AK01pTlBJckdXbXVxV__size_chart_mp_inline_button_gwWNHF {
    padding-bottom: var(--spacing-8) !important;
  }

  .modal-button-container {
    padding-bottom: var(--spacing-16);
  }
}

/* Ajustes Telas Muito Pequenas */
@media screen and (max-width: 388px) {
  .swatch--square, .swatch { width: 53px !important; }
}

/* ==========================================================================
   9. APENAS MOBILE E TABLET: CORREÇÃO DE SCROLL LATERAL
   ========================================================================== */
@media screen and (max-width: 989px) {
  /* 1. Trava o viewport global no mobile */
  html, body {
    overflow-x: hidden !important;
    position: relative;
    width: 100%;
    /* Impede o "efeito elástico" lateral no iOS */
    touch-action: pan-y; 
  }

  /* 2. Garante que os containers principais não excedam a tela */
  product-info,
  .product,
  .product-page-aditional-details {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: visible !important;
    box-sizing: border-box !important;
  }

  /* 3. Reset de possíveis larguras fixas que vazam do Desktop */
  product-info.section-{{ section.id }}-padding .product {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important; /* Mantém o flex, mas o container segura o overflow */
    flex-direction: column !important;
  }
}