/*
Theme Name: kmb-systems
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.1.1745401949
Updated: 2025-04-23 12:52:29

*/


img {
	border-radius: 0;
	-o-object-fit: cover;
	object-fit: cover;
}

body {
	min-width: 360px;
	font-size: 16px;
	font-family: var(--font-family);
}

body._lock {
	overflow: hidden;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: .5rem;
	font-family: var(--font-family);
	font-weight: 500;
	line-height: 1.2;
}

h4,
.delta {
	font-size: 20px;
	text-align: center;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

table {
	font-size: 14px;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus,
.input-text:focus {
	background-color: var(--light-color);
}

form.checkout input[type=text],
form.checkout input[type=number],
form.checkout input[type=email],
form.checkout input[type=tel],
form.checkout input[type=url],
form.checkout input[type=password],
form.checkout input[type=search],
form.checkout textarea,
.input-text {
	background-color: var(--border);
}

form.checkout input[type=text]:focus,
form.checkout input[type=number]:focus,
form.checkout input[type=email]:focus,
form.checkout input[type=tel]:focus,
form.checkout input[type=url]:focus,
form.checkout input[type=password]:focus,
form.checkout input[type=search]:focus,
form.checkout textarea:focus,
.input-text:focus {
	background-color: var(--border);
}

.woocommerce-loop-product__title {
	line-height: 1.2;
	margin-bottom: 20px;
	padding: 0 15px;
	height: 55px;
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 22px;
	text-align: center;
}

.button.product_type_simple {
	display: block;
	text-align: center;
}

.single-product div.product .woocommerce-product-gallery img {
	margin: 0 auto;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
	width: 100%;
	float: left;
	margin-right: 2%;
}

@media (min-width: 768px) {
	.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
		width: auto;
		float: left;
		margin-right: 10px;
	}
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
	margin-right: 10px;
}

@media (min-width: 768px) {
	.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
		margin-right: 10px;
	}
}

ul.flex-direction-nav {
	position: absolute;
	top: 30%;
	z-index: 99999;
	width: 100%;
	left: 0%;
	margin: 0;
	padding: 0px;
	list-style: none;
}

li.flex-nav-prev {
	float: left;
}

li.flex-nav-next {
	float: right;
}

a.flex-next {
	visibility: hidden;
}

a.flex-prev {
	visibility: hidden;
}

a.flex-next::after {
	visibility: visible;
	content: "";
	margin-right: 10px;
	display: inline-block;
	width: 14px;
	height: 24px;
	background-image: url("./assets/img/svg/arrow-right.svg");
	background-repeat: no-repeat;
	background-position: center;
}

a.flex-prev::before {
	visibility: visible;
	content: "";
	margin-left: 10px;
	display: inline-block;
	width: 14px;
	height: 24px;
	background-image: url("./assets/img/svg/arrow-left.svg");
	background-repeat: no-repeat;
	background-position: center;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport img {
	width: 100%;
	height: 320px;
	object-fit: contain;
}

.clearfix {
	clear: both;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.woocommerce-tabs {
	padding-bottom: 0;
}

.woocommerce-tabs ul.tabs {
	float: unset;
	width: 100%;
}

@media (min-width: 360px) {
	.woocommerce-tabs ul.tabs {
		display: block;
	}
}

@media (min-width: 768px) {
	.woocommerce-tabs ul.tabs {
		display: flex;
	}
}

.storefront-full-width-content .woocommerce-tabs ul.tabs {
	width: 100%;
	margin-right: 0;
}

.woocommerce-tabs ul.tabs li {
	padding: 0 20px;
}

.storefront-full-width-content .woocommerce-tabs .panel {
	width: 100%;
	float: unset;
	margin-right: 0;
	padding: 0 20px;
	margin-bottom: 0;
}

.woocommerce-tabs ul.tabs li.active::after {
	right: 0;
}

.woocommerce-tabs ul.tabs li::after {
	content: "";
	width: 8px;
	height: 10px;
	background-image: url('./assets/img/svg/arrow-right-tab.svg');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.storefront-sorting {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 20px;
}

.tabs.wc-tabs {
	background-color: var(--border);
}

li[role="presentation"] {
	background-color: var(--border);
}

.woocommerce-tabs ul.tabs li {
	padding: 0 20px;
	border-right: 1px solid var(--light-grey);
}

.woocommerce-tabs ul.tabs li.active {
	background-color: var(--accent);
	border-right: 1px solid var(--accent);
}

.woocommerce-tabs ul.tabs li a {
	padding: 1em 0;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
}

.woocommerce-tabs ul.tabs li.active a {
	color: var(--light-color) !important;
}

.woocommerce-tabs ul.tabs li.active::after {
	display: none;
}

.site-main.main-o-kompanii {
	margin-bottom: 0;
}

.check__box p {
    margin: 0;
}