/* grohman_theme_combined_src_mtime:1778261530 */
/**
 * Grohman Theme Boty — vlastní CSS (agreguje partials/*.css; číslo = pořadí načtení).
 *
 * Důležité (@import a „blikání“):
 * Prohlížeč nejdřív aplikuje pravidla z tohoto odkazu, dílčí soubory přes @import načte často v dalších
 * requestech — může to působit jako krátká změna vzhledu po načtení (FOUC), nikoli náhodné „přeházení“
 * selektorů. Verze `?ver=` se při `grohman_theme_aggregate_theme_css_version()` počítá z mtime partialů;
 * agresivní CDN může stale cachovat dílčí URL — pak obnovit cache / vynutit purge.
 *
 * 01 tokeny, body   02 rámečky úvod   03 typografie, megamenu látka, karty
 * 04 lišta obchodu, promo kód   05 mřížka shop/stránky   06 mini košík, Woo tlačítka
 * 07 košík/pokladna layout   08 primární menu   09 megamenu obchod
 * 11 jednotlivý produkt (galerie, štítky)   12 patička (návrh index)
 * 13 sidebar Woo (filtry) — načítá se zvlášť po wc-blocks-style (viz inc/grohman_theme-assets.php)
 * 14 WooCommerce hlášky (přidáno do košíku, chyby)
 * 15 Theme foundation (RoyalStep vrstva) — :root --rs-* tokeny, .rs-* komponenty,
 *    WC/WP block overrides, footer/404 finishing. Načítá se před vrstvami 16–29 (další partialy doplňují).
 * 16 typografie napojená na převzaté fonty (Jost pro body, Playfair Display pro nadpisy).
 * 17 RoyalStep vzhled pro tento motiv — tmavá hlavička / top bar (markup #masthead, ne Blocksy).
 * 18 Úvod — showcase kategorií (3 karty pod „Nově skladem“).
 * 19 Úvod — řemeslo & značka (50/50, ořez fotky).
 * 20 Vrstvení obsahu vs. patička (globálně u #page).
 * 21 Úvod — hero spodní řád (trust badges).
 * 22 #masthead submenu + megamenu — tmavý panel, zlatý rámeček (RoyalStep referenční).
 * 23 Responsivní dorovnání (drawer submenu, tablet showcase/trust, mini-cart/touch).
 * 24 Hero povrchy stránek (shop + archive nadpisy).
 * 25 Košík / pokladna — Jost + Playfair (načítá se po 24).
 * 26 Kontakt / showroom — mřížka a VIP (ne závislé na Tailwind JIT).
 * 27 WooCommerce účet — přihlášení, registrace, přihlášený dashboard.
 * 28 WooCommerce nativní selecty — finální barvy po vrstvě 15.
 * 29 Dekorativní zoubky — spodní hrana hero, horní hrana patičky.
 * 30 Stránka „Objednávka přijata" (thankyou / order-received) — typografie + brand akcenty.
 *
 * Tailwind utility build: pre-buildovaný v assets/build/tailwind.css (motiv neobsahuje zdrojový soubor).
 */

/* 01-tokens-base.css */
/**
 * Sladění s vizuálním jazykem RoyalStep:
 * - Sans: Jost. Heading: Playfair Display.
 * - Šedá škála a bílá: jen --color-gray-* / --color-white (hex); partials na ně odkazují přímo.
 */
:root {
	--font-sans:
		"Jost",
		ui-sans-serif,
		system-ui,
		sans-serif,
		"Apple Color Emoji",
		"Segoe UI Emoji",
		"Segoe UI Symbol",
		"Noto Color Emoji";

	--font-heading:
		"Playfair Display",
		Georgia,
		serif;

	/* Škála gray jako u Tailwind CDN (hex), ne oklch z TW v4 */
	--color-gray-50: #f9fafb;
	--color-gray-100: #f3f4f6;
	--color-gray-200: #e5e7eb;
	--color-gray-300: #d1d5db;
	--color-gray-400: #9ca3af;
	--color-gray-500: #6b7280;
	--color-gray-600: #4b5563;
	--color-gray-700: #374151;
	--color-gray-800: #1f2937;
	--color-gray-900: #111827;
	--color-white: #ffffff;

	/* Značkové barvy (mimo šedou škálu výše) */
	--sk-color-surface: #f8f7f5;
	--sk-premium-texture-bg-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");
	--sk-color-brand-light: #fcf5e8;
	--sk-color-brand: #d4af37;
	--sk-color-brand-dark: #b38f55;
	/*
	 * Lišta obchodu — ikona kopírování (Phosphor) na zlatém pozadí.
	 * Vychází z --sk-color-brand-dark (#b38f55), mírně sraženo k černé a zesvětleno oproti půlnapůl mixu.
	 * (color-mix v prohlížeči odpovídá cca tomuto hexu při výchozím brand-dark)
	 */
	--sk-color-brand-dark-deep: #584218;
	/* Lišta obchodu: řádkové řezání hlavního textu (ne ROYAL15, ne bubliny). */
	--grohman-store-notice-body-tracking: 0.025em;
	/* Bubliny nápovědy / zkopírováno — kapitálky, široký proklad. */
	--grohman-store-notice-hint-tracking: 0.26em;
	/* Jemný „světlý“ akcent u okrajů */
	--sk-color-brand-soft: #e8d48a;
	/* Legacy tokeny přemapovány na burgundy paletu (bez zelené). */
	--sk-color-burgundy-light: #efe1e6;
	--sk-color-burgundy: #6b1e2e;
	--sk-color-burgundy-dark: #4f1422;
	/* Slider rail/knob v obchodu: světlá vínová + tmavá vínová. */
	--sk-color-burgundy-ui-rail: #d7bcc5;
	--sk-color-burgundy-ui-thumb-max: #6b1e2e;
	/* Jemné pozadí "pale" bez zeleného tintu. */
	--sk-color-burgundy-pale: #f6eef1;
	/* Zlatý proužek u „látky“ — megamenu / submenu / mini košík (stejná geometrie) */
	--sk-fabric-accent-w: 48px;
	--sk-fabric-accent-h: 5px;
	--sk-fabric-accent-radius: 0 0 4px 4px;
	--sk-color-accent: var(--sk-color-burgundy);
	--sk-color-accent-light: var(--sk-color-burgundy-light);

	/* Kategorie nad názvem v kartě produktu */
	--sk-product-card-category-color: var(--color-gray-400);

	/* Mřížka shopu / úvod: výraznější oblouk u fotky; stejná hodnota v kritickém CSS (footer) */
	--grohman-loop-media-radius: 0.875rem;

	/* Proměnné pro komponenty z Tailwind buildu (mega menu apod.) */
	--sk-font-heading: var(--font-heading);
	--sk-font-sans: var(--font-sans);

	/* Ikona koše (data URI — nezávislé na <svg> v HTML; šedá / terrakota hover přes filter v CSS) */
	--grohman_theme-cart-trash-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4zM9 9h2v8H9V9zm4 0h2v8h-2V9z'/%3E%3C/svg%3E");
	--grohman_theme-cart-trash-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111827' d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4zM9 9h2v8H9V9zm4 0h2v8h-2V9z'/%3E%3C/svg%3E");
	--grohman_theme-cart-trash-icon-bg-brand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d4af37' d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4zM9 9h2v8H9V9zm4 0h2v8h-2V9z'/%3E%3C/svg%3E");
}

html {
	scroll-behavior: smooth;
}

/*
 * #page je flex min-h-screen; flex-1 potomek bez min-height:0 umí v některých layoutech
 * vytvořit druhý svislý scroll (obchod). overflow-x:clip na html se navíc nehodí — nutí computed overflow-y:auto na root.
 */
#site-content-contain.site-content-contain {
	min-height: 0;
}

body {
	font-family: var(--font-sans);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: var(--color-gray-800);
	/* Mikro-overflow z flexu / 100vw v komponentách — na html raději ne (viz komentář výše). */
	overflow-x: hidden;
	/* Prémiový podklad (slonovinová kost + velmi jemná textura papíru/plátna). */
	background-color: var(--sk-color-surface);
	background-image: var(--sk-premium-texture-bg-image);
}

.premium-texture-bg {
	background-color: var(--sk-color-surface);
	background-image: var(--sk-premium-texture-bg-image);
}

/*
 * Tailwind build může mít `.font-sans` zkompilovaný ze starší konfigurace.
 * Kombinované theme CSS se načítá po Tailwindu, takže utilitu sjednotíme přes token.
 */
html body .font-sans {
	font-family: var(--font-sans) !important;
}

/* Doplnění: šablona jinde .screen-reader-text používá, základní „schránka“ tu dříve chyběla. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}


/* 02-surfaces-borders-home.css */
/*
 * Úvodní stránka: okraje z tokenů (TW build často nemá border-brand/5 … → černý okraj).
 */

/* Hero obrázky: úhel v plain CSS (Tailwind z PHP často neproskenuje rotate-[4deg] / rotate-[-10deg]). */
.grohman_theme-front-hero-v2__main-frame {
	transform: rotate(4deg);
	transition: transform 0.7s ease;
}

.grohman_theme-front-hero-v2__main-frame:hover {
	transform: rotate(0deg);
}

.grohman_theme-front-hero-v2__polaroid {
	left: -6.25rem;
	transform: rotate(-10deg);
	transition: transform 0.5s ease;
}

.grohman_theme-front-hero-v2__polaroid:hover {
	transform: rotate(-6deg) scale(1.05);
}

/* Úvodní hero — klenba u hlavní fotky */
.grohman_theme-front-hero-v2__arch {
	border-radius: 50rem 50rem 2rem 2rem;
}

.grohman_theme-hero-explore-btn {
	background-color: var(--sk-color-brand);
	color: #111827;
}

.grohman_theme-hero-explore-btn:hover,
.grohman_theme-hero-explore-btn:focus {
	background-color: var(--color-gray-900) !important;
	color: #fff !important;
}

/*
 * Hero — RoyalStep / prémiový tmavý blok (template-parts/front/hero.php --royal).
 */
.grohman_theme-front-hero-v2--royal .grohman_theme-front-hero-v2__main-frame,
.grohman_theme-front-hero-v2--royal .grohman_theme-front-hero-v2__main-frame:hover {
	transform: none;
	border: none;
	background: transparent;
	/* U #grohman_theme-customize-hero přepíšeme na none; jinak plochý „kontejner“ oproti gradientu */
	box-shadow: none;
}

.grohman_theme-front-hero-v2--royal .grohman_theme-hero-explore-btn {
	background-color: var(--sk-color-brand) !important;
	color: #ffffff !important;
	border-radius: 0.625rem;
	box-shadow: 0 14px 42px -12px rgba(212, 175, 55, 0.5);
}

.grohman_theme-front-hero-v2--royal .grohman_theme-hero-explore-btn:hover,
.grohman_theme-front-hero-v2--royal .grohman_theme-hero-explore-btn:focus {
	background-color: var(--sk-color-brand-dark) !important;
	color: #ffffff !important;
}

@media (max-width: 1023px) {
	.grohman_theme-front-hero-v2__polaroid--royal {
		position: relative !important;
		left: auto !important;
		bottom: auto !important;
		margin-top: 2rem;
		margin-left: auto;
		margin-right: auto;
		transform: rotate(-5deg);
		max-width: min(280px, 72vw);
	}

	.grohman_theme-front-hero-v2__polaroid--royal:hover {
		transform: rotate(-3deg) scale(1.03);
	}
}

@media (min-width: 1024px) {
	.grohman_theme-front-hero-v2__polaroid--royal {
		left: -5rem !important;
		bottom: -2.25rem !important;
	}
}

/*
 * Hero — produktový snímek: pevné rozměry v CSS.
 * Vzor RoyalStep: mírný náklon -3deg → na hover 0deg + lehký scale (stejný uzel jako <img>).
 * Bez stínu (box-shadow) — jinak „krabice“ oproti gradientu.
 */
#grohman_theme-customize-hero > .relative.z-10 {
	padding-left: clamp(1.15rem, 3.2vw, 3rem);
	padding-right: clamp(1rem, 1.6vw, 2rem);
}

@media (min-width: 1024px) {
	#grohman_theme-customize-hero > .relative.z-10 {
		padding-left: clamp(2.2rem, 4.8vw, 5.2rem);
	}
}

#grohman_theme-customize-hero .grohman_theme-front-hero-v2__main-frame,
#grohman_theme-customize-hero .grohman_theme-hero-main-frame {
	transform: rotate(-3deg) !important;
	transform-origin: center center;
	transition: transform 0.7s ease !important;
	box-shadow: none !important;
	filter: none !important;
	background: transparent !important;
}

#grohman_theme-customize-hero .grohman_theme-front-hero-v2__main-frame:hover,
#grohman_theme-customize-hero .grohman_theme-hero-main-frame:hover,
#grohman_theme-customize-hero .grohman_theme-hero-main-frame:focus-within {
	transform: rotate(0deg) scale(1.05) !important;
}

#grohman_theme-customize-hero .grohman_theme-hero-main-frame {
	height: auto;
	min-height: 18rem;
	/* max-height neomezen — jinak se ořezává větší bota po zvětšení sloupce */
}

#grohman_theme-customize-hero .grohman_theme-hero-main-frame__inner {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	min-height: 16rem;
	background: transparent !important;
	background-color: transparent !important;
}

#grohman_theme-customize-hero .grohman_theme-hero-main-frame__link {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	min-height: 14rem;
}

#grohman_theme-customize-hero .grohman_theme-hero-main-frame__img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: min(78vh, 44rem);
	object-fit: contain;
	object-position: bottom center;
	opacity: 1;
	mix-blend-mode: normal;
}

/* Hero media: držet botu blíž levému textu i když utility třídy přebije jiná specifita. */
@media (min-width: 768px) {
	#grohman_theme-customize-hero .grohman_theme-hero-col-media > .relative {
		margin-left: -3.2rem !important;
	}
}

/* Tablet: v dvousloupcovém layoutu od md držet botu kompaktní, ale ne miniaturní. */
@media (min-width: 768px) and (max-width: 1023px) {
	#grohman_theme-customize-hero .grohman_theme-hero-col-media > .relative {
		max-width: min(33rem, 52vw) !important;
	}

	#grohman_theme-customize-hero .grohman_theme-hero-main-frame__img {
		max-height: min(60vh, 32rem);
	}
}

/* Menší desktop: může být o něco výraznější než na tabletu. */
@media (min-width: 1024px) and (max-width: 1279px) {
	#grohman_theme-customize-hero .grohman_theme-hero-col-media > .relative {
		max-width: min(38rem, 54vw) !important;
		margin-left: -4.9rem !important;
	}

	#grohman_theme-customize-hero .grohman_theme-hero-main-frame__img {
		max-height: min(72vh, 40rem);
	}
}

@media (min-width: 1280px) {
	#grohman_theme-customize-hero .grohman_theme-hero-col-media > .relative {
		margin-left: -5.65rem !important;
	}
}

/* Úvod — kategorie: spodní překryv (jako původní from-brand-heavy/80 via-gray-900/30). */
.grohman_theme-cat-card__gradient {
	position: absolute;
	inset: 0;
	z-index: 10;
	pointer-events: none;
	background: linear-gradient(
		to top,
		rgba(107, 60, 49, 0.8) 0%,
		rgba(17, 24, 39, 0.3) 50%,
		transparent 100%
	);
}

.grohman_theme-cat-card {
	border: 1px solid rgba(212, 175, 55, 0.18);
}

.grohman_theme-cat-card__footer {
	border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.grohman_theme-home-products__head {
	border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

/* Kategorie v kartě produktu — barva z tokenu; velikost/typografie z utility v šabloně (původně text-xs). */
.grohman_theme-product-card-category {
	color: var(--sk-product-card-category-color);
}

/* Rámeček karty = utility v šabloně (border-brand/10). Tlačítko v pill tvaru bez okraje. */
.grohman_theme-home-product-card .add_to_cart_button {
	border: none;
}

/*
 * Úvodní řada produktů (navrh/index_finish): velké zaoblení 2rem + jeden „ostrý“ roh md (0.375rem),
 * střídá se pořadím karty (corner 1–4).
 */
.grohman_theme-home-product-card--corner-1 {
	border-radius: 0.375rem 2rem 2rem 2rem;
}
.grohman_theme-home-product-card--corner-2 {
	border-radius: 2rem 0.375rem 2rem 2rem;
}
.grohman_theme-home-product-card--corner-3 {
	border-radius: 2rem 2rem 0.375rem 2rem;
}
.grohman_theme-home-product-card--corner-4 {
	border-radius: 2rem 2rem 2rem 0.375rem;
}

.grohman_theme-home-product-card--corner-1 .grohman_theme-home-product-card__stitch {
	border-radius: 0.25rem 1.5rem 1.5rem 1.5rem;
}
.grohman_theme-home-product-card--corner-2 .grohman_theme-home-product-card__stitch {
	border-radius: 1.5rem 0.25rem 1.5rem 1.5rem;
}
.grohman_theme-home-product-card--corner-3 .grohman_theme-home-product-card__stitch {
	border-radius: 1.5rem 1.5rem 0.25rem 1.5rem;
}
.grohman_theme-home-product-card--corner-4 .grohman_theme-home-product-card__stitch {
	border-radius: 1.5rem 1.5rem 1.5rem 0.25rem;
}

/*
 * WooCommerce: výchozí .woocommerce a.button (barva/pozadí) přebíjí utility z Tailwindu na gridu.
 * Inline „barva motivu“ už výjimka pro .grohman_theme-loop-cart-btn; sem doplníme stabilní vzhled CTA.
 */
.woocommerce ul.products li.product a.grohman_theme-loop-cart-btn.button.add_to_cart_button {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.625rem !important;
	border-radius: 9999px !important;
	padding: 0.875rem 2rem !important;
	background-color: #fff !important;
	color: #111827 !important;
	border-color: transparent !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
	text-transform: uppercase !important;
	letter-spacing: 0.15em !important;
	font-weight: 700 !important;
	font-size: 0.75rem !important;
	line-height: 1 !important;
}

.woocommerce ul.products li.product a.grohman_theme-loop-cart-btn.button.add_to_cart_button:hover,
.woocommerce ul.products li.product a.grohman_theme-loop-cart-btn.button.add_to_cart_button:focus {
	background-color: var(--sk-color-burgundy) !important;
	color: #fff !important;
	border-color: transparent !important;
}


/* 03-typography-megamenu-fabric-cards.css */

/* Horní lišta + hlavička: border-brand/10 z TW buildu často chybí → černý řez */
.grohman_theme-top-bar {
	border-bottom: 1px solid rgba(227, 114, 84, 0.12);
}

#masthead.site-header {
	border-bottom: 1px solid rgba(227, 114, 84, 0.06);
}

/*
 * Sticky hlavička: `.sticky.top-0` z Tailwindu (ID + 3× třída) přebíjelo jednoduchý selektor s admin-bar.
 * U přihlášených: sticky inset = jen výška #wpadminbar (jako WooCommerce .admin-bar p.demo_store { top: 32px }).
 * Safe-area pro výřez/notch řeší padding-top na #masthead v partialu 23 — nepřičítat env(safe-area) sem,
 * jinak se blok hlavičky posune příliš dolů a nad ní zůstane prázdný pruh (nad Woo store notice i na mobilu).
 */
html body.admin-bar #masthead.site-header.sticky.top-0 {
	top: var(--wp-admin--admin-bar--height, 32px) !important;
}

/*
 * Mobil (≤782px): při přihlášení drží WP padding na body rezervu pro #wpadminbar a zároveň sticky top = výška lišty
 * → dvojité odsazení a světlý pruh nad hlavičkou ve sticky stavu. Sticky přichytíme k hornímu okraji viewportu (top: 0);
 * samotná lišta je výše z-indexem než #masthead (100).
 */
@media screen and (max-width: 782px) {
	html body.admin-bar #masthead.site-header.sticky.top-0 {
		top: 0 !important;
	}
}

html body:not(.admin-bar) #masthead.site-header.sticky.top-0 {
	top: 0 !important;
}

/*
 * Výchozí nadpisy = Cormorant. Musí být v @layer base: nestrukturované pravidlo by jinak
 * přebíjelo Tailwind utility (.font-sans na h3 apod.) — vrstva utilities má přednost nad base.
 */
@layer base {
	.font-heading,
	h1,
	h2,
	h3:not(.grohman_theme-loop-product-title) {
		font-family: var(--sk-font-heading);
	}
}

/*
 * Globální h2 = serif může kolidovat s legacy style.css (Roboto apod.).
 * Megamenu: kategorie a odkazy = výslovně sans podle návrhu; nadpis sekce zůstane serif.
 */
.mega-menu-fabric .grohman_theme-mega-shop__categories,
.mega-menu-fabric .grohman_theme-mega-shop__parent,
.mega-menu-fabric .grohman_theme-mega-shop__subcat,
.mega-menu-fabric .grohman_theme-mega-shop__all,
.mega-menu-fabric .grohman_theme-mega-shop__promo-cta,
.mega-menu-fabric .grohman_theme-mega-shop__promo-text,
.mega-menu-fabric .grohman_theme-mega-shop__promo-badge {
	font-family: var(--sk-font-sans);
}

.mega-menu-fabric .grohman_theme-mega-shop__title,
.mega-menu-fabric .grohman_theme-mega-shop__promo-title {
	font-family: var(--sk-font-heading);
}

.font-handwriting {
	font-family: "Caveat", cursive;
}

/* Jako v navrh/index.html (inline styly u návrhu) */
.organic-shape {
	border-radius: 1.5rem 0.5rem 1.5rem 0.5rem;
}
.organic-shape-alt {
	border-radius: 0.5rem 1.5rem 0.5rem 1.5rem;
}

/* Textilní podklad u „Grohman“ (návrh: .fabric-patch) */
.fabric-patch,
.grohman_theme-fabric-patch {
	position: relative;
	z-index: 1;
	display: inline-block;
}
.fabric-patch::before,
.grohman_theme-fabric-patch::before {
	content: "";
	position: absolute;
	inset: 2px -6px 0 -4px;
	z-index: -1;
	background-image: repeating-linear-gradient(
		-45deg,
		rgba(227, 114, 84, 0.06),
		rgba(227, 114, 84, 0.06) 2px,
		transparent 2px,
		transparent 5px
	);
	background-color: rgba(253, 242, 240, 0.9);
	border: 1px dashed rgba(227, 114, 84, 0.3);
	transform: rotate(-2deg);
	border-radius: 3px;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.group:hover .fabric-patch::before,
.group:hover .grohman_theme-fabric-patch::before {
	transform: rotate(1deg) scale(1.02);
	border-color: rgba(227, 114, 84, 0.5);
	background-color: rgba(253, 242, 240, 1);
}

/* Megamenu panel (látka + zlatý proužek) */
.mega-menu-fabric {
	position: relative;
	background-color: #ffffff;
	background-image: repeating-linear-gradient(
		-45deg,
		rgba(212, 106, 84, 0.03),
		rgba(212, 106, 84, 0.03) 2px,
		transparent 2px,
		transparent 8px
	);
	border: 1px solid rgba(229, 169, 59, 0.3);
	box-shadow:
		0 35px 60px -15px rgba(166, 75, 56, 0.15),
		0 0 20px rgba(229, 169, 59, 0.08);
	border-radius: 1.5rem 0.5rem 1.5rem 0.5rem;
}
.mega-menu-fabric::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 3rem;
	width: var(--sk-fabric-accent-w);
	height: var(--sk-fabric-accent-h);
	background-color: var(--sk-color-brand);
	border-radius: var(--sk-fabric-accent-radius);
	z-index: 20;
}
.mega-menu-fabric::after {
	content: "";
	position: absolute;
	inset: 8px;
	border: 1px dashed rgba(229, 169, 59, 0.4);
	border-radius: 1.2rem 0.3rem 1.2rem 0.3rem;
	pointer-events: none;
	z-index: 0;
}

.subcat-link {
	transition: all 0.2s ease;
}
.subcat-link:hover {
	color: #e37254;
	transform: translateX(4px);
}
.subcat-link::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #e37254;
	border-radius: 50%;
	opacity: 0.3;
	transition: all 0.2s ease;
	margin-right: 8px;
}
.subcat-link:hover::before {
	opacity: 1;
	transform: scale(1.5);
}

.hover-card {
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hover-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 30px -10px rgba(212, 106, 84, 0.15);
}

.grohman_theme-loop-product-shell {
	position: relative;
	border-radius: var(--grohman-loop-media-radius) !important;
	overflow: hidden;
	transform: translateZ(0);
	box-shadow:
		0 14px 44px -14px rgba(15, 23, 42, 0.16),
		0 6px 22px -8px rgba(15, 23, 42, 0.1);
	transition:
		transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		box-shadow 0.22s ease,
		border-color 0.22s ease;
}

.grohman_theme-loop-product-shell:hover {
	transform: translateY(-6px) translateZ(0);
	box-shadow:
		0 22px 52px -16px rgba(15, 23, 42, 0.2),
		0 10px 28px -10px rgba(15, 23, 42, 0.12),
		0 4px 14px -6px rgba(107, 30, 46, 0.08);
	border-color: var(--sk-color-burgundy);
}

.grohman_theme-loop-product-shell:hover .grohman_theme-loop-product-title__link,
.grohman_theme-loop-product-shell:focus-within .grohman_theme-loop-product-title__link {
	color: var(--rs-gold) !important;
}

.grohman_theme-loop-product-stretched-link {
	position: absolute;
	inset: 0;
	z-index: 20;
	display: block;
	border-radius: inherit;
	text-decoration: none;
	cursor: pointer;
}

.grohman_theme-loop-product-stretched-link:focus-visible {
	outline: 2px solid rgba(179, 143, 85, 0.55);
	outline-offset: -4px;
}

/*
 * Produktové médium v mřížce: poměr 1:1 (čtverec), celá fotka v rámečku (object-fit: contain — bez bočního ořezu jako u cover).
 * Rámeček obrázku bez zaoblení (karta ho řeší vnějším tvarem).
 */
.grohman_theme-loop-product-media-link {
	position: relative !important;
	display: block;
	width: 100%;
	aspect-ratio: auto;
	overflow: visible !important;
	clip-path: none;
	isolation: isolate;
	background-color: transparent;
}

.grohman_theme-loop-product-media-link::after {
	content: none;
}

.grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed {
	position: relative !important;
	inset: auto !important;
	z-index: 0;
	display: block !important;
	overflow: visible !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/*
 * Woo: contain = celý produkt v rámečku (u cover se široké boty ořezávaly po stranách).
 */
.woocommerce .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img,
.woocommerce-page .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img,
#grohman_theme-home-new-products .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img {
	display: block !important;
	position: relative !important;
	inset: auto !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center top !important;
	border-radius: 0 !important;
	clip-path: none;
	z-index: 0;
	transform-origin: center center;
	will-change: transform;
}

.grohman_theme-loop-product-shell:hover .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img {
	transform: scale(1.05) translateZ(0);
}

/*
 * Legacy RoyalStep (partial 15) stále styluje `ul.products li.product` (padding, border, hover lift, zoom obrázku).
 * Nová karta je jen uvnitř `.grohman_theme-loop-product-shell` — vnější rámeček vypneme, aby nevznikala „dvojitá“ linka.
 */
html body .woocommerce ul.products li.product.grohman_theme-wc-loop-card,
html body.woocommerce-page ul.products li.product.grohman_theme-wc-loop-card {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

html body .woocommerce ul.products li.product.grohman_theme-wc-loop-card:hover,
html body.woocommerce-page ul.products li.product.grohman_theme-wc-loop-card:hover {
	transform: none !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

/*
 * Název na kartě produktu: komponentová class (bez .font-heading).
 * Shop používá strukturu Woo (ul.products li.product).
 * Úvod: #grohman_theme-home-new-products — název o kousek menší než na stránce kategorie/styl karty užší.
 */
html body .woocommerce ul.products li.product h3.grohman_theme-loop-product-title,
#grohman_theme-home-new-products h3.grohman_theme-loop-product-title {
	margin: 0 !important;
	font-family: var(--sk-font-sans) !important;
	font-weight: 600 !important;
	max-width: none !important;
	overflow: visible !important;
	display: block !important;
}

html body .woocommerce ul.products li.product h3.grohman_theme-loop-product-title {
	font-size: clamp(1.0625rem, 0.98rem + 0.45vw, 1.25rem) !important;
	line-height: 1.35 !important;
}

#grohman_theme-home-new-products h3.grohman_theme-loop-product-title {
	font-size: clamp(0.875rem, 0.84rem + 0.14vw, 1rem) !important;
	line-height: 1.33 !important;
}

html body .woocommerce ul.products li.product h3.grohman_theme-loop-product-title a,
#grohman_theme-home-new-products h3.grohman_theme-loop-product-title a {
	color: rgb(17 24 39);
	text-decoration: none;
	transition: color 0.2s ease;
}
html body .woocommerce ul.products li.product .grohman_theme-loop-price,
#grohman_theme-home-new-products .grohman_theme-loop-price {
	font-size: 1rem !important;
	line-height: 1.45 !important;
	font-family: var(--sk-font-sans) !important;
	font-weight: 600 !important;
	color: var(--sk-color-brand-dark) !important;
	margin-bottom: 0 !important;
}

/*
 * Woo cena = vnořené span/bdi/Woo blok — často mají vlastní tmavý color; donutíme dědit barvu z wrapperu …
 */
html body .woocommerce ul.products li.product .grohman_theme-loop-price *,
html body .woocommerce ul.products li.product .grohman_theme-loop-price *::before,
html body .woocommerce ul.products li.product .grohman_theme-loop-price *::after,
#grohman_theme-home-new-products .grohman_theme-loop-price *,
#grohman_theme-home-new-products .grohman_theme-loop-price *::before,
#grohman_theme-home-new-products .grohman_theme-loop-price *::after {
	color: inherit !important;
}

.grohman_theme-loop-price del {
	font-size: 0.875rem;
	font-weight: 400;
	margin-left: 0.5rem;
}

#grohman_theme-home-new-products .grohman_theme-product-card-category,
html body .grohman_theme-product-card-category {
	color: var(--color-gray-400) !important;
	margin-top: 0 !important;
}

/*
 * Mobil — karta produktu: klient požaduje výrazně větší název a cenu, aby byly
 * dobře čitelné z ruky. Cílíme na klasický shop loop i blok „Novinky“ na úvodu.
 */
@media (max-width: 767px) {
	html body .woocommerce ul.products li.product h3.grohman_theme-loop-product-title,
	#grohman_theme-home-new-products h3.grohman_theme-loop-product-title {
		font-size: 1.3125rem !important;
		line-height: 1.3 !important;
	}

	html body .woocommerce ul.products li.product .grohman_theme-loop-price,
	#grohman_theme-home-new-products .grohman_theme-loop-price {
		font-size: 1.125rem !important;
		line-height: 1.45 !important;
	}

	#grohman_theme-home-new-products .grohman_theme-product-card-category,
	html body .grohman_theme-product-card-category {
		font-size: 0.75rem !important;
		letter-spacing: 0.22em !important;
	}
}

/*
 * Štítky ve smyčce — sloupec vpravo: Sleva nahoře, Novinka pod ní (product_tag novinka).
 * Viz template-parts/woocommerce/loop-product-card-inner.php (.grohman_theme-loop-product-badges).
 */
.grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.25rem;
	pointer-events: none;
}

.grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge {
	position: static;
	left: auto;
	right: auto;
	top: auto;
	display: inline-block;
	box-sizing: border-box;
	min-width: 3.85rem;
	padding: 0.2rem 0.55rem;
	font-size: 0.625rem;
	line-height: 1.15;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border: none;
	border-radius: 0.375rem;
	box-shadow: 0 2px 8px rgba(17, 24, 39, 0.12);
	text-align: center;
}

.grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale {
	background-color: var(--rs-wine);
	color: var(--color-white);
}

.grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka {
	background-color: var(--sk-color-brand, #d4af37);
	color: var(--color-gray-900, #111827);
}

@media (max-width: 767px) {
	.grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge {
		min-width: 4.75rem;
		padding: 0.45rem 0.75rem;
		font-size: 0.875rem;
		line-height: 1.2;
		letter-spacing: 0.07em;
	}
}

/* Woo výchozí štítek v mřížce — skrytý, máme vlastní vpravo uvnitř fotky */
html body .woocommerce ul.products li.product.grohman_theme-wc-loop-card span.onsale,
html body.woocommerce-page ul.products li.product.grohman_theme-wc-loop-card span.onsale {
	display: none !important;
}

.grohman_theme-store-notice p,
.grohman_theme-store-notice__text p {
	margin: 0;
	font-size: 11px;
	line-height: 1.5;
	font-weight: 500;
	text-align: center;
}



/* 04-store-notice.css */
/*
 * Upozornění obchodu: vlastní prvek .grohman_theme-store-notice (bez .woocommerce-store-notice — neřeší se woocommerce.js).
 */
.grohman_theme-store-notice {
	display: block;
	position: relative !important;
	z-index: 60;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	/* Nikdy „neodsunovat“ lištu od stacku pod wp-admin bar (wp_body_open → před #page). */
	margin: 0 !important;
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-align: inherit !important;
	box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important;
	visibility: visible !important;
	background-color: var(--sk-color-brand) !important;
	background-image: linear-gradient(
		90deg,
		var(--sk-color-brand-dark) 0%,
		var(--sk-color-brand) 48%,
		var(--sk-color-brand-dark) 100%
	) !important;
	color: #181818 !important;
	border: none !important;
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	letter-spacing: var(--grohman-store-notice-body-tracking) !important;
}

/*
 * Zapnuté WC Upozornění obchodu (body.woocommerce-demo-store): horní inset jen zde,
 * ne znovu na #masthead — viz partial 23 (jinak dvojitý safe-area / „mezera“ pod výřezem).
 */
body.woocommerce-demo-store .grohman_theme-store-notice {
	padding-top: env(safe-area-inset-top, 0px) !important;
	box-sizing: border-box !important;
}

.grohman_theme-store-notice > div {
	min-height: 2.35rem !important;
	padding-block: 0.45rem !important;
}

.grohman_theme-store-notice > div > div {
	justify-content: center !important;
}

.grohman_theme-store-notice > div > div > div {
	flex: 0 1 auto !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 0.75rem !important;
	min-height: 0 !important;
	text-align: center;
}

.grohman_theme-store-notice a {
	color: inherit;
	text-decoration: none;
}

.grohman_theme-store-notice__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	box-sizing: border-box;
	padding-block: 0.5em;
	padding-inline: 0.65em;
	border-radius: 0.375rem;
	background-color: #181818;
	color: var(--sk-color-brand);
	font-size: 0.625rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.grohman_theme-store-notice__text {
	flex: 0 1 auto !important;
	min-width: 0;
	color: #181818;
	text-align: center;
}

.grohman_theme-store-notice__para {
	margin: 0 !important;
	color: inherit !important;
	font-size: inherit !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
}

.grohman_theme-store-notice__text strong {
	font-weight: 700;
	color: #181818;
}

/* Promo kód z [kod]…[/kod] — kód + tlačítko kopírovat vedle sebe */
.grohman_theme-store-notice__promo-inline {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin-inline: 0.2rem;
	vertical-align: middle;
}

.grohman_theme-store-notice__promo-code {
	position: relative;
	top: 0.09em;
	display: inline-block;
	margin-inline: 0;
	padding-bottom: 0.1rem;
	border-bottom: 2px dotted rgba(24, 24, 24, 0.42);
	border-radius: 0;
	color: #181818 !important;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.15;
	text-transform: uppercase;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	transition:
		border-color 0.2s ease,
		color 0.2s ease,
		background-color 0.2s ease;
}

.grohman_theme-store-notice__promo-code:hover,
.grohman_theme-store-notice__promo-code:focus-visible {
	border-bottom-color: #181818;
	background-color: transparent;
	color: #181818;
	outline: none;
}

.grohman_theme-store-notice__promo-code.is-copied {
	border-bottom-color: #181818;
}

.grohman_theme-store-notice__promo-code::after,
.grohman_theme-store-notice__promo-copy-btn::after {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 70;
	margin-top: 6px;
	padding: 4px 8px;
	transform: translateX(-50%);
	border-radius: 4px;
	background-color: #181818;
	color: var(--sk-color-brand);
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: var(--grohman-store-notice-hint-tracking);
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.15s ease;
}

.grohman_theme-store-notice__promo-code:hover::after,
.grohman_theme-store-notice__promo-code:focus-visible::after {
	content: attr(title);
	opacity: 1;
}

.grohman_theme-store-notice__promo-code[data-tip]::after {
	content: attr(data-tip);
	opacity: 1;
}

.grohman_theme-store-notice__promo-copy-btn {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0.15rem;
	border: none;
	border-radius: 0.25rem;
	background: transparent;
	color: var(--sk-color-brand-dark-deep);
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease;
	-webkit-tap-highlight-color: transparent;
}

.grohman_theme-store-notice__promo-copy-btn[data-tip]::after {
	content: attr(data-tip);
	opacity: 1;
}

.grohman_theme-store-notice__promo-copy-btn:hover,
.grohman_theme-store-notice__promo-copy-btn:focus-visible {
	background-color: color-mix(in srgb, var(--sk-color-brand-dark-deep) 18%, transparent);
	outline: none;
}

.grohman_theme-store-notice__promo-copy-btn .ph-fill {
	font-size: 1.05rem;
	line-height: 1;
	color: inherit;
}

.grohman_theme-store-notice__promo-copy-btn .grohman_theme-store-notice__promo-check-icon {
	display: none;
}

.grohman_theme-store-notice__promo-copy-btn.is-copied .grohman_theme-store-notice__promo-copy-icon {
	display: none;
}

.grohman_theme-store-notice__promo-copy-btn.is-copied .grohman_theme-store-notice__promo-check-icon {
	display: inline-block;
}

@media (max-width: 639px) {
	.grohman_theme-store-notice > div > div > div {
		gap: 0.45rem;
	}

	.grohman_theme-store-notice {
		font-size: 0.8125rem !important;
	}
}


/* 05-layout-shop-pages.css */
/*
 * Širší řádek obsahu než max-w-7xl (viz obchod + „Nově v obchůdku“) — drží px-4/md:px-8 jako hlavička.
 */
.grohman_theme-content-wide {
	max-width: min(94rem, calc(100% - 2rem));
}

/*
 * Obchod / produkt: dva sloupce na šířce ≥1024px.
 * Grid je spolehlivější než flex, když Tailwind utility kolidují s @layer.
 */
.grohman_theme-shop-layout {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 3rem;
}
@media (min-width: 1024px) {
	.grohman_theme-shop-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 16rem;
		align-items: start;
		gap: 3rem;
	}
	.grohman_theme-shop-layout.grohman_theme-shop-layout--reverse {
		grid-template-columns: 16rem minmax(0, 1fr);
	}
	.grohman_theme-shop-layout.grohman_theme-shop-layout--reverse > .min-w-0 {
		grid-column: 2;
	}
	.grohman_theme-shop-layout.grohman_theme-shop-layout--reverse #woocommerce-secondary {
		grid-column: 1;
		grid-row: 1;
	}
	.grohman_theme-shop-layout > .min-w-0 {
		min-width: 0;
	}
	.grohman_theme-shop-layout #woocommerce-secondary {
		width: auto;
		max-width: 100%;
	}
}

/*
 * Stránky / blog / archivy: dva sloupce ≥1024px (PHP dřív používalo lg:flex-row*, které ve zúženém TW buildu často chybí).
 */
.grohman_theme-inner-wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 2rem;
}
@media (min-width: 1024px) {
	.grohman_theme-inner-wrap {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 18rem;
		align-items: start;
		gap: 2rem;
	}
	.grohman_theme-inner-wrap.grohman_theme-sidebar-left {
		grid-template-columns: 18rem minmax(0, 1fr);
	}
	.grohman_theme-inner-wrap.grohman_theme-sidebar-left #primary {
		grid-column: 2;
		grid-row: 1;
	}
	.grohman_theme-inner-wrap.grohman_theme-sidebar-left #secondary {
		grid-column: 1;
		grid-row: 1;
	}
	.grohman_theme-inner-wrap #primary {
		min-width: 0;
	}
	.grohman_theme-inner-wrap #secondary {
		width: auto;
		max-width: 100%;
	}

	/*
	 * Jednosloupec: bez #secondary — košík/pokladna/účet, „bez sidebaru“ v přizpůsobení, nebo per‑stránka.
	 */
	.grohman_theme-inner-wrap.grohman_theme-inner-wrap--woo-main-only {
		grid-template-columns: minmax(0, 1fr);
	}
}

/*
 * Obchodní smyčka: WooCommerce výchozí float na ul.products brání stejné výšce řádku jako u gridu na úvodu.
 * U #grohman_theme-shop-product-loop přepínáme na CSS grid → li se roztáhnou, cena (mt-auto v kartě) sedí dole.
 */
#grohman_theme-shop-product-loop ul.products {
	display: grid !important;
	gap: clamp(1rem, 3vw, 2rem);
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
	align-items: stretch;
}

#grohman_theme-shop-product-loop ul.products::before,
#grohman_theme-shop-product-loop ul.products::after {
	content: none !important;
	display: none !important;
}

#grohman_theme-shop-product-loop ul.products li.product {
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	clear: none !important;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* Mobil: jeden sloupec */
#grohman_theme-shop-product-loop ul.products[class*="columns-"] {
	grid-template-columns: minmax(0, 1fr);
}

/* Úzký tablet: dva sloupce (podobně jako WC u floatu) */
@media (min-width: 480px) and (max-width: 767px) {
	#grohman_theme-shop-product-loop ul.products[class*="columns-"]:not(.columns-1) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Desktop: počet sloupců podle třídy z loop-start.php (columns-N) */
@media (min-width: 768px) {
	#grohman_theme-shop-product-loop ul.products.columns-1 {
		grid-template-columns: minmax(0, 1fr);
	}
	#grohman_theme-shop-product-loop ul.products.columns-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#grohman_theme-shop-product-loop ul.products.columns-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	#grohman_theme-shop-product-loop ul.products.columns-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	#grohman_theme-shop-product-loop ul.products.columns-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	#grohman_theme-shop-product-loop ul.products.columns-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/*
 * Stránkování katalogu (nav.woocommerce-pagination) — odsazení od mřížky + kruhová čísla.
 * WooCommerce výchozí CSS dává na ul jeden souvislý border + border-right na li (dlouhý „pilulový“ pruh).
 */
.woocommerce main#primary nav.woocommerce-pagination ul.page-numbers {
	border: none !important;
	border-right: none !important;
	margin: 0 !important;
	white-space: normal !important;
	background: transparent !important;
	box-shadow: none !important;
}

.woocommerce main#primary nav.woocommerce-pagination ul.page-numbers li {
	border: none !important;
	border-right: none !important;
	float: none !important;
	overflow: visible !important;
}

main#primary nav.woocommerce-pagination {
	margin-top: 2.75rem;
	margin-bottom: 0;
	padding-top: 0.5rem;
	clear: both;
	background: transparent !important;
	box-shadow: none !important;
}

main#primary nav.woocommerce-pagination ul.page-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

main#primary nav.woocommerce-pagination ul.page-numbers li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
}

main#primary nav.woocommerce-pagination .page-numbers {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.4rem;
	border-radius: 9999px;
	font-family: var(--sk-font-sans);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	color: var(--color-gray-800);
	background-color: var(--color-white);
	border: 1px solid rgba(227, 114, 84, 0.22);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	transition:
		color 0.15s ease,
		background-color 0.15s ease,
		border-color 0.15s ease,
		box-shadow 0.15s ease;
}

main#primary nav.woocommerce-pagination a.page-numbers:hover,
main#primary nav.woocommerce-pagination a.page-numbers:focus {
	color: var(--color-gray-800);
	border-color: rgba(107, 30, 46, 0.22);
	background-color: var(--sk-color-burgundy-pale);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

main#primary nav.woocommerce-pagination span.page-numbers.current {
	color: var(--color-gray-900);
	background-color: var(--sk-color-brand);
	border-color: transparent;
	box-shadow: 0 4px 12px rgba(212, 175, 55, 0.4);
}

main#primary nav.woocommerce-pagination .page-numbers.dots,
main#primary nav.woocommerce-pagination span.page-numbers.dots {
	min-width: auto;
	height: auto;
	padding: 0 0.2rem;
	background: transparent;
	border: none;
	box-shadow: none;
	color: var(--color-gray-400);
	font-weight: 500;
}

main#primary nav.woocommerce-pagination a.page-numbers.prev,
main#primary nav.woocommerce-pagination a.page-numbers.next {
	min-width: 2.75rem;
	font-size: 1rem;
	line-height: 1;
}

/*
 * Méně bílého místa mezi stránkováním a patičkou (Tailwind py-8 / md:py-12 na obalu obchodu).
 */
body.post-type-archive-product main#primary > .mx-auto.max-w-7xl,
body.post-type-archive-product main#primary > .mx-auto.grohman_theme-content-wide,
body.tax-product_cat main#primary > .mx-auto.max-w-7xl,
body.tax-product_cat main#primary > .mx-auto.grohman_theme-content-wide,
body.tax-product_tag main#primary > .mx-auto.max-w-7xl,
body.tax-product_tag main#primary > .mx-auto.grohman_theme-content-wide {
	padding-bottom: 0.75rem !important;
}

@media (min-width: 768px) {
	body.post-type-archive-product main#primary > .mx-auto.max-w-7xl,
	body.post-type-archive-product main#primary > .mx-auto.grohman_theme-content-wide,
	body.tax-product_cat main#primary > .mx-auto.max-w-7xl,
	body.tax-product_cat main#primary > .mx-auto.grohman_theme-content-wide,
	body.tax-product_tag main#primary > .mx-auto.max-w-7xl,
	body.tax-product_tag main#primary > .mx-auto.grohman_theme-content-wide {
		padding-bottom: 1rem !important;
	}
}

/* --- Archiv obchodu (navrh/index_obchod.html): hero, bílé pozadí, lišta řazení, sticky filtry --- */
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.woocommerce-shop {
	background-color: var(--sk-color-surface);
	background-image: var(--sk-premium-texture-bg-image);
}

/*
 * Žádná bílá mezera mezi hlavičkou a burgundy hero: starší samostatný responsive.css dával #content padding-top
 * (40px na mobilu) a dřív jsme přidali padding navíc — rušíme pro archiv obchodu / kategorie.
 */
body.woocommerce-shop #content.site-content,
body.tax-product_cat #content.site-content,
body.tax-product_tag #content.site-content,
body.post-type-archive-product #content.site-content {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.woocommerce-shop main.grohman_theme-shop-main,
body.tax-product_cat main.grohman_theme-shop-main,
body.tax-product_tag main.grohman_theme-shop-main,
body.post-type-archive-product main.grohman_theme-shop-main {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: var(--sk-color-surface) !important;
	background-image: var(--sk-premium-texture-bg-image) !important;
}

/*
 * Mezera mezi burgundy hero a bílou oblastí (filtry + produkty) — výslovně, aby se obsah nepřilepoval k nadpisu.
 * (Tailwind py-12 na obalu může být přepsáno nebo vizuálně nestačit.)
 */
body.post-type-archive-product main.grohman_theme-shop-main > .mx-auto.max-w-7xl,
body.post-type-archive-product main.grohman_theme-shop-main > .mx-auto.grohman_theme-content-wide,
body.tax-product_cat main.grohman_theme-shop-main > .mx-auto.max-w-7xl,
body.tax-product_cat main.grohman_theme-shop-main > .mx-auto.grohman_theme-content-wide,
body.tax-product_tag main.grohman_theme-shop-main > .mx-auto.max-w-7xl,
body.tax-product_tag main.grohman_theme-shop-main > .mx-auto.grohman_theme-content-wide {
	padding-top: clamp(2.75rem, 5vw, 4rem) !important;
}

/*
 * Mint pozadí přes celou šířku okna (lícuje s hlavičkou — stejně jako plná bílá lišta).
 * Vnitřek používá .grohman_theme-content-wide + px jako shop main (širší než max-w-7xl).
 */
.grohman_theme-shop-hero {
	position: relative;
	padding-top: 3rem;
	padding-bottom: clamp(2.75rem, 4vw, 4rem);
	text-align: center;
}

.grohman_theme-shop-hero::before {
	content: "";
	position: absolute;
	z-index: 0;
	/* 100vw + translate dávalo horizontální scroll (vw zahrnuje šířku layoutu + gutter posuvníku) */
	inset: 0;
	width: auto;
	/* Pruh pod nadpisem: neutrální světle šedý odstín bez zeleného tintu. */
	background-color: var(--grohman_theme-hero-surface, #f3f3f1) !important;
}

.grohman_theme-shop-hero-inner {
	position: relative;
	z-index: 1;
}

/* Stejný povrch i pro obal hlavičky archivu na shop/tax stránkách */
body.post-type-archive-product .woocommerce-products-header,
body.tax-product_cat .woocommerce-products-header,
body.tax-product_tag .woocommerce-products-header {
	background-color: transparent !important;
}

/* Drobečky přesunuté z „mezi hlavičku a main“ do burgundy hero */
.grohman_theme-shop-breadcrumb {
	margin-bottom: 0.72rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--color-gray-600);
}

.grohman_theme-shop-breadcrumb .woocommerce-breadcrumb {
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	column-gap: 0.35rem;
	row-gap: 0.15rem;
}

.grohman_theme-shop-hero .term-description,
.grohman_theme-shop-hero .woocommerce-products-header__description {
	margin-top: 1rem;
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--color-gray-600);
	text-align: center;
}

.grohman_theme-shop-hero .term-description p:last-child,
.grohman_theme-shop-hero .woocommerce-products-header__description p:last-child {
	margin-bottom: 0;
}

@media (min-width: 1024px) {
	#woocommerce-secondary.grohman_theme-shop-sidebar,
	#woocommerce-secondary.sitirenky-shop-sidebar {
		position: sticky;
		top: 7rem;
		align-self: start;
	}
}

.grohman_theme-shop-toolbar {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--color-gray-100);
}

@media (min-width: 640px) {
	.grohman_theme-shop-toolbar {
		flex-direction: row;
		align-items: center;
	}
}

.grohman_theme-shop-toolbar .woocommerce-result-count {
	float: none;
	margin: 0;
	font-size: 0.875rem;
	color: var(--color-gray-500);
}

.grohman_theme-shop-toolbar .woocommerce-ordering {
	float: none;
	margin: 0;
	position: relative;
	/* Společná šířka pilulky a dropdownu; 36rem bylo zbytečně široké — stačí na dlouhé řádky řazení v češtině */
	min-width: min(22rem, calc(100vw - 1.5rem));
	max-width: 100%;
	flex-shrink: 0;
	box-sizing: border-box;
}

.grohman_theme-shop-toolbar .woocommerce-ordering select {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	min-width: 12.5rem;
	/* jako hero „Prohlédnout kolekci“ (.grohman_theme-hero-explore-btn — royal ~0.625rem) */
	border-radius: 0.625rem;
	border: 1px solid var(--color-gray-200);
	background-color: var(--color-white);
	padding: 0.625rem 2.5rem 0.625rem 1.5rem;
	font-family: var(--sk-font-sans);
	font-size: 0.875rem;
	line-height: 1.25;
	color: var(--color-gray-800);
	cursor: pointer;
	transition:
		border-color 0.15s ease,
		box-shadow 0.15s ease;
}

.grohman_theme-shop-toolbar .woocommerce-ordering select:hover {
	border-color: rgba(107, 30, 46, 0.28);
}

.grohman_theme-shop-toolbar .woocommerce-ordering select:focus {
	outline: none;
	border-color: var(--sk-color-brand);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.45);
}

.grohman_theme-shop-toolbar .woocommerce-ordering::after {
	content: "";
	position: absolute;
	right: 1.15rem;
	top: 50%;
	width: 0.45rem;
	height: 0.45rem;
	margin-top: -0.2rem;
	border-right: 2px solid var(--color-gray-400);
	border-bottom: 2px solid var(--color-gray-400);
	transform: rotate(45deg);
	pointer-events: none;
}

/* SelectWoo: vlastní šipka na .select2-selection — dekorativní ::after skryjeme */
.grohman_theme-shop-toolbar .woocommerce-ordering:has(.select2-container)::after {
	content: none;
	display: none;
}

/* Nepoléhat se na containerCssClass — výchozí select2.css má 28px výšku a malý radius */
.grohman_theme-shop-toolbar .woocommerce-ordering .select2-container {
	width: 100% !important;
	min-width: 0;
}

.grohman_theme-shop-toolbar .woocommerce-ordering .select2-container--default .select2-selection--single {
	height: auto !important;
	min-height: 2.75rem;
	border-radius: 0.625rem !important;
	border: 1px solid var(--color-gray-200) !important;
	background-color: var(--color-white) !important;
	box-shadow: none !important;
}

.grohman_theme-shop-toolbar .woocommerce-ordering .select2-container--default .select2-selection__rendered {
	padding: 0.625rem 2.5rem 0.625rem 1.5rem !important;
	line-height: 1.45 !important;
	font-size: 0.875rem !important;
	color: var(--color-gray-800) !important;
}

.grohman_theme-shop-toolbar .woocommerce-ordering .select2-container--default .select2-selection__arrow {
	height: 2.75rem !important;
	right: 0.65rem !important;
}

.grohman_theme-shop-toolbar .woocommerce-ordering .select2-container--default .select2-selection__arrow b {
	border-color: var(--color-gray-400) transparent transparent transparent !important;
}

.grohman_theme-shop-toolbar .woocommerce-ordering .select2-container--focus .select2-selection--single,
.grohman_theme-shop-toolbar .woocommerce-ordering .select2-container--open .select2-selection--single {
	border-color: var(--sk-color-brand) !important;
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.45) !important;
}

/*
 * Rozbalovací panel (Select2) — třída z dropdownCssClass ve grohman_theme-selectwoo-shop.js
 */
.grohman_theme-select2-dropdown.select2-dropdown {
	border-radius: 0.75rem !important;
	border: 1px solid var(--color-gray-200) !important;
	box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
	font-family: var(--sk-font-sans);
	font-size: 0.875rem;
	overflow: hidden;
	padding: 0 !important;
}

/*
 * Bez vyhledávání: horní bílý „proužek“ je typicky subpixel mezi border-radius + overflow a první barvou.
 * Stejně jako výchozí WC u .select2-dropdown--below: rovný horní okraj (žádné horní radiusy), spojení s řádkem výběru.
 */
.grohman_theme-select2-dropdown.select2-dropdown.select2-dropdown--below:not(:has(.select2-search--dropdown)) {
	border-top: none !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0.75rem !important;
	border-bottom-right-radius: 0.75rem !important;
}

.grohman_theme-select2-dropdown.select2-dropdown.select2-dropdown--above:not(:has(.select2-search--dropdown)) {
	border-bottom: none !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 0.75rem !important;
	border-top-right-radius: 0.75rem !important;
}

.grohman_theme-select2-dropdown.select2-dropdown:not(:has(.select2-search--dropdown)) .select2-results {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
}

.grohman_theme-select2-dropdown.select2-dropdown:not(:has(.select2-search--dropdown)) .select2-results > .select2-results__options {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.grohman_theme-select2-dropdown.select2-dropdown:not(:has(.select2-search--dropdown))
	.select2-results__options
	> .select2-results__option:first-child {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

/*
 * WooCommerce select2.css: .select2-container--default .select2-results > .select2-results__options { max-height: 200px }
 * — vyšší specificita + !important, jinak zůstane krátký panel (~4 řádky).
 */
.grohman_theme-select2-dropdown .select2-results > .select2-results__options {
	max-height: min(80vh, 40rem) !important;
}

.grohman_theme-select2-dropdown .select2-results__option {
	padding: 0.5rem 0.85rem;
	color: var(--color-gray-800);
	background-color: var(--color-white);
}

.grohman_theme-select2-dropdown .select2-results__option--highlighted[aria-selected] {
	background-color: var(--sk-color-brand) !important;
	color: var(--color-gray-900) !important;
}

.grohman_theme-select2-dropdown .select2-results__option[aria-selected="true"] {
	background-color: color-mix(in srgb, var(--sk-color-brand) 28%, var(--color-white));
}

.grohman_theme-select2-dropdown .select2-search--dropdown {
	padding: 0.5rem 0.65rem 0.65rem;
	margin-bottom: 0.45rem;
	border-bottom: 1px solid var(--color-gray-100);
}

/* Mezera mezi vyhledáváním a seznamem (štítky ve widgetu) */
.grohman_theme-select2-dropdown:has(.select2-search--dropdown) .select2-results {
	padding-top: 0.15rem;
}

.grohman_theme-select2-dropdown .select2-search--dropdown .select2-search__field {
	border-radius: 0.5rem !important;
	border: 1px solid var(--color-gray-200) !important;
	padding: 0.4rem 0.65rem !important;
	font-family: var(--sk-font-sans) !important;
	font-size: 0.875rem !important;
}

.grohman_theme-select2-dropdown .select2-search--dropdown .select2-search__field:focus {
	outline: none !important;
	border-color: var(--sk-color-brand) !important;
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.35) !important;
}

.grohman_theme-shop-main nav.woocommerce-pagination {
	margin-top: 5rem;
}

.grohman_theme-shop-main .woocommerce-pagination .page-numbers:not(.current):not(.dots) {
	border-color: var(--color-gray-100);
	background-color: var(--color-white);
}


/* 06-mini-cart-woocommerce.css */

/*
 * Mini košík: náhled jen z CSS (nezávislé na group-hover / invisible v Tailwindu).
 * Sloupec hlavičky má z-[140], megamenu z-130 — dropdown musí být nad obsahem stránky.
 * Dříve byl panel pod 768px display:none — hover/focus pak neměl co zobrazit (náhled „jen na obchodě“ při testu na mobilu / úzkém okně).
 */
.grohman_theme-mini-cart__dropdown {
	display: block;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 200;
	width: min(calc(100vw - 2rem), 22rem);
	margin-top: 0;
	padding-top: 0.75rem;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity 0.2s ease,
		visibility 0.2s ease;
}
/* „Most“ mezi odkazem a panelem — zůstane hover při přesunu myší */
.grohman_theme-mini-cart__dropdown::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 0.75rem;
}
.grohman_theme-mini-cart-fragment:hover .grohman_theme-mini-cart__dropdown,
.grohman_theme-mini-cart-fragment:focus-within .grohman_theme-mini-cart__dropdown {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/*
 * Mobil + tablet (<1024px): dynamický náhled košíku úplně skryjeme. Trigger
 * (ikona/odkaz) směřuje na stránku košíku, takže klient se ke košíku dostane
 * standardním klikem a nepere se s nechtěným hover panelem.
 */
@media (max-width: 1023.98px) {
	.grohman_theme-mini-cart__dropdown {
		display: none !important;
	}
	.grohman_theme-mini-cart-fragment:hover .grohman_theme-mini-cart__dropdown,
	.grohman_theme-mini-cart-fragment:focus-within .grohman_theme-mini-cart__dropdown {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

/* Stejné jako megamenu / submenu — čistý zlatý rám panelu bez proužku nad triggrem. */
.grohman_theme-mini-cart__toggle {
	position: relative;
}

/*
 * Obsah dropdownu: defaultně se panel zvětšuje podle obsahu (bez scrollbaru).
 * Scroll zapneme jen na menších obrazovkách / nízkém viewportu, aby náhled neutekl mimo okno.
 */
.grohman_theme-mini-cart__inner {
	max-height: none;
	overflow: visible;
}

@media (max-width: 768px), (max-height: 720px) {
	.grohman_theme-mini-cart__inner {
		max-height: min(70vh, 22rem);
		overflow-y: auto;
		overflow-x: hidden;
		overscroll-behavior: contain;
	}
}

/*
 * Panel náhledu — RoyalStep: tmavé pozadí, souvislý zlatý okraj, stín (jako submenu / megamenu).
 */
.grohman_theme-mini-cart__dropdown .grohman_theme-fabric-panel {
	position: relative;
	z-index: 0;
	overflow: hidden;
	background-color: #0c0c0c;
	background-image: none;
	border: 1px solid rgba(212, 175, 55, 0.42);
	border-radius: 0.5rem;
	box-shadow:
		0 24px 50px -8px rgba(0, 0, 0, 0.78),
		0 0 0 1px rgba(0, 0, 0, 0.35);
}

.grohman_theme-mini-cart__dropdown .grohman_theme-fabric-panel::after {
	display: none;
}

/* Ikona košíku: prázdný = obrys; plný = výplň. Barva z --sk-color-brand (zlato). */
.grohman_theme-mini-cart__icon-wrap {
	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		color 0.25s ease,
		box-shadow 0.25s ease,
		transform 0.25s ease;
}

.grohman_theme-mini-cart-fragment:hover .grohman_theme-mini-cart__icon-wrap,
.grohman_theme-mini-cart-fragment:focus-within .grohman_theme-mini-cart__icon-wrap {
	background-color: rgba(212, 175, 55, 0.2) !important;
	border-color: rgba(212, 175, 55, 0.75) !important;
	color: #ffffff !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
	transform: translateY(-1px);
}

/* Obrys i výplň berou currentColor z ikonové hlavičky (brand zlatem). */
.grohman_theme-mini-cart__icon-wrap:not(.grohman_theme-mini-cart__icon-wrap--has-items),
.grohman_theme-mini-cart__icon-wrap--has-items {
	color: var(--sk-color-brand);
}

/* Odznak počtu — zlatý rozptyl + pulz */
.grohman_theme-mini-cart__count--pulse {
	box-shadow: 0 0 10px rgba(212, 175, 55, 0.55);
	animation: grohman_theme-mini-cart-count-pulse 2s ease-in-out infinite;
}

@keyframes grohman_theme-mini-cart-count-pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}

/*
 * Mini košík (Woo): Tailwind preflight + dřívější pořadí (Tailwind až po WC) rozbíjely řádky (obří náhled).
 * Vlastní layout (flex), aby vypadal stejně na úvodní stránce i v obchodu — nezávisle na float z woocommerce.css.
 */
.grohman_theme-mini-cart__inner .woocommerce ul.woocommerce-mini-cart {
	list-style: none;
	margin: 0 0 0.25rem;
	padding: 0;
	text-align: left;
	border-bottom: none;
}

/*
 * WC: .woocommerce a.remove { font-size:1.5em; font-weight:700 } a ul.product_list_widget li img { float:right }
 * — bez přeběhu je „ד obří a náhled vpravo od názvu.
 */
.grohman_theme-mini-cart__inner .woocommerce ul.product_list_widget li img,
.grohman_theme-mini-cart__inner .woocommerce ul.woocommerce-mini-cart li img {
	float: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-shadow: none !important;
}

.grohman_theme-mini-cart__inner .woocommerce ul.product_list_widget li > a,
.grohman_theme-mini-cart__inner .woocommerce ul.woocommerce-mini-cart li > a:not(.remove) {
	font-weight: 600 !important;
}

.grohman_theme-mini-cart__inner .woocommerce ul.woocommerce-mini-cart li.woocommerce-mini-cart-item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 0 0 0.75rem;
	margin: 0 0 0.65rem;
}

.grohman_theme-mini-cart__inner .woocommerce ul.woocommerce-mini-cart li.woocommerce-mini-cart-item::after,
.grohman_theme-mini-cart__inner .woocommerce ul.woocommerce-mini-cart li.woocommerce-mini-cart-item::before {
	content: none;
	display: none;
}

/* Hlavní blok: mřížka [náhled | název + cena pod názvem] — bez floatu z WC */
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	text-align: left;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__main {
	display: grid;
	grid-template-columns: 4.5rem minmax(0, 1fr);
	grid-template-rows: auto;
	gap: 0.65rem;
	align-items: start;
	width: 100%;
	min-width: 0;
}

/* Výslovné buňky mřížky — jinak WC float u .quantity / img rozhodí řádek (cena vpravo nahoře, název pod náhledem). */
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__thumb-link,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__thumb-link--static {
	grid-column: 1;
	grid-row: 1;
	float: none;
	align-self: start;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__meta {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-self: start;
	gap: 0.35rem;
	min-width: 0;
	float: none;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__name-link {
	order: 0;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__qty-row {
	order: 1;
	float: none;
	clear: none;
	width: 100%;
	padding-left: 0;
	margin: 0;
	box-sizing: border-box;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__name,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__name-link {
	font-weight: 600;
	line-height: 1.35;
	display: block;
	min-width: 0;
	color: rgba(255, 255, 255, 0.92) !important;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__name-link {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.92) !important;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__name-link:hover {
	color: var(--sk-color-brand, #d4af37) !important;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__thumb-link,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__name-link {
	font-weight: 600;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .remove.remove_from_cart_button,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item a.remove,
.grohman_theme-mini-cart__inner .woocommerce ul.product_list_widget li a.remove {
	float: none !important;
	flex: 0 0 auto;
	margin: 0.1rem 0 0 !important;
	padding: 0.25rem !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: 1.75rem;
	min-width: 1.75rem;
	min-height: 1.5rem;
	height: auto !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 0 !important;
	font-size: 0 !important;
	font-weight: 400 !important;
	text-indent: 0;
	overflow: visible !important;
	text-align: center !important;
	text-decoration: none !important;
	/* WC: color: var(--wc-red) !important na .woocommerce a.remove — schovat případný × v odkazu */
	color: transparent !important;
	border: 0 !important;
	border-radius: 0.3rem !important;
	background: transparent !important;
	box-shadow: none !important;
	transition:
		color 0.15s ease,
		background-color 0.15s ease;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .remove:hover,
.grohman_theme-mini-cart__inner .woocommerce ul.product_list_widget li a.remove:hover {
	color: var(--sk-color-brand) !important;
	background-color: rgba(212, 175, 55, 0.14) !important;
}

/* Ikona koše na tmavém podkladu — světlý default (invert), hover zlatý SVG */
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item a.remove.grohman_theme-cart-remove--css::before,
.grohman_theme-mini-cart__inner .woocommerce ul.product_list_widget li a.remove.grohman_theme-cart-remove--css::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.125rem;
	height: 1.125rem;
	z-index: 2;
	text-indent: 0;
	background-color: transparent !important;
	background-image: var(--grohman_theme-cart-trash-icon-bg) !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
	filter: invert(1);
	opacity: 0.55;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item a.remove.grohman_theme-cart-remove--css:hover::before,
.grohman_theme-mini-cart__inner .woocommerce ul.product_list_widget li a.remove.grohman_theme-cart-remove--css:hover::before {
	background-image: var(--grohman_theme-cart-trash-icon-bg-brand) !important;
	filter: none;
	opacity: 1;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__thumb-link,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__thumb-link--static {
	display: block;
	min-width: 0;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__thumb-link img,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__thumb-link--static img {
	float: none !important;
	display: block;
	width: 100% !important;
	max-width: 4.5rem !important;
	height: auto !important;
	margin: 0 !important;
	object-fit: cover;
	border-radius: 0.35rem;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item dl.variation,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .variation {
	margin: 0.15rem 0 0;
	padding-left: calc(4.5rem + 0.65rem);
	font-size: 0.8125rem;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.52) !important;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__qty-row .quantity.grohman_theme-mini-cart-qty,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__qty-row .quantity {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-start;
	gap: 0.2rem 0.35rem;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	padding: 0;
	width: 100%;
	max-width: 100%;
	font-size: 0.875rem;
	color: rgba(255, 255, 255, 0.68) !important;
	text-align: left;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart-item .grohman_theme-mini-cart-qty__price {
	font-weight: 500;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total {
	margin: 0.65rem 0 0;
	padding: 0.6rem 0 0;
	border-top: 1px solid rgba(212, 175, 55, 0.25) !important;
	border-bottom: none;
	box-shadow: none;
	clear: both;
	font-size: 0.9375rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.96) !important;
	text-align: left;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total .amount {
	color: rgba(212, 175, 55, 0.95) !important;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.75rem 0 0;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons .button {
	flex: 1 1 calc(50% - 0.25rem);
	min-width: 0;
	text-align: center;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 0.65rem !important;
	border-radius: 9999px !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
	transition:
		background-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.15s ease;
}

/* Zobrazit košík — obrysové zlato (jako submenu) */
.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
	background-color: transparent !important;
	color: var(--sk-color-brand, #d4af37) !important;
	border: 1px solid rgba(212, 175, 55, 0.55) !important;
	box-shadow: none !important;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):focus-visible {
	background-color: rgba(212, 175, 55, 0.12) !important;
	color: #ffffff !important;
	border-color: rgba(212, 175, 55, 0.88) !important;
}

/* Pokladna — plné zlato */
.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.checkout {
	background: linear-gradient(180deg, #e4c77a 0%, #c5a059 100%) !important;
	color: #111111 !important;
	border: 1px solid rgba(212, 175, 55, 0.95) !important;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.checkout:hover,
.grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.checkout:focus-visible {
	background: linear-gradient(180deg, #f0d68c 0%, #d4af37 100%) !important;
	color: #111111 !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	transform: translateY(-1px);
}

/* Prázdný košík: ikona + text uprostřed panelu */
.grohman_theme-mini-cart__inner .grohman_theme-mini-cart__empty {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	margin: 0;
	padding: 1rem 1.25rem;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	color: rgba(255, 255, 255, 0.5) !important;
}

.grohman_theme-mini-cart__inner .grohman_theme-mini-cart__empty-icon {
	flex-shrink: 0;
	font-size: 1.25rem;
	line-height: 1;
	color: var(--sk-color-brand-soft) !important;
	opacity: 1;
}

.grohman_theme-mini-cart__inner .grohman_theme-mini-cart__empty-icon svg {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.grohman_theme-mini-cart__inner .grohman_theme-mini-cart__empty-text {
	color: var(--sk-color-brand-soft) !important;
	text-align: center;
}


/* 07-cart-checkout-layouts.css */
/*
 * Legacy 15: košík/pokladna — .site-main má padding-top 140px a šedé pozadí (--rs-bg-gray).
 * S Royal hero (`.grohman_theme-shop-hero`) to dělá vysoké šedé pásmo a posun obsahu dolů.
 * Selektor s :has() na body má vyšší specificitu než `html body.woocommerce-cart .site-main` v 15.
 */
html body.woocommerce-cart:has(.grohman_theme-shop-hero) .site-main,
html body.woocommerce-cart:has(.grohman_theme-shop-hero) #main,
html body.woocommerce-checkout:has(.grohman_theme-shop-hero) .site-main,
html body.woocommerce-checkout:has(.grohman_theme-shop-hero) #main {
	padding-top: 0 !important;
}

html body.woocommerce-cart:has(.grohman_theme-shop-hero) .site-main,
html body.woocommerce-cart:has(.grohman_theme-shop-hero) #primary,
html body.woocommerce-cart:has(.grohman_theme-shop-hero) .entry-content,
html body.woocommerce-checkout:has(.grohman_theme-shop-hero) .site-main,
html body.woocommerce-checkout:has(.grohman_theme-shop-hero) #primary,
html body.woocommerce-checkout:has(.grohman_theme-shop-hero) .entry-content {
	background-color: var(--sk-color-surface) !important;
	background-image: var(--sk-premium-texture-bg-image) !important;
}

html body.woocommerce-cart:has(.grohman_theme-shop-hero) #site-content-contain.site-content-contain,
html body.woocommerce-checkout:has(.grohman_theme-shop-hero) #site-content-contain.site-content-contain {
	background-color: var(--sk-color-surface) !important;
	background-image: var(--sk-premium-texture-bg-image) !important;
}

/* Košík (stránka): přebít .woocommerce a.remove (kulatý červený ×) */
.woocommerce-cart-form .product-remove .remove.grohman_theme-cart-remove,
.woocommerce-cart-form .product-remove a.remove {
	position: relative !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	min-height: 2rem;
	padding: 0.25rem !important;
	line-height: 0 !important;
	font-size: 0 !important;
	font-weight: 400 !important;
	text-indent: 0;
	overflow: visible !important;
	color: transparent !important;
	text-decoration: none !important;
	border: 0 !important;
	border-radius: 0.35rem !important;
	background: transparent !important;
	box-shadow: none !important;
	transition:
		color 0.15s ease,
		background-color 0.15s ease;
}

.woocommerce-cart-form .product-remove a.remove.grohman_theme-cart-remove--css::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.125rem;
	height: 1.125rem;
	z-index: 2;
	text-indent: 0;
	background-color: transparent !important;
	background-image: var(--grohman_theme-cart-trash-icon-bg) !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
}

.woocommerce-cart-form .product-remove a.remove.grohman_theme-cart-remove--css:hover::before {
	background-image: var(--grohman_theme-cart-trash-icon-bg-brand);
}

.woocommerce-cart-form .product-remove .remove:hover {
	color: var(--sk-color-brand) !important;
	background-color: rgba(227, 114, 84, 0.1);
}

/*
 * Block cart (Gutenberg blok košíku, /cart): sjednocení ikony koše s mini-cart v hlavičce.
 * Block cart renderuje vlastní <svg> uvnitř <button class="wc-block-cart-item__remove-link">,
 * který nezávisí na našem grohman_theme-cart-remove--css. Skryjeme nativní SVG (i text)
 * a přes ::before vykreslíme stejné data-URI jako v mini-cart (`--grohman_theme-cart-trash-icon-bg`).
 */
html body.woocommerce-cart .wc-block-cart-item__remove-link {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.75rem !important;
	height: 1.75rem !important;
	padding: 0.25rem !important;
	color: transparent !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0.35rem !important;
	box-shadow: none !important;
	overflow: visible !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease;
}

html body.woocommerce-cart .wc-block-cart-item__remove-link > svg,
html body.woocommerce-cart .wc-block-cart-item__remove-link > span {
	display: none !important;
}

html body.woocommerce-cart .wc-block-cart-item__remove-link::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.125rem;
	height: 1.125rem;
	background-color: transparent !important;
	background-image: var(--grohman_theme-cart-trash-icon-bg) !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
}

html body.woocommerce-cart .wc-block-cart-item__remove-link:hover {
	background-color: rgba(212, 175, 55, 0.12) !important;
}

html body.woocommerce-cart .wc-block-cart-item__remove-link:hover::before {
	background-image: var(--grohman_theme-cart-trash-icon-bg-brand) !important;
}

/*
 * Pokladna: souhrn v pravém sloupci (klasický shortcode checkout).
 * Blocková pokladna WooCommerce šablonu nepoužívá.
 */
.grohman_theme-checkout-layout {
	display: block;
}

@media (min-width: 992px) {
	.grohman_theme-checkout-layout:not(.grohman_theme-checkout-layout--summary-only) {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(26rem, min(40rem, 44vw));
		gap: 2rem 2.5rem;
		align-items: start;
	}

	.grohman_theme-checkout-layout__primary {
		min-width: 0;
	}

	.grohman_theme-checkout-layout__aside {
		position: sticky;
		top: 5.5rem;
		padding: 1.25rem 1.35rem;
		border-radius: 1rem;
		border: 1px solid rgba(227, 114, 84, 0.15);
		background: var(--sk-color-surface);
		background-image: var(--sk-premium-texture-bg-image);
		box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
		min-width: 0;
	}

	.grohman_theme-checkout-layout__aside #order_review_heading {
		margin-top: 0;
		font-size: 1.125rem;
		margin-bottom: 0.75rem;
		font-family: var(--sk-font-heading);
		color: var(--color-gray-900);
		font-weight: 600;
	}
}

/* Souhrn pokladny: méně „black“ než výchozí WC / theme strong */
.grohman_theme-checkout-layout__aside .woocommerce-checkout-review-order-table th,
.grohman_theme-checkout-layout__aside .woocommerce-checkout-review-order-table td {
	font-weight: 400;
}

.grohman_theme-checkout-layout__aside .woocommerce-checkout-review-order-table th {
	font-weight: 500;
}

.grohman_theme-checkout-layout__aside .woocommerce-checkout-review-order-table .order-total th,
.grohman_theme-checkout-layout__aside .woocommerce-checkout-review-order-table .order-total td,
.grohman_theme-checkout-layout__aside .woocommerce-checkout-review-order-table .cart-subtotal th,
.grohman_theme-checkout-layout__aside .woocommerce-checkout-review-order-table .cart-subtotal td {
	font-weight: 600;
}

.grohman_theme-checkout-layout__aside #order_review strong {
	font-weight: 600;
}

.grohman_theme-checkout-layout__aside ul#shipping_method label,
.grohman_theme-checkout-layout__aside .woocommerce-shipping-totals label,
.grohman_theme-checkout-layout__aside .woocommerce-shipping-methods label {
	font-weight: 500;
}

.grohman_theme-checkout-layout__aside .woocommerce-terms-and-conditions-wrapper,
.grohman_theme-checkout-layout__aside .woocommerce-privacy-policy-text {
	font-weight: 400;
}

/* Doprava + widget výdejního místa: některé pluginy nastavují 700–800 — sjednotit čitelnější váhu */
.grohman_theme-checkout-layout__aside #order_review .woocommerce-shipping-totals td {
	font-weight: 400;
}

.grohman_theme-checkout-layout__aside #order_review .woocommerce-shipping-totals td b,
.grohman_theme-checkout-layout__aside #order_review .woocommerce-shipping-totals td strong {
	font-weight: 600;
}

/* Dvojitá oddělovací čára nad řádkem „Celkem“: sloučit (horní border order-total + spodní border předchozího řádku) */
.grohman_theme-checkout-layout__aside #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.grohman_theme-checkout-layout__aside #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total td {
	border-top: none !important;
	box-shadow: none !important;
}

.grohman_theme-checkout-layout__aside #order_review .woocommerce-checkout-review-order-table tfoot tr:has(+ tr.order-total) th,
.grohman_theme-checkout-layout__aside #order_review .woocommerce-checkout-review-order-table tfoot tr:has(+ tr.order-total) td {
	border-bottom: none !important;
}

/*
 * Stránka košíku: tabulka vlevo, souhrn (Celkem k platbě) vpravo — stejná logika šířky jako pokladna.
 * Oddělovací čáry v cart_totals: viz partial 15 (načítá se později) — sloučení řádku nad order-total + styl celku.
 */
.grohman_theme-cart-layout {
	display: block;
}

@media (min-width: 992px) {
	.grohman_theme-cart-layout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(26rem, min(40rem, 44vw));
		gap: 2rem 2.5rem;
		align-items: start;
	}

	.grohman_theme-cart-layout__primary {
		min-width: 0;
	}

	.grohman_theme-cart-layout__aside {
		position: sticky;
		top: 5.5rem;
		padding: 1.25rem 1.35rem;
		border-radius: 1rem;
		border: 1px solid rgba(227, 114, 84, 0.15);
		background: var(--sk-color-surface);
		background-image: var(--sk-premium-texture-bg-image);
		box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
		min-width: 0;
	}

	.grohman_theme-cart-layout__aside .cart-collaterals {
		width: 100%;
		float: none;
	}

	.grohman_theme-cart-layout__aside .cart_totals {
		float: none !important;
		width: 100% !important;
	}

	.grohman_theme-cart-layout__aside .cross-sells {
		float: none !important;
		width: 100% !important;
		clear: both;
		margin-top: 1.5rem;
	}
}

/*
 * Náhled produktu v tabulce košíku: WC (.woocommerce img { max-width:100% }) jinak stlačí obrázek
 * do úzké buňky na pár pixelů — fixní šířka sloupce + min. rozměr náhledu.
 */
.woocommerce-cart-form table.shop_table_responsive .product-thumbnail {
	width: 7.5rem;
	min-width: 7.5rem;
	max-width: 7.5rem;
	vertical-align: middle;
}

.woocommerce-cart-form table.shop_table_responsive .product-thumbnail img {
	width: 6.5rem !important;
	max-width: 6.5rem !important;
	height: auto !important;
	object-fit: cover;
	border-radius: 0.375rem;
	display: block;
}

/*
 * Foundation vrstva (partial 15): u klasického košíku byly .woocommerce-cart-form a .cart-collaterals
 * přímými flex dětmi .woocommerce (65 % / 35 %). Po zavedení .grohman_theme-cart-layout zůstaly šířky na formu
 * a collaterals — procenta se počítají z levého sloupce gridu → zbytečně úzký obsah a „díra“ uprostřed.
 * Přepíšeme na plnou šířku sloupce; grid drží poměr v 07 výše.
 */
@media (min-width: 1024px) {
	html body.woocommerce-cart .woocommerce:has(.grohman_theme-cart-layout) {
		display: block !important;
		flex-direction: unset !important;
		flex-wrap: unset !important;
		gap: unset !important;
		align-items: unset !important;
	}

	html body.woocommerce-cart .grohman_theme-cart-layout .woocommerce-cart-form,
	html body.woocommerce-cart .grohman_theme-cart-layout .cart-collaterals {
		width: auto !important;
		max-width: none !important;
		flex: none !important;
		margin-left: 0 !important;
	}
}

/*
 * Blokový košík (WC Blocks): `.wp-block-woocommerce-filled-cart-block` + `.wc-block-components-sidebar-layout`.
 * Partial 15 dřív flexoval jen `.wp-block-woocommerce-cart` — bez úzkého rozvržení prvního sloupce.
 */
@media (min-width: 1024px) {
	html body.woocommerce-cart .wp-block-woocommerce-filled-cart-block .wc-block-components-sidebar-layout,
	html body.woocommerce-page.woocommerce-cart .wp-block-woocommerce-filled-cart-block .wc-block-components-sidebar-layout {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 2.5rem !important;
		align-items: flex-start !important;
	}

	html body.woocommerce-cart .wp-block-woocommerce-filled-cart-block .wc-block-components-main,
	html body.woocommerce-page.woocommerce-cart .wp-block-woocommerce-filled-cart-block .wc-block-components-main {
		flex: 1 1 calc(65% - 1.25rem) !important;
		width: calc(65% - 1.25rem) !important;
		max-width: calc(65% - 1.25rem) !important;
		min-width: min(100%, 22rem) !important;
	}

	html body.woocommerce-cart .wp-block-woocommerce-filled-cart-block .wc-block-components-sidebar,
	html body.woocommerce-page.woocommerce-cart .wp-block-woocommerce-filled-cart-block .wc-block-components-sidebar {
		flex: 0 1 calc(35% - 1.25rem) !important;
		width: calc(35% - 1.25rem) !important;
		max-width: calc(35% - 1.25rem) !important;
		min-width: min(100%, 16rem) !important;
		margin-top: 0 !important;
		margin-left: auto !important;
	}
}

@media (min-width: 768px) {
	html body.woocommerce-cart .wc-block-cart-items th.wc-block-cart-items__header-image,
	html body.woocommerce-cart .wc-block-cart-items td.wc-block-cart-item__image {
		width: 5.75rem !important;
		min-width: 5.75rem !important;
		max-width: 6rem !important;
		box-sizing: border-box !important;
	}

	html body.woocommerce-cart .wc-block-cart-items th.wc-block-cart-items__header-product,
	html body.woocommerce-cart .wc-block-cart-items td.wc-block-cart-item__product {
		min-width: 14rem !important;
		width: auto !important;
	}

	html body.woocommerce-cart .wc-block-cart-items th.wc-block-cart-items__header-total,
	html body.woocommerce-cart .wc-block-cart-items td.wc-block-cart-item__total {
		width: 9rem !important;
		min-width: 7rem !important;
	}
}

/* Náhled produktu v blokovém košíku — lehké zaoblení (klasický košík: partial 15 + výše .product-thumbnail img) */
html body.woocommerce-cart .wc-block-cart-item__image img,
html body.woocommerce-page.woocommerce-cart .wc-block-cart-item__image img {
	border-radius: 0.5rem !important;
}

html body .wc-block-mini-cart__product-item .wc-block-mini-cart__product-image img {
	border-radius: 0.45rem !important;
}

/* Souhrn v postranním sloupci (košík / pokladna) + checkout order summary */
html body.woocommerce-checkout .wc-block-components-product-image img,
html body.woocommerce-cart .wc-block-components-product-image img,
html body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-cart-items-block img {
	border-radius: 0.5rem !important;
}


/* 08-primary-nav-dropdowns.css */

/*
 * Primární menu: .sub-menu ve WP nemá skrytí — bez display:none + position:absolute
 * zůstane megamenu v toku dokumentu a „rozbije“ hlavička (starý motiv používal .main-navigation).
 */
.grohman_theme-primary-menu > .menu-item {
	position: relative;
}

/* Odsazení menu od loga jako v navrh/index.html (lg:ml-8 xl:ml-16) */
@media (min-width: 1024px) {
	.grohman_theme-primary-nav {
		margin-left: 2rem;
		justify-content: flex-start;
	}
}
@media (min-width: 1280px) {
	.grohman_theme-primary-nav {
		margin-left: 4rem;
	}
}

/* Top-level odkazy: navrh — 13px, tracking 0.1em (TW text-[13px] často v buildu není) */
.grohman_theme-primary-menu > .menu-item > a.grohman_theme-primary-menu__link {
	font-size: 0.8125rem;
	line-height: 1.25rem;
	letter-spacing: 0.1em;
	color: var(--color-gray-700);
}

.grohman_theme-primary-menu > .menu-item:hover > a.grohman_theme-primary-menu__link,
.grohman_theme-primary-menu > .menu-item:focus-within > a.grohman_theme-primary-menu__link {
	color: var(--color-gray-900);
}

.grohman_theme-primary-menu > .menu-item:hover .grohman_theme-menu-caret,
.grohman_theme-primary-menu > .menu-item:focus-within .grohman_theme-menu-caret {
	transform: rotate(180deg);
}

.grohman_theme-menu-caret {
	color: var(--sk-color-brand);
}

.grohman_theme-menu-caret--svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.875rem;
	height: 0.875rem;
}

.grohman_theme-menu-caret--svg svg {
	width: 100%;
	height: 100%;
	fill: currentColor;
}

/* Jen jedna šipka: PHP přidává .grohman_theme-menu-caret; legacy / plugin může mít ::after/::before na odkazu */
.grohman_theme-primary-menu > .menu-item > a.grohman_theme-primary-menu__link::before,
.grohman_theme-primary-menu > .menu-item > a.grohman_theme-primary-menu__link::after {
	content: none !important;
	display: none !important;
}

.grohman_theme-primary-menu > .menu-item > a.grohman_theme-primary-menu__link .grohman_theme-menu-caret ~ .grohman_theme-menu-caret {
	display: none !important;
}

.grohman_theme-primary-menu .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0.5rem 0;
	position: absolute;
	left: 0;
	/*
	 * top: 100% — žádná mezera mezi <li> a submenu. Dříve calc(100% + 2px) nechávala 2px „vzduch“,
	 * kde kurzor nebyl nad .sub-menu ani nad ::before (zlatý proužek jen ~48px) → submenu zmizelo.
	 */
	top: 100%;
	z-index: 130;
	min-width: 12rem;
	display: block;
	opacity: 0;
	visibility: hidden;
	border-radius: 0.75rem;
	box-shadow:
		0 25px 50px -12px rgba(0, 0, 0, 0.12),
		0 0 0 1px rgba(229, 169, 59, 0.15);
	transition:
		opacity 0.14s ease,
		visibility 0s linear 0.16s;
}

/* Samotné pozadí jen u submenu bez „látky“ — .mega-menu-fabric má vlastní gradient níže */
.grohman_theme-primary-menu .sub-menu:not(.mega-menu-fabric) {
	background: var(--color-white, #fff);
}

/* Klasický dropdown (Úzký panel): stejný podklad jako .mega-menu-fabric / megamenu */
.grohman_theme-primary-menu .sub-menu.mega-menu-fabric {
	background-color: #ffffff;
	background-image: repeating-linear-gradient(
		-45deg,
		rgba(212, 175, 55, 0.04),
		rgba(212, 175, 55, 0.04) 2px,
		transparent 2px,
		transparent 8px
	);
	border: 1px solid rgba(229, 169, 59, 0.3);
	box-shadow:
		0 35px 60px -15px rgba(166, 75, 56, 0.15),
		0 0 20px rgba(229, 169, 59, 0.08);
}

.grohman_theme-primary-menu .menu-item-has-children:hover > .sub-menu,
.grohman_theme-primary-menu .menu-item-has-children:focus-within > .sub-menu,
.grohman_theme-primary-menu .menu-item-has-children.grohman_theme-menu-item-open > .sub-menu,
.grohman_theme-primary-menu .grohman_theme-has-shop-mega:hover > .sub-menu,
.grohman_theme-primary-menu .grohman_theme-has-shop-mega:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s;
}

/*
 * Woo megamenu: navrh/index.html — absolute -left-8 top-full pt-4 w-[900px] (ne centrovat translateX).
 */
.grohman_theme-primary-menu .sub-menu.grohman_theme-mega-shop-list {
	left: -2rem;
	right: auto;
	transform: none;
	width: min(56.25rem, calc(100vw - 2rem));
	/* max-width:100% by vážilo panel na úzké <li> — megamenu by se zhroutilo na pruh */
	max-width: none;
	padding: 1rem 0 0;
	margin: 0;
	top: 100%;
	background: transparent;
	box-shadow: none;
	border: none;
	border-radius: 0;
}

.grohman_theme-primary-menu .sub-menu .menu-item {
	position: relative;
}

.grohman_theme-primary-menu .sub-menu .menu-item-has-children > .sub-menu {
	left: 100%;
	top: 0;
	transform: none;
	width: auto;
	min-width: 12rem;
}

/* Klasický dropdown: vycentrovat pod hlavní položku (navrh), šířka ~280px */
.grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega) > .sub-menu.grohman_theme-dropdown-panel {
	left: 50%;
	right: auto;
	/* Lehce nahoru = překryv s <li> (plná šířka panelu je „hover“), padding dorovná obsah */
	transform: translate(-50%, -0.625rem);
	width: min(17.5rem, calc(100vw - 2rem));
	min-width: 0;
	max-width: calc(100vw - 2rem);
	padding: 1rem;
	padding-top: calc(0.75rem + 0.625rem);
	border-radius: 1.5rem 0.5rem 1.5rem 0.5rem;
	box-shadow:
		0 35px 60px -15px rgba(166, 75, 56, 0.15),
		0 0 0 1px rgba(229, 169, 59, 0.2);
}

/* Zlatý proužek nahoře u úzkého panelu — uprostřed nad položkou */
.grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega) > .sub-menu.grohman_theme-dropdown-panel.mega-menu-fabric::before {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

.grohman_theme-primary-menu .grohman_theme-dropdown-link {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.grohman_theme-primary-menu .grohman_theme-dropdown-link:hover {
	background-color: rgba(253, 242, 240, 0.5);
	color: var(--sk-color-brand);
}

.grohman_theme-primary-menu .grohman_theme-dropdown-link:hover .grohman_theme-dropdown-link__icon {
	color: var(--sk-color-brand);
}

/* Dropdown jako v návrhu: první položka výraznější + jemný oddělovač pod ní (ul = .sub-menu.grohman_theme-dropdown-panel, ne megamenu obchodu) */
.grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel:not(.grohman_theme-mega-shop-list) > .menu-item:first-child {
	margin-bottom: 0.25rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

.grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel:not(.grohman_theme-mega-shop-list) > .menu-item:first-child .grohman_theme-dropdown-link {
	font-weight: 600;
	color: var(--color-gray-900);
}

.grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel:not(.grohman_theme-mega-shop-list) > .menu-item:not(:first-child) .grohman_theme-dropdown-link {
	font-weight: 400;
	color: var(--color-gray-600);
}



/* 09-megamenu-shop-promo.css */
/*
 * Rozložení megamenu: jako navrh/index.html — flex + stretch (grid u nás nedával promo plnou výšku řádku).
 */
.grohman_theme-mega-shop__inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 2rem;
	padding: 2rem;
	min-width: 0;
}

.grohman_theme-mega-shop__categories {
	flex: 1 1 0%;
	min-width: 0;
	min-height: 0;
}

.grohman_theme-mega-shop__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem; /* o něco těsněji než původní 1.5rem — menší skok od hlavičky k první kategorii */
	padding-bottom: 0.75rem;
	border-bottom: 1px solid rgba(227, 114, 84, 0.12);
}

.grohman_theme-mega-shop__title {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-family: var(--sk-font-heading);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--color-gray-900);
}

.grohman_theme-mega-shop__all {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--sk-color-burgundy-dark);
	text-decoration: none;
	transition: color 0.2s ease;
}

.grohman_theme-mega-shop__all:hover {
	color: var(--sk-color-brand);
}

.grohman_theme-mega-shop__grid--columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 2rem;
}

/*
 * Návrh: grid 2×2 s gap-y-8 mezi buňkami. U nás jsou 2 sloupce se stackem bloků — gap-y-8 = 2rem mezi skupinami v sloupci.
 */
.grohman_theme-mega-shop__column {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	min-width: 0;
}

.grohman_theme-mega-shop__grid--columns .grohman_theme-mega-shop__empty {
	grid-column: 1 / -1;
	margin: 0;
	padding: 0.25rem 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--color-gray-600);
}

.grohman_theme-mega-shop__parent {
	display: flex;
	align-items: center;
	gap: 0.75rem; /* gap-3 jako v návrhu */
	margin-bottom: 0.5rem; /* návrh mb-3 — vizuálně úzký skok k první podkategorii (space-y-2.5 u <ul>) */
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.25;
	color: var(--color-gray-900);
	text-decoration: none;
	transition: color 0.2s ease;
}

.grohman_theme-mega-shop__parent:hover {
	color: var(--sk-color-brand);
}

/*
 * Ikony kategorií: navrh — w-10 h-10 organic-shape-alt bg-surface (ne kruh)
 * .organic-shape-alt { border-radius: 0.5rem 1.5rem 0.5rem 1.5rem; }
 */
.grohman_theme-mega-shop__icon {
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem 1.5rem 0.5rem 1.5rem;
	background: var(--sk-color-surface);
	border: 1px solid rgba(227, 114, 84, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	color: var(--sk-color-brand);
	transition:
		transform 0.2s ease,
		background-color 0.2s ease,
		color 0.2s ease,
		border-color 0.2s ease;
}

.grohman_theme-mega-shop__icon i {
	font-size: 1.125rem; /* text-lg */
	line-height: 1;
}

.grohman_theme-mega-shop__parent:hover .grohman_theme-mega-shop__icon {
	background-color: var(--sk-color-brand);
	border-color: var(--sk-color-brand);
	color: #fff;
	transform: scale(1.1);
}

/* Obal podkategorií — žádné zbytečné odsazení zvenku */
.grohman_theme-mega-shop__subs {
	margin: 0;
	padding: 0;
}

/*
 * Podkategorie: zarovnání s textem hlavní kategorie (.grohman_theme-mega-shop__icon 2.5rem + gap 0.75rem u .grohman_theme-mega-shop__parent).
 * Stejné jako navrh pl-[3.25rem].
 */
.mega-menu-fabric ul.grohman_theme-mega-shop__sublist {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: calc(2.5rem + 0.75rem) !important;
	padding-inline-start: calc(2.5rem + 0.75rem) !important;
	list-style: none;
	border: none !important;
	box-shadow: none !important;
}

.grohman_theme-mega-shop__subs li {
	margin-bottom: 0.625rem; /* návrh: space-y-2.5 u .sublist */
	padding: 0;
	line-height: 1.35;
	border: none !important;
}

.grohman_theme-mega-shop__subs li:last-child {
	margin-bottom: 0;
}

.grohman_theme-mega-shop__subcat {
	display: inline-flex;
	align-items: center;
	font-size: 0.875rem;
	line-height: 1.25;
	font-weight: 400;
	color: var(--color-gray-600);
	text-decoration: none;
	transition:
		color 0.2s ease,
		transform 0.2s ease;
}

/* Vyšší specificita než případné .font-medium na odkazu */
.mega-menu-fabric .grohman_theme-mega-shop__categories a.grohman_theme-mega-shop__subcat {
	font-weight: 400;
}

.grohman_theme-mega-shop__subcat::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	flex-shrink: 0;
	border-radius: 50%;
	margin-right: 0.625rem; /* větší než dříve; návrh .subcat-link používá 8px */
	background-color: var(--sk-color-brand);
	opacity: 0.3;
	transition:
		opacity 0.2s ease,
		transform 0.2s ease;
}

.grohman_theme-mega-shop__subcat:hover {
	color: var(--sk-color-brand);
	transform: translateX(4px);
}

.grohman_theme-mega-shop__subcat:hover::before {
	opacity: 1;
	transform: scale(1.5);
}

/*
 * Promo: w-[35%] v návrhu — flex sloupec se táhne na výšku kategorií; obrázek vyplní celý box (žádná mezera pod kartou)
 */
.grohman_theme-mega-shop__promo {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	overflow: hidden;
	flex: 0 0 35%;
	width: 35%;
	max-width: 35%;
	min-width: 12.5rem;
	min-height: 17rem;
	border-radius: 1.5rem 0.5rem 1.5rem 0.5rem;
	background: var(--color-gray-100);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	text-decoration: none;
	color: inherit;
	align-self: stretch;
}

/* text-sm + mb-4 z návrhu — bez zbytečné mezery od výchozích stylů p */
.mega-menu-fabric .grohman_theme-mega-shop__promo-text {
	margin: 0 0 1rem;
	font-size: 0.875rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.82);
}

.grohman_theme-mega-shop__promo-img {
	position: absolute;
	inset: 0;
	z-index: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.7s ease;
}

/*
 * WC woocommerce-layout.css: .woocommerce img { height:auto; max-width:100% } platí na celém body u Woo stránek
 * včetně hlavičky — přebije výše uvedené height:100 % u absolutního cover obrázku → špatný ořez / zoom.
 */
.woocommerce .grohman_theme-mega-shop__promo-img,
.woocommerce-page .grohman_theme-mega-shop__promo-img {
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center;
}

.grohman_theme-mega-shop__promo:hover .grohman_theme-mega-shop__promo-img {
	transform: scale(1.05);
}

.grohman_theme-mega-shop__promo-overlay {
	position: relative;
	z-index: 10;
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1.5rem;
	background: linear-gradient(
		to top,
		rgb(17 24 39 / 0.9) 0%,
		rgb(17 24 39 / 0.2) 45%,
		transparent 100%
	);
	color: #fff;
}

/* Promo obrázek — štítek, nadpis, CTA (navrh/index.html: bg-burgundy badge, font-heading titul, …) */
.grohman_theme-mega-shop__promo-badge {
	display: inline-block;
	width: fit-content;
	max-width: 100%;
	margin: 0 0 0.75rem;
	padding: 0.25rem 0.625rem;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background-color: var(--sk-color-burgundy);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 0.25rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.grohman_theme-mega-shop__promo-title {
	display: block;
	margin: 0 0 0.5rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.grohman_theme-mega-shop__promo-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.25rem;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	transition: color 0.2s ease;
}

.grohman_theme-mega-shop__promo:hover .grohman_theme-mega-shop__promo-cta {
	color: var(--sk-color-brand);
}

.grohman_theme-mega-shop__promo-cta-icon {
	transition: transform 0.2s ease;
}

.grohman_theme-mega-shop__promo:hover .grohman_theme-mega-shop__promo-cta-icon {
	transform: translateX(4px);
}

@media (max-width: 1023px) {
	.grohman_theme-mega-shop__inner {
		flex-direction: column;
	}

	.grohman_theme-mega-shop__promo {
		flex: 1 1 auto;
		max-width: none;
		width: 100%;
		min-height: 14rem;
	}

	.grohman_theme-mega-shop__grid--columns {
		grid-template-columns: 1fr;
	}
}

/* Hlavička: žádné podtržení odkazů (Woo / výchozí prohlížeč) */
#masthead a,
.grohman_theme-top-bar a {
	text-decoration: none;
}
#masthead a:hover,
.grohman_theme-top-bar a:hover {
	text-decoration: none;
}

/* Promo megamenu bez fotky — čitelný přechod přes šedý podklad */
.grohman_theme-mega-shop__promo--no-image .grohman_theme-mega-shop__promo-overlay {
	background: linear-gradient(
		to top,
		rgb(17 24 39 / 0.95),
		rgb(55 65 81 / 0.88) 45%,
		rgb(75 85 99 / 0.75)
	);
}


/* 11-woocommerce-single-product.css */
/**
 * Jednotlivý produkt: štítky z product_tag (PHP) + jemné doladění galerie.
 *
 * WooCommerce styly v woocommerce.css cílí na řetězec .woocommerce div.product … — obal produktu
 * musí být <div>, ne <article>, jinak se nepoužije position:relative u galerie, float u náhledů ani pozice lupy.
 *
 * woocommerce-layout.css dává .woocommerce div.product div.images a div.summary float + width:48 % pro
 * klasické dva sloupce vedle sebe. V motivu jsou ale vnořené do vlastní CSS mřížky — 48 % pak zúží galerii.
 *
 * POZOR na selektor: třídy .woocommerce a .single-product jsou typicky na <body> najednou — zápis
 * „.single-product .woocommerce …“ vyžaduje vnořený prvek s .woocommerce (žádný takový není), pravidla se
 * neaplikují. Správně: .woocommerce.single-product (stejný element jako body).
 */
.woocommerce.single-product div.product .grid .grohman_theme-single-product-media div.images,
.woocommerce-page.single-product div.product .grid .grohman_theme-single-product-media div.images,
.woocommerce.single-product div.product .grohman_theme-single-product-media div.images,
.woocommerce-page.single-product div.product .grohman_theme-single-product-media div.images {
	float: none !important;
	width: 100% !important;
	max-width: 100%;
}

.woocommerce.single-product div.product .grid .summary.entry-summary,
.woocommerce-page.single-product div.product .grid .summary.entry-summary {
	float: none !important;
	width: 100% !important;
	max-width: 100%;
	clear: none;
}

.woocommerce.single-product div.product.grohman_theme-product-detail,
.woocommerce-page.single-product div.product.grohman_theme-product-detail {
	color: var(--color-gray-900);
}

.woocommerce.single-product div.product.grohman_theme-product-detail > .grid,
.woocommerce-page.single-product div.product.grohman_theme-product-detail > .grid {
	align-items: start;
}

.woocommerce.single-product .grohman_theme-single-product-summary,
.woocommerce-page.single-product .grohman_theme-single-product-summary {
	padding-top: 0.25rem;
}

.woocommerce.single-product .grohman_theme-single-product-summary h1,
.woocommerce-page.single-product .grohman_theme-single-product-summary h1 {
	margin-bottom: 0.75rem !important;
	font-weight: 700 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.02em;
	color: #181818 !important;
}

/* „Novinka“ / „Limitovaná edice“ — viz grohman_theme_product_tag_badges() */
.grohman_theme-single-product-media .vlastni-stitky-wrapper {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
	gap: 0.45rem;
	max-width: calc(100% - 4.5rem);
	pointer-events: none;
}

.grohman_theme-single-product-media .stitek-vlastni {
	display: inline-block;
	padding: 0.5rem 1.5rem;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	box-shadow: 0 8px 20px rgba(107, 30, 46, 0.12);
}

/* Detail podle vzoru používá ostrý obdélníkový štítek. */
.grohman_theme-single-product-media .stitek-vlastni.organic-shape-alt {
	border-radius: 0.5rem;
}

/*
 * Sleva — stejná vínová jako na kartách obchodu (Tailwind bg-burgundy = --sk-color-burgundy), ne gold.
 */
.grohman_theme-single-product-media .stitek-sleva {
	background-color: var(--sk-color-burgundy);
	color: #fff;
}

/* Návrh index_detail.html — burgundy štítek s tmavým textem */
.grohman_theme-single-product-media .stitek-novinka {
	background-color: var(--sk-color-brand, #d4af37);
	color: var(--color-gray-900);
}

.grohman_theme-single-product-media .stitek-limitka {
	background-color: var(--sk-color-brand);
	color: var(--color-gray-900);
}

/*
 * Lupa + galerie: WooCommerce používá řetězec .woocommerce div.product div.images … (vysoká specificita + !important u náhledů).
 * Bez prefixu body + .grohman_theme-product-detail naše pravidla v DevTools „nevidíte“ — vyhrává wc.css (.flex-wrap: wrap atd.).
 */
/*
 * Lupa — navrh/index_detail.html: kruh 48×48, ph-magnifying-glass-plus, right/top 1.5rem.
 * WooCommerce jinak kreslí čočku přes ::before/::after a skrývá emoji — nahrazuje grohman_theme-product-gallery-trigger-icon.js.
 */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger {
	left: auto;
	right: 1.5rem;
	top: 1.5rem;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: none;
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.92) !important;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.1);
	backdrop-filter: blur(6px);
	text-indent: 0 !important;
	overflow: visible;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	color: var(--color-gray-700, #374151);
	transition:
		transform 0.2s ease,
		background 0.2s ease,
		color 0.2s ease;
}

/* WooCommerce čočka + „klacek“ — skrýt; novou ikonu kreslíme níže (::after maska + případné SVG v HTML) */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger::before,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger::before {
	display: none !important;
	content: none !important;
	border: none !important;
	background: none !important;
}

/*
 * Záloha viditelné ikony: jiné skripty mohou přepsat obsah <a>; maska na ::after zůstane.
 * Barva z currentColor (hover → brand z pravidla výše).
 */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger::after {
	display: block !important;
	content: '' !important;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	transform: translate(-50%, -50%) !important;
	background-color: currentColor !important;
	background-image: none !important;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M152 112a8 8 0 0 1-8 8h-24v24a8 8 0 0 1-16 0v-24H80a8 8 0 0 1 0-16h24V80a8 8 0 0 1 16 0v24h24a8 8 0 0 1 8 8Zm77.66 117.66a8 8 0 0 1-11.32 0l-50.06-50.07a88.11 88.11 0 1 1 11.31-11.31l50.07 50.06a8 8 0 0 1 11.31 11.32ZM112 184a72 72 0 1 0-72-72 72.08 72.08 0 0 0 72 72Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M152 112a8 8 0 0 1-8 8h-24v24a8 8 0 0 1-16 0v-24H80a8 8 0 0 1 0-16h24V80a8 8 0 0 1 16 0v24h24a8 8 0 0 1 8 8Zm77.66 117.66a8 8 0 0 1-11.32 0l-50.06-50.07a88.11 88.11 0 1 1 11.31-11.31l50.07 50.06a8 8 0 0 1 11.31 11.32ZM112 184a72 72 0 1 0-72-72 72.08 72.08 0 0 0 72 72Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	z-index: 1;
	pointer-events: none;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger:hover,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__trigger:hover {
	transform: scale(1.1);
	background: #fff !important;
	color: var(--sk-color-brand);
}

/* Pozadí stránky detailu — systémový prémiový podklad. */
body.woocommerce.single-product #site-content-contain.site-content-contain,
body.woocommerce-page.single-product #site-content-contain.site-content-contain {
	background-color: var(--sk-color-surface, #f8f7f5) !important;
	background-image: var(--sk-premium-texture-bg-image) !important;
}

/*
 * Galerie: vzor používá čistý bílý obdélník s jemným okrajem.
 * WC 10+: galerie je jeden <div class="woocommerce-product-gallery … images"> — musí být div.images.woocommerce-product-gallery,
 * ne div.images .woocommerce-product-gallery (to by se nikdy neshodovalo).
 * Pozadí průhledné — hlavní rám vykresluje viewport/wrapper.
 *
 * DŮLEŽITÉ: Zaoblení + overflow jen u .flex-viewport (hlavní slide). Když jsou na celém .woocommerce-product-gallery,
 * oříznou se i ol.flex-control-thumbs dole („polobox“, podivné U a ořez miniatur).
 */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery {
	--sk-pg-radius: var(--grohman-loop-media-radius, 0.875rem);
	position: relative;
	overflow: visible;
	border-radius: var(--sk-pg-radius) !important;
	background: transparent;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper {
	border-radius: var(--sk-pg-radius) !important;
	background-color: transparent;
}

/* Více obrázků (flexslider): rám pouze na hlavním viewportu, miniatury zůstávají mimo. */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport {
	position: relative;
	border: 0;
	border-radius: var(--sk-pg-radius) !important;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden !important;
	background: transparent !important;
	box-shadow: none;
	isolation: isolate;
	transform: translateZ(0);
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport::before,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport::before,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper::before,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper::before {
	content: none;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport::after,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper::after {
	content: none;
}

/* Jeden obrázek — bez .flex-viewport; stejný tvar na __wrapper */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper {
	position: relative;
	border: 0;
	border-radius: var(--sk-pg-radius) !important;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden !important;
	background: transparent !important;
	box-shadow: none;
	isolation: isolate;
	transform: translateZ(0);
}

/* WooCommerce woocommerce.css — .zoomImg má background:#fff (jquery.zoom) */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper .zoomImg,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper .zoomImg {
	background-color: transparent !important;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flexslider .slides > li,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flexslider .slides > li {
	background-color: transparent !important;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-viewport .slides,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-viewport .slides,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-viewport .slides > li.flex-active-slide,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-viewport .slides > li.flex-active-slide {
	position: relative;
	z-index: 1;
	overflow: hidden !important;
	border-radius: var(--sk-pg-radius) !important;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a {
	background-color: transparent;
}

/* Obal snímku — stejný tvar, aby mezi img a rohem neprosvítalo pozadí */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
	position: relative;
	overflow: hidden !important;
	border-radius: var(--sk-pg-radius) !important;
}

/* Odkaz kolem hlavní fotky — stejný tvar jako viewport (jinak „ostrý“ box odkazu překrývá rohy) */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image > a,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image > a,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a {
	position: relative;
	display: block;
	width: calc(100% - 28px) !important;
	margin: 14px !important;
	overflow: hidden !important;
	border-radius: var(--sk-pg-radius) !important;
	box-shadow: 0 0 0 14px #fff;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image > a::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image > a::after,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a::after {
	content: none;
}

/* Hlavní fotka: stejné rohy jako viewport — ne inherit z <a> (dříve dědilo 0 → chaotické rohy) */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image img,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery.flexslider .flex-viewport .woocommerce-product-gallery__image img,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images.woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
	border-radius: var(--sk-pg-radius) !important;
	background-color: transparent !important;
	vertical-align: middle;
}

/* Náhledy: musí přebít .woocommerce div.product div.images .flex-control-thumbs li { … !important } z wc.css */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 1rem !important;
	margin: 1.5rem 0 0 !important;
	padding: 0 0 0.35rem !important;
	overflow-x: auto;
	list-style: none !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li {
	position: relative;
	float: none !important;
	width: 6rem !important;
	min-width: 6rem;
	max-width: none !important;
	margin: 0 !important;
	padding: 0.45rem !important;
	border: 0;
	border-radius: var(--grohman-loop-media-radius, 0.875rem);
	outline: 0 !important;
	background: #fff !important;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	border: 2px solid transparent;
	border-radius: var(--grohman-loop-media-radius, 0.875rem);
	pointer-events: none;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li img,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li img {
	display: block;
	width: 100%;
	height: 100%;
	border: 0 !important;
	object-fit: cover;
	border-radius: calc(var(--grohman-loop-media-radius, 0.875rem) * 0.72);
	opacity: 0.45;
	outline: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	transition: opacity 0.2s ease;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li:hover img,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li:hover img,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li.flex-active-slide img,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li.flex-active-slide img {
	opacity: 1;
	box-shadow: none;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li.flex-active-slide,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li.flex-active-slide,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li:has(img.flex-active),
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li:has(img.flex-active) {
	outline: 0 !important;
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li.flex-active-slide::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li.flex-active-slide::after,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li:has(img.flex-active)::after,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li:has(img.flex-active)::after {
	border-color: var(--sk-color-brand);
}

.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li img.flex-active,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-media--detail div.images .flex-control-thumbs li img.flex-active {
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
}

/* Hodnocení nad nadpisem */
.grohman_theme-single-product-summary .woocommerce-product-rating {
	margin-bottom: 0.75rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.4rem;
	line-height: 1.35 !important;
	width: 100%;
	padding-left: 0;
	margin-left: 0;
}

/*
 * WooCommerce přidává ::before/::after (clearfix, display:table) — ve flex kontejneru berou místo
 * a odsunou hvězdy od levé hrany oproti nadpisu.
 */
.grohman_theme-single-product-summary .woocommerce-product-rating::before,
.grohman_theme-single-product-summary .woocommerce-product-rating::after {
	content: none !important;
	display: none !important;
}

.grohman_theme-single-product-summary .woocommerce-product-rating .star-rating {
	float: none !important;
	margin: 0 0.3rem 0 0 !important;
	color: var(--sk-color-brand);
	position: relative;
	top: 0;
}

/* Jako návrh u odkazu „(12 hodnocení)“: text-sm text-gray-500 */
.grohman_theme-single-product-summary .woocommerce-product-rating .woocommerce-review-link {
	margin: 0;
	line-height: inherit;
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--color-gray-500);
	text-decoration: none;
	transition: color 0.15s ease;
}

.grohman_theme-single-product-summary .woocommerce-product-rating .woocommerce-review-link:hover {
	color: var(--sk-color-brand);
}

/* Drobečky: aktuální produkt (návrh index_detail.html) */
.grohman_theme-single-product-breadcrumb .grohman_theme-breadcrumb-current {
	font-weight: 600;
	color: var(--color-gray-900);
}

/*
 * Cena v souhrnu (návrh index_detail.html — velká sans, tmavá šedá).
 * Globální inline z přizpůsobení cílí na .woocommerce-Price-amount.amount a přebíjelo by i Tailwind u .grohman_theme-product-price.
 */
.woocommerce.single-product div.product .summary.entry-summary p.price,
.woocommerce-page.single-product div.product .summary.entry-summary p.price {
	font-family: var(--font-sans);
	font-size: 1.625rem;
	line-height: 1.2;
	font-weight: 700;
	color: var(--sk-color-brand-dark);
}

.woocommerce.single-product div.product .summary.entry-summary p.price .woocommerce-Price-amount.amount,
.woocommerce-page.single-product div.product .summary.entry-summary p.price .woocommerce-Price-amount.amount {
	color: var(--sk-color-brand-dark);
}

.woocommerce.single-product div.product .summary.entry-summary p.price del,
.woocommerce-page.single-product div.product .summary.entry-summary p.price del {
	margin-right: 0.75rem;
	color: var(--sk-color-brand-dark);
	opacity: 1;
}

.woocommerce.single-product div.product .summary.entry-summary p.price del .woocommerce-Price-amount.amount,
.woocommerce-page.single-product div.product .summary.entry-summary p.price del .woocommerce-Price-amount.amount {
	color: var(--sk-color-brand-dark);
	font-weight: 400;
	font-size: 1rem;
}

.woocommerce.single-product div.product .summary.entry-summary p.price ins,
.woocommerce-page.single-product div.product .summary.entry-summary p.price ins {
	text-decoration: none;
}

.woocommerce.single-product div.product .summary.entry-summary p.price ins .woocommerce-Price-amount.amount,
.woocommerce-page.single-product div.product .summary.entry-summary p.price ins .woocommerce-Price-amount.amount {
	color: var(--sk-color-brand-dark);
}

/*
 * Meta — navrh/index_detail.html: obal text-sm text-gray-500, <strong> jen tučné v téže šedi co „Množství“.
 */
.grohman_theme-single-product-meta .grohman_theme-product-meta-label {
	font-weight: 700;
	color: var(--color-gray-500);
}

.grohman_theme-single-product-meta a {
	font-weight: 400;
	color: var(--sk-color-brand);
	text-decoration: none;
	transition: color 0.15s ease;
}

.grohman_theme-single-product-meta a:hover {
	color: var(--sk-color-burgundy-dark);
	text-decoration: underline;
}

.grohman_theme-single-product-meta {
	margin-top: 1.75rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid rgba(17, 24, 39, 0.1);
}

/* Řádek SKU / kategorie / štítky hned pod výňatkem (content-single-product.php) — bez spodní linky. */
.grohman_theme-single-product-meta--before-purchase {
	margin-top: 0;
	margin-bottom: 1.25rem;
	padding-bottom: 0;
	border-bottom: none;
}

.grohman_theme-single-product-summary > .grohman_theme-single-product-purchase--variable {
	margin-bottom: 0.4rem !important;
	padding-bottom: 0.4rem !important;
}

/* Výchozí Woo kruhová Sleva na detailu (pokud by se hook znovu zapojil) */
.woocommerce.single-product div.product.grohman_theme-product-detail span.onsale,
.woocommerce-page.single-product div.product.grohman_theme-product-detail span.onsale {
	display: none !important;
}

/* Nákupní blok — bílá karta + černé CTA jako ve vzoru detailu. */
.grohman_theme-single-product-purchase {
	margin-top: 0.5rem;
	padding: 1.25rem 1.5rem !important;
	border: 0 !important;
	border-radius: var(--grohman-loop-media-radius, 0.875rem);
	background: #fff;
	box-shadow: 0 12px 30px rgba(17, 24, 39, 0.05);
}

/*
 * Jednoduchý produkt (.purchase--simple): bez Tailwind py-8 (dvojitá vertikální mezera).
 * Spodek o něco větší než horní okraj — trochu vzduchu pod CTA, bez starého „hlubokého“ dna.
 */
.grohman_theme-single-product-summary > .grohman_theme-single-product-purchase.grohman_theme-single-product-purchase--simple {
	padding-top: 1.15rem !important;
	padding-bottom: 1.35rem !important;
	padding-inline: 1.5rem !important;
}

.grohman_theme-single-product-summary > .grohman_theme-single-product-purchase.grohman_theme-single-product-purchase--simple form.cart {
	margin-block-end: 0 !important;
	padding-block-end: 0 !important;
}

.grohman_theme-single-product-summary > .grohman_theme-single-product-purchase.grohman_theme-single-product-purchase--simple form.cart .single_add_to_cart_button {
	margin-bottom: 0 !important;
}

/*
 * Variabilní produkt: vnější obal bez „bílé bedny“ — výběr variant + ikona nad kartou
 * (.grohman_theme-single-product-purchase-card ve variable.php).
 */
.grohman_theme-single-product-purchase.grohman_theme-single-product-purchase--variable {
	padding: 0;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	border: none !important;
}

/* Mezera řádku velikosti od bílé karty (dřív Tailwind mb-2 ≈ 0.5rem). */
.grohman_theme-single-product-purchase--variable .grohman_theme-variation-picker {
	margin-bottom: 1.25rem;
}

.grohman_theme-single-product-purchase--variable .grohman_theme-single-product-purchase-card {
	margin-top: 0;
	padding-top: 1.15rem;
	/* Lehce větší než nahoře — oddech pod tlačítkem bez původního přemírného spodku. */
	padding-bottom: 1.35rem;
	padding-inline: 1.5rem;
	border: 0;
	border-radius: var(--grohman-loop-media-radius, 0.875rem);
	background: #fff;
	box-shadow: 0 12px 30px rgba(17, 24, 39, 0.05);
}

.grohman_theme-single-product-purchase--variable .grohman_theme-variation-picker__icon .ph {
	display: block;
	line-height: 1;
}

/*
 * Vnější řádek: flex-start — ikona se nestředuje k celé výšce __row-text (odkazy / hook).
 * Střed kruhu h-8 = střed textové řádky (0.875rem × 1.35) přes záporný margin-top na ikoně.
 */
.grohman_theme-single-product-purchase--variable .grohman_theme-variation-picker__fields.grohman_theme-variation-picker--inline {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.65rem 1rem;
	margin: 0;
	padding: 0;
	min-width: 0;
}

.grohman_theme-single-product-purchase--variable .grohman_theme-variation-picker__row-text {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.65rem 1rem;
	flex: 1 1 auto;
	min-width: 0;
}

.grohman_theme-single-product-purchase--variable .grohman_theme-variation-picker__icon {
	flex-shrink: 0;
	margin-top: calc((0.875rem * 1.35 - 2rem) / 2);
}

.grohman_theme-single-product-purchase--variable form.variations_form table.variations,
.grohman_theme-single-product-purchase--variable form.variations_form table.variations tbody,
.grohman_theme-single-product-purchase--variable form.variations_form table.variations tr {
	display: contents;
}

.grohman_theme-single-product-purchase--variable form.variations_form table.variations {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.grohman_theme-single-product-purchase--variable form.variations_form table.variations th.label {
	display: flex;
	flex: 0 0 auto;
	align-self: baseline;
	align-items: baseline;
	margin: 0;
	padding: 0;
	font-family: var(--font-sans), "Jost", ui-sans-serif, system-ui, sans-serif;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	/* Šedá štítek (ne téměř černá); stejný token jako Select2 níže. */
	color: var(--color-gray-600);
}

.grohman_theme-single-product-purchase--variable form.variations_form table.variations th.label label {
	margin: 0;
	cursor: pointer;
	line-height: 1.35;
}

.grohman_theme-single-product-purchase--variable form.variations_form table.variations td.value {
	display: flex;
	flex: 1 1 12rem;
	flex-wrap: wrap;
	align-self: baseline;
	align-items: center;
	gap: 0.35rem 0.75rem;
	min-width: 0;
	margin: 0;
	padding: 0;
	vertical-align: unset;
}

.grohman_theme-single-product-purchase--variable form.variations_form table.variations td.value .select2-container {
	display: inline-flex;
	align-items: center;
	align-self: baseline;
	flex: 1 1 10rem;
	min-width: 8rem;
	max-width: 100%;
	margin: 0;
	min-height: 0 !important;
	height: auto !important;
}

/*
 * SelectWoo / výchozí WC select2 — oba kontejnery (s grohman_theme-select2-shop i bez něj);
 * přebít woocommerce/select2.css (výška, border, bílé pozadí).
 */
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop {
	width: 100% !important;
	min-width: 0;
	min-height: 0 !important;
	height: auto !important;
}

.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default .selection,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop .selection {
	display: block !important;
	width: 100%;
}

.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default .select2-selection--single,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop .select2-selection--single {
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

/* Typografie shodná s th.label (VELIKOST); přebít výchozí line-height v px z select2.css (posun nahoru). */
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default .select2-selection__rendered,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop .select2-selection__rendered {
	flex: 1 1 auto !important;
	display: block !important;
	min-width: 0 !important;
	padding: 0 1.35rem 0 0 !important;
	margin: 0 !important;
	line-height: 1.35 !important;
	font-size: 0.875rem !important;
	font-family: var(--font-sans), "Jost", ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 700 !important;
	color: var(--color-gray-600) !important;
}

.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default .select2-selection__arrow,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop .select2-selection__arrow {
	height: 1.35rem !important;
	top: 50% !important;
	margin-top: 0 !important;
	transform: translateY(-50%) !important;
	right: 0 !important;
	width: 1.25rem !important;
}

/* Trojúhelník šipky — horní „hrot“ = barva šipky (černá). */
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default .select2-selection__arrow b,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop .select2-selection__arrow b {
	border-color: #000 transparent transparent transparent !important;
	border-width: 0.35rem 0.3rem 0 0.3rem !important;
	margin-left: -0.3rem !important;
}

.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default.select2-container--focus .select2-selection--single,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default.select2-container--open .select2-selection--single,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop.select2-container--focus .select2-selection--single,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop.select2-container--open .select2-selection--single {
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
}

.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default.select2-container--focus .select2-selection__rendered,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.select2-container--default.select2-container--open .select2-selection__rendered,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop.select2-container--focus .select2-selection__rendered,
.grohman_theme-single-product-purchase--variable form.variations_form .select2-container.grohman_theme-select2-shop.select2-container--open .select2-selection__rendered {
	color: var(--color-gray-600) !important;
}

/* Nativní <select> variant (fallback bez SelectWoo): partial 28-woocommerce-native-selects.css. */
.grohman_theme-single-product-purchase--variable .single_variation_wrap {
	margin-top: 0;
	padding-top: 0;
}

/*
 * Woo výchozí výpis (wc-template-functions.php): prázdný .woocommerce-variation před výběrem varianty
 * rozbíjí vnitřní rovnováhu karty (hodně „vzduchu“ dole u MNOŽSTVÍ + tlačítka).
 * Po naplnění z add-to-cart-variation.js :empty neplatí — blok se zobrazí.
 */
.grohman_theme-single-product-purchase--variable
	.single_variation_wrap
	.woocommerce-variation.single_variation:empty {
	display: none !important;
}

/*
 * „Vyčistit“ na PDP vypnutý přes woocommerce_reset_variations_link (woocommerce/functions.php).
 */
body.woocommerce.single-product form.variations_form .reset_variations,
body.woocommerce-page.single-product form.variations_form .reset_variations {
	display: none !important;
}

/*
 * Select2 varianty (PDP): třída grohman_theme-select2-dropdown--pdp-variation (selectwoo-shop.js).
 * WC select2.css dává .select2-dropdown bílé pozadí; mezera nad prvním <li> je mezi span.select2-results a ul — inset stejnou barvou ji nesní.
 * Záporný margin na ul: příliš velká hodnota ořezává první řádky (nižší box, text vypadá menší) — držet mírné (cca -3px).
 */
body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation,
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation {
	background-color: var(--sk-color-brand) !important;
	background-image: none !important;
	padding: 0 !important;
	box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08) !important;
}

/* Mezera pod uzavřeným výběrem — abs. panel + margin-top (neřeší se v selectwoo). */
body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation.select2-dropdown--below,
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation.select2-dropdown--below {
	margin-top: 0.45rem !important;
}

body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results,
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
}

body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results > .select2-results__options,
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results > .select2-results__options {
	margin-top: -3px !important;
}

/*
 * Jedna velikost v px (rem z kontejneru + zlatý řádek mohly působit menší než bílé číslice),
 * font-weight 600 — lehčí než 700. Zvýraznění jen u --pdp-variation, stejné číslo jako u ostatních řádků.
 */
body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option,
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	min-height: 2.75rem;
	padding: 0.65rem 0.85rem !important;
	font-family: var(--sk-font-sans) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: var(--color-gray-900) !important;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: antialiased;
}

body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option *,
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option * {
	font-size: inherit !important;
	font-weight: inherit !important;
}

body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option--highlighted[aria-selected],
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option--highlighted[aria-selected],
body.woocommerce.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option--highlighted[data-selected],
body.woocommerce-page.single-product .select2-dropdown.grohman_theme-select2-dropdown--pdp-variation .select2-results__option--highlighted[data-selected] {
	background-color: var(--sk-color-brand) !important;
	background-image: none !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	color: var(--color-gray-900) !important;
}

.grohman_theme-single-product-purchase form.cart:not(.variations_form) {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem;
}

/* Variabilní produkt: stejný horizontální řádek množství + tlačítko */
.grohman_theme-single-product-purchase form.variations_form .woocommerce-variation-add-to-cart.variations_button {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 1rem;
	width: 100%;
}

.grohman_theme-single-product-purchase .grohman_theme-variation-availability-host {
	margin: 0 0 0.85rem;
	font-size: 0.8125rem;
	width: 100%;
}

/* Prázdný host (před výběrem varianty) — jinak spodní margin tlačí MNOŽSTVÍ dolů; horní padding karty pak působí větší než spodní. */
.grohman_theme-single-product-purchase .grohman_theme-variation-availability-host:empty {
	margin: 0 !important;
}

.grohman_theme-single-product-purchase .grohman_theme-variation-availability-host p.stock {
	margin: 0;
}

/* Skladem — návrh: kruh burgundy + Phosphor package + „Skladem“ (šablona woocommerce/single-product/stock.php) */
.grohman_theme-product-stock-row {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin: 0;
}

.grohman_theme-product-stock-row__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 9999px;
	background-color: color-mix(in srgb, var(--sk-color-brand, #d4af37) 22%, var(--color-white));
	color: var(--sk-color-burgundy-dark, #4f1422);
	font-size: 1.125rem;
	line-height: 1;
}

.grohman_theme-product-stock-row__text {
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--color-gray-600);
}

.grohman_theme-single-product-purchase .grohman_theme-qty-with-label {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.grohman_theme-single-product-purchase .grohman_theme-qty-label {
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-gray-500);
}

/* Sklad nad nákupem (content-single-product.php) */
.grohman_theme-single-product-before-cart > p.stock {
	margin: 0;
	font-size: 0.8125rem;
}

.grohman_theme-single-product-before-cart > .grohman_theme-product-stock-row {
	margin: 0;
}

.grohman_theme-single-product-purchase > p.stock {
	margin: 0.85rem 0 0;
	font-size: 0.8125rem;
}

.grohman_theme-single-product-purchase > .grohman_theme-product-stock-row {
	margin: 0.85rem 0 0;
}

.grohman_theme-variation-availability-host .grohman_theme-product-stock-row {
	margin: 0;
}

.grohman_theme-single-product-purchase form.cart .quantity {
	display: flex;
	align-items: center;
	height: 3.25rem;
	min-width: 8rem;
	padding: 0 0.5rem;
	border: 1px solid var(--color-gray-200);
	border-radius: 0;
	background: var(--color-gray-50);
}

/* Množství s tlačítky − / + (globální šablona quantity-input.php) */
.grohman_theme-qty-shell {
	gap: 0.15rem;
	min-width: 9.5rem;
}

.grohman_theme-qty-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: 9999px;
	background: transparent;
	color: var(--color-gray-400);
	cursor: pointer;
	transition:
		color 0.15s ease,
		background 0.15s ease;
}

.grohman_theme-qty-btn:hover {
	color: var(--sk-color-brand);
	background: var(--sk-color-brand-light, #fdf2f0);
}

.grohman_theme-single-product-purchase form.cart .quantity .qty {
	flex: 1 1 auto;
	min-width: 0;
	width: 3rem;
	border: 0;
	background: transparent !important;
	background-color: transparent !important;
	text-align: center;
	font-weight: 700;
	color: var(--color-gray-900);
	outline: none;
	box-shadow: none !important;
	-moz-appearance: textfield;
	appearance: textfield;
}

/* Nativní šipky u type=number (při hover/fokusu) — necháme jen − / + ze šablony */
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-purchase input.qty[type="number"]::-webkit-outer-spin-button,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-purchase input.qty[type="number"]::-webkit-outer-spin-button,
.woocommerce.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-purchase input.qty[type="number"]::-webkit-inner-spin-button,
.woocommerce-page.single-product div.product.grohman_theme-product-detail .grohman_theme-single-product-purchase input.qty[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

.grohman_theme-single-product-purchase button.single_add_to_cart_button.button.alt,
.grohman_theme-single-product-purchase button.single_add_to_cart_button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	flex: 1 1 12rem;
	min-height: 3.25rem;
	border-radius: 0 !important;
	border: none !important;
	background: #181818 !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.7rem !important;
	padding-left: 2rem !important;
	padding-right: 2rem !important;
	box-shadow: 0 12px 28px -12px rgba(0, 0, 0, 0.45);
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		background 0.2s ease !important;
}

.grohman_theme-single-product-purchase button.single_add_to_cart_button::before {
	content: "";
	width: 1rem;
	height: 1rem;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M216 56h-40v-8a48 48 0 0 0-96 0v8H40a8 8 0 0 0-8 8v144a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V64a8 8 0 0 0-8-8ZM96 48a32 32 0 0 1 64 0v8H96Zm112 160H48V72h32v24a8 8 0 0 0 16 0V72h64v24a8 8 0 0 0 16 0V72h32Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M216 56h-40v-8a48 48 0 0 0-96 0v8H40a8 8 0 0 0-8 8v144a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V64a8 8 0 0 0-8-8ZM96 48a32 32 0 0 1 64 0v8H96Zm112 160H48V72h32v24a8 8 0 0 0 16 0V72h64v24a8 8 0 0 0 16 0V72h32Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.grohman_theme-single-product-purchase button.single_add_to_cart_button:hover {
	background: #000 !important;
	transform: translateY(-2px);
	box-shadow: 0 16px 32px -14px rgba(0, 0, 0, 0.55);
}

.grohman_theme-single-product-purchase form.variations_form {
	width: 100%;
}

/* Tlačítko v jedné řadě s množstvím (ne celá šířka pod ním) */
.grohman_theme-single-product-purchase form.variations_form .woocommerce-variation-add-to-cart.variations_button .single_add_to_cart_button {
	width: auto;
	margin-top: 0;
	flex: 1 1 12rem;
}

/* Košík: stejné množství se šablonou quantity-input.php */
.woocommerce-cart table.cart .quantity.grohman_theme-qty-shell {
	display: inline-flex;
	align-items: center;
	height: 2.75rem;
	min-width: 8.5rem;
	padding: 0 0.35rem;
	border: 1px solid var(--color-gray-200);
	border-radius: 9999px;
	background: #fff;
}

/* Záložky Popis / Hodnocení — horní linka jako v návrhu */
.grohman_theme-single-product-lower .woocommerce-tabs {
	clear: both;
	isolation: isolate;
}

.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.75rem;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid var(--color-gray-200);
}

.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs::before,
.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs::after {
	display: none !important;
}

/*
 * WooCommerce výchozí styl přidává na každé li ::before/::after (vizuální „rohy“ záložky).
 * Ty zůstávaly aktivní a vykukovaly nad border-bottom řádku záložek — vypnout stejně jako u ul.
 */
.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs li::before,
.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs li::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
	box-shadow: none !important;
}

.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	position: static !important;
	z-index: auto !important;
}

/*
 * Záložky — index_detail.html: aktivní text-brand + border-brand; neaktivní šedá.
 * !important kvůli globálním odkazům (.woocommerce a) / přizpůsobení.
 */
.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs li > a[role="tab"] {
	display: inline-block;
	padding: 0 0 1rem;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--color-gray-500) !important;
	border-bottom: 2px solid transparent;
	box-shadow: none !important;
	transition:
		color 0.15s ease,
		border-color 0.15s ease;
}

.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs li:not(.active) > a[role="tab"]:hover {
	color: var(--color-gray-900) !important;
	border-bottom-color: transparent !important;
}

.grohman_theme-single-product-lower .woocommerce-tabs ul.tabs li.active > a[role="tab"] {
	font-weight: 700 !important;
	color: var(--sk-color-brand) !important;
	border-bottom-color: var(--sk-color-brand) !important;
}

.grohman_theme-single-product-lower .woocommerce-Tabs-panel {
	max-width: 56rem;
	padding: 2.25rem 0 1rem;
	color: var(--color-gray-600);
	line-height: 1.75;
}

.grohman_theme-single-product-lower .woocommerce-Tabs-panel h2,
.grohman_theme-single-product-lower .woocommerce-Tabs-panel h3 {
	font-family: "Cormorant Garamond", ui-serif, Georgia, serif;
	font-weight: 700;
	color: var(--color-gray-900);
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

/* První blok v panelu (často H2 z obsahu po vypnutí duplicitního nadpisu WC) — bez horního marginu, odsazení řeší padding panelu. */
.grohman_theme-single-product-lower .woocommerce-Tabs-panel > :first-child {
	margin-top: 0;
}

.grohman_theme-single-product-lower .woocommerce-Tabs-panel p {
	margin-bottom: 1rem;
}

.grohman_theme-single-product-lower .woocommerce-Tabs-panel ul {
	margin: 0.5rem 0 1rem 1.1rem;
}

/*
 * Hvězdy v recenzích — plná část je ve span (WooCommerce font); šedý podklad zůstane ::before.
 */
.woocommerce.single-product .grohman_theme-single-product-lower #reviews .star-rating span,
.woocommerce-page.single-product .grohman_theme-single-product-lower #reviews .star-rating span {
	color: var(--sk-color-brand) !important;
}

.woocommerce.single-product .grohman_theme-single-product-lower #reviews p.stars a,
.woocommerce-page.single-product .grohman_theme-single-product-lower #reviews p.stars a {
	color: var(--sk-color-brand) !important;
}

/* Související + výprodej nad patičkou */
body.woocommerce.single-product .grohman_theme-related-products,
body.woocommerce-page.single-product .grohman_theme-related-products,
body.woocommerce.single-product .upsells.products,
body.woocommerce-page.single-product .upsells.products {
	margin-top: 4rem;
	padding-top: 3.5rem;
	border-top: 1px solid var(--color-gray-200);
}

body.woocommerce.single-product .grohman_theme-related-products ul.products,
body.woocommerce-page.single-product .grohman_theme-related-products ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 11.5rem), 12.5rem)) !important;
	justify-content: center;
	align-items: stretch;
	gap: clamp(1.25rem, 2.5vw, 2rem) !important;
	max-width: 62rem;
	margin: 0 auto 3rem !important;
	padding: 0 !important;
	clear: both;
}

body.woocommerce.single-product .grohman_theme-related-products ul.products::before,
body.woocommerce.single-product .grohman_theme-related-products ul.products::after,
body.woocommerce-page.single-product .grohman_theme-related-products ul.products::before,
body.woocommerce-page.single-product .grohman_theme-related-products ul.products::after {
	content: none !important;
	display: none !important;
}

body.woocommerce.single-product .grohman_theme-related-products ul.products li.product,
body.woocommerce-page.single-product .grohman_theme-related-products ul.products li.product {
	float: none !important;
	clear: none !important;
	display: flex !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	order: initial !important;
	grid-column: auto !important;
}

body.woocommerce.single-product .upsells.products > h2,
body.woocommerce-page.single-product .upsells.products > h2 {
	text-align: center;
	font-family: "Cormorant Garamond", ui-serif, Georgia, serif;
	font-size: clamp(1.5rem, 2.5vw, 2.25rem);
	font-weight: 700;
	color: var(--color-gray-900);
	margin-bottom: 2.5rem;
}


/* 12-footer-index.css */
/**
 * Patička — tmavý podklad, zlatý hover (soulad s --rs-gold / brand).
 */

.grohman_theme-site-footer a {
	text-underline-offset: 2px;
}

.grohman_theme-footer-nav {
	list-style: none;
}

.grohman_theme-footer-nav__item {
	margin: 0;
	padding: 0;
}

.grohman_theme-footer-nav .footer-link {
	display: inline-block;
	padding: 0.2rem 0;
}

.footer-link {
	transition: color 0.25s ease, transform 0.2s ease;
}

.footer-link:hover,
.footer-link:focus-visible {
	color: var(--sk-color-brand, #d4af37);
	transform: translateX(2px);
}

/* Spodní lišta: sociální tlačítka */
.grohman_theme-footer-bar-social__a:hover,
.grohman_theme-footer-bar-social__a:focus-visible {
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

/*
 * Patička v2 — kruhové sociální ikony: hover tmavší zlatá (brand-dark), ne plná brand.
 */
html body .grohman_theme-footer-v2-social > a:hover,
html body .grohman_theme-footer-v2-social > a:focus-visible {
	border-color: var(--sk-color-brand-dark, #b38f55) !important;
	background-color: var(--sk-color-brand-dark, #b38f55) !important;
	color: #fff !important;
}

.grohman_theme-footer-hours dt {
	font-weight: 500;
}

.grohman_theme-footer-hours dd {
	font-weight: 400;
}

/* Patička v2 (návrh kontakt/showroom): jemnější podtržení odkazů v menu sloupcích */
.grohman_theme-site-footer--v2 .grohman_theme-footer-nav .footer-link {
	padding-block: 0.12rem;
	line-height: 1.35;
}

/* Bez přiřazeného menu WP nic nevypíše — viz footer.php + fallback_cb false */
.grohman_theme-site-footer--v2 .grohman_theme-footer-v2-nav-slot--empty {
	min-height: 2.75rem;
}

/*
 * Sloupce E-shop / Podpora — odrážky v brand-dark.
 * ::marker v tmavé patičce často dědí barvu odstavce (#fff / šedá) → „bílé“ tečky; použijeme ::before + výplň.
 */
footer.grohman_theme-footer-v2-root .grohman_theme-footer-nav--quick,
footer.grohman_theme-footer-v2-root .grohman_theme-footer-nav--info {
	list-style: none !important;
	padding-left: 0 !important;
}

/*
 * WP nevkládá `grohman_theme-footer-nav__item` z args — položky jsou `li.menu-item` jako přímé děti <ul>.
 */
footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--quick > li,
footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--info > li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.4rem !important;
	list-style: none !important;
}

footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--quick > li::before,
footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--info > li::before {
	content: "";
	flex-shrink: 0;
	width: 0.28rem;
	height: 0.28rem;
	margin-top: 0.52em;
	border-radius: 9999px;
	background-color: var(--sk-color-brand-dark, #b38f55) !important;
}

/*
 * Patička v2 — základní barvy/odsazení i bez aktuálního Tailwind buildu (utility bg-[#111], border-gray-700/35 …).
 */
footer.grohman_theme-footer-v2-root.grohman_theme-site-footer {
	background-color: #111111;
	color: #d1d5db;
	padding-bottom: 1.5rem;
	padding-top: 6rem;
	max-width: 100%;
	overflow-x: hidden;
}

@media (min-width: 768px) {
	footer.grohman_theme-footer-v2-root.grohman_theme-site-footer {
		padding-top: 7rem;
	}
}

@media (min-width: 1024px) {
	footer.grohman_theme-footer-v2-root.grohman_theme-site-footer {
		padding-top: 8rem;
	}
}

footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main {
	border-bottom: 1px solid rgba(55, 65, 81, 0.35);
}

/* Logo v patičce — synchronní s inc/assets/footer-logo.php (#grohman_theme_footer_logo) a partial 17 (overrides s !important). */
footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo img.custom-logo,
footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo img {
	width: auto;
	height: auto;
	max-height: 3.5rem;
	object-fit: contain;
}

@media (min-width: 768px) {
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo img.custom-logo,
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo img {
		max-height: 4rem;
	}
}

@media (min-width: 1024px) {
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo img.custom-logo,
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo img {
		max-height: 4.5rem;
	}
}

footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo svg {
	width: auto;
	height: auto;
	max-height: 3rem;
}

@media (min-width: 768px) {
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo svg {
		max-height: 3.5rem;
	}
}

@media (min-width: 1024px) {
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-logo svg {
		max-height: 4rem;
	}
}

/* Horní lišta: řada až tří ikon (jen pro vyplněné odkazy z přizpůsobení / menu) */
.grohman_theme-top-bar .grohman_theme-social-nav--preset-max3 {
	flex-wrap: nowrap;
	align-items: center;
}

/* Spodní lišta patičky: flex děti bez min-width:0 umějí způsobit pár px horizontálního scrollu na úzkém řádku. */
.grohman_theme-footer-v2-bottom > .flex > p {
	overflow-wrap: anywhere;
	word-break: normal;
}

/*
 * Obrázek platebních metod: bez pevné šířky rodiče kolabuje flex často na 0×0 (DevTools).
 * Wrapper dá minimální osu; img má vždy smysluplné rozměry při height: auto.
 */
.grohman_theme-footer-v2-bottom .grohman_theme-footer-payment-icons {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: min(100%, 18rem);
	min-height: 2.75rem;
}

.grohman_theme-footer-payment-icons__img {
	display: block;
	width: auto;
	height: auto;
	max-width: min(100%, 22rem);
	max-height: 3rem;
	min-width: 120px;
	min-height: 24px;
	object-fit: contain;
	opacity: 1;
}

@media (min-width: 768px) {
	.grohman_theme-footer-v2-bottom .grohman_theme-footer-payment-icons {
		justify-content: flex-end;
	}
}

/*
 * Spodní lišta: některé pluginy (Shoptet bridge, Woo…) vykreslí prázdňák s Tailwind `.opacity-0`
 * jako „preload“ — rodič skryje i vnořený obrázek. Zviditelnit jen boxy s <img>.
 */
footer#colophon.grohman_theme-footer-v2-root .grohman_theme-footer-v2-bottom .opacity-0:has(img) {
	opacity: 1 !important;
}

/*
 * Patička v2 — menu ve dvou sloupcích: Tailwind `.text-gray-400` + někdy WP nevloží třídu na <a>.
 * Hover jako submenu (#masthead .grohman_theme-dropdown-link): zlatá barva + čára scaleX.
 */
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link {
	position: relative !important;
	display: inline-block !important;
	color: rgb(156 163 175) !important;
	text-decoration: none !important;
	padding-bottom: 0.18rem !important;
	/* Položky menu — mezi text-sm a základním textem. */
	font-size: 0.9375rem !important;
	line-height: 1.45 !important;
	font-weight: 300 !important;
	transition:
		color 0.25s ease,
		text-shadow 0.2s ease !important;
}

html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a::after,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: rgba(212, 175, 55, 0.55);
	transform: scaleX(0);
	transform-origin: center center;
	transition: transform 0.38s ease;
	pointer-events: none;
}

html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:hover,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:focus-visible,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link:hover,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link:focus-visible {
	color: var(--rs-gold, #d4af37) !important;
	transform: none !important;
	text-shadow:
		0 0 8px rgba(212, 175, 55, 0.28),
		0 0 14px rgba(212, 175, 55, 0.14);
}

html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:hover::after,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:focus-visible::after,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link:hover::after,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link:focus-visible::after {
	transform: scaleX(1);
}

/*
 * Mobil — patička v2: vycentrování bloků, větší odkazy a čitelnější „Proč u nás“.
 */
@media (max-width: 767px) {
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main > .grid {
		justify-items: center;
		text-align: center;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .grid > div > .mb-6.flex.items-center {
		justify-content: center;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .grid > div > p.mb-8 {
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		max-width: min(100%, 28rem);
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-social {
		justify-content: center;
	}

	/*
	 * Sloupce menu: odrážka + odkaz jako skupina uprostřed pod nadpisem.
	 */
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-col--quick .grohman_theme-footer-v2-nav-slot,
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-col--support .grohman_theme-footer-v2-nav-slot {
		width: 100%;
		max-width: 22rem;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--quick,
	footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--info {
		display: block !important;
		width: 100%;
	}

	footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--quick > li,
	footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--info > li {
		display: block !important;
		width: 100%;
		text-align: center;
	}

	footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--quick > li::before,
	footer.grohman_theme-footer-v2-root ul.grohman_theme-footer-nav--info > li::before {
		content: none !important;
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		margin: 0 !important;
		background: none !important;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main h2 {
		font-size: 1.125rem;
		letter-spacing: 0.18em;
	}

	/*
	 * Položky menu — zvětšeno pro lepší čitelnost na mobilu (klient požadoval
	 * podstatně větší odkazy v patičce v mobilním zobrazení).
	 */
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a,
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link {
		font-size: 1.1875rem !important;
		line-height: 1.6 !important;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .grohman_theme-footer-nav .footer-link {
		padding-block: 0.5rem;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .grohman_theme-footer-nav--quick .grohman_theme-footer-nav__item + .grohman_theme-footer-nav__item,
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .grohman_theme-footer-nav--info .grohman_theme-footer-nav__item + .grohman_theme-footer-nav__item {
		margin-top: 0.2rem;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .space-y-5 > .flex.items-center.gap-3 {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0.5rem;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .space-y-5 > .flex .text-xs.font-bold {
		font-size: 1.125rem;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .space-y-5 > .flex .text-\[10px\] {
		font-size: 0.875rem;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .space-y-5 > .flex .ph {
		font-size: 2rem;
	}

	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:hover,
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:focus-visible,
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link:hover,
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-nav a.footer-link:focus-visible {
		transform: none;
	}

	/* Logo v mobilní patičce — kompaktní velikost (synchronně s partialem 17 a inline override v PHP). */
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img.custom-logo,
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img {
		max-height: 3.5rem !important;
	}

	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo svg {
		max-height: 3rem !important;
	}

	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-main .grid > div > p.mb-8 {
		font-size: 1.125rem;
		line-height: 1.7;
	}

	/* © / IČO ve spodní liště — stejná typografie jako úvodní odstavec a odkazy menu (Tailwind .text-xs jinak drží 12px). */
	footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-bottom > .flex > p {
		font-size: 1rem !important;
		line-height: 1.6 !important;
	}
}


/* 14-woocommerce-notices.css */

/*
 * WooCommerce session hlášky (úspěch po přidání do košíku, info, chyby).
 * Nahrazuje výchozí „fialový proužek“ a šedé tlačítko vzhledem sladěným s motivem.
 */
body.woocommerce .woocommerce-message,
body.woocommerce-page .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce-page .woocommerce-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem 1.25rem;
	margin: 0 0 1.25rem;
	padding: 1rem 1.25rem 1rem 3.25rem;
	position: relative;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(227, 114, 84, 0.22);
	border-radius: 0.75rem;
	background-color: var(--sk-color-brand-light);
	color: var(--color-gray-700);
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	line-height: 1.5;
	list-style: none;
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
	word-wrap: break-word;
	/* Žádný systémový obrys: po přidání do košíku WC/prohlížeč krátce zaměří region (role=alert) a default outline je často černý */
	outline: none;
}

/*
 * Žádný obrys na samotném boxu (ani :focus-visible) — při oznámení / krátkém fokusu problikává.
 * Viditelný fokus zůstává u odkazu .button uvnitř.
 */
body.woocommerce .woocommerce-message:focus,
body.woocommerce-page .woocommerce-message:focus,
body.woocommerce .woocommerce-message:focus-visible,
body.woocommerce-page .woocommerce-message:focus-visible,
body.woocommerce .woocommerce-info:focus,
body.woocommerce-page .woocommerce-info:focus,
body.woocommerce .woocommerce-info:focus-visible,
body.woocommerce-page .woocommerce-info:focus-visible {
	outline: none;
}

/* Woo výchozí clearfix (::after) by jako flex položka rozhodil rozložení vedle tlačítka */
body.woocommerce .woocommerce-message::after,
body.woocommerce-page .woocommerce-message::after,
body.woocommerce .woocommerce-info::after,
body.woocommerce-page .woocommerce-info::after {
	content: none !important;
	display: none !important;
	clear: none !important;
}

body.woocommerce .woocommerce-message,
body.woocommerce-page .woocommerce-message {
	/* Celý okraj jednou — přepíše WC border-top: 3px (jinak dvojitá zelená) */
	border: 1px solid rgba(107, 30, 46, 0.28);
	background-color: var(--sk-color-burgundy-pale);
}

body.woocommerce .woocommerce-info,
body.woocommerce-page .woocommerce-info {
	border: 1px solid rgba(107, 30, 46, 0.28);
	background-color: var(--sk-color-burgundy-pale);
}

body.woocommerce .woocommerce-message::before,
body.woocommerce-page .woocommerce-message::before,
body.woocommerce .woocommerce-info::before,
body.woocommerce-page .woocommerce-info::before {
	top: 50%;
	left: 1rem;
	margin-top: 0;
	transform: translateY(-50%);
	font-size: 1.125rem;
	line-height: 1;
}

body.woocommerce .woocommerce-message::before,
body.woocommerce-page .woocommerce-message::before {
	content: "\e015";
	color: var(--sk-color-burgundy-dark);
}

body.woocommerce .woocommerce-info::before,
body.woocommerce-page .woocommerce-info::before {
	color: var(--sk-color-burgundy-dark);
}

body.woocommerce .woocommerce-message .button,
body.woocommerce-page .woocommerce-message .button,
body.woocommerce .woocommerce-message a.button.wc-forward,
body.woocommerce-page .woocommerce-message a.button.wc-forward,
body.woocommerce .woocommerce-info .button,
body.woocommerce-page .woocommerce-info .button {
	float: none;
	flex: 0 0 auto;
	margin: 0;
	margin-left: auto;
	align-self: center;
	padding: 0.55rem 1.25rem;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.25;
	border: none;
	border-radius: 9999px;
	background-color: var(--sk-color-brand) !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(227, 114, 84, 0.28);
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.15s ease;
}

body.woocommerce .woocommerce-message .button:hover,
body.woocommerce-page .woocommerce-message .button:hover,
body.woocommerce .woocommerce-message a.button.wc-forward:hover,
body.woocommerce-page .woocommerce-message a.button.wc-forward:hover,
body.woocommerce .woocommerce-info .button:hover,
body.woocommerce-page .woocommerce-info .button:hover {
	background-color: var(--sk-color-brand-dark) !important;
	color: #fff !important;
	box-shadow: 0 6px 18px rgba(227, 114, 84, 0.35);
}

body.woocommerce .woocommerce-message .button:focus-visible,
body.woocommerce-page .woocommerce-message .button:focus-visible,
body.woocommerce .woocommerce-message a.button.wc-forward:focus-visible,
body.woocommerce-page .woocommerce-message a.button.wc-forward:focus-visible,
body.woocommerce .woocommerce-info .button:focus-visible,
body.woocommerce-page .woocommerce-info .button:focus-visible {
	outline: 2px solid var(--sk-color-brand-soft);
	outline-offset: 2px;
}

/* Chyby: seznam <ul class="woocommerce-error"> */
body.woocommerce ul.woocommerce-error,
body.woocommerce-page ul.woocommerce-error {
	margin: 0 0 1.25rem;
	padding: 1rem 1.25rem 1rem 3.25rem;
	position: relative;
	width: auto;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(184, 28, 35, 0.35);
	border-radius: 0.75rem;
	background-color: #fff5f5;
	color: var(--color-gray-800);
	font-family: var(--font-sans);
	font-size: 0.9375rem;
	line-height: 1.5;
	list-style: none;
	box-shadow: 0 1px 2px rgba(17, 24, 39, 0.04);
	outline: none;
	border-style: solid;
}

body.woocommerce ul.woocommerce-error:focus,
body.woocommerce-page ul.woocommerce-error:focus,
body.woocommerce ul.woocommerce-error:focus-visible,
body.woocommerce-page ul.woocommerce-error:focus-visible {
	outline: none;
}

body.woocommerce ul.woocommerce-error::before,
body.woocommerce-page ul.woocommerce-error::before {
	top: 1rem;
	left: 1rem;
	color: #b81c23;
}

body.woocommerce ul.woocommerce-error li,
body.woocommerce-page ul.woocommerce-error li {
	padding-left: 0 !important;
	margin-left: 0 !important;
	list-style: none outside !important;
}

@media (max-width: 480px) {
	body.woocommerce .woocommerce-message .button,
	body.woocommerce-page .woocommerce-message .button,
	body.woocommerce .woocommerce-message a.button.wc-forward,
	body.woocommerce-page .woocommerce-message a.button.wc-forward {
		width: 100%;
		margin-left: 0;
		text-align: center;
		justify-content: center;
	}
}


/* 15-theme-foundation.css */
/*
 * 15 — Theme foundation CSS (Tailwind v3 + RoyalStep komponenty).
 * Zdroj: předchozí migrace vizuálu (bez Tailwind preflight a init `--tw-*` resetu).
 *
 * Pravidla cílící na Blocksy markup (`.ct-*`, `#header`, `.ct-footer`, …) v tomto motivu většinou
 * nezasáhnou žádný element (motiv má vlastní markup), proto jsou bezpečné. Tokeny `:root --rs-*`
 * a obecná pravidla pro WooCommerce / WP Bloky se uplatní napříč šablonami.
 *
 * Tento partial se načítá poslední, takže dotahuje barvy, fonty a komponenty.
 */

/* Logo */

/* Mobilní Hlavička Overrides */

@media (max-width: 1024px) {
  .ct-header .site-logo,
    .ct-header .site-branding,
    .ct-header .custom-logo-link,
    .ct-header [data-id="logo"],
    .ct-header .ct-header-items {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .ct-header .site-logo img,
    .ct-header .custom-logo-link img,
    .ct-header .site-branding img,
    header .site-logo img,
    [data-id="logo"] img {
    max-height: 120px !important;
    height: auto !important;
    width: auto !important;
    min-width: 100px !important;
    display: block !important;
    margin-top: -25px !important;
    position: relative !important;
    z-index: 99 !important;
  }

  .ct-header [data-row] > .ct-container,
    html body #header [data-row] > .ct-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .ct-header [data-id="mobile-menu"] {
    margin-left: 15px !important;
  }
}

/* Tlačítka a Odkazy */

.rs-btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(212 175 55 / var(--tw-bg-opacity, 1));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.rs-btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(179 143 85 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 20px rgba(212,175,55,0.4);
  --tw-shadow-colored: 0 0 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rs-btn-primary:hover,
  .rs-btn-primary:focus,
  .rs-btn-primary:active,
  .rs-btn-primary:hover span,
  .rs-btn-primary:focus span,
  .rs-btn-primary:active span {
  color: var(--rs-white) !important;
}

.rs-link-kinetic-light {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.rs-link-kinetic-light:hover {
  --tw-border-opacity: 1;
  border-color: rgb(212 175 55 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(212 175 55 / var(--tw-text-opacity, 1));
}

.rs-link-kinetic-dark {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(212 175 55 / var(--tw-border-opacity, 1));
  padding-bottom: 0.5rem;
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  --tw-text-opacity: 1;
  color: rgb(212 175 55 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.rs-link-kinetic-dark:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.rs-btn-primary i,
  .rs-link-kinetic-light i,
  .rs-link-kinetic-dark i {
  height: 1rem;
  width: 1rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.rs-group:hover .rs-btn-primary i,.rs-group:hover 
  .rs-link-kinetic-light i,.rs-group:hover 
  .rs-link-kinetic-dark i {
  --tw-translate-x: 0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Karty kategorií */

.rs-category-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0.75rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.rs-category-card:hover {
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-shadow-color: rgb(209 213 219 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.rs-category-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1000ms;
}

.rs-group:hover .rs-category-img {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rs-category-grad-overlay {
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  opacity: 0.8;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

.rs-group:hover .rs-category-grad-overlay {
  opacity: 1;
}

.rs-category-content {
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  right: 2.5rem;
}

.rs-category-title {
  margin-bottom: 1rem;
  font-family: Playfair Display, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .rs-category-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.rs-category-action {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  --tw-text-opacity: 1;
  color: rgb(212 175 55 / var(--tw-text-opacity, 1));
}

.rs-category-line {
  height: 1px;
  width: 3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(212 175 55 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

/* USP Block (Výhody) */

.rs-usp-icon {
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(212 175 55 / 0.2);
  background-color: rgb(212 175 55 / 0.1);
}

.rs-usp-title {
  margin-bottom: 0.125rem;
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .rs-usp-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.rs-usp-text {
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  line-height: 1.375;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.rs-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.rs-absolute {
  position: absolute;
}

.rs-relative {
  position: relative;
}

.rs-inset-0 {
  inset: 0px;
}

.rs-left-3 {
  left: 0.75rem;
}

.rs-right-3 {
  right: 0.75rem;
}

.rs-top-0 {
  top: 0px;
}

.rs-top-3 {
  top: 0.75rem;
}

.rs-z-10 {
  z-index: 10;
}

.rs-z-20 {
  z-index: 20;
}

.rs-z-30 {
  z-index: 30;
}

.rs-col-span-full {
  grid-column: 1 / -1;
}

.rs-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.rs-mb-10 {
  margin-bottom: 2.5rem;
}

.rs-mb-12 {
  margin-bottom: 3rem;
}

.rs-mb-16 {
  margin-bottom: 4rem;
}

.rs-mb-2 {
  margin-bottom: 0.5rem;
}

.rs-mb-20 {
  margin-bottom: 5rem;
}

.rs-mb-3 {
  margin-bottom: 0.75rem;
}

.rs-mb-4 {
  margin-bottom: 1rem;
}

.rs-mb-5 {
  margin-bottom: 1.25rem;
}

.rs-mb-6 {
  margin-bottom: 1.5rem;
}

.rs-mb-8 {
  margin-bottom: 2rem;
}

.rs-mt-20 {
  margin-top: 5rem;
}

.rs-mt-auto {
  margin-top: auto;
}

.rs-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.rs-block {
  display: block;
}

.rs-flex {
  display: flex;
}

.rs-grid {
  display: grid;
}

.rs-aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}

.rs-h-24 {
  height: 6rem;
}

.rs-h-6 {
  height: 1.5rem;
}

.rs-h-\[140px\] {
  height: 140px;
}

.rs-h-\[1px\] {
  height: 1px;
}

.rs-h-\[2px\] {
  height: 2px;
}

.rs-h-\[300px\] {
  height: 300px;
}

.rs-h-\[400px\] {
  height: 400px;
}

.rs-h-\[80\%\] {
  height: 80%;
}

.rs-h-auto {
  height: auto;
}

.rs-h-full {
  height: 100%;
}

.rs-h-px {
  height: 1px;
}

.rs-min-h-screen {
  min-height: 100vh;
}

.rs-w-16 {
  width: 4rem;
}

.rs-w-6 {
  width: 1.5rem;
}

.rs-w-\[80\%\] {
  width: 80%;
}

.rs-w-full {
  width: 100%;
}

.rs-max-w-3xl {
  max-width: 48rem;
}

.rs-max-w-5xl {
  max-width: 64rem;
}

.rs-max-w-6xl {
  max-width: 72rem;
}

.rs-max-w-7xl {
  max-width: 80rem;
}

.rs-max-w-lg {
  max-width: 32rem;
}

.rs-max-w-md {
  max-width: 28rem;
}

.rs-flex-grow {
  flex-grow: 1;
}

.rs--rotate-3 {
  --tw-rotate: -3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rs-transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rs-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.rs-flex-row {
  flex-direction: row;
}

.rs-flex-col {
  flex-direction: column;
}

.rs-items-center {
  align-items: center;
}

.rs-justify-start {
  justify-content: flex-start;
}

.rs-justify-center {
  justify-content: center;
}

.rs-justify-between {
  justify-content: space-between;
}

.rs-gap-10 {
  gap: 2.5rem;
}

.rs-gap-4 {
  gap: 1rem;
}

.rs-gap-5 {
  gap: 1.25rem;
}

.rs-gap-6 {
  gap: 1.5rem;
}

.rs-gap-8 {
  gap: 2rem;
}

.rs-overflow-hidden {
  overflow: hidden;
}

.rs-rounded-2xl {
  border-radius: 1rem;
}

.rs-rounded-full {
  border-radius: 9999px;
}

.rs-rounded-md {
  border-radius: 0.375rem;
}

.rs-rounded-xl {
  border-radius: 0.75rem;
}

.rs-bg-\[\#f5f5f5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.rs-bg-\[color\:var\(--rs-badge-new\)\] {
  background-color: var(--rs-badge-new);
}

.rs-bg-\[color\:var\(--rs-bg-gray\)\] {
  background-color: var(--rs-bg-gray);
}

.rs-bg-\[color\:var\(--rs-bg-soft\)\] {
  background-color: var(--rs-bg-soft);
}

.rs-bg-\[color\:var\(--rs-black\)\] {
  background-color: var(--rs-black);
}

.rs-bg-\[color\:var\(--rs-craft-bg\)\] {
  background-color: var(--rs-craft-bg);
}

.rs-bg-\[color\:var\(--rs-wine\)\] {
  background-color: var(--rs-wine);
}

.rs-bg-royal-gold {
  --tw-bg-opacity: 1;
  background-color: rgb(212 175 55 / var(--tw-bg-opacity, 1));
}

.rs-bg-royal-gold\/10 {
  background-color: rgb(212 175 55 / 0.1);
}

.rs-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.rs-bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.rs-bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.rs-from-\[color\:var\(--rs-black\)\] {
  --tw-gradient-from: var(--rs-black) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.rs-from-black\/80 {
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.rs-from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.rs-via-black\/40 {
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.rs-via-gray-300 {
  --tw-gradient-to: rgb(209 213 219 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.rs-via-royal-gold\/40 {
  --tw-gradient-to: rgb(212 175 55 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(212 175 55 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.rs-via-white\/10 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.rs-to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.rs-object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.rs-p-3 {
  padding: 0.75rem;
}

.rs-p-8 {
  padding: 2rem;
}

.rs-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.rs-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.rs-px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.rs-px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.rs-py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.rs-py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.rs-py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.rs-py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.rs-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.rs-pb-20 {
  padding-bottom: 5rem;
}

.rs-pb-24 {
  padding-bottom: 6rem;
}

.rs-pt-32 {
  padding-top: 8rem;
}

.rs-text-left {
  text-align: left;
}

.rs-text-center {
  text-align: center;
}

.rs-font-sans {
  font-family: var(--font-sans), Jost, sans-serif;
}

.rs-font-serif {
  font-family: Playfair Display, serif;
}

.rs-text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.rs-text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.rs-text-\[10px\] {
  font-size: 10px;
}

.rs-text-\[11px\] {
  font-size: 11px;
}

.rs-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.rs-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.rs-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.rs-font-bold {
  font-weight: 700;
}

.rs-font-light {
  font-weight: 300;
}

.rs-font-medium {
  font-weight: 500;
}

.rs-font-normal {
  font-weight: 400;
}

.rs-font-semibold {
  font-weight: 600;
}

.rs-uppercase {
  text-transform: uppercase;
}

.rs-italic {
  font-style: italic;
}

.rs-leading-\[1\.25\] {
  line-height: 1.25;
}

.rs-leading-relaxed {
  line-height: 1.625;
}

.rs-leading-snug {
  line-height: 1.375;
}

.rs-leading-tight {
  line-height: 1.25;
}

.rs-tracking-\[0\.15em\] {
  letter-spacing: 0.15em;
}

.rs-tracking-\[0\.22em\] {
  letter-spacing: 0.22em;
}

.rs-tracking-\[0\.2em\] {
  letter-spacing: 0.2em;
}

.rs-tracking-wider {
  letter-spacing: 0.05em;
}

.rs-text-\[color\:var\(--rs-white\)\] {
  color: var(--rs-white);
}

.rs-text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.rs-text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.rs-text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.rs-text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.rs-text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.rs-text-royal-gold {
  --tw-text-opacity: 1;
  color: rgb(212 175 55 / var(--tw-text-opacity, 1));
}

.rs-text-royal-gold\/85 {
  color: rgb(212 175 55 / 0.85);
}

.rs-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.rs-underline {
  text-decoration-line: underline;
}

.rs-underline-offset-4 {
  text-underline-offset: 4px;
}

.rs-antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.rs-opacity-20 {
  opacity: 0.2;
}

.rs-opacity-80 {
  opacity: 0.8;
}

.rs-opacity-90 {
  opacity: 0.9;
}

.rs-mix-blend-multiply {
  mix-blend-mode: multiply;
}

.rs-shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.03\)\] {
  --tw-shadow: 0 10px 30px rgba(0,0,0,0.03);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rs-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.rs-ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.rs-ring-transparent {
  --tw-ring-color: transparent;
}

.rs-blur-\[120px\] {
  --tw-blur: blur(120px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.rs-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.rs-transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.rs-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.rs-duration-1000 {
  transition-duration: 1000ms;
}

.rs-duration-500 {
  transition-duration: 500ms;
}

.rs-duration-700 {
  transition-duration: 700ms;
}

/* ==========================================================================
 * CSS INDEX (FÁZE 1: navigace bez změny kaskády)
 * --------------------------------------------------------------------------
 * TOKENS
 * [00] Global Variables
 * [01] Design Tokens a základní efekty + @layer components (front-page prvky)
 *
 * BLOCKSY OVERRIDES
 * [02] Centrální správa typografie
 * [03] Hlavička a navigace
 * [04] Dropdowny a panely v hlavičce
 * [05] Offcanvas mobilní menu
 * [06] Breadcrumbs a globální odkazy
 *
 * WOOCOMMERCE
 * [07] WooCommerce katalog
 * [08] WooCommerce sidebar (filtry)
 * [09] WooCommerce košík a pokladna
 * [10] Detail produktu
 *
 * STATIC PAGES
 * [11] Patička
 * [12] 404 stránka
 * [13] Prémiové textové stránky
 *
 * POZNÁMKA:
 * - Fáze 2: tematické skupiny jsou jen dokumentační.
 * - Pořadí CSS pravidel je záměrně beze změny kvůli kompatibilitě s Blocksy.
 * ========================================================================== */

/* ==========================================================================
 * [00] GLOBÁLNÍ CSS PROMĚNNÉ (Snadná změna barev z jednoho místa)
 * Group: TOKENS
 * Scope: root custom properties
 * Depends on: vlastní theme tokeny
 * Source of truth: ano
 * ========================================================================== */

:root {
  --rs-gold: #d4af37;
  --rs-gold-hover: #b38f55;
  --rs-line-color: var(--rs-gold);
  --rs-line-thickness: 1px;
  --rs-wine: #6b1e2e;
  --rs-dark: #111827;
  --rs-black: #0a0a0a;
  --rs-footer: #1c1c1a;
  --rs-bg-gray: #f5f5f5;
  --rs-panel-dark-bg: rgba(10, 10, 10, 0.95);
  --rs-transition-fast: all 0.3s ease;
  /* Submenu: animace čáry = gradient s pomalým roztažením (slabá intenzita, ne jako ::after v hlavním menu) */
  --rs-submenu-line-anim: rgba(212, 175, 55, 0.38);
  --rs-submenu-line-duration: 0.78s;
  --rs-submenu-link-transition: color 0.2s ease, background-size var(--rs-submenu-line-duration) cubic-bezier(0.45, 0, 0.22, 1);
  --rs-border-none: none;
  --rs-shadow-none: none;
  --rs-bg-transparent: transparent;
  --rs-white: #ffffff;
  /* Front page & komponenty (sjednocení s PHP třídami) */
  --rs-bg-soft: #f8f9fa;
  --rs-badge-new: #1b4d3e;
  --rs-craft-bg: #050505;
  --rs-shadow-wine-hover: 0 20px 50px -12px rgba(107, 30, 46, 0.15);
}

/* ==========================================================================
 * [01] DESIGN TOKENS A ZÁKLADNÍ EFEKTY
 * Group: TOKENS
 * Scope: front-page utility classy + základní komponenty
 * Depends on: Tailwind build + prefix rs-
 * Source of truth: ano
 * Note: obsahuje @layer components, neměnit pořadí vůči @tailwind directives
 * ========================================================================== */

.rs-product-shadow {
  filter: drop-shadow(0 30px 30px rgba(0, 0, 0, 0.4));
}

/*
 * Front page (Nejnovější kousky): hover stín na kartách produktu.
 * Tailwind arbitrary hover:rs-shadow-[var(--…)] se často negeneruje; zde nativní CSS + tokeny z :root.
 */

.rs-home-product-card-shadow:hover {
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.05),
    0 20px 50px -12px rgba(0, 0, 0, 0.1);
}

.rs-home-product-card-shadow--sale:hover {
  box-shadow:
    0 0 0 1px rgba(107, 30, 46, 0.2),
    var(--rs-shadow-wine-hover);
}

.rs-hero-bg {
  background: radial-gradient(circle at 70% 50%, #2a2a28 0%, var(--rs-footer) 70%);
}

.rs-category-overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
}

.rs-transition-dark-light {
  background: linear-gradient(to bottom, var(--rs-black) 0%, #ffffff 100%);
  height: 120px;
  width: 100%;
}

@media (max-width: 1024px) {
  .rs-hero-bg,
  section[class*="hero"] {
    padding-top: 180px !important;
    padding-bottom: 80px !important;
  }
}

@media (max-width: 768px) {
  .rs-hero-bg,
  section[class*="hero"] {
    padding-top: 130px !important;
  }
}

/* ==========================================================================
 * [02] CENTRÁLNÍ SPRÁVA TYPOGRAFIE
 * Group: BLOCKSY OVERRIDES
 * Scope: globální typography overrides napříč Woo + header + footer
 * Depends on: Blocksy + WooCommerce selektory
 * Source of truth: ano
 * ========================================================================== */

html body .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product h2,
html body .woocommerce ul.products li.product h3,
html body .woocommerce ul.products li.product .price,
html body .woocommerce ul.products li.product .button,
html body .woocommerce-result-count,
html body .woocommerce-ordering select,
html body #header .ct-menu > li > a,
html body #header .menu > li > a,
html body #header .ct-menu-link,
html body #header [data-id*="account"] > a,
html body #header [data-id*="cart"] > a,
html body .ct-header .sub-menu li a,
html body .ct-header .children li a,
html body #header [data-id*="account"] .ct-panel-inner a,
html body #header .ct-header-account-dropdown a,
html body .woocommerce-mini-cart .mini_cart_item a,
html body .ct-cart-content .woocommerce-mini-cart__buttons a.button,
html body .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button,
html body .woocommerce-mini-cart__buttons a.button,
html body #offcanvas .mobile-menu li a,
html body .ct-header-panel .mobile-menu li a,
html body #offcanvas .button,
html body #offcanvas .ct-button,
html body .ct-header-panel .button,
html body [data-id="offcanvas"] .button,
html body #offcanvas .ct-header-button,
html body .woocommerce-breadcrumb,
html body .ct-breadcrumbs,
html body .wp-block-heading,
html body .wc-block-cart__title,
html body .wc-block-grid__product-title,
html body .wc-block-grid__product-title a,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title a,
html body .woocommerce ul.products li.product .woocommerce-loop-category,
html body .woocommerce ul.products li.product .ct-woo-card-extra,
html body .ct-footer,
html body .ct-footer p,
html body .ct-footer li a,
html body .ct-footer span,
html body .ct-footer .widget-title,
html body .ct-footer h1,
html body .ct-footer h2,
html body .ct-footer h3,
html body .ct-footer h4,
html body .ct-footer h5,
html body .ct-footer h6,
html body .ct-footer .stk-block-heading__text,
html body.error404 .page-content {
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif !important;
}

html body.woocommerce-cart .cart-empty,
html body .wc-block-cart__empty-cart__title,
html body.woocommerce-cart .cross-sells > h2,
html body.error404 .page-title,
html body.error404 h1,
html body.error404 .ct-404-title {
  font-family: 'Playfair Display', serif !important;
}

/* ==========================================================================
 * [03] HLAVIČKA A NAVIGACE (PC & MOBILE)
 * Group: BLOCKSY OVERRIDES
 * Scope: primary menu, account/cart trigger, sticky header
 * Depends on: Blocksy header DOM
 * Source of truth: primární header styly
 * Note: duplicity selektorů v dalších sekcích často jen doplňují states
 * ========================================================================== */

html body #header .ct-menu > li > a,
html body #header .menu > li > a,
html body #header .ct-menu-link,
html body #header [data-id*="account"] > a,
html body #header [data-id*="cart"] > a {
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  transition: var(--rs-transition-fast) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: relative !important;
  overflow: visible !important;
  box-shadow: var(--rs-shadow-none) !important;
  border: var(--rs-border-none) !important;
}

html body #header .ct-menu > li > a::before,
html body #header .menu > li > a::before {
  display: none !important;
}

html body #header .ct-menu > li > a .ct-indicator,
html body #header .menu > li > a .ct-indicator {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: rgba(255, 255, 255, 0.85) !important;
  transition: var(--rs-transition-fast) !important;
}

html body #header .ct-menu > li > a .ct-toggle-dropdown-desktop,
html body #header .menu > li > a .ct-toggle-dropdown-desktop {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: rgba(255, 255, 255, 0.85) !important;
  transition: var(--rs-transition-fast) !important;
}

html body #header .ct-menu > li > a:hover,
html body #header .menu > li > a:hover,
html body #header .ct-menu > li.menu-item-has-children:hover > a,
html body #header .menu > li.menu-item-has-children:hover > a,
html body #header .ct-menu > li.menu-item-has-children:focus-within > a,
html body #header .menu > li.menu-item-has-children:focus-within > a {
  --theme-icon-color: var(--rs-gold) !important;
}

html body #header .ct-menu > li > a svg,
html body #header .menu > li > a svg,
html body #header .ct-menu-link svg {
  margin: 0 auto !important;
  width: 12px !important;
  height: 12px !important;
  display: block !important;
}

html body #header [data-id*="account"] > a svg,
html body #header [data-id*="account"] > button svg {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  display: block !important;
  transition: var(--rs-transition-fast) !important;
}

html body #header [data-id*="cart"] > a svg {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  transform: translateY(4px) !important;
  display: block !important;
  transition: var(--rs-transition-fast) !important;
}

html body #header [data-id*="cart"] > a,
html body #header [data-id*="account"] > a,
html body #header [data-id*="account"] > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Animovaná linka pod hlavním menu (šíření + glow) — účet/košík níže bez glow */

html body #header .ct-menu > li > a::after,
html body #header .menu > li > a::after,
html body #header [data-id*="account"] > a::after,
html body #header [data-id*="cart"] > a::after,
html body #header .ct-menu-link::after {
  content: '' !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 50% !important;
  width: 0 !important;
  height: var(--rs-line-thickness) !important;
  background-color: var(--rs-gold) !important;
  opacity: 1 !important;
  transition: width 0.3s ease !important;
  transform: translateX(-50%) !important;
  box-shadow: none !important;
  filter: none !important;
}

html body #header .ct-menu > li > a::after,
html body #header .menu > li > a::after {
  transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s ease !important;
}

html body #header .ct-menu > li > a:hover::after,
html body #header .menu > li > a:hover::after,
html body #header .ct-menu > li.menu-item-has-children:hover > a::after,
html body #header .menu > li.menu-item-has-children:hover > a::after,
html body #header .ct-menu > li.menu-item-has-children:focus-within > a::after,
html body #header .menu > li.menu-item-has-children:focus-within > a::after {
  width: 100% !important;
  background-color: var(--rs-gold) !important;
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.55) !important;
}

html body #header [data-id*="account"] > a:hover::after,
html body #header [data-id*="cart"] > a:hover::after,
html body #header .ct-menu-link:hover::after {
  width: 100% !important;
  background-color: var(--rs-gold) !important;
  box-shadow: none !important;
}

/* Hover Efekty (Najetí myší na hlavičku) */

html body #header .ct-menu > li > a:hover,
html body #header .menu > li > a:hover,
html body #header .ct-menu > li.menu-item-has-children:hover > a,
html body #header .menu > li.menu-item-has-children:hover > a,
html body #header .ct-menu > li.menu-item-has-children:focus-within > a,
html body #header .menu > li.menu-item-has-children:focus-within > a,
html body #header .ct-menu-link:hover,
html body #header [data-id*="account"]:hover,
html body #header [data-id*="cart"]:hover,
html body #header [data-id*="search"]:hover {
  color: var(--rs-gold) !important;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.4) !important;
  transform: translateY(-2px) !important;
}

html body #header .ct-menu > li > a:hover .ct-indicator svg,
html body #header .menu > li > a:hover .ct-indicator svg,
html body #header .ct-menu > li.menu-item-has-children:hover > a .ct-indicator svg,
html body #header .menu > li.menu-item-has-children:hover > a .ct-indicator svg,
html body #header .ct-menu > li.menu-item-has-children:focus-within > a .ct-indicator svg,
html body #header .menu > li.menu-item-has-children:focus-within > a .ct-indicator svg,
html body #header .ct-menu > li > a:hover .ct-indicator svg path,
html body #header .menu > li > a:hover .ct-indicator svg path,
html body #header .ct-menu > li.menu-item-has-children:hover > a .ct-indicator svg path,
html body #header .menu > li.menu-item-has-children:hover > a .ct-indicator svg path,
html body #header .ct-menu > li.menu-item-has-children:focus-within > a .ct-indicator svg path,
html body #header .menu > li.menu-item-has-children:focus-within > a .ct-indicator svg path,
html body #header .ct-menu > li > a:hover .ct-toggle-dropdown-desktop svg,
html body #header .menu > li > a:hover .ct-toggle-dropdown-desktop svg,
html body #header .ct-menu > li.menu-item-has-children:hover > a .ct-toggle-dropdown-desktop svg,
html body #header .menu > li.menu-item-has-children:hover > a .ct-toggle-dropdown-desktop svg,
html body #header .ct-menu > li.menu-item-has-children:focus-within > a .ct-toggle-dropdown-desktop svg,
html body #header .menu > li.menu-item-has-children:focus-within > a .ct-toggle-dropdown-desktop svg,
html body #header .ct-menu > li > a:hover .ct-toggle-dropdown-desktop svg *,
html body #header .menu > li > a:hover .ct-toggle-dropdown-desktop svg *,
html body #header .ct-menu > li.menu-item-has-children:hover > a .ct-toggle-dropdown-desktop svg *,
html body #header .menu > li.menu-item-has-children:hover > a .ct-toggle-dropdown-desktop svg *,
html body #header .ct-menu > li.menu-item-has-children:focus-within > a .ct-toggle-dropdown-desktop svg *,
html body #header .menu > li.menu-item-has-children:focus-within > a .ct-toggle-dropdown-desktop svg * {
  color: var(--rs-gold) !important;
  fill: var(--rs-gold) !important;
  stroke: var(--rs-gold) !important;
  opacity: 1 !important;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

/* Aktivní položka menu je tmavší než hover */

html body #header .ct-menu > li[class*="current-"] > a,
html body #header .menu > li[class*="current-"] > a,
html body #header .ct-menu > li[class*="current-"] > a span,
html body #header .menu > li[class*="current-"] > a span,
html body #header .ct-menu > li[class*="current-"] > a strong,
html body #header .menu > li[class*="current-"] > a strong,
html body #header .ct-menu > li[class*="current-"] > a em,
html body #header .menu > li[class*="current-"] > a em {
  color: var(--rs-gold-hover) !important;
  -webkit-text-fill-color: var(--rs-gold-hover) !important;
}

html body #header .ct-menu > li[class*="current-"] > a,
html body #header .menu > li[class*="current-"] > a {
  --theme-icon-color: var(--rs-gold-hover) !important;
  --menu-indicator-active-color: var(--rs-gold-hover) !important;
  --menu-indicator-color: var(--rs-gold-hover) !important;
  --theme-link-hover-color: var(--rs-gold-hover) !important;
}

html body #header .ct-menu > li[class*="current-"],
html body #header .menu > li[class*="current-"] {
  --menu-indicator-active-color: var(--rs-gold-hover) !important;
  --menu-indicator-color: var(--rs-gold-hover) !important;
  --theme-link-hover-color: var(--rs-gold-hover) !important;
}

/* Horní linka hlavního menu: plná zlatá; glow jen při hoveru (výše) */

html body #header .ct-menu > li > a::after,
html body #header .menu > li > a::after {
  background-color: var(--rs-gold) !important;
  box-shadow: none !important;
}

html body #header .ct-menu > li[class*="current-"]:hover > a::after,
html body #header .menu > li[class*="current-"]:hover > a::after,
html body #header .ct-menu > li[class*="current-"]:focus-within > a::after,
html body #header .menu > li[class*="current-"]:focus-within > a::after {
  background-color: var(--rs-gold) !important;
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.55) !important;
}

html body #header .ct-menu > li[class*="current-"] > a .ct-indicator svg,
html body #header .menu > li[class*="current-"] > a .ct-indicator svg,
html body #header .ct-menu > li[class*="current-"] > a .ct-indicator svg path,
html body #header .menu > li[class*="current-"] > a .ct-indicator svg path,
html body #header .ct-menu > li[class*="current-"] > a .ct-toggle-dropdown-desktop svg,
html body #header .menu > li[class*="current-"] > a .ct-toggle-dropdown-desktop svg,
html body #header .ct-menu > li[class*="current-"] > a .ct-toggle-dropdown-desktop svg *,
html body #header .menu > li[class*="current-"] > a .ct-toggle-dropdown-desktop svg * {
  color: var(--rs-gold-hover) !important;
  fill: var(--rs-gold-hover) !important;
  stroke: var(--rs-gold-hover) !important;
  opacity: 1 !important;
  fill-opacity: 1 !important;
  stroke-opacity: 1 !important;
}

html body #header [data-id*="cart"]:hover > a svg,
html body #header [data-id*="account"]:hover > a svg,
html body #header [data-id*="account"]:hover > button svg {
  color: var(--rs-gold) !important;
  fill: var(--rs-gold) !important;
}

html body #header [data-id*="cart"]:hover > a svg path,
html body #header [data-id*="cart"]:hover > a svg circle,
html body #header [data-id*="account"]:hover svg path,
html body #header [data-id*="account"]:hover svg circle,
html body #header [data-id*="account"]:hover svg use,
html body #header [data-id*="account"]:hover svg rect {
  stroke: var(--rs-gold) !important;
  fill: var(--rs-gold) !important;
}

html body #header [data-id*="account"]:hover img {
  border: 2px solid var(--rs-gold) !important;
  border-radius: 50% !important;
  padding: 2px !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
  transition: var(--rs-transition-fast) !important;
}

html body #header [data-id*="cart"] .ct-cart-badge {
  transition: var(--rs-transition-fast) !important;
}

html body #header [data-id*="cart"]:hover .ct-cart-badge {
  background-color: var(--rs-gold) !important;
  color: var(--rs-white) !important;
}

html body .ct-header .ct-toggle-mobile-menu:hover,
html body .ct-header .ct-header-trigger:hover {
  color: var(--rs-gold) !important;
}

html body .ct-header .ct-toggle-mobile-menu:hover svg,
html body .ct-header .ct-header-trigger:hover svg,
html body .ct-header .ct-toggle-mobile-menu:hover svg path,
html body .ct-header .ct-header-trigger:hover svg path {
  fill: var(--rs-gold) !important;
  stroke: var(--rs-gold) !important;
  color: var(--rs-gold) !important;
}

html body #header,
html body .ct-header {
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
}

html body .ct-header [data-row],
html body .ct-header .ct-container,
html body #header [data-row],
html body #header .ct-container {
  border-bottom: none !important;
  border-top: none !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body .ct-header [data-row]::before,
html body .ct-header [data-row]::after {
  display: none !important;
  content: none !important;
}

html body header.site-header[data-sticky="yes"],
html body .ct-header[data-sticky="yes"] {
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
}

/* ==========================================================================
 * [04] ROZBALOVACÍ DROPDOWNY A PANELY V HLAVIČCE
 * Group: BLOCKSY OVERRIDES
 * Scope: submenu, account panel, cart panel/dropdown
 * Depends on: Blocksy dropdown/panel markup
 * Source of truth: primární pro panel look&feel
 * ========================================================================== */

html body .ct-header,
html body #header {
  --dropdown-background: var(--rs-black) !important;
  --dropdown-background-color: var(--rs-black) !important;
  --dropdown-text-color: rgba(255, 255, 255, 0.85) !important;
  --dropdown-heading-color: var(--rs-white) !important;
  --dropdown-border-color: rgba(212, 175, 55, 0.2) !important;
  --dropdown-divider-color: rgba(212, 175, 55, 0.15) !important;
  --panel-background: var(--rs-black) !important;
  --panel-text-color: rgba(255, 255, 255, 0.85) !important;
}

html body .ct-header .sub-menu,
html body .ct-header .children,
html body #header .ct-header-account-dropdown,
html body #header .ct-header-cart-dropdown,
html body #header [data-id*="account"] .ct-dropdown-menu,
html body #header [data-id*="cart"] .ct-dropdown-menu,
html body #header [data-id*="account"] .ct-panel-inner,
html body #header [data-id*="cart"] .ct-panel-inner,
html body #header [data-id*="account"] .ct-popover,
html body #header [data-id*="cart"] .ct-popover {
  background-color: var(--rs-panel-dark-bg) !important;
  background: var(--rs-panel-dark-bg) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.8) !important;
  padding: 10px 0 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

html body #header .ct-menu > li.menu-item-has-children,
html body #header .menu > li.menu-item-has-children {
  position: relative !important;
}

html body #header .ct-menu > li.menu-item-has-children > .sub-menu,
html body #header .menu > li.menu-item-has-children > .sub-menu {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

html body .ct-header .sub-menu::before, html body .ct-header .sub-menu::after,
html body .ct-header .children::before, html body .ct-header .children::after,
html body #header .ct-header-account-dropdown::before, html body #header .ct-header-account-dropdown::after,
html body #header .ct-header-cart-dropdown::before, html body #header .ct-header-cart-dropdown::after,
html body #header [data-id*="account"] .ct-dropdown-menu::before, html body #header [data-id*="account"] .ct-dropdown-menu::after,
html body #header [data-id*="cart"] .ct-dropdown-menu::before, html body #header [data-id*="cart"] .ct-dropdown-menu::after,
html body #header [data-id*="account"] .ct-panel-inner::before, html body #header [data-id*="account"] .ct-panel-inner::after,
html body #header [data-id*="cart"] .ct-panel-inner::before, html body #header [data-id*="cart"] .ct-panel-inner::after,
html body .ct-panel[data-id*="cart"] .ct-panel-inner::before {
  display: none !important;
  content: none !important;
}

html body #header .ct-header-account-dropdown,
html body #header .ct-header-account-dropdown *,
html body #header .ct-header-cart-dropdown,
html body #header .ct-header-cart-dropdown *,
html body #header [data-id*="account"] .ct-panel-inner *,
html body #header [data-id*="cart"] .ct-panel-inner * {
  color: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(212, 175, 55, 0.15) !important;
}

/* Odkazy v Dropdownu (Submenu PC a Můj Účet) - VYJMUT KOŠÍK */

html body .ct-header .sub-menu li a,
html body .ct-header .children li a,
html body #header [data-id*="account"] .ct-panel-inner a,
html body #header .ct-header-account-dropdown a {
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.6) !important;
  padding: 12px 25px !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  position: relative !important;
  background: var(--rs-bg-transparent) !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration-line: none !important;
  border-bottom: var(--rs-line-thickness) solid transparent !important;
}

html body .ct-header .sub-menu li a,
html body .ct-header .children li a {
  transition: var(--rs-submenu-link-transition) !important;
}

html body #header [data-id*="account"] .ct-panel-inner a,
html body #header .ct-header-account-dropdown a {
  transition: var(--rs-transition-fast) !important;
}

html body .ct-header .sub-menu li,
html body .ct-header .children li {
  border-bottom: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

html body .ct-header .sub-menu li > a::before,
html body .ct-header .children li > a::before,
html body #header [data-id*="account"] .ct-panel-inner a::before,
html body #header .ct-header-account-dropdown a::before {
  display: none !important;
  content: none !important;
}

html body .ct-header .sub-menu li a::after,
html body .ct-header .children li a::after,
html body #header [data-id*="account"] .ct-panel-inner a::after,
html body #header .ct-header-account-dropdown a::after {
  display: none !important;
  content: none !important;
}

html body .ct-header .sub-menu li.current-menu-item > a,
html body .ct-header .sub-menu li.current-menu-ancestor > a,
html body .ct-header .sub-menu li.current-menu-parent > a,
html body .ct-header .children li.current-menu-item > a,
html body .ct-header .children li.current-menu-ancestor > a,
html body .ct-header .children li.current-menu-parent > a {
  color: var(--rs-gold-hover) !important;
  -webkit-text-fill-color: var(--rs-gold-hover) !important;
  text-shadow: none !important;
  background-color: transparent !important;
}

/* Blocksy může aktivní řádek kreslit přes divider/border mimo naši linku */

html body .ct-header .sub-menu li.current-menu-item,
html body .ct-header .sub-menu li.current-menu-ancestor,
html body .ct-header .sub-menu li.current-menu-parent,
html body .ct-header .children li.current-menu-item,
html body .ct-header .children li.current-menu-ancestor,
html body .ct-header .children li.current-menu-parent {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

html body .ct-header .sub-menu li.current-menu-item > a,
html body .ct-header .sub-menu li.current-menu-ancestor > a,
html body .ct-header .sub-menu li.current-menu-parent > a,
html body .ct-header .children li.current-menu-item > a,
html body .ct-header .children li.current-menu-ancestor > a,
html body .ct-header .children li.current-menu-parent > a {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body .ct-header .sub-menu li a:hover,
html body .ct-header .sub-menu li:hover > a,
html body .ct-header .children li a:hover,
html body .ct-header .children li:hover > a {
  color: var(--rs-gold) !important;
  background-color: transparent !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration-line: none !important;
}

html body #header [data-id*="account"] .ct-panel-inner a:hover,
html body #header [data-id*="account"] .ct-panel-inner li:hover > a,
html body #header .ct-header-account-dropdown a:hover {
  color: var(--rs-gold) !important;
  background-color: transparent !important;
  text-shadow: none !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  -webkit-text-decoration-line: none !important;
  border-bottom-color: var(--rs-line-color) !important;
  box-shadow: none !important;
}

/* Aktivní stránka v submenu: zůstat gold-hover i při hoveru (jinak přepíše pravidlo výše) */

html body .ct-header .sub-menu li.current-menu-item > a:hover,
html body .ct-header .sub-menu li.current-menu-item:hover > a,
html body .ct-header .sub-menu li.current-menu-ancestor > a:hover,
html body .ct-header .sub-menu li.current-menu-ancestor:hover > a,
html body .ct-header .sub-menu li.current-menu-parent > a:hover,
html body .ct-header .sub-menu li.current-menu-parent:hover > a,
html body .ct-header .children li.current-menu-item > a:hover,
html body .ct-header .children li.current-menu-item:hover > a,
html body .ct-header .children li.current-menu-ancestor > a:hover,
html body .ct-header .children li.current-menu-ancestor:hover > a,
html body .ct-header .children li.current-menu-parent > a:hover,
html body .ct-header .children li.current-menu-parent:hover > a {
  color: var(--rs-gold-hover) !important;
  -webkit-text-fill-color: var(--rs-gold-hover) !important;
}

/* ==========================================================================
 * NÁHLED KOŠÍKU (MINI CART)
 * ========================================================================== */

html body .ct-cart-content,
html body .widget_shopping_cart,
html body .widget_shopping_cart_content,
html body .woocommerce-mini-cart,
html body #offcanvas .widget_shopping_cart,
html body .ct-header-cart-dropdown,
html body [data-id*="cart"] .ct-dropdown-menu,
html body .ct-panel[data-id*="cart"],
html body .ct-panel[data-id*="cart"] .ct-panel-inner {
  --panel-background: var(--rs-panel-dark-bg) !important;
  --panel-background-color: var(--rs-panel-dark-bg) !important;
  --dropdown-background: var(--rs-panel-dark-bg) !important;
  background-color: var(--rs-panel-dark-bg) !important;
  background: var(--rs-panel-dark-bg) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.8) !important;
}

html body .ct-cart-content .widget_shopping_cart,
html body .ct-cart-content .widget_shopping_cart_content,
html body .ct-cart-content .woocommerce-mini-cart,
html body #offcanvas .ct-cart-content,
html body .ct-header-panel .ct-cart-content {
  background: var(--rs-bg-transparent) !important;
  border: var(--rs-border-none) !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body #offcanvas .ct-cart-content,
html body .ct-header-panel .ct-cart-content {
  padding: 0 !important;
}

html body .woocommerce-mini-cart .mini_cart_item a {
  color: var(--rs-white) !important;
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 500 !important;
  transition: color 0.3s ease !important;
}

html body .woocommerce-mini-cart .mini_cart_item a:hover {
  color: var(--rs-gold) !important;
}

html body .woocommerce-mini-cart .quantity {
  color: rgba(255, 255, 255, 0.6) !important;
}

html body .ct-cart-content .cart_list,
html body .widget_shopping_cart .cart_list {
  border: var(--rs-border-none) !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body .ct-cart-content .cart_list li,
html body .ct-header-cart-dropdown .cart_list li,
html body .widget_shopping_cart .cart_list li,
html body .woocommerce-mini-cart .mini_cart_item,
html body .woocommerce-mini-cart-item,
html body .ct-cart-content .cart_list li a {
  border: var(--rs-border-none) !important;
  border-bottom: none !important;
  box-shadow: var(--rs-shadow-none) !important;
  background: var(--rs-bg-transparent) !important;
  padding-bottom: 10px !important;
  outline: none !important;
}

html body .widget_shopping_cart_content .total,
html body .woocommerce-mini-cart__total {
  border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  color: var(--rs-white) !important;
  padding-top: 15px !important;
  margin-top: 5px !important;
}

html body .widget_shopping_cart .woocommerce-mini-cart__buttons,
html body .woocommerce-mini-cart__buttons {
  border: var(--rs-border-none) !important;
}

html body .ct-cart-content .woocommerce-mini-cart__buttons a.button,
html body .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button,
html body .woocommerce-mini-cart__buttons a.button {
  border-radius: 8px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--rs-transition-fast) !important;
  width: 100% !important;
  margin-bottom: 10px !important;
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body .ct-cart-content .woocommerce-mini-cart__buttons a.button:not(.checkout),
html body .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button:not(.checkout),
html body .woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background-color: transparent !important;
  color: var(--rs-gold) !important;
  border: 1px solid var(--rs-gold) !important;
}

html body .ct-cart-content .woocommerce-mini-cart__buttons a.button.checkout,
html body .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button.checkout,
html body .woocommerce-mini-cart__buttons a.button.checkout {
  background-color: var(--rs-gold) !important;
  color: white !important;
  border: 1px solid var(--rs-gold) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

html body .ct-cart-content .woocommerce-mini-cart__buttons a.button:hover,
html body .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button:hover,
html body .woocommerce-mini-cart__buttons a.button:hover {
  background-color: var(--rs-gold-hover) !important;
  border-color: var(--rs-gold-hover) !important;
  color: white !important;
  transform: translateY(-2px) !important;
}

/* ==========================================================================
 * [05] OFFCANVAS MOBILNÍ MENU
 * Group: BLOCKSY OVERRIDES
 * Scope: mobile drawer/offcanvas nav + tlačítka
 * Depends on: Blocksy offcanvas
 * Source of truth: ano
 * ========================================================================== */

html body div#offcanvas.ct-panel,
html body .ct-header-panel,
html body .ct-header-panel .ct-panel-inner,
html body [data-id="offcanvas"],
html body .ct-offcanvas-container,
html body .ct-panel-content,
html body #offcanvas .ct-panel-header,
html body .ct-header-panel .ct-panel-header,
html body #offcanvas .ct-panel-actions,
html body .ct-header-panel .ct-panel-actions {
  --panel-background: var(--rs-black) !important;
  --panel-background-color: var(--rs-black) !important;
  background-color: var(--rs-black) !important;
  background: var(--rs-black) !important;
}

html body #offcanvas .ct-panel-header,
html body .ct-header-panel .ct-panel-header,
html body #offcanvas .ct-panel-actions,
html body .ct-header-panel .ct-panel-actions {
  border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
}

html body #offcanvas .mobile-menu li a,
html body .ct-header-panel .mobile-menu li a {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: var(--rs-white) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.1) !important;
  padding: 22px 30px !important;
  transition: var(--rs-transition-fast) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

html body #offcanvas .mobile-menu li a:hover,
html body .ct-header-panel .mobile-menu li a:hover {
  color: var(--rs-gold) !important;
  padding-left: 35px !important;
  background-color: rgba(212, 175, 55, 0.05) !important;
}

html body #offcanvas .mobile-menu li.current-menu-item > a,
html body .ct-header-panel .mobile-menu li.current-menu-item > a {
  color: var(--rs-gold) !important;
  background-color: rgba(212, 175, 55, 0.1) !important;
  border-left: 4px solid var(--rs-gold) !important;
  padding-left: 26px !important;
}

html body .ct-toggle-close {
  color: white !important;
  padding: 15px !important;
}

html body #offcanvas .button,
html body #offcanvas .ct-button,
html body .ct-header-panel .button,
html body [data-id="offcanvas"] .button,
html body #offcanvas .ct-header-button {
  background-color: var(--rs-gold) !important;
  color: white !important;
  border-radius: 8px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
  border: var(--rs-border-none) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
  width: 90% !important;
  max-width: 300px !important;
  margin: 30px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 18px !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

html body #offcanvas .button:hover,
html body #offcanvas .ct-button:hover,
html body .ct-header-panel .button:hover,
html body [data-id="offcanvas"] .button:hover,
html body #offcanvas .ct-header-button:hover {
  background-color: var(--rs-gold-hover) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
}

html body #offcanvas .ct-socials a,
html body .ct-header-panel .ct-socials a {
  color: var(--rs-white) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-radius: 50% !important;
  transition: var(--rs-transition-fast) !important;
  width: 42px !important;
  height: 42px !important;
}

html body #offcanvas .ct-socials a:hover,
html body .ct-header-panel .ct-socials a:hover {
  color: var(--rs-gold) !important;
  border-color: var(--rs-gold) !important;
  transform: translateY(-3px) !important;
}

/* ==========================================================================
 * [06] DROBEČKOVÁ NAVIGACE (BREADCRUMBS) A GLOBÁLNÍ ODKAZY
 * Group: BLOCKSY OVERRIDES
 * Scope: breadcrumbs + common link styling hooks
 * Depends on: Blocksy breadcrumbs + WP content classes
 * Source of truth: ano
 * ========================================================================== */

html body .woocommerce-breadcrumb,
html body .ct-breadcrumbs {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  color: #9ca3af !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 40px !important;
  width: 100% !important;
}

html body .woocommerce-breadcrumb a,
html body .ct-breadcrumbs a {
  color: var(--rs-gold) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: var(--rs-shadow-none) !important;
  transition: var(--rs-transition-fast) !important;
  border-bottom: 1px solid transparent !important;
  padding-bottom: 2px !important;
}

html body .woocommerce-breadcrumb a::after,
html body .ct-breadcrumbs a::after,
html body .woocommerce-breadcrumb a::before,
html body .ct-breadcrumbs a::before {
  display: none !important;
}

html body .woocommerce-breadcrumb a:hover,
html body .ct-breadcrumbs a:hover {
  color: var(--rs-gold-hover) !important;
  border-bottom-color: var(--rs-gold-hover) !important;
  text-decoration: none !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body .entry-content p a,
html body .site-main p a,
html body .woocommerce-Tabs-panel a,
html body .woocommerce-product-details__short-description a {
  color: var(--rs-gold) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: var(--rs-transition-fast) !important;
  font-weight: 500 !important;
}

html body .entry-content p a:hover,
html body .site-main p a:hover,
html body .woocommerce-Tabs-panel a:hover,
html body .woocommerce-product-details__short-description a:hover {
  color: var(--rs-gold-hover) !important;
  border-bottom-color: var(--rs-gold-hover) !important;
}

/* ==========================================================================
 * [07] WOOCOMMERCE OBECNÉ NASTAVENÍ A KATALOG
 * Group: WOOCOMMERCE
 * Scope: produktový výpis, tlačítka, badge, katalogové UI
 * Depends on: WooCommerce templates + Blocksy Woo wrappers
 * Source of truth: primární katalog styly
 * ========================================================================== */

html body.archive.woocommerce-page,
html body.archive.woocommerce-page .site-main,
html body.archive.woocommerce-page #main,
html body.post-type-archive-product,
html body.post-type-archive-product .site-main,
html body.post-type-archive-product #main,
html body.tax-product_cat,
html body.tax-product_cat .site-main,
html body.tax-product_cat #main,
html body.woocommerce-cart,
html body.woocommerce-cart .site-main,
html body.woocommerce-cart #primary,
html body.woocommerce-cart .entry-content,
html body.woocommerce-cart .stk-row,
html body.woocommerce-cart .stk-container,
html body.woocommerce-checkout .site-main,
html body.woocommerce-checkout #primary,
html body.woocommerce-checkout .entry-content {
  background-color: var(--rs-bg-gray) !important;
}

/* Výchozí odsazení pro nákupní stránky (košík, pokladna) */

html body.woocommerce-cart .site-main,
html body.woocommerce-cart #main,
html body.woocommerce-checkout .site-main,
html body.woocommerce-checkout #main {
  padding-top: 140px !important;
  margin-top: 0 !important;
  padding-bottom: 80px !important;
}

/* OPRAVA: Odsazení od patičky pro výpisy produktů */

html body.archive.woocommerce-page .site-main,
html body.archive.woocommerce-page #main,
html body.tax-product_cat .site-main,
html body.tax-product_cat #main,
html body.post-type-archive-product .site-main,
html body.post-type-archive-product #main {
  padding-bottom: 120px !important;
}

/* Toolbar katalogu (počet produktů + výchozí třídění) */

html body.woocommerce .woocommerce-result-count,
html body.woocommerce-page .woocommerce-result-count {
  margin: 8px 0 0 0 !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.woocommerce .woocommerce-ordering,
html body.woocommerce-page .woocommerce-ordering {
  float: right !important;
  margin: 8px 0 0 0 !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
}

html body.woocommerce .woocommerce-ordering select.orderby,
html body.woocommerce-page .woocommerce-ordering select.orderby {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  min-height: 44px !important;
  padding: 10px 44px 10px 14px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  color: #374151 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #6b7280 50%),
    linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(50% - 2px),
    calc(100% - 14px) calc(50% - 2px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

html body.woocommerce .woocommerce-ordering select.orderby:focus,
html body.woocommerce-page .woocommerce-ordering select.orderby:focus {
  border-color: var(--rs-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15) !important;
}

@media (max-width: 768px) {
  html body.woocommerce .woocommerce-ordering,
  html body.woocommerce-page .woocommerce-ordering {
    width: 100% !important;
  }

  html body.woocommerce .woocommerce-ordering select.orderby,
  html body.woocommerce-page .woocommerce-ordering select.orderby {
    width: 100% !important;
    font-size: 16px !important;
  }
}

/* Rozvržení mřížky produktů */

html body .woocommerce ul.products,
html body.woocommerce-page ul.products,
html body .wc-block-grid__products {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 30px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 60px !important;
  padding: 0 !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  html body .woocommerce ul.products,
  html body.woocommerce-page ul.products,
  html body .wc-block-grid__products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1024px) {
  html body .woocommerce ul.products,
  html body.woocommerce-page ul.products,
  html body .wc-block-grid__products {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

html body .woocommerce ul.products::before,
html body .woocommerce ul.products::after {
  display: none !important;
}

/* Základní karta produktu */

html body .woocommerce ul.products li.product,
html body.woocommerce-page ul.products li.product,
html body .wc-block-grid__product {
  --heading-color: var(--rs-dark) !important;
  background-color: var(--rs-white) !important;
  border-radius: 16px !important;
  padding: 15px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.5s ease !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html body .woocommerce ul.products li.product:hover,
html body.woocommerce-page ul.products li.product:hover,
html body .wc-block-grid__product:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(107, 30, 46, 0.4) !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.08) !important;
}

html body .woocommerce ul.products li.product .ct-image-container,
html body.woocommerce-page ul.products li.product .ct-image-container,
html body .wc-block-grid__product-image {
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #f8f9fa !important;
  margin-bottom: 20px !important;
  position: relative !important;
  aspect-ratio: 4/5 !important;
  flex-shrink: 0 !important;
}

html body .woocommerce ul.products li.product .ct-image-container img,
html body .wc-block-grid__product-image img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  transition: transform 1s ease !important;
}

html body .woocommerce ul.products li.product:hover .ct-image-container img,
html body .wc-block-grid__product:hover .wc-block-grid__product-image img {
  transform: scale(1.08) !important;
}

/* Ošetření obrázků v košíku */

html body.woocommerce-cart .woocommerce ul.products li.product .ct-image-container,
html body.woocommerce-cart .wc-block-grid__product-image {
  aspect-ratio: 1 / 1 !important;
}

html body.woocommerce-cart .woocommerce ul.products li.product .ct-image-container img,
html body.woocommerce-cart .wc-block-grid__product-image img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

html body.woocommerce ul.products li.product a.button,
html body.woocommerce ul.products li.product .added_to_cart,
html body.woocommerce-page ul.products li.product a.button,
html body.woocommerce-page ul.products li.product .added_to_cart,
html body.woocommerce-cart .wp-block-button__link,
html body.woocommerce-cart .button:not([name="update_cart"]):not([name="apply_coupon"]),
html body .wc-block-grid__product-add-to-cart,
html body .wp-block-button.wc-block-grid__product-add-to-cart {
  display: none !important;
}

html body .wp-block-heading,
html body .wc-block-cart__title,
html body .wc-block-grid__product-title,
html body .wc-block-grid__product-title a,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title a {
  font-family: ui-sans-serif, system-ui, sans-serif !important;
}

/* Názvy produktů a zlatý Hover */

html body .wc-block-grid__product-title,
html body .wc-block-grid__product-title a,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product .woocommerce-loop-product__title a {
  color: var(--rs-dark) !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.3s ease !important;
}

html body .wc-block-grid__product:hover .wc-block-grid__product-title,
html body .wc-block-grid__product:hover .wc-block-grid__product-title a,
html body .woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
html body .woocommerce ul.products li.product:hover .woocommerce-loop-product__title a {
  color: var(--rs-gold) !important;
}

html body .woocommerce ul.products li.product .price,
html body .wc-block-grid__product-price {
  font-weight: 600 !important;
  font-size: 16px !important;
  margin-bottom: 0 !important;
  color: var(--rs-wine) !important;
}

html body .wc-block-grid__product-price del,
html body .wc-block-components-product-price__regular {
  color: #9ca3af !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-right: 8px !important;
}

html body .wc-block-grid__product-price ins,
html body .wc-block-components-product-price__value.is-discounted {
  color: var(--rs-wine) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

html body .woocommerce ul.products li.product .woocommerce-loop-category,
html body .woocommerce ul.products li.product .ct-woo-card-extra {
  font-size: 10px !important;
  color: #9ca3af !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Slevový štítek v katalogu */

html body .woocommerce ul.products li.product span.onsale,
html body.woocommerce-page span.onsale,
html body .wc-block-grid__product-onsale,
html body .wc-block-components-product-badge {
  background-color: var(--rs-wine) !important;
  color: var(--rs-white) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 4px 12px !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  border: var(--rs-border-none) !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1.5 !important;
  position: absolute !important;
  z-index: 10 !important;
}

/* Slevový štítek v účtence */

html body .wc-block-components-sidebar .wc-block-components-product-badge,
html body .wc-block-components-sidebar span.onsale,
html body .wc-block-cart-items .wc-block-components-product-badge {
  position: static !important;
  display: inline-block !important;
  background-color: var(--rs-wine) !important;
  color: var(--rs-white) !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  box-shadow: var(--rs-shadow-none) !important;
}

/* ==========================================================================
 * [08] WOOCOMMERCE SIDEBAR (Katalogové Filtry - KONEČNÁ VERZE)
 * Group: WOOCOMMERCE
 * Scope: widgets/filtry v katalogu
 * Depends on: Woo widget output
 * Source of truth: ano
 * ========================================================================== */

@media (min-width: 1024px) {
  html body.archive .ct-sidebar,
  html body.tax-product_cat .ct-sidebar {
    padding-top: 85px !important;
  }
}

/* Odstranění bílých bloků a stínů u všech widgetů v sidebaru */

html body.archive .ct-sidebar > *,
html body.archive .wc-block-components-sidebar > *,
html body.tax-product_cat .ct-sidebar > *,
html body.tax-product_cat .wc-block-components-sidebar > *,
html body.archive .ct-sidebar fieldset,
html body.tax-product_cat .ct-sidebar fieldset {
  background: var(--rs-bg-transparent) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin-bottom: 40px !important;
  box-shadow: var(--rs-shadow-none) !important;
  border: var(--rs-border-none) !important;
}

/* Zlaté mizející linky pod nadpisy ve vínové barvě */

html body.archive .ct-sidebar :is(h1, h2, h3, h4, h5, h6, .widget-title, .wp-block-heading),
html body.tax-product_cat .ct-sidebar :is(h1, h2, h3, h4, h5, h6, .widget-title, .wp-block-heading) {
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--rs-wine) !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: var(--rs-border-none) !important;
  position: relative !important;
}

html body.archive .ct-sidebar :is(h1, h2, h3, h4, h5, h6, .widget-title, .wp-block-heading)::after,
html body.tax-product_cat .ct-sidebar :is(h1, h2, h3, h4, h5, h6, .widget-title, .wp-block-heading)::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: linear-gradient(to right, var(--rs-gold), transparent) !important;
}

/* Sjednocení písem všech filtrů (Kategorie i Checkboxy STAV) na 13px */

html body.archive .ct-sidebar ul,
html body.tax-product_cat .ct-sidebar ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

html body.archive .ct-sidebar ul li,
html body.tax-product_cat .ct-sidebar ul li {
  padding: 8px 0 !important;
  border: var(--rs-border-none) !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* Vynucení sjednocení fontu a velikosti napříč všemi skrytými spany WooCommerce bloků */

html body.archive .ct-sidebar ul li a,
html body.tax-product_cat .ct-sidebar ul li a,
html body.archive .ct-sidebar .widget_product_categories ul li a,
html body.tax-product_cat .ct-sidebar .widget_product_categories ul li a,
html body.archive .ct-sidebar .wc-block-components-checkbox label,
html body.tax-product_cat .ct-sidebar .wc-block-components-checkbox label,
html body.archive .ct-sidebar .wc-block-components-checkbox .wc-block-components-checkbox__label,
html body.archive .ct-sidebar .wc-block-components-product-categories-list-item__name,
html body.tax-product_cat .ct-sidebar .wc-block-components-product-categories-list-item__name {
  color: #4b5563 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  transition: color 0.3s ease !important;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
}

html body.archive .ct-sidebar ul li a:hover,
html body.tax-product_cat .ct-sidebar ul li a:hover,
html body.archive .ct-sidebar .wc-block-components-product-categories-list-item__name:hover,
html body.tax-product_cat .ct-sidebar .wc-block-components-product-categories-list-item__name:hover,
html body.archive .ct-sidebar .wc-block-components-checkbox:hover label {
  color: var(--rs-gold) !important;
}

/* --- KATEGORIE: ODRÁŽKY MÍSTO CHECKBOXŮ --- */

/* Vykreslení elegantní odrážky vedle odkazu kategorie */

html body.archive .ct-sidebar .widget_product_categories ul li > a::before,
html body.tax-product_cat .ct-sidebar .widget_product_categories ul li > a::before,
html body.archive .ct-sidebar .wc-block-product-categories-list li > a::before,
html body.tax-product_cat .ct-sidebar .wc-block-product-categories-list li > a::before {
  content: '•' !important;
  display: inline-block !important;
  font-size: 16px !important;
  color: #9ca3af !important;
  margin-right: 8px !important;
  transition: var(--rs-transition-fast) !important;
  line-height: 1 !important;
}

/* Bezpečné skrytí původních prvků ve filtrech kategorií */

html body.archive .ct-sidebar .wc-block-product-categories-list input[type="checkbox"],
html body.tax-product_cat .ct-sidebar .wc-block-product-categories-list input[type="checkbox"] {
  display: none !important;
}

html body.archive .ct-sidebar .wc-block-product-categories-list .wc-block-components-checkbox__mark,
html body.tax-product_cat .ct-sidebar .wc-block-product-categories-list .wc-block-components-checkbox__mark {
  display: none !important;
}

/* Počty produktů a zanoření kategorií */

html body.archive .ct-sidebar .wc-block-product-categories-list-item-count,
html body.tax-product_cat .ct-sidebar .wc-block-product-categories-list-item-count,
html body.archive .ct-sidebar ul li .count,
html body.tax-product_cat .ct-sidebar ul li .count {
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif !important;
  font-size: 12px !important;
  color: #9ca3af !important;
  margin-left: 5px !important;
  font-weight: 400 !important;
}

html body.archive .ct-sidebar .wc-block-product-categories-list .wc-block-product-categories-list,
html body.tax-product_cat .ct-sidebar .wc-block-product-categories-list .wc-block-product-categories-list,
html body.archive .ct-sidebar ul.children,
html body.tax-product_cat .ct-sidebar ul.children {
  margin-left: 20px !important;
  border-left: 1px dashed #e5e7eb !important;
  padding-left: 10px !important;
  margin-top: 5px !important;
  width: 100% !important;
}

/* --- SKUTEČNÉ WOOCOMMERCE CHECKBOXY (Filtr STAV, Vlastnosti) --- */

/* Návrat k nativnímu vzhledu pro maximální odlehčení a bezchybnost. Obarvíme pouze do zlaté. */

html body input[type="checkbox"],
html body input[type="radio"] {
  accent-color: var(--rs-gold) !important;
}

/* Přepsání barvy pro speciální WooCommerce Bloky (pokud používají vlastní SVG/Mark) */

html body .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark {
  background-color: var(--rs-gold) !important;
  border-color: var(--rs-gold) !important;
}

html body .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark svg {
  fill: #ffffff !important;
}

html body .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + svg {
  fill: var(--rs-gold) !important;
  color: var(--rs-gold) !important;
}

html body .wc-block-components-checkbox .wc-block-components-checkbox__input:focus + .wc-block-components-checkbox__mark {
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
  border-color: var(--rs-gold) !important;
}

/* --- CENA A POSUVNÍK --- */

html body.archive .wc-block-components-price-slider__controls,
html body.tax-product_cat .wc-block-components-price-slider__controls {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Obaly samotných inputů - roztáhnou se 50/50 */

html body.archive .wc-block-components-price-slider__amount,
html body.tax-product_cat .wc-block-components-price-slider__amount {
  flex: 1 1 48% !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 48% !important;
}

html body.archive .wc-block-components-price-slider__range-input-progress,
html body.tax-product_cat .wc-block-components-price-slider__range-input-progress {
  --range-color: var(--rs-gold) !important;
}

/* Zásadní úprava šířky pro zadávání cen */

html body.archive .wc-block-components-price-slider__controls input,
html body.tax-product_cat .wc-block-components-price-slider__controls input {
  background-color: transparent !important;
  border: var(--rs-border-none) !important;
  border-bottom: 1px solid #d1d5db !important;
  border-radius: 0 !important;
  color: var(--rs-dark) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 0 !important;
  text-align: center !important;
  box-shadow: var(--rs-shadow-none) !important;
  outline: none !important;
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  letter-spacing: -0.5px !important;
}

html body.archive .wc-block-components-price-slider__controls input:focus,
html body.tax-product_cat .wc-block-components-price-slider__controls input:focus {
  border-bottom-color: var(--rs-gold) !important;
}

/* 6. ABSOLUTNÍ VYČIŠTĚNÍ AKTIVNÍCH FILTRŮ (Odstranění částečných rámečků) */

html body.archive .wc-block-product-filters-active-chips *,
html body.tax-product_cat .wc-block-product-filters-active-chips * {
  background: var(--rs-bg-transparent) !important;
  border: var(--rs-border-none) !important;
  box-shadow: var(--rs-shadow-none) !important;
  outline: none !important;
}

html body.archive .wc-block-product-filters-active-chips,
html body.tax-product_cat .wc-block-product-filters-active-chips {
  margin-bottom: 20px !important;
}

/* Čistý text a křížek u samotného aktivního štítku */

html body.archive .wc-block-components-chip__text,
html body.tax-product_cat .wc-block-components-chip__text {
  color: var(--rs-dark) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

html body.archive .wc-block-components-chip__remove-icon,
html body.tax-product_cat .wc-block-components-chip__remove-icon {
  fill: #9ca3af !important;
  width: 14px !important;
  height: 14px !important;
  margin-left: 8px !important;
  transition: fill 0.3s ease !important;
  cursor: pointer !important;
}

html body.archive .wc-block-components-chip__remove:hover .wc-block-components-chip__remove-icon,
html body.tax-product_cat .wc-block-components-chip__remove:hover .wc-block-components-chip__remove-icon {
  fill: var(--rs-wine) !important;
}

/* 7. TLAČÍTKO "VYMAZAT FILTRY" */

html body.archive .ct-sidebar .wp-block-button__link,
html body.tax-product_cat .ct-sidebar .wp-block-button__link,
html body.archive .ct-sidebar .wc-block-components-button,
html body.tax-product_cat .ct-sidebar .wc-block-components-button {
  background-color: transparent !important;
  color: var(--rs-dark) !important;
  border: 1px solid var(--rs-dark) !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  width: auto !important;
  display: inline-block !important;
  text-align: center !important;
  transition: var(--rs-transition-fast) !important;
  margin-top: 15px !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body.archive .ct-sidebar .wp-block-button__link:hover,
html body.tax-product_cat .ct-sidebar .wp-block-button__link:hover,
html body.archive .ct-sidebar .wc-block-components-button:hover,
html body.tax-product_cat .ct-sidebar .wc-block-components-button:hover {
  background-color: var(--rs-gold) !important;
  color: white !important;
  border-color: var(--rs-gold) !important;
}

/* ==========================================================================
 * [09] WOOCOMMERCE POKLADNA A KOŠÍK (Rozvržení)
 * Group: WOOCOMMERCE
 * Scope: cart + checkout layout/typography/components
 * Depends on: WooCommerce checkout/cart markup
 * Source of truth: ano
 * ========================================================================== */

@media (min-width: 1024px) {
  /* Spuštění flexboxu pro košík a pokladnu */

  html body .wp-block-woocommerce-checkout,
  html body .wp-block-woocommerce-cart:not(:has(.wc-block-cart__empty-cart)),
  html body .wc-block-checkout,
  html body .wc-block-cart:not(:has(.wc-block-cart__empty-cart)),
  html body.woocommerce-cart .woocommerce:not(:has(.cart-empty)) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    align-items: flex-start !important;
  }

  /* POKLADNA (60/40) */

  html body .wc-block-checkout__main {
    width: calc(60% - 20px) !important;
    flex: 0 1 calc(60% - 20px) !important;
    max-width: calc(60% - 20px) !important;
  }

  html body .wc-block-checkout .wc-block-components-sidebar,
  html body .wp-block-woocommerce-checkout .wc-block-components-sidebar {
    width: calc(40% - 20px) !important;
    flex: 0 1 calc(40% - 20px) !important;
    max-width: calc(40% - 20px) !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }

  /* KOŠÍK (65/35 pro více místa na obrázky) */

  html body .wc-block-cart-items,
  html body .wp-block-woocommerce-cart-items-block,
  html body .wc-block-cart__items-list-container,
  html body.woocommerce-cart .woocommerce-cart-form {
    width: calc(65% - 20px) !important;
    flex: 0 1 calc(65% - 20px) !important;
    max-width: calc(65% - 20px) !important;
  }

  html body .wc-block-cart .wc-block-components-sidebar,
  html body .wp-block-woocommerce-cart .wc-block-components-sidebar,
  html body.woocommerce-cart .cart-collaterals {
    width: calc(35% - 20px) !important;
    flex: 0 1 calc(35% - 20px) !important;
    max-width: calc(35% - 20px) !important;
    margin-top: 0 !important;
    margin-left: auto !important;
  }
}

html body .wc-block-cart__empty-cart {
  width: 100% !important;
  display: block !important;
}

/* BÍLÉ BOXY POKLADNY A KOŠÍKU */

html body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order,
html body .wc-block-checkout__main,
html body.woocommerce-cart .cart-collaterals,
html body.woocommerce-cart .wc-block-components-sidebar,
html body.woocommerce-checkout .wc-block-components-sidebar,
html body .wp-block-woocommerce-checkout .wc-block-components-sidebar,
html body .wp-block-woocommerce-cart .wc-block-components-sidebar {
  background: #ffffff !important;
  padding: 30px !important;
  border-radius: 16px !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

html body .wc-block-components-sidebar .wc-block-components-panel,
html body .wc-block-components-sidebar .wc-block-components-panel__content,
html body .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,
html body .wc-block-checkout__sidebar .wc-block-components-panel {
  border: var(--rs-border-none) !important;
  box-shadow: var(--rs-shadow-none) !important;
  padding: 0 !important;
  background: var(--rs-bg-transparent) !important;
}

html body .wc-block-components-sidebar .wc-block-components-panel__content > h2,
html body .wc-block-components-sidebar .wc-block-components-panel__content > h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body.woocommerce-cart .woocommerce-cart-form,
html body .wc-block-cart-items,
html body .wp-block-woocommerce-cart-items-block {
  background: var(--rs-bg-transparent) !important;
  padding: 0 !important;
  border: var(--rs-border-none) !important;
  box-shadow: var(--rs-shadow-none) !important;
}

/* VSTUPNÍ POLE A FORMULÁŘE VE WOOCOMMERCE POKLADNĚ A KOŠÍKU */

/* Žádné border-radius globálně, jinak by se narušily propojené prvky WooCommerce polí. Jemné zvýraznění na hover/focus. */

html body .wc-block-components-text-input.is-active,
html body .wc-block-components-text-input:focus-within,
html body .wc-block-components-combobox.is-active,
html body .wc-block-components-combobox:focus-within,
html body .wc-block-components-textarea.is-active,
html body .wc-block-components-textarea:focus-within {
  border-color: var(--rs-gold) !important;
  outline: none !important;
}

html body .wc-block-components-text-input.is-active label,
html body .wc-block-components-text-input:focus-within label,
html body .wc-block-components-combobox.is-active label,
html body .wc-block-components-combobox:focus-within label,
html body .wc-block-components-textarea.is-active label,
html body .wc-block-components-textarea:focus-within label {
  color: var(--rs-gold) !important;
}

/*
 * Pokladna / košík (bloky): výchozí stav bez černého rámu — jen světle šedé pozadí (WC / theme contrast někdy vrátí #000 border).
 * Focus: zlatý ring místo modré oblinky (Stripe / prohlížeč / WP components).
 */
html body.woocommerce-checkout .wc-block-components-text-input,
html body.woocommerce-checkout .wc-block-components-textarea,
html body.woocommerce-checkout .wc-block-components-combobox,
html body.woocommerce-cart .wc-block-components-text-input {
  border: 0 !important;
  background-color: var(--color-gray-50) !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout .wc-block-components-text-input input:not([type="checkbox"]):not([type="radio"]),
html body.woocommerce-checkout .wc-block-components-text-input textarea,
html body.woocommerce-checkout .wc-block-components-textarea textarea {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout .wc-block-components-text-input:focus-within,
html body.woocommerce-checkout .wc-block-components-textarea:focus-within,
html body.woocommerce-checkout .wc-block-components-combobox:focus-within {
  border-color: transparent !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--sk-color-brand) !important;
}

html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
  border: 1px solid var(--color-gray-300) !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout .wc-block-components-radio-control .wc-block-components-radio-control__option,
html body.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
  outline: none !important;
}

html body.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked,
html body.woocommerce-checkout .wc-block-components-radio-control__option-layout.is-selected {
  box-shadow: none !important;
}

html body.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-content {
  outline: none !important;
}

/* Ohraničení bloku platební metody: světlá šeď místo kontrastní černé */
html body.woocommerce-checkout .wc-block-components-radio-control-accordion-item,
html body.woocommerce-checkout .wc-block-checkout__payment-method,
html body.woocommerce-checkout .wc-block-components-radio-control--highlight-checked {
  border-color: var(--color-gray-200) !important;
}

/* WooCommerce Payments / Stripe Elements — modrá obálka při fokusu nahradit značkovou */
html body.woocommerce-checkout div.StripeElement,
html body.woocommerce-checkout .StripeElement,
html body.woocommerce-checkout .wcpay-upe-element {
  border-radius: 0.5rem !important;
  background-color: var(--color-gray-50) !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.woocommerce-checkout div.StripeElement--focus,
html body.woocommerce-checkout .StripeElement--focus,
html body.woocommerce-checkout .wcpay-upe-element--focus {
  outline: none !important;
  box-shadow: 0 0 0 1px var(--sk-color-brand) !important;
}

/* Klasická pokladna (shortcode) + obecné fokusy u plateb — žádný modrý systémový ring */
html body.woocommerce-checkout #payment .payment_box input.input-text:focus,
html body.woocommerce-checkout #payment .payment_box input:focus-visible,
html body.woocommerce-checkout #payment .payment_box select:focus {
  outline: none !important;
  border-color: var(--sk-color-brand) !important;
  box-shadow: 0 0 0 1px var(--sk-color-brand) !important;
}

html body.woocommerce-checkout #payment .payment_box input.input-text,
html body.woocommerce-checkout #payment .payment_box select {
  border: 0 !important;
  background-color: var(--color-gray-50) !important;
}

/* TABULKA KOŠÍKU */

html body.woocommerce-cart table.shop_table {
  width: 100% !important;
  border: var(--rs-border-none) !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

html body.woocommerce-cart table.shop_table tr.cart_item,
html body.woocommerce-checkout table.shop_table tr.cart_item {
  background-color: transparent !important;
}

html body.woocommerce-cart table.shop_table td {
  border: var(--rs-border-none) !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 20px 0 !important;
}

html body.woocommerce-cart table.shop_table tr:last-child td {
  border-bottom: none !important;
}

html body .wc-block-cart-items .wc-block-cart-item,
html body .wp-block-woocommerce-cart-items-block .wc-block-cart-item {
  border: var(--rs-border-none) !important;
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
  padding: 20px 0 !important;
  margin: 0 !important;
  background: var(--rs-bg-transparent) !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body .wc-block-cart-items .wc-block-cart-item:last-child,
html body .wp-block-woocommerce-cart-items-block .wc-block-cart-item:last-child {
  border-bottom: none !important;
}

html body .wc-block-components-totals-item,
html body.woocommerce-checkout table.shop_table td,
html body.woocommerce-checkout table.shop_table th {
  border-top: none !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 15px 0 !important;
}

/*
 * Košík cart_totals: stejná třída .wc-block-components-totals-item se používá u „Přidat kupony“ / blokových řádků
 * vedle klasické tabulky — spodní #f3f4f6 se skládá s td border-bottom (#e5e7eb) a vypadá jako prostřední čára.
 */
html body.woocommerce-cart .cart_totals .wc-block-components-totals-item {
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

html body.woocommerce-cart .cart_totals [class*="wc-block-components-totals-coupon"],
html body.woocommerce-cart .cart_totals .wc-block-components-panel {
  border: 0 !important;
  box-shadow: none !important;
}

html body.woocommerce-cart table.shop_table td.product-thumbnail img {
  border-radius: 8px !important;
  max-width: 80px !important;
}

/* Barva cen u produktů v košíku */

html body.woocommerce-cart table.shop_table td.product-price .amount,
html body.woocommerce-cart table.shop_table td.product-subtotal .amount,
html body .wc-block-cart-items .wc-block-components-product-price__value {
  color: var(--rs-wine) !important;
  font-weight: 600 !important;
}

/* FINÁLNÍ CENA CELKEM */

html body .wc-block-components-totals-footer-item,
html body.woocommerce-checkout table.shop_table tr.order-total th,
html body.woocommerce-checkout table.shop_table tr.order-total td,
html body.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
html body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
  border-top: 2px solid var(--rs-dark) !important;
  border-bottom: none !important;
  padding-top: 20px !important;
  margin-top: 10px !important;
}

/*
 * Košík — cart_totals: řádek těsně před „Odhadovaný součet“ má z partialu výše td border-bottom (#e5e7eb)
 * a nad celkem má WC/globální styly další horní okraj → ve stacku 2–3 čáry. Stejná logika jako checkout v 07.
 */
html body.woocommerce-cart .cart_totals table.shop_table tr:has(+ tr.order-total) th,
html body.woocommerce-cart .cart_totals table.shop_table tr:has(+ tr.order-total) td {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Košík: margin-top na buňkách celku + horní border vytváří zbytečný „pruh“ mezi čarami. */
html body.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
html body.woocommerce-cart .cart_totals table.shop_table tr.order-total td {
  margin-top: 0 !important;
}

/* Pod tabulkou / nad CTA — odstranit horní hranu sekce (stejný typ čáry jako uprostřed stacku). */
html body.woocommerce-cart .cart_totals table.shop_table {
  border-bottom: none !important;
}

html body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
  border-top: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding-top: 1.25rem !important;
}

html body .wc-block-components-totals-footer-item *,
html body.woocommerce-checkout table.shop_table tr.order-total th,
html body.woocommerce-checkout table.shop_table tr.order-total td,
html body.woocommerce-checkout table.shop_table tr.order-total strong,
html body.woocommerce-cart .cart_totals table.shop_table tr.order-total th,
html body.woocommerce-cart .cart_totals table.shop_table tr.order-total td,
html body.woocommerce-cart .cart_totals table.shop_table tr.order-total strong {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--rs-dark) !important;
}

/* TLAČÍTKA KOŠÍKU A POKLADNY — primární CTA: zlato (téma), ne černá */

html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body.woocommerce-checkout #place_order,
html body.woocommerce-cart .return-to-shop a.button,
html body .wc-block-components-empty-return-to-shop .wp-block-button__link,
html body .wc-block-components-checkout-button__button,
html body .wc-block-cart__submit-button,
html body .wp-block-button.wc-block-components-checkout-button .wp-block-button__link,
html body .wc-block-components-checkout-place-order-button,
html body a.wc-block-cart__submit-button,
html body button.wc-block-components-button.wc-block-cart__submit-button {
  display: block !important;
  background-color: var(--sk-color-brand) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  border-radius: 8px !important;
  padding: 20px !important;
  text-align: center !important;
  transition: var(--rs-transition-fast) !important;
  border: 0 !important;
  width: 100% !important;
  font-size: 13px !important;
  box-shadow: 0 4px 14px rgba(179, 143, 85, 0.25) !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

/* Sekundární: aktualizace košíku, kupón (ne plné CTA) */
html body.woocommerce-cart button[name="update_cart"],
html body.woocommerce-cart button[name="apply_coupon"],
html body .wc-block-components-totals-coupon__button {
  display: block !important;
  background-color: #f3f4f6 !important;
  color: var(--color-gray-800) !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  border-radius: 8px !important;
  padding: 0.75rem 1rem !important;
  text-align: center !important;
  transition: var(--rs-transition-fast) !important;
  border: 1px solid var(--color-gray-200) !important;
  width: 100% !important;
  font-size: 13px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html body.woocommerce-cart .return-to-shop a.button,
html body .wc-block-components-empty-return-to-shop .wp-block-button__link {
  display: inline-block !important;
  width: auto !important;
  padding: 15px 40px !important;
  border-radius: 8px !important;
}

html body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
html body.woocommerce-checkout #place_order:hover,
html body.woocommerce-cart .return-to-shop a.button:hover,
html body .wc-block-components-empty-return-to-shop .wp-block-button__link:hover,
html body .wc-block-components-checkout-button__button:hover,
html body .wc-block-cart__submit-button:hover,
html body .wp-block-button.wc-block-components-checkout-button .wp-block-button__link:hover,
html body .wc-block-components-checkout-place-order-button:hover,
html body a.wc-block-cart__submit-button:hover,
html body button.wc-block-components-button.wc-block-cart__submit-button:hover {
  background-color: var(--sk-color-brand-dark) !important;
  border-color: var(--sk-color-brand-dark) !important;
  box-shadow: 0 12px 28px rgba(79, 20, 34, 0.18) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

html body.woocommerce-cart button[name="update_cart"]:hover,
html body.woocommerce-cart button[name="apply_coupon"]:hover,
html body .wc-block-components-totals-coupon__button:hover {
  background-color: #e5e7eb !important;
  border-color: var(--color-gray-300) !important;
  color: var(--color-gray-900) !important;
  transform: none !important;
}

/* PRÁZDNÝ KOŠÍK A CROSS-SELLS */

html body.woocommerce-cart .cart-empty,
html body .wc-block-cart__empty-cart__title {
  font-size: 24px !important;
  color: var(--rs-dark) !important;
  text-align: center !important;
  margin-bottom: 30px !important;
}

html body.woocommerce-cart .return-to-shop {
  margin-bottom: 60px !important;
  text-align: center !important;
}

html body.woocommerce-cart .cart-empty-page,
html body.woocommerce-cart .cross-sells,
html body .wc-block-cart__empty-cart {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.woocommerce-cart .cross-sells > h2 {
  font-size: 32px !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  margin-top: 60px !important;
  color: var(--rs-dark) !important;
}

html body .woocommerce-pagination,
html body nav.pagination,
html body .ct-pagination {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
  padding-bottom: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

/* ==========================================================================
 * [10] DETAIL PRODUKTU (SINGLE PRODUCT)
 * Group: WOOCOMMERCE
 * Scope: single product page
 * Depends on: Woo single-product DOM
 * Source of truth: ano
 * ========================================================================== */

html body.single-product .hero-section {
  display: none !important;
}

html body.single-product .site-main,
html body.single-product #main {
  background-color: #f5f5f5 !important;
  padding-top: 240px !important;
  padding-bottom: 100px !important;
  margin-top: 0 !important;
}

@media (max-width: 1024px) {
  html body.single-product .site-main,
  html body.single-product #main {
    padding-top: 180px !important;
  }
}

html body.single-product div.product .product_title {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: var(--rs-dark) !important;
  margin-bottom: 20px !important;
  line-height: 1.3 !important;
}

html body.single-product div.product p.price {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: var(--rs-wine) !important;
  margin-bottom: 20px !important;
}

html body.single-product div.product p.price del {
  color: var(--sk-color-brand-dark) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

html body.single-product div.product form.cart .quantity input.qty {
  color: var(--rs-dark) !important;
  background-color: var(--rs-white) !important;
  opacity: 1 !important;
}

html body.single-product div.product form.cart .button.single_add_to_cart_button {
  display: inline-flex !important;
  background-color: var(--rs-gold) !important;
  color: white !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
  border: var(--rs-border-none) !important;
  border-radius: 8px !important;
  padding: 0 40px !important;
  height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--rs-transition-fast) !important;
  flex: 1 !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

html body.single-product div.product form.cart .button.single_add_to_cart_button:hover {
  background-color: var(--rs-gold-hover) !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  transform: translateY(-2px) !important;
}

html body.single-product div.product .added_to_cart.wc-forward {
  display: inline-flex !important;
  background-color: var(--rs-dark) !important;
  color: var(--rs-white) !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
  border: var(--rs-border-none) !important;
  border-radius: 8px !important;
  padding: 0 30px !important;
  height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--rs-transition-fast) !important;
  margin-left: 15px !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

html body.single-product div.product .added_to_cart.wc-forward:hover {
  background-color: var(--rs-gold) !important;
  color: var(--rs-white) !important;
  box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3) !important;
  transform: translateY(-2px) !important;
}

html body.single-product .woocommerce-product-gallery {
  background-color: transparent !important;
  border: var(--rs-border-none) !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  background-color: var(--rs-white) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}

html body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
  background-color: var(--rs-white) !important;
}

html body.single-product div.product .flex-control-nav.flex-control-thumbs {
  margin-top: 20px !important;
}

html body.single-product div.product .flex-control-nav.flex-control-thumbs li img {
  border-radius: 8px !important;
  border: 2px solid transparent !important;
  transition: var(--rs-transition-fast) !important;
  opacity: 0.6 !important;
  background-color: transparent !important;
  mix-blend-mode: multiply !important;
}

html body.single-product div.product .flex-control-nav.flex-control-thumbs li img.flex-active,
html body.single-product div.product .flex-control-nav.flex-control-thumbs li img:hover {
  border-color: var(--rs-gold) !important;
  opacity: 1 !important;
}

html body.single-product div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid #e5e7eb !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 40px !important;
  margin-bottom: 40px !important;
}

html body.single-product div.product .woocommerce-tabs ul.tabs li {
  background: var(--rs-bg-transparent) !important;
  border: var(--rs-border-none) !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body.single-product div.product .woocommerce-tabs ul.tabs li::after, html body.single-product div.product .woocommerce-tabs ul.tabs li::before, html body.single-product div.product .woocommerce-tabs ul.tabs::before, html body.single-product div.product .woocommerce-tabs ul.tabs::after {
  display: none !important;
  content: none !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body.single-product div.product .woocommerce-tabs ul.tabs li a {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #9ca3af !important;
  padding: 10px 0 !important;
  border-bottom: 2px solid transparent !important;
  transition: var(--rs-transition-fast) !important;
  box-shadow: var(--rs-shadow-none) !important;
}

html body.single-product div.product .woocommerce-tabs ul.tabs li.active a, html body.single-product div.product .woocommerce-tabs ul.tabs li a:hover {
  color: var(--rs-dark) !important;
  border-bottom: 2px solid var(--rs-gold) !important;
}

html body.single-product div.product .woocommerce-Tabs-panel {
  color: #4b5563 !important;
  line-height: 1.8 !important;
  font-size: 15px !important;
}

html body.single-product div.product .woocommerce-Tabs-panel h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--rs-dark) !important;
  margin-bottom: 20px !important;
}

/* ==========================================================================
 * [11] PATIČKA (FOOTER)
 * Group: STATIC PAGES
 * Scope: footer obecně
 * Depends on: Blocksy footer DOM
 * Source of truth: ano
 * ========================================================================== */

html body .ct-footer {
  background-color: var(--rs-footer) !important;
  border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
}

html body .ct-footer .widget-title,
html body .ct-footer .stk-block-heading__text {
  color: var(--rs-white) !important;
  font-size: 13px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
  line-height: 1.2 !important;
  display: block !important;
}

html body .ct-footer [data-row*="top"] a,
html body .ct-footer [data-row*="middle"] a,
html body .ct-footer .widget a,
html body .ct-footer li a,
html body .ct-footer .stk-block-text a {
  position: relative !important;
  display: inline-block !important;
  color: rgba(255, 255, 255, 0.6) !important;
  transition: var(--rs-transition-fast) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

html body .ct-footer p,
html body .ct-footer li {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

html body .ct-footer [data-row*="top"] a::after,
html body .ct-footer [data-row*="middle"] a::after,
html body .ct-footer .widget a::after,
html body .ct-footer li a::after,
html body .ct-footer .stk-block-text a::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 50% !important;
  width: 0 !important;
  height: var(--rs-line-thickness) !important;
  background-color: var(--rs-line-color) !important;
  transition: width 0.3s ease !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.5) !important;
}

.rs-category-line {
  height: var(--rs-line-thickness) !important;
  background-color: var(--rs-line-color) !important;
}

html body .ct-footer [data-row*="top"] a:hover,
html body .ct-footer [data-row*="middle"] a:hover,
html body .ct-footer .widget a:hover,
html body .ct-footer li a:hover,
html body .ct-footer .stk-block-text a:hover {
  color: var(--rs-gold) !important;
  transform: translateY(-2px) !important;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.3) !important;
}

html body .ct-footer [data-row*="top"] a:hover::after,
html body .ct-footer [data-row*="middle"] a:hover::after,
html body .ct-footer .widget a:hover::after,
html body .ct-footer li a:hover::after,
html body .ct-footer .stk-block-text a:hover::after {
  width: 100% !important;
}

html body .ct-footer [data-row="bottom"] {
  background-color: var(--rs-black) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

html body .ct-footer [data-row="bottom"] a::after {
  display: none !important;
}

html body .ct-footer [data-row="bottom"] a {
  transform: none !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-shadow: none !important;
}

html body .ct-footer [data-row="bottom"] a:hover {
  color: var(--rs-gold) !important;
}

html body .ct-footer [data-row="bottom"] p,
html body .ct-footer [data-row="bottom"] span {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.3) !important;
}

/* Mobilní Patička */

@media (max-width: 768px) {
  html body .ct-footer [data-row] > .ct-container > [data-column] {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  html body .ct-footer .widget,
  html body .ct-footer .widget-title,
  html body .ct-footer .stk-block-heading__text {
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  html body .ct-footer ul {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body .ct-footer ul li,
  html body .ct-footer ul li a {
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
  }

  html body .ct-footer .site-logo,
  html body .ct-footer .site-logo img {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    margin-bottom: 16px !important;
  }

  html body .ct-footer .site-logo img {
    width: 170px !important;
    max-width: 170px !important;
    max-height: none !important;
    height: auto !important;
  }

  html body .ct-footer .custom-logo-link img,
  html body .ct-footer .custom-logo,
  html body .ct-footer .site-branding img,
  html body .ct-footer .widget_media_image .wp-image-724 {
    width: 170px !important;
    max-width: 170px !important;
    max-height: none !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  html body .ct-footer [data-row*="top"] a,
  html body .ct-footer [data-row*="middle"] a,
  html body .ct-footer li a,
  html body .ct-footer p {
    font-size: 18px !important;
    line-height: 1.9 !important;
    padding: 4px 0 !important;
    text-align: center !important;
  }

  html body .ct-footer [data-row*="top"] :is(li, span, div),
  html body .ct-footer [data-row*="middle"] :is(li, span, div) {
    font-size: 18px !important;
    line-height: 1.9 !important;
  }

  html body .ct-footer .widget-title,
  html body .ct-footer .stk-block-heading__text {
    font-size: 18px !important;
    margin-bottom: 1.15rem !important;
  }

  /* Mobil: pouze decentní zmenšení platebního proužku (bez zásahů do mezer). */

  html body .ct-footer :is([data-row="middle"], [data-row="bottom"]) figure.wp-block-image img.wp-image-851,
  html body .ct-footer :is([data-row="middle"], [data-row="bottom"]) figure.wp-block-image img[src*="icon_testa"] {
    width: 280px !important;
    max-width: min(280px, 90vw) !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* Spodní sekce odkazů v patičce – větší čitelnost na mobilu */

  html body .ct-footer [data-row="bottom"] .widget-title,
  html body .ct-footer [data-row="bottom"] .stk-block-heading__text {
    font-size: 18px !important;
    margin-bottom: 1.25rem !important;
  }

  html body .ct-footer [data-row="bottom"] a,
  html body .ct-footer [data-row="bottom"] li a,
  html body .ct-footer [data-row="bottom"] p,
  html body .ct-footer [data-row="bottom"] span {
    font-size: 17px !important;
    line-height: 1.8 !important;
  }

  html body .ct-footer [data-row="bottom"] ul li {
    margin-bottom: 6px !important;
  }
}

/* ==========================================================================
 * [12] 404 ERROR PAGE
 * Group: STATIC PAGES
 * Scope: error404 template
 * Depends on: WP/Blocksy 404 output
 * Source of truth: ano
 * ========================================================================== */

html body.error404 .site-main {
  padding-top: 180px !important;
  padding-bottom: 120px !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

html body.error404 .page-title,
html body.error404 h1,
html body.error404 .ct-404-title {
  font-size: 4rem !important;
  line-height: 1.2 !important;
  color: var(--rs-dark) !important;
  margin-bottom: 20px !important;
  letter-spacing: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

html body.error404 .page-content {
  max-width: 600px !important;
  margin: 0 auto !important;
  font-family: ui-sans-serif, system-ui, sans-serif !important;
  color: #4b5563 !important;
  font-size: 1.125rem !important;
}

/* ==========================================================================
 * [13] PRÉMIOVÉ TEXTOVÉ STRÁNKY (O nás, Reklamace, Kontakty)
 * Group: STATIC PAGES
 * Scope: content pages typography/layout polish
 * Depends on: Gutenberg/Blocksy content wrappers
 * Source of truth: ano
 * ========================================================================== */

.rs-premium-content {
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .rs-premium-content {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.rs-premium-content h2 {
  margin-bottom: 1.5rem;
  margin-top: 3rem;
  font-family: Playfair Display, serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.rs-premium-content h3 {
  margin-bottom: 1rem;
  margin-top: 2.5rem;
  font-family: var(--font-sans), Jost, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.rs-premium-content p {
  margin-bottom: 1.5rem;
}

.rs-premium-content p:last-child {
  margin-bottom: 0px;
}

.rs-premium-content ul {
  margin-bottom: 1.5rem;
  list-style-type: disc;
  padding-left: 1.5rem;
}

.rs-premium-content li {
  margin-bottom: 0.5rem;
}

.rs-premium-content strong {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

/* Textové odkazy (musíme vyloučit klasická tlačítka i tlačítka souborů, aby nezískala podtržení) */

.rs-premium-content a:not(.wp-block-button__link):not(.wp-block-file__button):not(.button) {
  font-weight: 500;
  text-decoration-line: underline;
  text-underline-offset: 4px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: var(--rs-gold) !important;
}

.rs-premium-content a:not(.wp-block-button__link):not(.wp-block-file__button):not(.button):hover {
  color: var(--rs-gold-hover) !important;
}

/* Všechna tlačítka (Formulářové Odeslat, běžná WP tlačítka i tlačítka pro stažení souboru) */

html body .rs-premium-content button[type="submit"],
html body .rs-premium-content .wp-block-button__link,
html body .rs-premium-content .wp-block-file__button,
html body .rs-premium-content a.button,
html body .wpforms-container form button[type="submit"],
html body div.wpforms-container-full .wpforms-form button[type=submit],
html body .wpforms-submit {
  display: inline-block;
  cursor: pointer;
  border-style: none;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration-line: none;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--rs-gold) !important;
  color: var(--rs-white) !important;
  border-radius: 8px !important;
}

html body .rs-premium-content button[type="submit"]:hover,
html body .rs-premium-content .wp-block-button__link:hover,
html body .rs-premium-content .wp-block-file__button:hover,
html body .rs-premium-content a.button:hover,
html body .wpforms-container form button[type="submit"]:hover,
html body div.wpforms-container-full .wpforms-form button[type=submit]:hover,
html body .wpforms-submit:hover {
  background-color: var(--rs-gold-hover) !important;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.4) !important;
  color: var(--rs-white) !important;
  transform: translateY(-2px) !important;
}

/* Formulářová pole pro kontakty */

.rs-premium-content input[type="text"],
.rs-premium-content input[type="email"],
.rs-premium-content textarea {
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  padding: 10px 15px !important;
}

.rs-premium-content input[type="text"]:focus,
.rs-premium-content input[type="email"]:focus,
.rs-premium-content textarea:focus {
  border-color: var(--rs-gold) !important;
  box-shadow: 0 5px 15px rgba(212, 175, 55, 0.15) !important;
  outline: none !important;
}

/* Submenu / children: slabá animovaná linka (gradient + background-size; pomalejší než účet) */

html body #header .sub-menu li > a,
html body #header .children li > a,
html body .ct-header .sub-menu li > a,
html body .ct-header .children li > a {
  background-image: linear-gradient(var(--rs-submenu-line-anim), var(--rs-submenu-line-anim)) !important;
  background-repeat: no-repeat !important;
  background-position: center bottom 5px !important;
  background-size: 0 var(--rs-line-thickness) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
  transition: var(--rs-submenu-link-transition) !important;
}

html body #header .sub-menu li:hover > a,
html body #header .sub-menu li > a:hover,
html body #header .children li:hover > a,
html body #header .children li > a:hover,
html body .ct-header .sub-menu li:hover > a,
html body .ct-header .sub-menu li > a:hover,
html body .ct-header .children li:hover > a,
html body .ct-header .children li > a:hover {
  background-size: 100% var(--rs-line-thickness) !important;
}

/* Aktivní položka submenu: celá slabá linka (bez animace z 0) */

html body #header .sub-menu li.current-menu-item > a,
html body #header .sub-menu li.current-menu-ancestor > a,
html body #header .sub-menu li.current-menu-parent > a,
html body #header .children li.current-menu-item > a,
html body #header .children li.current-menu-ancestor > a,
html body #header .children li.current-menu-parent > a,
html body .ct-header .sub-menu li.current-menu-item > a,
html body .ct-header .sub-menu li.current-menu-ancestor > a,
html body .ct-header .sub-menu li.current-menu-parent > a,
html body .ct-header .children li.current-menu-item > a,
html body .ct-header .children li.current-menu-ancestor > a,
html body .ct-header .children li.current-menu-parent > a {
  background-image: linear-gradient(var(--rs-submenu-line-anim), var(--rs-submenu-line-anim)) !important;
  background-repeat: no-repeat !important;
  background-position: center bottom 5px !important;
  background-size: 100% var(--rs-line-thickness) !important;
}

/* Účet: ponecháno podtržítko přes background-image (širší gold varianta) */

html body #header [data-id*="account"] .ct-panel-inner a,
html body #header .ct-header-account-dropdown a {
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: left 0 bottom 5px !important;
  background-size: 0 var(--rs-line-thickness) !important;
}

html body #header [data-id*="account"] .ct-panel-inner li:hover > a,
html body #header [data-id*="account"] .ct-panel-inner a:hover,
html body #header .ct-header-account-dropdown li:hover > a,
html body #header .ct-header-account-dropdown a:hover {
  background-image: linear-gradient(var(--rs-gold), var(--rs-gold)) !important;
  background-repeat: no-repeat !important;
  background-position: left 0 bottom 5px !important;
  background-size: 100% var(--rs-line-thickness) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* Finální hard-override: aktivní položka submenu má být gold-hover (i při hoveru) */

html body #header .sub-menu li.current-menu-item > a,
html body #header .sub-menu li.current-menu-ancestor > a,
html body #header .sub-menu li.current-menu-parent > a,
html body #header .children li.current-menu-item > a,
html body #header .children li.current-menu-ancestor > a,
html body #header .children li.current-menu-parent > a,
html body #header .sub-menu li.current-menu-item > a:hover,
html body #header .sub-menu li.current-menu-item:hover > a,
html body #header .sub-menu li.current-menu-ancestor > a:hover,
html body #header .sub-menu li.current-menu-ancestor:hover > a,
html body #header .sub-menu li.current-menu-parent > a:hover,
html body #header .sub-menu li.current-menu-parent:hover > a,
html body #header .children li.current-menu-item > a:hover,
html body #header .children li.current-menu-item:hover > a,
html body #header .children li.current-menu-ancestor > a:hover,
html body #header .children li.current-menu-ancestor:hover > a,
html body #header .children li.current-menu-parent > a:hover,
html body #header .children li.current-menu-parent:hover > a,
html body .ct-header .sub-menu li.current-menu-item > a,
html body .ct-header .sub-menu li.current-menu-ancestor > a,
html body .ct-header .sub-menu li.current-menu-parent > a,
html body .ct-header .children li.current-menu-item > a,
html body .ct-header .children li.current-menu-ancestor > a,
html body .ct-header .children li.current-menu-parent > a,
html body .ct-header .sub-menu li.current-menu-item > a:hover,
html body .ct-header .sub-menu li.current-menu-item:hover > a,
html body .ct-header .sub-menu li.current-menu-ancestor > a:hover,
html body .ct-header .sub-menu li.current-menu-ancestor:hover > a,
html body .ct-header .sub-menu li.current-menu-parent > a:hover,
html body .ct-header .sub-menu li.current-menu-parent:hover > a,
html body .ct-header .children li.current-menu-item > a:hover,
html body .ct-header .children li.current-menu-item:hover > a,
html body .ct-header .children li.current-menu-ancestor > a:hover,
html body .ct-header .children li.current-menu-ancestor:hover > a,
html body .ct-header .children li.current-menu-parent > a:hover,
html body .ct-header .children li.current-menu-parent:hover > a {
  color: var(--rs-gold-hover) !important;
  -webkit-text-fill-color: var(--rs-gold-hover) !important;
}

.hover\:rs--translate-y-3:hover {
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:rs-rotate-0:hover {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:rs-scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:rs-text-royal-gold:hover {
  --tw-text-opacity: 1;
  color: rgb(212 175 55 / var(--tw-text-opacity, 1));
}

.hover\:rs-text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.rs-group:hover .group-hover\:rs-scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px) {
  .sm\:rs-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:rs-flex-row {
    flex-direction: row;
  }

  .sm\:rs-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media (min-width: 768px) {
  .md\:rs-col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:rs-col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:rs-grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:rs-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:rs-justify-center {
    justify-content: center;
  }

  .md\:rs-gap-8 {
    gap: 2rem;
  }

  .md\:rs-p-12 {
    padding: 3rem;
  }

  .md\:rs-text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:rs-text-6xl {
    font-size: 3.75rem;
    line-height: 1;
  }
}

@media (min-width: 1024px) {
  .lg\:rs-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:rs-mb-0 {
    margin-bottom: 0px;
  }

  .lg\:rs-mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:rs-mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:rs-hidden {
    display: none;
  }

  .lg\:rs-h-\[180px\] {
    height: 180px;
  }

  .lg\:rs-h-\[288px\] {
    height: 288px;
  }

  .lg\:rs-h-\[600px\] {
    height: 600px;
  }

  .lg\:rs-h-auto {
    height: auto;
  }

  .lg\:rs-w-1\/2 {
    width: 50%;
  }

  .lg\:rs-max-w-xl {
    max-width: 36rem;
  }

  .lg\:rs-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:rs-flex-row {
    flex-direction: row;
  }

  .lg\:rs-justify-start {
    justify-content: flex-start;
  }

  .lg\:rs-justify-end {
    justify-content: flex-end;
  }

  .lg\:rs-gap-10 {
    gap: 2.5rem;
  }

  .lg\:rs-p-16 {
    padding: 4rem;
  }

  .lg\:rs-p-24 {
    padding: 6rem;
  }

  .lg\:rs-px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:rs-py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:rs-py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  .lg\:rs-pb-32 {
    padding-bottom: 8rem;
  }

  .lg\:rs-pt-48 {
    padding-top: 12rem;
  }

  .lg\:rs-text-left {
    text-align: left;
  }

  .lg\:rs-text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:rs-text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:rs-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.\[\&_del\]\:rs-mr-2 del {
  margin-right: 0.5rem;
}

.\[\&_del\]\:rs-text-sm del {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\[\&_del\]\:rs-font-normal del {
  font-weight: 400;
}

.\[\&_del\]\:rs-text-gray-400 del {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.\[\&_ins\]\:rs-text-\[color\:var\(--rs-wine\)\] ins {
  color: var(--rs-wine);
}

.\[\&_ins\]\:rs-no-underline ins {
  text-decoration-line: none;
}

.\[\&_span\]\:rs-mt-2 span {
  margin-top: 0.5rem;
}

.\[\&_span\]\:rs-block span {
  display: block;
}

@media (min-width: 768px) {
  .md\:\[\&_span\]\:rs-mt-4 span {
    margin-top: 1rem;
  }
}



/* 16-typography-overrides.css */
/*
 * 16 — Typografické a komponentové přepisy navazující na RoyalStep vizuál.
 *
 * Cíl:
 *  - body: Jost,
 *  - nadpisy: Playfair Display (s fallbackem Cormorant / Georgia),
 *  - hlavní akční tlačítka, navigace v hlavičce a barva odkazů sladěny s gold/wine paletou.
 *
 * Selektory míří na markup tématu (`.grohman_theme-*`, `.fabric-patch`, `.bg-brand`, ...),
 * doplňují Blocksy-specific pravidla z partialu 15, která na tento motiv většinou nezasáhnou.
 */

/* ==========================================================================
 * [16.1] Globální fonty + base
 * ========================================================================== */
html body {
	font-family: var(--font-sans);
}

html body h1,
html body h2,
html body h4,
html body h5,
html body h6,
html body .font-heading {
	font-family: var(--font-heading) !important;
}

/* h3 bez .font-heading: titulky karet používají .grohman_theme-loop-product-title (sans v partial 03). */
html body h3:not(.grohman_theme-loop-product-title) {
	font-family: var(--font-heading) !important;
}

/* WP block heading + cart/checkout titulky */
html body .wp-block-heading,
html body .wc-block-cart__title,
html body .wc-block-grid__product-title,
html body .wc-block-grid__product-title a {
	font-family: var(--font-heading) !important;
}

/* ==========================================================================
 * [16.1a] Běžné textové stránky (obchodní podmínky, zásady, reklamace, obsahové stránky)
 * ========================================================================== */
html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content {
	max-width: 920px;
	margin-inline: auto;
	color: #374151;
	font-size: 1rem;
	line-height: 1.78;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content > *:first-child {
	margin-top: 0;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(p, ul, ol, .wp-block-list, .wp-block-table, .wp-block-quote) {
	margin-top: 0;
	margin-bottom: 1.1rem;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(h2, h3, h4, h5, h6, .wp-block-heading) {
	font-family: var(--font-heading) !important;
	color: #181818;
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.01em;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(h2, .wp-block-heading:is(h2)) {
	position: relative;
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
	padding-bottom: 0.65rem;
	font-size: clamp(1.7rem, 1.35rem + 1.2vw, 2.35rem);
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(h2, .wp-block-heading:is(h2))::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: min(11rem, 52%);
	height: 1px;
	background: linear-gradient(90deg, var(--sk-color-brand-dark), rgba(179, 143, 85, 0));
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(h3, .wp-block-heading:is(h3)) {
	margin-top: 2rem;
	margin-bottom: 0.85rem;
	font-size: clamp(1.35rem, 1.15rem + 0.75vw, 1.75rem);
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(h4, .wp-block-heading:is(h4)) {
	margin-top: 1.65rem;
	margin-bottom: 0.65rem;
	font-family: var(--font-sans) !important;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sk-color-brand-dark);
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(ul, ol) {
	padding-left: 1.35rem;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content li + li {
	margin-top: 0.35rem;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content a {
	color: var(--sk-color-brand-dark) !important;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content a:hover {
	color: var(--sk-color-burgundy) !important;
}

/* Gutenberg tlačítka a file download odkazy v textových stránkách nesmí dědit běžný styl odkazů. */
html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(.wp-block-button__link, .wp-block-file__button, .wp-element-button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	border: 0;
	border-radius: 0.5rem;
	background-color: var(--rs-gold) !important;
	box-shadow: 0 12px 28px -14px rgba(179, 143, 85, 0.8);
	color: #ffffff !important;
	font-family: var(--font-sans) !important;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.25;
	padding: 0.9rem 1.35rem;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	text-underline-offset: 0;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(.wp-block-button__link, .wp-block-file__button, .wp-element-button):hover,
html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(.wp-block-button__link, .wp-block-file__button, .wp-element-button):focus-visible {
	background-color: var(--sk-color-brand-dark) !important;
	box-shadow: 0 16px 34px -16px rgba(179, 143, 85, 0.95);
	color: #ffffff !important;
	transform: translateY(-1px);
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(.wp-block-buttons, .wp-block-file) {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content .wp-block-table {
	overflow-x: auto;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
	font-size: 0.95rem;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content :is(th, td) {
	border: 1px solid rgba(17, 24, 39, 0.11);
	padding: 0.75rem 0.85rem;
	text-align: left;
	vertical-align: top;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content th {
	background-color: #faf7f0;
	color: #181818;
	font-weight: 700;
}

html body.page:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) #main.grohman_theme-page-main-inner > article.page > .entry-content hr {
	margin: 2.25rem 0;
	border: 0;
	border-top: 1px solid rgba(17, 24, 39, 0.1);
}

/* ==========================================================================
 * [16.2] Hlavička motivu (markup grohman-theme-boty)
 * ========================================================================== */
html body .grohman_theme-primary-nav a,
html body .grohman_theme-primary-nav button {
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
	transition: color 0.25s ease, text-shadow 0.25s ease;
}

html body .grohman_theme-primary-nav a:hover,
html body .grohman_theme-primary-nav a:focus-visible {
	color: var(--rs-gold);
	text-shadow: 0 0 12px rgba(212, 175, 55, 0.35);
}

html body .grohman_theme-primary-nav .current-menu-item > a {
	color: var(--sk-color-brand-dark, #b38f55);
}

/* ==========================================================================
 * [16.3] Sjednocení značkové barvy s gold (zdůrazněné prvky RoyalStep vzoru)
 * ========================================================================== */
html body .text-brand,
html body a.text-brand {
	color: var(--sk-color-brand);
}

html body .bg-brand:not(.bg-brand-light) {
	background-color: var(--sk-color-brand);
}

/* Gold akcent — když potřebujeme zlatou (volitelné) */
html body .text-gold,
html body a.text-gold {
	color: var(--rs-gold) !important;
}

html body .bg-gold {
	background-color: var(--rs-gold) !important;
	color: var(--rs-white) !important;
}

html body .border-gold {
	border-color: var(--rs-gold) !important;
}

/* ==========================================================================
 * [16.4] Tlačítka WooCommerce (návaznost na rs-btn-primary z partialu 15)
 * ========================================================================== */
html body .woocommerce a.button,
html body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
html body .woocommerce-checkout #place_order,
html body .wc-block-components-button:where(.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button) {
	font-family: var(--font-sans) !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	border-radius: 8px !important;
}

/* ==========================================================================
 * [16.5] Patička: tmavá s gold akcenty (přebráno z legacy footer stylu)
 * ========================================================================== */
html body .footer-link {
	color: rgba(255, 255, 255, 0.75);
	transition: color 0.25s ease, transform 0.25s ease;
}

html body .footer-link:hover,
html body .footer-link:focus-visible {
	color: var(--rs-gold) !important;
	transform: translateX(2px);
}

html body footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:hover,
html body footer.grohman_theme-footer-v2-root .grohman_theme-footer-v2-nav-slot .grohman_theme-footer-nav a:focus-visible {
	color: var(--rs-gold) !important;
	transform: none !important;
}

/* ==========================================================================
 * [16.6] Bezpečnostní override — když některé partials starého návrhu
 *        explicitně nastaví font na Jost/Cormorant, nadpisy zůstanou v Playfair.
 * Titulek na produktové kartě (.grohman_theme-loop-product-title) má vlastní sans — vynechej ho u h3.
 * ========================================================================== */
html body :is(h1, h2, h4, h5, h6).font-heading,
html body h3.font-heading:not(.grohman_theme-loop-product-title),
html body :is(h1, h2, h4, h5, h6),
html body h3:not(.grohman_theme-loop-product-title):not(.font-heading) {
	font-family: var(--font-heading) !important;
}

/* Patička: nadpisy sloupců = Jost (horní lišta), ne serif z [16.6] */
html body .grohman_theme-site-footer :is(h1, h2, h3, h4) {
	font-family: var(--font-sans) !important;
}

/* ==========================================================================
 * [16.7] Produktová karta Woo smyčka (obchod) — sans název + cena brand-dark (finální náplast před pluginy)
 * ========================================================================== */
html body .woocommerce ul.products li.product .grohman_theme-loop-product-title,
html body .woocommerce ul.products li.product .grohman_theme-loop-product-title a,
#grohman_theme-home-new-products .grohman_theme-loop-product-title,
#grohman_theme-home-new-products .grohman_theme-loop-product-title a {
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
}

html body .woocommerce ul.products li.product .grohman_theme-loop-price,
#grohman_theme-home-new-products .grohman_theme-loop-price {
	color: var(--sk-color-brand-dark) !important;
}

/* Přepis legacy [15] `li.product .price` (--rs-wine) — vyšší specificita přes wrapper karty. */
html body .woocommerce ul.products li.product .grohman_theme-loop-price .price,
html body .woocommerce ul.products li.product .grohman_theme-loop-price ins,
#grohman_theme-home-new-products .grohman_theme-loop-price .price,
#grohman_theme-home-new-products .grohman_theme-loop-price ins {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

html body .woocommerce ul.products li.product .grohman_theme-loop-price *,
#grohman_theme-home-new-products .grohman_theme-loop-price * {
	color: inherit !important;
}



/* 17-grohman-royal-shell.css */
/*
 * 17 — RoyalStep vzhled pro markup grohman-theme-boty.
 *
 * Tmavá horní lišta + hlavička, zlaté hover akcenty, čitelný search a mobilní menu.
 * Načítá se po 16, předchozí partials (08) drží layout dropdownů — barvy top-level odkazů tu přepíšeme.
 */

/* --------------------------------------------------------------------------
 * Horní lišta (účet, sociální sítě)
 * -------------------------------------------------------------------------- */
html body .grohman_theme-top-bar {
	background-color: var(--rs-black, #0a0a0a) !important;
	border-color: rgba(212, 175, 55, 0.22) !important;
	color: rgba(255, 255, 255, 0.82) !important;
}

/* Roztažení řádku: účet + ikony vlevo, horní menu vpravo (fallback i bez Tailwind utilities). */
html body .grohman_theme-top-bar-inner {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	column-gap: 1rem !important;
	row-gap: 0.5rem !important;
}

/* Horní menu — stejná „slabá zlatá“ jako účet / ikony (globální pravidlo na bílou by je přebíjelo). */
html body .grohman_theme-top-bar .grohman_theme-top-bar__menu ul {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 0.35rem 1.25rem !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__menu li {
	margin: 0 !important;
	padding: 0 !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__menu a {
	color: var(--sk-color-brand-dark, #b38f55) !important;
	font-size: 0.65rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__menu a:hover,
html body .grohman_theme-top-bar .grohman_theme-top-bar__menu a:focus-visible {
	color: var(--rs-gold, #d4af37) !important;
}

html body .grohman_theme-top-bar [class*="bg-brand"] {
	background-color: rgba(255, 255, 255, 0.12) !important;
}

/* Sociální ikony — bez Tailwind „brand-dark“ na tmavém pozadí (jinak neviditelné) */
html body .grohman_theme-top-bar a.grohman_theme-social-nav__link,
html body .grohman_theme-top-bar .grohman_theme-social-nav__link .grohman_theme-social-nav__ico,
html body .grohman_theme-top-bar .grohman_theme-social-nav__link svg {
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

html body .grohman_theme-top-bar .grohman_theme-social-nav__link .grohman_theme-social-nav__ico {
	font-size: 0.88rem !important;
}

html body .grohman_theme-top-bar .grohman_theme-social-nav__link svg,
html body .grohman_theme-top-bar .grohman_theme-social-nav__link [data-lucide],
html body .grohman_theme-top-bar .grohman_theme-social-nav__link .lucide {
	width: 0.88rem !important;
	height: 0.88rem !important;
	stroke-width: 1.85 !important;
}

html body .grohman_theme-top-bar .grohman_theme-social-nav__link:hover,
html body .grohman_theme-top-bar .grohman_theme-social-nav__link:focus-visible {
	color: var(--rs-gold, #d4af37) !important;
}

html body .grohman_theme-top-bar .grohman_theme-social-nav__link .grohman_theme-social-nav__ico {
	color: inherit !important;
}

/* Účet — brand-dark (slabší zlato), hover plná značka */
html body .grohman_theme-top-bar .grohman_theme-top-bar__account,
html body .grohman_theme-top-bar .grohman_theme-top-bar__account span {
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__account {
	font-size: 0.65rem !important;
	letter-spacing: 0.12em !important;
	gap: 0.35rem !important;
	margin-inline-start: -0.1rem !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__account:hover,
html body .grohman_theme-top-bar .grohman_theme-top-bar__account:focus-visible,
html body .grohman_theme-top-bar .grohman_theme-top-bar__account:hover span {
	color: var(--rs-gold, #d4af37) !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__account-icon {
	color: var(--sk-color-brand-dark, #b38f55) !important;
	font-size: 0.96rem !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__account svg,
html body .grohman_theme-top-bar .grohman_theme-top-bar__account [data-lucide],
html body .grohman_theme-top-bar .grohman_theme-top-bar__account .lucide {
	width: 0.96rem !important;
	height: 0.96rem !important;
	stroke-width: 1.9 !important;
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__account:hover .grohman_theme-top-bar__account-icon,
html body .grohman_theme-top-bar .grohman_theme-top-bar__account:focus-visible .grohman_theme-top-bar__account-icon {
	color: var(--rs-gold, #d4af37) !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__account:hover svg,
html body .grohman_theme-top-bar .grohman_theme-top-bar__account:focus-visible svg {
	color: var(--rs-gold, #d4af37) !important;
}

/*
 * Levý blok: ikony | svislice | účet — stejný rozestup z obou stran roury (flex gap + margin na sep K sobě nesedly).
 */
html body .grohman_theme-top-bar .grohman_theme-top-bar__start {
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: max-content !important;
	align-items: center !important;
	column-gap: 0.65rem !important;
	row-gap: 0.5rem !important;
	min-width: 0 !important;
	width: max-content !important;
	max-width: 100% !important;
}

html body .grohman_theme-top-bar .grohman_theme-top-bar__sep {
	background-color: var(--sk-color-brand-dark, #b38f55) !important;
	opacity: 0.8;
	flex-shrink: 0 !important;
	width: 1px !important;
	align-self: center !important;
	justify-self: center !important;
	/* U žebra „účet“ zůstane menší mezera než mezi ikonami a žebrem */
	margin-inline-end: -0.2rem !important;
}

/* --------------------------------------------------------------------------
 * Hlavní header
 * -------------------------------------------------------------------------- */
html body #masthead.site-header {
	background: rgba(10, 10, 10, 0.94) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(212, 175, 55, 0.28) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

/* Logo: světlý text + zlatý „brand“ akcent */
html body #masthead .grohman_theme-logo-line .text-gray-900 {
	color: rgba(255, 255, 255, 0.96) !important;
}

html body #masthead .grohman_theme-site-tagline,
html body #masthead .grohman_theme-site-tagline.text-gray-500 {
	color: rgba(255, 255, 255, 0.55) !important;
}

html body #masthead .grohman_theme-site-tagline.group-hover\:text-gold {
	color: rgba(255, 255, 255, 0.55) !important;
}

html body #masthead .group:hover .grohman_theme-site-tagline {
	color: var(--rs-gold, #d4af37) !important;
}

html body #masthead .grohman_theme-logo-line path,
html body #masthead .group:hover .ph-snip-anim,
html body #masthead a.group:hover svg path {
	color: rgba(255, 255, 255, 0.35) !important;
}

html body #masthead .group:hover .ph-snip-anim {
	color: var(--rs-gold, #d4af37) !important;
}

/* Primární menu — top level (jedna „zlátová“ rodina s horní lištou; ne aktivní = brand-dark) */
html body #masthead .grohman_theme-primary-menu > .menu-item > a.grohman_theme-primary-menu__link {
	color: var(--sk-color-brand-dark, #b38f55) !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	font-weight: 600;
}

html body #masthead .grohman_theme-primary-menu > .menu-item:hover > a.grohman_theme-primary-menu__link,
html body #masthead .grohman_theme-primary-menu > .menu-item:focus-within > a.grohman_theme-primary-menu__link {
	color: var(--rs-gold, #d4af37) !important;
}

html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-item:hover > a.grohman_theme-primary-menu__link,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-item:focus-within > a.grohman_theme-primary-menu__link,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-item > a.grohman_theme-primary-menu__link,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-ancestor > a.grohman_theme-primary-menu__link {
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

html body #masthead .grohman_theme-menu-caret {
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

html body #masthead .grohman_theme-primary-menu > .menu-item:hover .grohman_theme-menu-caret,
html body #masthead .grohman_theme-primary-menu > .menu-item:focus-within .grohman_theme-menu-caret {
	color: var(--rs-gold, #d4af37) !important;
}

html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-item .grohman_theme-menu-caret,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-ancestor .grohman_theme-menu-caret {
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

/* Výhledové vyhledávání v hlavičce */
html body #masthead .grohman_theme-header-search {
	border-color: rgba(255, 255, 255, 0.14) !important;
	background: rgba(255, 255, 255, 0.07) !important;
}

html body #masthead .grohman_theme-header-search .ph {
	color: rgba(255, 255, 255, 0.45) !important;
}

html body #masthead .grohman_theme-header-search input[type="search"] {
	color: #fff !important;
}

html body #masthead .grohman_theme-header-search input::placeholder {
	color: rgba(255, 255, 255, 0.38) !important;
}

html body #masthead .grohman_theme-header-search:focus-within {
	border-color: var(--rs-gold, #d4af37) !important;
	box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.28) !important;
	--tw-ring-color: transparent;
}

/* Oddělovač košík / vyhledávání (tenká svislá čára) */
html body #masthead .mx-1.hidden.h-6.w-px {
	background-color: rgba(212, 175, 55, 0.25) !important;
}

/* Mobilní ovládací prvek menu */
html body #masthead details > summary {
	border-color: rgba(255, 255, 255, 0.16) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	color: #fff !important;
}

html body #masthead details[open] > summary {
	border-color: var(--rs-gold, #d4af37) !important;
}

html body #masthead details .grohman_theme-mobile-nav-drawer {
	border: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-left: none !important;
	border-right: none !important;
	background: #0a0a0a !important;
	color: #fff !important;
}

/* Logo z Přizpůsobení (Identita webu) — místo textu „Grohman Boty“ */
html body #masthead .grohman_theme-custom-logo {
	line-height: 0;
}

html body #masthead .grohman_theme-custom-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

html body #masthead .grohman_theme-custom-logo img.custom-logo {
	display: block;
	width: auto !important;
	height: 4.9rem !important;
	max-height: 4.9rem !important;
	max-width: none !important;
}

/* Mobil — větší logo v hlavičce (RoyalStep lockup) */
@media (max-width: 1023px) {
	html body #masthead .grohman_theme-custom-logo img.custom-logo {
		height: 6.25rem !important;
		max-height: 6.25rem !important;
	}
}

@media (min-width: 1024px) {
	html body #masthead .grohman_theme-custom-logo img.custom-logo {
		height: 5.9rem !important;
		max-height: 5.9rem !important;
		max-width: none !important;
	}
}

/* Patička — legacy wrapper */
html body .grohman_theme-site-footer .grohman_theme-custom-footer-logo .custom-logo-link {
	display: inline-block;
}

html body .grohman_theme-site-footer .grohman_theme-custom-footer-logo img.custom-logo {
	display: block;
	width: auto;
	height: auto;
	max-height: 3rem;
}

/*
 * Patička v2 — logo u .grohman_theme-footer-v2-logo
 * !important: přebije případné inline styly z WP / pluginů; výšky drží i po změnách v partialu 12.
 */
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo .custom-logo-link {
	display: inline-block !important;
	line-height: 0 !important;
}

html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img.custom-logo,
html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: min(100%, 11rem) !important;
	max-height: 3.5rem !important;
	object-fit: contain !important;
}

@media (min-width: 768px) {
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img.custom-logo,
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img {
		max-height: 4rem !important;
	}
}

@media (min-width: 1024px) {
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img.custom-logo,
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo img {
		max-height: 4.5rem !important;
	}
}

html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo svg {
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: min(100%, 11rem) !important;
	max-height: 3rem !important;
}

@media (min-width: 768px) {
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo svg {
		max-height: 3.5rem !important;
	}
}

@media (min-width: 1024px) {
	html body footer.grohman_theme-footer-v2-root.grohman_theme-site-footer .grohman_theme-footer-v2-logo svg {
		max-height: 4rem !important;
	}
}


/* 18-category-showcase.css */
/**
 * Úvodní stránka — showcase tří kategorií (asymetrická mřížka: vlevo vysoká, vpravo dvě).
 * Nadpis sekcí + názvy karet: větší než výchozí utilitky, zlatá čára pod H2.
 */

/* Mezititulek — showcase kategorií („Naše nabídka“): plná brand zlatá */
.grohman_theme-category-showcase__head .grohman_theme-category-showcase__kicker {
	color: var(--sk-color-brand, #d4af37) !important;
	-webkit-text-fill-color: var(--sk-color-brand, #d4af37) !important;
	letter-spacing: 0.35em;
	font-size: clamp(0.6875rem, 0.62rem + 0.2vw, 0.8125rem);
}

/*
 * Úvod „Nově skladem“ — plná brand zlatá + mezistupeň velikosti (mezi příliš malým a původním velkým).
 */
#grohman_theme-home-new-products .grohman_theme-category-showcase__kicker {
	color: var(--sk-color-brand, #d4af37) !important;
	-webkit-text-fill-color: var(--sk-color-brand, #d4af37) !important;
	letter-spacing: 0.35em;
	font-size: clamp(0.7rem, 0.64rem + 0.18vw, 0.8125rem);
}

/* Pět produktů — jeden řádek i bez utility lg:grid-cols-5 v Tailwind buildu */
@media (min-width: 1024px) {
	#grohman_theme-home-new-products .grohman_theme-home-new-products__grid--five-cols {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

/* Hlavní nadpis — tmavá námořní / téměř černá, stejná jako velké serif titulky v návrhu */
.grohman_theme-category-showcase__title,
#grohman_theme-home-new-products .grohman_theme-category-showcase__title {
	font-size: clamp(2rem, 1.1rem + 2.6vw, 3rem) !important;
	line-height: 1.12 !important;
	letter-spacing: -0.02em;
	color: #141821 !important;
}

/* Čára pod nadpisem — stejný zlatý odstín jako CTA na kartách (#d4af37 = brand gold) */
.grohman_theme-category-showcase__title-line,
#grohman_theme-home-new-products .grohman_theme-category-showcase__title-line {
	width: 3rem;
	height: 2px;
	background-color: var(--sk-color-brand, #d4af37);
	box-shadow: none;
}

/* CTA na kartách — jedna zlatá barva textu + čára */
.grohman_theme-category-showcase__cta {
	color: var(--sk-color-brand, #d4af37);
}

.grohman_theme-category-showcase__cta-line {
	display: inline-block;
	flex-shrink: 0;
	height: 1px;
	width: 1.75rem;
	align-self: center;
	background-color: var(--sk-color-brand, #d4af37);
	vertical-align: middle;
}

/* Názvy kategorií na fotce — velký serif, lišta vlevo vs. vpravo nahoře */
.grohman_theme-category-showcase__label--feature {
	font-size: clamp(1.5rem, 0.85rem + 2.1vw, 2.5rem) !important;
	letter-spacing: -0.02em;
}

.grohman_theme-category-showcase__label--side {
	font-size: clamp(1.2rem, 0.7rem + 1.2vw, 1.75rem) !important;
	letter-spacing: -0.01em;
}

.grohman_theme-category-showcase__grid--asymmetric {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 1024px) {
	.grohman_theme-category-showcase__grid--asymmetric {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
		align-items: stretch;
		gap: 1rem;
		min-height: min(70vh, 32rem);
	}

	.grohman_theme-category-showcase__card--feature {
		grid-row: 1 / -1;
	}

	.grohman_theme-category-showcase__card--feature .grohman_theme-category-showcase__media,
	.grohman_theme-category-showcase__card--feature .grohman_theme-category-showcase__media img {
		min-height: 100%;
	}
}

.grohman_theme-category-showcase__card--feature {
	min-height: 18rem;
}

.grohman_theme-category-showcase__card .grohman_theme-category-showcase__media,
.grohman_theme-category-showcase__card .grohman_theme-category-showcase__media img {
	display: block;
	width: 100%;
	height: 100%;
}

.grohman_theme-category-showcase__card:not(.grohman_theme-category-showcase__card--feature) {
	min-height: 11rem;
}

@media (min-width: 1024px) {
	.grohman_theme-category-showcase__card:not(.grohman_theme-category-showcase__card--feature) {
		min-height: 0;
	}
}

.grohman_theme-category-showcase__text {
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
}


/* 19-home-brand-craft.css */
/**
 * Úvod — sekce řemeslo & značka (50/50): ořez fotky, tmavší zlaté akcenty, čára pod nadpisem.
 */

/*
 * Sekce je poslední před patičkou; patička má vlastní „zoubky“ (29-decorative-jagged-edges.css).
 * Mírné podtažení pod patičku zajistí, že zoubky překrývají tuto sekci (jako ve vzoru).
 */
.grohman_theme-brand-craft {
	margin-bottom: calc(-1 * var(--grohman-jagged-height, 8px));
}

/* Mezititulek („Osobní přístup“ apod.) — plná brand zlatá */
.grohman_theme-brand-craft__kicker {
	color: var(--sk-color-brand, #d4af37) !important;
	-webkit-text-fill-color: var(--sk-color-brand, #d4af37) !important;
	letter-spacing: 0.3em;
	font-size: clamp(0.625rem, 0.58rem + 0.12vw, 0.75rem);
}

.grohman_theme-brand-craft__title {
	letter-spacing: -0.02em;
	font-weight: 600;
}

.grohman_theme-brand-craft__title-line {
	display: block;
	width: 3rem;
	height: 2px;
	margin-top: 1.25rem;
	margin-bottom: 0;
	background-color: #c5a059;
	border-radius: 1px;
}

.grohman_theme-brand-craft__body {
	font-family: var(--font-sans, "Jost", sans-serif);
}

/*
 * Mobil: stejná typografie jako úvodní odstavec v patičce v2 (12-footer-index.css → p.mb-8).
 * Showroom dřív používal výhradně Tailwind text-sm (~0.875rem) → menší než tagline v patičce.
 */
@media (max-width: 767px) {
	.grohman_theme-brand-craft__body {
		font-size: 1.0625rem;
		line-height: 1.65;
	}
}

/* CTA — shodné zlato jako kicker */
.grohman_theme-brand-craft__cta {
	color: #c5a059;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.grohman_theme-brand-craft__cta:hover,
.grohman_theme-brand-craft__cta:focus-visible {
	color: #d4af37;
	border-bottom-color: rgba(197, 160, 89, 0.55);
}

/* ----- Mřížka 50/50: společná max. výška řádku na desktopu (fotka se vždy ořízne) ----- */
.grohman_theme-brand-craft__grid {
	width: 100%;
}

@media (max-width: 1023px) {
	.grohman_theme-brand-craft__grid {
		grid-template-rows: auto auto;
	}

	.grohman_theme-brand-craft__media {
		position: relative;
		width: 100%;
		overflow: hidden;
		aspect-ratio: 4 / 3;
		max-height: min(62vh, 26rem);
		min-height: 14rem;
	}

	.grohman_theme-brand-craft__media img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

@media (min-width: 1024px) {
	.grohman_theme-brand-craft__grid {
		/*
		 * Vzor: sekce je výrazně „na výšku“ (ne skoro čtverec).
		 * Držíme větší minimální výšku a zároveň strop podle viewportu.
		 */
		min-height: 30rem;
		height: min(60vh, 38rem);
	}

	.grohman_theme-brand-craft__media {
		position: relative;
		height: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.grohman_theme-brand-craft__media img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

/*
 * Vycentrování obsahu pravého panelu: nespoléhat jen na Tailwind utility (build může vynechat některé třídy).
 * Cíl: blok textu max-w-md uprostřed pravé poloviny jako ve vzoru.
 */
.grohman_theme-brand-craft__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

@media (min-width: 768px) {
	.grohman_theme-brand-craft__content {
		align-items: center;
	}

	.grohman_theme-brand-craft__content-inner {
		margin-left: auto;
		margin-right: auto;
	}
}


/* 21-home-hero-trust.css */
/**
 * Hero — spodní blok: úvodní odstavec + oddělovač + tři „trust“ položky (vzor RoyalStep).
 */

/* Horní eyebrow „Prémiová kolekce…“ — brand-dark, menší než světlé royal-gold utility */
#grohman_theme-customize-hero .grohman_theme-front-hero-v2__eyebrow {
	color: var(--sk-color-brand-dark, #b38f55) !important;
	font-size: 0.625rem !important;
}

@media (min-width: 640px) {
	#grohman_theme-customize-hero .grohman_theme-front-hero-v2__eyebrow {
		font-size: 0.6875rem !important;
	}
}

#grohman_theme-customize-hero .grohman_theme-front-hero-v2__eyebrow > span.h-px {
	background-color: var(--sk-color-brand-dark, #b38f55) !important;
}

.grohman_theme-hero-trust {
	max-width: 76rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: clamp(2.5rem, 6vw, 4rem);
	padding-bottom: 0.25rem;
}

.grohman_theme-hero-trust__copy {
	display: flex;
	flex-direction: column;
	gap: 1.125rem;
	text-align: center;
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: clamp(1rem, 2.8vw, 1.5rem);
}

.grohman_theme-hero-trust__copy::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: min(94%, 34rem);
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.16) 26%,
		rgba(255, 255, 255, 0.16) 74%,
		transparent
	);
}

@media (min-width: 768px) {
	.grohman_theme-hero-trust__copy {
		gap: 1.25rem;
		max-width: 46rem;
	}
}

/*
 * Viditelný řádek jako ve vzoru front-page (SEO sekce): malý uppercase label v Jost + gold,
 * nikoli velký Playfair nadpis — HTML má sr-only <h2> pro přístupnost.
 */
#grohman_theme-customize-hero .grohman_theme-hero-trust__label {
	margin: 0 0 0.75rem;
	text-align: center;
	font-family: var(--font-sans, "Jost", sans-serif) !important;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0.22em;
	text-transform: uppercase !important;
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

@media (min-width: 640px) {
	#grohman_theme-customize-hero .grohman_theme-hero-trust__label {
		font-size: 0.75rem;
		margin-bottom: 0.875rem;
	}
}

#grohman_theme-customize-hero .grohman_theme-hero-trust__accent {
	color: var(--sk-color-brand-dark, #b38f55) !important;
	font-weight: 600;
}

@media (min-width: 768px) {
	.grohman_theme-hero-trust {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.grohman_theme-hero-trust__intro {
	margin: 0;
	text-align: center;
	font-family: var(--font-sans, "Jost", sans-serif);
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.78);
}

@media (min-width: 768px) {
	.grohman_theme-hero-trust__intro {
		font-size: 1.0625rem;
		line-height: 1.72;
	}
}

/* Druhý odstavec o něco tlumenější (odpovídá rs-text-gray-400 oproti rs-text-gray-300) */
.grohman_theme-hero-trust__intro--secondary {
	color: rgba(255, 255, 255, 0.58) !important;
}

/* Odkazy: zlato bez podtržení (přepis i html body .site-main p a z 15) */
html body #grohman_theme-customize-hero .grohman_theme-hero-trust__copy a,
html body #grohman_theme-customize-hero .grohman_theme-hero-trust__intro a,
#grohman_theme-customize-hero .grohman_theme-hero-trust__copy a,
#grohman_theme-customize-hero .grohman_theme-hero-trust__intro a {
	color: #c5a059 !important;
	font-weight: 600;
	font-style: normal !important;
	text-decoration: none !important;
	text-decoration-line: none !important;
	-webkit-text-decoration-line: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	transition: color 0.2s ease, opacity 0.2s ease;
}

html body #grohman_theme-customize-hero .grohman_theme-hero-trust__copy a:hover,
html body #grohman_theme-customize-hero .grohman_theme-hero-trust__copy a:focus-visible,
html body #grohman_theme-customize-hero .grohman_theme-hero-trust__intro a:hover,
html body #grohman_theme-customize-hero .grohman_theme-hero-trust__intro a:focus-visible,
#grohman_theme-customize-hero .grohman_theme-hero-trust__copy a:hover,
#grohman_theme-customize-hero .grohman_theme-hero-trust__copy a:focus-visible,
#grohman_theme-customize-hero .grohman_theme-hero-trust__intro a:hover,
#grohman_theme-customize-hero .grohman_theme-hero-trust__intro a:focus-visible {
	color: #dfc585 !important;
	border-bottom: none !important;
	border-bottom-color: transparent !important;
	box-shadow: none !important;
	outline: none;
}

.grohman_theme-hero-trust__rule {
	margin-top: clamp(1.75rem, 4vw, 2.5rem);
	margin-bottom: clamp(1.75rem, 4vw, 2.5rem);
	margin-left: auto;
	margin-right: auto;
	max-width: 36rem;
	height: 1px;
	border: 0;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 255, 255, 0.18) 35%,
		rgba(255, 255, 255, 0.18) 65%,
		transparent
	);
}

.grohman_theme-hero-trust__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1.75rem 1.5rem;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	.grohman_theme-hero-trust__list {
		grid-template-columns: repeat(3, minmax(15rem, 18.2rem));
		justify-content: center;
		gap: 1.75rem 2.15rem;
		align-items: start;
	}
}

@media (min-width: 1024px) {
	.grohman_theme-hero-trust__list {
		grid-template-columns: repeat(3, minmax(16rem, 19.8rem));
		gap: 2.1rem 3.15rem;
	}
}

.grohman_theme-hero-trust__item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	margin: 0;
	padding: 0;
}

.grohman_theme-hero-trust__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 3.15rem;
	height: 3.15rem;
	border-radius: 9999px;
	border: none;
	background-color: color-mix(in srgb, var(--sk-color-brand) 16%, #0a0a0a 84%);
	color: #ddb95d;
	box-shadow: none;
}

.grohman_theme-hero-trust__icon .ph {
	font-size: 1.38rem;
	line-height: 1;
}

.grohman_theme-hero-trust__title {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	color: #fff;
	margin: 0 0 0.35rem;
	font-family: var(--font-sans, "Jost", sans-serif);
}

.grohman_theme-hero-trust__sub {
	font-size: 0.875rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.52);
	margin: 0;
	font-family: var(--font-sans, "Jost", sans-serif);
}

@media (min-width: 640px) {
	.grohman_theme-hero-trust__title {
		font-size: 1.0625rem;
	}

	.grohman_theme-hero-trust__sub {
		font-size: 0.9375rem;
	}
}


/* 20-layout-content-footer-layers.css */
/**
 * Vrstvení obsahu vs. patička na celém webu:
 * obal `#site-content-contain` je nad patičkou (z-index) a má neprůhledné pozadí,
 * takže při záporném marginu patičky se hlavní plocha vizuálně předjíždí přes ni.
 */
#page.site {
	position: relative;
}

/*
 * Tailwind `.container` na #page: vynucuje reponsivní max-width na celý obal stránky — hlavička, horní lišta
 * i obsah jsou pak zúžené a vpravo (nebo oboustranně) vzniká „prázdný“ pruh vedle full-width store notice.
 * Rozvršení drží vnitřní prvky (.max-w-7xl, .mx-auto); #page má zůstat vždy přes celou šířku viewportu.
 */
html body #page.site.container,
html body #page.container.site {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Mezera mezi lištou obchodu a první sekcí v #page — držet nulové okraje */
html body #page.site,
html body #page.site > header#masthead.site-header {
	margin-top: 0 !important;
}

#site-content-contain.site-content-contain {
	position: relative;
	z-index: 3;
	background-color: var(--sk-color-surface, #f8f7f5) !important;
	background-image: var(--sk-premium-texture-bg-image) !important;
}

html body,
html body #page.site,
html body #content.site-content,
html body #site-content-contain.site-content-contain,
html body main.site-main,
html body main#primary,
html body main#main {
	background-color: var(--sk-color-surface, #f8f7f5) !important;
	background-image: var(--sk-premium-texture-bg-image) !important;
}

footer#colophon.site-footer.grohman_theme-site-footer,
.site-footer.grohman_theme-site-footer {
	position: relative;
	z-index: 1;
	margin-top: -3.25rem;
	padding-top: calc(2.75rem + 0.25rem);
	/* Tmavý přechod, bez „světlého“ lemu */
	box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.55);
}

@media (min-width: 1024px) {
	.site-footer.grohman_theme-site-footer,
	footer#colophon.site-footer.grohman_theme-site-footer {
		margin-top: -3.5rem;
	}
}

/* Tlačítko „Zpět nahoru“ — fixní v pravém dolním rohu, viditelné po odscrollování. */
.grohman_theme-back-to-top {
	position: fixed;
	right: clamp(0.85rem, 2vw, 1.5rem);
	bottom: clamp(0.85rem, 2vw, 1.5rem);
	z-index: 60;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(212, 175, 55, 0.55);
	border-radius: 9999px;
	background-color: #181818;
	color: #f3f4f6;
	font-size: 1.15rem;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	transform: translateY(0.5rem);
	pointer-events: none;
	transition: opacity 0.25s ease, transform 0.25s ease, background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
}

.grohman_theme-back-to-top.is-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.grohman_theme-back-to-top:hover,
.grohman_theme-back-to-top:focus-visible {
	background-color: var(--sk-color-brand, #d4af37);
	color: #181818;
	border-color: var(--sk-color-brand, #d4af37);
	outline: none;
}

.grohman_theme-back-to-top:focus-visible {
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.35), 0 12px 36px rgba(0, 0, 0, 0.35);
}

.grohman_theme-back-to-top i {
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.grohman_theme-back-to-top {
		transition: opacity 0.2s linear;
		transform: none;
	}
}


/* 22-nav-masthead-submenu-megamenu.css */
/**
 * 22 — Submenu + megamenu v #masthead (RoyalStep referenční vzhled):
 * tmavý panel, souvislý zlatý okraj, stín, bílá sans typografie, hover zlato,
 * oddělovače, u top-level položky jemná zlatá linka (hover / aktivní).
 * Načítá se po 15/17/09, přepisuje „látkový“ bílý megamenu z partialu 03.
 */

/*
 * Wrapper kolem wp_nav_menu pro pozici primary (kontextová třída pro Customizer Selective Refresh).
 * Layout (flex parent) musí zůstat netknutý, takže div se chová transparentně.
 */
.grohman_theme-primary-nav__partial {
	display: contents;
}

/* -------------------------------------------------------------------------- */
/* Top-level: tenká zlatá čára pod hover / aktivní položkou                  */
/* -------------------------------------------------------------------------- */
html body #masthead .grohman_theme-primary-menu > .menu-item > a.grohman_theme-primary-menu__link {
	position: relative;
	z-index: 2;
	border-bottom: none;
	box-sizing: border-box;
	padding-bottom: 1.05rem;
}

html body #masthead .grohman_theme-primary-menu > .menu-item > a.grohman_theme-primary-menu__link::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	left: 50%;
	bottom: 0.34rem;
	width: calc(100% + 0.9rem);
	max-width: 8.2rem;
	height: 1.25px;
	background: var(--sk-color-brand-dark);
	transform: translateX(-50%) scaleX(0);
	transform-origin: center center;
	transition: transform 0.34s ease;
	pointer-events: none;
}

html body #masthead .grohman_theme-primary-menu > .menu-item:hover > a.grohman_theme-primary-menu__link,
html body #masthead .grohman_theme-primary-menu > .menu-item:focus-within > a.grohman_theme-primary-menu__link,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-item > a.grohman_theme-primary-menu__link,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-ancestor > a.grohman_theme-primary-menu__link {
	border-bottom-color: transparent !important;
}

html body #masthead .grohman_theme-primary-menu > .menu-item:hover > a.grohman_theme-primary-menu__link::after,
html body #masthead .grohman_theme-primary-menu > .menu-item:focus-within > a.grohman_theme-primary-menu__link::after,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-item > a.grohman_theme-primary-menu__link::after,
html body #masthead .grohman_theme-primary-menu > .menu-item.current-menu-ancestor > a.grohman_theme-primary-menu__link::after {
	transform: translateX(-50%) scaleX(1);
}

html body #masthead .grohman_theme-primary-menu[data-hover-dir="right"] > .menu-item:hover > a.grohman_theme-primary-menu__link::after,
html body #masthead .grohman_theme-primary-menu[data-hover-dir="right"] > .menu-item:focus-within > a.grohman_theme-primary-menu__link::after {
	transform-origin: left center;
}

html body #masthead .grohman_theme-primary-menu[data-hover-dir="left"] > .menu-item:hover > a.grohman_theme-primary-menu__link::after,
html body #masthead .grohman_theme-primary-menu[data-hover-dir="left"] > .menu-item:focus-within > a.grohman_theme-primary-menu__link::after {
	transform-origin: right center;
}

/* -------------------------------------------------------------------------- */
/* Všechna submenu (úzký i vnořený flyout)                                    */
/* -------------------------------------------------------------------------- */
html body #masthead .grohman_theme-primary-menu .sub-menu {
	background: rgba(8, 8, 10, 0.96) !important;
	background-image:
		linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 42%, rgba(0, 0, 0, 0) 100%),
		radial-gradient(120% 90% at 15% 5%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 55%);
	border: 1px solid rgba(212, 175, 55, 0.42) !important;
	border-radius: 0.5rem !important;
	box-shadow:
		0 24px 50px -8px rgba(0, 0, 0, 0.78),
		0 0 0 1px rgba(0, 0, 0, 0.35) !important;
}

html body #masthead .grohman_theme-primary-menu .sub-menu.mega-menu-fabric {
	background-color: rgba(8, 8, 10, 0.9) !important;
	background-image: none !important;
}

/* Submenu panel (ne mega): viditelnější faux-glass efekt */
html body #masthead .grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega) > .sub-menu.grohman_theme-dropdown-panel {
	background-color: rgba(8, 8, 10, 0.96) !important;
	background-image:
		linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 44%, rgba(0, 0, 0, 0) 100%),
		radial-gradient(120% 90% at 15% 5%, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 58%) !important;
}

html body #masthead .grohman_theme-primary-menu .mega-menu-fabric::before,
html body #masthead .grohman_theme-primary-menu .mega-menu-fabric::after {
	display: none !important;
	content: none !important;
}

/* Úzký dropdown: sladit s obdélníkovým radiusem + svislé odsazení */
html body #masthead .grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega) > .sub-menu.grohman_theme-dropdown-panel {
	padding: 0.4rem 0 !important;
	border-radius: 0.625rem !important;
	top: 100% !important;
	margin-top: 1.25rem !important;
	transform: translate(-50%, 0) !important;
}

/* Hover bridge na parent položce + panelu, aby submenu nemizelo při přejezdu myší dolů. */
html body #masthead .grohman_theme-primary-menu > .menu-item.menu-item-has-children {
	position: relative;
}

html body #masthead .grohman_theme-primary-menu > .menu-item.menu-item-has-children::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 1.45rem;
	z-index: 1;
	pointer-events: none;
}

html body #masthead .grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega).menu-item-has-children::after {
	left: 50%;
	right: auto;
	width: min(17.5rem, calc(100vw - 2rem));
	transform: translateX(-50%);
}

html body #masthead .grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega) > .sub-menu.grohman_theme-dropdown-panel::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	height: 1.25rem;
	pointer-events: none;
}

/* Položky: mezery, oddělovače */
html body #masthead .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel:not(.grohman_theme-mega-shop-list) > .menu-item + .menu-item {
	border-top: none !important;
}

html body #masthead .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel:not(.grohman_theme-mega-shop-list) > .menu-item:first-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none !important;
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link {
	justify-content: flex-start;
	width: 100%;
	padding: 0.88rem 1.2rem !important;
	border-radius: 0.3rem;
	font-size: 0.76rem !important;
	font-weight: 600 !important;
	line-height: 1.55 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	text-align: left;
	color: rgba(255, 255, 255, 0.94) !important;
	position: relative;
	border-top: none !important;
	transition:
		color 0.2s ease;
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link .grohman_theme-dropdown-link__text {
	color: inherit !important;
	transition:
		color 0.2s ease,
		text-shadow 0.2s ease;
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link::after {
	content: "";
	position: absolute;
	left: 0.95rem;
	right: 0.95rem;
	bottom: 0.38rem;
	height: 1px;
	background-color: rgba(212, 175, 55, 0.55);
	transform: scaleX(0);
	transform-origin: center center;
	transition: transform 0.38s ease;
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link:hover,
html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link:focus-visible {
	background-color: transparent !important;
	color: var(--sk-color-brand, #d4af37) !important;
	text-shadow:
		0 0 8px rgba(212, 175, 55, 0.32),
		0 0 16px rgba(212, 175, 55, 0.18);
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link:hover .grohman_theme-dropdown-link__text,
html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link:focus-visible .grohman_theme-dropdown-link__text {
	color: var(--sk-color-brand, #d4af37) !important;
	text-shadow:
		0 0 8px rgba(212, 175, 55, 0.32),
		0 0 16px rgba(212, 175, 55, 0.18);
}

html body #masthead .grohman_theme-primary-menu .sub-menu .menu-item.current-menu-item > a.grohman_theme-dropdown-link .grohman_theme-dropdown-link__text {
	color: var(--sk-color-brand-dark, #b38f55) !important;
	text-shadow:
		0 0 8px rgba(179, 143, 85, 0.3),
		0 0 14px rgba(179, 143, 85, 0.16);
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link:hover::after,
html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link:focus-visible::after {
	transform: scaleX(1);
}

html body #masthead .grohman_theme-primary-menu .sub-menu .menu-item.current-menu-item > a.grohman_theme-dropdown-link {
	color: var(--sk-color-brand-dark, #b38f55) !important;
	font-weight: 700 !important;
	text-shadow:
		0 0 8px rgba(179, 143, 85, 0.3),
		0 0 14px rgba(179, 143, 85, 0.16);
}

html body #masthead .grohman_theme-primary-menu .sub-menu .menu-item.current-menu-item > a.grohman_theme-dropdown-link::after {
	transform: scaleX(1);
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link__icon {
	color: rgba(212, 175, 55, 0.72) !important;
	font-size: 1.08rem !important;
	line-height: 1 !important;
	width: 1.2rem;
	height: 1.2rem;
	text-align: center;
	flex: 0 0 1.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link__icon.ph-boot {
	font-size: 1.12rem !important;
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link__icon svg,
html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link svg.grohman_theme-dropdown-link__icon,
html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link .lucide {
	width: 1.02rem !important;
	height: 1.02rem !important;
	display: block;
}

html body #masthead .grohman_theme-primary-menu .grohman_theme-dropdown-link:hover .grohman_theme-dropdown-link__icon {
	color: var(--sk-color-brand, #d4af37) !important;
}

html body #masthead .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel:not(.grohman_theme-mega-shop-list) > .menu-item:first-child .grohman_theme-dropdown-link,
html body #masthead .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel:not(.grohman_theme-mega-shop-list) > .menu-item:not(:first-child) .grohman_theme-dropdown-link {
	font-weight: 600 !important;
	color: rgba(255, 255, 255, 0.94) !important;
}

html body #masthead .grohman_theme-primary-menu .sub-menu .menu-item-has-children > .sub-menu {
	background: #0c0c0c !important;
	border: 1px solid rgba(212, 175, 55, 0.42) !important;
	box-shadow: 0 20px 42px -10px rgba(0, 0, 0, 0.72) !important;
}

/* -------------------------------------------------------------------------- */
/* Woo megamenu — panel .mega-menu-fabric uvnitř .grohman_theme-mega-shop-list */
/* -------------------------------------------------------------------------- */
html body #masthead .mega-menu-fabric.grohman_theme-mega-shop__fabric {
	background-color: rgba(8, 8, 10, 0.96) !important;
	background-image:
		linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 42%, rgba(0, 0, 0, 0) 100%),
		radial-gradient(120% 90% at 15% 5%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 55%) !important;
	border: 1px solid rgba(212, 175, 55, 0.45) !important;
	margin-left: 0 !important;
	box-shadow:
		0 28px 56px -14px rgba(0, 0, 0, 0.82) !important;
	border-radius: 0.625rem !important;
}

/* Zrušit vnější obrys na wrapperu .sub-menu, jinak nahoře vzniká „dvojitá linka“. */
html body #masthead .grohman_theme-primary-menu .sub-menu.grohman_theme-mega-shop-list {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-top: 1.25rem !important;
}

html body #masthead .mega-menu-fabric.grohman_theme-mega-shop__fabric::before,
html body #masthead .mega-menu-fabric.grohman_theme-mega-shop__fabric::after {
	display: none !important;
	content: none !important;
}

html body #masthead .grohman_theme-mega-shop__inner {
	padding: 1.95rem 2rem 2.15rem !important;
	gap: 1.75rem !important;
}

html body #masthead .grohman_theme-mega-shop__head {
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	align-items: flex-end;
	gap: 0.75rem 1.25rem;
	padding-bottom: 0.7rem;
	border-bottom: none !important;
	margin-bottom: 1.75rem !important;
}

html body #masthead .grohman_theme-mega-shop__title {
	justify-content: flex-start;
	text-align: left;
	font-family: var(--font-sans, "Jost", sans-serif) !important;
	font-size: 0.94rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: rgba(212, 175, 55, 0.92) !important;
}

html body #masthead .grohman_theme-mega-shop__title > .ph-fill,
html body #masthead .grohman_theme-mega-shop__title > [data-lucide] {
	font-size: 0.8rem !important;
	width: 0.8rem !important;
	height: 0.8rem !important;
}

html body #masthead .grohman_theme-mega-shop__title .text-gold {
	color: rgba(212, 175, 55, 0.95) !important;
}

html body #masthead .grohman_theme-mega-shop__all {
	color: rgba(212, 175, 55, 0.92) !important;
	font-weight: 700 !important;
}

html body #masthead .grohman_theme-mega-shop__all:hover {
	color: rgba(255, 255, 255, 0.96) !important;
}

html body #masthead .grohman_theme-mega-shop__grid--columns {
	column-gap: 0 !important;
	row-gap: 2.35rem !important;
}

html body #masthead .grohman_theme-mega-shop__column + .grohman_theme-mega-shop__column {
	border-left: 1px solid rgba(212, 175, 55, 0.18);
	padding-left: 2rem !important;
}

html body #masthead .grohman_theme-mega-shop__column:first-child:not(:last-child) {
	padding-right: 2rem !important;
}

html body #masthead .grohman_theme-mega-shop__column {
	text-align: left !important;
	align-items: stretch !important;
}

html body #masthead .grohman_theme-mega-shop__parent {
	justify-content: flex-start !important;
	flex-direction: row !important;
	align-items: center !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.94) !important;
	gap: 0.625rem !important;
	margin-bottom: 0.9rem !important;
	position: relative;
	padding-bottom: 0.2rem;
}

html body #masthead .grohman_theme-mega-shop__parent:hover {
	color: var(--sk-color-brand, #d4af37) !important;
	text-shadow:
		0 0 8px rgba(212, 175, 55, 0.32),
		0 0 16px rgba(212, 175, 55, 0.18);
}

html body #masthead .grohman_theme-mega-shop__parent::after {
	content: "";
	position: absolute;
	left: calc(1.15rem + 0.65rem);
	right: 0;
	bottom: -0.12rem;
	height: 1px;
	background-color: rgba(212, 175, 55, 0.55);
	transform: scaleX(0);
	transform-origin: center center;
	transition: transform 0.38s ease;
}

html body #masthead .grohman_theme-mega-shop__parent:hover::after,
html body #masthead .grohman_theme-mega-shop__parent:focus-visible::after {
	transform: scaleX(1);
}

html body #masthead .grohman_theme-mega-shop__icon {
	width: 1.15rem !important;
	height: 1.15rem !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: rgba(212, 175, 55, 0.72) !important;
}

html body #masthead .grohman_theme-mega-shop__parent:hover .grohman_theme-mega-shop__icon {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--sk-color-brand, #d4af37) !important;
	transform: none !important;
}

html body #masthead .mega-menu-fabric ul.grohman_theme-mega-shop__sublist {
	padding-left: calc(1.15rem + 0.7rem) !important;
	padding-inline-start: calc(1.15rem + 0.7rem) !important;
	text-align: left !important;
}

html body #masthead .grohman_theme-mega-shop__subs li {
	text-align: left !important;
	margin-bottom: 0.9rem !important;
	line-height: 1.5 !important;
}

html body #masthead .grohman_theme-mega-shop__subcat {
	justify-content: flex-start !important;
	font-size: 0.6875rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.82) !important;
	position: relative;
	display: block !important;
	padding-left: 0.9rem !important;
	padding-bottom: 0.18rem;
	line-height: 1.48 !important;
}

html body #masthead .grohman_theme-mega-shop__subcat:hover {
	color: var(--sk-color-brand, #d4af37) !important;
	transform: none !important;
	text-shadow:
		0 0 8px rgba(212, 175, 55, 0.32),
		0 0 16px rgba(212, 175, 55, 0.18);
}

html body #masthead .grohman_theme-mega-shop__subcat::before {
	position: absolute;
	left: 0;
	top: 0.62em;
	transform: translateY(-50%);
	margin-right: 0 !important;
	background-color: rgba(212, 175, 55, 0.55) !important;
	opacity: 0.45 !important;
}

html body #masthead .grohman_theme-mega-shop__subcat::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.12rem;
	height: 1px;
	background-color: rgba(212, 175, 55, 0.55);
	transform: scaleX(0);
	transform-origin: center center;
	transition: transform 0.38s ease;
}

html body #masthead .grohman_theme-mega-shop__subcat:hover::after,
html body #masthead .grohman_theme-mega-shop__subcat:focus-visible::after {
	transform: scaleX(1);
}

html body #masthead .grohman_theme-mega-shop__subcat:hover::before {
	opacity: 1 !important;
	background-color: var(--sk-color-brand, #d4af37) !important;
}

html body #masthead .grohman_theme-mega-shop__empty,
html body #masthead .grohman_theme-mega-shop__inner > p.p-6 {
	color: rgba(255, 255, 255, 0.58) !important;
	text-align: left !important;
}

html body #masthead .mega-menu-fabric .grohman_theme-mega-shop__promo-text {
	color: rgba(255, 255, 255, 0.88) !important;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

html body #masthead .grohman_theme-mega-shop__promo-title {
	color: var(--sk-color-brand-light, #fcf5e8) !important;
	text-shadow:
		0 4px 16px rgba(0, 0, 0, 0.55),
		0 1px 2px rgba(0, 0, 0, 0.65);
}

html body #masthead .grohman_theme-mega-shop__promo-badge {
	background-color: var(--sk-color-brand-dark, #b38f55) !important;
	border-color: rgba(255, 255, 255, 0.28) !important;
	color: #ffffff !important;
}

html body #masthead .grohman_theme-mega-shop__promo-cta {
	color: var(--sk-color-brand-soft, #e8d48a) !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

html body #masthead .grohman_theme-mega-shop__promo-overlay {
	background: linear-gradient(
		to top,
		rgba(7, 8, 12, 0.94) 0%,
		rgba(7, 8, 12, 0.76) 46%,
		rgba(7, 8, 12, 0.22) 100%
	) !important;
}

html body #masthead .grohman_theme-mega-shop__promo {
	border: 1px solid rgba(212, 175, 55, 0.28) !important;
	box-shadow: 0 18px 36px -12px rgba(0, 0, 0, 0.65) !important;
}

@media (max-width: 1023px) {
	html body #masthead .grohman_theme-mega-shop__column + .grohman_theme-mega-shop__column {
		border-left: none;
		padding-left: 0 !important;
		border-top: 1px solid rgba(212, 175, 55, 0.16);
		padding-top: 2rem !important;
		margin-top: 0.5rem !important;
	}

	html body #masthead .grohman_theme-mega-shop__column:first-child:not(:last-child) {
		padding-right: 0 !important;
	}
}

/* -----------------------------------------------------------------------------
 * Mini košík (náhled) vs partial 15 — zlatý rámeček/tmavý styl z partialu 06 musí
 * přebít globální pravidla .woocommerce-mini-cart z foundation vrstvy (partial 15) (řádky, tlačítka).
 * Načítá se po 15.
 * -------------------------------------------------------------------------- */
html body .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item {
	border-bottom: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Vzor: bez „karet“ okolo jednotlivých produktů (žádný rámeček na wrapperu/linku položky). */
html body .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item,
html body .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item .grohman_theme-mini-cart-item__main,
html body .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item .grohman_theme-mini-cart-item__body,
html body .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item .grohman_theme-mini-cart-item__meta,
html body .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item a:not(.remove) {
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	outline: none !important;
}

html body .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item:last-child {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Dvě sekce jako ve vzoru: horní box se seznamem položek + spodní část subtotal/CTA. */
html body .grohman_theme-mini-cart__inner .woocommerce > ul.woocommerce-mini-cart {
	margin: 0 !important;
	padding: 0.75rem 0.8rem !important;
	border: 1px solid rgba(212, 175, 55, 0.35) !important;
	border-radius: 0.62rem !important;
	background: rgba(5, 6, 10, 0.72) !important;
	box-shadow: none !important;
}

html body .grohman_theme-mini-cart__inner .woocommerce > ul.woocommerce-mini-cart > li.mini_cart_item + li.mini_cart_item {
	margin-top: 0.55rem !important;
	padding-top: 0.55rem !important;
	border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
}

/* Sekce "horní" (seznam produktů): bez vnitřního boxu/rámečku, jen obsah. */
html body .grohman_theme-mini-cart__inner .woocommerce,
html body .grohman_theme-mini-cart__inner .woocommerce > ul.woocommerce-mini-cart,
html body .grohman_theme-mini-cart__inner .woocommerce .cart_list {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	outline: none !important;
}

html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 0.75rem !important;
	width: 100% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0.58rem 0.8rem 0.86rem !important;
	border: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-top: none !important;
	border-radius: 0 0 0.62rem 0.62rem !important;
	background: rgba(22, 23, 29, 0.9) !important;
}

html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button {
	flex: 1 1 calc(50% - 0.25rem) !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	margin-bottom: 0 !important;
	min-height: 3.45rem !important;
	padding: 0.7rem 0.85rem !important;
	line-height: 1.15 !important;
	border-radius: 0.78rem !important;
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.11em !important;
	text-transform: uppercase !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: break-word !important;
}

/* Obrysové / plné zlato (sladění s 06, ne jednotné zlato ze všech hoverů z 15) */
html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
	background-color: rgba(212, 175, 55, 0.12) !important;
	color: #ffffff !important;
	border-color: rgba(212, 175, 55, 0.88) !important;
	transform: none !important;
}

html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.checkout {
	color: #111111 !important;
}

/* Tvrdý fallback: vlastní CTA v mini-košíku (nezávislé na Woo hooks na cart/checkout). */
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0.5rem !important;
	margin-top: 0.75rem !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 2.25rem !important;
	padding: 0.5rem 0.65rem !important;
	border-radius: 9999px !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	text-decoration: none !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--view-cart {
	background-color: transparent !important;
	color: var(--sk-color-brand, #d4af37) !important;
	border: 1px solid rgba(212, 175, 55, 0.55) !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--view-cart:hover {
	background-color: rgba(212, 175, 55, 0.12) !important;
	color: #ffffff !important;
	border-color: rgba(212, 175, 55, 0.88) !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--checkout {
	background: linear-gradient(180deg, #e4c77a 0%, #c5a059 100%) !important;
	color: #111111 !important;
	border: 1px solid rgba(212, 175, 55, 0.95) !important;
}

/* Header mini-cart CTA mimo Woo wrapper (stabilní i při AJAX fragment přepisu na cart page). */
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row {
	display: none !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 0.75rem !important;
	margin-top: 0 !important;
	padding: 0.58rem 0.8rem 0.86rem !important;
	border: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-top: none !important;
	border-radius: 0 0 0.62rem 0.62rem !important;
	background: rgba(22, 23, 29, 0.9) !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom {
	display: none !important;
}

html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0.72rem 0.8rem 0.46rem !important;
	border: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-bottom: none !important;
	background: rgba(22, 23, 29, 0.9) !important;
}

html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total {
	border-top-left-radius: 0.62rem !important;
	border-top-right-radius: 0.62rem !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 3.45rem !important;
	padding: 0.7rem 0.85rem !important;
	border-radius: 0.78rem !important;
	font-size: 0.84rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: 0.11em !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: break-word !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta--cart {
	background-color: transparent !important;
	color: var(--sk-color-brand, #d4af37) !important;
	border: 1px solid rgba(212, 175, 55, 0.55) !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta--checkout {
	background: linear-gradient(180deg, #e4c77a 0%, #c5a059 100%) !important;
	color: #111111 !important;
	border: 1px solid rgba(212, 175, 55, 0.95) !important;
}

/* Cart page: používáme vlastní CTA řádek, Woo default CTA v tomhle dropdownu schováme. */
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons {
	display: none !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row {
	display: grid !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total,
body.woocommerce-cart .grohman_theme-mini-cart__inner p.woocommerce-mini-cart__total.total {
	display: none !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom {
	display: flex !important;
	align-items: center !important;
	gap: 0.35rem !important;
	margin-top: 0.65rem !important;
	margin-bottom: 0.75rem !important;
	padding-top: 0.6rem !important;
	border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
	font-size: 0.9375rem !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: rgba(255, 255, 255, 0.95) !important;
	border-bottom: none !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom .amount {
	color: rgba(212, 175, 55, 0.95) !important;
}

/* Cart page: prázdný mini-košík musí zůstat centrovaný (legacy/WC může přetlačit na left). */
body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__empty,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__empty-message.grohman_theme-mini-cart__empty {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
}

/* Cart page: v header mini-cartu nechceme oddělovací linku nad CTA. */
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total {
	border-top: none !important;
	padding-top: 0.25rem !important;
	margin-top: 0.25rem !important;
}

/* Tvrdý cart-only cleanup: odstranit i případnou dělicí linku z poslední položky košíku / total wrapperu. */
body.woocommerce-cart .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item:last-child {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* Cart page: bez dělicí linky mezi položkou a mezisoučtem (i když :last-child nepasuje kvůli fragmentům). */
body.woocommerce-cart .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart li.mini_cart_item {
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner ul.woocommerce-mini-cart {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce > ul.woocommerce-mini-cart {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce > ul.woocommerce-mini-cart > li.mini_cart_item {
	margin: 0 0 0.65rem !important;
	padding: 0 0 0.75rem !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .mini_cart_item {
	margin: 0 0 0.65rem !important;
	padding: 0 0 0.75rem !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__body,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__meta,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__main,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__qty-row {
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__qty-row {
	margin-top: 0.18rem !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__body,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__meta {
	gap: 0.35rem !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner p.woocommerce-mini-cart__total.total {
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Stejné cart přepisy i pro AJAX fragment kontext (když body class není spolehlivá). */
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons {
	display: none !important;
}

.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row {
	display: grid !important;
}

.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner p.woocommerce-mini-cart__total.total {
	display: none !important;
}

.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce > ul.woocommerce-mini-cart {
	margin: 0 !important;
	padding: 0 !important;
}

.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce > ul.woocommerce-mini-cart {
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce .woocommerce-mini-cart-item .grohman_theme-mini-cart-item__qty-row {
	margin-top: 0.18rem !important;
}

.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom {
	display: flex !important;
	align-items: center !important;
	gap: 0.35rem !important;
	margin-top: 0.65rem !important;
	margin-bottom: 0.75rem !important;
	padding-top: 0.6rem !important;
	border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
}

.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__empty,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__empty-message.grohman_theme-mini-cart__empty {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	width: 100% !important;
}


/* 23-responsive-fixes.css */
/**
 * 23 — Responsive fixes for current theme behavior.
 * Final layer for tablet/mobile spacing, drawer menu, mega alignment.
 */

/*
 * Admin bar (přihlášení): WP 6.4+ enqueue_inline_style přidává `html { margin-top: 32px|46px !important }`
 * (wp_enqueue_admin_bar_bump_styles). Fixní #wpadminbar + margin na kořeni dokumentu + sticky `top` na hlavičce
 * často vytvoří „navíc“ tmavý/prázdný pruh nad obsahem (jiný stacking než padding na body).
 * Stejná rezerva výšky přes `padding-top` na body — proměnná --wp-admin--admin-bar--height zůstává na html (admin-bar.css).
 */
@media screen {
	html:has(body.admin-bar) {
		margin-top: 0 !important;
	}

	body.admin-bar {
		padding-top: var(--wp-admin--admin-bar--height, 32px);
	}
}

/* Drawer menu (< lg): keep nested submenus readable in flow */
@media (max-width: 1023px) {
	/*
	 * Skutečná výška sticky hlavičky (pod safe-area) ≈ logo + vnitřní padding.
	 * Starší fallback 5.75rem byl nižší než řádek s velkým logem → drawer začínal uvnitř hlavičky
	 * a při scrollu působil „posun“ ikon / překryv.
	 */
	/*
	 * Spodní hrana fixed draweru — pod celou #masthead vč. py-5 a velkého loga (~6.25rem na <lg).
	 * Nižší hodnota než skutečná výška hlavičky = panel začíná „moc nahoře“, první položky líhnou pod oddělovač.
	 */
	html {
		--grohman-mobile-drawer-top-offset: 9rem;
	}

	/*
	 * backdrop-blur na #masthead jinak vytvoří containing block → fixed drawer je jen „pásek“
	 * výšky hlavičky. Bez blur na mobilu fixed zůstane vůči viewportu.
	 */
	/*
	 * Flex column (#page): bez align-self může sticky hlavička při scrollu „ujíždět“ / dělat mezeru (flex + sticky).
	 */
	html body #page.site > header#masthead.site-header {
		align-self: flex-start;
		width: 100%;
	}

	html body #masthead.site-header {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		/*
		 * Nad obsahem (#site-content-contain má z-index 3): bez vyšší vrstvy by při skrolu
		 * text sekcí (např. „Nově skladem“) kreslil přes lištu.
		 */
		position: sticky !important;
		z-index: 100 !important;
		isolation: isolate;
		/* Plná šířka — přepíše Tailwind `.container` na #page i boxed breakout. */
		width: 100% !important;
		max-width: none !important;
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		left: 0 !important;
		right: 0 !important;
		box-sizing: border-box !important;
		/* Safe area je v paddingu — pozadí hlavičky vyplní i horní inset (bez ::before + vw triků). */
		padding-top: env(safe-area-inset-top, 0px) !important;
	}

	/*
	 * Přihlášený uživatel: sticky top v 03 je jen výška admin baru — safe-area patří do paddingu hlavičky
	 * (stejně jako bez přihlášení), ne do součtu `top`, jinak vzniká viditelná mezera nad lištou.
	 */
	html body.admin-bar #masthead.site-header {
		padding-top: env(safe-area-inset-top, 0px) !important;
	}

	/*
	 * Woo „Upozornění obchodu“ (zlatá lišta): safe-area drží ona (04-store-notice + body.woocommerce-demo-store),
	 * ne druhý inset na #masthead — jinak vzniká planý pruh mezi lištou a hlavičkou.
	 */
	html body.woocommerce-demo-store #masthead.site-header {
		padding-top: 0 !important;
	}

	/*
	 * Řádek hlavičky (< lg bez hlavního menu): logo vlevo a blok hledání / košík / hamburger vpravo
	 * mají zůstat ve stejné výškové linii (jako na desktopu), ne u horní hrany řádku.
	 */
	html body #masthead.site-header > .mx-auto.flex.min-w-0.max-w-7xl {
		align-items: center !important;
	}

	html body #masthead.site-header > .mx-auto > div.relative.flex.shrink-0.items-center {
		align-items: center !important;
	}

	html body #masthead .grohman_theme-mini-cart__toggle,
	html body #masthead .grohman_theme-mobile-nav-details > summary {
		align-items: center !important;
	}

	html body #masthead .grohman_theme-mini-cart__toggle .ph,
	html body #masthead .grohman_theme-mobile-nav-details > summary .ph {
		line-height: 1 !important;
		display: block !important;
	}

	/*
	 * Celá šířka viewportu — fixed sheet pod hlavičkou až po spod obrazovky.
	 * Summary nad panelem (z-index), aby šlo menu znovu zavřít.
	 */
	html body #masthead .grohman_theme-mobile-nav-details > summary {
		position: relative;
		z-index: 130;
	}

	html body #masthead details .grohman_theme-mobile-nav-drawer {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		z-index: 120 !important;
		top: calc(
			env(safe-area-inset-top, 0px) + var(--wp-admin--admin-bar--height, 0px) +
				var(--grohman-mobile-drawer-top-offset, 5.75rem)
		) !important;
		bottom: 0 !important;
		overflow-y: auto !important;
		overscroll-behavior: contain !important;
		-webkit-overflow-scrolling: touch !important;
		padding: 1.75rem 1.25rem max(1.25rem, env(safe-area-inset-bottom, 0px)) !important;
		border-radius: 0 !important;
		box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45) !important;
		box-sizing: border-box !important;
	}

	#masthead .grohman_theme-primary-menu--drawer a {
		color: rgba(255, 255, 255, 0.94) !important;
	}

	#masthead .grohman_theme-primary-menu--drawer .menu-item {
		position: relative;
	}

	#masthead .grohman_theme-primary-menu--drawer > .menu-item > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0.75rem 0.25rem;
		font-size: 1.125rem;
		line-height: 1.35;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	/*
	 * Drawer akordeon: podmenu jen po klepnutí na šipku (grohman_theme-mobile-drawer-submenu.js).
	 * Výchozí skryté u přímých potomků #grohman-primary-drawer.
	 */
	#masthead #grohman-primary-drawer.grohman_theme-primary-menu--drawer > .menu-item-has-children > .sub-menu {
		display: none !important;
		box-sizing: border-box;
	}

	#masthead #grohman-primary-drawer.grohman_theme-primary-menu--drawer > .menu-item-has-children.grohman_theme-drawer-submenu-open > .sub-menu {
		display: block !important;
	}

	#masthead .grohman_theme-primary-menu--drawer .sub-menu {
		position: static;
		left: auto;
		top: auto;
		transform: none;
		width: 100%;
		min-width: 0;
		margin: 0.15rem 0 0.4rem;
		padding: 0 0 0 0.85rem;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		background: transparent !important;
	}

	/* Šipka u top-level: čitelná velikost + rozumný tap target */
	#masthead .grohman_theme-primary-menu--drawer > .menu-item-has-children > a .grohman_theme-menu-caret {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		min-width: 2.65rem;
		min-height: 2.65rem;
		margin: -0.25rem -0.1rem -0.25rem 0.3rem;
		cursor: pointer;
	}

	#masthead .grohman_theme-primary-menu--drawer > .menu-item-has-children > a .grohman_theme-menu-caret svg {
		display: block;
		width: 1.1rem;
		height: 1.1rem;
		transition: transform 0.22s ease;
		transform-origin: center center;
	}

	#masthead .grohman_theme-primary-menu--drawer > .menu-item-has-children.grohman_theme-drawer-submenu-open > a .grohman_theme-menu-caret svg {
		transform: rotate(180deg);
	}

	/* Mobil: zrušit „zlaté záložky“ z .mega-menu-fabric nad podmenu. */
	#masthead .grohman_theme-primary-menu--drawer .sub-menu.mega-menu-fabric::before,
	#masthead .grohman_theme-primary-menu--drawer .sub-menu.mega-menu-fabric::after {
		display: none !important;
		content: none !important;
	}

	#masthead .grohman_theme-primary-menu--drawer .sub-menu a {
		display: block;
		padding: 0.56rem 0.25rem;
		font-size: 1.0625rem;
		line-height: 1.35;
		letter-spacing: 0.02em;
		text-transform: none;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.86) !important;
		opacity: 1;
	}

	/* Mobil submenu: ikonka vertikálně na střed + čitelná mezera od textu. */
	#masthead .grohman_theme-primary-menu--drawer .sub-menu a.grohman_theme-dropdown-link {
		display: flex !important;
		align-items: center !important;
		width: 100%;
		box-sizing: border-box;
		gap: 0.46rem;
	}

	#masthead .grohman_theme-primary-menu--drawer .sub-menu a .grohman_theme-dropdown-link__icon {
		flex-shrink: 0 !important;
		align-self: center !important;
		margin-right: 0 !important;
		line-height: 1 !important;
		transform: none !important;
		font-size: 1.05rem !important;
	}

	#masthead .grohman_theme-primary-menu--drawer .sub-menu a .grohman_theme-dropdown-link__text {
		line-height: 1.35 !important;
	}

	#masthead .grohman_theme-primary-menu--drawer .sub-menu a.grohman_theme-dropdown-link:hover,
	#masthead .grohman_theme-primary-menu--drawer .sub-menu a.grohman_theme-dropdown-link:focus-visible {
		color: var(--sk-color-brand, #d4af37) !important;
		-webkit-text-fill-color: var(--sk-color-brand, #d4af37) !important;
		text-shadow:
			0 0 8px rgba(212, 175, 55, 0.28),
			0 0 14px rgba(212, 175, 55, 0.14);
	}

	#masthead .grohman_theme-primary-menu--drawer .sub-menu a.grohman_theme-dropdown-link:hover .grohman_theme-dropdown-link__icon,
	#masthead .grohman_theme-primary-menu--drawer .sub-menu a.grohman_theme-dropdown-link:focus-visible .grohman_theme-dropdown-link__icon {
		color: var(--sk-color-brand, #d4af37) !important;
	}
}

/* Úzký mobil: název a cena na kartách (shop + úvod), lehce menší než předchozí bump */
@media (max-width: 767px) {
	html body .woocommerce ul.products li.product h3.grohman_theme-loop-product-title,
	#grohman_theme-home-new-products h3.grohman_theme-loop-product-title {
		font-size: clamp(1.125rem, 1rem + 0.5vw, 1.35rem) !important;
		line-height: 1.3 !important;
	}

	html body .woocommerce ul.products li.product .grohman_theme-loop-price,
	#grohman_theme-home-new-products .grohman_theme-loop-price {
		font-size: 1.125rem !important;
		line-height: 1.4 !important;
	}

	html body .woocommerce ul.products li.product .grohman_theme-loop-price del,
	#grohman_theme-home-new-products .grohman_theme-loop-price del {
		font-size: 0.9375rem !important;
	}
}

/* Mega menu desktop positioning: one authoritative offset rule */
@media (min-width: 1024px) {
	html body #masthead.site-header .grohman_theme-primary-menu > .menu-item.grohman_theme-has-shop-mega > .sub-menu.grohman_theme-mega-shop-list {
		left: -2.4rem !important;
		right: auto !important;
		transform: none !important;
		width: min(52rem, calc(100vw - 2rem)) !important;
		max-width: calc(100vw - 2rem) !important;
	}
}

/* Desktop submenu spacing: keep visible gap under top-level item (final override layer). */
@media (min-width: 1024px) {
	html body #masthead.site-header .grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega) > .sub-menu.grohman_theme-dropdown-panel {
		top: 100% !important;
		margin-top: 1.25rem !important;
		transform: translate(-50%, 0) !important;
	}

	html body #masthead.site-header .grohman_theme-primary-menu > .menu-item.menu-item-has-children::after {
		height: 1.45rem !important;
	}

	html body #masthead.site-header .grohman_theme-primary-menu > .menu-item:not(.grohman_theme-has-shop-mega) > .sub-menu.grohman_theme-dropdown-panel::after {
		height: 1.25rem !important;
	}

	/* Final hover color override: legacy/base rules vracejí bílou, proto až v poslední vrstvě. */
	html body #masthead.site-header .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel .menu-item > a.grohman_theme-dropdown-link:hover,
	html body #masthead.site-header .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel .menu-item > a.grohman_theme-dropdown-link:focus-visible {
		color: var(--sk-color-brand, #d4af37) !important;
		-webkit-text-fill-color: var(--sk-color-brand, #d4af37) !important;
		text-shadow:
			0 0 8px rgba(212, 175, 55, 0.32),
			0 0 16px rgba(212, 175, 55, 0.18) !important;
	}

	html body #masthead.site-header .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel .menu-item > a.grohman_theme-dropdown-link:hover .grohman_theme-dropdown-link__text,
	html body #masthead.site-header .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel .menu-item > a.grohman_theme-dropdown-link:focus-visible .grohman_theme-dropdown-link__text {
		color: var(--sk-color-brand, #d4af37) !important;
		-webkit-text-fill-color: var(--sk-color-brand, #d4af37) !important;
	}

	html body #masthead.site-header .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel .menu-item.current-menu-item > a.grohman_theme-dropdown-link,
	html body #masthead.site-header .grohman_theme-primary-menu .sub-menu.grohman_theme-dropdown-panel .menu-item.current-menu-item > a.grohman_theme-dropdown-link .grohman_theme-dropdown-link__text {
		color: var(--sk-color-brand-dark, #b38f55) !important;
		-webkit-text-fill-color: var(--sk-color-brand-dark, #b38f55) !important;
		text-shadow:
			0 0 8px rgba(179, 143, 85, 0.3),
			0 0 14px rgba(179, 143, 85, 0.16) !important;
	}

	/* Mega menu: line spacing inside wrapped subcategory label. */
	html body #masthead.site-header .grohman_theme-primary-menu .sub-menu.grohman_theme-mega-shop-list .grohman_theme-mega-shop__subcat {
		display: block !important;
		line-height: 1.62 !important;
		white-space: normal !important;
	}

}

/* Home category showcase: 2-column tablet stage instead of long 1-column */
@media (min-width: 640px) and (max-width: 1023px) {
	.grohman_theme-category-showcase__grid--asymmetric {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
	}

	.grohman_theme-category-showcase__card--feature {
		grid-column: 1 / -1;
		min-height: 15rem;
	}
}

/* Trust row: avoid cramped 3-column layout on small phones/phablets */
@media (min-width: 640px) and (max-width: 767px) {
	.grohman_theme-hero-trust__list {
		grid-template-columns: 1fr;
		gap: 1.1rem;
	}

	.grohman_theme-hero-trust__item {
		gap: 0.8rem;
	}
}

/* Mini-cart dropdown: improve tiny and touch screens */
@media (hover: none), (pointer: coarse) {
	.grohman_theme-mini-cart__dropdown {
		right: -0.25rem;
		width: min(calc(100vw - 1rem), 22rem);
	}

	.grohman_theme-mini-cart__inner {
		max-height: min(60vh, 20rem);
	}
}

@media (max-width: 359px) {
	.grohman_theme-mini-cart__dropdown {
		right: -0.25rem;
		width: calc(100vw - 0.5rem);
	}
}

/* Mini-cart CTA: match hero explore button behavior across contexts. */
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--checkout,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta--checkout,
html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.checkout {
	background-color: var(--sk-color-brand, #d4af37) !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: var(--sk-color-brand, #d4af37) !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--view-cart:hover,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--view-cart:focus-visible,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta--cart:hover,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta--cart:focus-visible,
html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover,
html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):focus-visible {
	background-color: var(--sk-color-brand-dark, #0f172a) !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: var(--sk-color-brand-dark, #0f172a) !important;
	transform: translateY(-1px) !important;
}

html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--checkout:hover,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__buttons-custom .grohman_theme-mini-cart__btn--checkout:focus-visible,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta--checkout:hover,
html body .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta--checkout:focus-visible,
html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.checkout:hover,
html body .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons a.button.checkout:focus-visible {
	background-color: var(--sk-color-brand-dark, #0f172a) !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: var(--sk-color-brand-dark, #0f172a) !important;
	transform: translateY(-1px) !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0.72rem 0.8rem 0.46rem !important;
	border: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-bottom: none !important;
	border-top: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-radius: 0.62rem 0.62rem 0 0 !important;
	background: rgba(22, 23, 29, 0.9) !important;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total,
body:not(.woocommerce-cart):not(.woocommerce-checkout) .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border: none !important;
	border-radius: 0.62rem 0.62rem 0 0 !important;
	background: rgba(22, 23, 29, 0.9) !important;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons,
body:not(.woocommerce-cart):not(.woocommerce-checkout) .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons.grohman_theme-mini-cart__buttons-custom,
body:not(.woocommerce-cart):not(.woocommerce-checkout) .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row {
	margin-top: 0 !important;
	border: none !important;
	border-radius: 0 0 0.62rem 0.62rem !important;
	background: rgba(22, 23, 29, 0.9) !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons.grohman_theme-mini-cart__buttons-custom,
body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons.grohman_theme-mini-cart__buttons-custom,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row {
	margin-top: 0 !important;
	padding: 0.58rem 0.8rem 0.86rem !important;
	border: 1px solid rgba(212, 175, 55, 0.2) !important;
	border-top: none !important;
	border-radius: 0 0 0.62rem 0.62rem !important;
	background: rgba(22, 23, 29, 0.9) !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total + .woocommerce-mini-cart__buttons,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total + .woocommerce-mini-cart__buttons,
body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom + .woocommerce-mini-cart__buttons,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom + .woocommerce-mini-cart__buttons,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total + .woocommerce-mini-cart__buttons,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom + .woocommerce-mini-cart__buttons {
	border-top: none !important;
	box-shadow: none !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total,
body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons.grohman_theme-mini-cart__buttons-custom,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons.grohman_theme-mini-cart__buttons-custom,
body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons.grohman_theme-mini-cart__buttons-custom,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart-cta-row {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total::before,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total::before,
body.woocommerce-cart .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons::before,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons::before,
body.woocommerce-cart .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom::before,
body.woocommerce-checkout .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom::before,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__total.total::before,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .woocommerce-mini-cart__buttons::before,
.grohman_theme-mini-cart-fragment.grohman_theme-mini-cart--cart-context .grohman_theme-mini-cart__inner .grohman_theme-mini-cart__subtotal-custom::before {
	content: none !important;
	display: none !important;
}


/* 24-page-hero-surfaces.css */
/**
 * 24 — Page hero surfaces (shop + archive headings)
 * Final visual override over legacy imported styles.
 */

:root {
	/* Vizual ze vzoru Kontakty: tmavý foto pás pod hlavičkou. */
	--grohman_theme-hero-surface: #181818;
}

/* Shop + taxonomy heading block */
.grohman_theme-shop-hero::before {
	background:
		linear-gradient(
			to top,
			#181818 0%,
			#181818 12%,
			rgba(24, 24, 24, 0.94) 28%,
			rgba(24, 24, 24, 0.72) 48%,
			rgba(24, 24, 24, 0.35) 72%,
			transparent 100%
		),
		linear-gradient(rgba(24, 24, 24, 0.78), rgba(24, 24, 24, 0.78)),
		var(--grohman_theme-page-hero-bg, none),
		var(--grohman_theme-hero-surface) !important;
	background-size: cover !important;
	background-position: center !important;
}

.grohman_theme-shop-hero .page-title {
	margin-top: 0 !important;
	font-family: var(--font-heading), "Playfair Display", Georgia, serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	font-optical-sizing: auto;
	letter-spacing: 0.005em;
	color: #ffffff !important;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.grohman_theme-shop-hero .font-handwriting {
	color: rgba(212, 175, 55, 0.92) !important;
}

.grohman_theme-shop-hero .grohman_theme-shop-breadcrumb,
.grohman_theme-shop-hero .woocommerce-breadcrumb {
	color: rgba(255, 255, 255, 0.78) !important;
}

.grohman_theme-shop-hero .woocommerce-breadcrumb a {
	color: rgba(212, 175, 55, 0.95) !important;
}

.grohman_theme-shop-hero .woocommerce-breadcrumb a:hover {
	color: #ffffff !important;
}

.grohman_theme-shop-hero .grohman_theme-breadcrumb-current {
	color: rgba(255, 255, 255, 0.9) !important;
}

.grohman_theme-shop-hero .term-description,
.grohman_theme-shop-hero .woocommerce-products-header__description {
	color: rgba(255, 255, 255, 0.68) !important;
}

/* Archive heading on non-shop pages (archive.php) */
#main > .page-header.grohman_theme-archive-hero {
	position: relative;
	margin: 0 0 2.25rem;
	padding: 2.25rem 1rem 2.15rem;
	text-align: center;
	overflow: hidden;
}

#main > .page-header.grohman_theme-archive-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(
			to top,
			#181818 0%,
			#181818 12%,
			rgba(24, 24, 24, 0.94) 28%,
			rgba(24, 24, 24, 0.72) 48%,
			rgba(24, 24, 24, 0.35) 72%,
			transparent 100%
		),
		linear-gradient(rgba(24, 24, 24, 0.78), rgba(24, 24, 24, 0.78)),
		var(--grohman_theme-page-hero-bg, none),
		var(--grohman_theme-hero-surface);
	background-size: cover;
	background-position: center;
}

#main > .page-header.grohman_theme-archive-hero > * {
	position: relative;
	z-index: 1;
}

#main > .page-header.grohman_theme-archive-hero .page-title {
	margin: 0;
	font-family: var(--font-heading) !important;
	font-weight: 500 !important;
	color: #ffffff !important;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

#main > .page-header.grohman_theme-archive-hero .taxonomy-description {
	margin: 0.75rem auto 0;
	max-width: 44rem;
	color: rgba(255, 255, 255, 0.72);
}

/*
 * Obchod / kategorie produktů — finální barva ceny v kartě (po Woo + optimalizátorech CSS).
 * -webkit-text-fill-color opraví Safari / „černé“ amount.
 */
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price,
#grohman_theme-home-new-products .grohman_theme-loop-price {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price .price,
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price .woocommerce-Price-amount,
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price ins,
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price ins .woocommerce-Price-amount {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

/* Přeškrtnutá cena — značková barva (odlišení od aktuální ceny jen přeškrtnutím a velikostí v partialu 03). */
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price del .price,
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-amount,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price del .price,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-amount,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price del .price,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-amount,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price del .price,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-amount,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price del .price,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-amount,
#grohman_theme-home-new-products .grohman_theme-loop-price del .price,
#grohman_theme-home-new-products .grohman_theme-loop-price del .woocommerce-Price-amount {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

/*
 * Symbol měny (Kč) je často sourozenec .amount; některé styly (Woo / téma) ho barví šedě.
 * Explicitně sjednotíme s platnou cenou; pravidla pro del * níže zůstávají v platnosti.
 */
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price .woocommerce-Price-currencySymbol,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price .woocommerce-Price-currencySymbol,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price .woocommerce-Price-currencySymbol,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price .woocommerce-Price-currencySymbol,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price .woocommerce-Price-currencySymbol,
#grohman_theme-home-new-products .grohman_theme-loop-price .woocommerce-Price-currencySymbol {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price *,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price *,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price *,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price *,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price *,
#grohman_theme-home-new-products .grohman_theme-loop-price * {
	color: inherit !important;
	-webkit-text-fill-color: inherit !important;
}

#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price del,
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price del *,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price del,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price del *,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price del,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price del *,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price del,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price del *,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price del,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price del *,
#grohman_theme-home-new-products .grohman_theme-loop-price del,
#grohman_theme-home-new-products .grohman_theme-loop-price del * {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-currencySymbol,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-currencySymbol,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-currencySymbol,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-currencySymbol,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price del .woocommerce-Price-currencySymbol,
#grohman_theme-home-new-products .grohman_theme-loop-price del .woocommerce-Price-currencySymbol {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price del bdi,
#grohman_theme-shop-product-loop ul.products li.product .grohman_theme-loop-price del bdi *,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price del bdi,
body.post-type-archive-product .woocommerce ul.products li.product .grohman_theme-loop-price del bdi *,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price del bdi,
body.tax-product_cat .woocommerce ul.products li.product .grohman_theme-loop-price del bdi *,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price del bdi,
body.tax-product_tag .woocommerce ul.products li.product .grohman_theme-loop-price del bdi *,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price del bdi,
body.woocommerce-shop .woocommerce ul.products li.product .grohman_theme-loop-price del bdi *,
#grohman_theme-home-new-products .grohman_theme-loop-price del bdi,
#grohman_theme-home-new-products .grohman_theme-loop-price del bdi * {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

/*
 * Detail produktu — sekce „Mohlo by se vám také líbit" / Up-sells.
 *
 * Karty v `.grohman_theme-related-products` a `.upsells.products` používají stejný partial
 * `template-parts/woocommerce/loop-product-card-inner.php` jako shop, takže mají třídu
 * `.grohman_theme-loop-price`. Pravidla výše ji ale scope-ují podle stránky
 * (`#grohman_theme-shop-product-loop`, `body.post-type-archive-product`, `body.woocommerce-shop`,
 * `#grohman_theme-home-new-products`) — na detailu produktu žádný z těchto kontextů nesedí,
 * takže cena spadla zpět na default Woo (černá). Doplníme jeden cílený scope na PDP.
 *
 * Pravidlo musí pokrýt aktuální cenu (ins / .price / .woocommerce-Price-amount), škrtnutou cenu
 * (del + del *) i symbol měny, aby se zlatá propsala na všechny vnořené uzly Woo price markupu.
 */
body.single-product .grohman_theme-related-products ul.products li.product .grohman_theme-loop-price,
body.single-product .grohman_theme-related-products ul.products li.product .grohman_theme-loop-price *,
body.single-product .upsells.products li.product .grohman_theme-loop-price,
body.single-product .upsells.products li.product .grohman_theme-loop-price * {
	color: var(--sk-color-brand-dark) !important;
	-webkit-text-fill-color: var(--sk-color-brand-dark) !important;
}

/*
 * Produktová karta (loop) — finální vrstva po legacy 15 + Woo CSS.
 * Důvod: pravidla v partialu 03 mají řetěz kratší než celý `html body …` selektor;
 * někdy se pořadím/asset pipeline přepíší — bez tohoto blok se nezmění zaoblení fotky ani štítek.
 */
html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	aspect-ratio: auto !important;
	overflow: visible !important;
	isolation: isolate !important;
	clip-path: none !important;
	background-color: transparent !important;
}

html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link::after,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link::after,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link::after,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link::after,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link::after,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link::after,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link::after {
	content: none !important;
}

html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed {
	position: relative !important;
	inset: auto !important;
	display: block !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	z-index: 0 !important;
}

html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed .grohman_theme-loop-product-img,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed .grohman_theme-loop-product-img,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed .grohman_theme-loop-product-img,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed .grohman_theme-loop-product-img,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed .grohman_theme-loop-product-img,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed .grohman_theme-loop-product-img,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-img-crop--bleed .grohman_theme-loop-product-img {
	position: relative !important;
	inset: auto !important;
	width: 100% !important;
	height: auto !important;
	/* Ostře i dole (dříve jen spodní zaoblení vůči meta). */
	border-radius: 0 !important;
	clip-path: none !important;
	object-fit: contain !important;
	object-position: center top !important;
}

html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges {
	position: absolute !important;
	right: 0.5rem !important;
	left: auto !important;
	top: 0.5rem !important;
	bottom: auto !important;
	z-index: 12 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	row-gap: 0.25rem !important;
}

html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge {
	position: static !important;
	right: auto !important;
	left: auto !important;
	top: auto !important;
	min-width: 3.85rem !important;
	padding: 0.2rem 0.55rem !important;
	font-size: 0.625rem !important;
	line-height: 1.15 !important;
	letter-spacing: 0.08em !important;
}

html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--sale {
	background-color: var(--rs-wine) !important;
	color: #fff !important;
}

html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka,
html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka,
html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka,
html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka,
html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka,
html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka,
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge--novinka {
	background-color: var(--sk-color-brand, #d4af37) !important;
	color: var(--color-gray-900, #111827) !important;
}

/*
 * Úvodní sekce: dorovnání vertikálního rytmu karet na stejné rozestupy jako v shop gridu.
 */
html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media {
	padding-bottom: 1.25rem !important;
}

html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-meta > .flex {
	row-gap: 0.5rem !important;
}

html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-product-card-category {
	margin-bottom: 0 !important;
	line-height: 1 !important;
}

/*
 * Úvodní stránka — tablet + mobil (≤1023px): menší a sjednocené mezery u hero a „Nově skladem“.
 * Od 1024px ↑ platí výhradně Tailwind z hero.php / home-new-products.php (PC beze změny).
 */
@media (max-width: 1023px) {
	html body #grohman_theme-customize-hero.grohman_theme-front-hero-v2--royal {
		padding-top: 4.5rem !important;
		padding-bottom: 6rem !important;
	}

	html body #grohman_theme-home-new-products.grohman_theme-content-wide {
		padding-top: 3rem !important;
	}

	html body #grohman_theme-customize-hero .grohman_theme-hero-trust {
		margin-top: 4rem !important;
	}
}

/* Úzký mobil (≤767px): štítky na kartách. */
@media (max-width: 767px) {
	html body #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
	html body.woocommerce-page #grohman_theme-shop-product-loop ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
	html body.post-type-archive-product .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
	html body.tax-product_cat .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
	html body.tax-product_tag .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
	html body.woocommerce-shop .woocommerce ul.products li.product.grohman_theme-wc-loop-card .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge,
	html body #grohman_theme-home-new-products .grohman_theme-loop-product-shell .grohman_theme-loop-product-media-link .grohman_theme-loop-product-badges .grohman_theme-loop-product-badge {
		min-width: 4.75rem !important;
		padding: 0.45rem 0.75rem !important;
		font-size: 0.875rem !important;
		line-height: 1.2 !important;
		letter-spacing: 0.07em !important;
	}
}

/*
 * Košík: partial 15 nastavuje `.woocommerce` na flex ve stejné media query jako theme grid — stejná specificita,
 * 15 vyhraje pořadím. Tady přepíšeme až po načtení 15 (tento soubor je v bundle později než 07).
 */
@media (min-width: 1024px) {
	html body.woocommerce-cart:has(.grohman_theme-cart-layout) .woocommerce:not(:has(.cart-empty)) {
		display: block !important;
		flex-direction: unset !important;
		flex-wrap: unset !important;
		gap: unset !important;
		align-items: unset !important;
	}
}



/* 25-woocommerce-cart-checkout-fonts.css */
/**
 * Košík / pokladna (klasický shortcode): řetězení fontů přes legacy v partial 15 —
 * mj. `.wp-block-heading { ui-sans-serif !important }` přebíjí globální h1/h2 z partial 16 kvůli třídě.
 * Kontejner v #site-content-contain jen proti hlavičce / mini‑košíku.
 */

html body.woocommerce-cart #site-content-contain .woocommerce,
html body.woocommerce-checkout #site-content-contain .woocommerce {
	font-family:
		var(--font-sans),
		Jost,
		ui-sans-serif,
		system-ui,
		sans-serif !important;
}

html body.woocommerce-cart #site-content-contain .woocommerce :is(button, input, textarea, select, optgroup),
html body.woocommerce-checkout #site-content-contain .woocommerce :is(button, input, textarea, select, optgroup) {
	font-family: inherit !important;
}

/* Nadpisy jako zbytek tématu (Playfair): přebije 15 × .wp-block-heading */
html body.woocommerce-cart #site-content-contain .woocommerce :is(h1, h2, h3, h4, h5, h6, .wp-block-heading),
html body.woocommerce-checkout #site-content-contain .woocommerce :is(h1, h2, h3, h4, h5, h6, #order_review_heading, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .wp-block-heading) {
	font-family: var(--font-heading), "Playfair Display", Georgia, serif !important;
}

/* Tabulky: buňky a hlavičky sloupců (PRODUKT, CENA…) — Jost kvůli čitelnosti uppercase */
html body.woocommerce-cart #site-content-contain .woocommerce table.shop_table :is(th, td),
html body.woocommerce-checkout #site-content-contain .woocommerce table.shop_table :is(th, td),
html body.woocommerce-checkout #site-content-contain .woocommerce-checkout-review-order-table :is(th, td),
html body.woocommerce-checkout #site-content-contain #order_review :is(th, td),
html body.woocommerce-cart #site-content-contain .woocommerce .cart-collaterals .cross-sells :is(th, td) {
	font-family: var(--font-sans), Jost, sans-serif !important;
}

/* Blokový košík: tabulka nemá .shop_table — stejný sans jako výše */
html body.woocommerce-cart #site-content-contain .woocommerce table.wc-block-cart-items :is(th, td),
html body.woocommerce-cart #site-content-contain .woocommerce .wc-block-cart-items :is(th, td) {
	font-family: var(--font-sans), Jost, sans-serif !important;
}

/* Nadpisy boxu Celkem (h2 nad tabulkou souhrnu) stejně jako ostatní nadpisy */
html body.woocommerce-cart #site-content-contain .woocommerce .cart_totals > h2,
html body.woocommerce-cart #site-content-contain .woocommerce .shipping_calculator h2 {
	font-family: var(--font-heading), "Playfair Display", Georgia, serif !important;
}

/*
 * Pokladna — tlačítko „Odeslat objednávku" nemá zabírat celý akční řádek (vedle „Návrat do košíku").
 * Partial 15 má width:100%!important pro #place_order i blokový ekvivalent, na mobilu to chceme
 * (úzké displeje), na ≥ 768 px tlačítko zúžíme na intrinsickou šířku obsahu plus rezervní padding.
 */
@media (min-width: 768px) {
	html body.woocommerce-checkout #place_order,
	html body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
	html body.woocommerce-checkout button.wc-block-components-button.wc-block-components-checkout-place-order-button {
		width: auto !important;
		min-width: 14rem !important;
		max-width: 22rem !important;
		padding-inline: 2.5rem !important;
		flex: 0 0 auto !important;
		margin-inline-start: auto !important;
	}
}

/*
 * Pokladna — WooCommerce Blocks inputy.
 * Focus nemá používat černý systémový rámeček; vyplněné/autofill pole nemá zůstat modré.
 */
html body.woocommerce-checkout #site-content-contain .wc-block-components-form,
html body.woocommerce-checkout #site-content-contain .wc-block-components-form :is(input, textarea, select, button, label),
html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input :is(input, textarea, label),
html body.woocommerce-checkout #site-content-contain .wc-block-components-combobox :is(input, label),
html body.woocommerce-checkout #site-content-contain .wc-block-components-select :is(select, label),
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control :is(label, span),
html body.woocommerce-checkout #site-content-contain .wc-block-components-checkbox :is(label, span) {
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input label,
html body.woocommerce-checkout #site-content-contain .wc-block-components-combobox label,
html body.woocommerce-checkout #site-content-contain .wc-block-components-select label,
html body.woocommerce-checkout #site-content-contain .wc-block-components-form .components-base-control__label {
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 500 !important;
}

/*
 * Plovoucí labely (Číslo karty, Datum konce platnosti, Bezpečnostní kód, E-mailová adresa atd.).
 * Partial 15 (řádky 2872+) je obarvuje na světlé `--rs-gold` při is-active / focus-within;
 * tady to sjednocujeme na čitelnější `gold-dark` (stejný odstín jako rámeček vybrané platby/dopravy).
 *
 * Selektory ZÁMĚRNĚ bez prefixu `body.woocommerce-checkout #site-content-contain`:
 * WooPayments (`plugins/woocommerce-payments/dist/blocks-checkout.js`) čte computed style ze
 * syntetického prvku `<div class="wc-block-components-text-input is-active"><label/></div>`,
 * který injektuje do `<body>` MIMO `#site-content-contain`. Plugin tu hodnotu pak posílá
 * do Stripe Appearance API, takže Stripe iframe (Card Element) zobrazí stejný font/barvu jako
 * plovoucí labely v adrese. Když selektor zúžíme, na syntetický prvek se nedostane.
 * Viz `upeThemeLabelSelector: ".wc-block-components-text-input label"` + `validClasses` tamtéž.
 */
html body .wc-block-components-text-input label,
html body .wc-block-components-combobox label,
html body .wc-block-components-textarea label,
html body .wc-block-components-select label,
html body .wc-block-components-form .components-base-control__label {
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
	font-weight: 500 !important;
}

html body .wc-block-components-text-input.is-active label,
html body .wc-block-components-text-input:focus-within label,
html body .wc-block-components-combobox.is-active label,
html body .wc-block-components-combobox:focus-within label,
html body .wc-block-components-textarea.is-active label,
html body .wc-block-components-textarea:focus-within label,
html body .wc-block-components-select.is-active label,
html body .wc-block-components-select:focus-within label {
	color: var(--sk-color-brand-dark, #b38f55) !important;
}

/*
 * Stejně bez checkout prefixu i pro samotný input: WooPayments z hidden clone
 * `.wc-block-components-text-input.is-active #email` počítá `.Input` i `.Tab--selected`.
 * Bez toho může Stripe pro aktivní část pole převzít Woo/browser modrou.
 */
html body .wc-block-components-text-input input,
html body .wc-block-components-text-input textarea,
html body .wc-block-components-combobox input,
html body .wc-block-components-select select {
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
}

html body .wc-block-components-text-input.is-active input,
html body .wc-block-components-text-input.is-active textarea,
html body .wc-block-components-combobox.is-active input,
html body .wc-block-components-select.is-active select {
	background-color: #eef1f4 !important;
	color: var(--color-gray-900, #111827) !important;
	border-color: var(--color-gray-200, #e5e7eb) !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input input:focus,
html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input textarea:focus,
html body.woocommerce-checkout #site-content-contain .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus,
html body.woocommerce-checkout #site-content-contain .wc-block-components-form .wc-block-components-select select:focus,
html body.woocommerce-checkout #site-content-contain .wc-block-components-form select:focus {
	outline: none !important;
	border-color: var(--sk-color-brand-dark, #b38f55) !important;
	box-shadow: 0 0 0 2px rgba(179, 143, 85, 0.28) !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input.is-active input:not(:focus),
html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input.is-active textarea:not(:focus),
html body.woocommerce-checkout #site-content-contain .wc-block-components-combobox.is-active .wc-block-components-combobox-control input.components-combobox-control__input:not(:focus),
html body.woocommerce-checkout #site-content-contain .wc-block-components-form .wc-block-components-select.is-active select:not(:focus),
html body.woocommerce-checkout #site-content-contain .wc-block-components-form select:not(:focus):valid {
	background-color: #eef1f4 !important;
	border-color: var(--color-gray-200, #e5e7eb) !important;
	box-shadow: none !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input input:-webkit-autofill,
html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input textarea:-webkit-autofill,
html body.woocommerce-checkout #site-content-contain .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #eef1f4 inset !important;
	-webkit-text-fill-color: var(--color-gray-900, #111827) !important;
	caret-color: var(--color-gray-900, #111827) !important;
	border-color: var(--color-gray-200, #e5e7eb) !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input input:-webkit-autofill:focus,
html body.woocommerce-checkout #site-content-contain .wc-block-components-text-input textarea:-webkit-autofill:focus,
html body.woocommerce-checkout #site-content-contain .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:-webkit-autofill:focus {
	-webkit-box-shadow:
		0 0 0 1000px #eef1f4 inset,
		0 0 0 2px rgba(179, 143, 85, 0.28) !important;
	border-color: var(--sk-color-brand-dark, #b38f55) !important;
}

/*
 * Pokladna — Možnosti dopravy / Možnosti platby (Woo Checkout Blocks).
 * Vybraná varianta používá gold-dark místo defaultní černé.
 *
 * Woo Blocks (z plugins/woocommerce/.../checkout.css):
 *   - rámeček vybrané položky:
 *       `.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted`
 *       a accordion ekvivalent — `box-shadow: inset 0 0 0 1.5px currentColor`
 *   - vnitřní puntík: `.wc-block-components-radio-control__input:checked::before { background:#000 }`
 *   - okraj inputu: `:checked { border: 1px solid color-mix(in srgb,currentColor 80%,transparent) }`
 *
 * Globální `accent-color: var(--rs-gold)` (partial 15) Woo Blocks ignorují, protože <input>
 * má `appearance:none` a kreslí si tvar sám (border + ::before).
 */
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted,
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	box-shadow: inset 0 0 0 1.5px var(--sk-color-brand-dark, #b38f55) !important;
}

/*
 * Woo Blocks defaultně kreslí 1px „divider“ ::after na horní hraně každé další varianty
 * (mezi položkami v listu). Když uživatel přepne výběr, divider zůstane viditelný NAD
 * vybranou variantou (sourozenecký selektor `--checked-option-highlighted + .__option::after`
 * skrývá jen ::after na následující položce, ne tu vybranou). Schováme ho i u vybrané.
 */
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted::after,
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted::after {
	display: none !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control .wc-block-components-radio-control__input:checked,
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control input[type="radio"]:checked,
html body.woocommerce-checkout #site-content-contain .wc-block-checkout__payment-method input[type="radio"]:checked {
	border-color: var(--sk-color-brand-dark, #b38f55) !important;
	background-color: #ffffff !important;
	accent-color: var(--sk-color-brand-dark, #b38f55) !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before,
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control input[type="radio"]:checked::before,
html body.woocommerce-checkout #site-content-contain .wc-block-checkout__payment-method input[type="radio"]:checked::before {
	background: var(--sk-color-brand-dark, #b38f55) !important;
}

html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control .wc-block-components-radio-control__input:focus-visible,
html body.woocommerce-checkout #site-content-contain .wc-block-components-radio-control input[type="radio"]:focus-visible {
	outline-color: var(--sk-color-brand-dark, #b38f55) !important;
	outline-offset: 2px !important;
}

/*
 * Pokladna — Block checkbox („Pro fakturaci použijte stejnou adresu" apod.).
 * Partial 15 přidává `border: 1px solid` na nativní `__input`, což některé prohlížeče
 * přepne do custom-appearance (zobrazí jen zlaté pozadí bez systémové fajfky).
 * Vrátíme nativní vzhled + zajistíme, že fajfka v `__mark` (SVG i HTML span variantu) bude bílá.
 */
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	appearance: auto !important;
	-webkit-appearance: auto !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	width: 1.125rem !important;
	height: 1.125rem !important;
	accent-color: var(--rs-gold, #d4af37) !important;
}

html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark {
	background-color: var(--rs-gold, #d4af37) !important;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	color: #111111 !important;
	fill: #111111 !important;
}

/* Bez `:checked` — odstraníme i případný legacy border na neaktivním marku, aby vzhled byl konzistentní. */
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__mark {
	box-shadow: none !important;
}

/*
 * Dvojitý rámeček po kliku myší = browserový focus outline na nativním `<input>` (nebo
 * `:focus-within` na labelu). Vyčistíme ho pro klik myší, kvůli přístupnosti necháme prsten
 * zobrazit jen u klávesnicového fokusu (`:focus-visible` — Tab).
 */
html body.woocommerce-checkout .wc-block-components-checkbox:focus-within,
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:focus,
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:focus + .wc-block-components-checkbox__mark {
	outline: none !important;
	box-shadow: none !important;
	border-color: var(--rs-gold, #d4af37) !important;
}

html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:focus-visible + .wc-block-components-checkbox__mark {
	outline: 2px solid rgba(212, 175, 55, 0.6) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark svg,
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark svg *,
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + svg.wc-block-components-checkbox__mark,
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + svg.wc-block-components-checkbox__mark * {
	color: #111111 !important;
	fill: #111111 !important;
	stroke: #111111 !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/*
 * Fallback: pokud `__mark` je HTML span bez SVG potomka, vykreslíme fajfku přes background-image
 * (data-URI). U SVG `__mark` `:not(svg)` selektor nezacílí, takže se aplikuje jen tam, kde je potřeba.
 */
html body.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark:not(svg) {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
	background-size: 75% !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}


/* 26-contact-showroom-layout.css */
/**
 * Kontaktní stránka (showroom grid, podpora FAQ, VIP) — vlastní rozvržení mimo Tailwind JIT
 * (třídy typu md:grid-cols-12 často nevygeneruje build, pokud nejsou v @source použité jinde).
 */

.grohman_theme-contact-page {
	min-width: 0;
	width: 100%;
}

/*
 * Contact Template (O nás / kontakty): Instagram pás má záporný spodní margin → přesah do patičky.
 * Globálně má #site-content-contain z-index 3 a patička s zoubky 6 (partial 29) — pás by ležel POD zoubky.
 * Zde obsah raději nad patičku; na úvodní stránce třída .grohman_theme-contact-template není → vrstvení beze změny.
 */
body.grohman_theme-contact-template #site-content-contain.site-content-contain {
	position: relative;
	z-index: 8;
}

/*
 * Galerie showroom: ~66 % hlavní fotka | ~34 % menší foto + hodiny (jako návrh).
 */
.grohman_theme-contact-showroom {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	width: 100%;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.grohman_theme-contact-showroom {
		grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
		align-items: stretch;
		min-height: 500px;
	}
}

.grohman_theme-contact-showroom__main,
.grohman_theme-contact-showroom__aside {
	min-width: 0;
	max-width: 100%;
	position: relative;
}

.grohman_theme-contact-showroom__aside {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* Horní fotka v pravém sloupci: vyplní výšku nad boxem hodin (bez ikony hodin) */
@media (min-width: 768px) {
	.grohman_theme-contact-showroom__secondary {
		flex: 1 1 0;
		min-height: 0;
	}
}

/* Podpora (2 sloupce) + FAQ (~40 % | 60 %) */
.grohman_theme-contact-support {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3rem;
	width: 100%;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	.grohman_theme-contact-support {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
		gap: 4rem;
		align-items: start;
	}
}

/* VIP blok — rozdělení 50 / 50 */
.grohman_theme-contact-vip__row {
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media (min-width: 768px) {
	.grohman_theme-contact-vip__row {
		flex-direction: row;
		align-items: stretch;
	}

	.grohman_theme-contact-vip__media,
	.grohman_theme-contact-vip__copy {
		width: 50%;
		flex: 0 0 auto;
		min-width: 0;
	}

	.grohman_theme-contact-vip__media {
		min-height: 400px;
	}
}

/* =====================================================================
 * Povrchové styly odpovídající návrhu (navrk kontakty) — nezávislé na Tailwind JIT
 *Zlato návrhu #c5a059 — přemapování přes --grohman-contact-accent.
 * ===================================================================== */
#main.grohman_theme-contact-page {
	--grohman-contact-accent: #c5a059;
	--grohman-contact-accent-hover: #b08c4a;
	--grohman-contact-surface-muted: var(--sk-color-surface);
	--grohman-contact-ink: #181818;
}

/* Hero — fotka + přechod uvnitř; spodní hrana sekce je ostrá (bez rozmytí do bílé) */
#main.grohman_theme-contact-page .grohman_theme-contact-hero {
	position: relative;
	background-color: #181818;
}

/*
 * Legacy 15: `section[class*="hero"]` má `padding-top:180px / 130px !important` na ≤1024 / ≤768.
 * Tady to vyrovnáme s desktopovým rytmem (Tailwind `py-10 md:py-12`).
 */
@media (max-width: 1024px) {
	section.grohman_theme-contact-hero {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
}

@media (max-width: 767px) {
	section.grohman_theme-contact-hero {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}
}

.grohman_theme-contact-hero__photo {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	opacity: 0.22;
	pointer-events: none;
}

.grohman_theme-contact-hero__fade {
	position: absolute;
	inset: 0;
	z-index: 1;
	/* Délka „tmavého“ pásu dolů — než se rozsvětlí k fotce */
	background: linear-gradient(
		to top,
		#181818 0%,
		#181818 12%,
		rgba(24, 24, 24, 0.94) 28%,
		rgba(24, 24, 24, 0.72) 48%,
		rgba(24, 24, 24, 0.35) 72%,
		transparent 100%
	);
	pointer-events: none;
}

.grohman_theme-contact-hero__kicker {
	color: var(--grohman-contact-accent);
}

.grohman_theme-contact-hero__rule {
	display: inline-block;
	width: 2rem;
	height: 1px;
	background-color: var(--grohman-contact-accent);
	vertical-align: middle;
}

.grohman_theme-contact-hero__lead {
	max-width: min(92vw, 52rem);
	margin-left: auto;
	margin-right: auto;
	color: rgba(243, 244, 246, 0.96);
	line-height: 1.45;
	font-size: 1.0625rem;
	text-wrap: balance;
}

@supports not (text-wrap: balance) {
	.grohman_theme-contact-hero__lead {
		max-width: min(92vw, 48rem);
	}
}

@media (min-width: 768px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-hero__lead {
		max-width: min(94vw, 56rem);
		line-height: 1.42;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-hero__lead a {
	color: rgba(243, 244, 246, 0.96);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hero__lead a:hover {
	color: #ffffff;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hero h1 {
	font-weight: 500 !important;
	letter-spacing: 0.005em;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

/* Galerie showroom — tmavý film + karta adresy */
.grohman_theme-contact-showroom__shade {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.22);
	transition: opacity 0.45s ease;
	pointer-events: none;
}

.grohman_theme-contact-showroom__main:hover .grohman_theme-contact-showroom__shade {
	opacity: 0;
}

.grohman_theme-contact-pin-card {
	max-width: calc(100% - 3rem);
	border-radius: 0.125rem;
	padding: 1rem 2.5rem 1rem 1rem;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 10px 36px rgba(0, 0, 0, 0.12);
}

.grohman_theme-contact-pin-card h3 {
	margin: 0;
}

.grohman_theme-contact-pin-icon {
	color: var(--grohman-contact-accent);
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-box {
	background-color: #181818 !important;
	color: #f3f4f6;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-title {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	margin: 0 0 1rem;
	color: #ffffff !important;
	font-weight: 600;
	line-height: 1.25;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-title-icon {
	font-size: 1.75rem;
	line-height: 1;
	color: var(--grohman-contact-accent);
}

/*
 * Otevírací doba — grid (Den / Dopoledne / oddělovač / Odpoledne).
 *
 * Každé `<li>` má `display: contents`, takže jeho `<span>`y jsou přímo dětmi gridu
 * a sdílejí sloupce mezi řádky → dopolední slot Soboty se srovná pod dopolední slot
 * Středy–Pátku, i když Pondělí–Úterý má jen odpolední směnu.
 *
 * Sloupec dne je flexibilní (1fr), oba sloty hodin jsou auto-šířka a zarovnané
 * doprava. Roura mezi směnami má vlastní úzký sloupec. „Zavřeno" zabírá všechny
 * časové sloty.
 */
#main.grohman_theme-contact-page .grohman_theme-contact-hours-list {
	list-style: none;
	margin: 0;
	padding: 0;
	color: rgba(209, 213, 219, 0.95);
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto auto;
	column-gap: 0.65rem;
	row-gap: 0;
	align-items: baseline;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-list .grohman_theme-contact-hours-row {
	display: contents;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-day {
	grid-column: 1;
	color: rgba(209, 213, 219, 0.95);
	padding: 0.5rem 0;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-time {
	color: #ffffff !important;
	white-space: nowrap;
	text-align: right;
	padding: 0.5rem 0;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-time--morning {
	grid-column: 2;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-separator {
	grid-column: 3;
	color: rgba(209, 213, 219, 0.95);
	padding: 0.5rem 0;
	text-align: center;
	white-space: nowrap;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-time--afternoon {
	grid-column: 4;
}

/*
 * Zavřený den (Neděle): jedna buňka přes oba sloty hodin a zarovnaná doprava,
 * aby seděla s pravým okrajem ostatních řádků.
 */
#main.grohman_theme-contact-page .grohman_theme-contact-hours-closed {
	color: var(--grohman-contact-accent) !important;
	grid-column: 2 / span 3;
	padding: 0.5rem 0;
	text-align: right;
	white-space: nowrap;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-footnote {
	color: rgba(156, 163, 175, 0.95) !important;
}

/*
 * Spodní hranice pod každým řádkem (kromě posledního) je samostatný grid item
 * přes všechny sloupce. Tím se čára nepřerušuje a prázdné časové sloty ji neposouvají.
 */
#main.grohman_theme-contact-page .grohman_theme-contact-hours-rule {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	grid-column: 1 / -1;
	height: 0;
}

#main.grohman_theme-contact-page .grohman_theme-contact-hours-list .grohman_theme-contact-hours-row:last-child .grohman_theme-contact-hours-rule {
	display: none;
}

/* Úvod showroomu — odkazy jako běžný text (šedý), ne výchozí černá */
#main.grohman_theme-contact-page .grohman_theme-contact-showroom-intro,
#main.grohman_theme-contact-page .grohman_theme-contact-showroom-intro p {
	color: #6b7280;
}

#main.grohman_theme-contact-page .grohman_theme-contact-showroom-intro a {
	color: #6b7280;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

#main.grohman_theme-contact-page .grohman_theme-contact-showroom-intro a:hover {
	color: #4b5563;
}

#main.grohman_theme-contact-page .grohman_theme-contact-pin-card a {
	color: #4b5563;
	text-decoration: none;
}

#main.grohman_theme-contact-page .grohman_theme-contact-pin-card a:hover {
	color: var(--grohman-contact-accent);
	text-decoration: underline;
}

/* Krémové pozadí jako ve vzoru (#F7F6F2) — podpora + pruh s formulářem */
#main.grohman_theme-contact-page > section.bg-white,
#main.grohman_theme-contact-page .grohman_theme-contact-support-section,
#main.grohman_theme-contact-page .grohman_theme-contact-cream-band {
	background-color: var(--sk-color-surface) !important;
	background-image: var(--sk-premium-texture-bg-image) !important;
}

/*
 * Mezera mezi blokem showroomu a sekcí Podpora/FAQ. Tailwind utility na sekci
 * je `py-16 md:py-24` (64/96 px) — kombinace s py showroomu nahoře dělá až
 * 160 px, což klient hodnotí jako moc. Přebíjíme jen TOP padding, bottom
 * (kvůli odsazení od patičky) zůstává.
 */
#main.grohman_theme-contact-page .grohman_theme-contact-support-section {
	padding-top: 0.5rem;
}

@media (min-width: 768px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-support-section {
		padding-top: 1.25rem;
	}
}

/* Podpora – „Podpora“ štítek + karty */
.grohman_theme-contact-support-kicker {
	color: var(--grohman-contact-accent);
	font-weight: 700;
	font-size: 0.875rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#main.grohman_theme-contact-page #showroom h2.font-heading {
	font-weight: 600;
}

#main.grohman_theme-contact-page .grohman_theme-contact-tile {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
	padding: 1.25rem;
	border-radius: 0.25rem;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: #ffffff;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
	transition: box-shadow 0.3s ease;
}

#main.grohman_theme-contact-page .grohman_theme-contact-tile:hover {
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07);
}

#main.grohman_theme-contact-page .grohman_theme-contact-tile-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 3.5rem;
	height: 3.5rem;
	min-width: 3.5rem;
	min-height: 3.5rem;
	border-radius: 50%;
	padding: 0;
	border: none;
	background: rgba(197, 160, 89, 0.1);
	color: var(--grohman-contact-accent);
}

#main.grohman_theme-contact-page .grohman_theme-contact-tile-icon-glyph {
	font-size: 1.375rem;
	line-height: 1;
}

.grohman_theme-contact-phone-link {
	color: var(--grohman-contact-accent);
}

/* E-mail jako tmavý text (vzor), ne šedá — font zůstává z šablony (font-heading) */
#main.grohman_theme-contact-page .grohman_theme-contact-email-link {
	color: var(--grohman-contact-ink);
	text-decoration: none;
}

#main.grohman_theme-contact-page .grohman_theme-contact-email-link:hover {
	color: var(--grohman-contact-accent);
	text-decoration: underline;
	text-underline-offset: 0.12em;
}

#main.grohman_theme-contact-page .grohman_theme-contact-faq-item p a {
	color: #6b7280;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

#main.grohman_theme-contact-page .grohman_theme-contact-faq-item p a:hover {
	color: #4b5563;
}

/* FAQ karty */
.grohman_theme-contact-faq-item {
	border-left: 4px solid transparent;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.grohman_theme-contact-faq-item:hover {
	border-left-color: var(--grohman-contact-accent);
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);
}

.grohman_theme-contact-faq-ico {
	color: var(--grohman-contact-accent);
	font-size: 1.25rem;
	line-height: 1;
}

#main.grohman_theme-contact-page .grohman_theme-contact-faq-item > p {
	margin-top: 0.25rem;
	margin-left: 2rem;
	margin-bottom: 0;
}

/* Parkování — tmavý blok (Tailwind bg u JIT často chybí; plné CSS jako ve vzoru) */
#main.grohman_theme-contact-page .grohman_theme-contact-parking {
	border-top: 4px solid var(--grohman-contact-accent);
	background-color: #1c1c1b;
	color: #ffffff;
}

#main.grohman_theme-contact-page .grohman_theme-contact-parking-title {
	color: #ffffff;
}

#main.grohman_theme-contact-page .grohman_theme-contact-parking-text {
	color: rgba(229, 231, 235, 0.95);
}

#main.grohman_theme-contact-page .grohman_theme-contact-parking-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 3.75rem;
	height: 3.75rem;
	min-width: 3.75rem;
	min-height: 3.75rem;
	padding: 0;
	border-radius: 50%;
	aspect-ratio: 1;
	background: rgba(255, 255, 255, 0.08);
	color: var(--grohman-contact-accent);
}

#main.grohman_theme-contact-page .grohman_theme-contact-parking-ico .ph {
	font-size: 1.75rem;
	line-height: 1;
}

#main.grohman_theme-contact-page .grohman_theme-contact-maps-link {
	color: var(--grohman-contact-accent);
	text-decoration: none;
}

#main.grohman_theme-contact-page .grohman_theme-contact-maps-link:hover {
	color: #f5e6c8;
}

/* VIP pruh — plné tmavé pozadí (Tailwind bg-[#181818] u JIT často chybí) */
#main.grohman_theme-contact-page .grohman_theme-contact-vip-card {
	background-color: #181818;
	color: #f9fafb;
}

#main.grohman_theme-contact-page .grohman_theme-contact-vip__copy {
	background-color: #181818;
}

.grohman_theme-contact-vip__texture {
	opacity: 0.18;
}

.grohman_theme-contact-vip__label {
	color: var(--grohman-contact-accent);
}

.grohman_theme-contact-vip__label .ph {
	color: var(--grohman-contact-accent);
}

/* Stejně velké kruhové podložky a ikony Phosphor (káva / pravítko / cena) */
#main.grohman_theme-contact-page .grohman_theme-contact-vip__bullet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 2.5rem;
	height: 2.5rem;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0;
	border-radius: 50%;
	flex-shrink: 0;
	background: rgba(197, 160, 89, 0.22);
	color: var(--grohman-contact-accent);
}

#main.grohman_theme-contact-page .grohman_theme-contact-vip__bullet-icon {
	font-size: 1.25rem;
	line-height: 1;
	display: block;
	color: var(--grohman-contact-accent);
}

#main.grohman_theme-contact-page .grohman_theme-contact-vip__cta-calendar {
	font-size: 1.25rem;
	line-height: 1;
	margin-left: 0.125rem;
}

#main.grohman_theme-contact-page .grohman_theme-contact-vip__list-text {
	color: rgba(229, 231, 235, 0.96);
	padding-top: 0.2rem;
}

#main.grohman_theme-contact-page .grohman_theme-contact-vip__copy > p {
	color: rgba(209, 213, 219, 0.95);
}

.grohman_theme-contact-vip__cta {
	background-color: var(--grohman-contact-accent);
}

.grohman_theme-contact-vip__cta:hover {
	background-color: var(--grohman-contact-accent-hover);
}

/*
 * Instagram pás — překryv patičky: záporné okraje táhnou #colophon nahoru (viz partial 20).
 * transform: translateY() mění jen vykreslení, ne tok dokumentu → nepřekrývalo patičku.
 */
#main.grohman_theme-contact-page .grohman_theme-contact-instagram-outer {
	max-width: min(100%, 56rem);
	position: relative;
	z-index: 25;
	margin-top: 2.25rem;
	margin-bottom: -4.25rem;
	padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-outer {
		margin-top: 4.25rem;
		margin-bottom: -5rem;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-bar {
	position: relative;
	overflow: hidden;
	background-color: #1a1a1a;
	border-left: 3px solid var(--grohman-contact-accent);
	border-radius: 0.125rem;
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
	min-height: 7.5rem;
}

/*
 * Vzor musí být vidět bez mix-blend-mode (na tmavém pozadí často zmizí).
 * Normální vrstva + vyšší krytí; jemný světlý „nádech“ přes ::before.
 */
#main.grohman_theme-contact-page .grohman_theme-contact-instagram-texture {
	position: absolute;
	inset: 0;
	background-image: url("https://www.transparenttextures.com/patterns/cubes.png");
	background-size: auto;
	background-repeat: repeat;
	opacity: 0.62;
	pointer-events: none;
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-texture::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(255, 255, 255, 0.06);
	pointer-events: none;
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-texture::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, 0.12) 100%);
	pointer-events: none;
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: space-between;
	gap: 1rem;
	min-height: 7.5rem;
	padding: 1.25rem 1.1rem 1.25rem 0.95rem;
}

@media (min-width: 768px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-inner {
		flex-direction: row;
		align-items: center;
		gap: 1.5rem;
		min-height: 8.75rem;
		padding: 1.65rem 2rem 1.65rem 1.6rem;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-main {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 1rem;
	flex: 1;
	min-width: 0;
	text-align: left;
}

@media (min-width: 640px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-main {
		align-items: center;
		gap: 1.25rem;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-ico-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	border: 1px solid rgba(197, 160, 89, 0.42);
	background: rgba(197, 160, 89, 0.09);
	color: var(--grohman-contact-accent);
	box-sizing: border-box;
}

@media (max-width: 639px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-ico-wrap {
		width: 4rem;
		height: 4rem;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-ico-inner {
	font-size: 2.5rem;
	line-height: 1;
}

@media (max-width: 639px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-ico-inner {
		font-size: 2rem;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-title {
	margin: 0 0 0.3rem;
	color: #ffffff;
	font-size: clamp(1.25rem, 2.2vw, 1.625rem);
	font-weight: 500;
	line-height: 1.2;
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-lead {
	margin: 0;
	max-width: none;
	color: rgba(243, 244, 246, 0.93);
	line-height: 1.45;
}

@media (min-width: 768px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-main {
		flex: 1 1 65%;
		min-width: 0;
	}

	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-copy {
		min-width: 0;
	}

	/* Dostatečná šířka řádku → typicky dva řádky jako ve vzoru (bez umělého <br>) */
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-lead {
		max-width: min(100%, 38rem);
		line-height: 1.5;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-cta-wrap {
	display: flex;
	width: 100%;
	justify-content: stretch;
	flex-shrink: 0;
}

@media (min-width: 768px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-cta-wrap {
		width: auto;
		justify-content: flex-end;
		align-self: center;
	}
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-cta {
	background-color: var(--grohman-contact-accent);
	min-height: 2.5rem;
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-cta:hover {
	background-color: var(--grohman-contact-accent-hover);
}

#main.grohman_theme-contact-page .grohman_theme-contact-instagram-cta:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.65);
	outline-offset: 3px;
}

/* Meziprostor pod přetaženým pásem — patička má vlastní padding-top (partial 20 + Tailwind) */
#main.grohman_theme-contact-page .grohman_theme-contact-instagram-spacer {
	height: 2.75rem;
}

@media (min-width: 768px) {
	#main.grohman_theme-contact-page .grohman_theme-contact-instagram-spacer {
		height: 3.25rem;
	}
}



/* 27-woocommerce-account.css */
/**
 * WooCommerce — Můj účet.
 * Systémová vrstva nad klasickým Woo markupem bez template override.
 */

html body.woocommerce-account #site-content-contain .woocommerce {
	--grohman-account-border: color-mix(in srgb, var(--sk-color-brand) 24%, var(--color-gray-200));
	--grohman-account-shadow: 0 18px 45px rgba(17, 24, 39, 0.06);
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
	color: var(--color-gray-800);
}

/* Zabraňuje mobilním engineům nafukovat text na úzkých viewportech — nesahá na desktopové px název. */
html body.woocommerce-account {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

html body.woocommerce-account #site-content-contain .woocommerce :is(button, input, textarea, select, optgroup) {
	font-family: inherit !important;
}

html body.woocommerce-account #site-content-contain .woocommerce :is(h2, h3, h4, legend, .wp-block-heading) {
	font-family: var(--font-heading), "Playfair Display", Georgia, serif !important;
	font-weight: 500 !important;
	color: var(--color-gray-900);
}

/* Odstranit omezení šířky (70rem), pokud v něm má být Můj účet vedle sebe (šířka už je daná kontejnerem .site-content-contain) */
html body.woocommerce-account #site-content-contain .entry-content > .woocommerce {
	max-width: none;
	margin-inline: auto;
}

/* Nepřihlášený stav: přihlášení + registrace jako dvě prémiové karty. */
html body.woocommerce-account #site-content-contain #customer_login {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	align-items: stretch;
}

@media (min-width: 900px) {
	html body.woocommerce-account #site-content-contain #customer_login {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(2rem, 5vw, 4rem);
	}
}

html body.woocommerce-account #site-content-contain #customer_login::before,
html body.woocommerce-account #site-content-contain #customer_login::after {
	content: none !important;
}

/*
 * Pozor: globální width:auto na .woocommerce-MyAccount-navigation rozbije flex řádek u přihlášených
 * (sidebar zmizí / zkolabuje na 0 — šířku má určovat flex v sekci „Přihlášený stav“ níže).
 */
html body.woocommerce-account #site-content-contain #customer_login > .u-column1,
html body.woocommerce-account #site-content-contain #customer_login > .u-column2 {
	float: none !important;
	width: auto !important;
}

html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-content,
html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-navigation {
	float: none !important;
}

html body.woocommerce-account #site-content-contain #customer_login > .u-column1,
html body.woocommerce-account #site-content-contain #customer_login > .u-column2 {
	min-width: 0;
	display: flex;
	flex-direction: column;
	/* Odlišné pozadí sloupce vůči kartě formuláře (legacy / prohlížeč) */
	background: transparent !important;
}

/*
 * Mobil: Woo / legacy často nechává .u-column1/.u-column2 jako float + šířku ~48 % → překryv sloupců.
 * Vynutíme pod sebou: přihlášení nahoře, registrace dole (pořadí v HTML).
 */
@media (max-width: 899px) {
	html body.woocommerce-account:not(.logged-in) #site-content-contain #customer_login.u-columns.col2-set {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 1.5rem !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		clear: both !important;
		position: relative !important;
		overflow: visible !important;
		height: auto !important;
		min-height: 0 !important;
	}

	html body.woocommerce-account:not(.logged-in) #site-content-contain #customer_login > .u-column1.col-1,
	html body.woocommerce-account:not(.logged-in) #site-content-contain #customer_login > .u-column2.col-2 {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
		position: relative !important;
		left: 0 !important;
		right: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		clear: both !important;
	}
}

html body.woocommerce-account #site-content-contain #customer_login h2,
html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-content h2,
html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-content h3 {
	margin: 0 0 1rem;
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	line-height: 1.2;
}

html body.woocommerce-account #site-content-contain #customer_login form.login,
html body.woocommerce-account #site-content-contain #customer_login form.register {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/*
 * „Karta“ jen u hostovského přihlášení/registrace — obsah přihlášeného účtu má vlastní box (.woocommerce-MyAccount-content),
 * vnitřní rámeček u formuláře adresy by jinak dělal dvojitý okraj.
 */
html body.woocommerce-account #site-content-contain #customer_login form.login,
html body.woocommerce-account #site-content-contain #customer_login form.register {
	margin: 0 !important;
	padding: clamp(1.25rem, 2.5vw, 1.75rem) !important;
	border: 1px solid var(--grohman-account-border) !important;
	border-radius: 1rem !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.9)),
		var(--sk-color-surface) !important;
	box-shadow: var(--grohman-account-shadow);
}

html body.woocommerce-account #site-content-contain .woocommerce-form-row,
html body.woocommerce-account #site-content-contain .woocommerce form .form-row {
	margin: 0 0 1rem !important;
	padding: 0 !important;
}

html body.woocommerce-account #site-content-contain .woocommerce label {
	display: inline-block;
	margin-bottom: 0.4rem;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--color-gray-800);
}

/*
 * Host (nepřihlášený): obě karty — jednotná velikost „kopie“ jako odstavec „Na váš e-mail bude zaslán …“
 * (.woocommerce-privacy-policy-text). Nadpisy h2 a tlačítka výjimka níže.
 */
html body.woocommerce-account #site-content-contain #customer_login form.login label,
html body.woocommerce-account #site-content-contain #customer_login form.register label {
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	color: var(--color-gray-700) !important;
}

html body.woocommerce-account #site-content-contain #customer_login form.login :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"]),
html body.woocommerce-account #site-content-contain #customer_login form.register :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"]) {
	font-size: 1rem !important;
}

html body.woocommerce-account #site-content-contain #customer_login .woocommerce-privacy-policy-text,
html body.woocommerce-account #site-content-contain #customer_login form.register > p:not(.form-row):not(.woocommerce-form-row) {
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	color: var(--color-gray-700) !important;
}

html body.woocommerce-account #site-content-contain #customer_login .woocommerce-privacy-policy-text a {
	font-size: inherit !important;
}

html body.woocommerce-account #site-content-contain .woocommerce label .required {
	color: var(--sk-color-burgundy);
	text-decoration: none;
}

html body.woocommerce-account #site-content-contain .woocommerce :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select) {
	width: 100%;
	min-height: 2.9rem;
	border: 1px solid color-mix(in srgb, var(--sk-color-brand) 30%, var(--color-gray-300)) !important;
	border-radius: 0.55rem !important;
	background-color: rgba(255, 255, 255, 0.94) !important;
	color: var(--color-gray-900) !important;
	box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.04);
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		background-color 0.18s ease;
}

html body.woocommerce-account #site-content-contain .woocommerce :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select):focus {
	outline: none !important;
	border-color: var(--sk-color-brand) !important;
	background-color: #ffffff !important;
	box-shadow:
		0 0 0 3px color-mix(in srgb, var(--sk-color-brand) 28%, transparent),
		inset 0 1px 2px rgba(17, 24, 39, 0.04);
}

/*
 * Autofill (-webkit-autofill): stejná lehká šedá jako u přihlášení — celý obsah účtu, ne jen #customer_login.
 */
html body.woocommerce-account #site-content-contain .woocommerce :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea):-webkit-autofill,
html body.woocommerce-account #site-content-contain .woocommerce :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea):-webkit-autofill:hover,
html body.woocommerce-account #site-content-contain .woocommerce :is(input.input-text, input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea):-webkit-autofill:focus {
	-webkit-text-fill-color: var(--color-gray-900) !important;
	caret-color: var(--color-gray-900);
	box-shadow:
		0 0 0 1000px var(--color-gray-100) inset,
		inset 0 1px 2px rgba(17, 24, 39, 0.06) !important;
	transition: background-color 99999s ease-out 0s;
}

html body.woocommerce-account #site-content-contain .woocommerce .password-input {
	display: block;
	width: 100%;
}

html body.woocommerce-account #site-content-contain .woocommerce .show-password-input {
	color: var(--sk-color-brand-dark);
}

html body.woocommerce-account #site-content-contain .woocommerce :is(.button, button.button, input.button, a.button),
html body.woocommerce-account #site-content-contain .woocommerce-Button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	margin-top: 0 !important;
	padding: 0.75rem 1.15rem !important;
	border: 1px solid var(--sk-color-brand) !important;
	border-radius: 0.625rem !important;
	background: var(--sk-color-brand) !important;
	color: #ffffff !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	text-decoration: none !important;
	box-shadow: 0 14px 42px -12px rgba(212, 175, 55, 0.5);
	transition:
		transform 0.18s ease,
		background-color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease;
}

html body.woocommerce-account #site-content-contain .woocommerce :is(.button, button.button, input.button, a.button):hover,
html body.woocommerce-account #site-content-contain .woocommerce :is(.button, button.button, input.button, a.button):focus-visible,
html body.woocommerce-account #site-content-contain .woocommerce-Button:hover,
html body.woocommerce-account #site-content-contain .woocommerce-Button:focus-visible {
	transform: translateY(-1px);
	border-color: var(--sk-color-brand-dark) !important;
	background: var(--sk-color-brand-dark) !important;
	color: #ffffff !important;
	box-shadow: 0 14px 42px -12px rgba(212, 175, 55, 0.55);
}

/*
 * Řádek s tlačítkem — Woo šablona má v DOM nejdřív „Zapamatujte si mě“, pak nonce, pak tlačítko.
 * Čistý flex + order umí v některých layoutech divně odsunout tlačítko; grid s grid-column přemapuje sloupce spolehlivě.
 */
html body.woocommerce-account #site-content-contain #customer_login form.woocommerce-form.woocommerce-form-login.login p.form-row:not(.form-row-wide),
html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) {
	display: grid !important;
	grid-template-columns: auto auto;
	justify-content: start;
	justify-items: start;
	align-items: center;
	column-gap: 1.25rem;
	row-gap: 0.35rem;
	width: 100%;
	box-sizing: border-box;
	clear: both;
	min-width: 0;
	margin-top: 0.2rem !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-inline: 0 !important;
	padding-top: 0.5rem !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-indent: 0 !important;
	direction: ltr;
}

@media (max-width: 28rem) {
	html body.woocommerce-account #site-content-contain #customer_login form.woocommerce-form.woocommerce-form-login.login p.form-row:not(.form-row-wide),
	html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) {
		grid-template-columns: 1fr;
		row-gap: 0.5rem;
	}

	html body.woocommerce-account #site-content-contain #customer_login form.woocommerce-form.woocommerce-form-login.login p.form-row:not(.form-row-wide) .woocommerce-form-login__submit,
	html body.woocommerce-account #site-content-contain #customer_login form.woocommerce-form.woocommerce-form-login.login p.form-row:not(.form-row-wide) button[name="login"],
	html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) .woocommerce-form-login__submit,
	html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) button[name="login"] {
		grid-column: 1;
		grid-row: 1;
	}

	html body.woocommerce-account #site-content-contain #customer_login form.woocommerce-form.woocommerce-form-login.login p.form-row:not(.form-row-wide) label.woocommerce-form-login__rememberme,
	html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) label.woocommerce-form-login__rememberme {
		grid-column: 1;
		grid-row: 2;
	}
}

html body.woocommerce-account #site-content-contain .woocommerce form.register p.form-row:not(.form-row-wide) {
	margin-top: 2rem !important;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
}

html body.woocommerce-account #site-content-contain #customer_login form.woocommerce-form.woocommerce-form-login.login p.form-row:not(.form-row-wide) .woocommerce-form-login__submit,
html body.woocommerce-account #site-content-contain #customer_login form.woocommerce-form.woocommerce-form-login.login p.form-row:not(.form-row-wide) button[name="login"],
html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) .woocommerce-form-login__submit,
html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) button[name="login"] {
	margin-left: 0 !important;
	margin-inline-start: 0 !important;
	transform: none !important;
}

/*
 * wp_nonce_field() — skrytá pole nesmí být flex položky (odsunuly by tlačítko od levého okraje).
 */
html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) input[type="hidden"],
html body.woocommerce-account #site-content-contain .woocommerce form.register p.form-row:not(.form-row-wide) input[type="hidden"] {
	display: none !important;
}

/*
 * WooCommerce core: .woocommerce-form-login__submit { float: left; margin-right: 1em; }
 * Starší vrstva v grohman_theme-combined / legacy: `.u-column1 .button { left: 32px }` — široký selektor;
 * musíme přepsat přímo pro #customer_login, jinak vyhraje pořadí v bundlu.
 */
html body.woocommerce-account #site-content-contain #customer_login .u-column1 .button {
	left: 0 !important;
	inset-inline-start: 0 !important;
	position: relative !important;
	top: auto !important;
}

html body.woocommerce-account #site-content-contain .woocommerce form.woocommerce-form-login .woocommerce-form-login__submit,
html body.woocommerce-account #site-content-contain .woocommerce form.login button[name="login"],
html body.woocommerce-account #site-content-contain #customer_login.u-columns > .u-column1.col-1 form.woocommerce-form-login .woocommerce-form-login__submit,
html body.woocommerce-account #site-content-contain #customer_login.u-columns > .u-column1.col-1 form.woocommerce-form-login button[name="login"] {
	grid-column: 1;
	grid-row: 1;
	float: none !important;
	clear: none !important;
	margin: 0 !important;
	position: relative !important;
	left: 0 !important;
	inset-inline-start: 0 !important;
}

/*
 * Checkbox v Woo DOM před tlačítkem — grid-column ho dá vedle submit.
 * margin-bottom 0: globální label pravidlo jinak přidá mezeru pod řádek.
 */
html body.woocommerce-account #site-content-contain .woocommerce form.login p.form-row:not(.form-row-wide) label.woocommerce-form-login__rememberme {
	grid-column: 2;
	grid-row: 1;
	margin-bottom: 0 !important;
}

html body.woocommerce-account #site-content-contain #customer_login form.login .woocommerce-form-login__rememberme {
	color: var(--color-gray-700) !important;
}

html body.woocommerce-account #site-content-contain .woocommerce .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0;
	margin-bottom: 0 !important;
	color: var(--color-gray-600);
}

html body.woocommerce-account #site-content-contain .woocommerce input[type="checkbox"] {
	width: 1rem;
	height: 1rem;
	accent-color: var(--sk-color-brand);
}

html body.woocommerce-account #site-content-contain .woocommerce .lost_password {
	margin: 0.75rem 0 0;
}

html body.woocommerce-account #site-content-contain #customer_login form.login p.lost_password a,
html body.woocommerce-account #site-content-contain #customer_login form.login .lost_password a {
	font-size: 1rem !important;
	line-height: 1.65 !important;
	font-weight: 400 !important;
}

/* Při srovnané výšce karet stáhne odkaz dolů; mezeru nad ním dává flex-grow formuláře. */
html body.woocommerce-account #site-content-contain #customer_login form.login .lost_password {
	margin-top: auto;
	padding-top: 0.75rem;
}

html body.woocommerce-account #site-content-contain .woocommerce a {
	color: var(--sk-color-brand-dark);
	text-decoration: none;
	text-underline-offset: 0.18em;
}

html body.woocommerce-account #site-content-contain .woocommerce a:hover {
	color: var(--sk-color-burgundy-dark);
	text-decoration: underline;
}

html body.woocommerce-account #site-content-contain .woocommerce-privacy-policy-text,
html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-content p {
	color: var(--color-gray-700);
	line-height: 1.65;
}

/*
 * Přehled adres — výchozí Woo má .woocommerce-Address-title .edit float:right.
 * Sloupec: nadpis a odkaz Upravit/Přidat zarovnané vlevo (pod sebou).
 */
html body.woocommerce-account #site-content-contain .woocommerce-Address-title.title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
}

html body.woocommerce-account #site-content-contain .woocommerce-Address-title.title h2 {
	margin: 0;
}

html body.woocommerce-account #site-content-contain .woocommerce-Address-title.title .edit {
	float: none !important;
	clear: both !important;
	margin: 0 !important;
	align-self: flex-start;
}

/* Přihlášený stav: levá navigace + obsah účtu. Použijeme flexbox místo grid + :has(), je to spolehlivější napříč prohlížeči a strukturou */
html body.woocommerce-account.logged-in #site-content-contain .woocommerce {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	align-items: flex-start;
}

@media (min-width: 900px) {
	html body.woocommerce-account.logged-in #site-content-contain .woocommerce {
		flex-direction: row;
		gap: clamp(1.5rem, 4vw, 3rem);
	}
	
	html body.woocommerce-account.logged-in #site-content-contain .woocommerce-MyAccount-navigation {
		flex: 0 0 clamp(13rem, 25%, 17rem);
	}
	
	html body.woocommerce-account.logged-in #site-content-contain .woocommerce-MyAccount-content {
		flex: 1 1 0%;
	}
}

html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-navigation,
html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-content {
	min-width: 0;
	padding: clamp(1.1rem, 2.5vw, 1.5rem);
	border: 1px solid var(--grohman-account-border);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--grohman-account-shadow);
}

html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
}

html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.72rem 0.85rem;
	border-radius: 0.55rem;
	color: var(--color-gray-700);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none !important;
	transition:
		background-color 0.18s ease,
		color 0.18s ease;
}

html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-navigation li.is-active a,
html body.woocommerce-account #site-content-contain .woocommerce-MyAccount-navigation li a:hover {
	background-color: var(--sk-color-brand-light);
	color: var(--sk-color-burgundy-dark);
}

html body.woocommerce-account #site-content-contain .woocommerce table.shop_table {
	overflow: hidden;
	border: 1px solid var(--grohman-account-border) !important;
	border-radius: 0.85rem !important;
	background: #ffffff;
}

html body.woocommerce-account #site-content-contain .woocommerce table.shop_table :is(th, td) {
	padding: 0.85rem 1rem !important;
	border-color: var(--color-gray-200) !important;
	font-family: var(--font-sans), Jost, sans-serif !important;
}

/*
 * WooCommerce .woocommerce-info (prázdné objednávky apod.) — výchozí modrá z core CSS;
 * zafixovat burgundskou paletu (stejná logika jako partial 14, vyšší specificita + !important pro pořadí načtení).
 */
html body.woocommerce-account #site-content-contain .woocommerce .woocommerce-info,
html body.woocommerce-account #content.site-content .woocommerce .woocommerce-info {
	border: 1px solid rgba(107, 30, 46, 0.28) !important;
	background-color: var(--sk-color-burgundy-pale) !important;
	color: var(--color-gray-700) !important;
}

html body.woocommerce-account #site-content-contain .woocommerce .woocommerce-info::before,
html body.woocommerce-account #content.site-content .woocommerce .woocommerce-info::before {
	color: var(--sk-color-burgundy-dark) !important;
}

html body.woocommerce-account #site-content-contain .woocommerce .woocommerce-message,
html body.woocommerce-account #content.site-content .woocommerce .woocommerce-message {
	border: 1px solid rgba(107, 30, 46, 0.28) !important;
	background-color: var(--sk-color-burgundy-pale) !important;
}

html body.woocommerce-account #site-content-contain .woocommerce .woocommerce-message::before,
html body.woocommerce-account #content.site-content .woocommerce .woocommerce-message::before {
	color: var(--sk-color-burgundy-dark) !important;
}


/* 28-woocommerce-native-selects.css */
/**
 * WooCommerce — nativní selecty.
 * Finální systémová vrstva po legacy CSS pro třídění produktů a podobné Woo select prvky.
 */

html body.woocommerce .woocommerce-ordering select.orderby,
html body.woocommerce-page .woocommerce-ordering select.orderby,
html body.post-type-archive-product .woocommerce-ordering select.orderby,
html body.tax-product_cat .woocommerce-ordering select.orderby,
html body.tax-product_tag .woocommerce-ordering select.orderby {
	border-color: color-mix(in srgb, var(--sk-color-brand) 58%, var(--color-gray-200)) !important;
	background-color: var(--color-white) !important;
	background-image:
		linear-gradient(45deg, transparent 50%, var(--sk-color-brand-dark) 50%),
		linear-gradient(135deg, var(--sk-color-brand-dark) 50%, transparent 50%) !important;
	color: var(--color-gray-800) !important;
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
}

html body.woocommerce .woocommerce-ordering select.orderby:hover,
html body.woocommerce-page .woocommerce-ordering select.orderby:hover,
html body.post-type-archive-product .woocommerce-ordering select.orderby:hover,
html body.tax-product_cat .woocommerce-ordering select.orderby:hover,
html body.tax-product_tag .woocommerce-ordering select.orderby:hover,
html body.woocommerce .woocommerce-ordering select.orderby:focus,
html body.woocommerce-page .woocommerce-ordering select.orderby:focus,
html body.post-type-archive-product .woocommerce-ordering select.orderby:focus,
html body.tax-product_cat .woocommerce-ordering select.orderby:focus,
html body.tax-product_tag .woocommerce-ordering select.orderby:focus {
	border-color: var(--sk-color-brand) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--sk-color-brand) 34%, transparent) !important;
}

html body.woocommerce .woocommerce-ordering select.orderby option,
html body.woocommerce-page .woocommerce-ordering select.orderby option {
	background-color: var(--color-white);
	color: var(--color-gray-800);
}

html body.woocommerce .woocommerce-ordering select.orderby option:checked,
html body.woocommerce-page .woocommerce-ordering select.orderby option:checked {
	background:
		linear-gradient(var(--sk-color-brand), var(--sk-color-brand)) !important;
	color: #181818 !important;
}

/*
 * Detail produktu — nativní fallback varianty (bez SelectWoo): jen text + šipka, bez rámečku (viz partial 11).
 */
html body.single-product.woocommerce .grohman_theme-single-product-purchase--variable form.variations_form table.variations select,
html body.single-product.woocommerce-page .grohman_theme-single-product-purchase--variable form.variations_form table.variations select {
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	width: 100%;
	max-width: 100%;
	min-height: 0 !important;
	height: auto !important;
	padding: 0 1.35rem 0 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3E%3C/svg%3E") !important;
	background-position: calc(100% - 0.1rem) 50% !important;
	background-size: 1rem 1rem !important;
	background-repeat: no-repeat !important;
	box-shadow: none !important;
	font-family: var(--font-sans), Jost, ui-sans-serif, system-ui, sans-serif !important;
	font-size: 0.875rem !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	color: var(--color-gray-600) !important;
	cursor: pointer !important;
}

html body.single-product.woocommerce .grohman_theme-single-product-purchase--variable form.variations_form table.variations select:hover,
html body.single-product.woocommerce-page .grohman_theme-single-product-purchase--variable form.variations_form table.variations select:hover,
html body.single-product.woocommerce .grohman_theme-single-product-purchase--variable form.variations_form table.variations select:focus,
html body.single-product.woocommerce-page .grohman_theme-single-product-purchase--variable form.variations_form table.variations select:focus {
	border: none !important;
	box-shadow: none !important;
	outline: none !important;
	color: var(--color-gray-700) !important;
}

html body.single-product.woocommerce .grohman_theme-single-product-purchase--variable form.variations_form table.variations select option,
html body.single-product.woocommerce-page .grohman_theme-single-product-purchase--variable form.variations_form table.variations select option {
	background-color: var(--color-white);
	color: var(--color-gray-800);
}

html body.single-product.woocommerce .grohman_theme-single-product-purchase--variable form.variations_form table.variations select option:checked,
html body.single-product.woocommerce-page .grohman_theme-single-product-purchase--variable form.variations_form table.variations select option:checked {
	background:
		linear-gradient(var(--sk-color-brand), var(--sk-color-brand)) !important;
	color: #181818 !important;
}

/*
 * Legacy RoyalStep (partial 15) nastavuje input.qty na bílé pozadí — přebít až po 15.
 * Stejné třídy jako u legacy, + grohman_theme-product-detail kvůli specificitě.
 */
html body.single-product.woocommerce div.product.grohman_theme-product-detail form.cart .quantity input.qty,
html body.single-product.woocommerce-page div.product.grohman_theme-product-detail form.cart .quantity input.qty {
	background: transparent !important;
	background-color: transparent !important;
	box-shadow: none !important;
}


/* 29-decorative-jagged-edges.css */
/**
 * Dekorativní zoubky podle navrh/navrh_dekorace.html.
 * Systémově pro hero bloky s fotkou a horní hranu patičky.
 */

:root {
	--grohman-jagged-height: 8px;
	--grohman-jagged-width: 16px;
	--grohman-jagged-hero-fill: #181818;
	--grohman-jagged-footer-fill: #111111;
}

.grohman_theme-contact-hero,
.grohman_theme-shop-hero,
#main > .page-header.grohman_theme-archive-hero,
footer.grohman_theme-footer-v2-root.grohman_theme-site-footer {
	position: relative;
}

.grohman_theme-contact-hero,
.grohman_theme-shop-hero,
#main > .page-header.grohman_theme-archive-hero {
	overflow: visible !important;
}

footer.grohman_theme-footer-v2-root.grohman_theme-site-footer {
	/* Musí být nad #site-content-contain (z-index:3), jinak se zoubky schovají pod poslední sekci. */
	z-index: 6 !important;
	overflow: visible;
	margin-top: var(--grohman-jagged-height) !important;
	padding-top: clamp(0.5rem, 1.5vw, 1rem) !important;
	box-shadow: none !important;
}

.grohman_theme-contact-hero::after,
.grohman_theme-shop-hero::after,
#main > .page-header.grohman_theme-archive-hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: calc(-1 * var(--grohman-jagged-height));
	z-index: 12;
	height: var(--grohman-jagged-height);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill='%23181818' d='M0,0 L16,16 L32,0 Z'/%3E%3C/svg%3E");
	background-size: var(--grohman-jagged-width) var(--grohman-jagged-height);
	background-repeat: repeat-x;
	pointer-events: none;
}

footer.grohman_theme-footer-v2-root.grohman_theme-site-footer::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: calc(-1 * var(--grohman-jagged-height));
	z-index: 12;
	height: var(--grohman-jagged-height);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath fill='%23111111' d='M0,16 L16,0 L32,16 Z'/%3E%3C/svg%3E");
	background-size: var(--grohman-jagged-width) var(--grohman-jagged-height);
	background-repeat: repeat-x;
	pointer-events: none;
}


/* 30-woocommerce-order-received.css */
/**
 * Stránka „Objednávka přijata" (WooCommerce thankyou / order-received).
 * Sekce: hlavní zpráva, přehled objednávky, BACS bankovní údaje, podrobnosti, údaje zákazníka.
 * Selektory schválně cílené na .woocommerce-order-received body class, aby nepřesáhly do mého-účtu.
 */

/* Vrchní zpráva „Děkujeme. Vaše objednávka byla přijata.“ — povýšíme na nadpisový rytmus. */
html body.woocommerce-order-received #site-content-contain p.woocommerce-notice.woocommerce-thankyou-order-received,
html body.woocommerce-order-received #site-content-contain p.woocommerce-thankyou-order-received {
	font-family: var(--font-heading), "Playfair Display", Georgia, serif !important;
	font-size: clamp(1.5rem, 1.1rem + 1.5vw, 2.25rem) !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
	color: var(--color-gray-900) !important;
	margin: 0 0 1.5rem !important;
	letter-spacing: -0.01em !important;
}

/* Přehled objednávky (číslo, datum, e-mail, cena, platba) — sjednotit typografii a oddělit zlatým spodním pruhem. */
html body.woocommerce-order-received #site-content-contain ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem 2.5rem;
	margin: 0 0 2.5rem !important;
	padding: 1.25rem 0 1.5rem !important;
	border: 0 !important;
	border-top: 1px solid var(--color-gray-200) !important;
	border-bottom: 1px solid var(--color-gray-200) !important;
	list-style: none !important;
}

html body.woocommerce-order-received #site-content-contain ul.woocommerce-order-overview > li {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-family: var(--font-sans), Jost, sans-serif !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: var(--color-gray-500) !important;
}

html body.woocommerce-order-received #site-content-contain ul.woocommerce-order-overview > li > strong {
	font-family: var(--font-sans), Jost, sans-serif !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--color-gray-900) !important;
}

/* Sekce: bankovní údaje, podrobnosti, údaje zákazníka — společný rytmus + brandový nadpis.
 * Podtržení je gradient z gold do průhledné, šířkou pokračující za textem (block width 100%).
 * To dává „čára na šířku nadpisu se ztrácí doprava".
 */
html body.woocommerce-order-received #site-content-contain h2.wc-bacs-bank-details-heading,
html body.woocommerce-order-received #site-content-contain section.woocommerce-order-details > h2.woocommerce-order-details__title,
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details > h2,
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details h2.woocommerce-column__title {
	font-family: var(--font-heading), "Playfair Display", Georgia, serif !important;
	font-size: clamp(1.25rem, 1rem + 0.9vw, 1.625rem) !important;
	line-height: 1.3 !important;
	font-weight: 600 !important;
	color: var(--color-gray-900) !important;
	margin: 2.5rem 0 1rem !important;
	padding: 0 0 0.5rem !important;
	border: 0 !important;
	background-image: linear-gradient(
		to right,
		var(--sk-color-brand) 0%,
		var(--sk-color-brand) 50%,
		rgba(212, 175, 55, 0) 100%
	) !important;
	background-position: bottom left !important;
	background-size: 100% 2px !important;
	background-repeat: no-repeat !important;
	width: fit-content !important;
	max-width: 100% !important;
}

/* Sekce „Podrobnosti o objednávce" — odsazení od QR kódu / předchozího bloku, jemný background. */
html body.woocommerce-order-received #site-content-contain section.woocommerce-order-details {
	margin-top: 3rem !important;
}

html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details {
	margin-top: 2.5rem !important;
}

/* Tabulka podrobností: lehké pozadí, brand akcent v souhrnu. */
html body.woocommerce-order-received #site-content-contain table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	width: 100% !important;
	margin: 0 0 0 !important;
	border: 1px solid var(--color-gray-200) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 0.5rem !important;
	overflow: hidden !important;
	font-family: var(--font-sans), Jost, sans-serif !important;
}

html body.woocommerce-order-received #site-content-contain table.woocommerce-table.woocommerce-table--order-details thead th {
	background-color: var(--color-gray-50) !important;
	color: var(--color-gray-800) !important;
	font-family: var(--font-sans), Jost, sans-serif !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	padding: 0.85rem 1rem !important;
	border-bottom: 1px solid var(--color-gray-200) !important;
}

html body.woocommerce-order-received #site-content-contain table.woocommerce-table.woocommerce-table--order-details tbody td,
html body.woocommerce-order-received #site-content-contain table.woocommerce-table.woocommerce-table--order-details tfoot td,
html body.woocommerce-order-received #site-content-contain table.woocommerce-table.woocommerce-table--order-details tfoot th {
	padding: 0.85rem 1rem !important;
	border-bottom: 1px solid var(--color-gray-100) !important;
	font-size: 0.95rem !important;
	color: var(--color-gray-800) !important;
}

html body.woocommerce-order-received #site-content-contain table.woocommerce-table.woocommerce-table--order-details tfoot tr:last-child :is(th, td) {
	border-bottom: 0 !important;
	background-color: var(--sk-color-brand-light, #fcf5e8) !important;
	color: var(--color-gray-900) !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
}

/*
 * Adresy zákazníka: WooCommerce má legacy float layout `.col2-set` / `.col-1` / `.col-2`.
 * Přepneme wrapper na CSS Grid, aby se sloupce dorovnaly na stejnou výšku.
 * Mobile (<= 599px) → 1 sloupec.
 */
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details .woocommerce-columns,
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details .col2-set,
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details section.addresses {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-items: stretch !important;
	gap: 1.5rem !important;
	margin: 0 !important;
	float: none !important;
}

@media (max-width: 599px) {
	html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details .woocommerce-columns,
	html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details .col2-set,
	html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details section.addresses {
		grid-template-columns: 1fr !important;
	}
}

html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details .woocommerce-column,
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details .col-1,
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details .col-2 {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

/* Adresa zákazníka — čitelný blok bez kurzívy, dorovnaný na výšku sourozenecké adresy. */
html body.woocommerce-order-received #site-content-contain section.woocommerce-customer-details address {
	flex: 1 1 auto !important;
	height: 100% !important;
	box-sizing: border-box !important;
	font-style: normal !important;
	font-family: var(--font-sans), Jost, sans-serif !important;
	font-size: 1rem !important;
	line-height: 1.6 !important;
	color: var(--color-gray-800) !important;
	padding: 1.25rem 1.5rem !important;
	background-color: var(--color-gray-50) !important;
	border: 1px solid var(--color-gray-200) !important;
	border-radius: 0.5rem !important;
}

/* BACS bankovní údaje — odsazení a jemné pozadí pro výrazný blok. */
html body.woocommerce-order-received #site-content-contain ul.wc-bacs-bank-details.order_details.bacs_details {
	margin: 0 0 1.5rem !important;
	padding: 1.25rem 1.5rem !important;
	background-color: var(--color-gray-50) !important;
	border: 1px solid var(--color-gray-200) !important;
	border-left: 3px solid var(--sk-color-brand) !important;
	border-radius: 0.5rem !important;
	list-style: none !important;
}

html body.woocommerce-order-received #site-content-contain ul.wc-bacs-bank-details > li {
	margin-bottom: 0.65rem;
	padding: 0;
	border: 0;
	font-family: var(--font-sans), Jost, sans-serif !important;
	color: var(--color-gray-800) !important;
}

html body.woocommerce-order-received #site-content-contain ul.wc-bacs-bank-details > li:last-child {
	margin-bottom: 0;
}

html body.woocommerce-order-received #site-content-contain h3.wc-bacs-bank-details-account-name,
html body.woocommerce-order-received #site-content-contain ul.wc-bacs-bank-details h3.wc-bacs-bank-details-account-name {
	font-family: var(--font-heading), "Playfair Display", Georgia, serif !important;
	font-size: 1.125rem !important;
	color: var(--color-gray-900) !important;
	margin: 0 0 1.25rem !important;
	padding: 0 !important;
	border: 0 !important;
}

html body.woocommerce-order-received #site-content-contain h3.wc-bacs-bank-details-account-name + ul.wc-bacs-bank-details.order_details.bacs_details {
	margin-top: 0.25rem !important;
}

html body.woocommerce-order-received #site-content-contain ul.wc-bacs-bank-details ul.wc-bacs-bank-details-account-fields-container {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 0.4rem 1.25rem;
}

html body.woocommerce-order-received #site-content-contain ul.wc-bacs-bank-details ul.wc-bacs-bank-details-account-fields-container > li {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.95rem !important;
}

html body.woocommerce-order-received #site-content-contain ul.wc-bacs-bank-details ul.wc-bacs-bank-details-account-fields-container > li strong {
	color: var(--color-gray-600) !important;
	font-weight: 600 !important;
	margin-right: 0.4rem;
}

/* QR kód platby (např. CzechPay/QRplatba) — nelepit ke spodnímu nadpisu. */
html body.woocommerce-order-received #site-content-contain :is(img[src*="qr"], img[alt*="QR"], .wc-bacs-bank-details + img, .qrplatba) {
	display: block;
	margin: 1rem 0 2rem !important;
}