/*   
Theme Name: SitTheme
Theme URI: http://sankowski.it
Description: 
Author: Dariusz Sankowski
Author URI: http://sankowski.it
Version: 0.0000000000001
*/


:root { 

	--sit-scale: 18;

	--sit-dark: #1D1D1D;
	--sit-light: #747475;
	--sit-text-primary: #9E1623;
	--sit-primary: #3A111B;
	--sit-primary-light: #66474E;
	--sit-primary-lighting: #9C888D;
	--sit-semiwhite: #F0F0F0;
	--sit-white: #FFFFFF;
	--sit-red: #9E1623;

}


html {
	height: 100%;
	overflow-x: hidden;
}
body {
	letter-spacing: 0.5px;
	text-rendering: optimizeLegibility;
	font-size: 17px;
	line-height: 1.5;
	font-family: "Lato", sans-serif !important;
	font-weight: 300;
	background-color: var(--sit-primary);
	color: var(--sit-dark);
}
.container-fluid {
	max-width: 1500px;
}
a {
	color: var(--sit-primary);
	text-decoration: none !important;
}
a:hover,
a:focus {
	color: var(--sit-dark);
}

.page-wrap-dark a {
	color: var(--sit-semiwhite);
	text-decoration: none !important;
}
.page-wrap-dark a:hover,
.page-wrap-dark a:focus {
	color: var(--sit-white);
} 
.btn {
	display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 6px !important;
    padding: 16px 40px !important;
    gap: 10px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    font-weight: 400 !important;
    text-decoration: none !important;
}

/* 2. STYL KOLORYSTYCZNY - Tylko dla przycisku Primary */
.btn-primary,
.single_add_to_cart_button.button.alt {
    background-color: #5C0C14 !important;
    border-color: #5C0C14 !important;
    color: #ffffff !important;
}

/* Interakcje dla Primary */
.btn-primary:hover,
.single_add_to_cart_button.button.alt:hover {
    background-color: #7a111a !important;
    border-color: #7a111a !important;
}
/* Styl dla focusu (po kliknięciu lub przy nawigacji klawiaturą) */
.btn:focus,
.btn-primary:focus,
.single_add_to_cart_button.button.alt:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(92, 12, 20, 0.5) !important;
}

/* Usuwamy efekt cienia, gdy użytkownik kliknie myszką, ale nie chcemy go widzieć na stałe (opcjonalnie) */
.btn:active:focus {
    box-shadow: none !important;
}
 
 
.btn-light {
	background-color: rgba(255, 255, 255, 0.05);
	color: var(--sit-white);
	border-color: transparent;
}
.btn-light:hover,
.btn-light:focus {
	border-color: var(--sit-white);
    background-color: rgba(255, 255, 255, 0);
    color: var(--sit-white);
}
.btn-link {
	color: var(--sit-white);
	text-decoration: none;
	box-shadow: none !important;
}
.btn-link:hover {
	color: var(--sit-white);
	opacity: .6;
}
.btn-link:focus {
	color: var(--sit-white);
	opacity: 1 !important;
}
.tab-arrow {
   	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='52' viewBox='0 0 8 52' fill='none'%3E%3Cpath d='M4.5 1C4.5 0.723858 4.27614 0.5 4 0.5C3.72386 0.5 3.5 0.723858 3.5 1L4 1L4.5 1ZM3.64645 51.3536C3.84171 51.5488 4.15829 51.5488 4.35356 51.3536L7.53554 48.1716C7.7308 47.9763 7.7308 47.6597 7.53554 47.4645C7.34027 47.2692 7.02369 47.2692 6.82843 47.4645L4 50.2929L1.17157 47.4645C0.976313 47.2692 0.65973 47.2692 0.464468 47.4645C0.269206 47.6597 0.269206 47.9763 0.464468 48.1716L3.64645 51.3536ZM4 1L3.5 1L3.5 51H4H4.5L4.5 1L4 1Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-position: center bottom;
    background-size: 8px;
    width: 24px;
    height: 18px;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    opacity: 1;
	padding: 0;
}
.tab-arrow.right {
	transform: rotate(-90deg) !important;
}
.tab-arrow.hidden,
.tab-arrow.hidden:hover,
.tab-arrow.hidden:focus {
    opacity: 0 !important;
    pointer-events: none;
}

