/* Fuê — Página de produto (Figma: Produto (PDP) — Desktop · Tablet · Mobile) */

.fue-pdp__crumb { padding: 0 var(--fue-margin); }
@media (max-width: 767px) { .fue-pdp__crumb { display: none; } }
@media (min-width: 1024px) { .fue-pdp__crumb { padding: 24px var(--fue-margin); } }

.fue-pdp { display: flex; flex-direction: column; }
@media (min-width: 768px) { .fue-pdp { flex-direction: row; align-items: flex-start; } }
@media (min-width: 1024px) { .fue-pdp { gap: 48px; padding: 0 var(--fue-margin) var(--fue-section); } }

/* Galeria em carrossel (feedback 30/09): swipe no celular; setas, contador e
 * miniaturas no tablet/desktop. Um trilho com scroll-snap — o JS só move. */
.fue-pdp__galeria { position: relative; min-width: 0; }
.fue-pdp__palco { position: relative; }
.fue-pdp__trilho { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.fue-pdp__trilho::-webkit-scrollbar { display: none; }
.fue-pdp__trilho:focus-visible { outline-offset: -2px; }
.fue-pdp__foto { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 3 / 4; background: var(--fue-surface-secondary); position: relative; overflow: hidden; }
.fue-pdp__foto img, .fue-pdp__foto video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fue-pdp__foto.is-video { background: var(--fue-surface-dark); }
.fue-pdp__foto.is-video video { object-fit: contain; }
.fue-pdp__contador { position: absolute; left: 16px; bottom: 16px; padding: 6px 8px; background: #fff; pointer-events: none; }
.fue-pdp__seta {
	position: absolute; top: 50%; display: none; place-items: center; width: 44px; height: 44px; margin-top: -22px;
	background: #fff; color: #000; transition: opacity var(--fue-fast), background var(--fue-fast);
}
.fue-pdp__seta--ant { left: 16px; }
.fue-pdp__seta--prox { right: 16px; }
.fue-pdp__seta:hover { background: #000; color: #fff; }
.fue-pdp__seta:disabled { opacity: 0; pointer-events: none; }
.fue-pdp__miniaturas { display: none; gap: 8px; margin: 8px 0 0; padding: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.fue-pdp__miniaturas::-webkit-scrollbar { display: none; }
.fue-pdp__miniaturas button { position: relative; display: grid; place-items: center; width: 72px; aspect-ratio: 3 / 4; overflow: hidden; background: var(--fue-surface-secondary); opacity: .55; transition: opacity var(--fue-fast); }
.fue-pdp__miniaturas button::after { content: ""; position: absolute; inset: 0; border: 1px solid transparent; transition: border-color var(--fue-fast); }
.fue-pdp__miniaturas button:hover, .fue-pdp__miniaturas button[aria-current="true"] { opacity: 1; }
.fue-pdp__miniaturas button[aria-current="true"]::after { border-color: #000; }
.fue-pdp__miniaturas img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fue-pdp__miniaturas .is-video { background: var(--fue-surface-dark); color: #fff; }
@media (min-width: 768px) {
	.fue-pdp__galeria { flex: 1; }
	.fue-pdp__seta { display: grid; }
	.fue-pdp__miniaturas { display: flex; }
}
@media (min-width: 1024px) { .fue-pdp__galeria { flex: 0 1 812px; } .fue-pdp__miniaturas button { width: 84px; } }
/* Telas largas: a página inteira em uso — galeria cresce e mostra duas fotos
   lado a lado (com 2+ fotos); o painel acompanha até 560px. */
@media (min-width: 1280px) {
	.fue-pdp { gap: 64px; }
	.fue-pdp__galeria { flex: 1 1 0; }
	.fue-pdp__trilho:has(> .fue-pdp__foto:nth-child(2)) { gap: 8px; }
	.fue-pdp__trilho:has(> .fue-pdp__foto:nth-child(2)) > .fue-pdp__foto { flex-basis: calc(50% - 4px); }
}
@media (hover: hover) and (min-width: 768px) {
	.fue-pdp__palco .fue-pdp__seta:not(:disabled) { opacity: 0; }
	.fue-pdp__palco:hover .fue-pdp__seta:not(:disabled), .fue-pdp__seta:focus-visible { opacity: 1; }
}

/* Painel de compra */
.fue-pdp__painel { display: flex; flex-direction: column; gap: 24px; padding: 32px var(--fue-margin); }
@media (min-width: 768px) { .fue-pdp__painel { width: 390px; flex-shrink: 0; padding: 40px 20px; position: sticky; top: calc(var(--fue-header-h) + 16px); } }
@media (min-width: 1024px) { .fue-pdp__painel { width: auto; flex: 0 1 500px; padding: 0; gap: 28px; } }
@media (min-width: 1280px) { .fue-pdp__painel { flex: 0 0 clamp(420px, 32vw, 560px); } }

.fue-pdp__id { display: flex; flex-direction: column; gap: 14px; }
.fue-pdp__cat { display: flex; align-items: center; gap: 12px; color: var(--fue-text-tertiary); }
.fue-pdp__cat a:hover { color: #000; }
.fue-pdp__guia { margin-top: -12px; }
.fue-pdp__guia a { text-decoration: underline; text-underline-offset: 4px; }
.fue-pdp__modelo { color: var(--fue-text-tertiary); margin-top: -16px; }
.fue-pdp__meta { display: flex; gap: 20px; color: var(--fue-text-tertiary); }
.fue-pdp__breve { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 20px; background: var(--fue-surface-secondary); }
.fue-pdp__breve p { color: var(--fue-text-secondary); }
.fue-pdp__breve .fue-news { width: 100%; }

/* Formulário do Woo reestilizado (variações + quantidade + botão) */
.fue-pdp__compra form.cart { display: flex; flex-direction: column; gap: 24px; }
.fue-pdp__compra table.variations { border-collapse: collapse; width: 100%; }
.fue-pdp__compra table.variations tr { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
.fue-pdp__compra table.variations th, .fue-pdp__compra table.variations td { padding: 0; text-align: left; }
.fue-pdp__compra table.variations label { font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.fue-var__select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.fue-var { display: flex; flex-wrap: wrap; gap: 8px; }
.fue-var--cor { gap: 10px; }
.fue-var__chip {
	display: grid; place-items: center; min-width: 48px; height: 48px; padding: 0 12px; position: relative;
	border: 1px solid var(--fue-border-default); background: #fff;
	transition: background var(--fue-fast) var(--fue-ease), color var(--fue-fast) var(--fue-ease), border-color var(--fue-fast), transform var(--fue-fast) var(--fue-ease);
}
@media (min-width: 1024px) { .fue-var__chip { min-width: 56px; height: 56px; } }
.fue-var__chip:hover:not(.is-off) { border-color: #000; transform: translateY(-2px); }
.fue-var__chip:active:not(.is-off) { transform: scale(.96); }
.fue-var__chip[aria-checked="true"] { background: var(--fue-sel, #000); color: #fff; border-color: var(--fue-sel, #000); animation: fue-pop var(--fue-base) var(--fue-ease); }
.fue-var__chip.is-off { color: var(--fue-text-disabled); border-color: var(--fue-border-subtle); cursor: not-allowed; }
.fue-var__chip.is-off::after { content: ""; position: absolute; left: 8px; right: 8px; top: 50%; height: 1px; background: var(--fue-border-default); transform: rotate(-35deg); }
.fue-var__cor {
	position: relative; width: 30px; height: 30px; border-radius: 999px; background: var(--sw); margin: 7px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
	transition: transform var(--fue-fast) var(--fue-ease);
}
/* anel de seleção desenhado à parte, para animar de fora para dentro */
.fue-var__cor::before {
	content: ""; position: absolute; inset: -6px; border-radius: 999px; border: 2px solid #000;
	opacity: 0; transform: scale(1.25); transition: opacity var(--fue-fast), transform var(--fue-base) var(--fue-ease);
}
.fue-var__cor:hover { transform: scale(1.08); }
.fue-var__cor[aria-checked="true"]::before { opacity: 1; transform: scale(1); }
.fue-var__cor.is-off { opacity: .35; cursor: not-allowed; }
@keyframes fue-pop { 0% { transform: scale(.92); } 60% { transform: scale(1.04); } 100% { transform: scale(1); } }
.fue-pdp__compra table.variations th label { transition: opacity var(--fue-fast); }

/* Preço/estoque da variação escolhida */
.fue-pdp__compra .single_variation_wrap .woocommerce-variation-price { display: none; }
.fue-pdp__compra .woocommerce-variation-availability:not(:empty) { font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--fue-accent-new); margin-bottom: 12px; }
.fue-pdp__compra .stock.out-of-stock { color: var(--fue-text-sale); }

/* Linha de compra: [− 1 +] [ADICIONAR À SACOLA] */
.fue-pdp__compra .woocommerce-variation-add-to-cart,
.fue-pdp__compra form.cart:not(.variations_form) { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
.fue-pdp__compra .quantity { order: 1; }
.fue-pdp__compra .single_add_to_cart_button {
	order: 2; flex: 1 1 200px; min-height: 52px; border: 0; background: #000; color: #fff;
	font-size: 13px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
	transition: background var(--fue-fast), opacity var(--fue-fast);
}
.fue-pdp__compra .single_add_to_cart_button:hover { background: var(--fue-surface-dark); }
.fue-pdp__compra .single_add_to_cart_button.disabled { opacity: .35; cursor: not-allowed; }
.fue-pdp__compra .single_add_to_cart_button.loading { opacity: .6; pointer-events: none; }


/* Melhor Envio — "Frete e prazo" (item 6, padrão Yllime). O plugin traz fundo
   cinza e cantos arredondados: tudo zerado aqui. */
.fue-pdp__compra .containerCalculator {
	order: 3; flex: 1 1 100%; margin: 16px 0 0 !important; padding: 24px 0 0 !important;
	background: none !important; border: 0 !important; border-top: 1px solid var(--fue-border-subtle) !important; border-radius: 0 !important; box-shadow: none !important;
}
.fue-pdp__compra .containerCalculator .calculatorRow, .fue-pdp__compra .containerCalculator .row, .fue-pdp__compra .containerCalculator .col-75 { width: 100%; margin: 0; padding: 0; background: none; }
.fue-pdp__compra .containerCalculator p { margin: 0 0 12px; font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--fue-text-primary); }
.fue-pdp__compra #inputCep {
	width: 100%; height: 48px; margin: 0; padding: 0 16px; border: 1px solid var(--fue-border-default); border-radius: 0; background: #fff;
	font-size: 15px; box-shadow: none;
}
.fue-pdp__compra #inputCep:focus { border-color: #000; outline: none; }
.fue-pdp__compra #calcular-frete-loader { margin-top: 12px; flex-direction: column; } /* o plugin liga com display:flex */
/* Carregando: esqueleto de 2 opções no lugar do GIF do plugin. */
.fue-pdp__compra #calcular-frete-loader img { display: none; }
.fue-pdp__compra #calcular-frete-loader::before, .fue-pdp__compra #calcular-frete-loader::after {
	content: ""; display: block; width: 100%; height: 44px; margin-bottom: 8px;
	background: linear-gradient(90deg, #ebe9e5 0%, #f7f6f4 50%, #ebe9e5 100%) 0 0 / 200% 100%; animation: fue-skel 1.2s linear infinite;
}
.fue-pdp__compra .resultado-frete { margin-top: 8px; }
.fue-pdp__compra .resultado-frete table { width: 100%; border-collapse: collapse; }
.fue-pdp__compra .resultado-frete td { padding: 14px 0; border-bottom: 1px solid var(--fue-border-subtle); text-align: left; font-weight: 400; font-size: 14px; }
/* Opção reorganizada pelo product.js: transportadora + prazo à esquerda, preço à direita. */
.fue-frete-op { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 16px; }
.fue-frete-op__nome { font-size: 15px; font-weight: 500; color: #000; }
.fue-frete-op__prazo { grid-column: 1; font-size: 13px; color: var(--fue-text-tertiary); }
.fue-frete-op__preco { grid-column: 2; grid-row: 1 / span 2; font-size: 15px; font-weight: 500; color: #000; white-space: nowrap; }
.fue-frete-op__preco.is-gratis { color: var(--fue-success); }
.fue-frete-op__tags { display: inline-flex; gap: 6px; margin-left: 8px; vertical-align: 2px; }
.fue-frete-op__tag { padding: 3px 6px; font-size: 10px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; background: var(--fue-surface-secondary); color: #000; }
.fue-pdp__compra .resultado-frete small { display: block; margin-top: 10px; font-size: 13px; color: var(--fue-text-tertiary); }
.fue-cep-help { order: 4; flex: 1 1 100%; color: var(--fue-text-tertiary); text-decoration: underline; text-underline-offset: 3px; margin-top: -2px; }
.fue-cep-help:hover { color: #000; }

/* Seu Ajuste */
.fue-ajuste { display: flex; flex-direction: column; gap: 16px; padding: 24px; background: var(--fue-surface-secondary); }
.fue-ajuste__topo { display: flex; align-items: center; gap: 10px; }
.fue-ajuste__lead { color: var(--fue-text-secondary); }
.fue-ajuste__form { display: flex; gap: 8px; }
.fue-ajuste__form input { flex: 1; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid var(--fue-border-default); background: #fff; border-radius: 0; }
.fue-ajuste__form button { height: 48px; padding: 0 22px; background: #000; color: #fff; }
.fue-ajuste__nota { color: var(--fue-text-tertiary); }
.fue-ajuste__nota a { text-decoration: underline; text-underline-offset: 3px; }
.fue-ajuste.is-res { background: #000; color: #fff; }
.fue-ajuste.is-res .fue-ajuste__lead, .fue-ajuste.is-res .fue-ajuste__nota { color: rgba(255,255,255,.8); }
.fue-ajuste__res:empty { display: none; }
.fue-ajuste__res { display: flex; flex-direction: column; gap: 12px; }
.fue-ajuste__linha { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.fue-ajuste__escala { display: flex; gap: 6px; }
.fue-ajuste__escala span { flex: 1; display: flex; flex-direction: column; gap: 8px; font-size: 11px; letter-spacing: .12em; }
.fue-ajuste__escala span::before { content: ""; height: 6px; background: #fff; }
.fue-ajuste__escala span.is-on::before { background: var(--fue-accent-new); }

/* Accordions */
.fue-acc__item { border-top: 1px solid var(--fue-border-subtle); }
.fue-acc__item:last-child { border-bottom: 1px solid var(--fue-border-subtle); }
.fue-acc__item summary { display: flex; justify-content: space-between; align-items: center; min-height: 63px; list-style: none; cursor: pointer; }
.fue-acc__item summary::-webkit-details-marker { display: none; }
.fue-acc__item[open] summary svg { transform: rotate(45deg); }
.fue-acc__corpo { color: var(--fue-text-secondary); padding-bottom: 20px; }
.fue-acc__corpo p + p { margin-top: 12px; }

/* Regulador */
.fue-regulador { background: var(--fue-surface-secondary); padding: 64px 0; }
@media (min-width: 1024px) { .fue-regulador { padding: var(--fue-section) 0; } }
.fue-regulador__h { display: flex; flex-direction: column; gap: 16px; padding: 0 var(--fue-margin) 40px; max-width: 800px; }
.fue-regulador__h > p:first-of-type { color: var(--fue-text-tertiary); }
.fue-regulador__h .t-body-l { color: var(--fue-text-secondary); }
.fue-regulador__grade { display: grid; grid-auto-flow: column; grid-auto-columns: 85%; gap: var(--fue-gap); padding: 0 var(--fue-margin); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
@media (min-width: 768px) { .fue-regulador__grade { grid-auto-flow: row; grid-template-columns: repeat(3, 1fr); overflow: visible; } }
.fue-regulador__item { background: #fff; scroll-snap-align: start; }
.fue-regulador__item img { width: 100%; aspect-ratio: 479 / 620; object-fit: cover; }
.fue-regulador__item figcaption { display: flex; flex-direction: column; gap: 8px; padding: 16px 28px 32px; }
.fue-regulador__item p { color: var(--fue-text-secondary); }


/* Relacionados */
.fue-relacionados { padding-bottom: var(--fue-section); }

/* CTA fixo no mobile */
.fue-pdp__fixo {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 110; display: flex; align-items: center; gap: 14px;
	padding: 14px 16px; background: #fff; border-top: 1px solid var(--fue-border-subtle);
}
.fue-pdp__fixo .fue-price { gap: 2px; }
.fue-pdp__fixo .fue-pix { display: none; }
.fue-pdp__fixo .fue-btn { flex: 1; }
@media (min-width: 1024px) { .fue-pdp__fixo { display: none !important; } }


/* Accordion: ícone + gira e o corpo entra com fade (a altura é animada no JS) */
.fue-acc__item summary svg { transition: transform var(--fue-base) var(--fue-ease); }
.fue-acc__item[open] .fue-acc__corpo { animation: fue-fade-down var(--fue-base) var(--fue-ease); }
@keyframes fue-fade-down { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Galeria clicável + tela cheia (item 18) */
.fue-pdp__foto[role="button"] { cursor: zoom-in; }
.fue-pdp__foto img { transition: transform 900ms var(--fue-ease); }
@media (hover: hover) { .fue-pdp__foto[role="button"]:hover img { transform: scale(1.02); } }
.fue-lb { position: fixed; inset: 0; z-index: 500; display: grid; grid-template-columns: 64px 1fr 64px; align-items: center; background: #fff; }
.fue-lb__img { grid-column: 2; justify-self: center; max-width: 100%; max-height: 100vh; object-fit: contain; opacity: 0; transform: scale(.985); transition: opacity var(--fue-base) var(--fue-ease), transform var(--fue-base) var(--fue-ease); }
.fue-lb__img.is-in { opacity: 1; transform: none; }
.fue-lb__seta { display: grid; place-items: center; width: 48px; height: 48px; margin: auto; font-size: 32px; line-height: 1; border-radius: 999px; border: 1px solid var(--fue-border-subtle); background: #fff; }
.fue-lb__seta--ant { grid-column: 1; grid-row: 1; }
.fue-lb__seta--prox { grid-column: 3; grid-row: 1; }
.fue-lb__img { grid-row: 1; }
.fue-lb__x { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; font-size: 20px; }
.fue-lb__n { position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); }
.fue-lb.is-single .fue-lb__seta { visibility: hidden; }
@media (max-width: 767px) { .fue-lb { grid-template-columns: 0 1fr 0; } .fue-lb__seta { display: none; } }
.fue-pdp__erro { order: 5; flex: 1 1 100%; }

/* ---------- nota no topo do produto ---------- */
.fue-pdp__nota { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: -4px; color: var(--fue-text-secondary); text-decoration: none; }
.fue-pdp__nota strong { color: #000; font-weight: 600; }
.fue-pdp__nota:hover span { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Avaliações (só quem comprou) ---------- */
.fue-avaliacoes { padding: 64px var(--fue-margin); border-top: 1px solid var(--fue-border-subtle); }
@media (min-width: 1024px) { .fue-avaliacoes { padding: var(--fue-section) var(--fue-margin); } }
.fue-avaliacoes .fue-sh { margin-bottom: 32px; padding: 0; }
.fue-avaliacoes__vazio { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; max-width: 560px; padding: 32px; background: var(--fue-surface-secondary); }
.fue-avaliacoes__vazio .t-body-m { color: var(--fue-text-secondary); }

.fue-avaliacoes__grade { display: grid; gap: 40px; }
@media (min-width: 1024px) { .fue-avaliacoes__grade { grid-template-columns: minmax(280px, 360px) 1fr; gap: 64px; align-items: start; } .fue-avaliacoes__resumo { position: sticky; top: calc(var(--fue-header-h) + 24px); } }

.fue-avaliacoes__resumo { display: flex; flex-direction: column; gap: 28px; }
.fue-avaliacoes__media { display: flex; align-items: center; gap: 16px; }
.fue-avaliacoes__media strong { font-family: var(--fue-font-marca); font-weight: 800; line-height: 1; }
.fue-avaliacoes__media p { margin: 6px 0 0; color: var(--fue-text-tertiary); }

.fue-avaliacoes__dist { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.fue-avaliacoes__barra { display: grid; grid-template-columns: 34px 1fr 28px; align-items: center; gap: 10px; width: 100%; min-height: 32px; padding: 0; background: none; border: 0; text-align: left; cursor: pointer; }
.fue-avaliacoes__barra .t-label-s { display: inline-flex; align-items: center; gap: 4px; }
.fue-avaliacoes__barra .t-body-s { color: var(--fue-text-tertiary); text-align: right; }
.fue-avaliacoes__barra:disabled { cursor: default; opacity: .45; }
.fue-avaliacoes__barra:not(:disabled):hover .fue-avaliacoes__trilho i, .fue-avaliacoes__barra[aria-pressed="true"] .fue-avaliacoes__trilho i { background: var(--fue-surface-dark); }
.fue-avaliacoes__barra[aria-pressed="true"] .t-label-s { text-decoration: underline; text-underline-offset: 3px; }
.fue-avaliacoes__trilho { position: relative; height: 6px; background: var(--fue-surface-secondary); }
.fue-avaliacoes__trilho i { position: absolute; inset: 0 auto 0 0; background: #000; }

.fue-caimento { display: flex; flex-direction: column; gap: 10px; padding-top: 24px; border-top: 1px solid var(--fue-border-subtle); }
.fue-caimento > .t-label-s { color: var(--fue-text-tertiary); }
.fue-caimento__trilho { display: flex; gap: 3px; height: 8px; }
.fue-caimento__parte { flex-basis: 0; background: var(--fue-border-default); }
.fue-caimento__parte.is-certo { background: #000; }
.fue-caimento__legenda { display: flex; justify-content: space-between; color: var(--fue-text-tertiary); }
.fue-caimento__frase { margin: 4px 0 0; }

.fue-avaliacoes__galeria { display: flex; flex-direction: column; gap: 10px; padding-top: 24px; border-top: 1px solid var(--fue-border-subtle); }
.fue-avaliacoes__galeria > .t-label-s { color: var(--fue-text-tertiary); }
.fue-avaliacoes__galeria > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }

.fue-avaliacoes__filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.fue-chip-filtro { min-height: 40px; padding: 0 16px; border: 1px solid var(--fue-border-default); background: #fff; font-size: 13px; letter-spacing: .02em; transition: border-color var(--fue-fast), background var(--fue-fast), color var(--fue-fast); }
.fue-chip-filtro span { color: var(--fue-text-tertiary); }
.fue-chip-filtro:hover { border-color: #000; }
.fue-chip-filtro.is-on { background: #000; border-color: #000; color: #fff; }
.fue-chip-filtro.is-on span { color: rgba(255,255,255,.7); }

.fue-avaliacoes__lista { transition: opacity var(--fue-fast); }
.fue-avaliacoes.is-carregando .fue-avaliacoes__lista { opacity: .45; }
.fue-avaliacoes__nada { padding: 32px 0; color: var(--fue-text-secondary); }
.fue-avaliacoes__mais { margin-top: 24px; }

.fue-avaliacao { display: flex; flex-direction: column; gap: 14px; padding: 28px 0; border-bottom: 1px solid var(--fue-border-subtle); }
.fue-avaliacao__topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fue-avaliacao__topo time { color: var(--fue-text-tertiary); }
.fue-avaliacao__texto { margin: 0; white-space: normal; }
.fue-avaliacao__meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.fue-avaliacao__meta li { padding: 6px 10px; background: var(--fue-surface-secondary); color: var(--fue-text-secondary); }
.fue-avaliacao__meta li.is-fit-certo { background: #000; color: #fff; }
.fue-avaliacao__fotos { display: flex; gap: 8px; }
.fue-avaliacao__foto { position: relative; display: block; width: 96px; aspect-ratio: 3 / 4; padding: 0; overflow: hidden; border: 0; background: var(--fue-surface-secondary); cursor: zoom-in; }
.fue-avaliacoes__galeria .fue-avaliacao__foto { width: 100%; }
.fue-avaliacao__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--fue-base) var(--fue-ease); }
.fue-avaliacao__foto:hover img { transform: scale(1.04); }
.fue-avaliacao__foto:focus-visible { outline: 2px solid #000; outline-offset: 2px; }
.fue-avaliacao__autor { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; color: var(--fue-text-tertiary); }
.fue-avaliacao__autor strong { color: #000; font-weight: 600; }
.fue-avaliacao__ok { display: inline-flex; align-items: center; gap: 4px; color: var(--fue-success); }
.fue-avaliacao__resposta { margin-left: 16px; padding: 14px 16px; border-left: 2px solid #000; background: var(--fue-surface-secondary); }
.fue-avaliacao__resposta .t-label-s { margin: 0 0 6px; color: var(--fue-text-tertiary); }
.fue-avaliacao__resposta .t-body-m { margin: 0; }

.fue-rv-zoom { width: min(92vw, 720px); max-height: 92vh; padding: 0; border: 0; background: #000; }
.fue-rv-zoom::backdrop { background: rgba(0,0,0,.8); }
.fue-rv-zoom img { display: block; width: 100%; max-height: 92vh; object-fit: contain; }
.fue-rv-zoom__x { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 44px; height: 44px; background: #fff; border: 0; }
@media (prefers-reduced-motion: reduce) { .fue-avaliacao__foto img { transition: none; } }

/* ---------- Seu tamanho (cliente logada com "Seu ajuste") ---------- */
.fue-var__chip.is-seu { position: relative; }
.fue-var__chip.is-seu::after { content: ""; position: absolute; left: 50%; bottom: 6px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: currentColor; }
.fue-var__seu { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 12px 0 0; color: var(--fue-text-secondary); }
.fue-var__seu-ponto { width: 4px; height: 4px; border-radius: 50%; background: #000; }
.fue-var__seu a { color: #000; text-decoration: underline; text-underline-offset: 3px; }
