/* =========================================================================
   Catoli.co — Tema WooCommerce de luxo
   Paleta e elementos do brandbook oficial:
   Rosê #CF8A8D · Chumbo #262626 · Cinza #404040 · Gelo #F2F3F5
   Degradê "Luz Divina": #FFF → #F8F6F5 → #E8E0D6
   Tipografia: Cormorant Garamond (títulos) + Inter (corpo)
   ========================================================================= */

:root {
	--rose: #cf8a8d;
	--rose-dark: #b5737f;
	--rose-soft: #f3e2e3;
	--rose-faint: rgba(207, 138, 141, 0.12);
	--ink: #262626;
	--gray: #404040;
	--gray-soft: #6b7280;
	--ice: #f2f3f5;
	--cream: #e8e0d6;
	--white: #ffffff;
	--divine: radial-gradient(ellipse at top, #ffffff, #f8f6f5, #e8e0d6);
	--font-serif: 'Cormorant Garamond', 'Times New Roman', serif;
	--font-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
	--shadow-soft: 0 8px 30px rgba(38, 38, 38, 0.07);
	--shadow-lift: 0 18px 50px rgba(38, 38, 38, 0.13);
	--radius: 14px;
	--radius-lg: 22px;
	--transition: 0.28s cubic-bezier(0.25, 0.6, 0.3, 1);
	--container: 1280px;
	--header-h: 84px;
}

/* ------------------------------------------------------------------ base */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	/* clip (e não hidden) bloqueia rolagem lateral acidental sem quebrar o
	   position: sticky do header */
	overflow-x: clip;
}

body {
	margin: 0;
	font-family: var(--font-sans);
	font-size: 15.5px;
	line-height: 1.65;
	color: var(--gray);
	background: var(--ice);
	-webkit-font-smoothing: antialiased;
}

body.nav-open,
body.modal-open {
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--rose-dark);
	text-decoration: none;
	transition: color var(--transition);
}

a:hover {
	color: var(--rose);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-serif);
	font-weight: 600;
	color: var(--ink);
	line-height: 1.15;
	margin: 0 0 0.5em;
}

.container {
	width: 100%;
	max-width: var(--container);
	margin-inline: auto;
	padding-inline: clamp(18px, 4vw, 40px);
}

.container--narrow {
	max-width: 920px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.skip-link:focus {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 9999;
	width: auto;
	height: auto;
	clip: auto;
	background: var(--ink);
	color: #fff;
	padding: 10px 18px;
	border-radius: 8px;
}

/* Moldura "passepartout" do brandbook: respiro + traço fino rosê */
.passepartout {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: 10px;
	position: relative;
}

.passepartout::after {
	content: '';
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(207, 138, 141, 0.35);
	border-radius: calc(var(--radius-lg) - 8px);
	pointer-events: none;
}

/* ---------------------------------------------------------------- botões */

.button,
button.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-family: var(--font-sans);
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1;
	padding: 16px 30px;
	border-radius: 999px;
	border: 1px solid var(--ink);
	background: var(--ink);
	color: #fff;
	cursor: pointer;
	transition: all var(--transition);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.button:hover,
button.button:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(181, 115, 127, 0.35);
}

.button--primary {
	background: var(--rose);
	border-color: var(--rose);
}

.button--outline,
.button--ghost,
.button--ghost-dark {
	background: transparent;
	color: var(--ink);
}

.button--outline {
	border-color: rgba(38, 38, 38, 0.35);
}

.button--ghost {
	border-color: rgba(255, 255, 255, 0.75);
	color: var(--ink);
	background: rgba(255, 255, 255, 0.55);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.button--ghost-dark {
	border-color: rgba(38, 38, 38, 0.3);
	color: var(--ink);
}

/* --------------------------------------------------------- announcement */

.announcement-bar {
	background: var(--ink);
	color: rgba(255, 255, 255, 0.92);
	text-align: center;
	padding: 9px 16px;
}

.announcement-bar p {
	margin: 0;
	font-size: 11.5px;
	font-weight: 500;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

/* ---------------------------------------------------------------- header */

.site-header {
	position: sticky;
	top: 0;
	z-index: 900;
	border-bottom: 1px solid rgba(207, 138, 141, 0.18);
	transition: box-shadow var(--transition);
}

/* O vidro fosco fica num pseudo-elemento: backdrop-filter aplicado direto no
   header o tornaria "containing block" e prenderia o menu mobile (position:
   fixed) dentro da faixa do header. */
.site-header::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(242, 243, 245, 0.72);
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	transition: background var(--transition);
}

.site-header.is-scrolled {
	box-shadow: var(--shadow-soft);
}

.site-header.is-scrolled::before {
	background: rgba(255, 255, 255, 0.82);
}

/* Com o menu aberto, o header precisa subir acima do overlay escuro (z 950)
   para a gaveta — filha dele — não ficar encoberta. */
body.nav-open .site-header {
	z-index: 970;
}

.site-header__inner {
	display: flex;
	align-items: center;
	gap: clamp(14px, 3vw, 40px);
	min-height: var(--header-h);
}

.site-branding {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	margin-right: auto;
}

.custom-logo-link img,
.custom-logo {
	width: auto;
	max-height: 62px;
}

.site-branding__tagline {
	font-size: 8.5px;
	letter-spacing: 0.38em;
	text-transform: uppercase;
	color: var(--rose-dark);
	margin-top: 4px;
	white-space: nowrap;
}

/* nav desktop */

.site-nav {
	display: flex;
}

.site-nav__head {
	display: none;
}

.site-nav__list {
	display: flex;
	align-items: center;
	gap: clamp(16px, 2.4vw, 34px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav__list > li {
	position: relative;
}

.site-nav__list a {
	display: inline-block;
	padding: 10px 0;
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--ink);
	position: relative;
}

.site-nav__list > li > a::after {
	content: '';
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 2px;
	height: 1px;
	background: var(--rose);
	transition: right var(--transition);
}

.site-nav__list > li:hover > a::after,
.site-nav__list > li.current-menu-item > a::after {
	right: 0;
}

/* dropdown / mega menu */

.site-nav__list .sub-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 12px);
	min-width: 260px;
	list-style: none;
	margin: 0;
	padding: 18px 0;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(207, 138, 141, 0.25);
	border-radius: var(--radius);
	box-shadow: var(--shadow-lift);
	opacity: 0;
	visibility: hidden;
	transition: all var(--transition);
	z-index: 50;
}

.site-nav__list > li:hover > .sub-menu,
.site-nav__list > li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 4px);
}

.site-nav__list .sub-menu a {
	display: block;
	padding: 9px 26px;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: none;
	font-family: var(--font-sans);
	color: var(--gray);
}

.site-nav__list .sub-menu a:hover {
	color: var(--rose-dark);
	background: var(--rose-faint);
}

/* ações do header */

.header-actions {
	display: flex;
	align-items: center;
	gap: 4px;
}

.header-action {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--ink);
	cursor: pointer;
	transition: all var(--transition);
}

.header-action:hover {
	background: var(--rose-faint);
	color: var(--rose-dark);
}

.header-action__count {
	position: absolute;
	top: 4px;
	right: 2px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--rose);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
	transform: scale(0);
	transition: transform var(--transition);
}

.header-action__count.is-visible {
	transform: scale(1);
}

.nav-toggle {
	display: none;
}

/* busca do header */

.header-search {
	border-top: 1px solid rgba(207, 138, 141, 0.18);
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.header-search__form {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 0;
	color: var(--gray-soft);
}

.header-search__form input[type='search'] {
	flex: 1;
	min-width: 0; /* sem isto, a largura intrínseca do input estoura o flex no mobile */
	border: 0;
	background: transparent;
	font-family: var(--font-serif);
	font-size: 21px;
	color: var(--ink);
	outline: none;
}

.header-search__form input[type='search']::placeholder {
	color: var(--gray-soft);
	font-style: italic;
}

/* nav overlay / drawer mobile */

.nav-overlay {
	position: fixed;
	inset: 0;
	background: rgba(38, 38, 38, 0.45);
	backdrop-filter: blur(3px);
	z-index: 950;
}

/* atalhos de conta na gaveta — visíveis apenas no menu mobile */
.site-nav__account {
	display: none;
}

@media (max-width: 1024px) {
	.site-nav__account {
		display: flex;
		flex-direction: column;
		margin-top: 12px;
		padding: 16px 8px 0;
		border-top: 1px solid var(--ice);
	}

	.site-nav__account a {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 16px;
		border-radius: 10px;
		font-size: 13px;
		font-weight: 600;
		letter-spacing: 0.06em;
		color: var(--ink);
	}

	.site-nav__account a:hover {
		background: var(--rose-faint);
		color: var(--rose-dark);
	}

	.site-nav__account .ico {
		color: var(--rose-dark);
	}
}

/* ------------------------------------------------------- section heading */

.section-heading {
	margin-bottom: clamp(28px, 5vw, 52px);
}

.section-heading--center {
	text-align: center;
}

.section-heading__eyebrow {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--rose-dark);
	margin-bottom: 10px;
}

.section-heading__title {
	font-size: clamp(30px, 4.5vw, 44px);
	margin: 0;
}

.section-heading__ornament {
	display: block;
	color: var(--rose);
	font-size: 13px;
	margin-top: 14px;
	letter-spacing: 0;
}

.section-heading--center .section-heading__ornament::before,
.section-heading--center .section-heading__ornament::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 46px;
	height: 1px;
	background: linear-gradient(to right, transparent, rgba(207, 138, 141, 0.6));
	margin: 0 12px;
}

.section-heading--center .section-heading__ornament::after {
	background: linear-gradient(to left, transparent, rgba(207, 138, 141, 0.6));
}

/* ------------------------------------------------------------------ hero */

.hero {
	position: relative;
	background: var(--divine);
	overflow: hidden;
}

.hero--image {
	background-size: cover;
	background-position: center;
}

.hero--image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.82), rgba(248, 246, 245, 0.55));
}

.hero__texture {
	position: absolute;
	inset: 0;
	background: url('../img/textura-aquarela.png') center / cover;
	opacity: 0.5;
	mix-blend-mode: soft-light;
	pointer-events: none;
}

.hero__inner {
	position: relative;
	text-align: center;
	padding-block: clamp(72px, 12vw, 150px);
	max-width: 860px;
}

.hero__eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.42em;
	text-transform: uppercase;
	color: var(--rose-dark);
	margin-bottom: 20px;
}

.hero__title {
	font-size: clamp(44px, 7.5vw, 84px);
	font-weight: 500;
	margin-bottom: 20px;
}

.hero__subtitle {
	font-size: clamp(15px, 2vw, 18px);
	color: var(--gray);
	max-width: 560px;
	margin: 0 auto 36px;
}

.hero__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 14px;
}

.hero__ornament {
	position: absolute;
	bottom: 26px;
	left: 50%;
	transform: translateX(-50%);
	color: var(--rose);
	font-size: 14px;
	opacity: 0.8;
}

/* ------------------------------------------------------ banner carousel */

.banner-carousel {
	position: relative;
	overflow: hidden;
	background: var(--divine);
}

.banner-carousel__track {
	display: flex;
	transition: transform 0.55s cubic-bezier(0.35, 0.6, 0.25, 1);
}

.banner-slide {
	position: relative;
	flex: 0 0 100%;
	min-width: 100%;
	min-height: clamp(380px, 46vw, 560px);
	display: flex;
	align-items: center;
	background: var(--divine);
	background-size: cover;
	background-position: center;
}

.banner-slide--image {
	background-image: var(--banner-bg);
}

/* link que torna o banner inteiro clicável (com ou sem botão) */
.banner-slide__link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* o bloco de texto fica acima do link de área, mas deixa os cliques
   passarem — só o botão volta a capturá-los */
.banner-slide__inner {
	pointer-events: none;
}

.banner-slide__inner .button {
	pointer-events: auto;
}

.banner-slide--image::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to right, rgba(38, 38, 38, 0.55), rgba(38, 38, 38, 0.08) 60%);
}

.banner-slide__inner {
	position: relative;
	z-index: 2;
	max-width: var(--container);
	padding-block: 40px;
}

.banner-slide__title {
	font-size: clamp(34px, 5.5vw, 62px);
	font-weight: 500;
	margin: 0 0 12px;
	max-width: 620px;
}

.banner-slide--image .banner-slide__title {
	color: #fff;
	text-shadow: 0 2px 24px rgba(38, 38, 38, 0.35);
}

.banner-slide__subtitle {
	font-size: clamp(14.5px, 1.8vw, 17px);
	max-width: 480px;
	margin: 0 0 26px;
	color: var(--gray);
}

.banner-slide--image .banner-slide__subtitle {
	color: rgba(255, 255, 255, 0.88);
}

.banner-carousel__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(38, 38, 38, 0.12);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(10px);
	color: var(--ink);
	cursor: pointer;
	transition: all var(--transition);
}

.banner-carousel__arrow:hover {
	background: var(--ink);
	border-color: var(--ink);
	color: #fff;
}

.banner-carousel__arrow--prev {
	left: 18px;
}

