/*!
Theme Name: westberg
Theme URI: http://westberg.ee/
Author: Birk Oidram
Author URI: http://westberg.ee
Description: westberg Theme
Version: 1.0
Text Domain: westberg
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

:root {
    --base-font-size: 16px; /* Base font size at 1440px */
    --fluid-size: calc(16px + (2 * (100vw - 1440px) / 480)); /* Smooth scaling */
}

html {
    font-size: clamp(var(--base-font-size), var(--fluid-size), 18px);
}

:root {
    /* --base-font-size: clamp(14px, calc(14px + (4 * ((100vw - 1280px) / 640))), 18px); */
}

:root {
    --white: #fff;
    --green: #003F7D;
	--green-light: #d2ecb6;
	--rose: #003F7D;
    --pink: #003F7D;
    --yellow: #FEFAE0;
	--orange: #FE8B59;
    --teal: #99CDD6;
	--lblue: #D6EBEF;
	--lgreen: #b6d2ef;
	--dgreen: #003F7D;
	--grey-100: #F8F5F4;
    --grey-200: #F0EBEA;
    --grey-300: #DEDEDE;
    --grey-400: #CACACA;
    --grey-500: #7B7B7B;
    --grey-600: #565656;
    --grey-700: #002D25;
    --black: #181818;
	--red: #CC1F2E;
	--warning: #CA7600;
}

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
}


/* Styles for very small viewports */
@media (max-width: 480px) {
    html {
        font-size: var(--base-font-size); /* Keep font size static for very small screens */
    }
}


/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
	cursor: pointer;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    background-color: var(--white);
    border: 1px solid var(--grey-300);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
}

input[type="radio"]:checked {
    border: 0.3rem solid var(--green);
}

.password-input {
	position: relative;
}

.show-password-input {
	background: none;
	border: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    right: 10px;
  }
  .woocommerce-form-login__rememberme {
	gap: 0.5rem;
  }
  

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
.pt-7 {
	padding-top: 2.5rem;
}
.pb-7 {
	padding-bottom: 2.5rem;
}
.white-text {
	color: var(--white);
}
.black, .dark {
	background-color: var(--grey-700);
}
.rounded-half {
	border-radius: 0.5rem;
}
.round {
	border-radius: 1rem;
}
.overflow-hidden {
	overflow: hidden;
}

/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	margin-bottom: 1rem;
}
.h0 {
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 4rem;
}

h1,.h1 {
	font-size: 2rem;
	line-height: 3rem;
	font-weight: 500;
}
.h2, h2 {
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 2.25rem;
}

h3 {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 2rem;
}
h4 {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

h5 {
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 1.5rem;
}

h6 {
	text-transform: uppercase;
	font-size: 0.88rem;
	line-height: 1.375rem;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
	line-height: normal;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
	background-color: #FEFAE0;
	color: var(--green);
	padding: 1.5rem;
	font-size: 1.25rem;
	margin: 0;
	margin-bottom: 1.5rem;
}

blockquote::before {
	content: url('assets/img/blockquote.svg');
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-right: 10px;
    margin-bottom: 1rem;
  }

blockquote p {
	margin: 0;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: var(--grey-200);
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.text-center {
	text-align: center;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	margin-top: 1.5rem;
}

/* Change color of bullets and numbers */
section  ul li::marker, section ol li::marker {
    color: var(--rose); /* Change to your desired color */
}

ul,ol {
	margin: 0 0 1.5em 3em;
	padding-left: 1.2rem;
}

#primary {
	padding-bottom: 2rem;
	max-width: 100vw;
	overflow: hidden;
}

section ul {
	list-style: disc;
	margin-left: 0;
}
ul li, ol li {
	margin-bottom: 1rem;
}

section ul ul {
    list-style-type: circle; /* Outline bullet */
	padding-left: 1.2rem;
	margin-left: 0;
	margin-top: 1rem;
}

section ul ul ul {
    list-style-type: none; /* Dash for third level */
	margin-bottom: 1rem;
	padding-left: 0.4rem;
}
section ul ul ul > li {
	text-indent: -5px;
}
section ul ul ul > li:before {
	content: '\2014';
  	text-indent: -5px;
	color: var(--rose);
	margin-right: 5px;
}

section ol {
    list-style: none; 
    counter-reset: list-counter; 
	margin-left: 0;
	padding-left: 0;
}

section ol > li {
    counter-increment: list-counter; 
    display: list-item; 
	font-weight: normal;
}

section ol > li:before {
    content: counters(list-counter, ".") ". ";
    font-weight: 400; 
	color: var(--rose);
}

/* Nested lists */
section ol ol {
    counter-reset: list-counter; 
	margin-top: 1rem;
	margin-bottom: 1rem;
}

section ol ol > li:before {
    content: counters(list-counter, ".") ". ";
}

section ol ol ol {
    counter-reset: list-counter;
	margin-bottom: 1rem;
}

section ol ol ol > li:before {
    content: counters(list-counter, ".") ". "; 
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 62rem;
    width: 100%;
    height: 34rem;
}

.video-container, .wp-video {
  max-width: 62rem !important;
  width: 100% !important;
  position: relative;
  overflow: hidden;
  padding-top: 46.84%;;
}

.wp-video .mejs-container, .video-container video, .video-container iframe, .video-container .wp-video, .video-container .video-container {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	top: 0;
	left: 0;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

section table {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	box-shadow: 0 0 0 1px #dedede;
    overflow: hidden;
    border-radius: 8px;
}
section table td,  section table th {
	padding: 0.75rem 1rem;
	border:1px solid var(--grey-300);
}
.simple-content table {
	margin-bottom: 1rem;
	font-size: 0.88rem;
}

/*
 * Default WP Alignment Classes
 *****************************************************************************/

 .aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 0;
    border: none;
    background: #fff;
    text-align: center;
	max-width: 100%;
}

.wp-caption img {
    display: inline-block;
}

.wp-caption .wp-caption-text {
    margin: 0.33rem 0 0;
    padding: 0;
    text-align: center;
    font-size: 0.88rem;
    font-weight: 400;
}

/* Links
--------------------------------------------- */
a {
	color: var(--dgreen);
}

a:visited {
	color: inherit;
}

.text-section a {
	color: var(--rose);
	text-decoration: underline;
}
.text-section a:hover {
	color: var(--rose);
}

.dark a, .dark a:visited {
	color: var(--white);
}

a:hover,
a:focus,
a:active {
	color: inherit;
}

a:focus {
	outline: 1px solid var(--rose);
}

a:hover,
a:active {
	outline: 0;
}
a.link {
	color: var(--rose);
	text-decoration: underline;
}

/* Forms
--------------------------------------------- */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 500;
	padding: 0.5rem 1rem;
	border: 2px solid transparent;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	transition: background-color 0.5s;
}

body button.no-style, body a.no-style {
	padding: 0;
	border: none;
	background-color: transparent !important;
	text-decoration: none !important;
	color: var(--black) !important;
}

button:focus, .button:focus {
	outline: 2px solid var(--rose);
}

.button.gray {
	background-color: var(--grey-300);
}

.button.purple {
	background-color: var(--green);
	color: var(--white);
}

.button.purple,.button.main, a.button.main {
	background-color: var(--green);
	color: var(--white);
}

.button.purple:hover,.button.main:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), 
            var(--green);
			color: #fff;
}

.button.icon-left span {
	margin-left: 0.75rem;
}

.button.icon-right span {
	margin-right: 0.75rem;
}

.button.alt {
	color: var(--white);
}

.button.tertiary:hover {
	background-color: #F2F3F4;
}

.text-button:hover .text {
	text-decoration: underline;
}


button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	outline: 0;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	outline: 0;
	border: 1px solid var(--grey-300);
	border-radius: 4px;
	height: 2.5rem;
	width: 100%;
	max-width: 100%;
	padding-left: 1rem;
}
textarea {
	padding-top: 0.5rem;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="range"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="week"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="color"]:hover,
textarea:hover {
	outline: 0;
	border-color: var(--grey-500);
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: 1px solid var(--grey-500);
	border-color: var(--grey-500);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


select {
	border: 1px solid var(--grey-400);
	border-radius: 4px;
	height: 2.5rem;
	background-color: #fff;
    appearance: none; /* Hide the default arrow */
    -webkit-appearance: none; /* For Safari */
    -moz-appearance: none; /* For Firefox */
    width: 100%;
    cursor: pointer;
    outline: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"%3E%3Cpath d="M5.53516 6.71558L0.285156 1.46558C0.0117188 1.21948 0.0117188 0.809326 0.285156 0.535889C0.53125 0.289795 0.941406 0.289795 1.21484 0.535889L6 5.34839L10.7852 0.563232C11.0312 0.289795 11.4414 0.289795 11.7148 0.563232C11.9609 0.809326 11.9609 1.21948 11.7148 1.46558L6.4375 6.71558C6.19141 6.98901 5.78125 6.98901 5.53516 6.71558Z" fill="%23181818"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px 7px; /* Adjust size if needed */
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 2rem;
}

.custom-select-wrapper {
    position: relative;
    width: 50%;
	flex-shrink: 0;
}

.woocommerce-ordering .custom-select-wrapper {
	width: auto;
}

.custom-select {
    position: relative;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    border: 1px solid var(--green);
    border-radius: 4px;
    background-color: transparent;
    padding: 0.5rem 1rem;
    height: 2.5rem;
    font-size: 1rem;
	border-radius: 36px;
}
.custom-select.active {
	box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.05);
	border: 1px solid var(--grey-300);
	border-bottom: 0;
	border-radius: 16px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	
}

.custom-select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--dgreen);
    font-size: 0.88rem;
	height: 100%;
	text-transform: capitalize;
}

.custom-select-trigger::after {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"%3E%3Cpath d="M5.53516 6.71558L0.285156 1.46558C0.0117188 1.21948 0.0117188 0.809326 0.285156 0.535889C0.53125 0.289795 0.941406 0.289795 1.21484 0.535889L6 5.34839L10.7852 0.563232C11.0312 0.289795 11.4414 0.289795 11.7148 0.563232C11.9609 0.809326 11.9609 1.21948 11.7148 1.46558L6.4375 6.71558C6.19141 6.98901 5.78125 6.98901 5.53516 6.71558Z" fill="%23181818"%3E%3C/path%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 7px;
    width: 12px;
    height: 7px;
	margin-left: 1rem;
}

.custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid var(--grey-400);
    border-radius: 4px;
    box-shadow: 0px 4px 15px 5px rgba(0, 0, 0, 0.05);
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: 0;
	width: calc(100% + 2px);
    margin-left: -1px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.custom-select.active .custom-options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
	border: 1px solid var(--grey-300);
	max-height: auto;
	overflow: auto;
}

.custom-option {
    padding: 0.5rem 1rem;
    font-size: 0.88rem;
    color: var(--dgreen);
    cursor: pointer;
    transition: background-color 0.3s ease;
	display: block;
	width: 100%;
	border-bottom: 1px solid var(--grey-300);
	text-transform: unset;
}
.custom-option:last-of-type {
	border-bottom: none;
}

.custom-option:hover {
    background-color: var(--grey-200);
}


.custom-select::-ms-expand {
    display: none; /* Hide default arrow in IE */
}

form label, .wpforms-container form .wpforms-field-label {
	display: block;
	font-weight: 600;
	font-size: 0.88rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;

}
form label .optional {
	font-weight: 400;
	margin-left: 0.25rem;
}

section .wpforms-container {
	margin-bottom: 0;
}

div.wpforms-container .wpforms-form .wpforms-field {
	overflow: hidden;
}

.wpforms-container form .wpforms-field, .wp-core-ui div.wpforms-container form .wpforms-field {
	padding: 0;
}

.wpforms-container .wpforms-form ul {
	list-style: none;
	padding-left: 0;
	margin: 1.5rem 0;
}
.wpforms-submit-container {
	padding-top: 1.5rem;
	margin-top: 1.5rem;
	border-top: 1px solid var(--grey-300);
}
.form-section .wpforms-container label.wpforms-error, .form-section .wpforms-container em.wpforms-error {
	height: 2.5rem;
    display: flex;
    align-items: center;
}
.form-section .wpforms-container .wpforms-field input.wpforms-error {
	border-color: var(--red);
}
.form-section .wpforms-container .wpforms-field .wpforms-valid {
	border-color: var(--grey-500);
}
.wpforms-has-error label {
	color: var(--red);
}
.wpforms-field ul li {
	display: flex;
	align-items: center;
}
.wpforms-field ul li label {
	height: auto;
}
.wpforms-field ul li label a {
	color: var(--rose);
	text-decoration: underline;
	text-underline-offset: 3px;
}


.form-section .wpforms-field-gdpr-checkbox input[type="checkbox"], .form-section .wpforms-field-checkbox input[type="checkbox"],  .checkbox input[type="checkbox"], 
.wpc-term-item-content-wrapper input[type="checkbox"] {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
body .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], body .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
	margin-right: 0;
}
  

.form-section .wpforms-field-gdpr-checkbox label, .form-section .wpforms-field-checkbox label, .checkbox label, .wpc-term-item-content-wrapper label {
position: relative;
padding-left: 30px; /* Space for the custom checkbox */
cursor: pointer;
display: inline-block;
line-height: 1.5;
}

.checkbox label, .side-filter #woo-sidebar .wpc-checkbox-item .wpc-term-item-content-wrapper label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding-left: 2rem;
}

.form-section .wpforms-field-gdpr-checkbox label::before, .form-section .wpforms-field-checkbox label::before, .checkbox label:before, .wpc-term-item-content-wrapper label:before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1rem;
height: 1rem;
border: 1px solid var(--grey-400); /* Border color */
border-radius: 4px; /* Rounded corners */
background-color: #fff; /* Background color */
transition: all 0.3s ease-in-out;
}


.form-section .wpforms-field-gdpr-checkbox li.wpforms-selected label::before, .form-section .wpforms-field-checkbox li.wpforms-selected label::before, .checkbox input:checked + label:before, .wpc-term-item-content-wrapper input:checked + label:before {
background-color: var(--green);
border-color: var(--green);
}