.zdjecie-wrap {
	position: relative;
	overflow: hidden;
    cursor: cell;
}
.zdjecie-wrap img {

	transition: all .5s ease-in-out;
}
.zdjecie-wrap .hover-img {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
.zdjecie-wrap:hover .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	top: 0;
}
.zdjecie-wrap > img:first-child {
    transform: scale(1.1);
}
.zdjecie-wrap:hover > img:first-child {
    transform: scale(1);
}
a .zdjecie-wrap {
    cursor: zoom-in;
}


.navbar-toggler {
    border: none;
    color: var(--bs-gray-400) !important;
    padding: 0;
    box-shadow: none !important;
    width: 28px;
    height: 28px;
    background: none transparent !important;
    position: relative;
	z-index: 1;
	transition: opacity .5s ease-in-out;
}

.navbar-toggler span {
	background-color: var(--sit-white);
	border-radius: 6px;
    width: 28px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform-origin: center;
    transition: all .15s ease-in-out;
}
nav.navbar.bg-white .navbar-toggler span {
	background-color: var(--sit-primary);
}
.navbar-toggler .line-1 {
    transform: translateY(-8px);
}

.navbar-toggler .line-2 {
    transform: translateY(0);
}

.navbar-toggler .line-3 {
    transform: translateY(8px);
}
.navbar-toggler:not(.collapsed) span {
	background-color: var(--sit-white) !important;
}
.navbar-toggler:not(.collapsed) .line-1 {
    transform: translate(0) rotate(45deg);
}

.navbar-toggler:not(.collapsed) .line-2 {
	opacity: 0;
}

.navbar-toggler:not(.collapsed) .line-3 {
    transform: translate(0) rotate(-45deg);
}



h1, h2, h3, h4, h5, h6 {
	font-family: "Lato", sans-serif;
	color: var(--sit-dark);
}
.page-wrap-dark h1,
.page-wrap-dark h2,
.page-wrap-dark h3,
.page-wrap-dark h4,
.page-wrap-dark h5,
.page-wrap-dark h6 {
	color: var(--sit-white);
}
h4 {
	color: var(--sit-dark);
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 300;
}
h5 {
	color: var(--sit-light);
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 300;
}
.page-wrap-dark h4 {
	color: var(--sit-primary-lighting);
}
.small {
	font-size: 14px;
}
.small a {
	font-weight: 300;
	color: var(--sit-primary-lighting);
}
.small a:hover,
.small a:focus {
	color: var(--sit-white);
}
b,
strong {
	font-weight: 300;
	color: var(--sit-white);
}
p {
	margin: 0 0 3rem;
}
.cytat {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}
.bg-primary p {
	text-align: justify;
}
ul.list,
ol.list {
	text-align: left;
    list-style: none;
    margin: 1.5rem auto 2.5rem auto;
    padding: 0;
}
ul.list li,
ol.list li {
    text-align: left;
    position: relative;
    padding: 0 0 0 32px;
	margin: 0 0 .5rem;
}
ol.list li {
    padding: 0 0 0 36px;
}
ul.list li:before {
	content: "—";
	position: absolute;
	left: 0;
	top: -.1rem;
}
ol.list {
	counter-reset: item;
}
ol.list li {
	counter-increment: item;
}
ol.list li:before {
	content: counter(item, decimal-leading-zero) ".";
	position: absolute;
	left: 0;
	top: 0;
}
hr {
	margin: 3rem 0;
}

