main.site-main {
	margin-top: 12px;
}
.breadcrumbs-container {
	padding-bottom: 12px;
}

/* Nawigacja - okruszki */
.woocommerce-breadcrumb {
	font-size: 0.9rem;
	margin-bottom: 1rem;
	color: #666;
}
.woocommerce-breadcrumb a {
	color: #0073aa;
	text-decoration: none;
}
.woocommerce-breadcrumb a:hover {
	text-decoration: underline;
}

/* Galeria produktu */
.woocommerce-product-gallery {
	width: 100%;
	max-width: 700px;
	margin-bottom: 2rem;
}
.woocommerce-product-gallery__image img {
	width: 100%;
	border-radius: 10px;
}

/* Tytuł produktu */
.product_title {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 1.5rem;
}
.woocommerce div.product .product_title {
	margin-top: 24px;
}
.single-product .variation-price {
	text-align: left;
	margin: 12px 0;
}
.single-product .summary .price{
	margin: 0;
}
.single-product .price .price{
	display: flex;
	flex-wrap: wrap;
}
.single-product .variation-price .iworks-omnibus{
	order: 10;

	width: 100%;
}

body.single-product .summary .quantity_wrap{
float: left;
}
/* Opis krótki */
.woocommerce-product-details__short-description p {
	margin-bottom: 1.5rem;
	font-size: 18px;
	line-height: 32px;
}

/* Wybór wariantów */
.variations {
	margin-bottom: 1rem;
}
.variations th.label {
	font-weight: 600;
}
.variations select {
	padding: 8px 12px;
	font-size: 1rem;
	border-radius: 5px;
	border: 1px solid #ccc;
}

/* Ilość i przycisk dodaj do koszyka */
.woocommerce-variation-add-to-cart {
	display: flex;
	align-items: center;
	margin-top: 1rem;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled{
	/* display: none; */
}



.quantity_wrap {
	display: flex;
	gap: 12px;
	justify-content: center;
	align-items: center;
	margin-right: 24px;
}

.quantity_wrap .number-wrap {
	display: flex;
	background-color: var(--white);
	border: 1px solid var(--grey-300);
	align-items: center;
	border-radius: 12px;
	padding: 12px;
}

.quantity_wrap .number-wrap input.qty {
	min-width: 70px;
	width: 70px;
	border: 0;
	font-size: 18px;
	padding: 4px;
	text-align: center;
	margin: 0;
	-moz-appearance: textfield;
	appearance: none;
}
.quantity_wrap .number-wrap input.qty::-webkit-inner-spin-button,
.quantity_wrap .number-wrap input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantity_wrap .decrement,
.quantity_wrap .increment {
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	height: 24px;
	width: 24px;
	min-width: 24px;
	height: 24px;
}

.quantity_wrap .unit {
	font-size: 16px;
	color: var(--grey-500);
}

.stock-status {
	display: flex;
	align-items: center;
	font-size: 0.9rem;
	margin-bottom: 0.5em;
	margin-top: 0;
}
.stock-status .dot {
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	border-radius: 50%;
	margin-right: 0.5em;
	background-color: currentColor;
}
.stock-status.available {
	color: #28a745; /* zielony */
}
.stock-status.unavailable {
	color: var(--primary-500);
}

/* overlay */
.siteart-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
}
/* okno */
.siteart-modal {
	background: #fff;
	padding: 60px;
	border-radius: 16px;
	max-width: 500px;
	width: 90%;
	position: relative;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
	max-height: 80vh;
}
/* przycisk zamknięcia */
.siteart-modal-close {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	background: none;
	border: none;
	font-size: 1.5rem;
	line-height: 1;
	color: #333;
	cursor: pointer;
}

/* Dane produktu */
.product_meta {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	font-size: 16px;
	line-height: 24px;
	color: var(--grey-500);
	margin-top: 1.5rem;
}
.product_meta a {
	position: relative;
	transition: color var(--transition);
	color: var(--grey-900);
}
.product_meta a:hover {
	color: var(--primary-500);
}