.banner-carousel__arrow--prev .ico {
	transform: rotate(180deg);
}

.banner-carousel__arrow--next {
	right: 18px;
}

.banner-carousel__dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 18px;
	z-index: 5;
	display: flex;
	justify-content: center;
	gap: 9px;
}

.banner-carousel__dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(38, 38, 38, 0.25);
	cursor: pointer;
	transition: all var(--transition);
}

.banner-carousel__dot.is-active {
	width: 26px;
	background: var(--rose);
}

/* -------------------------------------------------------------- benefits */

.benefits {
	background: var(--white);
	border-block: 1px solid rgba(207, 138, 141, 0.15);
}

.benefits__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(16px, 3vw, 40px);
	padding-block: 26px;
}

.benefit {
	display: flex;
	align-items: center;
	gap: 14px;
	color: var(--rose-dark);
}

.benefit div {
	display: flex;
	flex-direction: column;
}

.benefit strong {
	font-size: 13px;
	color: var(--ink);
	font-weight: 600;
	letter-spacing: 0.02em;
}

.benefit span {
	font-size: 12px;
	color: var(--gray-soft);
}

/* ----------------------------------------------------------- collections */

.collections {
	padding-block: clamp(56px, 9vw, 110px);
}

.collections__grid {
	display: grid;
	gap: clamp(16px, 2.6vw, 30px);
	grid-template-columns: repeat(4, 1fr);
}

.collections__grid--1 { grid-template-columns: minmax(0, 420px); justify-content: center; }
.collections__grid--2 { grid-template-columns: repeat(2, minmax(0, 420px)); justify-content: center; }
.collections__grid--3 { grid-template-columns: repeat(3, 1fr); }

.collection-card {
	display: block;
	transition: transform var(--transition), box-shadow var(--transition);
	box-shadow: var(--shadow-soft);
}

.collection-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-lift);
}

.collection-card__media {
	aspect-ratio: 4 / 5;
	border-radius: calc(var(--radius-lg) - 8px);
	background-size: cover;
	background-position: center;
	transition: transform 0.6s ease;
	overflow: hidden;
}

.collection-card__media--empty {
	background: var(--divine);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--rose);
}

.collection-card__body {
	text-align: center;
	padding: 20px 12px 14px;
}

.collection-card__body h3 {
	font-size: 24px;
	margin-bottom: 6px;
}

.collection-card__desc {
	font-size: 13px;
	line-height: 1.55;
	color: var(--gray-soft);
	margin: 0 auto 12px;
	max-width: 300px;
}

.collection-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--rose-dark);
}

/* --------------------------------------------------------- product cards */

.home-products {
	padding-block: clamp(48px, 8vw, 96px);
}

.home-products--featured {
	background: var(--white);
}

.home-products__more {
	text-align: center;
	margin-top: clamp(28px, 5vw, 48px);
}

ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products[class*='columns-'],
.woocommerce-page ul.products[class*='columns-'] {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: clamp(16px, 2.4vw, 28px);
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after {
	display: none;
}

/* Nas páginas Woo o CSS nativo aplica float + width 22.05% aos cards —
   estas regras precisam de especificidade maior para o grid prevalecer. */
li.product.product-card,
.woocommerce ul.products li.product.product-card,
.woocommerce-page ul.products li.product.product-card,
.woocommerce ul.products[class*='columns-'] li.product.product-card,
.woocommerce-page ul.products[class*='columns-'] li.product.product-card {
	margin: 0;
	width: auto;
	float: none;
	clear: none;
	display: flex;
	flex-direction: column;
	background: var(--white);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-soft);
	overflow: hidden;
	transition: transform var(--transition), box-shadow var(--transition);
}

li.product.product-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow-lift);
}

.product-card__media {
	position: relative;
	overflow: hidden;
	background: var(--divine);
}

.product-card__media img {
	width: 100%;
	aspect-ratio: 1 / 1; /* fotos da loja são 1:1 — sem recorte */
	object-fit: cover;
	transition: transform 0.7s ease;
}

/* nas páginas .woocommerce (loja, relacionados, wishlist) o CSS nativo dá
   margem e sombra à imagem do card — remove para igualar ao visual da home */
.woocommerce ul.products li.product.product-card .product-card__media img,
.woocommerce-page ul.products li.product.product-card .product-card__media img,
.woocommerce ul.products li.product.product-card a img,
.woocommerce-page ul.products li.product.product-card a img {
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	border-radius: 0;
}

li.product.product-card:hover .product-card__media img {
	transform: scale(1.05);
}

/* selo de oferta */

.woocommerce span.onsale,
span.onsale,
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce ul.products li.product span.onsale,
.woocommerce-page ul.products li.product span.onsale {
	position: absolute;
	top: 14px;
	left: 14px;
	right: auto;
	bottom: auto;
	z-index: 5;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 6px 13px;
	border-radius: 999px;
	background: var(--ink);
	color: #fff;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.4;
}

.product-card__wishlist {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 6;
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	color: var(--ink);
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(38, 38, 38, 0.12);
	transition: all var(--transition);
}

.product-card__wishlist:hover {
	color: var(--rose-dark);
	transform: scale(1.08);
}

.product-card__wishlist.is-active {
	background: var(--rose);
	color: #fff;
}

.product-card__wishlist.is-active svg {
	fill: currentColor;
}

/* barra de ações fixa entre a foto e o texto — fluxo normal do documento,
   imune a diferenças de posicionamento entre home, loja e relacionados */

.product-card__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 11px 14px;
	/* divisória creme "Luz Divina" entre a foto e o corpo do card */
	background: linear-gradient(to bottom, #faf8f5, #ede6db);
	border-block: 1px solid rgba(207, 138, 141, 0.16);
}

.product-card__quickview,
.product-card__actions .button,
.product-card__actions a.button,
.woocommerce ul.products li.product .product-card__actions .button,
.woocommerce-page ul.products li.product .product-card__actions .button {
	flex: 1;
	height: 38px;
	padding: 0 10px;
	font-size: 10.5px;
	letter-spacing: 0.1em;
	border-radius: 999px;
	background: transparent;
	border: 1px solid rgba(38, 38, 38, 0.16);
	color: var(--ink);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	font-family: var(--font-sans);
	line-height: 1;
	/* o Woo aplica margin-top: 1em ao botão nas páginas .woocommerce —
	   zera em qualquer contexto para o eixo vertical ficar idêntico */
	margin: 0;
	transition: all var(--transition);
}

/* "Adicionar" / "Ver opções": pílula preenchida */
.product-card__actions .button,
.product-card__actions a.button,
.woocommerce ul.products li.product .product-card__actions .button,
.woocommerce-page ul.products li.product .product-card__actions .button {
	background: var(--ink);
	border-color: var(--ink);
	color: #fff;
}

.product-card__actions .button:hover,
.woocommerce ul.products li.product .product-card__actions .button:hover,
.woocommerce-page ul.products li.product .product-card__actions .button:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
	color: #fff;
	transform: none;
	box-shadow: none;
}

/* "Espiar": pílula ghost */
.product-card__quickview:hover {
	background: var(--ink);
	border-color: var(--ink);
	color: #fff;
}

.woocommerce li.product-card .added_to_cart {
	display: none;
}

.product-card__body {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 18px 18px 20px;
	text-align: center;
}

.product-card__category {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--rose-dark);
}

.product-card__title {
	font-size: 19px;
	font-weight: 600;
	margin: 0;
	line-height: 1.3;
}

.product-card__title a {
	color: var(--ink);
}

.product-card__title a:hover {
	color: var(--rose-dark);
}

/* preços */

.price {
	font-family: var(--font-sans);
	color: var(--ink);
	font-weight: 600;
	font-size: 15.5px;
}

.woocommerce ul.products li.product .price,
.product-card__price {
	color: var(--ink);
	margin: 2px 0 0;
}

.price del {
	color: var(--gray-soft);
	font-weight: 400;
	opacity: 1;
	font-size: 0.85em;
	margin-right: 6px;
}

.price ins {
	text-decoration: none;
	color: var(--rose-dark);
	font-weight: 700;
}

/* dica de pagamento nos cards */

.pay-hint {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-top: 4px;
}

.pay-hint__installments {
	font-size: 12px;
	color: var(--gray-soft);
}

.pay-hint__pix {
	font-size: 12px;
	font-weight: 600;
	color: #4d7c5f;
}

/* ------------------------------------------------- conversão: frete/urgência */

/* barra de frete grátis progressiva */
.free-shipping-bar {
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.28);
	border-radius: var(--radius);
	padding: 14px 18px;
	margin-bottom: 18px;
	box-shadow: var(--shadow-soft);
}

.free-shipping-bar__msg {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 13.5px;
	color: var(--gray);
}

.free-shipping-bar__msg .ico {
	color: var(--rose-dark);
	flex-shrink: 0;
}

.free-shipping-bar__text {
	flex: 1;
	min-width: 0;
}

.free-shipping-bar__msg strong {
	color: var(--ink);
}

.free-shipping-bar__msg .woocommerce-Price-amount {
	color: var(--rose-dark);
}

.free-shipping-bar__track {
	height: 6px;
	background: var(--ice);
	border-radius: 999px;
	margin-top: 10px;
	overflow: hidden;
}

.free-shipping-bar__fill {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(to right, var(--rose), #b08d57);
	transition: width 0.45s ease;
}

.free-shipping-bar--done {
	border-color: rgba(77, 124, 95, 0.4);
}

.free-shipping-bar--done .free-shipping-bar__msg .ico,
.free-shipping-bar--done .free-shipping-bar__msg strong {
	color: #4d7c5f;
}

.free-shipping-bar--done .free-shipping-bar__fill {
	background: #4d7c5f;
}

/* versão informativa (carrinho vazio) e ajuste na página do produto */
.free-shipping-bar--info {
	padding: 12px 16px;
}

.single-product div.product .free-shipping-bar {
	margin: 0 0 16px;
	box-shadow: none;
}

/* comprar pelo WhatsApp */
.wa-buy {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin: 4px 0 14px;
	padding: 14px 20px;
	border: 1px solid rgba(37, 160, 100, 0.45);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #1f8a5a;
	background: rgba(37, 211, 102, 0.06);
	transition: all var(--transition);
}

.wa-buy:hover {
	background: #25d366;
	border-color: #25d366;
	color: #fff;
}

/* selo "últimas peças" — dourado suave */
.low-stock {
	display: block;
	margin-top: 6px;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #b08d57;
}

.single-product div.product .low-stock {
	font-size: 12px;
	margin: 4px 0 0;
}

/* ------------------------------------------------------------ devotional */

.devotional {
	background: var(--ink);
	color: rgba(255, 255, 255, 0.85);
	overflow: hidden;
}

.devotional__inner {
	display: grid;
	grid-template-columns: minmax(0, 420px) 1fr;
	gap: clamp(30px, 6vw, 80px);
	align-items: center;
	padding-block: clamp(56px, 9vw, 110px);
}

.devotional__art {
	position: relative;
}

.devotional__art img {
	border-radius: var(--radius-lg);
	filter: grayscale(1) contrast(1.05);
	opacity: 0.92;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
	/* fade ~3x maior: esconde a cabeça da serpente na base da gravura */
	-webkit-mask-image: linear-gradient(to bottom, #000 42%, rgba(0, 0, 0, 0.45) 66%, transparent 88%);
	mask-image: linear-gradient(to bottom, #000 42%, rgba(0, 0, 0, 0.45) 66%, transparent 88%);
}

.devotional__cross {
	display: inline-flex;
	color: var(--rose);
	margin-bottom: 14px;
}

.devotional .section-heading__eyebrow {
	color: var(--rose);
}

.devotional__title {
	color: #fff;
	font-size: clamp(30px, 4.5vw, 46px);
	margin-bottom: 22px;
}

.devotional__quote {
	margin: 0 0 30px;
	padding-left: 22px;
	border-left: 1px solid rgba(207, 138, 141, 0.5);
	font-family: var(--font-serif);
	font-size: clamp(17px, 2.2vw, 21px);
	font-style: italic;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.82);
}

.devotional .button--ghost-dark {
	border-color: rgba(255, 255, 255, 0.35);
	color: #fff;
}

.devotional .button--ghost-dark:hover {
	background: var(--rose);
	border-color: var(--rose);
}

/* --------------------------------------------------------------- connect */

.connect {
	background: var(--divine);
	border-top: 1px solid rgba(207, 138, 141, 0.15);
}

.connect__inner {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: clamp(30px, 6vw, 80px);
	align-items: center;
	padding-block: clamp(48px, 8vw, 96px);
}

.connect__text .section-heading__title {
	margin-bottom: 12px;
}

.connect__text p {
	max-width: 480px;
	color: var(--gray);
}

.connect__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
}

.connect__qrcodes {
	display: flex;
	gap: 18px;
}

.connect__qr {
	margin: 0;
	text-align: center;
	box-shadow: var(--shadow-soft);
}

.connect__qr img {
	width: 132px;
	height: 132px;
	border-radius: calc(var(--radius-lg) - 10px);
}

.connect__qr figcaption {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--gray-soft);
	padding: 8px 0 4px;
}