.form-section .wpforms-field-gdpr-checkbox li.wpforms-selected label::after, .form-section .wpforms-field-checkbox li.wpforms-selected label::after, .checkbox input:checked + label:after, .wpc-term-item-content-wrapper input:checked + label:after {
content: '';
position: absolute;
left: 5px;
top: 45%;
transform: translateY(-50%) rotate(45deg);
width: 6px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
}

.wpc-radio-item label:before, .wpc-radio-item label:after {
	display: none !important;
}

.text-link.rose {
	color: var(--rose);
	text-decoration: underline;
}

.rose-link {
	border: 1px solid var(--rose);
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
	display: flex;
	align-items: center;
	max-width: 17.5rem;
	width: 100%;
}
.rose-link svg {
	margin-right: 0.75rem;
}
.rose-link a {
	color: var(--rose);
}

.grecaptcha-badge {
	display: none !important;
}

/* Register */

.background.gray-wrap {
	background-color: var(--grey-200);
	border-radius: 16px;
	padding: 1.5rem 0;
}
.background.gray-wrap .wrap {
	max-width: 49.5rem;
	width: 100%;
	margin: 0 auto;
}


/* --------------------------------------------------------------
# Components
-------------------------------------------------------------- */

footer.site-footer {
	padding: 2rem 0.5rem;
	margin-top: 5rem;
	position: relative;
}
footer.site-footer .container {
	z-index: 1;
	position: relative;
}
footer.site-footer .contact-block:first-child {
	margin-bottom: 2.5rem;
}
footer.site-footer .social-icons {
	margin-top: 1.5rem;
}

footer.site-footer  h5 {
	text-transform: uppercase;
	font-weight: 500;
	margin: 0;
	margin-bottom: 1.5rem;
}
footer.site-footer  .row.top {
	margin-bottom: 2.5rem;
}
footer.site-footer  ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	padding: 0;
	list-style: none;
}
footer.site-footer ul {
	margin: 0;
}
footer.site-footer ul li {
	margin-bottom: 1rem;
	display: flex;
}
footer.site-footer  ul li img {
	margin-right: 1rem;
}

footer.site-footer ul li:hover a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

footer.site-footer  .sub {
	margin-top: 0;
	margin-bottom: 1rem;
}
footer.site-footer  .copyright {
	border-top: 1px solid var(--grey-600);
}
.newsletter form {
	background-color: var(--grey-200);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.newsletter form svg {
	position: absolute;
	left: 1rem;
}
.newsletter form input {
	border: none;
	background-color: transparent;
	padding-left: 3rem;;
}
.newsletter form button {
	border-radius: 0;
	color: var(--black);
	background-color: var(--grey-400);
	position: absolute;
	right: 0;
	height: 100%;
}

.newsletter form button:hover,.newsletter form button:focus {
	background-color: var(--green);
	color: #fff;
}
footer #footer-svg {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 0;
}
.contact footer.site-footer {
	margin-top: 0;
}

.wrapper {
	width: 100%;
	display: flex;
	padding: 0.5rem;
	background: var(--grey-100);
	max-width: 100vw;
	overflow: auto;
}

.content-area {
	width: 100%;
	padding-left: 0.5rem;
}

/* Sidebar */

.sidebar {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	background-color: var(--white);
	max-width: 15rem;
	width: 100%;
	border-radius: 12px;
	padding: 0.5rem 0;
	flex-shrink: 0;
	padding-bottom: 4rem;
}

.logged-in .sidebar {
	background-color: var(--green);
}

/* Navigation
--------------------------------------------- */
.site {
    background: var(--grey-100);
	padding-top: 0.5rem;
	min-height: 100vh;
}
.top-notice {
	background-color: var(--orange);
	color: var(--white);
	padding: 0.75rem 1rem;
	border-radius: 8px;
	margin: auto;
	margin-bottom: 0;
	width: calc(100% - 1rem);
}

header#masthead {
	position: relative;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 100;
	padding: 0;
}
header#masthead .top-row {
	background-color: var(--white);
	width: 100%;
	border-radius: 12px;
	
}

.logged-in header#masthead .top-row  {
	background-color: var(--green);
}

header#masthead .top-row .wrap {
	height: auto;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
header#masthead .bottom-row .container {
	height: 3rem;
}

.site-branding {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 0.5rem;
	margin-bottom: 2rem;
}

.site-branding svg, header#masthead .site-branding img {
	max-width: 8.315rem;
}
header#masthead .search {
	margin-left: 0;
	width: 18.75rem;
}
header#masthead .search form {
	position: relative;
}
header#masthead .search form input {
	border: none;
	padding: 0.5rem 1.5rem;
	height: 100%;
	background-color: var(--white);
	border-radius: 36px;
	outline: 2px solid transparent;
}
header#masthead .search form input:focus {
    outline: 2px solid #005244;
}
header#masthead .search form button {
	background-color: transparent;
	width: auto;
	padding: 0;
	padding-left: 0.625rem;
	padding-right: 0.75rem;
	border-left: 1px solid var(--grey-400);
	border-radius: 0;
	position: absolute;
	right: 0;
	max-height: 1rem;
	top:0;
	margin: auto;
	bottom: 0;
	z-index: 1;
}
/* SEARCH */

header#masthead div.asp_m.ajaxsearchpro .probox {
	position: relative;
}

header#masthead div.asp_m.ajaxsearchpro .probox .proinput {
	margin: 0;
    padding: 0;
    position: relative;
}


header#masthead div.asp_m .probox .proinput {
	padding: 0;
	margin: 0;
}

header#masthead .search div.asp_m.ajaxsearchpro form input {
	width: 100%;
    background: transparent !important;
    padding-top: 0 !important;
    height: 100%;
	margin: 0 !important;
	min-width: 100%;
	box-sizing: border-box;
}

header#masthead .search div.asp_m.ajaxsearchpro form input::placeholder {
    color: var(--grey-500);
}


header#masthead .search div.asp_m.ajaxsearchpro form input.orig {
	padding-left: 1rem !important;
}

header#masthead .search .asp_w_container div.asp_m .probox .promagnifier {
	position: absolute;
    right: 0rem;
    border: none;
	padding-left: 0.5rem;
	height: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
	box-shadow: none;
}
header#masthead .search .asp_w_container div.asp_m .probox .proclose {
	position: absolute;
    right: 1rem;
}
header#masthead div.asp_r {
	width: 47.5rem !important;
	max-width: 100%;
	padding: 0;
}

.ajaxsearchpro.vertical .asp_res_text {
	display: none;
}

.ajaxsearchpro.vertical .results .asp_results_group_post_page_cpt .item {
	height: 5.3rem !important;
    border-bottom: 1px solid var(--grey-300);
    display: flex;
    align-items: center;
}
.ajaxsearchpro.vertical .results .asp_results_group_post_page_cpt .item:last-of-type {
	border-bottom: 0;
}
.ajaxsearchpro.vertical .results .item .asp_content h3 {
	line-height: 1.25rem !important;
}
.ajaxsearchpro.vertical .results .item {
	background-color: transparent !important;
	display: flex;
	min-height: 2.5rem;
	align-items: center;
}
.ajaxsearchpro.vertical .code-wrap {
	color: var(--grey-700);
	margin-top: 0.25rem;
	display: flex;
	height: 1.5rem;
	align-items: center;
}
.ajaxsearchpro.vertical .code-wrap .code {
	color: var(--grey-500);
	margin-right: 0.5rem;
}
div.asp_w.asp_r .resdrg .results .asp_results_group .item, div.asp_w.asp_r .results .asp_results_group .asp_group_header {
	padding: 1rem 1.5rem 0.5rem 1rem !important;
	border-bottom: 1px solid var(--grey-300);
}

header#masthead .search .asp_w_container div.asp_m .proloading {
	position: absolute !important;
	right: 1rem;
}
.ajaxsearchpro.vertical .asp_group_header {
	background-color: transparent !important;
	font-weight: 500 !important;
	font-size: 1.25rem m !important;
}

.ajaxsearchpro.vertical .results .item div.etc {
	display: none;
}

.ajaxsearchpro.vertical {
	padding: 0 !important;
	width: 100% !important;
    max-width: 760px;
}

.ajaxsearchpro.vertical .amount {
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2.5rem;
    display: flex;
    align-items: center;
	font-weight: normal !important;
}

.ajaxsearchpro.vertical .amount {
	display: none;
}

.logged-in .ajaxsearchpro.vertical .amount {
	display: flex;
}

body .ajaxsearchpro.vertical .asp_content h3 a {
	font-weight: 500 !important;
	margin-bottom: 4px;
	padding-right: 4rem;
	    align-items: center !important;
    display: flex !important;;
    gap: 1rem !important;;
}
.ajaxsearchpro.vertical .asp_content h3 a {
	display: flex;
	align-items: center;
}
.ajaxsearchpro.vertical .asp_group_header {
	border-left: 0 !important;
	border-top: 0 !important;
	border-radius: 0;
	margin: 0 !important;
	min-width: auto !important;
}

.ajaxsearchpro.vertical .results .item .asp_content {
	padding: 0.5rem 1rem !important;
	max-width: 20rem;
	width: 100% !important;
	display: flex;
}
.ajaxsearchpro.vertical .item {
	padding: 0 !important;
}
div.asp_w.asp_r .results .resdrg {
	display: flex;
	height: 100%;
	overflow-x: hidden;
	flex-direction: column;
}
div.asp_w.ajaxsearchpro .asp_results_group {
	width: 100%;
}
div.asp_w.ajaxsearchpro .asp_results_group.asp_results_group_terms .asp_res_image_url {
	display: none !important;
}
div.asp_w.ajaxsearchpro .asp_results_group.asp_results_group_post_page_cpt {
	margin-top: 0;
	order: 2;
}
div.asp_w.ajaxsearchpro .asp_results_group.asp_results_group_terms {
	order: 2;
	background-color: var(--grey-200);
	height: auto;
	border-left: 1px solid var(--grey-300);
	padding-bottom: 2rem;
}
.ajaxsearchpro.vertical.asp_w.asp_r .asp_showmore_container p.showmore {
	border-top: 1px solid var(--grey-300);
}
.ajaxsearchpro.vertical.asp_w.asp_r .asp_showmore_container p.showmore a.asp_showmore {
	display: inline-block !important;
    background: var(--green) !important;;
    color: #fff !important;;
    border-radius: 36px!important;;
    padding: 0.5rem 1rem !important;;
    margin: 1rem 0 !important;;
	
}

.asp_res_url img {
	max-width: 2rem;
	height: auto;
	margin-right: 1rem;
}

.asp_nores .asp_nores_kw_suggestions {
	display: none;
}

header#masthead nav {
	display: flex;
	align-items: center;
	height: 100%;
}
header#masthead nav * {
    height: 100%;
}
header#masthead nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
header#masthead nav ul li a {
	color: var(--white);
	padding: 0 0.66rem;
	display: flex;
	align-items: center;
	min-width: 8.75rem;
	justify-content: center;
	font-weight: 500;
} 
header#masthead nav ul li.current_page_item a, header#masthead nav ul li.active a {
	background-color: var(--white);
	color: var(--green);
	border-radius: 0.5rem 0.5rem 0px 0px; 
}

header#masthead nav ul li.current-active-item a {
	text-decoration: underline;
}

header#masthead .controls > div > a {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--dgreen);
	padding: 0;
	margin-left: 1rem;
	position: relative;
}

.logged-in header#masthead .controls > div > a {
	background-color: var(--white);
}

header#masthead .controls .item .menu a {
	height: 50px;
	display: flex;
	align-items: center;	
	background-color: var(--white);
	justify-content: left;
	position: relative;
	padding: 0;
	margin-left: 1rem;
}
header#masthead a#login-btn {
	background-color: var(--green);
	transition: all 0.5s;
	width: auto;
	height: auto;
	color: #fff;
	border-radius: 0.5rem;
	padding: 0.75rem 2rem;
}

header#masthead a#account svg {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}
header#masthead a#account:hover {
	background-color: rgba(242, 243, 244, 1);
}

header#masthead #login {
	position: relative;
}

header#masthead .account-menu, header#masthead .lang-menu {
	position: absolute;
	top: 4rem;
	background-color: var(--white);
	width: 18.75rem;
	border-radius: 8px;
	box-shadow: 0px 4px 15px 5px #0000000D;
	z-index: 3;
	display: none;
	border: 1px solid var(--grey-200);
	overflow: hidden;
	right: 0;
	
}
header#masthead .lang-menu {
	width: auto;
	top: 100%;
}
header#masthead .lang-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
header#masthead .lang-menu ul li {
	margin: 0;
}
header#masthead .lang-menu ul li.current a {
	background-color: var(--grey-300);
}
header#masthead .lang-menu ul a {
	padding: 0.5rem 1rem;
	height: 2rem;
	border-bottom: 1px solid var(--grey-200);
	font-weight: 400;
}

header#masthead .account-menu .menu {
	position: relative;
	overflow: hidden; 
	height: auto; 
}


header#masthead .account-menu .name {
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
	display: block;
}
header#masthead .account-menu .business {
	color: var(--grey-500);
	font-size: 0.88rem;
}
header#masthead .account-menu .head {
	padding: 1rem;
	padding-top: 1.5rem;
}
header#masthead .account-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
	transition: transform 0.3s ease; /* Smooth sliding animation */
}
.account-menu .menu ul.level-1 {
    transform: translateX(0); /* Default position */
}

.account-menu .menu ul.level-2 {
    transform: translateX(100%); /* Hidden to the right initially */
}


header#masthead .account-menu ul li {
	padding: 0;
	margin: 0;
	border-top: 1px solid var(--grey-200);
}
header#masthead .account-menu ul li a, header#masthead .account-menu ul li button {
	padding: 1rem;
	display: flex;
	align-items: center;
	height: auto;
	background-color: transparent;
	color: var(--black);
	font-weight: 400;
	height: auto;
}
header#masthead .account-menu ul li a span {
	margin-left: 0.5rem;
}
.account-menu ul li a:focus {
	outline: 0;
}

header#masthead .account-menu ul li .set-company-form {
	height: 52px;
	display: flex;
}


header#masthead #lang, header#masthead #login, header#masthead #cart {
	display: flex;
}

.public header#masthead #cart svg path {
	fill: var(--white);
}
header#masthead #lang {
	font-weight: 500;
	position: relative;
	display: none;
}

