/* Doplnky - hero */
.cont-doplnky-hero {
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	height: 400px;
}

/* Doplnky - hlavne menu sekcii */
.si-addons-nav {
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	min-height: calc(80px * var(--si-global-margin-padding-scale));
	gap: 6px 32px;
}

/* Doplnky - polozka menu */
.si-addons-nav__button {
	appearance: none;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;

	font-family: var(--si-font);
	font-size: calc(
		var(--si-fnt-size2) *
		var(--si-global-font-scale)
	);
	font-weight: 600;
	line-height: 1.2;

	color: var(--awb-color6);
	cursor: pointer;

	transition: color var(--transition-dur, 0.25s) ease;
}

/* Hover a aktivna polozka menu */
.si-addons-nav__button:hover,
.si-addons-nav__button:focus-visible,
.si-addons-nav__button.is-active {
	color: var(--awb-color5);
}

/* Skryte obsahove sekcie */
.si-addons-panel[hidden] {
	display: none;
}

/* Doplnky - grid produktov */
.si-addons-products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(10px, calc(3.2258vw - 23.0645px), 20px);
}


/* Doplnky - produktova karta */
.si-addons-product-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border: 1px solid var(--awb-custom_color_1);
	background: var(--awb-color1);
	box-sizing: border-box;
	transition: border-color var(--transition-dur) ease;
}

.si-addons-product-card:hover {
	border-color: var(--awb-color6);
}

/* Aktivna produktova karta */
.si-addons-product-card.is-active {
	outline: 3px solid var(--awb-color5);
    outline-offset: -3px;
}


/* Hlavna klikatelna cast karty */
.si-addons-product-card__main {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}


/* Obrazok produktu */
.si-addons-product-card__image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 280px;
	padding: 14px 8px 0;
	box-sizing: border-box;
}


/* Samotny obrazok produktu */
.si-addons-product-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}


/* Spodna cast karty */
.si-addons-product-card__footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding: 6px 8px 10px;
}


/* Nazov a cena produktu */
.si-addons-product-card__info {
	display: flex;
	flex-direction: column;
	min-width: 0;
	font-size: var(--si-fnt-size1);
	line-height: 1.45;
}

.si-addons-product-card__info
.si-addons-product-card__price,
.si-addons-product-card__info
.si-addons-product-card__sale-price {
	font-size: calc(
		var(--si-fnt-size2) *
		var(--si-global-font-scale)
	);
}


/* Nazov produktu */
.si-addons-product-card__title {
	display: block;
}


/* Cena produktu */
.si-addons-product-card__price {
	display: block;
	font-weight: 700;
}


/* Ovladanie mnozstva */
.si-addons-product-card__quantity {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	flex-shrink: 0;
}


/* Plus a minus */
.si-addons-product-card__quantity-buttons {
	display: flex;
	align-items: center;
	gap: 14px;
}


/* Tlacidlo plus / minus */
.si-addons-product-card__quantity-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--awb-color5);
	cursor: pointer;
	font-family: "icomoon" !important;
	font-size: 20px;
	line-height: 1;
	transform: translateY(0) scale(1);
	transform-origin: center;
	transition:
		transform 80ms ease,
		filter 80ms ease;
}

/* Efekt zatlacenia tlacidla */
.si-addons-product-card__quantity-btn:active,
.si-addons-summary__quantity-btn.is-pressed {
	transform: translateY(1px) scale(0.89);
	filter: brightness(0.82);
}


/* Plus */
.si-addons-product-card__quantity-btn--plus::before {
	content: "\e908";
}


/* Minus */
.si-addons-product-card__quantity-btn--minus::before {
	content: "\e909";
}


/* Pocet kusov */
.si-addons-product-card__quantity-value {
	margin-top: 5px;
	white-space: nowrap;
}


@media (max-width: 1024px) {

	.si-addons-products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(10px, calc(2.611vw - 6.737px), 20px);
	}

}


@media (max-width: 640px) {

	.si-addons-products {
		grid-template-columns: 1fr;
		gap: 20px;
	}

}


/* Doplnky - vyber materialu */
.si-addons-materials {
	width: 100%;
	margin-top: calc(48px * var(--si-global-margin-padding-scale));
}


/* Doplnky - accordion vyberu materialu */
.si-addons-materials > .si-addons-materials__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;

	width: 100%;
	margin: 0;
	padding: calc(10px * var(--si-global-margin-padding-scale));
	border: 0;
	background: var(--si-color1);
	box-shadow: none;
	box-sizing: border-box;

	font-family: var(--si-font);
	font-size: calc(var(--si-fnt-size2) * var(--si-global-font-scale));
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
	color: var(--awb-color8);
	cursor: pointer;
}


/* Doplnky - nadpis accordionu */
.si-addons-materials__heading
.si-cfg-accordion__title {
	flex: 1 1 auto;
	min-width: 0;
}


/* Doplnky - sipka rovnaka ako v product cfg */
.si-addons-materials__heading
.si-cfg-accordion__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	color: var(--awb-color8);
}

.si-addons-materials__heading
.si-cfg-accordion__arrow::before {
	content: "\e907";
	font-family: "icomoon" !important;
	font-size: calc(18px * var(--si-global-font-scale));
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	color: currentColor;
	transform: rotate(90deg);
	transition: transform var(--transition-dur, 0.25s) ease;
}

