/**
 * Omni Virtual Counter - uporządkowany CSS.
 *
 * Wygenerowano przez scalenie identycznych selektorów i breakpointów.
 * Dla powtarzających się właściwości zachowano ostatnią wartość z oryginalnej kaskady.
 */

.omni-vc-app button {
	font-family: inherit;
	cursor: pointer;
}

.omni-vc-app img {
	max-width: 100%;
	display: block;
}

.omni-vc-app .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

.omni-vc-notices {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.omni-vc-notices:empty {
	margin-bottom: 0;
}

.omni-vc-notice {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 8px 7px 12px;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.3;
	max-width: 100%;
	box-shadow: 0 2px 6px rgba(44, 34, 32, 0.06);
	animation: omni-vc-fade-in 0.2s ease;
}

.omni-vc-notice-error {
	background: #fdeeec;
	color: #9a3229;
}

.omni-vc-notice-warning {
	background: #fdf1de;
	color: #8f5c14;
}

.omni-vc-notice-success {
	background: #e9f6ee;
	color: var(--omni-vc-success);
}

.omni-vc-notice-icon {
	flex: none;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 800;
	color: #fff;
}

.omni-vc-notice-error .omni-vc-notice-icon {
	background: var(--omni-vc-error);
}

.omni-vc-notice-warning .omni-vc-notice-icon {
	background: var(--omni-vc-warning);
}

.omni-vc-notice-success .omni-vc-notice-icon {
	background: var(--omni-vc-success);
}

.omni-vc-notice-error .omni-vc-notice-icon::before {
	content: "!";
}

.omni-vc-notice-warning .omni-vc-notice-icon::before {
	content: "!";
}

.omni-vc-notice-success .omni-vc-notice-icon::before {
	content: "✓";
}

.omni-vc-notice-text {
	max-width: 46ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.omni-vc-notice-dismiss {
	flex: none;
	background: none;
	border: none;
	font-size: 15px;
	line-height: 1;
	color: inherit;
	opacity: 0.55;
	padding: 2px;
	border-radius: 50%;
}

.omni-vc-notice-dismiss:hover {
	opacity: 1;
	background: rgba(0, 0, 0, 0.06);
}

.omni-vc-resume-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	background: #fff8ea;
	border: 1px solid #f0dfa8;
	border-radius: var(--omni-vc-radius-sm);
	padding: 12px 16px;
	margin-bottom: 16px;
}

.omni-vc-resume-bar p {
	margin: 0;
	font-weight: 600;
}

.omni-vc-resume-actions {
	display: flex;
	gap: 8px;
}

.omni-vc-panel {
	background: var(--omni-vc-surface);
	border-radius: var(--omni-vc-radius);
	box-shadow: var(--omni-vc-shadow);
	padding: 18px;
}

.omni-vc-panel-title {
	margin: 0 0 14px;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: var(--omni-vc-muted);
}

.omni-vc-product:hover,
.omni-vc-product:focus-within {
	box-shadow: 0 10px 24px rgba(43, 35, 32, 0.14);
	transform: translateY(-3px);
	border-color: rgba(200, 149, 108, 0.55);
}

.omni-vc-product:focus {
	outline: 2px solid var(--omni-vc-gold);
	outline-offset: 2px;
}

.omni-vc-product.is-dragging {
	opacity: 0.4;
}

.omni-vc-product.is-unavailable {
	opacity: 0.55;
}

/* Lada pieczywa: produkt oznaczony w panelu admina jako "można wysłać"
   (zamiast tylko odbioru osobistego) - odróżnia go na tacy, zanim klient
   w ogóle kliknie "Dodaj". */
.omni-vc-product.is-shippable {
	box-shadow: 0 0 0 2px var(--omni-vc-accent, #b8860b);
}

.omni-vc-product-badge {
	position: absolute;
	top: 6px;
	left: 6px;
	background: var(--omni-vc-error);
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 999px;
	text-transform: uppercase;
}

.omni-vc-product-variation {
	width: 100%;
	margin-bottom: 8px;
	padding: 4px 6px;
	border-radius: 6px;
	border: 1px solid var(--omni-vc-line);
	font-size: 12px;
}

.omni-vc-empty-state {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--omni-vc-muted);
	padding: 24px 0;
}

.omni-vc-package-select:focus {
	outline: none;
	border-color: var(--omni-vc-gold);
	box-shadow: 0 0 0 3px rgba(200, 149, 108, 0.25);
}

.omni-vc-slot.is-empty:hover .omni-vc-slot-empty-icon,
.omni-vc-slot.is-dragover .omni-vc-slot-empty-icon {
	border-style: solid;
	border-color: var(--omni-vc-gold);
	color: var(--omni-vc-gold);
	transform: scale(1.1);
}

.omni-vc-img-fallback {
	object-fit: contain !important;
	padding: 14%;
	opacity: 0.9;
}

.omni-vc-slot.is-invalid {
	border-color: var(--omni-vc-error);
	box-shadow: 0 0 0 2px rgba(179, 38, 30, 0.5);
}

.omni-vc-slot.is-invalid::after {
	content: "!";
	position: absolute;
	top: 3px;
	left: 3px;
	background: var(--omni-vc-error);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.omni-vc-slot.is-missing-image::before {
	content: "";
	width: 68%;
	height: 68%;
	border-radius: 8px;
	background: linear-gradient(90deg, transparent 46%, rgba(200, 149, 108, 0.65) 46% 54%, transparent 54%),
		linear-gradient(0deg, transparent 46%, rgba(200, 149, 108, 0.65) 46% 54%, transparent 54%),
		linear-gradient(160deg, rgba(255, 238, 210, 0.2), rgba(200, 149, 108, 0.08));
	border: 1px solid rgba(200, 149, 108, 0.7);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
	opacity: 0.9;
}

.omni-vc-slot.is-dragover {
	border-color: var(--omni-vc-gold);
	background: rgba(200, 149, 108, 0.22);
	transform: scale(1.06);
}

.omni-vc-slot:focus {
	outline: 2px solid var(--omni-vc-gold);
	outline-offset: 2px;
}

.omni-vc-slot-thumb[hidden] {
	display: none;
}

.omni-vc-summary-metric {
	margin-bottom: 14px;
}

.omni-vc-summary-metric-row,
.omni-vc-summary-row {
	display: flex;
	justify-content: space-between;
	font-size: 13.5px;
	margin-bottom: 4px;
}

.omni-vc-progress-bar.is-over {
	background: var(--omni-vc-error);
}

.omni-vc-summary-item:last-child {
	border-bottom: none;
}

.omni-vc-summary-totals {
	margin: 12px 0;
}

.omni-vc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 999px;
	padding: 10px 18px;
	font-weight: 700;
	font-size: 14px;
	transition: box-shadow 0.15s ease, transform 0.15s ease, filter 0.15s ease;
}

.omni-vc-btn-primary:hover:not(:disabled) {
	filter: brightness(1.05);
	box-shadow: 0 8px 22px rgba(200, 149, 108, 0.5);
	transform: translateY(-1px);
}

.omni-vc-btn-primary:disabled {
	background: #e3dbd2;
	color: #a89c90;
	box-shadow: none;
	cursor: not-allowed;
}

.omni-vc-btn-ghost {
	background: transparent;
	border: 1px solid var(--omni-vc-line);
	color: var(--omni-vc-ink);
}

.omni-vc-goto-cart {
	margin-top: 10px;
	width: 100%;
}

/* Zbiorcze czyszczenie zestawu (sloty opakowania albo lista odbioru) -
   drugorzedna akcja nad "Dodaj do koszyka", widoczna tylko gdy jest co
   czyscic (patrz updateClearAllVisibility() w configurator.js). */
.omni-vc-clear-all {
	width: 100%;
	margin-bottom: 8px;
}

.omni-vc-clear-all[hidden] {
	display: none;
}

.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-package-panel,
.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-package-visual,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-package-panel,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-package-visual {
	display: none !important;
}

.omni-vc-app.is-package-selector-hidden .omni-vc-package-panel {
	display: none !important;
}

.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-layout,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-layout {
	grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
	grid-template-areas: "products summary";
}

.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-side-rail {
	display: block;
	grid-area: summary;
}

.omni-vc-app.is-counter-mode-pickup_list .omni-vc-summary-metric,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-summary-row:nth-child(2) {
	display: none;
}

/* Lada inquiry_single: przegląd wszystkich produktów (karty klikalne, jak
   linki) - kliknięcie w kartę otwiera duży widok pojedynczego produktu
   (patrz omni-vc-inquiry-detail-bar poniżej). */
.omni-vc-product.is-clickable {
	cursor: pointer;
}

/* Pasek powrotu z widoku pojedynczego produktu do przeglądu - widoczny
   tylko, gdy klient faktycznie wybrał produkt (patrz updateCounterModeUI). */
.omni-vc-inquiry-detail-bar {
	margin-bottom: 10px;
}

.omni-vc-inquiry-detail-bar[hidden] {
	display: none;
}

.omni-vc-inquiry-back {
	padding: 7px 14px;
	font-size: 12.5px;
}

/* W widoku pojedynczego produktu wyszukiwarka/kategorie nie mają
   zastosowania - przegląd wszystkich produktów jest jedną kartą wstecz. */
.omni-vc-app.is-inquiry-detail .omni-vc-toolbar {
	display: none;
}

.omni-vc-pickup-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.omni-vc-pickup-remove {
	flex: 0 0 auto;
	border: 1px solid #eadfce;
	border-radius: 999px;
	background: #fff8ee;
	color: #6e4c25;
	font-size: 10px;
	font-weight: 700;
	padding: 3px 8px;
}

.omni-vc-empty-hint {
	font-size: 12.5px;
	color: var(--omni-vc-muted);
	text-align: center;
	margin-top: 10px;
}

/* Wybór sposobu dostawy dla listy odbioru (lada w trybie pickup_list) -
   klient decyduje przed wysłaniem, czy chce odbiór osobisty, czy żeby
   cała lista trafiła do prawdziwego koszyka WooCommerce z wysyłką. */
.omni-vc-delivery-method {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 10px;
}

/* Bez tej reguły `display: grid` powyżej nadpisywał atrybut [hidden]
   ustawiany przez JS (updateCounterModeUI()) - przełącznik dostawy był
   więc zawsze widoczny, niezależnie od trybu lady i ustawienia "Pokaż
   wysyłkę jako opcję dostawy". */
.omni-vc-delivery-method[hidden] {
	display: none;
}

.omni-vc-delivery-method-option {
	padding: 9px 10px;
	background: var(--omni-vc-surface);
	border: 1px solid var(--omni-vc-line);
	border-radius: var(--omni-vc-radius-sm);
	color: var(--omni-vc-ink);
	font-size: 12.5px;
	font-weight: 700;
	text-align: center;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.omni-vc-delivery-method-option:hover {
	border-color: var(--omni-vc-brass);
}

.omni-vc-delivery-method-option.is-active {
	background: linear-gradient(180deg, var(--omni-vc-brass-light), var(--omni-vc-brass));
	border-color: var(--omni-vc-brass);
	color: #2a1808;
	box-shadow: 0 4px 12px rgba(200, 139, 50, 0.28);
}

/* Formularz zapytania o tort (lada w trybie inquiry_single) - zajmuje w
   panelu podsumowania to samo miejsce, w którym na pozostałych ladach
   jest podliczenie zestawu (patrz .is-inquiry-form-active poniżej). */
.omni-vc-inquiry-form {
	display: grid;
	gap: 12px;
	margin-bottom: 10px;
}

.omni-vc-inquiry-form[hidden] {
	display: none;
}

.omni-vc-inquiry-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 12px;
}

.omni-vc-inquiry-form label {
	display: grid;
	gap: 5px;
	color: var(--omni-vc-muted);
	font-size: 12px;
	font-weight: 700;
}

.omni-vc-inquiry-form input,
.omni-vc-inquiry-form textarea {
	width: 100%;
	padding: 8px 10px;
	background: var(--omni-vc-surface);
	border: 1px solid var(--omni-vc-line);
	border-radius: var(--omni-vc-radius-sm);
	color: var(--omni-vc-ink);
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
}

.omni-vc-inquiry-form input:focus,
.omni-vc-inquiry-form textarea:focus {
	border-color: var(--omni-vc-brass);
	outline: none;
	box-shadow: 0 0 0 2px rgba(200, 139, 50, 0.2);
}

.omni-vc-inquiry-form textarea {
	resize: vertical;
}

.omni-vc-inquiry-checkbox {
	display: flex !important;
	grid-template-columns: none !important;
	flex-direction: row;
	align-items: center;
	gap: 7px !important;
}

.omni-vc-inquiry-checkbox input {
	width: auto;
}

.omni-vc-inquiry-submit.is-loading {
	opacity: 0.72;
	cursor: wait;
}

/* Gdy formularz jest aktywny, chowa normalne podliczenie/przyciski - patrz
   OmniVirtualCounter.prototype.updateInquiryFormVisibility(). */
.omni-vc-summary.is-inquiry-form-active .omni-vc-summary-metric,
.omni-vc-summary.is-inquiry-form-active .omni-vc-summary-items,
.omni-vc-summary.is-inquiry-form-active .omni-vc-summary-totals,
.omni-vc-summary.is-inquiry-form-active #omni-vc-delivery-method,
.omni-vc-summary.is-inquiry-form-active #omni-vc-add-to-cart,
.omni-vc-summary.is-inquiry-form-active #omni-vc-empty-hint {
	display: none;
}