header#masthead #cart #count, header#masthead .xoo-wsc-sc-count {
	width: 1rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--red);
	color: var(--white);
	border-radius: 50%;
	position: relative;
	font-weight: 600;
	font-size: 12px;
	top: 2px;
    right: 5px;
	position: absolute;
}

header#masthead li.megaMenu {
    display: flex;
    height: 100%;
}
header#masthead #openMenu {
    display: none;
}
header#masthead #search-mobile {
	display: none;
}

.overflow {
	overflow: hidden;
}

#sidemenu, .sidemenu{
    width:100%;
    position:fixed;
    background:#fff;
    height:100%;
    top:0;
    right:0;
    z-index:100;
    transition:opacity 0.5s;
    opacity:0;
    overflow:hidden;
    display:none
}
#sidemenu .sidemenu-head{
    display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 1.5rem;
}
#sidemenu .sidemenu-head span {
	width: 100%;
}
#sidemenu .sidemenu-head .title {
	margin-bottom: 2rem;
}
#sidemenu .sidemenu-head .subtitle {
	text-align: center;
	margin-bottom: 2rem;
}
#sidemenu .sidemenu-head .actions a{
    margin-right:25px
}

#sidemenu .sidemenu-head #closeModal {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}

#sidemenu .tab-nav {
	display: flex;
	background-color: #fff;
	padding:0;
    margin:0
}
#sidemenu .tab-nav li {
	border-bottom: 4px solid var(--grey-200);
	width: 50%;
	margin-bottom: 0;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 500;
	padding-bottom: 0.25rem;
	list-style:none
}
#sidemenu .tab-nav li.active {
	border-color: var(--rose);
}
#sidemenu .tab-nav li a {
	display: block;
}
#sidemenu .sidemenu-body {
	background-color: var(--white);
	height: 100%;
}

#sidemenu .tab, #sidemenu .tab-visible {
	padding: 1.5rem;
}
#sidemenu .tab {
	padding-top: 0;
}
#sidemenu .tab-visible {
	padding-bottom: 0;
}

#sidemenu #smartid-login-block {
	display: flex;
	flex-direction: column;
}
#sidemenu .sidemenu-image {
	width: 50%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
#sidemenu .sidemenu-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
#sidemenu .sidemenu-inner, .sidemenu .sidemenu-inner {
    position:absolute;
    height:100%;
    width: 100%;
	max-width: 50%;
    right:-100%;
    background-color:#fff;
    display:block;
    transition:width 1s;
    transition:right 0.5s;
	overflow: auto;
}

#sidemenu .login-button .button {
	width: 100%;
	border: 1px solid var(--grey-300);
	height: 3.5rem;
	text-transform: uppercase;
	border-radius: 8px;
	background-color: #fff;
	text-align: center;
	justify-content: center;
	margin-bottom: 1rem;
	color: var(--black);
}

#sidemenu #smartid-login-block .login-button {
	margin: 0;
}

#sidemenu .login-button.local {
	background-color: #fff;
	border-radius: 8px;
}

#sidemenu .login-button.local a.toggle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.5rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	transition: transform 0.5s;
	position: relative;
	display: none;
}

#sidemenu .login-button a svg {
	position: absolute;
	right: 1.5rem;
}
#sidemenu .login-button a.active svg {
	transform: rotate(180deg);
}



#sidemenu .login-button.local .login-wrap {
	display: block;
	padding: 1rem;
}

#sidemenu .login-button .info {
	margin-top: 1rem;
}
#sidemenu #back-to-login {
	display: flex;
	align-items: center;
	position: relative;
}
#sidemenu #back-to-login svg {
	left: 0;
	right: auto;
}
#sidemenu #back-to-login span {
	margin-left: 1rem;
	line-height: normal;
	font-weight: 600;
	font-size: 1.125rem;
}

#sidemenu .login-button.local > span {
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	display: block;
}

#sidemenu .forgot {
	padding: 1.5rem 1rem 1rem 1rem;
}

#sidemenu .sidemenu-body ul{
    padding:0;
    margin:0
}
#sidemenu .submit_button {
	width: 100%;
	margin-top: 1rem;
	justify-content: center;
	background-color: var(--green);
	color: var(--white);
}
#sidemenu .submit_button:hover {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--lgreen);
}

#sidemenu .sidemenu-body ul li{
    list-style:none;
}


#sidemenu.active, .sidemenu.active{
    width:100%;
    opacity:1;
    display:block
}
#sidemenu.active .sidemenu-inner, .sidemenu.active .sidemenu-inner {
    right:0%
}

#sidemenu p.status, .status.msg {
    display: none;
    padding: 0.5rem;
	margin-top: 0;
	border-radius: 8px;
}

.status#cartMsg {
	position: fixed;
	text-align: center;
	justify-content: center;
	width: 100%;
	opacity: 0;
	transition: opacity 0.5s;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100000;
}
.status#cartMsg.visible {
	opacity: 1;
}

#sidemenu p.status.loading, .status.loading {
    color: var(--grey-500);
    background: var(--grey-200);
}

#sidemenu p.status.success, .status.success {
    color: var(--green);
    background: var(--green-light);
	display: flex;
	align-items: center;
	gap: 0.75rem
}

#sidemenu p.status.error, .status.error {
    color: var(--green);
    background: #FADDDF;
	display: flex;
	align-items: center;
	gap: 0.75rem
}

p.status.visible {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: #CC1F2E;
	margin-bottom: 0;
}



/* Secondary nav
--------------------------------------------- */
.navigation {
	overflow: auto;
}
.secondary-nav {
	border-bottom: 1px solid var(--grey-100);
    position: relative;
	margin-bottom: 1rem;
	overflow: auto;
}
.secondary-nav.active {
	top: 0;
	position: relative;
	opacity: 1;
	visibility: visible;
}

.secondary-nav h3 {
	font-size: 0.75rem;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 600;
	padding-left: 1rem;
	
}

.logged-in .secondary-nav h3 {
	color: #fff;
}
.secondary-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 1rem;
}
.secondary-nav .add-text {
	padding-top: 1.5rem;
	border-top: 1px solid #F2F3F4;
}
.secondary-nav .add-text b, .secondary-nav .add-text strong {
	font-weight: 500;
}
.secondary-nav .add-text ol {
	margin-left: 0;
}

.secondary-nav ul.menu-items {
	padding: 0 0.5rem;
	padding-bottom: 1rem;
}

.secondary-nav #site-navigation ul.menu-items li {
	display: flex;
}

.secondary-nav ul.menu-items li {
	padding: 0.5rem 0.5rem;
	color: var(--green);
	font-weight: 500;
	font-size: 0.875rem;
	margin-bottom: 0;
	text-align: left;
	margin: 0;
	border-bottom: 0;
	border-radius: 8px;
}
.secondary-nav ul.menu-items li a {
	width: 100%;
	max-width: 100%;
}


.secondary-nav ul.menu-items li.has-children.active > a, #header-bottom.secondary-nav ul.menu-items li.active > a, .secondary-nav ul.menu-items li.current-menu-item a {
	background-color: var(--green-light);
	color: var(--dgreen);
	max-width: 100%;
	border-radius: 8px;
	padding: 0.75rem;
	font-weight: bold;
}
#header-bottom.secondary-nav ul.menu-items li a {
	gap: 0.5rem;
}

.logged-in .secondary-nav ul.menu-items li.has-children.active > a , .logged-in .secondary-nav ul.menu-items li.current-menu-item a {
	background-color: #fff;
}


.secondary-nav ul.menu-items li.has-children.active > .submenu {
	display: block;
	margin-bottom: 8px;
	margin-top: 8px;
	padding-bottom: 0;
}

.secondary-nav ul.menu-items li.has-children.active .submenu li {
	padding-left: 0rem;
	
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0.8rem;
	line-height: 1.4rem;
}
.secondary-nav ul.menu-items li.has-children.active .submenu li a {
	color: var(--dgreen);
}

.logged-in .secondary-nav ul.menu-items li.has-children.active .submenu li a {
	color: #fff;
	line-height: 1.2;
}

.secondary-nav ul.menu-items li.has-children.active .submenu li.active {
	font-weight: bold;
}
.secondary-nav ul.menu-items li.has-children.active .submenu li.active > a {
	color: var(--white);
	padding: 0;
	border-radius: 8px;
	background-color: transparent;
}

.secondary-nav ul.menu-items li.has-children.active .submenu .submenu li {
	padding-left: 1rem;
}

.secondary-nav ul.menu-items li.has-children.active .submenu li.active:before {
	content: '';
	position: absolute;
	width: 11px;
	left: 0;
	height: 100%;
	background-color: var(--green-light);
	border-radius: 4px;
	top: 0;
	display: none;
}
.logged-in .secondary-nav ul.menu-items li.has-children.active .submenu li.active:before {
	background-color: var(--white);
}


.secondary-nav ul.submenu {
	display: none;
}
.secondary-nav#servicesNav ul.menu-items li {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-left: 0.56rem;
	margin-right: 0.56rem;
	text-align: left;
}
.secondary-nav ul.menu-items li a {
	color: var(--lgreen);
}
.secondary-nav ul.menu-items li img {
	margin-bottom: 0.25rem;
}
.secondary-nav ul li a .icon > * {
	width: 2.625rem;
	height: 2.625rem;
}
.secondary-nav ul.menu-items li:hover, .secondary-nav ul.menu-items li.active {
	border-bottom: 0;
}

#productsNav .menu-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

#productsNav .menu-link {
	flex: 1 1 auto;
	text-decoration: none;
	padding-left: 1.5rem;
}

#productsNav .submenu .submenu .menu-link {
	padding-left: 0rem;
}

#productsNav .submenu-toggle {
	flex: 0 0 auto;
	border: 0;
	background: #fff;
	cursor: pointer;
	padding: 0px 4px;
	font-size: 16px;
	border-radius: 4px;
	line-height: 1;
	position: absolute;
	width: 1rem;
	height: 1rem;
	    display: flex;
    align-items: center;
    justify-content: center;
}

#productsNav .submenu {
	display: none;
	margin: 0;
	padding-left: 16px;
	list-style: none;
	margin-top: 0.5rem;
}

#productsNav li.is-open > .submenu {
	display: block;
}
.toggle-symbol {
	color: #003F7D;
}


/* Megamenu
--------------------------------------------- */
.admin-bar .modalMenu {
	padding-top: 2rem;
}
.modalMenu {
    visibility: hidden;
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: auto;
    top: -100%;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    transition: all 0.5s;
    opacity: 0;
	z-index: 3;
}


.modalMenu .container .menu-wrap {
    padding: 0 1.33rem;
}

.modalMenu.active {
    opacity: 1;
    top: 0%;
    visibility: visible;
}

.modalMenu .simpleBtn {
    width: 100%;
    background-color: transparent;
    margin-top: 3rem;
}

.modalMenu.mobile ul li a {
    display: block;
    padding: 1rem 0;
    font-size: 2.22rem;
    line-height: 2.66rem;
    font-weight: 500;
}
.modalMenu.mobile ul li.current-menu-item a {
    text-decoration: underline;
    text-underline-offset: 4px
}

.megaMenu-wrap {
	padding: 0;
    padding-top: 2.5rem;
}

#megaMenu .heading {
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 1.25rem;
    
    align-items: flex-start;
}

#megaMenu .title {
    font-weight: 500;
    font-size: 1rem;
	margin-bottom: 1rem;
	display: block;
	text-transform: uppercase;
}

#megaMenu .desc {
    color: #A2A9B0;
    font-size: 0.75rem;
}
#megaMenu .row {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
#megaMenu .row .column {
	border-right: 1px solid var(--grey-200);
	padding-left: 1rem;
	padding-right: 1rem;
	min-width: 20%;
	
}
#megaMenu ul li.column:nth-child(5n) {
	
}

#megaMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#megaMenu .mega-menu-items {
	width: 100%;
}
#megaMenu .mobile-title {
	display: none;
}


/* MODAL */

.close-modal.cross {
    position: absolute;
    right: 0;
    top: 0;
}

body.modal-open {
    overflow: hidden;
}

.modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.hidden {
    display: none;
}

.modal-container.visible {
    opacity: 1;
	visibility: visible;
}

.modal {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px;
    max-width: 90%;
    width: 600px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    position: relative;
    text-align: center;
}

.modal .content-wrap {
    position: relative;
}



.close-button {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
}
.modal .col-wrap {
	padding-bottom: 0.88rem;
}
.modal .col-wrap #lisainfo {
	height: 5rem;
}

.modal .actions {
	padding-top: 1rem;
	border-top: 1px solid var(--grey-200);
}


.modal-container.visible .modal {
    transform: scale(1);
}

.modal-container.visible .modal .custom-select-wrapper {
	width: 100%;
}

.modal-container.visible .modal .custom-select-wrapper .custom-option {
	text-align: left;
}

.modal h3 {
	text-align: left;
	font-weight: 600;
}

#choose-role .modal {
	width: auto;
}

#choose-role .modal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#choose-role .modal ul li {
	margin-bottom: 0;
}

#choose-role button {
    width: 100%;
    border: 1px solid var(--grey-300);
    height: 3.5rem;
    text-transform: uppercase;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--black);
	display: flex;
	justify-content: space-between;
}
#choose-role button span {
	margin-left: 0.5rem;
	margin-right: auto;
}

.modal .objektijuht {
	position: relative;
}

.modal .validate {
	display: block !important;
	height: 0;
	position: absolute;
	left: 0;
	opacity: 0;
}



body.force-form-active #force-form-container {
    display: flex !important;
}

#force-form-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

#force-form {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    width: 300px;
}


/* HOME */