/* ---------------------------------------------------------------- footer */

.site-footer {
	background: var(--ink);
	color: rgba(255, 255, 255, 0.72);
	font-size: 13.5px;
}

.site-footer__blessing {
	text-align: center;
	padding: clamp(40px, 7vw, 70px) 20px 0;
}

.site-footer__ornament {
	color: var(--rose);
	font-size: 13px;
}

.site-footer__verse {
	font-family: var(--font-serif);
	font-size: clamp(21px, 3vw, 28px);
	font-style: italic;
	color: #fff;
	margin: 10px 0 4px;
}

.site-footer__verse-ref {
	font-size: 11px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--rose);
}

.site-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: clamp(28px, 5vw, 60px);
	padding-block: clamp(40px, 7vw, 70px);
}

.footer-col--brand {
	text-align: center;
}

.site-footer__logo {
	max-width: 96px;
	margin: 0 auto 16px;
	filter: drop-shadow(0 0 14px rgba(207, 138, 141, 0.25));
}

.footer-col--brand .footer-social {
	justify-content: center;
}

.footer-col__title {
	color: #fff;
	font-family: var(--font-sans);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.footer-menu,
.footer-payments {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer-menu a {
	color: rgba(255, 255, 255, 0.72);
}

.footer-menu a:hover {
	color: var(--rose);
}

.footer-payments li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, 0.72);
}

.footer-payments .ico {
	color: var(--rose);
	flex-shrink: 0;
}

.footer-social {
	display: flex;
	gap: 10px;
	margin-top: 16px;
}

.footer-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.85);
	transition: all var(--transition);
}

.footer-social a:hover {
	background: var(--rose);
	border-color: var(--rose);
	color: #fff;
}

.site-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding: 20px 0;
	text-align: center;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.45);
}

.site-footer__bottom p {
	margin: 0;
}

/* whatsapp flutuante */

.whatsapp-float {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 800;
	width: 56px;
	height: 56px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	box-shadow: 0 10px 30px rgba(37, 211, 102, 0.4);
	transition: transform var(--transition);
}

.whatsapp-float:hover {
	transform: scale(1.08);
	color: #fff;
}

/* ----------------------------------------------------------------- modal */

.modal {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	transition: opacity 0.25s ease;
}

/* display:flex acima venceria o atributo [hidden] e o modal invisível
   bloquearia todos os cliques da página — reforça a ocultação. */
.modal[hidden],
.header-search[hidden],
.nav-overlay[hidden] {
	display: none;
}

.modal.is-open {
	opacity: 1;
}

.modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(38, 38, 38, 0.55);
	backdrop-filter: blur(4px);
}

.modal__dialog {
	position: relative;
	z-index: 2;
	width: min(880px, 100%);
	max-height: 88vh;
	/* o quadro (e a moldura passepartout) ficam fixos; quem rola é o
	   conteúdo interno — senão a moldura corta o texto em descrições longas */
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: var(--shadow-lift);
	transform: translateY(14px);
	transition: transform 0.25s ease;
}

.modal__content {
	overflow: auto;
	min-height: 0;
	border-radius: calc(var(--radius-lg) - 8px);
}

.modal.is-open .modal__dialog {
	transform: translateY(0);
}

.modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 5;
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 50%;
	background: var(--ice);
	color: var(--ink);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all var(--transition);
}

.modal__close:hover {
	background: var(--rose);
	color: #fff;
}

.modal__loading {
	padding: 80px;
	text-align: center;
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 19px;
	color: var(--gray-soft);
}

/* quick view */

.quick-view {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(20px, 4vw, 40px);
	padding: clamp(14px, 3vw, 30px);
}

.quick-view__image img {
	border-radius: calc(var(--radius-lg) - 8px);
	aspect-ratio: 1 / 1;
	object-fit: cover;
	width: 100%;
}

.quick-view__summary {
	display: flex;
	flex-direction: column;
	gap: 14px;
	justify-content: center;
	padding-right: 10px;
}

.quick-view__title {
	font-size: 30px;
	margin: 0;
}

.quick-view__price {
	font-size: 20px;
}

.quick-view__excerpt {
	font-size: 14px;
	color: var(--gray-soft);
}

.quick-view__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--ink);
}

.quick-view__link:hover {
	color: var(--rose-dark);
}

/* ----------------------------------------------------------------- toast */

.toast {
	position: fixed;
	left: 50%;
	bottom: 30px;
	transform: translate(-50%, 16px);
	z-index: 1100;
	background: var(--ink);
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.04em;
	padding: 13px 26px;
	border-radius: 999px;
	box-shadow: var(--shadow-lift);
	opacity: 0;
	transition: all 0.3s ease;
	pointer-events: none;
}

.toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* ------------------------------------------------------------- wishlist */

.wishlist-page__loading {
	text-align: center;
	padding: 60px 0;
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 19px;
	color: var(--gray-soft);
}

.wishlist-page__empty {
	text-align: center;
	padding: 60px 20px 80px;
	color: var(--gray-soft);
}

.wishlist-page__empty .ico {
	color: var(--rose);
	margin-bottom: 10px;
}

.wishlist-page__empty p {
	font-family: var(--font-serif);
	font-size: 22px;
	color: var(--ink);
	margin: 0 0 6px;
}

.wishlist-page__empty .wishlist-page__hint {
	font-family: var(--font-sans);
	font-size: 13.5px;
	color: var(--gray-soft);
	margin-bottom: 26px;
}

/* -------------------------------------------------- páginas e blog */

.site-main {
	min-height: 46vh;
}

.site-main:not(.site-main--home) {
	padding-block: clamp(36px, 6vw, 70px);
}

.page-header {
	text-align: center;
	margin-bottom: clamp(30px, 5vw, 54px);
}

.page-header__title {
	font-size: clamp(32px, 5vw, 48px);
	margin: 0;
}

.page-header__description {
	color: var(--gray-soft);
	max-width: 640px;
	margin: 12px auto 0;
}

.entry__thumbnail {
	margin-bottom: 30px;
	box-shadow: var(--shadow-soft);
}

.entry__thumbnail img {
	border-radius: calc(var(--radius-lg) - 8px);
	width: 100%;
}

.entry__content {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: clamp(24px, 5vw, 56px);
	box-shadow: var(--shadow-soft);
	font-size: 16px;
	line-height: 1.8;
}

.entry__content h2,
.entry__content h3 {
	margin-top: 1.4em;
}

.entry__content blockquote {
	margin: 1.6em 0;
	padding: 4px 0 4px 24px;
	border-left: 2px solid var(--rose);
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 1.15em;
	color: var(--ink);
}

.posts-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: clamp(18px, 3vw, 30px);
}

.post-card {
	box-shadow: var(--shadow-soft);
	transition: transform var(--transition), box-shadow var(--transition);
}

.post-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lift);
}

.post-card__media img {
	border-radius: calc(var(--radius-lg) - 8px);
	aspect-ratio: 16 / 9;
	object-fit: cover;
	width: 100%;
}

.post-card__body {
	padding: 20px 16px 16px;
}

.post-card__date {
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--rose-dark);
}

.post-card__title {
	font-size: 24px;
	margin: 8px 0 10px;
}

.post-card__title a {
	color: var(--ink);
}

.post-card__excerpt {
	font-size: 14px;
	color: var(--gray-soft);
}

.post-card__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ink);
}

.post-nav {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: 34px;
	font-family: var(--font-serif);
	font-size: 17px;
}

.error-404 {
	text-align: center;
	padding: clamp(30px, 6vw, 60px) 0;
}

.error-404__ornament {
	color: var(--rose);
	font-size: 18px;
}

.error-404__title {
	font-size: clamp(34px, 5vw, 52px);
	margin: 12px 0 14px;
}

.error-404 p {
	max-width: 520px;
	margin: 0 auto 30px;
	color: var(--gray-soft);
}

.error-404__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 36px;
}

.error-404 .search-form {
	max-width: 420px;
	margin: 0 auto;
}

/* busca padrão */

.search-form {
	display: flex;
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.3);
	border-radius: 999px;
	overflow: hidden;
}

.search-form__field {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 13px 22px;
	font-family: var(--font-sans);
	font-size: 14px;
	outline: none;
	color: var(--ink);
}

.search-form__submit {
	border: 0;
	background: transparent;
	padding: 0 20px;
	color: var(--rose-dark);
	cursor: pointer;
}

/* paginação */

.pagination,
.woocommerce nav.woocommerce-pagination {
	text-align: center;
	margin-top: clamp(30px, 5vw, 50px);
}

.pagination .nav-links,
.woocommerce nav.woocommerce-pagination ul {
	display: inline-flex;
	gap: 8px;
	border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
	border: 0;
	overflow: visible;
}

.pagination .page-numbers,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--white);
	border: 1px solid rgba(38, 38, 38, 0.12);
	color: var(--ink);
	font-size: 13px;
	font-weight: 500;
	transition: all var(--transition);
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: var(--ink);
	border-color: var(--ink);
	color: #fff;
}

/* ------------------------------------------------- WooCommerce: geral */

.woo-container {
	padding-block: clamp(32px, 5vw, 60px);
}

.woocommerce-breadcrumb {
	font-size: 11.5px !important;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gray-soft) !important;
	margin-bottom: 26px !important;
}

.woocommerce-breadcrumb a {
	color: var(--rose-dark);
}

.woocommerce-products-header {
	text-align: center;
	margin-bottom: clamp(26px, 4vw, 46px);
}

.woocommerce-products-header__title {
	font-size: clamp(32px, 5vw, 48px);
}

.term-description {
	max-width: 680px;
	margin: 10px auto 0;
	color: var(--gray-soft);
}

.woocommerce-result-count {
	color: var(--gray-soft);
	font-size: 13px;
}

.woocommerce .woocommerce-ordering select {
	border: 1px solid rgba(38, 38, 38, 0.15);
	border-radius: 999px;
	padding: 10px 18px;
	font-family: var(--font-sans);
	font-size: 13px;
	background: var(--white);
	color: var(--ink);
}

/* notices */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--rose) !important;
	background: var(--white) !important;
	border-radius: var(--radius);
	box-shadow: var(--shadow-soft);
	color: var(--gray);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--rose) !important;
}

/* estrelas */

.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
	color: var(--rose);
}

.woocommerce p.stars a {
	color: var(--rose);
}

/* avaliação sob o título do produto — delicada, padrão joalheria */
.woocommerce div.product .catolico-rating {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 2px 0 14px;
	line-height: 1;
}

.woocommerce div.product .catolico-rating .star-rating {
	float: none;
	margin: 0;
	font-size: 11.5px;
	letter-spacing: 3px;
	width: calc(5.4em + 15px); /* 5 glifos + o respiro do letter-spacing */
	height: 1em;
}

.woocommerce div.product .catolico-rating .star-rating::before {
	color: rgba(207, 138, 141, 0.28); /* trilho vazio num rosê etéreo */
}

.woocommerce div.product .catolico-rating .star-rating span::before {
	color: var(--rose);
}

.catolico-rating__avg {
	font-family: var(--font-serif);
	font-size: 16px;
	font-weight: 600;
	color: var(--ink);
}

.catolico-rating__sep {
	color: rgba(107, 114, 128, 0.5);
}

.woocommerce div.product .catolico-rating .woocommerce-review-link {
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gray-soft);
	transition: color var(--transition);
}

.woocommerce div.product .catolico-rating .woocommerce-review-link:hover {
	color: var(--rose-dark);
}

/* ------------------------------------------- WooCommerce: produto único */

.woocommerce div.product {
	background: transparent;
}

.woocommerce div.product div.images img {
	border-radius: var(--radius-lg);
}

.woocommerce div.product div.images .flex-control-thumbs img {
	border-radius: var(--radius);
	opacity: 0.6;
	transition: opacity var(--transition);
}

.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover {
	opacity: 1;
}

.woocommerce div.product .product_title {
	font-size: clamp(30px, 4vw, 42px);
	margin-bottom: 8px;
}

.woocommerce div.product p.price {
	font-size: 24px;
	color: var(--ink);
	font-weight: 600;
}

.woocommerce div.product p.price ins {
	color: var(--rose-dark);
}

.woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--gray-soft);
	font-size: 15px;
	margin: 14px 0;
}

/* caixa de pagamento */

.payment-box {
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.28);
	border-radius: var(--radius);
	padding: 6px 18px;
	margin: 18px 0;
	box-shadow: var(--shadow-soft);
}

.payment-box__pix,
.payment-box__card {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 13px 0;
	color: var(--rose-dark);
}

.payment-box__pix + .payment-box__card {
	border-top: 1px dashed rgba(207, 138, 141, 0.3);
}

.payment-box__pix .ico {
	color: #4d7c5f;
}

.payment-box__pix div,
.payment-box__card div {
	display: flex;
	flex-direction: column;
	line-height: 1.35;
}

.payment-box strong {
	color: var(--ink);
	font-size: 15.5px;
}

.payment-box__pix strong {
	color: #4d7c5f;
}

