@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Space+Grotesk:wght@500;600;700&display=swap');
/* src/css/budman.css */
/*
 * budman.css — custom vrstva pro Shoptet šablonu (plain CSS, bez buildu závislého na deps).
 * Tokeny = placeholdery. FINÁLNÍ paleta a typografie se doplní z LOGA (vibe rozhodneme z něj).
 * Nahrává se přes FTP do /user/documents/ a odkazuje v Návrháři šablon.
 */

/* ============================================================= TOKENY === */
:root {
	/* Barvy odvozené z loga (tmavý „street/gear" směr s lime akcentem). */
	--budman-bg: #0e120d;            /* near-black, teple zelený nádech */
	--budman-surface: #171e15;       /* tmavá plocha (header, pruhy) */
	--budman-surface-2: #1c241a;     /* karty */
	--budman-text: #f2f5ec;          /* off-white */
	--budman-muted: #9aa694;         /* tlumený text */
	--budman-line: rgba(255, 255, 255, 0.10);
	--budman-accent: #8fc31f;        /* lime z loga (hlavní akcent) */
	--budman-accent-bright: #b6e635; /* světlejší lime pro hover/pop */
	--budman-accent-2: #4c9a2a;      /* střední zelená */
	--budman-deep: #1e5e20;          /* tmavě zelená */
	--budman-accent-ink: #12160d;    /* text na lime ploše */
	--budman-badge-sale: #e2483f;

	/* Typografie — systémové fonty s latin-ext; brand display font doplníme. */
	--budman-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--budman-font-head: var(--budman-font);

	/* Typografická škála (fluid) */
	--budman-h1: clamp(2rem, 1.4rem + 3vw, 3.5rem);
	--budman-h2: clamp(1.5rem, 1.2rem + 1.6vw, 2.25rem);
	--budman-h3: clamp(1.2rem, 1.05rem + 0.8vw, 1.5rem);

	/* Prostor a tvar */
	--budman-container: 1240px;
	--budman-gutter: clamp(1rem, 4vw, 2.5rem);
	--budman-radius: 14px;
	--budman-radius-sm: 8px;
	--budman-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
	--budman-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);

	/* Pohyb */
	--budman-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--budman-dur: 0.5s;
}

/* ============================================================ POMOCNÉ === */
.budman-container {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding-inline: var(--budman-gutter);
}

/* ====================================================== SCROLL-REVEAL === */
/* Páruje se s budman.js: [data-reveal] start, .is-revealed cíl. */
[data-reveal] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity var(--budman-dur) var(--budman-ease),
		transform var(--budman-dur) var(--budman-ease);
	will-change: opacity, transform;
}
[data-reveal].is-revealed {
	opacity: 1;
	transform: none;
}
/* Volitelné zpoždění pro kaskádu */
[data-reveal-delay="1"] { transition-delay: 0.08s; }
[data-reveal-delay="2"] { transition-delay: 0.16s; }
[data-reveal-delay="3"] { transition-delay: 0.24s; }

/* ====================================================== STICKY HEADER === */
[data-sticky-header] {
	transition: box-shadow var(--budman-dur) var(--budman-ease),
		background-color var(--budman-dur) var(--budman-ease);
}
[data-sticky-header].is-scrolled {
	box-shadow: var(--budman-shadow);
	backdrop-filter: saturate(1.1) blur(6px);
}

/* ===================================================== PRODUKTOVÁ KARTA (skeleton) === */
.budman-card {
	display: flex;
	flex-direction: column;
	background: var(--budman-surface-2);
	color: var(--budman-text);
	text-decoration: none;
	border: 1px solid var(--budman-line);
	border-radius: var(--budman-radius);
	overflow: clip;
	transition: transform var(--budman-dur) var(--budman-ease),
		border-color var(--budman-dur) var(--budman-ease),
		box-shadow var(--budman-dur) var(--budman-ease);
}
.budman-card:hover {
	transform: translateY(-4px);
	border-color: var(--budman-accent);
	box-shadow: var(--budman-shadow-lg);
}
.budman-price { color: var(--budman-accent); font-weight: 600; }
.budman-badge {
	display: inline-block;
	padding: 0.2em 0.6em;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.4;
}
.budman-badge--sale { background: var(--budman-badge-sale); color: #fff; }
.budman-badge--stock { background: var(--budman-accent); color: var(--budman-accent-ink); }

/* ===================================================== REDUCE MOTION === */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
	[data-reveal] { opacity: 1; transform: none; }
}


/* src/css/footer.css */
/*
 * footer.css — patička. Navazuje na tokeny v budman.css.
 */
.budman-footer {
	background: var(--budman-surface);
	color: var(--budman-muted);
	border-top: 1px solid var(--budman-line);
}
.budman-footer__inner {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: clamp(2rem, 5vw, 3.5rem) var(--budman-gutter);
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: clamp(1.5rem, 4vw, 3rem);
}
.budman-footer__brand img {
	height: 46px;
	width: auto;
	margin-bottom: 0.9rem;
}
.budman-footer__brand p {
	font-size: 0.85rem;
	line-height: 1.6;
	max-width: 34ch;
}
.budman-footer h4 {
	color: var(--budman-text);
	font-size: 0.95rem;
	margin: 0 0 0.8rem;
}
.budman-footer a {
	display: block;
	color: var(--budman-muted);
	text-decoration: none;
	padding: 0.28rem 0;
	font-size: 0.88rem;
	transition: color 0.2s var(--budman-ease);
}
.budman-footer a:hover {
	color: var(--budman-accent);
}
.budman-footer__social {
	display: flex;
	gap: 0.8rem;
	margin-top: 0.6rem;
}
.budman-footer__social a {
	display: inline-flex;
	padding: 0;
}
.budman-footer__social svg {
	width: 22px;
	height: 22px;
}
.budman-age {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.8rem;
	border: 1px solid var(--budman-accent);
	color: var(--budman-accent);
	font-size: 0.78rem;
	font-weight: 600;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
}
.budman-footer__bottom {
	border-top: 1px solid var(--budman-line);
}
.budman-footer__bottom-inner {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 1rem var(--budman-gutter);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.6rem;
	font-size: 0.78rem;
}

@media (max-width: 860px) {
	.budman-footer__inner {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 520px) {
	.budman-footer__inner {
		grid-template-columns: 1fr;
	}
}


/* src/css/header.css */
/*
 * header.css — sticky hlavička + oznamovací pruh. Navazuje na tokeny v budman.css.
 */

/* --- Oznamovací pruh -------------------------------------------------- */
.budman-topbar {
	background: var(--budman-surface);
	color: var(--budman-muted);
	font-size: 0.78rem;
}
.budman-topbar__inner {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 0.45rem var(--budman-gutter);
	display: flex;
	gap: 1.2rem;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.budman-topbar b {
	color: var(--budman-accent);
	font-weight: 600;
}

/* --- Hlavička --------------------------------------------------------- */
.budman-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(14, 18, 13, 0.85);
	backdrop-filter: saturate(1.1) blur(8px);
	border-bottom: 1px solid var(--budman-line);
}
.budman-header.is-scrolled {
	background: rgba(14, 18, 13, 0.96);
	box-shadow: var(--budman-shadow);
}
.budman-header__inner {
	position: relative;
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 0.6rem var(--budman-gutter);
	display: flex;
	align-items: center;
	gap: 1rem;
}
.budman-logo {
	display: inline-flex;
	flex: 0 0 auto;
}
.budman-logo img {
	display: block;
	height: 50px;
	width: auto;
	transition: height var(--budman-dur) var(--budman-ease);
}
.budman-header.is-scrolled .budman-logo img {
	height: 40px;
}

/* Navigace */
.budman-nav {
	display: flex;
	gap: 1.4rem;
	margin-inline: auto;
}
.budman-nav a {
	position: relative;
	color: #c9d2c2;
	text-decoration: none;
	font-size: 0.9rem;
	padding: 0.3rem 0;
	white-space: nowrap;
}
.budman-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--budman-accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s var(--budman-ease);
}
.budman-nav a:hover,
.budman-nav a[aria-current] {
	color: var(--budman-text);
}
.budman-nav a:hover::after,
.budman-nav a[aria-current]::after {
	transform: scaleX(1);
}

/* Akce (hledání, účet, košík) */
.budman-actions {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	flex: 0 0 auto;
}
.budman-iconbtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--budman-text);
	background: none;
	border: 0;
	cursor: pointer;
	padding: 4px;
	transition: color 0.2s var(--budman-ease);
}
.budman-iconbtn:hover {
	color: var(--budman-accent);
}
.budman-iconbtn svg {
	width: 22px;
	height: 22px;
}
.budman-cart {
	position: relative;
}
.budman-cart__count {
	position: absolute;
	top: -5px;
	right: -7px;
	background: var(--budman-accent);
	color: var(--budman-accent-ink);
	font-size: 0.62rem;
	font-weight: 700;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Hamburger (mobil) */
.budman-burger {
	display: none;
	background: none;
	border: 0;
	color: var(--budman-text);
	cursor: pointer;
	padding: 4px;
}
.budman-burger svg {
	width: 26px;
	height: 26px;
}

/* --- Mobil ------------------------------------------------------------ */
@media (max-width: 860px) {
	.budman-burger {
		display: inline-flex;
	}
	.budman-nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column;
		gap: 0;
		margin: 0;
		padding: 0.4rem 0;
		background: var(--budman-surface);
		border-bottom: 1px solid var(--budman-line);
		transform: translateY(-8px);
		opacity: 0;
		pointer-events: none;
		transition: transform 0.2s var(--budman-ease), opacity 0.2s var(--budman-ease);
	}
	.budman-nav.is-open {
		transform: none;
		opacity: 1;
		pointer-events: auto;
	}
	.budman-nav a {
		padding: 0.7rem var(--budman-gutter);
	}
	.budman-nav a::after {
		display: none;
	}
}


/* src/css/hero.css */
/*
 * hero.css — homepage hero s dab rigem a dýmem. Navazuje na tokeny v budman.css.
 */

.budman-hero {
	position: relative;
	background: var(--budman-bg);
	color: var(--budman-text);
	overflow: hidden;
}
/* jemné lime žhnutí v pozadí (statické) */
.budman-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(40% 50% at 72% 42%, rgba(143, 195, 31, 0.12), transparent 70%),
		radial-gradient(60% 60% at 30% 80%, rgba(30, 94, 32, 0.18), transparent 70%);
	pointer-events: none;
}

.budman-hero__inner {
	position: relative;
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: clamp(2rem, 6vw, 4.5rem) var(--budman-gutter);
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
	min-height: min(86vh, 760px);
}

.budman-hero__eyebrow {
	color: var(--budman-accent);
	font-size: 0.72rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 0.9rem;
}
.budman-hero__title {
	font-family: var(--budman-font-head);
	font-size: var(--budman-h1);
	line-height: 1.04;
	font-weight: 800;
	margin: 0 0 1rem;
}
.budman-hero__title em {
	color: var(--budman-accent);
	font-style: normal;
}
.budman-hero__lead {
	color: var(--budman-muted);
	max-width: 46ch;
	line-height: 1.6;
	margin: 0 0 1.6rem;
}
.budman-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
}

/* --- Stage: SVG rig + canvas dým ------------------------------------- */
.budman-hero__stage {
	position: relative;
	width: 100%;
	max-width: 460px;
	aspect-ratio: 4 / 5;
	margin-inline: auto;
}
.budman-hero__rig,
.budman-hero__smoke {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.budman-hero__smoke {
	pointer-events: none;
}
/* statický wisp jen pro reduced-motion */
.budman-hero__static-smoke {
	opacity: 0;
	transition: opacity 0.4s ease;
}

/* --- Tlačítka (globální) -------------------------------------------- */
.budman-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.8em 1.4em;
	border-radius: var(--budman-radius-sm);
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
	transition: transform 0.2s var(--budman-ease), background-color 0.2s var(--budman-ease),
		border-color 0.2s var(--budman-ease);
}
.budman-btn--primary {
	background: var(--budman-accent);
	color: var(--budman-accent-ink);
}
.budman-btn--primary:hover {
	background: var(--budman-accent-bright);
	transform: translateY(-2px);
}
.budman-btn--ghost {
	border-color: var(--budman-line);
	color: var(--budman-text);
}
.budman-btn--ghost:hover {
	border-color: var(--budman-accent);
}

/* --- Responsivní ----------------------------------------------------- */
@media (max-width: 860px) {
	.budman-hero__inner {
		grid-template-columns: 1fr;
		min-height: 0;
		text-align: center;
	}
	.budman-hero__lead {
		margin-inline: auto;
	}
	.budman-hero__cta {
		justify-content: center;
	}
	.budman-hero__stage {
		order: -1;
		max-width: 300px;
	}
}

/* --- Reduced motion: žádný canvas, jen statický wisp ----------------- */
@media (prefers-reduced-motion: reduce) {
	.budman-hero__smoke {
		display: none;
	}
	.budman-hero__static-smoke {
		opacity: 0.55;
	}
}


/* src/css/shop.css */
/*
 * shop.css — výpis kategorie + detail produktu + homepage sekce (USP, dlaždice).
 * Navazuje na tokeny v budman.css. Pozn.: na Shoptetu se tyto třídy mapují na reálný
 * markup šablony; zde slouží jako cílový design (preview).
 */

/* --- Breadcrumb ------------------------------------------------------- */
.budman-breadcrumb {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 1rem var(--budman-gutter) 0;
	font-size: 0.8rem;
	color: var(--budman-muted);
}
.budman-breadcrumb a {
	color: var(--budman-muted);
	text-decoration: none;
}
.budman-breadcrumb a:hover {
	color: var(--budman-accent);
}
.budman-breadcrumb span {
	margin: 0 0.4rem;
	opacity: 0.5;
}

/* --- USP pruh (homepage) --------------------------------------------- */
.budman-usp {
	background: var(--budman-surface);
	border-block: 1px solid var(--budman-line);
}
.budman-usp__inner {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 1.2rem var(--budman-gutter);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.budman-usp__item {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	font-size: 0.9rem;
	color: var(--budman-text);
}
.budman-usp__item svg {
	width: 26px;
	height: 26px;
	color: var(--budman-accent);
	flex: 0 0 auto;
}
.budman-usp__item b {
	display: block;
	font-weight: 600;
}
.budman-usp__item span {
	color: var(--budman-muted);
	font-size: 0.82rem;
}

/* --- Dlaždice kategorií (homepage) ----------------------------------- */
.budman-tiles {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: clamp(2rem, 5vw, 4rem) var(--budman-gutter);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
}
.budman-tile {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: var(--budman-radius);
	overflow: clip;
	background: var(--budman-surface-2);
	border: 1px solid var(--budman-line);
	text-decoration: none;
	display: flex;
	align-items: flex-end;
}
.budman-tile::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(14, 18, 13, 0.85) 10%, transparent 60%);
}
.budman-tile__label {
	position: relative;
	z-index: 1;
	padding: 1rem;
	color: var(--budman-text);
	font-weight: 600;
	font-size: 1.05rem;
}
.budman-tile__label small {
	display: block;
	color: var(--budman-muted);
	font-weight: 400;
	font-size: 0.78rem;
}
.budman-tile:hover .budman-tile__label {
	color: var(--budman-accent);
}

/* --- Výpis kategorie -------------------------------------------------- */
.budman-cat__head {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 1.2rem var(--budman-gutter) 0;
}
.budman-cat__title {
	font-size: var(--budman-h2);
	font-weight: 800;
	margin: 0.3rem 0 0.4rem;
}
.budman-cat__desc {
	color: var(--budman-muted);
	max-width: 70ch;
	line-height: 1.6;
	font-size: 0.92rem;
}
.budman-cat__toolbar {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 1rem var(--budman-gutter);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.budman-cat__count {
	color: var(--budman-muted);
	font-size: 0.85rem;
}
.budman-select {
	background: var(--budman-surface-2);
	color: var(--budman-text);
	border: 1px solid var(--budman-line);
	border-radius: var(--budman-radius-sm);
	padding: 0.5rem 0.8rem;
	font-size: 0.88rem;
}
.budman-cat__grid {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: 0 var(--budman-gutter) clamp(2rem, 5vw, 4rem);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}

/* karta – doplnění k .budman-card z budman.css */
.budman-card__thumb {
	aspect-ratio: 1;
	background: var(--budman-bg);
	display: grid;
	place-items: center;
	color: #3a463a;
}
.budman-card__body {
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.budman-card__name {
	font-size: 0.9rem;
	line-height: 1.3;
	color: var(--budman-text);
}
.budman-card__old {
	color: var(--budman-muted);
	text-decoration: line-through;
	font-size: 0.82rem;
	margin-left: 6px;
}

.budman-pagination {
	display: flex;
	justify-content: center;
	gap: 6px;
	padding-bottom: clamp(2rem, 5vw, 4rem);
}
.budman-pagination a,
.budman-pagination span {
	min-width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--budman-line);
	border-radius: var(--budman-radius-sm);
	color: var(--budman-text);
	text-decoration: none;
	font-size: 0.88rem;
}
.budman-pagination a:hover {
	border-color: var(--budman-accent);
	color: var(--budman-accent);
}
.budman-pagination .is-active {
	background: var(--budman-accent);
	color: var(--budman-accent-ink);
	border-color: var(--budman-accent);
	font-weight: 600;
}

/* --- Detail produktu -------------------------------------------------- */
.budman-product__inner {
	max-width: var(--budman-container);
	margin-inline: auto;
	padding: clamp(1rem, 3vw, 2rem) var(--budman-gutter) clamp(2rem, 5vw, 3.5rem);
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: start;
}
.budman-gallery__main {
	aspect-ratio: 1;
	background: var(--budman-surface-2);
	border: 1px solid var(--budman-line);
	border-radius: var(--budman-radius);
	display: grid;
	place-items: center;
	color: #3a463a;
	overflow: clip;
}
.budman-gallery__thumbs {
	display: flex;
	gap: 10px;
	margin-top: 10px;
	flex-wrap: wrap;
}
.budman-gallery__thumb {
	width: 64px;
	aspect-ratio: 1;
	background: var(--budman-surface-2);
	border: 1px solid var(--budman-line);
	border-radius: var(--budman-radius-sm);
	display: grid;
	place-items: center;
	color: #3a463a;
	cursor: pointer;
}
.budman-gallery__thumb.is-active {
	border-color: var(--budman-accent);
}

.budman-pinfo__cat {
	color: var(--budman-accent);
	font-size: 0.74rem;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.budman-pinfo__title {
	font-size: clamp(1.4rem, 1rem + 2vw, 2rem);
	font-weight: 800;
	line-height: 1.1;
	margin: 0.5rem 0 0.8rem;
}
.budman-pinfo__price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 0.8rem;
}
.budman-pinfo__price b {
	color: var(--budman-accent);
	font-size: 1.8rem;
	font-weight: 700;
}
.budman-stock {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	font-size: 0.85rem;
	color: var(--budman-text);
	margin-bottom: 1.2rem;
}
.budman-stock::before {
	content: "";
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--budman-accent);
}
.budman-stock--out::before {
	background: var(--budman-muted);
}