/* ABSOLUTNIE UNIWERSALNE CHECKBOXY I RADIO */
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    width: 1.25rem !important;
    height: 1.25rem !important;
    padding: 0 !important;
    margin: 0 8px 0 0 !important;
    
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    position: relative !important;
}

/* OKRĄGŁE DLA RADIO */
input[type="radio"] {
    border-radius: 50% !important;
}

/* KWADRATOWE DLA CHECKBOX */
input[type="checkbox"] {
    border-radius: 0.25rem !important;
}

/* STAN ZAZNACZONY */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

/* PTASZEK DLA CHECKBOX */
input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 7px !important;
    height: 11px !important;
    border: solid white !important;
    border-width: 0 3px 3px 0 !important;
    transform: rotate(45deg) !important;
    display: block !important;
}

/* KROPKA DLA RADIO */
input[type="radio"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 4px !important;
    top: 4px !important;
    width: 10px !important;
    height: 10px !important;
    background: white !important;
    border-radius: 50% !important;
    display: block !important;
}

/* POPRAWKA DLA WOOCOMMERCE - wyrównanie labeli */
.woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}

.woocommerce-form__label-for-checkbox input {
    margin-top: 2px !important;
    flex-shrink: 0 !important; /* Blokuje zgniatanie checkboxa przy długim tekście */
}
/* WALIDACJA - STAN BŁĘDU (Pola obowiązkowe, nieaznaczone) */

/* Czerwona ramka dla checkboxa/radio w kontenerze z błędem */
.woocommerce-invalid input[type="checkbox"],
.woocommerce-invalid input[type="radio"],
.woocommerce-invalid-required-field input[type="checkbox"] {
    border-color: #dc3545 !important; /* Czerwony Bootstrap danger */
    background-color: #fff5f5 !important; /* Delikatne czerwone tło dla wyróżnienia */
}

/* Efekt "glow" przy focusie na błędnym polu */
.woocommerce-invalid input[type="checkbox"]:focus,
.woocommerce-invalid-required-field input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25) !important;
    border-color: #dc3545 !important;
}

/* Zmiana koloru tekstu etykiety i gwiazdki na czerwony przy błędzie */
.woocommerce-invalid label,
.woocommerce-invalid-required-field label,
.woocommerce-invalid-required-field .required {
    color: #dc3545 !important;
}

/* Styl dla komunikatów błędów wyświetlanych pod polem (jeśli motyw ich używa) */
.woocommerce-invalid .checkout-inline-error-message,
#terms_description.checkout-inline-error-message {
    color: #dc3545 !important;
    font-size: 0.85rem !important;
    margin-top: 5px !important;
    display: block !important;
    font-weight: 500 !important;
}
/* EFEKT WYRAŹNEGO OBRAMOWANIA (OUTLINE) PRZY BŁĘDZIE */
.woocommerce-invalid #terms, 
.woocommerce-invalid #digital_consent,
.woocommerce-invalid-required-field input[type="checkbox"] {
    outline: 2px solid #dc3545 !important; /* Czerwony kolor błędu */
    outline-offset: 2px !important;       /* Odsunięcie ramki od checkboxa */
    border-color: #dc3545 !important;
}

/* Usunięcie domyślnego niebieskiego obrysu przeglądarki, żeby nie nakładał się na czerwony */
.woocommerce-invalid input[type="checkbox"]:focus {
    box-shadow: none !important;
}