.payment-box span {
	font-size: 12.5px;
	color: var(--gray-soft);
}

.payment-box__toggle {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 0;
	background: transparent;
	color: var(--rose-dark);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
}

.payment-box__toggle .ico {
	transition: transform var(--transition);
}

.payment-box__toggle.is-open .ico {
	transform: rotate(180deg);
}

.payment-box__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	margin: 4px 0 12px;
}

.payment-box__table td {
	padding: 7px 4px;
	border-top: 1px solid var(--ice);
	color: var(--gray);
}

.payment-box__table td:last-child {
	text-align: right;
	color: var(--gray-soft);
	font-size: 12px;
}

/* adicional opcional (caixinha de presente) */

.product-addon {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 16px;
	padding: 13px 16px;
	border: 1px dashed rgba(207, 138, 141, 0.45);
	border-radius: var(--radius);
	background: var(--rose-faint);
	cursor: pointer;
	transition: border-color var(--transition), background var(--transition);
}

.product-addon:hover {
	border-color: var(--rose);
}

.product-addon:has(.product-addon__check:checked) {
	border-style: solid;
	border-color: var(--rose);
	background: rgba(207, 138, 141, 0.16);
}

.product-addon__check {
	width: 18px;
	height: 18px;
	accent-color: var(--rose);
	flex-shrink: 0;
	margin: 0;
}

.product-addon__gift {
	display: inline-flex;
	color: var(--rose-dark);
}

.product-addon__label {
	flex: 1;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--ink);
}

.product-addon__price {
	font-size: 13px;
	font-weight: 700;
	color: var(--rose-dark);
	white-space: nowrap;
}

/* selos de confiança */

.trust-badges {
	list-style: none;
	margin: 18px 0 0;
	padding: 16px 0 0;
	border-top: 1px solid rgba(38, 38, 38, 0.08);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 22px;
}

.trust-badges li {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 12.5px;
	color: var(--gray-soft);
}

.trust-badges .ico {
	color: var(--rose-dark);
}

/* vídeo do produto (estilo TikTok Shop) */

.product-video {
	/* o layout do produto do Woo usa floats (imagens/resumo) — sem o clear,
	   esta seção sobe e sobrepõe as divs vizinhas */
	clear: both;
	margin: clamp(44px, 7vw, 80px) auto 0;
}

.product-video__frame {
	margin-inline: auto;
	box-shadow: var(--shadow-lift);
}

.product-video__frame--vertical {
	max-width: 400px;
}

.product-video__frame--wide {
	max-width: 780px;
}

.product-video__frame video,
.product-video__frame iframe {
	display: block;
	width: 100%;
	border: 0;
	border-radius: calc(var(--radius-lg) - 8px);
	background: var(--ink);
}

.product-video__frame--vertical video,
.product-video__frame--vertical iframe {
	aspect-ratio: 9 / 16;
	object-fit: cover;
}

.product-video__frame--wide iframe,
.product-video__frame--wide video {
	aspect-ratio: 16 / 9;
}

/* calculadora de frete — Correios Automático (seletores do markup oficial) */

.infixs-correios-automatico-calculator {
	border: 1px solid rgba(207, 138, 141, 0.28);
	border-radius: var(--radius);
	background: var(--white);
	padding: 18px;
	margin: 18px 0;
}

.infixs-correios-automatico-calculator-title {
	font-family: var(--font-serif);
	font-size: 20px;
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 12px;
}

.infixs-correios-automatico-calculate-box {
	display: flex;
	align-items: stretch;
	gap: 10px;
	flex-wrap: wrap;
}

/* campo de CEP: pílula única englobando o ícone e o input */
.infixs-correios-automatico-input-text {
	position: relative;
	flex: 1;
	min-width: 190px;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid rgba(38, 38, 38, 0.18) !important;
	border-radius: 999px !important;
	background: var(--white);
	padding: 0 6px 0 16px;
	transition: border-color var(--transition), box-shadow var(--transition);
}

.infixs-correios-automatico-input-text:focus-within {
	border-color: var(--rose) !important;
	box-shadow: 0 0 0 3px var(--rose-faint);
}

.infixs-correios-automatico-input-text-prepend {
	/* o plugin posiciona o ícone de forma absoluta (com translateY de
	   centralização) — devolve ao fluxo do flex e anula o deslocamento
	   para o alinhamento vertical ficar por conta do align-items */
	position: static !important;
	transform: none !important;
	top: auto !important;
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center;
	flex-shrink: 0;
	color: var(--rose-dark);
}

.infixs-correios-automatico-input-text-prepend svg {
	width: 22px;
	height: 22px;
}

.infixs-correios-automatico-calculator input.infixs-correios-automatico-input {
	flex: 1;
	min-width: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 12px 6px 12px 10px !important;
	font-family: var(--font-sans);
	font-size: 14px;
	color: var(--ink);
	outline: none;
}

.infixs-correios-automatico-loading {
	color: var(--rose-dark);
	display: inline-flex;
	padding-right: 8px;
}

/* botão Calcular */
.infixs-correios-automatico-postcode-button-box {
	display: flex;
}

a.infixs-correios-automatico-calculate-submit,
.woocommerce a.button.alt.infixs-correios-automatico-calculate-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 26px;
	border-radius: 999px;
	border: 1px solid var(--ink);
	background: var(--ink);
	color: #fff;
	font-family: var(--font-sans);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1;
	cursor: pointer;
	transition: all var(--transition);
}

a.infixs-correios-automatico-calculate-submit:hover,
.woocommerce a.button.alt.infixs-correios-automatico-calculate-submit:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
	color: #fff;
	transform: none;
	box-shadow: none;
}

.infixs-correios-automatico-calculate-find-link {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	color: var(--gray-soft);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.infixs-correios-automatico-calculate-find-link:hover {
	color: var(--rose-dark);
}

/* resultados */
.infixs-correios-automatico-shipping-results {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px dashed rgba(207, 138, 141, 0.3);
}

.infixs-correios-automatico-shipping-results-address {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gray-soft);
	margin-bottom: 4px;
}

.infixs-correios-automatico-shipping-results-grid {
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: 16px;
	align-items: center;
}

.infixs-correios-automatico-shipping-results-grid > div {
	padding: 11px 0;
	border-bottom: 1px solid var(--ice);
}

/* cabeçalhos "Entrega" e "Custo" */
.infixs-correios-automatico-shipping-results-grid > div:nth-child(1),
.infixs-correios-automatico-shipping-results-grid > div:nth-child(2) {
	padding: 4px 0 8px;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gray-soft);
}

/* última linha sem filete */
.infixs-correios-automatico-shipping-results-grid > div:nth-last-child(-n + 2) {
	border-bottom: 0;
	padding-bottom: 2px;
}

.infixs-correios-automatico-shipping-results-method {
	font-size: 14px;
	font-weight: 600;
	color: var(--ink);
}

.infixs-correios-automatico-shipping-results-time {
	font-size: 12px;
	color: var(--gray-soft);
}

.infixs-correios-automatico-shipping-results-cost {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--rose-dark);
	text-align: right;
	white-space: nowrap;
}

/* calculadora nativa do Woo (carrinho) */
.woocommerce-shipping-calculator input[type='text'],
.woocommerce-shipping-calculator select {
	border: 1px solid rgba(38, 38, 38, 0.18);
	border-radius: 999px;
	padding: 11px 18px;
	font-family: var(--font-sans);
	font-size: 14px;
	background: var(--white);
	color: var(--ink);
}

/* quantidade + variações */

.woocommerce div.product form.cart {
	margin: 20px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.woocommerce div.product form.cart.variations_form {
	display: block;
}

.woocommerce div.product form.cart div.quantity .qty {
	height: 48px;
	width: 74px;
	border: 1px solid rgba(38, 38, 38, 0.18);
	border-radius: 999px;
	font-family: var(--font-sans);
	font-size: 14px;
	color: var(--ink);
	background: var(--white);
}

/* stepper − N + (os botões são injetados via JS) */
.quantity--enhanced {
	display: inline-flex;
	align-items: center;
	background: var(--white);
	border: 1px solid rgba(38, 38, 38, 0.18);
	border-radius: 999px;
	overflow: hidden;
}

.quantity--enhanced .qty,
.woocommerce div.product form.cart div.quantity.quantity--enhanced .qty,
.woocommerce table.cart td.product-quantity .quantity--enhanced .qty {
	border: 0;
	border-radius: 0;
	width: 46px;
	height: 46px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink);
	background: transparent;
	appearance: textfield;
	-moz-appearance: textfield;
	outline: none;
}

.quantity--enhanced .qty::-webkit-outer-spin-button,
.quantity--enhanced .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qty-btn {
	width: 40px;
	height: 46px;
	border: 0;
	background: transparent;
	color: var(--gray-soft);
	font-size: 19px;
	line-height: 1;
	cursor: pointer;
	transition: all var(--transition);
}

.qty-btn:hover {
	background: var(--rose-faint);
	color: var(--rose-dark);
}

.woocommerce div.product form.cart .button {
	flex: 1;
	min-width: 220px;
	height: 48px;
}

/* variações: layout vertical espaçoso — rótulo acima, campo em largura total */
.woocommerce div.product form.cart table.variations,
.woocommerce div.product form.cart table.variations tbody,
.woocommerce div.product form.cart table.variations tr,
.woocommerce div.product form.cart table.variations th,
.woocommerce div.product form.cart table.variations td {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
}

.woocommerce div.product form.cart table.variations {
	margin: 0 0 4px;
}

.woocommerce div.product form.cart table.variations tr {
	margin-bottom: 16px;
}

.woocommerce div.product form.cart table.variations th.label label {
	display: block;
	font-family: var(--font-sans);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--gray-soft);
	margin-bottom: 7px;
}

.woocommerce div.product form.cart .variations select {
	width: 100%;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid rgba(38, 38, 38, 0.18);
	border-radius: 12px;
	padding: 14px 44px 14px 16px;
	background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b5737f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;
	font-family: var(--font-sans);
	font-size: 14px;
	color: var(--ink);
	cursor: pointer;
	transition: border-color var(--transition), box-shadow var(--transition);
}

.woocommerce div.product form.cart .variations select:focus {
	outline: none;
	border-color: var(--rose);
	box-shadow: 0 0 0 3px var(--rose-faint);
}

.woocommerce div.product form.cart a.reset_variations {
	display: inline-block;
	margin-top: 8px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--gray-soft);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.woocommerce div.product form.cart a.reset_variations:hover {
	color: var(--rose-dark);
}

.woocommerce div.product .woocommerce-variation.single_variation {
	margin-bottom: 12px;
}

.woocommerce div.product .woocommerce-variation-price .price {
	font-size: 19px;
}

.woocommerce div.product .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

/* botão sempre preto — o estado "escolha uma opção" (disabled) do Woo
   trocava para a cor padrão dele; mantém o ink com opacidade reduzida */
.woocommerce a.button.alt.disabled,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce button.button:disabled:hover,
.woocommerce .single_add_to_cart_button.wc-variation-selection-needed,
.woocommerce .single_add_to_cart_button.wc-variation-selection-needed:hover {
	background: var(--ink);
	border-color: var(--ink);
	color: #fff;
	opacity: 0.4;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

/* abas */

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
	margin: 40px 0 0;
	display: flex;
	justify-content: center;
	gap: 8px;
	border-bottom: 1px solid rgba(38, 38, 38, 0.1);
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	padding: 14px 22px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gray-soft);
	border-bottom: 2px solid transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--ink);
	border-bottom-color: var(--rose);
}

.woocommerce div.product .woocommerce-tabs .panel {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: clamp(22px, 4vw, 40px);
	margin-top: 24px;
	box-shadow: var(--shadow-soft);
}

/* guia de medidas */

.size-guide-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 6px;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: var(--font-sans);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gray-soft);
	cursor: pointer;
	transition: color var(--transition);
}

.size-guide-link:hover {
	color: var(--rose-dark);
}

.size-guide-link .ico {
	color: var(--rose-dark);
}

.size-guide {
	padding: clamp(18px, 3vw, 30px);
}

.size-guide__head {
	text-align: center;
	margin-bottom: 26px;
	color: var(--rose-dark);
}

.size-guide__head h2 {
	font-size: 30px;
	margin: 10px 0 6px;
}

.size-guide__head p {
	max-width: 420px;
	margin: 0 auto;
	font-size: 13.5px;
	color: var(--gray-soft);
}

/* corpo do guia: conteúdo vem da página "guia-de-medidas", editável no WP */
.size-guide__body {
	font-size: 13.5px;
	color: var(--gray);
	line-height: 1.7;
}

.size-guide__body h2,
.size-guide__body h3 {
	font-size: 21px;
	margin: 22px 0 10px;
	padding-top: 16px;
	border-top: 1px solid var(--ice);
}