.budman-variant {
	margin-bottom: 1.1rem;
}
.budman-variant__label {
	display: block;
	font-size: 0.82rem;
	color: var(--budman-muted);
	margin-bottom: 0.4rem;
}
.budman-chips {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.budman-chip {
	padding: 0.45rem 0.9rem;
	border: 1px solid var(--budman-line);
	border-radius: var(--budman-radius-sm);
	background: var(--budman-surface-2);
	color: var(--budman-text);
	font-size: 0.86rem;
	cursor: pointer;
}
.budman-chip.is-active {
	border-color: var(--budman-accent);
	color: var(--budman-accent);
}

.budman-buy {
	display: flex;
	gap: 10px;
	margin: 1.2rem 0;
}
.budman-qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--budman-line);
	border-radius: var(--budman-radius-sm);
	overflow: clip;
}
.budman-qty button {
	width: 40px;
	height: 46px;
	background: var(--budman-surface-2);
	color: var(--budman-text);
	border: 0;
	font-size: 1.1rem;
	cursor: pointer;
}
.budman-qty input {
	width: 48px;
	height: 46px;
	text-align: center;
	background: transparent;
	border: 0;
	color: var(--budman-text);
	font-size: 1rem;
}
.budman-buy .budman-btn--primary {
	flex: 1;
	justify-content: center;
	font-size: 1rem;
}

.budman-meta {
	list-style: none;
	margin: 1.2rem 0 0;
	padding: 1rem 0 0;
	border-top: 1px solid var(--budman-line);
	font-size: 0.85rem;
}
.budman-meta li {
	display: flex;
	justify-content: space-between;
	padding: 0.3rem 0;
}
.budman-meta span {
	color: var(--budman-muted);
}

/* Dlouhý popis (prose) */
.budman-pdesc {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 var(--budman-gutter) clamp(2rem, 5vw, 4rem);
	color: var(--budman-text);
	line-height: 1.7;
}
.budman-pdesc h2,
.budman-pdesc h3 {
	color: var(--budman-text);
	margin: 1.6rem 0 0.6rem;
}
.budman-pdesc p {
	color: #d5ddcf;
	margin: 0 0 1rem;
}
.budman-pdesc ul {
	color: #d5ddcf;
	padding-left: 1.2rem;
}
.budman-pdesc blockquote {
	border-left: 3px solid var(--budman-accent);
	margin: 1rem 0;
	padding: 0.4rem 0 0.4rem 1rem;
	color: var(--budman-muted);
}