.border-white {
	border-color: var(--sit-primary-lighting) !important;
}
.bg-white {
	background-color: var(--sit-white);
}
.bg-primary {
	background-color: var(--sit-primary) !important;
	color: var(--sit-primary-lighting);
}
.text-primary {
	color: var(--sit-text-primary) !important;
	font-weight: 400 !important
}
.tab-wrapper {
    position: relative;
    gap: 5px;
}
.tab-arrow {
	flex: 0 0 auto;
    z-index: 2;
}
.nav-tabs {
    border-bottom: none !important;
    margin-left: -24px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
}
.nav-tabs li.nav-item {
    white-space: nowrap;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: none !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	color: var(--sit-primary-light);
	font-size: 15px;
	font-weight: 400;
	padding: 16px 24px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--sit-white);
    background-color: var(--sit-primary) !important;
    border: none;
}
.top-offset {
	margin-top: -90px;
}
nav.navbar {
	height: 90px;
    transition: background-color .15s ease-in-out;
}
nav.navbar.bg-white {
	background-color: var(--sit-white) !important;
}
nav.navbar .navbar-brand {
	font-weight: 300;
	color: var(--sit-white) !important;
}
nav.navbar ul.nav {
	gap: 12px;
}
nav.navbar ul.nav > li {
	display: flex;
    align-items: center;
}
nav.navbar ul.nav > li > a,
nav.navbar .btn-zamknij {
	color: var(--sit-semiwhite);
	font-weight: 300;
	font-size: 15px;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 1;
    text-transform: lowercase;
	cursor: pointer;
	opacity: 1;
}
nav.navbar ul.nav > li > .btn-share-your-vision {
	border: 1px solid var(--sit-white);
	background-color: rgba(255, 255, 255, 0) !important;
	color: var(--sit-semiwhite);
	font-weight: 400;
	font-size: 15px;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 1;
    text-transform: lowercase;
	cursor: pointer;
	opacity: 1;
}
nav.navbar ul.nav > li:hover > a,
nav.navbar ul.nav > li:focus > a,
nav.navbar ul.nav > li:hover > .btn-share-your-vision,
nav.navbar ul.nav > li:focus > .btn-share-your-vision,
nav.navbar .btn-zamknij:hover,
nav.navbar .btn-zamknij:focus  {
	opacity: .6;
	color: var(--sit-white) !important;
}
nav.navbar.bg-white ul.nav > li.active > a  {
	opacity: .6;
}

nav.navbar ul.nav > li > .sub-menu {
	display: none;
}
nav.navbar ul.nav > li:hover > .sub-menu {
	display: flex;
}
nav.navbar ul.nav > li > .sub-menu {
	list-style: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    font-size: 15px;
    text-transform: lowercase;
    padding: 0 1rem 1.5rem;
    margin: 0 0 0 -1.5rem;
	gap: .5rem;
}
nav.navbar.bg-white ul.nav > li > .sub-menu {
    background-color: var(--sit-white);
}
nav.navbar ul.nav > li > .sub-menu li {

}
nav.navbar ul.nav > li > .sub-menu li a {
	color: var(--sit-white);
	font-weight: 300;
}
nav.navbar ul.nav > li > .sub-menu li a:before {
	content: "— ";
}
nav.navbar ul.nav > li > .sub-menu li a:hover,
nav.navbar ul.nav > li > .sub-menu li a:focus {
	opacity: .6;
	color: var(--sit-white) !important;
}
nav.navbar.bg-white ul.nav > li > .sub-menu li a {
    color: var(--sit-dark);
}
nav.navbar.bg-white ul.nav > li > .sub-menu li a:hover,
nav.navbar.bg-white ul.nav > li > .sub-menu li a:focus {
    color: var(--sit-dark) !important;
}

nav.navbar.bg-white .navbar-brand {
	color: var(--sit-dark) !important;
}

nav.navbar.bg-white ul.nav > li > a {
	color: var(--sit-dark);
}
nav.navbar.bg-white ul.nav > li > .btn-share-your-vision {
	border: 1px solid var(--sit-primary);
	background-color: rgba(0, 0, 0, 0);
	color: var(--sit-primary);
	opacity: 1;
}
nav.navbar.bg-white ul.nav > li:hover > .btn-share-your-vision,
nav.navbar.bg-white ul.nav > li:focus > .btn-share-your-vision {
	background-color: var(--sit-primary) !important;
	color: var(--sit-white) !important;
}
nav.navbar.bg-white ul.nav > li:hover > a,
nav.navbar.bg-white ul.nav > li:focus > a,
nav.navbar.bg-white ul.nav > li.active > a,
nav.navbar.bg-white ul.nav > li.current-menu-parent > a {
	color: var(--sit-primary) !important;
	opacity: 1 !important;
}
nav.navbar.bg-white ul.nav li.active > a,
nav.navbar.bg-white ul.nav > li.current-menu-parent > a {
	font-weight: 400;
	color: var(--sit-primary) !important;
	opacity: 1 !important;
}

