/*
Theme Name: Sheakaam
Theme URI: https://shea-kaam.at
Author: Andi (Content-Partner) für Sheakaam Naturkosmetik
Description: Block-Theme für Sheakaam Naturkosmetik (WooCommerce). Beige, Braun und Gold, Cormorant Garamond + Jost. Startseite, Shop, Produktseite, Warenkorb/Kasse und die Seiten Unsere Geschichte, Workshop, Wo kaufen, Kontakt und FAQ. Alle Abschnitte sind Block-Vorlagen und im Website-Editor bearbeitbar.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sheakaam
Tags: e-commerce, full-site-editing, block-patterns, custom-colors, wide-blocks
*/

/* ==========================================================================
   Grundwerte (entsprechen dem Entwurf „beige“)
   ========================================================================== */
:root {
	--sk-bg: #F3E8D6;
	--sk-soft: #EADCC4;
	--sk-line: #D9C7AA;
	--sk-field: #FAF4EA;
	--sk-brown: #4B2E1C;
	--sk-brown2: #5C3A24;
	--sk-gold: #9C7434;
	--sk-gold-hell: #D4AE68;
	--sk-ink: #2B211A;
	--sk-text: #5A4637;
	--sk-mute: #7C6D60;
	--sk-cream: #F4EEE4;
	--sk-serif: "Cormorant Garamond", Georgia, serif;
	--sk-sans: Jost, "Helvetica Neue", Arial, sans-serif;
	--sk-pad: 60px;
	--sk-max: 1320px;
	--sk-inner: max(var(--sk-pad), calc((100% - var(--sk-max)) / 2));
}

body {
	background: var(--sk-bg);
	color: var(--sk-ink);
	-webkit-font-smoothing: antialiased;
}

/* WordPress-Abstände in eigenen Abschnitten neutralisieren */
.sk-sec > *, .sk-hero > *, .sk-hero-txt > *, .sk-kaam > *, .sk-kaam-txt > *,
.sk-frauen > *, .sk-frauen-txt > *, .sk-founder > *, .sk-founder-txt > *,
.sk-gift > *, .sk-gift-txt > *, .sk-baeume > *, .sk-baeume-txt > *,
.sk-duo-box > *, .sk-news > *, .sk-schritt > *, .sk-wert > *, .sk-kopf > *,
.sk-footer > *, .sk-footer-cols .wp-block-column > *, .sk-header > *, .sk-logo > *,
.sk-karte > *, .sk-seitenkopf > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Keine Lücken zwischen Kopfzeile, Abschnitten und Fußzeile */
.wp-site-blocks > *, .sk-main > *, header.wp-block-template-part > *, footer.wp-block-template-part > *,
.sk-nav-r-wrap > *, .sk-produkte > *, .sk-duo-oben > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

/* Abstand zwischen Blöcken innerhalb eines Abschnitts */
.sk-sec > * + *, .sk-seitenkopf > * + .wp-block-buttons { margin-block-start: 40px; }

/* Textbausteine */
.sk-eyebrow {
	font-family: var(--sk-sans);
	font-size: 11px !important;
	letter-spacing: .32em;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1.6;
	color: var(--sk-mute);
}
.sk-gold, .sk-eyebrow.sk-gold { color: var(--sk-gold); }
.sk-serif { font-family: var(--sk-serif); }
h1 em, h2 em, h3 em, .sk-zitat em, .sk-big em { color: var(--sk-gold); }

.sk-textlink a, a.sk-textlink {
	font-size: 11px;
	letter-spacing: .26em;
	text-transform: uppercase;
	font-weight: 400;
	border-bottom: 1px solid var(--sk-ink);
	padding-bottom: 6px;
}

/* Knöpfe: braun gefüllt; Umriss-Stil; Gold-Stil */
.wp-block-button__link { transition: background .25s, color .25s, border-color .25s; }
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--sk-brown);
	border: 1px solid var(--sk-brown);
	padding: 17px 34px;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--sk-brown);
	color: #fff;
}
.sk-btn-gold .wp-block-button__link {
	background: var(--sk-gold);
	border-color: var(--sk-gold);
	color: #fff;
}
.sk-btn-gold .wp-block-button__link:hover { background: var(--sk-gold-hell); border-color: var(--sk-gold-hell); color: var(--sk-brown); }
.wp-block-buttons { gap: 10px; }

/* ==========================================================================
   Kopfzeile
   ========================================================================== */
.sk-ann {
	background: var(--sk-brown);
	color: #E9DCC8;
	text-align: center;
	font-size: 10.5px;
	letter-spacing: .28em;
	text-transform: uppercase;
	padding: 11px 22px;
	line-height: 1.5;
}
.sk-ann p { margin: 0; }

.sk-header {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	padding: 26px var(--sk-pad);
	color: var(--sk-brown);
	background: var(--sk-bg);
	gap: 20px;
}
.sk-header .wp-block-navigation {
	font-size: 11px;
	letter-spacing: .24em;
	text-transform: uppercase;
	font-weight: 400;
	gap: 34px;
}
.sk-header .wp-block-navigation .wp-block-navigation__container { gap: 34px; }
.sk-nav-r-wrap { display: flex; justify-content: flex-end; align-items: center; gap: 34px; }
.sk-nav-mobil { display: none !important; }

.sk-logo { text-align: center; line-height: 1; }
.sk-logo .sk-logo-name {
	font-family: var(--sk-serif);
	font-size: 27px;
	letter-spacing: .42em;
	font-weight: 500;
	margin: 0 -.42em 0 0;
	line-height: 1;
}
.sk-logo .sk-logo-name a { color: var(--sk-brown); }
.sk-logo .sk-logo-sub {
	font-family: var(--sk-sans);
	font-size: 8.5px;
	letter-spacing: .5em;
	text-transform: uppercase;
	margin-top: 7px;
	opacity: .6;
	line-height: 1;
}

/* Mini-Warenkorb */
.sk-header .wc-block-mini-cart__button {
	font-family: var(--sk-sans);
	font-size: 11px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--sk-brown);
	padding: 0;
}
.sk-header .wc-block-mini-cart__badge { background: var(--sk-gold); color: #fff; border-color: var(--sk-bg); }
.sk-header .wc-block-mini-cart__icon { width: 22px; height: 22px; }

/* ==========================================================================
   Startseite – Hero
   ========================================================================== */
.sk-hero {
	display: grid !important;
	grid-template-columns: 1.05fr 1fr;
	min-height: 780px;
	background: var(--sk-bg);
	padding: 0 var(--sk-pad) 0 0;
}
.sk-hero-txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 40px 60px var(--sk-pad);
	color: var(--sk-brown);
}
.sk-hero h1 {
	font-size: clamp(58px, 7.2vw, 104px);
	line-height: .95;
	letter-spacing: -.01em;
	margin: 26px 0 30px !important;
	color: var(--sk-brown);
}
.sk-hero-txt > p:not(.sk-eyebrow) {
	font-size: 17px;
	line-height: 1.7;
	max-width: 440px;
	color: var(--sk-text);
	margin-bottom: 44px;
}
.sk-hero-bild {
	position: relative;
	margin: 30px 0 0 !important;
}
.sk-hero { padding-bottom: 80px !important; }
.sk-hero-bild .sk-hero-haupt { margin: 0; height: 100%; }
.sk-hero-bild .sk-hero-haupt img {
	width: 100%;
	height: 100%;
	min-height: 640px;
	object-fit: cover;
	object-position: 50% 45%;
	display: block;
}
.sk-hero-bild .sk-inset {
	position: absolute;
	left: -70px;
	bottom: -30px;
	width: 190px;
	height: 250px;
	margin: 0;
	border: 7px solid var(--sk-bg);
	box-shadow: 0 18px 40px #3a261633;
	background: var(--sk-bg);
}
.sk-hero-bild .sk-inset img { width: 100%; height: 100%; object-fit: cover; object-position: 45% 20%; display: block; }
.sk-hero-bild .sk-inset-text {
	position: absolute;
	left: 135px;
	bottom: -62px;
	font-size: 10.5px !important;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--sk-brown);
	max-width: 240px;
	line-height: 1.6;
	margin: 0;
}