/* --- Responsivní ----------------------------------------------------- */
@media (max-width: 860px) {
	.budman-product__inner {
		grid-template-columns: 1fr;
	}
	.budman-usp__inner {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 520px) {
	.budman-usp__inner {
		grid-template-columns: 1fr;
	}
}


/* src/css/shoptet-theme.css */

/*
 * shoptet-theme.css — restyle ŽIVÉ Shoptet šablony (template-11).
 * BRAND: zelená / zlatá / bílá / černá (ladí k logu budMan + dab komunitě).
 * Světlý motiv: bílý/krémový obsah, ČERNÁ hlavička & patička (aby vyniklo bílé
 * logo s černým obrysem), ZELENÁ jako primární akce, ZLATO jako prémiový akcent.
 * Cílí na REÁLNÉ třídy Shoptetu. Servíruje se přes jsDelivr, bundluje do assets/budman.css.
 */

/* ===== Brand proměnné — SVĚTLÝ theme „budMan Gold" =============== */
/* Krémově bílá báze, ZLATO jako primární akcent, černá text, zelená brand
   (logo / skladem / košík). Čisté, prémiové, světlé. */
:root {
	--color-primary: #b8902e;
	--color-primary-h: 42;
	--color-primary-s: 61%;
	--color-primary-l: 45%;
	--color-primary-hover: #9a7620;
	--color-primary-hover-h: 42;
	--color-primary-hover-s: 65%;
	--color-primary-hover-l: 37%;
	--color-header-background: #ffffff;

	/* === Brand tokeny (světlé, zlato-bílá) === */
	--bm-gold: #b8902e;          /* ZLATO — primární akcent (tlačítka, akcenty) */
	--bm-gold-bright: #d6b052;   /* světlejší zlato (hover, dekorace) */
	--bm-gold-deep: #876513;     /* tmavé zlato — text na bílé (AA) */
	--bm-green: #2e7d1e;         /* brand zelená (logo, košík, skladem) */
	--bm-green-deep: #1f5a14;
	--bm-green-bright: #2e7d1e;  /* na světlé = ta samá sytá zelená (AA) */
	--bm-ink: #161208;          /* nejhlubší tmavá — hero/akcenty (zůstává tmavá) */
	--bm-ink-2: #2a2417;
	--bm-white: #ffffff;
	--bm-bg: #f6f3ea;           /* krémově bílá báze */
	--bm-surface: #ffffff;      /* karty / panely / inputy — bílé */
	--bm-card: #ffffff;
	--bm-card-hover: #fffdf5;
	--bm-text: #211d13;         /* tělo textu (skoro černá) */
	--bm-heading: #161109;      /* nadpisy */
	--bm-muted: #7c7666;        /* tlumený text */
	--bm-price: #161109;        /* cena — tmavá (sytá, čitelná) */
	--bm-cta: #b8902e;          /* zlaté hlavní CTA */
	--bm-cta-text: #1a1407;     /* tmavý text na zlatě */
	--bm-img-panel: #ffffff;    /* bílý podklad fotky — na světlé kartě splyne */
	--bm-line: rgba(23, 20, 13, 0.12);     /* tmavý hairline na světlém */
	--bm-line-strong: rgba(23, 20, 13, 0.20);
	--bm-line-dark: rgba(23, 20, 13, 0.10);
	--bm-ease: cubic-bezier(0.22, 1, 0.36, 1);

	/* === LIMETKOVÁ paleta z loga (LOAD JARS NOT GUNS bud) === */
	--bm-lime-bright: #e0f030;   /* chartreuse highlight z loga */
	--bm-lime: #b6e635;          /* zářivá limetka */
	--bm-lime-2: #8fd14f;        /* limetka → zelená přechod */
	--bm-grass: #5fb01a;         /* sytá travní zelená */
	--bm-grass-deep: #2e7d1e;    /* hluboká zelená */
	--bm-leaf-ink: #14400d;      /* tmavě zelená (obrys/„ink") */

	/* === Brandové GRADIENTY (žádné ploché barvy) === */
	--bm-grad-lime: linear-gradient(135deg, #e0f030 0%, #b6e635 38%, #6cc024 100%);
	--bm-grad-lime-soft: linear-gradient(135deg, #eaf86a 0%, #b6e635 100%);
	--bm-grad-green: linear-gradient(135deg, #6cc024 0%, #2e7d1e 100%);
	--bm-grad-header: linear-gradient(180deg, #143d0c 0%, #266916 58%, #2e7d1e 100%);
	--bm-grad-ink: linear-gradient(135deg, #1c2417 0%, #0c1208 100%);
	--bm-grad-loader: radial-gradient(circle at 50% 40%, #eaf86a 0%, #b6e635 24%, #5fb01a 54%, #1f5a14 100%);

	/* JEDNOTNÁ šířka obsahu (zarovnání celého webu) — náš markup i nativní Shoptet */
	--bm-container: 1180px;
	--bm-gutter: clamp(1rem, 4vw, 3rem);

	/* Display/nadpisový font — prémiový grotesk s charakterem (Czech ✅) */
	--bm-font-head: "Bricolage Grotesque", "Space Grotesk", system-ui, sans-serif;
	/* jasný zelený akcent pro text NA TMAVÉM (hero) — brand zelená by splývala */
	--bm-on-dark-green: #93d84e;
}

/* ===== JEDNOTNÝ KONTEJNER — zarovnání celého webu ================= */
/* OVĚŘENO NA ŽIVÉM DOM (template-11). Šířku drží Shoptet .container
   (nativně max-width 1500). Sjednotíme ho na --bm-container, takže náš
   .bm-* markup i nativní obsah sdílejí JEDNU osu (obsah ~152px, pravý ~1272
   při 1440 vieportu). POZN.: Shoptet má html font-size 62.5% → 3rem = 30px. */
.overall-wrapper .container,
#header .container,
header.header .container,
.top-navigation-bar .container,
.top-navigation-bar__in {
	max-width: var(--bm-container) !important;
	margin-inline: auto !important;
	padding-inline: var(--bm-gutter) !important;
	box-sizing: border-box !important;
}
/* zrušit dvojité vnitřní paddingy Shoptetu (gutter dává už .container) */
main.content, .content-wrapper-in, .benefitBanner,
.header-top, .header-bottom { padding-inline: 0 !important; }
/* hlavička = JEDNO celoplošné zelené pozadí (#header gradient). Vnitřní řady
   nesmí mít vlastní bg, jinak po zúžení kontejneru vznikne tmavší „panel"
   jen přes šířku obsahu a po stranách prosvítá jiná zelená. */
.header-top, .header-bottom { background: transparent !important; }
/* zrušit Shoptet negativní margin na navigaci → pilly kategorií sednou na osu */
#header #navigation,
#header .navigation-in.menu,
#header .navigation-in.menu > ul { margin-inline: 0 !important; }
/* breadcrumb má nativně margin-left:-20px (home-icon offset) → na osu 152 */
.breadcrumbs, .breadcrumbs.navigation-home-icon-wrapper { margin-left: 0 !important; }

/* Naše injektované sekce dědí šířku z rodičovského .container (1180) →
   vlastní max-width/horizontální padding pryč (žádné dvojité odsazení). */
.bm-promo, .bm-why { max-width: none !important; margin-inline: 0 !important; padding-inline: 0 !important; }
/* hero = full-bleed; šířku/padding si řeší v hero sekci (viz .bm-hp-hero / __grid).
   full-bleed (100vw) přesahuje o šířku scrollbaru → ořízni vodorovně.
   overflow-x:clip (ne hidden) NEzruší position:sticky a nevytvoří posuvník. */
.overall-wrapper { overflow-x: clip; }
/* Patička se injektuje MIMO #content (do .footer) → dostane vlastní kontejner
   se stejnou šířkou a gutterem, aby její obsah seděl na stejnou osu (170). */
.bm-footer { padding-left: 0 !important; padding-right: 0 !important; }
.bm-footer__grid,
.bm-footer__bottom {
	max-width: var(--bm-container) !important;
	margin-inline: auto !important;
	padding-inline: var(--bm-gutter) !important;
	box-sizing: border-box;
}

/* ===== ODSTRANĚNÍ GRAFIKY SHOPTETU — plná kontrola ============== */
/* Cíl: pryč veškerý dekorativní/brandový chrome Shoptetu (default banner,
   podpis „Vytvořeno na Shoptetu", nativní prázdná patička, dekorace).
   NESAHÁ na produktové fotky ani funkční prvky (košík, vyhledávání, menu). */

/* nativní patička pryč — necháme jen náš injektovaný .bm-footer */
.footer > *:not(.bm-footer) { display: none !important; }

/* podpis / kredit / branding Shoptetu kdekoliv */
.signature, .footer-signature, .web-creator, .created-by, .creator,
.shoptet-pohoda, .shoptetLogo, .powered-by, .footer-tool,
.footer a[href*="shoptet.cz"], .copyright a[href*="shoptet"],
a[href*="www.shoptet.cz"], [class*="shoptet-signature"] { display: none !important; }

/* default homepage bannerový rotátor / slider (nahrazuje ho náš .bm-hp-hero) */
.banner-rotator, .main-slider, .homepage-banner, .top-banner,
.banners-row > .banner-image, .homepage-slider { display: none !important; }

/* default dekorace, prázdné nadpisy a „newsletter" placeholder z šablony */
.welcome-wrapper:empty, .homepage-text:empty,
.advanced-order, .partners-bar:empty { display: none !important; }

/* ===== Skrytí demo obsahu Shoptet šablony ========================= */
/* "TOP 10 produktů" sidebar ukazuje template demo (hodinky, mikina…) – skrýt, dokud nejsou reálné bestsellery */
.box-topProducts { display: none !important; }

/* ===== Světlá báze ================================================= */
body {
	background: var(--bm-bg) !important;
	color: var(--bm-text);
}
#content, .content-wrapper, .container, .content, main, #main {
	background: transparent !important;
	color: var(--bm-text);
}
h1, h2, h3, h4, .h1, .h2, .h3 { color: var(--bm-text); }
p, li, td, dd, dt, span, label { color: inherit; }
a { color: var(--bm-text); }
a:hover { color: var(--bm-green); }
hr, .separator { border-color: var(--bm-line); }

/* bílé „boxy" → čisté světlé karty s jemným rámem */
.box, .product, .products .product, .product-box, .info-box, .block, .panel,
.product-detail, .detail, .category-perex, .navigation-tree, .filter, .filtering {
	background: var(--bm-surface) !important;
	border-color: var(--bm-line) !important;
	color: var(--bm-text);
}

/* ===== Hlavička + logo (ČERNÁ) ==================================== */
header, .header, .header-top, .header-bottom, .navigation, .navigation-in, .menu {
	background: var(--bm-ink) !important;
	border-color: var(--bm-line-dark) !important;
	color: #e9ece2;
}
.header-top { border-bottom: 1px solid var(--bm-line-dark) !important; }
.header-top, .header-top a { color: #b6bdab; }
.header-top a:hover { color: var(--bm-gold-bright); }
.header *, .navigation * { color: #e9ece2; }

/* logo: skryjeme default Shoptet logo a vložíme naše z jsDelivru.
   PNG má artwork až k horní/dolní hraně → padding + background-origin:content-box
   dá logu dýchací prostor (jinak vypadá uříznuté proti černé hlavičce). */
.site-name a {
	display: inline-block;
	box-sizing: border-box;
	width: 250px;
	max-width: 64vw;
	height: 90px;
	padding: 6px 0;
	/* logo má zapečený průhledný okraj → pin na commit (obejde @main stale cache) */
	background: url("https://cdn.jsdelivr.net/gh/zukysevents-dot/budman-shoptet@e65092b/assets/brand/budman-logo-web.png") left center / contain no-repeat content-box;
	text-indent: -9999px;
	overflow: visible;
	transition: opacity 0.5s ease, filter 0.3s ease, transform 0.3s ease;
}
.site-name a:hover { filter: drop-shadow(0 0 14px rgba(121, 195, 67, 0.45)); transform: translateY(-1px); }
.site-name img { display: none !important; }
/* intro: logo skryté dokud do něj „B" nedoletí, pak naběhne + zlatý záblesk */
body.bm-intro-active .site-name a { opacity: 0; }
body.bm-logo-pop .site-name a { animation: bmLogoPop 0.7s var(--bm-ease, ease) both; }
@keyframes bmLogoPop {
	0% { filter: drop-shadow(0 0 0 rgba(201, 162, 75, 0)); }
	45% { filter: drop-shadow(0 0 18px rgba(201, 162, 75, 0.75)); }
	100% { filter: drop-shadow(0 0 0 rgba(201, 162, 75, 0)); }
}

/* navigace */
.navigation-in.menu a, .menu a { color: #d7ddcf; }
.navigation-in.menu a:hover, .menu a:hover,
.menu .menu-level-0 > li.active > a { color: var(--bm-green-bright); }

/* vyhledávání (na tmavé hlavičce) */
.search input, input.search-text, .dropdown-toggle {
	background: rgba(255, 255, 255, 0.06) !important;
	color: #f2f5ec !important;
	border-color: var(--bm-line-dark) !important;
}
.search input::placeholder, input.search-text::placeholder { color: #9aa28d !important; }

/* ===== Tlačítka (ZELENÁ) ========================================== */
.btn, .btn-primary, .btn-conversion, .add-to-cart-button, button.add,
input[type="submit"], .button {
	background: var(--bm-green) !important;
	border-color: var(--bm-green) !important;
	color: #fff !important;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.btn:hover, .btn-primary:hover, .btn-conversion:hover, .add-to-cart-button:hover,
input[type="submit"]:hover, .button:hover {
	background: var(--bm-green-deep) !important;
	border-color: var(--bm-green-deep) !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(46, 125, 30, 0.25);
}
/* sekundární / ghost tlačítka */
.btn-secondary, .btn-default {
	background: transparent !important;
	color: var(--bm-green) !important;
	border: 1px solid var(--bm-green) !important;
}
.btn-secondary:hover, .btn-default:hover {
	background: var(--bm-green) !important;
	color: #fff !important;
}

/* ===== Produkty =================================================== */
.products .product, .product-box {
	border-radius: 14px;
	transition: transform 0.2s ease, border-color 0.2s ease;
}
.products .product:hover, .product-box:hover {
	transform: translateY(-3px);
	border-color: var(--bm-green) !important;
}
.p-name, .p-name a, .product-name, .product-name a { color: var(--bm-text) !important; }
.price, .price-final, .product-price { color: var(--bm-price) !important; font-weight: 700; }
.price-standard, .price-before { color: var(--bm-muted) !important; }
/* akce/novinka badge → ZLATO (na palettě, kontrast s ink textem) */
.flag-product, .flag, .flags .flag {
	background: var(--bm-gold) !important;
	color: var(--bm-ink) !important;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.availability-instock, .amount, .stock { color: var(--bm-green) !important; }

/* ===== Homepage hero — kinematický, reálný rig + dým (JS injektuje) = */
.bm-hp-hero {
	position: relative;
	min-height: clamp(520px, 72vh, 760px);
	display: flex;
	align-items: center;
	/* FULL-BLEED přes celou šířku okna (banner protáhnutý), text uvnitř zarovnaný na osu.
	   left:50% + translateX místo negativních marginů → spolehlivé i se scrollbarem
	   (negativní margin selhával podle rodiče). Přesah ~scrollbaru ořízne
	   overflow-x:clip na .overall-wrapper (viz níže). */
	width: 100vw !important;
	max-width: 100vw !important;
	left: 50% !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%);
	margin-bottom: 2.4rem !important;
	border-radius: 0;
	overflow: hidden;
	isolation: isolate; /* vlastní stacking context kvůli mix-blend rigu */
	background: #0c1108;
}
/* OSTRÝ klientský banner jako pozadí (1920×1080) + pomalý Ken Burns zoom */
.bm-hp-hero__bg {
	position: absolute;
	inset: -2.5%;
	z-index: 0;
	background: url("https://cdn.jsdelivr.net/gh/zukysevents-dot/budman-shoptet@73436d2/assets/hero/banner-dark.jpg") center / cover no-repeat;
	filter: brightness(1.16) saturate(1.06);   /* projasnit ať je banner celý vidět */
	animation: bmKenBurns 30s ease-in-out infinite alternate;
	will-change: transform;
}
.bm-hp-hero__bg::before { display: none !important; } /* žádné liquid blobs přes foto */
/* jen LEHKÝ levý scrim pod text + jemné spodní ztmavení — banner zůstává vidět celý */
.bm-hp-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(8, 11, 5, 0.74) 0%, rgba(8, 11, 5, 0.42) 26%, rgba(8, 11, 5, 0.10) 48%, rgba(8, 11, 5, 0) 66%),
		linear-gradient(180deg, rgba(8, 11, 5, 0) 64%, rgba(8, 11, 5, 0.30) 100%);
}
@keyframes bmKenBurns { from { transform: scale(1); } to { transform: scale(1.08); } }
.bm-hp-hero__grid {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: var(--bm-container);
	margin: 0 auto;
	display: flex;
	align-items: center;
	/* gutter = stejný jako zbytek webu → hero text na ose 152 (ne nadoraz ke kraji) */
	padding: 2.6rem var(--bm-gutter);
}
.bm-hp-hero__copy { max-width: 560px; }
.bm-hp-hero__eyebrow {
	color: var(--bm-gold-bright);
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 0.76rem;
	margin: 0 0 1rem;
	display: flex;
	align-items: center;
	gap: 0.6em;
}
.bm-hp-hero__eyebrow::before {
	content: "";
	width: 26px;
	height: 2px;
	background: var(--bm-gold);
	display: inline-block;
}
.bm-hp-hero__title {
	font-family: var(--bm-font-head);
	font-size: clamp(2.6rem, 1.1rem + 5.4vw, 4.8rem);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: -0.025em;
	text-wrap: balance;
	color: #fff;
	margin: 0 0 1.15rem;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 6px 26px rgba(0, 0, 0, 0.5);
}
/* zvýrazněné slovo — JASNÁ zelená, ať na tmavém banneru pořádně svítí */
.bm-hp-hero__title span { color: var(--bm-on-dark-green); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 22px rgba(147, 216, 78, 0.35); }
.bm-hp-hero__sub {
	color: #f0f3ea;
	font-size: clamp(1rem, 0.95rem + 0.4vw, 1.18rem);
	line-height: 1.62;
	max-width: 34rem;
	margin: 0 0 22px;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
}
.bm-hp-hero__cta { display: flex; flex-wrap: wrap; gap: 0.8rem; }
.bm-btn-primary, .bm-btn-ghost {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.9em 1.7em;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	font-size: 0.98rem;
	letter-spacing: 0.01em;
	transition: transform 0.25s var(--bm-ease), background-color 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, border-color 0.25s ease;
	will-change: transform;
}
.bm-btn-primary { background: var(--bm-green); color: #fff; box-shadow: 0 10px 26px rgba(46, 125, 30, 0.35); }
.bm-btn-primary:hover { background: var(--bm-green-bright); color: var(--bm-ink); box-shadow: 0 14px 34px rgba(121, 195, 67, 0.42); }
.bm-btn-ghost { border: 1.5px solid rgba(221, 185, 104, 0.55); color: #f3ecd8; }
.bm-btn-ghost:hover { background: var(--bm-gold); color: var(--bm-ink); border-color: var(--bm-gold); transform: translateY(-2px); }

/* rig sloupec */
.bm-hp-hero__rig {
	position: relative;
	z-index: 2;
	display: block;
	justify-self: center;
	width: clamp(165px, 23vw, 280px);
	aspect-ratio: 329 / 703; /* poměr ořezaného rigu */
	text-decoration: none;
}
.bm-hp-hero__rig::before { /* záře za rigem */
	content: "";
	position: absolute;
	inset: -14% -8% -6% -8%;
	z-index: 0;
	background: radial-gradient(46% 54% at 50% 40%, rgba(190, 214, 90, 0.32) 0%, rgba(120, 195, 67, 0.14) 36%, rgba(12, 17, 8, 0) 70%);
	filter: blur(6px);
}
.bm-hp-hero__rig-img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* transparentní PNG výřez (černé pozadí odklíčované v Node) → žádné blend artefakty */
	filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 22px rgba(150, 200, 80, 0.25)) saturate(1.06);
	animation: bmRigFloat 7s ease-in-out infinite alternate;
	will-change: transform;
}
.bm-hp-hero__smoke { /* dým z náustku, nad rigem */
	position: absolute;
	inset: 0;
	width: 100%;  /* canvas = replaced element → inset:0 ho neroztáhne, nutná explicitní velikost */
	height: 100%;
	z-index: 3;
	pointer-events: none;
}

@keyframes bmRigFloat { from { transform: translateY(0); } to { transform: translateY(-12px); } }
@keyframes bmRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.bm-hp-hero__eyebrow { animation: bmRise 0.7s var(--bm-ease) both; }
.bm-hp-hero__title { animation: bmRise 0.85s var(--bm-ease) 0.12s both; }
.bm-hp-hero__sub { animation: bmRise 0.85s var(--bm-ease) 0.24s both; }
.bm-hp-hero__cta { animation: bmRise 0.85s var(--bm-ease) 0.36s both; }
.bm-hp-hero__rig { animation: bmRise 1s var(--bm-ease) 0.3s both; }

@media (max-width: 820px) {
	.bm-hp-hero__grid { grid-template-columns: 1fr; text-align: left; gap: 0.6rem; }
	.bm-hp-hero__copy { max-width: none; }
	.bm-hp-hero__eyebrow { justify-content: flex-start; }
	.bm-hp-hero__cta { justify-content: flex-start; }
	.bm-hp-hero__rig { width: clamp(190px, 56vw, 290px); order: -1; }
}
@media (prefers-reduced-motion: reduce) {
	.bm-hp-hero__rig-img { animation: none; }
	.bm-hp-hero__eyebrow, .bm-hp-hero__title, .bm-hp-hero__sub, .bm-hp-hero__cta, .bm-hp-hero__rig { animation: none; }
	.bm-hp-hero__smoke { display: none; }
}

/* ===== Patička (ČERNÁ) =========================================== */
.footer, .footer .footer-in, .footer-content {
	background: var(--bm-ink) !important;
	border-top: 2px solid var(--bm-gold);
	color: #b6bdab;
}
.footer *, .footer-content * { color: #b6bdab; }
.footer a, .footer-content a { color: #cdd3c4; }
.footer a:hover { color: var(--bm-green-bright); }
.footer h3, .footer h4, .footer .footer-title { color: #fff; }

/* ================================================================== */
/* ============== PROFI POLISH (kompletní dotažení) ================= */
/* ================================================================== */

/* --- Typografie: prémiový grotesk na nadpisy ---------------------- */
:root { --template-headings-font: var(--bm-font-head); }
h1, h2, h3, h4, .h1, .h2, .h3,
.p-detail h1, .breadcrumbs + h1, .bm-hp-hero__title {
	font-family: var(--bm-font-head) !important;
	letter-spacing: -0.015em;
	font-weight: 800;
}
body { -webkit-font-smoothing: antialiased; }

/* --- Sekce: zlatý podtrh nadpisů sekcí (prémiový akcent) ---------- */
.products-block-header, .product-list-heading, h2.heading,
.featured-heading, .bm-section-title {
	position: relative;
	margin-bottom: 1.2rem;
}
.products-block-header::after, .product-list-heading::after, h2.heading::after,
.featured-heading::after, .bm-section-title::after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	margin-top: 0.5rem;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--bm-gold), var(--bm-gold-bright));
}

/* --- Breadcrumb: jemný, na světlém ------------------------------- */
.breadcrumbs, .breadcrumbs-wrapper, .navigation-home-icon-wrapper {
	background: transparent !important;
}
.breadcrumbs, .breadcrumbs a, .breadcrumbs span, .breadcrumbs i {
	color: var(--bm-muted) !important;
	border-color: var(--bm-line) !important;
}
.breadcrumbs a:hover { color: var(--bm-green) !important; }

/* --- Hlavička: pill hledání, vzdušnost --------------------------- */
.header__in, .header-in { padding-block: 0.5rem; }
.search input, input.search-text, .header .form-control {
	border-radius: 999px !important;
	padding-inline: 1.1rem !important;
}
.btn-search, button[type="submit"].search { border-radius: 999px !important; }

/* --- Produktové karty: čistší, konzistentní ---------------------- */
.products .product, .product-box, .products-block .product {
	background: var(--bm-card) !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 16px !important;
	overflow: hidden;
	transition: transform 0.22s var(--bm-ease), border-color 0.22s ease, box-shadow 0.22s ease;
}
.products .product:hover, .product-box:hover {
	transform: translateY(-4px);
	border-color: var(--bm-green-bright) !important;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.55);
}
/* fotky produktů na warm-paper panelu (NE bílá karta — sklo/chrom září) */
.products .product .image, .products .product .p-image,
.product-box .image {
	background: var(--bm-img-panel);
	border-radius: 12px;
	overflow: hidden;
}
.p-name a, .product-name a { font-weight: 600; }
.price-final, .price, .product-price { color: var(--bm-price) !important; font-weight: 700; }

/* --- Detail produktu: rám galerie, větší cena -------------------- */
.p-detail .p-image, .p-detail .image-cover {
	background: var(--bm-img-panel) !important;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--bm-line);
}
.p-detail .price-final { font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.2rem) !important; }
select.form-control, .form-control, textarea.form-control,
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
input[type="password"], input[type="search"] {
	background: var(--bm-surface) !important;
	color: var(--bm-text) !important;
	border: 1px solid var(--bm-line-strong) !important;
	border-radius: 10px !important;
}
.form-control::placeholder { color: var(--bm-muted) !important; }
.form-control:focus { border-color: var(--bm-green-bright) !important; box-shadow: 0 0 0 3px rgba(143, 214, 79, 0.18) !important; }
.p-detail .availability-label, .p-detail .stock { color: var(--bm-green-bright) !important; }
.p-detail__short, .p-short-description { color: var(--bm-muted); }

/* --- Tlačítka: jemně zaoblená, tučná ----------------------------- */
.btn, .btn-primary, .btn-conversion, .add-to-cart-button {
	border-radius: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em;
}

/* --- Sidebar (filtr/kategorie): světlé karty -------------------- */
.sidebar .box, .sidebar-inner .box {
	background: var(--bm-surface) !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 14px !important;
}
.sidebar a:hover { color: var(--bm-green) !important; }

/* --- Stránkování --------------------------------------------------- */
.pagination a, .pagination span, .paging a {
	background: var(--bm-surface) !important;
	color: var(--bm-text) !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 8px !important;
}
.pagination .active, .pagination a:hover, .paging .active {
	background: var(--bm-green) !important;
	color: #fff !important;
	border-color: var(--bm-green) !important;
}

/* --- Cookie lišta: ať ladí --------------------------------------- */
.cookies-info, #cookiesInfo { border-radius: 14px; }

/* --- Intro „B → logo" (přehraje shoptet-enhance.js, 1× za session) - */
.bm-intro {
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: radial-gradient(circle at 50% 45%, #16210f 0%, #0b0f07 72%);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.bm-intro__b {
	height: 46vh;
	max-height: 440px;
	width: auto;
	transform-origin: center center;
	filter: drop-shadow(0 14px 50px rgba(121, 195, 67, 0.4));
	animation: bmIntroIn 0.5s var(--bm-ease) both;
}
@keyframes bmIntroIn {
	from { opacity: 0; transform: scale(0.82); }
	to { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) { .bm-intro { display: none !important; } }

/* ================================================================== */
/* ===== Custom „B" kurzor (desktop, ne na formulářích/pokladně) ==== */
/* ================================================================== */
.bm-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2147483647;
	width: 44px;
	height: 50px;
	pointer-events: none;
	background: url("https://rawcdn.githack.com/zukysevents-dot/budman-shoptet/c67557d/assets/brand/dab-tool.svg") center / contain no-repeat;
	filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.4));
	transform-origin: 15px 45px;   /* špička dab toolu s rosin (odtud kape) */
	opacity: 0;
	transition: opacity 0.2s ease;
	will-change: transform;
}
.bm-cursor.is-on { opacity: 1; }
/* Kapající rosin — zlatá medová kapka stékající z kurzoru */
.bm-drip {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 7px;
	height: 7px;
	pointer-events: none;
	border-radius: 50% 50% 52% 52% / 42% 42% 62% 62%;
	background: radial-gradient(circle at 36% 27%, #f6dc94 0%, #dab85c 32%, #b8902e 66%, #876513 100%);
	box-shadow: 0 1px 3px rgba(120, 88, 16, 0.45);
	transform-origin: 50% 0%;
	will-change: transform, opacity;
	opacity: 0;
}
.bm-drip::after {
	content: "";
	position: absolute;
	top: 15%;
	left: 24%;
	width: 30%;
	height: 26%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.8);
}
html.bm-has-cursor, html.bm-has-cursor a, html.bm-has-cursor button, html.bm-has-cursor .btn { cursor: none; }
/* na vstupech a v košíku/pokladně vrať systémový kurzor (použitelnost) */
html.bm-has-cursor input, html.bm-has-cursor textarea, html.bm-has-cursor select,
html.bm-has-cursor [contenteditable] { cursor: auto; }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
	.bm-cursor { display: none !important; }
	html.bm-has-cursor, html.bm-has-cursor a, html.bm-has-cursor button, html.bm-has-cursor .btn { cursor: auto; }
}

/* ===== Scroll reveal (jemný, na titulce) ========================= */
.bm-reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.7s var(--bm-ease), transform 0.7s var(--bm-ease); }
.bm-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.bm-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* ================================================================== */
/* =============== V2 PREMIUM POLISH (liquid/glass) ================= */
/* ================================================================== */

/* --- Liquid blobs v hero (živé, plynulé pozadí) ------------------ */
.bm-hp-hero__bg::before {
	content: "";
	position: absolute;
	inset: -25%;
	z-index: 0;
	background:
		radial-gradient(closest-side at 32% 34%, rgba(121, 195, 67, 0.26), transparent 70%),
		radial-gradient(closest-side at 72% 64%, rgba(201, 162, 75, 0.18), transparent 70%),
		radial-gradient(closest-side at 60% 18%, rgba(150, 220, 90, 0.14), transparent 72%);
	filter: blur(46px);
	animation: bmBlob 20s ease-in-out infinite alternate;
	will-change: transform;
}
@keyframes bmBlob {
	0% { transform: translate3d(-3%, -2%, 0) scale(1) rotate(0deg); }
	100% { transform: translate3d(5%, 4%, 0) scale(1.14) rotate(8deg); }
}
@media (prefers-reduced-motion: reduce) { .bm-hp-hero__bg::before { animation: none; } }

/* --- Horní lišta (byla nedodělaná) ------------------------------- */
.top-navigation-bar, .header-top {
	background: rgba(9, 12, 6, 0.72) !important;
	-webkit-backdrop-filter: blur(10px);
	        backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(201, 162, 75, 0.20) !important;
	font-size: 0.82rem;
	min-height: 40px;
}
.top-navigation-bar a, .header-top a { color: #c3cab5 !important; transition: color 0.2s ease; }
.top-navigation-bar a:hover, .header-top a:hover { color: var(--bm-gold-bright) !important; }
.bm-topmsg {
	display: inline-flex;
	align-items: center;
	gap: 0.45em;
	color: var(--bm-gold-bright);
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.bm-topmsg svg { width: 15px; height: 15px; flex: none; }
.bm-topmsg + .bm-topmsg { margin-left: 1.4rem; }
@media (max-width: 760px) { .bm-topmsg.bm-hide-sm { display: none; } }

/* --- Hlavička: liquid glass + jemný spodní okraj ----------------- */
header, .header {
	-webkit-backdrop-filter: blur(8px);
	        backdrop-filter: blur(8px);
	border-bottom: 1px solid rgba(201, 162, 75, 0.14) !important;
}
/* search jako frosted pill */
.search input, input.search-text, .header .form-control, .header input[type="text"] {
	background: rgba(255, 255, 255, 0.07) !important;
	-webkit-backdrop-filter: blur(6px);
	        backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.16) !important;
	border-radius: 999px !important;
	color: #f2f5ec !important;
	height: 46px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.search input:focus, input.search-text:focus {
	border-color: var(--bm-green-bright) !important;
	box-shadow: 0 0 0 3px rgba(121, 195, 67, 0.20) !important;
	background: rgba(255, 255, 255, 0.10) !important;
}
.btn-search, button[type="submit"].search, .search button {
	background: var(--bm-green) !important;
	border-radius: 999px !important;
	color: #fff !important;
}
.btn-search:hover, .search button:hover { background: var(--bm-green-bright) !important; color: var(--bm-ink) !important; }

/* navigace: liquid podtržení */
.navigation-in.menu > ul > li > a, .menu .menu-level-0 > li > a { position: relative; }
.navigation-in.menu > ul > li > a::after, .menu .menu-level-0 > li > a::after {
	content: "";
	position: absolute;
	left: 0.9em; right: 0.9em; bottom: 6px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--bm-green-bright), var(--bm-gold));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.28s var(--bm-ease);
}
.navigation-in.menu > ul > li > a:hover::after, .menu .menu-level-0 > li.active > a::after { transform: scaleX(1); }

/* --- Brandové PROMO bannery (injektuje JS) ----------------------- */
.bm-promo {
	max-width: 1180px;
	margin: 0 auto 2.8rem;
	padding: 0 clamp(1rem, 4vw, 3rem);
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr;
	grid-auto-rows: 234px;
	gap: 1rem;
}
.bm-promo__tile {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 18px;
	overflow: hidden;
	text-decoration: none;
	background: var(--bm-surface);
	border: 1px solid var(--bm-line);
	box-shadow: 0 2px 10px rgba(23, 20, 13, 0.05);
	color: var(--bm-text);
	transition: transform 0.3s var(--bm-ease), box-shadow 0.3s ease, border-color 0.3s ease;
	will-change: transform;
}
.bm-promo__tile--big { grid-row: span 2; }
.bm-promo__img {
	flex: 1 1 auto;
	min-height: 100px;
	background-color: #ffffff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-bottom: 1px solid var(--bm-line);
	transition: transform 0.5s var(--bm-ease);
}
.bm-promo__tile:hover { transform: translateY(-5px); border-color: var(--bm-gold); box-shadow: 0 18px 40px rgba(23, 20, 13, 0.13); }
.bm-promo__body {
	padding: 0.95rem 1.2rem 1.15rem;
	display: flex;
	flex-direction: column;
}
.bm-promo__eyebrow { font-size: 0.68rem; letter-spacing: 2px; text-transform: uppercase; color: var(--bm-gold-deep); font-weight: 800; margin: 0 0 0.25rem; }
.bm-promo__title { font-family: var(--bm-font-head); font-weight: 800; font-size: clamp(1.1rem, 0.9rem + 0.7vw, 1.45rem); line-height: 1.12; margin: 0 0 0.3rem; color: var(--bm-heading); text-shadow: none; }
.bm-promo__tile--big .bm-promo__title { font-size: clamp(1.4rem, 1rem + 1.1vw, 1.9rem); }
.bm-promo__sub { font-size: 0.86rem; color: var(--bm-muted); margin: 0 0 0.55rem; }
.bm-promo__cta { display: inline-flex; align-items: center; gap: 0.4em; font-weight: 700; font-size: 0.88rem; color: var(--bm-green); margin-top: auto; }
.bm-promo__cta svg { transition: transform 0.25s ease; }
.bm-promo__tile:hover .bm-promo__cta svg { transform: translateX(4px); }
@media (max-width: 900px) { .bm-promo { grid-template-columns: 1fr 1fr; } .bm-promo__tile--big { grid-row: span 1; } }
@media (max-width: 520px) { .bm-promo { grid-template-columns: 1fr; grid-auto-rows: 250px; } }

/* --- USP pruh (benefitBanner): tyrkysové → brand, glass karty ---- */
.benefitBanner { gap: 1rem !important; display: flex !important; flex-wrap: wrap !important; }
.benefitBanner__item { flex: 1 1 200px !important; }
.benefitBanner__item {
	background: var(--bm-card) !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 16px !important;
	padding: 1.1rem 1.2rem !important;
	transition: transform 0.25s var(--bm-ease), box-shadow 0.25s ease, border-color 0.25s ease;
}
.benefitBanner__item:hover { transform: translateY(-4px); border-color: var(--bm-green-bright) !important; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5); }
.benefitBanner__picture, .benefitBanner__img {
	background: linear-gradient(135deg, var(--bm-green), var(--bm-green-deep)) !important;
	border-radius: 50% !important;
}
.benefitBanner__img {
	/* obarvit šedotyrkysovou ikonu na bílou (sedne na zelený kruh) */
	filter: brightness(0) invert(1) !important;
	padding: 9px !important;
	width: 44px !important; height: 44px !important;
}
.benefitBanner__content strong, .benefitBanner__content b, .benefitBanner__title { color: var(--bm-text) !important; }

/* --- Skrytí Shoptet demo textu na titulce ------------------------ */
.bm-demo-hidden { display: none !important; }

/* --- Branded „proč u nás" (injekt JS) ---------------------------- */
.bm-why { max-width: 1180px; margin: 0 auto 2.6rem; padding: 0 clamp(1rem, 4vw, 3rem); }
.bm-why__title { font-family: var(--bm-font-head); font-weight: 800; font-size: clamp(1.5rem, 1rem + 2vw, 2.2rem); margin: 0 0 0.4rem; color: var(--bm-text); }
.bm-why__lead { color: var(--bm-muted); max-width: 46rem; margin: 0 0 1.4rem; }

/* --- PATIČKA (byla holá) — injektovaný rich obsah ---------------- */
.bm-footer {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #11140d 0%, #0b0e07 100%);
	color: #b6bdab;
	padding: 3.2rem clamp(1rem, 4vw, 3rem) 1.4rem;
	border-top: 2px solid var(--bm-gold);
}
.bm-footer::before { /* liquid blob */
	content: ""; position: absolute; top: -40%; right: -10%; width: 50%; height: 160%;
	background: radial-gradient(closest-side, rgba(121, 195, 67, 0.12), transparent 70%);
	filter: blur(40px); pointer-events: none;
}
.bm-footer__grid {
	position: relative; z-index: 1;
	max-width: 1180px; margin: 0 auto;
	display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 2rem;
}
.bm-footer__logo { width: 170px; height: 56px; background: center/contain no-repeat; margin-bottom: 0.9rem; }
.bm-footer__tag { font-size: 0.92rem; line-height: 1.5; color: #aab199; max-width: 22rem; }
.bm-footer h4 { color: #fff; font-family: var(--bm-font-head); font-size: 1rem; letter-spacing: 0.02em; margin: 0 0 1rem; }
.bm-footer ul { list-style: none; padding: 0; margin: 0; }
.bm-footer li { margin: 0 0 0.55rem; }
.bm-footer a { color: #cdd3c4; text-decoration: none; transition: color 0.2s ease; }
.bm-footer a:hover { color: var(--bm-green-bright); }
.bm-footer__contact { font-size: 0.92rem; line-height: 1.7; }
.bm-footer__contact strong { color: #fff; }
.bm-footer__social { display: flex; gap: 0.6rem; margin-top: 1rem; }
.bm-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); transition: all 0.2s ease; }
.bm-footer__social a:hover { background: var(--bm-green); border-color: var(--bm-green); transform: translateY(-2px); }
.bm-footer__social svg { width: 17px; height: 17px; fill: currentColor; }
.bm-footer__pay { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.bm-footer__pay span { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; color: #d6dccb; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; padding: 0.35em 0.7em; }
.bm-footer__age { display: inline-flex; align-items: center; gap: 0.4em; margin-top: 1rem; color: var(--bm-gold-bright); font-weight: 700; font-size: 0.85rem; }
.bm-footer__age b { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--bm-gold); }
.bm-footer__bottom {
	position: relative; z-index: 1;
	max-width: 1180px; margin: 2.4rem auto 0; padding-top: 1.2rem;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.6rem;
	font-size: 0.82rem; color: #8b9280;
}
@media (max-width: 880px) { .bm-footer__grid { grid-template-columns: 1fr 1fr; gap: 1.6rem; } }
@media (max-width: 520px) { .bm-footer__grid { grid-template-columns: 1fr; } }
/* skryj holou nativní patičku (nahrazena naší) */
.footer .footer-t, .footer-content > .signature { }

/* ================================================================== */
/* ========== V3 DARK POLISH (košík / lišta / horní část) =========== */
/* ================================================================== */

/* tmavé wrappery — zabít každou zbylou krémovou/bílou plochu */
.overall-wrapper, .content-wrapper, .middle-content, #wrapper, .wrapper-in,
.content-wrapper-in, .main-content, .center-content {
	background: transparent !important;
}
body { background: var(--bm-bg) !important; }

/* nadpisy — světlé a ostré */
h1, h2, h3, h4, .h1, .h2, .h3 { color: var(--bm-heading); }

/* Hlavička + nav: kompaktní tmavá, jemný spodní vlásek */
.header-bottom, .navigation, .navigation-in.menu {
	border-bottom: 1px solid var(--bm-line-dark) !important;
}
/* horní user-action ikony (přihlášení, účet) světlé */
.user-action a, .header-top .user-action, .top-navigation-bar a { color: #c8cfbc; }
.user-action a:hover { color: var(--bm-green-bright); }

/* KOŠÍK — prémiové konverzní tlačítko (lime gradient + glow) */
.user-action-cart .btn-conversion, .cart-widget-button .btn-conversion,
.user-action-cart a.btn, a.cart-widget-button {
	background: linear-gradient(135deg, var(--bm-green-bright), var(--bm-green)) !important;
	border: none !important;
	color: var(--bm-cta-text) !important;
	font-weight: 700 !important;
	border-radius: 999px !important;
	box-shadow: 0 6px 18px rgba(143, 214, 79, 0.28) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.user-action-cart .btn-conversion:hover, .cart-widget-button .btn-conversion:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 11px 28px rgba(143, 214, 79, 0.45) !important;
}
.user-action-cart .icon-cart, .cart-widget-button svg, .cart-widget-button i { color: var(--bm-cta-text) !important; }
/* košík popup dropdown na tmavé */
.user-action-cart .cart-content, .popup-widget .popup-widget-content, .cart-popup, .header-cart-popup {
	background: var(--bm-surface) !important;
	border: 1px solid var(--bm-line) !important;
	color: var(--bm-text) !important;
}

/* HLEDAT tlačítko */
.btn-search, .search-button, button.search, .search button[type="submit"] {
	background: var(--bm-green) !important;
	color: #fff !important;
	border: none !important;
}

/* Cookie lišta tmavá */
.cookies-info, #cookiesInfo, .cookie-bar, [class*="cookie"] .cookies {
	background: var(--bm-surface) !important;
	color: var(--bm-text) !important;
	border-top: 1px solid var(--bm-line) !important;
}

/* CMS/obsah: tabulky, dropdowny, perex na tmavé */
#content table, .content table, .p-detail table { color: var(--bm-text); }
#content th, .content th { background: var(--bm-surface) !important; color: var(--bm-text) !important; border-color: var(--bm-line) !important; }
#content td, #content tr, .content td { border-color: var(--bm-line) !important; }
.category-perex, .category-description, .perex, .annotation {
	background: transparent !important; color: var(--bm-text) !important;
}
select, option { background: var(--bm-surface); color: var(--bm-text); }

/* skladem / dostupnost — lime */
.availability-instock, .amount, .stock, .availability { color: var(--bm-green-bright) !important; }

/* nativní Shoptet patička (pod naší) — sjednotit s tmavou */
.footer, .footer-content { background: var(--bm-ink) !important; }

/* ================================================================== */
/* ====== MENU — barevné + emojis + mega dropdown + responzivní ===== */
/* ================================================================== */

/* emoji čip u kategorií */
.bm-emoji {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	flex: none;
	font-size: 1em;
	margin-right: 0.5em;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
}

/* TOP úroveň: tučné, emoji vedle názvu */
.navigation-in.menu > ul > li > a,
.menu .menu-level-1 > li > a {
	display: inline-flex !important;
	align-items: center;
	font-weight: 600;
	letter-spacing: 0.01em;
}

/* MEGA dropdown (menu-level-2) — panel; POZOR: NEnastavovat display (řeší Shoptet hoverem) */
.navigation-in.menu .menu-level-2,
.menu .menu-level-2 {
	background: var(--bm-surface) !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 16px !important;
	padding: 0.5rem !important;
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.55) !important;
	width: 480px !important;
	max-width: 92vw;
	font-size: 0; /* odstraní mezery mezi inline-block; resetne se na položkách */
}
/* skryj nativní Shoptet thumbnaily (zůstane jen barevný emoji kroužek) */
.navigation-in.menu .menu-level-2 .menu-image,
.menu .menu-level-2 .menu-image,
.menu-level-2 a.menu-image { display: none !important; }
/* 2-sloupcová kompaktní mřížka */
.navigation-in.menu .menu-level-2 > li,
.menu .menu-level-2 > li {
	list-style: none; margin: 0;
	display: inline-block !important;
	width: 50% !important;
	vertical-align: top;
	font-size: 0.92rem;
}
.menu-level-2 > li > div { display: block; }
.navigation-in.menu .menu-level-2 a,
.menu .menu-level-2 a {
	display: flex !important;
	align-items: center;
	padding: 0.55em 0.8em !important;
	border-radius: 11px !important;
	color: var(--bm-text) !important;
	font-weight: 600;
	white-space: nowrap;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.navigation-in.menu .menu-level-2 a:hover,
.menu .menu-level-2 a:hover {
	background: rgba(143, 214, 79, 0.12) !important;
	color: var(--bm-green-bright) !important;
	transform: translateX(3px);
}
/* emoji v dropdownu = barevný kroužek, cyklicky brand tóny (barevné, ale ladí) */
.menu-level-2 a .bm-emoji {
	width: 32px; height: 32px; border-radius: 50%;
	margin-right: 0.65em; font-size: 1.02em;
	background: rgba(143, 214, 79, 0.16);
}
.menu-level-2 > li:nth-child(6n+1) a .bm-emoji { background: rgba(143, 214, 79, 0.20); }
.menu-level-2 > li:nth-child(6n+2) a .bm-emoji { background: rgba(210, 169, 85, 0.22); }
.menu-level-2 > li:nth-child(6n+3) a .bm-emoji { background: rgba(47, 138, 30, 0.30); }
.menu-level-2 > li:nth-child(6n+4) a .bm-emoji { background: rgba(120, 198, 63, 0.20); }
.menu-level-2 > li:nth-child(6n+5) a .bm-emoji { background: rgba(230, 200, 120, 0.22); }
.menu-level-2 > li:nth-child(6n)   a .bm-emoji { background: rgba(155, 220, 91, 0.18); }

/* MOBIL: dropdown inline, čitelné, tap-friendly */
@media (max-width: 980px) {
	.navigation-in.menu .menu-level-2,
	.menu .menu-level-2 {
		box-shadow: none !important;
		background: rgba(255, 255, 255, 0.03) !important;
		border: none !important;
		border-radius: 0 !important;
		min-width: 0;
	}
	.menu a, .navigation a { font-size: 1.02rem; }
	.navigation-in.menu .menu-level-2 a { padding: 0.7em 0.9em !important; }
	.menu-level-2 a .bm-emoji { width: 28px; height: 28px; }
	.bm-emoji { font-size: 1.05em; }
}

/* ================================================================== */
/* ====== TOP produkt widget (malý rig + dým, na hero banneru) ====== */
/* ================================================================== */
/* === Watermelon bong vsazený přímo do banneru (vpravo, bez ceny) === */
.bm-hp-bong {
	position: absolute; right: 2%; bottom: 0; z-index: 4;
	width: clamp(210px, 25vw, 370px); height: 88%;
	display: flex; align-items: flex-end; justify-content: center;
	text-decoration: none;
	transition: transform 0.3s var(--bm-ease);
}
.bm-hp-bong__rig {
	position: relative; z-index: 1;
	width: 100%; height: 100%;
	object-fit: contain; object-position: bottom center;
	filter: drop-shadow(0 16px 26px rgba(0, 0, 0, 0.6)) drop-shadow(0 2px 5px rgba(0, 0, 0, 0.55));
}
.bm-hp-bong:hover { transform: translateY(-5px); }
.bm-hp-bong:hover .bm-hp-bong__rig { filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 22px rgba(150, 200, 80, 0.5)); }
.bm-hp-bong__smoke {
	position: absolute; left: 0; right: 0; bottom: 6%;
	width: 100%; height: 120%; z-index: 2; pointer-events: none;
	/* dým se u horní hrany canvasu rozplyne (žádný tvrdý ořez částic) */
	-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 18%);
	        mask-image: linear-gradient(180deg, transparent 0, #000 18%);
}
.bm-hp-bong__tag {
	position: absolute; top: 3%; left: 50%; transform: translateX(-50%) translateY(8px);
	background: rgba(8, 11, 5, 0.84); color: #fff; border: 1px solid var(--bm-gold);
	padding: 0.42em 0.95em; border-radius: 999px;
	font-size: 0.82rem; font-weight: 700; white-space: nowrap;
	opacity: 0; pointer-events: none; z-index: 3;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
	transition: opacity 0.25s ease, transform 0.25s ease;
}
.bm-hp-bong__tag b { color: var(--bm-gold-bright); }
.bm-hp-bong:hover .bm-hp-bong__tag { opacity: 1; transform: translateX(-50%) translateY(0); }

/* === interaktivní piny na produkty v banneru (proklik na kategorii) === */
.bm-hp-pin { position: absolute; z-index: 4; transform: translate(-50%, -50%); text-decoration: none; }
.bm-hp-pin__dot {
	display: block; width: 17px; height: 17px; border-radius: 50%;
	background: var(--bm-gold); border: 2px solid #fff;
	box-shadow: 0 0 0 0 rgba(214, 176, 82, 0.55), 0 2px 6px rgba(0, 0, 0, 0.5);
	animation: bmPinPulse 2.2s ease-out infinite; transition: transform 0.2s ease; cursor: pointer;
}
@keyframes bmPinPulse {
	0% { box-shadow: 0 0 0 0 rgba(214, 176, 82, 0.5), 0 2px 6px rgba(0,0,0,0.5); }
	70% { box-shadow: 0 0 0 13px rgba(214, 176, 82, 0), 0 2px 6px rgba(0,0,0,0.5); }
	100% { box-shadow: 0 0 0 0 rgba(214, 176, 82, 0), 0 2px 6px rgba(0,0,0,0.5); }
}
.bm-hp-pin::after {
	content: attr(data-label); position: absolute; left: 50%; bottom: calc(100% + 9px);
	transform: translateX(-50%) translateY(4px);
	background: rgba(8, 11, 5, 0.9); color: #fff; padding: 0.4em 0.85em; border-radius: 8px;
	font-size: 0.78rem; font-weight: 700; white-space: nowrap; border: 1px solid var(--bm-gold);
	opacity: 0; pointer-events: none; transition: opacity 0.2s ease, transform 0.2s ease;
}
.bm-hp-pin:hover::after { opacity: 1; transform: translateX(-50%) translateY(0); }
.bm-hp-pin:hover .bm-hp-pin__dot { transform: scale(1.22); }
@media (prefers-reduced-motion: reduce) { .bm-hp-pin__dot { animation: none; } }
@media (max-width: 820px) {
	.bm-hp-pin { display: none; }
	.bm-hp-hero {
		align-items: flex-start !important;
		min-height: 0 !important;
		height: auto !important;
		padding-bottom: 0 !important;
	}
	.bm-hp-hero__bg {
		inset: 0 !important;
		background-position: 58% center !important;
		animation: none !important;
	}
	.bm-hp-hero__bg::after {
		background:
			linear-gradient(180deg, rgba(8, 11, 5, 0.86) 0%, rgba(8, 11, 5, 0.58) 42%, rgba(8, 11, 5, 0.32) 70%, rgba(8, 11, 5, 0.66) 100%) !important;
	}
	.bm-hp-hero__grid {
		min-height: 0 !important;
		justify-content: flex-start !important;
		text-align: left !important;
		padding: clamp(14px, 4vw, 20px) var(--bm-gutter) clamp(205px, 56vw, 275px) !important;
	}
	.bm-hp-hero__copy {
		max-width: min(34rem, 100%) !important;
		margin-inline: 0 auto !important;
	}
	.bm-hp-hero__eyebrow {
		justify-content: flex-start !important;
		margin-bottom: 0.65rem !important;
		letter-spacing: 1.7px !important;
		font-size: 11px !important;
	}
	.bm-hp-hero__title {
		font-size: clamp(29px, 8.5vw, 36px) !important;
		line-height: 1.02 !important;
		margin-bottom: 0.72rem !important;
	}
	.bm-hp-hero__sub {
		font-size: 15px !important;
		line-height: 1.42 !important;
		margin-bottom: 0.95rem !important;
	}
	.bm-hp-hero__cta {
		justify-content: flex-start !important;
		gap: 0.55rem !important;
	}
	#content h1,
	#content h2,
	#content h3,
	.products-block-header,
	.product-list-heading,
	h2.heading,
	.featured-heading,
	.bm-section-title,
	.bm-promo__eyebrow,
	.bm-promo__title,
	.bm-promo__sub,
	.bm-why__title,
	.bm-why__lead {
		text-align: left !important;
	}
	.products-block-header::after,
	.product-list-heading::after,
	h2.heading::after,
	.featured-heading::after,
	.bm-section-title::after {
		margin-left: 0 !important;
		margin-right: auto !important;
	}
	.bm-btn-primary,
	.bm-btn-ghost {
		padding: 0.78em 1.08em !important;
		font-size: 14px !important;
	}
	.bm-hp-bong {
		right: auto !important;
		left: 50% !important;
		bottom: 0 !important;
		width: clamp(150px, 42vw, 220px) !important;
		height: clamp(205px, 55vw, 285px) !important;
		transform: translateX(-50%) !important;
	}
	.bm-hp-bong:hover { transform: translateX(-50%) translateY(-3px) !important; }
	/* Mobil: bong sedí POD textem a canvas ho přesahuje nahoru (~22 % výšky)
	   → dým lezl přes CTA a podtitulek. Maska zneviditelní pruh nad bongem
	   a dým nechá rozplynout ještě nad hrdlem — text zůstane čitelný. */
	.bm-hp-bong__smoke {
		bottom: 0 !important; height: 128% !important;
		-webkit-mask-image: linear-gradient(180deg, transparent 0, transparent 20%, #000 48%) !important;
		        mask-image: linear-gradient(180deg, transparent 0, transparent 20%, #000 48%) !important;
	}
	.bm-hp-bong__tag { display: none; }
}
@media (max-width: 380px) {
	.bm-hp-hero__grid {
		padding-top: 12px !important;
		padding-bottom: clamp(190px, 54vw, 240px) !important;
	}
	.bm-hp-hero__title { font-size: 29px !important; }
	.bm-hp-hero__sub { font-size: 14px !important; }
	.bm-hp-bong {
		width: 138px !important;
		height: 196px !important;
	}
}

.bm-hp-top {
	position: absolute; top: 1.1rem; right: 1.1rem; z-index: 5;
	width: 156px;
	display: flex; flex-direction: column; align-items: center; gap: 0.12rem;
	padding: 0.7rem 0.6rem 0.85rem;
	border-radius: 16px;
	background: rgba(8, 11, 5, 0.5);
	-webkit-backdrop-filter: blur(9px);
	        backdrop-filter: blur(9px);
	border: 1px solid rgba(210, 169, 85, 0.42);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5);
	text-decoration: none; color: #fff;
	overflow: visible;
	transition: transform 0.25s var(--bm-ease), box-shadow 0.25s ease, border-color 0.25s ease;
}
.bm-hp-top:hover { transform: translateY(-3px); border-color: var(--bm-gold); box-shadow: 0 20px 46px rgba(0, 0, 0, 0.6); }
.bm-hp-top__label { font-size: 0.62rem; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 700; color: var(--bm-gold-bright); position: relative; z-index: 3; }
.bm-hp-top__media { position: relative; width: 100%; height: 132px; }
.bm-hp-top__rig {
	position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;
	height: 100%; width: auto; max-width: 100%; object-fit: contain; z-index: 1;
	filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 14px rgba(150, 200, 80, 0.25));
}
.bm-hp-top__smoke { /* přesahuje nad rig → dým stoupá nad widget a je vidět */
	position: absolute; left: 0; width: 100%; top: -58px; height: calc(100% + 58px);
	z-index: 2; pointer-events: none;
}
.bm-hp-top__name { font-size: 0.74rem; font-weight: 700; text-align: center; line-height: 1.12; margin-top: 0.15rem; }
.bm-hp-top__price { font-size: 0.86rem; font-weight: 800; color: var(--bm-price); }
@media (prefers-reduced-motion: reduce) { .bm-hp-top__smoke { display: none; } }
@media (max-width: 820px) {
	.bm-hp-top { width: 114px; top: 0.55rem; right: 0.55rem; padding: 0.45rem 0.4rem 0.55rem; border-radius: 13px; gap: 0; }
	.bm-hp-top__media { height: 92px; }
	.bm-hp-top__smoke { top: -42px; height: calc(100% + 42px); }
	.bm-hp-top__label { font-size: 0.5rem; letter-spacing: 0.8px; }
	.bm-hp-top__name { font-size: 0.6rem; }
	.bm-hp-top__price { font-size: 0.7rem; }
}
@media (max-width: 430px) { .bm-hp-top { width: 94px; } .bm-hp-top__media { height: 78px; } }

/* promo dlaždice s obrázkem: silnější spodní scrim pro čitelnost textu */
.bm-promo__tile::after {
	background: linear-gradient(180deg, rgba(8, 11, 5, 0.08) 0%, rgba(8, 11, 5, 0.45) 48%, rgba(8, 11, 5, 0.90) 100%) !important;
}

/* ================================================================== */
/* ====== SVĚTLÝ THEME — přepnutí dříve tmavých prvků na světlé ===== */
/* (hero banner + TOP widget zůstávají tmavé — je to fotka) ========= */
/* ================================================================== */

/* HLAVIČKA + navigace → bílá, tmavý text, zlatý hover */
header, .header, .header-bottom, .navigation, .navigation-in, .navigation-in.menu {
	background: #ffffff !important;
	border-color: var(--bm-line) !important;
}
.header-bottom, .navigation-in.menu { border-bottom: 1px solid var(--bm-line) !important; }
.navigation-in.menu a, .menu a, .navigation-in.menu > ul > li > a { color: var(--bm-text) !important; }
.navigation-in.menu a:hover, .menu a:hover, .menu .menu-level-0 > li.active > a,
.navigation-in.menu > ul > li > a:hover { color: var(--bm-gold-deep) !important; }
.navigation-in.menu > ul > li > a::after, .menu .menu-level-0 > li > a::after {
	background: linear-gradient(90deg, var(--bm-gold), var(--bm-gold-bright)) !important;
}
.user-action a, .user-action-in a { color: var(--bm-text); }
.user-action a:hover { color: var(--bm-gold-deep); }

/* SEARCH v hlavičce → světlý input */
.search input, input.search-text, .header .form-control, .header input[type="text"] {
	background: #f1ece0 !important;
	border: 1px solid var(--bm-line-strong) !important;
	color: var(--bm-text) !important;
	-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.search input::placeholder, input.search-text::placeholder { color: var(--bm-muted) !important; }

/* HORNÍ LIŠTA → světlá */
.top-navigation-bar, .header-top {
	background: #efeadc !important;
	-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
	border-bottom: 1px solid var(--bm-line) !important;
}
.top-navigation-bar a, .header-top a { color: var(--bm-muted) !important; }
.top-navigation-bar a:hover, .header-top a:hover { color: var(--bm-gold-deep) !important; }
.bm-topmsg { color: var(--bm-gold-deep) !important; }

/* PATIČKA (nativní + injektovaná) → světlá */
.footer, .footer-content, .footer .footer-in,
.bm-footer { background: #efeadc !important; border-top: 2px solid var(--bm-gold) !important; }
.footer, .footer-content, .footer a, .footer-content a,
.bm-footer__tag, .bm-footer__contact, .bm-footer__bottom { color: var(--bm-muted) !important; }
.footer a:hover, .bm-footer a:hover { color: var(--bm-gold-deep) !important; }
.bm-footer h4, .bm-footer__contact strong, .footer h3, .footer h4 { color: var(--bm-heading) !important; }
.bm-footer a { color: var(--bm-muted) !important; }
.bm-footer__social a { background: rgba(23, 20, 13, 0.05) !important; border: 1px solid var(--bm-line) !important; }
.bm-footer__social a svg { fill: var(--bm-text); }
.bm-footer__social a:hover { background: var(--bm-gold) !important; border-color: var(--bm-gold) !important; }
.bm-footer__social a:hover svg { fill: #fff; }
.bm-footer__pay span { color: var(--bm-text) !important; background: rgba(23, 20, 13, 0.04) !important; border: 1px solid var(--bm-line) !important; }
.bm-footer__bottom { border-top-color: var(--bm-line) !important; }
.bm-footer__age { color: var(--bm-gold-deep) !important; }
.bm-footer__age b { border-color: var(--bm-gold) !important; }
.bm-footer::before { background: radial-gradient(closest-side, rgba(184, 144, 46, 0.14), transparent 70%) !important; }

/* TLAČÍTKA: hlavní = ZLATO; košík/„do košíku"/skladem = ZELENÁ (konverze) */
.btn, .btn-primary, input[type="submit"], .button {
	background: var(--bm-gold) !important; border-color: var(--bm-gold) !important; color: var(--bm-cta-text) !important;
}
.btn:hover, .btn-primary:hover, input[type="submit"]:hover, .button:hover {
	background: var(--bm-gold-bright) !important; border-color: var(--bm-gold-bright) !important; color: var(--bm-cta-text) !important;
}
.btn-conversion, .add-to-cart-button, button.add,
.user-action-cart .btn-conversion, .cart-widget-button .btn-conversion {
	background: var(--bm-green) !important; border-color: var(--bm-green) !important; color: #fff !important;
}
.btn-conversion:hover, .add-to-cart-button:hover { background: var(--bm-green-deep) !important; color: #fff !important; }
.btn-search, .search button[type="submit"], button.search { background: var(--bm-green) !important; color: #fff !important; }

/* breadcrumb, sekce, USP na světlé */
.breadcrumbs, .breadcrumbs a, .breadcrumbs span, .breadcrumbs i { color: var(--bm-muted) !important; }
.breadcrumbs a:hover { color: var(--bm-gold-deep) !important; }
.benefitBanner__picture, .benefitBanner__img { background: linear-gradient(135deg, var(--bm-gold), var(--bm-gold-deep)) !important; }
.benefitBanner__item { background: #ffffff !important; border-color: var(--bm-line) !important; }
.products .product:hover, .product-box:hover, .benefitBanner__item:hover { border-color: var(--bm-gold) !important; box-shadow: 0 14px 30px rgba(23, 20, 13, 0.10) !important; }

/* ceny tmavé, skladem zelená, akce badge zlatá */
.price, .price-final, .product-price { color: var(--bm-price) !important; }
.availability-instock, .amount, .stock, .p-detail .availability-label, .p-detail .stock { color: var(--bm-green) !important; }
.flag-product, .flag, .flags .flag { background: var(--bm-gold) !important; color: var(--bm-cta-text) !important; }
.pagination .active, .pagination a:hover, .paging .active { background: var(--bm-gold) !important; border-color: var(--bm-gold) !important; color: var(--bm-cta-text) !important; }

/* odkazy v těle → tmavé, hover zlatý */
a { color: var(--bm-text); }
a:hover { color: var(--bm-gold-deep); }
#content a:not(.btn):not(.bm-btn-primary):not(.bm-btn-ghost):not(.bm-promo__tile):hover { color: var(--bm-gold-deep); }

/* TOP widget na tmavém hero → cena světlá (zlatá) */
.bm-hp-top__price { color: var(--bm-gold-bright) !important; }

/* zploštěné menu (více položek) → kompaktnější, ať se vejde na desktop */
@media (min-width: 981px) {
	.navigation-in.menu > ul > li > a, .menu-level-0 > li > a { padding-left: 0.72rem !important; padding-right: 0.72rem !important; font-size: 0.92rem !important; white-space: nowrap; }
	.navigation-in.menu > ul, .menu-level-0 { flex-wrap: wrap; }
	.navigation-in.menu .bm-emoji { margin-right: 0.28em; }
}

/* logo na světlé hlavičce: jemný tmavý chip aby bílé „udMan" písmo vyniklo */
.site-name a {
	background-color: #14110a;
	border-radius: 12px;
	padding: 8px 14px !important;
	box-shadow: 0 4px 14px rgba(23, 20, 13, 0.18);
}

/* ================================================================== */
/* ===== HEADER REDESIGN — zelený band + barevné pill kategorie ===== */
/* (à la vycesano.cz: logo sedí do zelené, vše rovnoměrně po šířce) == */
/* ================================================================== */

/* horní lišta + řada loga/hledání: ŽÁDNÉ vlastní pozadí ani předělová linka
   → projde jednotný gradient #header (vše splývá do jedné zeleně) */
.top-navigation-bar, .header-top, .header-bottom {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.top-navigation-bar, .top-navigation-bar a, .header-top, .header-top a { color: #e6f1de !important; }
.top-navigation-bar a:hover, .header-top a:hover { color: var(--bm-gold-bright) !important; }
.bm-topmsg { color: var(--bm-gold-bright) !important; }
/* FIX: Shoptet dává kontakty/menu boxům BÍLÉ pozadí → text neviditelný; průhledné + světlý text */
.top-navigation-contacts, .top-navigation-menu, .top-navigation-bar-menu,
.top-navigation-contacts > *, .top-navigation-menu > div, .top-navigation-bar-menu > li {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.14) !important;
	box-shadow: none !important;
}
.top-navigation-contacts, .top-navigation-contacts *, .top-navigation-menu,
.top-navigation-menu a, .top-navigation-bar-menu a, .top-navigation-bar span,
.top-navigation-bar i, .top-navigation-bar svg { color: #e9f3e1 !important; }
.top-navigation-menu a:hover, .top-navigation-bar-menu a:hover { color: var(--bm-gold-bright) !important; }
/* dropdown panel horního menu → tmavě zelený, čitelný */
.top-navigation-menu ul, .top-navigation-bar-menu ul, .top-navigation-menu .submenu {
	background: #15440e !important; border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

/* hlavička → zelený band (sladěno s brand zelenou loga), zlatý spodní pruh */
header, .header, .header-bottom {
	background: linear-gradient(180deg, #2c7a1d 0%, #1c5512 100%) !important;
	border-bottom: 3px solid var(--bm-gold) !important;
}

/* === SJEDNOCENÁ ŠÍŘKA OBSAHU — zarovná lištu / hlavičku / hero / obsah === */
.container { max-width: 1500px !important; }
header .container.navigation-wrapper { max-width: 1500px !important; }
.top-navigation-bar > .container { max-width: 1500px !important; }
.bm-hp-hero { max-width: 1500px !important; margin-left: auto !important; margin-right: auto !important; }
.bm-promo { max-width: 1500px !important; }

/* logo přímo na zelené (bez tmavého chipu) + VĚTŠÍ */
.site-name { transform: scale(1.3); transform-origin: left center; }
.site-name a {
	background-color: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 6px 0 !important;
	filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.4));
}

/* search → bílý pill (větší) */
.search input, input.search-text, .header .form-control, .header input[type="text"], .search-input-group input {
	background: #ffffff !important;
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
	border-radius: 999px !important;
	color: var(--bm-text) !important;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.18);
	height: 58px !important;
	font-size: 16px !important;
	padding-left: 22px !important;
}
.btn-search, .search button[type="submit"], button.search { height: 58px !important; min-height: 58px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 15px !important; padding: 0 26px !important; }
.user-action-cart > a, .user-action-cart .cart-content, .cart-widget-button { font-size: 16px !important; padding: 11px 20px !important; }
.search input::placeholder { color: var(--bm-muted) !important; }
.btn-search, .search button[type="submit"], button.search { background: var(--bm-gold) !important; color: #1a1407 !important; border-radius: 999px !important; }

/* akce v hlavičce → bílý text, košík zlatý pill */
.user-action a, .user-action-in a, .user-action span, .header-actions a { color: #f4f7ee !important; }
.user-action a:hover { color: var(--bm-gold-bright) !important; }
.user-action-cart .cart-content, .cart-widget-button, .user-action-cart > a {
	background: var(--bm-gold) !important; color: #1a1407 !important; border-radius: 999px !important;
}
.user-action-cart .cart-content *, .cart-widget-button * { color: #1a1407 !important; }

/* === barevné zaoblené pill kategorie, rovnoměrně po celé šířce (jen desktop) === */
.navigation-in.menu { background: transparent !important; border: 0 !important; box-shadow: none !important; }
@media (min-width: 981px) {
	.menu-helper { display: none !important; }                 /* skryj hamburger na desktopu */
	/* „fitted" JS roztáhne .navigation-in do obří šířky a dá visibility:hidden (měření) → vrátit */
	.navigation-wrapper > nav, nav.fitted, nav.visible { width: 100% !important; max-width: 100% !important; overflow: visible !important; visibility: visible !important; height: auto !important; min-height: 0 !important; }
	.navigation-in.menu, .navigation-in.menu * { visibility: visible !important; }
	/* navIn je u Shoptetu position:absolute → nepřispívá do výšky → větší pilly přetékají na banner.
	   static + auto výšky → hlavička naroste, obsáhne pilly, hero spadne pod ně (žádný překryv). */
	.navigation-in.menu { width: 100% !important; max-width: 100% !important; white-space: normal !important; overflow: visible !important; position: static !important; }
	header, .header, header .container.navigation-wrapper { height: auto !important; }
	.navigation-in.menu > ul.menu-level-1 {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
		width: 100% !important;
		justify-content: center !important;
		align-items: stretch;
		padding: 16px 0 20px !important;
		margin: 0 !important;
		background: transparent !important;
		border: 0 !important;
		list-style: none !important;
		gap: 10px !important;
	}
	.navigation-in.menu > ul.menu-level-1 > li {
		flex: 1 1 auto !important;
		display: flex !important;
		margin: 0 !important;
		list-style: none !important;
		min-width: 110px;
	}
	.navigation-in.menu > ul.menu-level-1 > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0.45em !important;
		width: 100% !important;
		white-space: nowrap !important;
		padding: 13px 16px !important;
		border-radius: 999px !important;
		font-weight: 800 !important;
		font-size: 16px !important;
		background: #ffffff !important;
		color: var(--bm-green-deep) !important;
		text-decoration: none !important;
		border: 1px solid rgba(46, 125, 30, 0.22) !important;
		box-shadow: 0 2px 6px rgba(23, 20, 13, 0.10);
		transition: transform 0.18s var(--bm-ease), box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
	}
	.navigation-in.menu > ul.menu-level-1 > li > a::after { display: none !important; }
	/* hover + aktivní kategorie = brandová zelená (barvy webu) */
	.navigation-in.menu > ul.menu-level-1 > li > a:hover {
		transform: translateY(-2px);
		background: var(--bm-green) !important;
		color: #ffffff !important;
		border-color: var(--bm-green) !important;
		box-shadow: 0 9px 18px rgba(46, 125, 30, 0.28);
	}
	.navigation-in.menu > ul.menu-level-1 > li.active > a,
	.navigation-in.menu > ul.menu-level-1 > li > a.active {
		background: var(--bm-green) !important;
		color: #ffffff !important;
		border-color: var(--bm-green) !important;
	}
}
/* pryč emoji z menu (čistý brandový vzhled) */
.bm-emoji { display: none !important; }
/* pryč ne-kategorie položky z menu (Kontakty má lišta+patička, přihlášení ikona účtu) */
.navigation-in.menu li:has(> a[href*="/kontakty"]),
.navigation-in.menu li:has(> a[href*="/login"]),
.navigation-in.menu li:has(> a[href*="/prihlaseni"]) { display: none !important; }

/* ============================================================ */
/* LIMETKOVÝ REDESIGN dle loga (LOAD JARS NOT GUNS) — gradienty  */
/* ============================================================ */

/* ---- Načítací obrazovka (bud odznak) ---- */
html.bm-loading { overflow: hidden; }
.bm-loader {
	position: fixed; inset: 0; z-index: 100000;
	display: grid; place-items: center;
	background: var(--bm-grad-loader);
	transition: opacity 0.55s var(--bm-ease), visibility 0.55s;
}
.bm-loader.is-out { opacity: 0; visibility: hidden; pointer-events: none; }
.bm-loader__badge { position: relative; width: clamp(190px, 32vw, 300px); aspect-ratio: 1; display: grid; place-items: center; }
.bm-loader__badge img {
	width: 100%; height: 100%; object-fit: contain; display: block;
	animation: bmBadgePulse 1.5s var(--bm-ease) infinite;
	filter: drop-shadow(0 16px 40px rgba(12, 18, 8, 0.45));
}
/* „B" v načítačce (černé — finální dodá grafik) */
.bm-loader__b {
	font-family: var(--bm-font-head); font-weight: 800; line-height: 1;
	font-size: clamp(120px, 24vw, 210px); color: #0c1208;
	animation: bmBadgePulse 1.5s var(--bm-ease) infinite;
	text-shadow: 0 10px 26px rgba(12, 18, 8, 0.30);
}
.bm-loader__ring {
	position: absolute; inset: -7%; border-radius: 50%;
	border: 3px solid rgba(20, 64, 13, 0.18); border-top-color: #14400d;
	animation: bmSpin 1s linear infinite;
}
@keyframes bmBadgePulse { 0%, 100% { transform: scale(0.95); } 50% { transform: scale(1.05); } }
@keyframes bmSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .bm-loader__badge img, .bm-loader__b, .bm-loader__ring { animation: none !important; } }

/* ---- Hlavní tlačítka / CTA / košík / hledat → limetkový gradient ---- */
.bm-btn-primary, .btn, .btn-primary, .btn-conversion, .add-to-cart-button,
button.add, input[type="submit"], .button,
.btn-search, .search button[type="submit"], button.search,
.user-action-cart .cart-content, .cart-widget-button, .user-action-cart > a {
	background: var(--bm-grad-lime) !important;
	color: #14280a !important;
	border: 0 !important;
}
.user-action-cart .cart-content *, .cart-widget-button *, .user-action-cart > a * { color: #14280a !important; }
.bm-btn-primary:hover, .btn:hover, .btn-primary:hover, .btn-conversion:hover,
.add-to-cart-button:hover, input[type="submit"]:hover, .button:hover,
.btn-search:hover, .search button[type="submit"]:hover, button.search:hover,
.user-action-cart .cart-content:hover, .cart-widget-button:hover, .user-action-cart > a:hover {
	background: var(--bm-grad-green) !important;
	color: #ffffff !important;
	box-shadow: 0 12px 30px rgba(46, 125, 30, 0.40);
}
.user-action-cart .cart-content:hover *, .user-action-cart > a:hover * { color: #ffffff !important; }
.bm-btn-ghost { border: 2px solid var(--bm-lime) !important; color: #eaffd0 !important; background: rgba(20,64,13,0.18) !important; }
.bm-btn-ghost:hover { background: var(--bm-grad-lime) !important; color: #14280a !important; border-color: transparent !important; }

/* ---- Kosik: Shoptet pouziva .cart-content i pro obsah stranky ---- */
body.in-kosik #content-wrapper {
	max-width: 1280px !important;
	margin-top: 34px !important;
	margin-bottom: 70px !important;
	padding-inline: var(--bm-gutter) !important;
}
body.in-kosik .content-wrapper-in,
body.in-kosik #content {
	width: 100% !important;
	max-width: none !important;
}
body.in-kosik .cart-inner {
	width: 100% !important;
}
body.in-kosik .cart-heading {
	margin: 0 0 1rem !important;
	padding-inline: 0 !important;
	line-height: 1.12 !important;
}
body.in-kosik .cart-row {
	display: flex !important;
	align-items: flex-start !important;
	gap: 28px !important;
	margin: 0 !important;
	width: 100% !important;
}
body.in-kosik .cart-row > [class*="col-"] {
	float: none !important;
	padding: 0 !important;
}
body.in-kosik .cart-row > .col-md-8 {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
}
body.in-kosik .cart-row > .col-md-4 {
	flex: 0 0 360px !important;
	width: 360px !important;
	min-width: 0 !important;
}
body.in-kosik .cart-content {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--bm-text) !important;
	padding: 0 !important;
	overflow: visible !important;
}
body.in-kosik .cart-content > .cart-header {
	display: none !important;
}
body.in-kosik .cart-table,
body.in-kosik .cart-items,
body.in-kosik .cart-content > table {
	width: 100% !important;
	background: #ffffff !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	margin: 0 0 28px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}
body.in-kosik .cart-content td,
body.in-kosik .cart-content th,
body.in-kosik .cart-table-row,
body.in-kosik .cart-item {
	background: #ffffff !important;
	border-color: var(--bm-line) !important;
	vertical-align: middle !important;
}
body.in-kosik .cart-content td,
body.in-kosik .cart-content th {
	padding: 14px 16px !important;
}
body.in-kosik .cart-content img {
	max-width: 92px !important;
	height: auto !important;
	object-fit: contain !important;
}
body.in-kosik .cart-content .p-name,
body.in-kosik .cart-content .p-name a {
	color: var(--bm-text) !important;
	-webkit-text-fill-color: var(--bm-text) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}
body.in-kosik .cart-content .availability-instock,
body.in-kosik .cart-content .stock,
body.in-kosik .cart-content [class*="availability"] {
	color: var(--bm-grass) !important;
	-webkit-text-fill-color: var(--bm-grass) !important;
	font-weight: 700 !important;
}
body.in-kosik .cart-content .price,
body.in-kosik .cart-content .price-final,
body.in-kosik .cart-content .price-primary {
	color: var(--bm-text) !important;
	-webkit-text-fill-color: var(--bm-text) !important;
	font-weight: 800 !important;
}
body.in-kosik .cart-content .p-price,
body.in-kosik .cart-content .p-total {
	text-align: right !important;
	white-space: nowrap !important;
}
body.in-kosik .cart-summary {
	background: #ffffff !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 8px !important;
	margin-top: 24px !important;
	padding: 18px 20px !important;
	overflow: visible !important;
}
body.in-kosik .cart-summary > * {
	max-width: 100% !important;
}
body.in-kosik .cart-row > .col-md-4 .cart-content,
body.in-kosik .cart-row > .col-md-4 .box {
	background: #ffffff !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	padding: 20px !important;
	margin-bottom: 20px !important;
}
body.in-kosik .cart-row > .col-md-4 .cart-content h4,
body.in-kosik .cart-row > .col-md-4 .cart-content .h4,
body.in-kosik .cart-row > .col-md-4 .box h4,
body.in-kosik .cart-row > .col-md-4 .box .h4 {
	margin-top: 0 !important;
	line-height: 1.2 !important;
	color: var(--bm-text) !important;
}
body.in-kosik .contact-box {
	padding-left: 0 !important;
	min-height: 0 !important;
}
body.in-kosik .contact-box img {
	display: none !important;
}
body.in-kosik .contact-box ul {
	margin: 0.55rem 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
body.in-kosik .contact-box li {
	margin: 0.4rem 0 !important;
}
body.in-kosik .contact-box a {
	color: var(--bm-text) !important;
	-webkit-text-fill-color: var(--bm-text) !important;
	word-break: break-word;
}
body.in-kosik .summary-wrapper .next-step,
body.in-kosik .next-step.next-step--cart {
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr) !important;
	gap: 10px !important;
	width: 100% !important;
	margin-top: 18px !important;
	align-items: stretch !important;
}
body.in-kosik .summary-wrapper .next-step a,
body.in-kosik .next-step.next-step--cart a,
body.in-kosik .summary-wrapper .next-step button,
body.in-kosik .next-step.next-step--cart button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 56px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	text-align: center !important;
	line-height: 1.25 !important;
	white-space: normal !important;
}
body.in-kosik .next-step-forward,
body.in-kosik .next-step-forward * {
	font-weight: 800 !important;
}
body.in-kosik .btn,
body.in-kosik .btn-conversion,
body.in-kosik .button,
body.in-kosik input[type="submit"] {
	border-radius: 8px !important;
}
@media (max-width: 980px) {
	body.in-kosik #content-wrapper {
		margin-top: 24px !important;
	}
	body.in-kosik .cart-row {
		flex-direction: column !important;
		gap: 18px !important;
	}
	body.in-kosik .cart-row > .col-md-8,
	body.in-kosik .cart-row > .col-md-4 {
		flex: 1 1 auto !important;
		width: 100% !important;
	}
	body.in-kosik .cart-row > .col-md-8 .cart-content {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	body.in-kosik .cart-table,
	body.in-kosik .cart-items,
	body.in-kosik .cart-content > table {
		min-width: 620px;
	}
	body.in-kosik .summary-wrapper .next-step,
	body.in-kosik .next-step.next-step--cart {
		grid-template-columns: 1fr !important;
	}
}

/* ---- Hlavička: bohatý zeleno-limetkový gradient ---- */
/* hlavička = JEDEN spojitý vertikální gradient (horní lišta navazuje barvou) */
#header { background: var(--bm-grad-header) !important; }
.top-navigation-bar { background: #143d0c !important; border: 0 !important; }
.top-navigation-bar, #header { box-shadow: none !important; }

/* ---- Pilly kategorie (dokud jsou) → limetkový gradient ---- */
@media (min-width: 981px) {
	.navigation-in.menu > ul.menu-level-1 > li > a {
		background: var(--bm-grad-lime-soft) !important;
		color: #163e0c !important;
		border-color: rgba(20, 64, 13, 0.22) !important;
	}
	.navigation-in.menu > ul.menu-level-1 > li > a:hover,
	.navigation-in.menu > ul.menu-level-1 > li.active > a {
		background: var(--bm-grad-green) !important; color: #ffffff !important;
	}
}

/* ---- Akcenty: podtrh nadpisů, hero slovo, ceny ---- */
.products-block-header::after, .product-list-heading::after, h2.heading::after {
	background: var(--bm-grad-lime) !important;
}
.bm-hp-hero__title span {
	background: var(--bm-grad-lime);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.55));
	text-shadow: none;
}
.bm-hp-hero__eyebrow { color: var(--bm-lime) !important; }

/* ---- USP pruh ikony: nahradit rozbité Shoptet ikony vlastními SVG ---- */
.benefitBanner__img { display: none !important; }                 /* pryč „srpek" */
.benefitBanner__picture { background: transparent !important; border-radius: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; }
.bm-usp-ico {
	display: inline-flex; align-items: center; justify-content: center;
	width: 48px; height: 48px; flex: 0 0 48px; border-radius: 50%;
	background: var(--bm-grad-lime);
	box-shadow: 0 5px 14px rgba(46, 125, 30, 0.32);
}
.bm-usp-ico svg { width: 25px; height: 25px; stroke: #14280a; fill: none; }

/* ---- Skladem / akce → gradient pill ---- */
.flag, .flag-discount, .bm-badge--sale {
	background: linear-gradient(135deg, #ff7a3d, #e2483f) !important; color: #fff !important; border: 0 !important;
}
.availability-instock, .amount, .stock { color: var(--bm-grass) !important; }

/* ---- Rozbalovací menu „KATEGORIE ▾" (varianta B; nahrazuje pill bubliny) ---- */
html.bm-has-catmenu .navigation-in.menu > ul.menu-level-1 { display: none !important; }
/* hlavička nad hero (hero má vlastní stacking context kvůli full-bleed left:50%
   + isolation) → dropdown panel se NEpřekrývá s bannerem */
#header { position: relative; z-index: 100; }
@media (max-width: 980px) {
	body.type-category.ums_mobile_header_v1--on #header,
	body.type-category.ums_mobile_header_v1 #header {
		top: 0 !important;
		margin-top: 50px !important;
	}
}
.bm-catmenu { display: none; z-index: 101; }
@media (min-width: 981px) {
	.bm-catmenu { position: relative; display: inline-flex; }
	/* KATEGORIE vedle loga: logo+tlačítko přirozená šířka vlevo, hledání vyplní
	   střed, košík vpravo — header-top je flex (3 sloupce) → přerozdělit, bez zalomení */
	.bm-has-catmenu .header-top { flex-wrap: nowrap !important; align-items: center !important; }
	.bm-has-catmenu .header-top > .site-name-wrapper { flex: 0 0 auto !important; width: auto !important; }
	.bm-has-catmenu .header-top > .bm-catmenu { flex: 0 0 auto; align-self: center; margin: 0 0 0 1.4rem; }
	.bm-has-catmenu .header-top > .search { flex: 1 1 auto !important; width: auto !important; }
	.bm-has-catmenu .header-top > .navigation-buttons,
	.bm-has-catmenu .header-top > .user-action { flex: 0 0 auto !important; width: auto !important; }
}
.bm-catmenu__btn {
	display: inline-flex; align-items: center; gap: 0.6em;
	font-family: var(--bm-font-head); font-weight: 800; font-size: 15px; line-height: 1;
	text-transform: uppercase; letter-spacing: 0.06em;
	color: #14280a; background: var(--bm-grad-lime); border: 0; cursor: pointer;
	padding: 14px 24px; border-radius: 999px; box-shadow: 0 4px 14px rgba(20, 64, 13, 0.35);
	transition: transform 0.18s var(--bm-ease), box-shadow 0.18s ease, filter 0.18s ease;
}
.bm-catmenu__btn:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(20, 64, 13, 0.42); filter: brightness(1.04); }
.bm-catmenu__bars { display: inline-flex; flex-direction: column; gap: 3px; width: 18px; }
.bm-catmenu__bars span { height: 2.5px; border-radius: 2px; background: #14280a; display: block; }
.bm-catmenu__chev { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #14280a; transition: transform 0.2s ease; }
.bm-catmenu.is-open .bm-catmenu__chev { transform: rotate(180deg); }
.bm-catmenu__panel {
	position: absolute; top: calc(100% + 10px); left: 0; z-index: 60;
	min-width: 300px; background: #ffffff; border-radius: 16px; padding: 8px;
	box-shadow: 0 22px 54px rgba(12, 18, 8, 0.30); border: 1px solid var(--bm-line);
	opacity: 0; visibility: hidden; transform: translateY(-8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.bm-catmenu.is-open .bm-catmenu__panel { opacity: 1; visibility: visible; transform: none; }
.bm-catmenu__panel ul { list-style: none; margin: 0; padding: 0; }
/* ČERNÉ popisky + !important i na text-fill: catmenu je uvnitř .header-top,
   kde „.header-top a" vynucuje světlou barvu (i přes -webkit-text-fill-color) */
.bm-catmenu__panel a {
	display: block; padding: 11px 16px; border-radius: 10px; text-decoration: none;
	color: #000 !important; -webkit-text-fill-color: #000 !important;
	font-weight: 700; font-size: 15px; opacity: 1 !important;
	transition: background 0.15s ease, color 0.15s ease;
}
.bm-catmenu__panel a:hover { background: var(--bm-grad-lime-soft); color: #000 !important; -webkit-text-fill-color: #000 !important; }

/* Mobile Shoptet hamburger panel: keep the desktop catmenu replacement
   hidden until the native off-canvas navigation is actually open. */
@media (max-width: 980px) {
	body.navigation-window-visible #navigation {
		background: #ffffff !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}
	body.navigation-window-visible #navigation .navigation-in.menu,
	body.navigation-window-visible #navigation .navigation-in.menu * {
		visibility: visible !important;
	}
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 76px 18px 28px !important;
		list-style: none !important;
		background: #ffffff !important;
	}
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 0 9px !important;
		padding: 0 !important;
		list-style: none !important;
	}
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/kontakty"]),
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/login"]),
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/prihlaseni"]) {
		display: none !important;
	}
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/rigy/"]) { order: 1; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/slurpery/"]) { order: 2; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/doplnky-na-extrakty/"]) { order: 3; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/mereni/"]) { order: 4; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/baleni/"]) { order: 5; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/cleaning/"]) { order: 6; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/puffco-doplnky/"]) { order: 7; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li:has(> a[href*="/merch/"]) { order: 99; }
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li > a {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		min-height: 52px !important;
		padding: 14px 16px !important;
		border-radius: 14px !important;
		background: var(--bm-grad-lime-soft) !important;
		color: #14280a !important;
		-webkit-text-fill-color: #14280a !important;
		border: 1px solid rgba(20, 64, 13, 0.16) !important;
		box-shadow: 0 4px 14px rgba(20, 64, 13, 0.10) !important;
		font-family: var(--bm-font-head) !important;
		font-size: 16px !important;
		font-weight: 800 !important;
		line-height: 1.22 !important;
		text-decoration: none !important;
		white-space: normal !important;
	}
	body.navigation-window-visible #navigation .navigation-in.menu > ul.menu-level-1 > li > a::after {
		content: ">";
		display: inline-block !important;
		position: static !important;
		width: auto !important;
		height: auto !important;
		margin-left: 12px;
		background: none !important;
		color: #14280a !important;
		-webkit-text-fill-color: #14280a !important;
		font-size: 22px !important;
		line-height: 1 !important;
		transform: none !important;
	}
	body.navigation-window-visible #navigation .menu-level-2 {
		display: none !important;
	}
}

/* ============================================================ */
/* PERF: plynulost — pryč GPU-náročný backdrop-filter blur.      */
/* Hlavička/hledání/košík jsou plné/gradientové → blur netřeba,  */
/* a blur nad animovaným hero (Ken Burns) se přepočítává každý   */
/* frame → škubání. Globální vypnutí = čistý výkonový zisk.      */
/* ============================================================ */
*, *::before, *::after {
	-webkit-backdrop-filter: none !important;
	        backdrop-filter: none !important;
}

/* ---- Vlajkový přepínač jazyků (CS/EN/DE/ES) v horní liště ---- */
/* !important display: Shoptet responzivně skrývá obsah lišty → vlajky vždy vidět */
.bm-langs { display: inline-flex !important; gap: 7px; align-items: center; margin-left: 14px; }
.bm-lang {
	width: 24px; height: 16px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 3px; overflow: hidden; cursor: pointer; background: none; line-height: 0;
	opacity: 0.55; transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
	flex: 0 0 auto;
}
.bm-lang svg { width: 100%; height: 100%; display: block; }
.bm-lang:hover { opacity: 1; transform: translateY(-1px); }
.bm-lang.is-active { opacity: 1; border-color: var(--bm-lime); box-shadow: 0 0 0 1px var(--bm-lime); }
/* mobil/tablet: lišta se přeskupuje → vlajky vlastní řádek vpravo, vždy viditelné */
@media (max-width: 980px) {
	.bm-langs { display: flex !important; width: 100%; justify-content: flex-end; margin: 5px 0 !important; padding-right: 12px; gap: 10px; box-sizing: border-box; }
	.bm-lang { width: 30px; height: 20px; } /* větší tap-target pro palec */
	/* Shoptet na mobilu pozicuje logo absolutně do horní lišty (top:-50px)
	   a jeho prázdná klikací plocha (width 250px/64vw, grafika jen ~85 px)
	   ležela PŘES vlajkami — CS/EN/DE nešly tapnout. Strop šířky vrací
	   tapy vlajkám; grafika (contain, fit výškou) se nemění. */
	.site-name a { max-width: 34vw !important; }
	/* Sticky lišta na mobilu: Shoptet ji fixuje a při scrollu řídí inline
	   stylem top (schová/vysune). S našimi řádky (zprávy + vlajky, ~98 px)
	   nad zelenou hlavičkou pak při scrollu vyjížděla přes hero jako obří
	   pás — useknutý nadpis, „Doprava zdarma" na textu, rozházená navigace
	   (feedback klienta 24. 7.). Absolute + top:0 přebije inline top z JS:
	   lišta normálně odscrolluje s obsahem a nikdy nic nepřekryje;
	   geometrie při scrollY 0 je totožná. Hlavička pojistně relative,
	   ať ji mobilní varianta Shoptet JS nemůže fixovat taky. */
	.top-navigation-bar { position: absolute !important; top: 0 !important; }
	.header { position: relative !important; transform: none !important; }
	.navigation-buttons [data-testid="headerCart"][data-target="cart"],
	.navigation-buttons .cart-count {
		top: -69px !important;
		right: 50px !important;
		bottom: auto !important;
	}
}

/* ---- „Přihlášení" (login) IDENTICKÉ s „Jak nakupovat" (13px/400/UPPERCASE).
   Viditelný login je <span> v <button.top-nav-button-login> (ne <a>!). ---- */
.top-nav-button-login, .top-nav-button-login span, .top-navigation-tools .top-nav-button,
.top-navigation-bar a[href*="/login"], .header a[href*="/login"], a[href*="/login/?backTo"],
.login a, .user-login a, .login-info a {
	font-size: 13px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: normal !important;
	line-height: 18px !important;
	color: #e9f3e1 !important;
	-webkit-text-fill-color: #e9f3e1 !important;
}

/* ================================================================== */
/* ============ ANIMATION POLISH v4 — přechody & plynulost ========== */
/* (charakter animací zachován, doladěné časování/easing/čistota)     */
/* ================================================================== */

/* ---- Přechody stránek: brand veil při odchodu (injektuje JS) ----- */
.bm-veil {
	position: fixed;
	inset: 0;
	z-index: 99997; /* pod loaderem (100000) i kurzorem, nad vším ostatním */
	background: radial-gradient(circle at 50% 45%, #16210f 0%, #0b0f07 72%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s;
}
.bm-veil.is-on { opacity: 1; visibility: visible; }
/* příchozí stránka navazující na exit veil: start zataženě, bez transition */
.bm-veil--instant { transition: none !important; }

/* ---- Nájezd obsahu při opakované navigaci (loader jen 1×/session) - */
@keyframes bmPageIn { from { opacity: 0; } }
html.bm-enter body > *:not(.bm-loader):not(.bm-veil):not(.bm-cursor):not(.bm-drip):not(.bm-intro) {
	animation: bmPageIn 0.45s ease-out both;
}

/* ---- Loader: hladší pulz + prémiový odchod (scale-up do ztracena) - */
.bm-loader__badge img { animation-duration: 1.7s; animation-timing-function: ease-in-out; }
.bm-loader__badge { transition: transform 0.6s var(--bm-ease), opacity 0.5s ease; }
.bm-loader.is-out .bm-loader__badge { transform: scale(1.12); opacity: 0; }

/* ---- Hero nájezd čeká, dokud svítí loader (jinak proběhne schovaný) */
html.bm-loading .bm-hp-hero__eyebrow,
html.bm-loading .bm-hp-hero__title,
html.bm-loading .bm-hp-hero__sub,
html.bm-loading .bm-hp-hero__cta,
html.bm-loading .bm-hp-hero__rig { animation-play-state: paused; }

/* ---- Bong v banneru jemně dýchá (dřív úplně statický) ------------ */
@keyframes bmBongFloat { from { transform: translateY(0); } to { transform: translateY(-8px); } }
.bm-hp-bong__rig { animation: bmBongFloat 6.5s ease-in-out infinite alternate; will-change: transform; }

/* ---- Scroll-reveal: transition drží i proti pravidlům karet ------ */
/* Zdvojená třída (0,2,0) přebije hover-transition pravidla karet
   (0,1,0) bez !important → inline transition-delay (stagger z JS)
   zůstává funkční. JS třídy po dojetí odklidí → hover čistý. */
.bm-reveal.bm-reveal { transition: opacity 0.7s var(--bm-ease), transform 0.7s var(--bm-ease); }
@media (max-width: 640px) { .bm-reveal { transform: translateY(16px); } }

/* ---- Promo dlaždice: fotka jemně přibližuje (transition už měla) -- */
.bm-promo__tile:hover .bm-promo__img { transform: scale(1.05); }

/* ---- Produktové karty: zoom fotky k lift+border hoveru ----------- */
.products .product .image img, .product-box .image img,
.products .product .p-image img {
	transition: transform 0.5s var(--bm-ease);
}
.products .product:hover .image img, .product-box:hover .image img,
.products .product:hover .p-image img { transform: scale(1.05); }

/* ---- Mega dropdown: pop-in místo tvrdého display flipu ----------- */
@keyframes bmDropIn { from { opacity: 0; transform: translateY(8px); } }
@media (min-width: 981px) {
	.navigation-in.menu .menu-level-2, .menu .menu-level-2 {
		animation: bmDropIn 0.26s var(--bm-ease);
		transform-origin: top center;
	}
}

/* ---- KATEGORIE panel: měkčí nájezd (scale + brand easing) -------- */
.bm-catmenu__panel {
	transform: translateY(-10px) scale(0.98);
	transform-origin: top left;
	transition: opacity 0.22s ease, transform 0.3s var(--bm-ease), visibility 0.3s;
}
.bm-catmenu.is-open .bm-catmenu__panel { transform: none; }

/* ---- Hero CTA: sheen přejezd při hoveru (prémiový detail) -------- */
.bm-btn-primary, .bm-btn-ghost { position: relative; overflow: hidden; }
.bm-btn-primary::after {
	content: "";
	position: absolute;
	top: 0; bottom: 0; left: -80%;
	width: 55%;
	background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.32), transparent);
	transform: skewX(-20deg);
	pointer-events: none;
	transition: left 0s;
}
.bm-btn-primary:hover::after { left: 130%; transition: left 0.6s ease; }

/* POZN.: globální html{scroll-behavior:smooth} záměrně NEdáváme —
   animoval by i programové scrolly Shoptetu (validace, stránkování)
   a rozbíjel měření pozic v jeho pluginech. */

/* ---- Reduced motion: všechno nové vypnout, obsah hned viditelný --- */
@media (prefers-reduced-motion: reduce) {
	.bm-loader, .bm-veil { display: none !important; }
	html.bm-enter body > * { animation: none !important; }
	.bm-hp-bong__rig { animation: none !important; }
	.navigation-in.menu .menu-level-2, .menu .menu-level-2 { animation: none !important; }
	.bm-btn-primary::after { display: none !important; }
	.bm-catmenu__panel { transition: opacity 0.15s ease !important; transform: none !important; }
	.products .product .image img, .product-box .image img { transition: none !important; }
}

/* ================================================================== */
/* ===== v5 — KOŠÍKOVÝ POPUP + DETAIL PRODUKTU (premium/liquid) ===== */
/* Cílí na REÁLNÉ třídy template-11 (staženo z živého budman-shop.cz). */
/* ================================================================== */

/* ------------------------------------------------------------------ */
/* KOŠÍKOVÝ POPUP (mini-cart) — REÁLNÝ markup: GetCartContent vrací    */
/* kompletní cart page (#cart-wrapper, kroky, tabulku, sidebar) a      */
/* Shoptet ho nalije do .place-cart-here. Popup z toho udělá kompakt:  */
/* skryje kroky/kontakt/duplicitní tlačítka, nechá položky + dopravu   */
/* zdarma + součet. Pozici pod tlačítkem košíku kotví JS               */
/* (anchorCartWidget) — widget je v DOM úplně jinde než tlačítko.      */
/* ------------------------------------------------------------------ */

/* ⚠️ KLÍČOVÉ: popup je position:fixed → zavřený by překrýval stránku a bral
   kliknutí (přesně přes „Nejprodávanější" karty). Shoptet otevírá popup přes
   body.cart-window-visible (hover košíku i po přidání do košíku) + aria-hidden.
   Mimo otevřený stav je widget skrytý a NEinteraktivní → nic neblokuje. */
#cart-widget.cart-widget {
	visibility: hidden !important;
	pointer-events: none !important;
}
body.cart-window-visible #cart-widget.cart-widget,
#cart-widget.cart-widget[aria-hidden="false"] {
	visibility: visible !important;
	pointer-events: auto !important;
}

/* karta popupu — bílá, zlatý lem, stín (pozici dodá JS: fixed) */
#cart-widget.cart-widget {
	z-index: 9000 !important;
	background: var(--bm-surface) !important;
	border: 1px solid var(--bm-line) !important;
	border-top: 3px solid var(--bm-gold) !important;
	border-radius: 16px !important;
	box-shadow: 0 26px 60px rgba(12, 18, 8, 0.28) !important;
	overflow: hidden;
	padding: 0 !important;
	margin-top: 0 !important; /* Shoptet base: margin-top:18px + top:103px → přebít */
	height: auto !important;  /* nechat růst dle obsahu (jinak absolutní footer overlapuje) */
}
/* Shoptet špička (:before, right:35px) nesedí na naši JS-fixed pozici → pryč */
#cart-widget.cart-widget::before { display: none !important; }
#cart-widget .popup-widget-inner.place-cart-here {
	width: auto !important;
	max-width: none !important;
	max-height: min(64vh, 520px);
	overflow-y: auto;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 8px 12px 0 !important;
	color: var(--bm-text) !important;
}

/* VŠECHEN text čitelně tmavý (bílé/vybledlé dědičnosti z hlavičky) */
#cart-widget, #cart-widget a:not(.btn), #cart-widget span, #cart-widget td,
#cart-widget strong, #cart-widget p, #cart-widget label {
	color: var(--bm-text) !important;
	-webkit-text-fill-color: var(--bm-text) !important;
}

/* ================================================================== */
/* REÁLNÝ markup popupu = simple_ajax_cart (.cart-widget-product*).    */
/* Ověřeno na livu: eshop má feature simple_ajax_cart:true → popup     */
/* NENÍ .cart-table, ale .cart-widget-products. A .cart-free-shipping  */
/* je u Shoptetu position:absolute;bottom:66px → PŘEKRÝVÁ produkt.     */
/* Tohle je ta pravá oprava.                                           */
/* ================================================================== */

/* NEPRŮSTŘELNÝ reset: cokoliv Shoptet do popupu nalije → normální tok
   (žádné absolutní/float pozicování) → nikdy se nic nepřekryje. */
#cart-widget .place-cart-here .cart-free-shipping,
#cart-widget .place-cart-here .cart-widget-products,
#cart-widget .place-cart-here .cart-widget-product,
#cart-widget .place-cart-here .cart-widget-product > div {
	position: static !important;
	float: none !important;
}

/* kontejner položek */
#cart-widget .cart-widget-products { display: block !important; padding: 10px 12px 2px !important; }
#cart-widget .cart-widget-products-inner { display: block !important; }

/* jedna položka → grid: [fotka] [název+cena] [množství] [ks] [×] */
#cart-widget .cart-widget-product {
	display: grid !important;
	grid-template-columns: 46px 1fr auto auto auto;
	align-items: center !important;
	gap: 2px 9px;
	height: auto !important;
	padding: 9px 0 !important;
	border-bottom: 1px solid var(--bm-line);
}
#cart-widget .cart-widget-product > div {
	display: block !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	vertical-align: middle !important;
}
#cart-widget .cart-widget-product-image { grid-column: 1; }
#cart-widget .cart-widget-product-image a { display: block !important; height: auto !important; }
#cart-widget .cart-widget-product-image img {
	width: 46px !important; height: 46px !important; max-height: none !important;
	object-fit: contain !important; background: #fff;
	border: 1px solid var(--bm-line); border-radius: 9px; padding: 3px;
}
#cart-widget .cart-widget-product-name { grid-column: 2; min-width: 0; }
#cart-widget .cart-widget-product-name strong { display: block; font-weight: 700 !important; }
#cart-widget .cart-widget-product-name strong a {
	font-size: 0.88rem !important; line-height: 1.25 !important; text-decoration: none !important;
	color: var(--bm-text) !important; -webkit-text-fill-color: var(--bm-text) !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