@media (max-width: 991px) {
	.top-offset {
		margin-top: -50px;
	}
	nav.navbar {
		height: 50px !important;
	}
	nav.navbar .collapse.show,
	nav.navbar .collapsing {
		position: fixed;
		top: 0;
		background-color: var(--sit-primary);
		left: 0;
		right: 0;
		border: 0;
		overflow: auto;
		flex-direction: column !important;
		display: flex !important;
		transition: opacity .35s ease;
		padding: 3rem 0;
	}
	nav.navbar .collapsing {
		opacity: 0;
	}
	nav.navbar .collapse.show {
		min-height: 100vh !important;
		opacity: 1;
	}
	nav.navbar .collapse.show ul,
	nav.navbar .collapsing ul {
		flex-direction: column !important;
        margin: auto;
        align-items: center;
        flex-wrap: nowrap !important;
        height: auto !important;
	}
	nav.navbar .collapse.show ul li,
	nav.navbar .collapsing ul li {
		color: var(--sit-white) !important;
        flex-direction: column;
	}
	nav.navbar .collapse.show ul li a,
	nav.navbar .collapsing ul li a {
		color: var(--sit-white) !important;
	}
	nav.navbar .collapse.show > ul > li > a,
	nav.navbar .collapsing > ul > li > a {
		font-size: 24px;
		padding: 6px 0;
	}
	nav.navbar .collapse.show ul.nav > li > .btn-share-your-vision,
	nav.navbar .collapsing ul.nav > li > .btn-share-your-vision {
		border: 1px solid var(--sit-white);
		background-color: rgba(255, 255, 255, 0);
		color: var(--sit-white);
		margin-top: 12px;
	}
	nav.navbar .collapse.show ul.nav li:hover a,
	nav.navbar .collapse.show ul.nav li:focus a,
	nav.navbar .collapse.show ul.nav li:hover .btn-share-your-vision,
	nav.navbar .collapse.show ul.nav li:focus .btn-share-your-vision,
	nav.navbar .collapse.show ul.nav li.active a,
	nav.navbar .collapse.show ul.nav li.current-menu-parent a,
	nav.navbar.bg-white .collapse.show ul.nav li.active a,
	nav.navbar.bg-white .collapse.show ul.nav li.current-menu-parent a {
		color: var(--sit-white) !important;
		opacity: 1 !important;
	}
	nav.navbar .collapse.show ul.nav li.active a,
	nav.navbar .collapse.show ul.nav li.current-menu-parent a,
	nav.navbar.bg-white .collapse.show ul.nav li.active a,
	nav.navbar.bg-white .collapse.show ul.nav li.current-menu-parent a {
		color: var(--sit-white) !important;
		opacity: 1 !important;
	}
	nav.navbar ul.nav > li > .sub-menu {
		background: none transparent !important;
	    display: flex !important;
	    position: inherit !important;
    	opacity: .6;
		margin: 12px 0;
        padding: 0;
	}
	nav.navbar ul.nav > li > .sub-menu li a::before {
		content: none;
	}

}