.size-guide__body ul {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.size-guide__body ul li {
	color: var(--gray-soft);
}

.size-guide__body ul li strong {
	color: var(--rose-dark);
	margin-right: 6px;
}

.size-guide__body table {
	width: 100%;
	max-width: 360px;
	border-collapse: collapse;
	margin: 10px 0 14px;
	font-size: 13.5px;
}

.size-guide__body table th {
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gray-soft);
	text-align: left;
	padding: 6px 4px;
	border-bottom: 1px solid rgba(207, 138, 141, 0.3);
}

.size-guide__body table td {
	padding: 6px 4px;
	border-bottom: 1px solid var(--ice);
	color: var(--gray);
}

.size-guide__body table td:first-child {
	font-weight: 600;
	color: var(--ink);
}

.size-guide__body em {
	font-size: 12.5px;
	color: var(--rose-dark);
}

/* avaliações estilo marketplace */

.reviews-luxe {
	clear: both;
	margin-top: clamp(44px, 7vw, 80px);
}

.reviews-luxe__grid {
	display: grid;
	grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
	gap: clamp(20px, 4vw, 40px);
	align-items: start;
}

.reviews-luxe__summary {
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.25);
	border-radius: var(--radius-lg);
	padding: 26px 24px;
	text-align: center;
	box-shadow: var(--shadow-soft);
	position: sticky;
	top: calc(var(--header-h) + 20px);
}

.reviews-luxe__avg {
	display: block;
	font-family: var(--font-serif);
	font-size: 56px;
	font-weight: 600;
	line-height: 1;
	color: var(--ink);
}

.reviews-luxe__avg--empty {
	color: var(--rose);
	font-size: 34px;
}

.reviews-luxe__summary .star-rating {
	margin: 10px auto 4px;
	float: none;
}

.reviews-luxe__count {
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--gray-soft);
}

.reviews-luxe__empty {
	font-size: 13.5px;
	color: var(--gray-soft);
	margin: 10px 0 0;
}

.reviews-luxe__bars {
	list-style: none;
	margin: 18px 0 0;
	padding: 14px 0 0;
	border-top: 1px solid var(--ice);
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.reviews-luxe__bars li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: var(--gray-soft);
}

.reviews-luxe__bar-label {
	flex-shrink: 0;
	width: 34px;
	text-align: left;
}

.reviews-luxe__bar-track {
	flex: 1;
	height: 6px;
	background: var(--ice);
	border-radius: 999px;
	overflow: hidden;
}

.reviews-luxe__bar-track span {
	display: block;
	height: 100%;
	background: var(--rose);
	border-radius: 999px;
}

.reviews-luxe__bar-count {
	flex-shrink: 0;
	width: 22px;
	text-align: right;
}

/* lista de avaliações (markup do Woo, revestido) */

.reviews-luxe #reviews #comments h2,
.reviews-luxe .woocommerce-Reviews-title {
	display: none; /* o título da seção já cumpre esse papel */
}

.reviews-luxe .woocommerce-noreviews {
	display: none; /* o card-resumo já convida a avaliar, com elegância */
}

.reviews-luxe .commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.reviews-luxe .commentlist.is-collapsed > li:nth-child(n + 5) {
	display: none;
}

/* os dois IDs replicam a especificidade do CSS do Woo, que zera o padding */
.reviews-luxe .commentlist li,
.reviews-luxe #reviews #comments ol.commentlist li {
	background: var(--white);
	border-radius: var(--radius);
	padding: 18px 20px;
	margin: 0;
	border: 0;
	box-shadow: var(--shadow-soft);
}

/* o CSS do Woo usa dois IDs (#reviews #comments) e posiciona o avatar de
   forma absoluta sobre o texto — replica os IDs para vencer e vira flex */
.reviews-luxe .commentlist li .comment_container {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.reviews-luxe .commentlist li img.avatar,
.reviews-luxe #reviews #comments ol.commentlist li img.avatar {
	position: static !important;
	float: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	background: var(--ice);
	flex-shrink: 0;
}

.reviews-luxe .commentlist li .comment-text,
.reviews-luxe #reviews #comments ol.commentlist li .comment-text {
	flex: 1;
	min-width: 0;
	margin: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	border-radius: 0;
}

.reviews-luxe .commentlist li .star-rating {
	float: right;
	font-size: 0.85em;
}

.reviews-luxe .commentlist li .meta {
	margin: 0 0 6px;
	font-size: 13px;
	color: var(--gray-soft);
}

.reviews-luxe .commentlist li .meta strong {
	color: var(--ink);
	font-size: 14px;
}

.reviews-luxe .commentlist li .meta .woocommerce-review__verified {
	display: inline-block;
	font-size: 10.5px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #4d7c5f;
	background: rgba(77, 124, 95, 0.1);
	border-radius: 999px;
	padding: 2px 9px;
	margin-left: 6px;
}

.reviews-luxe .commentlist li .description {
	font-size: 14px;
	color: var(--gray);
	line-height: 1.7;
}

.reviews-luxe__more {
	margin-top: 16px;
}

/* formulário de avaliação */

.reviews-luxe #review_form_wrapper {
	margin-top: 22px;
}

/* idem: o Woo zera o padding de #review_form #respond com dois IDs */
.reviews-luxe #respond,
.reviews-luxe #review_form #respond,
.woocommerce .reviews-luxe #review_form #respond {
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.25);
	border-radius: var(--radius-lg);
	padding: clamp(18px, 3vw, 28px);
	margin: 0;
	box-shadow: var(--shadow-soft);
}

.reviews-luxe #respond .comment-reply-title {
	display: block;
	font-family: var(--font-serif);
	font-size: 22px;
	font-weight: 600;
	color: var(--ink);
	margin-bottom: 12px;
}

.reviews-luxe #respond p.stars a {
	color: var(--rose);
}

.reviews-luxe #respond textarea,
.reviews-luxe #respond input[type='text'],
.reviews-luxe #respond input[type='email'] {
	width: 100%;
	border: 1px solid rgba(38, 38, 38, 0.15);
	border-radius: 12px;
	padding: 12px 16px;
	font-family: var(--font-sans);
	font-size: 14px;
	color: var(--ink);
	background: var(--white);
}

.reviews-luxe #respond textarea:focus,
.reviews-luxe #respond input:focus {
	outline: none;
	border-color: var(--rose);
	box-shadow: 0 0 0 3px var(--rose-faint);
}

/* formulário em grid: nome e e-mail lado a lado, rótulos discretos */
.reviews-luxe #respond form.comment-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px 16px;
}

.reviews-luxe #respond form.comment-form > p,
.reviews-luxe #respond form.comment-form > div {
	grid-column: 1 / -1;
	margin: 0 0 12px;
}

.reviews-luxe #respond form.comment-form > p.comment-form-author {
	grid-column: 1;
}

.reviews-luxe #respond form.comment-form > p.comment-form-email {
	grid-column: 2;
}

.reviews-luxe #respond form.comment-form label {
	display: block;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gray-soft);
	margin-bottom: 6px;
}

.reviews-luxe #respond .comment-notes,
.reviews-luxe #respond .comment-form-cookies-consent {
	font-size: 12px;
	color: var(--gray-soft);
}

.reviews-luxe #respond .comment-form-cookies-consent {
	display: flex;
	align-items: center;
	gap: 8px;
}

.reviews-luxe #respond .comment-form-cookies-consent label {
	margin: 0;
	text-transform: none;
	letter-spacing: 0.02em;
	font-weight: 400;
	font-size: 12px;
}

.reviews-luxe #respond p.stars {
	margin: 4px 0 8px;
}

.reviews-luxe #respond p.stars a {
	color: var(--rose);
	font-size: 1.35em;
}

.reviews-luxe #respond .form-submit {
	margin-bottom: 0 !important;
}

.reviews-luxe #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--rose);
	border-radius: 999px;
	background: var(--rose);
	color: #fff;
	font-family: var(--font-sans);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 15px 34px;
	cursor: pointer;
	transition: all var(--transition);
}

.reviews-luxe #respond input#submit:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
}

/* campos de mídia da avaliação */
.review-media-fields {
	grid-column: 1 / -1;
	border: 1px dashed rgba(207, 138, 141, 0.45);
	border-radius: var(--radius);
	padding: 16px 18px;
	margin: 0 0 12px;
	background: var(--rose-faint);
}

.review-media-fields__label {
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 600;
	color: var(--ink);
	margin: 0 0 4px;
}

.review-media-fields__bonus {
	font-size: 12.5px;
	color: var(--rose-dark);
	margin: 0 0 12px;
}

.review-media-fields__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.review-media-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 18px;
	border: 1px solid rgba(38, 38, 38, 0.2);
	border-radius: 999px;
	background: var(--white);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1; /* texto e ícone na mesma linha média */
	color: var(--ink);
	cursor: pointer;
	transition: all var(--transition);
}

.review-media-btn .ico {
	flex-shrink: 0;
	display: block;
}

/* a regra genérica de labels do formulário (display: block, uppercase)
   atropela os botões de mídia, que também são <label> — reafirma o flex */
.reviews-luxe #respond form.comment-form label.review-media-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	text-transform: none;
	letter-spacing: 0.06em;
	font-size: 12px;
	color: var(--ink);
}

.review-media-btn:hover {
	border-color: var(--rose);
	color: var(--rose-dark);
}

.review-media-btn input[type='file'] {
	display: none;
}

.review-media-fields__preview {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}

.review-preview__thumb {
	width: 62px;
	height: 62px;
	object-fit: cover;
	border-radius: 10px;
	border: 1px solid rgba(207, 138, 141, 0.4);
}

.review-preview__thumb--video {
	object-fit: cover;
	background: var(--ink);
}

/* botão de envio em estado de carregamento */
.reviews-luxe #respond input#submit.is-loading {
	opacity: 0.65;
	cursor: wait;
	pointer-events: none;
}

/* mídia dentro do card da avaliação */
.review-media {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.review-media__item {
	position: relative;
	width: 86px;
	height: 86px;
	padding: 0;
	border: 1px solid rgba(38, 38, 38, 0.1);
	border-radius: 12px;
	overflow: hidden;
	cursor: zoom-in;
	background: var(--ice);
	transition: transform var(--transition), box-shadow var(--transition);
}

.review-media__item:hover {
	transform: scale(1.04);
	box-shadow: var(--shadow-soft);
}

.review-media__item img,
.review-media__item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.review-media__item--video {
	cursor: pointer;
}

.review-media__play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	background: rgba(38, 38, 38, 0.35);
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* galeria de mídia estilo Shopee (dentro do modal) */
.media-gallery {
	padding: 8px;
}

.media-gallery--with-review {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 280px;
	gap: 18px;
	align-items: start;
}

.media-gallery__main {
	position: relative; /* âncora das setas e do contador */
}

/* painel do autor — a avaliação "dona" das mídias */
.media-gallery__review {
	background: var(--ice);
	border-radius: var(--radius);
	padding: 18px;
	max-height: 72vh;
	overflow: auto;
}

.media-gallery__author {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.media-gallery__author img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.media-gallery__author strong {
	display: block;
	font-size: 14px;
	color: var(--ink);
}

.media-gallery__date {
	display: block;
	font-size: 11.5px;
	color: var(--gray-soft);
}

.media-gallery__stars .star-rating {
	font-size: 0.8em;
	float: none;
	margin: 2px 0 8px;
}

.media-gallery__text {
	font-size: 13.5px;
	color: var(--gray);
	line-height: 1.7;
	margin: 0;
}

.media-gallery__stage {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42vh;
}

.media-gallery__stage img,
.media-gallery__stage video {
	max-width: 100%;
	max-height: 72vh;
	border-radius: calc(var(--radius-lg) - 10px);
}

.media-gallery__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border: 1px solid rgba(38, 38, 38, 0.12);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(8px);
	font-family: var(--font-serif);
	font-size: 26px;
	line-height: 1;
	color: var(--ink);
	cursor: pointer;
	transition: all var(--transition);
	z-index: 4;
}

.media-gallery__nav:hover {
	background: var(--ink);
	border-color: var(--ink);
	color: #fff;
}

.media-gallery__nav--prev {
	left: 16px;
}

.media-gallery__nav--next {
	right: 16px;
}

.media-gallery__count {
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(38, 38, 38, 0.75);
	color: #fff;
	font-size: 11.5px;
	letter-spacing: 0.08em;
	padding: 5px 14px;
	border-radius: 999px;
	pointer-events: none;
}

/* foto de perfil em Detalhes da conta */
.account-avatar {
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--ice);
}

.account-avatar__label {
	display: block;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gray-soft);
	margin-bottom: 10px;
}

.account-avatar__row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.account-avatar__row img.avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(207, 138, 141, 0.35);
}

.account-avatar__hint {
	font-size: 12px;
	color: var(--gray-soft);
	margin: 8px 0 0;
}

/* seção "Sobre a peça" (substitui as abas) */
.about-piece {
	clear: both;
	margin-top: clamp(44px, 7vw, 80px);
}

.about-piece__content {
	max-width: 860px;
	margin: 0 auto;
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: clamp(26px, 5vw, 52px);
	box-shadow: var(--shadow-soft);
	font-size: 15.5px;
	line-height: 1.85;
	color: var(--gray);
}