/* Werte-Band */
.sk-werte {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
	background: var(--sk-bg);
	border-top: 1px solid var(--sk-line);
	border-bottom: 1px solid var(--sk-line);
	color: #8A7766;
}
.sk-werte > * { margin: 0 !important; }
.sk-wert { padding: 34px 20px; border-right: 1px solid var(--sk-line); }
.sk-wert:last-child { border-right: 0; }
.sk-wert-gross {
	font-family: var(--sk-serif);
	font-size: 30px !important;
	color: var(--sk-brown);
	line-height: 1.2;
	margin-bottom: 6px !important;
}
.sk-wert-klein { font-size: 11px !important; letter-spacing: .22em; text-transform: uppercase; line-height: 1.6; }

/* ==========================================================================
   Allgemeine Abschnitte
   ========================================================================== */
.sk-sec { padding: 130px var(--sk-inner); background: var(--sk-bg); }
.sk-sec-soft { background: var(--sk-soft); }

.sk-kopf {
	display: flex !important;
	justify-content: space-between;
	align-items: flex-end;
	gap: 30px;
	margin-bottom: 60px !important;
}
.sk-kopf h2 { font-size: clamp(42px, 4.4vw, 62px); line-height: 1.02; margin-top: 16px !important; color: var(--sk-ink); }
.sk-kopf .sk-textlink { margin: 0; }

/* Produktkarten (Lieblinge, Shop, Kategorien) */
.sk-produkte .wc-block-product-template,
.wp-block-woocommerce-product-collection .wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px 26px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.wc-block-product-template .wc-block-product,
.wc-block-product-template > li {
	text-align: left;
	margin: 0 !important;
	width: auto !important;
	max-width: none !important;
	position: relative;
}
.wc-block-product-template .wc-block-components-product-image {
	margin: 0 0 22px !important;
	background: var(--sk-soft);
	aspect-ratio: 3 / 4.6;
	overflow: hidden;
}
.wc-block-product-template .wc-block-components-product-image a,
.wc-block-product-template .wc-block-components-product-image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform .6s;
}
.wc-block-product-template .wc-block-product:hover .wc-block-components-product-image img { transform: scale(1.03); }
.wc-block-product-template .wp-block-post-title {
	font-family: var(--sk-serif);
	font-weight: 500;
	font-size: 25px !important;
	line-height: 1.15;
	margin: 0 0 4px !important;
	text-align: left;
	color: var(--sk-ink);
}
.sk-unterzeile { font-size: 13px; color: var(--sk-mute); margin: 0 0 12px !important; line-height: 1.5; }
.wc-block-product-template .wc-block-components-product-price,
.wc-block-product-template .wp-block-woocommerce-product-price {
	font-size: 14px !important;
	letter-spacing: .06em;
	text-align: left !important;
	color: var(--sk-ink);
	margin: 0 !important;
}
.wc-block-product-template .sk-badge {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 3;
	margin: 0 !important;
	font-size: 9.5px;
	letter-spacing: .24em;
	text-transform: uppercase;
	background: var(--sk-bg);
	padding: 7px 11px;
	line-height: 1.2;
}
.wc-block-product-template .sk-badge a { pointer-events: none; }
.wc-block-product-template .sk-badge .wp-block-post-terms__separator { display: none; }
.wc-block-product-template .sk-badge a + .wp-block-post-terms__separator + a { display: none; }
.wc-block-product-template .wc-block-components-product-sale-badge,
.wc-block-product-template .wc-block-components-product-badge {
	border-radius: 0; background: var(--sk-bg); color: var(--sk-brown); border: 0;
	font-size: 9.5px; letter-spacing: .24em; text-transform: uppercase;
}