.page-wrap {
	background-size: cover;
    background-position: center;
	min-height: 100vh !important;
    display: flex;
	z-index: 0;
	position: relative;
}
.page-wrap-white  {
	background-color: var(--sit-white);
}
.page-wrap-primary {
	background-color: var(--sit-primary);
	color: var(--sit-primary-lighting);
}
.offcanvas {
	z-index: 11045;
}
.offcanvas-vision {
	background-color: var(--sit-primary);
	color: var(--sit-primary-lighting);
    height: 100vh;
}
.page-wrap .title {
	text-align: center;
	color: var(--sit-white);
	font-size: 40px;
	font-weight: 400;
}
.page-wrap .subtitle {
	text-align: center;
}
.page-wrap .subtitle li:after {
	content: "/";
	color: var(--sit-white);
	font-size: 20px;
	font-weight: 100;
	opacity: .6;
}
.page-wrap .subtitle li.list-inline-item:not(:last-child) {
    margin-right: 0;
}
.page-wrap .subtitle li:last-child:after {
	content: none;
}

.page-wrap .subtitle li a {
	text-align: center;
    color: var(--sit-white) !important;
    font-size: 20px;
    font-weight: 300 !important;
	padding: 0 6px;
	text-transform: lowercase;
}
.page-wrap .subtitle li a:hover {
	opacity: .6 !important;
}

.item.photo {
	overflow: hidden;
}
.d-thumb {
	transition: all 0.4s ease;
    transform: scale(1.01);
}
.d-thumb img {
	transition: all 0.4s ease;
	opacity: 1;
	transform: scale(1);
}
.d-thumb:hover {
	background-color: #000;
}
.d-thumb:hover img {
	opacity: .6;
}
.d-thumb h2 {
	opacity: 0;
	transition: all 0.4s ease;
    padding: 0.5rem 0.75rem;
	margin: 0;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: bold !important;
    left: 50%;
	bottom: 0;
    transform: translate(-50%, 100%);
    display: inline-block;
}
.d-thumb:hover h2 {
	opacity: 1;
    transform: translate(-50%, -100%);
}


.tg-grid-wrapper {
	margin: 0px !important;
}


.tolb-holder {
	-webkit-backdrop-filter: blur(3px);
  	backdrop-filter: blur(3px);
}
.tolb-content {
    box-shadow: 0 0 200px rgba(0, 0, 0, .25) !important;
}
.gallery-container {
	overflow: hidden;
	margin: 0 -12px;
}
.gallery-container .tg-grid-area-top2 {
    background-color: #5798f7;
    padding: .5rem .35rem;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 10;
    border-radius: 0.5rem;
}
.tg-ajax-button-holder {
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}
.tg-filters-holder {
	margin: 0 !important;
}
.gallery-container .tg-txt .tg-nav-font,
.gallery-container .tg-txt input[type=text].tg-search {
    font-weight: 300;
	margin: 0;
    padding: 0 0.35rem;
}
.gallery-container .tg-nav-color:not(.dots):not(.tg-dropdown-value):not(.tg-dropdown-title):hover,
.gallery-container .tg-nav-color:hover .tg-nav-color,
.gallery-container .tg-page-number.tg-page-current,
.gallery-container .tg-filter.tg-filter-active span {
    color: #fff !important;
}
.gallery-container .tg-grid-area-bottom1 .tg-nav-color,
.gallery-container .tg-grid-area-bottom1 .tg-search-icon:hover:before,
.gallery-container .tg-grid-area-bottom1 .tg-search-icon:hover input,
.gallery-container .tg-grid-area-bottom1 .tg-disabled:hover .tg-icon-left-arrow,
.gallery-container .tg-grid-area-bottom1 .tg-disabled:hover .tg-icon-right-arrow,
.gallery-container .tg-grid-area-bottom1 .tg-dropdown-title.tg-nav-color:hover,
.gallery-container .tg-nav-color,
.gallery-container .tg-search-icon:hover:before,
.gallery-container .tg-search-icon:hover input,
.gallery-container .tg-disabled:hover .tg-icon-left-arrow,
.gallery-container .tg-disabled:hover .tg-icon-right-arrow,
.gallery-container .tg-dropdown-title.tg-nav-color:hover {
    color: rgba(255,255,255, .6) !important;
}

