/* 60 — Content: homepage sections, trust pages, guides. */

.sensa-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 48px;
	padding-inline: 28px;
	border-radius: var(--radius-sm);
	background: var(--c-accent);
	color: #fff !important;
	font-weight: 600;
	text-decoration: none !important;
}
.sensa-button:hover { background: var(--c-accent-hover); }
.sensa-button--ghost { background: transparent; color: var(--c-primary) !important; border: 1px solid var(--c-border-strong); }
.sensa-button--ghost:hover { background: var(--c-bg-subtle); }

/* ---------- Homepage ---------- */
.sensa-hero .elementor-heading-title { text-wrap: balance; }

.sensa-triad {
	display: grid;
	gap: var(--space-element);
	grid-template-columns: 1fr;
}
@media (min-width: 768px) { .sensa-triad { grid-template-columns: repeat(3, 1fr); } }
.sensa-triad__item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: var(--space-element);
	background: var(--c-bg-surface);
	border-radius: var(--radius-md);
	color: var(--c-ink);
	text-decoration: none;
}
a.sensa-triad__item:hover { box-shadow: var(--shadow-card-hover); }
.sensa-triad__icon { font-size: 24px; line-height: 1; }
.sensa-triad__body { display: grid; gap: 2px; }
.sensa-triad__body span { font-size: var(--fs-sm); color: var(--c-ink-muted); }