#cart-widget .cart-widget-product-name [data-testid="cartWidgetProductPrice"] {
	display: block; font-weight: 800 !important; font-size: 0.86rem !important;
	color: var(--bm-price) !important; -webkit-text-fill-color: var(--bm-price) !important; margin-top: 2px;
}
/* množství: čisté číslo (Shoptet +/− glyphy 10px vypadají jako „××") */
#cart-widget .cart-widget-product-amount { grid-column: 3; }
#cart-widget .cart-widget-product-amount .quantity-form { margin: 0 !important; }
#cart-widget .cart-widget-product-amount .quantity {
	display: inline-flex !important; align-items: center; position: static !important;
	border: 1px solid var(--bm-line-strong); border-radius: 9px; background: #fff; overflow: hidden;
}
#cart-widget .cart-widget-product-amount .quantity label { margin: 0 !important; }
#cart-widget .cart-widget-product-amount input.amount {
	width: 34px !important; height: 30px !important; border: 0 !important;
	text-align: center !important; font-weight: 800 !important;
	background: transparent !important; box-shadow: none !important; padding: 0 !important;
	-moz-appearance: textfield; appearance: textfield;
}
#cart-widget .cart-widget-product-amount input.amount::-webkit-outer-spin-button,
#cart-widget .cart-widget-product-amount input.amount::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#cart-widget .cart-widget-product-amount .increase,
#cart-widget .cart-widget-product-amount .decrease,
#cart-widget .cart-widget-product-amount .increase-tooltip,
#cart-widget .cart-widget-product-amount .decrease-tooltip { display: none !important; }
#cart-widget .cart-widget-product-unit { grid-column: 4; font-size: 0.72rem !important; color: var(--bm-muted) !important; -webkit-text-fill-color: var(--bm-muted) !important; }
/* × smazat */
#cart-widget .cart-widget-product-delete { grid-column: 5; }
#cart-widget .cart-widget-product-delete button.remove-item {
	width: 26px !important; height: 26px !important; border: 0 !important; background: transparent !important;
	cursor: pointer; color: var(--bm-muted) !important; -webkit-text-fill-color: var(--bm-muted) !important;
	font-size: 1.05rem; line-height: 1; padding: 0 !important;
}
#cart-widget .cart-widget-product-delete button.remove-item::before { content: "×"; }
#cart-widget .cart-widget-product-delete button.remove-item:hover { color: #d0402f !important; -webkit-text-fill-color: #d0402f !important; }

