@font-face {
font-family: 'Open Sans';
src: url(//toolvita.pl/wp-content/themes/fonts/Open_Sans/static/OpenSans-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url(//toolvita.pl/wp-content/themes/fonts/Roboto/static/Roboto-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Font Awesome 6 Pro';
font-display: block;
}
:root {
--white-color: #fff;
--light-grey-color: #f4f4f4;
--gray-100: #f8f9fa;
--gray-200: #e9ecef;
--black-color: #262626;
--full-black-color: #000;
--primary-color: #4baf5a;
--social-grey: #6c757d;
--border-radius: 20px;
--header-shadow: 0 3px 15px rgba(0,0,0,0.10);
--header-transition: 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
--font-main: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--font-second: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--font-fa: 'Font Awesome 6 Pro';
}
ul, li,
p, a,
body {
font-family: var(--font-second);
}
.p-h2, .p-h3, .p-h4, .p-h5, .p-h6,
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-main);
font-weight: 700 !important;
}
.primary-color { color: var(--primary-color); }
.black-color { color: var(--black-color); }
.c-white { color: var(--white-color); }
.bc-white { background-color: var(--white-color); }
.box-shadow { box-shadow: var(--header-shadow); }
a, i {
color: var(--black-color);
transition: .3s ease-in-out !important;
text-decoration: unset;
}
a:hover, i:hover,
.social-link-element:hover {
color: var(--primary-color);
} .p1-error,
h1.h2-hero {
font-size: 80px !important;
font-weight: normal !important;
text-transform: uppercase;
} body.single-product h1,
h1 {
font-size: 40px !important;
line-height: 44px !important;
text-transform: uppercase;
} .p-h2,
h2 {
font-size: 33px !important;
text-transform: uppercase;
line-height: 40px !important;
} h3, .p-h3 {
font-size: 24px !important;
text-transform: uppercase;
line-height: 30px !important;
}
h4, .p-h4 {
font-size: 22px !important;
font-weight: 400 !important;
line-height: 29px !important;
} p {
font-size: 18px !important;
font-weight: 300 !important;
} p.bold {
font-size: 16px !important;
font-weight: bold !important;
}
.p2 {
font-size: 14px !important;
}
@media only screen and (max-width: 1460px) {
.p1-error,
h1.h2-hero {
font-size: 50px !important;
}
h1 { font-size: 36px !important; 
line-height: 40px !important;	
}
.p-h2,
.cytat-text,
.modal-h2,
h2 { 
font-size: 32px !important; 
line-height: 36px !important;
}
h3, .p-h3 { font-size: 23px !important; }
h4, .p-h4 { font-size: 21px !important; }
li, p { font-size: 17px !important; }
}
@media only screen and (max-width: 992px) {
.p1-error {
font-size: 44px !important;
line-height: 60px !important;
}
h1.h1-hero,
h1, .h1 { font-size: 34px !important; line-height: 42px !important; }
h2, .h2, .p-h2 { font-size: 30px !important; line-height: 38px !important; }
h3, .h3, .p-h3 { font-size: 22px !important; line-height: 30px !important; }
h4, .h4, .p-h4 { font-size: 20px !important; line-height: 24px !important; }
h5, .h5 { font-size: 16px !important; line-height: 22px !important; }
h6, .h6 { font-size: 14px !important; line-height: 20px !important; }
}
@media only screen and (max-width: 650px) {
.p1-error,
h1.h2-hero {
font-size: 38px !important;
line-height: 46px !important;
max-width: 270px;
}
li,
p, .p, .p-regular {
font-size: 16px !important;;
line-height: 22px !important;
text-align: justify;
}
.p2 {
font-size: 14px !important;
}
.service-item p,
.newsletter-content-wrapper > p {
text-align: center !important;
}
body.single-product h1, 
body.single-product .h1 {
font-size: 34px !important;
line-height: 37px !important;
}
.wc-block-components-title.wc-block-components-title {
font-size: 24px !important;
line-height: 30px !important;
}
}
@media only screen and (max-width: 400px) {
body.single-product h1, 
body.single-product .h1,
h1.h1-hero { 
font-size: 30px !important; 
line-height: 34px !important; 
}
} @media only screen and (max-width: 400px) {
.section-not-found  .buttons-error {
flex-direction: column;
width: 100%;
gap: 15px !important;
}
}
section {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.single-product .single-product {
padding-top: 150px;
}
body.woocommerce-checkout .site-main,
body.woocommerce-cart  .site-main,
.padding-top-bottom {
padding: 85px 0 !important;
}
.section-padding-first {
padding: 85px 0 85px;
}
.section-margin-bottom-top {
margin: 150px 0;
}
.section-margin-bottom {
margin-bottom: 150px !important;
}
.woocommerce-account .main .site-main,
.padding-top,
.section-padding-top {
padding-top: 85px;
}
.padding-bottom,
.section-padding-bottom {
padding-bottom: 85px;
}
@media only screen and (max-width: 768px) {
.section-margin-bottom {
margin-bottom: 100px !important;
}
body.woocommerce-checkout .site-main,
body.woocommerce-cart  .site-main
.padding-top-bottom {
padding: 125px 0 !important;
}
.section-margin-bottom-top {
margin: 100px 0;
}
.woocommerce-account .main .site-main,
.padding-top,
.section-padding-top {
padding-top: 125px;
}
}
@media only screen and (max-width: 768px) {
ul.sub-menu {
position: relative;
}
ul.sub-menu > li.menu-item-has-children > ul.sub-menu {
left: 0;
top: 0;
}
body.single-product .single-product {
padding-top: 120px;
}
}
ul.nav ul.sub-menu {
min-width: 150px;
width: max-content;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
padding-left: 0;
padding-right: 0;
}
.row {
margin-right: 0;
margin-left: 0;
}
.mb-1 { margin-bottom: 10px !important; }
.mb-2 { margin-bottom: 20px !important; }
.mb-3 { margin-bottom: 30px !important; }
.mb-4 { margin-bottom: 40px !important; } 
.mb-5 { margin-bottom: 50px !important; }
.mt-1 { margin-top: 10px !important; }
.mt-2 { margin-top: 20px !important; }
.mt-3 { margin-top: 30px !important; }
.mt-4 { margin-top: 40px !important; }
.mt-5 { margin-top: 50px !important; }
.gap-1 { gap: 10px !important;}
.gap-2 { gap: 20px !important;}
.gap-3 { gap: 30px !important;}
.gap-4 { gap: 40px !important;}
.gap-5 { gap: 50px !important;}
.pt-2 {
padding-top: 10px !important;
} html {
scroll-behavior: smooth;
scroll-margin-top: 130px;
min-height: 100%;
overscroll-behavior: none;
}
body {
font-family: var(--font-main);
color: var(--black-color);
background: var(--white-color);
min-height: 100vh;
overscroll-behavior: none;
overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
html {
overscroll-behavior-y: none;
-webkit-overflow-scrolling: touch;
}
body {
overscroll-behavior-y: none;
-webkit-overflow-scrolling: touch;
}
} body.menu-open::before {
opacity: 0.45;
visibility: visible;
transition: opacity 0.3s ease;
}
.container-large,
.container, 
.container-medium, 
.container-small {
margin-left: auto !important;
margin-right: auto !important;
padding-left: 12px !important;
padding-right: 12px !important; 
width: 100% !important;
}
.container-large {
max-width: 1564px !important;
}
.container {
max-width: 1424px !important;
}
.container-medium {
max-width: 1224px !important;
}
.container-small {
max-width: 1124px !important;
}
@media only screen and (max-width: 1500px) {
body.woocommerce-shop #main-products .container {
padding-left: 60px !important;
padding-right: 60px !important;
}
}
@media only screen and (max-width: 1400px) {
#footer-section .container,
.footer-bottom .container,
.text-section-styled .container,
.newsletter-section .container,
.ostatnie-wpisy .container,
.product-slider-container > .container {
padding-left: 60px !important;
padding-right: 60px !important;
}
.container-large {
padding-left: 60px !important;
padding-right: 60px !important;
}
.container-large > .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media only screen and (max-width: 1124px) {
body.woocommerce-shop #main-products .container,
.container-large,
#footer-section .container,
.footer-bottom .container,
.text-section-styled .container,
.newsletter-section .container,
.ostatnie-wpisy .container,
.product-slider-container > .container {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
#main-products,
.content-area {
padding: 0;
} header.main-header {
transition: box-shadow var(--header-transition);
box-shadow: var(--header-shadow);
z-index: 100;
} body.home .very-top-menu-element,
body.home .header-main-element {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
body.home .main-header {
position: absolute;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
z-index: 1004;
}
header .sticky-header {
transform: translateY(-100%);
transition: transform 0.4s cubic-bezier(.77,0,.175,1);
z-index: 999;
}
header .sticky-header.active {
transform: translateY(0);
} body.home .mobile-cart-header .search-icon-open:hover i,
body.home .contact-top-element i:hover,
body.home .contact-top-element a:hover,
body.home .social-top-element a i:hover,
.contact-top-element a:hover,
.very-top-menu-element i:hover,
body.home .header-account-cart .xoo-wsc-sc-bki:hover,
body.home .header-account-cart i:hover,
.mobile-cart-header-sticky .xoo-wsc-sc-bki:hover, 
.mobile-cart-header .xoo-wsc-sc-bki:hover,
.header-account-cart .xoo-wsc-sc-bki:hover,
.header-account-cart i:hover,
.social-top-element a i:hover {
color: var(--primary-color) !important;
}
.mobile-menu-footer i {
color: var(--black-color) !important;
}
.contact-top-element a,
.contact-top-element i,
.very-top-menu-element i {
color: var(--white-color) !important;
}
.very-top-menu-element {
background: var(--black-color);
}
.logo-img-element {
max-height: 48px;
transition: filter var(--header-transition);
max-width: 270px;
}
ul.sub-menu {
padding-left: 0 !important;
}
.xoo-wsc-sc-cont .xoo-wsc-cart-trigger > * {
display: flex !important;
}
@media only screen and (min-width: 992px) {
.main-nav ul, .main-nav li {
list-style: none;
margin: 0;
padding: 0;
}
.main-nav .menu-item {
position: relative;
display: inline-block;
vertical-align: middle;
}
.header-account-cart,
.main-nav .menu-item > a {
position: relative;
display: inline-block;
padding: 10px 0px;
margin-left: 60px;
color: var(--black-color);
font-family: var(--font-main);
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
transition: color 0.3s ease;
}
body.home #sticky-header .header-account-cart .xoo-wsc-sc-bki,
#sticky-header .header-account-cart i,
#sticky-header .main-nav .menu-item > a {
color: var(--black-color);
} body.home #sticky-header .header-account-cart .xoo-wsc-sc-bki:hover,
#sticky-header .header-account-cart i:hover,
#sticky-header .main-nav .menu-item > a:hover,
.main-nav .menu-item:hover > a,
.main-nav .menu-item.current-menu-item > a,
.main-nav .menu-item.current-menu-ancestor > a,
.main-nav .menu-item.current_page_item > a,
.main-nav .menu-item.current_page_ancestor > a {
color: var(--primary-color);
}
.main-nav > .menu-item > a::before,
.main-nav > .menu-item > a::after {
content: '';
position: absolute;
bottom: 5px;
height: 2px;
background-color: var(--primary-color);
width: 0;
transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.main-nav > .menu-item > a::before {
left: 50%;
transform: translateX(-50%);
}
.main-nav > .menu-item > a::after {
right: 50%;
transform: translateX(50%);
}
.main-nav > .menu-item:hover > a::before,
.main-nav > .menu-item:hover > a::after {
width: 90%;
}
.main-nav .single-submenu > .sub-menu {
display: block;
position: absolute;
left: 0;
top: 130%;
min-width: 240px;
background: var(--white-color);
box-shadow: var(--header-shadow);
padding: 10px !important;
border-radius: 10px;
z-index: 200;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
padding-top: 1rem;
margin-top: -1rem;
}
.main-nav .single-submenu:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.main-nav .single-submenu > .sub-menu .menu-item {
display: block;
width: 100%;
}
.main-nav .single-submenu > .sub-menu .menu-item > a {
padding: 10px 15px;
font-size: 16px;
width: 100%;
border-radius: 10px;
margin-left: 0;
}
.main-nav  .sub-menu .menu-item > a:hover {
color: var(--white-color);
background-color: var(--primary-color);
}
.main-nav .single-submenu .menu-item-has-children:hover > .sub-menu {
left: 100%;
top: 0;
}
.main-nav .double-submenu {
position: static;
}
.main-nav .double-submenu > .sub-menu {
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: var(--white-color);
box-shadow: 0 10px 15px rgb(0 0 0 / 15%);
z-index: 200;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
margin-top: -1rem; }
.main-nav .double-submenu:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.main-nav .double-submenu > .sub-menu > .container {
display: flex;
flex-wrap: wrap;
padding: 20px 12px;
}
.main-nav .double-submenu > .sub-menu > .container > .menu-item {
flex: 1; 
min-width: 200px;
position: relative;
}
.main-nav .double-submenu > .sub-menu > .container > .menu-item:not(:last-child)::after {
content: '';
position: absolute;
right: 15px;
top: 0;
height: 100%;
width: 1px;
background-color: #00000030;
}
.main-nav .double-submenu > .sub-menu > .container > .menu-item > a {
color: var(--black-color) !important;
background: transparent !important;
pointer-events: none;
cursor: default;
padding-bottom: 10px;
padding-top: 0;
margin-bottom: 0px;
border-bottom: 1px solid var(--primary-color);
border-radius: 0;
}
.main-nav .double-submenu .sub-menu .sub-menu {
position: static !important;
display: block;
opacity: 1; 
visibility: visible;
pointer-events: auto;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
background: transparent !important;
min-width: auto !important;
}
.main-nav .double-submenu > .sub-menu > .container > .menu-item > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: none;
transition: opacity 0.2s ease, visibility 0.2s ease;
display: flex;
flex-direction: column;
margin-top: 15px;
margin-right: 30px;
}
.main-nav .double-submenu > .sub-menu > .container > .menu-item > .sub-menu a {
padding: 5px 15px;
font-size: 16px;
width: 100%;
border-radius: 10px;
margin-left: 0;
}
.main-nav .double-submenu > .sub-menu > .container > .menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.main-nav .double-submenu .sub-menu .sub-menu .menu-item > a:hover {
color: var(--white-color) !important;
background-color: var(--primary-color) !important;
}
.main-nav .double-submenu .menu-item-has-children > a::after {
content: none !important;
}	
.double-submenu .sub-menu > li {
line-height: 40px;
}
.main-nav > .menu-item-has-children > a {
display: inline-flex; 
align-items: center;  
gap: 0.5em;          
}
.menu-chevron {
font-size: 14px;
transition: transform 0.3s ease, color 0.3s ease;
transform: rotate(0deg);
}
.main-nav > .menu-item-has-children:hover .menu-chevron {
transform: rotate(180deg);
color: var(--primary-color);
}
body.is-scrolling .main-nav .sub-menu {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transition: opacity 0.1s, visibility 0s 0.1s !important; }
} .burger-btn-element,
.mobile-menu-close-btn {
width: 36px;
height: 24px;
padding: 0;
cursor: pointer;
z-index: 1102;
transition: opacity 0.3s, visibility 0.3s;
}
.burger-btn-element {
margin-left: 1.5rem;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.mobile-menu-close-btn {
top: 25px;
right: 14px;
color: var(--white-color);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s, visibility 0.3s;
background: transparent;
border: none;
margin-left: 0;
}
.burger-bar {
display: block;
width: 100%;
height: 4px;
background: var(--primary-color);
border-radius: 2px;
transition: transform 0.3s, opacity 0.3s, background 0.3s;
transform-origin: center;
}
.burger-btn-element:hover span,
.mobile-menu-close-btn:hover span {
background: var(--primary-color) !important;
} .burger-btn-element.active .burger-bar:nth-child(1),
.mobile-menu-close-btn.active .burger-bar:nth-child(1) {
transform: translateY(12px) rotate(45deg);
}
.burger-btn-element.active .burger-bar:nth-child(2),
.mobile-menu-close-btn.active .burger-bar:nth-child(2) {
opacity: 0;
transform: scaleX(0.5);
}
.burger-btn-element.active .burger-bar:nth-child(3),
.mobile-menu-close-btn.active .burger-bar:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
body.menu-open .burger-btn-element {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
body.menu-open .mobile-menu-close-btn {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
body.menu-open .burger-btn-element.active .burger-bar,
body.menu-open .mobile-menu-close-btn .burger-bar {
background: var(--white-color);
}
.mobile-menu-element {
z-index: 1100;
visibility: hidden;
transition: visibility 0.3s;
}
.mobile-menu-element.active {
visibility: visible;
}
.mobile-menu-overlay {
background: var(--full-black-color);
opacity: 0;
transition: opacity 0.3s;
}
.mobile-menu-element.active .mobile-menu-overlay {
opacity: 0.45;
}
.mobile-menu-content {
height: 100dvh;
max-width: 400px;
transform: translateX(-100%);
transition: transform 0.4s cubic-bezier(.77,0,.175,1);
}
@media only screen and (max-width: 500px) {
.mobile-menu-content {
max-width: 80vw;;
}
}
.mobile-menu-element.active .mobile-menu-content {
transform: translateX(0);
}
.mobile-menu-header {
border-bottom: 1px solid var(--gray-200);
}
.mobile-main-menu {
box-shadow: inset 0px -2px 10px #00000020;
}
.mobile-main-menu .menu-item:last-child > a {
border-bottom: none;
}
.mobile-main-menu .sub-menu {
padding-left: 1rem;
display: none;
}
.mobile-menu-footer {
border-top: 1px solid var(--gray-200);
border-bottom: 1px solid var(--gray-200);
}
@media only screen and (max-width: 992px) {
.main-menu-element { display: none !important; }
.burger-btn-element { display: flex !important; }
.logo-img-element {
max-width: 240px;
}
}
@media only screen and (min-width: 992px) {
.burger-btn-element { display: none !important; }
.mobile-menu-element { display: none !important; }
}
.mobile-main-menu .sub-menu .menu-item > a::before {
content: "\f192";
font-weight: 900;
font-size: 14px;
top: -2px;
}
.mobile-main-menu .sub-menu .sub-menu .menu-item > a::before {
content: "\f192";
font-weight: 400;
font-size: 12px;
top: -3px;
}
.mobile-main-menu .sub-menu .menu-item > a::before,
.mobile-main-menu .sub-menu .sub-menu .menu-item > a::before {
margin-right: 0.7em;
display: inline-block;
vertical-align: middle;
transition: color 0.18s;
position: relative;
color: var(--primary-color);
font-family: var(--font-fa);
}
.mobile-main-menu .menu-item {
position: relative;
width: 100%;
}
.mobile-main-menu .cart-shortcode,
.mobile-main-menu a ,
.mobile-main-menu .menu-item > a {
display: block;
width: 100%;
padding: 15px;
color: var(--black-color);
font-family: var(--font-main);
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
background: transparent;
border: none;
transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-left-color 0.18s, background 0.18s;
position: relative;
z-index: 1;
outline: none;
border-left: 3px solid transparent;
}
.mobile-main-menu .menu-item.open > a,
.mobile-main-menu .menu-item > a:focus,
.mobile-main-menu .menu-item > a:hover {
color: var(--primary-color);
background: var(--light-grey-color);
border-left: 3px solid var(--primary-color);
}
.mobile-main-menu .submenu-toggle {
background: none;
border: none;
position: absolute;
top: 0px;
right: 4px;
color: var(--black-color);
font-size: 1.25rem;
cursor: pointer;
z-index: 2;
padding: 18px;
transition: color 0.18s, transform 0.25s;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-main-menu .menu-item.open > .submenu-toggle {
color: var(--primary-color);
transform: rotate(360deg);
}
.mobile-main-menu .submenu-toggle i {
transition: transform 0.25s;
}
.mobile-main-menu .menu-item.open > .submenu-toggle i {
color: var(--primary-color);
}
.mobile-main-menu .sub-menu {
display: none;
padding-left: 0.7rem;
margin: 0.1rem 0 0 0;
animation: mobileSubmenuSlideIn 0.26s cubic-bezier(.77,0,.175,1);
list-style: none;
padding-left: 0;
}
.mobile-main-menu .menu-item.open > .sub-menu {
margin: 0;
display: block;
animation: mobileSubmenuSlideIn 0.26s cubic-bezier(.77,0,.175,1);
}
.mobile-main-menu .menu-item.open .sub-menu .sub-menu a {
padding-left: 1.5rem !important;
}
@keyframes mobileSubmenuSlideIn {
from { opacity: 0; transform: translateY(-8px);}
to { opacity: 1; transform: translateY(0);}
}
.mobile-main-menu .sub-menu .menu-item > a {
font-size: 16px;
padding: 15px;
color: var(--black-color);
background: transparent;
text-transform: none;
border-bottom: 1px solid #00000017;
transition: border-left-color 0.18s, background 0.18s;
}
.mobile-main-menu .sub-menu .menu-item > a
.mobile-main-menu .sub-menu .menu-item.open > a,
.mobile-main-menu .sub-menu .menu-item > a:focus,
.mobile-main-menu .sub-menu .menu-item > a:hover {
color: var(--primary-color);
background: var(--white-color);
border-left: 3px solid var(--primary-color);
}
.mobile-main-menu .menu-item .submenu-toggle + .submenu-toggle {
display: none !important;
} body.home .section-breadcrumps {
display: none !important;
}
.section-breadcrumps {
min-height: 230px;
top: 0px;
background-color: var(--light-grey-color);
overflow: visible !important;
}
span.breadcrumb_last {
color: var(--primary-color) !important;
margin-left: 15px !important;
font-weight: 300 !important;
text-decoration: unset;
text-shadow: 0.3px 0 0 var(--primary-color), -0.3px 0 0 var(--primary-color), 0 0.3px 0 var(--primary-color), 0 -0.3px 0 var(--primary-color) !important;
}
#breadcrumbs {
margin: 0 !important;	
}
#breadcrumbs,
#breadcrumbs-single-product {
font-size: 14px !important;
z-index: 2;
}
#breadcrumbs-single-product span a:hover,
#breadcrumbs span a:hover {
color: var(--primary-color) !important;
text-decoration: underline !important;
}
#breadcrumbs-single-product span:first-child,
#breadcrumbs-single-product>span>span:first-child,
#breadcrumbs span:first-child,
#breadcrumbs>span>span:first-child {
margin-left: 0 !important;
font-family: var(--font-secondary);
}
#breadcrumbs-single-product > span > span,
#breadcrumbs > span > span {
margin: 0 15px;
}
#breadcrumbs-single-product > span > span.breadcrumbs-last {
margin: 0;
}
#breadcrumbs-single-product .breadcrumbs-inner {
white-space: normal;
}
#breadcrumbs-single-product .breadcrumbs-path {
white-space: nowrap;
}
#breadcrumbs-single-product .breadcrumbs-last {
white-space: nowrap;
}
@media only screen and (max-width: 500px) {
#breadcrumbs-single-product {
font-size: 12px !important;
z-index: 2;
}
} .wp-block-woocommerce-cart.alignwide .wp-block-woocommerce-empty-cart-block p.has-text-align-center {
display: flex;
justify-content: center !important;
margin-top: 30px !important;
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button svg {
display: none !important;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot td a.woocommerce-button.button.pay.order-actions-button,
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
body.woocommerce-cart .wc-block-cart__submit-container a.btn-secondary,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
.furgonetka-wc-blocks-pickup-point-block-button-container button,
.tnp-submit,
.wp-block-woocommerce-cart.alignwide .wp-block-woocommerce-empty-cart-block p.has-text-align-center > a,
.woocommerce-ResetPassword button.woocommerce-Button.button,
.button.btn.xoo-el-action-btn.xoo-el-login-btn,
.button.btn.xoo-el-action-btn.xoo-el-single-btn,
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button,
.woocommerce-ResetPassword button,
.product-content-box .add_to_cart_button,
.card-body-outer .product-loop-actions-container a,
.woocommerce-button,
.product-add-to-cart a.add_to_cart_button,
.product-add-to-cart .button.product_type_variable.add_to_cart_button.yith-wcwl-themed-button-style,
.xoo-wsc-ft-buttons-cont a,
.container-formularz-form .form-group.recaptcha-group input[type="submit"],
.newsletter .wpcf7-form-control.wpcf7-submit,
.woocommerce-address-fields p button.button,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce #respond input#submit,
.comment-form p.form-submit input,
.product-add-to-cart a.product_type_simple.add_to_cart_button,
.wc-block-components-totals-coupon__form button,
.wc-block-cart__submit-container a,
.toolvita-continue-wrap a,
.woocommerce button.button.alt,
.checkout_coupon.woocommerce-form-coupon button,
.wc-block-checkout__actions_row button,
.newsletter-section input[type="submit"],
#promoModal input[type="submit"],
.btn-primary,
.btn-secondary {
border-radius: 0px !important;
padding: 0px 25px;
text-decoration: none;
font-weight: 400;
min-height: 50px  !important;
align-items: center;
text-align: center;
display: flex;
justify-content: center;
min-width: 150px;
font-size: 20px !important;
font-family: var(--font-main) !important;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
box-shadow: var(--box-shadow);
letter-spacing: 0px;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot td a.woocommerce-button.button.pay.order-actions-button,
.woocommerce-button.button.cancel.order-actions-button,
.furgonetka-wc-blocks-pickup-point-block-button-container button,
.tnp-submit,
.wp-block-woocommerce-cart.alignwide .wp-block-woocommerce-empty-cart-block p.has-text-align-center > a,
.button.btn.xoo-el-action-btn.xoo-el-login-btn,
.button.btn.xoo-el-action-btn.xoo-el-single-btn,
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button,
.woocommerce-ResetPassword button,
.product-content-box .add_to_cart_button,
.card-body-outer .product-loop-actions-container a,
.woocommerce-button,
.product-add-to-cart a.add_to_cart_button,
.product-add-to-cart .button.product_type_variable.add_to_cart_button.yith-wcwl-themed-button-style,
.xoo-wsc-ft-buttons-cont a,
.newsletter .wpcf7-form-control.wpcf7-submit,
.woocommerce-address-fields p button.button,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce #respond input#submit,
.comment-form p.form-submit input,
.product-add-to-cart a.product_type_simple.add_to_cart_button,
.wc-block-components-totals-coupon__form button,
.wc-block-cart__submit-container a,
.woocommerce button.button.alt,
.checkout_coupon.woocommerce-form-coupon button,
.wc-block-checkout__actions_row button,
.newsletter-section input[type="submit"],
#promoModal input[type="submit"],
.btn-primary {
background-color: var(--primary-color) !important;
color: var(--white-color) !important;
border: 1px solid var(--primary-color) !important; 
&:hover {
background-color: var(--white-color) !important;
color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
.toolvita-continue-wrap a,
body.woocommerce-cart .wc-block-cart__submit-container a.btn-secondary,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
.container-formularz-form .form-group.recaptcha-group input[type="submit"],
.woocommerce table.my_account_orders .button,
.woocommerce-info a.button.wc-forward,
.wpfFilterButton.wpfButton,
.remove_from_wishlist.button,
.close-button-filters,
.wc-block-components-notice-banner__content a.button.wc-forward,
.wc-block-components-notice-banner__content a,
.btn-secondary {
background-color: var(--white-color);
color: var(--black-color) !important;
border: 1px solid var(--black-color); 
&:hover {
background-color: var(--black-color) !important;
color: var(--white-color) !important;
border-color: var(--black-color) !important;
}
}
@media only screen and (max-width: 1200px) {
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button,
.woocommerce-ResetPassword button.woocommerce-Button.button,
.button.btn.xoo-el-action-btn.xoo-el-login-btn,
.button.btn.xoo-el-action-btn.xoo-el-single-btn,
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button,
.woocommerce-ResetPassword button,
.product-content-box .add_to_cart_button,
.card-body-outer .product-loop-actions-container a,
.woocommerce-button,
.product-add-to-cart a.add_to_cart_button,
.product-add-to-cart .button.product_type_variable.add_to_cart_button.yith-wcwl-themed-button-style,
.xoo-wsc-ft-buttons-cont a,
.container-formularz-form .form-group.recaptcha-group input[type="submit"],
.newsletter .wpcf7-form-control.wpcf7-submit,
.woocommerce-address-fields p button.button,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce #respond input#submit,
.comment-form p.form-submit input,
.product-add-to-cart a.product_type_simple.add_to_cart_button,
.wc-block-components-totals-coupon__form button,
.wc-block-cart__submit-container a,
.woocommerce button.button.alt,
.checkout_coupon.woocommerce-form-coupon button,
.wc-block-checkout__actions_row button,
.newsletter-section input[type="submit"],
#promoModal input[type="submit"],
.btn-primary,
.btn-secondary {
font-size: 18px !important;
}
}
@media only screen and (max-width: 992px) {
.wpcf7-form-control.wpcf7-submit,
.newsletter-section input[type="submit"],
.btn-primary,
.btn-secondary  {
padding: 0px 10px;
}
}
@media only screen and (max-width: 650px) {
.woocommerce-ResetPassword button.woocommerce-Button.button,
.button.btn.xoo-el-action-btn.xoo-el-login-btn,
.button.btn.xoo-el-action-btn.xoo-el-single-btn,
.woocommerce-EditAccountForm.edit-account .woocommerce-Button.button,
.woocommerce-ResetPassword button,
.product-content-box .add_to_cart_button,
.card-body-outer .product-loop-actions-container a,
.woocommerce-button,
.product-add-to-cart a.add_to_cart_button,
.product-add-to-cart .button.product_type_variable.add_to_cart_button.yith-wcwl-themed-button-style,
.xoo-wsc-ft-buttons-cont a,
.container-formularz-form .form-group.recaptcha-group input[type="submit"],
.newsletter .wpcf7-form-control.wpcf7-submit,
.woocommerce-address-fields p button.button,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce #respond input#submit,
.comment-form p.form-submit input,
.product-add-to-cart a.product_type_simple.add_to_cart_button,
.wc-block-components-totals-coupon__form button,
.wc-block-cart__submit-container a,
.woocommerce button.button.alt,
.checkout_coupon.woocommerce-form-coupon button,
.wc-block-checkout__actions_row button,
.newsletter-section input[type="submit"],
#promoModal input[type="submit"],
.btn-primary,
.btn-secondary {
font-size: 14px !important;
}
.product-content-box a.btn-primary,
.product-content-box .add_to_cart_button {
font-size: 14px !important;
padding: 0 5px !important;
min-width: unset !important;
width: 100% !important;
}
}
@media only screen and (max-width: 400px) {
.product-content-box button.btn-primary,
.product-content-box a.btn-primary,
.product-content-box .add_to_cart_button {
padding: 0 5px !important;
min-width: unset !important;
}
} .contact-section .col-left-contact p {
max-width: 580px;
padding-right: 30px;
}
.contact-section input,
.contact-section textarea {
margin-bottom: 20px !important;
}
.contact-section input.wpcf7-form-control.wpcf7-submit {
margin-bottom: 0 !important;
}
.contact-section .form-row {
display: flex !important;
gap: 20px;
}
.contact-left {
flex: 1;
}
.contact-right {
padding: 40px;
border: 1px solid var(--white-color);
background-color: var(--primary-color);
}
.contact-right form.wpcf7-form {
position: relative;
}
.label-form  {
font-size: 14px;
font-weight: bold;
padding-left: 25px;
}
.container-formularz-form.container-form-usluga .form-group textarea,
.container-formularz-form.container-form-usluga .form-group p,
.container-formularz-form.container-form-usluga .form-group input{
margin-bottom: 0 !important;
}
#formularz p {
margin-bottom: 0 !important;
}
.container-formularz-form input,
.container-formularz-form textarea {
width: 100%;
padding: 10px 15px;
border: 1px solid var(--white-color);
background: var(--white-color);
font-size: 14px;
resize: unset !important;
border-radius: 35px;
width: 100%;
}
.container-formularz-form .checkbox-group {
margin-bottom: 20px !important;
}
.container-formularz-form .checkbox-group p{
align-items: baseline;
font-size: 14px !important;
color: var(--white-color) !important;
display: flex;
line-height: 20px;
gap: 15px;
}
.container-formularz-form .checkbox-group p a {
display: contents;
}
.container-formularz-form .checkbox-group a:hover {
color: var(--white) !important;
}
.container-formularz-form .checkbox-group a:hover {
text-decoration: underline;
}
.social-media-formularz {
margin-top: 75px;
}
.social-media-formularz-inner {
display: flex;
width: 100%;
max-width: 150px;
justify-content: space-between;
margin-top: 25px;
}
.container-formularz-form .form-group.recaptcha-group p {
display: flex !important;
margin-bottom: 0 !important;
width: 100%;
}
.wpcf7-spinner {
position: absolute;
}
.container-formularz-form .form-group.recaptcha-group {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
gap: 15px;
}
.container-formularz {
display: flex;
gap: 15px;
}
.contact-tekst-b2b {
padding-right: 50px;
}
@media only screen and (max-width: 769px) {
.contact-section {
display: flex;
justify-content: center;
align-items: center;
margin-top: unset !important;
background-image: unset !important;
flex-direction: column;
}
.container-formularz-form .form-group.recaptcha-group {
flex-direction: column;
gap: 15px;
}
.left-formularz {
margin-top: unset !important;
}
.contact-section .form-row {
display: block !important;
}
.container-formularz-form .form-group.recaptcha-group p,
.container-formularz {
flex-direction: column;
width: 100%;
}
.left-formularz p {
margin-bottom: 10px;
}
.social-media-formularz {
margin: 35px 0 !important;
}
.contact-tekst-b2b {
padding-right: 0px;
}
.contact-section .row {
gap: 25px;
}
.contact-right {
padding: 20px;
}
.contact-section h2 {
text-align: start !important;
}
} .input-group input::placeholder,
input.wpcf7-form-control::placeholder,
textarea.wpcf7-form-control::placeholder {
color: var(--black-color) !important;
opacity: 1;
transition: color 0.3s ease-in-out;
}
.input-group input:hover::placeholder,
.input-group input:focus::placeholder,
input.wpcf7-form-control:hover::placeholder,
input.wpcf7-form-control:focus::placeholder,
textarea.wpcf7-form-control:hover::placeholder,
textarea.wpcf7-form-control:focus::placeholder {
color: var(--black-color) ;
opacity: 1;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
-webkit-text-fill-color: var(--black-color) !important;
}
.input-group input,
input.wpcf7-form-control,
textarea.wpcf7-form-control {
outline: none !important;
box-shadow: none;
border: none;
height: 50px;
background: var(--white-color);
border-bottom: 1px solid var(--white-color);
color: var(--black-color);
transition: box-shadow 0.3s, color 0.3s;
}
.input-group input:hover,
.input-group input:focus,
input.wpcf7-form-control:hover,
input.wpcf7-form-control:focus,
textarea.wpcf7-form-control:hover,
textarea.wpcf7-form-control:focus {
box-shadow: var(--box-shadow-hover);
color: var(--black-color);
border-bottom: 1px solid var(--primary-color);
}
textarea.wpcf7-form-control {
border-radius: 0px;
resize: vertical;
min-height: 120px;
transition: box-shadow 0.3s, color 0.3s;
}
input.wpcf7-form-control[type="text"],
input.wpcf7-form-control[type="email"],
input.wpcf7-form-control[type="tel"] {
border-radius: 0px;
padding: 10px 15px;
font-size: 14px;
transition: box-shadow 0.3s, color 0.3s;
border: 1px solid #00000025;
}
input:focus,
textarea:focus {
outline: none !important;
box-shadow: var(--box-shadow-hover);
border: none;
color: var(--primary-color) !important;
opacity: 1 !important;
}
.checkbox-group .wpcf7-list-item {
margin: 0 !important;
}
input[type="checkbox"] {
accent-color: var(--primary-color);
background-color: var(--primary-color);
color: var(--white-color) !important;
border: 1px solid var(--primary-color) !important;
transform: scale(1.2);
margin: 0 !important;
}
input[type="checkbox"]:checked,
input[type="checkbox"]:checked:focus {
background-color: var(--primary-color);
accent-color: var(--primary-color);
outline: 2px solid var(--white-color) !important;
outline-offset: 0px;
box-shadow: none !important;
}
.wpcf7-not-valid-tip {
font-size: 12px;
position: absolute;
left: 17px;
top: 24px;
line-height: 14px;
}
.form-group.half-width .wpcf7-not-valid-tip {
top: 24px;
}
.form-group.form-group-textarea .wpcf7-not-valid-tip {
top: -20px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
position: absolute;
bottom: -37px;
font-size: 12px;
}
#promoModal .wpcf7 form .wpcf7-response-output {
bottom: -28px;
font-size: 10px;
left: 23px;
}
.contact-section .wpcf7 form .wpcf7-response-output {
bottom: -100px;
left: 50%;
transform: translateX(-50%);
width: 100%;
color: var(--black-color);
}
body.single-post .spider-web-corner{
display: none;
} #newsletter-section {
padding: 0px 0 150px;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
z-index: 1002;
background: var(--white-color);
margin-bottom: -50px;
}
#promoModal .wpcf7-form {
position: relative !important;
}
.newsletter-consent-inner {
max-width: 737px;
}
.newsletter-consent .wpcf7-list-item > label {
display: flex;
align-items: flex-start;
cursor: pointer;
}
.newsletter-consent p {
text-align: justify;
margin-bottom: 0;
}
.newsletter-consent input[type="checkbox"] {
margin-right: 10px !important; 
flex-shrink: 0; 
margin-top: 4px !important;
} .newsletter-consent .wpcf7-list-item-label {
flex-grow: 1;
display: block;
font-size: 14px;
line-height: 17px;
}
.newsletter-content-wrapper {
max-width: 960px;
}
.newsletter-email-input input {
width: 100%;
}
.contact-section  .wpcf7,
.newsletter-section .wpcf7 {
display: flex;
position: relative;
justify-content: center;
}
.newsletter-section .wpcf7-form > p {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-bottom: 25px;
}
#promoModal .wpcf7-acceptance .wpcf7-list-item,
.newsletter-section .wpcf7-acceptance .wpcf7-list-item {
margin: 0 auto;
}
.newsletter-section .wpcf7-not-valid-tip {
left: 16px;
top: 24px;
}
@media only screen and (max-width: 768px) {
.placeholder-newsletter-left {
flex-direction: column;
gap: 15px !important;
}
.newsletter-email-input p {
margin-bottom: 0 !important;
}
.placeholder-newsletter-left p,
.placeholder-newsletter-left input,
.placeholder-newsletter-left div {
width: 100% !important;
}
.newsletter-email-input {
max-width: 100%;
}
.newsletter-section .wpcf7-not-valid-tip {
left: 16px;
top: 20px;
}
.newsletter-section input.wpcf7-form-control[type="email"] {
text-align: center !important;
}
.newsletter-consent .wpcf7-list-item-label {
font-size: 12px;
line-height: 14px;
}
}
.tnp.tnp-subscription {
max-width: 960px;
margin: 0 auto;
}
.tnp.tnp-subscription form {
position: relative; 
}
.tnp-submit {
position: absolute !important;
top: 0 !important;
right: 0 !important;
max-height: 50px !important;
align-items: center !important;
justify-content: center !important;
display: flex !important;
line-height: 20px !important;
}
.tnp-field.tnp-field-email {
margin-right: 170px !important;
}
.tnp-field-email .tnp-email {
width: 100%;
height: 50px;
padding: 10px 15px;
font-size: 14px;
box-shadow: none;
outline: none;
transition: box-shadow 0.3s, color 0.3s, border-bottom 0.3s;
}
.tnp-subscription input[type=email] {
background-color: var(--white-color) !important;
border: 1px solid #00000020 !important;
position: relative;
}
.tnp-field-email .tnp-email::placeholder {
color: var(--black-color);
opacity: 1;
}
.tnp-field-email .tnp-email:hover,
.tnp-field-email .tnp-email:focus {
box-shadow: var(--box-shadow-hover);
color: var(--black-color);
border-bottom: 1px solid var(--primary-color);
}
.tnp-privacy-field label {
display: flex;
align-items: flex-start;
cursor: pointer;
font-size: 14px;
line-height: 17px;
text-align: justify;
}
.tnp.tnp-subscription .tnp-field.tnp-field-email label {
display: none;
}
.tnp-field.tnp-field-button {
margin: 0 !important;
}
@media only screen and (max-width: 768px) {
.tnp.tnp-subscription form {
display: flex;
flex-direction: column;
gap: 15px;
}
.tnp-field-button {
text-align: center !important;
}
}
@media only screen and (max-width: 480px) {
.tnp-submit {
position: relative !important;
top: unset !important;
right: unset !important;
align-items: center !important;
justify-content: center !important;
display: flex !important;
line-height: 20px !important;
}
.tnp-field.tnp-field-email {
margin-right: 0px !important;
}
.tnp.tnp-subscription form {
gap: 5px;
}
#promoModal .promo-list li {
font-size: 16px !important;
line-height: 20px !important;
}
.tnp-field.tnp-privacy-field label {
font-size: 12px !important;
line-height: 16px !important;
}
#promoModal img {
max-width: 300px !important;
}
} #site-footer {
padding-top: 125px !important;
background-color: var(--black-color);
position: relative;
z-index: 1001;
}
#site-footer .footer-menu a {
color: var(--white-color);
}
.bottom-container p {
font-size: 14px !important;
} .social-icon-circle {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: var(--white-color, #fff);
border: 1px solid var(--white-color, #d4a017);
border-radius: 50%;
text-decoration: none;
transition: all 0.3s ease;
}
.social-icon-circle i {
font-size: 1.1rem;
color: var(--primary-color, #d4a017);
}
.contact-email-box .social-icon-circle:hover {
background-color: unset;
color: unset !important;
border-color: unset;
}
.contact-email-box .social-icon-circle:hover i {
color: unset !important;
}
.social-icon-circle:hover i {
color: var(--white-color) !important;
}
].contact-email-box:hover .icon-box-small {
background-color: var(--primary-color, #d4a017) !important;
color: #fff !important;
}
.contact-email-box:hover .social-icon-circle i,
.contact-email-box:hover .social-icon-circle,
.social-icon-circle:hover {
background-color: var(--primary-color, #d4a017);
color: var(--white-color) !important;
border-color: var(--primary-color, #d4a017);
}
.footer-main-content .p-h4{
color: var(--primary-color) !important;
}
.brand-description {
max-width: 400px;
}
.footer-logo {
max-width: 240px;
}
@media only screen and (min-width: 769px) {
.footer-menus .p-h4 {
margin-top: 0 !important;
}
}
@media only screen and (max-width: 768px) {
.footer-menu {
gap: 10px !important;
}
.footer-main-content {
margin-bottom: 50px !important;
}
} .hero-banner-wrapper img {
max-width: 1000px;
}
.hero-section {
background-color: var(--white-color);
padding: 100px 0 0px;
}
.przyciski-slider-glowny {
left: 50%;
bottom: -50px;
transform: translatex(-50%);
}
.tracking-wide {
letter-spacing: 0.1em;
}
.hero-image-wrapper,
.hero-slider-wrapper {
min-height: 430px;
}
.hero-slide .col-md-6 {
margin-top: 0 !important;
}
.container-main-landing p {
max-width: 600px;
text-align: left !important;
}
.hero-slide {
display: none;
opacity: 0;
transition: opacity 0.6s ease-in-out;
}
.hero-slide.active {
display: block;
opacity: 1;
}
.hero-image-wrapper {
transform: perspective(1000px) rotateY(-5deg);
transition: transform 0.3s ease;
max-height: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
align-items: center;
display: flex;
}
.hero-image-wrapper img.img-fluid {
max-height: 350px;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 8px;
}
.hero-image-wrapper:hover {
transform: perspective(1000px) rotateY(0deg);
} .h1-hero,
.hero-description,
.hero-buttons,
.hero-image-wrapper {
opacity: 0;
} .hero-slide.active .h1-hero {
animation: heroUltraSoft 0.8s ease-out forwards;
}
.hero-slide.active .hero-description {
animation: heroUltraSoft 0.9s ease-out forwards;
}
.hero-slide.active .hero-buttons {
animation: heroUltraSoft 1s ease-out forwards;
}
.hero-slide.active .hero-image-wrapper {
animation: heroUltraSoft 0.9s ease-out forwards;
}
@keyframes heroUltraSoft {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media only screen and (max-width: 992px) {
.hero-image-wrapper,
.hero-slider-wrapper {
min-height: 330px;
}
.hero-image-wrapper {
padding: 0;
border: 0;
margin-top: 25px;
}
}
@media only screen and (max-width: 768px) {
.hero-image-wrapper,
.hero-slider-wrapper {
min-height: unset;
}
.hero-section {
min-height: unset !important;
}
.hero-banner-wrapper {
padding-top: 25px !important;
}
.hero-image-wrapper {
transform: perspective(0px) rotateY(0deg) !important; 
}
.container-main-landing {
margin-top: 100px;
}
.hero-section::before {
background-color: rgba(0, 0, 0, 0.89);
}
.hero-image-wrapper img.img-fluid {
max-height: 500px;
width: 100%;
height: 100%;
border: 0;
}
.hero-image-wrapper img.img-fluid {
max-height: 250px;
}
.hero-buttons{
gap: 10px !important;
}
.przyciski-slider-glowny {
bottom: -50px;
}
}
@media only screen and (min-width: 500px) {
.kontakt-buttons a {
min-width: 205px;
}
}
@media only screen and (max-width: 400px) {
.kontakt-buttons,
.hero-buttons {
flex-direction: column;
}
.kontakt-buttons a {
width: 100%;
}
} .service-item {
position: relative;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 15px;
}
.service-item:before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background-image: url(//toolvita.pl/wp-content/uploads/2025/12/toolvita-logo-green.png); 
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 80%;
height: 100%;
z-index: -1;
opacity: 0.05;
} .service-item .outer-box {
width: 80px;
height: 80px !important;
margin-bottom: 25px;
z-index: 1;
background: var(--primary-color, #28a745); border-radius: 20px 0; box-shadow: 0px 5px 15px rgba(0,0,0,0.15); display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.service-item:hover .outer-box {
transform: translateY(-5px);
}
.outer-box i {
font-size: 28px !important;
color: #ffffff !important;
}
.service-item h3 {
margin-bottom: 15px;
margin-top: 0 !important;
}
.service-item p {
width: 90%;
font-size: 16px !important;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.service-item {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 650px) {
.service-item {
margin-bottom: 25px;
width: 100% !important;
}
.service-item p {
width: 100%;
}
.service-item:before {
display: none;
}
.service-item p {
width: 90%;
font-size: 14px !important;
margin: 0;
}
}
.contact-card {
background: var(--white-color);
background: linear-gradient(145deg, #ffffff, #f9f9f9);
border: 1px solid rgba(0,0,0,0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
}
.card-corner-decoration {
display: none !important;
position: absolute;
top: -30px;
right: -30px;
width: 120px;
height: 120px;
background: var(--primary-color);
opacity: 0.08;
border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
z-index: 1;
animation: morph 8s ease-in-out infinite;
}
@keyframes morph {
0%, 100% { border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%; }
34% { border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%; }
67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; }
}
.contact-row {
transition: background-color 0.2s ease;
}
.contact-row:hover {
background-color: rgba(var(--primary-rgb), 0.03);
}
.icon-box-small {
width: 45px;
height: 45px;
background-color: #fff;
color: var(--primary-color);
border: 1px solid rgba(0,0,0,0.05);
flex-shrink: 0;
font-size: 1.1rem;
transition: all 0.3s ease;
}
.contact-row:hover .icon-box-small {
background-color: var(--primary-color);
color: #fff;
border-color: var(--primary-color);
transform: scale(1.1);
}
.contact-row:hover .icon-box-small i {
color: #fff;
} .hero-arrow,
.product-slider-section .swiper-button-prev,
.product-slider-section .swiper-button-next,
.related-products-section .swiper-button-prev,
.related-products-section .swiper-button-next {
width: 40px !important;
height: 40px !important;
background: transparent;
color: var(--black-color, #000);
transition: color 0.3s ease, transform 0.3s ease;
z-index: 10;
border: unset;
}
.hero-arrow::after,
.product-slider-section .swiper-button-prev::after,
.product-slider-section .swiper-button-next::after,
.related-products-section .swiper-button-prev::after,
.related-products-section .swiper-button-next::after {
display: none !important;
}
.hero-arrow::before,
.product-slider-section .swiper-button-prev::before,
.product-slider-section .swiper-button-next::before,
.related-products-section .swiper-button-prev::before,
.related-products-section .swiper-button-next::before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-size: 40px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
color: var(--black-color);
height: 100%;
}
.hero-arrow-prev::before,
.product-slider-section .swiper-button-prev::before,
.related-products-section .swiper-button-prev::before {
content: '\f053'; }
.hero-arrow-next::before,
.product-slider-section .swiper-button-next::before,
.related-products-section .swiper-button-next::before {
content: '\f054'; }
.hero-arrow:hover::before,
.product-slider-section .swiper-button-prev:hover::before,
.product-slider-section .swiper-button-next:hover::before,
.related-products-section .swiper-button-prev:hover::before,
.related-products-section .swiper-button-next:hover::before {
color: var(--primary-color, #28a745) !important;
}
.product-slider-section .swiper-button-prev,
.related-products-section .swiper-button-prev {
left: 0px !important;
}
.product-slider-section .swiper-button-next,
.related-products-section .swiper-button-next {
right: 0px !important;
}
.scrollTopBtn {
position: fixed;
right: 10px;
bottom: 100px;
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: var(--primary-color);
border: 1px solid var(--primary-color);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 3px 10px rgba(0,0,0,0.25);
z-index: 1003;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, bottom 0.25s ease; ;	
}
.scrollTopBtn.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.scrollTopBtn--above-footer {
bottom: 180px !important;
}
.scrollTopBtn i {
color: var(--white-color);
}
.scrollTopBtn:hover {
background-color: var(--white-color) !important;
border: 1px solid var(--primary-color);
}
.scrollTopBtn:hover i {
color: var(--primary-color) !important;
}
@media only screen and (max-width: 768px) {
.hero-arrow,
.product-slider-section .swiper-button-prev,
.product-slider-section .swiper-button-next,
.related-products-section .swiper-button-prev,
.related-products-section .swiper-button-next {
width: 30px !important;
height: 30px !important;
}
.hero-arrow::before,
.product-slider-section .swiper-button-prev::before,
.product-slider-section .swiper-button-next::before,
.related-products-section .swiper-button-prev::before,
.related-products-section .swiper-button-next::before {
font-size: 30px;
}
.product-slider-section .swiper-button-prev::before,
.related-products-section .swiper-button-prev::before{
justify-content: left; 
padding-left: 3px;
}
.product-slider-section .swiper-button-next::before,
.related-products-section .swiper-button-next::before {
justify-content: right; 
padding-right: 3px;
}
.product-slider-section .swiper-button-next, .related-products-section .swiper-button-next,
.product-slider-section .swiper-button-prev, .related-products-section .swiper-button-prev {
top: 47% !important;
}
}  .search-input-underline {
height: 1px;
width: 100%;
background-color: rgba(255,255,255,0.25);
margin-top: 0px;
position: relative;
}
.search-input-underline::after {
content:'';
position:absolute;
left:0; top:0;
height:100%;
width:0;
background-color:#4baf5a;
transition:width .3s ease;
}
.search-input-wrapper:focus-within .search-input-underline::after {
width:100%;
}
.product-search-card {
border-radius:0;
box-shadow: var(--header-shadow) !important;
}
.search-tag-badge {
background-color:#f4f4f4;
color:#262626;
padding:8px 16px;
border-radius:999px;
text-decoration:none;
font-size:.85rem;
}
.search-tag-badge:hover {
background-color: var(--primary-color);
color: var(--white-color) !important;
}
#close-search-btn {
opacity: 1 !important;
filter: none !important;
transition: transform .15s ease, filter .15s ease;
} #close-search-btn:hover,
#close-search-btn:focus-visible {
transform: scale(1.1);
}
.search-input-wrapper:hover .search-input-icon-btn i{
color: var(--primary-color) !important;
}
#search-results-container.products-scroll {
max-height: 36vh;
overflow-y: auto;
padding-top: 10px
}
#universal-search-overlay {
z-index: 9999999 !important;
background-color: var(--white-color) !important;
height: 100dvh !important;
}
.product-search-title {
font-family: var(--font-main);
}
.product-search-excerpt {
line-height: 1.4;
}
#search-results-container.products-scroll::-webkit-scrollbar {
width: 6px;
}
#search-results-container.products-scroll::-webkit-scrollbar-track {
background: var(--black-color);
}
#search-results-container.products-scroll::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,0.4);
border-radius: 3px;
}
#search-results-container.products-scroll::-webkit-scrollbar-thumb:hover {
background-color: rgba(255,255,255,0.7);
} #search-results-container.products-scroll {
scrollbar-width: thin;
scrollbar-color: var(--primary-color) transparent;
}
.search-overlay-inner {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
}
.search-loader {
position: relative;
width: 18px;
height: 18px;
}
.search-loader .dot {
opacity: 0;
position: absolute;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: var(--primary-color);
top: 50%;
left: 50%;
transform-origin: 0 0;
transform: translate(-50%, -50%) translateX(7px);
animation: search-dots-rotate 0.9s linear infinite;
} .search-loader .dot-1 { animation-delay: 0s; }
.search-loader .dot-2 { animation-delay: 0.1s; }
.search-loader .dot-3 { animation-delay: 0.2s; }
.search-loader .dot-4 { animation-delay: 0.3s; }
.search-loader .dot-5 { animation-delay: 0.4s; }
.search-loader .dot-6 { animation-delay: 0.5s; }
.search-loader .dot-7 { animation-delay: 0.6s; }
.search-loader .dot-8 { animation-delay: 0.7s; }
.search-loader .dot-9 { animation-delay: 0.8s; }
@keyframes search-dots-rotate {
0%   { transform: translate(-50%, -50%) rotate(0deg)   translateX(7px); opacity: 0.1; }
50%  { transform: translate(-50%, -50%) rotate(180deg) translateX(7px); opacity: 1;   }
100% { transform: translate(-50%, -50%) rotate(360deg) translateX(7px); opacity: 0.1; }
}
.search-overlay-content {
flex: 0 0 auto;
}
#search-results-wrapper {
flex: 1 1 auto;
}
.search-static-section {
flex: 0 0 auto;
}
#promoModal .opisowy-con-modal p.p-h3 {
max-width: 280px;
}
#promoModal .opisowy-con-modal p {
max-width: 430px;
}
#promoModal img {
max-height: 300px;
}
.promo-bar {
background: var(--primary-color);
z-index: 1001;
}
.promo-bar-inner {
padding: 8px 0;
}
.modal-backdrop.show {
background-color: rgba(0, 0, 0, 0.75);
}
.modal-dialog {
margin: .5rem auto;
}
.modal.modal-dialog-centered .modal-dialog,
.modal.show .modal-dialog {
margin-top: auto;
margin-bottom: auto;
}
.modal.show .modal-dialog {
height: 100vh;
padding: 0 12px;
}
.promo-bar-img {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 999px;
}
.promo-bar-text div {
line-height: 1.3;
}
@media (min-width: 992px) {
.search-overlay-inner  {
overflow-x: hidden;
}
}
@media (max-width: 992px) { 
.modal-zapis-newsletter {
padding: 20px !important;
}
}
@media only screen and (max-width: 768px) {
#search-results-container.products-scroll {
padding-left: 10px !important;
}
#results-products {
padding-right: 10px !important;
padding-top: 10px !important;
}
.search-static-section {
padding: 25px 12px !important;
}
#results-products img {
max-height: unset !important;
width: 100% !important;
}
#results-products .btn-results {
max-width: 100% !important;
}
#results-products .inner-div-zdjecie {
max-height: unset !important;
width: 50%;
height: 100% !important;
}
.search-overlay-content {
padding: 12px 12px 35px !important;
}
#products-heading {
display: none !important;
}
#promoModal .col-lower-img {
display: none;
}
#promoModal .opisowy-con-modal p.p-h3 {
max-width: 235px;
}
}
.product-promo {
border: 2px dotted #4a4a4a; 
border-radius: 20px;
background-color: var(--gray-100); 
padding: 20px;           
} .promo-box {
display: flex;
align-items: center;
gap: 10px;
}
.promo-icon {
font-size: 30px;
color: #000000;
}
.promo-content h3 {
font-size: 20px !important;
line-height: 24px !important;
font-weight: 700;
margin: 0 0 0px;
}
.promo-content p {
font-size: 15px !important;
line-height: 20px !important;
margin: 0;
color: #444;
} .promo-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.promo-list li {
position: relative;
padding-left: 28px;
margin-bottom: 6px;
}
.promo-list li::before {
content: "\f058";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
position: absolute;
left: 0;
top: 0px;
color: #1a8f4b;
font-size: 16px;
}
@media only screen and (max-height: 630px) and (min-width: 993px) {
.product-details-section-sticky .promo-list li {
font-size: 12px !important;
}
.promo-list li::before {
font-size: 12px;
}
body.single-product h1 {
font-size: 30px !important;
line-height: 34px !important;
}
}
@media only screen  and (min-width: 993px) and (max-width: 1250px) {
.product-promo {
padding: 15px !important;
margin-top: 15px !important;
}
body.single-product h1 {
font-size: 26px !important;
line-height: 30px !important;
margin-bottom: 15px !important;
}
} .cky-btn-revisit-wrapper {
background-color: var(--primary-color) !important;
z-index: 1000 !important;
}
.cky-show-desc-btn {
color: var(--primary-color) !important;
}
.cky-btn.cky-btn-reject,
.cky-btn.cky-btn-preferences,
.cky-btn.cky-btn-accept {
color: #ffffff !important;
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}
.cky-btn.cky-btn-customize {
border-color: var(--black-color) !important;
color: var(--black-color) !important;
}
.cky-preference-content-wrapper a,
.cky-accordion-header-des a {
color: var(--primary-color) !important;
}
.cky-btn:hover {
opacity: 0.9;
}
#promoModalLabel {
text-transform: none !important;
}
.about-contact-section p {
text-align: left !important;
}.wc-block-components-chip {
background: transparent !important;
border: 1px solid var(--primary-color) !important;
color: var(--primary-color) !important;
padding: 5px 10px !important;
}
.wc-block-components-chip .wc-block-components-chip__remove {
display: flex !important;
border: 1px solid var(--black-color) !important;
background: transparent !important;
align-items: center !important;
justify-content: center !important;
}
.wc-block-components-chip .wc-block-components-chip__remove-icon {
fill: var(--black-color) !important;
}
.wc-block-components-chip .wc-block-components-chip__remove:hover {
background: red !important;
}
body.woocommerce-page .page-content h2 {
margin: unset !important;
text-align: left !important;
justify-content: left;
margin-bottom: 3.5rem !important;
}
body.woocommerce-page .page-content h2.wc-block-cart__empty-cart__title {
justify-content: center !important;
margin-bottom: 6rem !important;
text-align: center !important;
}
@media only screen and (max-width: 769px) {
body.woocommerce-page .page-content h2.wc-block-cart__empty-cart__title {
padding-top: 4rem !important;
justify-content: center !important;
}
}
.wc-block-cart .wc-block-cart__submit-container--sticky {
z-index: 1000 !important;
}
body.woocommerce-page .page-content h2:before {
display: none !important;
}
.woocommerce ul.order_details {
padding-left: 0;
}
.woocommerce table.shop_table.wishlist_table tr td a {
color: var(--black-color);
}
.widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav .layered-nav-reset {
text-decoration: none !important;
transition: color .3s ease !important;
color: #262626 !important;
}
.formularz-contact-info a:hover,
#mega-menu-wrap-main-header-left #mega-menu-main-header-left > li.mega-menu-item > a.mega-menu-link:hover,
.widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav .layered-nav-reset:hover,
a:hover {
color: var(--primary-color) !important;
}
.collapse:not(.show) {
display: block;
}
.wc-block-components-product-name,
.wc-block-checkout__sidebar .wc-block-components-product-name,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3 {
color: var(--black-color) !important;
font-family: var(--font-main) !important;
}
@media only screen and (max-height: 690px) {
.woocommerce h1 {
font-size: 36px !important;
}
.woocommerce h2 {
font-size: 30px !important;
}
}
.wc-block-components-product-name {
font-size: 1em !important;
line-height: 1em !important;
font-weight: 500 !important;
}
.wc-block-components-product-badge {
padding: 8px 15px !important;
}
span.xoo-wsc-ft-amt-label,
body.woocommerce-checkout .wc-block-components-address-card address .wc-block-components-address-card__address-section:first-child {
font-weight: normal !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
background: var(--white-color) !important;;
border: 1px solid var(--primary-color) !important;;
border-radius: 1em !important;;
box-shadow: unset !important;;
color: var(--primary-color) !important;;
}
.woocommerce-info,
.woocommerce h4,
.woocommerce h5,
.woocommerce h6,
address,
.woocommerce-account .addresses .title .edit,
#wc-guest-checkout-notice,
.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt,
button:not(:disabled)#mobile-filter-btn,
button:not(:disabled)#mobile-sorting-btn,
.subcategory-list-container .btn-secondary,
button:not(:disabled)#open-filters-btn {
font-family: var(--font-second) !important;
color: var(--primary-color) !important;
}
.woocommerce-account .addresses .title .edit:hover,
.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt:hover {
color: var(--primary-color) !important;
}
button:not(:disabled)#open-filters-btn {
max-width: 320px;
padding: 0 20px;
}
#open-filters-btn {
border: 1px solid var(--primary-color) !important;
}
button:not(:disabled)#mobile-filter-btn,
button:not(:disabled)#mobile-sorting-btn {
border: 1px solid var(--primary-color) !important;
background-color: transparent !important;
}
button:not(:disabled)#mobile-filter-btn:hover,
button:not(:disabled)#mobile-sorting-btn:hover,
.subcategory-list-container .btn-secondary:hover,
button:not(:disabled)#open-filters-btn:hover {
color: var(--white-color) !important;
}
.nip-checkbox span,
.wc-block-components-product-details__rozmiar,
.product-brand,
.wc-block-components-checkout-order-summary__title-icon svg,
.wc-block-components-product-badge,
.wc-block-components-product-price__regular,
.woocommerce-lost-password .woocommerce p,
.woocommerce-ResetPassword.lost_reset_password p,
.woocommerce-form-register.register p,
.woocommerce form .form-row label,
.wp-block-heading.with-empty-cart-icon,
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received,
.woocommerce .woocommerce-customer-details :last-child, 
.woocommerce .woocommerce-order-details :last-child, 
.woocommerce .woocommerce-order-downloads :last-child,
.wc-block-components-address-card,
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-radio-control-accordion-content,
.wc-block-components-address-form__address_2-toggle,
.wc-block-components-checkbox__label,
.wc-block-components-formatted-money-amount,
.wc-block-checkout__shipping-option .wc-block-checkout__shipping-option--free,
.wc-block-components-radio-control__description-group .wc-block-components-radio-control__description, .wc-block-components-radio-control__description-group .wc-block-components-radio-control__label, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__description, .wc-block-components-radio-control__label-group .wc-block-components-radio-control__label,
.wc-block-components-checkout-step__description,
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block,
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block span,
.wc-block-components-totals-shipping .wc-block-components-totals-item strong,
.wc-block-components-totals-item__label,
.wc-block-components-panel__button {
font-family: var(--font-second) !important;
color: var(--black-color) !important;
}
.wc-block-components-product-price__value.is-discounted,
.woocommerce-Price-amount.amount,
.woocommerce-Price-amount.amount span,
.woocommerce-table__product-total.product-total .woocommerce-Price-amount.amount span,
.woocommerce-table__product-total.product-total .woocommerce-Price-amount.amount bdi,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text,
.wc-block-cart .wc-block-cart__totals-title,
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount,
.wc-block-components-formatted-money-amount,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
color: var(--primary-color) !important;
font-family: var(--font-main) !important;
}
.wc-block-components-button:hover .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text:hover {
color: var(--black-color) !important;
}
.woocommerce-form-register.register a,
.wc-block-components-checkbox__label a{
color: var(--primary-color) !important;
}
.wc-block-components-totals-coupon__content button {
max-height: 50px !important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
box-shadow: var(--header-shadow) !important;
border: 1px solid var(--primary-color) !important;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
background-color: var(--primary-color) !important;
}
.woocommerce form .form-row .input-text,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text,
.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
border: none !important;
border-bottom: 1px solid #666 !important;
border-radius: 0 !important;
height: 50px !important;
background: transparent !important;
color: var(--black-color) !important;
transition: border-color 0.3s ease !important;
}
.woocommerce form .form-row .input-text::placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text::placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]::placeholder, .wc-block-components-text-input input[type=email]::placeholder, .wc-block-components-text-input input[type=number]::placeholder, .wc-block-components-text-input input[type=password]::placeholder, .wc-block-components-text-input input[type=tel]::placeholder, .wc-block-components-text-input input[type=text]::placeholder, .wc-block-components-text-input input[type=url]::placeholder {
color: var(--black-color) !important;
opacity: 0.7 !important;
transition: color 0.3s ease !important;
}
.woocommerce form .form-row .input-text:focus,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=password]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
outline: none !important;
border-bottom-color: var(--primary-color) !important;
box-shadow: none !important;
}
.woocommerce form .form-row .input-text:focus::placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus::placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus::placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus::placeholder, .wc-block-components-text-input input[type=email]:focus::placeholder, .wc-block-components-text-input input[type=number]:focus::placeholder, .wc-block-components-text-input input[type=password]:focus::placeholder, .wc-block-components-text-input input[type=tel]:focus::placeholder, .wc-block-components-text-input input[type=text]:focus::placeholder, .wc-block-components-text-input input[type=url]:focus::placeholder {
color: var(--primary-color) !important;
opacity: 1 !important;
}
.woocommerce form .form-row .input-text::-webkit-input-placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text::-webkit-input-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]::-webkit-input-placeholder, .wc-block-components-text-input input[type=email]::-webkit-input-placeholder, .wc-block-components-text-input input[type=number]::-webkit-input-placeholder, .wc-block-components-text-input input[type=password]::-webkit-input-placeholder, .wc-block-components-text-input input[type=tel]::-webkit-input-placeholder, .wc-block-components-text-input input[type=text]::-webkit-input-placeholder, .wc-block-components-text-input input[type=url]::-webkit-input-placeholder {
color: var(--black-color) !important;
}
.woocommerce form .form-row .input-text::-moz-placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text::-moz-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]::-moz-placeholder, .wc-block-components-text-input input[type=email]::-moz-placeholder, .wc-block-components-text-input input[type=number]::-moz-placeholder, .wc-block-components-text-input input[type=password]::-moz-placeholder, .wc-block-components-text-input input[type=tel]::-moz-placeholder, .wc-block-components-text-input input[type=text]::-moz-placeholder, .wc-block-components-text-input input[type=url]::-moz-placeholder {
color: var(--black-color) !important;
opacity: 1 !important;
}
.woocommerce form .form-row .input-text:-ms-input-placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:-ms-input-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]:-ms-input-placeholder, .wc-block-components-text-input input[type=email]:-ms-input-placeholder, .wc-block-components-text-input input[type=number]:-ms-input-placeholder, .wc-block-components-text-input input[type=password]:-ms-input-placeholder, .wc-block-components-text-input input[type=tel]:-ms-input-placeholder, .wc-block-components-text-input input[type=text]:-ms-input-placeholder, .wc-block-components-text-input input[type=url]:-ms-input-placeholder {
color: var(--black-color) !important;
}
.woocommerce form .form-row .input-text:-moz-placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:-moz-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]:-moz-placeholder, .wc-block-components-text-input input[type=email]:-moz-placeholder, .wc-block-components-text-input input[type=number]:-moz-placeholder, .wc-block-components-text-input input[type=password]:-moz-placeholder, .wc-block-components-text-input input[type=tel]:-moz-placeholder, .wc-block-components-text-input input[type=text]:-moz-placeholder, .wc-block-components-text-input input[type=url]:-moz-placeholder {
color: var(--black-color) !important;
opacity: 1 !important;
}
.woocommerce form .form-row .input-text:focus::-webkit-input-placeholder,,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus::-webkit-input-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus::-webkit-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus::-webkit-input-placeholder, .wc-block-components-text-input input[type=email]:focus::-webkit-input-placeholder, .wc-block-components-text-input input[type=number]:focus::-webkit-input-placeholder, .wc-block-components-text-input input[type=password]:focus::-webkit-input-placeholder, .wc-block-components-text-input input[type=tel]:focus::-webkit-input-placeholder, .wc-block-components-text-input input[type=text]:focus::-webkit-input-placeholder, .wc-block-components-text-input input[type=url]:focus::-webkit-input-placeholder {
color: var(--primary-color) !important;
}
.woocommerce form .form-row .input-text:focus::-moz-placeholder,,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus::-moz-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus::-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus::-moz-placeholder, .wc-block-components-text-input input[type=email]:focus::-moz-placeholder, .wc-block-components-text-input input[type=number]:focus::-moz-placeholder, .wc-block-components-text-input input[type=password]:focus::-moz-placeholder, .wc-block-components-text-input input[type=tel]:focus::-moz-placeholder, .wc-block-components-text-input input[type=text]:focus::-moz-placeholder, .wc-block-components-text-input input[type=url]:focus::-moz-placeholder {
color: var(--primary-color) !important;
opacity: 1 !important;
}
.woocommerce form .form-row .input-text:focus:-ms-input-placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus:-ms-input-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus:-ms-input-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus:-ms-input-placeholder, .wc-block-components-text-input input[type=email]:focus:-ms-input-placeholder, .wc-block-components-text-input input[type=number]:focus:-ms-input-placeholder, .wc-block-components-text-input input[type=password]:focus:-ms-input-placeholder, .wc-block-components-text-input input[type=tel]:focus:-ms-input-placeholder, .wc-block-components-text-input input[type=text]:focus:-ms-input-placeholder, .wc-block-components-text-input input[type=url]:focus:-ms-input-placeholder {
color: var(--primary-color) !important;
}
.woocommerce form .form-row .input-text:focus:-moz-placeholder,
.woocommerce-account .woocommerce-EditAccountForm .form-row input.input-text:focus:-moz-placeholder,
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=password]:focus:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus:-moz-placeholder, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus:-moz-placeholder, .wc-block-components-text-input input[type=email]:focus:-moz-placeholder, .wc-block-components-text-input input[type=number]:focus:-moz-placeholder, .wc-block-components-text-input input[type=password]:focus:-moz-placeholder, .wc-block-components-text-input input[type=tel]:focus:-moz-placeholder, .wc-block-components-text-input input[type=text]:focus:-moz-placeholder, .wc-block-components-text-input input[type=url]:focus:-moz-placeholder {
color: var(--primary-color) !important;
opacity: 1 !important;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
background-color: var(--primary-color);
color: var(--primary-btn-text-color);
border: var(--primary-color);
}
.woocommerce-orders-table tbody tr,
.woocommerce-orders-table td,
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
font-weight: 400;
border-top: 1px solid rgb(255 255 255 / 30%) !important;
}
.woocommerce-orders-table .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions  {
border-top: 0 !important;
}
.woocommerce a.button:hover {
background: transparent;
}
input#coupon_code {
max-width: 150px;
width: 100% !important;
}
table.woocommerce-cart-form__contents > tbody > tr > td > .coupon {
display: flex;
justify-content: space-between;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
position: static !important;
margin-left: 0 !important;
margin-right: 15px !important;
}
.checkbox, .radio {
display: flex;
align-items: center;
}
span.select2-selection.select2-selection--single {
height: 50px;
}
span.select2-selection.select2-selection--single > span.select2-selection__rendered {
height: 50px;
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px !important;
position: absolute !important;
top: 0px !important;
right: 10px !important;
width: 20px !important;
}
.woocommerce-result-count,
.woocommerce .woocommerce-ordering {
margin-bottom: 0 !important;
}
.woocommerce-ordering {
position: relative;
max-width: 250px;
}
.woocommerce .woocommerce-ordering select {
border: 1px solid var(--black-color);
border-radius: 0px;
padding: 10px;
background: var(--white-color)
color: var(--black-color);
}
.shop-header .woocommerce-ordering,
.shop-header .woocommerce-result-count {
margin-bottom: 0 !important;
}
.sidebar-shop h3::before {
max-width: 200px !important;
}
.woocommerce .woocommerce-result-count {
color: var(--black-color) !important;
}
form#commentform > p.comment-form-author, form#commentform > p.comment-form-email {
display: flex;
flex-direction: column;
}
form#commentform > p.comment-form-cookies-consent {
display: flex;
align-items: center;
}
form#commentform > p.comment-form-cookies-consent > input {
margin: 0;
margin-right: 15px;
}
.woocommerce-notices-wrapper,
.container {
width: 100% !important;
max-width: 1400px !important;
margin: 0 auto !important;
margin-right: auto !important;
margin-left: auto !important;
}
.shop-bar{
height: 43px;
width: 100%;
background: var(--third-color);
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.shop-bar > p, .shop-bar > form {
margin-bottom: 0 !important;
}
.shop-bar > form > select {
border-radius: 5px;
cursor: pointer;
}
.carousel-indicators [data-bs-target] {
height: 3px;
width: 30px;
background-color: var(--separator-color);
margin-left: 3px;
margin-right: 3px;
}
.carousel-indicators .active {
height: 3px;
width: 30px;
background-color: var(--primary-color);
}
.slide-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 720px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.box-logo.slider-box.righ-down-position {
position: absolute;
right: 0;
bottom: 0;
}
.slide-container > .slide-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.slide-container > .slide-content > h1 {
}
.slide-container > .slide-content > p {
margin-bottom: 20px;
}
.slide-container > .slide-content > a.button-slider {
margin-bottom: 30px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
}
@media only screen and (max-width: 350px) {
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin-bottom: 15px !important;
}
}
.wishlist-title.wishlist-title-with-form {
display: none !important;
}
.woocommerce button.button.alt {
width: 100% !important;
max-width: 380px;
}
.woocommerce-button.button.view.order-actions-button {
max-width: 150px !important;
min-width: unset !important;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a:hover{
min-width: auto !important;
}
@media only screen and (max-width: 1100px) {
.woocommerce-ResetPassword button,
.product-content-box .add_to_cart_button,
.card-body-outer .product-loop-actions-container a,
.woocommerce-button,
.product-add-to-cart a.add_to_cart_button,
.product-add-to-cart .button.product_type_variable.add_to_cart_button.yith-wcwl-themed-button-style,
.xoo-wsc-ft-buttons-cont a,
.container-formularz-form .form-group.recaptcha-group input[type="submit"],
.newsletter .wpcf7-form-control.wpcf7-submit,
.woocommerce-address-fields p button.button,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce #respond input#submit,
.comment-form p.form-submit input,
.product-add-to-cart a.product_type_simple.add_to_cart_button,
.wc-block-components-totals-coupon__form button,
.wc-block-cart__submit-container a,
.woocommerce button.button.alt,
.checkout_coupon.woocommerce-form-coupon button,
.wc-block-checkout__actions_row button,
.woocommerce table.my_account_orders .button,
.woocommerce-info a.button.wc-forward,
.wpfFilterButton.wpfButton,
.remove_from_wishlist.button,
.close-button-filters,
.wc-block-components-notice-banner__content a.button.wc-forward,
.wc-block-components-notice-banner__content a{
font-size: 20px !important;
padding: 0px 20px !important;
}
}
.close-button-filters {
margin-bottom: 0 !important;
min-width: unset !important;
width: 100% !important;
max-width: 170px !important;
align-items: center;
gap: 10px;
cursor: pointer !important;
display: none !important;
}
.woocommerce-Address a.edit {
width: 100% !important;
max-width: 360px !important;
min-width: unset !important;
}
body.single-product div[id^="product-"] form.cart .single_add_to_cart_button {
background-color: var(--primary-color) !important;
color: var(--white-color) !important;
border: 1px solid var(--primary-color) !important;
box-shadow: none !important; 
transition: all 0.3s ease !important;
opacity: 1 !important;
cursor: pointer !important;
}
body.single-product div[id^="product-"] form.cart .single_add_to_cart_button:not(.disabled):hover {
background-color: transparent !important;
color: var(--primary-color) !important;
border: 1px solid var(--primary-color) !important; 
box-shadow: var(--box-shadow-hover) !important;
}
body.single-product div[id^="product-"] form.cart .single_add_to_cart_button.disabled {
cursor: not-allowed !important;
} .wpb-woo-products-slider figcaption a.button, .wpb-woo-products-slider.owl-theme .owl-dots .owl-dot.active span, .wpb-woo-products-slider.owl-theme .owl-dots .owl-dot:hover span {
background: var(--primary-color) !important;
}
.grid_no_animation .pro_price_area {
color: var(--primary-color) !important;
}
.woocommerce span.onsale {
background-color: var(--primary-color) !important;
} .woocommerce-MyAccount-content abbr.required {
color: var(--primary-color) !important;
}
.woocommerce-EditAccountForm {
margin: 0 auto !important;
}
.woocommerce-EditAccountForm label {
font-size: 16px !important;
color: var(--black-color) !important;
font-weight: 500 !important;
margin-bottom: 5px !important;
display: block !important;
}
.woocommerce-address-fields__field-wrapper .form-row {
flex: 1 1 48% !important;
}
.woocommerce-address-fields__field-wrapper .form-row-wide {
flex: 1 1 100% !important;
}
.woocommerce-MyAccount-content .input-text,
.woocommerce-EditAccountForm .input-text, 
.woocommerce-EditAccountForm .woocommerce-Input {
width: 100% !important;
padding: 12px !important;
border: 1px solid var(--grey-color) !important;
border-radius: 5px !important;
font-size: 16px !important;
color: var(--black-color) !important;
background-color: var(--third-color) !important;
transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.woocommerce-EditAccountForm .input-text:focus, 
.woocommerce-EditAccountForm .woocommerce-Input:focus {
border-color: var(--primary-color) !important;
box-shadow: 0 0 8px rgba(160, 29, 34, 0.2) !important;
}
.woocommerce-EditAccountForm .form-row {
margin-bottom: 20px !important;
}
.woocommerce-EditAccountForm legend {
color: var(--black-color) !important;
font-weight: 600 !important;
margin-bottom: 15px !important;
}
.woocommerce-EditAccountForm .password-input {
position: relative !important;
}
.woocommerce-account .woocommerce-MyAccount-content mark {
font-weight: 400 !important;
}
.woocommerce-MyAccount-content label {
font-weight: 400 !important;
margin-bottom: 5px !important;
display: block !important;
color: var(--white-color) !important;
}
.woocommerce-EditAccountForm .show-password-input {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
cursor: pointer !important;
color: var(--link-color) !important;
}
.woocommerce-EditAccountForm em {
color: var(--link-color) !important;
display: block !important;
margin-top: 5px !important;
}
.woocommerce-orders-table {
width: 100% !important;
border-collapse: collapse !important;
margin-top: 20px !important;
}
.woocommerce-orders-table thead {
background-color: var(--grey-color) !important;
color: var(--white-color) !important;
}
.woocommerce-MyAccount-content .form-row input::placeholder,
.woocommerce-MyAccount-content .form-row select::placeholder {
color: var(--black-color) !important;
}
.woocommerce-orders-table th {
padding: 15px !important;
text-align: left !important;
font-weight: 100 !important;
text-transform: uppercase !important;
}
.woocommerce-orders-table tbody tr {
background-color: var(--white-color) !important;
transition: background-color 0.3s ease !important;
}
.woocommerce-orders-table tbody tr:hover {
background-color: var(--white-color) !important;
color: var(--black-color) !important;
}
.woocommerce-orders-table tbody tr:hover .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
color: var(--primary-color) !important;
}
.woocommerce-orders-table td {
padding: 15px !important;
border-bottom: 1px solid var(--separator-color) !important;
color: var(--text-color) !important;
}
.woocommerce table.shop_table th {
color: var(--primary-color);
font-family: var(--font-second) !important;
font-weight: 400;
}
.woocommerce-orders-table__cell-order-status {
font-weight: 700 !important;
color: var(--primary-color) !important;
}
.woocommerce-orders-table__cell-order-actions a {
display: inline-block !important;
margin-right: 10px !important;
padding: 8px 15px !important;
background-color: var(--primary-color) !important;
color: var(--primary-btn-text-color) !important;
text-transform: uppercase !important;
border-radius: 5px !important;
transition: background-color 0.3s ease !important;
}
.woocommerce-orders-table__cell-order-actions a:hover {
background-color: var(--text-hover-color) !important;
color: var(--secondary-btn-text-color) !important;
}
.woocommerce table.my_account_orders .button {
width: 100%;
display: flex !important;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 769px) {
.woocommerce-address-fields__field-wrapper {
flex-direction: column !important;
}
.woocommerce-address-fields__field-wrapper .form-row,
.woocommerce-address-fields__field-wrapper .form-row-wide {
flex: 1 1 100% !important;
margin-bottom: 15px !important;
}
.woocommerce-EditAccountForm .form-row {
width: 100% !important;
margin-bottom: 15px !important;
}
.woocommerce-orders-table th,
.woocommerce-orders-table td {
padding: 10px !important;
}
.woocommerce-orders-table tbody tr {
display: block !important;
margin-bottom: 10px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
border-bottom: 1px solid rgb(0 0 0 / 30%);
}
.woocommerce-orders-table__cell {
display: flex !important;
justify-content: space-between !important;
padding: 10px !important;
border-bottom: none !important;
}
.woocommerce-orders-table__cell[data-title]:before {
content: attr(data-title) !important;
}
} body.woocommerce-account .container .woocommerce {
display: flex;
flex-direction: column;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-MyAccount-navigation {
padding-bottom: 30px !important;
margin-bottom: 30px !important;
}
.woocommerce-MyAccount-navigation ul li,
.woocommerce form.register,
.woocommerce form.login {
background-color: var(--primary-bg-color) !important;
border-radius: 10px !important;
box-shadow: var(--header-shadow) !important;
}
.woocommerce-MyAccount-navigation ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex;
justify-content: start;
gap: 25px;
}
.woocommerce-MyAccount-navigation ul li:last-child {
margin-bottom: 0 !important;
}
.woocommerce-MyAccount-navigation ul li a {
display: block !important;
padding: 12px 20px !important;
color: var(--primary-color) !important;
border: 1px solid var(--primary-color);
background-color: transparent !important;
text-decoration: none !important;
border-radius: 0px;
transition: background-color 0.3s ease, color 0.3s ease !important;
font-weight: 500 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
font-family: var(--font-main) !important;
}
.woocommerce-MyAccount-navigation ul li a:hover {
background:  var(--primary-color) !important;
color: var(--white-color) !important;
border: 1px solid var(--primary-color);
}
.woocommerce-MyAccount-navigation ul li.is-active a {
background: var(--primary-color) !important;
color: var(--white-color) !important;
border: 1px solid var(--primary-color);
font-weight: 400 !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
font-family: 'Font Awesome 5 Pro';
color: var(--primary-color);
font-weight: 900;
line-height: 24px !important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
content: "\f095";
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
content: "\f0e0";
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
display: flex !important;
gap: 5px !important;
} .woocommerce-customer-details--phone {
margin-top: 15px !important;
}
.woocommerce-MyAccount-content .woocommerce-customer-details--email,
.woocommerce-MyAccount-content .woocommerce-customer-details--phone {
margin-bottom: 0 !important;
}
.woocommerce-Addresses {
display: flex !important;
justify-content: start;
flex-direction: row;
width: 100% !important;
}
.woocommerce-Address-title {
display: flex;
margin-bottom: 20px !important;
justify-content: start;
flex-direction: column;
}
.woocommerce-Address-title h3 {
color: var(--primary-color) !important;
font-weight: 600 !important;
}
.woocommerce-Address-title .edit {
color: var(--link-color) !important;
text-decoration: none !important;
transition: color 0.3s ease !important;
}
.woocommerce-Address-title .edit:hover {
color: var(--text-hover-color) !important;
}
.woocommerce-Address address {
color: var(--text-color) !important;
white-space: pre-line !important;
}
.wc-block-components-product-metadata__description{
display: none !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
border-top: 3px solid var(--primary-color) !important;
padding: 2em 2em 2em 3.5em !important;
background: transparent !important;
color: var(--black-color) !important;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
top: 2em !important;
}
.woocommerce-info::before {
color: var(--primary-color) !important;
}
@media only screen and (max-width: 992px) {
.woocommerce-MyAccount-navigation ul {
flex-direction: column;
gap: 15px;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 769px) {
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {
flex-direction: column !important;
}
.woocommerce-EditAccountForm {
padding: 0 !important;
}
.woocommerce-Addresses {
flex-direction: column;
}
.woocommerce-MyAccount-navigation ul li a {
padding: 10px 15px !important;
}
.woocommerce-Address {
width: 100% !important;
margin-bottom: 20px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
display: flex !important;
justify-content: left !important;
gap: 25px !important;
flex-direction: column !important;
padding: 2em 2em 2em 3.5em !important;
}
.woocommerce-Address {
background-color: transparent !important;
padding: 0px !important;
border-radius: 10px !important;
box-shadow: unset !important; 
}
.woocommerce-Address h2 {
font-size: 24px !important;
}
}
.wc-block-components-text-input input[type=text] {
height: 50px !important;
border-radius: 0 !important;
}
.woocommerce form .input-checkbox:focus,
.woocommerce form .woocommerce-form__input-checkbox:focus,
.woocommerce-checkout input[type="checkbox"]:focus,
.woocommerce-cart input[type="checkbox"]:focus,
.woocommerce-MyAccount-content input[type="checkbox"]:focus {
outline: none !important;
outline-offset: none !important;
border: 2px solid var(--primary-color);
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
background: var(--primary-color) !important;
border: 1px solid var(--primary-color) !important;
} .wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: white !important;
font-weight: 700 !important;
height: 1.325em !important;
margin-left: .1375em !important;
margin-top: 0.025em !important;
width: 1.325em !important; 
}
input[type=checkbox] {
margin-top: 0 !important;
}
.woocommerce-form__input-checkbox {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 16px;
height: 16px;
border: 1px solid var(--black-color);
background-color: white !important;
transition: background-color 0.3s ease, border-color 0.3s ease;
cursor: pointer;
display: inline-block;
position: relative;
}
.woocommerce-form__input-checkbox:checked {
background-color: var(--primary-color) !important;
border-color: var(--primary-color) !important;
}
.woocommerce-form__input-checkbox:checked::after {
content: "✔";
font-size: 12px;
color: white; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
} .
.is-large .wc-block-checkout__sidebar {
top: 124px !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: var(--color-black) !important;
}
.woocommerce div.product form.cart {
margin-bottom: 0 !important;
} ul.products.columns-4 {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 5px;
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce ul.products::before {
display: none !important;
}
.product-card .add_to_cart_button {
padding-top: 0 !important;
padding: 0 20px;
width: fit-content;
height: 36px;
line-height: 36px;
max-width: none !important;
min-width: auto;
font-size: 1rem !important;
transition: background-color ease-in-out .2s, color ease-in-out .2s !important;
}
.btn-primary a.added {
display: none !important;
}
.product-card .add_to_cart_button.added,
.product-card .add_to_cart_button.loading {
font-size: 0 !important;
}
.product-card .add_to_cart_button.added::after {
content: "Dodano do koszyka";
font-size: 1rem !important;
}
.product-card .add_to_cart_button.loading::after {
content: "Dodawanie...";
font-size: 1rem !important;
}
.xoo-wsch-basket {
display: none !important;
}
.added_to_cart {
display: none;
}
.products-section>.container {
position: relative;
}
.products-section>.container>.swiper-initialized {
position: relative;
overflow-x: hidden;
}
.products-section .swiper-button-next,
.products-section .swiper-button-prev {
color: var(--secondary-color);
} .product-details-section .wishlist-icon-wrapper .fa-heart-o:hover::before {
font-weight: 700 !important;
}
.wishlist-icon-wrapper .yith-wcwl-add-button a {
background-color: transparent  !important;
font-weight: 400  !important;
transition: all 0.3s ease  !important; 
}
.wishlist-icon-wrapper .yith-wcwl-add-button a:hover .yith-wcwl-icon {
color: var(--primary-color)  !important;
font-weight: 700  !important;
}
.yith-wcwl-wishlistexistsbrowse {
display: flex !important;
flex-direction: row-reverse !important;
gap: 10px !important;
align-items: center !important;
justify-content: center !important;
}
.yith-wcwl-wishlistaddedbrowse .feedback .yith-wcwl-icon.fa-heart,
.yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon.fa-heart {
color: var(--primary-color)  !important;
font-weight: 700 !important;
}
.yith-wcwl-wishlistaddedbrowse {
flex-direction: row-reverse !important;
gap: 5px !important;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0 !important;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
display: flex;
flex-direction: column;
align-items: center;
z-index: 99999999;
position: relative;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button .separator,
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button .view-wishlist {
display: none !important;
} .card-body-outer {
background: var(--black-color);
border-radius: 0px;
border: 1px solid var(--black-color);
box-shadow: 0px 0px 5px 0px var(--primary-color);
transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.card-body-outer:hover {
border-color: var(--primary-color);
box-shadow: 0px 0px 15px 0px var(--primary-color);
}
.card-body-outer .btn-primary a{
align-items: center !important;
gap: 15px;
}
.card-body-outer .card-title {
font-size: 16px !important;
}
.card-body-outer .produkt-image {
width: 100%;
height: 100%;
max-height: 300px;
overflow: hidden;
border-radius: 0px;
}
.card-body-outer .produkt-image img {
width: 100%;
object-fit: cover;
height: 100%;
transition: transform 0.3s ease-in-out;
}
.card-body-outer:hover .produkt-image img {
transform: scale(1.1);
}
.card-body-outer .wc-price-history.prior-price.lowest {
display: none !important;
}
.card-body-outer .card-body {
padding: 0 15px 15px 15px;
}
.section-title {
font-size: 2rem;
margin-bottom: 1rem;
position: relative;
}
.card-body-outer .product-loop-actions-container a.added_to_cart.wc-forward {
display: none !important;
}
.produkt-title-before {
margin-bottom: 45px;
position: relative;
text-align: center !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
color: var(--light-grey) !important;
margin-bottom: 0 !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 {
margin: 0px 0;
font-size: 36px !important;
color: var(--primary-color) !important;
display: flex; 
}
.woocommerce-variation.single_variation {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
}
.woocommerce-variation-description {
position: absolute;
}
del .woocommerce-Price-amount.amount bdi span,
del .woocommerce-Price-amount.amount bdi {
font-size: 18px !important;
color: var(--black-color) !important;
}
del {
text-decoration: none !important; 
position: relative; 
opacity: 1 !important;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
opacity: 1 !important;
}
del::after {
content: '';
position: absolute;
height: 2px;
background-color: black;
transform: translateY(-50%);
width: 92%;
top: 50%;
left: 6%;
}
.varations-container .price del::after {
top: 55%;
}
.woocommerce-Price-amount.amount bdi,
ins {
text-decoration: unset !important;
font-size: 36px !important;
margin-left: 10px !important;
font-weight: 700 !important;
}
.xoo-wsc-container .woocommerce-Price-amount.amount bdi,
.xoo-wsc-container ins {
font-size: 16px !important;
margin-left: 0px !important;
font-weight: 400 !important;
}
@media only screen and (max-width: 1400px) {
.woocommerce-Price-amount.amount bdi,
ins {
text-decoration: unset !important;
font-size: 28px !important;
margin-left: 7px !important;
}
}
#order_review bdi,
#order_review ins,
.woocommerce-table__product-total.product-total .woocommerce-Price-amount.amount bdi,
.woocommerce-table__product-total.product-total .woocommerce-Price-amount.amount ins,
.woocommerce-order ins,
.woocommerce-order .woocommerce-Price-amount.amount bdi {
margin-left: 0px !important;
font-size: 16px !important;
}
.produkt-title-before::before {
content: '';
display: block;
width: 100%;
max-width: 400px !important;
height: 4px;
background-image: url(//toolvita.pl/wp-content/uploads/2024/11/element-pod-naglowek.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.before-content img {
width: 50px;
height: auto;
}
.woocommerce.columns-4 .card-body .card-title a {
color: var(--white-color) !important;
}
.woocommerce.columns-4 .card-body .card-title a:hover {
color: var(--primary-color) !important;
}
@media (max-width: 1050px) {
ul.products.columns-4 {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 768px) {
ul.products.columns-4 {
margin: 0 0 0 0px;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 300px) {
ul.products.columns-4 {
grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}
@media only screen and (max-width: 600px) {
body.single-product .woocommerce-variation-price .woocommerce-Price-amount.amount bdi,
body.single-product .woocommerce-variation-price ins {
margin-left: 0 !important;
}
}
.product-details-section .product-details-availibility {
margin-bottom: 15px !important;
}
.product-details-section .wishlist-icon-wrapper.single-product-wishlist {
position: relative !important;
top: 0 !important;
right: 0 !important;
}
.product-stock-status-negative,
.product-stock-status {
position: relative;
font-size: 14px !important;
padding-left: 1.5rem !important;
position: relative !important;
margin-bottom: 0 !important;
align-items: center;
}
body.page-id-114 .product-stock-status-negative::before,
body.page-id-114 .product-stock-status::before {
display: none !important;
}
.product-stock-status-negative::before,
.product-stock-status::before {
content: "\f111";
position: absolute;
font-size: 12px !important;
left: 0;
font-family: 'FontAwesome';
}
.product-stock-status::before {
color: green !important;
}
.wc-block-components-quantity-selector {
background: rgb(77 77 77);
border-radius: 5px;
}
.single_variation_wrap .wc-block-components-quantity-selector__input:hover {
color: var(--black-color);
}
.is-large.wc-block-cart .wc-block-cart-items  {
border-bottom: 1px solid var(--primary-color) !important;
}
.single_variation_wrap .wc-block-components-quantity-selector__input:focus {
outline: none;
}
.weights-options {
display: flex;
gap: 10px;
margin: 10px 0;
flex-direction: row-reverse;
}
.weight-option {
padding: 10px 20px;
border: 1px solid #888888;
background-color: #f9f9f9;
cursor: pointer;
font-size: 14px;
transition: all 0.3s ease;
border-radius: 5px;
background: transparent;
}
.weight-option:hover,
.weight-option.selected {
background: white;
}
.recaptacha-container {
display: flex;
align-items: center;
}
.product-card-inner .product-title {
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 500 !important;
text-align: left !important;
min-height: 38px;
}
@media only screen and (max-width: 1400px) {
.product-card-inner .product-title {
font-size: 14px !important;
line-height: 18px !important;
margin-bottom: 5px !important;
}
.product-card-inner .price {
margin-bottom: 10px !important;
}
.product-card-default .product-category-name, .product-card-esoteric .product-category-name {
font-size: 14px !important;
margin-bottom: 5px !important;
}
}
@media only screen and (min-width: 992px) {
.product-title-mobile {
display: none !important;
}
}
@media only screen and (max-width: 992px) {
.product-layout-container  {
flex-direction: column;
display: flex !important;
gap: unset !important;
}
#product-single-images {
position: relative !important;
top: unset;
flex-direction: column;
}
.product-title-destkop {
display: none !important;
}
}
@media only screen and (max-width: 769px) {
.product.type-product {
position: relative !important;
}
.product-details-section .product-details-availibility {
width: 100%;
}
.product.type-product .product-details-section .product-title  {
display: none;
}
.product.type-product .product-details-section .product-description  {
margin-top: 0px !important;
}
.thumbnails-wrapper .swiper-slide {
height: 120px !important;
}
#product-single-images {
justify-content: space-between !important;
flex-direction: column !important;
margin-bottom: 0 !important;
gap: 15px !important;
height: 100% !important;
}
.thumbnails-wrapper .swiper-wrapper {
flex-direction: row !important;
max-width: 100% !important;
margin: unset;
gap: 0px !important;
width: 100%;
height: unset !important;
}
.thumbnails-wrapper {
width: 100%;
height: unset;
overflow: hidden;
}
.thumbnails-wrapper .swiper-slide img {
width: 100%;
height: 100%;
max-height: 120px;
max-width: 120px;
}
.thumbnails-wrapper .swiper-slide {
width: unset !important;
}
.product-title.product-title-mobile {
line-height: 36px !important;
padding: 0px 0 25px !important;
}
}
@media only screen and (max-width: 500px) {
.product-title.product-title-mobile {
line-height: 32px !important;
}
}
#wpfront-scroll-top-container {
right: 12px !important;
bottom: 12px !important;
} .product-description {
display: flex;
flex-direction: column;
align-items: flex-start;
} .woocommerce ul.products li.product {
width: 100%;
margin-bottom: 0 !important;
}
.wishlist-icon-wrapper {
top: 15px;
right: 15px;
z-index: 5;
}
.product-card-esoteric .product-image-wrapper img{
width: 100%;
height: 100%;
object-fit: contain;
max-height: 250px;
background-color: var(--white-color);
}
.product-card-inner .iworks-omnibus {
display: none !important;
}
.product-card-inner {
border: 1px solid #00000020;
transition: all 0.3s ease-in-out;
}
.product-image-wrapper {
overflow: hidden;
height: 250px;
}
.product-image-wrapper img {
transition: transform 0.3s ease-in-out;
transform-origin: center center;
}
.product-card-inner:hover {
border-color: var(--primary-color, #d4a017);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.product-card-inner:hover .product-image-wrapper img {
transform: scale(1.03);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: var(--primary-color) !important;
}
.woocommerce ul.products li.product a img {
height: 100%;
margin: 0 !important;
}
.product-card-default .product-image-link,
.product-card-esoteric .product-image-link {
max-height: 250px;
}
.product-card-default .product-content-box,
.product-card-esoteric .product-content-box {
background-color: var(--white-color);
}
.product-card-default .product-category-name,
.product-card-esoteric .product-category-name {
transition: color 0.3s ease;
font-family: var(--font-second);
}
.product-card-default .product-category-name:hover,
.product-card-esoteric .product-category-name:hover {
color: var(--primary-color) !important;
}
.woocommerce .product-card-esoteric .add_to_cart_button:hover {
color: var(--black-color) !important;
}
.variations-container .pricea,
.variations-container .woocommerce-product-details__short-description,
.variations-container .product_title.entry-title,
.variations-container .product_meta {
display: none !important;
}
.woo-variation-swatches .wvs-style-rounded.variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span, .woo-variation-swatches .wvs-style-rounded.variable-items-wrapper .variable-item:not(.radio-variable-item) img {
line-height: 2 !important;
}
.loop-variation-buttons-wrapper a {
padding:  5px 10px !important;
}
.loop-variation-buttons-wrapper a,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
background-color: unset !important;
border: 1px solid var(--white-color) !important;
box-shadow: unset !important;
border-radius: 0 !important;
color: var(--white-color);
width: fit-content !important;
font-size: 28px !important;
line-height: 32px !important;
font-family: var(--font-second) !important;
padding: 8px 15px !important;
height: 50px !important;
}
.loop-variation-buttons-wrapper a:hover,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
background: var(--white-color) !important;
border: 1px solid var(--white-color) !important;
color: var(--black-color) !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
outline: none !important;
background: var(--white-color) !important;
border: 1px solid var(--white-color) !important;
box-shadow: unset !important;
}
.variations-container {
width: 100%;
}
.variable-item.button-variable-item {
height: 40px !important;
width: 100% !important; 
max-width: 80px !important;
border-radius: 10px !important;
margin: 0 !important;
padding: 0 !important;
}
ul.variable-items-wrapper.button-variable-items-wrapper  {
gap: 7px;
justify-content: flex-start;
margin-bottom: 25px !important;
}
body.single-product .product-type-variable .variations-container p.price {
display: none !important;
}
.iworks-omnibus {
margin-bottom: 0 !important;
display: flex;
justify-content: right;
align-items: center;
gap: 5px;
}
.iworks-omnibus,
.iworks-omnibus .woocommerce-Price-amount.amount bdi {
font-size: 12px !important;
}
.iworks-omnibus .woocommerce-Price-amount.amount bdi{
margin-left: 1px !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
color: var(--primary-color) !important;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block {
margin-bottom: 0 !important;
} .wc-block-components-quantity-selector,
.quantity {
display: flex;
margin: 0 !important;
align-items: center;
justify-content: center;
border: 1px solid var(--black-color) !important;
border-radius: 0px !important;
width: fit-content;
background: var(--white-color);
height: 50px;
padding: 0 !important;
} .wc-block-components-quantity-selector .wc-block-components-quantity-selector__input,
.quantity input.qty {
width: 50px; 
text-align: center;
font-size: 16px;
border: none;
outline: none;
margin: 0;
order: 2; 
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input,
.quantity input.qty {
-moz-appearance: textfield;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input,
.woocommerce .quantity .qty {
background: var(--white-color);
color: var(--black-color);
font-family: var(--font-main) !important;
font-size: 26px !important;
padding: 0 !important;
padding-bottom: 0px;
width: 80px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__input {
font-size: 18px !important;
width: 50px !important;
height: 30px;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.quantity button {
border: none;
padding: 10px;
cursor: pointer;
font-size: 18px !important;
width: 35px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s;
background: transparent !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--plus,
.quantity button.qty-plus {
border-left: 1px solid var(--black-color) !important;
order: 3;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button--minus,
.quantity button.qty-minus {
border-radius: 0px !important;
border-right: 1px solid var(--black-color) !important;
order: 1;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button,
.quantity button.qty-minus,
.quantity button.qty-plus {
border-top: 1px solid var(--black-color) !important;
border-bottom: 1px solid var(--black-color) !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover,
.quantity button:hover {
background: var(--primary-color) !important;
color: var(--white-color) !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: var(--white-color) !important;
color: var(--black-color) !important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus {
box-shadow: unset !important;
}
.wc-block-components-quantity-selector,
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
height: 30px;
}
.wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--plus {
border-radius: 0 !important;
}
.varations-container form,
.woocommerce-variation-add-to-cart,
.varations-container form.cart button.single_add_to_cart_button,
.varations-container form.cart button.add-to-cart {
width: 100% !important;
max-width: 100% !important;
}
.product_meta,
.varations-container .woocommerce div.product form.cart::after, 
.varations-container .woocommerce div.product form.cart::before {
display: none !important;
}
.woocommerce-variation-add-to-cart.variations_button {
display: flex !important;
gap: 20px !important;
margin-top: 40px !important;
}
.variations .label {
display: flex;
align-items: baseline;
gap: 0.5em;
}
.variations .label label {
color: var(--white-color);
font-size: 24px;
margin: 0 !important;
line-height: 60px;
}
.variations .label .woo-selected-variation-item-name {
color: var(--primary-color); 
font-size: 36px;
line-height: 48px;
margin: 0 0 0 10px !important;
}
.variations .label .woo-selected-variation-item-name .colon-separator {
color: var(--white-color);  
font-size: 24px;        
}
.product-description ul {
padding-left: 20px;
}
.size-table-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
display: flex;
justify-content: center;
align-items: center;
z-index: 99999;
padding: 20px;
}
#close-size-table-popup i:hover {
color: var(--primary-color);
}
.size-table-popup-content {
background-color: #000000;
padding: 40px;
border-radius: 5px;
position: relative;
color: var(--white-color);
max-width: 900px;
width: 100%;
max-height: 90vh;
overflow-y: auto;
}
.size-table-popup-close-btn {
position: absolute;
top: 15px;
right: 20px;
background: none;
border: none;
color: var(--white-color);
font-size: 28px;
cursor: pointer;
}
.size-table-popup-content .popup-title {
text-align: left;
margin-bottom: 30px;
font-size: 32px;
}
.size-table-popup-content .table-wrapper {
margin-bottom: 30px;
}
.size-table-popup-content .table-subtitle {
font-size: 24px;
margin-bottom: 15px;
}
.size-table-popup-content .size-table {
width: 100%;
border-collapse: collapse;
color: var(--white-color);
}
.size-table-popup-content .size-table th,
.size-table-popup-content .size-table td {
border: 1px solid var(--white-color);
padding: 8px 12px;
text-align: center;
min-height: 40px;
}
.size-table-popup-content .size-table th {
font-weight: bold;
}
.size-table-popup-content .size-table td:first-child {
text-align: left;
font-weight: bold;
}
.size-table-trigger {
color: var(--white-color);
text-decoration: underline;
cursor: pointer;
display: none;
}
.woo-selected-variation-item-name {
margin: 0 0 0 10px;
}
.variations th.label {
display: flex !important;
justify-content: space-between !important; 
align-items: baseline !important;      
width: 100% !important;
}
@media only screen and (max-width: 400px) {
.woocommerce .quantity .qty {
width: 60px;
}
} .price-container.woocommerce-Price-amount.amount bdi, 
.price-container ins {
margin-left: 0 !important;
}
.price-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0;
margin: 10px 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.delivery-info {
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
color: var(--white-color);
}
.delivery-dot {
display: inline-block;
width: 14px;
height: 14px;
background-color: #50ff00;
border-radius: 50%;
}
.price-and-omnibus-wrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.price-and-omnibus-wrapper .price {
margin: 0;
font-weight: bold;
color: var(--primary-color);
line-height: 1;
}
.price-and-omnibus-wrapper .price del {
font-size: 22px;
opacity: 0.7;
color: var(--white-color);
margin-right: 10px;
}
.price-and-omnibus-wrapper .price ins {
text-decoration: none;
}
.omnibus-price-container {
font-size: 13px;
color: var(--white-color);
opacity: 0.8;
margin-top: 5px;
}
.product-description p {
margin-bottom: 15px !important;
} .product-details-section-sticky  {
top: 20px;
}
@media only screen and (max-height: 800px) {
.price-container {
padding: 0px 0;
margin: 0px 0;
}
.product-details-section-sticky {
top: 25px;
}
.loop-variation-buttons-wrapper a, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
font-size: 22px !important;
}
.product-shipping-policy {
margin-top: 15px !important;
}
}
@media only screen and (max-height: 760px) {
.loop-variation-buttons-wrapper a, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
font-size: 16px !important;
padding: 0px 12px !important;
height: 45px !important;
}
}
@media only screen and (max-height: 690px) {
.gallery-thumbs-vertical .thumbs-swiper {
height: 310px !important;
border-radius: 0 !important;
max-height: 100%;
}
.product-shipping-policy {
margin-top: 35px !important;
}
.woocommerce-variation-add-to-cart.variations_button {
margin-top: 20px !important;
}
.variations .label label {
font-size: 20px;
line-height: 40px;
}
.varations-container form.cart .variations {
margin-bottom: 0 !important;
}
.product-details-section-sticky {
top: 20px;
}
}
@media only screen and (max-height: 690px) and (min-width: 993px) {
.opis-glowny th,
.opis-glowny td,
.opis-glowny p,
.opis-glowny li,
.product-description p {
font-size: 14px !important; 
}
}
@media only screen and (max-height: 650px) {
.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: 0px 0;
font-size: 30px !important;
color: var(--primary-color) !important;
}
}
.woocommerce div.product p.stock {
margin-bottom: 10px !important;
font-size: 12px !important;
} @media only screen and  (min-width: 650px) and (max-width: 992.98px) {
.thumbs-swiper .swiper-slide {
margin-right: 5px !important;
}
}
@media only screen and (max-width: 1250px) {
.shop-controls {
margin-top: 35px;
}
.product-description p {
margin-bottom: 5px !important;
margin-top: 0 !important;
}
}
@media only screen and (min-width: 993px) and (max-width: 1250px) {
.product-container-outer {
gap: 25px !important;
}
.product-gallery-main-outer {
width: 50% !important;
}
}
@media only screen and (min-width: 901px) {
.shop-controls-mobile {
display: none !important;
}
}
@media only screen and (max-width: 900px) {
.shop-controls-destkop {
display: none !important;
}
}
@media only screen and (max-width: 769px) {
.shop-controls {
display: none !important;
}
.shop-controls-center {
justify-content: center !important;
align-items: center !important;
}
.subcategory-list-container .btn-secondary {
font-size: 16px !important;
}
.subcategory-list-container > div {
gap: 10px !important;
}
.subcategory-list-container h2 {
margin-bottom: 20px !important;
}
.woocommerce-result-count {
font-size: 16px !important;
text-align: center !important;
}
.shop-controls-mobile {
margin-top: 10px !important;
}
.shop-header-custom {
margin-bottom: 30px !important;
}
}
@media only screen and (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100% !important;
}
}
.subcategory-list-container {
margin-bottom: 140px !important;
}  .sticky-sorting-container {
width: fit-content;
position: fixed;
padding: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 999;
display: flex;
flex-direction: column;
align-items: flex-end;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.sticky-sorting-container.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .sticky-filter-btn {
position: fixed;
left: 0px;
top: 50%;
transform: translateY(-50%);
height: 50px;
width: 50px;
background: var(--black-color);
border: 2px solid var(--white-color);
border-radius: 0px;
color: var(--white-color);
font-size: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
z-index: 1001;
opacity: 0;
visibility: hidden;
pointer-events: none;
padding: 0 13px;
white-space: nowrap;
overflow: hidden;
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
background 0.3s ease, 
opacity 0.3s ease, 
visibility 0.3s ease;
}
.sticky-filter-btn.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.sticky-filter-btn i {
flex-shrink: 0;
transition: color 0.3s ease;
} .sticky-filter-btn:hover {
background: var(--primary-color);
width: 160px;
}
.sticky-filter-btn:hover i {
color: var(--black-color);
} .sticky-filter-btn .tooltip-text {
opacity: 0;
margin-left: 0px;
transition: opacity 0.3s ease 0.15s, margin-left 0.3s ease 0.15s;
font-family: var(--font-second);
font-size: 16px;
color: var(--white-color);
white-space: nowrap;
flex-shrink: 0;
}
.wc-block-components-text-input.wc-block-components-totals-coupon__input,
.woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {
font-family: var(--font-second) !important;
font-weight: 300 !important;
}
.sticky-filter-btn:hover .tooltip-text {
opacity: 1;
margin-left: 12px;
}
.sticky-sorting-btn {
height: 50px;
width: 50px;
background: var(--black-color);
border: 2px solid var(--white-color);
border-radius: 0px;
color: var(--white-color);
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0 15px;
white-space: nowrap;
overflow: hidden;
transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
background 0.3s ease,
justify-content 0.4s ease;
position: relative;
}
.sticky-sorting-btn > i.fa-chevrons-down {
flex-shrink: 0;
transition: color 0.3s ease;
order: 1;
opacity: 1;
}
.sticky-sorting-btn > div {
display: flex;
align-items: center;
gap: 8px;
opacity: 0;
width: 0;
overflow: hidden;
transition: opacity 0.3s ease 0.15s, width 0.3s ease;
order: 2;
margin-left: 0;
}
.sticky-sorting-btn .sorting-text {
font-family: var(--font-second);
font-size: 16px;
color: var(--black-color);
white-space: nowrap;
flex-shrink: 0;
}
.sticky-sorting-btn > div > i {
font-size: 20px;
flex-shrink: 0;
transition: transform 0.3s ease, color 0.3s ease;
color: var(--black-color);
}
.sticky-sorting-container.dropdown-open .sticky-sorting-btn,
.sticky-sorting-container:hover .sticky-sorting-btn {
background: var(--primary-color);
width: 220px;
color: var(--white-color);
}
.sticky-filter-btn.is-visible i,
.sticky-sorting-btn > i.fa-chevrons-down {
color: var(--white-color);
}
.sticky-sorting-container.dropdown-open .sorting-text,
.sticky-sorting-container.dropdown-open i,
.sticky-sorting-container.dropdown-open .sticky-sorting-btn > i.fa-chevrons-down,
.sticky-sorting-btn:hover i,
.sticky-sorting-btn:hover .sorting-text,
.sticky-filter-btn:hover i,
.sticky-sorting-container:hover .sticky-sorting-btn > i.fa-chevrons-down {
color: var(--white-color);
}
.sticky-sorting-container:hover .sticky-sorting-btn > div {
opacity: 1;
width: auto;
} .sticky-sorting-container.dropdown-open .sticky-sorting-btn > div {
opacity: 1;
width: auto;
} .sticky-sorting-container.dropdown-open .sticky-sorting-btn > div > i {
transform: rotate(180deg);
} #sticky-sorting-dropdown {
position: relative;
background: var(--white-color);
border: 2px solid var(--white-color);
border-top: none;
border-radius: 0px;
padding: 0;
width: 220px;
box-shadow: var(--box-shadow-hover);
opacity: 0;
visibility: hidden;
max-height: 0;
overflow: hidden;
transition: opacity 0.3s ease, 
visibility 0.3s ease, 
max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
margin-top: 0;
}
.sticky-sorting-container.dropdown-open #sticky-sorting-dropdown {
opacity: 1;
visibility: visible;
max-height: 400px;
margin-top: 0px;
}
#sticky-sorting-dropdown a {
display: block;
padding: 12px 20px;
color: var(--black-color);
text-decoration: none;
font-family: var(--font-second);
transition: background 0.2s ease, color 0.2s ease;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
#sticky-sorting-dropdown a:last-child {
border-bottom: none;
}
#sticky-sorting-dropdown a:hover {
background: var(--primary-color);
color: var(--white-color) !important;
} .custom-select-trigger {
position: relative;
padding-right: 40px;
}
.custom-select-trigger::after {
content: '\f078';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s ease;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.custom-select-wrapper.is-open .custom-select-trigger::after {
transform: translateY(-50%) rotate(180deg);
} @media (max-width: 768px) {
.sticky-filter-btn,
.sticky-sorting-btn {
height: 45px;
font-size: 18px;
}
.sticky-filter-btn {
width: 45px;
}
.sticky-filter-btn:hover {
width: 140px;
}
.sticky-sorting-btn {
width: 45px;
}
.sticky-sorting-container:hover .sticky-sorting-btn,
.sticky-sorting-container.dropdown-open .sticky-sorting-btn {
width: 160px;
}
#sticky-sorting-dropdown {
width: 180px;
}
}
@media (max-width: 480px) {
.sticky-filter-btn .tooltip-text,
.sticky-sorting-btn .sorting-text {
font-size: 14px;
}
} @media (max-width: 767px) {
.sticky-filter-btn,
.sticky-sorting-container {
display: none !important;
}
}
.mobile-product-bar,
.mobile-filters-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
width: 100%;
padding: 10px;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all 0.3s ease;
background: var(--black-color);
}
.mobile-product-bar.is-visible,
.mobile-filters-bar.is-visible {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.mobile-filters-container .mobile-filter-btn{
min-width: unset !important;
max-width: 50px;
border: 1px solid white !important;
}
.mobile-filters-container .mobile-filter-btn i{
transform: rotate(-90deg);
color: var(--white-color);
}
.mobile-filters-container .simple-delivery-wrapper {
display: none !important;
}
.mobile-filter-btn:active {
background: var(--primary-color);
}
#mobile-sorting-btn i,
.mobile-filter-btn i {
font-size: 20px;
color: var(--primary-color);
}
#mobile-sorting-btn:hover i,
.mobile-filter-btn:hover i {
color: var(--white-color);
}
.mobile-sorting-btn.is-open i {
transform: rotate(180deg);
}
.mobile-sorting-dropdown {
position: fixed;
bottom: 61px;
left: auto;
right: 10px;
width: auto;
background: var(--white-color);
border: unset;
border-radius: 0;
padding: 0;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: max-height 0.3s 
cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s 
ease, visibility 0.3s 
ease;
z-index: 998;
}
.mobile-sorting-dropdown.is-open {
max-height: 350px;
opacity: 1;
visibility: visible;
}
.mobile-sorting-dropdown a {
display: block;
padding: 10px 20px;
color: var(--black-color);
text-decoration: none;
font-family: var(--font-second);
font-size: 16px;
text-align: left;
transition: background 0.2s ease, color 0.2s ease;
border-bottom: 1px solid rgba(0,0,0,0.08);
background: var(--white-color);
}
.mobile-sorting-dropdown a:active,
.mobile-sorting-dropdown a:hover {
background: var(--primary-color) !important;
color: var(--white-color) !important;
}
@media (min-width: 768px) {
.mobile-filters-bar {
display: none !important;
}
}
body.mobile-filters-visible {
padding-bottom: 80px;
} .mobile-size-display {
color: var(--primary-color) !important;
font-size: 1rem;
}
.mobile-cart-btn {
width: 50px;
height: 50px;
min-width: 50px;
background: var(--primary-color) !important;
border: 2px solid var(--black-color) !important;
border-radius: 8px;
flex-shrink: 0;
}
.mobile-cart-btn i {
font-size: 20px;
color: var(--black-color);
}
.mobile-cart-btn:active {
background: var(--white-color) !important;
transform: scale(0.95);
}
@keyframes highlightPulse {
0%, 100% {
box-shadow: 0 0 0 0 var(--primary-color);
opacity: 0.7;
}
50% {
box-shadow: 0 0 0 15px var(--primary-color);
opacity: 0;
}
}
.single_add_to_cart_button.highlight-btn {
position: relative;
}
.single_add_to_cart_button.highlight-btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
animation: highlightPulse 1.5s ease-in-out;
pointer-events: none;
} .category-description-container {
padding: 0px 0px 150px;
}
.category-description-container h2 {
margin-top: 35px !important;
}
.category-description-container p {
margin-bottom: 0 !important;
}
.shop-controls-left, .shop-controls-right {
flex: 1;
}
.shop-controls-center {
flex: 2;
}
.woocommerce-ordering select.orderby {
display: none;
}
.custom-select-wrapper {
position: relative;
cursor: pointer;
}
.shop-controls-right form {
width: 100%;
max-width: 320px;
}
.custom-select-trigger {
border: 1px solid var(--primary-color);
padding: 0px 25px;
height: 50px;
color: var(--primary-color);
background-color: var(--white-color);
border-radius: 0px;
position: relative;
font-family: var(--font-second);
padding-right: 40px;
font-size: 18px;
display: flex;
align-items: center; 
justify-content: start;
}
.custom-select-trigger::after {
content: '\f078';
font-family: 'Font Awesome 6 Pro'; 
font-weight: 900; 
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.2s ease;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.custom-select-wrapper.is-open .custom-select-trigger::after {
transform: translateY(-50%) rotate(180deg);
}
.custom-options {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: var(--white-color);
border: 1px solid var(--primary-color);
box-shadow: var(--header-shadow);
border-top: none;
z-index: 100;
list-style: none;
padding: 0;
margin: 0;
display: none;
max-height: 300px;
overflow-y: auto;
}
.custom-select-wrapper.is-open .custom-options {
display: block;
}
.custom-option {
padding: 10px 25px;
color: var(--black-color);
transition: background-color 0.2s ease;
}
.custom-options li:hover {
color: var(--white-color) !important;
}
.custom-option:hover {
background-color: var(--primary-color);
}
.pagination-numbers {
display: flex;
align-items: center;
gap: 10px;
}
.custom-pagination-container {
width: 100%;
padding: 0px 0 0;
display: flex; 
justify-content: center;
align-items: center;
gap: 20px;
}
.pagination-arrow,
.pagination-numbers .page-numbers {
font-family: var(--font-main), sans-serif;
color: var(--black-color);
border: 1px solid var(--black-color);
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
transition: all 0.3s ease;
}
.pagination-arrow {
border: unset;
}
.pagination-arrow i {
font-size: 40px;
}
.pagination-numbers .dots {
border: none;
background: none;
letter-spacing: 2px;
}
.pagination-numbers .page-numbers.current {
border-color: var(--primary-color);
color: var(--primary-color);
}
.pagination-arrow:hover i,
.pagination-arrow:hover a,
.pagination-arrow:hover,
.pagination-numbers a.page-numbers:hover {
border-color: var(--primary-color);
color: var(--primary-color);
}
@media only screen and (max-width: 768px) {
.pagination-arrow i {
font-size: 32px;
}
}
@media only screen and (max-width: 400px) {
.custom-pagination-container {
gap: 7px !important;
}
.pagination-numbers { 
gap: 5px !important;
}
.pagination-arrow {
width: 30px;
height: 40px; 
}
} .faq-item {
border: 1px solid rgba(255, 255, 255, 0.3) !important;
margin-bottom: 15px !important;
transition: border-color 0.3s ease !important;
}
.faq-item:hover,
.faq-item.open {
border-color: var(--primary-color, #f0c41a) !important;
}
.faq-question {
background: transparent !important;
border: none !important;
color: var(--white-color) !important;
width: 100% !important;
text-align: left !important;
cursor: pointer !important;
font-family: var(--font-main) !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 0 !important; 
}
.faq-item:hover .faq-question,
.faq-item.open .faq-question {
color: var(--primary-color, #f0c41a) !important;
} .faq-title {
font-size: 18px !important;
padding: 30px 20px !important;
} .faq-answer-wrapper {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.4s ease-in-out !important;
}
.faq-answer-content {
color: var(--white-color) !important;
font-weight: 400 !important;
font-family: var(--font-main) !important;
border-top: 1px solid rgba(255, 255, 255, 0.3) !important;
margin: 0 20px !important;
padding: 30px 0px !important;
}
.faq-item.open .faq-answer-wrapper {
max-height: 1000px !important; 
} .faq-icon {
position: relative !important;
width: 16px !important;
height: 16px !important;
margin-right: 20px !important; }
.faq-icon::before,
.faq-icon::after {
content: '' !important;
position: absolute !important;
background-color: currentColor !important;
transition: transform 0.3s ease !important;
}
.faq-icon::before {
top: 50% !important;
left: 0 !important;
width: 100% !important;
height: 2px !important;
margin-top: -1px !important;
}
.faq-icon::after {
top: 0 !important;
left: 50% !important;
width: 2px !important;
height: 100% !important;
margin-left: -1px !important;
}
.faq-item.open .faq-icon::after {
transform: rotate(90deg) !important;
}
#product-filters-sidebar {
position: fixed !important;
top: 0 !important;
left: -500px !important;
width: 100% !important;
max-width: 380px !important;
height: 100vh !important;
z-index: 999998 !important;
transition: left 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important;
color: var(--black-color) !important;
background-color: white;
}
.filters-content {
display: flex;
flex-direction: column;
height: 100%;
max-height: calc(100vh - 100px);
overflow: hidden;
}
.filters-scrollable-content {
flex-grow: 1;
overflow-y: auto;
overflow-x: hidden;
padding-right: 10px;
margin-bottom: 20px;
}
.xoo-wsc-body::-webkit-scrollbar,
.filters-scrollable-content::-webkit-scrollbar {
width: 6px;
padding: 1px;
}
.xoo-wsc-img-col img {
border-radius: 0 !important;
}
.xoo-wsc-body::-webkit-scrollbar-track,
.filters-scrollable-content::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
background-clip: content-box; 
}
.xoo-wsc-body::-webkit-scrollbar-thumb,
.filters-scrollable-content::-webkit-scrollbar-thumb {
background-color: var(--primary-color);
border-radius: 10px;
background-clip: content-box; 
opacity: 0.8;
}
.xoo-wsc-body::-webkit-scrollbar-thumb:hover,
.filters-scrollable-content::-webkit-scrollbar-thumb:hover {
background: var(--primary-color);
opacity: 1;
}
.xoo-wsc-body,
.filters-scrollable-content {
scroll-behavior: smooth;
}
.filters-header {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #373737;
}
#product-filters-sidebar.is-open {
left: 0 !important;
}
.filter-image-background {
max-width: 380px;
height: 100dvh !important;
padding: 60px 0 0px 0px;
}
.filters-price-section {
padding-bottom: 60px;
}
@media only screen and (max-height: 760px) {
.filter-image-background {
padding: 30px 0 0px 0px;
}
.filters-price-section {
padding-bottom: 30px;
}
}
#clear-filters-btn,
#close-filters-btn {
font-family: var(--font-second);
}
#close-filters-btn {
background: transparent;
border: none;
color: var(--black-color) !important;
font-size: 18px;
cursor: pointer;
}
#close-filters-btn:hover {
color: var(--primary-color) !important;
}
#close-filters-btn i {
font-size: 24px;
}
.filters-content ul {
padding-left: 20px !important;
}
#filter-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99999;
display: none;
}
#filter-overlay.is-visible {
display: block;
}
@media only screen and (max-width: 768px) {
#product-filters-sidebar {
left: -360px !important;
width: 360px !important;
}
.filter-image-background {
max-width: 100%;
padding: 12px 0 0px 0px;
}
.filters-price-section {
padding-bottom: 30px;
}
#close-filters-btn {
font-size: 15px;
}
#price-filter-form .price-input {
font-size: 12px !important;
}
}
@media only screen and (max-width: 380px) {
#product-filters-sidebar {
left: -330px !important;
width: 330px !important;
}
.filter-image-background {
max-width: 100%;
padding: 20px 0 0px 0px;
}
.filters-price-section {
padding-bottom: 20px;
}
} #price-filter-form .form-label {
color: var(--black-color);
font-size: 16px;
font-family: var(--font-second);
} #price-filter-form .price-input {
background: transparent !important;
color: var(--black-color) !important;
border: 1px solid var(--primary-color) !important;
text-align: center !important;
font-family: var(--font-second) !important;
border-radius: 0 !important;
padding: 10px !important;
font-size: 16px;
}
#price-filter-form .price-input::placeholder {
color: var(--black-color) !important;
}
#price-filter-form .price-input:focus {
background: transparent !important;
color: var(--black-color) !important;
border-color: var(--primary-color) !important;
box-shadow: none !important;
}
button[type=submit]:not(:disabled).btn-apply-filters  {
color: var(--white-color) !important;
}
button[type=submit]:not(:disabled).btn-apply-filters:hover  {
color: var(--black-color) !important;
}
#price-filter-form .price-input::-webkit-outer-spin-button,
#price-filter-form .price-input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
#price-filter-form .price-input {
-moz-appearance: textfield !important;
} .filter-arrow {
font-size: 10px;
transition: transform 0.3s ease;
}
.filter-arrow.rotated {
transform: rotate(90deg);
}
a.active-filter {
color: var(--primary-color) !important;
font-weight: bold;
}
a.active-filter-parent {
color: var(--primary-color) !important;
} .modal-styrium .modal-body {
padding: 80px 38px;
}
#wielopaczka-header-modal {
cursor: pointer;
}
.custom-modal-close,
.custom-modal-close i {
background: transparent;
border: none;
color: var(--white-color);
font-size: 32px;
cursor: pointer;
position: absolute;
top: 2rem;
right: 2rem;
z-index: 1060; 
transition: color 0.2s ease-in-out;
}
.custom-modal-close i:hover {
color: var(--primary-color);
}
@media only screen and (max-width: 992px) {
.modal-styrium .modal-body {
padding: 50px;
}
.custom-modal-close,
.custom-modal-close i {
top: 10px;
right: 10px;
}
#wielopaczkaModal h2 {
margin-bottom: 25px !important;
}
}
.text-section-styled p:last-child {
margin-bottom: 0 !important;
} @media (max-width: 767px) {
.collapsible-description {
max-height: 70px;
overflow: hidden;
transition: max-height 0.4s ease;
position: relative;
}
.collapsible-description.expanded {
max-height: 1000px;
}
}
.toggle-description-btn {
background: transparent;
border: none;
font-size: 14px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
transition: all 0.3s ease;
font-family: var(--font-second);
}
button:not(:disabled).toggle-description-btn {
color: var(--primary-color) !important;
}
.toggle-description-btn:hover {
opacity: 0.8;
}
.toggle-description-btn i {
font-size: 0.7rem;
transition: transform 0.3s ease;
}
.toggle-description-btn i {
transform: rotate(0deg);
}
.toggle-description-btn.expanded i {
transform: rotate(180deg);
} @media only screen and (max-width: 768px) {
#main-products .section-padding-first {
padding-top: 50px !important;
}
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0 !important;
}
.mobile-product-size label,
.woocommerce div.product form.cart .variations label {
font-family: var(--font-main);
font-weight: 400 !important;
}
.mobile-product-size label {
color: var(--white-color);
font-size: 14px;
line-height: 18px;
}
.mobile-product-size .mobile-size-value {
color: var(--primary-color);
font-family: var(--font-second);
font-size: 36px;
font-weight: 400;
line-height: 40px;
margin-left: 0 !important;
min-width: 60px;
}
.mobile-product-price .woocommerce-Price-amount.amount bdi,
.mobile-product-price .woocommerce-Price-amount.amount bdi span,
.mobile-product-price ins .woocommerce-Price-amount.amount bdi span,
.mobile-product-price ins .woocommerce-Price-amount.amount bdi {
color: var(--white-color) !important;
}
.mobile-product-price ins .woocommerce-Price-amount.amount bdi {
margin-left: 0 !important;
}
.mobile-product-price p.price del,
.mobile-product-price p.price  del .woocommerce-Price-amount.amount span,
.mobile-product-price p.price  del .woocommerce-Price-amount  bdi {
color: #8e8e8e !important;
}
.mobile-product-price del::after {
background-color: #8e8e8e !important;
}
.mobile-product-bar .mobile-filter-btn {
min-width: 50px !important;
max-width: 50px !important;
width: 50px;
height: 50px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
background: var(--primary-color);
border: 1px solid var(--primary-color);
border-radius: 0;
cursor: pointer;
transition: all 0.3s 
ease;
flex-shrink: 0;
}
.mobile-cart-icon {
display: inline-block;
width: 28px;
height: 28px; background: none; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 24px; line-height: 28px; text-align: center;
color: inherit; transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
} .mobile-cart-icon::before {
content: "\f07a"; 
} .mobile-cart-icon:hover {
opacity: 0.8;
}
.mobile-product-bar .mobile-filter-btn:active {
background: var(--white-color);
transform: scale(0.99);
}
@media (min-width: 768px) {
.mobile-product-bar {
display: none !important;
}
}
@keyframes highlightPulse {
0%, 100% {
box-shadow: 0 0 0 0 var(--primary-color);
}
50% {
box-shadow: 0 0 0 20px rgba(var(--primary-color-rgb, 255, 200, 0), 0);
}
}
.single_add_to_cart_button.highlight-btn {
animation: highlightPulse 1.5s ease-in-out 2;
position: relative;
}
.xoo-wsc-pname a,
.xoo-wsc-product dl.variation dt {
font-weight: 400 !important;
}
.xoo-wsc-product dl.variation p {
font-size: 13px !important;
}
span.xoo-wsc-sc-count, span.xoo-wsch-items-count {
font-size: 12px !important;
right: -9px !important;
top: -8px !important;
} .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce ul.order_details li strong {
font-weight: 400 !important;
}
.woocommerce-variation-availability,
.reset_variations,
body.single-product div[id^="product-"] form.cart button.button.added.single_add_to_cart_button::after{
display: none !important;
}
@media only screen and (max-width: 767px) {
[data-wvstooltip]:before {
display: none !important;
}
} .woocommerce-variation-availability {
display: none !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock,
.variations-container p.stock.out-of-stock,
.varations-container p.stock.in-stock,
.varations-container p.stock {
margin-bottom: 15px !important;
font-weight: bold !important;
} .varations-container .price {
justify-content: end !important;
width: 100% !important;
}
.varations-container form {
display: flex; 
gap: 10px;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before {
display: none;
}
.simple-delivery-wrapper {
flex: 0 0 auto;
display: flex;
justify-content: start;
margin-right: auto;
}
.status-dot {
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
}
.status-text {
color: var(--white-color) !important;
font-family: var(--font-second) !important;
margin-bottom: 0 !important;
}
.delivery-status-wrapper.in-stock .status-dot {
background-color: #76ED00 !important;
}
.delivery-status-wrapper.out-of-stock .status-dot {
background-color: #ED0027 !important;
}
@media only screen and (max-width: 1200px) {
.status-dot {
width: 16px !important;
height: 16px !important; 
}
.woocommerce-variation-price {
padding-top: 0px !important;
}
.woocommerce-variation.single_variation {
flex-direction: column-reverse;
align-items: self-end;
}
.woocommerce-variation-delivery-info {
width: 100%;
}
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); }
75% { transform: translateX(5px); }
}
.stock-tooltip {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(-10px);
margin-bottom: 10px;
z-index: 1000;
opacity: 0;
visibility: hidden;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
pointer-events: none;
}
.stock-tooltip.show {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
}
.tooltip-content {
background: var(--black-color);
color: var(--white-color);
padding: 10px 20px;
border-radius: 10px;
box-shadow: 0 3px 25px var(--primary-color);
display: flex;
align-items: center;
width: 100%;
gap: 10px;
justify-content: space-between;
white-space: nowrap;
animation: tooltipBounce 0.4s 
ease-out;
}
@keyframes tooltipBounce {
0% {
transform: scale(0.8);
opacity: 0;
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.tooltip-arrow {
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid var(--black-color);
}
.tooltip-icon {
width: 20px;
height: 20px;
animation: iconPulse 1s infinite;
}
.tooltip-icon i {
color: var(--primary-color) !important;
} 
@keyframes iconPulse {
0%, 100% { 
transform: scale(1);
filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
}
50% { 
transform: scale(1.15);
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
}
}
.tooltip-text {
gap: 2px;
}
.tooltip-text strong {
font-size: 14px;
}
.tooltip-text span {
font-size: 13px;
opacity: 0.95;
font-weight: 500;
}
@media (max-width: 992px) {
.stock-tooltip {
left: 12px;
transform: translateX(0) translateY(-10px);
}
.stock-tooltip.show {
transform: translateX(0) translateY(0);
}
.tooltip-arrow {
left: 30px; 
transform: translateX(0);
}
}
.varations-container .woocommerce-product-details__short-description {
display: none !important;
visibility: hidden !important;
}
@media (max-width: 768px) {
.stock-tooltip {
left: 12px;
transform: translateX(0) translateY(-10px);
}
.stock-tooltip.show {
transform: translateX(0) translateY(0);
}
.tooltip-text strong {
font-size: 13px;
}
.tooltip-text span {
font-size: 12px;
}
.tooltip-arrow {
left: 25px;
transform: translateX(0);
}
}
.stock-tooltip:not(.show) {
animation: tooltipFadeOut 0.3s ease-out;
}
@keyframes tooltipFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media only screen and (min-width: 993px) {
.stock-tooltip {
left: 50%;
transform: translateX(-50%) translateY(-10px);
}
.stock-tooltip.show {
transform: translateX(-50%) translateY(0);
}
.tooltip-arrow {
left: 50%;
transform: translateX(-50%);
}
}
.wc-block-cart .wc-block-cart__submit-container--sticky:before {
box-shadow: 0 -10px 20px 10px rgb(98 96 96 / 24%) !important;
}
@media only screen and (max-width: 992px) {
.wc-block-cart-item__wrap {
padding-right: 15px;
}
}
.wc-block-components-button button,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link)  .wc-block-components-button__text > div,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
color: var(--white-color) !important;
}
.wc-block-components-button:hover button,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover  .wc-block-components-button__text > div,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
color: var(--black-color) !important;
}
.single_variation_wrap {
&:has(.stock.out-of-stock) {
.woocommerce-variation-price .price bdi,
.woocommerce-variation-price .price bdi span {
color: #8E8E8E !important;
transition: color 0.3s ease;
}
}
}
.woocommerce-Price-amount .woocommerce-Price-currencySymbol {
margin-left: -2px;
}
.iworks-omnibus .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
body.woocommerce-checkout .woocommerce-Price-amount .woocommerce-Price-currencySymbol,
.xoo-wsc-container .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
margin-left: 0;
}
.custom-options .custom-option[data-value="placeholder"],
#mobile-sorting-dropdown > a[data-value="placeholder"],
#sticky-sorting-dropdown > a[data-value="placeholder"] {
display: none !important;
}
.wc-block-components-form .wc-block-components-text-input.is-active input[type=text],
.payu-mini-installments-widget .payu-mini-installments-widget-details.payu-widget-installments-mini.installment-mini-block_installment-mini-details,
.payu-mini-installments-widget .payu-mini-installments-widget-separator.payu-widget-installments-mini-separator {
font-family: var(--font-second) !important;
color: var(--black-color) !important;
}
.payu-mini-installments-widget .payu-mini-installments-widget-details.payu-widget-installments-mini.installment-mini-block_installment-mini-details:hover,
.payu-mini-installments-widget-amount.payu-widget-installments-mini-amount {
font-family: var(--font-second) !important;
color: var(--primary-color) !important; 
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
font-weight: 400 !important;
} .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents:before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents:before {
display: none;
}
.variable-item.button-variable-item.disabled {
opacity: 0.6;
}
.product-slider-container .container {
padding: 0;
}
.product-slider-container .swiper-wrapper {
padding: 0 !important;
}
.product-slider-container .swiper-wrapper  li {
border: 1px solid #00000010;
}
.product-slider-container .swiper {
padding: 15px 12px 25px 12px;
box-sizing: border-box;
overflow: hidden;
}
.all-btn-mobile,
.slider-header {
padding: 0 12px;
}
@media only screen and (max-width: 1200px) {
.product-slider-container .swiper,
.all-btn-mobile,
.slider-header {
padding: 0 0px;
}
}
@media only screen and (max-width: 768px) {
.slider-header {
flex-direction: column;
gap: 15px;
}
.slider-header a.btn-secondary {
display: none;	
}
}
.fancybox-button svg path {
fill: var(--white-color) !important;
} .product-slider-container .container-large {
position: relative; 
}
.swiper-button-prev.swiper-button-up,
.swiper-button-next.swiper-button-down {
position: static !important;
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: var(--black-color);
font-size: 32px;
cursor: pointer;
flex-shrink: 0;
transition: color 0.3s ease;
z-index: 10;
}
.swiper-button-prev.swiper-button-up::before {
content: '\f077'; font-family: "Font Awesome 6 Pro";
font-weight: 900;
}
.swiper-button-next.swiper-button-down::before {
content: '\f078'; font-family: "Font Awesome 6 Pro";
font-weight: 900;
}
.swiper-button-prev.swiper-button-up::after,
.swiper-button-next.swiper-button-down::after {
display: none;
} .swiper-button-prev.swiper-button-up:hover,
.swiper-button-next.swiper-button-down:hover {
color: var(--primary-color, #28a745);
}
.gallery-vertical-wrapper {
gap: 10px;
}
.gallery-thumbs-vertical {
width: 110px;
height: 100%;
padding: 14px 0;
}
.thumbs-swiper {
height: 100%;
max-height: 540px;
width: 110px;
border-radius: 00px;
position: relative;
}
.thumbs-swiper .swiper-slide {
opacity: 1;
position: relative;
cursor: pointer;
border-radius: 0px;
margin-bottom: 10px !important;
height: 150px !important;
border: 2px solid transparent;
transition: opacity 0.2s, border-color 0.2s;
overflow: hidden;
}
.thumbs-swiper .swiper-slide:after {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.thumbs-swiper .swiper-slide-thumb-active {
border: 2px solid var(--primary-color);
}
.thumbs-swiper .swiper-slide:hover:after {
border: 2px solid var(--primary-color);
}
.gallery-thumbs-vertical .thumbs-swiper {
height: 470px;
border-radius: 0 !important;
max-height: 100%;
}
.thumbs-swiper .swiper-slide-thumb-active:after {
display: none;
}
.thumbs-swiper img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 5px;
border-radius: 0px;
box-shadow: var(--box-shadow);
}
.gallery-main-image {
flex: 1 1 0;
min-width: 0;
height: 600px;
box-shadow: var(--header-shadow);
}
.main-swiper {
width: 100%;
height: 100%;
border-radius: 0px;
box-shadow: var(--box-shadow);
overflow: hidden;
}
.main-swiper img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 0px;
max-height: 600px;
background-color: var(--white-color);
box-shadow: var(--box-shadow) !important;
}
.main-swiper .swiper-slide {
background-color: var(--white-color, #fff);
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
transition: opacity 0.3s ease-in-out !important;
top: 0;
left: 0;
z-index: 1;
}
.main-swiper .swiper-slide-active {
opacity: 1 !important;
z-index: 2;
}
.swiper-button-next.swiper-button-down,
.swiper-button-prev.swiper-button-up {
box-shadow: var(--box-shadow) !important;
left: 42px !important;
}
.swiper-button-prev.swiper-button-up {
top: 20px;
bottom: unset;
}
.gallery-main-image:hover .swiper-button-left,
.gallery-main-image:hover .swiper-button-right {
opacity: 1;
}
.swiper-button-left, .swiper-button-right {
opacity: 0;
transition: opacity 0.2s;
}
.swiper-button-next.swiper-button-down{
bottom: 0px;
top: unset;
}
.fancybox-container {
z-index: 999999 !important;
}
.gallery-thumbs-outer {
top: 70px;
}
@media only screen and (max-width: 1400px) {
.product-layout-container {
gap: 30px !important;
}
.loop-variation-buttons-wrapper a, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
font-size: 24px !important;
}
}
@media only screen and (max-width: 1100px) {
.product-layout-container {
gap: 20px !important;
}
}
@media only screen and (min-width: 993px) {
.opisy-produktu-mobile {
display: none;
}
}
@media only screen and (min-width: 993px) {
.gallery-thumbs-vertical {
flex-direction: column;
height: 100%;
width: 110px;
}
.thumbs-swiper {
height: 100%;
max-height: 470px;
width: 100%;
margin: 0 !important;
}
}
.product-gallery-layout {
margin-bottom: 80px;
}
@media only screen and (max-width: 992px) {
.product-gallery-layout {
margin-bottom: 0px;
}
.product-layout-container {
gap: 0 !important;
}
.opisy-produktu-destkop {
display: none;
}
.product-details-section-sticky {
position: unset !important;
}
.gallery-vertical-wrapper {
flex-direction: column-reverse !important;
}
.gallery-main-image {
flex: unset;
min-width: unset;
width: 100% !important;
height: 100% !important;
}
.gallery-thumbs-vertical {
width: 100%;
height: auto;
padding: 20px 0 !important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.gallery-thumbs-outer {
width: 100% !important;
position: relative !important;
display: flex;
justify-content: center;
align-items: center;
top: 0 !important;
}
.gallery-thumbs-vertical .thumbs-swiper {
height: 100% !important;
margin: 0 50px !important; 
width: calc(100% - 100px) !important;
max-width: 300px;
overflow: hidden;
}
.thumbs-swiper .swiper-slide {
height: 70px !important;
margin-bottom: 0 !important;
margin-right: 10px !important; 
}
.swiper-button-prev.swiper-button-up,
.swiper-button-next.swiper-button-down {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important; 
width: 40px !important;
height: 40px !important;
margin: 0 !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
font-size: 32px !important; 
}
.swiper-button-prev.swiper-button-up {
left: 0 !important;
justify-content: center;
max-width: 60px;
position: absolute !important;
}
.gallery-thumbs-outer {
width: 100%;
max-width: 450px;
margin: 0 auto;
position: relative;
}
.swiper-button-prev.swiper-button-up {
left: 0px !important;
transform: translateY(-50%) rotate(-90deg) !important; 
}
.swiper-button-next.swiper-button-down {
right: 0px !important;
left: auto !important;
transform: translateY(-50%) rotate(-90deg) !important;
}
}
@media only screen and (max-width: 500px) {
.thumbs-swiper .swiper-slide {
width: 50px !important;
height: 50px !important;
}
.gallery-thumbs-vertical .thumbs-swiper {
margin: 0 40px !important;
}
.swiper-button-prev.swiper-button-up {
left: 0px !important;
}
.swiper-button-next.swiper-button-down {
right: 0px !important;
}
.gallery-main-image {
height: 300px !important;
}
.main-swiper img {
max-height: 300px; 
}
}
@media only screen and (max-width: 650px) {
.swiper-button-prev.swiper-button-up {
left: 0 !important;
}
.loop-variation-buttons-wrapper a, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
padding: 5px 5px !important;
height: 40px !important;
font-size: 20px !important;
}
.gallery-thumbs-vertical {
padding: 0 75px !important;
}
}
@media only screen and (max-width: 500px) {
.thumbs-swiper .swiper-slide {
max-width: 50px !important;
height: 70px !important;
width: 50px !important;
}
.gallery-thumbs-vertical .thumbs-swiper {
overflow: hidden;
max-width: 170px;
}
body.single-product div[id^="product-"] form.cart .single_add_to_cart_button {
padding: 5px 2px !important;
}
}
@media only screen and (max-width: 460px) {
.woocommerce-variation-add-to-cart.variations_button {
gap: 10px !important;
margin-top: 15px !important;
}
.gallery-thumbs-vertical {
padding: 0 0px !important;
}
}
.variation-price-below {
display: block;
}
.wc-block-components-quantity-selector {
background: rgb(255 255 255) !important;
}
.cart.out-of-stock-wrapper button {
max-width: 100% !important;
}
.opisy-produktu .alert {
margin-bottom: 0 !important;
} .checkout-steps-wrapper {
margin-bottom: 40px; display: flex;
justify-content: center;
width: 100%;
}
.checkout-steps {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: 1400px;
position: relative;
z-index: 1;
}
.checkout-steps::before {
content: '';
position: absolute;
top: 22px;
left: 0;
width: 100%;
height: 3px;
background-color: #e0e0e0;
z-index: -2; transform: translateY(-50%);
}
.step-item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
flex: 1;
z-index: 2;
}
.step-item a.disabled-link {
pointer-events: none;
cursor: default;
} .step-item a, 
.step-item .step-content {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #b0b0b0; 
font-weight: 600;
position: relative;
}
.step-number {
width: 45px;
height: 45px;
border-radius: 50%;
border: 3px solid #e0e0e0;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
font-size: 16px;
font-weight: 800;
color: #b0b0b0;
transition: all 0.3s ease;
z-index: 10;
}
.step-label {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: 700;
background: #fff; 
padding: 0 5px;
transition: color 0.3s ease;
}
.step-connector {
display: none;
}
.step-item.active .step-number {
border-color: var(--primary-color);
color: var(--primary-color);
}
.step-item.active .step-label {
color: var(--black-color);
}
.step-item.current .step-number {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: #fff;
}
.fs-container-modern {
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
padding: 30px 20px;
margin-bottom: 40px;
text-align: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.fs-text-wrapper {
font-size: 16px;
color: var(--black-color);
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.fs-icon i {
font-size: 24px;
margin-right: 5px;
color: var(--black-color);
}
.fs-amount {
font-weight: 900;
font-size: 26px;
color: var(--primary-color);
line-height: 1;
}
.fs-progress-bar-modern {
height: 10px;
background-color: #f0f0f0;
border-radius: 20px;
overflow: hidden;
width: 100%;
max-width: 500px; 
margin: 0 auto;
}
.fs-fill-modern {
height: 100%;
background-color: var(--primary-color);
border-radius: 20px;
transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.fs-container-modern.fs-success {
background-color: #f6fff6;
border-color: #dceddc;
}
.fs-container-modern.fs-success .fs-amount,
.fs-container-modern.fs-success .fs-icon i {
color: #2e7d32; 
}
.fs-container-modern.fs-success .fs-fill-modern {
background-color: #2e7d32;
}
.varations-container p:empty {
display: none;
}
.xoo-wsc-product .xoo-wsc-img-col {
overflow: hidden; 
}
.xoo-wsc-product .xoo-wsc-img-col img {
transition: transform 0.3s ease-in-out; 
display: block;
}
.xoo-wsc-product:hover .xoo-wsc-img-col img {
transform: scale(1.05);
}
span.xoo-wsc-smr-del {
transition: color 0.3s ease-in-out;
}
.wc-block-cart-item__remove-link:hover::before,
span.xoo-wsc-smr-del:hover {
color: red !important;
}
.xoo-wsc-basket {
bottom: 0px;
}
@media only screen and (max-width: 768px) {
body.single-product .xoo-wsc-basket,
body.archive.woocommerce .xoo-wsc-basket {
display: none !important;
}
}
.xoo-wsc-basket {
z-index: 999 !important;
}
.xoo-wsch-new .xoo-wsch-close:hover,
.xoo-wsc-basket:hover .xoo-wsc-bki {
color: var(--primary-color) !important;
}
.wc-block-cart-item__quantity {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 30px !important;
}
.wc-block-cart-item__remove-link {
position: relative;
font-size: 0; !important 
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
text-decoration: unset !important;
color: white !important;
}
.wc-block-cart-item__remove-link::before {
content: "\e908";
font-family: "xoo-wsc";
font-size: 18px;        
display: inline-block;
font-family: 'Woo-Side-Cart' !important;
color: var(--black-color) !important;
} 
.wc-block-cart-item__remove-link {
background: none;
border: none;
color: inherit;
cursor: pointer;
}
@media only screen and (max-width: 1400px) {
.product-card-esoteric .product-content-box {
padding: 15px !important;
}
.product-card-esoteric .product-image-wrapper img {
max-height: 200px;
}
.product-image-wrapper {
height: 200px; 
}
}
@media only screen and (max-width: 600px) {
.product-card-esoteric .product-content-box {
padding: 10px !important;
}
.product-content-box .price {
margin-bottom: 10px !important;
}
.product-card-esoteric .product-image-wrapper img {
max-height: 150px;
padding-top: 10px;
}
.product-image-wrapper {
height: 150px; 
}
.product-card-inner .product-title {
margin-bottom: 10px !important;
min-height: unset;
line-height: 17px !important;
font-size: 12px !important;
}
del .woocommerce-Price-amount.amount bdi span,
.product-card-inner del .woocommerce-Price-amount.amount bdi {
font-size: 16px !important;
}
.product-card-inner .woocommerce-Price-amount.amount bdi, .product-card-inner ins {
text-decoration: unset !important;
font-size: 20px !important;
margin-left: 4px !important;
font-weight: 700 !important;
}
.woocommerce-Price-amount .woocommerce-Price-currencySymbol {
margin-left: -2px;
}
}
@media only screen and (max-width: 400px) {
.wc-block-cart-item__remove-link::before {
position: absolute;
left: 20px;
top: -5px;
}
}
@media only screen and (max-width: 360px) {
.product-content-box a.btn-primary,
.product-content-box .add_to_cart_button {
font-size: 14px !important;
padding: 0 2px !important;
}
}  .product-card-esoteric.outofstock .product-card-inner {
filter: grayscale(0.7);
opacity: 0.7;
position: relative;
} .product-card-esoteric.outofstock .product-card-inner::after {
content: "Brak na magazynie";
}
.product-card-esoteric.outofstock .product-card-inner::after,
.product-category-badge {
position: absolute;
top: 10px;
left: auto;
right: 10px;
color: rgb(255, 255, 255);
font-size: 11px;
text-transform: uppercase;
z-index: 5;
background-color: var(--primary-color);
padding: 4px 8px;
border-radius: 8px;
text-transform: uppercase;
border: 1px solid var(--primary-color);
transition: .3s all ease-in;
}
.product-category-badge a {
color: var(--white-color);
transition: .3s all ease-in;
}
.product-category-badge:hover {
background-color: var(--white-color);
}
.product-category-badge:hover a {
color: var(--primary-color);
}
@media only screen and (max-width: 768px) {
.product-card-esoteric.outofstock .product-card-inner::after,
.product-category-badge {
top: 7px;
right: 7px;
font-size: 10px;
padding: 2px 6px;
}
}
@media only screen and (max-width: 450px) {
.wc-block-components-title.wc-block-components-title {
font-size: 22px !important;
line-height; 27px !important;
}
}
@media only screen and (min-width: 700px) {
.wc-block-cart__main .wc-block-cart-items th {
padding: 0px 16px 12px 0;
}
}
@media only screen and (max-width: 400px) {
.wc-block-cart-item__quantity {
flex-wrap: wrap !important;
gap: 0px !important;
padding-right: 0 !important;
}
}
#radio-control-wc-payment-method-options-p24-online-payments__content .wc-block-components-checkbox label {
margin-top: 15px;
}
.wc-block-components-validation-error {
font-size: 13px !important;
}
.woocommerce .woocommerce-customer-details address {
border: unset !important;
padding: 15px 0 0 0 !important;
}
.woocommerce-order-pay .p24-payment-container {
max-width: unset !important;
}
.p24-payment-container.p24-virtual-payment .checkbox {
display: block !important;
}
#order_review .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input[type="checkbox"] {
-webkit-appearance: unset !important;
-moz-appearance: unset !important;
appearance: unset !important;
display: inline-block !important;
position: static !important;
opacity: 1 !important;
width: 20px !important;
height: 20px !important;
}
#order_review .woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox  {
display: flex !important;
align-items: center;
line-height: 1.5;
}
.woocommerce table.my_account_orders .button {
color: var(--white-color) !important;
}
.woocommerce table.my_account_orders .button:hover,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover .wc-block-components-checkout-place-order-button__text {
color: var(--primary-color) !important;
}
body.wp-singular.single-product .woocommerce-notices-wrapper > div {
margin: 20px 0;
}
.nip-checkbox {
margin-top: 25px !important;
}
body.woocommerce-cart .wc-block-components-product-badge {
border: 0 !important;
border-radius: 0 !important;
display: inline-block;
padding: 0  0 !important;
white-space: nowrap;
}
.wc-block-components-product-price__value.is-discounted,
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
font-size: var(--wp--preset--font-size--small, 14px) !important;
line-height: 20px !important;
font-weight: 400 !important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce .wp-element-button,
.wc-block-components-button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
outline: none !important;
box-shadow: none !important;
}
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus,
.woocommerce #respond input#submit:focus,
.woocommerce .button:focus,
.woocommerce .wp-element-button:focus,
.wc-block-components-button:focus,
.wc-block-cart__submit-button:focus,
.wc-block-components-checkout-place-order-button:focus,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
.woocommerce a.button:active,
.woocommerce button.button:active,
.woocommerce input.button:active,
.woocommerce #respond input#submit:active,
.woocommerce .button:active,
.woocommerce .wp-element-button:active,
.wc-block-components-button:active,
.wc-block-cart__submit-button:active,
.wc-block-components-checkout-place-order-button:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
outline: none !important;
box-shadow: none !important;
}
@media only screen and (max-width: 768px) {
.wc-block-components-shipping-rates-control .furgonetka-wc-blocks-pickup-point-block-button-container button {
width: 100%;
}
}
@media only screen and (max-width: 440px) {
.wc-block-checkout__actions .wc-block-checkout__actions_row {
flex-direction: column !important;
}
.wc-block-checkout__actions .wc-block-checkout__actions_row button,
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
width: 100% !important;
}
}
.wc-block-checkout__actions_row button {
min-width: 208px;
}
.billing_nip .toolvita-nip-error {
font-size: 13px !important;
margin-top: 0px !important; 
margin-left: 10px !important;
position: absolute !important;
}
@media only screen and (max-width: 738px) {
.wp-block-woocommerce-checkout-order-summary-block:not(.checkout-order-summary-block-fill-wrapper) {
display: none !important;
}
}
@media only screen and (min-width: 739px) {
.checkout-order-summary-block-fill-wrapper {
display: none !important;
}
}
#customer_login .woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link {
font-weight: bold !important;
}
.wc-block-components-checkbox__label a {
font-weight: bold !important;
}
.wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
text-transform: uppercase !important;
font-weight: 900 !important;
} h2.wc-block-cart__totals-title, 
.wc-block-cart__totals-title,
.wc-block-components-checkout-order-summary__title-text {
font-family: 'Roboto', sans-serif !important;
font-size: 18px !important;
font-weight: 900 !important;
text-transform: uppercase !important;
}
.wc-block-components-validation-error>p,
.wc-block-components-validation-error,
.toolvita-inline-error {
color: #cc1818 !important;
font-size: 13px !important;
margin-top: 4px;
display: flex;
align-items: center;
gap: 5px;
}  .wp-block-woocommerce-cart-order-summary-shipping-block {
display: none !important;
} .wp-block-woocommerce-cart-order-summary-totals-block 
+ .wc-block-components-totals-wrapper {
display: none !important;
}
.wp-block-woocommerce-cart-order-summary-subtotal-block {
display: block !important;
}  .wc-block-components-address-form__country .wc-blocks-components-select__select {
pointer-events: none;
appearance: none;
-webkit-appearance: none;
cursor: default;
outline: none !important;
box-shadow: none !important;
border-color: inherit !important;
background: transparent;
}
.wc-block-components-address-form__country .wc-blocks-components-select__select:focus {
outline: none !important;
box-shadow: none !important;
border-color: inherit !important;
} .wc-block-components-address-form__country .wc-blocks-components-select__expand {
display: none;
}
.wc-block-components-address-form__country.wc-block-components-country-input .wc-blocks-components-select .wc-blocks-components-select__select {
border: unset !important;
border-bottom: 1px solid var(--black-color) !important;
border-radius: unset !important;
}
.wp-block-woocommerce-checkout-order-summary-coupon-form-block.wc-block-components-totals-wrapper .wc-block-components-panel__button,
.wc-block-components-totals-item span,
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
font-size: 16px !important;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text,
.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount,
.wc-block-components-totals-item.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-weight: bold !important;
color: #262626 !important;
}
.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
color: var(--primary-color) !important;
}
@media only screen and (max-width: 800px) {
.wc-block-components-checkout-step__heading-container .wc-block-components-checkout-step__heading {
display: flex;
justify-content: start;
align-items: self-start;
gap: 10px;
flex-direction: column;
}
.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
float: unset !important;
line-height: unset !important;
margin-top: unset !important;
}
}
.wc-block-components-address-card {
margin-top: 20px !important;
}
#contact-fields {
margin-bottom: unset !important;
}
#billing,
#shipping {
display: flex;
flex-direction: column;
} #billing .wc-block-components-address-form__phone,
#shipping .wc-block-components-address-form__phone {
order: -1;
} #billing .wc-block-components-address-form__country,
#shipping .wc-block-components-address-form__country {
order: 999;
}
.wc-block-components-address-form__nip-field-wc-billing_nip {
order: 1001;
}
.wc-block-components-address-form__billing-company {
order: 1000;
}
#shipping .wc-block-components-address-form {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.toolvita-faktura-hidden {
display: none !important;
}
.toolvita-faktura-checkbox-wrapper {
order: 999;
}
.wc-block-components-address-form__address_2-toggle {
display: none !important;
}
.wc-block-checkout__order-fields.wp-block-woocommerce-checkout-additional-information-block.wc-block-components-checkout-step {
margin-bottom: 0 !important;
}
.wc-block-components-address-form__address_2-hidden-input {
position: static !important;
height: auto !important;
opacity: 1 !important;
pointer-events: auto !important;
clip: auto !important;
overflow: visible !important;
}
.wc-block-components-address-form__address_2 {
display: block !important;
}
.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot td {
display: flex;
}
#billing-fields .wc-block-components-text-input.wc-block-components-address-form__nip-field-wc-billing_nip,
#billing-fields .wc-block-components-text-input.wc-block-components-address-form__billing-company,
.form-row span.optional,
.wc-block-components-checkbox.wc-block-checkout__create-account,
#wc-guest-checkout-notice {
display: none !important;
}
.wc-block-components-checkbox.toolvita-faktura-checkbox-wrapper {
margin-top: 16px !important;
}
@media only screen and (max-width: 400px) {
.wc-block-components-totals-coupon__form .wc-block-components-text-input label {
font-size: 13px !important;
left: 0 !important;
max-width: 100%;
width: 100%;
}
#wc-block-components-totals-coupon__input-coupon {
padding-left: 0 !important;
padding-right: 0 !important;
}
}.fs-free-shipping-notice-and-button-wrapper{align-content:start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.fs-free-shipping-notice-continue-shopping-button-wrapper,.fs-free-shipping-notice-text-and-progress-bar-wrapper{flex:0 1 auto;margin:0 .5em}.fs-free-shipping-notice-progress-bar-wrapper{align-items:center;display:flex;flex-direction:row}.fs-free-shipping-notice-progress-bar{border:1px solid #fff;border-radius:10px;height:10px;margin-left:10px;margin-right:10px;position:relative;width:100%}.fs-free-shipping-notice-progress-bar>span{background-color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px;display:block;height:100%;overflow:hidden;position:relative}.button.flexible-shipping-free-shipping-button{margin-left:0}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}