:root {
	--wd-text-font: "Poppins 400", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins 600", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins 600", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Poppins 400", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins 600", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins 600", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(23,23,23);
	--wd-alternative-color: rgb(255,198,13);
	--btn-default-bgcolor: rgb(255,198,13);
	--btn-default-bgcolor-hover: rgb(255,161,0);
	--btn-accented-bgcolor: rgb(255,198,13);
	--btn-accented-bgcolor-hover: rgb(255,161,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(0,0,0);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(18,18,18);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #333;
--btn-default-bottom-active: -1px;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-default-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Poppins 400";
	src: url("//oticafenix.com/wp-content/uploads/2022/12/poppins-v20-latin-ext_latin-regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Poppins 600";
	src: url("//oticafenix.com/wp-content/uploads/2022/12/poppins-v20-latin-ext_latin-600.woff") format("woff");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

/*cor carrinho*/
.wd-header-cart.wd-design-2 .wd-cart-number, .wd-header-cart.wd-design-5 .wd-cart-number, .wd-tools-element .wd-tools-count { background: #FFCC29!important; color: #000!important; }
#calc_shipping_country_field, #calc_shipping_state_field, #calc_shipping_city_field { display: none!important; }
#calc_shipping_postcode_field:before { content: "Adicione seu CEP" }

/*borda menu e search button*/
.whb-color-dark:not(.whb-with-bg) { border-bottom: 2px solid #121212 }
.searchform.wd-style-with-bg input[type="text"] { height: 35px; border-radius: 7px; border: 1px solid var(--wd-form-brd-color); font-size: 12px;}
.searchform.wd-style-with-bg .searchsubmit {border-radius: 10px!important; }
.product-label.onsale { font-weight: 400; background: #F76B38; border-radius: 0 0 10px 0; border-bottom: 2px solid #121212; }
.new.product-label { font-weight: 400; color: #FFCC29;  border-radius: 0 0 10px 0; border-bottom: 2px solid #F76B38; background: #121212; }

/*margin inferior apos preço do produto*/
.summary-inner>.price { margin: 0; }

/*Ajustar posição do preço com relação a parcelas*/
.wd-hover-base .wrapp-product-price { flex-direction: column; }

/*icone subir ao topo*/
.scrollToTop { left: 12px!important; }

/*Loja*/

/* PROD. INDIVIDUAL */
.swatch-on-single.swatch-disabled { display: none; }
.rest_estoque {
  font-weight: bold;
	color: red;
	border-radius: 5px;
  animation: blink 2s infinite;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}







 /* ==========================================================================
   ÓTICA FÊNIX — Formulário Lentes de Contato (Gravity Forms #49)
   CSS de otimização de conversão
   --------------------------------------------------------------------------
   Onde colar:
   Aparência > Personalizar > CSS adicional
   (ou Elementor > Configurações da página > CSS personalizado, na própria página)

   Tudo está escopado em #gform_wrapper_49 — não afeta nenhum outro
   formulário nem outra página do site.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. TOKENS DE MARCA
   -------------------------------------------------------------------------- */
#gform_wrapper_49 {
  --fx-navy:        #112337;
  --fx-navy-deep:   #0a1726;
  --fx-yellow:      #f9c310;
  --fx-cta:         #1faa53;   /* verde WhatsApp — canal do atendimento */
  --fx-cta-hover:   #179044;
  --fx-border:      #d7dfe9;
  --fx-border-on:   #0674c9;
  --fx-muted:       #667c93;
  --fx-bg-soft:     #f5f8fc;
  --fx-danger:      #d63a2f;
  --fx-radius:      14px;
  --fx-shadow:      0 2px 6px rgba(17, 35, 55, .06);
  --fx-shadow-on:   0 6px 18px rgba(17, 35, 55, .18);

  max-width: 640px;
  margin-inline: auto !important;
}

/* --------------------------------------------------------------------------
   2. RITMO VERTICAL — menos rolagem = mais gente chega no botão
   -------------------------------------------------------------------------- */
#gform_wrapper_49 .gform_fields {
  row-gap: 22px !important;
  column-gap: 14px !important;
}

#gform_wrapper_49 .gfield {
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   3. RÓTULOS — hierarquia clara, asterisco discreto
   -------------------------------------------------------------------------- */
#gform_wrapper_49 .gfield_label,
#gform_wrapper_49 legend.gfield_label {
  display: block;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--fx-navy) !important;
  margin: 0 0 10px !important;
  letter-spacing: -.01em;
}

/* Oito asteriscos vermelhos na tela passam a sensação de "formulário longo
   e chato". Como quase tudo é obrigatório, o certo é o contrário:
   esconder os asteriscos e marcar só o que é OPCIONAL. */
#gform_wrapper_49 .gfield_required {
  display: none !important;
}

#gform_wrapper_49 .gfield:not(.gfield_contains_required)
  .gform-field-label__text::after {
  content: " · opcional";
  font-size: 12px;
  font-weight: 500;
  color: var(--fx-muted);
  letter-spacing: 0;
}

/* Texto de apoio abaixo do campo */
#gform_wrapper_49 .gfield_description,
#gform_wrapper_49 .gform_fileupload_rules {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: var(--fx-muted) !important;
  padding: 6px 0 0 !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   4. CARDS DE ESCOLHA (rádio) — o coração da conversão deste formulário
   -------------------------------------------------------------------------- */

/* Grid que nunca espreme: quebra sozinho em telas menores */
#gform_wrapper_49 .gfield_radio {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

#gform_wrapper_49 .gchoice {
  position: relative;
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Input acessível por teclado (antes estava display:none e sumia do TAB) */
#gform_wrapper_49 .gfield_radio input[type="radio"],
#gform_wrapper_49 .gfield_checkbox input[type="checkbox"] {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  display: block !important;
  cursor: pointer;
  z-index: 2;
  -webkit-appearance: none;
          appearance: none;
}

#gform_wrapper_49 .gchoice label {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  min-height: 68px;
  margin: 0 !important;
  padding: 14px 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--fx-navy) !important;
  background: #fff !important;
  border: 2px solid var(--fx-border) !important;
  border-radius: var(--fx-radius) !important;
  box-shadow: var(--fx-shadow);
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease,
              box-shadow .15s ease, transform .12s ease;
}