.omni-vc-edit-link {
	color: var(--omni-vc-accent);
	font-size: 12.5px;
	margin-left: 6px;
}

.omni-vc-header {
	margin-bottom: 20px;
	margin: 0 0 14px;
	padding: 0 4px;
}

.omni-vc-heading {
	font-weight: 600;
	letter-spacing: 0.2px;
	margin: 0;
	font-family: var(--omni-vc-font-serif);
	font-size: 32px;
	color: #2b211b;
	line-height: 1.05;
}

.omni-vc-subheading {
	margin: 5px 0 0;
	font-size: 13px;
	color: #7b6a5d;
}

.omni-vc-layout {
	display: grid;
	grid-template-columns: minmax(0,3.2fr) minmax(285px,1fr);
	gap: 0 16px;
	align-items: stretch;
	grid-template-areas: "package summary" "products summary";
}

.omni-vc-products-panel {
	grid-area: products;
	background: radial-gradient(100% 90% at 50% 0%,#2b1a0e 0%,var(--omni-vc-stage) 58%,#0c0805 100%);
	border-radius: 0 0 14px 14px;
	padding: 16px 16px 12px;
	border: 1px solid #362315;
	border-top: 0;
	box-shadow: 0 16px 34px rgba(27,15,7,.24);
	overflow: hidden;
}

.omni-vc-package-panel {
	grid-area: package;
	background: linear-gradient(180deg,#1b1009,#0f0905);
	border-radius: 14px 14px 0 0;
	padding: 12px 16px 16px;
	border: 1px solid #362315;
	border-bottom: 0;
	box-shadow: 0 16px 34px rgba(27,15,7,.24);
}

.omni-vc-summary {
	position: sticky;
	top: 16px;
	grid-area: summary;
	align-self: start;
	background: linear-gradient(180deg,#fffdfa,#f8f2e9);
	border: 1px solid #eadfce;
	border-radius: 14px;
	box-shadow: 0 14px 30px rgba(57,38,19,.10);
	padding: 17px;
}

.omni-vc-toolbar {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 14px;
}

.omni-vc-counter-tabs {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto 18px;
	padding: 7px;
	overflow-x: auto;
	scrollbar-width: none;
	border: 1px solid rgba(200, 149, 108, 0.35);
	border-radius: 999px;
	background:
		linear-gradient(180deg, rgba(255,255,255,0.9), rgba(250,244,235,0.78)),
		radial-gradient(circle at 50% 0%, rgba(224,174,85,0.2), transparent 62%);
	box-shadow: 0 12px 28px rgba(52, 34, 18, 0.08), inset 0 1px 0 rgba(255,255,255,0.9);
}

.omni-vc-counter-tabs::-webkit-scrollbar {
	display: none;
}

.omni-vc-counter-pill {
	white-space: nowrap;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
	border: 1px solid rgba(64, 38, 17, 0.68);
	background: linear-gradient(180deg,#2b1b0d,#130b05);
	color: #f1dfc0;
	border-radius: 999px;
	padding: 7px 14px 7px 8px;
	font-size: 12px;
	font-weight: 700;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 7px 16px rgba(43, 27, 12, 0.13);
}

.omni-vc-counter-pill:hover {
	border-color: var(--omni-vc-brass);
	transform: translateY(-1px);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.11), 0 10px 20px rgba(43, 27, 12, 0.17);
}

.omni-vc-counter-pill.is-active {
	background: linear-gradient(180deg,#f2ca72,#d9982b);
	border-color: #e8bd70;
	color: #2a1808;
	box-shadow: 0 10px 22px rgba(191, 124, 31, 0.24), inset 0 1px 0 rgba(255,255,255,0.55);
}

.omni-vc-counter-icon {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 26px;
	border-radius: 50%;
	border: 1px solid rgba(232, 189, 112, 0.45);
	background: radial-gradient(circle at 35% 25%, rgba(255,255,255,0.18), transparent 35%), rgba(255,255,255,0.06);
	color: #e8bd70;
	font-size: 13px;
	line-height: 1;
}

.omni-vc-counter-pill.is-active .omni-vc-counter-icon {
	background: radial-gradient(circle at 35% 25%, rgba(255,255,255,0.65), transparent 36%), #2b1707;
	color: #f7d88e;
	border-color: rgba(42, 24, 8, 0.55);
}

.omni-vc-counter-label {
	display: inline-block;
	line-height: 1.15;
}

@media (max-width: 640px) {
	.omni-vc-counter-tabs {
		justify-content: flex-start;
		width: 100%;
		margin-bottom: 14px;
	}

	.omni-vc-counter-pill {
		min-height: 39px;
		padding-right: 12px;
		font-size: 11.5px;
	}

	.omni-vc-counter-icon {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
	}
}

.omni-vc-categories {
	padding-bottom: 2px;
	display: flex;
	flex-wrap: nowrap;
	gap: 7px;
	overflow-x: auto;
	flex: 1;
	scrollbar-width: none;
}

.omni-vc-categories[hidden] {
	display: none;
}

.omni-vc-categories::-webkit-scrollbar {
	display: none;
}

.omni-vc-category-pill {
	white-space: nowrap;
	transition: all 0.15s ease;
	border: 1px solid #5a3b1e;
	background: #171008;
	color: #ead7b8;
	border-radius: 9px;
	padding: 8px 13px;
	font-size: 12px;
	font-weight: 650;
	box-shadow: inset 0 1px rgba(255,255,255,.03);
}

.omni-vc-category-pill:hover {
	border-color: var(--omni-vc-brass);
}

.omni-vc-category-pill.is-active {
	background: linear-gradient(180deg,#e0ae55,#bd7d22);
	border-color: #e8bd70;
	color: #2a1808;
	box-shadow: 0 5px 16px rgba(197,132,38,.22);
}

.omni-vc-search {
	max-width: 100%;
	flex: 0 0 235px;
}

.omni-vc-search-input {
	width: 100%;
	font-size: 14px;
	padding: 9px 12px;
	border-radius: 9px;
	border: 1px solid #4a321d;
	background: #0f0b07;
	color: #f4e7d4;
}

.omni-vc-search-input::placeholder {
	color: #8d7b69;
}

.omni-vc-search-input:focus {
	outline-offset: 1px;
	outline: none;
	border-color: var(--omni-vc-brass);
	box-shadow: 0 0 0 2px rgba(200,139,50,.18);
}

.omni-vc-products-grid {
	display: grid;
	padding-right: 2px;
	grid-template-columns: repeat(4,minmax(0,1fr));
	gap: 9px;
	max-height: 475px;
	overflow-y: auto;
	padding: 1px 3px 3px 1px;
	transition: opacity .18s ease;
}

/* Chwila między kliknięciem zakładki lady a dotarciem danych nowej lady:
   płynne przygaszenie całej tacy (tło + produkty razem), zamiast
   natychmiastowej podmiany samego tła - patrz renderProducts()/is-slide-*,
   które kończą to przejście płynnym pojawieniem się nowej lady. */
.omni-vc-products-grid.is-counter-loading {
	opacity: .35;
}

.omni-vc-product {
	position: relative;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
	display: flex;
	flex-direction: column;
	border: 1px solid #4a2d16;
	border-radius: 8px;
	padding: 6px;
	background: linear-gradient(180deg,#4b2b13,#2b170b);
	color: #fff;
	box-shadow: inset 0 1px rgba(255,255,255,.05),0 5px 12px rgba(0,0,0,.28);
}

.omni-vc-product:hover,.omni-vc-product:focus-within {
	transform: translateY(-2px);
	border-color: #b8792c;
	box-shadow: 0 8px 18px rgba(0,0,0,.38),0 0 0 1px rgba(213,154,70,.20);
}

.omni-vc-product-media {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	aspect-ratio: 1.35/1;
	background: radial-gradient(circle at 50% 38%,#8a5427 0%,#4c2a13 56%,#291409 100%);
	margin-bottom: 6px;
}

.omni-vc-product-thumb {
	width: 100%;
	height: 100%;
	cursor: grab;
	transition: transform 0.35s ease;
	object-fit: contain;
	padding: 3px;
	filter: drop-shadow(0 7px 7px rgba(0,0,0,.35));
}

.omni-vc-product:hover .omni-vc-product-thumb {
	transform: scale(1.045);
}

.omni-vc-product-link {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(15, 11, 7, .68);
	border: 1px solid rgba(231, 178, 91, .45);
	color: #f4e7d4;
	font-size: 9px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1.4;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.omni-vc-product-link:hover,
.omni-vc-product-link:focus-visible {
	background: rgba(200, 139, 50, .85);
	border-color: #e7b25b;
	color: #1f1108;
}

.omni-vc-product-body {
	text-align: center;
}

.omni-vc-product-name {
	font-weight: 600;
	line-height: 1.3;
	font-size: 11px;
	margin: 1px 0 2px;
	color: #fff7eb;
}

.omni-vc-product-price {
	font-size: 10px;
	color: #d9b77d;
	margin: 0 0 4px;
}

.omni-vc-product-add {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	color: #fff;
	border: none;
	font-weight: 700;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
	background: linear-gradient(180deg,#c99039,#9b5d18);
	border-radius: 6px;
	padding: 6px 8px;
	font-size: 10px;
	box-shadow: none;
}

.omni-vc-product-add:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(0,0,0,.3);
}

.omni-vc-package-select-wrap {
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 9px;
}

.omni-vc-package-select-wrap label {
	display: block;
	font-weight: 700;
	margin-bottom: 6px;
	font-size: 12px;
	text-transform: none;
	color: #e8d3b4;
	margin: 0;
}

.omni-vc-package-select {
	border: 1px solid var(--omni-vc-line);
	font-weight: 600;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	width: auto;
	padding: 7px 10px;
	border-radius: 8px;
	font-size: 12px;
	background: #171008;
	min-width: 220px;
	color: #f1dec0;
	border-color: #5b3b1c;
}

.omni-vc-slot-empty-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1.5px dashed rgba(255, 224, 176, 0.4);
	font-weight: 300;
	line-height: 1;
	color: rgba(255, 224, 176, 0.55);
	transition: all 0.15s ease;
	width: 24px;
	height: 24px;
	font-size: 13px;
	border-color: rgba(255,221,163,.42);
}

.omni-vc-summary-package-name {
	color: #2b211b;
	font-family: var(--omni-vc-font-sans);
	font-size: 16px;
	text-transform: none;
	letter-spacing: 0;
}

.omni-vc-summary-metric-row,.omni-vc-summary-row {
	font-size: 12px;
}

.omni-vc-summary-items {
	list-style: none;
	overflow-y: auto;
	border-top: 1px solid var(--omni-vc-line);
	border-bottom: 1px solid var(--omni-vc-line);
	margin: 10px 0;
	padding: 0 9px;
	max-height: 300px;
	background: #fff;
	border: 1px solid #eee2d2;
	border-radius: 9px;
}

.omni-vc-summary-item {
	border-bottom: 1px dashed var(--omni-vc-line);
	font-size: 11.5px;
	padding: 8px 0;
	border-color: #eee2d2;
}

.omni-vc-summary-total {
	font-weight: 800;
	border-top: 1px solid var(--omni-vc-line);
	padding-top: 8px;
	margin-top: 6px;
	font-size: 15px;
	color: #2e2119;
}

.omni-vc-progress {
	background: var(--omni-vc-line);
	border-radius: 999px;
	overflow: hidden;
	height: 4px;
}

.omni-vc-progress-bar {
	height: 100%;
	transition: width 0.25s ease;
	background: linear-gradient(90deg,#b97820,#dda94e);
}

.omni-vc-btn-primary {
	width: 100%;
	letter-spacing: 0.2px;
	background: linear-gradient(180deg,#d3a34e,#b77a25);
	color: #241406;
	padding: 11px 14px;
	font-size: 13px;
	box-shadow: 0 5px 13px rgba(177,112,27,.24);
	border-radius: 8px;
}

.omni-vc-pagination {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
	justify-content: center;
	width: fit-content;
	max-width: min(100%, 720px);
	margin: 0 auto 12px;
	padding: 6px;
	background: rgba(255, 250, 242, .78);
	border: 1px solid rgba(211, 163, 78, .34);
	border-radius: 999px;
	box-shadow: 0 12px 26px rgba(43, 24, 8, .14), inset 0 1px rgba(255,255,255,.7);
	backdrop-filter: blur(8px);
}

.omni-vc-pagination:empty {
	display: none;
}

.omni-vc-page-btn {
	min-width: 32px;
	min-height: 32px;
	border: 1px solid rgba(73, 45, 19, .18);
	border-radius: 999px;
	padding: 5px 11px;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1;
	background: #2a1d13;
	color: #f4e2c2;
	box-shadow: 0 5px 12px rgba(43, 24, 8, .2), inset 0 1px rgba(255,255,255,.08);
	transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease;
}

.omni-vc-page-btn:hover:not(:disabled),
.omni-vc-page-btn:focus-visible:not(:disabled) {
	background: #3b2a1a;
	border-color: #d9a64f;
	color: #fff7e7;
	box-shadow: 0 0 0 3px rgba(200, 139, 50, .2), 0 8px 18px rgba(43, 24, 8, .24);
	transform: translateY(-1px);
	outline: none;
}

.omni-vc-page-btn.is-active {
	background: linear-gradient(180deg,#efbf65,#c88927);
	border-color: #f0cb82;
	color: #241406;
	box-shadow: inset 0 1px rgba(255,255,255,.42), 0 8px 18px rgba(197,132,38,.34);
}

.omni-vc-page-arrow {
	min-width: 34px;
	font-size: 18px;
}

.omni-vc-page-arrow:disabled {
	opacity: .32;
	cursor: not-allowed;
	box-shadow: none;
}

.omni-vc-slot-empty-icon[hidden],
.omni-vc-slot-thumb[hidden],
.omni-vc-slot-remove[hidden] {
	display: none !important;
}

.omni-vc-slot:not(.is-empty) .omni-vc-slot-empty-icon {
	display: none !important;
}

.omni-vc-package-visual {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.08)),
		linear-gradient(135deg,#8f5929 0%,#6f3f1c 48%,#815026 100%);
	border-radius: 12px;
	padding: 10px;
	border: 1px solid #b77a35;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.18),
		inset 0 -14px 28px rgba(42,19,6,.22),
		0 9px 24px rgba(0,0,0,.26);
}

.omni-vc-slots-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6,minmax(0,1fr));
	gap: 8px;
}

.omni-vc-slot {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease;
	overflow: hidden;
	aspect-ratio: 1.12 / 1;
	border-radius: 9px;
	border: 1px dashed rgba(244,205,142,.38);
	background: rgba(47,24,9,.30);
	box-shadow: inset 0 2px 6px rgba(0,0,0,.34),
		inset 0 0 0 1px rgba(255,255,255,.025);
}

.omni-vc-slot.is-empty {
	color: rgba(255, 240, 217, 0.55);
	background: rgba(46,23,8,.22);
}

.omni-vc-slot.is-empty .omni-vc-slot-empty-icon {
	display: flex;
	width: 26px;
	height: 26px;
	font-size: 14px;
	border: 1px dashed rgba(240,201,137,.32);
	color: rgba(240,201,137,.52);
	background: rgba(20,10,4,.12);
}

.omni-vc-slot.is-occupied {
	border-color: #d09a4a;
	border-style: solid;
	background: #f4eee5;
	box-shadow: 0 0 0 1px rgba(70,35,10,.28),
		inset 0 0 0 1px rgba(255,255,255,.48),
		0 3px 8px rgba(18,9,3,.23);
	border: 1px solid rgba(221,159,70,.78);
}

.omni-vc-slot.is-occupied:hover {
	border-color: #e8b45f;
	transform: translateY(-1px);
	box-shadow: 0 0 0 1px rgba(232,180,95,.25),
		0 5px 12px rgba(18,9,3,.30);
}

/* Produkt zajmujący więcej niż 1 slot tacy - sam zawsze wygląda jak zwykła,
   pojedyncza kratka (bez rozciągania zdjęcia); dodatkowe zajęte miejsca
   rezerwuje się obok jako kratki .is-blocked (patrz niżej). Mała plakietka
   "×N" w rogu tłumaczy, dlaczego licznik miejsc spadł o więcej niż 1. */
.omni-vc-slot.is-multi::before {
	content: '×' attr(data-slots-required);
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 5px;
	padding: 1px 6px;
	border-radius: 999px;
	background: rgba(24,12,7,.82);
	color: #fff7ec;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	box-shadow: 0 2px 5px rgba(0,0,0,.28);
}

/* Kratka zarezerwowana przez sąsiedni wielosolotowy produkt - nie ma
   własnego zdjęcia ani przycisku "dodaj", tylko wskazuje że miejsce jest
   zajęte. Klik/Delete usuwa cały produkt (jak w kotwicy). */
.omni-vc-slot.is-blocked {
	cursor: pointer;
	border-style: dashed;
	background: repeating-linear-gradient(
		135deg,
		rgba(240,201,137,.10),
		rgba(240,201,137,.10) 6px,
		rgba(240,201,137,.02) 6px,
		rgba(240,201,137,.02) 12px
	);
}

.omni-vc-slot.is-blocked:hover {
	border-color: rgba(244,205,142,.55);
}

.omni-vc-slot-thumb {
	cursor: grab;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 0;
	background: #fff;
	border-radius: 7px;
}

.omni-vc-slot-remove {
	position: absolute;
	z-index: 2;
	top: 5px;
	right: 5px;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.22);
	background: rgba(30,17,10,.82);
	color: #fff7ec;
	font-size: 13px;
	line-height: 17px;
	padding: 0;
	font-weight: 500;
	box-shadow: 0 2px 5px rgba(0,0,0,.28);
	opacity: .82;
	transition: opacity .15s ease, transform .15s ease, background .15s ease;
}

.omni-vc-slot:hover .omni-vc-slot-remove,
.omni-vc-slot-remove:focus {
	opacity: 1;
	transform: scale(1.05);
	background: rgba(24,12,7,.96);
}

.omni-vc-app .omni-vc-add-to-cart {
	touch-action: manipulation !important;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 2;
	pointer-events: auto;
}

.omni-vc-app .omni-vc-add-to-cart.is-loading {
	opacity: .72;
	cursor: wait;
}

.omni-vc-app .omni-vc-panel {
	box-shadow: none !important;
}

.omni-vc-app .omni-vc-package-panel,
.omni-vc-app .omni-vc-products-panel {
	border-radius: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.omni-vc-app .omni-vc-header,
.omni-vc-app .omni-vc-resume-bar,
.omni-vc-app .omni-vc-layout {
	margin-left: auto !important;
	margin-right: auto !important;
	width: min(100%, 1820px) !important;
}

.omni-vc-app .omni-vc-summary {
	border-radius: 0 !important;
	box-shadow: none !important;
	background: rgba(255, 253, 250, 0.82) !important;
	backdrop-filter: blur(8px);
	grid-area: auto !important;
	position: static !important;
	align-self: start !important;
	z-index: 2 !important;
}

.omni-vc-app .omni-vc-package-select-wrap {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 7px !important;
	margin: 0 0 10px !important;
}

.omni-vc-app .omni-vc-package-select-wrap label {
	color: #f1dfc4 !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}

.omni-vc-app .omni-vc-package-select {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
}

.omni-vc-app .omni-vc-package-picker {
	display: block !important;
	margin: 0 0 12px !important;
}

.omni-vc-app .omni-vc-package-picker[hidden] {
	display: none !important;
}

.omni-vc-app .omni-vc-package-picker-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	margin: 0 0 7px !important;
	color: #cdb68f !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
}

.omni-vc-app .omni-vc-package-page-status {
	color: #9f875f !important;
	font-weight: 600 !important;
}

.omni-vc-app .omni-vc-package-cards {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 6px !important;
}

.omni-vc-app .omni-vc-package-card {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 2px !important;
	width: 100% !important;
	min-height: 46px !important;
	padding: 8px 10px !important;
	border: 1px solid #553618 !important;
	border-radius: 8px !important;
	background: #171008 !important;
	color: #f1dec0 !important;
	text-align: left !important;
	box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
}

.omni-vc-app .omni-vc-package-card:hover,
.omni-vc-app .omni-vc-package-card:focus {
	border-color: #c4882e !important;
	outline: none !important;
}

.omni-vc-app .omni-vc-package-card-name,
.omni-vc-app .omni-vc-package-card-meta {
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

.omni-vc-app .omni-vc-package-card-name {
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
}

.omni-vc-app .omni-vc-package-card-meta {
	font-size: 10.5px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	opacity: .78 !important;
}

.omni-vc-app .omni-vc-package-pager {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 6px !important;
	margin: 8px 0 0 !important;
}

.omni-vc-app .omni-vc-package-pager[hidden] {
	display: none !important;
}

.omni-vc-app .omni-vc-package-page-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	padding: 0 !important;
	border: 1px solid #553618 !important;
	border-radius: 8px !important;
	background: #171008 !important;
	color: #f1dec0 !important;
	font-size: 19px !important;
	line-height: 1 !important;
}

.omni-vc-app .omni-vc-package-page-btn:disabled {
	opacity: .38 !important;
	cursor: not-allowed !important;
}

.omni-vc-app .omni-vc-slots-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.omni-vc-app {
	--omni-vc-bg: #faf6f1;
	--omni-vc-surface: #ffffff;
	--omni-vc-ink: #2c2220;
	--omni-vc-muted: #8a7268;
	--omni-vc-line: #ece1d4;
	--omni-vc-accent: #6b3a2a;
	--omni-vc-accent-dark: #4a2518;
	--omni-vc-gold: #c8956c;
	--omni-vc-success: #2f7d4f;
	--omni-vc-error: #b3261e;
	--omni-vc-warning: #b3791e;
	--omni-vc-radius: 14px;
	--omni-vc-radius-sm: 8px;
	--omni-vc-shadow: 0 6px 24px rgba(44, 34, 32, 0.1);
	--omni-vc-font-serif: "Playfair Display", Georgia, "Iowan Old Style", serif;
	--omni-vc-font-sans: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	all: initial;
	font-family: var(--omni-vc-font-sans);
	font-size: 15px;
	line-height: 1.5;
	--omni-vc-stage: #130d08;
	--omni-vc-stage-2: #24150b;
	--omni-vc-brass: #c88b32;
	--omni-vc-brass-light: #e1b461;
	--omni-vc-cream: #f7f0e6;
	--omni-vc-wood: #7b481f;
	border-radius: 0 !important;
	max-width: 100vw !important;
	overflow-x: clip !important;
	box-shadow: none !important;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	color: #2a221e !important;
	background: linear-gradient(180deg, rgba(255, 253, 249, .98), rgba(248, 242, 233, .96)),
		radial-gradient(90% 60% at 78% 0%, rgba(205, 165, 104, .12), transparent 62%) !important;
	padding: clamp(28px, 3.4vw, 56px) clamp(20px, 4.8vw, 96px) !important;
}

.omni-vc-app .omni-vc-resume-bar {
	box-shadow: none !important;
	display: none !important;
}

.omni-vc-app .omni-vc-header,
.omni-vc-app .omni-vc-layout {
	width: min(100%, 1840px) !important;
}

.omni-vc-app .omni-vc-header {
	text-align: left !important;
	margin: 0 auto 20px !important;
	padding: 0 6px !important;
}

.omni-vc-app .omni-vc-heading {
	color: #30221e !important;
	font-size: clamp(34px, 2.5vw, 48px) !important;
	line-height: 1 !important;
}

.omni-vc-app .omni-vc-subheading {
	color: #9a8377 !important;
	font-size: 15px !important;
}

.omni-vc-app .omni-vc-layout {
	gap: clamp(18px, 2.4vw, 38px) !important;
	display: grid !important;
	grid-template-areas: "products side" !important;
	row-gap: 16px !important;
	align-items: start !important;
	justify-content: stretch !important;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
	column-gap: clamp(22px, 2.6vw, 46px) !important;
}

.omni-vc-app .omni-vc-categories {
	gap: 9px !important;
}

.omni-vc-app .omni-vc-category-pill {
	min-height: 40px !important;
	padding: 10px 17px !important;
	background: #fffaf2 !important;
	color: #6c5041 !important;
	border: 1px solid #d9bf99 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-size: 12px !important;
	letter-spacing: .02em !important;
}

.omni-vc-app .omni-vc-category-pill.is-active {
	background: linear-gradient(180deg, #d9a347, #bd8029) !important;
	border-color: #d9a347 !important;
	color: #281b12 !important;
}

.omni-vc-app .omni-vc-search {
	flex: 0 1 320px !important;
}

.omni-vc-app .omni-vc-search-input {
	height: 42px !important;
	background: #fffdf9 !important;
	color: #3b2d26 !important;
	border: 1px solid #d8c3a4 !important;
	border-radius: 999px !important;
}

.omni-vc-app .omni-vc-search-input::placeholder {
	color: #a28d7f !important;
}

.omni-vc-app .omni-vc-product {
	padding: 12px !important;
	background: #fffaf2 !important;
	color: #2f241f !important;
	border: 1px solid #ead8bd !important;
	border-radius: 2px !important;
	box-shadow: none !important;
}

.omni-vc-app .omni-vc-product:hover,
.omni-vc-app .omni-vc-product:focus-within {
	border-color: #c9954a !important;
	box-shadow: 0 12px 28px rgba(69, 43, 24, .08) !important;
}

.omni-vc-app .omni-vc-product-media {
	aspect-ratio: 1 / .88 !important;
	margin-bottom: 10px !important;
	background: #f3eadc !important;
	border-radius: 2px !important;
}

.omni-vc-app .omni-vc-product-thumb {
	padding: 7px !important;
	object-fit: contain !important;
	filter: drop-shadow(0 8px 9px rgba(64, 42, 24, .16)) !important;
}

.omni-vc-app .omni-vc-product-name {
	color: #332620 !important;
	font-size: 13px !important;
	line-height: 1.25 !important;
}

.omni-vc-app .omni-vc-product-price {
	color: #a47b3d !important;
	font-size: 12px !important;
}

.omni-vc-app .omni-vc-product-add,
.omni-vc-app .omni-vc-btn-primary {
	min-height: 38px !important;
	background: linear-gradient(180deg, #d8a34b, #bf812b) !important;
	color: #2b1a0d !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
}

.omni-vc-app .omni-vc-side-rail {
	grid-area: side !important;
	position: sticky !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-auto-rows: max-content !important;
	align-self: start !important;
	align-content: start !important;
	min-width: 0 !important;
	top: 22px !important;
	gap: 18px !important;
}

.omni-vc-app .omni-vc-summary,
.omni-vc-app .omni-vc-package-panel {
	background: rgba(255, 252, 247, .94) !important;
	color: #332820 !important;
	border: 1px solid #ead8bd !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

.omni-vc-app .omni-vc-package-panel {
	grid-area: auto !important;
	position: static !important;
	align-self: start !important;
	margin-top: 0 !important;
	border: 1px solid #362315 !important;
	border-radius: 0 !important;
	background: linear-gradient(180deg, #1b1009, #0f0905) !important;
	color: #f4e5cf !important;
	z-index: 1 !important;
	padding: 16px !important;
}

.omni-vc-app .omni-vc-package-select-wrap label,
.omni-vc-app .omni-vc-package-picker-head {
	color: #6d574a !important;
}

.omni-vc-app .omni-vc-package-select,
.omni-vc-app .omni-vc-package-card,
.omni-vc-app .omni-vc-package-page-btn {
	background: #fffaf2 !important;
	color: #3a2a21 !important;
	border-color: #d8c3a4 !important;
}

.omni-vc-app .omni-vc-package-card.is-active {
	background: linear-gradient(180deg, #d8a34b, #bf812b) !important;
	border-color: #d8a34b !important;
	color: #2b1a0d !important;
}

.omni-vc-app .omni-vc-package-visual {
	min-height: 190px !important;
	background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(90,48,18,.08)),
		linear-gradient(135deg, #a86d32, #84501f) !important;
	border-color: #c49355 !important;
	border-radius: 3px !important;
}

.omni-vc-app .omni-vc-slot {
	background: rgba(255, 246, 232, .13) !important;
	border-color: rgba(255, 229, 184, .45) !important;
	border-radius: 3px !important;
}

.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual .omni-vc-slots-grid {
	grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)) !important;
	gap: clamp(8px, .8vw, 12px) !important;
}

.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual .omni-vc-slot {
	aspect-ratio: 1.15 / 1 !important;
	min-height: 74px !important;
	max-height: 132px !important;
}

.omni-vc-app .omni-vc-package-panel > .omni-vc-package-visual {
	display: none !important;
}

.omni-vc-app .omni-vc-products-panel {
	grid-area: products !important;
	min-width: 0 !important;
	padding: clamp(18px, 1.9vw, 30px) !important;
	border: 1px solid #eadbc6 !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	background: rgba(255, 252, 247, .92) !important;
	position: relative !important;
	overflow: hidden !important;
	border-color: #d4b783 !important;
}

.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual {
	width: 100% !important;
	min-height: 0 !important;
	padding: clamp(10px, 1.1vw, 16px) !important;
	border: 1px solid #c49355 !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	margin: clamp(18px, 2vw, 34px) 0 0 !important;
	background: rgba(95, 54, 23, .72) !important;
	border-color: rgba(221, 168, 88, .72) !important;
	backdrop-filter: blur(2px);
}

.omni-vc-app .omni-vc-toolbar {
	align-items: center !important;
	gap: 12px !important;
	margin: 0 0 20px !important;
	position: relative !important;
	z-index: 2 !important;
	margin-bottom: clamp(18px, 2vw, 30px) !important;
}

/* SHELF LAYOUT START */
.omni-vc-app .omni-vc-products-grid {
	max-height: none !important;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
	gap: clamp(14px, 1.2vw, 22px) !important;
	overflow: hidden !important;
--omni-vc-item-1-left: 7.1%;
    --omni-vc-item-1-top: 18.4%;
    --omni-vc-item-1-width: 18.2%;
    --omni-vc-item-1-height: 26.8%;
    --omni-vc-item-1-photo-left: 50%;
    --omni-vc-item-1-photo-top: 55%;
    --omni-vc-item-1-photo-width: 84%;
    --omni-vc-item-1-photo-height: 110%;
    --omni-vc-item-1-badge-left: 57%;
    --omni-vc-item-1-badge-bottom: -16px;
    --omni-vc-item-1-badge-width: 70%;
    --omni-vc-item-1-button-left: 57%;
    --omni-vc-item-1-button-bottom: -43px;
    --omni-vc-item-1-button-width: 50%;
	/*-------------------------------------*/
    --omni-vc-item-2-left: 28%;
    --omni-vc-item-2-top: 18.4%;
    --omni-vc-item-2-width: 18.2%;
    --omni-vc-item-2-height: 26.8%;
    --omni-vc-item-2-photo-left: 56.2%;
    --omni-vc-item-2-photo-top: 55%;
    --omni-vc-item-2-photo-width: 84%;
    --omni-vc-item-2-photo-height: 58%;
    --omni-vc-item-2-badge-left: 56.2%;
    --omni-vc-item-2-badge-bottom: 30px;
    --omni-vc-item-2-badge-width: 70%;
    --omni-vc-item-2-button-left: 56.2%;
    --omni-vc-item-2-button-bottom: 6px;
    --omni-vc-item-2-button-width: 50%;
	/*-------------------------------------*/
	--omni-vc-item-3-left: 48.9%;
	--omni-vc-item-3-top: 18.4%;
	--omni-vc-item-3-width: 18.2%;
	--omni-vc-item-3-height: 26.8%;
	--omni-vc-item-3-photo-left: 57.3%;
	--omni-vc-item-3-photo-top: 55%;
	--omni-vc-item-3-photo-width: 84%;
	--omni-vc-item-3-photo-height: 58%;
	--omni-vc-item-3-badge-left: 57.3%;
	--omni-vc-item-3-badge-bottom: 30px;
	--omni-vc-item-3-badge-width: 70%;
	--omni-vc-item-3-button-left: 57.3%;
	--omni-vc-item-3-button-bottom: 6px;
	--omni-vc-item-3-button-width: 50%;
	/*-------------------------------------*/
	--omni-vc-item-4-left: 70.7%;
	--omni-vc-item-4-top: 18.4%;
	--omni-vc-item-4-width: 18.2%;
	--omni-vc-item-4-height: 26.8%;
	--omni-vc-item-4-photo-left: 54%;
	--omni-vc-item-4-photo-top: 55%;
	--omni-vc-item-4-photo-width: 84%;
	--omni-vc-item-4-photo-height: 58%;
	--omni-vc-item-4-badge-left: 54%;
	--omni-vc-item-4-badge-bottom: 30px;
	--omni-vc-item-4-badge-width: 70%;
	--omni-vc-item-4-button-left: 54%;
	--omni-vc-item-4-button-bottom: 6px;
	--omni-vc-item-4-button-width: 50%;
	/*-------------------------------------*/
	--omni-vc-item-5-left: 7.1%;
	--omni-vc-item-5-top: 43.2%;
	--omni-vc-item-5-width: 18.2%;
	--omni-vc-item-5-height: 26.8%;
	--omni-vc-item-5-photo-left: 52.3%;
	--omni-vc-item-5-photo-top: 55%;
	--omni-vc-item-5-photo-width: 84%;
	--omni-vc-item-5-photo-height: 58%;
	--omni-vc-item-5-badge-left: 52.3%;
	--omni-vc-item-5-badge-bottom: 28px;
	--omni-vc-item-5-badge-width: 70%;
	--omni-vc-item-5-button-left: 52.3%;
	--omni-vc-item-5-button-bottom: 2px;
	--omni-vc-item-5-button-width: 50%;
	/*-------------------------------------*/
	--omni-vc-item-6-left: 28%;
	--omni-vc-item-6-top: 43.2%;
	--omni-vc-item-6-width: 18.2%;
	--omni-vc-item-6-height: 26.8%;
	--omni-vc-item-6-photo-left: 55.2%;
	--omni-vc-item-6-photo-top: 55%;
	--omni-vc-item-6-photo-width: 84%;
	--omni-vc-item-6-photo-height: 58%;
	--omni-vc-item-6-badge-left: 55.2%;
	--omni-vc-item-6-badge-bottom: 28px;
	--omni-vc-item-6-badge-width: 70%;
	--omni-vc-item-6-button-left: 55.2%;
	--omni-vc-item-6-button-bottom: 2px;
	--omni-vc-item-6-button-width: 50%;
	/*-------------------------------------*/
	--omni-vc-item-7-left: 48.9%;
	--omni-vc-item-7-top: 43.2%;
	--omni-vc-item-7-width: 18.2%;
	--omni-vc-item-7-height: 26.8%;
	--omni-vc-item-7-photo-left: 59.9%;
	--omni-vc-item-7-photo-top: 55%;
	--omni-vc-item-7-photo-width: 84%;
	--omni-vc-item-7-photo-height: 58%;
	--omni-vc-item-7-badge-left: 59.9%;
	--omni-vc-item-7-badge-bottom: 28px;
	--omni-vc-item-7-badge-width: 70%;
	--omni-vc-item-7-button-left: 59.9%;
	--omni-vc-item-7-button-bottom: 2px;
	--omni-vc-item-7-button-width: 50%;
	/*-------------------------------------*/
	--omni-vc-item-8-left: 70.7%;
	--omni-vc-item-8-top: 43.2%;
	--omni-vc-item-8-width: 18.2%;
	--omni-vc-item-8-height: 26.8%;
	--omni-vc-item-8-photo-left: 50%;
	--omni-vc-item-8-photo-top: 55%;
	--omni-vc-item-8-photo-width: 84%;
	--omni-vc-item-8-photo-height: 58%;
	--omni-vc-item-8-badge-left: 60.6%;
	--omni-vc-item-8-badge-bottom: -16px;
	--omni-vc-item-8-badge-width: 70%;
	--omni-vc-item-8-button-left: 60.6%;
	--omni-vc-item-8-button-bottom: -43px;
	--omni-vc-item-8-button-width: 50%;
	--omni-vc-item-photo-default-translate-x: -50%;
	--omni-vc-item-photo-default-translate-y: -50%;
	--omni-vc-item-photo-default-max-width: 70%;
	--omni-vc-item-photo-default-max-height: 68%;
	--omni-vc-item-badge-default-translate-x: -50%;
	--omni-vc-item-badge-default-translate-y: 0;
	--omni-vc-item-button-default-translate-x: -50%;
	--omni-vc-item-button-default-translate-y: 0;
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	width: 100% !important;
	min-height: 0 !important;
	aspect-ratio: 1448 / 1086 !important;
	padding: 0 !important;
	background: linear-gradient(180deg, rgba(16, 9, 4, .02), rgba(16, 9, 4, .02)),
		url("../../../includes/bkbg.webp") center center / contain no-repeat !important;
}

.omni-vc-app .omni-vc-products-grid.is-slide-next {
	animation: omni-vc-shelf-slide-next .28s ease both;
}

.omni-vc-app .omni-vc-products-grid.is-slide-prev {
	animation: omni-vc-shelf-slide-prev .28s ease both;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product {
	position: absolute !important;
	--omni-vc-item-photo-translate-x: var(--omni-vc-item-photo-default-translate-x);
	--omni-vc-item-photo-translate-y: var(--omni-vc-item-photo-default-translate-y);
	--omni-vc-item-photo-max-width: var(--omni-vc-item-photo-default-max-width);
	--omni-vc-item-photo-max-height: var(--omni-vc-item-photo-default-max-height);
	--omni-vc-item-badge-translate-x: var(--omni-vc-item-badge-default-translate-x);
	--omni-vc-item-badge-translate-y: var(--omni-vc-item-badge-default-translate-y);
	--omni-vc-item-button-translate-x: var(--omni-vc-item-button-default-translate-x);
	--omni-vc-item-button-translate-y: var(--omni-vc-item-button-default-translate-y);
	--omni-vc-item-rotation: 0deg;
	display: block !important;
	min-height: 0 !important;
	left: var(--omni-vc-item-left) !important;
	top: var(--omni-vc-item-top) !important;
	height: var(--omni-vc-item-height) !important;
	width: var(--omni-vc-item-width) !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	isolation: isolate !important;
	overflow: visible !important;
	perspective: none !important;
	transform: translate(-50%, -50%) rotate(var(--omni-vc-item-rotation)) !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(1) {
	--omni-vc-item-left: var(--omni-vc-item-1-left);
	--omni-vc-item-top: var(--omni-vc-item-1-top);
	--omni-vc-item-width: var(--omni-vc-item-1-width);
	--omni-vc-item-height: var(--omni-vc-item-1-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-1-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-1-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-1-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-1-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-1-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-1-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-1-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-1-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-1-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-1-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(2) {
	--omni-vc-item-left: var(--omni-vc-item-2-left);
	--omni-vc-item-top: var(--omni-vc-item-2-top);
	--omni-vc-item-width: var(--omni-vc-item-2-width);
	--omni-vc-item-height: var(--omni-vc-item-2-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-2-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-2-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-2-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-2-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-2-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-2-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-2-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-2-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-2-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-2-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(3) {
	--omni-vc-item-left: var(--omni-vc-item-3-left);
	--omni-vc-item-top: var(--omni-vc-item-3-top);
	--omni-vc-item-width: var(--omni-vc-item-3-width);
	--omni-vc-item-height: var(--omni-vc-item-3-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-3-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-3-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-3-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-3-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-3-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-3-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-3-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-3-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-3-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-3-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(4) {
	--omni-vc-item-left: var(--omni-vc-item-4-left);
	--omni-vc-item-top: var(--omni-vc-item-4-top);
	--omni-vc-item-width: var(--omni-vc-item-4-width);
	--omni-vc-item-height: var(--omni-vc-item-4-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-4-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-4-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-4-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-4-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-4-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-4-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-4-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-4-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-4-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-4-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(5) {
	--omni-vc-item-left: var(--omni-vc-item-5-left);
	--omni-vc-item-top: var(--omni-vc-item-5-top);
	--omni-vc-item-width: var(--omni-vc-item-5-width);
	--omni-vc-item-height: var(--omni-vc-item-5-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-5-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-5-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-5-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-5-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-5-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-5-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-5-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-5-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-5-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-5-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(6) {
	--omni-vc-item-left: var(--omni-vc-item-6-left);
	--omni-vc-item-top: var(--omni-vc-item-6-top);
	--omni-vc-item-width: var(--omni-vc-item-6-width);
	--omni-vc-item-height: var(--omni-vc-item-6-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-6-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-6-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-6-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-6-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-6-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-6-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-6-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-6-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-6-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-6-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(7) {
	--omni-vc-item-left: var(--omni-vc-item-7-left);
	--omni-vc-item-top: var(--omni-vc-item-7-top);
	--omni-vc-item-width: var(--omni-vc-item-7-width);
	--omni-vc-item-height: var(--omni-vc-item-7-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-7-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-7-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-7-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-7-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-7-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-7-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-7-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-7-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-7-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-7-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:nth-child(8) {
	--omni-vc-item-left: var(--omni-vc-item-8-left);
	--omni-vc-item-top: var(--omni-vc-item-8-top);
	--omni-vc-item-width: var(--omni-vc-item-8-width);
	--omni-vc-item-height: var(--omni-vc-item-8-height);
	--omni-vc-item-photo-left: var(--omni-vc-item-8-photo-left);
	--omni-vc-item-photo-top: var(--omni-vc-item-8-photo-top);
	--omni-vc-item-photo-width: var(--omni-vc-item-8-photo-width);
	--omni-vc-item-photo-height: var(--omni-vc-item-8-photo-height);
	--omni-vc-item-badge-left: var(--omni-vc-item-8-badge-left);
	--omni-vc-item-badge-bottom: var(--omni-vc-item-8-badge-bottom);
	--omni-vc-item-badge-width: var(--omni-vc-item-8-badge-width);
	--omni-vc-item-button-left: var(--omni-vc-item-8-button-left);
	--omni-vc-item-button-bottom: var(--omni-vc-item-8-button-bottom);
	--omni-vc-item-button-width: var(--omni-vc-item-8-button-width);
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product::before {
	content: "" !important;
	position: absolute !important;
	left: 24% !important;
	right: 24% !important;
	bottom: 49px !important;
	z-index: 0 !important;
	height: 10px !important;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .58) 0%, rgba(0, 0, 0, .3) 44%, rgba(0, 0, 0, 0) 78%) !important;
	filter: blur(6px) !important;
	opacity: .68 !important;
	pointer-events: none !important;
	transform: translateY(4px) scaleX(1.26) !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product-media {
	position: absolute !important;
	left: var(--omni-vc-item-photo-left) !important;
	top: var(--omni-vc-item-photo-top) !important;
	z-index: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--omni-vc-item-photo-width) !important;
	height: var(--omni-vc-item-photo-height) !important;
	min-height: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	overflow: hidden !important;
	transform: translate(var(--omni-vc-item-photo-translate-x), var(--omni-vc-item-photo-translate-y)) !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product-thumb {
	position: static !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: var(--omni-vc-item-photo-max-width) !important;
	max-height: var(--omni-vc-item-photo-max-height) !important;
	margin: 0 auto !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center center !important;
	border-radius: 8px !important;
	clip-path: inset(0 round 8px) !important;
	filter: saturate(1.05) contrast(1.05) drop-shadow(0 8px 7px rgba(0, 0, 0, .34)) !important;
	mix-blend-mode: normal !important;
	transform: none !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product:hover .omni-vc-product-thumb {
	filter: saturate(1.08) contrast(1.07) drop-shadow(0 10px 8px rgba(0, 0, 0, .38)) !important;
	transform: translateY(-2px) scale(1.04) !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product-body {
	position: absolute !important;
	left: var(--omni-vc-item-badge-left) !important;
	bottom: var(--omni-vc-item-badge-bottom) !important;
	z-index: 2 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: var(--omni-vc-item-badge-width) !important;
	min-height: var(--omni-vc-product-badge-min-height, 24px) !important;
	margin: 0 !important;
	padding: var(--omni-vc-product-badge-padding-y, 1px) var(--omni-vc-product-badge-padding-x, 6px) !important;
	gap: 1px !important;
	text-align: center !important;
	background: rgba(31, 17, 8, .72) !important;
	border: 1px solid rgba(231, 178, 91, .28) !important;
	border-radius: 8px !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .22) !important;
	transform: translate(var(--omni-vc-item-badge-translate-x), var(--omni-vc-item-badge-translate-y)) !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product-name {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	color: #fff5df !important;
	font-size: clamp(8px, .66vw, 11px) !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	text-align: center !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .72), 0 0 8px rgba(0, 0, 0, .45) !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
	transform: none !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product-price {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	align-self: center !important;
	min-height: var(--omni-vc-product-price-min-height, 15px) !important;
	margin: 1px auto 0 !important;
	padding: var(--omni-vc-product-price-padding-y, 1px) var(--omni-vc-product-price-padding-x, 7px) !important;
	background: rgba(255, 245, 223, .98) !important;
	color: #59320f !important;
	border: 1px solid rgba(231, 178, 91, .75) !important;
	border-radius: 999px !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset, 0 4px 8px rgba(0, 0, 0, .2) !important;
	font-size: clamp(8px, .58vw, 10px) !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-align: center !important;
	text-shadow: none !important;
	transform: none !important;
}

.omni-vc-app .omni-vc-products-grid .omni-vc-product-add {
	position: absolute !important;
	left: var(--omni-vc-item-button-left) !important;
	bottom: var(--omni-vc-item-button-bottom) !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: var(--omni-vc-item-button-width) !important;
	min-height: var(--omni-vc-product-button-min-height, 21px) !important;
	margin: 0 !important;
	padding: 5px 10px !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #e2aa48, #c88927) !important;
	box-shadow: 0 5px 10px rgba(32, 15, 5, .26) !important;
	font-size: clamp(8px, .64vw, 10px) !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-align: center !important;
	transform: translate(var(--omni-vc-item-button-translate-x), var(--omni-vc-item-button-translate-y)) !important;
}

.omni-vc-app .omni-vc-pagination {
	position: relative !important;
	z-index: 2 !important;
	margin: 0 auto 12px !important;
}
/* SHELF LAYOUT END */

@media (max-width: 1180px) {
	.omni-vc-layout {
		grid-template-columns: 1fr 1fr;
	}

	.omni-vc-summary {
		grid-column: 1 / -1;
		position: static;
	}

	.omni-vc-app .omni-vc-layout {
		grid-template-columns: minmax(0, 1fr) minmax(270px, 310px) !important;
	}

	.omni-vc-app .omni-vc-products-grid {
		grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
	}

}

@media (max-width: 900px) {
	.omni-vc-layout {
		grid-template-columns: 1fr;
	}

	.omni-vc-products-grid {
		grid-template-columns: repeat(2, 1fr);
		max-height: none;
	}

	.omni-vc-slots-grid {
		grid-template-columns: repeat(5, 1fr);
	}

	.omni-vc-search {
		flex: 1 1 100%;
	}

	.omni-vc-summary {
		position: sticky;
		bottom: 0;
		z-index: 20;
		box-shadow: 0 -8px 24px rgba(43, 35, 32, 0.14);
	}

	.omni-vc-app *, .omni-vc-app *::before, .omni-vc-app *::after {
		box-sizing: border-box !important;
	}

	.omni-vc-app .omni-vc-header {
		display: block !important;
		margin: 0 0 12px !important;
		padding: 0 2px !important;
	}

	.omni-vc-app .omni-vc-heading {
		margin: 0 !important;
		font-family: "Playfair Display",Georgia,serif !important;
		font-size: 28px !important;
		line-height: 1.05 !important;
		font-weight: 600 !important;
		color: #2b211b !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
	}

	.omni-vc-app .omni-vc-subheading {
		margin: 5px 0 0 !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
		color: #7b6a5d !important;
	}

	.omni-vc-app .omni-vc-panel {
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	.omni-vc-app .omni-vc-package-select-wrap {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		margin: 0 0 10px !important;
	}

	.omni-vc-app .omni-vc-package-select-wrap label {
		display: block !important;
		margin: 0 !important;
		color: #f1dfc4 !important;
		font-size: 13px !important;
		line-height: 1.2 !important;
		font-weight: 700 !important;
		text-transform: none !important;
	}

	.omni-vc-app .omni-vc-package-select {
		display: block !important;
		width: auto !important;
		max-width: 58% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 8px 30px 8px 10px !important;
		background: #171008 !important;
		color: #f1dec0 !important;
		border: 1px solid #6a451f !important;
		border-radius: 8px !important;
		font: 600 12px/1.25 inherit !important;
	}

	.omni-vc-app .omni-vc-package-visual {
		display: block !important;
		width: 100% !important;
		padding: 8px !important;
		overflow: hidden !important;
		background: linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.08)),linear-gradient(135deg,#8f5929 0%,#6f3f1c 48%,#815026 100%) !important;
		border: 1px solid #b77a35 !important;
		border-radius: 11px !important;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.16),inset 0 -12px 22px rgba(42,19,6,.22) !important;
	}

	.omni-vc-app .omni-vc-slots-grid {
		display: grid !important;
		grid-template-columns: repeat(3,minmax(0,1fr)) !important;
		gap: 6px !important;
		width: 100% !important;
	}

	.omni-vc-app .omni-vc-slot {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		width: 100% !important;
		aspect-ratio: 1.12/1 !important;
		min-width: 0 !important;
		overflow: hidden !important;
		border: 1px dashed rgba(244,205,142,.38) !important;
		border-radius: 8px !important;
		background: rgba(47,24,9,.30) !important;
		box-shadow: inset 0 2px 6px rgba(0,0,0,.34) !important;
	}

	.omni-vc-app .omni-vc-slot.is-occupied {
		border-style: solid !important;
		border-color: rgba(221,159,70,.78) !important;
		background: #f4eee5 !important;
	}

	.omni-vc-app .omni-vc-slot-thumb {
		display: block;
		width: 100% !important;
		height: 100% !important;
		padding: 0 !important;
		object-fit: contain !important;
		background: #fff !important;
		border-radius: 7px !important;
	}

	.omni-vc-app .omni-vc-slot-thumb[hidden], .omni-vc-app .omni-vc-slot-remove[hidden], .omni-vc-app .omni-vc-slot-empty-icon[hidden] {
		display: none !important;
	}

	.omni-vc-app .omni-vc-slot:not(.is-empty) .omni-vc-slot-empty-icon {
		display: none !important;
	}

	.omni-vc-app .omni-vc-toolbar {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 9px !important;
		margin: 0 0 10px !important;
	}

	.omni-vc-app .omni-vc-categories {
		display: flex !important;
		flex-wrap: nowrap !important;
		gap: 6px !important;
		width: 100% !important;
		overflow-x: auto !important;
		padding: 0 0 2px !important;
		scrollbar-width: none !important;
	}

	.omni-vc-app .omni-vc-category-pill {
		flex: 0 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 34px !important;
		margin: 0 !important;
		padding: 7px 11px !important;
		background: #171008 !important;
		color: #ead7b8 !important;
		border: 1px solid #5a3b1e !important;
		border-radius: 8px !important;
		font: 650 11px/1.15 inherit !important;
		white-space: nowrap !important;
		text-transform: none !important;
	}

	.omni-vc-app .omni-vc-category-pill.is-active {
		background: linear-gradient(180deg,#e0ae55,#bd7d22) !important;
		border-color: #e8bd70 !important;
		color: #2a1808 !important;
	}

	.omni-vc-app .omni-vc-search {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		flex: none !important;
	}

	.omni-vc-app .omni-vc-search-input {
		display: block !important;
		width: 100% !important;
		height: 40px !important;
		margin: 0 !important;
		padding: 9px 11px !important;
		background: #0f0b07 !important;
		color: #f4e7d4 !important;
		border: 1px solid #4a321d !important;
		border-radius: 8px !important;
		font: 400 13px/1.2 inherit !important;
	}

	.omni-vc-app .omni-vc-products-grid {
		display: grid !important;
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
		gap: 8px !important;
		width: 100% !important;
		max-height: none !important;
		overflow: visible !important;
		padding: 0 !important;
	}

	.omni-vc-app .omni-vc-product {
		display: flex !important;
		flex-direction: column !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 5px !important;
		overflow: hidden !important;
		background: linear-gradient(180deg,#4b2b13,#2b170b) !important;
		color: #fff !important;
		border: 1px solid #4a2d16 !important;
		border-radius: 8px !important;
		box-shadow: inset 0 1px rgba(255,255,255,.05),0 4px 10px rgba(0,0,0,.25) !important;
	}

	.omni-vc-app .omni-vc-product-media {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		aspect-ratio: 1.25/1 !important;
		margin: 0 0 5px !important;
		overflow: hidden !important;
		border-radius: 6px !important;
		background: radial-gradient(circle at 50% 38%,#8a5427 0%,#4c2a13 56%,#291409 100%) !important;
	}

	.omni-vc-app .omni-vc-product-thumb {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 2px !important;
		object-fit: contain !important;
	}

	.omni-vc-app .omni-vc-product-body {
		display: flex !important;
		flex: 1 !important;
		flex-direction: column !important;
		text-align: center !important;
	}

	.omni-vc-app .omni-vc-product-name {
		margin: 1px 0 2px !important;
		color: #fff7eb !important;
		font-size: 11px !important;
		line-height: 1.25 !important;
		font-weight: 650 !important;
		text-transform: none !important;
	}

	.omni-vc-app .omni-vc-product-price {
		margin: 0 0 5px !important;
		color: #d9b77d !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
	}

	.omni-vc-app .omni-vc-product-add {
		display: flex !important;
		width: 100% !important;
		min-height: 32px !important;
		margin: auto 0 0 !important;
		padding: 7px 6px !important;
		align-items: center !important;
		justify-content: center !important;
		background: linear-gradient(180deg,#c99039,#9b5d18) !important;
		color: #fff !important;
		border: 0 !important;
		border-radius: 6px !important;
		font: 700 10px/1.1 inherit !important;
		text-transform: none !important;
	}

	.omni-vc-app .omni-vc-summary-package-name {
		display: block !important;
		margin: 0 0 10px !important;
		color: #2b211b !important;
		font: 700 16px/1.2 inherit !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
	}

	.omni-vc-app .omni-vc-summary-metric {
		margin: 0 0 10px !important;
	}

	.omni-vc-app .omni-vc-summary-metric-row, .omni-vc-app .omni-vc-summary-row {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px !important;
		margin: 0 0 4px !important;
		color: #4a3b31 !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
	}

	.omni-vc-app .omni-vc-progress {
		display: block !important;
		width: 100% !important;
		height: 4px !important;
		overflow: hidden !important;
		background: #eadfce !important;
		border-radius: 999px !important;
	}

	.omni-vc-app .omni-vc-summary-items {
		display: block !important;
		max-height: 190px !important;
		margin: 10px 0 !important;
		padding: 0 9px !important;
		overflow-y: auto !important;
		list-style: none !important;
		background: #fff !important;
		border: 1px solid #eee2d2 !important;
		border-radius: 9px !important;
	}

	.omni-vc-app .omni-vc-summary-totals {
		margin: 10px 0 !important;
	}

	.omni-vc-app .omni-vc-summary-total {
		padding-top: 8px !important;
		margin-top: 6px !important;
		border-top: 1px solid #eadfce !important;
		color: #2e2119 !important;
		font-size: 15px !important;
		font-weight: 800 !important;
	}

	.omni-vc-app .omni-vc-btn-primary {
		display: flex !important;
		width: 100% !important;
		min-height: 42px !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 10px 13px !important;
		background: linear-gradient(180deg,#d3a34e,#b77a25) !important;
		color: #241406 !important;
		border: 0 !important;
		border-radius: 8px !important;
		font: 700 13px/1.15 inherit !important;
		text-transform: none !important;
	}

	.omni-vc-app .omni-vc-btn-primary:disabled {
		background: #e3dbd2 !important;
		color: #a89c90 !important;
	}

	.omni-vc-app .omni-vc-empty-hint {
		margin: 9px 0 0 !important;
		color: #8a7268 !important;
		font-size: 11.5px !important;
		line-height: 1.4 !important;
		text-align: center !important;
	}

	.omni-vc-app {
		display: block !important;
		min-width: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		background: #f6f1e9 !important;
		font-family: Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
		color: #2c2220 !important;
		line-height: 1.4 !important;
		padding: 16px !important;
		width: 100vw !important;
		max-width: 100vw !important;
		border-radius: 0 !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
		box-shadow: none !important;
	}

	.omni-vc-app .omni-vc-header,
	.omni-vc-app .omni-vc-resume-bar,
	.omni-vc-app .omni-vc-layout {
		width: 100% !important;
	}

	.omni-vc-app .omni-vc-package-panel,
	.omni-vc-app .omni-vc-products-panel,
	.omni-vc-app .omni-vc-summary {
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.omni-vc-app .omni-vc-layout {
		flex-direction: column !important;
		width: 100% !important;
		min-width: 0 !important;
		display: grid !important;
		gap: 12px !important;
	}

	.omni-vc-app .omni-vc-package-panel {
		display: block !important;
		padding: 13px !important;
		background: linear-gradient(180deg,#1b1009,#0f0905) !important;
		border: 1px solid #3c2717 !important;
		border-radius: 14px !important;
		box-shadow: 0 12px 26px rgba(27,15,7,.22) !important;
		color: #f4e5cf !important;
		order: initial !important;
	}

	.omni-vc-app .omni-vc-products-panel {
		display: block !important;
		padding: 12px !important;
		background: radial-gradient(100% 90% at 50% 0%,#2b1a0e 0%,#130d08 58%,#0c0805 100%) !important;
		border: 1px solid #362315 !important;
		border-radius: 14px !important;
		box-shadow: 0 12px 28px rgba(27,15,7,.22) !important;
		color: #fff !important;
		overflow: hidden !important;
		order: initial !important;
	}

	.omni-vc-app .omni-vc-summary {
		position: static !important;
		display: block !important;
		padding: 14px !important;
		background: linear-gradient(180deg,#fffdfa,#f8f2e9) !important;
		color: #2c2220 !important;
		border: 1px solid #eadfce !important;
		border-radius: 14px !important;
		box-shadow: 0 10px 24px rgba(57,38,19,.09) !important;
		order: initial !important;
	}

}

@media (max-width: 520px) {
	.omni-vc-heading {
		font-size: 22px;
	}

	.omni-vc-products-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.omni-vc-product-add {
		padding: 9px 12px;
		font-size: 13px;
	}

	.omni-vc-package-visual {
		padding: 7px;
	}

	.omni-vc-slots-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 6px;
	}

	.omni-vc-slot-remove {
		top: 4px;
		right: 4px;
	}

}

@media (max-width:1180px) {
	.omni-vc-products-grid {
		grid-template-columns: repeat(3,1fr);
	}

	.omni-vc-layout {
		grid-template-columns: minmax(0,2.4fr) minmax(270px,1fr);
	}

}

@media (max-width:900px) {
	.omni-vc-app {
		padding: 12px;
	}

	.omni-vc-layout {
		display: flex;
		flex-direction: column;
	}

	.omni-vc-package-panel {
		border-radius: 13px 13px 0 0;
	}

	.omni-vc-products-panel {
		border-radius: 0 0 13px 13px;
		margin-bottom: 12px;
	}

	.omni-vc-summary {
		position: static;
		order: 3;
	}

	.omni-vc-products-grid {
		grid-template-columns: repeat(2,1fr);
		max-height: none;
	}

	.omni-vc-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.omni-vc-search {
		flex: 1 1 auto;
		width: 100%;
	}

	.omni-vc-categories {
		width: 100%;
	}

	.omni-vc-slots-grid {
		grid-template-columns: repeat(4,1fr);
	}

	.omni-vc-package-select-wrap {
		align-items: flex-start;
		flex-direction: column;
	}

	.omni-vc-package-select {
		width: 100%;
		min-width: 0;
	}

}

@media (max-width:520px) {
	.omni-vc-heading {
		font-size: 25px;
	}

	.omni-vc-product {
		padding: 5px;
	}

	.omni-vc-product-name {
		font-size: 10.5px;
	}

	.omni-vc-slots-grid {
		grid-template-columns: repeat(3,1fr);
	}

}

@media (max-width: 430px) {
	.omni-vc-app {
		padding: 10px !important;
	}

	.omni-vc-app .omni-vc-heading {
		font-size: 25px !important;
	}

	.omni-vc-app .omni-vc-package-select-wrap {
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.omni-vc-app .omni-vc-package-select {
		width: 100% !important;
		max-width: none !important;
	}

	.omni-vc-app .omni-vc-products-grid {
		gap: 6px !important;
	}

	.omni-vc-app .omni-vc-slots-grid {
		grid-template-columns: repeat(3,minmax(0,1fr)) !important;
		gap: 5px !important;
	}

}

@media (max-width: 782px) {
	.omni-vc-app .omni-vc-add-to-cart {
		display: block !important;
		width: 100% !important;
		min-height: 48px !important;
		font-size: 15px !important;
	}

}

@media (min-width: 1500px) {
	.omni-vc-app .omni-vc-products-grid {
		grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
	}

}

@media (max-width: 980px) {
	.omni-vc-app .omni-vc-products-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
	}

	.omni-vc-app .omni-vc-slots-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.omni-vc-app .omni-vc-layout {
		grid-template-areas: "side"
			"products" !important;
		grid-template-columns: 1fr !important;
	}

	.omni-vc-app .omni-vc-side-rail {
		position: static !important;
	}

	.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual {
		margin-top: 16px !important;
		margin-bottom: 0 !important;
	}

	.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual .omni-vc-slots-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

}

@media (max-width: 640px) {
	.omni-vc-app .omni-vc-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.omni-vc-app .omni-vc-slots-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

}

@media (max-width: 760px) {
	.omni-vc-app .omni-vc-products-grid {
		aspect-ratio: auto !important;
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		padding: 12px !important;
		background: #160d08 !important;
	}

	.omni-vc-app .omni-vc-products-grid .omni-vc-product {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		width: auto !important;
		height: auto !important;
		min-height: 170px !important;
		padding: 8px !important;
		background: rgba(255, 248, 236, .9) !important;
		border: 1px solid rgba(224, 190, 138, .72) !important;
		border-radius: 8px !important;
		box-shadow: 0 12px 30px rgba(27, 12, 4, .22) !important;
	}

	.omni-vc-app .omni-vc-products-grid .omni-vc-product::before {
		display: none !important;
	}

	.omni-vc-app .omni-vc-products-grid .omni-vc-product-media,
	.omni-vc-app .omni-vc-products-grid .omni-vc-product-body,
	.omni-vc-app .omni-vc-products-grid .omni-vc-product-add {
		position: static !important;
		inset: auto !important;
		transform: none !important;
	}

	.omni-vc-app .omni-vc-products-grid .omni-vc-product-media {
		width: 100% !important;
		aspect-ratio: 1.25 / 1 !important;
		margin: 0 0 5px !important;
		background: radial-gradient(circle at 50% 38%, #8a5427 0%, #4c2a13 56%, #291409 100%) !important;
	}

	.omni-vc-app .omni-vc-products-grid .omni-vc-product-thumb {
		max-width: 100% !important;
		max-height: none !important;
		clip-path: none !important;
		filter: drop-shadow(0 7px 7px rgba(0, 0, 0, .35)) !important;
	}

}

@media (min-width: 761px) {
	.omni-vc-app {
		width: calc(100vw - 24px) !important;
		max-width: calc(100vw - 24px) !important;
		margin-left: calc(50% - 50vw + 12px) !important;
		margin-right: calc(50% - 50vw + 12px) !important;
		padding-left: clamp(12px, 1.4vw, 28px) !important;
		padding-right: clamp(12px, 1.4vw, 28px) !important;
		overflow-x: clip !important;
	}

	.omni-vc-app .omni-vc-header,
	.omni-vc-app .omni-vc-layout {
		width: 100% !important;
		max-width: 1840px !important;
	}

	.omni-vc-app .omni-vc-layout {
		grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
		column-gap: clamp(18px, 2vw, 34px) !important;
	}

	.omni-vc-app .omni-vc-products-panel {
		min-width: 0 !important;
	}

	/*
	 * Dokowanie "Twojego pudelka" na pustej tacy na blacie, wypalonej w grafice
	 * tla polki (obecnie wgrane w Ladach > Uklady jako wlasny obrazek, np.
	 * .../uploads/.../bkbg_1a-1024x768.png - NIE plik z includes/). Wspolrzedne
	 * tacy zmierzone w TEJ grafice: x ok. 8-12% do 88-92% (~76% szerokosci),
	 * y ok. 73%-85.5% wysokosci polki (polka renderowana przez
	 * .omni-vc-products-grid, aspect-ratio jak w pliku obrazka).
	 *
	 * Pionowa pozycja to SUMA dwoch skladnikow, bo blad kazdego z nich rosnie
	 * inaczej wraz z szerokoscia:
	 *   - margin-top (%, liczone wzgledem SZEROKOSCI kontenera wg spec. CSS)
	 *     - odpowiada za czesc przesuniecia, ktora skaluje sie z szerokoscia
	 *       (np. wysokosc grafiki polki rosnie proporcjonalnie do szerokosci);
	 *   - top (px, stale) - koryguje czesc, ktora NIE skaluje sie z szerokoscia
	 *     (np. wysokosc paginacji/odstepow nad pudelkiem, ktora jest w px).
	 * Zmierzone empirycznie na zywym poligonie (1200/1366/1600px): przy
	 * margin-top=-21.2% i top=-80px srodek pudelka pokrywal sie ze srodkiem
	 * tacy z dokladnoscia ~4px na kazdej z tych szerokosci (poprzednio
	 * -18.75%/-80px "plynelo" wraz ze wzrostem szerokosci - stad rozjazd przy
	 * szerszych ekranach, mimo ze przy waskich wygladalo OK). Nastepnie
	 * doszlifowane recznie na zywo do margin-top=-18.5% / top=-50px - jesli
	 * przy innej szerokosci znow zacznie "plynac", wroc do wyliczenia wyzej.
	 *
	 * Wysokosc pudelka jest SZTYWNA (aspect-ratio) - zawsze miesci sie w narysowanej
	 * tacy, bez wystawania poza nia. Liczbe kolumn i rozmiar slotow przelicza JS
	 * (renderSlots w configurator.js) na podstawie faktycznej liczby miejsc w
	 * opakowaniu i realnych wymiarow tacy (--omni-vc-slot-cols/--omni-vc-slot-size),
	 * zeby zawsze zmiescily sie bez przewijania - "gap" ponizej musi byc identyczny
	 * jak w JS liczacym rozmiar.
	 * Dziala tylko od 761px, bo dopiero od tej szerokosci polka renderuje sie na tle
	 * grafiki (ponizej 761px produkty wracaja do zwyklej siatki bez tla).
	 *
	 * UWAGA przy kolejnej zmianie grafiki tla lady: te wartosci sa dopasowane
	 * do POZYCJI TACY W TEJ KONKRETNEJ GRAFICE. Po podmianie obrazka tla w
	 * Ladach > Uklady trzeba je zmierzyc od nowa (namierzyc x/y tacy w nowym
	 * obrazku i powtorzyc powyzsza kalibracje przy min. 2 szerokosciach okna).
	 *
	 * Drobna reczna korekta BEZ grzebania w tym pliku: Ustawienia > "Pozycja
	 * siatki miejsc Twoje opakowanie" (--omni-vc-pkg-slots-offset-x/-y,
	 * patrz Frontend::PACKAGE_STYLE_NUMBER_FIELDS) - dolozone DO powyzszych,
	 * juz skalibrowanych wartosci top/margin, nie zamiast nich.
	 */
	.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual {
		width: 76% !important;
		aspect-ratio: 76 / 11.25 !important;
		margin: -18.50% 0 7.5% 12% !important;
		padding: clamp(5px, .6vw, 9px) !important;
		min-height: 0 !important;
		max-height: none !important;
		border-radius: 8px !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		position: relative !important;
		top: calc(-50px + var(--omni-vc-pkg-slots-offset-y, 0px)) !important;
		left: var(--omni-vc-pkg-slots-offset-x, 0px) !important;
		z-index: 2 !important;
	}

	.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual .omni-vc-slots-grid {
		grid-template-columns: repeat(var(--omni-vc-slot-cols, 6), var(--omni-vc-slot-size, clamp(50px, 5.2vw, 74px))) !important;
		grid-auto-rows: min-content !important;
		align-content: center !important;
		justify-content: center !important;
		height: 100% !important;
		max-height: 100% !important;
		overflow: hidden !important;
		gap: 6px !important;
		padding-right: 0 !important;
	}

	.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual .omni-vc-slot {
		aspect-ratio: 1.05 / 1 !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	/* .omni-vc-slot-thumb ma domyslnie biale tlo (#fff) - dobrze wyglada jako
	   "karta produktu" gdziekolwiek indziej w UI, ale tutaj slot siedzi
	   bezposrednio na fototapecie tacy, wiec bialy kwadrat/kolko za zdjeciem
	   rzuca sie w oczy. Zdjecia produktow na polkach powyzej sa wycietymi
	   PNG-ami bez tla - w slocie maja wygladac tak samo, wiec zdejmujemy
	   biale tlo (samo zdjecie ma juz przezroczystosc w pliku PNG). */
	.omni-vc-app .omni-vc-products-panel > .omni-vc-package-visual .omni-vc-slot-thumb {
		background: transparent !important;
	}
}

@keyframes omni-vc-fade-in {
	from { opacity: 0; transform: translateY(-4px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes omni-vc-shelf-slide-next {
	from { opacity: .35; transform: translateX(34px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes omni-vc-shelf-slide-prev {
	from { opacity: .35; transform: translateX(-34px); }
	to { opacity: 1; transform: translateX(0); }
}

.omni-vc-app .omni-vc-products-grid.has-counter-background {
	position: relative !important;
	display: block !important;
	aspect-ratio: var(--omni-vc-counter-aspect-ratio, 1448 / 1086) !important;
	min-height: 0 !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
	pointer-events: none !important;
	transform: none !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-media {
	position: absolute !important;
	left: var(--omni-vc-item-left) !important;
	top: var(--omni-vc-item-top) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: var(--omni-vc-item-width) !important;
	height: var(--omni-vc-item-height) !important;
	margin: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	pointer-events: auto !important;
	transform: translate(-50%, -50%) rotate(var(--omni-vc-item-rotation, 0deg)) !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-thumb {
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-body {
	position: absolute !important;
	left: var(--omni-vc-product-badge-left, var(--omni-vc-slot-control-left)) !important;
	top: var(--omni-vc-product-badge-top, var(--omni-vc-slot-label-top)) !important;
	bottom: auto !important;
	z-index: 4 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: min(var(--omni-vc-product-badge-width, 18%), 240px) !important;
	height: var(--omni-vc-product-badge-height, auto) !important;
	min-height: 24px !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 4px 8px !important;
	gap: 2px !important;
	background: rgba(31, 17, 8, .78) !important;
	border: 1px solid rgba(231, 178, 91, .28) !important;
	border-radius: 8px !important;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .22) !important;
	transform: translateX(-50%) !important;
	pointer-events: none !important;
}

.omni-vc-app.is-inquiry-detail .omni-vc-products-grid.has-counter-background .omni-vc-product-media {
	overflow: visible !important;
}

.omni-vc-app.is-inquiry-detail .omni-vc-products-grid.has-counter-background .omni-vc-product-thumb {
	max-width: 100% !important;
	max-height: 100% !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-name {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	color: #fff5df !important;
	font-size: clamp(9px, .68vw, 11px) !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	text-align: center !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-price {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 16px !important;
	margin: 0 !important;
	padding: 2px 8px !important;
	background: rgba(255, 245, 223, .98) !important;
	color: #59320f !important;
	border: 1px solid rgba(231, 178, 91, .75) !important;
	border-radius: 999px !important;
	font-size: clamp(8px, .58vw, 10px) !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-add {
	position: absolute !important;
	left: var(--omni-vc-product-add-left, var(--omni-vc-slot-control-left)) !important;
	top: var(--omni-vc-product-add-top, var(--omni-vc-slot-button-top)) !important;
	bottom: auto !important;
	z-index: 4 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	width: min(var(--omni-vc-product-add-width, 9%), 150px) !important;
	height: var(--omni-vc-product-add-height, auto) !important;
	min-height: 18px !important;
	margin: 0 !important;
	padding: 5px 10px !important;
	border-radius: 999px !important;
	background: linear-gradient(180deg, #e2aa48, #c88927) !important;
	color: #241406 !important;
	box-shadow: 0 5px 10px rgba(32, 15, 5, .26) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	transform: translateX(-50%) !important;
	pointer-events: auto !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-badge {
	position: absolute !important;
/*	top: var(--omni-vc-slot-status-top) !important; */
	left: var(--omni-vc-slot-control-left) !important;
	right: auto !important;
	z-index: 5 !important;
	transform: translateX(-50%) !important;
	white-space: nowrap !important;
	pointer-events: none !important;
}

.omni-vc-app .omni-vc-products-grid.has-counter-background .omni-vc-product-link {
	position: absolute !important;
	top: var(--omni-vc-product-description-top, calc(var(--omni-vc-slot-status-top) - .2%)) !important;
	left: var(--omni-vc-product-description-left, calc(var(--omni-vc-slot-control-left) + 5.6%)) !important;
	right: auto !important;
	z-index: 5 !important;
	box-sizing: border-box !important;
	width: min(var(--omni-vc-product-description-width, 4.2%), 70px) !important;
	height: var(--omni-vc-product-description-height, auto) !important;
	min-height: 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	transform: translateX(-50%) !important;
	pointer-events: auto !important;
}

.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 330px) !important;
	grid-template-areas: "products summary" !important;
}

.omni-vc-app.is-counter-mode-pickup_list .omni-vc-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 330px) !important;
	grid-template-areas: "products summary" !important;
}

.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-package-panel,
.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-package-visual,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-package-panel,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-package-visual {
	display: none !important;
}

.omni-vc-app.is-package-selector-hidden .omni-vc-package-panel {
	display: none !important;
}

.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-side-rail,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-side-rail {
	display: block !important;
	grid-area: summary !important;
}

.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-summary,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-summary {
	display: block !important;
}

.omni-vc-app.is-counter-mode-pickup_list .omni-vc-summary-metric,
.omni-vc-app.is-counter-mode-pickup_list .omni-vc-summary-row:nth-child(2) {
	display: none !important;
}

@media (max-width: 760px) {
	.omni-vc-app.is-counter-mode-inquiry_single .omni-vc-layout,
	.omni-vc-app.is-counter-mode-pickup_list .omni-vc-layout {
		grid-template-columns: 1fr !important;
		grid-template-areas: "products" "summary" !important;
	}
}

body.omni-vc-page main::before,
body.omni-vc-page .site-main::before,
body.omni-vc-page .content-area::before,
body.omni-vc-page .entry-content::before,
body.omni-vc-page .page-content::before,
body.omni-vc-page .wp-block-post-content::before,
body.omni-vc-page main::after,
body.omni-vc-page .site-main::after,
body.omni-vc-page .content-area::after,
body.omni-vc-page .entry-content::after,
body.omni-vc-page .page-content::after,
body.omni-vc-page .wp-block-post-content::after {
	content: none !important;
	display: none !important;
}

body.omni-vc-page .omni-vc-app {
	margin-top: clamp(18px, 2vw, 34px) !important;
}

body.omni-vc-page .omni-vc-header {
	margin: 0 auto clamp(14px, 1.6vw, 22px) !important;
	padding: 0 6px !important;
}

body.omni-vc-page .omni-vc-layout {
	align-items: start !important;
}

@media (min-width: 981px) {
	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-products-panel,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-products-panel {
		display: grid !important;
		grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr) !important;
		align-items: center !important;
		gap: 14px 20px !important;
		padding-top: clamp(24px, 2.2vw, 34px) !important;
	}

	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-counter-tabs,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-counter-tabs {
		grid-column: 2 !important;
		grid-row: 1 !important;
		margin: 0 !important;
	}

	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-toolbar,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-toolbar {
		grid-column: 3 !important;
		grid-row: 1 !important;
		justify-content: flex-end !important;
		margin: 0 !important;
	}

	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-search,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-search {
		flex: 0 1 320px !important;
	}

	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-inquiry-detail-bar,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-inquiry-detail-bar {
		grid-column: 1 / -1 !important;
		margin: 0 !important;
	}

	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-pagination,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-pagination {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		margin: 4px auto 0 !important;
	}

	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-products-grid,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-products-grid {
		grid-column: 1 / -1 !important;
		grid-row: 3 !important;
	}

	body.omni-vc-page .omni-vc-app.is-counter-mode-inquiry_single .omni-vc-package-visual,
	body.omni-vc-page .omni-vc-app.is-counter-mode-pickup_list .omni-vc-package-visual {
		grid-column: 1 / -1 !important;
		grid-row: 4 !important;
	}
}