.home-wrap .side {
	flex-shrink: 0;
	width: 100%;
	max-width: 22.5rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.home-wrap .side .image img {
	border-radius: 16px;
	width: 100%;
}

.welcome {
		background-color: var(--green-light);
		padding: 0.75rem 1rem;
		border-radius: 12px;
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
		font-weight: 500;
		font-style: Medium;
		font-size: 20px;
		line-height: 100%;
		letter-spacing: -1%;

}
.home-content {
	gap: 2rem;
}

.home-wrap .box {
	background-color: var(--white);
	border-radius: 8px;
	padding: 1rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.home-wrap .text {
	background-color: #fff;
	border-radius: 12px;
	padding: 1rem 1.5rem;
}

.home-row {
	gap: 2rem;
}
.home-wrap .column {
	width: 100%;
	gap: 2rem;
	row-gap: 2rem;
	display: flex;
	flex-direction: column;
}

.home-wrap .column.last-orders {
	width: 100%;
	max-width: 22.5rem;
	flex-shrink: 0;
}

.home-wrap .contacts {
	background-color: var(--green);
	color: #fff;
	position: relative;
	border-radius: 16px;
	padding: 1.5rem;	
}
.home-wrap .contacts #bg-element {
	position: absolute;
	right: 0;
	bottom: 0;
}
.home-wrap .contacts .image {
	text-align: right;
}
.home-wrap .contacts .image img {
	position: relative;
	z-index: 1;
	width: auto;
}
.home-wrap .contacts ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin: 0;
	padding: 0;
}
.home-wrap .contacts label {
	text-transform: uppercase;
	color: var(--lgreen);
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.88rem;
}
.home-wrap .contacts li {
	list-style: none;
	margin-bottom: 1.25rem;
	font-size: 0.88rem;
}
.home-wrap .contacts li span {
	font-weight: bold;
}
.home-wrap .contacts li:last-child {
	width: 100%;
}
.home-wrap .content-wrap {
	padding: 0 2.5rem;
}

.requisites {
	background-color: var(--white);
	border-radius: 8px;
	margin-top: 0.5rem;
	padding: 1rem 1.5rem;
}

.requisites ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.requisites ul li {
	width: 25%;
	font-weight: bold;
	margin-bottom: 0;
}

/* FILES GLOBAL */

.files ul.file-rows {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}
.files ul.file-rows li.file-row {
	padding: 1rem 0;
	border-bottom: 1px solid var(--grey-300);
	width: 100%;
	margin-bottom: 0;
}
.files ul.file-rows li:last-child {
	border: none;
}
.files .content-wrap {
	align-items: center;
}
.files .content-wrap div {
	padding: 0 1rem;
	border-right: 1px solid var(--grey-400);
	color: var(--grey-600);
}
.files .content-wrap h4 {
	margin-bottom: 0;
	color: var(--grey-700);
}
.files ul.file-rows li.file-row a.file-link {
	margin-right: 0;
	margin-left: auto;
	padding: 0;
}
.files .content-wrap div.file-type {
	text-transform: uppercase;
}
.files .content-wrap div.file-size {
	border: none;
}
@media (max-width: 767px) {
	.files .content-wrap {
		flex-wrap: wrap;
		position: relative;
	}
	.files .content-wrap div.icon {
		padding-left: 0;
		padding-right: 0;
	}
	.files .content-wrap div.file-title, .files .content-wrap div.icon {
		border: none;
		margin-bottom: 0.5rem;
	}
	.files .content-wrap div.file-title {
		width: calc(100% - 2rem);
	}
	.files .content-wrap div.file-name {
		padding-left: 0;
	}
	.files .file-link {
		position: absolute;
		right: 0;
		top: 0;
	}
}


/* Add variable product */
#history-back-button {
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 2rem;
}
#history-back-button svg {
	transform: rotate(180deg);
}

.wc-avm{margin-left:15px; margin-right: 15px;padding:10px;border:1px solid rgba(0,0,0,.08);border-radius:10px; max-width: 50vw; overflow: auto;}
.single-product .wc-avm {
	margin: 0;
	padding: 2rem 0;
	border: none;
}
.wc-avm__title{font-weight:600;margin:0 0 8px;font-size:14px}
.wc-avm__table{width:100%;border-collapse:collapse; }
.wc-avm__table thead {
  display: none;
}
.wc-avm__table tbody {
  display: flex;

}
.wc-avm__table tbody tr {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wc-avm__table th,.wc-avm__table td{padding:6px 4px;font-size:13px;vertical-align:middle;}
.wc-avm__table th{font-weight:600;text-align:left;border-top:0}
.wc-avm__stock.in{color:#1a7f37}
.wc-avm__stock.out{color:#b42318}
.wc-avm .wc-avm__qty{width:30px; padding: 0 5px; text-align: center;}
.wc-avm__submit{margin-top:10px;width:100%}
.single-product .wc-avm__submit {
	background-color: var(--dgreen);
	color: #fff;
	width: auto;
}
.wc-avm__submit.is-loading{opacity:.7}
.wc-avm__hint{font-size:12px;opacity:.75;margin-top:6px; display: none;}



ul.products li.product-type-simple.product .action {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.product-type-simple .stock-status {
	width: 100%;
	margin-bottom: 15px;
	color: #b42318;
}

.product-type-simple .stock-status.in-stock {
	color:#1a7f37;
}

/*--------------------------------------------------------------
# Woocommerce
--------------------------------------------------------------*/

#woo-sidebar h3 {

}
#woo-sidebar .bapf_hideckbox.bapf_asradio ul li label {
	font-size: 1rem;
	font-weight: 600;
	color: var(--black);
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 2.5rem;
	padding-right: 1.5rem;
	display: flex !important;
}
#woo-sidebar .bapf_sfilter .bapf_body ul li ul {
	margin-left: 0 !important;
}

.woocommerce-result-count,.side-filter .wpc-edit-filter-set, .side-filter .wpc-filters-main-wrap a.wpc-filters-reset-button, .side-filter .wpc-filters-range-values-wrapper, .side-filter .wpc-term-count {
	display: none !important;
}

.side-filter #vat-toggle {
	padding-top: 0;
	margin-top: -1rem;
}
.side-filter .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
	display: none;
}
.side-filter .wpc-filters-section.wpc-filter-_sale_price ul li {
	margin-bottom: 0;
	overflow: hidden;
}

.side-filter {
	background-color: var(--grey-100);
	border-right: 1px solid var(--grey-300);
	padding-right: 0;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	max-width: 18.75rem;
}
.vat-toggle {
	padding-left: 2.5rem;
}