#gform_wrapper_49 .gchoice:hover label {
  border-color: var(--fx-border-on) !important;
  background: var(--fx-bg-soft) !important;
}

/* Estado SELECIONADO — inequívoco, com marca de confirmação */
#gform_wrapper_49 .gfield_radio input[type="radio"]:checked + label,
#gform_wrapper_49 .gfield_checkbox input[type="checkbox"]:checked + label {
  color: #fff !important;
  background: var(--fx-navy) !important;
  border-color: var(--fx-navy) !important;
  box-shadow: var(--fx-shadow-on);
  transform: translateY(-1px);
}

/* Selo de confirmação encostado na quina, POR FORA do card — assim nunca
   sobrepõe o texto da opção, por mais longo que ele seja. */
#gform_wrapper_49 .gfield_radio input[type="radio"]:checked + label::after {
  content: "✓";
  position: absolute;
  top: -9px;
  right: -9px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 800;
  color: var(--fx-navy);
  background: var(--fx-yellow);
  border: 2px solid #fff;
  border-radius: 50%;
  line-height: 1;
  box-shadow: 0 2px 6px rgba(17, 35, 55, .25);
}

/* Foco por teclado visível (acessibilidade + não atrapalha o mouse) */
#gform_wrapper_49 .gfield_radio input[type="radio"]:focus-visible + label,
#gform_wrapper_49 .gfield_checkbox input[type="checkbox"]:focus-visible + label {
  outline: 3px solid rgba(6, 116, 201, .45);
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   5. CAMPOS DE TEXTO E SELECT
   -------------------------------------------------------------------------- */
#gform_wrapper_49 input[type="text"],
#gform_wrapper_49 input[type="email"],
#gform_wrapper_49 input[type="tel"],
#gform_wrapper_49 input[type="number"],
#gform_wrapper_49 select,
#gform_wrapper_49 textarea {
  width: 100% !important;
  min-height: 56px !important;
  padding: 14px 16px !important;
  /* 16px é o mínimo: abaixo disso o iPhone dá zoom sozinho ao tocar
     no campo e quebra o layout — causa clássica de abandono no mobile. */
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: var(--fx-navy) !important;
  background: #fff !important;
  border: 2px solid var(--fx-border) !important;
  border-radius: var(--fx-radius) !important;
  box-shadow: var(--fx-shadow);
  transition: border-color .15s ease, box-shadow .15s ease;
  -webkit-appearance: none;
          appearance: none;
}