/* KLÍČ: „doprava zdarma" — z position:absolute na normální tok + zelená karta */
#cart-widget .cart-free-shipping {
	position: static !important;
	bottom: auto !important; left: auto !important; top: auto !important; right: auto !important;
	width: auto !important; height: auto !important;
	display: block !important;
	margin: 6px 12px 2px !important; padding: 0 !important; z-index: auto !important;
	text-align: center;
}
#cart-widget .cart-free-shipping > div {
	display: block !important;
	padding: 11px 12px !important;
	background: rgba(143, 214, 79, 0.10) !important;
	border: 1px solid rgba(46, 125, 30, 0.16) !important;
	border-radius: 12px !important;
	font-size: 0.82rem !important; line-height: 1.4 !important; vertical-align: middle;
}
#cart-widget .cart-free-shipping strong { color: var(--bm-green) !important; -webkit-text-fill-color: var(--bm-green) !important; font-weight: 800 !important; }

/* úzký mobil: název přes celou šířku, pod ním fotka | množství | ks | × */
@media (max-width: 520px) {
	#cart-widget .cart-widget-product { grid-template-columns: 46px auto auto 1fr; }
	#cart-widget .cart-widget-product-name { grid-column: 1 / -1; order: -1; }
	#cart-widget .cart-widget-product-image { grid-column: 1; }
	#cart-widget .cart-widget-product-amount { grid-column: 2; }
	#cart-widget .cart-widget-product-unit { grid-column: 3; }
	#cart-widget .cart-widget-product-delete { grid-column: 4; justify-self: end; }
}

