/*
 * Dobras "Everyday is a Guday", "Por que escolher a Guday?" e galeria de vídeos (inc/guday-dobras.php).
 * Medidas tiradas da guday.com.br em 24/09/2026 (1440px e 390px). Depende das variáveis e fontes de guday-ref.css.
 * Fonte: Cormorant Garamond e Jost (marca Pump Cream), pelas variáveis --gd-fonte e --gd-fonte-marca de base.css.
 */
.gdd-historia, .gdd-comp, .gdd-videos {
	--gdd-fundo: #E9E1D6;
	--gdd-lilas: #7D6A55;
	--gdd-rosa: #7D6A55;
	--gdd-verde: #7D6A55;
	--gdd-verde-claro: #D7CBBB;
	--gdd-cinza: #6A6157;
	--gdd-linha: #DED5C8;
	font-family: var(--gd-fonte);
	letter-spacing: 0.02em;
	color: var(--gd-roxo);
	box-sizing: border-box;
}
.gdd-historia *, .gdd-comp *, .gdd-videos * { box-sizing: inherit; }
:where(.gdd-historia, .gdd-comp, .gdd-videos) :is(h2, p, ul) { margin: 0; }
:where(.gdd-historia, .gdd-comp, .gdd-videos) :is(a, button, summary):focus-visible { outline: 3px solid var(--gd-roxo); outline-offset: 2px; }
/* ---------- 3. Galeria de vídeos ---------- */
.gdd-videos-inner { max-width: 1470px; margin: 0 auto; padding: 0 15px; }
.gdd-videos-titulo { margin: 0 0 40px; font-family: var(--gd-fonte); font-size: 24px; font-weight: 600; line-height: 1; text-transform: lowercase; }
.gdd-videos-titulo a { display: flex; justify-content: center; align-items: center; color: #fff; text-decoration: none; }
.gdd-videos-titulo img { width: 32px; height: 32px; margin-right: 10px; border: 1px solid #fff; border-radius: 32px; }
.gdd-verificado { width: 18px; height: 18px; margin-left: 4px; transform: translateY(2px); }
.gdd-v-carrossel { --gdd-por-vez: 5; --gdd-espaco: 10px; position: relative; margin-inline: -7.5px; padding-bottom: 56px; }
.gdd-v-trilho {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - var(--gdd-espaco) * (var(--gdd-por-vez) - 1)) / var(--gdd-por-vez));
	gap: var(--gdd-espaco);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
}
.gdd-v-trilho::-webkit-scrollbar { display: none; }
.gdd-v-trilho.is-arrastando { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; }
.gdd-v-video { position: relative; aspect-ratio: 0.56; cursor: pointer; }
.gdd-v-midia { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 8px; background: #2815501a; }
.gdd-v-controles :is(a, button) { pointer-events: auto; }
.gdd-v-topo, .gdd-v-base { display: flex; padding: 10px 10px 0; }
.gdd-v-base { flex-direction: column; align-items: flex-end; gap: 8px; }
.gdd-v-topo-botoes { display: flex; gap: 4px; }
.gdd-v-autor:hover { color: #fff; }
.gdd-v-botao {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 3px;
	border: 0;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}
.gdd-v-icone { width: 20px; height: 20px; fill: currentColor; }
.gdd-v-pip { background: var(--gd-roxo); }
.gdd-v-pip[hidden] { display: none; }
.gdd-v-partilhar, .gdd-v-play { background: var(--gdd-lilas); }
.gdd-v-partilhar .gdd-v-icone { transform: rotate(-45deg) translate(2px); }
.gdd-v-som { background: #fff; color: #000; }
.gdd-v-icone-som, .gdd-v-som[aria-pressed="true"] .gdd-v-icone-mudo, .gdd-v-icone-pause, .gdd-v-play.is-tocando .gdd-v-icone-play { display: none; }
.gdd-v-som[aria-pressed="true"] .gdd-v-icone-som, .gdd-v-play.is-tocando .gdd-v-icone-pause { display: block; }
/* Card translúcido do produto */
.gdd-v-produto {
	position: absolute;
	right: 10px;
	bottom: 10px;
	left: 10px;
	z-index: 3;
	display: flex;
	align-items: center;
	height: 88px;
	padding: 8px 4px;
	border-radius: 10px;
	background: #ffffffb3;
	-webkit-backdrop-filter: blur(2.5px);
	backdrop-filter: blur(2.5px);
}
.gdd-v-produto-img { flex: none; width: 66px; height: 72px; padding: 6px 0 6px 6px; }
.gdd-v-produto-img img { display: block; width: 60px; height: 60px; object-fit: contain; border-radius: 15px; }
.gdd-v-produto-info { flex: 1; min-width: 0; padding: 6px 0 6px 10px; }
.gdd-v-produto-nome {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: var(--gd-roxo);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.01em;
	text-decoration: none;
}
.gdd-v-produto-nome:hover { color: var(--gd-roxo); text-decoration: underline; }
.gdd-v-produto-preco { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 4px; margin-top: 6px !important; line-height: 1; }
.gdd-v-produto-preco :is(del, ins) { text-decoration: none; background: none; }
.gdd-v-produto-preco del { color: #6E6E6E; font-size: 12px; text-decoration: line-through; }
.gdd-v-produto-preco ins { color: #6F5D49; font-size: 14px; font-weight: 600; }
.gdd-v-comprar {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0 14px 0 8px;
	border-radius: 32px;
	background: var(--gdd-lilas);
	text-decoration: none;
}
.gdd-v-comprar:hover { filter: brightness(1.05); }
.gdd-v-comprar.loading { opacity: 0.6; }
.gdd-v-comprar.added::after, .gdd-v-item .added_to_cart { display: none; }
.gdd-sacola { width: 20px; height: auto; }
.gdd-sacola path { fill: #fff; }
.gdd-sacola path:first-child { stroke: #fff; fill: none; stroke-width: 1.5; }
/* Setas no canto de baixo à direita */
.gdd-v-seta {
	position: absolute;
	bottom: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 10px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	color: var(--gd-roxo);
	cursor: pointer;
}
.gdd-v-seta--ant { right: 42px; }
.gdd-v-seta--prox { right: 0; }
@media (max-width: 1399px) {
	.gdd-v-carrossel { --gdd-por-vez: 4; }
}
@media (max-width: 1199px) {
	.gdd-v-carrossel { --gdd-por-vez: 3.4; }
	.gdd-v-produto-nome, .gdd-v-produto-preco ins { font-size: 12px; line-height: 1.1; }
}
@media (max-width: 1024px) {
	.gdd-v-carrossel { margin-inline: -5px; }
	.gdd-v-produto-img { width: 56px; height: 62px; }
	.gdd-v-produto-img img { width: 50px; height: 50px; }
}
@media (max-width: 991px) {
	.gdd-v-carrossel { --gdd-por-vez: 2.8; }
}
@media (max-width: 766px) {
	.gdd-v-carrossel { --gdd-por-vez: 2.08; }
}
@media (max-width: 767px) {
	.gdd-videos-inner { padding: 0 10px; }
	.gdd-videos-titulo { margin-bottom: 28px; font-size: 20px; }
	.gdd-v-produto-preco { flex-direction: column; align-items: flex-start; gap: 4px; }
	.gdd-v-produto-preco :is(del, ins) { font-size: 18px; }
	.gdd-v-seta { width: 35px; height: 35px; }
}
@media (max-width: 550px) {
	.gdd-v-carrossel { --gdd-por-vez: 1.4; }
}
@media (max-width: 449px) {
	.gdd-v-carrossel { --gdd-por-vez: 1.25; }
}
@media (prefers-reduced-motion: reduce) {
	.gdd-v-trilho { scroll-behavior: auto; }
	.gdd-comp-chevron { transition: none; }
}
/* ============ Vídeos com a cara da Pump Cream (25/09/2026) ============
 * Fundo branco, título e descrição com as classes padrão de seção, perfil numa cápsula pequena,
 * vídeos com cantos mais redondos, setas em círculo e um fade nas duas pontas do carrossel. */
.gdd-videos { background: #fff; padding: 64px 0 56px; }
.gdd-videos-cabeca { display: grid; justify-items: center; gap: 10px; margin: 0 auto 32px; padding: 0 16px; text-align: center; }
.gdd-videos-titulo { margin: 0; text-transform: none; }
.gdd-videos-perfil {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	padding: 5px 14px 5px 5px;
	border: 1px solid #DED5C8;
	border-radius: 999px;
	background: #fff;
	color: #14110E;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s;
}
.gdd-videos-perfil:hover { background: #E9E1D6; color: #14110E; }
.gdd-videos-perfil img { width: 24px; height: 24px; border-radius: 50%; }
.gdd-v-video, .gdd-v-midia { border-radius: 8px !important; overflow: hidden; }
.gdd-v-seta { width: 40px; height: 40px; border: 1px solid #DED5C8; background: #fff !important; color: #14110E; }
.gdd-v-seta:is(:hover, :active) { background: #E9E1D6 !important; }
.gdd-v-seta-icone { width: 16px; height: 16px; stroke: currentColor; stroke-width: 2.4; }
@media (max-width: 767px) {
	.gdd-videos { padding: 44px 0 40px; }
	.gdd-videos-cabeca { margin-bottom: 22px; }
}
/* ============ Carrossel de vídeos centralizado (29/09/2026) ============
 * Dentro da largura do site (não vai de borda a borda). O vídeo do centro fica no tamanho cheio e os dos
 * lados encolhem aos poucos conforme se afastam (js/dobras.js calcula escala e deslocamento a cada quadro,
 * então a transição acompanha o arraste). Arrasta com o mouse com inércia e dá a volta (loop).
 * A largura do vídeo do centro é calculada para caber exatamente --gdd-v-visiveis vídeos na linha (5 no
 * computador, 3 no tablet), contando que os dos lados ficam em --gdd-v-lateral (vem do widget). */
.gdd-videos, .gdd-videos .gdd-v-carrossel {
	/* repetido no carrossel: uma regra antiga define --gdd-espaco lá */
	--gdd-espaco: 20px;
	--gdd-v-visiveis: 5;
	--gdd-v-largura: calc((100% - (var(--gdd-v-visiveis) - 1) * var(--gdd-espaco)) / (1 + (var(--gdd-v-visiveis) - 1) * var(--gdd-v-lateral, 0.86)));
}
.gdd-videos-inner { max-width: 1240px; margin: 0 auto; padding: 0 16px; }
.gdd-v-carrossel { margin: 0; padding: 0; }
.gdd-v-trilho {
	grid-auto-columns: var(--gdd-v-largura);
	padding: 10px 0 48px !important;
	/* embaixo: espaço para a sombra do vídeo do centro não ser cortada */;
}
.gdd-v-item { position: relative; margin: 0; scroll-snap-align: start; transform-origin: center; will-change: transform; }
.gdd-v-item :is(video, img) { -webkit-user-drag: none; pointer-events: none; }
.gdd-v-item :is(a, button) img { pointer-events: none; }
.gdd-v-item.is-centro .gdd-v-video { box-shadow: 0 18px 40px -18px rgba(20, 17, 14, 0.45); border-radius: 8px; }
.gdd-v-nav { display: flex; justify-content: flex-end; gap: 8px; margin-top: -24px; }
.gdd-v-seta { position: static !important; }
.gdd-v-seta--ant .gdd-v-seta-icone { transform: scaleX(-1); }
.gdd-v-autor span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 989px) {
	.gdd-videos, .gdd-videos .gdd-v-carrossel { --gdd-v-visiveis: 3; --gdd-espaco: 16px; }
}
@media (max-width: 767px) {
	.gdd-videos, .gdd-videos .gdd-v-carrossel { --gdd-v-largura: min(62vw, 250px); --gdd-espaco: 12px; }
	.gdd-videos-inner { padding: 0; }
	.gdd-v-nav { justify-content: center; margin-top: -30px; }
}
/* @ do perfil pequeno numa cápsula escura (aparece em qualquer vídeo). */
.gdd-v-topo { justify-content: space-between; gap: 8px; align-items: center; }
.gdd-v-autor {
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	min-width: 0;
	flex: 0 1 auto;
	gap: 6px;
	padding: 3px 10px 3px 3px;
	border-radius: 999px;
	background: rgba(20, 17, 14, 0.5);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	text-shadow: none;
}
.gdd-v-autor img { border-radius: 50%; flex: none; width: 18px; height: 18px; }
.gdd-videos .gdd-v-autor, .gdd-videos .gdd-v-autor:is(:hover, :focus, :visited) { color: #fff !important; }
/* a cor de link do tema vencia */
/* ============ Produto no vídeo, modelo C "estilo Reels" (29/09/2026, docs/marca/videos-cartao.html) ============
 * Sem caixa branca: degradê ameixa na base do vídeo, foto redonda, nome em Cormorant Garamond (no máximo 2 linhas),
 * preço (opcional no widget) e "Ver produto" em cápsula branca. Só leva à página do produto (sem compra direta). */
.gdd-v-video::after {
	content: "";
	position: absolute;
	inset: 45% 0 0;
	z-index: 1;
	border-radius: 0 0 8px 8px; /* mesmo raio do vídeo (8px) em cima e embaixo */
	background: linear-gradient(to bottom, rgba(20, 17, 14, 0), rgba(20, 17, 14, 0.55) 45%, rgba(20, 17, 14, 0.88));
	pointer-events: none;
}
.gdd-v-controles {
	position: absolute;
	inset: 0 0 120px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	pointer-events: none;
	bottom: 124px;
}
.gdd-v-item--sem-preco .gdd-v-controles { bottom: 108px; }
.gdd-v-prod { position: absolute; right: 12px; bottom: 12px; left: 12px; z-index: 3; display: flex; flex-direction: column; gap: 10px; color: #fff; }
.gdd-v-prod-linha { display: flex; align-items: center; gap: 10px; }
.gdd-v-prod-foto {
	display: grid;
	flex: none;
	place-items: center;
	width: 42px;
	height: 42px;
	overflow: hidden;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #fff;
}
.gdd-v-prod-foto img { width: 86%; height: 86%; object-fit: contain; }
.gdd-v-prod-info { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.gdd-videos .gdd-v-prod-nome {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #fff !important;
	font-family: var(--gd-fonte-marca);
	font-variation-settings: normal;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.22;
	text-decoration: none;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}
.gdd-v-prod-preco { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 5px; margin: 0; line-height: 1.2; }
.gdd-v-prod-preco :is(del, ins) { background: none; text-decoration: none; }
.gdd-v-prod-preco del { color: rgba(255, 255, 255, 0.7); font-size: 11px; font-weight: 600; text-decoration: line-through; }
.gdd-v-prod-preco ins { color: #E4DCD1; font-size: 13.5px; font-weight: 600; }
.gdd-videos .gdd-v-prod-ver {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 34px;
	border-radius: var(--gk-raio, 6px);
	background: #fff;
	color: #14110E !important;
	font-size: 12.5px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s;
}
.gdd-videos .gdd-v-prod-ver:hover { background: #E9E1D6; }
.gdd-v-prod-ver svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.gdd-videos.sem-pip .gdd-v-pip { display: none; }
/* navegador sem picture-in-picture */
/* ============ Vídeo vazio: marcador com a logo (30/09/2026) ============
 * Enquanto o cliente não sobe os vídeos, cada posição mostra a logo da marca num cartão blush. */
.gdd-v-vazio { display: grid; place-items: center; background: #E9E1D6 center / cover no-repeat; }
.gdd-v-vazio img { width: 56%; max-width: 180px; height: auto; opacity: 0.9; margin-bottom: 18%; /* acima do degradê e do cartão do produto */; }
/* Dono (30/09/2026): controles, @perfil, degradê e cartão do produto ficam como eram; só o vídeo vira a logo. */
.gdd-v-item--vazio.is-centro .gdd-v-video { box-shadow: 0 18px 40px -18px rgba(20, 17, 14, 0.3); }
/* Padrão mobile (auditoria de 30/09/2026): a dobra de vídeos com 48px em cima e embaixo, como as outras. */
@media (max-width: 767px) {
	.gdd-videos { padding-top: 48px; padding-bottom: 48px; }
}

/* Nome do produto nos vídeos maior, na serifa dos títulos (dono, 02/10/2026: "títulos muito pequenos") */
.gdd-v-produto .gdd-v-produto-nome { font-family: var(--gd-fonte-marca); font-size: 19px; font-weight: 500; line-height: 1.1; letter-spacing: 0; }
@media (max-width: 767px) { .gdd-v-produto .gdd-v-produto-nome { font-size: 16px; } }