/* =====================================================================
   SHOW GLASS — COMPONENTES DO SITE  (estilos reutilizáveis das páginas)
   ---------------------------------------------------------------------
   Aqui ficam os estilos dos BLOCOS reutilizáveis do redesign "Ateliê"
   (hero, coleção, projetos, prova social, FAQ, CTA...) aplicados via
   classes nos containers/widgets do Elementor (aba Avançado → CSS Classes).
   Tudo deve usar os tokens de tokens.css (var(--sg-*)) — nunca hex solto —
   para manter o site consistente e fácil de retematizar.

   Convenção de prefixo: .sgc-  (Show Glass Component)
   Ex.: .sgc-section, .sgc-eyebrow, .sgc-title, .sgc-btn, .sgc-index
   ===================================================================== */

/* ----------  Utilitários base (estilo Ateliê) — exemplos prontos  ---------- */

/* Olho editorial (micro-etiqueta acima de um título) */
.sgc-eyebrow {
	font-family: var(--sg-ui);
	font-size: 11px; font-weight: 600; letter-spacing: .22em;
	text-transform: uppercase; color: var(--sg-gold);
}

/* Título de seção em display (Cormorant) */
.sgc-title .elementor-heading-title,
.sgc-title {
	font-family: var(--sg-display);
	color: var(--sg-ink);
	font-weight: 500; line-height: 1.05;
}

/* Índice editorial 01–06 (numeração das seções da home) */
.sgc-index {
	font-family: var(--sg-display);
	font-size: 13px; color: var(--sg-gold); letter-spacing: .1em;
}

/* Hairline (filete fino de separação) */
.sgc-hairline { height: 1px; background: var(--sg-gold-line); border: 0; }

/* Botão "joia" dourado (mesma linguagem do CTA do header) */
.sgc-btn .elementor-button, a.sgc-btn, .sgc-btn {
	background: var(--sg-grad-gold) !important;
	color: var(--sg-gold-ink) !important;
	border: none !important; border-radius: 6px !important;
	font-family: var(--sg-ui); font-weight: 600; letter-spacing: .02em;
	transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.sgc-btn:hover .elementor-button, a.sgc-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 7px 18px rgba(198, 160, 83, 0.40);
	filter: brightness(1.05);
}

/* Botão "fantasma" (contorno dourado, fundo transparente) */
.sgc-btn-ghost .elementor-button, a.sgc-btn-ghost {
	background: transparent !important;
	color: var(--sg-gold) !important;
	border: 1px solid var(--sg-gold-line) !important; border-radius: 6px !important;
	font-family: var(--sg-ui); font-weight: 600; letter-spacing: .02em;
	transition: border-color .2s ease, color .2s ease;
}
.sgc-btn-ghost:hover .elementor-button, a.sgc-btn-ghost:hover {
	border-color: var(--sg-gold) !important; color: var(--sg-gold-l) !important;
}

/* ====================================================================
   PADRÃO: blocos de fundo escuro com BRILHO NAVY (degradê suave)
   --------------------------------------------------------------------
   ATENÇÃO: o Elementor NÃO renderiza CSS Classes em CONTAINER no front
   deste site (só em widgets). Por isso o brilho dos blocos escuros é
   aplicado pela "Sobreposição de fundo" NATIVA do Elementor — não por
   classe. Esta é a RECEITA-PADRÃO (mesmos valores do token --sg-grad-ink):

     Container → Estilo → Sobreposição de fundo:
       Tipo:        Gradiente
       1ª cor:      #1D2D46  (var --sg-navy-glow) · posição 0%
       2ª cor:      #1D2D46 com alfa 0 (transparente) · posição 100%
       Tipo grad.:  Radial · Posição: Centro ao centro
       Opacidade:   0.5

   Aplicar em todos os blocos escuros (Projetos, Atendimento, FAQ, CTA...).
   O token --sg-grad-ink em tokens.css documenta esse valor como fonte única.

   .sgc-ink abaixo é um atalho para quando o degradê for usado em um WIDGET
   (onde a classe renderiza) ou via [data-id] — não funciona em container. */
.sgc-ink { background-image: var(--sg-grad-ink); }

/* A partir daqui: estilos específicos dos blocos do redesign, conforme formos montando. */

/* =====================================================================
   BANNER LGPD — correcao do duplo-toque no celular (20/08/2026)
   Em telas de toque o 1o toque so aplicava o :hover e o 2o e que clicava.
   As regras :hover valem so onde ha mouse; touch-action:manipulation
   remove a espera do duplo-toque-zoom.
   ===================================================================== */
#sgl-consent button{touch-action:manipulation}
@media (hover:none),(pointer:coarse){
  #sgl-consent .sgl-ok:hover{background:#C6A053!important;border-color:#C6A053!important}
  #sgl-consent .sgl-min:hover{border-color:rgb(245 244 241 / .35)!important;color:rgb(245 244 241 / .8)!important}
}

/* =====================================================================
   PILULA DE ABERTURA (.sgbx-abr) — no celular o nowrap estourava a
   largura e criava rolagem lateral na pagina (visto em /box-preto/).
   ===================================================================== */
@media (max-width:600px){
  .sgbx-row{flex-wrap:wrap;max-width:100%}
  .sgbx-abr{white-space:normal;max-width:100%;overflow-wrap:anywhere}
}

/* 12/09/2026 — .sgo-grid: o widget imprime grid-template-columns INLINE (repeat(3|5,1fr)) que vence o @media;
   no celular o grid estoura, o Chrome expande o viewport e o banner LGPD (fixed) sai da tela. Ver docs/performance-sintese-2026-09-11.md */
.sgo-grid>*{min-width:0}
@media (max-width:900px){.sgo-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:560px){.sgo-grid{grid-template-columns:1fr!important}}

/* 19/10/2026 — Grade de produtos no celular: 1 produto por linha.
   O Elementor aplica .elementor-grid-mobile-2 = repeat(2,1fr); "1fr" nao encolhe abaixo do conteudo do card,
   as 2 colunas ficavam com ~206px cada numa tela de 375px e a pagina rolava para o lado (video do Bruno, 19/10). */
@media (max-width:767px){
  .woocommerce ul.products,
  ul.products.elementor-grid{grid-template-columns:minmax(0,1fr)!important}
  .woocommerce ul.products li.product{min-width:0;max-width:100%;width:auto!important}
}

/* 19/10/2026 — Paineis Tradicional / Intermediaria / Premium (.bxt, categoria box-de-banheiro) no celular:
   o veu era claro em cima (0,15) e o texto ficava sobre a foto clara. Veu escuro da esquerda para a direita,
   sombra no texto e tamanhos minimos legiveis. */