/* Zakładki - opisy */
.woocommerce-tabs {
	margin-top: 2rem;
}
.wc-tabs li a {
	font-weight: 600;
	padding: 10px 15px;
	display: inline-block;
	text-decoration: none;
	color: #0073aa;
	border-bottom: 2px solid transparent;
}
.wc-tabs li.active a,
.wc-tabs li a:hover {
	border-bottom: 2px solid #0073aa;
}
.woocommerce-Tabs-panel {
	padding: 1.5rem 0;
	font-size: 18px;
	line-height: 32px;
}
.woocommerce-Tabs-panel h2, .woocommerce-Tabs-panel h3, .woocommerce-Tabs-panel h4, .woocommerce-Tabs-panel h5, .woocommerce-Tabs-panel h6{
    font-family: var(--primary-font);
	font-weight: 700;
}

.woocommerce-Tabs-panel p, .woocommerce-Tabs-panel ul, .woocommerce-Tabs-panel li{
	color: var(--grey-500);
	font-weight: 400;
}

.woocommerce-Tabs-panel b, .woocommerce-Tabs-panel strong{
	font-weight: 700;
}
.woocommerce-product-attributes {
	width: 100%;
	border-collapse: collapse;
}
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
	padding: 10px;
	border-bottom: 1px solid #eaeaea;
}
.product-trustmate{
	margin-top: 24px;
	margin-bottom: 12px;
}
@media (min-width: 768px) {
    .product-trustmate .tm-hornet-container .tm-hornet-wrapper.size-2 {
        font-size: 7px !important;
    }
}
@media (max-width: 768px) {
   .product-trustmate  .tm-hornet-container .tm-hornet-wrapper.size-mobile-2 {
        font-size: 7px !important;
    }
}

.trust-badges {
	display: flex;
	clear: both;
	/* padding-top: 24px; */
}
.trust-badges img {
	max-height: 50px;
	height: auto;
	width: auto;
	display: inline-block;
}
.woocommerce div.product form.cart {
	margin-top: 2em;
	/* display: inline-flex; */
	align-items: center;
	gap: 12px;
}

.woocommerce div.product form.cart::after,
.woocommerce div.product form.cart::before {
	content: unset;
}
.woocommerce div.product-type-simple.product form.cart {
	/* display: flex; */
}
.product-full-description-in-summary{
	margin-top: 2.4em;
	margin-bottom: 2em;
}
.product-full-description-in-summary p{
	margin-bottom: 0;
	margin-top: 0;
	font-size: 18px;
	line-height: 34px;
}
.woocommerce ul.products li.product .variation-price{
	text-align: center;
}
.woocommerce ul.products li.product .button{
	margin: 0 auto;
}
.woocommerce div.product form.cart div.quantity {
	margin-right: 24px;
}
.woocommerce .quantity .qty {
	font-size: 18px;
	border-radius: 12px;
	padding: 12px;
	width: auto;
}

.related.products{
	padding: 60px 0;
}
.woocommerce table.shop_attributes th{
	color: var(--grey-900);
}
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes td p{
	font-size: 18px;
}
.woocommerce div.product form.cart .button{
	float: unset;
}
@media (max-width: 1700px) {
	.woocommerce-product-gallery {
		max-width: 600px;
	}
	
}

@media (max-width: 1200px) {
	.quantity_wrap .number-wrap input.qty {
		width: 45px;
		min-width: 45px;
	}
}



@media (max-width: 1080px) {
	
	.woocommerce-variation-add-to-cart, .woocommerce div.product-type-simple.product form.cart{
		flex-wrap: wrap;
		gap: 24px;
	}
	body.single-product .summary .quantity_wrap{
		gap: 8px;
	}
	.quantity_name {
		display: none;
	}
	body.single-product .summary .quantity_wrap{
		margin-right: 12px;
	}
}

@media (max-width: 880px) {
	
	body.single-product.woocommerce div.product form.cart .button{
		margin: 24px auto 0;
	}
	body.single-product .summary .quantity_wrap .quantity_wrap{
		margin-top: 24px;
	}


	body.single-product .summary  .cart:not(.variations_form) .quantity_wrap{
		margin-top: 24px;
	}


}
@media (min-width: 768px) {
	.woocommerce-product-gallery {
		flex: 1;
	}
	.summary.entry-summary {
		flex: 1;
	}

	
}