.about-piece__content h2,
.about-piece__content h3 {
	margin-top: 1.4em;
}

.about-piece__content ul {
	padding-left: 20px;
}

/* avise-me quando chegar (esgotado) */

.restock-notice {
	background: var(--divine);
	border: 1px solid rgba(207, 138, 141, 0.3);
	border-radius: var(--radius);
	padding: 18px 20px;
	margin: 18px 0;
}

.restock-notice__title {
	font-family: var(--font-serif);
	font-size: 19px;
	font-weight: 600;
	color: var(--ink);
	margin: 0 0 4px;
}

.restock-notice__text {
	font-size: 13px;
	color: var(--gray-soft);
	margin: 0 0 14px;
}

.restock-notice .wa-buy {
	margin: 0;
}

/* compartilhar — só ícones; via JS a linha flutua sobre a foto (estilo ML) */

.share-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 4px;
}

.share-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(38, 38, 38, 0.15);
	border-radius: 50%;
	background: var(--white);
	color: var(--gray);
	cursor: pointer;
	transition: all var(--transition);
}

.share-btn:hover {
	border-color: var(--rose);
	color: var(--rose-dark);
	transform: translateY(-1px);
}

.woocommerce-product-gallery .share-row {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 9;
	flex-direction: column;
	gap: 8px;
	margin: 0;
}

.woocommerce-product-gallery .share-btn {
	border-color: transparent;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	box-shadow: 0 4px 14px rgba(38, 38, 38, 0.14);
}

/* cuidados com a peça */

.care-piece {
	clear: both;
	margin-top: clamp(44px, 7vw, 80px);
}

.care-piece__content {
	max-width: 980px;
	margin: 0 auto;
}

.care-piece__content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.care-piece__content ul li {
	background: var(--white);
	border-radius: var(--radius);
	padding: 18px 20px 18px 44px;
	box-shadow: var(--shadow-soft);
	font-size: 13.5px;
	color: var(--gray-soft);
	line-height: 1.65;
	position: relative;
}

.care-piece__content ul li::before {
	content: '✦';
	position: absolute;
	left: 20px;
	top: 19px;
	color: var(--rose);
	font-size: 13px;
}

.care-piece__content ul li strong {
	color: var(--ink);
}

/* vistos recentemente */

.recently-viewed {
	padding: clamp(40px, 7vw, 76px) 0 clamp(20px, 4vw, 40px);
}

/* barra de compra fixa (somente mobile/tablet) */

.buy-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 850;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(18px) saturate(1.4);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	border-top: 1px solid rgba(207, 138, 141, 0.25);
	box-shadow: 0 -8px 30px rgba(38, 38, 38, 0.1);
	transform: translateY(105%);
	transition: transform 0.3s cubic-bezier(0.25, 0.6, 0.3, 1);
}

.buy-bar.is-visible {
	transform: none;
}

.buy-bar__thumb {
	width: 46px;
	height: 46px;
	object-fit: cover;
	border-radius: 10px;
	flex-shrink: 0;
}

.buy-bar__info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	line-height: 1.35;
}

.buy-bar__name {
	font-family: var(--font-serif);
	font-size: 14.5px;
	font-weight: 600;
	color: var(--ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.buy-bar__price {
	font-size: 13px;
	font-weight: 600;
	color: var(--rose-dark);
}

.buy-bar__price del {
	display: none; /* na barra compacta, só o preço vigente */
}

.buy-bar__btn,
.woocommerce .buy-bar a.button.buy-bar__btn {
	flex-shrink: 0;
	padding: 13px 20px;
	font-size: 11px;
	background: var(--rose);
	border-color: var(--rose);
}

.buy-bar__btn--wa,
.woocommerce .buy-bar a.button.buy-bar__btn--wa {
	background: #1f8a5a;
	border-color: #1f8a5a;
}

@media (min-width: 1025px) {
	.buy-bar {
		display: none; /* experiência de barra fixa é mobile/tablet */
	}
}

/* a barra não pode cobrir o botão flutuante do WhatsApp */
body.buy-bar-visible .whatsapp-float {
	bottom: 92px;
}

/* relacionados / upsells */

/* apenas o h2 direto da seção — um seletor descendente aqui pegaria também
   os títulos dos cards de produto dentro dela */
.woocommerce .related > h2,
.woocommerce .upsells > h2,
section.related > h2,
section.up-sells > h2 {
	text-align: center;
	font-size: clamp(26px, 4vw, 36px);
	margin: clamp(40px, 7vw, 70px) 0 30px;
}

/* --------------------------------------------- WooCommerce: carrinho etc. */

.woocommerce table.shop_table {
	border: 0;
	border-radius: var(--radius-lg);
	background: var(--white);
	box-shadow: var(--shadow-soft);
	border-collapse: separate;
	overflow: hidden;
}

.woocommerce table.shop_table th {
	font-size: 11.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gray-soft);
	background: var(--ice);
}

.woocommerce table.shop_table td {
	border-top: 1px solid var(--ice);
}

.woocommerce-cart table.cart img {
	width: 84px;
	height: 84px;
	object-fit: cover;
	border-radius: 12px;
}

.cart-item__desc {
	display: block;
	font-family: var(--font-sans);
	font-size: 12px;
	font-weight: 400;
	color: var(--gray-soft);
	margin-top: 3px;
	max-width: 340px;
	line-height: 1.5;
}

/* com o auto-update via JS ativo, o botão "Atualizar carrinho" some */
body.cart-auto-update button[name='update_cart'] {
	display: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce .cart_totals {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: 10px 22px 22px;
	box-shadow: var(--shadow-soft);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text {
	border: 1px solid rgba(38, 38, 38, 0.15);
	border-radius: 10px;
	padding: 12px 16px;
	background: var(--white);
	font-family: var(--font-sans);
	font-size: 14px;
	color: var(--ink);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	outline: none;
	border-color: var(--rose);
	box-shadow: 0 0 0 3px var(--rose-faint);
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	border: 1px solid rgba(207, 138, 141, 0.25);
	border-radius: var(--radius-lg);
	background: var(--white);
	box-shadow: var(--shadow-soft);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background: var(--white);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-soft);
}

#add_payment_method #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
	background: var(--ice);
	color: var(--gray);
}

/* ---------------------------------------------- carrinho clássico de luxo */

/* linhas da tabela */
.woocommerce-cart table.shop_table.cart td {
	vertical-align: middle;
}

.woocommerce-cart table.cart td.product-name a {
	font-family: var(--font-serif);
	font-size: 17px;
	font-weight: 600;
	color: var(--ink);
}

.woocommerce-cart table.cart td.product-name a:hover {
	color: var(--rose-dark);
}

.woocommerce-cart table.cart a.remove {
	width: 28px;
	height: 28px;
	line-height: 26px;
	font-size: 16px;
	font-weight: 400;
	color: var(--gray-soft) !important;
	border: 1px solid rgba(38, 38, 38, 0.15);
	border-radius: 50%;
	transition: all var(--transition);
}

.woocommerce-cart table.cart a.remove:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
	color: #fff !important;
}

/* cupom em pílula + atualizar carrinho */
.woocommerce-cart table.cart td.actions {
	padding: 16px 12px;
}

.woocommerce-cart table.cart td.actions .coupon {
	display: inline-flex;
	gap: 8px;
	float: none;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: 170px;
	border: 1px solid rgba(38, 38, 38, 0.18);
	border-radius: 999px;
	padding: 11px 18px;
	font-family: var(--font-sans);
	font-size: 13px;
	background: var(--white);
	color: var(--ink);
}

.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
	outline: none;
	border-color: var(--rose);
	box-shadow: 0 0 0 3px var(--rose-faint);
}

.woocommerce-cart table.cart td.actions > .button {
	background: transparent;
	border-color: rgba(38, 38, 38, 0.3);
	color: var(--ink);
}

.woocommerce-cart table.cart td.actions > .button:disabled {
	opacity: 0.4;
}

/* colaterais: totais como card à direita, cross-sells em vitrine completa */
.woocommerce-cart .cart-collaterals {
	display: flex;
	flex-direction: column-reverse;
	gap: clamp(30px, 5vw, 50px);
	width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals .cross-sells {
	float: none;
	width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals {
	max-width: 560px;
	margin-left: auto;
}

/* Totais como lista flex, fora do layout de tabela: células block dentro de
   <tr> caem numa célula anônima presa à 1ª coluna — era isso que espremia
   os cards de envio dentro da coluninha do rótulo "Subtotal". */
.cart_totals table.shop_table,
.cart_totals table.shop_table tbody {
	display: block;
	width: 100%;
}

.cart_totals table.shop_table tr {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 14px;
	padding: 11px 0;
	border-top: 1px solid var(--ice);
}

.cart_totals table.shop_table tr:first-child {
	border-top: 0;
}

.cart_totals table.shop_table th,
.cart_totals table.shop_table td {
	display: block;
	width: auto;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	text-align: left;
}

.cart_totals table.shop_table td {
	text-align: right;
}

.cart_totals table.shop_table tr.shipping {
	display: block;
}

.cart_totals table.shop_table tr.shipping th {
	margin-bottom: 8px;
}

.cart_totals table.shop_table tr.shipping td {
	width: 100%;
	text-align: left;
}

.cart_totals tr.order-total td .amount {
	font-size: 18px;
	color: var(--rose-dark);
}

.woocommerce-cart .cart_totals > h2 {
	font-size: 24px;
	margin: 12px 0 4px;
}

.woocommerce-cart .cart_totals .shop_table {
	box-shadow: none;
}

.woocommerce-cart .wc-proceed-to-checkout {
	padding-bottom: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	width: 100%;
	font-size: 13px;
	padding: 18px 30px;
	background: var(--rose);
	border-color: var(--rose);
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
}

.cross-sells > h2 {
	text-align: center;
	font-size: clamp(26px, 4vw, 36px);
	margin: 0 0 26px;
}

/* métodos de envio (carrinho e checkout): opções como cartões selecionáveis */

ul.woocommerce-shipping-methods {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

ul.woocommerce-shipping-methods li {
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid rgba(38, 38, 38, 0.14);
	border-radius: 12px;
	padding: 11px 14px;
	transition: all var(--transition);
	cursor: pointer;
}

ul.woocommerce-shipping-methods li:has(input:checked) {
	border-color: var(--rose);
	background: var(--rose-faint);
}

ul.woocommerce-shipping-methods input.shipping_method {
	accent-color: var(--rose);
	margin: 0;
	flex-shrink: 0;
}

ul.woocommerce-shipping-methods label {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	margin: 0;
	font-size: 13px;
	color: var(--gray);
	cursor: pointer;
}

ul.woocommerce-shipping-methods label .amount {
	color: var(--rose-dark);
	font-weight: 700;
	white-space: nowrap;
}

.woocommerce-shipping-destination {
	font-size: 12px;
	color: var(--gray-soft);
	margin: 4px 0 0;
}

.woocommerce-shipping-destination strong {
	color: var(--gray);
	font-weight: 500;
}

/* na tabela de totais, a linha de envio empilha para dar espaço às opções */
.cart_totals tr.shipping th,
.cart_totals tr.shipping td,
#order_review tr.shipping th,
#order_review tr.shipping td {
	display: block;
	width: 100%;
	text-align: left !important;
	border-top: 0;
}

.cart_totals tr.shipping th,
#order_review tr.shipping th {
	padding-bottom: 4px;
}

.cart_totals tr.shipping td::before,
#order_review tr.shipping td::before {
	display: none !important;
}

/* no resumo do checkout: cards de envio em largura total e com o preço
   na mesma linha do texto, como no carrinho */
#order_review tr.shipping td {
	padding: 4px 0 10px;
}

#order_review ul.woocommerce-shipping-methods label {
	display: flex !important;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	width: 100%;
}

#order_review ul.woocommerce-shipping-methods label .amount {
	white-space: nowrap;
	flex-shrink: 0;
}

/* item com foto no resumo do pedido (checkout) */
#order_review .shop_table td.product-name {
	display: flex;
	align-items: center;
	gap: 8px;
}

#order_review .shop_table td.product-name .product-quantity {
	margin-left: auto;
	white-space: nowrap;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--gray-soft);
}

.review-item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
}

.review-item .review-item__thumb {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 10px;
	flex-shrink: 0;
}

.review-item__name {
	font-weight: 500;
	color: var(--ink);
}

/* ---------------------------------------------- checkout clássico de luxo */

/* carrinho e checkout precisam de largura total — o container estreito de
   920px do template de páginas é o que espremia as colunas no desktop */
.woocommerce-cart .container--narrow,
.woocommerce-checkout .container--narrow {
	max-width: var(--container);
}

/* duas colunas: dados à esquerda, resumo do pedido fixo à direita */
@media (min-width: 1025px) {
	form.woocommerce-checkout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(400px, 520px);
		gap: 0 clamp(26px, 4vw, 50px);
		align-items: start;
	}

	form.woocommerce-checkout > * {
		grid-column: 1 / -1;
	}

	form.woocommerce-checkout > .col2-set {
		grid-column: 1;
		grid-row: 2 / span 2;
	}

	form.woocommerce-checkout > #order_review_heading {
		grid-column: 2;
		grid-row: 2;
	}

	form.woocommerce-checkout > #order_review {
		grid-column: 2;
		grid-row: 3;
		position: sticky;
		top: calc(var(--header-h) + 24px);
	}
}