.side-filter .wpc-filters-section {
	padding-left: 2.5rem;
	padding-right: 1.5rem;
	border-bottom: 1px solid var(--grey-400);
	margin-bottom: 0;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.side-filter .wpc-filters-section.wpc-filter-_sale_price {
	border-bottom: 0;
}
.side-filter .wpc-filters-section.wpc-filter-_sale_price li.wpc-term-item {
	margin-bottom: 0;
	overflow: hidden;
}
.side-filter .wpc-filters-section.wpc-filter-pa_brand {
	border-top: 1px solid #CACACA;
}
.side-filter .wpc-filter-title {
	margin-bottom: 0;
	font-weight: 600;
	color: var(--grey-700);
	text-transform: uppercase;
}
.side-filter .wpc-filters-main-wrap .wpc-filter-product_cat li.wpc-term-item label {
	padding-left: 0;
}
.side-filter .wpc-filter-layout-submit-button {
	display: flex;
	flex-direction: column;
}
.side-filter .wpc-filters-main-wrap ul.children {
	padding-left: 0;
	margin: 0;
}
.side-filter .wpc-filters-main-wrap a.wpc-filters-reset-button, .side-filter .wpc-filters-main-wrap a.wpc-filters-submit-button {
	height: 2.5rem;
	color: #fff;
	border-radius: 36px;
	width: 100%;
	font-size: 1rem;
	border: 1px solid var(--green);
	background-color: var(--green);
}
.side-filter .wpc-wrap-icons {
	text-transform: uppercase;
}
.side-filter .wpc-filter-content {
	margin-top: 1rem;
}
.side-filter .wpc-filter-content.wpc-filter-_sale_price {
	margin-top: 0;
}
.side-filter .wpc-filters-main-wrap ul.wpc-filters-ul-list {
	padding-left: 0;
	padding-top: 0;
}
.side-filter .wpc-wrap-icons .wpc-filter-selected-values {
	display: none;
}
.side-filter .wpc-filters-range-wrapper input[type=number] {
	height: 2rem;
	padding-right: 2rem;
}
.side-filter .wpc-filters-range-wrapper .wpc-filters-range-column {
	position: relative;
}
.side-filter .wpc-filters-range-wrapper .wpc-filters-range-column:after {
	content: '€';
	position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
	color: var(--grey-400);
}
.side-filter .wpc-filter-_sale_price ul {
	margin-bottom: 0;
}
.side-filter .wpc-filter-product_cat {
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.side-filter .wpc-filter-product_cat .wpc-filter-title {
	display: none;
}
.side-filter .wpc-filter-product_cat li.wpc-term-item {
	margin-bottom: 0;
}
.side-filter .wpc-filter-product_cat li.wpc-term-item.wpc-term-selected > .level-3 {
	display: block;
}
.side-filter .wpc-filter-product_cat ul li ul li.wpc-term-item.wpc-term-selected > .wpc-term-item-content-wrapper label a {
	color: var(--rose);
}
.side-filter .wpc-filter-product_cat ul li.wpc-term-item.wpc-term-selected > .wpc-term-item-content-wrapper label a {
	color: var(--rose);
}
.side-filter .wpc-filter-product_cat.wpc-filter-has-selected ul.level-1 > li.wpc-term-item.wpc-term-selected > .wpc-term-item-content-wrapper label a {
	color: var(--black);
}
body .side-filter .wpc-filter-product_cat .wpc-term-item-content-wrapper {
	border-top: 1px solid #CACACA;
	display: flex;
	padding-right: 1.5rem !important;
	width: 100%;
}
body .side-filter .wpc-filter-product_cat li.active ul {
	display: block;
}
.side-filter .wpc-filter-product_cat .toggle-subcategories {
	margin-right: 0;
	margin-left: auto;
	background-color: transparent;
	padding-right: 0;
}

.side-filter .wpc-filter-product_cat .toggle-subcategories[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.side-filter .wpc-filter-product_cat ul li i:before, .side-filter .wpc-filter-product_cat ul li i:after{
	display: none;
}
.side-filter .wpc-filter-product_cat i.wpc-toggle-children-list {
		background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"%3E%3Cpath d="M5.53516 6.71558L0.285156 1.46558C0.0117188 1.21948 0.0117188 0.809326 0.285156 0.535889C0.53125 0.289795 0.941406 0.289795 1.21484 0.535889L6 5.34839L10.7852 0.563232C11.0312 0.289795 11.4414 0.289795 11.7148 0.563232C11.9609 0.809326 11.9609 1.21948 11.7148 1.46558L6.4375 6.71558C6.19141 6.98901 5.78125 6.98901 5.53516 6.71558Z" fill="%23181818"%3E%3C/path%3E%3C/svg%3E');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 12px 7px;
		width: 12px;
		height: 7px;
		margin-left: 1rem;
}

.side-filter i.wpc-toggle-children-list {
	bottom: 0;
	margin: auto;
	right: 1.5rem;
}

.side-filter .wpc-filter-collapsible .wpc-filter-title .wpc-open-icon {
	border-color: var(--grey-700);
}

.side-filter .wpc-filter-product_cat ul li.wpc-opened label a {
	color:var(--rose);
}
.side-filter .wpc-filter-product_cat ul li.wpc-opened > div i {
	transform: rotate(180deg);
}
.side-filter .wpc-filter-product_cat ul {
	margin-bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-filter .wpc-filter-product_cat ul.level-3 {
	display: none;
}

.side-filter .wpc-filter-product_cat ul li label a {
	font-weight: 600;
    color: var(--grey-700);
    text-transform: uppercase;
	padding-left: 2.5rem;
    padding-right: 1.5rem;
	padding-bottom: 1rem;
	width: 100%;
	padding-top: 1rem;
	cursor: pointer;
}
.side-filter .wpc-filter-product_cat ul li .children li label a {
	text-transform: unset;
	font-weight: unset;
	color: unset;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.side-filter .wpc-filter-product_cat ul li ul li ul li .wpc-term-item-content-wrapper {
	border-bottom: 0;
	padding-right: 0;
	border-top: 0;
}
.side-filter .wpc-filter-product_cat ul li ul li ul li .wpc-term-item-content-wrapper label a {
	font-weight: 400;
	text-transform: unset;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.side-filter .wpc-filter-product_cat ul li label a .small-gray {
	margin-left: 0.25rem;
}
.side-filter .wpc-filters-section.wpc-filter-layout-search-field {
	display: none;
}



.woocommerce.archive .page-title {
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}
.woocommerce.archive .with-description .page-title {
	padding-bottom: 1.5rem;
}
.woocommerce.archive .wpc-custom-selected-terms ul {
	margin-bottom: 0;
}

.woocommerce-products-header .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.woocommerce-breadcrumb {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.single .woocommerce-breadcrumb {
	margin-bottom: 1.5rem;
}
.woocommerce-breadcrumb span, .woocommerce-breadcrumb span a {
	display: flex;
	align-items: center;
	color: var(--dgreen);
}
.woocommerce-breadcrumb span:last-child {
	font-weight: 600;
}

.woocommerce-products-header {
	margin:1.5rem 0;
}

.results {
	padding: 0 1rem;
}
.results .sort {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.results .sort .view-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
}
.results .sort .view-toggle button {
	padding: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-color: transparent;
	margin-right: 1rem;
	border-radius: 50%;
	justify-content: center;
	display: block;
}
.results .sort .view-toggle button:hover {
	background-color: var(--grey-300);
}
.results .sort .view-toggle button.active {
	display: none;
}

body ul.products {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 -0.5rem;
	row-gap: 1rem;
}
ul.products li {
	list-style: none;
}
.woocommerce ul.products li.product {
	margin-right: 0;
	padding: 0 0.5rem;
	float: none;
	margin: 0;
	margin-bottom: 0rem;
}
ul.products li.product.type-product .image {
	background-color: #fff;
	padding: 1rem;
}
ul.products li.product.type-product .image a {
	width: 100%;
	padding-top: 100%;
    position: relative;
	
	
}
ul.products li.product.type-product img {
	width: 100%;
	border-radius: 12px;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
ul.products li.product.product-category img {
	width: 100%;
	border-radius: 12px;
}
.woocommerce ul.products li.product .product-wrap {
	border-radius: 1.5rem;
}
.woocommerce ul.products li.product:hover .product-wrap {
	box-shadow: 0px 4px 15px 0px #00000012;
}


.woocommerce ul.products.columns-3 li.product {
	width: 33.33%;
}

.cross-sell .custom-price-wrap .vat-status, .up-sell .custom-price-wrap .vat-status {
	display: none;
}
.cross-sell .woocommerce ul li.product.product-type-variable .price {
	display: none;
}
.cross-sell .woocommerce ul li.product.product-type-variabl .qty-select {
	display: none;
}

.woocommerce ul.products.columns-4 li.product {
	width: 25%;
}


ul.products li.product .image {
	display: flex;
	justify-content: center;
	position: relative;
}
ul.products li.product .custom-select {
	height: 2rem;
}
ul.products li.product .image .mobile-title {
	display: none;
}
ul.products li.product h2 {
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 0.75rem;
	line-height: normal;
}
ul.products li.product h2.woocommerce-loop-category__title {
	margin-top: 0.5rem;
}
ul.products li.product h2 mark {
	background-color: transparent;
}
.product-sku-stock {
	justify-content: flex-start;
	align-items: center;
}
.product-sku-stock .product-stock {
	display: flex;
	align-items: center;
}
ul.products li.product .button {
	background-color: var(--grey-200);
	margin-right: 0.75rem;
	width: auto;
	text-align: center;
	padding: 0.75rem;
}
.product-sku-stock .product-sku {
	font-size: 0.75rem;
	color: var(--dgreen);
	padding-right: 1rem;
	margin-right: 0;
	font-weight: 600;
	margin-bottom: 0.25rem;
}
ul.products li.product .product-sku .title, .small-gray {
	color: var(--grey-500);
	font-size: 0.875rem;
	margin-right: 0.5rem;
}

ul.products li.product .price .amount, .price-mini .amount {
	font-size: 1.25rem;
	font-weight: 600;
}

ul.products li.product.sale .price .amount {
	font-size: 0.875rem;
	font-weight: 400;
	text-decoration: line-through;
}
ul.products li.product.sale .price ins.amount {
	font-size: 1.25rem;
}
.woocommerce .list #view-toggle {
	display: none;
}
#product-catalog-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.5rem;
}

/* LIST VIEW, only in desktop and tablet */
@media (min-width: 768px) {
	.woocommerce .list #view-toggle {
		display: block;
	}
	.woocommerce .list ul.products li.product .product-wrap .product-content h2,  
	.woocommerce .list ul.products li.product .product-wrap .product-content .product-sku-stock,
	.woocommerce .list ul.products li.product .product-wrap .product-content .action {
		width: 100%;
	}
	.woocommerce .list ul.products li.product {
		border-bottom: 1px solid var(--grey-300);
	}

	.woocommerce .list ul.products li.product {
		width: 100%;
	}
	.woocommerce .list ul.products li.product .product-wrap {
		display: flex;
	}
	.woocommerce .list ul.products li.product .product-wrap .product-content {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 15px;
	}
	.woocommerce .list ul.products li.product .product-wrap .product-content > a {
		min-width: 200px;
		display: inline-block;
		width: 100%;
		max-width: 16rem;
	}
	.woocommerce .list .qty-select, .woocommerce .list ul.products li.product .product-base-price {
		margin-bottom: 0;
		margin-right: 1rem;
	}
	.woocommerce .list ul.products li.product .product-base-price {
		padding-right: 1rem;
		border-right: 1px solid var(--grey-300);
	}
	.woocommerce .list ul.products li.product .button {
		min-width: 15rem;
		width: auto;
		margin-right: 0rem;
		gap: 1rem;
	}
	.woocommerce .list ul.products li.product .image {
		min-width: 10rem;
		align-items: center;
	}
	.woocommerce .list ul.products li.product {
		padding: 0;
	}
	.woocommerce .list ul.products li.product:hover .product-wrap {
		box-shadow: none;
	}
	.woocommerce .list .favorite-icon {
		position: relative;
	}
}

.single-product .iconic-woothumbs-images__image {
	border-radius: 12px;
}


.single-product p.stock.in-stock {
	display: none;
}

.single-product .summary .qty-select, .single-product .summary .gray-wrap {
	display: flex;
	flex-direction: column;
	border-radius: 1rem;
	margin-bottom: 1rem;
}
.single-product .summary .qty-select label {
	width: 100%;
	height: auto;
    font-weight: normal;
    margin-bottom: 0.33rem;
    font-size: 0.88rem;
    line-height: normal;
}

.variable-wrap {
	width: 100%;
	display: flex;
	
}

.single-product .gray-wrap p {
	margin-bottom: 0.33rem;
	font-size: 0.88rem;

}
.single-product .summary .qty-select {
	max-width: 23rem;
	margin-right: 1rem;
	flex-direction: row;
	flex-wrap: wrap;
}
.single-product .quantity-selection {
	display: flex;
}

.single-product .price {
	margin-bottom: 0;
	display: flex;
	align-items: center;
}

.single-product .price > del {
	text-decoration: none;
}

.single-product .sale .price .amount {
	font-size: 1rem;
}
.single-product .summary .product-base-price {
	padding-right: 1rem;
    border-right: 1px solid var(--grey-300);
    margin-right: 1rem;
}
.single-product .custom-price-wrap .vat-status {
	margin-left: 0.5rem;
}
.single-product .custom-price-wrap .vat-status .with {
	display: none;
}
.single-product .custom-price-wrap .vat-status .without {
	display: inline-block;
}
.single-product .custom-price-wrap .vat-status.active .with {
	display: inline-block;
}
.single-product .custom-price-wrap .vat-status.active .without {
	display: none;
}
.single-product .product-base-price span:last-child {
	margin-right: 0;
}
.single-product .summary .amount, .single-product .unit-price-amount {
	font-size: 1.125rem;
    font-weight: 600;
	margin-right: 1rem;
}

.single-product .meta {
	width: 100%;
	flex-shrink: 0;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.single-product .meta span {
	color: var(--lgreen);
	display: block;
	text-transform: uppercase;
	font-weight: 700;
}
.single-product .meta a {
	display: block;
	color: var(--dgreen);
	font-weight: 600;
}

.single-product .short-description {
	padding-left: 0rem;
	
}
.custom-product-info {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.woocommerce-tabs ul.tabs li {
	display: inline-flex;
}
.single-product .woocommerce-tabs.wc-tabs-wrapper {
	width: 100%;
	
}
.single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs {
	display: flex;
	width: 100%;

}
.single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li {
	font-weight: 500;
	width: 20%;
	text-align: center;
	
}
.single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tabs li a {
	padding-top: 0;
	padding-bottom: 0.5rem;
}
.single-product .woocommerce-tabs.wc-tabs-wrapper .wc-tab ul {
	margin-left: 0;
	padding-left: 1rem;
	margin-top: 1rem;
}
.single-product .woocommerce-tabs ul.tabs li.active {
	border-bottom: 4px solid var(--pink);
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
	background-color: #F2F3F4;
	padding-top: 2.5rem;
	padding-bottom: 5rem;
	margin-bottom: 2.5rem;
}
.single-product .related {
	margin-top: 2.5rem;
}
.single-product .up-sells h2 {
	margin-bottom: 1.5rem;
}

.single-product .cross-sell .qty-label, .single-product .up-sell .qty-label {
	display: none;
}

.iconic-woothumbs-thumbnails__image-wrapper:after,.iconic-woothumbs-thumbnails__image-wrapper:before {
	display: none;
}
.iconic-woothumbs-thumbnails__slide--active .iconic-woothumbs-thumbnails__image-wrapper {
	border-radius: 8px;
	border: 1px solid #FE8B59;
}

#results .term-description {
	color: var(--grey-500);
	margin-bottom: 2.5rem;
}
#results .term-description p {
	margin-bottom: 0;
}

.unit-price-amount {
	font-size: 0.88rem;
	color: var(--grey-500);
}

ul.products li.product.sale .price ins.amount, .single-product .sale .price ins, .sale .price-mini ins, .col-price ins, .sale .price-mini .price-after, ul.products li.product.sale .price ins {
	background-color: var(--lgreen);
	color: #085C5E;
	border-radius: 36px;
	padding: 0 0.5rem;
	min-height: 2rem;
	font-size: 1.25rem;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	margin-left: 0.5rem;
	text-decoration: none;
}
ul.products li.product.sale .price ins .amount {
	font-size: 1.25rem;
	font-weight: 600;
	text-decoration: none;
}

.sale .price-mini .price-before .amount{
	font-size: 0.88rem;
	font-weight: 400;
	text-decoration: line-through;
}

.col-price ins {
	margin-left: -0.5rem;
	font-size: 1rem;
	min-height: auto;
}

ul.products li.product .onsale, .single-product .onsale {
	background-color: var(--lgreen);
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 50%;
	color: var(--green);
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	z-index: 2;
}
ul.products li.product .product-sku, ul.products li.product .product-stock {
	margin-top: 0;
	line-height: 1;
}
ul.products li.product .product-stock .label {
	display: none;
}

ul.products li.product .price, .price-mini {
	display: inline-flex;
	align-items: flex-start;
	flex-direction: column;
	text-decoration: none;
	margin-top: 0rem;
}
ul.products li.product .price del, .single-product .summary .price del.amount {
	font-weight: 400;
	font-size: 0.88rem;
}
ul.products li.product .price del {
	text-decoration: none;
}
ul.products li.product .price del span.amount, .single-product .summary .price del span.amount {
	text-decoration: line-through;
	font-weight: normal;
}
ul.products li.product .product-base-price {
	margin-bottom: 1rem;
}
.product-stock .stock-light {
	display: flex;
	align-items: center;
}
.product-stock .stock-light:before {
	content: '';
	width: 0.75rem;
	height: 0.75rem;
	border-radius: 50%;
	margin-right: 0.33rem;
	background-color: var(--pink);
}
.product-stock .stock-light.green:before {
	background-color: #A0D6A0;
}

ul.products li.product .action {
	margin-top: 0rem;
}

.woocommerce li.product .action .button, .single-product .single_add_to_cart_button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.88rem; 
	justify-content: center;
	border-radius: 8px;;
}

.single-product .single_add_to_cart_button {
	width: 100%;
	max-width: 23rem;
	min-width: 23rem;
}

.woocommerce li.product .action .button svg, .single-product .single_add_to_cart_button svg {
	order: 2;
}

.woocommerce li.product .action .button.added svg path{
 fill: #fff;
}
.woocommerce li.product .action .button.login-to-purchase {
	width: 100%;
	margin: 0;
	    font-size: 0.88rem;
    font-weight: 500;
    padding: 0.5rem 0.5rem;
}

.woocommerce li.product .action .button.login-to-purchase:before {
	display: none;
}
.woocommerce li.product .action .button.login-to-purchase:hover svg path {
	fill: #fff;
}
.single-product .single_add_to_cart_button {
	background-color: var(--green);
}
.woocommerce li.product .action .button:hover, .single-product .single_add_to_cart_button:hover{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--lgreen);
	color: var(--white);
}

.woocommerce li.product .action .button:hover svg path,.single-product .single_add_to_cart_button:hover svg path {
	fill: #fff;
}

.woocommerce li.product .action .button.added, .single-product .single_add_to_cart_button.added {
	background-color: var(--green);
	color: #fff;
}
.woocommerce li.product .action .button.added:focus {
	outline: none;
}
.woocommerce li.product .action .button.added::before {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="15" viewBox="0 0 17 15" fill="none"%3E%3Cpath d="M0.5 1.40625C0.5 1.05078 0.773438 0.75 1.15625 0.75H2.38672C2.98828 0.75 3.53516 1.10547 3.78125 1.625H15.0195C15.7305 1.625 16.25 2.30859 16.0586 3.01953L14.9375 7.17578C14.7188 8.05078 13.9258 8.625 13.0508 8.625H5.14844L5.3125 9.41797C5.36719 9.71875 5.64062 9.9375 5.94141 9.9375H13.8438C14.1992 9.9375 14.5 10.2383 14.5 10.5938C14.5 10.9766 14.1992 11.25 13.8438 11.25H5.94141C5.01172 11.25 4.19141 10.5938 4.02734 9.66406L2.60547 2.25391C2.57812 2.14453 2.49609 2.0625 2.38672 2.0625H1.15625C0.773438 2.0625 0.5 1.78906 0.5 1.40625ZM4 13.4375C4 12.9727 4.24609 12.5625 4.65625 12.3164C5.03906 12.0703 5.55859 12.0703 5.96875 12.3164C6.35156 12.5625 6.625 12.9727 6.625 13.4375C6.625 13.9297 6.35156 14.3398 5.96875 14.5859C5.55859 14.832 5.03906 14.832 4.65625 14.5859C4.24609 14.3398 4 13.9297 4 13.4375ZM13.1875 12.125C13.6523 12.125 14.0625 12.3984 14.3086 12.7812C14.5547 13.1914 14.5547 13.7109 14.3086 14.0938C14.0625 14.5039 13.6523 14.75 13.1875 14.75C12.6953 14.75 12.2852 14.5039 12.0391 14.0938C11.793 13.7109 11.793 13.1914 12.0391 12.7812C12.2852 12.3984 12.6953 12.125 13.1875 12.125Z" fill="%23EF81A5"%3E%3C/path%3E%3C/svg%3E');

}

.added_to_cart.wc-forward {
	display: none;
}

.woocommerce-pagination ul {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
}

.woocommerce-pagination ul li {
	margin-right: 0.5rem;
	margin-bottom: 0;
}

.woocommerce-pagination ul li a, .woocommerce-pagination ul li span {
	min-width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--grey-300);
	border-radius: 6px;
	padding: 0 0.4rem;
}

.woocommerce-pagination .page-numbers.current {
	background-color: var(--green);
	color: var(--white);
}

.woocommerce .posts-per-page-button {
	background-color: transparent;
	padding: 0 0.75rem;
	color: var(--grey-500);
}
.posts-per-page-button.active {
	text-decoration: underline;
	color: var(--grey-700);
}
.qty-select {
	display: flex;
	margin-bottom: 1rem;
	width: auto;
}
.qty-select select {
	border-radius: 2rem;
	text-align: left;
	height: 2rem;
	border-color: var(--grey-200);
	max-width: 10rem;
	color: var(--black);
	background-color: var(--grey-200);
}
#order-modal .qty-select select {
	flex-shrink: 0;
	text-transform: capitalize;
}
.qty-wrap {
	display: flex;
	border: 1px solid var(--grey-200);
	align-items: center;
	border-radius: 2rem;
	padding: 0.25rem 1rem;
	margin-right: 1rem;
	height: 2rem;
	max-width: 10rem;
	background-color: var(--grey-200);
	width: 100%;
	justify-content: space-between;
}

.single-product .qty-wrap, .single-product .qty-wrap input, .single-product .qty-wrap button {
	background-color: var(--grey-200);
}
.woocommerce ul.products li.product select, .bulk-select {
	border: 1px solid var(--grey-400);
	border-color: var(--grey-400);
	height: 2rem;
	border-radius: 2rem;
	text-align: left;
	width: 50%;
	line-height: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 0.88rem;
	display: none;
}

.woocommerce ul.products li.product small {
	margin-top: 10px;
}

.woocommerce .list ul.products li.product.product-type-variable .button.product_type_variable {
	display: none;
}

.qty-wrap button {
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	background: var(--grey-200);
	text-align: center;
	justify-content: center;
	color: var(--black);
}
.qty-wrap input {
	width: 1.2rem;
	height: 1.5rem;
	border: none;
	margin: 0 1rem;
	text-align: center;
    padding: 0;
	background: var(--grey-200);
}


.woocommerce-notices-wrapper .woocommerce-error {
	background-color: var(--white);
	color: var(--red);
	padding: 0.5rem 1rem;
	list-style: none;
	text-align: center;
	margin-bottom: 0;
}

body .woocommerce-info, .woocommerce-noreviews, p.no-comments, .woocommerce-noreviews, p.no-comments {
	background-color: var(--white);
	color: var(--warning);
	padding: 0.5rem 1rem;
	text-align: center;
}

/* Single Product */

.single-product .quantity, .stock.out-of-stock {
	display: none !important;
}
.single-product div.product {
	flex-wrap: wrap;
	padding-top: 2.5rem;
}
.single-product div.product .summary {
	width: 62.66%;
	padding-bottom: 4rem;

}
.single-product div.product h1 {
	font-size: 1.25rem;
	line-height: normal;
	margin-bottom: 0.5rem;
}
.single-product div.product .iconic-woothumbs-all-images-wrap {
	max-width: 37%;
	float: none;
	padding-right: 4rem;
}
.single-product div.product .woocommerce-product-gallery.images {
	width: 37.33%;
	padding-right: 2rem;
}

.single-product .custom-select-wrapper {
	flex-shrink: 1;
	width: 100%;
}

.title-wrap .custom-select-wrapper {
	width: auto;
}

.single-product .custom-select {
	max-height: 2rem;
}


.single-product .woocommerce-product-gallery__image {
	min-height: 24rem;
    display: flex !important;
    align-items: flex-start;
    justify-content: center;
}
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}
body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 25%;
	padding: 0 0.75rem;
}
body.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	opacity: 1;
}
.single-product .woocommerce-product-gallery__image a {
	display: block;
	width: 100%;
	height: 100%;
	outline: 0;
}
.single-product .woocommerce-product-gallery__image a img {
	width: 100%;
	max-height: 24rem;
	object-fit: contain;
}