.gallery-container .tg-nav-color:not(.dots):not(.tg-dropdown-value):not(.tg-dropdown-title):hover,
.gallery-container .tg-nav-color:hover .tg-nav-color {
	color: rgba(255,255,255, .6) !important;
}
.gallery-container .tg-page-number.tg-page-current,
.gallery-container .tg-filter.tg-filter-active span {
    font-weight: 600 !important;
}

figcaption {
	display: none !important;
}



@media (min-width: 992px) {
    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 6rem;
    }
}


.page-tekst {
	background: #f9f9f9;
}
.page-tekst,
.page-tekst p,
.page-tekst b,
.page-tekst strong {
	color: var(--sit-dark);
}
.page-tekst p,
.page-tekst ul,
.page-tekst ol {
	color: var(--sit-dark);
    margin: 0 0 1.5rem;
}
.page-tekst h1,
.page-tekst h2,
.page-tekst h3,
.page-tekst h4,
.page-tekst h5,
.page-tekst h6 {
	color: var(--sit-dark);
	margin: 1.5rem 0;
	font-weight: 700;
}
.page-tekst ul,
.page-tekst ol {
    gap: .5rem;
    display: flex;
    flex-direction: column;
}
.page-tekst ul {
    list-style: none !important;
    padding: 0 !important;
}
.page-tekst ul li {
    position: relative;
    padding-left: 30px;
}
.page-tekst ul li:before {
    content: "— ";
    position: absolute;
    left: 0;
    top: 0;
}
.page-tekst b,
.page-tekst strong {
	font-weight: 500;
}
.footer.page-wrap-dark {
	background-color: #1B0000 !important;
}
.footer .nav {
	gap: .5rem;
}
.footer .sit-nav-link {
	text-decoration: underline !important;
}
.footer p {
    margin: 0 0 1.5rem;
}

body.woocommerce-page {
    background-color: var(--sit-white);
    color: var(--sit-dark);
}
body.woocommerce-page nav.navbar {
    background-color: var(--sit-primary) !important;
    color: var(--sit-white);
    z-index: 99999;
}
body.woocommerce-page nav.navbar.bg-white .navbar-brand {
    color: var(--sit-white) !important;
}
body.woocommerce-page nav.navbar.bg-white ul.nav > li > a {
    color: var(--sit-white);
}
body.woocommerce-page nav.navbar.bg-white ul.nav li.active > a,
body.woocommerce-page nav.navbar.bg-white ul.nav > li.current-menu-parent > a {
    color: #9C888D !important;
}
body.woocommerce-page nav.navbar.bg-white ul.nav > li:hover > a,
body.woocommerce-page nav.navbar.bg-white ul.nav > li:focus > a,
body.woocommerce-page nav.navbar.bg-white ul.nav > li.active > a,
body.woocommerce-page nav.navbar.bg-white ul.nav > li.current-menu-parent > a {
    color: #9C888D !important;
}
body.woocommerce-page nav.navbar ul.nav li .btn-share-your-vision {
	display: none !important;
}
nav.navbar ul.nav > li > .btn-cart {
	display: none !important;
}

body.woocommerce-page nav.navbar ul.nav > li > .btn-cart {
	display: inline-block !important;
	border: 1px solid var(--sit-white);
	background-color: rgba(255, 255, 255, 0) !important;
	color: var(--sit-semiwhite);
	font-weight: 400;
	font-size: 15px;
    border-radius: 4px;
    padding: 12px 16px;
    line-height: 1;
    text-transform: lowercase;
	cursor: pointer;
	opacity: 1;
}
body.woocommerce-page nav.navbar ul.nav > li:hover > .btn-cart ,
body.woocommerce-page nav.navbar ul.nav > li:focus > .btn-cart {
	opacity: .6;
	color: var(--sit-white) !important;
}

