/**
 * Homepage presentation follows the shared marketplace design system.
 * Existing content, media, shell and commerce card owners are preserved.
 */

.home-main {
	--su-muted: var(--su-ds-muted, #796c74);
	--su-pink: var(--su-ds-primary, #7b0038);
	--su-pink-light: var(--su-ds-accent, #f35e84);
	--su-orange: var(--su-ds-primary, #7b0038);
	--su-orange-hover: var(--su-ds-primary-hover, #96144f);
	--su-ink: var(--su-ds-text, #292329);
	--su-plum: var(--su-ds-primary, #7b0038);
	--su-border: var(--su-ds-border, #ece5e9);
	--su-bg: var(--su-ds-background, #fbf9fa);
	--su-surface: var(--su-ds-surface, #fff);
	--su-surface-rose: var(--su-ds-accent-soft, #fde7ee);
	--su-shell: var(--su-ds-shell, 1240px);
	background: var(--su-ds-background, #fbf9fa);
	color: var(--su-ink);
	font-family: var(--su-ds-font-body, "Inter", Arial, sans-serif);
	font-size: var(--su-ds-body, 14px);
	line-height: 1.75;
}

body.home .home-main :is(h1, h2),
body.home .home-main :is(.home-how, .home-faq) h3 {
	font-family: var(--su-ds-font-heading, "Plus Jakarta Sans", Arial, sans-serif);
	font-weight: 600;
	letter-spacing: -0.035em;
	text-wrap: wrap;
}

.home-main h2 {
	margin-bottom: 0.75rem;
	font-size: var(--su-ds-heading, clamp(22px, 2.1vw, 30px));
	line-height: 1.25;
}

body.home .home-main :is(.home-how, .home-faq) h3 {
	font-size: var(--su-ds-subheading, 18px);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.02em;
}

.home-main .section-heading {
	max-width: 42.5rem;
	margin-bottom: 26px;
}

.home-main .section-heading.home-section-heading--inline {
	max-width: none;
	gap: 2rem;
}

.home-main .home-section-heading--inline > .button--ghost { min-height: 0; }

.home-main .section-heading.home-section-heading--inline p:last-child { margin-bottom: 0; }

.home-main .eyebrow {
	font-size: var(--su-ds-small, 11px);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.11em;
}

.home-main .eyebrow--pill {
	padding: 0.5rem 0.75rem;
	gap: 0.5rem;
	border-color: var(--su-ds-accent, #f35e84);
	background: var(--su-ds-accent-soft, #fde7ee);
	color: var(--su-ds-on-accent, #3f001a);
}

.home-main .eyebrow--pill .su-icon {
	width: 0.75rem;
	height: 0.75rem;
}

.home-main .button {
	font-size: var(--su-ds-label, 12px);
	font-weight: 600;
	line-height: 1.5;
	padding: 12px 18px;
	gap: 0.625rem;
	min-height: 46px;
	border-radius: var(--su-ds-radius-control, 8px);
}

.home-main .section-heading > p:last-child,
.home-hero__lead {
	max-width: 44rem;
	text-wrap: wrap;
}

.home-main .section-heading > p:last-child {
	margin-bottom: 0;
	font-size: var(--su-ds-body, 14px);
	line-height: 1.7;
}

.home-how .section-heading,
.home-faq .section-heading,
.home-security .section-heading,
.home-knowledge .section-heading {
	margin-inline: auto;
	text-align: center;
}

/* Hero */
.home-hero {
	min-height: 0;
	padding: var(--su-ds-section-space, clamp(40px, 5vw, 64px)) 0;
	background: radial-gradient(ellipse at 15% 0%, var(--su-ds-accent-soft, #f4f1f0), transparent 55%), var(--su-ds-surface-soft, #f5f3f2);
}

.home-hero__grid {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(32px, 5vw, 64px);
}

.home-hero h1 {
	max-width: 41.25rem;
	margin-bottom: 1.375rem;
	font-family: var(--su-ds-font-heading, "Plus Jakarta Sans", Arial, sans-serif);
	font-size: var(--su-ds-display, clamp(28px, 3.3vw, 43px));
	font-weight: 650;
	line-height: 1.2;
}

body.home .home-hero h1 {
	font-family: var(--su-ds-font-heading, "Plus Jakarta Sans", Arial, sans-serif);
	font-weight: 650;
}

.home-hero__lead {
	margin-bottom: 1.875rem;
	max-width: 38.125rem;
	font-size: var(--su-ds-body, 14px);
	line-height: 1.85;
}

.hero-visual {
	background: radial-gradient(circle at 52% 38%, var(--su-ds-surface, #fff) 0%, var(--su-ds-accent-soft, #f4f1f0) 100%);
	height: clamp(340px, 37vw, 480px);
	min-height: 0;
	border-color: var(--su-border);
	border-radius: var(--su-ds-radius-card, 16px);
	box-shadow: 0 8px 24px rgb(123 0 56 / 6%);
}

.hero-visual__card {
	width: 21.875rem;
	max-width: calc(100% - 2.75rem);
	left: 1.375rem;
	bottom: 1.375rem;
	padding: 0.75rem 0;
	gap: 0.875rem;
	border: 0;
	border-radius: 1.125rem;
}

.hero-visual__card p { font-size: var(--su-ds-label, 12px); line-height: 1.4; }
.hero-visual__card strong { font-size: var(--su-ds-label, 12px); font-weight: 400; }
.hero-visual__card-icon { width: 2.625rem; height: 2.625rem; background: var(--su-ds-accent-soft, #fde7ee); color: var(--su-ds-on-accent, #3f001a); }
.home-hero__note { margin-top: 1.375rem; font-size: var(--su-ds-label, 12px); }
.home-hero__note::before { display: inline-grid; place-items: center; width: 0.8125rem; height: 0.8125rem; margin-right: 0.5rem; border-radius: 50%; background: #078782; color: white; content: '✓'; font-size: 0.625rem; }

.hero-visual__image {
	height: 100%;
	min-height: 0;
	padding: 1.125rem 0.875rem 0;
	object-fit: contain;
	object-position: center bottom;
}

/* Keep the proof points in their own compact band below the hero. */
.home-trust-band {
	padding: 1.625rem 0;
	border-block: 1px solid var(--su-border);
	background: var(--su-ds-surface, #fff);
}

.home-trust-band .home-hero__proof {
	display: grid;
	margin: 0;
	padding: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem;
	list-style: none;
}

.home-trust-band .home-hero__proof li {
	display: flex;
	min-width: 0;
	min-height: 0;
	padding: 0;
	align-items: center;
	gap: 0.8125rem;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.home-trust-band .home-hero__proof-icon {
	width: 2.625rem;
	height: 2.625rem;
	padding: 0.72rem;
	flex: 0 0 auto;
	border-radius: 50%;
	background: var(--su-ds-accent-soft, #fde7ee);
	color: var(--su-ds-on-accent, #3f001a);
}

.home-trust-band .home-hero__proof p {
	margin: 0;
	color: var(--su-muted);
	font-size: var(--su-ds-label, 12px);
	line-height: 1.35;
}

.home-trust-band .home-hero__proof strong {
	display: block;
	margin-bottom: 0.125rem;
	color: var(--su-ink);
	font-size: var(--su-ds-body, 14px);
	font-weight: 400;
	line-height: 1.92;
}

/* Existing protection and request owners use the common cards and spacing. */
.home-trust .home-section__layout { grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); align-items: start; gap: clamp(28px, 5vw, 64px); }
.home-wishes .home-section__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); align-items: center; gap: clamp(28px, 5vw, 64px); }
.home-section__copy > p:not(.eyebrow):not(.home-wishes__note) { margin-bottom: 0; font-size: var(--su-ds-body, 14px); line-height: 1.7; }
.home-trust__help { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0 14px; margin: 30px 0 24px; padding: 20px; border: 1px solid var(--su-border); border-radius: var(--su-ds-radius-card, 16px); background: var(--su-ds-surface, #fff); }
.home-trust__help::before { content: '◉'; grid-row: 1 / 3; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; background: #eef7f6; color: #078782; }
.home-trust__help strong { display: block; margin-bottom: 3px; font-size: var(--su-ds-body, 14px); font-weight: 400; }
.home-trust__help span { font-size: var(--su-ds-body, 14px); line-height: 1.7; }
.home-main .button--ghost,
.home-trust .button--secondary { display: inline-flex; min-height: 0; padding: 0; border: 0; background: transparent; color: var(--su-pink); font-size: var(--su-ds-body, 14px); font-weight: 600; line-height: 1.7; }
.home-trust__steps { gap: 16px; }
.home-trust__steps li { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-content: start; gap: 0 16px; min-height: 160px; padding: 20px; border-radius: var(--su-ds-radius-card, 16px); }
.home-trust__steps li > span { grid-row: 1 / 3; width: 38px; height: 38px; margin: 0; background: var(--su-ds-accent-soft, #fde7ee); color: var(--su-ds-on-accent, #3f001a); }
.home-trust__steps strong { margin: 0 0 8px; font-family: var(--su-ds-font-heading, "Plus Jakarta Sans", Arial, sans-serif); font-size: var(--su-ds-subheading, 18px); font-weight: 600; line-height: 1.3; letter-spacing: -0.035em; }
.home-trust__steps p { grid-column: 2; margin: 0; font-size: var(--su-ds-body, 14px); line-height: 1.7; }
.home-wishes .home-section__copy > .button { margin-top: 30px; }
.home-wishes .home-wishes__note { margin-top: 24px; font-size: var(--su-ds-label, 12px); line-height: 1.68; }
.home-feature-list { gap: 14px; }
.home-feature-list li { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; padding: 24px; border-radius: var(--su-ds-radius-card, 16px); background: var(--su-ds-surface-soft, #f5f2f4); }
.home-feature-list .su-icon { width: 46px; height: 46px; padding: 14px; border-radius: 14px; background: var(--su-ds-surface, #fff); }
.home-feature-list strong { margin-bottom: 8px; font-family: var(--su-ds-font-heading, "Plus Jakarta Sans", Arial, sans-serif); font-size: var(--su-ds-subheading, 18px); font-weight: 600; line-height: 1.3; letter-spacing: -0.035em; }
.home-feature-list span { font-size: var(--su-ds-body, 14px); line-height: 1.7; }
@media (max-width: 820px) {
	.home-trust .home-section__layout, .home-wishes .home-section__layout { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.home-trust__steps li { min-height: 0; }
}

/* Marketplace section rhythm and alternating surfaces. */
.home-how,
.home-faq,
.home-categories,
.home-products,
.home-trust,
.home-wishes,
.home-guides,
.home-security,
.home-knowledge,
.home-magazine,
.home-seller {
	padding-block: var(--su-ds-section-space, clamp(40px, 5vw, 64px));
}

.home-how,
.home-categories,
.home-trust,
.home-guides,
.home-knowledge,
.home-seller {
	background: var(--su-ds-surface-soft, #f5f2f4);
}

.home-faq,
.home-products,
.home-wishes,
.home-security,
.home-magazine {
	background: var(--su-ds-surface, #fff);
}

/* Four connected, unboxed purchase steps. */
.home-how__grid {
	position: relative;
	display: grid;
	margin: 0;
	padding: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem;
	list-style: none;
}

.home-how__grid::before {
	position: absolute;
	top: 26px;
	left: 11%;
	right: 11%;
	border-top: 1px dashed var(--su-ds-accent, #f35e84);
	content: "";
}

.home-how__grid li {
	position: relative;
	z-index: 1;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
}

.home-how__grid li > span {
	display: grid;
	width: 52px;
	height: 52px;
	margin: 0 auto 16px;
	place-items: center;
	border: 1px solid var(--su-ds-accent, #f35e84);
	border-radius: 50%;
	background: var(--su-ds-accent, #f35e84);
	color: var(--su-ds-on-accent, #3f001a);
	font-size: var(--su-ds-subheading, 18px);
	font-weight: 600;
}

.home-how__grid li:last-child > span {
	border-color: var(--su-pink);
	background: var(--su-pink);
	color: #fff;
}

.home-how__grid h3 {
	margin-bottom: 0.5rem;
}

.home-how__grid p {
	margin: 0;
	color: var(--su-muted);
	font-size: var(--su-ds-body, 14px);
	line-height: 1.7;
}

/* Expanded FAQ cards with local SVG icons. */
.home-faq__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.375rem;
}

.home-faq__grid article {
	display: grid;
	padding: 1.875rem;
	grid-template-columns: 2.75rem minmax(0, 1fr);
	align-items: start;
	gap: 1rem;
	border: 1px solid var(--su-border);
	border-radius: var(--su-ds-radius-card, 16px);
	background: var(--su-ds-surface-soft, #f5f2f4);
}

.home-faq__icon {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0.8rem;
	border-radius: 0.875rem;
	background: var(--su-ds-surface, #fff);
	color: var(--su-pink);
}

.home-faq__grid h3 {
	margin: 0 0 0.5rem;
}

.home-faq__grid p {
	margin: 0;
	color: var(--su-muted);
	font-size: var(--su-ds-body, 14px);
	line-height: 1.7;
}

.home-main .home-faq__cta {
	display: flex;
	width: max-content;
	max-width: 100%;
	min-height: 0;
	margin: 2.375rem auto 0;
	padding: 0;
	gap: 0.5rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--su-pink);
	font-size: var(--su-ds-body, 14px);
	font-weight: 600;
	line-height: 1.7;
}

/* The first-order offer remains owner-gated; only its visible treatment lives here. */
.home-promo {
	padding: 0 0 var(--su-ds-section-space, clamp(40px, 5vw, 64px));
	background: var(--su-ds-surface, #fff);
	color: #fff;
}

.home-promo__inner {
	min-height: 13.125rem;
	padding: 2.875rem 3.375rem;
	border-radius: var(--su-ds-radius-card, 16px);
	background: var(--su-pink);
	box-shadow: 0 1.125rem 2.75rem rgb(43 16 40 / 0.08);
}

.home-promo h2,
.home-promo .eyebrow {
	color: #fff;
}

.home-promo__action span {
	color: rgb(255 255 255 / 0.82);
}

.home-promo .button--primary {
	border-color: #fff;
	background: var(--su-ds-surface, #fff);
	color: var(--su-pink);
}

/* Preserve category crop geometry and responsive column counts. */
.home-category-list {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.125rem;
}

.home-category-list .home-category-card {
	position: relative;
	display: grid;
	grid-template-rows: auto 2.75rem 2.75rem;
	border-radius: var(--su-ds-radius-card, 16px);
	box-shadow: 0 0.5rem 1.5rem rgb(17 24 39 / 0.043);
}

.home-category-card__media {
	aspect-ratio: 4 / 3;
	min-height: 0;
	position: relative;
}

.home-category-card__picture {
	display: block;
	width: 100%;
	height: 100%;
}

.home-category-card__media img,
.home-category-card__picture img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-category-list strong {
	display: flex;
	padding: 0 3.375rem 0.125rem 1rem;
	align-items: flex-end;
	font-size: var(--su-ds-body, 14px);
	font-weight: 600;
	line-height: 1.3;
}

.home-category-card__cta {
	margin-top: 0;
	padding: 0.125rem 3.375rem 0 1rem;
	align-items: flex-start;
	font-size: var(--su-ds-label, 12px);
	font-weight: 500;
	line-height: 1.35;
}

.home-category-card__cta .su-icon {
	position: absolute;
	right: 1rem;
	bottom: 1.75rem;
	width: 1.875rem;
	height: 1.875rem;
	padding: 0.4rem;
	border: 1px solid var(--su-border);
	border-radius: 999px;
	background: var(--su-ds-accent-soft, #fde7ee);
	color: var(--su-pink);
}

/* Guide cards now expose one local icon each. */
.home-link-grid {
	gap: 1.125rem;
}

.home-link-grid > a {
	display: block;
	min-height: 8.5rem;
	padding: 1.5rem;
	border-radius: var(--su-ds-radius-card, 16px);
}

.home-guides .home-link-grid > a,
.home-security .home-link-grid > a,
.home-knowledge .home-link-grid > a,
.home-seller-guides > a {
	display: grid;
	grid-template-columns: 2.875rem minmax(0, 1fr);
	align-content: start;
	column-gap: 1rem;
}

.home-link-grid > a > .home-link-card__icon:first-child ~ * {
	grid-column: 2;
}

.home-link-grid > a > .home-link-card__icon:first-child {
	display: block;
	width: 2.875rem;
	height: 2.875rem;
	margin: 0;
	padding: 0.8rem;
	grid-column: 1;
	grid-row: 1 / span 4;
	border-radius: 0.875rem;
	background: var(--su-ds-accent-soft, #fde7ee);
	color: var(--su-pink);
}

.home-link-grid > a strong,
.home-benefit-list li {
	font-weight: 600;
}

.home-link-grid > a strong { font-family: var(--su-ds-font-heading, "Plus Jakarta Sans", Arial, sans-serif); font-size: var(--su-ds-subheading, 18px); line-height: 1.3; letter-spacing: -0.035em; }
.home-guides__intro { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(28px, 5vw, 64px); }
@media (max-width: 820px) { .home-guides__intro { grid-template-columns: 1fr; } }

.home-guides .home-link-grid > a,
.home-knowledge .home-link-grid > a,
.home-seller-guides > a {
	background: var(--su-ds-surface, #fff);
}

.home-security .home-link-grid > a,
.home-magazine .home-link-grid > a {
	background: var(--su-ds-surface-soft, #f5f2f4);
}

.home-security .home-link-card__icon,
.home-magazine .home-link-card__icon {
	background: var(--su-ds-surface, #fff);
}

.home-guides .home-link-grid > a,
.home-security .home-link-grid > a {
	min-height: 13.125rem;
}

/* Buyer guides stack the icon over one compact text group. */
.home-guides .home-link-grid > a {
	display: flex;
	min-height: 13.125rem;
	padding: 1.625rem;
	flex-direction: column;
	border-radius: var(--su-ds-radius-card, 16px);
}

.home-guides .home-link-grid > a > .home-link-card__icon:first-child {
	width: 2.875rem;
	height: 2.875rem;
	margin-bottom: 1rem;
	padding: 0.8rem;
	flex: 0 0 auto;
}

.home-guides .home-link-grid > a > strong {
	margin-bottom: 0.5rem;
}

.home-guides .home-link-grid > a > span {
	margin: 0;
	color: var(--su-muted);
	font-size: var(--su-ds-body, 14px);
	font-weight: 400;
	line-height: 1.7;
}

.home-guides .home-link-grid > a > b {
	margin-top: 0;
	display: block;
	line-height: 1.7;
	font-size: var(--su-ds-label, 12px);
	font-weight: 600;
}

/* Security cards retain their icon/title/copy/link rhythm. */
.home-security .home-link-grid > a {
	display: block;
	min-height: 15.3125rem;
	padding: 1.75rem;
	border-radius: var(--su-ds-radius-card, 16px);
}

.home-security .home-link-grid > a > .home-link-card__icon:first-child {
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: 1.375rem;
	padding: 0.78rem;
}

.home-security .home-link-grid > a > strong {
	display: block;
	margin-bottom: 0.5rem;
}

.home-security .home-link-grid > a > span {
	display: block;
	min-height: 4.375rem;
	margin: 0;
	color: var(--su-muted);
	font-size: var(--su-ds-body, 14px);
	font-weight: 400;
	line-height: 1.7;
}

.home-security .home-link-grid > a > b {
	margin: 0;
	line-height: 1.7;
	color: var(--su-pink);
	font-size: var(--su-ds-label, 12px);
	font-weight: 600;
}

/* Magazine cards retain their editorial hierarchy. */
.home-support-note { padding: 28px; margin-top: 28px; background: var(--su-ds-surface-soft, #f5f2f4); border-radius: var(--su-ds-radius-card, 16px); }
.home-support-note .button--secondary { min-height: 0; padding: 0; border: 0; background: transparent; font-size: var(--su-ds-body, 14px); line-height: 1.7; }

.home-magazine .home-link-grid > a {
	position: relative;
	min-height: 13.75rem;
	padding: 1.875rem;
	border-radius: var(--su-ds-radius-card, 16px);
}

.home-magazine .home-link-grid > a > .eyebrow:first-child {
	display: inline-block;
	min-height: 0;
	margin: 0 0 1.5rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--su-pink);
	font-size: var(--su-ds-small, 11px);
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.7;
	text-transform: uppercase;
}

.home-magazine .home-link-grid > a > strong {
	display: block;
	margin-bottom: 0.5rem;
}

.home-magazine .home-link-grid > a > span:not(.eyebrow) {
	margin: 0;
	padding-right: 1.875rem;
	font-size: var(--su-ds-body, 14px);
	line-height: 1.7;
}

.home-knowledge .home-link-grid > a > span,
.home-seller-guides > a > span {
	font-size: var(--su-ds-body, 14px);
	line-height: 1.7;
}

.home-magazine .home-link-grid > a > .su-icon:last-child {
	right: 1.75rem;
	bottom: 1.75rem;
}

@media (max-width: 560px) {
	.home-magazine .home-link-grid > a { min-height: 0; }
}

/* Preserve the seller content and media in a light marketplace surface. */
.home-seller {
	background: var(--su-ds-surface-soft, #f5f2f4);
	color: var(--su-ink);
}

.home-seller__inner {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(28px, 5vw, 64px);
}

.home-seller h2 {
	color: var(--su-ink);
}

.home-seller .eyebrow {
	color: var(--su-pink);
	margin-top: 0;
	margin-bottom: 0.75rem;
}

.home-seller p {
	color: var(--su-muted);
}

.home-seller__media {
	position: relative;
	display: flex;
	height: 32.5rem;
	min-height: 0;
	margin: 0;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--su-border);
	border-radius: var(--su-ds-radius-card, 16px);
	background: var(--su-ds-surface, #fff);
	box-shadow: 0 1.125rem 2.75rem rgb(43 16 40 / 0.08);
	overflow: hidden;
}

.home-seller__image {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 50%;
	display: block;
	width: 130%;
	height: auto;
	max-width: none;
	min-height: 0;
	object-fit: contain;
	object-position: center bottom;
	transform: translateX(-50%);
}

.home-seller__media-fallback {
	min-height: 0;
	color: var(--su-pink);
}

.home-benefit-list--seller li {
	color: var(--su-ink);
}

.home-benefit-list--seller .su-icon {
	color: var(--su-pink);
}

.home-seller__copy > p:not(.eyebrow) {
	max-width: 38.75rem;
	margin: 0;
	font-size: var(--su-ds-body, 14px);
	line-height: 1.7;
}

.home-benefit-list--seller {
	margin: 1.875rem 0 0;
	gap: 1rem;
}

.home-benefit-list--seller li {
	gap: 0.75rem;
	font-size: var(--su-ds-body, 14px);
	line-height: 1.7;
}

.home-seller__actions {
	margin-top: 1.875rem;
	gap: 0.75rem;
}

.home-seller__actions .button--secondary {
	min-height: 0;
	padding: 0;
	gap: 0.5rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--su-pink);
	font-size: var(--su-ds-body, 14px);
	font-weight: 600;
	line-height: 1.7;
}

.home-seller__actions .button--secondary .su-icon {
	margin-left: 0;
}

.home-seller__actions a.button--secondary:not([aria-disabled="true"]):hover {
	background: transparent;
	color: var(--su-pink);
}

.home-seller-guides {
	margin-top: 3.5rem;
}

@media (prefers-reduced-motion: reduce) {
	.home-category-card__media img {
		transition: none;
	}

	a.home-category-card:hover .home-category-card__media img,
	a.home-category-card:focus-visible .home-category-card__media img {
		transform: none;
	}
}

@media (max-width: 64rem) {
	.home-category-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
	}
}

@media (max-width: 43.75rem) {
	.home-category-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}

	.home-category-list .home-category-card {
		border-radius: 1.125rem;
	}

	.home-category-list strong,
	.home-category-card__cta {
		padding-inline: 0.75rem 2.75rem;
	}

	.home-category-list strong {
		font-size: var(--su-ds-label, 12px);
	}

	.home-category-card__cta {
		font-size: var(--su-ds-small, 11px);
	}

	.home-category-card__cta .su-icon {
		right: 0.75rem;
		bottom: 1.8125rem;
		width: 1.75rem;
		height: 1.75rem;
	}
}

@media (max-width: 1080px) and (min-width: 821px) {
	.home-hero__grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
}

@media (max-width: 55.99rem) {
	.home-hero {
		position: relative;
		min-height: 0;
		padding-block: var(--su-ds-section-space, clamp(40px, 5vw, 64px));
		border-top: 3px solid var(--su-ds-accent, #f35e84);
	}

	.home-hero__grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.home-hero__copy {
		order: 1;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.home-hero .hero-visual {
		order: 2;
		height: clamp(300px, 80vw, 380px);
		min-height: 0;
		border-radius: var(--su-ds-radius-card, 16px);
	}

	.home-hero h1 {
		max-width: 41.25rem;
	}

	.home-trust-band .home-hero__proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.125rem;
	}

	.home-how,
	.home-faq,
	.home-categories,
	.home-products,
	.home-trust,
	.home-wishes,
	.home-guides,
	.home-security,
	.home-knowledge,
	.home-magazine,
	.home-seller {
		padding-block: var(--su-ds-section-space, clamp(40px, 5vw, 64px));
	}

	.home-how__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-how__grid::before {
		display: none;
	}

	.home-promo {
		padding: 0 0 var(--su-ds-section-space, clamp(40px, 5vw, 64px));
	}

	.home-promo__inner {
		padding: 2.5rem;
	}

	.home-section-heading--inline > .button {
		min-height: 2.75rem;
	}

	.home-seller__inner {
		grid-template-columns: 1fr;
		gap: 3rem;
	}
}

@media (min-width: 561px) and (max-width: 820px) {
	.home-main .content-shell { width: min(calc(100% - 48px), var(--su-shell)); }
	.home-hero { padding-top: var(--su-ds-section-space, clamp(40px, 5vw, 64px)); }
	.home-hero__lead { font-size: var(--su-ds-body, 14px); line-height: 1.65; }
	.home-hero .hero-visual { height: 380px; }
	.home-trust-band { padding-block: 24px; }
	.home-trust-band .home-hero__proof { gap: 24px; }
	.home-faq__grid { grid-template-columns: 1fr; }
	.home-section-heading--inline { flex-direction: row; align-items: flex-end; }
	.home-seller__media { height: 35rem; }
	.home-seller__image {
		position: static;
		width: 100%;
		height: 100%;
		max-width: 100%;
		min-height: 0;
		padding: 2.125rem 0 0;
		object-fit: contain;
		object-position: center bottom;
		transform: none;
	}
}

@media (min-width: 821px) {
	.home-main .content-shell { width: min(calc(100% - 48px), var(--su-shell)); }
}

@media (min-width: 821px) and (max-width: 1080px) {
	.home-guides .home-link-grid,
	.home-security .home-link-grid,
	.home-magazine .home-link-grid,
	.home-seller-guides { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 37.5rem) {
	.home-main :is(h1, h2),
	.home-main :is(.home-how, .home-faq) h3 {
		text-wrap: pretty;
	}

	.home-main .content-shell {
		width: min(calc(100% - 28px), var(--su-shell));
	}

	.home-hero {
		padding-block: var(--su-ds-section-space, clamp(40px, 5vw, 64px));
	}

	.home-hero__copy {
		padding: 0;
	}

	.home-hero__lead {
		font-size: var(--su-ds-body, 14px);
		line-height: 1.65;
	}

	.home-hero h1 {
		font-size: var(--su-ds-display, clamp(28px, 3.3vw, 43px));
		line-height: 1.2;
	}

	.hero-visual__image { padding: 0.75rem 0.375rem 0; }

	.home-trust-band {
		padding-block: 24px;
	}

	.home-trust-band .home-hero__proof {
		grid-template-columns: 1fr;
	}

	.home-how,
	.home-faq,
	.home-categories,
	.home-products,
	.home-trust,
	.home-wishes,
	.home-guides,
	.home-security,
	.home-knowledge,
	.home-magazine,
	.home-seller {
		padding-block: var(--su-ds-section-space, clamp(40px, 5vw, 64px));
	}

	.home-how__grid {
		grid-template-columns: 1fr;
		gap: 2.125rem;
	}

	.home-faq__grid {
		grid-template-columns: 1fr;
	}

	.home-faq__grid article {
		padding: 1.375rem;
		grid-template-columns: 2.5rem minmax(0, 1fr);
	}

	.home-faq__icon {
		width: 2.5rem;
		height: 2.5rem;
		padding: 0.7rem;
	}

	.home-promo {
		padding: var(--su-ds-section-space, clamp(40px, 5vw, 64px)) 0;
	}

	.home-promo__inner {
		min-height: 0;
		padding: 1.875rem 1.5rem;
		gap: 1.75rem;
		border-radius: var(--su-ds-radius-card, 16px);
	}

	.home-link-grid > a {
		min-height: 0;
	}

}

@media (max-width: 35rem) {
	.home-seller__media {
		height: 25rem;
		min-height: 0;
		border-radius: var(--su-ds-radius-card, 16px);
	}

	.home-seller__image {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 50%;
		width: 135%;
		height: auto;
		max-width: none;
		min-height: 0;
		padding: 0;
		object-fit: contain;
		object-position: center bottom;
		transform: translateX(-50%);
	}

	.home-seller__actions .button--primary {
		width: 100%;
	}
}

/* Keep the existing featured-product grid; cards.css owns card presentation. */

body.home .home-products ul.products {
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 37.501rem) {
	body.home .home-products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.25rem;
	}
}

@media (min-width: 48rem) {
	body.home .home-products ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.5rem;
	}
}

@media (min-width: 64rem) {
	body.home .home-products ul.products {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1.375rem;
	}
}

body.home .site-footer .content-shell {
	width: min(calc(100% - 2rem), 73.75rem);
}

body.home .site-footer__main {
	padding: 4rem 0 1.75rem;
}

body.home .site-footer__grid {
	grid-template-columns: 1.5fr 1fr 1fr;
	gap: 3rem;
}

body.home .site-footer__brand img {
	width: 15.625rem;
}


body.home .site-footer__to-top {
	position: fixed;
	right: 1.125rem;
	bottom: 1.125rem;
	z-index: 90;
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	border-radius: 50%;
	background: #101720;
	color: transparent;
	font-size: 0;
}

body.home .site-footer__to-top::before {
	color: #fff;
	content: "↑";
	font-size: 1.25rem;
	line-height: 1;
}


@media (max-width: 55.99rem) {

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

	body.home .site-footer__brand-block {
		grid-column: 1 / -1;
	}
}

@media (max-width: 37.5rem) {
	body.home .site-footer .content-shell {
		width: min(calc(100% - 1.75rem), 73.75rem);
	}

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

	body.home .site-footer__brand-block {
		grid-column: auto;
	}
}