@media (max-width:900px){
  .bxt-p{height:170px!important}
  .bxt-veil{background:linear-gradient(90deg,rgba(10,21,33,.94) 0%,rgba(10,21,33,.82) 45%,rgba(10,21,33,.38) 100%)!important}
  .bxt-tag,.bxt-nome,.bxt-mat,.bxt-cta{text-shadow:0 1px 3px rgba(0,0,0,.65)!important}
  .bxt-tag{font-size:12px!important;color:#E2C27F!important}
  .bxt-mat{font-size:12.5px!important;color:rgba(245,244,241,.94)!important}
  .bxt-cta{font-size:12px!important;color:#E2C27F!important}
}

/* 19/10/2026 — Barra inferior no celular (Bruno). body.sg-bar = barra com dois botoes: [Filtrar ou Voltar] +
   [Pedir orcamento] (o #sg-fab do plugin showglass-modal-whatsapp). Quem liga/desliga e o showglass-styles.js:
   - lista com filtro: so enquanto os produtos estao na tela (do primeiro ao ultimo);
   - pagina de produto: sempre (Voltar + Pedir orcamento);
   - resto do site: sem barra, fica o botao redondo normal do WhatsApp. */
.sg-bar-bg,.sg-back{display:none}
@media (max-width:1024px){
  body:not(.sg-lista-on) .sgl-fab{display:none!important}
  body.sgl-drawer-open #sg-fab{display:none!important}
  html body.sg-consent-on #sg-fab,html body.sg-consent-on .sgl-fab{display:none!important}
}
@media (max-width:767px){
  /* espaco para a barra no fim da pagina de produto: no rodape (escuro), nao no body (faixa branca) */
  body.single-product.sg-bar .elementor-location-footer{padding-bottom:84px;background:#080C11}
  body.sg-bar .sg-bar-bg{display:block;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));height:60px;background:#0A1521;border:1px solid rgba(198,160,83,.35);border-radius:14px;z-index:9997;pointer-events:none;box-shadow:0 6px 20px rgba(10,21,33,.22)}
  body.sg-bar #sg-fab{left:136px!important;right:18px!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;width:auto!important;height:48px!important;border-radius:10px!important;background:#C6A053!important;color:#1D1406!important;display:flex!important;align-items:center;justify-content:center;gap:8px;box-shadow:none!important;animation:none!important;transition:none!important;font:600 15px/1 Inter,-apple-system,sans-serif;letter-spacing:.01em;white-space:nowrap}
  body.sg-bar #sg-fab,body.sg-bar #sg-fab:hover{transform:none!important}
  body.sg-bar #sg-fab svg{width:30px!important;height:30px!important;background:#25D366;border-radius:50%;padding:5px;flex:0 0 auto}
  body.sg-bar #sg-fab svg path{fill:#fff}
  body.sg-bar #sg-fab::after{content:"Pedir orçamento"}
  body.sg-bar .sgl-fab{left:18px!important;right:auto!important;bottom:calc(16px + env(safe-area-inset-bottom))!important;transform:none!important;width:110px!important;height:48px!important;justify-content:center;border-radius:10px!important;background:#0A1521!important;color:#F5F4F1!important;border:1px solid #3A4656!important;box-shadow:none!important;font-size:15px!important;z-index:9998!important;transition:none!important}
  body.sg-bar .sg-back{display:flex;align-items:center;justify-content:center;gap:4px;position:fixed;left:18px;bottom:calc(16px + env(safe-area-inset-bottom));width:110px;height:48px;border-radius:10px;background:#0A1521;color:#F5F4F1;border:1px solid #3A4656;font:500 15px/1 Inter,-apple-system,sans-serif;z-index:9998;cursor:pointer}
  body.sg-bar #sgl-consent{bottom:calc(84px + env(safe-area-inset-bottom))!important}
  body.sgl-drawer-open .sg-bar-bg,body.sgl-drawer-open #sg-fab,body.sgl-drawer-open .sgl-fab,body.sgl-drawer-open .sg-back,
  #sg-modal-whatsapp.open ~ .sg-bar-bg,#sg-modal-whatsapp.open ~ .sgl-fab,#sg-modal-whatsapp.open ~ .sg-back{display:none!important}
  /* Banner de cookies na tela: os botoes de baixo esperam ele sumir (primeiro aceitar, depois filtrar). */
  html body.sg-consent-on .sg-bar-bg,html body.sg-consent-on #sg-fab,html body.sg-consent-on .sgl-fab,html body.sg-consent-on .sg-back{display:none!important}
  html body.sg-consent-on #sgl-consent{bottom:calc(16px + env(safe-area-inset-bottom))!important}
}

/* 19/10/2026 — Legibilidade no celular: nada abaixo de 12 px nos rotulos medidos (auditoria de 19/10) e campos
   com 16 px (o iPhone da zoom sozinho em campo menor que 16 px). */
@media (max-width:767px){
  input,select,textarea{font-size:16px!important}
  .sgf2-nap .lbl,.sgf2-nap p,.sgf2-copy p,.sgf2-copy a{font-size:12px!important}
  .sgbx-lab,.sgbx-abr,.sg-discount-badge,.woocommerce-product-attributes-item__label,.sgl-trend-note,.sgl-trend-s,
  .sgl-amb-lbl,.sgl-amb-label,.sgl-chip,.sgl-meta,.sgl-fmore,.sgl-bullets-t,.sgo-ck,.sgo-cl,.bxt-eyebrow,.shv-band-e,
  .sgp-n,.shv-sc-m b,.sg-label{font-size:12px!important}
  .sg-card-amount{font-size:13px!important}
  .sgl-ok,.sgl-min{font-size:13px!important}
}

/* 19/10/2026 — Nao mostrar o fabricante do kit na ficha do produto ("Fabricante: Tec-Vidro" contradiz
   "fabrica propria"). */
.woocommerce-product-attributes-item--attribute_pa_fabricante{display:none!important}

/* 19/10/2026 — "a partir de R$ ... instalado" nos cards de box (filtro kill_price do showglass-loja, opcao
   sgl_box_show_from). O widget de produtos usa Cinzel (fonte so de maiusculas) no preco: aqui volta para Inter,
   numa linha so. */
.sgl-box-from,.sgl-box-from *,.sgl-box-sum-p,.sgl-box-sum-p *{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;text-transform:none!important;letter-spacing:0!important}
.sgl-box-from{display:block;font-size:13px!important;line-height:1.4!important;color:#5B5446!important;font-weight:400!important}
.sgl-box-from strong{font-size:18px!important;color:#0A1521!important;font-weight:600!important;margin:0 1px}
.sgl-box-from strong *,.sgl-box-sum-p strong *{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
.sgl-box-from strong,.sgl-box-from strong *,.sgl-box-sum-p strong,.sgl-box-sum-p strong *{display:inline!important}
/* skin.css do showglass-loja esconde .sgl-box .price (body do produto de box): os relacionados com "a partir de" voltam */
body.sgl-box li.product .price:has(.sgl-box-from){display:block!important}
li.product .price:has(.sgl-box-from){display:block;font-size:13px!important;line-height:1.4!important;text-transform:none!important;letter-spacing:0!important;margin:6px 0 10px!important}

/* Produto de box: resumo com preco, garantias e botao logo abaixo do titulo (cta_html do showglass-loja). */
.sgl-box-sum{margin:6px 0 14px;color:#0A1521}
.sgl-box-sum-p{font-size:14px;line-height:1.4;color:#5B5446}
.sgl-box-sum-p strong{font-size:22px;color:#0A1521;font-weight:600;margin:0 2px}
.sgl-box-sum-l{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:14px}
.sgl-box-sum-l li{display:flex;gap:8px;align-items:center}
.sgl-box-sum-l li:before{content:"";width:8px;height:8px;border-radius:50%;background:#C6A053;flex:0 0 auto}
.sgl-box-sum-n{font-size:12px;color:#6B6457;margin:8px 0 0}

/* 19/10/2026 — Gaveta de filtro no celular/tablet (prototipo aprovado): presa logo abaixo do cabecalho fixo
   (--sg-top vem do JS), "Filtros" a esquerda e o X grande a direita na mesma linha, opcoes em chips com bolinha de
   cor, contagem por opcao (as que zeram ficam apagadas) e a linha "N modelos com esses filtros" logo acima do botao
   "Ver N modelos" (botao do proprio plugin; o filtro so recarrega a grade quando ele e tocado). */
.sg-ff-count{display:none}
@media (max-width:1024px){
  form.sgl-filter.sg-chips{display:flex;flex-direction:column;top:var(--sg-top,0px)!important;bottom:0!important;max-height:none!important;border-radius:0!important;border-top:0!important;padding-top:0!important;padding-bottom:150px!important}
  body.sgl-drawer-open .sgl-drawer-veil{top:var(--sg-top,0px)!important}
  .sg-chips .sgl-filter-head{order:0;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;margin:0 -20px!important;padding:6px 8px 6px 20px!important;background:#F5F4F1;border-bottom:1px solid rgba(10,21,33,.12)}
  .sg-chips .sgl-filter-title{flex:1 1 auto;font:600 19px/1.2 Inter,-apple-system,sans-serif!important;color:#0A1521!important;letter-spacing:0!important;text-transform:none!important;margin:0!important}
  .sg-chips .sgl-filter-head .sgl-filter-clear{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font:500 14px/1 Inter,-apple-system,sans-serif!important;color:#7A5A1C!important;text-transform:none!important;letter-spacing:0!important}
  body.sgl-drawer-open .sg-chips .sgl-drawer-x{display:flex!important;align-items:center;justify-content:center;position:static!important;float:none!important;width:48px;height:48px;margin:0!important;padding:0 0 3px!important;font-size:36px!important;font-weight:300;line-height:1!important;color:#0A1521!important;background:none!important;border:0!important;border-radius:50%;cursor:pointer}
  .sg-chips [data-sg-g="abertura"]{order:1}
  .sg-chips [data-sg-g="linha"]{order:2}
  .sg-chips [data-sg-g="cores"]{order:3}
  .sg-chips [data-sg-g="estrutura"]{order:4}
  .sg-chips [data-sg-g="vidro"]{order:5}
  .sg-chips details.sgl-fgroup{border:0!important;padding:0!important;margin:0!important}
  .sg-chips .sgl-fgroup-t{list-style:none;cursor:default;pointer-events:none;font:500 15px/1.3 Inter,-apple-system,sans-serif!important;color:#5B5446!important;margin:18px 0 10px!important;padding:0!important;border:0!important;background:none!important}
  .sg-chips .sgl-fgroup-t::-webkit-details-marker{display:none}
  .sg-chips .sgl-fgroup-t::marker{content:""}
  .sg-chips .sgl-fgroup-t::after{display:none!important}
  .sg-chips .sgl-fopts{display:flex!important;flex-wrap:wrap;gap:8px;padding:0!important;margin:0!important}
  .sg-chips .sgl-cores{display:flex!important;flex-wrap:wrap;gap:8px;border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important}
  .sg-chips .sgl-trend-t{width:100%;font:500 15px/1.3 Inter,-apple-system,sans-serif!important;color:#5B5446!important;margin:18px 0 2px!important;letter-spacing:0!important;text-transform:none!important}
  .sg-chips .sgl-fopt,.sg-chips .sgl-trend-row{position:relative;display:inline-flex!important;align-items:center;gap:8px;width:auto!important;min-height:44px;margin:0!important;padding:9px 16px!important;border:1px solid #C9C3B6!important;border-radius:999px!important;background:#fff!important;color:#0A1521!important;font:400 15px/1.2 Inter,-apple-system,sans-serif!important;cursor:pointer}
  .sg-chips .sgl-fopt input,.sg-chips .sgl-trend-row input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none}
  .sg-chips .sgl-fopt:has(input:checked),.sg-chips .sgl-trend-row:has(input:checked),.sg-chips .sg-on{background:#0A1521!important;color:#F5F4F1!important;border-color:#0A1521!important}
  .sg-chips.sg-inst .sgl-off{opacity:1!important;pointer-events:auto!important;filter:none!important}
  form.sg-chips .sgl-fmore{display:none!important}
  .sg-chips .sgl-fopt:has(input:focus-visible),.sg-chips .sgl-trend-row:has(input:focus-visible){outline:2px solid #C6A053;outline-offset:2px}
  .sg-chips .sgl-fopt-l{font:inherit!important;color:inherit!important;margin:0!important}
  .sg-chips .sgl-trend-note,.sg-chips .sgl-trend-s{display:none!important}
  .sg-chips .sgl-fopt-c{display:inline!important;font:400 13px/1 Inter,-apple-system,sans-serif!important;color:#8A8274!important;margin-left:2px!important;background:none!important;padding:0!important;min-width:0!important}
  .sg-chips .sgl-fopt:has(input:checked) .sgl-fopt-c,.sg-chips .sgl-trend-row:has(input:checked) .sgl-fopt-c,.sg-chips .sg-on .sgl-fopt-c{color:#C9C3B6!important}
  .sg-chips .sg-zero{opacity:.38}
  .sg-chips .sgl-sw{width:18px!important;height:18px!important;border-radius:50%!important;flex:0 0 auto;margin:0!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
  .sg-chips .sgl-trend-row:has(input:checked) .sgl-sw,.sg-chips .sg-on .sgl-sw{box-shadow:0 0 0 2px #F5F4F1}
  .sg-chips .sgl-fmore{background:none!important;border:0!important;color:#7A5A1C!important;font:500 14px/1 Inter,-apple-system,sans-serif!important;text-transform:none!important;letter-spacing:0!important;padding:10px 4px!important;min-height:44px}
  /* rodape: linha de contagem (fundo branco) com o botao do plugin por cima */
  body.sgl-drawer-open .sg-ff-count{display:block;position:fixed;left:0;right:0;bottom:0;margin:0!important;padding:10px 16px calc(80px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E6E1D6;box-shadow:0 -6px 16px rgba(10,21,33,.08);font:400 14px/1.3 Inter,-apple-system,sans-serif;color:#5B5446;text-align:center;z-index:10000}
  body.sgl-drawer-open .sgl-drawer-cta{left:16px!important;right:16px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;height:52px;padding:0 16px!important;border-radius:10px!important;background:#C6A053!important;color:#1D1406!important;font:600 16px/1 Inter,-apple-system,sans-serif!important;letter-spacing:0!important;text-transform:none!important;z-index:10001!important}
  body.sgl-drawer-open .sgl-drawer-cta.sg-nada{background:#E6E1D6!important;color:#5B5446!important}
  /* resumo acima do primeiro produto: "N modelos encontrados" + ordenar, filtros escolhidos e "Limpar selecao" */
  .sgl-chips .sgl-applied{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px!important;padding:12px 0!important;border-bottom:1px solid #E6E1D6}
  .sgl-chips .sgl-applied:has(.sgl-ap)::before{content:"";order:0;flex-basis:100%;height:0}
  .sgl-chips .sgl-meta{order:-2;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto!important;margin:0!important;font:400 14px/1.3 Inter,-apple-system,sans-serif!important;color:#5B5446!important;text-transform:none!important;letter-spacing:0!important}
  .sgl-chips .sgl-meta b{color:#0A1521;font-weight:600}
  .sgl-chips .sgl-orderby{order:-1;flex:0 0 auto;max-width:44%;min-height:44px;font:500 16px/1.2 Inter,-apple-system,sans-serif!important;color:#0A1521}
  .sgl-chips .sgl-ap{order:1;display:inline-flex;align-items:center;min-height:44px;padding:6px 12px!important;border-radius:999px!important;background:#0A1521!important;color:#F5F4F1!important;border:0!important;font:400 14px/1.2 Inter,-apple-system,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
  .sgl-chips .sgl-ap b{color:#E2C27F!important;font-weight:400!important;font-size:17px;line-height:1;margin-left:8px!important}
  .sgl-chips .sgl-ap-clear{order:2;display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:1px solid #0A1521;border-radius:999px;background:#fff;color:#0A1521!important;font:500 14px/1.2 Inter,-apple-system,sans-serif!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important}
}

/* 25/10/2026 — Calculadora de estimativa no produto de box (showglass-styles.js). */
.sg-calc{margin:4px 0 16px;padding:16px;border:1px solid #E6E1D6;border-radius:12px;background:#FBFAF7;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#0A1521}
.sg-calc-t{margin:0 0 10px!important;font-size:16px;font-weight:600;line-height:1.3}
.sg-calc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sg-calc-f{position:relative;display:flex;flex-direction:column;gap:4px;margin:0}
.sg-calc-f span{font-size:13px;color:#5B5446}
.sg-calc-f input{width:100%;min-height:48px;padding:0 40px 0 12px!important;border:1px solid #C9C3B6!important;border-radius:10px!important;background:#fff!important;font:500 16px/1 Inter,-apple-system,sans-serif!important;color:#0A1521!important;box-shadow:none!important}
.sg-calc-f input:focus{outline:2px solid #C6A053;outline-offset:1px;border-color:#C6A053!important}
.sg-calc-f em{position:absolute;right:12px;bottom:15px;font-style:normal;font-size:14px;color:#8A8274;pointer-events:none}
.sg-calc-u{margin:6px 0 0!important;font-size:12px;color:#6B6457}
.sg-calc-res{margin-top:10px}
.sg-calc-res:empty{display:none}
.sg-calc-ok{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:12px;border-radius:10px;background:#0A1521;color:#F5F4F1}
.sg-calc-ok span{font-size:13px;color:rgba(245,244,241,.8)}
.sg-calc-ok span:first-child{flex-basis:100%}
.sg-calc-ok span.sg-calc-ap{font-size:13px;color:rgba(245,244,241,.8)}
.sg-calc-ok strong{font-size:20px;font-weight:600;color:#E2C27F}
.sg-calc-ok span.sg-calc-parc{flex-basis:100%;margin-top:4px;padding-top:8px;border-top:1px solid rgba(245,244,241,.15);font-size:13px;color:#F5F4F1}
.sg-calc-parc b{color:#E2C27F;font-weight:600}
.sg-calc-av{padding:10px 12px;border-radius:10px;background:#FFF4E5;color:#7A4A00;font-size:13px;line-height:1.45}
.sg-calc-n{margin:10px 0 0!important;font-size:12px;line-height:1.45;color:#6B6457}
.sg-calc-alt-v{display:flex;align-items:center;min-height:48px;padding:0 12px;border:1px dashed #D8D2C4;border-radius:10px;background:#F3F0E8;font:500 16px/1 Inter,-apple-system,sans-serif;color:#5B5446}

/* 30/10/2026 — resultado no mesmo padrao do bloco de preco: rotulo, valor grande, etiqueta "6x sem juros" */
.sg-calc-ok{flex-direction:column;align-items:flex-start!important;gap:6px!important;padding:14px 16px!important}
.sg-calc-ok .sg-calc-k{flex-basis:auto!important;font:600 11.5px/1.3 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,244,241,.72)}
.sg-calc-ok .sg-calc-v{display:flex;align-items:baseline;gap:8px}
.sg-calc-ok .sg-calc-v strong{font:600 28px/1.05 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#E2C27F}
.sg-calc-ok .sg-calc-v span{font-size:13px;color:rgba(245,244,241,.75)}
.sg-calc-ok span.sg-calc-parc{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-basis:auto!important;width:100%;margin-top:6px;padding-top:10px;border-top:1px solid rgba(245,244,241,.15);font-size:13.5px;color:#F5F4F1}
.sg-calc-ok .sg-calc-parc b{color:#fff;font-weight:600}
.sg-calc-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(226,194,127,.18);color:#E2C27F;font:600 12.5px/1 Inter,system-ui,sans-serif}
.sg-calc-ok .sg-calc-parc > span,.sg-calc-ok .sg-calc-v > span{flex-basis:auto!important}
.sg-calc-ok .sg-calc-k{white-space:nowrap}


/* 29/10/2026 — Ficha tecnica ilustrada do box (Proposta A do diretor de design; mockup em docs/mockups/).
   Montada no servidor (showglass-loja, class-sgl-box.php: sgl_ficha_box). Container queries: muda pelo tamanho da coluna. */
.sgft{--n:#0A1521;--g:#C6A053;--gl:#E2C27F;--gd:#7C5F1F;--c1:#F5F4F1;--c2:#FBFAF7;--mu:#5B5446;--bd:#E6E1D6;container-type:inline-size;margin:8px 0 24px;font-family:Inter,system-ui,sans-serif;color:var(--n)}
.sgft *{box-sizing:border-box}
.sgft-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gd)}
.sgft-eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gl),transparent)}
.sgft-title{margin:8px 0 22px;font:600 30px/1.08 "Cormorant Garamond",Georgia,serif;letter-spacing:-.005em}
.sgft-title em{font-style:italic;font-weight:500;color:var(--gd)}
.sgft-sec{margin-top:30px}
.sgft-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.sgft-h small{font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--mu)}

/* 1. Medidas: desenho técnico + números */
.sgft-dim{display:grid;grid-template-columns:96px 1fr;gap:6px 18px;align-items:center;padding:18px;background:var(--c2);border:1px solid var(--bd);border-radius:18px}
.sgft-draw{width:96px;height:auto;display:block;color:var(--n)}
.sgft-stats{margin:0;display:grid}
.sgft-stat{padding:9px 0;border-top:1px solid var(--bd)}
.sgft-stat:first-child{border-top:0;padding-top:0}
.sgft-stat dt{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.sgft-stat dd{margin:2px 0 0;font:600 25px/1.1 "Cormorant Garamond",Georgia,serif;font-variant-numeric:lining-nums;color:var(--n);white-space:nowrap}
.sgft-stat dd span{font:500 13px/1 Inter,sans-serif;color:var(--mu);margin-left:2px}
.sgft-dimnote{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding-top:12px;border-top:1px dashed #DCD4C3;font-size:13px;line-height:1.45;color:var(--mu)}
.sgft-dimnote svg{flex:0 0 20px;width:20px;height:20px;color:var(--gd);margin-top:1px}

/* 2. Acabamentos: amostras redondas */
.sgft-sw{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 6px;margin:0;padding:0;list-style:none}
.sgft-sw li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:13px;line-height:1.25;color:var(--n)}
.sgft-dot{position:relative;width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(10,21,33,.14),inset 0 -6px 10px -6px rgba(10,21,33,.25),0 2px 5px -2px rgba(10,21,33,.25)}
.sgft-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--bd)}
.sgft-sw small{display:block;font-size:12px;color:var(--mu);margin-top:1px}

/* 3. Configuração: blocos com ícone */
.sgft-k{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.sgft-v{font-size:15px;font-weight:600;line-height:1.3}
.sgft-d{font-size:13px;line-height:1.45;color:var(--mu)}

/* 4. Vidro: comparação temperado x laminado */
.sgft-glass{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sgft-gl{display:grid;grid-template-columns:44px 1fr;gap:4px 14px;padding:16px;background:#fff;border:1px solid var(--bd);border-radius:16px}
.sgft-gl.is-std{background:var(--c2);border-color:#DCCDA6}
.sgft-gl svg{grid-row:1/3;width:44px;height:44px;color:var(--gd)}
.sgft-gl-t{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:15px;font-weight:600}
.sgft-badge{font-size:12px;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;background:#F2E8D2;color:var(--gd)}
.sgft-badge.safe{background:#E7EEF0;color:#2D4A55}
.sgft-gl p{margin:0;font-size:14px;line-height:1.5;color:var(--mu)}

.sgft-more{margin-top:10px;border:1px solid var(--bd);border-radius:16px;background:#fff}
.sgft-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;font-size:15px;font-weight:600}
.sgft-more summary::-webkit-details-marker{display:none}
.sgft-more summary .tints-mini{display:flex}
.sgft-more summary .tints-mini i{width:18px;height:18px;border-radius:5px;margin-left:-5px;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(10,21,33,.12)}
.sgft-more summary .tints-mini i:first-child{margin-left:0}
.sgft-more summary span.cnt{margin-left:auto;font-size:13px;font-weight:500;color:var(--mu)}
.sgft-more summary svg{width:18px;height:18px;color:var(--gd);transition:transform .2s}
.sgft-more[open] summary svg{transform:rotate(180deg)}
.sgft-tints{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;margin:0;padding:4px 16px 18px;list-style:none}
.sgft-tints li{font-size:13px;line-height:1.3;color:var(--n)}
.sgft-tints i{display:block;aspect-ratio:4/3;border-radius:10px;margin-bottom:6px;box-shadow:inset 0 0 0 1px rgba(10,21,33,.12)}

/* 5. Incluso no serviço */
.sgft-inc{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;margin:0;padding:20px;list-style:none;background:radial-gradient(120% 140% at 100% 0,#16273a 0,var(--n) 60%);border-radius:18px;color:#fff}
.sgft-inc li{display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.35}
.sgft-inc svg{width:28px;height:28px;color:var(--gl)}
.sgft-inc b{font-weight:600}
.sgft-inc .tbd{outline:1px dashed rgba(226,194,127,.7);outline-offset:6px;border-radius:4px}
.sgft-inc .tbd em{font-style:normal;color:var(--gl)}

/* 6. Explorar (mantém links internos, no fim) */
.sgft-explore{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sgft-explore span{font-size:13px;color:var(--mu);margin-right:2px;flex-basis:100%}
.sgft-explore a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--bd);border-radius:999px;font-size:14px;color:var(--n);text-decoration:none;background:#fff}
.sgft-explore a:hover{border-color:var(--g)}

@container (min-width:560px){
  .sgft-title{font-size:38px;margin-bottom:26px}
  .sgft-sec{margin-top:36px}
  .sgft-dim{grid-template-columns:132px 1fr;padding:22px 26px;gap:8px 28px}
  .sgft-draw{width:132px}
  .sgft-stats{grid-template-columns:repeat(3,1fr)}
  .sgft-stat{border-top:0;padding:0 0 0 20px;border-left:1px solid var(--bd)}
  .sgft-stat:first-child{padding-left:0;border-left:0}
  .sgft-stat dd{font-size:30px}
  .sgft-sw{grid-template-columns:repeat(8,1fr)}
  .sgft-glass{grid-template-columns:1fr 1fr}
  .sgft-tints{grid-template-columns:repeat(5,1fr)}
  .sgft-inc{grid-template-columns:repeat(4,1fr);padding:24px 26px}
  .sgft-explore span{flex-basis:auto}
}

/* Amostras de cor — MESMOS valores do filtro da loja (.sgl-sw em /categoria-do-produto/box-de-banheiro/) */
.sgft .sw-preto{background:#1c1c1e}
.sgft .sw-dourado{background:linear-gradient(135deg,#d8b878,#b08d4b)}
.sgft .sw-rose-gold{background:linear-gradient(135deg,#c88b90,#a56a70)}
.sgft .sw-aco-escovado{background:linear-gradient(100deg,#c9ccd0,#9ea3a9 40%,#d4d7da 70%,#a2a7ad)}
.sgft .sw-cobre{background:linear-gradient(135deg,#9a6a45,#6f4930)}
.sgft .sw-cromado{background:linear-gradient(135deg,#e8eaec,#b9bec3 55%,#dfe2e5)}
.sgft .sw-branco{background:#f4f4f2}
.sgft .sw-brilhante{background:linear-gradient(135deg,#f2f3f4,#c7cbd0)}
.sgft .sw-fosco{background:#8d8f92}
.sgft .sw-aco-corten{background:linear-gradient(135deg,#a05b36,#6d3d24)}
.sgft .sw-amadeirado{background:linear-gradient(135deg,#9a8768,#6b5a45)}
.sgft .sw-branco-acetinado{background:#efeeea}
.sgft .sw-cinza-apple{background:#7d7f83}
.sgft .sw-personalizado{background:conic-gradient(#e5484d,#e8a33d,#e2d24b,#54b567,#3f8fd4,#7857c9,#c04fae,#e5484d)}

/* Tonalidades de vidro (pa_tipos-de-vidro) — amostras novas */
.sgft .tv-comum{background:linear-gradient(135deg,rgba(196,226,212,.75),rgba(160,205,188,.55))}
.sgft .tv-extra-clear{background:linear-gradient(135deg,#fbfdfd,#e9f0f2)}
.sgft .tv-fosco{background:radial-gradient(rgba(255,255,255,.75) 1px,transparent 1.3px) 0 0/4px 4px,linear-gradient(135deg,#e3e6e5,#d2d6d5)}
.sgft .tv-bronze{background:linear-gradient(135deg,#c49d74,#8c6646 55%,#b48a62)}
.sgft .tv-prata{background:linear-gradient(135deg,#eceff1,#9ea6ad 50%,#e2e6e8)}
.sgft .tv-verde{background:linear-gradient(135deg,#b4d6bd,#7fb193)}
.sgft .tv-fume{background:linear-gradient(135deg,#86898d,#55585c)}
.sgft .tv-serigrafado{background:repeating-linear-gradient(90deg,rgba(255,255,255,.95) 0 2px,transparent 2px 6px),linear-gradient(135deg,#e2e8e9,#cfd8da)}
.sgft .tv-pintado{background:linear-gradient(135deg,#C6A053 0 34%,#0A1521 34% 67%,#b9c7c9 67%)}
/* ajustes da versao real (29/10): 3 itens no 'Incluso' (sem prazo), sem sublinhado nos links, titulo do site */
.sgft-inc li:last-child:nth-child(odd){grid-column:1/-1}
@container (min-width:560px){.sgft-inc{grid-template-columns:repeat(3,1fr)}.sgft-inc li:last-child:nth-child(odd){grid-column:auto}}
.sgft h2.sgft-title,.sgft h3.sgft-h{padding:0;border:0;background:none}
.sgft ul,.sgft dl{margin-left:0}
.sgft-explore a{text-decoration:none!important}
.single-product .woocommerce-product-attributes:has(+ .sgft),.single-product .sgft ~ .woocommerce-product-attributes{display:none}

/* o widget "Informacao adicional" do Elementor esconde o h2 e o tema estiliza h2/h3: a ficha impoe os proprios titulos */
.sgft h2.sgft-title{display:block!important;margin:8px 0 22px!important;font:600 30px/1.08 "Cormorant Garamond",Georgia,serif!important;letter-spacing:-.005em!important;text-transform:none!important;color:#0A1521!important}
.sgft h2.sgft-title em{font-style:italic!important;font-weight:500!important;color:#7C5F1F!important}
.sgft h3.sgft-h{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px!important;font:600 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#5B5446!important}
.sgft h3.sgft-h small{font:500 13px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#5B5446!important}
.sgft .sgft-eyebrow{font:600 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#7C5F1F!important}
@container (min-width:560px){.sgft h2.sgft-title{font-size:38px!important;margin-bottom:26px!important}}

/* 30/10/2026 — Revisao geral da pagina do box (Bruno): titulo da ficha numa cor so; sem "Vai bem em" no box; sem a
   linha repetida "Medicao no local · Instalacao · 1 ano de garantia" (a ficha ja tem "Incluso no servico"); descricao
   como secao bonita com "Ler mais"; no celular o nome do produto antes da foto e relacionados em carrossel. */
.sgft h2.sgft-title em{color:#9C7A2E!important}
body.sgl-box .sgl-amb-chips{display:none!important}
body.sgl-box .elementor-element-bxpry,body.sgl-box .elementor-element-bxprz{display:none!important}
body.sgl-box .woocommerce-tabs ul.tabs{display:none!important}
body.sgl-box .woocommerce-tabs .woocommerce-Tabs-panel{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
body.sgl-box .woocommerce-Tabs-panel--description{position:relative;max-width:760px;margin:0 auto!important;font:400 16px/1.7 Inter,system-ui,sans-serif;color:#3A3F47}
body.sgl-box .woocommerce-Tabs-panel--description h2{margin:28px 0 12px!important;font:500 30px/1.12 "Cormorant Garamond",Georgia,serif!important;letter-spacing:0!important;text-transform:none!important;color:#0A1521!important}
body.sgl-box .woocommerce-Tabs-panel--description > h2:first-child{margin-top:0!important;font-size:34px!important}
body.sgl-box .woocommerce-Tabs-panel--description h3,body.sgl-box .woocommerce-Tabs-panel--description h4{margin:24px 0 8px!important;font:600 18px/1.35 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#0A1521!important}
body.sgl-box .woocommerce-Tabs-panel--description h4{font-size:16px!important}
body.sgl-box .woocommerce-Tabs-panel--description p{margin:0 0 14px!important;font:inherit!important;color:inherit!important}
body.sgl-box .woocommerce-Tabs-panel--description p:empty{display:none}
body.sgl-box .woocommerce-Tabs-panel--description ul,body.sgl-box .woocommerce-Tabs-panel--description ol{margin:0 0 16px!important;padding-left:20px!important}
body.sgl-box .woocommerce-Tabs-panel--description li{margin:6px 0!important}
body.sgl-box .woocommerce-Tabs-panel--description strong,body.sgl-box .woocommerce-Tabs-panel--description b{color:#0A1521;font-weight:600}
body.sgl-box .woocommerce-Tabs-panel--description img{max-width:100%;height:auto;border-radius:12px}
body.sgl-box .woocommerce-Tabs-panel--description.sg-desc-col:not(.sg-desc-open){max-height:620px;overflow:hidden}
body.sgl-box .woocommerce-Tabs-panel--description.sg-desc-col:not(.sg-desc-open)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(rgba(255,255,255,0),#fff 85%);pointer-events:none}
.sg-desc-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:760px;min-height:48px;margin:8px auto 0;border:1px solid #0A1521;border-radius:999px;background:#fff;color:#0A1521;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
@media (max-width:767px){
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-woocommerce-product-images):has(> .e-con > .elementor-widget-theme-post-title){display:flex!important;flex-direction:column!important}
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-woocommerce-product-images):has(> .e-con > .elementor-widget-theme-post-title) > .e-con{display:contents!important}
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-theme-post-title) .elementor-widget{order:5}
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-theme-post-title) .elementor-widget-woocommerce-breadcrumb{order:1}
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-theme-post-title) .elementor-widget-theme-post-title{order:2;margin-bottom:12px}
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-theme-post-title) .elementor-widget-woocommerce-product-images{order:3}
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-theme-post-title) .sgl-amb-chips{order:4}
  body.single-product .elementor-widget-woocommerce-product-related ul.products{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 0 10px!important;margin:0!important}
  body.single-product .elementor-widget-woocommerce-product-related ul.products::before,body.single-product .elementor-widget-woocommerce-product-related ul.products::after{display:none!important}
  body.single-product .elementor-widget-woocommerce-product-related ul.products li.product{flex:0 0 78%!important;width:78%!important;max-width:78%!important;margin:0!important;scroll-snap-align:start}
}
/* container query + item de coluna flex do Elementor: sem largura explicita o Chrome calcula a altura como se a
   coluna fosse estreitissima (sobravam ~1.000 px embaixo da ficha). */
.elementor-widget:has(> .elementor-widget-container > .sgft){width:100%}
/* espacamentos do celular no box: o Elementor deixava 40 px entre cada bloco e 48–64 px em cada secao */
@media (max-width:767px){
  body.sgl-box [data-elementor-type="product"] > .e-con > .e-con-inner{row-gap:16px!important}
  body.sgl-box [data-elementor-type="product"] > .e-con:first-child > .e-con-inner{padding-top:12px!important;padding-bottom:24px!important}
  body.sgl-box [data-elementor-type="product"] > .e-con:not(:first-child) > .e-con-inner{padding-top:28px!important;padding-bottom:28px!important}
  body.single-product .e-con-inner:has(> .e-con > .elementor-widget-theme-post-title) .elementor-widget-theme-post-title{margin-bottom:0!important}
  body.sgl-box .elementor-widget-woocommerce-breadcrumb{margin-bottom:-8px!important}
}

/* 30/10/2026 — Titulo em dois niveis + breadcrumb compacto (o Google recebe o caminho pelo JSON-LD BreadcrumbList do
   Rank Math, independente da linha visivel). Celular: so "‹ Categoria"; computador: caminho sem repetir o nome. */
body.sgl-box h1 .sg-t1{display:block;margin:0 0 6px;font:600 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#5B5446}
body.sgl-box h1 .sg-t2{display:block;font:italic 500 38px/1.05 "Cormorant Garamond",Georgia,serif!important;letter-spacing:-.005em;color:#9C7A2E}
@media (max-width:767px){body.sgl-box h1 .sg-t2{font-size:34px!important}}
body.sgl-box .woocommerce-breadcrumb{font-size:0!important;line-height:1.3!important;margin:0!important}
body.sgl-box .woocommerce-breadcrumb a{font:500 13px/1.3 Inter,system-ui,sans-serif!important;color:#5B5446!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important}
body.sgl-box .woocommerce-breadcrumb a:hover{color:#0A1521!important}
body.sgl-box .woocommerce-breadcrumb a+a::before{content:"/";display:inline-block;margin:0 8px;color:#B9B2A3}
@media (max-width:767px){
  body.sgl-box .woocommerce-breadcrumb a{display:none!important}
  body.sgl-box .woocommerce-breadcrumb a:last-of-type{display:inline-flex!important;align-items:center;min-height:36px}
  body.sgl-box .woocommerce-breadcrumb a:last-of-type::before{content:"‹";display:inline-block;margin:0 6px 2px 0;font-size:20px;line-height:1;color:#7C5F1F}
}
/* 30/10: no computador a ficha saiu da coluna do preco e virou faixa de largura total abaixo da galeria (template);
   largura maxima para nao esticar em tela grande; descricao centralizada na mesma coluna */
body.sgl-box .sgft{max-width:1100px;margin-left:auto!important;margin-right:auto!important}
body.sgl-box .elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs{width:100%}
body.sgl-box .woocommerce-Tabs-panel--description,body.sgl-box .sg-desc-btn{max-width:1100px!important}
@media (min-width:1025px){body.sgl-box .elementor-widget:has(> .elementor-widget-container > .sgft){padding-top:8px}}

/* 30/10/2026 (2a) — Ficha mais compacta no computador: Medidas + Acabamentos e Vidro + Tonalidades lado a lado.
   Cada secao da linha vira container proprio, para os ajustes internos seguirem a largura da metade. */
.sgft-row{display:grid;gap:30px;margin-top:30px}
.sgft-row-a{margin-top:0}
.sgft-row > .sgft-sec{container-type:inline-size;min-width:0;margin-top:0!important}
@container (min-width:900px){
  .sgft-row{grid-template-columns:1fr 1fr;gap:28px;align-items:start}
  .sgft-row-a{grid-template-columns:1.25fr 1fr}
}
@container (min-width:900px){
  .sgft-tons .sgft-more{border:0;background:none}
  .sgft-tons .sgft-more summary{display:none}
  .sgft-tons .sgft-tints{padding:0}
}
.sgft-tons .sgft-tints{grid-template-columns:repeat(3,1fr)}
@container (min-width:440px){.sgft-tons .sgft-tints{grid-template-columns:repeat(5,1fr);gap:12px 10px}.sgft-tons .sgft-tints li{font-size:12.5px}}
/* descricao: "Sobre o <modelo>" vira rotulo (como "Ficha tecnica") e a frase do produto e o destaque */
body.sgl-box .woocommerce-Tabs-panel--description > h2:first-child,body.sgl-box .woocommerce-Tabs-panel--description > p.sg-desc-eyebrow{display:flex!important;align-items:center;gap:12px;margin:0 0 10px!important;font:600 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#7C5F1F!important}
body.sgl-box .woocommerce-Tabs-panel--description > h2:first-child::after,body.sgl-box .woocommerce-Tabs-panel--description > p.sg-desc-eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#E2C27F,transparent)}
body.sgl-box .woocommerce-Tabs-panel--description h2.sg-desc-h{margin:0 0 16px!important;font:500 36px/1.1 "Cormorant Garamond",Georgia,serif!important;color:#0A1521!important}
body.sgl-box .woocommerce-Tabs-panel--description h2.sg-desc-h em{font-style:italic;color:#9C7A2E}
@media (max-width:767px){body.sgl-box .woocommerce-Tabs-panel--description h2.sg-desc-h{font-size:30px!important}}
.sg-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 30/10/2026 (3a) — Acabamentos numa caixa como a de Medidas (mesma altura); Vidro e Tonalidades com a mesma altura;
   "Incluso no servico" vira faixa com chamada, 3 itens e botao de orcamento. */
.sgft-row > .sgft-sec{display:flex;flex-direction:column}
.sgft-row{align-items:stretch!important}
.sgft-swbox{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;background:var(--c2);border:1px solid var(--bd);border-radius:18px}
.sgft-swbox .sgft-dimnote{margin:0;grid-column:auto}
.sgft-row > .sgft-sec > .sgft-dim,.sgft-row > .sgft-sec > .sgft-swbox,.sgft-row > .sgft-sec > .sgft-glass,.sgft-row > .sgft-sec > .sgft-more{flex:1 1 auto}
.sgft-row > .sgft-sec > .sgft-glass{grid-auto-rows:1fr}
.sgft-row > .sgft-sec > .sgft-more{margin-top:0}
@media (min-width:1025px){
  .sgft-tons .sgft-more summary{display:none}
  .sgft-tons .sgft-tints{padding:16px!important}
}
/* Incluso */
.sgft-incbox{display:grid;gap:18px;padding:22px;border-radius:18px;background:radial-gradient(120% 140% at 100% 0,#16273a 0,#0A1521 60%);color:#fff}
.sgft-inc-k{margin:0 0 6px!important;font:600 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#E2C27F!important}
.sgft-inc-t{margin:0!important;font:500 24px/1.15 "Cormorant Garamond",Georgia,serif!important;color:#fff!important}
.sgft-inc-t em{font-style:italic;color:#E2C27F}
.sgft-inc2{display:grid;gap:14px;margin:0!important;padding:0!important;list-style:none}
.sgft-inc2 li{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;margin:0!important}
.sgft-inc-ic{grid-row:1/3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(226,194,127,.45);color:#E2C27F}
.sgft-inc-ic svg{width:22px;height:22px}
.sgft-inc2 b{font:600 15px/1.3 Inter,system-ui,sans-serif;color:#fff}
.sgft-inc2 li > span:last-child{font:400 13px/1.35 Inter,system-ui,sans-serif;color:rgba(255,255,255,.72)}
.sgft-inc-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;background:#C6A053;color:#1D1406!important;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none!important;white-space:nowrap}
.sgft-inc-cta:hover{background:#E2C27F}
@container (min-width:900px){
  .sgft-incbox{grid-template-columns:minmax(200px,1fr) 2.6fr auto;align-items:center;gap:28px;padding:26px 30px}
  .sgft-inc2{grid-template-columns:repeat(3,1fr);gap:20px}
  .sgft-inc2 li{grid-template-columns:40px 1fr}
  .sgft-inc-ic{width:40px;height:40px}
  .sgft-inc-t{font-size:22px!important}
}
.sgft-swbox .sgft-sw{margin:auto 0!important}
body.sgl-box .elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
/* medidas no desktop: rotulos numa linha so e valores alinhados pela base (o "Altura padrao" quebrava e descia o 1,90) */
@container (min-width:560px){
  .sgft-stats{align-items:end}
  .sgft-stat{display:flex;flex-direction:column;justify-content:flex-end}
  .sgft-stat dt{white-space:nowrap;letter-spacing:.06em!important}
}
/* 30/10 (Bruno): ficha e descricao ocupam a largura toda da secao no computador (sem o limite de 1.100 px) */
body.sgl-box .sgft,body.sgl-box .elementor-widget-woocommerce-product-data-tabs .woocommerce-tabs,
body.sgl-box .woocommerce-Tabs-panel--description,body.sgl-box .sg-desc-btn{max-width:none!important}
/* "Ler mais": esmaecido transparente (o branco formava uma faixa sobre o fundo creme da secao) */
body.sgl-box .woocommerce-Tabs-panel--description.sg-desc-col:not(.sg-desc-open)::after{display:none!important}
body.sgl-box .woocommerce-Tabs-panel--description.sg-desc-col:not(.sg-desc-open){-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}

/* 30/10/2026 (4a) — Padronizacao: todos os cartoes brancos sobre o creme da secao, borda unica; todos os icones no
   mesmo estilo (circulo com traco dourado, sem fundo); vidro com a etiqueta abaixo do titulo; medidas alinhadas. */
body.sgl-box .sgft-dim,body.sgl-box .sgft-swbox,body.sgl-box .sgft-gl,body.sgl-box .sgft-gl.is-std,body.sgl-box .sgft-more,body.sgl-box .sg-dcard{background:#fff!important;border:1px solid #E6E1D6!important;border-radius:18px!important}
body.sgl-box .sg-dcard-ic{width:48px;height:48px;border-radius:50%!important;background:none!important;border:1px solid rgba(198,160,83,.55);display:grid;place-items:center;color:#9C7A2E}
body.sgl-box .sg-dcard-ic svg{width:26px!important;height:26px!important}
body.sgl-box .sgft-gl{grid-template-columns:48px 1fr!important;align-content:start;column-gap:14px!important;row-gap:0!important;padding:18px!important}
body.sgl-box .sgft-gl > svg{grid-row:1/4;width:48px!important;height:48px!important;padding:10px;border:1px solid rgba(198,160,83,.55);border-radius:50%;color:#9C7A2E}
body.sgl-box .sgft-gl-t{display:block!important;margin:2px 0 0;font:600 16px/1.3 Inter,system-ui,sans-serif!important}
body.sgl-box .sgft-gl .sgft-badge{justify-self:start;margin:6px 0 8px}
body.sgl-box .sgft-gl p{margin:0!important}
/* medidas: colunas por conteudo, distancia igual, sem encostar no divisor */
@container (min-width:560px){
  body.sgl-box .sgft-stats{display:flex!important;align-items:flex-end;justify-content:flex-start;gap:0}
  body.sgl-box .sgft-stat{flex:0 0 auto;padding:0 22px!important;border-left:1px solid #E6E1D6!important}
  body.sgl-box .sgft-stat:first-child{padding-left:0!important;border-left:0!important}
  body.sgl-box .sgft-stat dd{font-size:28px!important}
}
/* descricao em cartoes */
body.sgl-box .sg-dintro{margin:0 0 20px}
body.sgl-box .sg-dintro > p{font-size:17px!important;line-height:1.65!important;color:#3A3F47!important}
body.sgl-box .sg-dcards{display:grid;gap:14px}
body.sgl-box .sg-dcard{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:20px}
body.sgl-box .sg-dcard-b > :first-child{margin-top:4px!important}
body.sgl-box .sg-dcard-b h3,body.sgl-box .sg-dcard-b h4{margin:6px 0 8px!important;font:600 17px/1.35 Inter,system-ui,sans-serif!important}
body.sgl-box .sg-dcard-b p{font-size:15px!important;line-height:1.6!important}
body.sgl-box .sg-dcard-b > :last-child{margin-bottom:0!important}
@media (min-width:768px){body.sgl-box .sg-dcards{grid-template-columns:1fr 1fr;gap:16px}}

/* 30/10/2026 (5a) — Rodada da auditoria de design + galeria nova. */
/* galeria: miniaturas embaixo no computador, contador e botao de tela cheia, foto de ponta a ponta no celular */
body.sgl-box .woocommerce-product-gallery{position:relative}
@media (min-width:1025px){
  body.sgl-box.woocommerce div.product div.images.woocommerce-product-gallery,body.sgl-box .woocommerce div.product div.images.woocommerce-product-gallery{display:flex!important;flex-direction:column;gap:12px}
  body.sgl-box .woocommerce-product-gallery ol.flex-control-thumbs{flex-direction:row!important;max-height:none!important;overflow-x:auto;gap:10px!important}
  body.sgl-box .woocommerce-product-gallery ol.flex-control-thumbs li{flex:1 1 0!important;min-width:52px;max-width:76px;width:auto!important}
}
body.sgl-box .woocommerce-product-gallery ol.flex-control-thumbs li img{border-radius:8px!important;border:1px solid #E6E1D6!important;opacity:.6}
body.sgl-box .woocommerce-product-gallery ol.flex-control-thumbs li img.flex-active{opacity:1;border-color:#C6A053!important;box-shadow:0 0 0 2px #C6A053!important}
body.sgl-box .woocommerce-product-gallery .flex-viewport,body.sgl-box .woocommerce-product-gallery img{border-radius:12px}
body.sgl-box .woocommerce-product-gallery__image a{cursor:zoom-in}
body.sgl-box .sg-gal-cnt{position:absolute;top:12px;left:12px;z-index:5;padding:6px 11px;border-radius:999px;background:rgba(10,21,33,.82);color:#fff;font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;pointer-events:none}
body.sgl-box .sg-gal-exp{position:absolute;top:10px;right:10px;z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#0A1521;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(10,21,33,.18)}
body.sgl-box .woocommerce-product-gallery .flex-direction-nav a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);opacity:0;transition:opacity .2s}
body.sgl-box .woocommerce-product-gallery:hover .flex-direction-nav a{opacity:1}
.pswp{z-index:10050!important}
@media (max-width:767px){
  body.sgl-box .woocommerce-product-gallery ol.flex-control-thumbs li{flex:0 0 56px!important;width:56px!important}
  body.sgl-box .sg-gal-exp{top:12px;right:12px}
}
/* preco compacto logo abaixo do titulo, so no celular (o resumo completo vem depois da foto) */
.sg-price-mini{display:none}
/* 30/10 (Bruno): preco compacto abaixo do titulo desligado no celular — o resumo completo fica logo depois da foto */
body.sgl-box .sgl-box-sum-6x{margin:2px 0 0;font:400 13px/1.4 Inter,system-ui,sans-serif;color:#6B6457}
/* botao principal: um so estilo (dourado, pilula, icone de WhatsApp) e um so texto ("Pedir orcamento") */
body.sgl-box .sgl-box-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px!important;border:0!important;border-radius:999px!important;background:#C6A053!important;background-image:none!important;color:#1D1406!important;font:600 16px/1 Inter,system-ui,sans-serif!important;text-decoration:none!important;box-shadow:none!important}
body.sgl-box .sgl-box-cta:hover{background:#E2C27F!important}
body.sgl-box .sgl-box-cta svg{width:28px!important;height:28px!important;padding:5px;border-radius:50%;background:#25D366;color:#fff;fill:#fff;flex:0 0 auto}
@media (max-width:767px){body.sgl-box .sgl-box-cta{display:flex!important;width:100%}}
body.sgl-box .sgl-box-note{color:#6B6457!important;font-size:13px!important}
body.sgl-box .sg-desc-btn{background:transparent!important;color:#0A1521!important;border:1px solid #0A1521!important;font:600 15px/1 Inter,system-ui,sans-serif!important}
body.sgl-box .sg-desc-btn:hover{background:#0A1521!important;color:#fff!important}
body.sgl-box .elementor-widget-woocommerce-product-related .button,body.sgl-box .elementor-widget-woocommerce-product-related .sgl-consultar{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 18px!important;border-radius:999px!important;border:1px solid #0A1521!important;background:transparent!important;color:#0A1521!important;font:600 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
/* etiqueta "Mais seguranca" na paleta */
body.sgl-box .sgft-badge.safe{background:#ECEAE4!important;color:#0A1521!important}
/* ficha: as duas linhas na mesma divisao 50/50; cores no alto da caixa e nota embaixo */
@container (min-width:900px){.sgft-row-a{grid-template-columns:1fr 1fr!important}}
.sgft-swbox{justify-content:space-between!important}
.sgft-swbox .sgft-sw{margin:0!important}
.sgft-sw li{min-height:84px}
/* "Como funciona" no celular: os 3 cartoes no mesmo formato (icone a esquerda) */
/* resumo do topo: sem o paragrafo curto que repetia o 1o cartao da descricao */
body.sgl-box .elementor-widget-woocommerce-product-short-description{display:none!important}
/* relacionados: titulo no padrao da marca e sem barra de rolagem nativa no celular */
body.sgl-box .elementor-widget-woocommerce-product-related h2{font:500 32px/1.1 "Cormorant Garamond",Georgia,serif!important;color:#0A1521!important;text-transform:none!important;letter-spacing:0!important}
body.sgl-box .elementor-widget-woocommerce-product-related ul.products{scrollbar-width:none}
body.sgl-box .elementor-widget-woocommerce-product-related ul.products::-webkit-scrollbar{display:none}
/* computador: margens da pagina iguais (antes 20/30/58 px conforme o bloco) */
@media (min-width:1025px){body.sgl-box [data-elementor-type="product"] > .e-con > .e-con-inner{padding-left:40px!important;padding-right:40px!important}}
/* toque >= 44 px no celular */
@media (max-width:767px){
  .elementor-menu-toggle{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}
  body.sgl-box .woocommerce-breadcrumb a:last-of-type{min-height:44px!important}
  /* logo encostava na lupa em telas estreitas */
  [data-elementor-type="header"] .sg-logo img{max-width:130px!important;height:auto!important}
}
/* tela cheia da galeria aberta: a barra de baixo e o botao do WhatsApp somem (o #sg-fab tem a camada maxima) */
body:has(.pswp--open) #sg-fab,body:has(.pswp--open) .sg-bar-bg,body:has(.pswp--open) .sgl-fab,body:has(.pswp--open) .sg-back{display:none!important}

/* 30/10/2026 (6a) — medidas empilhadas quando a caixa e estreita (o "8 mm" encostava na borda); cores centralizadas
   na caixa; sem os pontos "previous/next"; setas nas pontas das miniaturas quando nao cabem todas. */
@container (max-width:699px){
  body.sgl-box .sgft-stats{display:grid!important;grid-template-columns:1fr!important;align-items:stretch}
  body.sgl-box .sgft-stat{display:block!important;padding:9px 0!important;border-left:0!important;border-top:1px solid #E6E1D6!important}
  body.sgl-box .sgft-stat:first-child{padding-top:0!important;border-top:0!important}
  body.sgl-box .sgft-stat dd{font-size:26px!important}
}
body.sgl-box .sgft-swbox .sgft-sw{display:flex!important;flex-wrap:wrap;justify-content:center;align-content:center;gap:16px 22px;margin:auto 0!important}
body.sgl-box .sgft-swbox .sgft-sw li{width:76px;min-height:0}
body.sgl-box .woocommerce-product-gallery .flex-direction-nav{display:none!important}
/* 30/10 (Bruno): no celular a foto volta a ficar com margem e cantos arredondados (inteira, sem ir de ponta a ponta) */

/* 30/10/2026 (7a) — Setas das miniaturas redesenhadas: a ponta da faixa esmaece no fundo e, por cima, um botao
   redondo de 32 px (branco, borda creme, seta azul-marinho centralizada; dourado no hover/foco). */
body.sgl-box .sg-th-seta{position:absolute;z-index:6;width:52px;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center;cursor:pointer;min-height:0!important;font-size:0!important;line-height:0!important}
body.sgl-box .sg-th-seta[hidden]{display:none!important}
body.sgl-box .sg-th-esq{justify-content:flex-start;background:linear-gradient(90deg,#fff 38%,rgba(255,255,255,0))!important}
body.sgl-box .sg-th-dir{justify-content:flex-end;background:linear-gradient(270deg,#fff 38%,rgba(255,255,255,0))!important}
body.sgl-box .sg-th-ic{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#fff;border:1px solid #D9D2C3;color:#0A1521;box-shadow:0 1px 4px rgba(10,21,33,.10);transition:border-color .15s,color .15s}
body.sgl-box .sg-th-ic svg{display:block;width:16px;height:16px}
body.sgl-box .sg-th-seta:hover .sg-th-ic,body.sgl-box .sg-th-seta:focus-visible .sg-th-ic{border-color:#C6A053;color:#9C7A2E}
body.sgl-box .sg-th-seta:focus-visible{outline:none}
body.sgl-box .sg-th-seta:focus-visible .sg-th-ic{box-shadow:0 0 0 2px #E2C27F}

/* 30/10/2026 (8a) — Bloco de preco (desktop e celular): rotulo "A PARTIR DE", valor grande, "instalado*" discreto,
   etiqueta dourada "6x sem juros" + valor da parcela, e uma linha fina antes dos itens. */
body.sgl-box .sgl-bp{display:flex;flex-direction:column;gap:6px;padding:0 0 16px;margin:0 0 14px;border-bottom:1px solid #E6E1D6}
body.sgl-box .sgl-bp-k{font:600 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6B6457}
body.sgl-box .sgl-bp-v{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0!important;font:inherit!important;color:#0A1521!important}
body.sgl-box .sgl-bp-v strong,body.sgl-box .sgl-bp-v strong *{font:600 34px/1.05 Inter,system-ui,sans-serif!important;letter-spacing:-.015em!important;color:#0A1521!important;margin:0!important;font-variant-numeric:lining-nums tabular-nums}
body.sgl-box .sgl-bp-u{font:400 14px/1.2 Inter,system-ui,sans-serif;color:#6B6457}
body.sgl-box .sgl-bp-parc{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px;font:400 14px/1.3 Inter,system-ui,sans-serif;color:#5B5446}
body.sgl-box .sgl-bp-parc b,body.sgl-box .sgl-bp-parc b *{font-weight:600!important;color:#0A1521!important}
body.sgl-box .sgl-bp-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#F3EAD6;color:#7C5F1F;font:600 13px/1 Inter,system-ui,sans-serif}
@media (max-width:767px){body.sgl-box .sgl-bp-v strong,body.sgl-box .sgl-bp-v strong *{font-size:32px!important}}
body.sgl-box .sgl-box-sum-6x{display:none}

/* 30/10/2026 (9a) — Auditoria de performance/SEO, sem mudar o visual:
   R1 galeria visivel desde o primeiro quadro (o WooCommerce deixava opacity:0 ate o carrossel iniciar: a foto nao era
   o LCP e a altura ia e voltava = CLS 0,137) — antes de iniciar mostra so a 1a foto, quadrada, e reserva a linha de
   miniaturas; depois de iniciar, nada muda. */
body.sgl-box .woocommerce-product-gallery{opacity:1!important}
body.sgl-box .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image:nth-child(n+2){display:none}
body.sgl-box .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__wrapper{aspect-ratio:1/1;overflow:hidden}
/* links internos na ficha: mesma aparencia do texto, sublinhado so no hover/foco */
.sgft a.sgft-lk{color:inherit!important;text-decoration:none!important}
.sgft a.sgft-lk:hover,.sgft a.sgft-lk:focus-visible{text-decoration:underline!important;text-underline-offset:3px}
/* "Ler mais" vindo do servidor (mesmo visual de antes) */
body.sgl-box .sg-desc-wrap{position:relative}
body.sgl-box .sg-desc-wrap.sg-desc-col:not(.sg-desc-open){max-height:594px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
/* R12 contraste */
body.sgl-box .sg-calc-f em,.sgbx-lab{color:#6B6457!important}

/* 30/10/2026 (10a) — Revisao do diretor de design apos a rodada de performance: negrito dos links da ficha (o kit do
   Elementor poe a{font-weight:400}); reserva da linha de miniaturas com prioridade sobre a regra do Elementor (que tem
   ID) e alturas reais; sem a piscada da foto gigante enquanto o FlexSlider monta (so ate ele fixar a altura). */
.sgft a.sgft-lk{font-weight:inherit!important}
body.sgl-box .woocommerce-product-gallery:not(:has(.flex-control-thumbs)){padding-bottom:56px!important}
@media (min-width:768px){body.sgl-box .woocommerce-product-gallery:not(:has(.flex-control-thumbs)){padding-bottom:64px!important}}
@media (min-width:1025px){body.sgl-box .woocommerce-product-gallery:not(:has(.flex-control-thumbs)){padding-bottom:66px!important}}
body.sgl-box .woocommerce-product-gallery .flex-viewport:not([style*="height"]){aspect-ratio:1/1}
body.sgl-box .woocommerce-product-gallery .flex-viewport:not([style*="height"]) .woocommerce-product-gallery__wrapper{width:100%!important}
body.sgl-box .woocommerce-product-gallery .flex-viewport:not([style*="height"]) .woocommerce-product-gallery__image:first-child{width:100%!important}
body.sgl-box .woocommerce-product-gallery .flex-viewport:not([style*="height"]) .woocommerce-product-gallery__image:nth-child(n+2){display:none!important}

/* 30/10/2026 (11b) — Diretor de design: "Como funciona" com ilustracao por tipo (planta / elevacao / detalhe; a parte
   que diferencia em dourado) e "Incluso" com 4 itens (prazo de 15 dias uteis). Classes novas (.sgft-ats/.sgft-at) para
   nao brigar com as regras antigas de .sgft-tiles/.sgft-ic. */
body.sgl-box .sgft-ats{display:grid!important;grid-template-columns:1fr!important;gap:10px;margin:0!important;padding:0!important;list-style:none}
body.sgl-box .sgft-at{display:flex;align-items:center;gap:16px;margin:0!important;padding:16px;background:#fff!important;border:1px solid #E6E1D6!important;border-radius:18px!important}
body.sgl-box .sgft-at-ill{flex:0 0 64px;width:64px;height:64px;border-radius:14px;background:#FAF6EC;box-shadow:inset 0 0 0 1px #EEE5D1;display:grid;place-items:center;color:#0A1521;--sgic-a:#9C7A2E;--sgic-t:rgba(198,160,83,.22)}
body.sgl-box .sgft-at-ill svg{display:block;width:54px;height:54px;overflow:visible}
body.sgl-box .sgft-at-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
body.sgl-box .sgft-at .sgft-v{font:600 16px/1.3 Inter,system-ui,sans-serif!important;color:#0A1521}
body.sgl-box .sgft-at .sgft-d{font:400 13px/1.45 Inter,system-ui,sans-serif!important;color:#5B5446}
@container (min-width:560px){
  body.sgl-box .sgft-ats{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}
  body.sgl-box .sgft-at{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}
}
@container (min-width:900px){
  body.sgl-box .sgft-ats{gap:14px}
  body.sgl-box .sgft-at{flex-direction:row;align-items:center;gap:18px;padding:18px 20px}
  body.sgl-box .sgft-at-ill{flex-basis:76px;width:76px;height:76px;border-radius:16px}
  body.sgl-box .sgft-at-ill svg{width:62px;height:62px}
}
/* Incluso com 4 itens: celular em lista, tablet 2x2, computador = chamada + botao em cima e os 4 itens numa linha com
   divisorias (ordem: medicao > prazo > equipe > garantia) */
@container (min-width:560px){
  body.sgl-box .sgft-inc2{grid-template-columns:1fr 1fr;gap:18px 24px}
  body.sgl-box .sgft-inc2 li{align-content:center}
  body.sgl-box .sgft-inc-cta{justify-self:start}
}
@container (min-width:900px){
  body.sgl-box .sgft-incbox{grid-template-columns:1fr auto;grid-template-areas:"intro cta" "lista lista";align-items:center;gap:24px 32px;padding:28px 32px}
  body.sgl-box .sgft-inc-intro{grid-area:intro}
  body.sgl-box .sgft-inc-cta{grid-area:cta;justify-self:end}
  body.sgl-box .sgft-inc2{grid-area:lista;grid-template-columns:repeat(4,1fr);gap:0;padding-top:24px!important;border-top:1px solid rgba(226,194,127,.22)}
  body.sgl-box .sgft-inc2 li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0 22px;border-left:1px solid rgba(226,194,127,.16)}
  body.sgl-box .sgft-inc2 li:first-child{padding-left:0;border-left:0}
  body.sgl-box .sgft-inc-ic{width:40px;height:40px;margin-bottom:10px}
  body.sgl-box .sgft-inc-t{font-size:26px!important}
}

/* 30/10/2026 (11c) — Perguntas frequentes, versao do diretor de design (substituiu o bloco provisorio 11a). Mesma marcacao do
   servidor (opcional: name="sgfaq" nos <details> para abrir uma por vez). Sem JS, sem fonte nova (Inter + Cormorant ja
   carregadas), respostas continuam no HTML. Computador: titulo + chamada do WhatsApp numa coluna a esquerda, lista a
   direita, alinhada com a ficha e a descricao (sem o max-width de 1100 que deslocava 25 px). Numeros 01-08 em Cormorant
   italico via contador CSS (fora do DOM, escondidos do leitor de tela), so a partir de 768 px: no celular cada
   pergunta precisa da largura toda para caber em uma linha. */
body.sgl-box .sgfaq{max-width:none!important;margin:40px 0 8px!important;counter-reset:sgfaq;font-family:Inter,system-ui,sans-serif;color:#0A1521}
body.sgl-box .sgfaq .sgfaq-eyebrow{display:flex;align-items:center;gap:12px;margin:0!important;font:600 12px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#7C5F1F!important}
body.sgl-box .sgfaq .sgfaq-eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#E2C27F,transparent)}
body.sgl-box .sgfaq h2.sgfaq-title{display:block!important;margin:8px 0 18px!important;padding:0!important;border:0!important;background:none!important;font:600 30px/1.08 "Cormorant Garamond",Georgia,serif!important;letter-spacing:-.005em!important;text-transform:none!important;color:#0A1521!important}
body.sgl-box .sgfaq h2.sgfaq-title em{font-style:italic!important;font-weight:500!important;color:#9C7A2E!important;white-space:nowrap}
body.sgl-box .sgfaq-list{margin:0;background:#fff;border:1px solid #E6E1D6;border-radius:18px;overflow:hidden}
body.sgl-box .sgfaq-item{counter-increment:sgfaq;margin:0!important;border:0!important;border-top:1px solid #EEE9DF!important;background:none!important;transition:background-color .2s}
body.sgl-box .sgfaq-item:first-child{border-top:0!important}
body.sgl-box .sgfaq-item[open]{background:#FCFAF5!important}
body.sgl-box .sgfaq-item summary{list-style:none;display:grid!important;grid-template-columns:26px minmax(0,1fr) 32px;align-items:start;column-gap:12px;min-height:60px;margin:0!important;padding:18px 16px!important;cursor:pointer;background:none!important;border:0!important;-webkit-tap-highlight-color:transparent}
body.sgl-box .sgfaq-item summary::-webkit-details-marker{display:none}
body.sgl-box .sgfaq-item summary::marker{content:""}
body.sgl-box .sgfaq-item summary::before{content:counter(sgfaq,decimal-leading-zero);content:counter(sgfaq,decimal-leading-zero) / "";font:italic 500 19px/22.4px "Cormorant Garamond",Georgia,serif;font-variant-numeric:lining-nums;color:#9C7A2E}
body.sgl-box .sgfaq h3.sgfaq-q{margin:0!important;padding:0!important;border:0!important;background:none!important;font:600 16px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#0A1521!important;transition:color .15s}
body.sgl-box .sgfaq svg.sgfaq-chev{margin-top:-5px;box-sizing:border-box;width:32px!important;height:32px!important;padding:8px;border:1px solid rgba(198,160,83,.55);border-radius:50%;color:#9C7A2E;transition:transform .2s,background-color .2s,border-color .2s,color .2s}
body.sgl-box .sgfaq-item[open] svg.sgfaq-chev{transform:rotate(180deg);background:#C6A053;border-color:#C6A053;color:#1D1406}
body.sgl-box .sgfaq-item summary:hover h3.sgfaq-q{color:#7C5F1F!important}
body.sgl-box .sgfaq-item summary:hover svg.sgfaq-chev{border-color:#C6A053}
body.sgl-box .sgfaq-item summary:focus-visible{outline:2px solid #C6A053;outline-offset:-2px;border-radius:16px}
body.sgl-box .sgfaq-a{padding:0 16px 20px 54px}
body.sgl-box .sgfaq-a p{margin:0!important;max-width:62ch;font:400 15px/1.65 Inter,system-ui,sans-serif!important;color:#3A3F47!important}
body.sgl-box .sgfaq-a a{color:#7C5F1F!important;font-weight:600!important;text-decoration:underline!important;text-decoration-color:#E2C27F!important;text-underline-offset:3px}
body.sgl-box .sgfaq-more{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:18px 0 0!important;text-align:left;font:400 15px/1.5 Inter,system-ui,sans-serif!important;color:#5B5446!important}
body.sgl-box .sgfaq-more a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid #0A1521;border-radius:999px;background:transparent;color:#0A1521!important;font:600 15px/1 Inter,system-ui,sans-serif!important;text-decoration:none!important;transition:background-color .15s,color .15s}
body.sgl-box .sgfaq-more a::before{content:"";flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.2)}
body.sgl-box .sgfaq-more a:hover,body.sgl-box .sgfaq-more a:focus-visible{background:#0A1521;color:#fff!important}
@media (min-width:1025px){
  body.sgl-box .sgfaq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);grid-template-rows:auto auto auto 1fr;column-gap:64px;margin-top:56px!important}
  body.sgl-box .sgfaq .sgfaq-eyebrow{grid-column:1;grid-row:1}
  body.sgl-box .sgfaq h2.sgfaq-title{grid-column:1;grid-row:2;margin:10px 0 0!important;font-size:38px!important}
  body.sgl-box .sgfaq-more{grid-column:1;grid-row:3;align-items:flex-start;margin:24px 0 0!important}
  body.sgl-box .sgfaq-list{grid-column:2;grid-row:1/5;align-self:start}
  body.sgl-box .sgfaq-item summary{grid-template-columns:30px minmax(0,1fr) 32px;column-gap:14px;min-height:68px;padding:22px 24px!important}
  body.sgl-box .sgfaq-item summary::before{font-size:21px;line-height:23.8px}
  body.sgl-box .sgfaq svg.sgfaq-chev{margin-top:-4px}
  body.sgl-box .sgfaq h3.sgfaq-q{font-size:17px!important}
  body.sgl-box .sgfaq-a{padding:0 70px 24px 68px}
}
@media (max-width:767px){
  body.sgl-box .sgfaq{margin-top:36px!important}
  body.sgl-box .sgfaq-item summary{grid-template-columns:minmax(0,1fr) 28px;padding:16px!important}
  body.sgl-box .sgfaq-item summary::before{display:none}
  body.sgl-box .sgfaq svg.sgfaq-chev{width:28px!important;height:28px!important;padding:6px;margin-top:-3px}
  body.sgl-box .sgfaq-a{padding:0 16px 18px}
}
@media (prefers-reduced-motion:reduce){body.sgl-box .sgfaq-item,body.sgl-box .sgfaq svg.sgfaq-chev,body.sgl-box .sgfaq h3.sgfaq-q,body.sgl-box .sgfaq-more a{transition:none}}
body.sgl-box .sgfaq .sgfaq-a p+p{margin-top:10px!important}

/* 30/10/2026 (12) — Calculadora: escolha "Reto (frontal)" / "De canto" (so em box que tem as duas instalacoes; canto
   = x2). Mesmo padrao dos campos da calculadora (borda #C9C3B6, raio 10, foco dourado) e os desenhos em planta do
   "Como funciona". */
body.sgl-box .sg-calc-inst{container:sgcalcinst/inline-size;min-width:0;margin:0 0 12px!important;padding:0!important;border:0!important;background:none!important}
body.sgl-box .sg-calc-inst legend{float:none;width:auto;margin:0 0 6px!important;padding:0!important;border:0!important;font:400 13px/1.3 Inter,system-ui,sans-serif!important;color:#5B5446;text-transform:none!important;letter-spacing:0!important}
body.sgl-box .sg-calc-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.sgl-box .sg-calc-op{position:relative;display:flex;align-items:center;gap:10px;min-height:60px;margin:0!important;padding:8px 10px 8px 8px;border:1px solid #C9C3B6;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
body.sgl-box .sg-calc-op input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body.sgl-box .sg-calc-op-ic{flex:0 0 46px;width:46px;height:46px;border-radius:8px;background:#F3F0E8;display:grid;place-items:center;color:#0A1521;--sgic-a:#9C7A2E;--sgic-t:rgba(198,160,83,.22);opacity:.7;filter:grayscale(1);transition:opacity .15s,filter .15s,background .15s}
body.sgl-box .sg-calc-op-ic svg{display:block;width:42px;height:42px;overflow:visible}
body.sgl-box .sg-calc-op-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
body.sgl-box .sg-calc-op-tx b{font:600 14px/1.25 Inter,system-ui,sans-serif;color:#0A1521}
body.sgl-box .sg-calc-op-tx small{font:400 12px/1.3 Inter,system-ui,sans-serif;color:#6B6457}
body.sgl-box .sg-calc-op:hover{border-color:#A99F8C}
/* selecionado: dourado escuro (#9C7A2E, contraste >= 3:1 sobre branco — diretor de design); .is-on = reserva sem :has() */
body.sgl-box .sg-calc-op.is-on{border-color:#9C7A2E;box-shadow:0 0 0 1px #9C7A2E;background:#FFFDF8}
body.sgl-box .sg-calc-op.is-on .sg-calc-op-ic{opacity:1;filter:none;background:#FAF6EC;box-shadow:inset 0 0 0 1px #EEE5D1}
body.sgl-box .sg-calc-op:has(input:checked){border-color:#9C7A2E;box-shadow:0 0 0 1px #9C7A2E;background:#FFFDF8}
body.sgl-box .sg-calc-op:has(input:checked) .sg-calc-op-ic{opacity:1;filter:none;background:#FAF6EC;box-shadow:inset 0 0 0 1px #EEE5D1}
body.sgl-box .sg-calc-op:has(input:focus-visible){outline:2px solid #C6A053;outline-offset:2px}
/* calculadora estreita (celular): cartao em coluna, icone em cima, texto centralizado — "Reto (frontal)" cabe numa linha */
@container sgcalcinst (max-width:400px){
  body.sgl-box .sg-calc-op{flex-direction:column;justify-content:center;gap:6px;padding:10px 8px;text-align:center}
  body.sgl-box .sg-calc-op-tx{align-items:center}
}
body.sgl-box .sg-calc-ok .sg-calc-k{white-space:normal}
/* botao de tela cheia da galeria: o tema da 8px 16px de padding aos botoes e o icone saia 4px para a direita */
body.sgl-box .sg-gal-exp{padding:0!important}

/* 30/10/2026 (13) — Varredura dos 56 boxes:
   - celular: com carga lenta, ate o FlexSlider montar (~2-3 s) o bloco da galeria (item da coluna flex; a coluna da
     esquerda vira display:contents) era medido com 88 px (so miniaturas + margem, sem a foto) e o preco ficava por cima;
     ao montar, ia a altura certa e empurrava tudo (CLS 0,20-0,23 em 10 cargas simultaneas). Reserva = foto quadrada na
     largura do conteudo (100vw - 32 px de margens) + miniaturas 56 = 100vw + 24 px (390 -> 399 px, igual ao final).
     Tablet/computador: sem o problema.
   - titulo do FAQ: o nome em italico podia passar da tela (nowrap) */
@media (max-width:767px){body.sgl-box .elementor-widget-woocommerce-product-images{min-height:calc(100vw + 24px)}}
body.sgl-box .sgfaq-title em{white-space:normal!important}

/* 31/10/2026 (14) — Diferencial e tabela (diretor de design): mesmos cartoes da ficha (borda #E6E1D6, raio 18);
   no celular, a tabela vira um cartao por modelo. */
.sgbx-dif{margin:4px 0 6px!important;font:400 13px/1.35 Inter,system-ui,sans-serif;color:#5B5446;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;text-align:inherit}
.sgbx-dif ~ .sgbx-row{display:none!important}
.sgcat-tab{margin:28px 0 8px;clear:both}
.sgcat-tab h2{margin:0 0 12px!important;font:500 28px/1.2 "Cormorant Garamond",Georgia,serif;color:#0A1521}
.sgcat-tab table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #E6E1D6;border-radius:18px;overflow:hidden;font:400 14px/1.4 Inter,system-ui,sans-serif;color:#0A1521}
.sgcat-tab th,.sgcat-tab td{padding:10px 12px;text-align:left;border-bottom:1px solid #EFEBE2;vertical-align:top}
.sgcat-tab thead th{font-weight:600;font-size:13px;color:#5B5446;background:#FAF8F3}
.sgcat-tab tbody th{font-weight:600}
.sgcat-tab tbody th a{color:#0A1521;text-decoration:underline;text-underline-offset:2px}
.sgcat-tab tbody tr:last-child th,.sgcat-tab tbody tr:last-child td{border-bottom:0}
@media (max-width:767px){.sgcat-tab thead{display:none}.sgcat-tab table,.sgcat-tab tbody,.sgcat-tab tr,.sgcat-tab th,.sgcat-tab td{display:block;width:100%}.sgcat-tab table{border:0;background:none}.sgcat-tab tr{margin-bottom:10px;padding:10px 12px;background:#fff;border:1px solid #E6E1D6;border-radius:14px}.sgcat-tab tbody th,.sgcat-tab td{padding:2px 0;border:0}.sgcat-tab td::before{content:attr(data-k) ": ";color:#5B5446}}

/* 31/10/2026 (15) — Puxadores e acessorios: mesma pagina do box (sgl-box + sgl-item), ficha em lista e filtros simples na categoria */
body.sgl-item .sg-calc,body.sgl-item .sgft-dim{display:none}
body.sgl-box .sgit-dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 24px;background:#fff;border:1px solid #E6E1D6;border-radius:18px;padding:6px 16px}
body.sgl-box .sgit-l{display:grid;grid-template-columns:42% 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #EFEBE2}
body.sgl-box .sgit-l dt{font:400 13px/1.4 Inter,system-ui,sans-serif;color:#5B5446}
body.sgl-box .sgit-l dd{margin:0;font:500 14px/1.4 Inter,system-ui,sans-serif;color:#0A1521}
body.sgl-box .sgit-t{overflow-x:auto;background:#fff;border:1px solid #E6E1D6;border-radius:18px;max-height:420px;overflow-y:auto}
body.sgl-box .sgit-t table{width:100%;min-width:420px;margin:0;border-collapse:collapse;font:400 13px/1.4 Inter,system-ui,sans-serif;color:#0A1521}
body.sgl-box .sgit-t th,body.sgl-box .sgit-t td{padding:9px 12px;text-align:left;border:0;border-bottom:1px solid #EFEBE2;vertical-align:top}
body.sgl-box .sgit-t thead th{position:sticky;top:0;background:#FAF8F3;color:#5B5446;font-weight:600}
.sgit-fs{margin:0 0 18px;display:grid;gap:8px}
.sgit-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sgit-fk{flex:0 0 86px;font:600 13px/1.3 Inter,system-ui,sans-serif;color:#5B5446}
.sgit-c{display:inline-block;padding:5px 11px;border:1px solid #C9C3B6;border-radius:999px;background:#fff;color:#0A1521;font:400 13px/1.3 Inter,system-ui,sans-serif;text-decoration:none}
.sgit-c:hover{border-color:#A99F8C}
.sgit-c.is-on{border-color:#9C7A2E;box-shadow:0 0 0 1px #9C7A2E;background:#FFFDF8}
@media (max-width:767px){.sgit-f{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.sgit-fk{flex:0 0 auto}.sgit-c{flex:0 0 auto}}
body.sgl-item .sglv-section,body.sgl-item .sglv-wrap,body.sgl-item .sglv{display:none!important}
body.sgl-item .sgft-title em{white-space:normal}
body.sgl-item-cat .sgl-filter,body.sgl-item-cat:not(.sgl-pux-cat) .sgl-fab,body.sgl-item-cat .sgl-chipbar,body.sgl-item-cat .sgl-chips,body.sgl-item-cat:not(.sgl-pux-cat) .sgl-drawer-veil,body.sgl-item-cat .sgl-drawer-cta{display:none!important}
.sgit-f{scrollbar-width:none}.sgit-f::-webkit-scrollbar{display:none}
.sgcat-tab-w td,.sgcat-tab-w tr:nth-child(odd) td,.sgcat-tab-w th{background:transparent}
.sgcat-tab thead th{background:#FAF8F3}
body.sgl-item-cat:not(.sgl-pux-cat) .elementor-element-ae20001 > .e-con-inner > .e-con:not(.elementor-element-ae20004){display:none!important}
body.sgl-item-cat:not(.sgl-pux-cat) .elementor-element-ae20004{flex:1 1 100%!important;width:100%!important;max-width:100%!important}
body.sgl-item-cat:not(.sgl-pux-cat) ul.products img{object-fit:contain!important;background:#fff}
.sgft .sw-grafite-onix{background:linear-gradient(135deg,#4a4d52,#2b2d31)}
.sgft .sw-grafite{background:linear-gradient(135deg,#5b5e63,#3a3c40)}
.sgft .sw-rose-fosco{background:#c9a39f}
.sgft .sw-summer-gold{background:linear-gradient(135deg,#e6cf9c,#c8a765)}
.sgft .sw-red-gold{background:linear-gradient(135deg,#c98a70,#9e6049)}
.sgft .sw-champanhe{background:linear-gradient(135deg,#e3d6bd,#c5b392)}
.sgft .sw-bronze{background:linear-gradient(135deg,#8a6a4a,#5f462f)}
/* 31/10/2026 (16): puxadores sairam daqui: docs/puxador.css.2026-10-31.css, so nas paginas de puxador (sgl_pux_css) */
/* 01/11/2026: compra online e upsell box/espelho */
.sgl-online{margin:12px 0 0!important;padding:10px 12px;border-left:3px solid #C6A053;background:#FBFAF7;color:#0A1521;font:400 13px/1.5 Inter,system-ui,sans-serif}
.woocommerce-cart .sgl-online,.woocommerce-checkout .sgl-online{margin:0 0 16px!important}
.sgl-upsell{margin-top:48px}
.sgl-upsell-sub{margin:0 0 20px!important;color:#5B5446;font:400 14px/1.5 Inter,system-ui,sans-serif}
.sgl-upsell .button,.sgl-upsell .add_to_cart_button,.sgl-upsell .added_to_cart{display:none!important}
.sgl-upsell-link{margin:16px 0 0!important;font:500 14px/1.5 Inter,system-ui,sans-serif}
.sgl-upsell-link a{color:#7A5A1C;text-decoration:underline}
/* parecer de design de 01/11 (P5 a P9): 3 colunas de verdade, sem botao, com preco */
@media(min-width:768px){.sgl-upsell ul.products.elementor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.sgl-box .elementor-widget-woocommerce-product-related .sgl-upsell .button{display:none!important}
body.sgl-box .sgl-upsell ul.products li.product .price{display:block!important;margin:6px 0 0;font:400 13px/1.4 Inter,system-ui,sans-serif!important;color:#5B5446}
body.sgl-box .sgl-upsell ul.products li.product .price .amount{font-size:18px;font-weight:600;color:#0A1521}
body.sgl-box .sgl-upsell ul.products li.product .price ins{text-decoration:none}
body.sgl-box .sgl-upsell ul.products li.product .price del{display:none}
.sgl-upsell ul.products li.product .price:has(.sgl-box-from){display:block!important}