#gform_wrapper_49 input::placeholder,
#gform_wrapper_49 textarea::placeholder {
  color: #9aa9ba !important;
  opacity: 1;
}

#gform_wrapper_49 input:hover,
#gform_wrapper_49 select:hover,
#gform_wrapper_49 textarea:hover {
  border-color: #b9c7d8 !important;
}

#gform_wrapper_49 input:focus,
#gform_wrapper_49 select:focus,
#gform_wrapper_49 textarea:focus {
  border-color: var(--fx-border-on) !important;
  box-shadow: 0 0 0 4px rgba(6, 116, 201, .16) !important;
  outline: none !important;
}

/* Seta customizada nos selects (o nativo some com appearance:none) */
#gform_wrapper_49 select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23112337' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 20px 20px !important;
  padding-right: 48px !important;
}

/* Placeholder do select ("Escolha sua cidade") em cinza, valor real em navy */
#gform_wrapper_49 select:has(option[value=""]:checked) {
  color: #9aa9ba !important;
}

/* Setinhas do campo numérico: ocupam espaço e confundem */
#gform_wrapper_49 input[type="number"] {
  -moz-appearance: textfield;
}
#gform_wrapper_49 input[type="number"]::-webkit-outer-spin-button,
#gform_wrapper_49 input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
          appearance: none !important;
  margin: 0 !important;
  display: none !important;
}

/* Nome + Idade lado a lado (idade tem 2 dígitos, não precisa de linha própria) */
#gform_wrapper_49 .gfield--width-two-thirds { grid-column: span 8 !important; }
#gform_wrapper_49 .gfield--width-third      { grid-column: span 4 !important; }

/* Cidade + CEP dividindo a mesma linha — economiza uma linha inteira de
   rolagem. O CEP só aparece depois que a cidade é escolhida, então a cidade
   nunca é empurrada de lugar: o CEP simplesmente entra no espaço ao lado. */
#gform_wrapper_49 #field_49_9  { grid-column: span 7 !important; }
#gform_wrapper_49 #field_49_20 { grid-column: span 5 !important; }

/* Idade e CEP são campos curtos: texto centralizado fica mais legível
   do que colado na borda esquerda de uma caixa estreita. */
#gform_wrapper_49 #field_49_14 input,
#gform_wrapper_49 #field_49_20 input {
  text-align: center;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* --------------------------------------------------------------------------
   6. CTA — de botãozinho azul genérico a chamada principal da página
   -------------------------------------------------------------------------- */
#gform_wrapper_49 .gform_footer {
  display: block !important;
  margin: 26px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

/* ATENÇÃO: `display` aqui NÃO pode levar !important.
   O formulário é progressivo e o Gravity Forms esconde o botão na primeira
   etapa com style="display:none" no próprio elemento. Um !important no CSS
   vence esse inline e o botão aparece antes da hora — o visitante clica e
   leva uma parede de erros. Sem o !important, o GF continua no comando. */
#gform_wrapper_49 .gform_footer input[type="submit"],
#gform_wrapper_49 .gform_footer button,
#gform_wrapper_49 .gform_button {
  display: block;
  width: 100% !important;
  min-height: 62px !important;
  padding: 18px 24px !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  text-transform: none !important;
  color: #fff !important;
  background: var(--fx-cta) !important;
  border: none !important;
  border-radius: var(--fx-radius) !important;
  box-shadow: 0 6px 16px rgba(31, 170, 83, .32) !important;
  cursor: pointer;
  transition: background-color .15s ease, transform .12s ease,
              box-shadow .15s ease;
}

#gform_wrapper_49 .gform_footer input[type="submit"]:hover,
#gform_wrapper_49 .gform_footer button:hover,
#gform_wrapper_49 .gform_button:hover {
  background: var(--fx-cta-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(31, 170, 83, .38) !important;
}

#gform_wrapper_49 .gform_footer input[type="submit"]:active,
#gform_wrapper_49 .gform_button:active {
  transform: translateY(0);
}

#gform_wrapper_49 .gform_footer input[type="submit"]:focus-visible,
#gform_wrapper_49 .gform_button:focus-visible {
  outline: 3px solid var(--fx-navy);
  outline-offset: 3px;
}

/* Esconde o rodapé inteiro enquanto o GF mantém o botão oculto, para a
   linha de garantia não ficar sozinha na tela. */
#gform_wrapper_49 .gform_footer:has(> .gform_button[style*="none"]) {
  display: none !important;
}