@media (max-width: 768px) {
	body.single-product.woocommerce div.product form.cart .button{
		margin: 0;
	}
	body.single-product .summary .quantity_wrap .quantity_wrap{
		margin-top: 0;
	}


	body.single-product .summary  .cart:not(.variations_form) .quantity_wrap{
		margin-top: 0;
	}

	.quantity_wrap .number-wrap input.qty {
		min-width: 35px;
	}
	.quantity_wrap {
		margin-right: 24px;
	}
}

@media (max-width: 576px) {
	.quantity_wrap .unit {
		display: none;
	}
	.quantity_wrap .number-wrap input.qty {
		font-size: 16px;
	}
	.woocommerce div.product .product_title {
		font-size: 28px;
		line-height: 36px;
	}
	.woocommerce div.product form.cart {
		gap: 4px;
	}
	.woocommerce .quantity .qty {
		font-size: 16px;
	}
	.woocommerce:where(body:not(.woocommerce-uses-block-theme))
		div.product
		p.price,
	.woocommerce:where(body:not(.woocommerce-uses-block-theme))
		div.product
		span.price {
		/* font-size: 28px; */
		line-height: 34px;
	}
    .woocommerce-product-details__short-description p{
        font-size: 16px;
        margin: 12px 0;
        line-height: 26px;
    }
	.siteart-modal{
		padding: 30px;
		width: 95%;
	}
}

@media (max-width: 460px) {
	body.single-product .summary .quantity_wrap{
		margin-right: 0;
	}
	.product-full-description-in-summary p{
		font-size: 16px;
	}
	.woocommerce div.product .woocommerce-tabs p{
		font-size: 16px;
		line-height: 26px;
	}
	.product-full-description-in-summary{
		margin-top: 1.5em;
	}
}

@media (max-width: 440px) {
    .woocommerce div.product .product_title{
        font-size: 28px;
        line-height: 36px;
    }
    .woocommerce-variation-add-to-cart{
        margin-top: 12px;
    }
    .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
        margin: 0;
        margin-bottom: 4px;
    }
}
@media (max-width: 400px) {
	body.single-product.woocommerce div.product form.cart .button{
		/* font-size: 14px; */
	}
}
@media (max-width: 390px) {
	body.single-product .summary .quantity_wrap{
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        float: none;
	}
	.woocommerce-variation-add-to-cart, .woocommerce div.product-type-simple.product form.cart{
		gap: 12px;
	}
	body.single-product.woocommerce div.product form.cart .button{
		margin-top: 0;
	}
	.quantity_wrap .number-wrap{
		width: 100%;
		justify-content: space-between;
	}
	body.single-product.woocommerce div.product form.cart .button{
		margin: 0 auto;
        float: none;
		margin-top: 12px;
		width: 100%;
        max-width: 280px;

	}
}




.product-benefits {
    margin-top: 16px;
	margin-bottom: 20px;
    display: flex;
    flex-direction: column;
	width: 100%;
    gap: 8px;
}

.product-benefits__item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: var(--grey-500);
}

.product-benefits__icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
	opacity: .8;
}

/* Ikony */
.product-benefits__item--delivery .product-benefits__icon {
    background-image: url('../assets/truck.svg');
}

.product-benefits__item--shipping .product-benefits__icon {
    background-image: url('../assets/box.svg');
}

.product-benefits__item--payments .product-benefits__icon {
    background-image: url('../assets/card.svg');
}

.product-benefits__link {
    margin-left: 6px;
    font-weight: 500;
    color: inherit;
}
.product-benefits__link::before{
	        background-color: var(--grey-900)!important;
}
.product-benefits__link:hover {
    text-decoration: none;
}




/* =====================================================
   GALERIA PRODUKTU — natywna galeria WooCommerce
   + slajd wideo z wtyczki Video Gallery for WooCommerce
   ===================================================== */