.woocommerce-product-gallery__wrapper {
	padding: 1rem;
	background-color: #fff;
	border-radius: 16px;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	font-size: 0;
	width: 1.5rem;
	height: 1.5rem;
	display: none;
	visibility: hidden;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger svg {
	width: 1.5rem;
	height: 1.5rem;
} 

.single-product div.product .related.products {
	width: 100%;
	justify-content: center;
}
.single-product .product-sku-stock {
	font-size: 0.88rem;
}

.single-product .product-sku-stock .product-stock {
	display: flex;
}
.single-product .outofstock-message {
	color: var(--warning);
	padding: 0.5rem 0;
	margin-bottom: 0;
}
.single-product .outofstock-message span {
	margin-left: 0.5rem;
}
.single-product .woocommerce-product-details__short-description {
	margin-top: 1rem;
}
.single-product .woocommerce-product-details__short-description h5 {
	font-weight: 700;
	text-transform: unset;
	border-bottom: 1px solid var(--lgreen);
	padding-bottom: 4px;
}
.single-product .variations_form.cart {
	display: flex;
	flex-wrap: wrap;
}
.single-product .cart {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.single-product .summary .favorite-icon {
	position: relative;
    margin-left: 0rem;
	display: inline-flex;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	min-width: auto;
	padding: 0;
}
.single-product .variations_button {
	position: relative;
	display: inline-block;
	padding-right: 3.5rem;
	display: flex;
	flex-wrap: wrap;
}
.single-product .variations_button button {
	min-width: 23rem;
	width: 100%;
	display: none;
}
.single-product .single_variation_wrap {
	width: 100%;
}
.single-product .price-wrapper {
	display: flex;
}
.single-product .product-type-variable .price-wrapper {
	display: none;
}
.single-product .variations {
	display: inline-flex;
	width: auto;
}
.single-product .variations tr {
	display: flex;
	flex-direction: column;
    background-color: var(--grey-200);
    padding: 1rem;
    border-radius: 1rem;
	max-width: 10.625rem;
	width: 100%;
}
.single-product .variations tbody {
	display: flex;
	column-gap: 1.5rem;
	align-items: flex-start;
}
.single-product .variations tr td {
	border: none;
	padding: 0;
}
.single-product .variations label {
	height: auto;
	font-weight: normal;
	margin-bottom: 0.33rem;
    font-size: 0.88rem;
	line-height: normal;
}
.single-product .variations select {
	min-width: 8.25rem;
	height: 2rem;
}
.single-product .variations.invalid select {
	border-color: var(--red);
}
.single-product .reset_variations {
	display: none !important;
}
.single-product .single_variation_wrap {
	display: block;
	margin-bottom: 1rem;
	margin-top: 1.5rem;
}
.single-product .price-wrapper {
	margin-top: 0rem;
}
.single-product .woocommerce-variation-price {
	display: none;
}
.single-product .flex-control-nav {
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
}
.single-product .flex-control-nav li {
	font-size: 0;
	margin-bottom: 0;
}

.woocommerce-product-gallery__image.video-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.woocommerce-product-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%; /* Aspect ratio for videos (16:9) */
    overflow: hidden;
}

.woocommerce-product-video iframe,
.woocommerce-product-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.container.up-sell {
	margin-top: 2.5rem;
	
}
.container.cross-sell {
	margin-top: 2.5rem;
}


/* Favorites */

.favorite-icon {
	position: relative;
	top: auto;
	right: 0;
	cursor: pointer;
	z-index: 2;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	padding: 0.75rem;
	background-color: var(--grey-200);
}

.favorite-icon:hover {
	background-color: var(--grey-300);
}

.heart-icon {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--pink);
	fill: none;
	transition: fill 0.3s ease;
}
.favorite-icon .is-favorite {
	display: none;
}
.favorite-icon.active .is-favorite {
	display: block;
}
.favorite-icon .not-favorite {
	display: block;
}
.favorite-icon.active .not-favorite {
	display: none;
}



/* CART */
.xoo-wsc-header {
	border-bottom: 0;
	padding: 1.5rem;
	padding-bottom: 0;
}
.xoo-wsch-top {
	position: relative;
}
span.xoo-wsch-close {
	right: 0;
}
.xoo-wsc-modal .xoo-wsc-products .xoo-wsc-product {
	padding: 1rem 1.5rem;
	margin: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--lgreen);
	box-shadow: none;
	padding-top: 1rem;
}
.xoo-wsc-body {
	background-color: #fff;
	padding: 1.5rem 0;
}
.xoo-wsc-container, .xoo-wsc-slider {
	width: 100%;
	max-width: 37.87rem;
	right: -37.87rem;
	background-color: var(--grey-100);
}
.xoo-wsc-container .product-sku-stock p {
	margin-bottom: 0;
}
.xoo-wsc-container .line {
	align-items: center;
	margin-bottom: 1rem;
}

.xoo-wsc-product .xoo-wsc-sm-info  dl.variation dd {
	border: 1px solid var(--grey-400);
	padding: 0.25rem 1rem;
	border-radius: 16px;
	font-style: normal;
	font-size: 1rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	text-transform: uppercase;
}
.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
	font-size: 1rem;

}
.xoo-wsc-product dl.variation {
	display: flex;
	gap: 0.5rem;
}

.xoo-wsc-product .qty-select {
	margin-bottom: 0;
}
.xoo-wsc-product .qty-wrap {
	border-radius: 16px;
}

.xoo-wsc-pname, .xoo-wsc-pname a {
	font-weight: 600;
	color: var(--black);
	display: block;
	padding-bottom: 0.5rem;
}
.xoo-wsc-pname a {
	padding-right: 2rem;
}
.xoo-wsc-container .qty-wrap, .xoo-wsc-container .bulk-select{
	max-width: 9rem;
}
.xoo-wsc-sm-info {
	position: relative;
}
.xoo-wsc-sm-right {
	position: absolute;
    right: 0;
    top: 0;
}

span.xoo-wsc-smr-del {
	margin-top: 0;
	text-transform: lowercase;
	color: #FF9494;
	font-size: 0.7rem;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.xoo-wsc-container .product-sku-stock {
	padding-bottom: 0.5rem;
}
.xoo-wsc-container  .line-wrap {
	padding-bottom: 0;
}
.xoo-wsc-product .xoo-wsc-sm-info  dl.variation dt{
	display: none;
}
.xoo-wsc-modal .xoo-wsc-basket {
	display: none !important;
}
.xoo-wsc-sc-cont .woocommerce-Price-amount.amount {
	display: none;
}

.xoo-wsc-container .price-mini {
	margin-left: 1rem;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
	border-radius: 8px;
}


.xoo-wsc-img-col img,.xoo-wsc-img-col {
	width: 6rem;
	height: 6rem;
	border-radius: 8px;
}

.xoo-wsc-footer  {
	box-shadow: none;
	padding: 0;
}
.xoo-wsc-footer .free-transport {
	padding: 0.5rem;
	text-align: center;
	background-color: var(--lgreen);
	color: var(--green);
	font-weight: 600;
	font-size: 1rem;
}

.xoo-wsc-footer .footer-wrap {
	border-top: 1px solid var(--lgreen);
	padding: 1.5rem;
	font-size: 1rem;
}
.xoo-wsc-footer .amount {
	font-size: 1rem;
}
.xoo-wsc-footer .totals table {
	width: auto;
}
.xoo-wsc-footer .totals table td {
	padding: 0;
	padding-bottom: 0.5rem;
	padding-right: 1rem;
	min-width: 8rem;
	border: none;
	position: relative;
}
.xoo-wsc-footer .totals table td .minus {
	position: absolute;
    left: -12px;
}
.xoo-wsc-footer .sum {
	padding-top: 1rem;
	border-top: 1px solid var(--grey-300);
	margin-top: 0.5rem;
}
.xoo-wsc-footer .sum td {
	font-weight: 600;
}
.xoo-wsc-footer .disclaimer {
	font-size: 0.88rem;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 1rem 0 1.5rem 0;
}
a.xoo-wsc-ft-btn-checkout .amount, .xoo-wsc-footer .xoo-wsc-ft-btn-cart {
	display: none;
}
.xoo-wsc-container .xoo-wsc-btn.xoo-wsc-ft-btn-continue {
	order: 2;
	background-color: transparent;
	color: var(--dgreen);
	border-color: var(--dgreen);
}
#mobile-total {
	display: none;
}


/* Blog */
.news-wrapper {
	padding-top: 2.5rem;
}

.latest-news {
	background-color: var(--grey-200);
	padding: 2.5rem 0;
}
.latest-news .main .item .text-wrapper {
	padding: 1rem;
	padding-top: 4rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%);
}
.latest-news .button {
	height: 2.5rem;
}
.latest-news .main .item a {
	color: var(--white);
}
.latest-news .main .item h3 {
	min-height: 0;;
}
.latest-news .main .item .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.latest-news .other .text-wrapper {
	display: flex;
	flex-direction: column;
}
.latest-news .other .text-wrapper .text-button {
	margin-bottom: 0;
    margin-top: auto;
}
.latest-news .other .item .image {
	width: 12.6rem;
	height: 9.1rem;
	flex-shrink: 0;
}
.latest-news .other .item .image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.taxonomy-tabs {
	border-bottom: 4px solid var(--grey-400);
	margin-bottom: 1.5rem;
}
.taxonomy-tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
.taxonomy-tabs ul li {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}
.taxonomy-tabs ul li a {
	display: block;
	margin-bottom: -4px;
	border-bottom: 4px solid var(--grey-400);
	padding-bottom: 0.5rem;
	line-height: 1.75rem;
	font-size: 1.125rem;
	font-weight: 500;
}
.taxonomy-tabs ul li a.active {
	border-color: var(--pink);
}

.articles-wrap article.type-post {
	margin-bottom: 2rem;
}
article.type-post h3 {
	min-height: 4rem;
}
.articles-wrap article.type-post .text-button {
	gap: 0.5rem;
}

.articles-wrap article.type-post .image {
	padding-top: 67%;
}
.articles-wrap article.type-post .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
article.type-post .categories, .latest-news .categories {
	display: flex;
	align-items: center;
}

article.type-post .categories a, .latest-news .categories a {
	color: var(--rose);
    font-size: 0.75rem;
}
article.type-post .sep {
	color: var(--grey-400);
	margin: 0 0.5rem;
	line-height: normal;
}
article.type-post .classificator {
	top: 0.5rem;
	right: 0.5rem;
	display: flex;

}
article.type-post .classificator span {
	text-transform: uppercase;
	font-size: 0.75rem;
	padding: 2px 1rem;
	height: 1.38rem;
	font-weight: 500;
	color: var(--white);
	background: #18181880;
	margin-left: 0.5rem;
	border-radius: 0.33rem;
	display: flex;
	align-items: center;
}

.other article.type-post .classificator {
	flex-direction: column;
	gap: 0.5rem;
}