.sensa-tiles {
	display: grid;
	gap: var(--space-element);
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 360px) { .sensa-tiles { grid-template-columns: 1fr; } }
@media (min-width: 768px) { .sensa-tiles { grid-template-columns: repeat(3, 1fr); gap: var(--space-block); } }
.sensa-tile {
	display: grid;
	gap: 4px;
	color: var(--c-ink);
	text-decoration: none;
}
.sensa-tile__img {
	display: block;
	aspect-ratio: 4 / 3;
	inline-size: 100%;
	object-fit: cover;
	border-radius: var(--radius-md);
	background: var(--c-bg-subtle);
	transition: transform var(--motion-fast);
}
.sensa-tile__img--empty { background: linear-gradient(135deg, var(--c-bg-subtle), #e7dbe0); }
.sensa-tile:hover .sensa-tile__img { transform: translateY(-2px); }
.sensa-tile__name { font-family: var(--ff-heading); font-weight: 600; font-size: var(--fs-body-lg); margin-top: 6px; }
.sensa-tile__count { font-size: var(--fs-xs); color: var(--c-ink-muted); }

.sensa-shopby-grid { display: grid; gap: var(--space-element); grid-template-columns: repeat(2, 1fr); }
@media (min-width: 1024px) { .sensa-shopby-grid { grid-template-columns: repeat(4, 1fr); } }
.sensa-shopby {
	display: grid; gap: 4px; padding: var(--space-block);
	background: var(--c-bg-surface); border-radius: var(--radius-md); color: var(--c-ink); text-decoration: none;
}
.sensa-shopby span { font-size: var(--fs-sm); color: var(--c-ink-muted); }

.sensa-dx {
	background: var(--c-bg-subtle);
	border-radius: var(--radius-lg);
	padding: var(--space-block);
	display: grid;
	gap: var(--space-element);
	justify-items: start;
}
@media (min-width: 768px) { .sensa-dx { padding: var(--space-section) calc(var(--space-section) / 1.5); } }
.sensa-dx h2 { margin: 0; }
.sensa-dx dl { margin: 0; display: grid; gap: var(--space-element); inline-size: 100%; }
@media (min-width: 768px) { .sensa-dx dl { grid-template-columns: repeat(2, 1fr); } }
.sensa-dx__row dt { font-weight: 700; font-family: var(--ff-heading); }
.sensa-dx__row dd { margin: 2px 0 0; color: var(--c-ink); }

.sensa-home-products .elementor-loop-container { scroll-snap-type: x mandatory; }
@media (max-width: 767px) {
	.sensa-home-products .elementor-loop-container {
		display: flex !important;
		overflow-x: auto;
		gap: 12px !important;
		padding-block-end: 8px;
	}
	.sensa-home-products .elementor-loop-container > .e-loop-item { flex: 0 0 70%; scroll-snap-align: start; }
}

.sensa-reviews-grid { display: grid; gap: var(--space-element); }
@media (min-width: 768px) { .sensa-reviews-grid { grid-template-columns: repeat(3, 1fr); } }
.sensa-review { margin: 0; padding: var(--space-block); background: var(--c-bg-surface); border-radius: var(--radius-md); }
.sensa-review blockquote { margin: 8px 0; }
.sensa-review figcaption { font-size: var(--fs-xs); color: var(--c-ink-muted); }

.sensa-newsletter .elementor-field-group .elementor-field { min-block-size: 48px; }

/* ---------- Pages (Hello default template) ---------- */
body.page:not(.elementor-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-main {
	max-width: var(--container-narrow);
	margin-inline: auto;
	padding-inline: var(--container-pad);
	padding-block: var(--space-block) var(--space-section);
}
body.page:not(.elementor-page) .page-content h2 { margin-block: var(--space-block) var(--space-tight); }
body.page:not(.elementor-page) .page-content { font-size: var(--fs-body-lg); }
.sensa-lead { font-size: var(--fs-body-lg); color: var(--c-ink-muted); }
.sensa-draft-note {
	border: 2px dashed var(--c-warning);
	background: #fff8e6;
	padding: 12px 16px;
	border-radius: var(--radius-sm);
	font-size: var(--fs-sm);
	margin-block: var(--space-element);
}
.sensa-faq-group + .sensa-faq-group { margin-top: var(--space-block); }
.sensa-contact-options { display: grid; gap: var(--space-element); padding: 0; list-style: none; }
.sensa-contact-options li { background: var(--c-bg-surface); border-radius: var(--radius-md); padding: var(--space-element); }

/* ---------- Guides ---------- */
.sensa-guide-answer {
	font-size: var(--fs-body-lg);
	background: var(--c-bg-surface);
	border-inline-start: 4px solid var(--c-primary);
	border-radius: var(--radius-sm);
	padding: var(--space-element);
	margin: 0;
}
.sensa-guide-meta { margin: 0; font-size: var(--fs-xs); color: var(--c-ink-muted); }
.sensa-toc {
	background: var(--c-bg-subtle);
	border-radius: var(--radius-md);
	padding: var(--space-element) var(--space-block);
}
.sensa-toc__title { margin: 0 0 6px; font-weight: 700; }
.sensa-toc ol { margin: 0; padding-inline-start: 1.25em; display: grid; gap: 4px; }
@media (min-width: 1025px) {
	.sensa-guide-layout .sensa-toc { position: sticky; inset-block-start: 24px; }
}
.sensa-guide-body { font-size: var(--fs-body-lg); max-width: 68ch; }
.sensa-guide-body h2 { scroll-margin-top: 24px; margin-block: var(--space-section) var(--space-element); }
.sensa-guide-body h3 { margin-block: var(--space-block) var(--space-tight); }

.sensa-picks { display: grid; gap: var(--space-element); }
.sensa-pick {
	display: grid;
	grid-template-columns: 112px 1fr;
	gap: var(--space-element);
	background: var(--c-bg-surface);
	border-radius: var(--radius-md);
	padding: var(--space-element);
	align-items: start;
}
.sensa-pick__img img { inline-size: 112px; aspect-ratio: 1; object-fit: cover; border-radius: var(--radius-sm); }
.sensa-pick h3 { margin: 0; font-size: var(--fs-body-lg); }
.sensa-pick h3 a { color: var(--c-ink); }
.sensa-pick__price { margin: 4px 0; font-weight: 600; }
.sensa-pick__reason { margin: 0 0 8px; }
.sensa-pick__cta { font-weight: 600; }

.sensa-guide-cards { display: grid; gap: var(--space-block); }
@media (min-width: 768px) { .sensa-guide-cards { grid-template-columns: repeat(3, 1fr); } }
.sensa-guide-card {
	display: grid;
	background: var(--c-bg-surface);
	border-radius: var(--radius-md);
	overflow: hidden;
	color: var(--c-ink);
	text-decoration: none;
	box-shadow: var(--shadow-card);
}
.sensa-guide-card:hover { box-shadow: var(--shadow-card-hover); }
.sensa-guide-card__img { aspect-ratio: 4 / 3; object-fit: cover; inline-size: 100%; }
.sensa-guide-card__body { display: grid; gap: 4px; padding: var(--space-element); }
.sensa-guide-card__title { font-family: var(--ff-heading); font-weight: 600; font-size: var(--fs-body-lg); }
.sensa-guide-card__excerpt { font-size: var(--fs-sm); color: var(--c-ink-muted); }
.sensa-guide-cta { margin-block: var(--space-block); }