/* --- Fallback pro NE-simple markup (.cart-table) zůstává níže --- */

/* page-level obaly z payloadu → obyčejné bloky bez gridu */
#cart-widget #cart-wrapper, #cart-widget .cart-inner, #cart-widget .cart-row,
#cart-widget .cart-row > [class*="col-"], #cart-widget .cart-content {
	display: block !important;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* v popupu NEZOBRAZOVAT: kroky objednávky, nadpis „Dárky a slevy",
   kontakt box, tlačítka Zpět/Pokračovat z payloadu (má je widget sám) */
#cart-widget .cart-header,
#cart-widget .cart-summary h2,
#cart-widget .checkout-box-wrapper,
#cart-widget .sidebar-in-cart .next-step,
#cart-widget .p-label,
#cart-widget td.p-availability,
#cart-widget td.p-price { display: none !important; }

/* tabulka položek → FLEX řádky (table by přetékala šířku popupu) */
#cart-widget .cart-table,
#cart-widget .cart-table tbody { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
#cart-widget .cart-table tr {
	display: grid !important;
	grid-template-columns: auto 1fr auto auto;
	align-items: center !important;
	gap: 6px 10px;
	border-bottom: 1px solid var(--bm-line);
	padding: 8px 0;
}
#cart-widget .cart-table td {
	display: block !important;
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	vertical-align: middle !important;
}
/* grid: [fotka] [název roztažený] [stepper] [cena+×] — drží na jednom řádku */
#cart-widget .cart-table .cart-p-image { grid-column: 1; }
#cart-widget .cart-table .p-name { grid-column: 2; min-width: 0; }
#cart-widget .cart-table .p-quantity { grid-column: 3; }
#cart-widget .cart-table .p-total { grid-column: 4; display: inline-flex !important; align-items: center; gap: 4px; justify-content: flex-end; }
/* úzké mobily: název přes celý horní řádek, pod ním fotka | stepper | cena */
@media (max-width: 520px) {
	#cart-widget .cart-table tr { grid-template-columns: auto 1fr auto; }
	#cart-widget .cart-table .p-name { grid-column: 1 / -1; order: -1; }
	#cart-widget .cart-table .cart-p-image { grid-column: 1; }
	#cart-widget .cart-table .p-quantity { grid-column: 2; justify-self: start; }
	#cart-widget .cart-table .p-total { grid-column: 3; }
}
/* skrytí sloupců MUSÍ být za flexify pravidly (stejná specificita → pořadí) */
#cart-widget .cart-table td.p-availability,
#cart-widget .cart-table td.p-price { display: none !important; }
/* ceny v popupu kompaktní (detail stránky má body.type-product obří .price-final) */
#cart-widget .price-final { font-size: 0.92rem !important; line-height: 1.2 !important; }
/* sr-only utilita (harness/у šablony pojistka — text „Odstranit z košíku") */
#cart-widget .sr-only {
	position: absolute !important;
	width: 1px !important; height: 1px !important;
	padding: 0 !important; margin: -1px !important;
	overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important; border: 0 !important;
}
#cart-widget .cart-table .cart-p-image { flex: 0 0 46px; width: auto !important; }
#cart-widget .cart-table .cart-p-image img {
	width: 46px !important; height: 46px !important; object-fit: contain !important;
	background: #fff; border: 1px solid var(--bm-line); border-radius: 9px; padding: 3px;
	display: block;
}
#cart-widget .cart-table .p-name a.main-link {
	font-weight: 700 !important; font-size: 0.88rem !important; line-height: 1.25 !important;
	text-decoration: none !important; display: block;
}
#cart-widget .cart-table .p-total { text-align: right !important; white-space: nowrap !important; }
#cart-widget .cart-table .p-total .price-final { font-weight: 800 !important; font-size: 0.9rem !important; }
#cart-widget .unit-value { display: none !important; }