.navigation.pagination {
	display: flex;
	justify-content: center;
}
.navigation.pagination ul {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}
.navigation.pagination ul li {
	margin: 0 0.5rem;
}
.navigation.pagination ul li a, .navigation.pagination ul li span {
	width: 2rem;
	height: 2rem;
	border: 1px solid var(--grey-300);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.navigation.pagination .page-numbers.current {
	background-color: var(--green);
	color: var(--white);
	border: 1px solid var(--grey-300);
}

.archive .page-title {
	margin-top: 2.5rem;
}

.single .entry-content {
	margin-bottom: 1rem;
}

.single .post-wrapper .entry-content a, .page .simple-content p a, .term-description a {
	color: var(--rose);
	text-decoration: underline;
}
.single .intro {
	font-weight: 500;
	font-size: 1.125rem;
}


#loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    font-size: 1.2rem;
    color: #333;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


body {
	font-family: "Poppins", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	color: var(--dgreen);
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.list-none {
	list-style: none;
}



/* westberg FONTS */

.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}
  
.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}

.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}

.poppins-bold {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
}

/* HIDE DESKTOP */

#megaMenu .mobile-toggle {
	display: none;
}

.close-MegaMenu {
	display: none;
}

/* RESPONSIVE RULES */

@media (min-width: 1210px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1210px;
    }
	.results {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}

@media (max-width: 1440px) {
	.woocommerce ul.products.columns-4 li.product {
		width: 33.33%;
	}
	.woocommerce .list ul.products.columns-4 li.product {
		width: 100%;
	}
}



@media (max-width: 1279px) {
	.woocommerce ul.products.columns-4 li.product {
		width: 50%;
	}
	.woocommerce .list ul.products.columns-4 li.product {
		width: 100%;
	}
	#megaMenu .row {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (max-width: 1023px) {
	.error-404 {
		overflow: hidden;
	}
	header#masthead #search-mobile {
		display: block;
	}
	header#masthead #search-mobile a {
		display: flex;
	}
	#wpadminbar {
		display: none;
	}
	#page.site {
		padding-top: 4.5rem;
	}
	header#masthead {
		position: fixed;
		z-index: 10000;
	}
	
	header#masthead.active {
		height: 100%;
	}
	header#masthead.active #search-mobile {
		display: none;
	}
	header#masthead .secondary-nav#productsNav, header#masthead #lang {
		display: none;
	}
	header#masthead .lang-menu {
		right: 0;
	}
	.secondary-nav {
		transition: opacity 0.5s;
		border: none;
	}
	
	.secondary-nav.active {
		top: 72px;
		width: 100%;
		height: 100%;
		background: #fff;
		position: absolute;
	}
	.secondary-nav ul {
		flex-wrap: wrap;
		justify-content: flex-start !important;
	}
	.secondary-nav ul li {
		width: 100%;
		margin: 0;
		text-align: center;
		justify-content: center;
		display: flex;
		margin: 0 !important;
		flex-direction: column;
	}
	header#masthead #login {
		margin-right: 1rem;
	}
	header#masthead .search {
		margin: 0 1rem;
		display: none;
	}
	.modalMenu {
		flex-direction: column;
	}
	.close-MegaMenu {
		width: 100%;
		padding: 0.75rem 1.5rem;
		font-weight: bold;
		color: #fff;
		background-color: var(--green);
		display: flex;
		align-items: center;
		gap: 1rem;
	}
	.close-MegaMenu span {
		color: #fff;
	}

	.modalMenu.visible-xs {
		opacity: 1;
		top: 0%;
		visibility: visible;
	}

	#megaMenu.modalMenu {
		padding-top: 0 !important;
		top: 72px !important;
		height: calc(100vh - 72px);
		overflow: auto;
		z-index: 10000;
		background-color: var(--grey-100);
		position: fixed;
	}
	#megaMenu.modalMenu.visible-xs {
		visibility: visible;
		opacity: 1;
	}
	#megaMenu .megaMenu-wrap {
		padding: 0;
		max-width: 100%;
	}
	#megaMenu .menu {
		margin-bottom: 0 !important;
	}
	#megaMenu .mega-menu-items {
		display:  block !important;
	}
	#megaMenu .row {
		display: none;
		flex-direction: column;
	}
	#megaMenu.modalMenu .container .menu-wrap {
		flex-direction: column;
		padding: 0;
	}
	#megaMenu .row .column {
		border-right: 0;
		padding: 0;
		border-bottom: 1px solid var(--grey-300);
		margin-bottom: 0;
		background-color: var(--grey-200);
	}
	#megaMenu .row .column > a {
		padding: 0.75rem 1.5rem;
		position: relative;
		display: flex;
		align-items: center;
		height: 3rem;
	}
	#megaMenu ul {
		display: none;
	}
	
	#megaMenu ul li a {
		padding: 0 1.5rem;
		display: block;
	}
	#megaMenu ul.children li {
		margin-bottom: 0;
	}
	#megaMenu ul.children li a{
		padding: 0.75rem 1.5rem;
	}
	#megaMenu ul.children {
		padding-top: 0;
	}
	#megaMenu .mobile-title {
		padding: 0.75rem 1.5rem;
		text-transform: uppercase;
		margin-bottom: 0;
		border-bottom: 1px solid var(--grey-300);
		display: block;
		position: relative;
		font-weight: 500;
		display: flex;
		height: 3rem;
		align-items: center;
	}
	#megaMenu .mobile-title h5 {
		margin-bottom: 0;
		position: relative;
	}
	#megaMenu .mobile-toggle {
		position: relative;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5rem;
		height: 100%;
		width: 1.5rem;
		justify-content: center;
	}
	#megaMenu .mobile-toggle:after {
		content: '+';
		display: flex;
		align-items: center;
	}
	
	#megaMenu .active .mobile-toggle:after {
		content: '\2014';
	}
	#megaMenu ul li a .mobile-toggle:after {
		content: '';
		background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.46875%207.53125L0.46875%201.53125C0.15625%201.25%200.15625%200.78125%200.46875%200.46875C0.75%200.1875%201.21875%200.1875%201.53125%200.46875L7%205.96875L12.4688%200.5C12.75%200.1875%2013.2188%200.1875%2013.5312%200.5C13.8125%200.78125%2013.8125%201.25%2013.5312%201.53125L7.5%207.53125C7.21875%207.84375%206.75%207.84375%206.46875%207.53125Z%22%20fill%3D%22%23181818%22/%3E%3C/svg%3E');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 14px;
        height: 100%;
	} 
	#megaMenu ul li a.active .mobile-toggle:after {
		content: '';
		transform: rotate(180deg);
	}
	#megaMenu .active {
		color: var(--rose);
	}
	#megaMenu .title {
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.ajaxsearchpro.vertical {
		width: 100% !important;
		max-width: 25rem;
	}
	
	
	div.asp_w.asp_r .results .resdrg {
		flex-wrap: wrap;
		
	}
	header#masthead.active #cart {
		display: none;
	}
	header#masthead.active #lang {
		display: block;
	}
	header#masthead .top-row {
		padding-top: 0rem;
		border-radius: 0;
	}
	header#masthead .top-row .container {
		height: auto;
		padding-bottom: 1rem;
	}
	header#masthead #openMenu {
		display: block;
	}
	header#masthead .site-branding {
		padding-left: 1rem;
	}
	header#masthead nav {
		justify-content: center;
	}
	header#masthead nav div {
		width: 100%;
	}
	header#masthead nav ul{
		flex-direction: column;
	}
	header#masthead nav ul li {
		border-bottom: 1px solid #56002E;
		margin-bottom: 0;
	}
	header#masthead nav ul li.current_page_item a, header#masthead nav ul li.active a {
		background-color: transparent;
		color: #fff;
		font-weight: bold;
	}
	header#masthead nav ul li a {
		padding: 1rem 1.5rem;
		justify-content: flex-start;
		font-size: 1.125rem;
		position: relative;
		border-radius: 0;
	}
	header#masthead nav ul li.openNav a:after {
		content: '';
		background-image: url('assets/img/chevron-right.svg');
		background-repeat: no-repeat;
        background-position: center;
		width: 1.5rem;
		height: 1.5rem;
		position: absolute;
		right: 1.5rem
	}
	
	header#masthead .bottom-row {
		visibility: hidden;
		opacity: 0;
		transition: 0.5s opacity;
		height: 0;
	}
	header#masthead.active .bottom-row {
		display: block;
		height: 100%;
		background-color: var(--green);
		visibility: visible;
		opacity: 1;
		height: 100%;

	}
	header#masthead .bottom-row .container {
		height: auto;
		padding: 0;
	}
	#megaMenu .mobile-toggle {
		display: flex;
	}
	#openMenu {
		margin-right: 1rem;;
	}
	button.menuBtn{
		border-radius:0;
		display:flex;
		align-items:center;
		justify-content: center;
		width: 2.5rem;
		height: 2.5rem;
		background: transparent;
		padding: 0;
		
	}
	.burger{
		position:relative;
		width: 1.25rem;
		height: 1.25rem;
	}
	.burger a:focus{
		outline:none
	}
	.burger .btnBurger{
		position:relative;
		width:1.25rem;
		cursor:pointer;
		
	}
	.burger span{
		display:block;
		width:100%;
		border-radius:3px;
		height:2px;
		transition:all 0.3s;
		position:relative;
		background-color: var(--white);
	}
	.burger span+span{
		margin-top:6px
	}
	.burger .active span:nth-child(1){
		animation:ease 0.7s top forwards
	}
	.burger .not-active span:nth-child(1){
		animation:ease 0.7s top-2 forwards
	}
	.burger .active span:nth-child(2){
		animation:ease 0.7s scaled forwards;
		visibility:hidden
	}
	.burger .not-active span:nth-child(2){
		animation:ease 0.7s scaled-2 forwards;
		
	}
	.burger .active span:nth-child(3){
		animation:ease 0.7s bottom forwards
	}
	.burger .not-active span:nth-child(3){
		animation:ease 0.7s bottom-2 forwards
	}
	.menuBtn:hover .burger span {
		background-color: var(--white);
	}
	@keyframes top{
		0%{
			top:0;
			transform:rotate(0)
		}
		50%{
			top:6px;
			transform:rotate(0)
		}
		100%{
			top:6px;
			transform:rotate(45deg)
		}
	}
	@keyframes top-2{
		0%{
			top:6px;
			transform:rotate(45deg)
		}
		50%{
			top:6px;
			transform:rotate(0deg)
		}
		100%{
			top:0;
			transform:rotate(0deg)
		}
	}
	@keyframes bottom{
		0%{
			bottom:0;
			transform:rotate(0)
		}
		50%{
			bottom:10px;
			transform:rotate(0)
		}
		100%{
			bottom:10px;
			transform:rotate(135deg)
		}
	}
	@keyframes bottom-2{
		0%{
			bottom:10px;
			transform:rotate(135deg)
		}
		50%{
			bottom:10px;
			transform:rotate(0)
		}
		100%{
			bottom:0;
			transform:rotate(0)
		}
	}
	@keyframes scaled{
		50%{
			transform:scale(0)
		}
		100%{
			transform:scale(0)
		}
	}
	@keyframes scaled-2{
		0%{
			transform:scale(0)
		}
		50%{
			transform:scale(0)
		}
		100%{
			transform:scale(1)
		}
	}
	.woocommerce ul.products.columns-3 li.product {
		width: 50%;
	}
	.single-product .variable-wrap {
		flex-wrap: wrap;
	}
	
	.single-product .summary .qty-select {
		max-width: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
	}
	.single-product .variations, .single-product .variations tbody {
		width: 100%;
	}
	.single-product .woocommerce-product-details__short-description {
		flex-wrap: wrap;
	}
	.single-product .short-description {
		padding-left: 0;
	}
	.single-product .variations tr {
		max-width: 50%;
	}


}