body.woocommerce-page nav.navbar.bg-white ul.nav > li > .sub-menu {
	background-color: var(--sit-primary) !important;
}
body.woocommerce-page nav.navbar.bg-white ul.nav > li > .sub-menu li a {
    color: var(--sit-white);
}
body.woocommerce-page nav.navbar.bg-white ul.nav > li > .sub-menu li a:hover,
body.woocommerce-page nav.navbar.bg-white ul.nav > li > .sub-menu li a:focus {
    color: #9C888D !important;
}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: var(--sit-dark) !important;
	font-size: 2rem !important;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
	opacity: .4 !important;
    font-weight: 300 !important;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    text-decoration: none !important;
}
.woocommerce ul.products li.product {
    width: auto;
    float: none;
    margin: 0;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: none !important;
    width: 100% !important;
}
.woocommerce-product-details__short-description {
    color: var(--sit-dark);
    margin: 0 0 1.5rem;
    font-weight: 400 !important;
    font-size: 1.25rem;
}
.woocommerce div.product form.cart {
    margin-bottom: 0 !important;
}
.woocommerce table.shop_attributes {
    border: 0;
    border-top: none !important;
    margin-bottom: 1.5rem !important;
    width: 100%;
}
.woocommerce table.shop_attributes th {
    vertical-align: top !important;
    width: 150px;
    font-weight: 300 !important;
    padding: 4px 0 !important;
    border-top: 0;
    border-bottom: none !important;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 14px;
    color: #66474E;
    background: none transparent !important;
}

.woocommerce table.shop_attributes td {
    vertical-align: top !important;
    font-style: normal !important;
	font-weight: 400 !important;
    padding: 4px 0 !important;
    border-top: 0 !important;
    border-bottom: none !important;
    margin: 0;
    line-height: 1.5 !important;
    font-size: 14px;
    background: none transparent !important;
}
.woocommerce table.shop_attributes td p {
    margin: 0;
    padding: 0 !important;
}
.woocommerce span.onsale {
    min-height: auto !important;
    min-width: auto !important;
    padding: 8px 16px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: 0 !important;
    background-color: var(--bs-warning) !important;
    color: var(--sit-primary) !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
}
.woocommerce ul.products li.product .onsale {
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    color: var(--sit-dark) !important;
    margin: 0 0 .5rem !important;
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    padding: 0 !important;
}
.woocommerce ul.products li.product .price {
    font-size: 1.15rem !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: var(--sit-dark) !important;
}
.table>:not(caption)>*>* {
    padding: 1rem .5rem !important;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 72px !important;
}

.sb_instagram_header,
#sbi_load {
	display: none !important;
}
.porownanie-section p {
	margin: 0 !important;
}
@media (min-width: 992px) {
  .porownanie-section .header {
    min-height: 250px;
  }
}
.porownanie-section .product-price {
    margin: 0 !important;
}
@media (min-width: 992px) {
  .porownanie-section .product-price {
    min-height: 105px;
  }
}
.porownanie-section .product-price > .gap-3 {
	gap: 0 !important;
}

.porownanie-section .product-price .badge {
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
    background: none transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
}
.porownanie-section .product-price .ceny {
    flex-direction: row-reverse;
}
.porownanie-section .product-price > .d-flex {
    flex-flow: column !important;
    align-items: start !important;
}
	
.porownanie-section .product-price .text-muted {
    color: #9C888D !important;
    font-weight: 300 !important;
}
.porownanie-section .product-price .small.text-muted {
    font-size: 1rem !important;
}
.porownanie-section .product-price .ceny .fw-bold {
	font-weight: 400 !important;
}
.porownanie-section ul {
	margin: 1.5rem 0 3rem;
	list-style: none;
    padding: 0;
}
.porownanie-section ul li {
    position: relative;
    padding: 0 0 0 35px;
    margin: 0 0 .5rem 0;
	color: #FFE9E9;
}
	
.porownanie-section ul li:before {
    content: "";
    background-image: url(https://jakimiuk.art/wp-content/uploads/2026/03/check.svg);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
}