.woocommerce-checkout .col2-set {
	width: 100%;
	float: none;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
	width: 100%;
	float: none;
	max-width: none;
}

/* títulos das etapas */
.woocommerce-checkout h3,
#order_review_heading {
	font-size: 22px;
	margin: 18px 0 14px;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: clamp(18px, 3vw, 28px);
	box-shadow: var(--shadow-soft);
	margin-bottom: 22px;
}

/* com o envio forçado ao endereço de cobrança, o wrapper de entrega renderiza
   vazio — sem elementos filhos, ele não deve virar um card branco solto */
.woocommerce-shipping-fields:not(:has(*)) {
	display: none;
}

.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3 {
	margin-top: 0;
}

.woocommerce form .form-row label {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: var(--gray-soft);
}

/* conta inteligente no checkout */

.smart-account {
	margin-top: 6px;
}

.smart-account__notice {
	font-size: 13px;
	line-height: 1.6;
	border-radius: 12px;
	padding: 12px 16px;
	margin: 0 0 12px;
}

.smart-account__notice--new {
	background: var(--rose-faint);
	color: var(--rose-dark);
	border: 1px dashed rgba(207, 138, 141, 0.45);
}

.smart-account__notice--exists {
	background: rgba(77, 124, 95, 0.08);
	color: #4d7c5f;
	border: 1px solid rgba(77, 124, 95, 0.25);
}

/* o bloco nativo "Criar uma conta?" fica redundante com o fluxo do tema */
.woocommerce-checkout .woocommerce-account-fields {
	display: none;
}

/* resumo do pedido */
#order_review {
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.25);
	border-radius: var(--radius-lg);
	padding: clamp(16px, 3vw, 24px);
	box-shadow: var(--shadow-soft);
}

#order_review .shop_table {
	box-shadow: none;
	border-radius: 0;
}

#order_review .shop_table th,
#order_review .shop_table td {
	background: transparent;
	font-size: 13.5px;
}

/* resumo em lista flex — mesma cura do carrinho: sem colunas de tabela
   para prender os cards de envio, em qualquer tamanho de tela */
#order_review table.shop_table,
#order_review table.shop_table tbody,
#order_review table.shop_table tfoot {
	display: block;
	width: 100%;
}

#order_review table.shop_table thead {
	display: none; /* "Produto/Subtotal" é redundante num resumo */
}

#order_review table.shop_table tr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	padding: 10px 0;
	border-top: 1px solid var(--ice);
}

#order_review table.shop_table tbody tr:first-child {
	border-top: 0;
}

#order_review table.shop_table th,
#order_review table.shop_table td {
	display: block;
	width: auto;
	padding: 0 !important;
	border: 0 !important;
	text-align: left;
}

#order_review table.shop_table td:last-child {
	text-align: right;
}

#order_review table.shop_table td.product-name {
	flex: 1;
	min-width: 0;
	display: flex;
	text-align: left;
}

#order_review table.shop_table tr.shipping,
#order_review table.shop_table tr.woocommerce-shipping-totals {
	display: block;
}

#order_review table.shop_table tr.shipping th {
	margin-bottom: 8px;
}

#order_review table.shop_table tr.shipping td {
	width: 100%;
	text-align: left;
}

ul.woocommerce-shipping-methods,
ul.woocommerce-shipping-methods li {
	width: 100%;
}

#order_review .order-total .amount {
	color: var(--rose-dark);
	font-size: 17px;
}

/* métodos de pagamento */
#payment ul.payment_methods {
	padding: 16px 20px 12px !important;
	border-bottom: 1px dashed rgba(207, 138, 141, 0.3) !important;
}

#payment ul.payment_methods li {
	display: flex;
	flex-wrap: wrap; /* o painel do gateway (payment_box) quebra p/ baixo */
	align-items: center;
	gap: 10px;
	padding: 9px 0;
}

#payment ul.payment_methods li > label {
	flex: 1;
	display: flex !important;
	align-items: center;
	gap: 10px;
	margin: 0 !important;
	font-weight: 600;
	color: var(--ink);
	font-size: 14px;
	cursor: pointer;
}

/* logo do gateway alinhado à direita, na linha do texto */
#payment ul.payment_methods li > label img {
	margin-left: auto;
	max-height: 26px;
	width: auto;
	display: block;
}

#payment ul.payment_methods li .payment_box {
	flex-basis: 100%;
	width: 100%;
	margin: 8px 0 4px !important;
}

/* área do botão finalizar com o mesmo respiro do card */
#payment .form-row.place-order {
	padding: 14px 20px 20px !important;
	margin: 0;
}

#payment input[type='radio'],
.woocommerce input[type='checkbox'] {
	accent-color: var(--rose);
}

#payment div.payment_box {
	border-radius: 10px;
	font-size: 13px;
}

#payment div.payment_box::before {
	display: none;
}

/* botão finalizar */
#payment #place_order,
.woocommerce #payment button#place_order {
	width: 100%;
	padding: 19px 30px;
	font-size: 13.5px;
	background: var(--rose);
	border-color: var(--rose);
	margin-top: 12px;
}

#payment #place_order:hover,
.woocommerce #payment button#place_order:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
}

/* aviso de privacidade discreto */
.woocommerce-terms-and-conditions-wrapper {
	font-size: 12px;
	color: var(--gray-soft);
}

/* sacola vazia */

.empty-cart {
	text-align: center;
	padding: clamp(24px, 5vw, 50px) 0 10px;
}

.empty-cart__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: var(--divine);
	border: 1px solid rgba(207, 138, 141, 0.3);
	color: var(--rose-dark);
	margin-bottom: 18px;
}

.empty-cart__title {
	font-size: clamp(30px, 4.5vw, 42px);
	margin-bottom: 10px;
}

.empty-cart__text {
	max-width: 460px;
	margin: 0 auto 28px;
	color: var(--gray-soft);
}

.empty-cart__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}

.empty-cart__suggestions {
	margin-top: clamp(44px, 7vw, 76px);
	text-align: initial;
}

/* página de agradecimento (pedido recebido) */

.thankyou-hero {
	text-align: center;
	background: var(--divine);
	border: 1px solid rgba(207, 138, 141, 0.28);
	border-radius: var(--radius-lg);
	padding: clamp(28px, 5vw, 52px) clamp(18px, 4vw, 40px);
	margin-bottom: clamp(26px, 4vw, 40px);
}

.thankyou-hero__icon {
	display: inline-flex;
	color: var(--rose-dark);
	margin-bottom: 10px;
}

.thankyou-hero__title {
	font-size: clamp(28px, 4.5vw, 40px);
	margin-bottom: 10px;
}

.thankyou-hero__text {
	max-width: 520px;
	margin: 0 auto 26px;
	color: var(--gray-soft);
}

.thankyou-steps {
	list-style: none;
	counter-reset: passo;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	max-width: 680px;
	margin: 0 auto 26px;
	padding: 0;
}

.thankyou-steps li {
	counter-increment: passo;
	background: var(--white);
	border-radius: var(--radius);
	padding: 40px 14px 16px;
	position: relative;
	box-shadow: var(--shadow-soft);
}

.thankyou-steps li::before {
	content: counter(passo);
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--rose);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 22px;
}

.thankyou-steps strong {
	display: block;
	font-family: var(--font-serif);
	font-size: 17px;
	color: var(--ink);
	margin-bottom: 2px;
}

.thankyou-steps span {
	font-size: 12px;
	color: var(--gray-soft);
	line-height: 1.5;
	display: block;
}

.thankyou-hero__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 22px;
}

.thankyou-hero__blessing {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 15px;
	color: var(--rose-dark);
	margin: 0;
}

/* a frase padrão do Woo ("Obrigado. Seu pedido foi recebido.") é redundante */
.woocommerce-thankyou-order-received {
	display: none;
}

/* resumo do pedido (nº, data, total...) como pílulas */
ul.woocommerce-order-overview {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

ul.woocommerce-order-overview li {
	flex: 1 1 150px;
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.2);
	border-radius: var(--radius);
	padding: 12px 16px;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gray-soft);
	margin: 0 !important;
	border-right-width: 1px !important;
}

ul.woocommerce-order-overview li strong {
	display: block;
	font-size: 14.5px;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--ink);
	margin-top: 4px;
}

/* bloco PIX do Mercado Pago na página de obrigado */

.mp-details-title {
	font-family: var(--font-serif);
	font-size: clamp(20px, 3vw, 26px);
	font-weight: 600;
	color: var(--ink);
	text-align: center;
	margin: 30px 0 14px;
}

.mp-details-pix {
	background: var(--white);
	border: 1px solid rgba(207, 138, 141, 0.25);
	border-radius: var(--radius-lg);
	padding: clamp(18px, 3vw, 30px);
	box-shadow: var(--shadow-soft);
}

.mp-row-checkout-pix {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(18px, 3vw, 36px);
}

.mp-col-md-4 {
	flex: 1 1 220px;
}

.mp-col-md-8 {
	flex: 2 1 300px;
}

.mp-details-pix-img {
	max-width: 84px;
	margin-bottom: 12px;
}

.mp-details-pix-title {
	font-weight: 600;
	color: var(--ink);
	font-size: 14.5px;
	margin: 0 0 12px;
}

.mp-steps-congrats {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mp-details-list {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.mp-details-pix-number-p {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--rose);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	margin: 0;
}

.mp-details-list-description {
	margin: 0;
	font-size: 13px;
	color: var(--gray-soft);
	line-height: 1.6;
}

.mp-details-pix-amount {
	margin: 0 0 12px;
}

.mp-details-pix-qr {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gray-soft);
}

.mp-details-pix-qr-value {
	font-size: 24px;
	font-weight: 700;
	color: var(--rose-dark);
}

.mp-details-pix-qr-title {
	font-size: 13px;
	color: var(--gray);
	margin: 4px 0 8px;
}

.mp-details-pix-qr-img {
	max-width: 230px;
	margin: 0 auto 8px;
	border: 1px solid rgba(207, 138, 141, 0.3);
	border-radius: 14px;
	padding: 10px;
	background: #fff;
}

.mp-details-pix-qr-subtitle,
.mp-details-pix-qr-description {
	font-size: 12.5px;
	color: var(--gray-soft);
}

.mp-row-checkout-pix-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 6px;
}

.mp-qr-input {
	flex: 1 1 220px;
	border: 1px solid rgba(38, 38, 38, 0.18);
	border-radius: 999px;
	padding: 12px 16px;
	font-size: 12px;
	color: var(--gray);
	background: var(--white);
}

.mp-details-pix-button {
	border: 1px solid var(--ink);
	border-radius: 999px;
	background: var(--ink);
	color: #fff;
	font-family: var(--font-sans);
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 12px 24px;
	cursor: pointer;
	transition: all var(--transition);
}

.mp-details-pix-button:hover {
	background: var(--rose-dark);
	border-color: var(--rose-dark);
}

/* o QR repetido dentro de "Detalhes do pedido" é redundante */
.mp-pix-image-container {
	display: none;
}

/* seções da página de obrigado */

.woocommerce-order-details__title {
	font-size: clamp(24px, 3vw, 30px);
	margin: 36px 0 16px;
}

.woocommerce-customer-details .col2-set {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	width: 100%;
	float: none;
	margin-top: 28px;
}

.woocommerce-customer-details .woocommerce-column {
	float: none !important;
	width: auto !important;
	max-width: none;
	background: var(--white);
	border-radius: var(--radius);
	padding: 20px 22px;
	box-shadow: var(--shadow-soft);
}

.woocommerce-customer-details h2.woocommerce-column__title {
	font-size: 20px;
	margin-bottom: 8px;
}

.woocommerce-customer-details address {
	font-style: normal;
	line-height: 1.75;
	color: var(--gray-soft);
}

.woocommerce-customer-details--phone,
.woocommerce-customer-details--email {
	margin: 8px 0 0;
	color: var(--gray);
}

/* micro-animações de entrada (classe aplicada só via JS) */
.reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity 0.7s cubic-bezier(0.25, 0.6, 0.3, 1), transform 0.7s cubic-bezier(0.25, 0.6, 0.3, 1);
}

.reveal.is-inview {
	opacity: 1;
	transform: none;
}

/* ------------------------------------------- Minha conta e login de luxo */

/* títulos das páginas de conta ("Entrar", "Cadastre-se") */
.woocommerce-account .woocommerce h2 {
	text-align: center;
	font-size: clamp(26px, 3.5vw, 34px);
	margin-bottom: 22px;
}

/* cards de login, cadastro e recuperação de senha */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password {
	max-width: 460px;
	margin: 0 auto 40px;
	padding: clamp(26px, 4vw, 42px) !important;
	border: 1px solid rgba(207, 138, 141, 0.28);
	border-radius: var(--radius-lg);
	background: var(--white);
	box-shadow: var(--shadow-soft);
	position: relative;
}