/* Micro-garantia abaixo do botão. O texto vem do functions.php (é HTML de
   verdade, lido por leitor de tela); o estilo é aqui. */
#gform_wrapper_49 .fenix-trust {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: var(--fx-muted) !important;
}

/* --------------------------------------------------------------------------
   7. CABEÇALHO DA SEGUNDA ETAPA
   O formulário é progressivo: respondidas as 3 perguntas em card, 6 campos
   aparecem de uma vez. Sem um aviso, a sensação é de "abriu outro
   formulário" — e é ali que se perde gente que já estava quase lá.
   O bloco é criado pelo functions.php; ocupa a linha inteira do grid.
   -------------------------------------------------------------------------- */
#gform_wrapper_49 .fenix-etapa2 {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 4px 0 0;
  padding-top: 20px;
  border-top: 1px solid var(--fx-border);
}

#gform_wrapper_49 .fenix-etapa2__selo {
  flex: 0 0 auto;
  padding: 5px 11px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--fx-navy);
  background: var(--fx-yellow);
  border-radius: 999px;
}

#gform_wrapper_49 .fenix-etapa2__texto {
  flex: 1 1 200px;
  margin: 0 !important;
  font-size: 14px;
  line-height: 1.4;
  color: var(--fx-navy);
}

/* Enquanto o GF mantém os campos da 2ª etapa ocultos, o cabeçalho some junto */
#gform_wrapper_49 .gform_fields:has(#field_49_1[style*="none"]) .fenix-etapa2 {
  display: none;
}

/* --------------------------------------------------------------------------
   8. ERROS — precisos, em vez de um bloco vermelho genérico no topo
   -------------------------------------------------------------------------- */
#gform_wrapper_49 .gform_validation_errors {
  border-radius: var(--fx-radius) !important;
  border: 2px solid var(--fx-danger) !important;
  background: #fdf3f2 !important;
  box-shadow: none !important;
}
#gform_wrapper_49 .gform_validation_errors > h2 {
  font-size: 15px !important;
  color: var(--fx-danger) !important;
}

#gform_wrapper_49 .gfield_error input,
#gform_wrapper_49 .gfield_error select,
#gform_wrapper_49 .gfield_error textarea,
#gform_wrapper_49 .gfield_error .gchoice label {
  border-color: var(--fx-danger) !important;
}

/* ATENÇÃO — este é o bug mais caro do formulário hoje:
   o CSS atual do site esconde (display:none) as mensagens de erro de cada
   campo. Quem esquece um campo vê só a borda vermelha, não entende o que
   faltou e abandona. Aqui elas voltam a aparecer. */
#gform_wrapper_49 .gfield_validation_message,
#gform_wrapper_49 .validation_message {
  display: block !important;
  visibility: visible !important;
  margin-top: 8px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--fx-danger) !important;
  background: #fdf3f2 !important;
  border: none !important;
  border-left: 3px solid var(--fx-danger) !important;
  border-radius: 6px !important;
}

/* --------------------------------------------------------------------------
   9. MOBILE — onde a maior parte do tráfego de lentes chega
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {

  #gform_wrapper_49 .gform_fields {
    row-gap: 18px !important;
  }

  /* Duas colunas fixas de cards: dedo grande, alvo grande */
  #gform_wrapper_49 .gfield_radio {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  /* Opção ímpar sobrando ocupa a linha inteira — sem card órfão */
  #gform_wrapper_49 .gfield_radio > .gchoice:last-child:nth-child(odd):not(:first-child) {
    grid-column: 1 / -1;
  }

  #gform_wrapper_49 .gchoice label {
    min-height: 62px;
    padding: 12px 10px !important;
    font-size: 14px !important;
  }

  /* Nome e Idade continuam lado a lado também no celular: uma linha a menos
     de rolagem. Proporção ajustada para o nome não ficar apertado. */
  #gform_wrapper_49 .gfield--width-two-thirds { grid-column: span 8 !important; }
  #gform_wrapper_49 .gfield--width-third      { grid-column: span 4 !important; }

  /* Idade tem 2 dígitos: padding menor e texto centralizado para caber bem */
  #gform_wrapper_49 .gfield--width-third input {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;
  }

  #gform_wrapper_49 .gfield_label,
  #gform_wrapper_49 legend.gfield_label {
    font-size: 15px !important;
  }

  /* Cidade + CEP continuam dividindo a linha no celular: uma linha a menos
     aqui vale mais do que no desktop. O texto de apoio encolhe para não
     empurrar o botão para baixo. */
  #gform_wrapper_49 #field_49_20 .gfield_description {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  /* Cabeçalho da 2ª etapa mais compacto */
  #gform_wrapper_49 .fenix-etapa2 {
    gap: 8px;
    padding-top: 16px;
  }
  #gform_wrapper_49 .fenix-etapa2__texto { font-size: 13px; }

  #gform_wrapper_49 .gform_footer {
    margin-top: 22px !important;
  }

  #gform_wrapper_49 .gform_footer input[type="submit"],
  #gform_wrapper_49 .gform_button {
    min-height: 58px !important;
    font-size: 17px !important;
  }

  #gform_wrapper_49 .gform_footer::after {
    margin-top: 8px;
    font-size: 12px;
  }
}