@media (max-width: 767px) {
	/* GENERAL */

	#sidemenu .sidemenu-image {
		display: none;
	}
	#sidemenu .sidemenu-inner, .sidemenu .sidemenu-inner {
		width: 100%;
		max-width: 100%;
	}
	html {
		margin-top: 0 !important;
	}
	body {
		overflow: auto;
	}
	.container {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	h1,.h1 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1rem;
	}
	
	p {
		margin-bottom: 1rem;;
	}
	.pt-7 {
		padding-top: 1.5rem;
	}
	.pb-7 {
		padding-bottom: 1.5rem;
	}
	embed,
	iframe,
	object {
		max-width: 100%;
		width: 100%;
		height: 12.5rem;
	}

	.video-container, .video-wrap {
		padding-top: 58.84%;
	}

	.wrapper {
		flex-wrap: wrap;
		overflow: auto;
		max-height: none;
	}
	.sidebar {
		max-width: 100%;
		display: none;
	}

	.menuOpen .sidebar {
		display: block;
		position: fixed;
		left: 0;
		z-index: 100000;
		height: 100%;
		overflow: scroll;
	}

	.menuOpen .sidebar .site-branding, .menuOpen .sidebar #login {
		display: none;
	}

	.home-row {
		flex-wrap: wrap;
	}

	.wc-avm {
		margin-left: 0;
		margin-top: 15px;
	}

	/* HEADER */
	#sidemenu .sidemenu-inner, .sidemenu .sidemenu-inner {
		overflow: auto;
	}
	header#masthead .top-row .container {
		flex-wrap: wrap;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	header#masthead .top-row .container {
		height: auto;
	}
	header#masthead #openMenu {
		order: 1;
		margin: 0;
	}
	header#masthead.active #openMenu {
		width: 33.33%;
	}
	header#masthead #login {
		margin-right: 0;
		margin-left: 0 !important;
		margin-bottom: 1rem;
		padding: 0 1.5rem;

	}
	header#masthead #login .button {
		width: 100%;
		height: 2.5rem;
		justify-content: center;
	}
	header#masthead .site-branding {
		order: 2;
		width: 33.33%;
		margin-left: 1rem;
	}
	header#masthead.active .site-branding {
		margin: 0 auto;
	}
	header#masthead .controls {
		order: 3;
		width: 33.33%;
        margin: 0;
        justify-content: flex-end;
	}
	header#masthead .search {
		order: 4;
		width: 100%;
		padding-top: 0.625rem;
		margin: 0;
	}
	header#masthead .account-menu {
		width: 100%;
		width: calc(100% - 2rem);
		left: 1rem;
	}
	.secondary-nav .container {
		padding: 0;
	}
	.secondary-nav ul.menu-items li {
		width: 100%;
		padding: 0;
		justify-content: flex-start;
	}
	.secondary-nav ul.menu-items li a{
		width: 100%;
		display: block !important;
		border-bottom: 1px solid var(--grey-300);
		padding: 0.75rem 0.75rem;
        text-transform: uppercase;
		max-width: 100%;
		color: var(--white);
		text-align: left;
		font-size: 1rem;
	}
	.secondary-nav#servicesNav ul.menu-items li {
		padding-left: 0;
		padding-right: 0;
	}
	.secondary-nav .icon {
		display: none;
	}
	.secondary-nav .add-text {
		padding-left: 1.5rem;
		border-top: 0;
		padding-right: 1.5rem;
	}
	.secondary-nav .add-text ul li {
		width: 100%;
		text-align: unset;
	}
	#sidemenu, .sidemenu {
		z-index: 10000;
	}
	#sidemenu .sidemenu-head .title {
		font-size: 1.25rem;
	}


	/* SEARCH */
	body.scroll-lock {
		overflow: hidden;
		height: 100vh;
		position: fixed;
		width: 100%;
	  }
	  

	.ajaxsearchpro.vertical {
		margin-top: 0.5rem !important;
		margin-right: 1rem !important;
		width: 100% !important;
		max-width: calc(100vw - 3rem);
		left: 1.5rem !important;
		right: 1.5rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.ajaxsearchpro.vertical .results .resdrg {
		flex-wrap: wrap;
	}
	.ajaxsearchpro.vertical .results .asp_results_group_post_page_cpt .item:last-of-type {
		border-bottom: 1px solid var(--grey-300);
	}
	.ajaxsearchpro.vertical .amount {
		right: 0.25rem;
	}

	.ajaxsearchpro.vertical .results .item .asp_content {
		width: 100% !important;
		padding-right: 1rem !important;
	}
	div.asp_w.asp_r .results .item .asp_image img {
		object-fit: contain !important;
	}
	
	div.asp_w.asp_r .resdrg .results .asp_results_group .item, div.asp_w.asp_r .results .asp_results_group .asp_group_header {
		border-left: 0 !important;
	}
	div.asp_w.asp_r div.asp_showmore_container {
		position: fixed !important;
		width: 100%;
		bottom: 0;
		background-color: #fff;
		text-align: center;
		z-index: 1000;
	}

	/* SIDE CART */

	.qty-select select {
		flex-shrink: 0;
		margin-right: 1rem;
		width: auto;
		padding-right: 2rem;
	}
	.xoo-wsc-product dl.variation, .xoo-wsc-product dl.variation p {
		display: flex;
		font-size: 0.88rem;
		gap: 0;
	}
	.xoo-wsc-container .line {
		overflow: hidden;
		flex-wrap: wrap;
        gap: 1rem;
	}

	.xoo-wsc-sum-col {
		padding: 0;
	}
	.xoo-wsc-body {
		padding: 1rem;
	}
	.xoo-wsc-container .product-sku-stock {
		padding-bottom: 1rem;
	}
	span.xoo-wsc-pname a {
		padding-bottom: 1rem;
	}
	.price-mini .price-label {
		flex-shrink: 0;
	}
	.xoo-wsc-pname, .xoo-wsc-pname a {
		display: flex;
		align-items: center;
	}
	.xoo-wsc-pname .xoo-wsc-img-col a {
		padding-right: 1rem;
	}
	.xoo-wsc-footer .free-transport {
		font-size: 0.88rem;
	}
	
	.xoo-wsc-footer .footer-wrap {
		padding: 0rem;
	}
	#mobile-total {
		width: 100%;
		display: flex;
		align-items: center;
		color: var(--grey-500);
		font-weight: 600;
		border: 1px solid var(--grey-300);
		border-radius: 8px;
		padding: 0.5rem 1rem;
		height: 2.5rem;
		justify-content: space-between;
		margin-bottom: 0.5rem;
		transition: transform 0.5s;
	}
	#mobile-total.active svg {
		transform: rotate(180deg);
	}
	.xoo-wsc-ft-buttons-cont {
		width: 100%;
	}
	.footer-actions {
		display: flex;
		border-top: 1px solid var(--grey-300);
		padding-top: 0.5rem;
		margin-top: 0.75rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		gap: 1rem;
	}
	.footer-actions .mobile-total {
		flex-shrink: 0;
	}
	.footer-actions .mobile-total > span {
		display: block;
		font-size: 0.88rem;
	}
	.footer-actions .mobile-total span.total-sum {
		font-weight: 600;
	}
	.footer-totals-wrap {
		padding: 0 1rem;
		padding-top: 0.75rem;
	}
	.footer-totals-wrap .totals {
		overflow: hidden;
		max-height: 0;
		transition: max-height 0.3s ease-out;
	}
	
	/* WOO */
	body .product-category .wpc-filters-open-button-container a.wpc-filters-open-widget, body .product-category .wpc-filters-open-button-container a.wpc-open-close-filters-button {
		border-color: var(--grey-300);
		padding: 0.5rem 1rem;
		height: 2.5rem;
		font-size: 1rem;
		border-radius: 36px;
		width: 100%;
	}

	
	
	
	.side-filter .wpc-filters-section {
		padding-left: 1rem;
	}
	.side-filter .wpc-filter-product_cat {
		padding-left: 0;
	}
	.side-filter .wpc-button-inner, .side-filter .wpc-chip-content {
		justify-content: center;
	}
	 .wpc_show_bottom_widget .side-filter .wpc-filters-widget-wrapper {
		padding: 0;
	}
	.side-filter .wpc-filters-section.wpc-filter-_sale_price ul li {
		margin-bottom: 0;
	}
	
	.side-filter .wpc-filter-product_cat ul li label a {
		padding-left: 0;
		cursor: pointer;
	}
	.side-filter .wpc-filters-section:last-of-type {
		border-bottom: 0;
	}
	.side-filter .wpc-filters-main-wrap .wpc-filter-product_cat li.wpc-term-item label {
		padding-left: 1rem;
	}
	.product-category.row {
		margin: 0;
	}
	.results .sort {
		width: 100%;
		gap: 1rem;
	}
	.wpc-filters-widget-wrapper .wpc-filter-header {
		display: none;
	}
	.side-filter .wpc-filter-product_cat li.wpc-term-item {
		padding: 0;
	}
	.results .sort .widget_wpc_sorting_widget {
		order: 2;
		width: 50%;
	}
	.results .sort .wpc-filters-open-button-container {
		width: 50%;
	}

	#product-catalog-footer {
		overflow: hidden;
	}
	.woocommerce.archive .page-title {
		width: 100%;
		padding: 0;
	}
	.woocommerce-products-header .top {
		flex-wrap: wrap;
	}
	.woocommerce-products-header .top .woocommerce-ordering {
		width: 100%;
	}
	.woocommerce-products-header .woocommerce-notices-wrapper {
		display: none;
	}
	.results .sort .view-toggle {
		display: none;
	}
	.side-filter {
		padding: 0;
	}
	.woocommerce ul.products.columns-3 li.produc,.woocommerce ul.products.columns-4 li.product  {
		width: 50%;
	}
	.woocommerce ul.products.columns-3 li.product, .woocommerce ul.products.columns-4 li.product {
		padding: 0;
	}
	.woocommerce ul.products li.product {
		border-bottom: 2px solid var(--grey-200);
		margin-bottom: 1rem;
	}
	
	.woocommerce .product-base-price {
		border-right: 1px solid var(--grey-300);
		margin-right: 0.3rem;
		padding-right: 0.5rem;
	}
	.single-product div.product .woocommerce-product-gallery.images, .single-product div.product .container .images {
		width: 100%;
		padding: 0;
	}
	.woocommerce ul.products li.product .image img {
		width: 7.5rem;
		height: 7.5rem;
		position: relative;
	}
	
	.woocommerce ul.products li.product .image .mobile-title {
		display: block;
		font-size: 1rem;
		font-weight: 500;
	}
	.woocommerce ul.products li.product:hover .product-wrap {
		box-shadow: none;
	}
	.woocommerce ul.products li.product .image a {
		display: flex;
		align-items: center;
		width: 100%;
		padding-top: 0;
	}
	.woocommerce ul.products li.product select {
		height: 2rem;
	}
	.woocommerce ul.products li.product .product-sku-stock {
		justify-content: flex-start;
		align-items: center;
	}
	ul.products li.product .product-sku {
		padding-right: 1rem;
		border-right: 1px solid var(--grey-300);
		margin-right: 1rem;
	}

	.woocommerce ul.products li.product h2 {
		display: block;
	}
	.single-product .summary .qty-select {
		width: 100%;
		max-width: 100%;

	}
	.single-product .variations {
		margin-left: 0;
		margin-bottom: 1rem;
	}
	.single-product div.product .woocommerce-product-gallery.images {
		width: 100%;
		padding-right: 0;
	}
	.single-product .woocommerce-tabs.wc-tabs-wrapper {
		padding: 1rem 0;;
		background-color: var(--grey-200);
	}
	.single-product .woocommerce-tabs.wc-tabs-wrapper .tabs li {
		display: none;
	}
	.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
		display: block !important;
		margin-bottom: 0;
	}
	.single-product div.product .summary {
		width: 100%;
		padding-bottom: 1.5rem;
		padding-top: 1rem;
	}
	
	.single-product div.product .iconic-woothumbs-all-images-wrap {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.single-product .woocommerce-product-details__short-description {
		flex-direction: column;
	}
	.single-product .short-description {
		padding-left: 0;
		padding-top: 1.5rem;
		border-top: 1px solid var(--grey-300);
		margin-top: 0.5rem;
	}
	.single-product .cart {
		flex-wrap: nowrap;
		width: 100%;
	}
	.single-product .variations_button {
		width: 100%;
		flex-wrap: nowrap;
		padding-right: 0;
	}
	.single-product .single_add_to_cart_button, .single-product .variations_button button {
		min-width: auto;
	}
	.single-product .variations_button {
		width: 100%;
	}
	.single-product .summary .favorite-icon {
		right: 0;
	}
	.single-product .up-sells {
		padding-top: 1rem;
	}
	.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
		padding-bottom: 1rem;
		padding-top: 1rem;
		border-bottom: 1px solid var(--grey-300);
	}
	.single-product .woocommerce-tabs .woocommerce-Tabs-panel#tab-allergens {
		border-bottom: 0;
	}
	body.single-product div.product .woocommerce-product-gallery .flex-control-nav {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	body.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-nav li a {
		width: 0.625rem;
		height: 0.625rem;
		border-radius: 50%;
		background-color: #D9D9D9;
		padding: 0;
		margin-bottom: 0;
		margin: 0 0.5rem;
		display: inline-flex;
	}
	.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-nav li a.flex-active {
		background-color: var(--green);
	}

	.single-product div.product .woocommerce-product-gallery .flex-control-nav li img {
		display: none;
	}
	.single-product .cross-sell, .single-product .up-sell {
		padding-top: 2rem;
	}

	section.files {
		overflow: auto;
	}
	.table-wrapper {
		overflow: auto;
	}
	/* HOME */

	.home-wrap .content-wrap {
		padding: 0;
	}

	/* BLOG */
	.latest-news {
		padding: 1.5rem 0 2.5rem 0;
	}
	.latest-news .main .item h3 {
		font-size: 1.25rem;
	}

	.latest-news .main .item .image {
		min-height: 17.86rem;
	}
	.latest-news .other {
		margin-top: 1rem;
	}
	.latest-news .other .item .image {
		max-width: 7.5rem;
		height: 6rem;
	}
	article.type-post h3 {
		min-height: auto;
	}
	article.type-post .categories, .latest-news .categories {
		flex-wrap: wrap;
	}
	article.type-post .classificator {
		align-items: flex-end;
	}
	article.type-post .classificator span {
		height: auto;
		padding-left: 0.5rem;
        padding-right: 0.5rem;
		word-break: break-word;
	}
	.taxonomy-tabs ul li {
		text-align: left;
		padding-right: 1rem;
		width: auto;
	}
	.taxonomy-tabs ul li:last-of-type {
		padding-right: 0;
	}
	.taxonomy-tabs ul li a {
		display: inline-block;
		font-size: 1rem;
	}
	.taxonomy-tabs ul li a {
		text-align: center;
	}
	.articles-wrap .text-button {
		height: 2.5rem;
	}
	.articles-wrap .text-button span {
		margin-right: 0.75rem;
	}
	.articles-wrap article.type-post h3 {
		font-size: 1.25rem;
	}
	.articles-wrap article.type-post {
		margin-bottom: 1.5rem;
	}
	.navigation.pagination {
		padding-top: 1.5rem;
	}

	/* MODAL */

	.modal-container {
		align-items: flex-start;
		padding-top: 100px;
		overflow: auto;
	}
	
	
	/* BLOCKS */

	.order-line {
		max-width: 100%;
	}

	/* TABLE */

	.table-wrapper {
		border: 1px solid #dedede;
        border-radius: 16px;
	}

	/* FOOTER */
	footer.site-footer {
		margin-top: 4rem;
		
	}

	footer.site-footer .logo {
		margin-bottom: 1.5rem;
	}
	footer.site-footer h5 {
		margin-bottom: 1rem;
	}
	footer.site-footer .row.top {
		margin-bottom: 1.5rem;
	}
	footer.site-footer .contact-block, footer.site-footer .contact-block:first-child {
		margin-bottom: 0.5rem;
	}
	footer.site-footer .useful-links ul {
		flex-direction: row;
		flex-wrap: wrap;
	}
	footer.site-footer .useful-links ul li {
		width: 50%;
	}
	footer.site-footer .bottom .social-icons {
		display: none;
	}
	footer.site-footer .social-icons {
		margin-top: 0.5rem;
	}
	footer.site-footer .container {
		padding-left: 1.5rem;
		padding-right: 1.5rem;;
	}
	footer.site-footer .copyright span {
		display: block;
		line-height: 1.5rem;
	}
	footer #footer-svg {
		top: auto;
		height: auto;
		width: 100%;
		bottom: 0;
	}
	
} 

@media (max-width: 767px) {
	.woocommerce ul.products.columns-3 li.product,.woocommerce ul.products.columns-4 li.product {
		width: 100%;
	}
	.wpforms-container {
		transition: height 0.5s ease-out;
	}
	
}

@media (max-width: 375px) {
	.taxonomy-tabs ul li a {
		font-size: 0.875rem;
	}
}