/* ornamento dentro do card — ::before para não colidir com o clearfix
   ::after do próprio Woo (que inflava um fundo por cima dos campos) */
.woocommerce form.login::before,
.woocommerce form.register::before {
	content: '✦';
	display: block;
	text-align: center;
	color: var(--rose);
	font-size: 14px;
	margin-bottom: 14px;
}

.woocommerce form.login .button,
.woocommerce form.register .button,
.woocommerce form.lost_reset_password .button {
	width: 100%;
	margin-top: 6px;
}

.woocommerce form.login .woocommerce-form-login__rememberme {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	font-size: 13.5px;
	color: var(--gray-soft);
}

.woocommerce form.login input[type='checkbox'] {
	accent-color: var(--rose);
	width: 16px;
	height: 16px;
}

.woocommerce .lost_password {
	text-align: center;
	font-size: 13px;
	margin-bottom: 0;
}

.woocommerce-privacy-policy-text {
	font-size: 12.5px;
	color: var(--gray-soft);
}

/* login + cadastro lado a lado quando o registro está ativo */
.woocommerce-account .u-columns.col2-set {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: clamp(20px, 3vw, 34px);
	align-items: start;
	max-width: 980px;
	margin-inline: auto;
	float: none;
	width: auto;
}

.woocommerce-account .u-columns.col2-set .col-1,
.woocommerce-account .u-columns.col2-set .col-2 {
	float: none;
	width: auto;
	max-width: none;
	padding: 0;
}

.woocommerce-account .u-columns.col2-set form.login,
.woocommerce-account .u-columns.col2-set form.register {
	max-width: none;
	margin-bottom: 0;
	height: 100%;
}

/* páginas Woo (conta, carrinho, checkout) renderizam via page.php: o card
   branco do .entry__content vira "card dentro de card" — remove a moldura
   externa e deixa os blocos do Woo respirarem no fundo gelo */
.woocommerce-account .entry__content,
.woocommerce-cart .entry__content,
.woocommerce-checkout .entry__content {
	background: transparent;
	box-shadow: none;
	padding: 0;
	border-radius: 0;
}

/* o CSS nativo do Woo aplica float + larguras 30%/68% à navegação e ao
   conteúdo da conta — dentro do grid isso vira coluna mirrada; neutraliza */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-page .woocommerce-MyAccount-navigation,
.woocommerce-page .woocommerce-MyAccount-content {
	float: none;
	width: auto;
	min-width: 0;
	max-width: 100%;
}

/* área logada: navegação horizontal em pills no topo + conteúdo em largura
   total abaixo — mesmo layout em todas as telas. Sem grid lateral: era ele
   que brigava com os floats/larguras nativos do Woo e estreitava no desktop */
.woocommerce-MyAccount-navigation {
	margin-bottom: clamp(16px, 3vw, 26px);
}

.woocommerce-MyAccount-navigation ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin: 0;
	padding: 7px;
	background: var(--white);
	border-radius: 999px;
	box-shadow: var(--shadow-soft);
}

.woocommerce-MyAccount-navigation ul li {
	flex: 0 0 auto;
	margin: 0;
}

.woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 11px 18px;
	border-radius: 999px;
	color: var(--gray);
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--rose-faint);
	color: var(--rose-dark);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--rose-dark);
}

.woocommerce-MyAccount-content {
	background: var(--white);
	border-radius: var(--radius-lg);
	padding: clamp(20px, 4vw, 36px);
	box-shadow: var(--shadow-soft);
	font-size: 14.5px;
}

.woocommerce-MyAccount-content > p:first-child {
	font-family: var(--font-serif);
	font-size: 19px;
	color: var(--ink);
}

.woocommerce-MyAccount-content fieldset legend {
	font-family: var(--font-serif);
	font-size: 21px;
	color: var(--ink);
	margin: 18px 0 6px;
}

/* endereços como mini-cards */
.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-column--address {
	background: var(--ice);
	border-radius: var(--radius);
	padding: 20px 22px;
}

.woocommerce-Address-title,
.woocommerce-column__title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.woocommerce-Address-title h3,
h3.woocommerce-column__title {
	font-size: 20px;
	margin-bottom: 8px;
}

.woocommerce-Address-title .edit {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--rose-dark);
}

.woocommerce-account address {
	font-style: normal;
	line-height: 1.7;
	color: var(--gray-soft);
}

/* botões das linhas de pedido (Ver, Pagar, Cancelar) */
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content a.button {
	padding: 10px 18px;
	font-size: 10.5px;
	margin: 2px 4px 2px 0;
}

/* ------------------------------------------------------------ responsivo */

@media (max-width: 1024px) {
	:root {
		--header-h: 70px;
	}

	.nav-toggle {
		display: inline-flex;
	}

	.site-branding {
		margin-right: auto;
		margin-left: 6px;
		align-items: flex-start;
	}

	.custom-logo-link img,
	.custom-logo {
		max-height: 50px;
	}

	.site-nav {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 980;
		width: min(340px, 86vw);
		background: var(--white);
		box-shadow: var(--shadow-lift);
		transform: translateX(-102%);
		transition: transform 0.32s cubic-bezier(0.25, 0.6, 0.3, 1);
		display: block;
		overflow-y: auto;
		padding-bottom: 40px;
	}

	.site-nav.is-open {
		transform: translateX(0);
	}

	.site-nav__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 18px 20px;
		border-bottom: 1px solid var(--ice);
		font-size: 12px;
		font-weight: 600;
		letter-spacing: 0.24em;
		text-transform: uppercase;
		color: var(--gray-soft);
	}

	.site-nav__list {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 10px 0;
	}

	.site-nav__list a {
		padding: 14px 24px;
		display: block;
	}

	.site-nav__list > li > a::after {
		display: none;
	}

	.site-nav__list .sub-menu {
		position: static;
		transform: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		border: 0;
		border-left: 1px solid var(--rose-soft);
		border-radius: 0;
		margin: 0 0 6px 24px;
		padding: 0;
		display: none;
		background: transparent;
		backdrop-filter: none;
	}

	.site-nav__list > li.is-expanded > .sub-menu {
		display: block;
	}

	ul.products,
	.woocommerce ul.products[class*='columns-'],
	.woocommerce-page ul.products[class*='columns-'] {
		grid-template-columns: repeat(3, 1fr);
	}

	.collections__grid,
	.collections__grid--3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.benefits__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
	}

	.devotional__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.devotional__art {
		max-width: 340px;
		margin: 0 auto;
	}

	.devotional__quote {
		text-align: left;
	}

	.connect__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.connect__text p {
		margin-inline: auto;
	}

	.connect__actions,
	.connect__qrcodes {
		justify-content: center;
	}

	.site-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	/* avaliações: resumo acima da lista */
	.reviews-luxe__grid {
		grid-template-columns: 1fr;
	}

	.reviews-luxe__summary {
		position: static;
	}

	.reviews-luxe #respond form.comment-form {
		grid-template-columns: 1fr;
	}

	.reviews-luxe #respond form.comment-form > p.comment-form-author,
	.reviews-luxe #respond form.comment-form > p.comment-form-email {
		grid-column: 1 / -1;
	}

	.care-piece__content ul {
		grid-template-columns: 1fr;
	}

	/* página de obrigado: endereços empilhados */
	.woocommerce-customer-details .col2-set {
		grid-template-columns: 1fr;
	}

	.thankyou-steps {
		grid-template-columns: 1fr;
	}

	/* galeria: painel do autor abaixo das mídias no celular */
	.media-gallery--with-review {
		grid-template-columns: 1fr;
	}

	.media-gallery__review {
		max-height: 32vh;
	}

	.media-gallery__stage img,
	.media-gallery__stage video {
		max-height: 52vh;
	}

	/* minha conta no celular: o trilho desliza horizontalmente, sem quebrar */
	.woocommerce-MyAccount-navigation ul {
		flex-wrap: nowrap;
		overflow-x: auto;
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
	}

	.woocommerce-MyAccount-navigation ul li a {
		padding: 10px 14px;
		font-size: 12.5px;
	}
}

@media (max-width: 640px) {
	ul.products,
	.woocommerce ul.products[class*='columns-'],
	.woocommerce-page ul.products[class*='columns-'] {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.product-card__body {
		padding: 14px 12px 16px;
	}

	.product-card__title {
		font-size: 16px;
	}

	/* barra de ações compacta no celular — Espiar incluído */
	.product-card__actions {
		padding: 9px 10px;
		gap: 6px;
	}

	.product-card__quickview,
	.product-card__actions .button,
	.woocommerce ul.products li.product .product-card__actions .button,
	.woocommerce-page ul.products li.product .product-card__actions .button {
		height: 34px;
		font-size: 9.5px;
		letter-spacing: 0.06em;
		padding: 0 6px;
	}

	.collections__grid,
	.collections__grid--2,
	.collections__grid--3 {
		grid-template-columns: 1fr;
	}

	.posts-grid {
		grid-template-columns: 1fr;
	}

	.quick-view {
		grid-template-columns: 1fr;
	}

	.site-footer__grid {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.footer-payments li,
	.footer-social {
		justify-content: center;
	}

	.site-branding__tagline {
		display: none;
	}

	/* todos os ícones (inclusive "minha conta") permanecem visíveis:
	   apenas ficam mais compactos para caber na largura */
	.header-actions {
		gap: 0;
	}

	.header-action {
		width: 38px;
		height: 38px;
	}

	.site-header__inner {
		gap: 8px;
	}

	.whatsapp-float {
		right: 14px;
		bottom: 14px;
		width: 50px;
		height: 50px;
	}

	/* busca compacta no celular: cabe na tela, sem estourar a largura */
	.header-search__form {
		gap: 8px;
		padding: 12px 0;
	}

	.header-search__form input[type='search'] {
		font-size: 16px; /* mínimo que evita o zoom automático do iOS */
	}

	.header-search__form .button {
		padding: 12px 18px;
	}

	/* banner exclusivo para celular, quando configurado */
	.banner-slide--image {
		background-image: var(--banner-bg-mobile, var(--banner-bg));
		min-height: clamp(420px, 116vw, 520px);
	}

	/* galeria estilo TikTok Shop: swipe troca a foto e o toque abre o modal —
	   a lupa fica oculta por redundância (a foto inteira é o gatilho) */
	.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
		display: none;
	}
}

/* carrinho no mobile: cada item vira um mini-card em grid, no lugar do
   empilhamento com rótulos do CSS responsivo nativo do Woo */
@media (max-width: 768px) {
	.woocommerce-cart table.shop_table.cart,
	.woocommerce-cart table.shop_table.cart tbody {
		display: block;
		width: 100%;
	}

	.woocommerce-cart table.shop_table.cart thead {
		display: none;
	}

	.woocommerce-cart table.shop_table.cart tr.cart_item {
		display: grid;
		grid-template-columns: 92px minmax(0, 1fr) auto;
		grid-template-areas:
			'thumb name   remove'
			'thumb price  price'
			'thumb qty    subtotal';
		align-items: center;
		gap: 4px 12px;
		padding: 14px 12px;
		border-bottom: 1px solid var(--ice);
	}

	.woocommerce-cart table.shop_table.cart tr.cart_item td {
		display: block;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		text-align: left !important;
	}

	.woocommerce-cart table.shop_table.cart td::before {
		display: none !important;
	}

	.woocommerce-cart table.cart td.product-thumbnail {
		grid-area: thumb;
	}

	.woocommerce-cart table.cart td.product-thumbnail img {
		width: 92px;
		height: 92px;
	}

	.woocommerce-cart table.cart td.product-remove {
		grid-area: remove;
		justify-self: end;
	}

	.woocommerce-cart table.cart td.product-name {
		grid-area: name;
	}

	.woocommerce-cart table.cart td.product-name a {
		font-size: 15.5px;
	}

	.woocommerce-cart table.cart td.product-name .cart-item__desc {
		display: none; /* no card compacto, a descrição polui */
	}

	.woocommerce-cart table.cart td.product-price {
		grid-area: price;
		font-size: 12.5px;
		color: var(--gray-soft);
	}

	.woocommerce-cart table.cart td.product-quantity {
		grid-area: qty;
	}

	.woocommerce-cart table.cart td.product-subtotal {
		grid-area: subtotal;
		justify-self: end;
		font-weight: 700;
		color: var(--ink);
	}

	/* rodapé da tabela: cupom em largura total */
	.woocommerce-cart table.shop_table.cart tr:not(.cart_item) {
		display: block;
	}

	.woocommerce-cart table.cart td.actions {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 14px 12px !important;
		border: 0 !important;
	}

	.woocommerce-cart table.cart td.actions .coupon {
		display: flex;
		width: 100%;
	}

	.woocommerce-cart table.cart td.actions .coupon .input-text {
		flex: 1;
		width: auto;
	}

	.woocommerce-cart .cart-collaterals .cart_totals {
		max-width: none;
	}
}

/* respeita usuários que preferem menos movimento */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
	}

	html {
		scroll-behavior: auto;
	}
}