/* Silvernity Hero 1.2.1 */
body.home {
	--sv-porcelain: #fdfdfb;
	--sv-mist: #f1f3f2;
	--sv-stone: #e2e5e3;
	--sv-graphite: #242a27;
	--sv-ci-line: rgba(40, 49, 45, .12);
	background: var(--sv-mist) !important;
}

body.home main,
body.home .site-main {
	background: var(--sv-mist);
}
body.home .elementor-element-bd94590 {
	display: none !important;
}

/* Kompakter Argentium-Vergleich auf der Startseite. */
body.home .snf-wrap {
	margin-top: 18px !important;
	padding: 24px 20px 28px !important;
	background: linear-gradient(180deg, #f5f6f5 0%, #e9ecea 100%) !important;
	border-top: 1px solid var(--sv-ci-line);
	border-bottom: 1px solid var(--sv-ci-line);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

body.home .snf-kicker {
	margin: 0 0 5px !important;
	font-family: Georgia, 'Times New Roman', serif !important;
	font-size: clamp(24px, 2.3vw, 34px) !important;
	font-weight: 400 !important;
	line-height: 1.14 !important;
	letter-spacing: -.025em !important;
	text-transform: none !important;
	color: #17231e !important;
}

body.home .snf-eyebrow {
	margin: 0 0 14px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: .18em !important;
	color: #65716b !important;
}

body.home .snf-card {
	max-width: 760px !important;
	overflow: hidden;
	border: 1px solid #d7d1c8;
	box-shadow: 0 16px 42px rgba(29, 42, 35, .08) !important;
}

body.home .snf-header {
	border-bottom-color: rgba(27, 42, 35, .09) !important;
}

body.home .snf-col {
	padding: 9px 16px !important;
	background: #f7f8f7 !important;
	color: #53605a !important;
	border-color: rgba(27, 42, 35, .09) !important;
}

body.home .snf-slider {
	height: 160px !important;
}

body.home .snf-texts,
body.home .snf-footer {
	display: none !important;
}

body.home .sv-argentium-teaser {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 18px;
	background: #fff;
	border-top: 1px solid rgba(27, 42, 35, .09);
}

body.home .sv-argentium-teaser p {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 17px;
	line-height: 1.35;
	color: #435049;
}

body.home .sv-argentium-teaser a {
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 18px;
	white-space: nowrap;
	background: #17231e;
	color: #fff !important;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
	transition: transform .2s ease, background .2s ease;
}

body.home .sv-argentium-teaser a:hover {
	transform: translateY(-1px);
	background: #2b3b34;
}

/* Der ausführliche Argentium-Block wäre nach dem kompakten Vergleich doppelt. */
body.home .elementor-element-85e0f01 {
	display: none !important;
}

/* Durchgehender CI-Rhythmus: hell, ruhig und trotzdem klar gegliedert. */
body.home .sn-grid-wrap {
	background: var(--sv-porcelain) !important;
	border-top: 1px solid rgba(40, 49, 45, .08);
	border-bottom: 1px solid rgba(40, 49, 45, .10);
}

/* Einheitliche, helle Kollektionskacheln. */
body.home .sn-grid {
	width: min(1060px, 100%) !important;
	max-width: 1060px !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 14px !important;
}

body.home .sn-tile-wrap,
body.home .sn-tile {
	height: auto !important;
	aspect-ratio: 4 / 3;
}

body.home .sn-tile {
	background: #fff !important;
	border: 1px solid rgba(40, 49, 45, .09);
	box-shadow: 0 10px 30px rgba(34, 43, 39, .045);
	transition: transform .28s ease, box-shadow .28s ease;
}

body.home .sn-tile-img {
	height: 100% !important;
	background: #fff;
}

body.home .sn-tile-img img {
	filter: saturate(.84) contrast(.98) brightness(1.015);
	transition: transform .45s cubic-bezier(.22, .61, .36, 1), filter .3s ease;
}

body.home .sn-tile-overlay {
	height: auto !important;
	min-height: 69px;
	padding: 21px 17px 13px !important;
	background: linear-gradient(to top, rgba(253, 253, 251, .99) 58%, rgba(253, 253, 251, .82) 78%, rgba(253, 253, 251, 0)) !important;
	color: #17231e !important;
}

body.home .sn-tile-name {
	font-size: clamp(18px, 1.65vw, 23px) !important;
	line-height: 1.05 !important;
	color: #17231e !important;
}

body.home .sn-tile-link {
	margin-top: 5px !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .13em !important;
	color: #66716c !important;
}

body.home .sn-tile-link::after {
	content: '  →';
}

@media (hover: hover) {
	body.home .sn-tile-wrap:hover .sn-tile {
		transform: translateY(-3px);
		box-shadow: 0 18px 38px rgba(34, 43, 39, .09);
	}

	body.home .sn-tile-wrap:hover .sn-tile-img img {
		transform: scale(1.025);
		filter: saturate(.92) contrast(1) brightness(1.02);
	}
}

body.home .elementor-element-766636b {
	background: var(--sv-mist) !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

body.home .sut-wrap {
	background: #ffffff !important;
	border-top: 1px solid rgba(40, 49, 45, .08);
	border-bottom: 1px solid rgba(40, 49, 45, .10);
}

body.home .sic-wrap {
	background: var(--sv-stone) !important;
	border-top: 1px solid rgba(40, 49, 45, .10);
	border-bottom: 1px solid rgba(40, 49, 45, .12);
}

body.home .ssm-wrap {
	background: var(--sv-graphite) !important;
	border-top: 1px solid rgba(255, 255, 255, .13);
}

/* Klarer, luxuriöser Moissanite-Einstieg ohne doppelte Materialgeschichte. */
body.home .moissanite-banner {
	display: block !important;
	min-height: 205px !important;
	background: var(--sv-stone) !important;
	border-top: 1px solid #858d90 !important;
	border-bottom: 1px solid #858d90 !important;
}

body.home .moissanite-banner__content {
	min-height: 205px !important;
	padding: 28px 48px !important;
}

body.home .moissanite-banner__story,
body.home .moissanite-banner__mobile-note {
	display: none !important;
}

body.home .moissanite-banner__new {
	margin-bottom: 6px !important;
	letter-spacing: .19em !important;
}

body.home .moissanite-banner__name {
	font-size: clamp(38px, 4.2vw, 56px) !important;
	line-height: .98 !important;
}

body.home .moissanite-banner__title {
	margin-top: 5px !important;
	font-size: clamp(20px, 2.1vw, 28px) !important;
	line-height: 1.15 !important;
}

body.home .sv-moissanite-subline {
	display: block;
	max-width: 650px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.55;
	color: #4f585b;
}

body.home .moissanite-banner__button {
	margin-top: 16px !important;
}

/* Auf großen Bildschirmen nutzen Moissanite und Markenstory gemeinsam eine Zeile. */
@media (min-width: 1100px) {
	body.home .elementor-2277 {
		display: grid;
		grid-template-columns: minmax(0, 40%) minmax(0, 60%);
	}

	body.home .elementor-2277 > .elementor-element-364db7b,
	body.home .elementor-2277 > .elementor-element-85e0f01,
	body.home .elementor-2277 > .elementor-element-da254c1,
	body.home .elementor-2277 > .elementor-element-5f16891 {
		grid-column: 1 / -1;
	}

	body.home .elementor-2277 > .elementor-element-766636b {
		grid-column: 1;
		padding: 12px 6px 12px 10px;
		background: var(--sv-mist) !important;
	}

	body.home .elementor-2277 > .elementor-element-91dae63 {
		grid-column: 2;
		padding: 12px 10px 12px 6px;
		background: var(--sv-mist) !important;
	}

	body.home .elementor-element-766636b > .e-con-inner,
	body.home .elementor-element-91dae63 > .e-con-inner,
	body.home .moissanite-banner,
	body.home .sut-wrap {
		height: 100%;
	}

	body.home .moissanite-banner {
		min-height: 345px !important;
	}

	body.home .moissanite-banner__content {
		min-height: 343px !important;
		justify-content: center;
		padding: 32px 38px !important;
	}

	body.home .sut-wrap {
		min-height: 345px;
		padding: 34px 24px !important;
	}

	body.home .sut-inner {
		width: 100% !important;
		max-width: none !important;
		grid-template-columns: 210px minmax(0, 1fr) !important;
		gap: 26px !important;
	}

	body.home .sut-left {
		width: 210px !important;
		min-width: 0 !important;
	}

	body.home .sut-img {
		width: 210px !important;
		height: 275px !important;
		object-fit: cover !important;
	}

	body.home .sut-content {
		min-width: 0;
	}

	body.home .sut-headline {
		font-size: clamp(23px, 2vw, 31px) !important;
	}

	body.home .sut-text {
		font-size: 12px !important;
		line-height: 1.55 !important;
	}
}

.sv-brand-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 220px !important;
	height: 42px !important;
	overflow: hidden;
}

.sv-brand-logo {
	width: 220px !important;
	height: 42px !important;
	max-width: 220px !important;
	max-height: 42px !important;
	object-fit: cover;
}

.sv-hero {
	--ink: #17231e;
	--muted: #66716c;
	--line: rgba(27, 42, 35, .13);
	--mist: #eef1ef;
	position: relative;
	isolation: isolate;
	background: var(--sv-porcelain);
	border-bottom: 1px solid rgba(40, 49, 45, .09);
	color: var(--ink);
	padding: clamp(14px, 1.8vw, 26px);
}

/* Der helle Hero-Hintergrund läuft auch bei sehr breiten Browserfenstern bis an den Rand. */
.sv-hero::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: -1px;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background: var(--sv-porcelain);
	border-bottom: 1px solid rgba(40, 49, 45, .09);
}

.sv-hero__inner {
	width: min(1500px, 100%);
	min-height: clamp(440px, 54vh, 550px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(340px, .75fr) minmax(520px, 1.35fr);
	gap: clamp(24px, 3vw, 48px);
	align-items: center;
}

.sv-hero__copy {
	max-width: 560px;
	padding-left: clamp(0px, 3vw, 54px);
	padding-top: 54px;
}

.sv-hero__eyebrow {
	margin: 0 0 20px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .23em;
	color: var(--muted);
}

.sv-hero h1 {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(46px, 4.5vw, 72px);
	font-weight: 400;
	line-height: .98;
	letter-spacing: -.035em;
}

.sv-hero__lead {
	max-width: 520px;
	margin: 22px 0 26px;
	font-size: clamp(16px, 1.35vw, 19px);
	line-height: 1.65;
	color: #53605a;
}

.sv-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.sv-hero__button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 0 25px;
	border: 1px solid var(--ink);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .07em;
	text-transform: uppercase;
	transition: background .2s ease, color .2s ease, transform .2s ease;
}

.sv-hero__button:hover { transform: translateY(-2px); }
.sv-hero__button--primary { background: var(--ink); color: #fff !important; }
.sv-hero__button--secondary { background: transparent; color: var(--ink) !important; }
.sv-hero__button--secondary:hover { background: #fff; }

.sv-hero__products {
	height: clamp(380px, 48vh, 480px);
	display: grid;
	gap: 14px;
	margin-top: 18px;
}

.sv-hero__products[data-count='1'] { grid-template-columns: 1fr; }
.sv-hero__products[data-count='2'] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sv-hero__products[data-count='3'] {
	grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr);
	grid-template-rows: repeat(2, minmax(0, 1fr));
}
.sv-hero__products[data-count='3'] .is-primary { grid-row: 1 / 3; }

.sv-hero__product {
	position: relative;
	min-width: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(28, 44, 36, .08);
	color: var(--ink) !important;
	box-shadow: 0 18px 55px rgba(42, 53, 47, .08);
}

.sv-hero__image,
.sv-hero__image img {
	width: 100%;
	height: 100%;
}

.sv-hero__image img {
	display: block;
	object-fit: contain;
	transition: transform .55s cubic-bezier(.22, .61, .36, 1);
}

.sv-hero__product:hover .sv-hero__image img { transform: scale(1.035); }

.sv-hero__product-info {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 5px 15px;
	align-items: end;
	padding: 52px 22px 20px;
	background: linear-gradient(180deg, transparent, rgba(247, 248, 247, .95) 58%);
}

.sv-hero__product-name {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(17px, 1.35vw, 23px);
	line-height: 1.18;
}

.sv-hero__product-price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3px 7px;
	font-size: 14px;
	font-weight: 600;
}

.sv-hero__product-price del { opacity: .46; font-size: 11px; font-weight: 400; }
.sv-hero__product-price ins { text-decoration: none; }

.sv-hero__discover {
	grid-column: 1 / -1;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #5f6a65;
}

@media (max-width: 1024px) {
	.sv-hero__inner { min-height: 0; display: flex; flex-direction: column; gap: 20px; }
	.sv-hero__products { order: 1; width: 100%; height: 380px; margin-top: 24px; }
	.sv-hero__copy { order: 2; width: 100%; max-width: 680px; padding: 0 14px 10px; align-self: flex-start; }
	.sv-hero__products[data-count='3'] { grid-template-columns: 1.2fr .8fr; }
}

@media (max-width: 767px) {
	/* Produktkategorien: schneller zu den Produkten, ohne Vertrauenssignale zu verlieren. */
	body.tax-product_cat .sn-wrap {
		padding-top: 10px !important;
		padding-bottom: 2px !important;
	}

	body.tax-product_cat .sn-filter {
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		gap: 8px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		margin: 0 -5px 14px !important;
		padding: 0 5px 6px !important;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.tax-product_cat .sn-filter::-webkit-scrollbar {
		display: none;
	}

	body.tax-product_cat .sn-chip {
		flex: 0 0 auto !important;
		min-height: 34px;
		padding: 6px 14px !important;
		white-space: nowrap !important;
		scroll-snap-align: start;
	}

	body.tax-product_cat .sn-usp {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 6px !important;
	}

	body.tax-product_cat .sn-usp-item {
		display: grid !important;
		grid-template-columns: 24px minmax(0, 1fr);
		align-items: center;
		gap: 8px;
		min-height: 50px !important;
		padding: 8px 10px !important;
		text-align: left !important;
	}

	body.tax-product_cat .sn-usp-icon {
		margin: 0 !important;
		font-size: 17px !important;
		line-height: 1 !important;
		text-align: center;
	}

	body.tax-product_cat .sn-usp-val {
		margin: 0 !important;
		font-size: 11.5px !important;
		line-height: 1.2 !important;
	}

	body.tax-product_cat .sn-usp-label {
		display: none !important;
	}

	body.home .snf-wrap { margin-top: 14px !important; padding: 18px 10px 22px !important; }
	body.home .snf-kicker { padding: 0 8px !important; font-size: 25px !important; }
	body.home .snf-eyebrow { margin-bottom: 11px !important; }
	body.home .snf-slider { height: 135px !important; }
	body.home .sv-argentium-teaser { display: grid; gap: 11px; padding: 13px 14px 14px; text-align: center; }
	body.home .sv-argentium-teaser p { font-size: 15px; }
	body.home .sv-argentium-teaser a { width: 100%; }
	body.home .sn-grid-wrap { padding: 25px 10px 28px !important; }
	body.home .sn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
	body.home .sn-tile-wrap,
	body.home .sn-tile { aspect-ratio: 1 / 1; }
	body.home .sn-tile-overlay { min-height: 56px; padding: 18px 10px 9px !important; }
	body.home .sn-tile-name { font-size: 16px !important; }
	body.home .sn-tile-link { margin-top: 3px !important; font-size: 6.5px !important; letter-spacing: .1em !important; }
	body.home .moissanite-banner { min-height: 220px !important; }
	body.home .moissanite-banner__content { min-height: 220px !important; padding: 24px 23px !important; }
	body.home .moissanite-banner__name { font-size: 39px !important; }
	body.home .moissanite-banner__title { font-size: 21px !important; }
	body.home .sv-moissanite-subline { max-width: 320px; margin-top: 8px; font-size: 12px; line-height: 1.45; }
	body.home .moissanite-banner__button { margin-top: 14px !important; }
	.sv-brand-link { width: 164px !important; height: 36px !important; }
	.sv-brand-logo { width: 164px !important; height: 36px !important; max-width: 164px !important; max-height: 36px !important; }
	.sv-hero { padding: 8px 10px 14px; }
	.sv-hero__inner { min-height: 0; display: flex; flex-direction: column; gap: 10px; }
	.sv-hero__products { order: 1; width: 100%; height: auto; display: grid; margin-top: 24px; }
	.sv-hero__copy { order: 2; width: 100%; padding: 0 8px; }
	.sv-hero__products[data-count='1'] { height: 350px; }
	.sv-hero__products[data-count='2'],
	.sv-hero__products[data-count='3'] { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
	.sv-hero__products[data-count='2'] .sv-hero__product { height: 178px; }
	.sv-hero__products[data-count='3'] .sv-hero__product { height: 190px; }
	.sv-hero__products[data-count='3'] .is-primary { grid-column: 1 / -1; grid-row: auto; height: 275px; }
	.sv-hero__product-info { display: block; padding: 32px 10px 9px; }
	.sv-hero__product-name { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; line-height: 1.08; }
	.sv-hero__product-price,.sv-hero__discover { display: block; margin-top: 3px; }
	.sv-hero__discover { font-size: 9px; }
	.sv-hero h1 { font-size: clamp(37px, 10.5vw, 44px); }
	.sv-hero__eyebrow { margin-bottom: 9px; font-size: 10px; }
	.sv-hero__lead { margin: 9px 0 12px; font-size: 14px; line-height: 1.42; }
	.sv-hero__actions { display: grid; gap: 8px; }
	.sv-hero__button { width: 100%; min-height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
	.sv-hero__image img,
	.sv-hero__button { transition: none; }
}

/* Produktdetailseiten: ruhiger, hochwertiger und klar auf den Warenkorb geführt. */
body.single-product .rey-innerSummary .rey-productTitle-wrapper {
	margin-bottom: 14px;
}

body.single-product .rey-innerSummary .product_title {
	max-width: 700px;
	margin-bottom: 0 !important;
	font-size: clamp(31px, 2.55vw, 43px) !important;
	font-weight: 400;
	line-height: 1.08 !important;
	letter-spacing: -.025em;
}

body.single-product .rey-innerSummary > .price {
	margin-bottom: 10px !important;
}

body.single-product .sv-product-trust {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 15px 0 16px;
	overflow: hidden;
	border: 1px solid #e1e5e2;
	background: #e1e5e2;
}

body.single-product .sv-product-trust span {
	display: flex;
	min-width: 0;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 8px;
	background: #f7f8f7;
	text-align: center;
}

body.single-product .sv-product-trust i {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	color: #50625a;
}

body.single-product .sv-product-trust strong {
	font-size: 9.5px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .055em;
	text-transform: uppercase;
	color: #25332d;
}

body.single-product .rey-innerSummary form.cart {
	margin-top: 0 !important;
}

body.single-product .rey-innerSummary .single_add_to_cart_button {
	min-height: 47px !important;
	background: #17231e !important;
	border-color: #17231e !important;
	font-weight: 700 !important;
	letter-spacing: .075em;
}

body.single-product .rey-innerSummary .wcpay-express-checkout-wrapper {
	position: relative;
	width: min(88%, 420px);
	height: auto !important;
	margin: 25px auto 0 !important;
	padding-top: 24px;
	border-top: 1px solid #e2e6e3;
}

body.single-product .rey-innerSummary .wcpay-express-checkout-wrapper::before {
	content: 'Oder direkt bezahlen';
	position: absolute;
	top: -7px;
	left: 50%;
	padding: 0 10px;
	transform: translateX(-50%);
	background: #fff;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .12em;
	white-space: nowrap;
	text-transform: uppercase;
	color: #7b8580;
}

body.single-product .rey-innerSummary .ppc-button-wrapper {
	width: min(88%, 420px);
	margin: 10px auto 0 !important;
}

body.single-product .rey-innerSummary .ppc-button-wrapper iframe {
	height: 42px !important;
}

body.single-product .rey-innerSummary .product_meta {
	margin-top: 19px !important;
	padding-top: 17px !important;
	border-top: 1px solid #edf0ee;
}

@media (max-width: 767px) {
	body.single-product .rey-innerSummary .rey-productTitle-wrapper {
		margin-bottom: 10px;
	}

	body.single-product .rey-innerSummary .product_title {
		font-size: 27px !important;
		line-height: 1.11 !important;
		letter-spacing: -.02em;
	}

	body.single-product .sv-product-trust {
		margin: 13px 0 14px;
	}

	body.single-product .sv-product-trust span {
		min-height: 47px;
		gap: 4px;
		padding: 7px 4px;
	}

	body.single-product .sv-product-trust i {
		font-size: 13px;
	}

	body.single-product .sv-product-trust strong {
		font-size: 8px;
		letter-spacing: .035em;
	}

	body.single-product .rey-innerSummary .wcpay-express-checkout-wrapper,
	body.single-product .rey-innerSummary .ppc-button-wrapper {
		width: 90%;
	}
}