/* množství v popupu = kompaktní read-only číslo + „ks" (plný stepper je
   na stránce /kosik/). Shoptet +/− glyphy jsou 10px a v malém vypadají
   jako „××" → v popupu je schováme; číslo zůstává (typováním jde měnit). */
#cart-widget .quantity-form { margin: 0 !important; }
#cart-widget .quantity {
	display: inline-flex !important;
	align-items: center;
	position: static !important;
	border: 1px solid var(--bm-line-strong);
	border-radius: 9px;
	overflow: hidden;
	background: #fff;
	padding: 0 4px;
}
#cart-widget .quantity label { margin: 0 !important; display: inline-flex; }
#cart-widget .quantity input.amount {
	width: 34px !important; height: 30px !important;
	border: 0 !important; text-align: center !important; font-weight: 800 !important;
	background: transparent !important; box-shadow: none !important; padding: 0 !important;
	-moz-appearance: textfield; appearance: textfield;
}
#cart-widget .quantity input.amount::-webkit-outer-spin-button,
#cart-widget .quantity input.amount::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* „ks" jen u .cart-table verze (ta nemá vlastní unit); simple_ajax_cart
   má .cart-widget-product-unit → tam by to zdvojilo „ks ks" */
#cart-widget .cart-table .quantity::after { content: "ks"; font-size: 0.72rem; color: var(--bm-muted); padding: 0 4px 0 2px; }
#cart-widget .quantity button.increase,
#cart-widget .quantity button.decrease,
#cart-widget .quantity .increase-tooltip,
#cart-widget .quantity .decrease-tooltip { display: none !important; }