.si-addons-materials.is-open
.si-cfg-accordion__arrow::before {
	transform: rotate(-90deg);
}


/* Doplnky - obsah accordionu */
.si-addons-materials >
.si-addons-materials__panel {
	margin-top: 38px;
}

.si-addons-materials__panel[hidden] {
	display: none;
}

#si-addons-materials-panel {
	padding-bottom: 0;
}

/* Doplnky - skryta paleta */
.si-addons-materials__palette[hidden] {
	display: none;
}


/* Doplnky - grid vzoriek materialov */
.si-addons-materials__grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: clamp(10px, calc(5.8065vw - 49.5161px), 28px) clamp(12px, calc(3.871vw - 27.6774px), 24px);
}

/* Doplnky - poznamka pod vzorkovnikom materialov */
.si-addons-materials__note {
	margin: 28px 0 0 !important;
	font-size: var(--si-small-font);
	line-height: 1.4;
	text-align: left;
	color: var(--awb-color8);
}

/* Doplnky - jedna vzorka materialu */
.si-addons-material-swatch {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	text-align: left;
	color: var(--awb-color6);
}


/* Doplnky - obrazok vzorky */
.si-addons-material-swatch__image {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	border: 2px solid transparent;
	box-sizing: border-box;
	transition:
		border-color var(--transition-dur, 0.25s) ease;
}


/* Doplnky - aktivna vzorka */
.si-addons-material-swatch.is-active
.si-addons-material-swatch__image {
	border-color: var(--awb-color5);
}


/* Doplnky - samotny obrazok vzorky */
.si-addons-material-swatch__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* Doplnky - nazov materialu */
.si-addons-material-swatch__name {
	display: block;
	margin-top: 5px;
	font-family: var(--si-font);
	font-size: calc(var(--si-fnt-size1) * var(--si-global-font-scale));
	line-height: 1.3;
}


/* Tablet */
@media (max-width: 1024px) {

	.si-addons-materials__grid {
		grid-template-columns:
			repeat(5, minmax(0, 1fr));
		gap: clamp(10px, calc(10.4046vw - 78.5434px), 28px) clamp(12px, calc(6.9364vw - 47.0289px), 24px);
		}
}

@media (max-width: 850px) {
	.si-addons-materials__grid {
		grid-template-columns:
			repeat(4, minmax(0, 1fr));
		gap: clamp(10px, calc(8.6124vw - 45.2057px), 28px) clamp(12px, calc(5.7416vw - 24.8038px), 24px);
	}

}

/* Mobil */
@media (max-width: 640px) {

	.si-addons-materials__grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
		gap: 28px 24px;
	}

}

/* Doplnky - calc summary */
.si-addons-summary {
	margin-top: calc(48px * var(--si-global-margin-padding-scale));
}


/* Doplnky - jeden riadok summary */
.si-addons-summary__row {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		auto
		minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	padding: 10px;
}


/* Doplnky - nazov produktu v summary */
.si-addons-summary__product {
	min-width: 0;
	text-align: left;
}


/* Doplnky - ovladanie mnozstva v strede */
.si-addons-summary__quantity {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	white-space: nowrap;
}


/* Doplnky - pocet kusov v summary */
.si-addons-summary__quantity-value {
	min-width: 48px;
	text-align: center;
}


/* Doplnky - cena riadku */
.si-addons-summary__price {
	text-align: right;
	white-space: nowrap;
}


/* Doplnky - spodna cast pod celkovou cenou */
.si-addons-summary__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: calc(32px * var(--si-global-margin-padding-scale));
}


/* Doplnky - poznamka pod summary */
.si-addons-summary__note {
	font-size: calc(
		var(--si-smaller-font) *
		var(--si-global-font-scale)
	);
	line-height: 1.3;
	max-width: 500px;
}


/* Doplnky - tlacidlo dopytu */
.si-addons-summary__inquiry-button {
	flex-shrink: 0;
}


/* Neaktivne tlacidlo bez vybranych poloziek */
.si-addons-summary__inquiry-button:disabled {
	opacity: 0.5;
	cursor: default;
}


@media (max-width: 640px) {

	.si-addons-summary__row {
		grid-template-columns: 1fr;
		line-height: 1.3;
		row-gap: 0;
	}

	.si-addons-summary__product,
	.si-addons-summary__price {
		text-align: center;
	}

	.si-addons-summary__footer {
		flex-direction: column;
		align-items: stretch;
	}

	.si-calc-summary__items.si-addons-summary__items {
		row-gap: 20px;
		margin-bottom: 8px;
	}

}

/* Doplnky - farba akciovej ceny */
.si-addons {
	--si-addons-sale-color: #e30613;
}


/* Priama produktova karta nema klikatelny obrazok */
.si-addons-product-card--direct
.si-addons-product-card__main {
	cursor: default;
}


/* Nazov priameho produktu */
.si-addons-product-card--direct
.si-addons-product-card__title {
	font-weight: 700;
}


/* Rozmer produktu */
.si-addons-product-card__meta {
	display: block;
}


/* Povodna cena pri akcii */
.si-addons-product-card__regular-price {
	display: block;
	font-weight: 700;
}


/* Akciova cena */
.si-addons-product-card__sale-price {
	display: block;
	font-weight: 700;
	color: var(--si-addons-sale-color);
}