.elementor-991 .elementor-element.elementor-element-fc7d72f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;--z-index:999;}.elementor-991 .elementor-element.elementor-element-fc7d72f:not(.elementor-motion-effects-element-type-background), .elementor-991 .elementor-element.elementor-element-fc7d72f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#241F21;}.elementor-991 .elementor-element.elementor-element-720358d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-991 .elementor-element.elementor-element-f21ff85{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF17;--border-color:#FFFFFF17;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-991 .elementor-element.elementor-element-f21ff85:not(.elementor-motion-effects-element-type-background), .elementor-991 .elementor-element.elementor-element-f21ff85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF2E 0%, #FFFFFF0D 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-991 .elementor-element.elementor-element-04d3d4b{text-align:start;}.elementor-991 .elementor-element.elementor-element-04d3d4b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:33px;font-weight:200;letter-spacing:1px;color:#FFFFFF;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-991 .elementor-element.elementor-element-d8d8e2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.woocommerce .elementor-991 .elementor-element.elementor-element-d8d8e2a .price{color:#FF7844;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;line-height:1em;}.woocommerce .elementor-991 .elementor-element.elementor-element-d8d8e2a .price ins{color:#F1B715;font-family:"Poppins", Sans-serif;font-size:30px;text-decoration:none;}.elementor-991 .elementor-element.elementor-element-6a4dfff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-991 .elementor-element.elementor-element-6a4dfff .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;letter-spacing:1px;color:#FFFFFF;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-991 .elementor-element.elementor-element-14c183c{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-991 .elementor-element.elementor-element-14c183c .cart button, .elementor-991 .elementor-element.elementor-element-14c183c .cart .button{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:300;border-radius:100px 100px 100px 100px;color:#FFFFFF;background-color:#FF7844;transition:all 0.2s;}.elementor-991 .elementor-element.elementor-element-14c183c .added_to_cart{color:#FFFFFF;}.woocommerce .elementor-991 .elementor-element.elementor-element-14c183c form.cart table.variations label{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.woocommerce .elementor-991 .elementor-element.elementor-element-14c183c form.cart table.variations td.value select{color:#FFFFFF;}.woocommerce .elementor-991 .elementor-element.elementor-element-14c183c form.cart table.variations td.value select, .woocommerce .elementor-991 .elementor-element.elementor-element-14c183c form.cart table.variations td.value:before{border:1px solid #02010100;border-radius:7px;}.woocommerce .elementor-991 .elementor-element.elementor-element-14c183c form.cart table.variations td.value select, .woocommerce div.product.elementor.elementor-991 .elementor-element.elementor-element-14c183c form.cart table.variations td.value:before{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-991 .elementor-element.elementor-element-3c45cd3{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-991 .elementor-element.elementor-element-3c45cd3:not(.elementor-motion-effects-element-type-background), .elementor-991 .elementor-element.elementor-element-3c45cd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#241F21;}.elementor-991 .elementor-element.elementor-element-f56ce84{text-align:start;}.elementor-991 .elementor-element.elementor-element-f56ce84 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:200;letter-spacing:1px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-991 .elementor-element.elementor-element-2313296{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-991 .elementor-element.elementor-element-57ab711{text-align:start;}.elementor-991 .elementor-element.elementor-element-57ab711 img{width:60%;}.elementor-991 .elementor-element.elementor-element-12812ec{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;}.elementor-991 .elementor-element.elementor-element-5a061c2{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-991 .elementor-element.elementor-element-5a061c2:not(.elementor-motion-effects-element-type-background), .elementor-991 .elementor-element.elementor-element-5a061c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#241F21;}.elementor-991 .elementor-element.elementor-element-2cfe462{text-align:start;}.elementor-991 .elementor-element.elementor-element-2cfe462 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:24px;font-weight:200;letter-spacing:1px;color:#FFFFFF;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-991 .elementor-element.elementor-element-de31115{--grid-columns:4;}@media(max-width:1024px){.elementor-991 .elementor-element.elementor-element-de31115{--grid-columns:2;}}@media(min-width:768px){.elementor-991 .elementor-element.elementor-element-720358d{--width:50%;}.elementor-991 .elementor-element.elementor-element-f21ff85{--width:50%;}}@media(max-width:767px){.elementor-991 .elementor-element.elementor-element-720358d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-991 .elementor-element.elementor-element-f21ff85{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-991 .elementor-element.elementor-element-04d3d4b{text-align:start;}.elementor-991 .elementor-element.elementor-element-04d3d4b .elementor-heading-title{font-size:22px;}.elementor-991 .elementor-element.elementor-element-6a4dfff .elementor-heading-title{font-size:16px;}.elementor-991 .elementor-element.elementor-element-14c183c{width:100%;max-width:100%;}.elementor-991 .elementor-element.elementor-element-14c183c.elementor-element{--align-self:flex-start;}.elementor-991 .elementor-element.elementor-element-14c183c .cart button, .elementor-991 .elementor-element.elementor-element-14c183c .cart .button{font-size:18px;}.woocommerce .elementor-991 .elementor-element.elementor-element-14c183c form.cart table.variations label{font-size:10px;}.elementor-991 .elementor-element.elementor-element-3c45cd3{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-991 .elementor-element.elementor-element-f56ce84 .elementor-heading-title{font-size:24px;}.elementor-991 .elementor-element.elementor-element-57ab711{text-align:start;}.elementor-991 .elementor-element.elementor-element-57ab711 img{width:70%;}.elementor-991 .elementor-element.elementor-element-5a061c2{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-991 .elementor-element.elementor-element-2cfe462 .elementor-heading-title{font-size:24px;}.elementor-991 .elementor-element.elementor-element-de31115{--grid-columns:2;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-14c183c *//* ===== Black Friday – Variações como cards (versão final) ===== */
:root{
  --bf-bg:#0a0a0a;
  --bf-card:#121212;
  --bf-accent:#ffd300;   /* amarelo BF */
  --bf-text:#ffffff;
  --bf-border:#343434;
}