/* Respeita quem desligou animações no sistema */
@media (prefers-reduced-motion: reduce) {
  #gform_wrapper_49 * {
    transition: none !important;
    transform: none !important;
  }
}

/* ==========================================================================
   NOTAS — estado atual e o que ficou de fora
   --------------------------------------------------------------------------

   CORREÇÃO DE UM DIAGNÓSTICO ANTERIOR
   A primeira versão deste arquivo dizia que havia opções pré-marcadas e
   "Eusebio" como cidade padrão. Está errado: conferindo o objeto do Gravity
   Forms, todas as escolhas estão com isSelected = false. O que apareceu
   marcado era o Chrome restaurando o preenchimento de uma aba já usada.
   Não há nada a corrigir ali.

   COMO O FORMULÁRIO FUNCIONA HOJE (lógica condicional do GF)
     · Chegada:            3 perguntas em card (campos 27, 29, 28)
     · Respondeu o 28  ->  Nome, Idade, Telefone, E-mail, Cidade e o botão
     · Telefone digitado -> Sexo
     · Cidade escolhida  -> CEP
   Esse desenho é bom: pede o compromisso pequeno antes do dado pessoal.

   O QUE AINDA VALE OLHAR
     · E-mail obrigatório. Num formulário cujo prometido é "resposta no
       WhatsApp", exigir e-mail além do telefone é um campo a mais entre a
       pessoa e o envio. Se ele serve para régua de e-mail marketing, vale
       deixar opcional e coletar depois — a taxa de envio costuma subir.
     · Sexo obrigatório. Não é necessário para cotar uma lente. Para tornar
       opcional sem mexer no ID, dentro de fenix_gf_ajustes():
           foreach ( $form["fields"] as $campo ) {
               if ( 22 == $campo->id ) { $campo->isRequired = false; }
           }
     · Telefone continua sendo campo de texto com máscara. O inputmode do
       functions.php resolve o teclado numérico; trocar para o campo
       "Telefone" nativo exigiria recriar o campo e mudar o ID 3.
     · Prova social acima do formulário. A página pede dados pessoais sem
       antes dar um motivo para confiar — estoque, pronta entrega, nota do
       Google, anos de mercado. É a maior alavanca que sobrou.
   ========================================================================== */
@media (min-width: 1025px) {
	/*Excluindo a img desconto mobile(frete grátis) da página do produto
#imagemmobile,#imagemlojamobile { display: none; }*/
}

@media (min-width: 768px) and (max-width: 1024px) {
	/*Excluindo a img desconto mobile(frete grátis) da página do produto
#imagemmobile,#imagemlojamobile { display: none; }*/
}

@media (max-width: 576px) {
	.new.product-label { display: none; }
.page-title .title{font-size: 25px!important;}

/*Excluindo a img desconto desktop da página do produto*/
#imagem,#imagemloja { display: none; }

/*Formulário Sorteio*/
div.wpforms-container-full .wpforms-form .wpforms-field{
	padding: 5px 0;
}
.btn_sorteio{
	font-size: 19px!important;
}

/*Flex 'nome' e 'idade' Sorteio e Digital*/
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-columns{
	flex-direction: row!important;
}
div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-67{
	width: 180%!important;
	padding: 0 10px 0 0!important;
}

/*CHECKOUT AJUSTES*/
.wd-table-wrapper { padding: 5px 5px!important;}
.checkout-order-review { padding: 10px!important; }
.payment_methods .payment_box { padding: 0!important; }

/*Página Desconto Óculos de Grau*/
.elementor-14302 .elementor-element.elementor-element-fa0a905 .elementor-countdown-wrapper{
	min-height: 78px;
}
}