/* Kursor "lupa" na zdjęciach — sygnał, że klik otwiera lightbox
   (obsługa: js/product-gallery.js) */
.woocommerce-product-gallery__image a,
.woocommerce-product-gallery__image img {
	cursor: zoom-in;
}

/* Slajd wideo — tam kursor lupy nie ma sensu, wideo się odtwarza */
.woocommerce-product-gallery__image:has(video) a,
.woocommerce-product-gallery__image:has(.vwg-video-wrapper) a,
.woocommerce-product-gallery__image:has(video) img,
.woocommerce-product-gallery__image:has(.vwg-video-wrapper) img {
	cursor: pointer;
}

/* Główne zdjęcie — jasne tło, żeby białe produkty nie zlewały się ze stroną */
.woocommerce-product-gallery__image {
	background: var(--grey-50, #f5f5f5);
	border-radius: 12px;
	overflow: hidden;
}

.woocommerce-product-gallery__image img {
	border-radius: 12px;
	display: block;
}

/* Odtwarzacz wideo w galerii */
.woocommerce-product-gallery .vwg-video-wrapper {
	height: auto !important; /* wtyczka wstawia inline height */
	border-radius: 12px;
	overflow: hidden;
	background: #000;
}

.woocommerce-product-gallery video,
.woocommerce-product-gallery .video-js {
	width: 100% !important;
	height: auto !important;
	display: block;
	border-radius: 12px;
}

/* ===== MINIATURY (flexslider) ===== */
.woocommerce-product-gallery .flex-control-thumbs {
	display: grid;
	/* auto-fill + stała szerokość minimalna: miniatury mają ten sam rozmiar
	   niezależnie od tego, ile ich jest (nie rozciągają się przy 2-3 zdjęciach) */
	grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
	gap: 10px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden; /* neutralizuje floaty */
}

.woocommerce-product-gallery .flex-control-thumbs li {
	float: none !important; /* flexslider ustawia float:left */
	width: auto !important;
	margin: 0 !important;
	list-style: none;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

/* Wtyczka wideo ustawia naturalne wymiary obrazka atrybutami width/height
   (inline onload) — tu je neutralizujemy, żeby siatka się nie rozjeżdżała */
.woocommerce-product-gallery .flex-control-thumbs li img,
.woocommerce-product-gallery .flex-control-thumbs li .vwg-video-wrapper,
.woocommerce-product-gallery .flex-control-thumbs li .vwg-video-wrapper img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: cover;
	display: block;
	margin: 0;
	border-radius: 8px;
	opacity: 0.55;
	cursor: pointer;
	transition: opacity var(--transition, 0.3s ease);
}

.woocommerce-product-gallery .flex-control-thumbs li:hover img {
	opacity: 0.85;
}

/* Aktywna miniatura — flexslider dodaje .flex-active na <img> */
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) img {
	opacity: 1;
}

.woocommerce-product-gallery .flex-control-thumbs li:has(img.flex-active) {
	outline: 2px solid var(--primary-500, #ed1c24);
	outline-offset: -2px;
}

/* Znacznik "play" na miniaturze wideo */
.woocommerce-product-gallery .flex-control-thumbs li:has(.vwg-video-wrapper)::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.92)
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23232222'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E")
		center / 16px 16px no-repeat;
	box-shadow: 0 2px 6px rgba(35, 34, 34, 0.25);
	pointer-events: none;
}

/* Ikona lupy Woo — niepotrzebna, klika się całe zdjęcie */
.woocommerce-product-gallery__trigger {
	display: none !important;
}

/* Lightbox musi być nad sticky headerem i pozostałymi warstwami motywu
   (domyślny z-index PhotoSwipe to 1500 — za mało) */
.pswp {
	z-index: 150000;
}

@media (max-width: 880px) {
	.woocommerce-product-gallery .flex-control-thumbs {
		grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
		gap: 8px;
	}

	.woocommerce-product-gallery__image,
	.woocommerce-product-gallery__image img {
		border-radius: 10px;
	}
}