/* „Kaam.“ */
.sk-kaam {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	min-height: 820px;
	background: var(--sk-soft);
	color: var(--sk-brown);
}
.sk-kaam-txt {
	padding: 130px 90px 110px var(--sk-pad);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sk-big {
	font-family: var(--sk-serif);
	font-size: clamp(130px, 15vw, 220px) !important;
	line-height: .8 !important;
	font-style: italic;
	color: var(--sk-gold);
	margin: 30px 0 26px !important;
	letter-spacing: -.02em;
}
.sk-aussprache { font-size: 13px !important; letter-spacing: .2em; color: #9B8877; margin-bottom: 42px !important; }
.sk-kaam-txt > p:not(.sk-eyebrow):not(.sk-big):not(.sk-aussprache) {
	font-size: 19px;
	line-height: 1.75;
	color: var(--sk-text);
	max-width: 470px;
	margin-bottom: 22px;
}

/* Bild füllt seine Fläche */
.sk-fill { margin: 0 !important; height: 100%; min-height: 100%; }
.sk-fill img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sk-kaam .sk-fill img { object-position: 50% 15%; }

/* „Von Hand. Von Frauen.“ */
.sk-frauen {
	display: grid !important;
	grid-template-columns: 44% 56%;
	align-items: center;
	background: var(--sk-bg);
	color: var(--sk-brown);
	padding: 50px 0 100px;
}
.sk-frauen-txt { padding: 0 40px 0 var(--sk-pad); max-width: 640px; }
.sk-frauen h2 { font-size: clamp(52px, 5.8vw, 84px); line-height: .98; margin: 24px 0 30px !important; }
.sk-frauen-txt > p:not(.sk-eyebrow) { font-size: 18px; line-height: 1.75; color: var(--sk-text); margin-bottom: 20px; max-width: 500px; }
.sk-frauen-bild { margin: 0 !important; }
.sk-frauen-bild img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: 60% 40%; display: block; }
.sk-mini { display: flex !important; gap: 16px; margin: 40px 0 !important; flex-wrap: nowrap; }
.sk-mini > * { margin: 0 !important; }
.sk-mini .wp-block-image { width: 150px; flex: 0 0 150px; }
.sk-mini .wp-block-image img { width: 100%; height: 200px; object-fit: cover; display: block; }

/* Reise in 4 Schritten */
.sk-reise { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.sk-reise > * { margin: 0 !important; }
.sk-schritt .wp-block-image { margin: 0 !important; }
.sk-schritt .wp-block-image img { width: 100%; height: 520px; object-fit: cover; display: block; }
.sk-nr { font-family: var(--sk-serif); font-size: 20px !important; color: var(--sk-gold); margin: 22px 0 6px !important; font-style: italic; line-height: 1.2; }
.sk-schritt h3, .sk-schritt h4 { font-family: var(--sk-serif); font-weight: 500; font-size: 27px !important; margin-bottom: 8px !important; color: var(--sk-ink); line-height: 1.15; }
.sk-schritt > p:not(.sk-nr) { font-size: 14.5px; line-height: 1.65; color: var(--sk-mute); }

/* Gründerin – Split (Konzept 1): links Bild über volle Höhe, rechts Text */
.sk-founder {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	background: var(--sk-bg);
}
.sk-founder .sk-fill img { height: 900px; object-position: 40% 30%; }
.sk-founder-txt { padding: 0 110px; display: flex; flex-direction: column; justify-content: center; }
.sk-founder .sk-zitat {
	font-family: var(--sk-serif);
	font-size: clamp(40px, 4.4vw, 64px) !important;
	line-height: 1.05 !important;
	font-weight: 400;
	margin: 26px 0 30px !important;
	color: var(--sk-ink);
}
.sk-zitat {
	font-family: var(--sk-serif);
	font-size: clamp(36px, 3.6vw, 52px) !important;
	line-height: 1.12 !important;
	font-weight: 400;
	margin: 28px 0 36px !important;
	color: var(--sk-ink);
}
.sk-founder-txt > p.sk-fliess { font-size: 17px; line-height: 1.75; color: var(--sk-text); max-width: 470px; margin-bottom: 38px; }
.sk-sig { font-family: var(--sk-serif); font-style: italic; font-size: 30px !important; margin-bottom: 4px !important; line-height: 1.2; color: var(--sk-ink); }
.sk-founder .sk-sig { font-size: 46px !important; }
.sk-founder-txt .sk-sig + .sk-eyebrow { margin-bottom: 38px; }

/* Geschenke */
.sk-gift {
	display: grid !important;
	grid-template-columns: 1.1fr .9fr;
	background: var(--sk-soft);
	color: var(--sk-brown);
}
.sk-gift .sk-fill img { min-height: 760px; object-position: center 60%; }
.sk-gift-txt { padding: 120px 90px; display: flex; flex-direction: column; justify-content: center; }
.sk-gift h2 { font-size: clamp(42px, 4.4vw, 62px); margin-top: 22px !important; }
.sk-preisliste { margin: 40px 0 50px !important; border-top: 1px solid var(--sk-line); }
.sk-preisliste > * { margin: 0 !important; }
.sk-preiszeile {
	display: flex !important;
	justify-content: space-between;
	align-items: baseline;
	padding: 20px 0;
	border-bottom: 1px solid var(--sk-line);
	gap: 20px;
}
.sk-preiszeile > * { margin: 0 !important; }
.sk-preiszeile p:first-child { font-family: var(--sk-serif); font-size: 25px; color: var(--sk-brown); line-height: 1.2; }
.sk-preiszeile p:last-child { font-size: 15px; color: #6E5D4F; }

/* 400 Bäume */
.sk-baeume {
	display: grid !important;
	grid-template-columns: 46% 54%;
	background: var(--sk-bg);
	color: var(--sk-brown);
	min-height: 780px;
}
.sk-baeume-txt {
	padding: 100px 40px 100px var(--sk-inner);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sk-zahl { font-family: var(--sk-serif); font-size: clamp(120px, 13vw, 190px) !important; line-height: .8 !important; color: var(--sk-gold); margin-top: 24px !important; }
.sk-zahl-text { font-family: var(--sk-serif); font-size: 34px !important; margin-top: 14px !important; line-height: 1.2; }
.sk-baeume-txt > p.sk-fliess { font-size: 18px; line-height: 1.7; max-width: 420px; color: var(--sk-text); margin-top: 34px; }
.sk-baeume .sk-fill img { height: 780px; object-position: center 35%; }

/* Workshop + Wo kaufen */
.sk-duo { display: grid !important; grid-template-columns: 1fr 1fr; gap: 26px; }
.sk-duo > * { margin: 0 !important; }
.sk-duo-box {
	background: var(--sk-soft);
	padding: 70px 60px;
	min-height: 420px;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}
.sk-duo-box.sk-dunkel { background: var(--sk-brown); color: var(--sk-cream); }
.sk-duo-box h3 { font-size: clamp(32px, 3vw, 44px); line-height: 1.05; margin: 20px 0 18px !important; }
.sk-duo-box.sk-dunkel h3 { color: var(--sk-cream); }
.sk-duo-box p.sk-fliess { font-size: 15.5px; line-height: 1.7; max-width: 420px; }
.sk-duo-box.sk-dunkel p.sk-fliess { color: #cdbfae; }
.sk-orte { font-size: 13.5px; line-height: 2; color: var(--sk-text); }

/* Newsletter */
.sk-news { text-align: center; padding: 120px var(--sk-inner); background: var(--sk-bg); }
.sk-news h2 { font-size: clamp(42px, 4.4vw, 62px); margin: 18px 0 14px !important; color: var(--sk-ink); }
.sk-news > p:not(.sk-eyebrow) { font-size: 16px; color: var(--sk-text); margin-bottom: 34px !important; }
.sk-news-form { display: flex; justify-content: center; gap: 0; flex-wrap: wrap; }
.sk-news-form input[type=email] {
	width: 420px;
	max-width: 100%;
	padding: 18px;
	border: 1px solid var(--sk-line);
	background: var(--sk-field);
	font-family: var(--sk-sans);
	font-size: 13px;
	margin-right: -1px;
	border-radius: 0;
}
.sk-news-form button, .sk-news-form .sk-news-btn {
	background: var(--sk-brown);
	color: #fff;
	border: 1px solid var(--sk-brown);
	padding: 17px 34px;
	font-family: var(--sk-sans);
	font-size: 11px;
	letter-spacing: .28em;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	border-radius: 0;
}

/* ==========================================================================
   Fußzeile
   ========================================================================== */
.sk-footer { background: var(--sk-brown); color: #a8998a; padding: 80px var(--sk-pad) 30px; font-size: 13px; line-height: 2.1; }
.sk-footer a { color: #a8998a; }
.sk-footer a:hover { color: var(--sk-gold-hell); }
.sk-footer-cols { display: grid !important; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; margin: 0 !important; }
.sk-footer-cols .wp-block-column { margin: 0 !important; }
.sk-footer .sk-logo-name { font-family: var(--sk-serif); color: var(--sk-cream); font-size: 22px; letter-spacing: .42em; line-height: 1; font-weight: 500; }
.sk-footer .sk-footer-claim { margin-top: 20px !important; max-width: 300px; }
.sk-footer .sk-footer-titel { display: block; color: var(--sk-cream); font-size: 10.5px; letter-spacing: .26em; text-transform: uppercase; font-weight: 500; margin-bottom: 12px !important; line-height: 2; }
.sk-footer-unten { border-top: 1px solid #ffffff1c; margin-top: 50px !important; padding-top: 22px; font-size: 12px; display: flex !important; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.sk-footer-unten > * { margin: 0 !important; }

/* ==========================================================================
   Unterseiten (Geschichte, Workshop, Wo kaufen, Kontakt, FAQ)
   ========================================================================== */
.sk-seitenkopf { padding: 110px var(--sk-inner) 70px; background: var(--sk-bg); }
.sk-seitenkopf h1 { font-size: clamp(52px, 6vw, 88px); line-height: .98; margin-top: 22px !important; color: var(--sk-brown); }
.sk-seitenkopf > p.sk-fliess { font-size: 18px; line-height: 1.75; color: var(--sk-text); max-width: 620px; margin-top: 26px !important; }

.sk-karten { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.sk-karten > * { margin: 0 !important; }
.sk-karte { background: var(--sk-soft); padding: 40px 36px; }
.sk-karte h3 { font-size: 27px !important; font-weight: 500; margin-bottom: 10px !important; color: var(--sk-ink); }
.sk-karte p { font-size: 14.5px; line-height: 1.7; color: var(--sk-text); }
.sk-karte .sk-ort { font-size: 10.5px; letter-spacing: .24em; text-transform: uppercase; color: var(--sk-gold); margin-bottom: 12px !important; }

.sk-zweispaltig { display: grid !important; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.sk-zweispaltig > * { margin: 0 !important; }
.sk-zweispaltig p { color: var(--sk-text); }
.sk-zweispaltig .sk-fill img { aspect-ratio: 4 / 5; height: auto; }

.sk-faq { max-width: 860px; }
.sk-faq .wp-block-details { border-bottom: 1px solid var(--sk-line); padding: 24px 0; margin: 0 !important; }
.sk-faq .wp-block-details summary { font-family: var(--sk-serif); font-size: 27px; color: var(--sk-ink); cursor: pointer; list-style: none; line-height: 1.25; }
.sk-faq .wp-block-details summary::-webkit-details-marker { display: none; }
.sk-faq .wp-block-details summary::after { content: "+"; float: right; color: var(--sk-gold); font-family: var(--sk-sans); font-weight: 300; }
.sk-faq .wp-block-details[open] summary::after { content: "–"; }
.sk-faq .wp-block-details p { color: var(--sk-text); margin-top: 14px; }

/* Platzhalter sichtbar machen (nur im Editor und solange Text in [eckigen Klammern] steht) */
.sk-platzhalter { background: #fff3d6; color: #7a5a20; padding: 2px 6px; }

/* Standardseiten / Blog */
.sk-inhalt { padding: 90px var(--sk-pad) 120px; }
.sk-inhalt .wp-block-post-title { font-size: clamp(42px, 5vw, 72px); color: var(--sk-brown); margin-bottom: 40px; }

/* ==========================================================================
   Shop, Kategorien
   ========================================================================== */
.sk-shopkopf { padding: 90px var(--sk-inner) 40px; }
.sk-shopkopf .wp-block-query-title { font-size: clamp(52px, 6vw, 88px); line-height: .98; color: var(--sk-brown); margin-top: 18px !important; }
.sk-shopkopf .wp-block-term-description { max-width: 620px; color: var(--sk-text); margin-top: 20px; }
.sk-kategorien { display: flex !important; flex-wrap: wrap; gap: 10px; margin-top: 40px !important; }
.sk-kategorien p { margin: 0; }
.sk-kategorien a {
	display: inline-block;
	border: 1px solid var(--sk-line);
	padding: 11px 20px;
	font-size: 11px;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--sk-brown);
}
.sk-kategorien a:hover { border-color: var(--sk-brown); background: var(--sk-brown); color: #fff; }
.sk-shopleiste { display: flex !important; justify-content: space-between; align-items: center; gap: 20px; padding: 0 var(--sk-inner) 30px; font-size: 13px; color: var(--sk-mute); }
.sk-shopleiste > * { margin: 0 !important; }
.sk-shopleiste select { background: transparent; border: 1px solid var(--sk-line); padding: 10px 14px; font-family: var(--sk-sans); font-size: 13px; color: var(--sk-ink); border-radius: 0; }
.sk-shopliste { padding: 0 var(--sk-inner) 120px; }
.wp-block-query-pagination { margin-top: 60px !important; font-size: 14px; gap: 14px; justify-content: center; }

/* ==========================================================================
   Produktseite (Aufbau laut Konzept)
   ========================================================================== */
.sk-produkt-oben { padding: 40px var(--sk-inner) 100px; }
.sk-produkt-oben .woocommerce-breadcrumb, .sk-produkt-oben .wc-block-breadcrumbs { font-size: 12px; letter-spacing: .08em; color: var(--sk-mute); margin-bottom: 30px !important; }
.sk-produkt { display: grid !important; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: start; margin: 0 !important; }
.sk-produkt > .wp-block-column { margin: 0 !important; }
.sk-produkt .wp-block-woocommerce-product-image-gallery,
.sk-produkt .woocommerce-product-gallery { margin: 0 !important; width: 100% !important; max-width: none !important; float: none !important; }
.sk-produkt .woocommerce-product-gallery__image img { background: var(--sk-soft); }
.sk-produkt .flex-control-thumbs { list-style: none; padding: 0 !important; display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 10px !important; }
.sk-produkt .flex-control-thumbs li { width: auto !important; float: none !important; margin: 0 !important; }
.sk-kaufbox { position: sticky; top: 30px; }
.sk-kaufbox > * { margin-block: 0; }
.sk-kaufbox .wp-block-post-title { font-size: clamp(40px, 4vw, 56px); line-height: 1.02; color: var(--sk-brown); margin: 0 0 8px !important; }
.sk-kaufbox .sk-unterzeile { font-size: 15px; margin-bottom: 26px !important; }
.sk-kaufbox .wc-block-components-product-price, .sk-kaufbox .wp-block-woocommerce-product-price { font-size: 22px !important; letter-spacing: .02em; color: var(--sk-ink); }
.sk-kaufbox .wc-gzd-additional-info, .sk-kaufbox .price-unit, .sk-kaufbox .wc-gzd-additional-info-placeholder { font-size: 12.5px; color: var(--sk-mute); }
.sk-kurz { margin: 28px 0 !important; font-size: 15.5px; color: var(--sk-text); }
.sk-kurz ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--sk-line); }
.sk-kurz li { padding: 12px 0 12px 26px; border-bottom: 1px solid var(--sk-line); position: relative; line-height: 1.55; }
.sk-kurz li::before { content: "✦"; position: absolute; left: 0; top: 12px; color: var(--sk-gold); font-size: 12px; }

/* Warenkorb-Formular, Varianten */
.sk-kaufbox form.cart { margin: 28px 0 !important; display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
.sk-kaufbox form.variations_form { display: block; }
.sk-kaufbox table.variations { width: 100% !important; border: 0; margin-bottom: 18px; }
.sk-kaufbox table.variations tbody, .sk-kaufbox table.variations tr { display: block; width: 100%; }
.sk-kaufbox .woocommerce-variation-price { margin: 4px 0 14px; font-size: 18px; }
.sk-kaufbox table.variations th, .sk-kaufbox table.variations td { display: block; padding: 0; border: 0; text-align: left; }
.sk-kaufbox table.variations label { font-size: 11px; letter-spacing: .24em; text-transform: uppercase; font-weight: 500; color: var(--sk-brown); }
.sk-kaufbox table.variations select { width: 100% !important; max-width: none !important; margin: 8px 0 12px; padding: 14px; border: 1px solid var(--sk-line); background: var(--sk-field); font-family: var(--sk-sans); font-size: 14px; border-radius: 0; }
.sk-kaufbox .reset_variations { font-size: 12px; color: var(--sk-mute); }
.sk-kaufbox .woocommerce-variation-add-to-cart { display: flex; gap: 10px; flex-wrap: wrap; }
.sk-kaufbox .quantity input.qty { width: 74px; height: 100%; min-height: 52px; border: 1px solid var(--sk-line); background: var(--sk-field); text-align: center; font-family: var(--sk-sans); font-size: 15px; border-radius: 0; }
.sk-kaufbox .single_add_to_cart_button, .woocommerce .sk-kaufbox button.button.alt {
	flex: 1;
	background: var(--sk-brown) !important;
	color: #fff !important;
	border: 1px solid var(--sk-brown) !important;
	border-radius: 0 !important;
	padding: 18px 30px !important;
	font-family: var(--sk-sans) !important;
	font-size: 11px !important;
	letter-spacing: .28em;
	text-transform: uppercase;
	font-weight: 500 !important;
}
.sk-kaufbox .single_add_to_cart_button:hover { background: var(--sk-gold) !important; border-color: var(--sk-gold) !important; }

.sk-vertrauen { background: var(--sk-soft); padding: 22px 26px; margin-top: 10px !important; font-size: 13px; line-height: 1.6; color: var(--sk-text); }
.sk-vertrauen > * { margin: 0 !important; }
.sk-vertrauen p { padding: 6px 0 6px 24px; position: relative; }
.sk-vertrauen p::before { content: "✦"; position: absolute; left: 0; color: var(--sk-gold); font-size: 11px; }

/* Reiter: Beschreibung · Anwendung · Inhaltsstoffe · Herkunft */
.sk-reiter { padding: 0 var(--sk-inner) 100px; }
.sk-reiter .woocommerce-tabs { max-width: 900px; }
.sk-reiter .woocommerce-tabs ul.tabs { list-style: none; display: flex; flex-wrap: wrap; gap: 0; padding: 0 !important; margin: 0 0 34px !important; border-bottom: 1px solid var(--sk-line); }
.sk-reiter .woocommerce-tabs ul.tabs::before, .sk-reiter .woocommerce-tabs ul.tabs li::before, .sk-reiter .woocommerce-tabs ul.tabs li::after { display: none !important; }
.sk-reiter .woocommerce-tabs ul.tabs li { background: none !important; border: 0 !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; }
.sk-reiter .woocommerce-tabs ul.tabs li a { display: block; padding: 16px 30px 16px 0 !important; margin: 0 !important; border: 0 !important; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; font-weight: 500; color: var(--sk-mute); }
.sk-reiter .woocommerce-tabs ul.tabs li.active a { color: var(--sk-brown); box-shadow: inset 0 -2px 0 var(--sk-gold); }
.sk-reiter .woocommerce-Tabs-panel { color: var(--sk-text); font-size: 16px; line-height: 1.8; }
.sk-reiter .woocommerce-Tabs-panel h2 { display: none; }

/* Cyndi-Block auf der Produktseite */
.sk-cyndi-mini { display: grid !important; grid-template-columns: 320px 1fr; gap: 60px; align-items: center; background: var(--sk-soft); padding: 60px var(--sk-inner); }
.sk-cyndi-mini > * { margin: 0 !important; }
.sk-cyndi-mini .sk-fill img { aspect-ratio: 1; height: auto; object-position: 72% 40%; }
.sk-cyndi-mini .sk-zitat { font-size: clamp(28px, 2.6vw, 38px) !important; margin: 16px 0 18px !important; }

/* „Passt dazu“ (klassische Produktliste) */
.sk-passt { padding: 110px var(--sk-inner) 120px; }
.sk-passt .related > h2 { display: none; }
.sk-passt ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 26px; list-style: none; padding: 0; margin: 0; }
.sk-passt ul.products::before, .sk-passt ul.products::after { display: none !important; }
.sk-passt ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; text-align: left; }
.sk-passt ul.products li.product img { aspect-ratio: 3 / 4.2; object-fit: cover; background: var(--sk-soft); margin: 0 0 18px !important; }
.sk-passt ul.products li.product .woocommerce-loop-product__title { font-family: var(--sk-serif); font-weight: 500; font-size: 23px !important; padding: 0 !important; color: var(--sk-ink); }
.sk-passt ul.products li.product .price { color: var(--sk-ink) !important; font-size: 14px !important; letter-spacing: .06em; }
.sk-passt ul.products li.product .button { display: none; }

/* ==========================================================================
   Warenkorb und Kasse (WooCommerce-Blöcke)
   ========================================================================== */
.sk-kasse { padding: 90px var(--sk-inner) 120px; }
.sk-kasse .wp-block-post-title { font-size: clamp(46px, 5vw, 72px); color: var(--sk-brown); margin-bottom: 50px !important; }
.wc-block-cart, .wc-block-checkout { font-family: var(--sk-sans); color: var(--sk-ink); }
.wc-block-cart .wc-block-cart-items th, .wc-block-components-title, .wc-block-components-checkout-step__title,
.wc-block-cart__totals-title {
	font-family: var(--sk-sans) !important;
	font-size: 11px !important;
	letter-spacing: .24em !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	color: var(--sk-brown) !important;
}
.wc-block-components-product-name { font-family: var(--sk-serif); font-size: 22px !important; color: var(--sk-ink) !important; text-decoration: none !important; }
.wc-block-cart-items td, .wc-block-cart-items th, .wc-block-components-totals-wrapper, .wc-block-components-panel { border-color: var(--sk-line) !important; }
.wc-block-components-sidebar .wc-block-components-totals-wrapper, .wc-block-checkout__sidebar {
	background: transparent;
}
.wc-block-components-sidebar-layout .wc-block-components-sidebar { background: var(--sk-soft); padding: 30px 30px 20px !important; }
.wc-block-components-text-input input, .wc-block-components-combobox .wc-block-components-combobox-control input, .wc-blocks-components-select__select,
.wc-block-components-textarea, .wc-block-components-form .wc-block-components-text-input input {
	background: var(--sk-field) !important;
	border: 1px solid var(--sk-line) !important;
	border-radius: 0 !important;
	font-family: var(--sk-sans) !important;
}
.wc-block-components-button:not(.is-link), .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {
	background: var(--sk-brown) !important;
	color: #fff !important;
	border-radius: 0 !important;
	font-family: var(--sk-sans) !important;
	font-size: 11px !important;
	letter-spacing: .28em !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	min-height: 56px;
}
.wc-block-components-button:not(.is-link):hover { background: var(--sk-gold) !important; }
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option { border-color: var(--sk-line) !important; border-radius: 0 !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked { background: var(--sk-brown); border-color: var(--sk-brown); }
.wc-block-components-quantity-selector { border-radius: 0 !important; border-color: var(--sk-line) !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 20px; font-weight: 500; }

/* Hinweise */
.wc-block-components-notice-banner { border-radius: 0 !important; }
.woocommerce-message, .woocommerce-info { border-top-color: var(--sk-gold) !important; background: var(--sk-soft) !important; }

/* ==========================================================================
   Tablet
   ========================================================================== */
@media (max-width: 1100px) {
	:root { --sk-pad: 40px; }
	.sk-header { grid-template-columns: auto 1fr auto; }
	.sk-nav-l, .sk-nav-r { display: none !important; }
	.sk-nav-mobil { display: flex !important; }
	.sk-logo { text-align: left; }
	.sk-founder-txt { padding: 80px 60px; }
	.sk-gift-txt { padding: 90px 50px; }
	.sk-kaam-txt { padding: 100px 50px 90px var(--sk-pad); }
	.sk-duo-box { padding: 50px 40px; }
	.sk-reise .sk-schritt .wp-block-image img { height: 400px; }
	.sk-produkt { gap: 50px; }
	.sk-karten { grid-template-columns: 1fr 1fr; }
}

/* ==========================================================================
   Handy (entspricht der Handy-Ansicht im Entwurf)
   ========================================================================== */
@media (max-width: 700px) {
	:root { --sk-pad: 22px; }
	body { --wp--style--root--padding-left: 22px; --wp--style--root--padding-right: 22px; }

	.sk-ann { font-size: 9px; letter-spacing: .2em; padding: 10px 14px; }
	.sk-header { grid-template-columns: auto 1fr auto; padding: 18px 22px; gap: 12px; }
	.sk-logo { text-align: center; }
	.sk-logo .sk-logo-name { font-size: 20px; }
	.sk-logo .sk-logo-sub { font-size: 7.5px; }
	.sk-nav-r-wrap { gap: 0; }
	.sk-nav-mobil { order: -1; }
	.sk-header .wc-block-mini-cart__button { font-size: 0; }
	.sk-header .wc-block-mini-cart__icon { width: 24px; height: 24px; }

	.sk-hero { display: block !important; padding: 0; min-height: 0; }
	.sk-hero-txt { padding: 50px 22px 34px; }
	.sk-hero h1 { font-size: 62px; margin: 16px 0 18px !important; }
	.sk-hero-txt > p:not(.sk-eyebrow) { font-size: 15px; margin-bottom: 28px; }
	.wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { padding: 15px 22px !important; }
	.sk-hero-bild { margin: 0 22px !important; }
	.sk-hero { padding-bottom: 70px !important; }
	.sk-hero-bild .sk-hero-haupt img { height: 470px; min-height: 0; }
	.sk-hero-bild .sk-inset { left: -6px; bottom: -40px; width: 118px; height: 150px; border-width: 5px; }
	.sk-hero-bild .sk-inset-text { left: 124px; bottom: -44px; font-size: 9px !important; max-width: 200px; }

	.sk-werte { grid-template-columns: 1fr 1fr; }
	.sk-wert { padding: 24px 10px; border-bottom: 1px solid var(--sk-line); }
	.sk-wert:nth-child(2) { border-right: 0; }

	.sk-sec { padding: 80px 22px; }
	.sk-kopf { flex-direction: column; align-items: flex-start !important; gap: 18px; margin-bottom: 34px !important; }
	.sk-kopf h2, .sk-gift h2, .sk-news h2 { font-size: 42px; }

	.sk-produkte .wc-block-product-template,
	.wp-block-woocommerce-product-collection .wc-block-product-template { grid-template-columns: 1fr 1fr !important; gap: 30px 14px; }
	.wc-block-product-template .wc-block-components-product-image { aspect-ratio: 3 / 4.2; margin-bottom: 14px !important; }
	.wc-block-product-template .wp-block-post-title { font-size: 19px !important; }
	.sk-unterzeile { font-size: 12px; }
	.wc-block-product-template .sk-badge { top: 10px; left: 10px; font-size: 8px; padding: 5px 8px; }

	.sk-kaam, .sk-founder, .sk-gift, .sk-frauen, .sk-baeume { display: block !important; min-height: 0; }
	.sk-kaam-txt { padding: 80px 22px; }
	.sk-big { font-size: 130px !important; }
	.sk-kaam-txt > p:not(.sk-eyebrow):not(.sk-big):not(.sk-aussprache) { font-size: 16px; }
	.sk-kaam .sk-fill img { height: 520px; }

	.sk-frauen { padding: 0 0 70px; display: flex !important; flex-direction: column-reverse; }
	.sk-frauen-bild img { height: 420px; aspect-ratio: auto; object-position: 40% center; }
	.sk-frauen-txt { padding: 40px 22px 0; }
	.sk-frauen h2 { font-size: 52px; }
	.sk-frauen-txt > p:not(.sk-eyebrow) { font-size: 15.5px; }
	.sk-mini { gap: 10px; }
	.sk-mini .wp-block-image { width: auto; flex: 1 1 0; }
	.sk-mini .wp-block-image img { height: 140px; }

	.sk-reise { grid-template-columns: 1fr 1fr; gap: 14px; }
	.sk-reise .sk-schritt .wp-block-image img { height: 300px; }
	.sk-schritt h3, .sk-schritt h4 { font-size: 21px !important; }
	.sk-schritt > p:not(.sk-nr) { font-size: 13px; }

	.sk-founder .sk-fill img { height: 620px; object-position: 60% 40%; }
	.sk-founder-txt { padding: 60px 22px 70px; }
	.sk-zitat { font-size: 36px !important; }
	.sk-founder .sk-zitat { font-size: 40px !important; }

	.sk-gift .sk-fill img { min-height: 420px; height: 420px; }
	.sk-gift-txt { padding: 80px 22px; }

	.sk-baeume .sk-fill img { height: 480px; object-position: center 30%; }
	.sk-baeume { display: flex !important; flex-direction: column-reverse; }
	.sk-baeume-txt { padding: 40px 22px 60px; }
	.sk-zahl { font-size: 120px !important; }

	.sk-duo { grid-template-columns: 1fr; }
	.sk-duo-box { padding: 50px 26px; min-height: 0; }

	.sk-news { padding: 80px 22px; }
	.sk-news-form input[type=email] { width: 100%; margin: 0 0 10px; }
	.sk-news-form button, .sk-news-form .sk-news-btn { width: 100%; }

	.sk-footer { padding: 60px 22px 30px; }
	.sk-footer-cols { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
	.sk-footer-cols .wp-block-column:first-child { grid-column: 1 / -1; }

	.sk-seitenkopf { padding: 70px 22px 50px; }
	.sk-karten, .sk-zweispaltig { grid-template-columns: 1fr; gap: 20px; }
	.sk-zweispaltig { gap: 40px; }

	.sk-shopkopf { padding: 60px 22px 30px; }
	.sk-shopleiste { padding: 0 22px 20px; flex-direction: column; align-items: flex-start; }
	.sk-shopliste { padding: 0 22px 80px; }

	.sk-produkt-oben { padding: 20px 22px 60px; }
	.sk-produkt { grid-template-columns: 1fr; gap: 30px; }
	.sk-kaufbox { position: static; }
	.sk-reiter { padding: 0 22px 60px; }
	.sk-reiter .woocommerce-tabs ul.tabs li a { padding: 14px 16px 14px 0; font-size: 10px; letter-spacing: .16em; }
	.sk-cyndi-mini { grid-template-columns: 1fr; gap: 30px; padding: 50px 22px; }
	.sk-passt { padding: 70px 22px 80px; }
	.sk-passt ul.products { grid-template-columns: 1fr 1fr; gap: 14px; }

	.sk-kasse { padding: 50px 22px 80px; }
	.sk-inhalt { padding: 60px 22px 80px; }
}

/* Warenkorb/Kasse: Produkt-Kurzbeschreibung in der Übersicht ausblenden, Namen nicht umbrechen */
.wc-block-components-product-metadata__description { display: none; }
.wc-block-checkout__sidebar .wc-block-components-product-name,
.wc-block-components-order-summary-item .wc-block-components-product-name { font-size: 17px !important; word-break: normal; overflow-wrap: normal; hyphens: auto; }
.wc-block-components-sidebar-layout .wc-block-checkout__sidebar.wc-block-components-sidebar { padding: 24px 20px 14px !important; }

/* Handy-Menü (Overlay) */
.sk-nav-mobil .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--sk-bg) !important;
	color: var(--sk-brown) !important;
	padding: 90px 28px 40px !important;
}
.sk-nav-mobil .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 6px !important; align-items: flex-start !important; }
.sk-nav-mobil .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--sk-serif);
	font-size: 30px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--sk-brown);
	line-height: 1.3;
}
.sk-nav-mobil .wp-block-navigation__responsive-container-close { top: 28px !important; right: 24px !important; color: var(--sk-brown); }
.sk-nav-mobil .wp-block-navigation__responsive-container-open { color: var(--sk-brown); }

/* Produktkarten: Titel immer 2 Zeilen hoch, Unterzeile und Preis stehen in jeder Reihe auf gleicher Höhe */
.wc-block-product-template .wc-block-product,
.wc-block-product-template > li {
	display: flex !important;
	flex-direction: column;
	height: 100%;
}
.wc-block-product-template .wp-block-post-title,
.sk-passt ul.products li.product .woocommerce-loop-product__title {
	min-height: 2.3em; /* 2 Zeilen à 1.15 */
	line-height: 1.15 !important;
}
.wc-block-product-template .wc-block-components-product-price,
.wc-block-product-template .wp-block-woocommerce-product-price,
.sk-passt ul.products li.product .price { margin-top: auto !important; padding-top: 6px; }
.sk-passt ul.products li.product { display: flex !important; flex-direction: column; }
.sk-passt ul.products li.product > a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; }

/* Cyndis Lieblinge – jeden Tag im Bad (Konzept 4) */
.sk-liebl { display: grid !important; grid-template-columns: 560px 1fr; align-items: center; background: var(--sk-bg); }
.sk-liebl > * { margin: 0 !important; }
.sk-liebl-bild { position: relative; margin: 0 !important; }
.sk-liebl-bild img { width: 100%; height: 860px; object-fit: cover; object-position: 62% 28%; display: block; }
.sk-liebl-bild::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #F3E8D600 72%, #F3E8D6 100%); pointer-events: none; }
.sk-liebl-txt { padding: 90px 90px 90px 50px; }
.sk-liebl-txt > * { margin-block: 0; }
.sk-liebl h2 { font-size: clamp(42px, 4.4vw, 62px); line-height: 1.02; margin: 22px 0 18px !important; color: var(--sk-ink); }
.sk-liebl .sk-lead { font-size: 17px; line-height: 1.8; color: var(--sk-text); max-width: 560px; margin-bottom: 46px !important; }
.sk-lieb-reihe { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.sk-lieb-reihe > * { margin: 0 !important; }
.sk-lieb-produkt > * { margin-block: 0; }
.sk-lieb-produkt { display: flex !important; flex-direction: column; }
.sk-lieb-bild { margin: 0 !important; }
.sk-lieb-bild img { width: 100%; height: 330px; object-fit: cover; display: block; background: var(--sk-soft); transition: transform .6s; }
.sk-lieb-bild a { display: block; overflow: hidden; }
.sk-lieb-bild a:hover img { transform: scale(1.03); }
.sk-lieb-produkt h3 { font-family: var(--sk-serif); font-weight: 500; font-size: 23px !important; line-height: 1.15; margin: 16px 0 4px !important; min-height: 2.3em; color: var(--sk-ink); }
.sk-lieb-notiz { font-size: 13px; color: var(--sk-mute); font-style: italic; margin-bottom: 8px !important; }
.sk-lieb-preis { font-size: 14px; letter-spacing: .06em; margin: auto 0 0 !important; color: var(--sk-ink); }
.sk-liebl .sk-sig { font-size: 40px !important; color: var(--sk-brown); margin-top: 40px !important; }
@media (max-width: 700px) {
	.sk-liebl { grid-template-columns: 1fr; }
	.sk-liebl-bild img { height: 640px; object-position: 60% 30%; }
	.sk-liebl-bild::after { background: linear-gradient(180deg, #F3E8D600 75%, #F3E8D6 100%); }
	.sk-liebl-txt { padding: 10px 22px 70px; }
	.sk-liebl h2 { font-size: 42px; }
	.sk-liebl .sk-lead { font-size: 15px; margin-bottom: 30px !important; }
	.sk-lieb-reihe { gap: 12px; }
	.sk-lieb-bild img { height: 160px; }
	.sk-lieb-produkt h3 { font-size: 17px !important; margin-top: 10px !important; }
	.sk-lieb-notiz { font-size: 11px; }
	.sk-lieb-preis { font-size: 12px; }
	.sk-liebl .sk-sig { font-size: 32px !important; margin-top: 28px !important; }
}

/* Varianten-Auswahl im Theme-Look (ersetzt das System-Auswahlfeld; das echte Feld bleibt unsichtbar darunter) */
.sk-kaufbox select.sk-dd-select,
.sk-kaufbox table.variations select.sk-dd-select {
	position: absolute !important; width: 1px !important; max-width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; left: 0;
	opacity: 0 !important; pointer-events: none; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important;
}
.sk-kaufbox table.variations td.value { position: relative; }
.sk-dd { position: relative; width: 100%; margin: 8px 0 12px; }
.sk-dd-btn {
	width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 15px 18px; background: var(--sk-field); border: 1px solid var(--sk-line); border-radius: 0;
	font-family: var(--sk-sans); font-size: 14px; font-weight: 400; color: var(--sk-mute); text-align: left; cursor: pointer;
	transition: border-color .2s;
}
.sk-dd.has-value .sk-dd-btn { color: var(--sk-ink); }
.sk-dd-btn:hover, .sk-dd.is-open .sk-dd-btn { border-color: var(--sk-brown); }
.sk-dd-btn:focus-visible, .sk-dd-liste:focus-visible { outline: 2px solid var(--sk-gold); outline-offset: 2px; }
.sk-dd-pfeil { width: 9px; height: 9px; border-right: 1.5px solid var(--sk-brown); border-bottom: 1.5px solid var(--sk-brown); transform: rotate(45deg) translateY(-3px); transition: transform .2s; flex: none; }
.sk-dd.is-open .sk-dd-pfeil { transform: rotate(-135deg) translateY(-3px); }
.sk-dd-liste {
	position: absolute; left: 0; right: 0; top: calc(100% - 1px); z-index: 20; list-style: none; margin: 0; padding: 6px 0;
	background: var(--sk-field); border: 1px solid var(--sk-brown); box-shadow: 0 14px 30px #3a26161f; max-height: 280px; overflow-y: auto;
}
.sk-dd-liste[hidden] { display: none; }
.sk-dd-option { padding: 12px 18px; font-family: var(--sk-sans); font-size: 14px; color: var(--sk-ink); cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.sk-dd-option:hover, .sk-dd-option.is-active { background: var(--sk-soft); }
.sk-dd-option[aria-selected="true"] { font-weight: 500; color: var(--sk-brown); }
.sk-dd-option[aria-selected="true"]::after { content: "✓"; color: var(--sk-gold); font-size: 13px; }
.sk-dd-option.is-disabled { color: #b5a796; cursor: not-allowed; text-decoration: line-through; }
.sk-kaufbox .reset_variations {
	display: inline-block; margin-top: 2px; font-size: 10.5px !important; letter-spacing: .22em; text-transform: uppercase;
	color: var(--sk-mute) !important; border-bottom: 1px solid var(--sk-line); padding-bottom: 3px; text-decoration: none !important;
}
.sk-kaufbox .reset_variations:hover { color: var(--sk-brown) !important; border-color: var(--sk-brown); }
/* Nur ein Preis: der Variantenpreis erscheint oben unter dem Namen, nicht doppelt beim Warenkorb-Knopf */
.sk-kaufbox .woocommerce-variation-price { display: none !important; }

/* Sprachumschalter: DE · EN · FR · IT · SL */
.sk-sprachen { display: flex; align-items: center; gap: 7px; font-family: var(--sk-sans); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--sk-mute); white-space: nowrap; }
.sk-sprachen p { margin: 0; }
.sk-sprachen .sk-sprache { color: var(--sk-mute); text-decoration: none; padding: 4px 0; }
.sk-sprachen a.sk-sprache:hover { color: var(--sk-gold); }
.sk-sprachen .sk-sprache.is-aktiv { color: var(--sk-brown); font-weight: 500; border-bottom: 1px solid var(--sk-gold); }
.sk-sprachen-punkt { color: var(--sk-line); }
.sk-nav-r-wrap > p:has(.sk-sprachen), .sk-nav-r-wrap .wp-block-shortcode { margin: 0; display: flex; }
.sk-sprachen-menue { align-self: stretch; width: 100%; margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--sk-line); font-size: 13px; gap: 12px; }
@media (max-width: 1100px) {
	.sk-sprachen-kopf { display: none; }
}
/* Das Theme hat einen eigenen Sprachumschalter → schwebendes TranslatePress-Feld ausblenden */
.trp-floating-switcher { display: none !important; }
/* Navigation bleibt einzeilig, auch mit längeren englischen Begriffen */
.sk-header .wp-block-navigation__container { flex-wrap: nowrap !important; white-space: nowrap; }
@media (max-width: 1320px) {
	.sk-header .wp-block-navigation, .sk-header .wp-block-navigation .wp-block-navigation__container, .sk-nav-r-wrap { gap: 22px !important; }
	.sk-header .wp-block-navigation { letter-spacing: .18em; }
}

/* Steuer- und Versandhinweis unter jedem Preis */
.sk-steuerhinweis { font-size: 11.5px !important; letter-spacing: .02em; color: var(--sk-mute); margin: 4px 0 0 !important; line-height: 1.5; }
.sk-steuerhinweis a { color: var(--sk-mute); text-decoration: underline; text-underline-offset: 2px; }
.sk-kaufbox .sk-steuerhinweis { font-size: 12.5px !important; margin-top: 6px !important; }
.wc-block-product-template .sk-steuerhinweis { margin-top: 2px !important; }
.sk-vertrauen .sk-versand-zeile, .sk-vertrauen .wp-block-shortcode { margin: 0; padding: 6px 0 6px 24px; position: relative; }
.sk-vertrauen .sk-versand-zeile::before { content: "✦"; position: absolute; left: 0; color: var(--sk-gold); font-size: 11px; }
.sk-vertrauen p.sk-versand-zeile { padding-left: 24px; }

/* Klickflächen: mindestens 24 px, am Handy 44 px */
.sk-footer a { display: inline-block; min-height: 24px; line-height: 24px; }
.sk-kategorien a { min-height: 40px; display: inline-flex; align-items: center; }
.sk-textlink a, a.sk-textlink { display: inline-block; min-height: 24px; }
@media (max-width: 700px) {
	.sk-footer-cols .wp-block-column p a { display: block; min-height: 44px; line-height: 44px; }
	.sk-footer-cols .wp-block-column p { line-height: 1.2; }
	.sk-footer-cols .wp-block-column p br { display: none; }
	.sk-kategorien a { min-height: 44px; padding: 0 18px; }
	.sk-sprachen-menue .sk-sprache { min-height: 44px; display: inline-flex; align-items: center; padding: 0 6px; }
}

/* Produktgalerie sofort sichtbar (nicht erst nach dem Laden des großen Bildes) */
.woocommerce-product-gallery { opacity: 1 !important; }

/* Germanized-Hinweise (Grundpreis, Steuer, Versand, Lieferzeit) im Theme-Stil */
.sk-gzd, .wp-block-woocommerce-gzd-product-price-label { font-size: 12.5px !important; line-height: 1.5; color: var(--sk-mute); margin: 2px 0 0 !important; }
.sk-gzd p, .sk-gzd div { margin: 0 !important; }
.sk-gzd a { color: var(--sk-mute); text-decoration: underline; text-underline-offset: 2px; }
.sk-kaufbox .wp-block-woocommerce-gzd-product-unit-price { margin-top: 6px !important; }
.sk-kaufbox .wp-block-woocommerce-gzd-product-delivery-time { margin-bottom: 4px !important; }
.wc-block-product-template .sk-gzd { font-size: 11.5px !important; }
.wp-block-woocommerce-gzd-product-is-empty { display: none; }
/* Herstellerangabe (GPSR) */
.sk-hersteller { margin-top: 18px !important; font-size: 12.5px; line-height: 1.6; color: var(--sk-text); }
.sk-hersteller p { margin: 0 0 4px !important; }
.sk-hersteller-titel { font-size: 10.5px !important; letter-spacing: .24em; text-transform: uppercase; font-weight: 500; color: var(--sk-brown); }
.sk-hinweis-klein { font-size: 13px; color: var(--sk-mute); margin-top: 24px !important; }
/* Germanized-Hinweise im Footer (Kleinunternehmer) */
.wc-gzd-small-business-info, .footer-wc-gzd { font-size: 12px; color: var(--sk-mute); text-align: center; padding: 14px 22px; background: var(--sk-brown); color: #a8998a; margin: 0; }
.sk-entwurf-banner mark { display: inline-block; padding: 8px 12px; font-weight: 500; }
/* Germanized am Seitenende: Kleinunternehmer-Hinweis + EU-Hinweis „Gesetzliche Gewährleistung“ */
p.footer-info.vat-info { margin: 0; padding: 16px 22px 6px; background: var(--sk-brown); color: #a8998a; font-size: 12px; text-align: center; }
.wc-gzd-legal-guarantee-footer { background: var(--sk-brown); padding: 8px 22px 26px; text-align: center; }
.wc-gzd-legal-guarantee-footer .wc-gzd-legal-guarantee-image-preview { width: 120px !important; max-width: 120px !important; height: auto !important; display: inline-block; border-radius: 2px; opacity: .92; }
.wc-gzd-popover-image { max-width: min(560px, 90vw); height: auto; }

/* Preisanzeige nach sunday.at
   Kachel: „22,90 € | 150 g“, darunter sehr klein „15,27 € / 100 g“ */
.sk-kachelpreis {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: .45em;
	font-family: var(--sk-sans);
	font-size: 14px;
	letter-spacing: .06em;
	color: var(--sk-ink);
	margin: auto 0 0 !important; /* Preis unten in der Kachel, je Reihe auf gleicher Höhe */
	padding-top: 6px;
}
.sk-kachelpreis-packung { font-size: 12px; font-weight: 300; letter-spacing: .02em; color: var(--sk-mute); white-space: nowrap; }
.sk-strich { color: var(--sk-line); margin-right: .2em; }
.sk-grundpreis {
	font-family: var(--sk-sans);
	font-weight: 300;
	font-size: 11px;            /* Kachelpreis 14 px → 79 % (PrAG: Grundpreis mind. 50 % der Preis-Schriftgröße) */
	line-height: 1.4;
	letter-spacing: .01em;
	color: var(--sk-mute);
	margin: 2px 0 0 !important;
}
.sk-lieb-preis .sk-kachelpreis { margin-top: 0 !important; }

/* Produktseite: Packungs-Kästchen */
.sk-kaufbox table.variations,
.sk-kaufbox table.variations tbody,
.sk-kaufbox table.variations tr,
.sk-kaufbox table.variations th,
.sk-kaufbox table.variations td { display: block; width: 100%; padding: 0; border: 0; }
.sk-kaufbox .reset_variations { display: none !important; } /* es ist immer eine Packung gewählt */
.sk-packungen {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 8px 0 18px;
}
.sk-packung {
	flex: 0 1 140px;
	min-width: 104px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 10px 8px 12px;
	background: transparent;
	border: 1px solid var(--sk-line);
	cursor: pointer;
	font-family: var(--sk-sans);
	color: var(--sk-ink);
	transition: border-color .15s, box-shadow .15s;
}
.sk-packung:hover { border-color: var(--sk-mute); }
.sk-packung.is-gewaehlt { border-color: var(--sk-gold); box-shadow: inset 0 0 0 1px var(--sk-gold); }
.sk-packung:focus-visible { outline: 2px solid var(--sk-gold); outline-offset: 2px; }
.sk-packung.is-disabled { opacity: .45; cursor: not-allowed; }
.sk-packung-bild { width: 56px; height: 56px; object-fit: cover; margin-bottom: 4px; }
.sk-packung-preis { font-size: 14px; letter-spacing: .04em; }
.sk-packung-name { font-size: 12px; font-weight: 300; color: var(--sk-mute); }
.sk-kaufbox .single_add_to_cart_button .sk-knopf-preis { white-space: nowrap; }

/* eine winzige Zeile unter dem Knopf */
.sk-infozeile {
	font-family: var(--sk-sans);
	font-weight: 300;
	font-size: 11.5px;
	line-height: 1.6;
	color: var(--sk-mute);
	margin: 10px 0 0 !important;
}
.sk-infozeile a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.sk-ann a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.sk-preishinweis { font-size: 11px; opacity: .85; margin: 4px 0 0 !important; }
.sk-preishinweis a { color: inherit; text-decoration: underline; }
.sk-groessen { white-space: nowrap; }
@media (max-width: 700px) {
	.sk-kachelpreis-packung { font-size: 11.5px; }
	.sk-packung { flex: 1 1 0; min-width: 92px; padding: 8px 4px 10px; }
	.sk-packung-bild { width: 48px; height: 48px; }
}
.sk-nowrap { white-space: nowrap; }