/* 2) Some com o select visualmente (seguimos usando via JS) */
table.variations select#oferta-black{
  display: none !important;
}

/* 3) Grid coluna única */
.bf-attr-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
}

/* 4) Card estilo pílula */
.bf-attr-option{
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  background: linear-gradient(180deg, #171717, var(--bf-card));
  color: var(--bf-text) !important;
  border: 2px solid var(--bf-border);
  border-radius: 999px;
  padding: 16px 18px;
  cursor: pointer;
  outline: none;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
.bf-attr-option:hover{
  transform: translateY(-1px);
  border-color: #4b4b4b;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.bf-attr-option[aria-checked="true"]{
  border-color: var(--bf-accent);
  box-shadow: 0 0 0 3px rgba(255,211,0,.15), 0 10px 26px rgba(0,0,0,.45);
}

/* Título e subtítulo SEMPRE brancos */
.bf-attr-title,
.bf-attr-sub{ color: var(--bf-text) !important; }
.bf-attr-title{
  font-weight: 800;
  font-size: 15px;
  line-height: 1.2;
}
.bf-attr-sub{
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  opacity: 1;
}

/* “Não Aproveitar” sóbrio */
.bf-attr-option.is-muted{
  background: linear-gradient(180deg, #141414, #101010);
  border-style: dashed;
  border-color: #3a3a3a;
}

/* Layout do topo + badge */
.bf-attr-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* Badge Melhor Oferta */
.bf-badge{
  display: inline-block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  color: #111;
  background: linear-gradient(90deg, var(--bf-accent), #fff3a0);
  padding: 4px 8px;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.55);
  white-space: nowrap;
}

/* Acessibilidade: foco visível */
.bf-attr-option:focus-visible{
  box-shadow: 0 0 0 3px rgba(255,211,0,.25), 0 0 0 1.5px var(--bf-accent) inset;
}


/* ===== Preço da variação ===== */
.woocommerce-variation-price .price {
  display: flex;
  align-items: baseline;
  gap: 10px; /* espaço entre os preços */
  font-family: inherit;
}

/* Preço antigo (riscado) */
.woocommerce-variation-price del {
  text-decoration: none !important; /* remove o risco */
  font-size: 16px;                  /* menor */
  color: #000 !important;
  opacity: 0.6;                     /* leve transparência */
}

/* Preço promocional (novo) */
.woocommerce-variation-price ins {
  text-decoration: none !important; /* remove sublinhado */
  font-size: 26px;                  /* maior e em destaque */
  font-weight: 800;
  color: #000 !important;
}

/* Remove espaçamentos e sombras automáticas do Woo */
.woocommerce-variation-price del,
.woocommerce-variation-price ins {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elementor-991 .elementor-element.elementor-element-14c183c td{
    background-color: #FFFFFF00;
  
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-087f241 *//* =========================================
   CSS SELETOR DE CORES - OFF BLACK & LARANJA
   ========================================= */

/* 1. Container Principal */
ul.variable-items-wrapper.button-variable-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Espaço padrão para Desktop */
    padding: 5px 0;
    justify-content: flex-start;
}

/* 2. Estilo do Botão (Pílula) */
ul.variable-items-wrapper .variable-item.button-variable-item {
    background-color: #1e1e1e !important; /* Off-Black */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 99px !important;
    
    /* Centralização */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Tamanhos */
    min-height: 44px; /* Aumentei levemente para ficar melhor no dedo */
    height: auto !important;
    margin: 0 !important; /* Remove margens do tema para usar apenas o gap */
    max-width: 100%;
    
    transition: all 0.2s ease;
}

/* 3. Estilo do Texto */
ul.variable-items-wrapper .variable-item .variable-item-contents {
    padding: 8px 20px !important;
}

ul.variable-items-wrapper .variable-item .variable-item-span {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 1.3 !important;
    display: block;
    white-space: normal;
}

/* 4. Estado Hover (Desktop) */
@media (hover: hover) {
    ul.variable-items-wrapper .variable-item.button-variable-item:hover:not(.selected) {
        background-color: #333 !important;
        border-color: rgba(255,255,255,0.5) !important;
        transform: translateY(-2px);
    }
}

/* 5. Estado SELECIONADO (Laranja) */
ul.variable-items-wrapper .variable-item.button-variable-item.selected,
ul.variable-items-wrapper .variable-item.button-variable-item[aria-checked="true"] {
    background-color: #FF7844 !important;
    border-color: #FF7844 !important;
    box-shadow: 0 4px 15px rgba(255, 120, 68, 0.4) !important;
    transform: scale(1.02);
}

ul.variable-items-wrapper .variable-item.button-variable-item.selected .variable-item-span {
    color: #fff !important;
    font-weight: 700;
}

/* =========================================
   AJUSTE MOBILE (Celular) - AQUI ESTÁ A CORREÇÃO
   ========================================= */
@media (max-width: 768px) {
    
    /* Aumenta o espaçamento entre os botões */
    ul.variable-items-wrapper.button-variable-items-wrapper {
        gap: 12px !important; /* Antes estava 6px, agora 12px */
        display: flex;
    }

    /* Força os botões a preencherem a largura disponível para ficarem alinhados */
    ul.variable-items-wrapper .variable-item.button-variable-item {
        width: 100% !important; /* Ocupa a linha toda */
        flex-grow: 1;
        justify-content: center;
        margin-bottom: 0 !important; /* Garante que o espaçamento venha só do gap */
    }

    ul.variable-items-wrapper .variable-item .variable-item-span {
        font-size: 14px; /* Mantém legível */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f21ff85 *//* Container das variações */
.variations {
    width: 100%;
    color: #ffffff; /* Garante que o texto base seja branco */
}

/* Estilização dos Títulos (Labels) */
.variations th.label {
    padding-right: 20px;
    text-align: left;
    vertical-align: middle;
}

.variations th.label label {
    color: #f0f0f0; /* Branco levemente acinzentado para não cansar a vista */
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Espaçamento entre as linhas da tabela */
.variations tr {
    border-bottom: 1px solid #333; /* Linha sutil para separar as opções */
}

.variations td.value {
    padding: 15px 0;
}

/* Botão Limpar (reset_variations) */
.reset_variations {
    display: inline-block;
    margin-top: 10px;
    color: #ff4d4d !important; /* Vermelho vibrante para contraste no escuro */
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    transition: all 0.3s ease;
    border-bottom: 1px transparent;
}

.reset_variations:hover {
    color: #ff8080 !important;
    text-decoration: underline;
}

/* Ajuste nos Swatches (as bolinhas de cores) */
/* Isso garante que elas tenham uma borda para não "sumirem" no fundo escuro */
.thwvsf-item-span {
    border: 2px solid #444 !important;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.thwvsf-wrapper-item-li:hover .thwvsf-item-span,
.thwvsf-wrapper-item-li.selected .thwvsf-item-span {
    border-color: #ffffff !important; /* Borda branca ao selecionar ou passar o mouse */
    transform: scale(1.1);
}

/* Tooltip (ajuste se necessário para fundo escuro) */
.thwvsf-tooltip {
    background-color: #222 !important;
    color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fc7d72f */.elementor-991 .elementor-element.elementor-element-fc7d72f li img {
    border-radius: 100%;
    margin-top: 15px !important;
}

.elementor-991 .elementor-element.elementor-element-fc7d72f ol {
      display: flex;        /* or grid */
    flex-direction: row; /* keeps items vertical like default */
    gap: 10px;
}

html,body{
    background-color: #241F21;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://lenstailor.com.br/wp-content/uploads/2025/09/Montserrat-Thin.ttf') format('truetype');
}
/* End Custom Fonts CSS */