/* odstranit z košíku — decentní × */
#cart-widget .remove-item {
	width: 26px; height: 26px; margin-left: 8px;
	border: 0 !important; background: transparent !important; cursor: pointer;
	color: var(--bm-muted) !important; -webkit-text-fill-color: var(--bm-muted) !important;
	font-size: 1.05rem; line-height: 1; vertical-align: middle;
	transition: color 0.15s ease;
}
#cart-widget .remove-item::before { content: "×"; }
#cart-widget .remove-item:hover { color: #d0402f !important; -webkit-text-fill-color: #d0402f !important; }

/* „doprava zdarma" — zelená karta + gradient progress (.price-range) */
#cart-widget .cart-summary { margin: 8px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
#cart-widget .extras-wrapper, #cart-widget .extras-col, #cart-widget .extras-wrap { display: block !important; margin: 0 !important; padding: 0 !important; }
#cart-widget .extra.delivery {
	display: block !important; margin: 0 0 4px !important; padding: 11px 12px !important;
	background: rgba(143, 214, 79, 0.10) !important;
	border: 1px solid rgba(46, 125, 30, 0.16) !important;
	border-radius: 12px !important;
	font-size: 0.82rem !important; line-height: 1.45; text-align: center;
}
/* Shoptet base: .extra.delivery{padding-left:60px} + :before ikona (font glyph)
   left:0 → v naší kompaktní kartě přebývá; skrýt, text vycentrovat */
#cart-widget .extra.delivery::before { display: none !important; content: none !important; }
#cart-widget .extra.delivery strong { color: var(--bm-green) !important; -webkit-text-fill-color: var(--bm-green) !important; font-weight: 800 !important; }
#cart-widget .price-range {
	height: 7px; margin-top: 8px; border-radius: 999px;
	background: rgba(20, 64, 13, 0.12); overflow: hidden;
}
#cart-widget .price-range > div {
	height: 100% !important; border-radius: 999px;
	background: var(--bm-grad-lime) !important;
	box-shadow: 0 0 8px rgba(143, 214, 79, 0.5);
}

/* součet ze sidebaru payloadu nechat jako řádek „Celkem za zboží" */
#cart-widget .sidebar-in-cart { display: block !important; }
#cart-widget .sidebar-in-cart .summary-wrapper .box {
	background: transparent !important; border: 0 !important; box-shadow: none !important;
	margin: 0 !important; padding: 0 !important;
}
#cart-widget .price-wrapper {
	display: flex !important; align-items: center; justify-content: space-between;
	gap: 10px; margin: 6px 0 0 !important; padding: 10px 2px 2px !important;
	border-top: 1px solid var(--bm-line);
	font-size: 0.9rem;
}
#cart-widget .price-wrapper .price { font-weight: 800 !important; font-size: 1rem !important; }

/* spodní CTA widgetu (statické tlačítko „Pokračovat do košíku") */
#cart-widget > .cart-widget-button {
	position: static !important;   /* Shoptet base: absolute → overlapoval dopravu zdarma */
	background: transparent !important; border: 0 !important; box-shadow: none !important;
	padding: 10px 12px 12px !important; margin: 0 !important;
}
#cart-widget > .cart-widget-button .btn {
	display: flex !important; align-items: center; justify-content: center;
	width: 100% !important; min-height: 48px !important;
	padding: 12px 18px !important; border-radius: 12px !important;
	font-weight: 800 !important; letter-spacing: 0.01em; font-size: 0.95rem !important;
	background: var(--bm-grad-lime) !important;
	color: #14280a !important; -webkit-text-fill-color: #14280a !important;
	border: 0 !important;
	box-shadow: 0 8px 20px rgba(46, 125, 30, 0.26) !important;
	transition: transform 0.18s var(--bm-ease), box-shadow 0.18s ease, background 0.18s ease !important;
}
#cart-widget > .cart-widget-button .btn:hover {
	transform: translateY(-1px);
	background: var(--bm-grad-green) !important;
	color: #fff !important; -webkit-text-fill-color: #fff !important;
	box-shadow: 0 12px 28px rgba(46, 125, 30, 0.4) !important;
}

/* prázdný košík */
#cart-widget .place-cart-here > p,
#cart-widget .cart-empty { text-align: center; padding: 20px 10px; color: var(--bm-muted) !important; -webkit-text-fill-color: var(--bm-muted) !important; }

/* ------------------------------------------------------------------ */
/* DETAIL PRODUKTU — vzdušný, prémiový, liquid akcenty.               */
/* ------------------------------------------------------------------ */

/* mřížka detailu — víc prostoru mezi galerií a infem */
body.type-product .product-top { gap: clamp(1.6rem, 3vw, 3rem) !important; align-items: start; }

/* GALERIE / hlavní fotka → glass karta s jemným rámem a liquid září */
body.type-product .p-image-wrapper,
body.type-product .p-detail .image-cover,
body.type-product .p-detail .p-image {
	position: relative;
	background: linear-gradient(160deg, #ffffff 0%, #fbfaf4 100%) !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 20px !important;
	box-shadow: 0 12px 34px rgba(23, 20, 13, 0.07);
	overflow: hidden;
}
body.type-product .p-image-wrapper::before {
	content: ""; position: absolute; inset: 0; z-index: 0;
	background: radial-gradient(60% 60% at 70% 20%, rgba(143, 214, 79, 0.10), transparent 70%);
	pointer-events: none;
}
body.type-product .p-image-wrapper img { position: relative; z-index: 1; transition: transform 0.5s var(--bm-ease); }
body.type-product .p-image-wrapper:hover img { transform: scale(1.04); }

/* NADPIS + KÓD — čisté zarovnání (kód pod nadpisem, tlumený čip) */
body.type-product .p-detail-inner-header { margin-bottom: 1rem; }
body.type-product .p-detail-inner-header h1 {
	font-family: var(--bm-font-head) !important;
	font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.4rem) !important;
	line-height: 1.08 !important; letter-spacing: -0.02em; margin: 0 0 0.5rem !important;
	color: var(--bm-heading) !important;
}
body.type-product .p-code {
	display: inline-flex; align-items: center; gap: 0.4em;
	font-size: 0.76rem !important; color: var(--bm-muted) !important;
	background: rgba(23, 20, 13, 0.05); border: 1px solid var(--bm-line);
	padding: 0.28em 0.7em; border-radius: 999px;
}
body.type-product .p-code-label { font-weight: 700; }

/* CENA — velká, tučná, se zlatým podtržítkovým akcentem */
body.type-product .p-final-price-wrapper { margin: 1rem 0 0.6rem !important; }
body.type-product .price-final,
body.type-product .price-final-holder {
	font-family: var(--bm-font-head) !important;
	font-size: clamp(1.9rem, 1.4rem + 1.6vw, 2.6rem) !important;
	font-weight: 800 !important; color: var(--bm-price) !important; line-height: 1;
}

/* DOSTUPNOST — zelený „skladem" čip */
body.type-product .availability { margin: 0.4rem 0 1rem; }
body.type-product .availability-label,
body.type-product .availability-value {
	display: inline-flex; align-items: center; gap: 0.45em;
	font-weight: 700 !important; font-size: 0.9rem;
}
body.type-product .availability-label::before {
	content: ""; width: 8px; height: 8px; border-radius: 50%;
	background: var(--bm-grass); box-shadow: 0 0 0 3px rgba(95, 176, 26, 0.18);
}

body.type-product .p-short-description { color: var(--bm-muted) !important; line-height: 1.6; margin: 0 0 1.3rem; max-width: 42rem; }

/* NÁKUPNÍ ŘÁDEK — stepper + „Přidat do košíku" hezky zarovnané */
body.type-product .product-actions,
body.type-product .p-detail-add-to-cart { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin: 0 0 1rem; }

/* stepper množství → pill skupina */
body.type-product .quantity {
	display: inline-flex !important; align-items: stretch;
	border: 1px solid var(--bm-line-strong); border-radius: 12px; overflow: hidden; background: var(--bm-surface);
}
body.type-product .quantity .decrease,
body.type-product .quantity .increase,
body.type-product .quantity .decrease-button,
body.type-product .quantity .increase-button {
	display: inline-flex !important; align-items: center; justify-content: center;
	width: 42px; font-size: 1.15rem; font-weight: 700; cursor: pointer; user-select: none;
	color: var(--bm-text); background: transparent; border: 0;
	transition: background-color 0.15s ease, color 0.15s ease;
}
body.type-product .quantity .decrease:hover,
body.type-product .quantity .increase:hover { background: rgba(143, 214, 79, 0.16); color: var(--bm-green-deep); }
body.type-product .quantity input.amount,
body.type-product .quantity .amount {
	width: 52px !important; text-align: center !important; border: 0 !important;
	border-inline: 1px solid var(--bm-line) !important; border-radius: 0 !important;
	font-weight: 800 !important; background: transparent !important; box-shadow: none !important;
	-moz-appearance: textfield;
}
body.type-product .quantity input.amount::-webkit-outer-spin-button,
body.type-product .quantity input.amount::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body.type-product .quantity .quantity-unit { display: inline-flex; align-items: center; padding: 0 12px; color: var(--bm-muted); font-size: 0.85rem; }

/* hlavní CTA „Přidat do košíku" — větší, plné, konzistentní výška se stepperem */
body.type-product .add-to-cart-button {
	flex: 1 1 auto; min-width: 200px; min-height: 52px;
	display: inline-flex !important; align-items: center; justify-content: center; gap: 0.5em;
	font-size: 1rem !important; font-weight: 800 !important; border-radius: 12px !important;
	padding: 12px 26px !important;
}

/* TISK / ZEPTAT SE / SDÍLET → jemné čipy s odstupem (ne holé odkazy) */
body.type-product .social-buttons,
body.type-product .p-detail-share { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 0.4rem; padding-top: 1rem; border-top: 1px solid var(--bm-line); }
body.type-product .social-buttons a,
body.type-product .p-detail-share a {
	display: inline-flex; align-items: center; gap: 0.45em;
	font-size: 0.82rem; font-weight: 700; text-decoration: none !important;
	color: var(--bm-muted) !important; -webkit-text-fill-color: var(--bm-muted) !important;
	padding: 0.5em 0.9em; border-radius: 999px; border: 1px solid var(--bm-line);
	background: var(--bm-surface); transition: color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
body.type-product .social-buttons a:hover,
body.type-product .p-detail-share a:hover { color: var(--bm-green-deep) !important; -webkit-text-fill-color: var(--bm-green-deep) !important; border-color: var(--bm-green-bright); transform: translateY(-1px); }

/* ZÁLOŽKY (Popis / Diskuze) → prémiové taby s aktivním zlatým podtržením */
body.type-product .shp-tabs.p-detail-tabs { gap: 2px !important; border-bottom: 2px solid var(--bm-line) !important; margin: 2rem 0 0 !important; padding: 0 !important; }
body.type-product .shp-tab { list-style: none; margin: 0; }
body.type-product .shp-tab-link {
	position: relative; display: inline-block; padding: 12px 20px !important;
	font-weight: 700; color: var(--bm-muted) !important; -webkit-text-fill-color: var(--bm-muted) !important;
	text-decoration: none !important; border: 0 !important; background: transparent !important;
	transition: color 0.18s ease;
}
body.type-product .shp-tab-link::after {
	content: ""; position: absolute; left: 12px; right: 12px; bottom: -2px; height: 3px; border-radius: 3px;
	background: linear-gradient(90deg, var(--bm-gold), var(--bm-gold-bright)); transform: scaleX(0); transform-origin: center;
	transition: transform 0.24s var(--bm-ease);
}
body.type-product .shp-tab.active .shp-tab-link,
body.type-product .shp-tab-link:hover { color: var(--bm-heading) !important; -webkit-text-fill-color: var(--bm-heading) !important; }
body.type-product .shp-tab.active .shp-tab-link::after { transform: scaleX(1); }

/* PARAMETRY → čistá tabulka */
body.type-product .detail-parameters { border-radius: 12px; overflow: hidden; border: 1px solid var(--bm-line); }
body.type-product .detail-parameters th,
body.type-product .detail-parameters td { padding: 11px 14px !important; border: 0 !important; border-bottom: 1px solid var(--bm-line) !important; }
body.type-product .detail-parameters th { font-weight: 700 !important; color: var(--bm-heading) !important; background: rgba(23, 20, 13, 0.03); width: 40%; }
body.type-product .detail-parameters tr:last-child th,
body.type-product .detail-parameters tr:last-child td { border-bottom: 0 !important; }

/* ------------------------------------------------------------------ */
/* SIDEBAR (kategorie + platby) — prémiové karty, aktivní stav.       */
/* ------------------------------------------------------------------ */
.box-categories, .sidebar .box, .box-onlinePayments {
	background: var(--bm-surface) !important;
	border: 1px solid var(--bm-line) !important;
	border-radius: 16px !important;
	padding: 1.1rem 1.2rem !important;
}
.box-categories .pageElement__heading,
.box-onlinePayments .pageElement__heading {
	font-family: var(--bm-font-head) !important; font-size: 0.78rem !important;
	letter-spacing: 0.08em; text-transform: uppercase; color: var(--bm-gold-deep) !important;
	margin: 0 0 0.7rem !important; font-weight: 800;
}
.box-categories .categories { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.box-categories .topic { margin: 0 !important; }
.box-categories .topic a {
	display: block; padding: 0.55em 0.7em !important; border-radius: 10px;
	text-decoration: none !important; color: var(--bm-text) !important; font-weight: 600;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.box-categories .topic a:hover { background: rgba(143, 214, 79, 0.12); color: var(--bm-green-deep) !important; transform: translateX(3px); }
.box-categories .topic.active > a,
.box-categories .categories.active > .topic > a {
	background: var(--bm-grad-lime-soft) !important; color: #14280a !important; font-weight: 800;
}
/* Sidebar „Jak zaplatíš" — nahrazuje nativní box s logy VISA/Mastercard.
   Karty nepřijímáme (žádná brána), takže loga jsou v JS odstraněna a box
   přeobsazen reálnými metodami: QR/převod + hotově při osobním odběru. */
.box-onlinePayments .payment-logos { display: none !important; }
/* Loga karet nesmí ani PROBLIKNOUT, než doběhne deferred JS (a s blokovaným
   JS by zůstala natrvalo) → celý box skrytý, dokud ho paymentBox()
   nepřeobsadí reálnými metodami a neoznačí .bm-ready. */
.box-onlinePayments:not(.bm-ready) { display: none !important; }
.bm-pay { display: flex; flex-direction: column; gap: 0.55rem; }
.bm-pay__item { display: flex; align-items: flex-start; gap: 0.6rem; }
.bm-pay__ico {
	flex: 0 0 auto; width: 20px; height: 20px; margin-top: 0.1rem;
	color: var(--bm-gold-deep);
}
.bm-pay__ico svg { width: 100%; height: 100%; display: block; }
/* label i note jsou <span> → bez display:block by se slily na jeden řádek */
.bm-pay__label { display: block; font-weight: 700; font-size: 0.86rem; color: var(--bm-text); line-height: 1.3; }
.bm-pay__note { display: block; font-size: 0.76rem; color: var(--bm-muted, #6b7280); line-height: 1.35; margin-top: 0.1rem; }

/* Pokladna: vysvětlivka pod způsobem platby (QR / hotově jen na prodejně). */
.bm-payhint {
	display: block; margin-top: 0.2rem;
	font-size: 0.78rem; font-style: normal; line-height: 1.4;
	color: var(--bm-muted, #6b7280);
}
.radio-wrapper.active .bm-payhint { color: var(--bm-green-deep, #2f6b1f); }

@media (prefers-reduced-motion: reduce) {
	body.type-product .p-image-wrapper img,
	body.type-product .shp-tab-link::after,
	.box-categories .topic a { transition: none !important; }
	body.type-product .p-image-wrapper:hover img { transform: none !important; }
}

/* ================================================================== */
/* ===== v6 — „PROČ BUDMAN" pilíře + Kontakty (premium polish) ====== */
/* ================================================================== */

/* tři pilíře pod .bm-why leadem (injektuje cleanDemo, texty applyLang) */
.bm-why__pillars {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin-top: 1.4rem;
}
.bm-why__pillar {
	position: relative;
	background: var(--bm-surface);
	border: 1px solid var(--bm-line);
	border-radius: 16px;
	padding: 1.25rem 1.3rem 1.35rem;
	overflow: hidden;
	transition: transform 0.25s var(--bm-ease), border-color 0.25s ease, box-shadow 0.25s ease;
}
.bm-why__pillar::before { /* liquid akcent v rohu */
	content: "";
	position: absolute; top: -35%; right: -25%;
	width: 65%; height: 90%;
	background: radial-gradient(closest-side, rgba(143, 214, 79, 0.12), transparent 70%);
	pointer-events: none;
}
.bm-why__pillar:hover {
	transform: translateY(-4px);
	border-color: var(--bm-green-bright);
	box-shadow: 0 14px 30px rgba(23, 20, 13, 0.10);
}
.bm-why__ico {
	display: inline-flex; align-items: center; justify-content: center;
	width: 46px; height: 46px; border-radius: 50%;
	background: var(--bm-grad-lime);
	box-shadow: 0 5px 14px rgba(46, 125, 30, 0.28);
	margin-bottom: 0.8rem;
}
.bm-why__ico svg { width: 22px; height: 22px; stroke: #14280a; }
.bm-why__pillar h3 {
	font-family: var(--bm-font-head) !important;
	font-size: 1.05rem !important;
	font-weight: 800;
	margin: 0 0 0.35rem;
	color: var(--bm-heading);
}
.bm-why__pillar p { margin: 0; font-size: 0.9rem; line-height: 1.55; color: var(--bm-muted); }
@media (max-width: 760px) {
	.bm-why__pillars { grid-template-columns: 1fr; gap: 0.7rem; }
	.bm-why__pillar { padding: 1.05rem 1.1rem; }
}

/* Kontakty: formulář jako karta, pryč nesmyslná prázdná diskuze */
body.in-kontakty #content form {
	background: var(--bm-surface);
	border: 1px solid var(--bm-line);
	border-radius: 16px;
	padding: 1.4rem 1.5rem;
	max-width: 640px;
}
body.in-kontakty .discussionContainer,
body.in-kontakty h2:has(+ .discussionContainer) { display: none !important; }

@media (prefers-reduced-motion: reduce) {
	.bm-why__pillar { transition: none !important; }
	.bm-why__pillar:hover { transform: none !important; }
}