:root {
--font-family: "Inter", sans-serif;
--second-family: "Roboto", sans-serif;
/* Colors */
--bg-primary: #0f1113;
--bg-subtle: #15181b;
--bg-surface: #1a1d21;
--text-primary: #f1f3f5;
--text-secondary: #ced4da;
--text-third: #8b9197;
--text-inverse-secondary: rgba(15, 17, 19, 0.75);
--border-default: #2a2f35;
--border-form: #646567;
--border-form-hover: #c5c8cc;
--accent-primary: #f3ca43;
--accent-primary-hover: #e7c040;
--system-warning: #f63939;
--system-alert: #eba42a;
--system-succes: #3fa72f;
}
/* FONTS
========================================================================== */
/* MAIN FILES
========================================================================== */
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
overflow-x: hidden;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
color: #f1f3f5;
font-family: var(--font-family);
font-weight: 400;
height: auto;
min-height: 100vh;
position: relative;
background: var(--bg-primary);
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
}
body ::-moz-selection {
background: #f1f3f5;
color: #ffffff;
}
body ::selection {
background: #f1f3f5;
color: #ffffff;
}
body.home .main-logo {
pointer-events: none;
}
#wrap {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-box-flex: 1;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
mark {
background: none;
}
/* ==========================================================================
FORMS & TABLE & NAVIGATION
========================================================================== */
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block {
position: relative;
width: 100%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.conditional-logic-hide {
display: none !important;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-textarea label {
top: 19px;
transform: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-textarea .required-error-message,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-textarea .validation-error-message {
bottom: -13px;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox input {
display: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox input:checked + label {
color: var(--text-primary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox input:checked + label:before {
border-color: var(--text-primary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox input:checked + label:after {
opacity: 1;
visibility: visible;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox label {
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
position: relative;
pointer-events: auto;
top: unset;
left: unset;
transform: unset;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
color: var(--text-secondary);
transition: 0.3s all ease;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox label:hover:before {
border-color: var(--accent-primary-hover);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox label:before {
position: relative;
content: "";
display: block;
--label-before-size: clamp(14px, 11.3333333333px + 0.462962963vw, 18px);
width: var(--label-before-size);
height: var(--label-before-size);
flex: 0 0 var(--label-before-size);
border: 1px solid var(--border-form);
margin-right: 8px;
border-radius: 4px;
transition: 0.3s all ease;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox label:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
transition: 0.3s all ease;
left: clamp(4px, 2.6666666667px + 0.2314814815vw, 6px);
width: 8px;
height: 8px;
background-color: var(--accent-primary);
opacity: 0;
visibility: hidden;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-checkbox label a {
margin-left: 4px;
color: var(--accent-primary);
text-decoration-color: var(--accent-primary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select label {
top: clamp(8.5px, 10.1666666667px + -0.1157407407vw, 9.5px);
transform: none;
font-family: var(--second-family);
font-size: 12px;
color: #908d9a;
z-index: 2;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container {
width: 100%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container:focus-visible {
outline: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container:focus *, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container:focus-visible * {
outline: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container:hover .selection .select2-selection {
border-color: #908d9a;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container.select2-container--open .selection .select2-selection {
border-color: #595568;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container.select2-container--open .selection .select2-selection .select2-selection__arrow:before {
transform: scale(-1);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container .selection .select2-selection {
height: 55px;
border-radius: 4px;
border-color: var(--border-form);
transition: 0.3s border-color ease;
margin: 0 !important;
background: transparent !important;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container .selection .select2-selection .select2-selection__rendered {
height: 55px;
padding-left: 12px;
padding-right: 42px;
padding-top: clamp(24.5px, 26.1666666667px + -0.1157407407vw, 25.5px);
padding-bottom: clamp(8.5px, 10.1666666667px + -0.1157407407vw, 9.5px);
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: var(--text-primary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container .selection .select2-selection .select2-selection__arrow {
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container .selection .select2-selection .select2-selection__arrow:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block.input-block-select .select2-container .selection .select2-selection .select2-selection__arrow b {
display: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block .wpwp-input-info-message {
line-height: 140%;
color: var(--text-third);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block label, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block label a {
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: #595568;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block label {
position: absolute;
left: 12px;
pointer-events: none;
transition: 0.15s ease-in-out;
top: 50%;
transform: translateY(-50%);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(input:not([type=checkbox]):focus) label, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(textarea:focus) label, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(input:not([type=checkbox]):not(:placeholder-shown)) label, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(textarea:not(:placeholder-shown)) label {
top: clamp(8.5px, 10.1666666667px + -0.1157407407vw, 9.5px);
transform: none;
font-family: var(--second-family);
font-size: 12px;
color: #908d9a;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(input:not([type=checkbox]):focus) input,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(input:not([type=checkbox]):focus) textarea, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(textarea:focus) input,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(textarea:focus) textarea, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(input:not([type=checkbox]):not(:placeholder-shown)) input,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(input:not([type=checkbox]):not(:placeholder-shown)) textarea, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(textarea:not(:placeholder-shown)) input,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block:has(textarea:not(:placeholder-shown)) textarea {
padding-inline: 12px;
padding-top: clamp(29.5px, 31.1666666667px + -0.1157407407vw, 30.5px);
padding-bottom: clamp(8.5px, 10.1666666667px + -0.1157407407vw, 9.5px);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block .required-error-message,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .input-block .validation-error-message {
position: absolute;
bottom: -16px;
left: 12px;
white-space: nowrap;
font-family: var(--second-family);
font-weight: 400;
font-size: 12px;
line-height: 1;
color: var(--system-warning);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) select {
outline: 0 none;
padding: 0 12px;
transition: 0.3s all ease;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search] {
font-size: 16px;
border-radius: 4px;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=text], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=number], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=email], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=password], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=tel], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea {
border: 1px solid var(--border-form);
height: 55px;
padding: 16.5px 12px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
background: transparent;
font-size: 16px;
line-height: 140%;
color: var(--text-third);
border-radius: 4px;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=text]::placeholder, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=number]::placeholder, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=email]::placeholder, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=password]::placeholder, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]::placeholder, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=tel]::placeholder, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea::placeholder {
color: transparent !important;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=text]:hover, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=number]:hover, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=email]:hover, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=password]:hover, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]:hover, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=tel]:hover, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea:hover {
border-color: var(--border-form-hover);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=text]:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=text]:focus-visible, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=number]:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=number]:focus-visible, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=email]:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=email]:focus-visible, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=password]:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=password]:focus-visible, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]:focus-visible, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=tel]:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=tel]:focus-visible, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea:focus-visible {
border-color: var(--accent-primary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=text]:not(:placeholder-shown), :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=number]:not(:placeholder-shown), :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=email]:not(:placeholder-shown), :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=password]:not(:placeholder-shown), :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]:not(:placeholder-shown), :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=tel]:not(:placeholder-shown), :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea:not(:placeholder-shown) {
color: var(--text-primary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) textarea {
resize: none;
overflow: hidden;
transition: 0.3s border-color ease, 0s height;
min-height: 99px;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) button[type=submit],
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=submit] {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 1;
color: var(--bg-primary);
padding-inline: 24px;
padding-top: 15px;
padding-bottom: 15px;
background: var(--accent-primary);
border: none;
display: block;
width: 100%;
cursor: pointer;
transition: 0.3s background-color ease;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) button[type=submit]:focus, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) button[type=submit]:focus-visible,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=submit]:focus,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=submit]:focus-visible {
outline: none !important;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) button[type=submit]:hover,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=submit]:hover {
color: var(--bg-primary);
background-color: var(--accent-primary-hover);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input.wpcf7-not-valid {
border-color: var(--system-warning) !important;
color: var(--system-warning);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .required-error input, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .required-error textarea, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .required-error .select2-selection {
border-color: var(--system-warning) !important;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) button[disabled], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) html input[disabled] {
cursor: default;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]::placeholder {
color: var(--text-third) !important;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search], :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]::-webkit-search-decoration, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none !important;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input::-webkit-outer-spin-button, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input[type=number] {
-moz-appearance: textfield;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) button::-moz-focus-inner, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) input::-moz-focus-inner {
border: 0;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) form p {
margin-bottom: 0;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) table {
border-collapse: collapse;
border-spacing: 0;
}
.wp-admin .interface-interface-skeleton__content input, .wp-admin .interface-interface-skeleton__content textarea {
color: var(--bg-primary) !important;
}
/* ==========================================================================
TYPOGRAPHY
========================================================================== */
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h1, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h2, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h3, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h4, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h5,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h1, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h2, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h3, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h4, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h5,
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-l, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-l-medium, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-m, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-m-medium, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-s, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-s-medium, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) p, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .caption, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .overline, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .button-l, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .button-s-m {
font-family: var(--font-family);
color: #f1f3f5;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h1, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h1 {
font-size: clamp(30px, 19.3333333333px + 1.8518518519vw, 46px);
font-weight: 600;
line-height: 115%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h1 a, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h1 a {
font-size: clamp(30px, 19.3333333333px + 1.8518518519vw, 46px);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h2, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h2 {
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
font-weight: 600;
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h2 a, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h2 a {
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h3, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h3 {
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
font-weight: 500;
line-height: 115%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h3 a, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h3 a {
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h4, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h4 {
font-size: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
font-weight: 500;
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h4 a, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h4 a {
font-size: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h5, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h5 {
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
font-weight: 500;
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) h5 a, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .h5 a {
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-l, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-l-medium {
font-weight: 400;
font-size: clamp(16px, 14.6666666667px + 0.2314814815vw, 18px);
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-l-medium {
font-weight: 600;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) p, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-m, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-m-medium {
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-m-medium {
font-weight: 600;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-s, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-s-medium {
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .body-s-medium {
font-weight: 600;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .caption {
font-weight: 400;
font-size: 12px;
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .overline {
font-weight: 500;
font-size: 12px;
line-height: 140%;
letter-spacing: 0.04em;
text-transform: uppercase;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .button-l {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .button-s-m {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .button-yellow {
display: block;
width: max-content;
margin: 0 auto;
color: var(--bg-primary);
border-radius: 4px;
padding: 8px 20px;
background: var(--accent-primary);
border: 1px solid var(--accent-primary);
text-decoration: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) .button-yellow:hover {
background: transparent;
color: var(--text-primary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) a {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
text-decoration-skip-ink: none;
color: var(--accent-primary-hover);
text-decoration-color: var(--accent-primary-hover);
outline: 0;
text-decoration: underline;
transition: 0.3s all ease;
text-underline-offset: 3px;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) a:hover {
outline: 0;
color: var(--accent-primary-hover);
text-decoration-color: var(--accent-primary-hover);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) img {
border: 0;
height: auto;
max-width: 100%;
vertical-align: top;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) ul li, :where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) ol li {
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-secondary);
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) ul {
list-style: none;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) ul li {
padding-left: 24px;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) ul li:before {
position: absolute;
content: "";
width: 6px;
height: 6px;
top: 50%;
left: 9px;
transform: translateY(-50%);
background-color: var(--text-secondary);
border-radius: 50%;
}
:where(body:not(.wp-admin):not(.block-editor-iframe__body), .editor-styles-wrapper) ol {
list-style-type: decimal;
list-style-position: outside;
padding-left: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
}
strong, b, .strong {
font-weight: 700;
}
i {
font-style: normal;
}
@media screen and (min-width: 1140px) {
::-webkit-scrollbar {
width: 13px;
}
::-webkit-scrollbar-track {
background-color: var(--border-default);
border-left: 1px solid var(--border-default);
}
::-webkit-scrollbar-thumb {
background-color: var(--accent-primary);
}
::-webkit-scrollbar-thumb:hover {
background: var(--accent-primary);
}
}
.social-link {
display: block;
flex: 0 0 32px;
}
.social-link:hover .social-link-icon svg path {
fill: var(--accent-primary-hover);
}
.social-link .social-link-icon {
width: 32px;
height: 32px;
}
.social-link .social-link-icon svg {
width: 32px;
height: 32px;
}
.social-link .social-link-icon svg path {
transition: 0.3s all ease;
}
.btn {
cursor: pointer;
display: inline-block;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding: 15px 24px;
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
border-radius: 4px;
color: var(--text-primary);
text-align: center;
}
.btn:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
.btn.btn-small {
padding-inline: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
padding-top: clamp(10.5px, 10.1666666667px + 0.0578703704vw, 11px);
padding-bottom: clamp(10.5px, 10.1666666667px + 0.0578703704vw, 11px);
}
.btn.btn-yellow {
color: var(--bg-primary);
background-color: var(--accent-primary);
}
.btn.btn-yellow:hover {
color: var(--bg-primary);
background-color: var(--accent-primary-hover);
}
.btn.btn-yellow-border {
border: 1px solid var(--accent-primary);
padding: 14px 23px;
}
.btn.btn-yellow-border.btn-small {
padding-inline: clamp(15px, 12.3333333333px + 0.462962963vw, 19px);
padding-top: clamp(9.5px, 9.1666666667px + 0.0578703704vw, 10px);
padding-bottom: clamp(9.5px, 9.1666666667px + 0.0578703704vw, 10px);
}
.slider-arrow {
--arrow-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
width: var(--arrow-size);
height: var(--arrow-size);
flex: 0 0 var(--arrow-size);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
background-color: transparent;
border: none;
cursor: pointer;
z-index: 2;
}
.slider-arrow:focus, .slider-arrow:focus-visible {
outline: none;
}
.slider-arrow--prev {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12L16 20L24 28' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.slider-arrow--prev:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12L16 20L24 28' stroke='%23E7C040' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.slider-arrow--next {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28L24 20L16 12' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.slider-arrow--next:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28L24 20L16 12' stroke='%23E7C040' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.slick-dots {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
user-select: none;
}
.slick-dots li {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
width: 12px;
height: 12px;
padding: 0;
user-select: none;
}
.slick-dots li:only-child {
display: none;
}
.slick-dots li button {
border: 1px solid var(--border-form);
width: 12px;
height: 12px;
background: transparent;
box-shadow: none;
color: transparent;
user-select: none;
cursor: pointer;
transition: 0.3s all ease;
}
.slick-dots li button:focus, .slick-dots li button:focus-visible {
outline: none;
}
.slick-dots li:before {
display: none;
}
.slick-dots li.slick-active button {
background-color: var(--accent-primary);
border-color: var(--accent-primary);
}
@media screen and (min-width: 577px) {
.slick-dots li:hover button {
border-color: var(--accent-primary-hover);
}
}
.wpwp-add-to-cart-disabled,
.arrow-disabled {
opacity: 0.5;
pointer-events: none;
}
.pop-up-loading .pop-up,
.content-loading .pop-up,
.content-loading {
opacity: 0.5;
pointer-events: none;
position: relative;
}
.pop-up-loading .pop-up:after,
.content-loading .pop-up:after,
.content-loading:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 40px;
height: 40px;
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader linear infinite;
z-index: 4;
transition: 0.3s all ease;
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.blockOverlay {
background: #fff !important;
opacity: 0.5 !important;
z-index: 999 !important;
border-radius: 4px;
}
.blockOverlay:before {
width: 40px;
height: 40px;
animation: spin 1s ease-in-out infinite;
background: unset !important;
color: transparent;
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
}
.select2-container {
width: auto;
}
.select2-container .select2-dropdown.switcher-dropdown, .select2-container .select2-dropdown.sort-dropdown {
border: 1px solid var(--border-default);
background-color: var(--bg-surface);
border-radius: 4px;
top: 5px;
left: -170px;
width: 202px !important;
padding: 23px;
}
.select2-container .select2-dropdown.switcher-dropdown .select2-results .select2-results__options .select2-results__option, .select2-container .select2-dropdown.sort-dropdown .select2-results .select2-results__options .select2-results__option {
font-weight: 500;
font-size: 14px;
line-height: 140%;
color: var(--text-primary);
transition: 0.3s all ease;
padding: 0;
}
.select2-container .select2-dropdown.switcher-dropdown .select2-results .select2-results__options .select2-results__option:not(:last-child), .select2-container .select2-dropdown.sort-dropdown .select2-results .select2-results__options .select2-results__option:not(:last-child) {
margin-bottom: 16px;
}
.select2-container .select2-dropdown.switcher-dropdown .select2-results .select2-results__options .select2-results__option:before, .select2-container .select2-dropdown.sort-dropdown .select2-results .select2-results__options .select2-results__option:before {
display: none;
}
.select2-container .select2-dropdown.switcher-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container .select2-dropdown.switcher-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted, .select2-container .select2-dropdown.sort-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container .select2-dropdown.sort-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
background-color: transparent;
color: var(--accent-primary);
}
.select2-container .select2-dropdown.footer-mobile-switcher-dropdown {
left: -24px;
}
.select2-container .select2-dropdown.form-dropdown {
border-radius: 4px;
border-color: var(--accent-primary);
background-color: var(--bg-surface);
border-top: 1px solid var(--accent-primary);
top: 4px;
padding: 15px 11px;
}
.select2-container .select2-dropdown.form-dropdown .select2-search {
padding: 0;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.select2-container .select2-dropdown.form-dropdown .select2-results .select2-results__options .select2-results__option {
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: var(--text-primary);
transition: 0.3s all ease;
background-color: var(--bg-surface);
padding: 0;
}
.select2-container .select2-dropdown.form-dropdown .select2-results .select2-results__options .select2-results__option:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.select2-container .select2-dropdown.form-dropdown .select2-results .select2-results__options .select2-results__option:before {
display: none;
}
.select2-container .select2-dropdown.form-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
position: relative;
background: transparent;
color: var(--accent-primary);
}
.select2-container .select2-dropdown.form-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--selected:before {
display: block !important;
position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: auto;
right: 20px;
transform: translate(0%, -50%);
background: transparent;
content: url('data:image/svg+xml,');
}
.select2-container .select2-dropdown.form-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
color: var(--accent-primary);
}
.select2-container .select2-dropdown.sort-dropdown {
--sort-dropdown-left: clamp(-40px, -26.6666666667px + -0.9259259259vw, -32px);
left: calc(var(--sort-dropdown-left) - 90px);
}
@media (max-width: 768px) {
.select2-container .select2-dropdown.sort-dropdown {
left: var(--sort-dropdown-left);
}
}
.top-offer-products-container .top-offer-products-title-nav {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.top-offer-products-container .top-offer-products-title-nav .top-offer-products-title {
color: var(--text-third);
text-align: center;
}
ul.products {
margin: 0;
clear: unset;
}
ul.products:before, ul.products:after {
display: none !important;
}
ul.products li.product {
clear: unset !important;
margin: 0 !important;
padding: 7px !important;
transition: 0.3s all ease;
overflow: hidden;
border-radius: 4px;
border: 1px solid transparent;
}
@media (max-width: 576px) {
ul.products li.product {
padding: 0 !important;
border: none;
border-radius: 0;
}
}
ul.products li.product:not(.slick-slide) {
width: 100% !important;
float: unset !important;
}
ul.products li.product:hover {
border-color: var(--border-default);
}
ul.products li.product .woocommerce-LoopProduct-link {
position: relative;
text-decoration: none;
}
ul.products li.product .woocommerce-LoopProduct-link:hover {
text-decoration: none;
}
ul.products li.product .woocommerce-LoopProduct-link:hover .wpwp-product-card-galleries-wrap .product-card-choose-option-btn {
opacity: 1;
visibility: visible;
}
ul.products li.product .woocommerce-LoopProduct-link:hover .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .slick-dots {
opacity: 1;
visibility: visible;
}
ul.products li.product .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale {
--onsale-position: clamp(37px, 34.3333333333px + 0.462962963vw, 41px);
top: var(--onsale-position) !important;
}
ul.products li.product .woocommerce-LoopProduct-link .onsale, ul.products li.product .woocommerce-LoopProduct-link .product-badge-top {
position: absolute;
z-index: 2;
top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
left: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
width: max-content;
min-width: unset;
min-height: unset;
margin: 0;
background-color: var(--bg-primary);
border: 1px solid var(--border-default);
border-radius: 4px;
padding: 1.5px 8px;
font-weight: 500;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-primary);
}
ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap {
position: relative;
overflow: hidden;
border-radius: 4px;
background-color: var(--bg-surface);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .product-card-choose-option-btn {
position: absolute;
width: 100%;
max-width: max-content;
--choose-option-btn-top: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery.slick-initialized .woocommerce-product-gallery__image:not(:first-child) {
display: block;
}
ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .gallery-arrow {
display: none !important;
}
ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .woocommerce-product-gallery__image:not(:first-child) {
display: none;
}
ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
width: 100%;
max-width: 416px;
object-fit: cover;
margin: 0 auto;
aspect-ratio: 1/1;
}
ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .slick-dots {
margin: 0;
position: absolute;
z-index: 2;
padding: 0 10px;
top: 20px;
width: 100%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
margin-bottom: 8px;
padding: 0;
}
ul.products li.product .woocommerce-LoopProduct-link .price {
display: flex;
align-items: center;
justify-content: flex-start;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin: 0;
}
@media (max-width: 576px) {
ul.products li.product .woocommerce-LoopProduct-link .price:has(.screen-reader-text) {
gap: 4px;
}
}
ul.products li.product .woocommerce-LoopProduct-link .price > span {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
ul.products li.product .woocommerce-LoopProduct-link .price > .amount bdi {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
ul.products li.product .woocommerce-LoopProduct-link .price del {
color: var(--text-third);
order: 1;
}
ul.products li.product .woocommerce-LoopProduct-link .price del .amount bdi {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-third);
}
ul.products li.product .woocommerce-LoopProduct-link .price ins {
text-decoration: none;
order: 0;
}
ul.products li.product .woocommerce-LoopProduct-link .price ins .amount bdi {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
ul.products li.product .woocommerce-LoopProduct-link .price .sale-percent {
display: none;
order: 2;
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
ul.products li.product .product-card-color-variation-options {
margin-top: 8px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block {
cursor: pointer;
position: relative;
width: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
height: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin: 2px;
border-radius: 2px;
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block:before {
position: absolute;
content: "";
top: -2px;
left: -2px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 1px solid var(--text-primary);
border-radius: 4px;
opacity: 1;
transition: 0.3s all ease;
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block:hover:before {
border-color: var(--accent-primary);
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block:has(.product_card_color_variation_option-input:checked)::before {
border-color: var(--accent-primary);
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block:has(.product_card_color_variation_option-input-label:hover)::before {
border-color: var(--accent-primary);
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input {
display: none;
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input:checked + label:before {
opacity: 1;
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input-label {
cursor: pointer;
position: relative;
display: block;
color: transparent;
width: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
height: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
user-select: none;
}
ul.products li.product .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input-label:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
background-color: var(--bg-primary);
border-radius: 100%;
opacity: 0;
transition: 0.3s all ease;
}
html.products-view-list .product-archive-main-wrap .archive-products-wrap .products {
gap: 16px;
}
@media (max-width: 1280px) {
html.products-view-list .product-archive-main-wrap .archive-products-wrap .products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 900px) {
html.products-view-list .product-archive-main-wrap .archive-products-wrap .products {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
}
html.products-view-list ul.products li.product {
background-color: var(--bg-surface);
display: grid;
grid-template-columns: 200px 1fr;
grid-template-rows: 1fr auto auto auto 1fr;
gap: 0 16px;
align-items: start;
}
@media (max-width: 576px) {
html.products-view-list ul.products li.product {
grid-template-columns: 165px 1fr;
gap: 0 12px;
}
}
html.products-view-list ul.products li.product .woocommerce-LoopProduct-link {
display: contents;
}
html.products-view-list ul.products li.product .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale {
top: 33px !important;
}
html.products-view-list ul.products li.product .woocommerce-LoopProduct-link .onsale, html.products-view-list ul.products li.product .woocommerce-LoopProduct-link .product-badge-top {
top: 8px;
left: 8px;
}
html.products-view-list ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap {
grid-column: 1/2;
grid-row: 1/6;
margin-bottom: 0;
height: 100%;
}
html.products-view-list ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
height: 100%;
object-fit: cover;
aspect-ratio: auto;
}
html.products-view-list ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
grid-column: 2/3;
grid-row: 2/3;
}
html.products-view-list ul.products li.product .woocommerce-LoopProduct-link .price {
grid-column: 2/3;
grid-row: 3/4;
}
html.products-view-list ul.products li.product .product-card-color-variation-options {
grid-column: 2/3;
grid-row: 4/5;
}
.switchers-container .wpwp-input-block .select2-container .selection .select2-selection {
background-color: transparent;
border: none;
border-radius: 0;
height: 20px;
padding-right: 24px;
margin: 0 !important;
}
.switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__rendered {
outline: none;
padding: 0;
line-height: 20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 16px;
color: #fff;
}
.switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__rendered:focus, .switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__rendered:focus-visible {
outline: none;
}
.switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__arrow {
top: 0;
right: 0;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8L10 12L14 8' stroke='white' stroke-miterlimit='10' stroke-linecap='square' stroke-linejoin='round' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__arrow b {
display: none;
}
.switchers-container .wpwp-input-block .wpwp-input {
display: none;
}
.contact-files-block .wpwp-input-block label {
gap: 8px;
font-family: var(--font-family) !important;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 140% !important;
color: var(#f1f3f5) !important;
}
.breadcrumbs {
width: 1312px;
max-width: 94%;
margin: 16px auto;
}
@media (max-width: 768px) {
.breadcrumbs {
max-width: 91.47%;
margin: 12px auto;
}
}
.breadcrumbs a {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-third);
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
.breadcrumbs .custom-slash {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-third);
margin: 0 4px;
}
.breadcrumbs .breadcrumb_last {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-primary);
}
.accordion-item {
cursor: pointer;
}
.accordion-item:not(:first-child) {
padding-top: clamp(11px, 8.3333333333px + 0.462962963vw, 15px);
}
.accordion-item:not(:last-child) {
padding-bottom: clamp(11px, 8.3333333333px + 0.462962963vw, 15px);
border-bottom: 1px solid var(--border-default);
}
.accordion-item.active .accordion-item-heading .accordion-item-icon:before, .accordion-item.active .accordion-item-heading .accordion-item-icon:after {
background-color: var(--text-third);
}
.accordion-item.active .accordion-item-heading .accordion-item-icon:before {
transform: rotate(180deg);
}
.accordion-item.active .accordion-item-heading .accordion-item-icon:after {
transform: rotate(180deg);
}
.accordion-item .accordion-item-heading {
display: flex;
align-items: center;
justify-content: space-between;
}
.accordion-item .accordion-item-heading .accordion-item-icon {
display: flex;
align-items: center;
justify-content: center;
width: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
height: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
}
.accordion-item .accordion-item-heading .accordion-item-icon:before, .accordion-item .accordion-item-heading .accordion-item-icon:after {
position: absolute;
display: block;
content: "";
width: 20px;
height: 2px;
background-color: var(--text-primary);
transition: 0.3s all ease;
}
@media (max-width: 576px) {
.accordion-item .accordion-item-heading .accordion-item-icon:before, .accordion-item .accordion-item-heading .accordion-item-icon:after {
width: 15px;
height: 1px;
}
}
.accordion-item .accordion-item-heading .accordion-item-icon:after {
transform: rotate(90deg);
}
.accordion-item .accordion-item-text {
display: none;
color: #c8c6cc;
margin-top: 8px;
padding-right: clamp(40px, 34.6666666667px + 0.9259259259vw, 48px);
}
.pagination-block.pagination-block-empty, .pagination-block.has-only-one-page {
display: none !important;
}
.pagination-block .pagination-show-more {
display: none;
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-page-btn-arrow {
--arrow-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
width: var(--arrow-size);
height: var(--arrow-size);
flex: 0 0 var(--arrow-size);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
background-color: transparent;
border: none;
cursor: pointer;
z-index: 2;
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-page-btn-arrow:focus, .pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-page-btn-arrow:focus-visible {
outline: none;
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-page-btn-arrow.pagination-page-btn-prev {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12L16 20L24 28' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-page-btn-arrow.pagination-page-btn-prev:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12L16 20L24 28' stroke='%23E7C040' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-page-btn-arrow.pagination-page-btn-next {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28L24 20L16 12' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-page-btn-arrow.pagination-page-btn-next:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28L24 20L16 12' stroke='%23E7C040' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-pages {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-pages .pagination-page-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: clamp(26px, 24.6666666667px + 0.2314814815vw, 28px);
border: 1px solid var(--border-default);
transition: 0.3s all ease;
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 1;
text-decoration: none;
border-radius: 4px;
color: var(--text-primary);
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-pages .pagination-page-btn:hover {
color: var(--accent-primary-hover);
text-decoration: none;
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-pages .pagination-page-btn.pagination-current-page-btn {
border-color: var(--accent-primary);
background-color: var(--accent-primary);
color: var(--bg-primary);
}
.pagination-block .pagination-pages-per-pages-block .pagination-pages-block .pagination-pages .pagination-page-btn.pagination-page-btn-plug {
border: none;
pointer-events: none;
}
.pns-wrap {
position: fixed;
top: clamp(96px, 80px + 2.7777777778vw, 120px);
right: clamp(20px, -9.3333333333px + 5.0925925926vw, 64px);
z-index: 100000;
max-height: 70vh;
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
width: 335px;
}
.pns-wrap .pn-wrap {
padding: clamp(15px, 9.6666666667px + 0.9259259259vw, 23px);
border: 1px solid var(--border-default);
border-radius: 4px;
width: 100%;
background-color: var(--bg-surface);
}
.pns-wrap .pn-wrap:not(:last-child) {
margin-bottom: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
}
.pns-wrap .pn-wrap .pn-content {
position: relative;
}
.pns-wrap .pn-wrap .pn-content .pn-close-btn {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6562' y='8.92896' width='2' height='18' transform='rotate(45 21.6562 8.92896)' fill='%23F1F3F5'/%3E%3Crect x='23.0703' y='21.6569' width='2' height='18' transform='rotate(135 23.0703 21.6569)' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
.pns-wrap .pn-wrap .pn-content .pn-close-btn:hover {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6569' y='8.92871' width='2' height='18' transform='rotate(45 21.6569 8.92871)' fill='%23E7C040'/%3E%3Crect x='23.071' y='21.6567' width='2' height='18' transform='rotate(135 23.071 21.6567)' fill='%23E7C040'/%3E%3C/svg%3E%0A");
}
.pns-wrap .pn-wrap .pn-content .pn-message-content .add-to-cart-notification {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pns-wrap .pn-wrap .pn-content .pn-message-content .add-to-cart-notification .product-image {
width: 48px;
height: 48px;
}
.pns-wrap .pn-wrap .pn-content .pn-message-content .add-to-cart-notification .product-image img {
width: 48px;
height: 48px;
max-width: max-content;
}
.pns-wrap .pn-wrap .pn-content .pn-message-content .add-to-cart-notification .add-to-cart-message-wrap {
max-width: clamp(187px, 233.6666666667px + -3.2407407407vw, 215px);
}
.pns-wrap .pn-wrap .pn-content .pn-message-content .add-to-cart-notification .add-to-cart-message-wrap .add-to-cart-message {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pns-wrap .pn-wrap .pn-content .pn-auto-close-progress {
background-color: var(--accent-primary);
height: 2px;
margin-top: 5px;
}
.tooltip {
position: absolute;
cursor: pointer;
}
.tooltip .tooltip-content {
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
transform: translate(-50%, 20px);
border: 1px solid var(--border-default);
padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
background-color: var(--text-inverse-secondary);
width: clamp(294px, 281.3333333333px + 2.1990740741vw, 313px);
opacity: 0;
visibility: hidden;
z-index: 2;
transition: 0.3s all ease;
}
.tooltip .tooltip-content:before {
position: absolute;
content: "";
bottom: -10px;
left: 0;
width: 100%;
height: 10px;
}
.tooltip .tooltip-content .tooltip-title {
text-align: center;
}
.tooltip .tooltip-content .tooltip-title:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.tooltip .tooltip-content .tooltip-text {
text-align: center;
color: var(--text-secondary);
}
.tooltip .tooltip-content .tooltip-button {
color: var(--accent-primary-hover);
text-decoration: underline;
text-decoration-color: var(--accent-primary-hover);
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
margin-top: clamp(8px, 5.3333333333px + 0.462962963vw, 12px);
}
.tooltip .tooltip-circle {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background-color: rgba(243, 202, 67, 0.2);
border-radius: 100%;
margin: 0 auto;
}
.tooltip .tooltip-circle:before {
content: "";
width: 16px;
height: 16px;
background-color: var(--accent-primary);
border-radius: 100%;
transition: 0.3s all ease;
}
.tooltip--left .tooltip-content {
left: -50px;
transform: translateY(20px);
}
.tooltip--left:hover .tooltip-content {
transform: translateY(0) !important;
}
.tooltip--right .tooltip-content {
left: unset;
right: -50px;
transform: translateY(20px);
}
.tooltip--right:hover .tooltip-content {
transform: translateY(0) !important;
}
.tooltip:hover .tooltip-content {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
#wpwp-scroll-top {
user-select: none;
cursor: pointer;
position: fixed;
bottom: clamp(50px, 40.6666666667px + 1.6203703704vw, 64px);
right: clamp(16px, -16px + 5.5555555556vw, 64px);
width: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
height: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
align-items: center;
justify-content: center;
background-color: var(--bg-subtle);
border: 1px solid var(--border-default);
border-radius: 100%;
z-index: 10;
}
#wpwp-scroll-top:before {
display: block;
content: "";
width: 14px;
height: 9px;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.710938 7.41418L6.71094 1.41418L12.7109 7.41418' stroke='%23F3CA43' stroke-width='2' /%3E%3C/svg%3E");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
#wpwp-scroll-top.scroll-top-active {
display: flex !important;
}
.row1440 {
width: 1440px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 768px) {
.row1440 {
max-width: 91.47%;
}
}
.row1312 {
width: 1312px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
.row1312 {
max-width: 91.47%;
}
}
.row1280 {
width: 1280px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
.row1280 {
max-width: 91.47%;
}
}
.row854 {
width: 854px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
.row854 {
max-width: 91.47%;
}
}
.custom-link, .custom-link a {
font-family: var(--font-family);
font-weight: 500;
font-size: 16px;
line-height: 140%;
text-align: center;
color: var(--text-primary);
text-decoration-color: transparent;
}
.custom-link:hover, .custom-link a:hover {
color: var(--accent-primary);
text-decoration-color: var(--accent-primary);
}
.contact-files-block-description {
margin: 10px 0;
color: var(--accent-primary);
font-size: 14px;
}
.contact-files-block .wpwp-input-block {
width: 148px;
height: 36px;
border: 1px solid #f3ca43;
border-radius: 4px;
}
.contact-files-block .wpwp-input-block .wpwp-input-label {
cursor: pointer;
width: 100%;
height: 100%;
position: unset;
display: flex;
justify-content: center;
align-items: center;
pointer-events: unset;
}
.contact-files-block .wpwp-input-block .wpwp-input[type=file] {
display: none;
}
.contact-file-item {
width: 80px;
height: 80px;
background: #fff2e7;
border-radius: 12px;
position: relative;
}
.contact-file-item img,
.contact-file-item video {
width: 100%;
}
.contact-file-item-delete-item {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.contact-files-drop-zone {
transition: 200ms;
display: flex;
}
.contact-files-drop-zone.dragover-files {
background: #fff2e7;
}
/* ==========================================================================
HELPERS
========================================================================== */
.wrap {
width: 1290px;
max-width: 91.8%;
margin: 0 auto;
position: relative;
}
@media (max-width: 1024px) {
.wrap {
max-width: 94.271%;
}
}
@media (max-width: 576px) {
.wrap {
max-width: 91.67%;
}
}
#wrap {
position: relative;
width: 100%;
min-height: 100%;
}
.c {
font-size: 0;
line-height: 0;
display: block;
clear: both;
overflow: hidden;
}
.cfx:after, .cfx:before {
display: table;
clear: both;
content: " ";
}
.bg-center {
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.underline {
position: relative;
display: inline-block;
}
.underline:after {
display: block;
width: 0;
height: 1px;
margin: auto;
content: "";
transition: width 0.5s ease, background-color 0.5s ease;
background: transparent;
}
.underline:hover:after {
width: 100%;
background: #f1f3f5;
}
.hover-underline-animation {
display: inline-block;
position: relative;
color: #0087ca;
}
.hover-underline-animation::after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: #0087ca;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
/* ==========================================================================
WORDPRESS DEFAULT CLASSES
========================================================================== */
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
margin: 10px;
padding-top: 4px;
text-align: center;
border: 1px solid #dddddd;
border-radius: 3px;
background-color: #f3f3f3;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/* ==========================================================================
WYSIWYG
========================================================================== */
.wysiwyg h1 {
font-size: 20px;
line-height: 1;
margin-bottom: 10px;
padding-bottom: 5px;
text-transform: uppercase;
}
.wysiwyg p {
font-size: 15px;
line-height: 1.4;
padding-bottom: 20px;
word-break: break-word;
}
.wysiwyg ul {
margin-left: 30px;
padding-bottom: 20px;
}
.wysiwyg ul li {
line-height: 1.4;
}
/* ==========================================================================
FULL FRAME
========================================================================== */
.fullframe {
height: 0;
margin: 0;
overflow: hidden;
padding-bottom: 56.5%;
position: relative;
z-index: 0;
}
.fullframe iframe, .fullframe object, .fullframe embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
/* ==========================================================================
CONTACT FORM 7
========================================================================== */
.wpcf7 {
width: 100%;
}
.wpcf7 .screen-reader-response {
display: none;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
display: none !important;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
display: none !important;
}
.wpcf7 .wpcf7-not-valid-tip {
height: max-content;
position: absolute;
right: 0;
left: 0;
bottom: -20px;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 150%;
text-align: right;
color: var(--error);
}
.wpcf7 .wpcf7-response-output {
display: none !important;
width: 100%;
max-width: 300px;
margin: 20px auto;
padding: 10px;
cursor: pointer;
text-align: center;
color: #f1f3f5;
}
.wpcf7 .wpcf7-form-control-wrap {
position: relative;
display: block !important;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(../img/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
margin: 0 0 0 4px;
vertical-align: middle;
background-color: #ffffff;
padding: 5px;
border-radius: 50%;
margin-left: 10px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
div.wpcf7 form.submitting .ajax-loader {
visibility: visible;
}
/* ==========================================================================
SOCIAL LINK
========================================================================== */
.s-link {
font-size: 0;
display: inline-block;
width: auto;
cursor: pointer;
text-align: center;
}
.s-link a {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
margin: 0 2px;
color: #ffffff;
border-radius: 50%;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
-ms-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.s-link a:before {
font-size: 20px;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.s-link a:hover {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.s-link a.fa-facebook:hover {
background: #3b5993;
}
.s-link a.fa-twitter:hover {
background: #55acee;
}
.s-link a.fa-instagram:hover {
background: #181818;
}
.s-link a.fa-linkedin:hover {
background: #0177b5;
}
.s-link a.fa-youtube:hover {
background: #f80000;
}
.s-link a.fa-pinterest:hover {
background: #bd081c;
}
.s-link a.fa-vimeo:hover {
background: #1bb7ea;
}
.s-link a.fa-yelp:hover {
background: #d32323;
}
.s-link a.fa-google-plus:hover {
background: #dd4c39;
}
/* ==========================================================================
index-style
========================================================================== */
.index-style .post-item {
margin-bottom: 20px;
}
.index-style .post-title {
font-size: 18px;
display: block;
padding-bottom: 15px;
}
.index-style .post-title:hover {
color: #f1f3f5;
}
.index-style .post-thumbnail {
min-height: 160px;
will-change: opacity;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.index-style .post-thumbnail:hover {
opacity: 0.9;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.wp-pagenavi {
font-size: 0;
margin-top: 20px;
padding-top: 20px;
text-align: center;
border-top: 1px solid #d1d2df;
}
.wp-pagenavi a,
.wp-pagenavi span {
font-size: 14px;
margin: 0 3px;
padding: 3px 5px;
}
.wp-pagenavi a {
border: 1px solid #d1d2df;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover {
color: #ffffff;
border-color: #f1f3f5;
background: #f1f3f5;
}
#top {
min-height: 500px;
text-align: center;
color: #fff;
}
#top h1 {
font-size: 60px;
}
.desctop_hide {
display: none;
}
@media (max-width: 1024px) {
.mobile_hide {
display: none;
}
.desctop_hide {
display: block;
}
.burger {
position: absolute;
z-index: 100;
top: 24px;
left: 22px;
width: 24px;
height: 24px;
margin-right: 10px;
text-align: left;
}
.burger .burger-icon {
display: inline-block;
position: fixed;
margin-top: 5px;
margin-bottom: 5px;
user-select: none;
}
.burger .burger-icon, .burger .burger-icon::before, .burger .burger-icon::after {
display: block;
width: 20px;
height: 1px;
background-color: #f1f3f5;
outline: 1px solid transparent;
transition-property: background-color, transform;
transition-duration: 0.4s;
}
.burger .burger-icon::before, .burger .burger-icon::after {
position: absolute;
content: "";
}
.burger .burger-icon::before {
top: -5px;
}
.burger .burger-icon::after {
top: 5px;
}
.burger.is-active .burger-icon {
background-color: transparent;
}
.burger.is-active .burger-icon::before {
transform: translateY(5px) rotate(45deg);
}
.burger.is-active .burger-icon::after {
transform: translateY(-5px) rotate(-45deg);
}
.burger.is-active .burger-icon::before,
.burger.is-active .burger-icon::after {
background: #8E8F9B;
}
.mobile_menu_container {
font-size: 0;
position: fixed;
z-index: 99;
top: 0;
left: 0;
overflow-x: hidden;
overflow-y: scroll;
width: 80%;
max-width: 394px;
height: 100%;
background: #fff;
will-change: transform, opacity;
-webkit-transform: translateX(-110%);
-moz-transform: translateX(-110%);
-ms-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 0 10px 10px 0;
}
}
@media (max-width: 1024px) and (max-width: 768px) {
.mobile_menu_container {
width: 100%;
max-width: 100%;
border-radius: 0;
}
}
@media (max-width: 1024px) {
.mobile_menu_container nav {
margin-bottom: 40px;
}
.mobile_menu_container li {
position: relative;
}
.mobile_menu_container a {
z-index: 10;
display: block;
}
.mobile_menu_container a:hover {
text-decoration: none;
}
.mobile_menu_container .sub-anchor {
position: absolute;
z-index: 20;
top: 0;
right: 0;
width: 40px;
height: 30px;
cursor: pointer;
background: white;
}
.mobile_menu_container .sub-anchor:hover {
background: rgb(226.125, 230.25, 234.375);
}
.mobile_menu_container .sub-anchor:before {
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mobile_menu_container .sub-menu {
display: none;
}
.mobile_menu_container .sub-menu a {
font-size: 13px;
padding: 10px 30px;
color: #f1f3f5;
}
.mobile_menu_container .sub-menu a:hover {
background: white;
}
.mobile_menu_container .sub-menu .sub-menu {
display: none;
padding-left: 10px;
}
.mobile_menu_container .level_a > li {
border-bottom: 1px solid white;
}
.mobile_menu_container .level_a > li > a {
font-size: 14px;
line-height: 30px;
height: 30px;
padding-left: 20px;
color: #ffffff;
}
.mobile_menu_container .level_a > li > a:hover {
background: white;
}
}
@media (max-width: 1024px) {
/* resp_menu_active
========================================================================== */
.mobile_menu_active {
overflow: hidden;
}
.mobile_menu_active:before {
position: absolute;
z-index: 98;
width: 100%;
height: 100vh;
margin: 0 auto;
content: "";
background: rgba(34, 34, 34, 0.4);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mobile_menu_active .burger {
position: fixed;
top: 24px;
left: 360px;
}
.mobile_menu_active .burger span {
position: relative;
z-index: 101;
}
}
@media (max-width: 1024px) and (max-width: 768px) {
.mobile_menu_active .burger {
right: 10px;
left: auto;
}
}
@media (max-width: 1024px) {
.mobile_menu_active .mobile_menu_container {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
overflow-y: scroll;
}
}
.alignleft {
float: left;
margin: 0 30px 10px 0;
}
.alignright {
float: right;
margin: 0 0 10px 30px;
}
.aligncenter {
margin: 0 auto 20px;
}
.alignnone {
margin: 0 0 20px;
}
.block-center {
text-align: center;
position: relative;
}
@media (max-width: 1024px) {
.alignleft, .aligncenter, .alignright {
float: none;
margin: 0 auto 20px;
}
.alignnone {
margin: 0 0 20px;
}
}
body.home .banner-block {
margin-top: 0;
}
.banner-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.banner-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
overflow: hidden;
}
.banner-block .banner-wrapper .banner-images {
position: relative;
background-color: var(--bg-subtle);
}
@media (max-width: 768px) {
.banner-block .banner-wrapper .banner-images .banner-images-slider {
max-width: 100%;
}
}
.banner-block .banner-wrapper .banner-images .banner-images-slider .slick-list {
cursor: grab;
}
.banner-block .banner-wrapper .banner-images .banner-images-slider .slick-list:active {
cursor: grabbing;
}
.banner-block .banner-wrapper .banner-images .banner-images-slider .img-wrap {
display: flex;
align-items: flex-start;
justify-content: center;
overflow: hidden;
}
.banner-block .banner-wrapper .banner-images .banner-images-slider .img-wrap:not(:first-child) {
display: none;
}
.banner-block .banner-wrapper .banner-images .banner-images-slider .img-wrap img, .banner-block .banner-wrapper .banner-images .banner-images-slider .img-wrap video {
height: 100%;
width: 100%;
max-width: none;
object-fit: cover;
max-height: clamp(210px, -72.6666666667px + 49.0740740741vw, 634px);
}
.banner-block .banner-wrapper .banner-images .banner-images-slider .img-wrap.slick-slide {
height: clamp(210px, -72.6666666667px + 49.0740740741vw, 634px);
}
.banner-block .banner-wrapper .banner-images .banner-images-slider.slick-initialized .img-wrap:not(:first-child) {
display: flex;
}
.banner-block .banner-wrapper .text-wrapper {
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.banner-block .banner-wrapper .text-wrapper .banner-images-slider-nav {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.banner-block .banner-wrapper .text-wrapper .banner-images-slider-nav .banner-arrow--prev {
order: 0;
}
.banner-block .banner-wrapper .text-wrapper .banner-images-slider-nav .banner-arrow--next {
order: 2;
}
.banner-block .banner-wrapper .text-wrapper .banner-images-slider-nav .slick-dots {
order: 1;
}
.banner-block .banner-wrapper .text-wrapper .banner-content-slider {
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.banner-block .banner-wrapper .text-wrapper .banner-content-slider .banner-content-slide:not(:first-child) {
display: none !important;
}
.banner-block .banner-wrapper .text-wrapper .banner-content-slider.slick-initialized .banner-content-slide:not(:first-child) {
display: block !important;
}
.banner-block .banner-wrapper .text-wrapper .banner-text {
text-align: center;
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
}
.banner-block .banner-wrapper .text-wrapper .banner-text:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.banner-block .banner-wrapper .text-wrapper .btn {
display: block;
margin: 0 auto;
max-width: max-content;
}
.banner-block .banner-wrapper.text_on_image {
position: relative;
}
.banner-block .banner-wrapper.text_on_image .banner-images .banner-images-slider .img-wrap img, .banner-block .banner-wrapper.text_on_image .banner-images .banner-images-slider .img-wrap video {
width: auto;
max-height: clamp(210px, -190px + 69.4444444444vw, 810px);
}
.banner-block .banner-wrapper.text_on_image .banner-images .banner-images-slider .img-wrap.slick-slide {
height: clamp(210px, -190px + 69.4444444444vw, 810px);
}
@media screen and (min-width: 769px) {
.banner-block .banner-wrapper.text_on_image .text-wrapper {
position: absolute;
left: 50%;
bottom: 32px;
transform: translateX(-50%);
width: 854px;
margin: 0;
padding: 20px 32px;
background-color: var(--text-inverse-secondary);
}
}
@media screen and (min-width: 1025px) {
.banner-block .banner-wrapper.text_on_image .text-wrapper {
bottom: 64px;
padding: 32px 48px;
}
}
.banner-block .banner-wrapper.without_text {
position: relative;
}
.banner-block .banner-wrapper.without_text .banner-images .banner-images-slider .img-wrap img, .banner-block .banner-wrapper.without_text .banner-images .banner-images-slider .img-wrap video {
width: auto;
max-height: clamp(210px, -100px + 53.8194444444vw, 675px);
}
.banner-block .banner-wrapper.without_text .banner-images .banner-images-slider .img-wrap.slick-slide {
height: clamp(210px, -100px + 53.8194444444vw, 675px);
}
@media screen and (min-width: 769px) {
.banner-block .banner-wrapper.without_text .text-wrapper {
position: absolute;
left: 50%;
bottom: 16px;
transform: translateX(-50%);
width: max-content;
margin: 0;
padding: 4px;
border-radius: 4px;
background-color: var(--bg-primary);
}
}
.intro-block {
position: relative;
overflow: hidden;
}
.intro-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.intro-block:not(:last-child) {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
@media (max-width: 768px) {
.intro-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
}
.intro-block .slick-list {
cursor: grab;
}
.intro-block .slick-list:active {
cursor: grabbing;
}
.intro-block .slick-initialized .slide-bg:not(:first-child), .intro-block .slick-initialized .slide-text:not(:first-child) {
display: block !important;
}
.intro-block .intro-bg-slider {
width: 100%;
}
.intro-block .intro-bg-slider .slide-bg:not(:first-child) {
display: none;
}
.intro-block .intro-bg-slider .slide-bg .background-img-wrap {
overflow: hidden;
}
.intro-block .intro-bg-slider .slide-bg .background-img-wrap img {
width: 100vw;
max-width: 1440px;
height: 100vh;
max-height: 810px;
object-fit: cover;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) {
.intro-block .intro-bg-slider .slide-bg .background-img-wrap img {
height: 375px;
}
}
@media (max-width: 576px) {
.intro-block .intro-bg-slider .slide-bg .background-img-wrap img {
height: 210px;
}
}
.intro-block .intro-content-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
background-color: var(--text-inverse-secondary);
padding: 32px 48px;
}
@media (max-width: 768px) {
.intro-block .intro-content-wrapper {
padding: 20px 0;
position: static;
transform: none;
}
}
.intro-block .intro-content-wrapper .intro-slider-controls {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.intro-block .intro-content-wrapper .intro-slider-controls .intro-slider-arrow--prev {
order: 0;
}
.intro-block .intro-content-wrapper .intro-slider-controls .intro-slider-arrow--next {
order: 2;
}
.intro-block .intro-content-wrapper .intro-slider-controls .slick-dots {
order: 1;
}
.intro-block .intro-content-wrapper .intro-content-slider .slide-text:not(:first-child) {
display: none;
}
.intro-block .intro-content-wrapper .intro-content-slider .slide-text {
text-align: center;
outline: none;
}
.intro-block .intro-content-wrapper .intro-content-slider .slide-text .title-slide {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.intro-block .intro-content-wrapper .intro-content-slider .slide-text .description-slide {
color: var(--text-secondary);
}
.product-categories-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.product-categories-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
overflow-x: hidden;
}
.product-categories-block .product-categories-wrapper .block-header {
margin-bottom: 64px;
}
.product-categories-block .product-categories-wrapper .block-header .block-title {
padding-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
@media (max-width: 768px) {
.product-categories-block .product-categories-wrapper .block-header {
margin-bottom: 0;
}
}
.product-categories-block .categories-wrapper {
position: relative;
}
.product-categories-block .categories-wrapper .categories-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
@media (max-width: 1140px) {
.product-categories-block .categories-wrapper .categories-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.product-categories-block .categories-wrapper .categories-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-categories-block .categories-wrapper .categories-grid {
gap: 12px;
}
}
.product-categories-block .categories-wrapper .categories-grid .product-category {
transition: 0.3s all ease;
border-radius: 4px;
border: 1px solid transparent;
padding: 8px;
}
@media (max-width: 576px) {
.product-categories-block .categories-wrapper .categories-grid .product-category {
padding: 0;
border: none;
border-radius: 0;
}
}
.product-categories-block .categories-wrapper .categories-grid .product-category:hover {
border-color: var(--border-default);
}
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link {
display: block;
text-decoration: none;
padding: 24px;
background-color: var(--bg-surface);
border-radius: 4px;
}
@media (max-width: 576px) {
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link {
padding: 16px;
}
}
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link:hover {
text-decoration: none;
}
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link .img-wrap {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
height: 256px;
position: relative;
overflow: hidden;
}
@media (max-width: 576px) {
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link .img-wrap {
height: 133.5px;
}
}
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link .img-wrap img {
width: 100%;
height: 256px;
object-fit: contain;
}
@media (max-width: 576px) {
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link .img-wrap img {
height: 133.5px;
}
}
.product-categories-block .categories-wrapper .categories-grid .product-category .product-category-link .product-category-name {
font-weight: 500;
font-size: clamp(18px, 16.6666666667px + 0.2314814815vw, 20px);
line-height: 140%;
text-align: center;
color: var(--text-primary);
}
.product-categories-list-block {
padding-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
padding-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
overflow: hidden;
background-color: var(--bg-subtle);
}
.product-categories-list-block .product-categories-list-wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 40px;
}
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link {
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font-family);
font-weight: 600;
font-size: 48px;
line-height: 115%;
text-transform: uppercase;
text-align: center;
color: var(--text-primary);
text-decoration: none;
transition: 0.3s all ease;
}
@media (max-width: 1024px) {
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link {
font-size: 32px;
}
}
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link svg {
width: 55px;
height: 55px;
}
@media (max-width: 1024px) {
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link svg {
display: none;
}
}
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link svg path {
transition: 0.3s all ease;
fill: transparent;
}
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link .category-products-count {
display: none;
font-family: var(--font-family);
font-weight: 400;
font-size: 12px;
line-height: 140%;
text-align: center;
color: var(--text-primary);
margin-left: 4px;
}
@media (max-width: 1024px) {
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link .category-products-count {
display: block;
}
}
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link:hover {
color: var(--accent-primary);
}
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link:hover svg path {
fill: var(--accent-primary);
}
@media screen and (min-width: 1025px) {
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link.active {
color: var(--accent-primary);
}
.product-categories-list-block .product-categories-list-wrapper .categories-list-col .product-category-link.active svg path {
fill: var(--accent-primary);
}
}
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col {
position: static;
top: auto;
right: auto;
transform: none;
}
@media (max-width: 1024px) {
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col {
display: none;
}
}
@media (max-width: 1024px) {
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col {
display: none;
}
}
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col .category-preview-item {
display: none;
}
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col .category-preview-item.active {
display: block;
animation: fadeIn 0.4s ease-in-out;
}
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col .category-preview-item .img-wrap {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--accent-primary);
width: 335px;
height: 335px;
}
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col .category-preview-item .img-wrap img {
width: 100%;
height: 325px;
object-fit: contain;
}
.product-categories-list-block .product-categories-list-wrapper .categories-preview-col .category-preview-item .category-products-count {
font-family: var(--font-family);
font-weight: 500;
font-size: 12px;
line-height: 140%;
letter-spacing: 0.04em;
text-transform: uppercase;
text-align: center;
color: var(--text-primary);
margin-top: 12px;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.quotes-block:not(:first-child) {
margin-top: clamp(96px, 80px + 2.7777777778vw, 120px);
}
.quotes-block {
margin-bottom: clamp(96px, 80px + 2.7777777778vw, 120px);
}
.quotes-block .background-image {
padding-top: clamp(16px, -50.6666666667px + 11.5740740741vw, 116px);
padding-bottom: clamp(16px, -50.6666666667px + 11.5740740741vw, 116px);
padding-left: clamp(16px, -40px + 9.7222222222vw, 100px);
padding-right: clamp(16px, -33.3333333333px + 8.5648148148vw, 90px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 12px solid var(--accent-primary);
}
@media (max-width: 768px) {
.quotes-block .background-image {
border: 4px solid var(--accent-primary);
}
}
.quotes-block .quotes-slider-container {
max-width: 100%;
}
.quotes-block .slick-slide:not(:first-child) {
display: none;
}
.quotes-block .slick-initialized .slick-slide:not(:first-child) {
display: block !important;
}
.quotes-block .quotes-wrapper .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 70px;
}
@media (max-width: 1024px) {
.quotes-block .quotes-wrapper .wrapper {
gap: 30px;
}
}
@media (max-width: 768px) {
.quotes-block .quotes-wrapper .wrapper {
flex-direction: column;
gap: 20px;
}
}
@media (max-width: 768px) {
.quotes-block .quotes-wrapper .wrapper .left-content {
display: flex;
align-items: center;
justify-content: center;
}
}
.quotes-block .quotes-wrapper .wrapper .left-content .image-slider {
max-width: 335px;
max-width: clamp(155px, 35px + 20.8333333333vw, 335px);
}
@media (max-width: 768px) {
.quotes-block .quotes-wrapper .wrapper .left-content .image-slider {
max-width: 155px;
}
}
.quotes-block .quotes-wrapper .wrapper .left-content img {
-o-object-fit: cover;
object-fit: cover;
width: clamp(125px, -15px + 24.3055555556vw, 335px);
height: clamp(125px, -15px + 24.3055555556vw, 335px);
}
@media (max-width: 768px) {
.quotes-block .quotes-wrapper .wrapper .left-content img {
width: 155px;
height: 155px;
}
}
.quotes-block .quotes-wrapper .wrapper .left-content .mobile-decor {
display: none;
}
@media (max-width: 768px) {
.quotes-block .quotes-wrapper .wrapper .left-content .mobile-decor {
display: block;
width: 155px;
height: 155px;
}
}
.quotes-block .quotes-wrapper .wrapper .right-content {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
}
.quotes-block .quotes-wrapper .wrapper .right-content .decor {
width: clamp(100px, 36px + 11.1111111111vw, 196px);
height: clamp(100px, 36px + 11.1111111111vw, 196px);
}
@media (max-width: 768px) {
.quotes-block .quotes-wrapper .wrapper .right-content .decor {
display: none;
}
}
.quotes-block .quotes-wrapper .wrapper .right-content .nav-text-wrap {
flex: 1;
}
.quotes-block .quotes-wrapper .wrapper .right-content .nav-text-wrap .name-text-wrap {
max-width: clamp(200px, 43.3333333333px + 27.1990740741vw, 435px);
}
@media (max-width: 768px) {
.quotes-block .quotes-wrapper .wrapper .right-content .nav-text-wrap .name-text-wrap {
max-width: clamp(311px, 35.2366412214px + 73.5368956743vw, 600px);
}
}
.quotes-block .quotes-wrapper .wrapper .right-content .nav-text-wrap .name-text-wrap .name-text-slide .quote-author {
margin-bottom: 16px;
font-family: var(--font-family);
font-weight: 600;
font-size: 32px;
line-height: 140%;
color: var(--text-primary);
}
.quotes-block .quotes-wrapper .wrapper .right-content .nav-text-wrap .name-text-wrap .name-text-slide .quote-text {
font-family: var(--font-family);
font-weight: 400;
font-size: 18px;
line-height: 140%;
color: var(--text-secondary);
}
.quotes-block .quotes-slider-nav {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
@media (max-width: 768px) {
.quotes-block .quotes-slider-nav {
justify-content: space-between;
}
}
.quotes-block .quotes-slider-nav .quotes-slider-arrow--prev {
order: 0;
}
.quotes-block .quotes-slider-nav .quotes-slider-arrow--next {
order: 2;
}
.quotes-block .quotes-slider-nav .slick-dots {
order: 1;
justify-content: flex-start;
}
.promo-strip-block:not(:first-child) {
margin-top: clamp(64px, 117.3333333333px + -3.7037037037vw, 96px);
}
.promo-strip-block {
margin-bottom: clamp(64px, 117.3333333333px + -3.7037037037vw, 96px);
overflow-x: hidden;
padding: 8px 0;
background: var(--bg-subtle);
}
.promo-strip-block .promo-strip-slider {
display: none;
position: relative;
}
.promo-strip-block .promo-strip-slider.slick-initialized {
display: block;
}
.promo-strip-block .promo-strip-slider .slick-list {
overflow: visible;
}
.promo-strip-block .promo-strip-slider .slick-list .slick-track .strip {
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
display: flex;
align-items: center;
justify-content: center;
}
.promo-strip-block .promo-strip-slider .slick-list .slick-track .strip .strip-text {
font-family: var(--font-family);
font-weight: 500;
line-height: 115%;
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
color: var(--text-primary);
}
.promo-strip-block .promo-strip-slider .promo-strip-slider-arrow {
position: absolute;
transform: translateY(-50%);
top: 50%;
}
.promo-strip-block .promo-strip-slider .promo-strip-slider-arrow--prev {
left: 0;
}
.promo-strip-block .promo-strip-slider .promo-strip-slider-arrow--next {
right: 0;
}
.advantages-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.advantages-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.advantages-block .advantages-wrapper .block-title {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.advantages-block .advantages-wrapper .advantages {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
gap: clamp(40px, 34.6666666667px + 0.9259259259vw, 48px);
}
@media (max-width: 1024px) {
.advantages-block .advantages-wrapper .advantages {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.advantages-block .advantages-wrapper .advantages {
grid-template-columns: repeat(1, 1fr);
}
}
.advantages-block .advantages-wrapper .advantages .advantage {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
text-align: center;
}
.advantages-block .advantages-wrapper .advantages .advantage .icon-wrap img {
width: 40px;
height: 40px;
object-fit: contain;
}
.advantages-block .advantages-wrapper .advantages .advantage .advantage-description {
color: var(--text-secondary);
}
.table-of-content-block {
display: none;
}
.table-of-content-block:not(:first-child) {
margin-top: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
.table-of-content-block {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.table-of-content-block .background-color {
background-color: var(--bg-subtle);
}
@media (max-width: 576px) {
.table-of-content-block .background-color {
max-width: 100%;
}
}
.table-of-content-block .table-of-content-wrapper {
padding-top: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
padding-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.table-of-content-block .table-of-content-wrapper .block-title, .table-of-content-block .table-of-content-wrapper .table-of-content-list {
width: 720px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
.table-of-content-block .table-of-content-wrapper .block-title, .table-of-content-block .table-of-content-wrapper .table-of-content-list {
max-width: 91.47%;
}
}
.table-of-content-block .table-of-content-wrapper .block-title {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.table-of-content-block .table-of-content-wrapper .table-of-content-list * {
color: var(--text-secondary);
}
.table-of-content-block .table-of-content-wrapper .table-of-content-list .toc-item:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.table-of-content-block .table-of-content-wrapper .table-of-content-list .toc-item .toc-link {
display: block;
text-decoration: none;
}
.table-of-content-block .table-of-content-wrapper .table-of-content-list .toc-item .toc-link:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
.upsells-products-slider-block {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.upsells-products-slider-block .upsells-products-slider-wrapper .block-header .block-title {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.upsells-products-slider-block .products-slider .products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 1280px) {
.upsells-products-slider-block .products-slider .products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.upsells-products-slider-block .products-slider .products {
grid-template-columns: repeat(1, 1fr);
}
}
.upsells-products-slider-block .products-slider .products {
position: relative;
margin: 0 !important;
}
.upsells-products-slider-block .products-slider .products:before, .upsells-products-slider-block .products-slider .products:after {
display: none;
}
.upsells-products-slider-block .products-slider .products .slick-list {
--slide-space-between: clamp(10px, 6px + 0.6944444444vw, 16px);
margin: 0 calc(var(--slide-space-between) * -1);
}
.upsells-products-slider-block .products-slider .products .slick-list .slick-slide {
padding: 0 var(--slide-space-between);
}
.upsells-products-slider-block .products-slider .products.slick-initialized {
display: block;
}
.upsells-products-slider-block .products-slider .products.slick-initialized .slick-slide-inner:not(:nth-child(-n+3)), .upsells-products-slider-block .products-slider .products.slick-initialized .product-card:not(:nth-child(-n+3)) {
display: block !important;
}
.upsells-products-slider-block .products-slider .products .slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-size: contain;
height: 100%;
}
.upsells-products-slider-block .products-slider .products .slider-arrow--prev {
left: 0;
}
.upsells-products-slider-block .products-slider .products .slider-arrow--next {
right: 0;
}
.upsells-products-slider-block .products-slider .products .slick-slide-inner:not(:nth-child(-n+3)), .upsells-products-slider-block .products-slider .products .product-card:not(:nth-child(-n+3)) {
display: none;
}
.upsells-products-slider-block .products-slider .products .product-card {
border-radius: 4px;
background-color: var(--bg-surface);
display: grid;
grid-template-columns: 170px 1fr;
grid-template-rows: 1fr auto auto auto 1fr;
gap: 0 16px;
align-items: start;
}
@media (max-width: 576px) {
.upsells-products-slider-block .products-slider .products .product-card {
grid-template-columns: 140px 1fr;
gap: 0 12px;
padding: 7px !important;
}
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link {
display: contents;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale {
top: 26px !important;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .product-badge-top {
top: 7px;
left: 7px;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .onsale {
top: 1px;
left: 1px;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap {
grid-column: 1/2;
grid-row: 1/6;
margin-bottom: 0;
height: 100%;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .product-card-choose-option-btn {
display: none;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
width: 170px;
height: 170px;
object-fit: cover;
aspect-ratio: auto;
}
@media (max-width: 576px) {
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
width: 140px;
height: 140px;
}
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .slick-dots {
display: none !important;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
grid-column: 2/3;
grid-row: 2/3;
}
.upsells-products-slider-block .products-slider .products .product-card .woocommerce-LoopProduct-link .price {
grid-column: 2/3;
grid-row: 3/4;
}
.upsells-products-slider-block .products-slider .products .product-card .product-card-color-variation-options {
grid-column: 2/3;
grid-row: 4/5;
}
.products-slider-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.products-slider-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
overflow: hidden;
}
.products-slider-block .products-slider-wrapper .block-header {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.products-slider-block .products-slider-wrapper .block-header .block-title {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
text-align: center;
}
.products-slider-block .products-slider-wrapper .block-header .block-description {
max-width: 720px;
margin: 0 auto;
text-align: center;
color: var(--text-secondary);
}
.products-slider-block .products-slider-wrapper .products-wrapper {
overflow: hidden;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-wrapper-tabs {
display: flex;
align-items: center;
justify-content: center;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin-bottom: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-wrapper-tabs .tab-title {
cursor: pointer;
position: relative;
color: var(--text-third);
padding-bottom: 8px;
transition: 0.3s all ease;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-wrapper-tabs .tab-title:before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background-color: var(--accent-primary);
transition: 0.3s all ease;
opacity: 0;
visibility: hidden;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-wrapper-tabs .tab-title:hover {
color: var(--accent-primary-hover);
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-wrapper-tabs .tab-title.active {
color: var(--text-primary);
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-wrapper-tabs .tab-title.active:before {
opacity: 1;
visibility: visible;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider {
position: relative;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content {
position: absolute;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
left: 0;
width: 100%;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content.active {
position: relative;
z-index: 0;
opacity: 1;
visibility: visible;
left: unset;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content ul.products {
display: none;
}
@media (max-width: 485px) {
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content ul.products {
max-width: calc(100% - 88px);
margin: 0 auto;
overflow: hidden;
}
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content ul.products.slick-initialized {
display: block;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content ul.products .slick-list {
overflow: hidden;
cursor: grab;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content ul.products .slick-list:active {
cursor: grabbing;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content .products-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 485px) {
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content .products-slider-arrow {
height: 100%;
background-size: contain;
}
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content .products-slider-arrow--prev {
left: 0;
}
.products-slider-block .products-slider-wrapper .products-wrapper .products-slider .tab-content .products-slider-arrow--next {
right: 0;
}
.top-rated-products-block:not(:first-child) {
margin-top: clamp(64px, 117.3333333333px + -3.7037037037vw, 96px);
}
.top-rated-products-block {
margin-bottom: clamp(64px, 117.3333333333px + -3.7037037037vw, 96px);
}
.top-rated-products-block .top-rated-products-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
}
@media (max-width: 1140px) {
.top-rated-products-block .top-rated-products-wrapper {
flex-direction: column-reverse;
justify-content: flex-start;
gap: 20px;
}
}
.top-rated-products-block .top-rated-products-wrapper .block-title {
grid-row: 1;
grid-column: 1 !important;
width: 100%;
margin-bottom: clamp(12px, -33.3333333333px + 7.8703703704vw, 80px);
text-align: center;
}
@media (max-width: 1140px) {
.top-rated-products-block .top-rated-products-wrapper .block-title.desktop {
display: none;
}
}
.top-rated-products-block .top-rated-products-wrapper .block-title.mobile {
display: none;
}
@media (max-width: 1140px) {
.top-rated-products-block .top-rated-products-wrapper .block-title.mobile {
display: block;
}
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper {
position: relative;
overflow: hidden;
max-width: 632px;
width: 100%;
display: grid;
grid-template-columns: 100% !important;
justify-items: center;
flex: 1 1 0;
}
@media (max-width: 1140px) {
.top-rated-products-block .top-rated-products-wrapper .products-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products {
grid-row: 2;
grid-column: 1 !important;
width: 100%;
max-width: 488px;
margin: 0 60px;
}
@media (max-width: 1140px) {
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products {
margin: 0 auto;
}
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products:not(:first-child) {
display: none;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products.slick-initialized:not(:first-child) {
display: block;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product {
border-radius: 4px;
background-color: var(--bg-surface);
display: grid;
grid-template-columns: 236px 1fr;
grid-template-rows: 1fr auto auto auto 1fr;
gap: 0 16px;
align-items: start;
}
@media (max-width: 576px) {
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product {
grid-template-columns: 165px 1fr;
gap: 0 12px;
}
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .woocommerce-LoopProduct-link {
display: contents;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale {
top: 34px !important;
left: 9px !important;
}
@media (max-width: 576px) {
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale {
left: 12px !important;
}
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap {
grid-column: 1/2;
grid-row: 1/6;
margin-bottom: 0;
height: 100%;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
height: 100%;
object-fit: cover;
aspect-ratio: auto;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
grid-column: 2/3;
grid-row: 2/3;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .woocommerce-LoopProduct-link .price {
grid-column: 2/3;
grid-row: 3/4;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper ul.products li.product .product-card-color-variation-options {
grid-column: 2/3;
grid-row: 4/5;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper .top-rated-products-slider-nav {
grid-row: 2;
grid-column: 1 !important;
align-self: center;
position: relative;
pointer-events: none;
width: 100%;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1140px) {
.top-rated-products-block .top-rated-products-wrapper .products-wrapper .top-rated-products-slider-nav {
pointer-events: auto;
margin-bottom: 20px;
gap: 8px;
}
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper .top-rated-products-slider-nav .top-rated-products-arrow {
pointer-events: auto;
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
margin: 0 !important;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper .top-rated-products-slider-nav .top-rated-products-arrow--prev {
order: 0;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper .top-rated-products-slider-nav .top-rated-products-arrow--next {
order: 2;
}
.top-rated-products-block .top-rated-products-wrapper .products-wrapper .top-rated-products-slider-nav .slick-dots {
display: none !important;
order: 1;
}
@media (max-width: 1140px) {
.top-rated-products-block .top-rated-products-wrapper .products-wrapper .top-rated-products-slider-nav .slick-dots {
display: flex !important;
}
}
.top-rated-products-block .top-rated-products-wrapper .images-wrapper {
width: 100%;
max-width: 632px;
flex: 1 1 0;
margin: 0 auto;
}
.top-rated-products-block .top-rated-products-wrapper .images-wrapper .img-wrap {
position: relative;
display: none;
}
.top-rated-products-block .top-rated-products-wrapper .images-wrapper .img-wrap:not(:first-child) {
display: none;
}
.top-rated-products-block .top-rated-products-wrapper .images-wrapper .img-wrap.active {
display: block;
}
.top-rated-products-block .top-rated-products-wrapper .images-wrapper .img-wrap img {
width: 100%;
max-width: 632px;
max-height: 610px;
object-fit: contain;
}
.image-hotspots-block:not(:first-child) {
margin-top: clamp(64px, 117.3333333333px + -3.7037037037vw, 96px);
}
.image-hotspots-block {
margin-bottom: clamp(64px, 117.3333333333px + -3.7037037037vw, 96px);
overflow: hidden;
}
.image-hotspots-block .image-hotspots-wrapper .block-title {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.image-hotspots-block .image-hotspots-wrapper .image-wrapper .img-wrap {
position: relative;
}
.image-hotspots-block .image-hotspots-wrapper .image-wrapper .img-wrap img {
width: 100%;
height: clamp(198px, 7.1549295775px + 50.8920187793vw, 740px);
object-fit: contain;
border-radius: 32px;
}
@media (max-width: 768px) {
.image-hotspots-block .image-hotspots-wrapper .image-wrapper .img-wrap img {
border-radius: 16px;
}
}
.image-hotspots-block .image-hotspots-wrapper .image-wrapper .img-wrap a.tooltip .tooltip-content:hover {
border-color: var(--accent-primary);
}
.image-hotspots-block .image-hotspots-wrapper .image-wrapper .img-wrap .tooltip .tooltip-content .tooltip-title {
text-align: left;
}
.image-hotspots-block .image-hotspots-wrapper .image-wrapper .img-wrap .tooltip .tooltip-content .tooltip-text {
text-align: left;
}
.product-features-slider-block {
position: relative;
overflow: hidden;
}
.product-features-slider-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.product-features-slider-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
@media (max-width: 768px) {
.product-features-slider-block .row1312 {
max-width: 100%;
}
}
.product-features-slider-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(20px, -12px + 4.1666666667vw, 48px);
}
@media (max-width: 768px) {
.product-features-slider-block .wrapper {
flex-direction: column-reverse;
}
}
.product-features-slider-block .wrapper.image-text {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.product-features-slider-block .wrapper.image-text {
flex-direction: column-reverse;
}
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper {
width: clamp(343px, 12.7142857143px + 43.005952381vw, 632px);
}
@media (max-width: 768px) {
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper {
width: clamp(343px, -0.5114503817px + 91.6030534351vw, 703px);
}
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper.slick-initialized .slide:not(:first-child) {
display: block;
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slick-list {
cursor: grab;
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slick-list:active {
cursor: grabbing;
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide {
padding: 0 5px;
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide:not(:first-child) {
display: none;
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide .title-slide {
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide .title-slide:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
@media (max-width: 768px) {
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide .title-slide {
text-align: center;
}
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide .description-slide {
color: var(--text-secondary);
}
@media (max-width: 768px) {
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide .description-slide {
text-align: center;
}
}
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide .btn {
display: block;
max-width: max-content;
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
@media (max-width: 768px) {
.product-features-slider-block .product-features-slider-wrapper .slider-wrapper .slide .btn {
margin-right: auto;
margin-left: auto;
}
}
.product-features-slider-block .product-features-slider-wrapper .product-features-slider-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
max-width: max-content;
}
@media (max-width: 768px) {
.product-features-slider-block .product-features-slider-wrapper .product-features-slider-nav {
max-width: 100%;
}
}
.product-features-slider-block .product-features-slider-wrapper .product-features-slider-nav .product-features-arrow--prev {
order: 0;
}
.product-features-slider-block .product-features-slider-wrapper .product-features-slider-nav .product-features-arrow--next {
order: 2;
}
.product-features-slider-block .product-features-slider-wrapper .product-features-slider-nav .slick-dots {
order: 1;
}
.product-features-slider-block .product-features-images {
width: clamp(350px, 64.2857142857px + 37.2023809524vw, 600px);
}
@media (max-width: 768px) {
.product-features-slider-block .product-features-images {
width: 100%;
}
}
.product-features-slider-block .product-features-images .product-features-image img {
width: clamp(350px, 64.2857142857px + 37.2023809524vw, 600px);
height: clamp(210px, 113.3333333333px + 16.7824074074vw, 355px);
object-fit: cover;
border-radius: 32px;
}
@media (max-width: 768px) {
.product-features-slider-block .product-features-images .product-features-image img {
width: 100%;
border-radius: 16px;
}
}
.product-specs-highlights-block {
padding-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
padding-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
background-color: var(--bg-subtle);
}
.product-specs-highlights-block .product-specs-highlights-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
@media (max-width: 1024px) {
.product-specs-highlights-block .product-specs-highlights-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-specs-highlights-block .product-specs-highlights-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.product-specs-highlights-block .product-specs-highlights-wrapper .item {
border: 1px solid var(--border-default);
padding-top: clamp(19px, 11px + 1.3888888889vw, 31px);
padding-bottom: clamp(19px, 11px + 1.3888888889vw, 31px);
padding-inline: clamp(15px, 12.3333333333px + 0.462962963vw, 19px);
}
.product-specs-highlights-block .product-specs-highlights-wrapper .item .bold-text-item {
text-align: center;
color: var(--accent-primary);
text-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
margin-bottom: 8px;
}
.product-specs-highlights-block .product-specs-highlights-wrapper .item .small-text-item {
text-align: center;
color: var(--text-secondary);
}
.image-text-cards-block:not(:first-child) {
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.image-text-cards-block {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
@media (max-width: 768px) {
.image-text-cards-block .wrapper {
max-width: clamp(91.93%, 102.89% + -1.4270833333vw, 94.67%);
}
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper {
overflow: hidden;
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card {
position: relative;
display: flex;
align-items: stretch;
justify-content: center;
}
@media (max-width: 768px) {
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card {
flex-direction: column-reverse;
}
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card:not(:last-child) {
margin-bottom: clamp(48px, 11.4285714286px + 4.7619047619vw, 80px);
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card.direction-ltr {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card.direction-ltr {
flex-direction: column-reverse;
}
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card.direction-ltr .content-wrap {
padding-left: clamp(40px, 30.8571428571px + 1.1904761905vw, 48px);
}
@media (max-width: 768px) {
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card.direction-ltr .content-wrap {
padding-left: 0;
}
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap {
position: relative;
flex: 1;
display: flex;
justify-content: center;
flex-direction: column;
padding-right: clamp(40px, 30.8571428571px + 1.1904761905vw, 48px);
}
@media (max-width: 768px) {
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap {
padding-right: 0;
}
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap:has(.title-card:empty) .description-card {
position: relative;
padding-top: 24px;
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap:has(.title-card:empty) .description-card:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 2px;
width: 60px;
background-color: var(--accent-primary);
border-radius: 4px;
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .title-card {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .title-card:not(:empty) {
position: relative;
padding-top: 24px;
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .title-card:not(:empty):before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 2px;
width: 64px;
background-color: var(--accent-primary);
border-radius: 4px;
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .description-card {
font-size: clamp(16px, 14.6666666667px + 0.2314814815vw, 18px);
color: #c8c6cc;
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .additional-info-card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
max-width: max-content;
padding: 10px 24px 10px 12px;
border: 1px solid var(--accent-primary);
border-radius: 12px;
margin-top: 16px;
--icon-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .additional-info-card .additional-icon {
position: relative;
flex: 0 0 var(--icon-size);
width: var(--icon-size);
height: var(--icon-size);
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .additional-info-card .additional-icon:before {
position: absolute;
content: "";
top: 0;
right: -12px;
width: 1px;
height: 100%;
background-color: var(--accent-primary);
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .additional-info-card .additional-icon img {
flex: 0 0 var(--icon-size);
width: var(--icon-size);
height: var(--icon-size);
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .content-wrap .additional-info-card .additional-text {
font-size: clamp(18px, 16.6666666667px + 0.2314814815vw, 20px);
font-weight: 600;
line-height: 140%;
color: var(--accent-primary);
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .img-wrap {
position: relative;
z-index: 2;
}
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .img-wrap img {
width: clamp(335px, -4.4285714286px + 44.1964285714vw, 632px);
height: 100%;
object-fit: cover;
border-radius: 32px;
}
@media (max-width: 768px) {
.image-text-cards-block .image-text-cards-wrapper .cards-wrapper .card .img-wrap img {
margin-bottom: 20px;
width: 100%;
object-fit: contain;
border-radius: 16px;
}
}
.product-details-accordion-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.product-details-accordion-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.product-details-accordion-block .block-title {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.promo-banner-block:not(:first-child) {
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.promo-banner-block {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
@media (max-width: 576px) {
.promo-banner-block .row1280 {
max-width: 100%;
}
}
.promo-banner-block .promo-banner-block-wrapper {
display: flex;
align-items: stretch;
}
.promo-banner-block .promo-banner-block-wrapper:not(:last-child) {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.promo-banner-block .promo-banner-block-wrapper.direction-ltr {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.promo-banner-block .promo-banner-block-wrapper.direction-ltr {
flex-direction: column-reverse;
}
}
@media (max-width: 768px) {
.promo-banner-block .promo-banner-block-wrapper {
flex-direction: column-reverse;
}
}
.promo-banner-block .promo-banner-block-wrapper .content-warp {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
backdrop-filter: blur(10px);
background: #000;
padding-top: clamp(20px, 6.6666666667px + 2.3148148148vw, 40px);
padding-bottom: clamp(20px, 6.6666666667px + 2.3148148148vw, 40px);
padding-inline: clamp(20px, -20px + 6.9444444444vw, 80px);
}
.promo-banner-block .promo-banner-block-wrapper .content-warp .block-title {
margin-bottom: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
}
.promo-banner-block .promo-banner-block-wrapper .content-warp .description {
font-size: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
color: #c8c6cc;
}
.promo-banner-block .promo-banner-block-wrapper .promo-banner-image {
width: 100%;
background: #000;
}
.promo-banner-block .promo-banner-block-wrapper .promo-banner-image img {
width: 100%;
object-fit: contain;
}
.links-downloads-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.links-downloads-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.links-downloads-block .links-downloads-wrapper .block-title {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.links-downloads-block .links-downloads-wrapper .links-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 576px) {
.links-downloads-block .links-downloads-wrapper .links-wrapper {
flex-direction: column;
}
}
.links-downloads-block .links-downloads-wrapper .links-wrapper .btn {
display: flex;
align-items: center;
justify-content: space-between;
font-size: clamp(18px, 16.6666666667px + 0.2314814815vw, 20px);
gap: 32px;
border: 1px solid var(--border-default);
color: var(--text-primary);
padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
border-radius: 4px;
width: 100%;
max-width: 416px;
flex: 1;
}
@media (max-width: 576px) {
.links-downloads-block .links-downloads-wrapper .links-wrapper .btn {
max-width: 100%;
}
}
.links-downloads-block .links-downloads-wrapper .links-wrapper .btn.is-download:after {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1816 19C28.3986 19 28.6073 19.0843 28.7607 19.2344C28.914 19.3843 28.9999 19.5878 29 19.7998V26.2002C28.9999 26.4122 28.914 26.6157 28.7607 26.7656C28.6073 26.9157 28.3986 27 28.1816 27H11.8184C11.6014 27 11.3927 26.9157 11.2393 26.7656C11.086 26.6157 11.0001 26.4122 11 26.2002V19.7998C11.0001 19.5878 11.086 19.3843 11.2393 19.2344C11.3927 19.0843 11.6014 19 11.8184 19C12.0352 19 12.2431 19.0844 12.3965 19.2344C12.5499 19.3844 12.6367 19.5877 12.6367 19.7998V25.4004H27.3633V19.7998C27.3633 19.5877 27.4501 19.3844 27.6035 19.2344C27.7569 19.0844 27.9648 19 28.1816 19ZM20.0098 11C20.2219 11 20.4252 11.0859 20.5752 11.2383C20.7252 11.3907 20.8096 11.597 20.8096 11.8125V21.2266L22.6445 19.3633C22.7954 19.2153 22.9973 19.1329 23.207 19.1348C23.4168 19.1366 23.6173 19.2224 23.7656 19.373C23.9139 19.5237 23.9982 19.7274 24 19.9404C24.0018 20.1534 23.9211 20.3585 23.7754 20.5117L20.5752 23.7617C20.5007 23.837 20.4126 23.8969 20.3154 23.9375C20.2187 23.9788 20.1147 24 20.0098 24C19.9048 24 19.8008 23.9788 19.7041 23.9375C19.607 23.8969 19.5188 23.837 19.4443 23.7617L16.2441 20.5117C16.1678 20.4368 16.1073 20.3471 16.0654 20.248C16.0235 20.1489 16.0009 20.0425 16 19.9346C15.9991 19.8268 16.0194 19.7199 16.0596 19.6201C16.0998 19.5203 16.1593 19.4288 16.2344 19.3525C16.3094 19.2764 16.3989 19.2166 16.4971 19.1758C16.5953 19.135 16.7005 19.1143 16.8066 19.1152C16.9129 19.1162 17.0186 19.1381 17.1162 19.1807C17.2137 19.2232 17.3013 19.2858 17.375 19.3633L19.21 21.2266V11.8125C19.21 11.597 19.2943 11.3906 19.4443 11.2383C19.5943 11.0859 19.7976 11 20.0098 11Z' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
}
.links-downloads-block .links-downloads-wrapper .links-wrapper .btn.is-download:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1816 19C28.3986 19 28.6073 19.0843 28.7607 19.2344C28.914 19.3843 28.9999 19.5878 29 19.7998V26.2002C28.9999 26.4122 28.914 26.6157 28.7607 26.7656C28.6073 26.9157 28.3986 27 28.1816 27H11.8184C11.6014 27 11.3927 26.9157 11.2393 26.7656C11.086 26.6157 11.0001 26.4122 11 26.2002V19.7998C11.0001 19.5878 11.086 19.3843 11.2393 19.2344C11.3927 19.0843 11.6014 19 11.8184 19C12.0352 19 12.2431 19.0844 12.3965 19.2344C12.5499 19.3844 12.6367 19.5877 12.6367 19.7998V25.4004H27.3633V19.7998C27.3633 19.5877 27.4501 19.3844 27.6035 19.2344C27.7569 19.0844 27.9648 19 28.1816 19ZM20.0098 11C20.2219 11 20.4252 11.0859 20.5752 11.2383C20.7252 11.3907 20.8096 11.597 20.8096 11.8125V21.2266L22.6445 19.3633C22.7954 19.2153 22.9973 19.1329 23.207 19.1348C23.4168 19.1366 23.6173 19.2224 23.7656 19.373C23.9139 19.5237 23.9982 19.7274 24 19.9404C24.0018 20.1534 23.9211 20.3585 23.7754 20.5117L20.5752 23.7617C20.5007 23.837 20.4126 23.8969 20.3154 23.9375C20.2187 23.9788 20.1147 24 20.0098 24C19.9048 24 19.8008 23.9788 19.7041 23.9375C19.607 23.8969 19.5188 23.837 19.4443 23.7617L16.2441 20.5117C16.1678 20.4368 16.1073 20.3471 16.0654 20.248C16.0235 20.1489 16.0009 20.0425 16 19.9346C15.9991 19.8268 16.0194 19.7199 16.0596 19.6201C16.0998 19.5203 16.1593 19.4288 16.2344 19.3525C16.3094 19.2764 16.3989 19.2166 16.4971 19.1758C16.5953 19.135 16.7005 19.1143 16.8066 19.1152C16.9129 19.1162 17.0186 19.1381 17.1162 19.1807C17.2137 19.2232 17.3013 19.2858 17.375 19.3633L19.21 21.2266V11.8125C19.21 11.597 19.2943 11.3906 19.4443 11.2383C19.5943 11.0859 19.7976 11 20.0098 11Z' fill='%23E7C040'/%3E%3C/svg%3E%0A");
}
.links-downloads-block .links-downloads-wrapper .links-wrapper .btn:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28L24 20L16 12' stroke='%23E7C040' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.links-downloads-block .links-downloads-wrapper .links-wrapper .btn:after {
position: relative;
display: block;
content: "";
width: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
height: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 28L24 20L16 12' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
.split-image-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.split-image-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.split-image-block .split-image-container.text-top .split-image-wrapper .content-warp {
max-width: 1100px;
margin: 0 auto;
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.split-image-block .split-image-container.text-bottom .split-image-wrapper {
flex-direction: column-reverse;
}
.split-image-block .split-image-container.text-bottom .split-image-wrapper .content-warp {
max-width: 1100px;
margin: 0 auto;
margin-top: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.split-image-block .split-image-container.text-left:not(.only-image) .split-image-wrapper {
flex-direction: row;
}
@media (max-width: 768px) {
.split-image-block .split-image-container.text-left:not(.only-image) .split-image-wrapper {
flex-direction: column;
}
}
.split-image-block .split-image-container.text-left:not(.only-image) .split-image-wrapper .content-warp {
width: 100%;
max-width: 430px;
--content-warp-padding-right: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
padding-right: var(--content-warp-padding-right);
padding-left: 0;
}
@media (max-width: 768px) {
.split-image-block .split-image-container.text-left:not(.only-image) .split-image-wrapper .content-warp {
padding: 0 0 var(--content-warp-padding-left);
max-width: 100%;
}
}
.split-image-block .split-image-container.text-right:not(.only-image) .split-image-wrapper {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.split-image-block .split-image-container.text-right:not(.only-image) .split-image-wrapper {
flex-direction: column;
}
}
.split-image-block .split-image-container.text-right:not(.only-image) .split-image-wrapper .content-warp {
width: 100%;
max-width: 430px;
--content-warp-padding-left: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
padding-left: var(--content-warp-padding-left);
padding-right: 0;
}
@media (max-width: 768px) {
.split-image-block .split-image-container.text-right:not(.only-image) .split-image-wrapper .content-warp {
padding: 0 0 var(--content-warp-padding-left);
max-width: 100%;
}
}
.split-image-block .split-image-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
.split-image-block .split-image-wrapper .content-warp {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.split-image-block .split-image-wrapper .content-warp .block-title {
margin: 0 auto;
text-align: center;
}
.split-image-block .split-image-wrapper .content-warp .description {
color: var(--text-secondary);
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
text-align: center;
}
.split-image-block .split-image-wrapper .images-container {
width: 100%;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper {
position: relative;
overflow: hidden;
width: 100%;
user-select: none;
height: clamp(212px, 68.338028169px + 38.3098591549vw, 620px);
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .img-wrap {
position: absolute;
inset: 0;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .img-wrap.first-image {
z-index: 2;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .img-wrap.second-image {
z-index: 1;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .img-wrap img {
width: 100%;
object-fit: cover;
display: block;
height: clamp(212px, 68.338028169px + 38.3098591549vw, 620px);
border-radius: 32px;
}
@media (max-width: 768px) {
.split-image-block .split-image-wrapper .images-container .images-wrapper .img-wrap img {
border-radius: 16px;
}
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .split-line {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
left: 50%;
transform: translateX(-1px);
cursor: ew-resize;
z-index: 5;
background-color: var(--accent-primary);
display: flex;
align-items: center;
justify-content: center;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .split-line .split-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background-color: var(--accent-primary);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s all ease;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .split-line .split-circle span {
display: flex;
align-items: center;
justify-content: center;
position: relative;
background-color: var(--bg-primary);
width: 2px;
height: 18px;
border-radius: 4px;
transition: 0.3s all ease;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .split-line .split-circle span:before {
left: -4px;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .split-line .split-circle span:after {
right: -4px;
}
.split-image-block .split-image-wrapper .images-container .images-wrapper .split-line .split-circle span:before, .split-image-block .split-image-wrapper .images-container .images-wrapper .split-line .split-circle span:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
content: "";
background-color: var(--bg-primary);
width: 2px;
height: 12px;
border-radius: 4px;
transition: 0.3s all ease;
}
.product-features-grid-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.product-features-grid-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.product-features-grid-block .block-title {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.product-features-grid-block .product-features-grid-wrapper {
display: grid;
}
@media (max-width: 576px) {
.product-features-grid-block .product-features-grid-wrapper {
grid-template-columns: repeat(1, 1fr) !important;
}
}
.product-features-grid-block .product-features-grid-wrapper .card {
grid-column: span 2;
}
@media (max-width: 576px) {
.product-features-grid-block .product-features-grid-wrapper .card {
grid-column: span 1 !important;
}
}
.product-features-grid-block .product-features-grid-wrapper .card:hover .card-content .icon-card svg rect {
fill: var(--accent-primary-hover);
}
.product-features-grid-block .product-features-grid-wrapper .card .card-content {
position: relative;
overflow: hidden;
cursor: pointer;
}
.product-features-grid-block .product-features-grid-wrapper .card .card-content .image-card {
width: auto;
}
.product-features-grid-block .product-features-grid-wrapper .card .card-content .image-card img {
width: 100%;
object-fit: cover;
aspect-ratio: 1/1;
}
.product-features-grid-block .product-features-grid-wrapper .card .card-content .content-wrap .title-card {
flex: 1;
}
.product-features-grid-block .product-features-grid-wrapper .card .card-content .content-wrap .card-description {
color: var(--text-secondary);
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up {
grid-template-columns: repeat(4, 1fr);
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card {
padding: clamp(15px, 9.6666666667px + 0.9259259259vw, 23px);
border: 1px solid var(--border-default);
border-radius: 4px;
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card:nth-child(2n+1):not(:has(~ .card)) {
grid-column: 2/span 2;
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card .card-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card .card-content .image-card img {
height: 128px;
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card .card-content .icon-card {
position: relative;
display: flex;
align-items: center;
justify-content: center;
--icon-card-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
width: var(--icon-card-size);
height: var(--icon-card-size);
flex: 0 0 var(--icon-card-size);
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card .card-content .icon-card svg {
width: var(--icon-card-size);
height: var(--icon-card-size);
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card .card-content .icon-card svg rect {
transition: 0.3s all ease;
}
.product-features-grid-block .product-features-grid-wrapper.with_pop_up .card .card-content .content-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up {
grid-template-columns: repeat(6, 1fr);
gap: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
@media (max-width: 1024px) {
.product-features-grid-block .product-features-grid-wrapper.without_pop_up {
grid-template-columns: repeat(4, 1fr);
}
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card {
padding: 0;
border: none;
border-radius: 0;
grid-column: span 2;
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card:nth-child(3n+1):last-child {
grid-column: 3/span 2;
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card:nth-child(3n+1):nth-last-child(2) {
grid-column: 2/span 2;
}
@media (max-width: 1024px) {
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card {
grid-column: span 2;
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card:nth-child(3n+1):last-child, .product-features-grid-block .product-features-grid-wrapper.without_pop_up .card:nth-child(3n+1):nth-last-child(2) {
grid-column: span 2;
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card:nth-child(2n+1):last-child {
grid-column: 2/span 2;
}
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content {
display: block;
}
@media (max-width: 576px) {
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .image-card {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .image-card img {
height: clamp(128px, 30.4647887324px + 26.0093896714vw, 405px);
border-radius: 32px;
}
@media (max-width: 768px) {
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .image-card img {
border-radius: 16px;
}
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .video-card {
width: auto;
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .video-card video {
width: 100%;
height: clamp(128px, 30.4647887324px + 26.0093896714vw, 405px);
object-fit: cover;
aspect-ratio: 1/1;
border-radius: 32px;
}
@media (max-width: 768px) {
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .video-card video {
border-radius: 16px;
}
}
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .content-wrap {
display: block;
}
@media (max-width: 576px) {
.product-features-grid-block .product-features-grid-wrapper.without_pop_up .card .card-content .content-wrap {
flex: 1;
}
}
.single-quote-block:not(:first-child) {
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.single-quote-block {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.single-quote-block .background-image {
padding-left: clamp(20px, -26.6666666667px + 8.1018518519vw, 90px);
padding-right: clamp(20px, -26.6666666667px + 8.1018518519vw, 90px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 768px) {
.single-quote-block .background-image {
padding-top: clamp(40px, 24px + 2.7777777778vw, 64px);
padding-bottom: clamp(43px, 29px + 2.4305555556vw, 64px);
}
}
.single-quote-block .single-quote-wrapper {
display: flex;
align-items: stretch;
justify-content: space-between;
max-width: 1036px;
margin-left: auto;
margin-right: clamp(0px, -11.3333333333px + 1.9675925926vw, 17px);
gap: clamp(20px, 13.3333333333px + 1.1574074074vw, 30px);
}
@media (max-width: 768px) {
.single-quote-block .single-quote-wrapper {
flex-direction: column;
align-items: center;
gap: 60px;
margin-right: 0;
}
}
.single-quote-block .single-quote-wrapper .quote-icon {
margin-bottom: 20px;
}
.single-quote-block .single-quote-wrapper .quote-icon.mobile {
display: none;
margin: 0 auto;
}
@media (max-width: 768px) {
.single-quote-block .single-quote-wrapper .quote-icon.mobile {
display: block;
}
}
.single-quote-block .single-quote-wrapper .quote-icon svg {
width: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
height: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.single-quote-block .single-quote-wrapper .quote-author-image {
position: relative;
flex: 1 1 0;
display: flex;
align-items: flex-end;
}
.single-quote-block .single-quote-wrapper .quote-author-image .author-image-background {
position: absolute;
top: 50%;
left: -10px;
transform: translateY(-50%);
width: 256px;
height: 256px;
background: #753bbd;
}
@media (max-width: 768px) {
.single-quote-block .single-quote-wrapper .quote-author-image .author-image-background {
width: 295px;
height: 220px;
top: unset;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
}
.single-quote-block .single-quote-wrapper .quote-author-image .author-image-background:before {
position: absolute;
content: "";
top: 10px;
left: 10px;
border: 1px solid #aadb1e;
width: 234px;
height: 234px;
}
@media (max-width: 768px) {
.single-quote-block .single-quote-wrapper .quote-author-image .author-image-background:before {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 178px;
height: 178px;
}
}
.single-quote-block .single-quote-wrapper .quote-author-image img {
width: 429px;
z-index: 2;
}
@media (max-width: 768px) {
.single-quote-block .single-quote-wrapper .quote-author-image img {
width: 224px;
}
}
.single-quote-block .single-quote-wrapper .quote {
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 533px;
}
@media (max-width: 768px) {
.single-quote-block .single-quote-wrapper .quote .quote-icon {
display: none;
}
}
.single-quote-block .single-quote-wrapper .quote .quote-text {
font-weight: 400;
}
.single-quote-block .single-quote-wrapper .quote .quote-author {
font-weight: 700;
color: #753bbd;
margin-top: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
}
.stats-counters-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.stats-counters-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.stats-counters-block .background-image {
padding-top: clamp(44px, -4px + 8.3333333333vw, 116px);
padding-bottom: clamp(44px, -4px + 8.3333333333vw, 116px);
padding-left: clamp(12px, -14.6666666667px + 4.6296296296vw, 52px);
padding-right: clamp(12px, -14.6666666667px + 4.6296296296vw, 52px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 12px solid var(--accent-primary);
border-radius: 4px;
}
@media (max-width: 768px) {
.stats-counters-block .background-image {
border-width: 4px;
}
}
.stats-counters-block .stats-counters-wrapper .counters-header {
padding: 7px 24px;
margin-bottom: clamp(20px, -13.3333333333px + 5.787037037vw, 70px);
text-align: center;
}
.stats-counters-block .stats-counters-wrapper .counters-header .block-title {
margin-bottom: 3px;
}
@media (max-width: 768px) {
.stats-counters-block .stats-counters-wrapper .counters-header .block-title {
margin-bottom: 20px;
}
}
.stats-counters-block .stats-counters-wrapper .counters-header .block-logo img, .stats-counters-block .stats-counters-wrapper .counters-header .block-logo svg {
width: clamp(279px, 173px + 18.4027777778vw, 438px);
height: clamp(53px, 32.3333333333px + 3.587962963vw, 84px);
object-fit: contain;
margin: 0 auto;
}
.stats-counters-block .stats-counters-wrapper .counters-wrapper {
flex: 1;
max-width: 1184px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(32px, 0px + 5.5555555556vw, 80px);
}
@media (max-width: 768px) {
.stats-counters-block .stats-counters-wrapper .counters-wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.stats-counters-block .stats-counters-wrapper .counters-wrapper .counter {
text-align: center;
}
.stats-counters-block .stats-counters-wrapper .counters-wrapper .counter .value-counter {
font-weight: 600;
font-size: clamp(40px, 2.6666666667px + 6.4814814815vw, 96px);
line-height: 115%;
color: var(--accent-primary);
margin-bottom: 8px;
}
.stats-counters-block .stats-counters-wrapper .counters-wrapper .counter .label-counter {
font-size: clamp(14px, 10px + 0.6944444444vw, 20px);
}
.image-text-section-block {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
padding: 128px 0;
background: var(--bg-subtle);
}
@media (max-width: 768px) {
.image-text-section-block {
padding: 0;
background: transparent;
}
.image-text-section-block .row1312 {
max-width: 100%;
}
}
.image-text-section-block .image-text-section-wrapper {
display: flex;
flex-direction: column;
gap: clamp(40px, 34.6666666667px + 0.9259259259vw, 48px);
}
.image-text-section-block .image-text-section-wrapper .section {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
}
@media (max-width: 768px) {
.image-text-section-block .image-text-section-wrapper .section {
flex-direction: column-reverse;
}
}
.image-text-section-block .image-text-section-wrapper .section:nth-child(even) {
flex-direction: row-reverse;
}
@media (max-width: 768px) {
.image-text-section-block .image-text-section-wrapper .section:nth-child(even) {
flex-direction: column;
}
}
.image-text-section-block .image-text-section-wrapper .section .image-section {
flex: 1 1 0;
}
@media (max-width: 768px) {
.image-text-section-block .image-text-section-wrapper .section .image-section {
width: 100%;
}
}
.image-text-section-block .image-text-section-wrapper .section .image-section img {
width: 632px;
height: 100%;
object-fit: cover;
border-radius: 32px;
}
@media (max-width: 768px) {
.image-text-section-block .image-text-section-wrapper .section .image-section img {
width: 100%;
max-height: clamp(240px, 87.3333333333px + 26.5046296296vw, 469px);
border-radius: 16px;
}
}
.image-text-section-block .image-text-section-wrapper .section .content-wrap {
flex: 1 1 0;
}
@media (max-width: 768px) {
.image-text-section-block .image-text-section-wrapper .section .content-wrap {
padding: 0 20px 0 16px;
}
}
.image-text-section-block .image-text-section-wrapper .section .content-wrap .title-section {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.image-text-section-block .image-text-section-wrapper .section .content-wrap .description-section {
font-size: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
color: #c8c6cc;
}
.animate-banner-block:not(:first-child) {
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.animate-banner-block {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.animate-banner-block img {
width: 100%;
border-radius: 32px;
}
@media (max-width: 768px) {
.animate-banner-block img {
border-radius: 16px;
}
}
.animate-banner-block .animate-banner-wrapper .top-content {
padding: 10px 0;
margin-bottom: clamp(52px, 46.6666666667px + 0.9259259259vw, 60px);
}
.animate-banner-block .animate-banner-wrapper .top-content .block-title {
text-align: center;
margin-bottom: clamp(20px, 36.6666666667px + -1.1574074074vw, 30px);
}
.animate-banner-block .animate-banner-wrapper .top-content .block-description {
font-size: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
text-align: center;
color: #c8c6cc;
}
.animate-banner-block .animate-banner-wrapper .animate-wrapper {
margin-top: 60px;
position: relative;
overflow: hidden;
}
.animate-banner-block .animate-banner-wrapper .animate-wrapper img.hero-image {
display: block;
position: relative;
z-index: 2;
width: 1068px;
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 768px) {
.animate-banner-block.textOnImage .row1312 {
max-width: 100%;
}
}
.animate-banner-block.textOnImage .animate-banner-wrapper {
position: relative;
}
@media (max-width: 768px) {
.animate-banner-block.textOnImage .animate-banner-wrapper {
display: flex;
flex-direction: column-reverse;
justify-content: center;
gap: 20px;
}
}
.animate-banner-block.textOnImage .animate-banner-wrapper .top-content {
max-width: 854px;
width: 94%;
margin: 0 auto;
padding: 48px;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--bg-primary);
}
@media (max-width: 768px) {
.animate-banner-block.textOnImage .animate-banner-wrapper .top-content {
padding: 0;
max-width: 91.47%;
width: 100%;
position: unset;
top: unset;
left: unset;
transform: unset;
}
}
.animate-banner-block.textOnImage .animate-banner-wrapper .top-content .block-title {
margin-bottom: 16px;
font-size: 32px;
}
@media (max-width: 768px) {
.animate-banner-block.textOnImage .animate-banner-wrapper .top-content .block-title {
margin-bottom: 12px;
font-size: 24px;
}
}
.animate-banner-block.textOnImage .animate-banner-wrapper .top-content .block-description {
font-size: 16px;
text-align: center;
}
@media (max-width: 768px) {
.animate-banner-block.textOnImage .animate-banner-wrapper .top-content .block-description {
font-size: 14px;
}
}
.animate-banner-block.textOnImage .animate-banner-wrapper .hero-image {
min-height: 492px;
object-fit: cover;
}
@media (max-width: 768px) {
.animate-banner-block.textOnImage .animate-banner-wrapper .hero-image {
min-height: 149px;
height: 100%;
}
}
.animate-banner-block.textBelowImage .animate-banner-wrapper {
display: flex;
flex-direction: column-reverse;
justify-content: center;
}
.animate-banner-block.textBelowImage .animate-banner-wrapper .top-content {
margin-top: clamp(52px, 46.6666666667px + 0.9259259259vw, 60px);
margin-bottom: 0;
}
.animate-banner-block.textBelowImage .animate-banner-wrapper .top-content .row854 {
width: 100%;
max-width: 1100px;
margin-inline: auto;
}
.animate-banner-block.hero .animate-banner-wrapper .top-content .row854 {
width: 100%;
max-width: 1100px;
margin-inline: auto;
}
.mini-blocks-4-per-line {
margin-top: 64px;
margin-bottom: 128px;
}
@media (max-width: 1024px) {
.mini-blocks-4-per-line {
margin-top: 48px;
margin-bottom: 96px;
}
}
.mini-blocks-4-per-line .mini-blocks-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 48px;
grid-row-gap: 40px;
}
@media (max-width: 768px) {
.mini-blocks-4-per-line .mini-blocks-wrapper {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.mini-blocks-4-per-line .mini-blocks-wrapper {
grid-template-columns: repeat(1, 1fr);
max-width: 96%;
margin: 0 auto;
}
}
.mini-blocks-4-per-line .mini-blocks-wrapper .mini-block {
font-family: var(--font-family);
text-align: center;
}
.mini-blocks-4-per-line .mini-blocks-wrapper .mini-bock-title {
margin-bottom: 16px;
font-weight: 500;
font-size: 24px;
line-height: 115%;
color: var(--accent-primary);
}
@media (max-width: 1024px) {
.mini-blocks-4-per-line .mini-blocks-wrapper .mini-bock-title {
font-size: 20px;
}
}
.mini-blocks-4-per-line .mini-blocks-wrapper .mini-bock-description {
font-weight: 400;
font-size: 18px;
line-height: 140%;
text-align: center;
color: var(--text-secondary);
}
@media (max-width: 1024px) {
.mini-blocks-4-per-line .mini-blocks-wrapper .mini-bock-description {
font-size: 16px;
}
}
.wpwp-contact-form-main-wrap:not(:first-child), .wpwp-refund-form-main-wrap:not(:first-child) {
margin-top: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
.wpwp-contact-form-main-wrap, .wpwp-refund-form-main-wrap {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
width: 1312px;
margin: 0 auto;
position: relative;
max-width: 94%;
}
@media (max-width: 576px) {
.wpwp-contact-form-main-wrap, .wpwp-refund-form-main-wrap {
max-width: 100%;
}
}
.wpwp-contact-form-main-wrap.wpwp-contact-form-main-wrap-type-a:not(:first-child), .wpwp-refund-form-main-wrap.wpwp-contact-form-main-wrap-type-a:not(:first-child) {
margin-top: clamp(120px, 136.6666666667px + -1.1574074074vw, 130px);
}
.wpwp-contact-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element, .wpwp-refund-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element {
display: none;
position: absolute;
top: 50%;
left: 33px;
transform: translateY(-50%);
z-index: -1;
animation: floatLinePurpleContactBlock 3s ease-in-out infinite alternate;
}
@media (max-width: 940px) {
.wpwp-contact-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element, .wpwp-refund-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element {
animation: unset;
}
}
@media (max-width: 768px) {
.wpwp-contact-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element, .wpwp-refund-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element {
top: -90px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
}
.wpwp-contact-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element svg, .wpwp-refund-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element svg {
width: 523px;
height: 60px;
}
@media (max-width: 768px) {
.wpwp-contact-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element svg, .wpwp-refund-form-main-wrap.wpwp-contact-form-main-wrap-type-a .animate-element svg {
width: 261.5px;
height: 30px;
}
}
@keyframes floatLinePurpleContactBlock {
from {
transform: translateY(-50%) translateX(50%);
}
to {
transform: translateY(-50%) translateX(0);
}
}
.wpwp-contact-form-main-wrap.wpwp-contact-form-main-wrap-type-a .wpwp-contact-form-wrap, .wpwp-refund-form-main-wrap.wpwp-contact-form-main-wrap-type-a .wpwp-contact-form-wrap {
width: 469px;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap {
position: relative;
width: 460px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
background: var(--bg-surface);
border-radius: 4px;
padding: clamp(24px, 24px + 0vw, 24px);
}
@media (max-width: 576px) {
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap {
max-width: 100%;
padding: 48px 16px;
}
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap:before, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap:after, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap:before, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap:after, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap:before, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap:after, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap:before, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap:after {
position: absolute;
content: "";
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap:before, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap:before, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap:before, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--bg-surface);
border-radius: 4px;
z-index: 3;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap:after, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap:after, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap:after, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap:after {
top: 50%;
left: 50%;
width: 40px;
height: 40px;
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader linear infinite;
z-index: 4;
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-title, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-title, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-title, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 32px;
font-size: clamp(26px, 22px + 0.6944444444vw, 32px);
line-height: 140%;
color: #f1f3f5;
text-align: center;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-header-wrap, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-header-wrap, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-header-wrap, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-header-wrap, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-header-wrap, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-header-wrap, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-header-wrap, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-header-wrap {
margin-bottom: clamp(20px, 36.6666666667px + -1.1574074074vw, 30px);
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-header-wrap .wpwp-contact-form-title .wpwp-refund-form-title {
font-family: var(--font-family);
font-weight: 700;
font-size: 32px;
font-size: clamp(26px, 22px + 0.6944444444vw, 32px);
line-height: 140%;
color: #221c35;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-header-wrap .error-message, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-header-wrap .error-message, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-header-wrap .error-message, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-header-wrap .error-message, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-header-wrap .error-message, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-header-wrap .error-message, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-header-wrap .error-message, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-header-wrap .error-message {
font-family: var(--second-family);
font-weight: 400;
font-size: 12px;
line-height: 1;
color: var(--system-warning);
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-fields-wrap .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-contact-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))), .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-fields-row .wpwp-refund-form-fields-row:not(:has(.input-block:not(.conditional-logic-hide))) {
display: none !important;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn {
font-family: var(--font-family);
font-weight: 700;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 1;
color: var(--bg-primary);
padding-inline: 20px;
text-align: center;
padding-top: clamp(14px, 14px + 0vw, 14px);
padding-bottom: clamp(14px, 14px + 0vw, 14px);
background: var(--accent-primary);
border: none;
display: block;
width: 100%;
cursor: pointer;
transition: 0.3s background-color ease;
border-radius: 4px;
margin-top: clamp(22px, 15.3333333333px + 1.1574074074vw, 32px);
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-contact-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-contact-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-contact-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-contact-form-send-btn:focus-visible, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus, .wpwp-refund-form-main-wrap .wpwp-refund-form-wrap .wpwp-refund-form-footer-wrap .wpwp-refund-form-send-btn:focus-visible {
outline: none !important;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-successful-message, .wpwp-contact-form-main-wrap .wpwp-refund-form-successful-message, .wpwp-refund-form-main-wrap .wpwp-contact-form-successful-message, .wpwp-refund-form-main-wrap .wpwp-refund-form-successful-message {
min-height: 128px;
align-content: center;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-successful-message *, .wpwp-contact-form-main-wrap .wpwp-refund-form-successful-message *, .wpwp-refund-form-main-wrap .wpwp-contact-form-successful-message *, .wpwp-refund-form-main-wrap .wpwp-refund-form-successful-message * {
color: #f1f3f5;
text-align: center;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-successful-message h2, .wpwp-contact-form-main-wrap .wpwp-refund-form-successful-message h2, .wpwp-refund-form-main-wrap .wpwp-contact-form-successful-message h2, .wpwp-refund-form-main-wrap .wpwp-refund-form-successful-message h2 {
margin-bottom: 10px;
}
.wpwp-contact-form-main-wrap .wpwp-contact-form-successful-message p, .wpwp-contact-form-main-wrap .wpwp-refund-form-successful-message p, .wpwp-refund-form-main-wrap .wpwp-contact-form-successful-message p, .wpwp-refund-form-main-wrap .wpwp-refund-form-successful-message p {
font-size: 18px;
}
@media (max-width: 768px) {
.wpwp-contact-form-main-wrap .wpwp-contact-form-successful-message p, .wpwp-contact-form-main-wrap .wpwp-refund-form-successful-message p, .wpwp-refund-form-main-wrap .wpwp-contact-form-successful-message p, .wpwp-refund-form-main-wrap .wpwp-refund-form-successful-message p {
font-size: 16px;
}
}
.wpwp-contact-form-main-wrap .animate-element, .wpwp-refund-form-main-wrap .animate-element {
display: none;
}
.wpwp-contact-form-main-wrap.content-loading, .wpwp-refund-form-main-wrap.content-loading {
opacity: 1;
}
.wpwp-contact-form-main-wrap.content-loading:after, .wpwp-refund-form-main-wrap.content-loading:after {
display: none;
}
.wpwp-contact-form-main-wrap.content-loading .wpwp-contact-form-wrap:before, .wpwp-contact-form-main-wrap.content-loading .wpwp-contact-form-wrap:after, .wpwp-contact-form-main-wrap.content-loading .wpwp-refund-form-wrap:before, .wpwp-contact-form-main-wrap.content-loading .wpwp-refund-form-wrap:after, .wpwp-refund-form-main-wrap.content-loading .wpwp-contact-form-wrap:before, .wpwp-refund-form-main-wrap.content-loading .wpwp-contact-form-wrap:after, .wpwp-refund-form-main-wrap.content-loading .wpwp-refund-form-wrap:before, .wpwp-refund-form-main-wrap.content-loading .wpwp-refund-form-wrap:after {
opacity: 1;
visibility: visible;
}
.compatibility-main-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.compatibility-main-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.compatibility-main-block h1 {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.compatibility-main-block .support-type-description-table {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
margin-top: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.compatibility-main-block .support-type-description-table .support-type-description-table-row {
text-align: center;
}
.compatibility-main-block .support-type-description-table .support-type-description-table-row:not(.compatibility-main-block .support-type-description-table .support-type-description-table-row.support-type-description-table-row-explanation-of-symbols) {
display: grid;
grid-template-columns: 28.2% 1fr;
border-bottom: 1px solid var(--border-default);
border-left: 1px solid var(--border-default);
border-right: 1px solid var(--border-default);
}
.compatibility-main-block .support-type-description-table .support-type-description-table-row:first-child {
border-top: 1px solid var(--border-default);
}
.compatibility-main-block .support-type-description-table .support-type-description-table-row.support-type-description-table-row-explanation-of-symbols {
border-bottom: 1px solid var(--border-default);
border-left: 1px solid var(--border-default);
border-right: 1px solid var(--border-default);
padding: 8px;
}
.compatibility-main-block .support-type-description-table .support-type-description-table-row .support-type-description-col {
padding: 8px;
}
.compatibility-main-block .support-type-description-table .support-type-description-table-row .support-type-description-col.support-type-description-table-col-icon {
border-right: 1px solid var(--border-default);
}
.compatibility-main-block .compatibility-search-block {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.compatibility-main-block .compatibility-search-block .compatibility_search-input-block {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 576px) {
.compatibility-main-block .compatibility-search-block .compatibility_search-input-block {
flex-direction: column;
}
}
.compatibility-main-block .compatibility-search-block .compatibility_search-input-block .compatibility_search-input-label {
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
font-weight: 600;
line-height: 140%;
}
.compatibility-main-block .compatibility-search-block .compatibility_search-input-block .compatibility_search-input {
flex: 1;
}
.compatibility-main-block .compatibility-search-block .compatibility_search-input-block .compatibility_search-input::placeholder {
color: var(--text-third) !important;
}
.compatibility-main-block .compatibility-table {
--grid-border: 1px solid var(--border-default);
--cell-padding: 8px 12px;
--attr-col-width: 80px;
user-select: none;
}
.compatibility-main-block .compatibility-table .compatibility-block.compatibility-block--no-matches .compatibility-no-matches-message {
display: block;
}
.compatibility-main-block .compatibility-table .compatibility-block.compatibility-block--no-matches .compatibility-categories {
border: none;
}
.compatibility-main-block .compatibility-table .compatibility-block.compatibility-block--show .compatibility-categories {
display: block;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-block-header {
cursor: pointer;
padding: 12px 32px;
background-color: var(--accent-primary);
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-block-header:not(:last-child) {
margin-bottom: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-block-header .compatibility-block-header-title {
color: var(--bg-primary);
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-no-matches-message {
display: none;
text-align: center;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories {
display: none;
margin-bottom: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
border-top: var(--grid-border);
border-left: var(--grid-border);
width: 100%;
}
@media (max-width: 600px) {
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-y: hidden;
}
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category.compatibility-category--hidden {
display: none;
}
@media (max-width: 600px) {
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category {
width: 550px;
min-width: 550px;
}
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-category-header {
display: flex;
align-items: stretch;
border-bottom: var(--grid-border);
background-color: var(--accent-primary-hover);
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-category-header .compatibility-category-header-title {
flex: 1 1 auto;
padding: var(--cell-padding);
border-right: var(--grid-border);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--bg-primary);
user-select: text;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-category-header .compatibility-category-header-support-attributes {
display: flex;
flex: 0 0 auto;
background-color: var(--accent-primary-hover);
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-category-header .compatibility-category-header-support-attributes .compatibility-category-header-support-attribute {
width: var(--attr-col-width);
flex-shrink: 0;
padding: var(--cell-padding);
border-right: var(--grid-border);
display: flex;
align-items: center;
justify-content: center;
color: var(--bg-primary);
user-select: text;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-products .compatibility-product {
display: flex;
align-items: stretch;
border-bottom: var(--grid-border);
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-products .compatibility-product.compatibility-product--hidden {
display: none;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-products .compatibility-product .compatibility-product-title {
flex: 1 1 auto;
padding: var(--cell-padding);
border-right: var(--grid-border);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
user-select: text;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-products .compatibility-product .compatibility-product-support-attributes {
display: flex;
flex: 0 0 auto;
}
.compatibility-main-block .compatibility-table .compatibility-block .compatibility-categories .compatibility-category .compatibility-products .compatibility-product .compatibility-product-support-attributes .compatibility-product-support-attribute {
width: var(--attr-col-width);
flex-shrink: 0;
padding: var(--cell-padding);
border-right: var(--grid-border);
display: flex;
align-items: center;
justify-content: center;
}
.download-software-main-block:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.download-software-main-block {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.download-software-main-block h1 {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
.download-software-main-block .find-model-block {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.download-software-main-block .find-model-block .find-model-top-description {
text-align: center;
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.download-software-main-block .find-model-block .find-model-examples {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 650px) {
.download-software-main-block .find-model-block .find-model-examples {
grid-template-columns: 1fr;
}
}
.download-software-main-block .find-model-block .find-model-examples .find-model-example {
display: flex;
align-items: center;
justify-content: center;
}
.download-software-main-block .find-model-block .find-model-examples .find-model-example .find-model-example-image {
object-fit: contain;
}
.download-software-main-block .find-model-block .find-model-bottom-description {
text-align: center;
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.download-software-main-block .find-model-block .find-model-bottom-description .find-model-bottom-description--text {
color: var(--system-succes);
}
.download-software-main-block .download-software-search-block {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.download-software-main-block .download-software-search-block .download_software_search-input-block {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 576px) {
.download-software-main-block .download-software-search-block .download_software_search-input-block {
flex-direction: column;
}
}
.download-software-main-block .download-software-search-block .download_software_search-input-block .download_software_search-input-label {
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
font-weight: 600;
line-height: 140%;
}
.download-software-main-block .download-software-search-block .download_software_search-input-block .download_software_search-input {
flex: 1;
}
.download-software-main-block .download-software-search-block .download_software_search-input-block .download_software_search-input::placeholder {
color: var(--text-third) !important;
}
.download-software-main-block .download-software-table {
--grid-border: 1px solid var(--border-default);
user-select: none;
}
.download-software-main-block .download-software-table .download-software-group.download-software-group--no-matches .download-software-group-no-matches-message {
display: block;
}
.download-software-main-block .download-software-table .download-software-group.download-software-group--show .download-software-models {
display: block;
}
.download-software-main-block .download-software-table .download-software-group .download-software-group-header {
cursor: pointer;
padding: 12px 32px;
background-color: var(--accent-primary);
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.download-software-main-block .download-software-table .download-software-group .download-software-group-header:not(:last-child) {
margin-bottom: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
}
.download-software-main-block .download-software-table .download-software-group .download-software-group-header .download-software-group-header-title {
color: var(--bg-primary);
}
.download-software-main-block .download-software-table .download-software-group .download-software-group-no-matches-message {
display: none;
text-align: center;
}
.download-software-main-block .download-software-table .download-software-group .download-software-models {
display: none;
margin-bottom: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
width: 100%;
}
.download-software-main-block .download-software-table .download-software-group .download-software-models .download-software-model {
border-left: var(--grid-border);
border-right: var(--grid-border);
border-bottom: var(--grid-border);
padding: 8px 12px;
text-align: center;
}
.download-software-main-block .download-software-table .download-software-group .download-software-models .download-software-model:first-child {
border-top: var(--grid-border);
}
.download-software-main-block .download-software-table .download-software-group .download-software-models .download-software-model.download-software-model--hidden {
display: none;
}
.download-software-main-block .download-software-table .download-software-group .download-software-models .download-software-model .download-software-model-link {
text-decoration: none;
}
.download-software-main-block .download-software-table .download-software-group .download-software-models .download-software-model .download-software-model-link:hover {
color: var(--text-primary);
}
.download-software-main-block .synchub {
margin-top: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.download-software-main-block .synchub .synchub-title {
text-align: center;
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.download-software-main-block .synchub .synchub-links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 650px) {
.download-software-main-block .synchub .synchub-links {
grid-template-columns: 1fr;
}
}
.download-software-main-block .synchub .synchub-links .synchub-link {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.download-software-main-block .synchub .synchub-links .synchub-link .synchub-store-image {
object-fit: contain;
}
.download-software-main-block .synchub .synchub-links .synchub-link .synchub-qr-code-image {
object-fit: contain;
}
.wpwp-contact-form-open-btn {
max-width: 412px;
width: 90%;
margin: 40px auto;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 1;
color: var(--bg-primary);
padding-inline: 24px;
padding-top: 15px;
padding-bottom: 15px;
background: var(--accent-primary);
border: 1px solid var(--accent-primary);
display: block;
cursor: pointer;
transition: 0.3s background-color ease;
text-align: center;
border-radius: 4px;
}
.wpwp-contact-form-open-btn:hover {
border: 1px solid var(--accent-primary);
color: var(--accent-primary);
background-color: transparent;
}
.wp-block-social-links:not(:first-child) {
--social-links-margin-top: clamp(16px, 16px + 0vw, 16px);
margin-top: var(--social-links-margin-top) !important;
}
.wp-block-social-links {
--social-links-margin-bottom: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
margin-bottom: var(--social-links-margin-bottom) !important;
justify-content: center;
gap: clamp(8px, 8px + 0vw, 8px);
list-style: none;
}
.wp-block-social-links .wp-social-link:before {
display: none;
}
.wp-block-social-links .wp-social-link:hover {
transform: none;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor svg {
width: 20px;
height: 20px;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor {
justify-content: center;
width: 32px;
height: 32px;
}
.wp-block-image {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.wp-block-image img {
width: 100%;
object-fit: contain;
}
.wp-block-video,
.wp-block-embed {
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.wp-block-embed.is-provider-youtube .wp-block-embed__wrapper, .wp-block-embed.is-provider-vimeo .wp-block-embed__wrapper {
aspect-ratio: 16/9;
}
.wp-block-embed.is-provider-youtube .wp-block-embed__wrapper iframe, .wp-block-embed.is-provider-vimeo .wp-block-embed__wrapper iframe {
width: 100%;
height: 100%;
max-width: 100%;
display: block;
border: 0;
}
.wp-block-video video {
width: 100%;
height: auto;
display: block;
}
.wp-block-list,
body.single-product div.product > ul,
body.single-product div.product > ol {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(20px, 13.3333333333px + 1.1574074074vw, 30px);
margin-bottom: clamp(20px, 13.3333333333px + 1.1574074074vw, 30px);
}
.wp-block-heading,
body.single-product div.product > h2 {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(20px, 13.3333333333px + 1.1574074074vw, 30px);
margin-bottom: clamp(20px, 13.3333333333px + 1.1574074074vw, 30px);
}
body.single-product div.product > h3,
body.single-product div.product > h4,
body.single-product div.product > h5 {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(10px, 6.6666666667px + 0.5787037037vw, 15px);
margin-bottom: clamp(10px, 6.6666666667px + 0.5787037037vw, 15px);
}
body.single-product div.product > p {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
margin-bottom: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
}
.wp-block-quote {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(20px, 13.3333333333px + 1.1574074074vw, 30px);
margin-bottom: clamp(20px, 13.3333333333px + 1.1574074074vw, 30px);
}
.wp-block-table {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.wp-block-gallery {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.wp-block-separator {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
margin-top: clamp(30px, 30px + 0vw, 30px);
margin-bottom: clamp(30px, 30px + 0vw, 30px);
}
.page-404 {
padding-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
padding-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.page-404 .page-404-wrapper {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.page-404 .page-404-wrapper .number-404 {
font-weight: 600;
font-size: clamp(64px, 21.3333333333px + 7.4074074074vw, 128px);
line-height: 115%;
text-align: center;
color: var(--accent-primary);
}
.page-404 .page-404-wrapper .page-icon-404 {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 200px;
}
.page-404 .page-404-wrapper .page-icon-404 .img-wrap img {
width: 200px;
height: 200px;
object-fit: contain;
display: block;
}
.page-404 .page-404-content {
width: 720px;
}
.page-404 .page-404-content .page-404-title {
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
text-align: center;
}
.page-404 .page-404-content .page-404-text {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
color: var(--text-secondary);
text-align: center;
}
.page-404 .page-404-content .page-404-buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.default-page {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.default-page h1.wp-block-heading {
text-align: center;
width: 1312px;
max-width: 94%;
margin: 0 auto 64px;
}
@media (max-width: 768px) {
.default-page h1.wp-block-heading {
max-width: 91.47%;
margin: 48px auto;
}
}
.default-page > p, .default-page > ol, .default-page > ul {
color: var(--text-secondary);
width: 720px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
.default-page > p, .default-page > ol, .default-page > ul {
max-width: 91.47%;
}
}
.default-page > p:not(:first-child), .default-page > ol:not(:first-child), .default-page > ul:not(:first-child) {
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.default-page > p:not(:last-child), .default-page > ol:not(:last-child), .default-page > ul:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.default-page h2.wp-block-heading, .default-page h3.wp-block-heading, .default-page h4.wp-block-heading, .default-page h5.wp-block-heading, .default-page h6.wp-block-heading {
width: 720px;
}
.default-page h2.wp-block-heading:not(:first-child), .default-page h3.wp-block-heading:not(:first-child), .default-page h4.wp-block-heading:not(:first-child), .default-page h5.wp-block-heading:not(:first-child), .default-page h6.wp-block-heading:not(:first-child) {
margin-top: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.default-page h2.wp-block-heading:not(:last-child), .default-page h3.wp-block-heading:not(:last-child), .default-page h4.wp-block-heading:not(:last-child), .default-page h5.wp-block-heading:not(:last-child), .default-page h6.wp-block-heading:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.default-page .wp-block-table {
width: 960px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
.default-page .wp-block-table {
max-width: 91.47%;
}
}
.default-page .wp-block-table:not(:first-child) {
margin-top: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
.default-page .wp-block-table {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
overflow-x: unset;
}
@media (max-width: 768px) {
.default-page .wp-block-table table {
position: relative;
table-layout: auto;
}
.default-page .wp-block-table table:before {
position: fixed;
content: "";
--top: clamp(96px, 90.69px + 0.921875vw, 97.77px);
top: var(--top);
left: 50%;
transform: translateX(-50vw);
width: 100vw;
height: 41px;
background-color: var(--bg-primary);
border-bottom: 1px solid var(--border-default);
opacity: 0;
z-index: -1;
}
.default-page .wp-block-table table.is-sticky:before {
opacity: 1;
z-index: 1;
}
}
.default-page .wp-block-table table thead {
border: none;
}
@media (max-width: 768px) {
.default-page .wp-block-table table thead {
position: sticky;
top: clamp(96px, 90.69px + 0.921875vw, 97.77px);
z-index: 3;
background-color: var(--bg-primary);
transform: translateY(1px);
}
.default-page .wp-block-table table thead.is-sticky {
transform: translateY(0);
}
.default-page .wp-block-table table thead.is-sticky:before {
opacity: 1;
}
}
.default-page .wp-block-table table thead tr th {
border: 1px solid var(--border-default);
padding: 8px;
text-align: left;
font-weight: 600;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-secondary);
}
@media (max-width: 768px) {
.default-page .wp-block-table table thead tr th {
border-bottom: none;
}
}
.default-page .wp-block-table table tbody tr td, .default-page .wp-block-table table tfoot tr td {
border: 1px solid var(--border-default);
padding: 8px;
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.default-page .wp-block-separator {
width: 720px;
}
header {
position: sticky;
top: 0;
z-index: 11;
}
header .top-menu-container {
background-color: var(--bg-subtle);
}
header .top-menu-container .row1312 {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 1140px) {
header .top-menu-container .row1312 {
justify-content: center;
}
}
header .top-menu-container .social-links-container {
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
}
@media (max-width: 1140px) {
header .top-menu-container .social-links-container {
display: none;
}
}
header .top-menu-container .top-messages-main-container {
display: none;
flex: 1 1 0;
align-items: center;
justify-content: center;
max-width: clamp(343px, -428px + 133.8541666667vw, 600px);
padding: 8px 0;
}
header .top-menu-container .top-messages-main-container.slick-initialized {
display: flex;
}
header .top-menu-container .top-messages-main-container .slick-list {
cursor: grab;
}
header .top-menu-container .top-messages-main-container .slick-list:active {
cursor: grabbing;
}
header .top-menu-container .top-messages-main-container .slick-list .slick-track .top-message-container {
display: flex;
align-items: center;
justify-content: center;
}
header .top-menu-container .top-messages-main-container .slick-list .slick-track .top-message-container .top-message {
display: block;
text-align: center;
text-decoration: none;
}
header .top-menu-container .top-messages-main-container .slick-list .slick-track .top-message-container .top-message:hover {
text-decoration: none;
}
header .top-menu-container .switchers-container {
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 1140px) {
header .top-menu-container .switchers-container {
display: none;
}
}
header .top-menu-container .switchers-container .wpwp-input-block .select2-container--open .selection .select2-selection {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5C22.0751 5 27 9.92487 27 16C27 22.0751 22.0751 27 16 27C9.92487 27 5 22.0751 5 16C5 9.92487 9.92487 5 16 5ZM12.5254 17C12.6429 19.3727 13.1708 21.4266 13.8994 22.8838C14.7884 24.6618 15.6469 25 16 25C16.3531 25 17.2116 24.6618 18.1006 22.8838C18.8292 21.4266 19.3571 19.3727 19.4746 17H12.5254ZM7.05664 17C7.41456 20.2372 9.48862 22.9552 12.3496 24.2266C11.3322 22.4191 10.6527 19.8685 10.5234 17H7.05664ZM21.4766 17C21.3473 19.8687 20.667 22.4191 19.6494 24.2266C22.5108 22.9553 24.5854 20.2375 24.9434 17H21.4766ZM12.3496 7.77246C9.48843 9.0438 7.41458 11.7626 7.05664 15H10.5234C10.6527 12.1311 11.3319 9.57996 12.3496 7.77246ZM16 7C15.6469 7 14.7884 7.33821 13.8994 9.11621C13.1708 10.5734 12.6429 12.6273 12.5254 15H19.4746C19.3571 12.6273 18.8292 10.5734 18.1006 9.11621C17.2116 7.33821 16.3531 7 16 7ZM19.6494 7.77246C20.6672 9.57998 21.3473 12.1309 21.4766 15H24.9434C24.5854 11.7623 22.511 9.04365 19.6494 7.77246Z' fill='%23E7C040'/%3E%3C/svg%3E%0A") !important;
}
header .top-menu-container .switchers-container .wpwp-input-block .select2-container .selection .select2-selection {
padding: 0;
width: 32px;
height: 32px;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5C22.0751 5 27 9.92487 27 16C27 22.0751 22.0751 27 16 27C9.92487 27 5 22.0751 5 16C5 9.92487 9.92487 5 16 5ZM12.5254 17C12.6429 19.3727 13.1708 21.4266 13.8994 22.8838C14.7884 24.6618 15.6469 25 16 25C16.3531 25 17.2116 24.6618 18.1006 22.8838C18.8292 21.4266 19.3571 19.3727 19.4746 17H12.5254ZM7.05664 17C7.41456 20.2372 9.48862 22.9552 12.3496 24.2266C11.3322 22.4191 10.6527 19.8685 10.5234 17H7.05664ZM21.4766 17C21.3473 19.8687 20.667 22.4191 19.6494 24.2266C22.5108 22.9553 24.5854 20.2375 24.9434 17H21.4766ZM12.3496 7.77246C9.48843 9.0438 7.41458 11.7626 7.05664 15H10.5234C10.6527 12.1311 11.3319 9.57996 12.3496 7.77246ZM16 7C15.6469 7 14.7884 7.33821 13.8994 9.11621C13.1708 10.5734 12.6429 12.6273 12.5254 15H19.4746C19.3571 12.6273 18.8292 10.5734 18.1006 9.11621C17.2116 7.33821 16.3531 7 16 7ZM19.6494 7.77246C20.6672 9.57998 21.3473 12.1309 21.4766 15H24.9434C24.5854 11.7623 22.511 9.04365 19.6494 7.77246Z' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
header .top-menu-container .switchers-container .wpwp-input-block .select2-container .selection .select2-selection:hover {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5C22.0751 5 27 9.92487 27 16C27 22.0751 22.0751 27 16 27C9.92487 27 5 22.0751 5 16C5 9.92487 9.92487 5 16 5ZM12.5254 17C12.6429 19.3727 13.1708 21.4266 13.8994 22.8838C14.7884 24.6618 15.6469 25 16 25C16.3531 25 17.2116 24.6618 18.1006 22.8838C18.8292 21.4266 19.3571 19.3727 19.4746 17H12.5254ZM7.05664 17C7.41456 20.2372 9.48862 22.9552 12.3496 24.2266C11.3322 22.4191 10.6527 19.8685 10.5234 17H7.05664ZM21.4766 17C21.3473 19.8687 20.667 22.4191 19.6494 24.2266C22.5108 22.9553 24.5854 20.2375 24.9434 17H21.4766ZM12.3496 7.77246C9.48843 9.0438 7.41458 11.7626 7.05664 15H10.5234C10.6527 12.1311 11.3319 9.57996 12.3496 7.77246ZM16 7C15.6469 7 14.7884 7.33821 13.8994 9.11621C13.1708 10.5734 12.6429 12.6273 12.5254 15H19.4746C19.3571 12.6273 18.8292 10.5734 18.1006 9.11621C17.2116 7.33821 16.3531 7 16 7ZM19.6494 7.77246C20.6672 9.57998 21.3473 12.1309 21.4766 15H24.9434C24.5854 11.7623 22.511 9.04365 19.6494 7.77246Z' fill='%23E7C040'/%3E%3C/svg%3E%0A");
}
header .top-menu-container .switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__rendered {
display: none !important;
}
header .top-menu-container .switchers-container .wpwp-input-block .select2-container .selection .select2-selection__arrow {
display: none !important;
}
header .top-menu-container .switchers-container .wpwp-input-block .wpwp-input-label {
display: none;
}
header .main-menu-container {
background-color: var(--bg-primary);
border-bottom: 1px solid var(--border-default);
border-top: 1px solid var(--border-default);
padding: 4px 0;
}
@media (max-width: 1140px) {
header .main-menu-container {
border: none;
}
}
header .main-menu-container .row1312 {
display: flex;
align-items: center;
}
@media (max-width: 1140px) {
header .main-menu-container .row1312 {
justify-content: flex-start;
}
}
header .main-menu-container .catalog-container {
position: relative;
}
@media (max-width: 1140px) {
header .main-menu-container .catalog-container {
flex: 0 0 auto;
margin-right: auto;
}
}
header .main-menu-container .catalog-container .catalog-btn {
cursor: pointer;
position: relative;
padding-right: 24px;
margin-right: 32px;
transition: 0.3s all ease;
}
header .main-menu-container .catalog-container .catalog-btn:hover {
color: var(--accent-primary-hover);
}
header .main-menu-container .catalog-container .catalog-btn:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23E7C040' stroke-width='2'/%3E%3C/svg%3E%0A");
}
header .main-menu-container .catalog-container .catalog-btn:after {
position: absolute;
content: "";
width: 20px;
height: 20px;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
header .main-menu-container .catalog-container .catalog-content-container {
opacity: 0;
z-index: 10;
visibility: hidden;
transition: 0.3s opacity ease, 0.3s transform ease, 0.3s visibility ease;
position: fixed;
top: 106px;
left: 0;
width: 100vw;
height: calc(100% - 106px);
background-color: var(--bg-primary);
border-bottom: 1px solid var(--border-default);
border-top: 1px solid var(--border-default);
overflow-y: auto;
}
@media (max-width: 1140px) {
header .main-menu-container .catalog-container .catalog-content-container {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
}
header .main-menu-container .catalog-container .catalog-content-container:before {
position: fixed;
content: "";
top: 48px;
left: 0;
width: 100vw;
height: 1px;
background-color: var(--border-default);
z-index: 2;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content {
display: flex;
align-items: flex-start;
justify-content: flex-end;
gap: 12px;
background-color: var(--bg-primary);
width: 1312px;
max-width: 94%;
margin: 0 auto;
padding: 48px 0 64px;
}
@media (max-width: 1140px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content {
padding-top: 80px;
position: relative;
}
}
@media (max-width: 1024px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content {
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 768px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content {
max-width: 91.47%;
}
}
@media (max-width: 576px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content {
flex-direction: column;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 48px;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-title {
display: none;
position: absolute;
top: 13px;
left: 0;
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--text-third);
}
@media (max-width: 1140px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-title {
display: block;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-close-btn {
display: none;
position: absolute;
top: 12px;
right: 0;
cursor: pointer;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background-color: transparent;
z-index: 1;
transition: 0.3s all ease;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-close-btn svg rect {
transition: 0.3s all ease;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-close-btn:hover svg rect {
fill: var(--accent-primary-hover);
}
@media (max-width: 1140px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-close-btn {
display: flex;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container {
order: 2;
width: clamp(343px, 87px + 25vw, 447px);
}
@media (max-width: 1140px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container {
width: clamp(343px, 315.4255319149px + 4.7872340426vw, 370px);
}
}
@media (max-width: 1024px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container {
width: clamp(343px, 125.7142857143px + 37.7232142857vw, 512px);
}
}
@media (max-width: 576px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container {
width: clamp(343px, 1.5820895522px + 91.0447761194vw, 526px);
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container ul.products {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
@media (max-width: 576px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container ul.products {
gap: 12px;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container ul.products li.product:not(:last-child) {
display: none;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-top-offer-container ul.products.slick-initialized li.product:not(:last-child) {
display: block;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container {
order: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-right: auto;
}
@media (max-width: 576px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container {
margin-right: 0;
width: 100%;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container {
display: none;
}
@media (max-width: 576px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container {
width: 100%;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories-title, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections-title, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories-title, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections-title {
color: var(--text-third);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap .catalog-category-link-wrap, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap .catalog-category-link-wrap, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap .catalog-category-link-wrap, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap .catalog-category-link-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap .catalog-category-link-wrap .catalog-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap .catalog-category-link-wrap .catalog-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap .catalog-category-link-wrap .catalog-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap .catalog-category-link-wrap .catalog-category-link {
margin-bottom: 0 !important;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn {
cursor: pointer;
transform: rotate(90deg);
transition: 0.3s all ease;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap .catalog-sub-categories, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap .catalog-sub-categories, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap .catalog-sub-categories, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap .catalog-sub-categories {
max-height: 0;
overflow: hidden;
transition: 0.3s max-height ease, 0.3s opacity ease, 0.3s transform ease, 0.3s padding-top ease;
opacity: 0;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link {
display: block;
font-weight: 400;
font-size: clamp(12px, 11.3333333333px + 0.1157407407vw, 13px);
text-decoration: none;
color: var(--text-primary);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child) {
margin-bottom: 4px;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn {
transform: rotate(90deg) scale(-1);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-wrap.sub-category-open .catalog-sub-categories, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-wrap.sub-category-open .catalog-sub-categories, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-wrap.sub-category-open .catalog-sub-categories, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-wrap.sub-category-open .catalog-sub-categories {
max-height: 300px;
opacity: 1;
padding-top: 10px;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-selection-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-selection-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-selection-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-link, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-selection-link {
display: block;
font-weight: 500;
text-decoration: none;
color: var(--text-primary);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-selection-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-selection-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-selection-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-link:hover, header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-selection-link:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-category-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-categories .catalog-selection-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-category-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-categories-container .catalog-selections .catalog-selection-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-category-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-categories .catalog-selection-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-category-link:not(:last-child), header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-categories-selections-container .catalog-selections-container .catalog-selections .catalog-selection-link:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container {
order: 1;
width: clamp(343px, -530.8461538462px + 85.3365384615vw, 698px);
}
@media (max-width: 1140px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container {
width: clamp(343px, 213.2978723404px + 22.5177304965vw, 470px);
}
}
@media (max-width: 1024px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container {
width: clamp(343px, -101.8571428571px + 77.2321428571vw, 689px);
}
}
@media (max-width: 576px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container {
width: clamp(343px, 1.5820895522px + 91.0447761194vw, 526px);
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks-title {
color: var(--text-third);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks {
position: relative;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-slider .catalog-additional-block-link {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
text-decoration: none;
padding: 2px;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-slider .catalog-additional-block-link:hover {
text-decoration: none;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-slider .catalog-additional-block-link .img-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-slider .catalog-additional-block-link .img-wrap .catalog-additional-block-img {
height: clamp(128px, 38.6666666667px + 15.5092592593vw, 262px);
width: 100%;
object-fit: cover;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-slider .catalog-additional-block-link .catalog-additional-block-title {
margin-top: clamp(56px, 45.3333333333px + 1.8518518519vw, 72px);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-nav {
position: absolute;
--nav-top: clamp(128px, 38.6666666667px + 15.5092592593vw, 262px);
--nav-top-offset: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
top: calc(var(--nav-top) + var(--nav-top-offset));
left: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
max-width: max-content;
}
@media (max-width: 576px) {
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-nav {
max-width: 100%;
width: 100%;
}
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-nav .additional-blocks-arrow--prev {
order: 0;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-nav .additional-blocks-arrow--next {
order: 2;
}
header .main-menu-container .catalog-container .catalog-content-container .catalog-content .catalog-additional-blocks-container .catalog-additional-blocks .catalog-additional-blocks-nav .slick-dots {
order: 1;
}
header .main-menu-container .catalog-container.catalog-active .catalog-btn {
color: var(--accent-primary-hover);
}
header .main-menu-container .catalog-container.catalog-active .catalog-btn:after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23E7C040' stroke-width='2'/%3E%3C/svg%3E%0A");
}
header .main-menu-container .catalog-container.catalog-active .catalog-content-container {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
header .main-menu-container .catalog-container.catalog-active .catalog-close-background {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
header .main-menu-container .pages-container {
flex: 1 1 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 32px;
}
@media (max-width: 1140px) {
header .main-menu-container .pages-container {
display: none;
}
}
header .main-menu-container .pages-container .menu-page-link {
text-decoration: none;
}
header .main-menu-container .pages-container .menu-page-link:hover {
color: var(--accent-primary-hover);
text-decoration: none;
}
header .main-menu-container .logo-search-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
max-width: clamp(169.5px, -90.7748691099px + 53.664921466vw, 682px);
width: 100%;
}
@media (max-width: 1140px) {
header .main-menu-container .logo-search-container {
flex: 0 0 auto;
}
}
@media (max-width: 768px) {
header .main-menu-container .logo-search-container {
max-width: clamp(169.5px, -10.9577464789px + 48.1220657277vw, 682px);
}
}
header .main-menu-container .logo-search-container .main-logo {
display: block;
}
header .main-menu-container .logo-search-container .main-logo .main-logo-image {
width: 140px;
height: 40px;
}
header .main-menu-container .logo-search-container .search-block .search-close-background {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
header .main-menu-container .logo-search-container .search-block .search-input-block {
display: none;
}
header .main-menu-container .logo-search-container .search-block .search-input-block .search-input {
height: 55px;
}
header .main-menu-container .logo-search-container .search-block .search-btn {
position: relative;
z-index: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
header .main-menu-container .logo-search-container .search-block .search-btn:hover svg path, header .main-menu-container .logo-search-container .search-block .search-btn:hover svg circle {
stroke: var(--accent-primary-hover);
}
header .main-menu-container .logo-search-container .search-block .search-btn svg {
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
header .main-menu-container .logo-search-container .search-block .search-btn svg path, header .main-menu-container .logo-search-container .search-block .search-btn svg circle {
transition: 0.3s all ease;
}
header .main-menu-container .logo-search-container .search-block .search-result-container {
position: absolute;
top: calc(100% - 1px);
left: 0;
width: 100%;
background-color: var(--bg-primary);
opacity: 1 !important;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-result-block {
padding-bottom: clamp(22px, 15.3333333333px + 1.1574074074vw, 32px);
padding-inline: 28px;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-products {
max-width: 396px;
margin: 0 auto;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-products .search-product {
display: block;
text-decoration: none;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-products .search-product:not(:last-child) {
border-bottom: 1px solid var(--border-default);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding-bottom: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-products .search-product:hover {
text-decoration: none;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-products .search-product:hover .search-product-info-block .search-product-name {
color: var(--accent-primary-hover);
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-products .search-product .search-product-image-block {
display: none;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-products .search-product .search-product-info-block .search-product-name {
transition: 0.3s all ease;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-empty-message-container {
max-width: 396px;
margin: 0 auto;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-empty-message-container .search-empty-message {
margin-bottom: 20px;
color: var(--text-third);
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-empty-message-container a {
text-decoration: none;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-empty-message-container a:hover {
text-decoration: none;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-see-more-link-block {
text-align: center;
margin-top: 20px;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-see-more-link-block .search-see-more-link {
text-decoration: none;
}
header .main-menu-container .logo-search-container .search-block .search-result-container .search-see-more-link-block .search-see-more-link:hover {
text-decoration: none;
}
header .main-menu-container .logo-search-container .search-block.search-active {
position: fixed;
top: 106px;
left: 0;
width: 100%;
opacity: 1;
visibility: visible;
z-index: 11;
background-color: var(--bg-primary);
padding: 16px;
}
header .main-menu-container .logo-search-container .search-block.search-active .search-close-btn {
position: absolute;
top: 32.5px;
left: 50%;
transform: translateX(calc(-50% + 206.5px));
cursor: pointer;
width: 20px;
height: 20px;
z-index: 3;
transition: 0.3s all ease;
}
header .main-menu-container .logo-search-container .search-block.search-active .search-close-btn svg rect {
transition: 0.3s all ease;
}
header .main-menu-container .logo-search-container .search-block.search-active .search-close-btn:hover svg rect {
fill: var(--accent-primary-hover);
}
header .main-menu-container .logo-search-container .search-block.search-active .search-close-background {
display: block !important;
}
header .main-menu-container .logo-search-container .search-block.search-active .search-input-block {
position: relative;
z-index: 2;
max-width: 445px;
margin: 0 auto;
}
header .main-menu-container .logo-search-container .search-block.search-active .search-btn {
display: none;
}
header .main-menu-container .logo-search-container .search-block.content-loading {
opacity: 1;
}
header .main-menu-container .logo-search-container .search-block.content-loading:after {
display: none;
}
header .main-menu-container .logo-search-container .search-block.content-loading .search-close-btn {
z-index: -1;
}
header .main-menu-container .logo-search-container .search-block.content-loading .search-input-block:after {
position: absolute;
content: "";
top: 16.5px;
right: 6px;
width: 20px;
height: 20px;
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader-search linear infinite;
z-index: 4;
transition: 0.3s all ease;
background-color: var(--bg-primary);
}
@keyframes loader-search {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
header .main-menu-container .widget_shopping_cart_content {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 1140px) {
header .main-menu-container .widget_shopping_cart_content {
flex: 0 0 auto;
}
}
header .main-menu-container .widget_shopping_cart_content .mini-cart .mini-cart-button .cart-wrap .cart-div {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
margin-left: clamp(8px, 2.6666666667px + 0.9259259259vw, 16px);
}
header .main-menu-container .widget_shopping_cart_content .mini-cart .mini-cart-button .cart-wrap .cart-div:hover svg path {
stroke: var(--accent-primary-hover);
}
header .main-menu-container .widget_shopping_cart_content .mini-cart .mini-cart-button .cart-wrap .cart-div svg {
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
header .main-menu-container .widget_shopping_cart_content .mini-cart .mini-cart-button .cart-wrap .cart-div svg path {
transition: 0.3s all ease;
}
header .main-menu-container .widget_shopping_cart_content .mini-cart .mini-cart-button .cart-wrap .cart-div .mini-cart-products-count {
position: absolute;
top: clamp(0px, 0px + 0vw, 0px);
right: clamp(0px, 0px + 0vw, 0px);
min-width: clamp(8px, 2.6666666667px + 0.9259259259vw, 16px);
min-height: clamp(8px, 2.6666666667px + 0.9259259259vw, 16px);
font-family: var(--second-family);
font-weight: 700;
font-size: clamp(6px, 2px + 0.6944444444vw, 12px);
line-height: clamp(8px, 2.6666666667px + 0.9259259259vw, 16px);
text-align: center;
color: var(--bg-primary);
background-color: var(--accent-primary-hover);
border-radius: 100%;
}
header .main-menu-container .widget_shopping_cart_content .mini-cart .mini-cart-button .arrow-icon {
display: none;
}
header .main-menu-container .mobile-menu-btn {
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
margin-left: clamp(8px, 2.6666666667px + 0.9259259259vw, 16px);
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
@media (max-width: 1140px) {
header .main-menu-container .mobile-menu-btn {
display: flex;
flex: 0 0 auto;
}
}
header .main-menu-container .mobile-menu-btn:hover svg rect {
fill: var(--accent-primary-hover);
}
header .main-menu-container .mobile-menu-btn svg {
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
header .main-menu-container .mobile-menu-btn svg rect {
transition: 0.3s all ease;
}
html.body-search-active .search-input-block, html.body-search-active .search-result-container {
display: block !important;
}
html.html-catalog-menu-active,
html.html-mobile-menu-active {
scrollbar-gutter: stable;
overflow: hidden;
}
footer {
border-top: 1px solid var(--border-default);
}
@media (max-width: 576px) {
footer {
display: flex;
flex-direction: column;
}
}
@media (max-width: 576px) {
footer .logo-container {
order: -1;
padding-top: 20px;
}
}
footer .logo-container .main-logo {
display: block;
max-height: 182px;
}
@media (max-width: 576px) {
footer .logo-container .main-logo {
max-height: 98px;
}
}
footer .logo-container .main-logo .main-logo-image {
height: 100%;
width: 100%;
max-width: none;
object-fit: cover;
max-height: 182px;
}
@media (max-width: 576px) {
footer .logo-container .main-logo .main-logo-image {
max-height: 98px;
}
}
footer .footer-main-block {
padding: 64px 0;
}
@media (max-width: 1024px) {
footer .footer-main-block {
padding: 32px 0;
}
}
@media (max-width: 576px) {
footer .footer-main-block {
padding: 20px 0;
}
}
footer .footer-main-block .wrapper {
display: flex;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 900px) {
footer .footer-main-block .wrapper {
flex-wrap: wrap;
gap: 32px;
}
}
@media (max-width: 630px) {
footer .footer-main-block .wrapper {
flex-direction: column;
}
}
@media (max-width: 576px) {
footer .footer-main-block .wrapper {
gap: 0;
}
}
footer .footer-main-block .footer-categories {
max-width: 329px;
width: 100%;
}
@media (max-width: 1024px) {
footer .footer-main-block .footer-categories {
max-width: 260px;
}
}
@media (max-width: 900px) {
footer .footer-main-block .footer-categories {
max-width: 329px;
order: 0;
}
}
@media (max-width: 768px) {
footer .footer-main-block .footer-categories {
max-width: 270px;
}
}
@media (max-width: 630px) {
footer .footer-main-block .footer-categories {
max-width: 100%;
order: unset;
}
}
footer .footer-main-block .footer-categories .footer-categories-pages-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
@media (max-width: 576px) {
footer .footer-main-block .footer-categories .footer-categories-pages-container {
flex-direction: column;
align-items: stretch;
gap: 0;
}
}
@media (max-width: 576px) {
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container {
width: 100%;
position: relative;
overflow: hidden;
border-bottom: 1px solid var(--border-default);
padding-bottom: 20px;
margin-bottom: 20px;
}
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header {
margin-bottom: 16px;
}
@media (max-width: 576px) {
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header {
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-categories-title, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-pages-title, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-categories-title, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-pages-title {
color: var(--text-third);
}
@media (max-width: 576px) {
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-categories-title, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-pages-title, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-categories-title, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-pages-title {
color: var(--text-primary);
}
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-dropdown-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-dropdown-btn {
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-dropdown-btn:before, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-dropdown-btn:after, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-dropdown-btn:before, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-dropdown-btn:after {
position: absolute;
content: "";
width: 15px;
height: 1px;
background-color: var(--text-primary);
transition: 0.3s all ease;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-dropdown-btn:after, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-dropdown-btn:after {
transform: rotate(90deg);
}
@media (max-width: 576px) {
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-dropdown-header .footer-dropdown-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-dropdown-header .footer-dropdown-btn {
display: flex;
}
}
@media (max-width: 576px) {
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages {
max-height: 0;
opacity: 0;
transition: 0.3s max-height ease, 0.3s opacity ease, 0.3s padding-top ease;
}
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap .catalog-category-link-wrap, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap .catalog-category-link-wrap, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap .catalog-category-link-wrap, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap .catalog-category-link-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap .catalog-category-link-wrap .footer-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap .catalog-category-link-wrap .footer-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap .catalog-category-link-wrap .footer-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap .catalog-category-link-wrap .footer-category-link {
margin-bottom: 0 !important;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap .catalog-category-link-wrap .sub-catalog-category-btn {
cursor: pointer;
transform: rotate(90deg);
transition: 0.3s all ease;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap .catalog-sub-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap .catalog-sub-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap .catalog-sub-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap .catalog-sub-categories {
max-height: 0;
overflow: hidden;
transition: 0.3s max-height ease, 0.3s opacity ease, 0.3s transform ease, 0.3s padding-top ease;
opacity: 0;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link {
display: block;
font-weight: 400;
font-size: clamp(12px, 11.3333333333px + 0.1157407407vw, 13px);
text-decoration: none;
color: var(--text-primary);
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap .catalog-sub-categories .catalog-sub-category-link:not(:last-child) {
margin-bottom: 4px;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap.sub-category-open .catalog-category-link-wrap .sub-catalog-category-btn {
transform: rotate(90deg) scale(-1);
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .catalog-category-wrap.sub-category-open .catalog-sub-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .catalog-category-wrap.sub-category-open .catalog-sub-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .catalog-category-wrap.sub-category-open .catalog-sub-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .catalog-category-wrap.sub-category-open .catalog-sub-categories {
max-height: 300px;
opacity: 1;
padding-top: 10px;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .footer-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .footer-page-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .footer-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .footer-page-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .footer-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .footer-page-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .footer-category-link, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .footer-page-link {
display: block;
text-decoration: none;
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .footer-category-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .footer-page-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .footer-category-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .footer-page-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .footer-category-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .footer-page-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .footer-category-link:hover, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .footer-page-link:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .footer-category-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-categories .footer-page-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .footer-category-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container .footer-pages .footer-page-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .footer-category-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-categories .footer-page-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .footer-category-link:not(:last-child), footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container .footer-pages .footer-page-link:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container.dropdown-active .footer-dropdown-header .footer-dropdown-btn:after, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container.dropdown-active .footer-dropdown-header .footer-dropdown-btn:after {
transform: rotate(0);
}
footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container.dropdown-active .footer-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-categories-container.dropdown-active .footer-pages, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container.dropdown-active .footer-categories, footer .footer-main-block .footer-categories .footer-categories-pages-container .footer-pages-container.dropdown-active .footer-pages {
max-height: 700px;
opacity: 1;
padding-top: 16px;
}
footer .footer-main-block .footer-top-offer {
max-width: 447px;
width: 100%;
}
@media (max-width: 1140px) {
footer .footer-main-block .footer-top-offer {
max-width: 400px;
}
}
@media (max-width: 1024px) {
footer .footer-main-block .footer-top-offer {
max-width: 350px;
}
}
@media (max-width: 900px) {
footer .footer-main-block .footer-top-offer {
order: 2;
margin: 0 auto;
max-width: 512px;
}
}
@media (max-width: 630px) {
footer .footer-main-block .footer-top-offer {
order: unset;
}
}
@media (max-width: 576px) {
footer .footer-main-block .footer-top-offer {
border-bottom: 1px solid var(--border-default);
padding-bottom: 20px;
margin-bottom: 20px;
}
}
footer .footer-main-block .footer-top-offer .footer-top-offer-container {
--arrow-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
--padding-contaiter: calc(var(--arrow-size) + 8px);
max-width: calc(351px + var(--padding-contaiter) * 2);
margin: 0 auto;
padding: 0 var(--padding-contaiter);
}
footer .footer-main-block .footer-top-offer .footer-top-offer-container ul.products {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
@media (max-width: 576px) {
footer .footer-main-block .footer-top-offer .footer-top-offer-container ul.products {
gap: 12px;
}
}
footer .footer-main-block .footer-top-offer .footer-top-offer-container ul.products li.product:not(:first-child) {
display: none;
}
footer .footer-main-block .footer-top-offer .footer-top-offer-container ul.products.slick-initialized li.product:not(:first-child) {
display: block;
}
footer .footer-main-block .footer-top-offer .footer-top-offer-container ul.products .slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
footer .footer-main-block .footer-top-offer .footer-top-offer-container ul.products .slider-arrow--prev {
left: calc(var(--padding-contaiter) * -1);
}
footer .footer-main-block .footer-top-offer .footer-top-offer-container ul.products .slider-arrow--next {
right: calc(var(--padding-contaiter) * -1);
}
footer .footer-main-block .footer-contact-switcher-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 329px;
width: 100%;
gap: 48px;
}
@media (max-width: 1024px) {
footer .footer-main-block .footer-contact-switcher-container {
gap: 32px;
max-width: 260px;
}
}
@media (max-width: 900px) {
footer .footer-main-block .footer-contact-switcher-container {
order: 1;
max-width: 329px;
}
}
@media (max-width: 768px) {
footer .footer-main-block .footer-contact-switcher-container {
max-width: 270px;
}
}
@media (max-width: 630px) {
footer .footer-main-block .footer-contact-switcher-container {
max-width: 100%;
order: unset;
}
}
footer .footer-main-block .footer-contact-switcher-container .footer-contact-us-container .footer-contact-us .footer-contact-us-title {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
footer .footer-main-block .footer-contact-switcher-container .footer-contact-us-container .footer-contact-us .footer-contact-us-links .footer-page-link {
display: block;
text-decoration: none;
}
footer .footer-main-block .footer-contact-switcher-container .footer-contact-us-container .footer-contact-us .footer-contact-us-links .footer-page-link:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
footer .footer-main-block .footer-contact-switcher-container .footer-contact-us-container .footer-contact-us .footer-contact-us-links .footer-page-link:hover {
text-decoration: none;
}
footer .footer-main-block .footer-contact-switcher-container .footer-contact-us-container .social-links-container {
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher-title {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block {
display: flex;
align-items: flex-start;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block.wpwp_currency_switcher-input-block {
order: 1;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block.wpwp_language_switcher-input-block {
order: 0;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block.wpwp_location_switcher-input-block {
order: 2;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block .select2-container {
margin-left: 0;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block .select2-container:before {
display: none !important;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block .select2-container .selection .select2-selection {
margin: 0 !important;
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__rendered {
color: var(--text-primary);
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__arrow {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
}
footer .footer-main-block .footer-contact-switcher-container .footer-switcher-container .footer-switcher .switchers-container .wpwp-input-block .wpwp-input-label {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 20px;
color: var(--text-third);
margin-right: 6px;
}
footer .footer-main-block .footer-contact-switcher-container .footer-button {
width: 100%;
}
footer .copyright-block {
background-color: var(--bg-subtle);
padding-top: clamp(4px, 17.3333333333px + -0.9259259259vw, 12px);
padding-bottom: clamp(4px, 17.3333333333px + -0.9259259259vw, 12px);
}
footer .copyright-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(8px, -6.6666666667px + 2.5462962963vw, 30px);
}
@media (max-width: 576px) {
footer .copyright-block .wrapper {
flex-direction: column-reverse;
align-items: stretch;
}
}
footer .copyright-block .copyright-title {
color: var(--text-third);
}
footer .copyright-block .footer-supported-payments {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
}
@media (max-width: 576px) {
footer .copyright-block .footer-supported-payments {
justify-content: space-between;
}
}
footer .copyright-block .footer-supported-payments .footer-supported-payments-title {
color: var(--text-third);
}
footer .copyright-block .footer-supported-payments .supported-payment-methods-container {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
}
footer .copyright-block .footer-supported-payments .supported-payment-methods-container .social-link {
display: block;
text-decoration: none;
}
footer .copyright-block .footer-supported-payments .supported-payment-methods-container .social-link:hover {
text-decoration: none;
}
footer .copyright-block .footer-supported-payments .supported-payment-methods-container .social-link .payment-method-image {
width: 32px;
height: 24px;
object-fit: contain;
}
.mobile-menu {
z-index: -1;
overflow: hidden;
opacity: 0;
transition: 0.3s all ease;
}
.mobile-menu .mobile-menu-close-background {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
backdrop-filter: blur(20px);
background-color: var(--text-inverse-secondary);
opacity: 0;
transition: 0.3s all ease;
transition-delay: 0s;
}
.mobile-menu .mobile-menu-content {
position: fixed;
top: 0;
right: 0;
overflow-x: hidden;
overflow-y: scroll;
width: 100%;
height: 100%;
will-change: transform, opacity;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 12px 16px 48px;
max-width: 375px;
margin-left: auto;
background-color: var(--bg-primary);
}
@media (max-width: 576px) {
.mobile-menu .mobile-menu-content {
max-width: 100%;
}
}
.mobile-menu .mobile-menu-content .mobile-menu-close-btn {
position: absolute;
top: 12px;
right: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background-color: transparent;
z-index: 1;
transition: 0.3s all ease;
}
.mobile-menu .mobile-menu-content .mobile-menu-close-btn svg rect {
transition: 0.3s all ease;
}
.mobile-menu .mobile-menu-content .mobile-menu-close-btn:hover svg rect {
fill: var(--accent-primary-hover);
}
.mobile-menu .mobile-menu-content .mobile-menu-title {
font-weight: 500;
font-size: 18px;
line-height: 140%;
color: var(--text-third);
margin-bottom: 45px;
}
.mobile-menu .mobile-menu-content .mobile-menu-pages:not(:last-child) {
margin-bottom: 80px;
}
.mobile-menu .mobile-menu-content .mobile-menu-pages .mobile-menu-page-link {
display: block;
text-decoration: none;
}
.mobile-menu .mobile-menu-content .mobile-menu-pages .mobile-menu-page-link:hover {
text-decoration: none;
}
.mobile-menu .mobile-menu-content .mobile-menu-pages .mobile-menu-page-link:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.mobile-menu .mobile-menu-content .social-links-container {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
}
.mobile-menu .mobile-menu-content .social-links-container:not(:last-child) {
margin-bottom: 50px;
}
.mobile-menu .mobile-menu-content .social-links-container .social-link {
display: block;
flex: 0 0 48px;
}
.mobile-menu .mobile-menu-content .social-links-container .social-link .social-link-icon {
width: 48px;
height: 48px;
}
.mobile-menu .mobile-menu-content .social-links-container .social-link .social-link-icon svg {
width: 48px;
height: 48px;
}
.mobile-menu .mobile-menu-content .switchers-container .wpwp-input-block .select2-container {
margin-left: 0;
}
.mobile-menu .mobile-menu-content .switchers-container .wpwp-input-block .select2-container:before {
display: none !important;
}
.mobile-menu .mobile-menu-content .switchers-container .wpwp-input-block .select2-container .selection .select2-selection {
margin: 0 !important;
}
.mobile-menu .mobile-menu-content .switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__rendered {
color: var(--text-primary);
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
}
.mobile-menu .mobile-menu-content .switchers-container .wpwp-input-block .select2-container .selection .select2-selection .select2-selection__arrow {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23F1F3F5' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.mobile-menu .mobile-menu-content .switchers-container .wpwp-input-block .wpwp-input-label {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 20px;
color: var(--text-third);
margin-right: 6px;
}
.mobile-menu.mobile-menu-active {
z-index: 99;
overflow: visible;
opacity: 1;
}
.mobile-menu.mobile-menu-active .mobile-menu-content {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
overflow-y: scroll;
}
.mobile-menu.mobile-menu-active .mobile-menu-close-background {
opacity: 1;
transition-delay: 0.2s;
}
.cky-consent-container {
border-radius: 0 !important;
top: 0 !important;
left: 0 !important;
bottom: unset !important;
width: 100vw !important;
height: 100vh !important;
display: flex;
align-items: flex-end;
justify-content: center;
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0.4);
}
.cky-consent-container .cky-consent-bar {
--cky-padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding: var(--cky-padding) !important;
background: var(--bg-subtle) !important;
border: 1px solid var(--border-default) !important;
border-radius: 4px !important;
box-shadow: none !important;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
width: 720px !important;
max-width: 94%;
margin-bottom: 32px;
}
@media (max-width: 576px) {
.cky-consent-container .cky-consent-bar {
margin-bottom: 0;
flex-direction: column;
align-items: flex-start;
border: none !important;
max-width: 100%;
border-radius: 4px 4px 0 0 !important;
padding-bottom: 48px !important;
}
}
.cky-consent-container .cky-consent-bar:before {
display: block;
content: "";
flex: 0 0 128px;
width: 128px;
height: 128px;
background-image: url("data:image/svg+xml,%3Csvg width='128' height='127' viewBox='0 0 128 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.7026 84.8419C32.3478 86.6887 38.3139 90.1015 45.3085 91.6325C45.3513 93.4173 46.3873 94.9685 47.9191 95.8224L45.404 102.401L43.3606 103.212C42.9167 103.388 42.661 103.852 42.7505 104.318C42.8408 104.784 43.2523 105.12 43.7308 105.12H56.3634C56.8946 105.12 57.3324 104.708 57.3603 104.181C57.3874 103.656 56.9939 103.201 56.4657 103.146L48.4465 102.324L51.5883 96.4375C53.8589 96.0486 55.6246 94.3101 55.9097 92.1371C55.9346 92.1334 55.9594 92.1312 55.9842 92.1274C56.8284 93.6122 58.4459 94.6445 60.3313 94.761L62.6229 102.649L61.058 103.198C60.5991 103.36 60.3245 103.824 60.4073 104.299C60.4893 104.773 60.9038 105.121 61.3906 105.121H74.024C74.5566 105.121 74.996 104.705 75.0208 104.176C75.0449 103.648 74.6454 103.194 74.115 103.145L65.3742 102.353L63.7522 93.8607C65.1169 92.9545 66.0115 91.4638 66.0115 89.7738C66.0115 89.217 65.9107 88.6825 65.7316 88.1824C78.8638 78.9635 83.8714 72.6342 83.8714 62.2613L83.5035 62.1904C83.7089 61.6678 83.6495 60.9706 83.2334 60.0689C80.3504 53.818 79.4958 41.4192 80.3504 34.8503C81.0193 29.7064 86.7544 28.721 88.5186 28.5351C88.7045 28.5217 88.8903 28.5083 89.0754 28.4963C89.2266 28.4911 89.3146 28.4941 89.3146 28.4941C89.3146 28.4941 89.3146 28.4889 89.3146 28.4814C92.4534 28.2828 95.3657 28.2821 95.3657 28.2821C95.3657 28.2821 96.2911 27.717 95.7216 27.3639C95.2333 27.0616 89.9413 24.7379 88.4344 24.0787C88.1312 23.4099 87.7257 22.8463 87.1787 22.5612C85.1496 21.5012 80.3504 20.3359 75.9718 23.9384C71.5939 27.5408 71.2734 47.9918 70.3126 52.2295C69.3519 56.4672 65.7211 56.1492 65.7211 56.1492C66.5171 56.977 67.4184 57.7511 68.3799 58.4647C63.1586 57.3271 55.2718 56.9263 47.5083 61.5768C34.2166 69.5393 12.6492 77.7505 12.6492 77.7505L12.9629 78.8702L16.7246 78.3103L16.5365 79.6166L11.082 81.1096V82.0427C11.082 82.0427 24.6242 81.2962 29.7026 84.8419ZM84.3649 23.445C85.1052 23.445 85.7049 24.0399 85.7049 24.7744C85.7049 25.509 85.1052 26.1039 84.3649 26.1039C83.6246 26.1039 83.025 25.5082 83.025 24.7744C83.025 24.0399 83.6254 23.445 84.3649 23.445Z' fill='%23F3CA43' /%3E%3Cellipse cx='105.648' cy='104.633' rx='2.10149' ry='0.758209' fill='%23F3CA43' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper {
padding: 0 !important;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper + div {
display: none;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-title {
font-family: var(--font-family);
font-weight: 600;
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
line-height: 140%;
color: var(--text-primary) !important;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding: 0 !important;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-des {
padding: 0 !important;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-des p {
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-secondary);
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper {
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
gap: 8px;
flex-direction: row-reverse;
justify-content: flex-end;
padding: 0 !important;
}
@media (max-width: 440px) {
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper {
flex-direction: row;
justify-content: flex-start;
}
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn {
cursor: pointer;
display: inline-block;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding-inline: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
padding-top: clamp(10.5px, 10.1666666667px + 0.0578703704vw, 11px);
padding-bottom: clamp(10.5px, 10.1666666667px + 0.0578703704vw, 11px);
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
max-width: max-content;
border-radius: 4px !important;
margin: 0 !important;
text-align: center;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn:hover {
text-decoration: none;
opacity: 1;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn.cky-btn-customize, .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn.cky-btn-reject {
color: var(--text-primary) !important;
background-color: transparent !important;
border: 1px solid var(--accent-primary) !important;
padding-inline: clamp(15px, 12.3333333333px + 0.462962963vw, 19px);
padding-top: clamp(9.5px, 9.1666666667px + 0.0578703704vw, 10px);
padding-bottom: clamp(9.5px, 9.1666666667px + 0.0578703704vw, 10px);
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn.cky-btn-customize:hover:hover, .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn.cky-btn-reject:hover:hover {
text-decoration: none;
color: var(--accent-primary-hover) !important;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn.cky-btn-accept {
border: none !important;
color: var(--bg-primary) !important;
background-color: var(--accent-primary) !important;
}
.cky-consent-container .cky-consent-bar .cky-notice-content-wrapper .cky-notice .cky-notice-group .cky-notice-btn-wrapper .cky-btn.cky-btn-accept:hover {
color: var(--bg-primary) !important;
background-color: var(--accent-primary-hover) !important;
}
.cky-btn-revisit-wrapper {
display: none !important;
background-color: #221c35 !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}
.cky-btn-revisit-wrapper:before, .cky-btn-revisit-wrapper:after {
display: none !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit:before {
display: block;
content: "";
width: 30px;
height: 30px;
background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M88.2049 41.5343C82.4159 39.4553 78.8553 33.564 79.3027 28.912C79.3027 28.1472 78.8444 27.4365 78.2651 26.9345C77.6857 26.4349 76.7871 26.2187 76.0351 26.3396C67.2134 27.6339 59.1356 21.1801 58.3352 12.1081C58.2632 11.2893 57.8151 10.5528 57.1199 10.1124C56.4273 9.67474 55.5646 9.57947 54.7999 9.86529C47.6494 12.4839 40.8929 7.74906 38.1969 1.57952C37.6923 0.42587 36.4409 -0.210104 35.2074 0.0628831C14.9095 4.59222 0 24.1974 0 45.0001C0 69.7166 20.2833 90 44.9998 90C69.7163 90 89.9996 69.7166 89.9996 45.0001C89.9263 43.4297 89.9154 42.147 88.2049 41.5343ZM18.5009 47.8353C17.0447 47.8353 15.8642 46.6547 15.8642 45.1986C15.8642 43.7421 17.0447 42.5619 18.5009 42.5619C19.9571 42.5619 21.1376 43.7421 21.1376 45.1986C21.1376 46.6547 19.9569 47.8353 18.5009 47.8353ZM29.1796 68.7305C24.8178 68.7305 21.2694 65.1822 21.2694 60.8204C21.2694 56.4586 24.8178 52.9103 29.1796 52.9103C33.5414 52.9103 37.0897 56.4586 37.0897 60.8204C37.0897 65.1822 33.5416 68.7305 29.1796 68.7305ZM31.8163 37.09C28.9092 37.09 26.5429 34.7236 26.5429 31.8166C26.5429 28.9095 28.9092 26.5432 31.8163 26.5432C34.7233 26.5432 37.0897 28.9095 37.0897 31.8166C37.0897 34.7236 34.7233 37.09 31.8163 37.09ZM52.91 74.0039C50.0029 74.0039 47.6365 71.6376 47.6365 68.7305C47.6365 65.8234 50.0029 63.4571 52.91 63.4571C55.817 63.4571 58.1834 65.8234 58.1834 68.7305C58.1834 71.6376 55.817 74.0039 52.91 74.0039ZM55.5467 52.9103C51.1848 52.9103 47.6365 49.3619 47.6365 45.0001C47.6365 40.6383 51.1848 37.09 55.5467 37.09C59.9085 37.09 63.4568 40.6383 63.4568 45.0001C63.4568 49.3619 59.9087 52.9103 55.5467 52.9103ZM71.2351 58.3821C69.7789 58.3821 68.5984 57.2016 68.5984 55.7454C68.5984 54.2889 69.7789 53.1087 71.2351 53.1087C72.6912 53.1087 73.8718 54.2889 73.8718 55.7454C73.8718 57.2016 72.6911 58.3821 71.2351 58.3821Z' fill='%23753BBD' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
display: none;
}
.cky-overlay {
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0.4) !important;
opacity: 1 !important;
}
.cky-modal {
background: var(--bg-subtle) !important;
border: 1px solid var(--border-default) !important;
border-radius: 4px !important;
}
.cky-modal .cky-preference-center {
background: var(--bg-subtle) !important;
color: var(--text-primary) !important;
}
.cky-modal .cky-preference-center .cky-preference-header {
--cky-preference-header-padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding: var(--cky-preference-header-padding) !important;
border-color: var(--border-default) !important;
}
.cky-modal .cky-preference-center .cky-preference-header .cky-preference-title {
color: var(--text-primary) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper {
--cky-preference-bodyr-padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding-inline: var(--cky-preference-bodyr-padding) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-preference-content-wrapper p {
color: var(--text-primary) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-preference-content-wrapper .cky-show-desc-btn {
text-decoration: underline;
color: var(--accent-primary-hover) !important;
text-decoration-color: var(--accent-primary-hover);
text-underline-offset: 2px;
transition: 0.3s all ease;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-preference-content-wrapper .cky-show-desc-btn:hover {
color: var(--accent-primary-hover) !important;
text-decoration-color: var(--accent-primary-hover);
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-horizontal-separator {
border-color: var(--border-default) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-accordion-wrapper .cky-accordion {
border-color: var(--border-default) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-accordion-wrapper .cky-accordion .cky-accordion-item .cky-accordion-header-wrapper .cky-accordion-header .cky-accordion-btn {
color: var(--text-primary) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-accordion-wrapper .cky-accordion .cky-accordion-item .cky-accordion-header-wrapper .cky-accordion-header .cky-always-active {
color: var(--system-succes) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-accordion-wrapper .cky-accordion .cky-accordion-item .cky-accordion-header-wrapper .cky-accordion-header-des p {
color: var(--text-primary) !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-accordion-wrapper .cky-accordion .cky-accordion-body .cky-audit-table {
background-color: var(--accent-primary) !important;
border-radius: 4px !important;
}
.cky-modal .cky-preference-center .cky-preference-body-wrapper .cky-accordion-wrapper .cky-accordion .cky-accordion-body .cky-audit-table p {
color: var(--bg-primary) !important;
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-footer-shadow {
background: none !important;
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper {
--btn-wrapper-padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding: var(--btn-wrapper-padding) !important;
gap: 8px;
flex-direction: row-reverse;
justify-content: center;
border-color: var(--border-default) !important;
}
@media (max-width: 576px) {
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper {
flex-direction: row;
}
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper + div {
display: none !important;
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn {
cursor: pointer;
display: inline-block;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding-inline: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
padding-top: clamp(10.5px, 10.1666666667px + 0.0578703704vw, 11px);
padding-bottom: clamp(10.5px, 10.1666666667px + 0.0578703704vw, 11px);
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
max-width: max-content;
border-radius: 4px !important;
margin: 0 !important;
text-align: center;
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn:hover {
text-decoration: none;
opacity: 1;
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences, .cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject {
color: var(--text-primary) !important;
background-color: transparent !important;
border: 1px solid var(--accent-primary) !important;
padding-inline: clamp(15px, 12.3333333333px + 0.462962963vw, 19px);
padding-top: clamp(9.5px, 9.1666666667px + 0.0578703704vw, 10px);
padding-bottom: clamp(9.5px, 9.1666666667px + 0.0578703704vw, 10px);
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences:hover:hover, .cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject:hover:hover {
text-decoration: none;
color: var(--accent-primary-hover) !important;
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept {
border: none !important;
color: var(--bg-primary) !important;
background-color: var(--accent-primary) !important;
}
.cky-modal .cky-preference-center .cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn.cky-btn-accept:hover {
color: var(--bg-primary) !important;
background-color: var(--accent-primary-hover) !important;
}
.cky-modal .cky-preference-center .cky-footer-wrapper div[data-cky-tag=detail-powered-by] {
display: none !important;
}
.pop-up-container {
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100vw;
height: 100vh;
transition: 0.5s;
overflow-y: hidden;
}
.pop-up-container.pop-up-active {
visibility: visible !important;
opacity: 1 !important;
transition: 0.5s;
}
.pop-up-container .pop-up-background {
z-index: 101;
width: 100%;
min-height: 100vh;
position: fixed;
top: 0;
background: var(--bg-subtle);
}
.pop-up-container .pop-up {
z-index: 102;
position: relative;
overflow: hidden;
margin: 0 auto;
width: 790px;
max-width: 94%;
max-height: 93vh;
background: var(--bg-primary);
}
@media (max-width: 768px) {
.pop-up-container .pop-up {
max-width: 91.47%;
}
}
.pop-up-container .pop-up .pop-up-close-btn {
display: flex;
align-items: center;
justify-content: center;
top: clamp(12px, 4px + 1.3888888889vw, 24px);
right: clamp(12px, 4px + 1.3888888889vw, 24px);
width: clamp(23px, 17px + 1.0416666667vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6562' y='8.92896' width='2' height='18' transform='rotate(45 21.6562 8.92896)' fill='%23F1F3F5'/%3E%3Crect x='23.0703' y='21.6569' width='2' height='18' transform='rotate(135 23.0703 21.6569)' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
.pop-up-container .pop-up .pop-up-close-btn:hover {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6562' y='8.92896' width='2' height='18' transform='rotate(45 21.6562 8.92896)' fill='%23e7c040'/%3E%3Crect x='23.0703' y='21.6569' width='2' height='18' transform='rotate(135 23.0703 21.6569)' fill='%23e7c040'/%3E%3C/svg%3E%0A");
}
.pop-up-container .pop-up .pop-up-content {
max-height: calc(93vh - 100px);
overflow-y: auto;
overflow-x: hidden;
}
.pop-up-container .pop-up .pop-up-content .pop-up-title {
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
font-weight: 600;
line-height: 140%;
text-align: center;
color: var(--text-primary);
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.pop-up-container .pop-up .pop-up-content .locations-content .locations-description {
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
text-align: center;
color: #c8c6cc;
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
margin-top: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
}
@media (max-width: 576px) {
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) {
grid-template-columns: repeat(1, 1fr);
}
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) .location-item {
background: #383349;
padding: 20px;
cursor: pointer;
transition: 0.3s all ease;
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) .location-item:hover {
background: #aadb1e;
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) .location-item:hover .location-item-title {
color: #221c35;
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) .location-item.location-item-UA .location-item-image-container {
background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_39_9400)'%3E%3Cg clip-path='url(%23clip1_39_9400)'%3E%3Cmask id='mask0_39_9400' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='80' height='80'%3E%3Cpath d='M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_39_9400)'%3E%3Cpath d='M-20 0H100V80H-20V0Z' fill='%23005BBB'/%3E%3C/g%3E%3Cmask id='mask1_39_9400' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='80' height='80'%3E%3Cpath d='M40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_39_9400)'%3E%3Cpath d='M-20 40H100V80H-20V40Z' fill='%23FFD500'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_39_9400'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_39_9400'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) .location-item.location-item-EUROPE .location-item-image-container {
background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_39_9403)'%3E%3Cg clip-path='url(%23clip1_39_9403)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40.0289 79.9696C62.1011 79.9696 79.9984 62.0723 79.9984 40C79.9984 17.9278 62.1011 0.0304565 40.0289 0.0304565C17.9566 0.0304565 0.0593262 17.9278 0.0593262 40C0.0593262 62.0723 17.9551 79.9696 40.0289 79.9696Z' fill='%23003399'/%3E%3Cpath d='M40.029 8.91281L39.0328 11.9761H35.8103L38.4083 13.8637L37.4309 16.9504L40.029 15.0628L42.6239 16.9504L41.6496 13.8637L44.2476 11.9761H41.0282L40.029 8.91281Z' fill='%23FFCC00'/%3E%3Cpath d='M41.0282 65.2683L40.029 62.205L39.0328 65.2683H35.8103L38.4083 67.1559L37.4309 70.2426L40.029 68.355L42.6239 70.2426L41.6465 67.1559L44.2445 65.2683H41.0282Z' fill='%23FFCC00'/%3E%3Cpath d='M13.382 41.7175L15.98 43.5911L15.0026 40.5044L17.6007 38.6168H14.3812L13.382 35.5535L12.3828 38.6168H9.16333L11.7614 40.5044L10.784 43.5911L13.382 41.7175Z' fill='%23FFCC00'/%3E%3Cpath d='M26.6984 12.4866L25.6992 15.5515H22.4829L25.0809 17.461L24.1036 20.5243L26.6984 18.6101L29.2965 20.5196L28.3191 17.4563L30.9187 15.5468H27.7055L26.6984 12.4866Z' fill='%23FFCC00'/%3E%3Cpath d='M16.9574 22.2355L15.9582 25.2988H12.7388L15.3368 27.1864L14.3376 30.2731L16.9574 28.3855L19.5555 30.2731L18.5562 27.1864L21.1761 25.2988H17.9551L16.9574 22.2355Z' fill='%23FFCC00'/%3E%3Cpath d='M17.9551 51.9456L16.9559 48.8824L15.9566 51.9456H12.7388L15.3368 53.8333L14.3376 56.92L16.9574 55.0324L19.5555 56.92L18.5562 53.8333L21.1761 51.9456H17.9551Z' fill='%23FFCC00'/%3E%3Cpath d='M27.7039 61.7023L26.6984 58.6312L25.7055 61.7023H22.4829L25.0809 63.6117L24.1067 66.6672L26.6984 64.7578L29.2965 66.6672L28.3191 63.6039L30.9234 61.7023H27.7039Z' fill='%23FFCC00'/%3E%3Cpath d='M70.8944 38.623H67.675L66.6757 35.5597L65.6765 38.623H62.4524L65.0504 40.5106L64.0777 43.5911L66.6757 41.7175L69.2738 43.5911L68.2964 40.5044L70.8944 38.623Z' fill='%23FFCC00'/%3E%3Cpath d='M53.3517 12.4866L52.3525 15.5515H49.1331L51.7311 17.461L50.7537 20.5243L53.3517 18.6101L55.9497 20.5196L54.9724 17.4563L57.5704 15.5468H54.351L53.3517 12.4866Z' fill='%23FFCC00'/%3E%3Cpath d='M61.5017 27.1864L60.5025 30.2731L63.1005 28.3855L65.7204 30.2731L64.7211 27.1864L67.3192 25.2988H64.0997L63.1005 22.2355L62.1013 25.2988H58.8818L61.5017 27.1864Z' fill='%23FFCC00'/%3E%3Cpath d='M64.098 51.9456L63.0988 48.8824L62.0995 51.9456H58.8801L61.5 53.8333L60.5008 56.92L63.0988 55.0324L65.7187 56.92L64.7194 53.8333L67.319 51.9456H64.098Z' fill='%23FFCC00'/%3E%3Cpath d='M54.351 61.7023L53.3517 58.639L52.3525 61.7023H49.1331L51.7311 63.6118L50.7537 66.675L53.3517 64.7656L55.9497 66.675L54.9724 63.6118L57.5704 61.7023H54.351Z' fill='%23FFCC00'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_39_9403'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_39_9403'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) .location-item .location-item-image-container {
width: 80px;
height: 80px;
border-radius: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
}
.pop-up-container .pop-up .pop-up-content .locations-content > div:not(div[class]) .location-item .location-item-title {
font-family: var(--font-family);
font-weight: 700;
font-size: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
line-height: 140%;
text-align: center;
color: #fff;
margin-top: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
transition: 0.3s all ease;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid {
width: 100%;
max-width: 100%;
max-height: 100%;
background: transparent;
backdrop-filter: unset;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-close-btn {
z-index: 2;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid {
max-height: 100vh;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content {
display: flex;
align-items: stretch;
justify-content: flex-end;
min-height: 100vh;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap {
background-color: var(--bg-primary);
padding-top: 80px;
padding-bottom: 80px;
padding-inline: clamp(16px, -16px + 5.5555555556vw, 64px);
max-width: 520px;
width: 100%;
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap {
max-width: 100%;
padding-top: 96px;
padding-bottom: 48px;
}
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .title-card {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description h2, .pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description h3, .pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description h4, .pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description h5 {
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
margin-bottom: 8px;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description ul, .pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description ol {
margin: 20px 0;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description ul li, .pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description ol li {
color: var(--text-secondary);
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description p {
color: var(--text-secondary);
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-description p:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-images-slider {
position: relative;
margin-bottom: 10px;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-images-slider .slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: var(--bg-primary);
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-images-slider .slider-arrow--prev {
left: 12px;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-images-slider .slider-arrow--next {
right: 12px;
}
.pop-up-container.pop-up-container-product-features-grid .pop-up-product-features-grid .pop-up-content-product-features-grid .card-pop-up-content .content-wrap .card-images-slider .card-slide .img-wrap img {
width: 100%;
}
.pop-up-container.pop-up-container-shop_sort, .pop-up-container.pop-up-container-shop_filters {
align-items: stretch;
justify-content: flex-start;
}
.pop-up-container.pop-up-container-shop_sort.pop-up-active .pop-up-shop_sort,
.pop-up-container.pop-up-container-shop_sort.pop-up-active .pop-up-shop_filters, .pop-up-container.pop-up-container-shop_filters.pop-up-active .pop-up-shop_sort,
.pop-up-container.pop-up-container-shop_filters.pop-up-active .pop-up-shop_filters {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters {
margin: 0;
max-height: unset;
border: none;
max-width: 100%;
width: 420px;
padding-left: clamp(20px, 12px + 1.3888888889vw, 32px);
padding-right: 0;
padding-top: clamp(48px, 26.6666666667px + 3.7037037037vw, 80px);
padding-bottom: clamp(32px, 45.3333333333px + -0.9259259259vw, 40px);
will-change: transform, opacity;
visibility: hidden;
-webkit-transform: translateX(-110%);
-moz-transform: translateX(-110%);
-ms-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters {
width: 100%;
}
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content {
height: 100%;
padding-right: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content::-webkit-scrollbar,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content::-webkit-scrollbar, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content::-webkit-scrollbar,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content::-webkit-scrollbar {
width: 2px;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap {
height: 100%;
display: flex;
flex-direction: column;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-content-title,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-content-title,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-content-title,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-content-title, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-content-title,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-content-title,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-content-title,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-content-title,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-content-title {
margin-bottom: 32px;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-btns-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-btns-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-btns-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-btns-wrap, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-btns-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-btns-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-btns-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-btns-wrap,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-btns-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: auto;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-clear-all-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-clear-all-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-clear-all-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-clear-all-btn, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-clear-all-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_sort .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-clear-all-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-sort-content-wrap .product-archive-filters-clear-all-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-show-result-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-sort-reset-btn,
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filters-clear-all-btn {
width: 100%;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block:not(:has(+ .product-archive-sort-btn-wrap)) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block:has(+ .product-archive-sort-btn-wrap) {
margin-bottom: 32px;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input {
display: none;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input:checked + .sort-products-input-label {
color: var(--text-primary);
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input:checked + .sort-products-input-label:before {
border-color: var(--text-primary);
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input:checked + .sort-products-input-label:after {
opacity: 1;
visibility: visible;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block:hover .sort-products-input-label:before {
border-color: var(--accent-primary-hover);
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input-label {
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-secondary);
transition: 0.3s all ease;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input-label:before, .pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input-label:after {
content: "";
border-radius: 50%;
transition: 0.3s all ease;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input-label:before {
position: relative;
display: block;
width: 18px;
height: 18px;
border: 1px solid var(--border-form);
margin-right: 8px;
}
.pop-up-container.pop-up-container-shop_sort .pop-up-shop_sort .pop-up-content .product-archive-sort-content-wrap .sort-products-input-block .sort-products-input-label:after {
position: absolute;
top: 50%;
left: 6px;
transform: translateY(-50%);
width: 8px;
height: 8px;
background-color: var(--accent-primary);
opacity: 0;
visibility: hidden;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-cropped.product-archive-filter-open:not(.archive-attribute-filter-has-view-type-color) .product-archive-filter-show-more-button {
display: block;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-cropped:not(.archive-attribute-filter-has-view-type-color) .product-archive-filter-content .archive-filter-content .archive-filter-value:nth-child(3) {
margin-bottom: 0;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-cropped:not(.archive-attribute-filter-has-view-type-color) .product-archive-filter-content .archive-filter-content .archive-filter-value:nth-child(n+4) {
max-height: 0;
margin-bottom: 0;
overflow: hidden;
visibility: hidden;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-open .product-archive-filter-title-block .product-archive-filter-open-close-button svg {
transform: scale(1);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-open-default .product-archive-filter-content, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-open-after-update .product-archive-filter-content {
display: block;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-title-block {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-title-block.empty-title {
display: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-title-block .product-archive-filter-title {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-secondary);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-title-block .product-archive-filter-open-close-button {
cursor: pointer;
width: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
height: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-title-block .product-archive-filter-open-close-button svg {
width: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
height: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
transform: scale(-1);
transition: 0.3s all ease;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-content {
display: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .archive-filter-content .archive-filter-value {
transition: 0.3s max-height ease;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .archive-filter-content .archive-filter-value .archive-filter-count {
display: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-show-more-button {
display: none;
cursor: pointer;
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-primary);
transition: 0.3s all ease;
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter .product-archive-filter-show-more-button:hover {
color: var(--accent-primary-hover);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-general .archive-filter-content .archive-filter-value:not(:last-child), .pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-usual .archive-filter-content .archive-filter-value:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-general .archive-filter-content .archive-filter-value .archive-promotion-filter-icon, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-usual .archive-filter-content .archive-filter-value .archive-promotion-filter-icon {
display: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px 4px;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block {
position: relative;
width: clamp(19px, 15px + 0.6944444444vw, 25px);
height: clamp(19px, 15px + 0.6944444444vw, 25px);
--color-margin: clamp(2px, 1.3333333333px + 0.1157407407vw, 3px);
--color-offset: clamp(0px, -0.6666666667px + 0.1157407407vw, 1px);
margin: var(--color-margin);
border-radius: 2px;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block:before {
position: absolute;
content: "";
top: calc(var(--color-margin) * -1);
left: calc(var(--color-margin) * -1);
width: calc(100% + var(--color-margin) + 1px);
height: calc(100% + var(--color-margin) + 1px);
border: 1px solid var(--text-primary);
border-radius: 4px;
opacity: 1;
transition: 0.3s all ease;
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block:before {
width: calc(100% + var(--color-margin));
height: calc(100% + var(--color-margin));
}
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block:hover:before {
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block:has(.product-archive-filter-input:checked)::before {
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block:has(.input-label:hover)::before {
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block .product-archive-filter-input {
display: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block .product-archive-filter-input:checked + label:before {
opacity: 1;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block .input-label {
cursor: pointer;
position: relative;
display: block;
color: transparent;
width: clamp(19px, 15px + 0.6944444444vw, 25px);
height: clamp(19px, 15px + 0.6944444444vw, 25px);
user-select: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block .input-label:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: var(--bg-primary);
border-radius: 100%;
opacity: 0;
transition: 0.3s all ease;
border: none !important;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .archive-filter-content .archive-filter-value .input-block .input-label:after {
display: none !important;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.archive-attribute-filter-has-view-type-color .product-archive-filter-show-more-button {
display: none !important;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column-reverse;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target {
width: 100%;
background-color: var(--border-default);
border: none;
box-shadow: none;
border-radius: 0;
height: 2px;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-connects {
border-radius: 0;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-connects .noUi-connect {
background-color: var(--text-secondary);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle {
cursor: grab;
background-color: var(--accent-primary);
border-radius: 100%;
box-shadow: none;
width: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
height: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
--noUi-handle-top: clamp(7px, 5.6666666667px + 0.2314814815vw, 9px);
top: calc(var(--noUi-handle-top) * -1);
border: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle:focus, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle:focus-visible {
outline: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle:active {
cursor: grabbing;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle:before, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle:after {
display: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle.noUi-handle-lower {
--noUi-handle-lower-right: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
right: calc(var(--noUi-handle-lower-right) * -1);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle.noUi-handle-upper {
right: 0;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-touch-area {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 2px;
height: 12px;
border-radius: 4px;
background-color: var(--bg-primary);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-touch-area:before, .pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-touch-area:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
width: 2px;
height: 8px;
border-radius: 4px;
background-color: var(--bg-primary);
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-touch-area:before {
left: -4px;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-base .noUi-origin .noUi-handle .noUi-touch-area:after {
right: -4px;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .noUi-target .noUi-pips {
display: none;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .archive-price-filter-content {
width: 100%;
margin-bottom: clamp(19px, 15px + 0.6944444444vw, 25px);
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.pop-up-container.pop-up-container-shop_filters .pop-up-shop_filters .pop-up-content .product-archive-filters-content-wrap .product-archive-filter.product-archive-filter-price .archive-price-filter-content-container .archive-price-filter-content .archive-price-filter-separator {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option {
width: 980px;
padding-left: clamp(20px, 12px + 1.3888888889vw, 32px);
padding-right: clamp(20px, 12px + 1.3888888889vw, 32px);
padding-top: clamp(48px, 26.6666666667px + 3.7037037037vw, 80px);
padding-bottom: clamp(32px, 45.3333333333px + -0.9259259259vw, 40px);
max-height: unset;
max-width: unset;
border-radius: 4px;
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option {
height: 100%;
align-content: center;
border-radius: 0;
}
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
margin: 0;
max-width: unset;
width: 100%;
}
@media (max-width: 1024px) {
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section {
flex-direction: row;
}
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section {
max-width: 576px;
flex-direction: column;
margin: 0 auto;
align-items: center;
}
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-close-btn {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery {
width: 343px;
height: 343px;
flex: 0 0 343px;
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery {
--main-galleries-wrap-width-height: clamp(343px, -91.7014925373px + 115.92039801vw, 576px);
width: var(--main-galleries-wrap-width-height);
height: var(--main-galleries-wrap-width-height);
flex: 0 0 var(--main-galleries-wrap-width-height);
}
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.slick-initialized .woocommerce-product-gallery__image:not(:first-child) {
display: block;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .gallery-arrow {
display: none !important;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .slick-slide {
cursor: grab;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .slick-slide:active {
cursor: grabbing;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .woocommerce-product-gallery__image {
padding: 0;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .woocommerce-product-gallery__image:not(:first-child) {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery img {
width: 100%;
height: 100%;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .slick-dots {
display: flex !important;
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
margin: 0;
width: 100%;
flex-wrap: wrap;
padding: 0 5px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .slider-counter {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary {
margin-bottom: 0;
width: 100%;
float: unset;
clear: unset;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-badge-top {
font-weight: 500;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-primary);
border: 1px solid var(--border-default);
border-radius: 4px;
padding: 7px;
background-color: var(--bg-primary);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
max-width: max-content;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product_title {
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
font-weight: 500;
line-height: 115%;
color: var(--text-primary);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding: 0;
border: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .woocommerce-product-details__short-description {
margin-top: 8px;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .woocommerce-product-details__short-description p {
color: var(--text-secondary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap {
position: relative;
font-size: 12px;
line-height: 140%;
color: var(--text-secondary);
padding-left: 20px;
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap:empty {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap.out-of-stock:before, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap.out-of-stock:after {
background-color: var(--system-warning);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap:before, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background-color: var(--system-succes);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap:before {
width: 16px;
height: 16px;
left: 0;
opacity: 0.2;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary .product-stock-block-wrap:after {
width: 8px;
height: 8px;
left: 4px;
z-index: 2;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form {
margin-bottom: 0;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form:not(.variations_form) {
background-color: var(--bg-subtle);
padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
border-radius: 4px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-add-to-cart-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price {
display: flex;
align-items: center;
justify-content: flex-start;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price bdi {
font-weight: 500;
font-size: 24px;
line-height: 115%;
color: var(--text-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price del, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price ins {
text-decoration: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price del *, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price ins * {
font-weight: 500;
font-size: 24px;
line-height: 115%;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price del {
order: 1;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price del * {
text-decoration: line-through;
text-decoration-thickness: 2px;
color: var(--text-third) !important;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price ins, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price bdi {
order: 0;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price ins *, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price bdi * {
color: var(--text-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .price .sale-percent {
display: none;
order: 2;
background: #753bbd;
border-radius: 30px;
padding: 0 10px;
font-family: var(--font-family);
font-weight: 700;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: #fff;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .quantity {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
gap: 4px;
margin: 0;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .quantity .qty-arrow {
color: transparent;
--qty-arrow-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
width: var(--qty-arrow-size);
height: var(--qty-arrow-size);
flex: 0 0 var(--qty-arrow-size);
user-select: none;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
transition: 0.3s all ease;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .quantity .qty-arrow-decrease {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .quantity .qty-arrow-decrease:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23E7C040'/%3E%3C/svg%3E%0A");
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .quantity .qty-arrow-increase {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23F1F3F5'/%3E%3Crect x='21' y='10' width='20' height='2' transform='rotate(90 21 10)' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .quantity .qty-arrow-increase:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23E7C040'/%3E%3Crect x='21' y='10' width='20' height='2' transform='rotate(90 21 10)' fill='%23E7C040'/%3E%3C/svg%3E%0A");
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .quantity .input-text {
padding: 0;
font-weight: 500;
font-size: clamp(18px, 16.6666666667px + 0.2314814815vw, 20px);
line-height: 1;
text-align: center;
color: var(--text-primary);
border: none;
height: auto;
width: 100%;
min-width: 40px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button {
position: relative;
display: block;
width: 100%;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button:before, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button:after {
position: absolute;
content: "";
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.3s opacity ease, 0.3s visibility ease;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button.wpwp-adding:before, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button.wpwp-adding:after {
opacity: 1;
visibility: visible;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_add_to_cart_button.wpwp-adding:after {
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader linear infinite;
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container {
transform: translateY(100%);
transition: 0.3s all ease;
background: var(--bg-subtle);
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
position: fixed;
width: 100%;
height: auto;
bottom: 0;
left: 0;
z-index: 10;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .price bdi {
font-weight: 500;
font-size: 24px;
line-height: 115%;
color: var(--text-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .price ins {
text-decoration: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .price ins * {
font-weight: 500;
font-size: 24px;
line-height: 115%;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .price .sale-percent, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .price del {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button {
position: relative;
display: block;
width: 100%;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding: 12px 24px;
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
border-radius: 4px;
text-align: center;
color: var(--bg-primary);
background-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:hover {
color: var(--bg-primary);
background-color: var(--accent-primary-hover);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:before, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:after {
position: absolute;
content: "";
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.3s opacity ease, 0.3s visibility ease;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button.wpwp-adding:before, .pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button.wpwp-adding:after {
opacity: 1;
visibility: visible;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button.wpwp-adding:after {
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader linear infinite;
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .mobile-add-to-cart-container.mobile-add-to-cart-active {
transform: translateY(0);
}
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container {
margin-bottom: 32px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap:not(:last-child) {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-label-container {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
margin-bottom: 8px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-label-container * {
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-label-container .wpwp-variation-attribute-value-label {
font-weight: 600;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px 4px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block {
cursor: pointer;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.is-disabled {
opacity: 0.45;
pointer-events: none;
cursor: not-allowed;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block {
position: relative;
width: clamp(19px, 15px + 0.6944444444vw, 25px);
height: clamp(19px, 15px + 0.6944444444vw, 25px);
--color-margin: clamp(2px, 1.3333333333px + 0.1157407407vw, 3px);
--color-offset: clamp(0px, -0.6666666667px + 0.1157407407vw, 1px);
margin: var(--color-margin);
border-radius: 2px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:before {
position: absolute;
content: "";
top: calc(var(--color-margin) * -1);
left: calc(var(--color-margin) * -1);
width: calc(100% + var(--color-margin) + 1px);
height: calc(100% + var(--color-margin) + 1px);
border: 1px solid var(--text-primary);
border-radius: 4px;
opacity: 1;
transition: 0.3s all ease;
}
@media (max-width: 768px) {
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:before {
width: calc(100% + var(--color-margin));
height: calc(100% + var(--color-margin));
}
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:hover:before {
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:has(.product_variation_option-input:checked)::before {
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:has(.product_variation_option-input-label:hover)::before {
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input:checked + label:before {
opacity: 1;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input-label {
cursor: pointer;
position: relative;
display: block;
color: transparent;
width: clamp(19px, 15px + 0.6944444444vw, 25px);
height: clamp(19px, 15px + 0.6944444444vw, 25px);
user-select: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input-label:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: var(--bg-primary);
border-radius: 100%;
opacity: 0;
transition: 0.3s all ease;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block:not(:last-child) {
margin-right: 4px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block:hover .product_variation_option-input-label {
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input:checked + label {
padding-left: 31px;
padding-left: clamp(27px, 24.3333333333px + 0.462962963vw, 31px);
background-color: var(--accent-primary);
color: var(--bg-primary);
border-color: var(--accent-primary);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input:checked + label:before {
opacity: 1;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input-label {
cursor: pointer;
position: relative;
display: block;
transition: 0.3s all ease;
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 1;
color: var(--text-primary);
padding: 6px 7px;
border-radius: 4px;
border: 1px solid var(--text-third);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input-label:before {
position: absolute;
content: "";
top: 50%;
left: clamp(11px, 9.6666666667px + 0.2314814815vw, 13px);
transform: translateY(-50%);
width: 8px;
height: 8px;
background-color: var(--bg-primary);
border-radius: 100%;
opacity: 0;
transition: 0.3s all ease;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .reset_variations_alert {
display: none;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
border-radius: 4px;
padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
background-color: var(--bg-subtle);
}
@media (max-width: 1280px) {
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap {
flex-direction: column;
align-items: flex-start;
}
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation {
display: none !important;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button {
display: grid !important;
grid-template-columns: max-content minmax(0, 1fr);
grid-template-areas: "price price" "qty btn";
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
column-gap: 0;
align-items: stretch;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button > p.price {
grid-area: price;
width: 100%;
margin: 0 !important;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button .quantity {
grid-area: qty;
width: max-content;
margin: 0 !important;
max-width: 115px;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button > button.single_add_to_cart_button {
grid-area: btn;
width: auto;
margin: 0 !important;
min-width: 0;
--single_add_to_cart_button: clamp(20px, 12px + 1.3888888889vw, 32px);
margin-left: var(--single_add_to_cart_button) !important;
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.pop-up-container.pop-up-container-choose-option .pop-up-choose-option .pop-up-content .product .wpwp-top-section .summary form .wpwp-add-to-cart-wrap {
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.pop-up-container.pop-up-container-contact-us-form .pop-up {
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
max-width: 100%;
max-height: 100%;
}
.pop-up-container.pop-up-container-contact-us-form .pop-up .pop-up-close-btn {
z-index: 2;
}
.pop-up-container.pop-up-container-contact-us-form .pop-up .pop-up-content {
max-height: 100%;
}
.pop-up-close-btn {
position: absolute;
top: 10px;
right: 30px;
font-weight: 800;
font-size: 3rem;
cursor: pointer;
}
html.html-pop-up-active {
scrollbar-gutter: stable;
overflow: hidden;
}
html.html-pop-up-active body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap {
position: static;
}
body.single-product h2:not(.woocommerce-loop-product__title),
body.single-product .h2:not(.woocommerce-loop-product__title) {
text-transform: uppercase;
}
body.single-product div.product .wpwp-top-section {
position: relative;
width: 1312px;
max-width: 94%;
margin: 64px auto 0;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: clamp(16px, -5.3333333333px + 3.7037037037vw, 48px);
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section {
flex-direction: column;
gap: 48px;
max-width: 100%;
margin-top: 0px;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap {
position: sticky;
top: clamp(102px, 82.6666666667px + 3.3564814815vw, 131px);
--galleries-wrap-width: clamp(375px, 257px + 20.4861111111vw, 552px);
width: calc(var(--galleries-wrap-width) + 80px);
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap {
position: static;
top: unset;
width: 100%;
margin: 0 auto;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap {
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 11px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-close-btn {
cursor: pointer;
position: fixed;
display: none;
align-items: center;
justify-content: center;
z-index: 101;
top: clamp(12px, 4px + 1.3888888889vw, 24px);
right: clamp(12px, 4px + 1.3888888889vw, 24px);
width: clamp(23px, 17px + 1.0416666667vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6562' y='8.92896' width='2' height='18' transform='rotate(45 21.6562 8.92896)' fill='%23F1F3F5'/%3E%3Crect x='23.0703' y='21.6569' width='2' height='18' transform='rotate(135 23.0703 21.6569)' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-close-btn:hover {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6562' y='8.92896' width='2' height='18' transform='rotate(45 21.6562 8.92896)' fill='%23e7c040'/%3E%3Crect x='23.0703' y='21.6569' width='2' height='18' transform='rotate(135 23.0703 21.6569)' fill='%23e7c040'/%3E%3C/svg%3E%0A");
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-close-btn.active {
display: flex;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap {
transition: unset;
position: relative;
width: 64px;
flex: 0 0 64px;
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap {
display: none;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap.transform-unset .slick-list {
--slick-track-height: clamp(375px, 257px + 20.4861111111vw, 552px);
height: var(--slick-track-height) !important;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap.transform-unset .slick-list .slick-track {
transform: unset !important;
--slick-track-height: clamp(375px, 257px + 20.4861111111vw, 552px);
height: var(--slick-track-height) !important;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap .woocommerce-product-gallery__image {
cursor: pointer;
position: relative;
border: none;
transition: 0.3s opacity ease;
background-color: var(--bg-surface);
border-radius: 4px;
padding: 5px;
height: 64px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap .woocommerce-product-gallery__image:not(:last-child) {
margin-bottom: 16px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap .woocommerce-product-gallery__image:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: var(--text-primary);
border: 4px solid var(--bg-subtle);
border-radius: 100%;
opacity: 0;
transition: 0.3s opacity ease;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap .woocommerce-product-gallery__image:hover {
opacity: 0.2;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap .woocommerce-product-gallery__image.slick-current {
opacity: 0.2;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap .woocommerce-product-gallery__image.slick-current:before {
opacity: 1;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery-thumbnails-wrap .woocommerce-product-gallery__image .woo-product-image {
width: 54px;
height: 54px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery {
--wpwp-product-gallery-size: clamp(375px, 257px + 20.4861111111vw, 552px);
width: var(--wpwp-product-gallery-size);
height: var(--wpwp-product-gallery-size);
background-color: var(--bg-surface);
border-radius: 4px;
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery {
width: 100%;
height: 100%;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.slick-initialized .woocommerce-product-gallery__image:not(:first-child) {
display: block;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .woocommerce-product-gallery__image {
padding: 0 5px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .woocommerce-product-gallery__image:not(:first-child) {
display: none;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .woocommerce-product-gallery__image .woo-product-image {
cursor: pointer;
width: var(--wpwp-product-gallery-size);
height: var(--wpwp-product-gallery-size);
aspect-ratio: 1/1;
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .woocommerce-product-gallery__image .woo-product-image {
width: 100%;
height: 100%;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .gallery-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .gallery-arrow--prev {
left: 0;
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .gallery-arrow--prev {
left: 15px;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .gallery-arrow--next {
right: 0;
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery .gallery-arrow--next {
right: 15px;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up {
position: fixed;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--bg-surface);
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up {
display: block;
overflow-y: auto;
padding: 96px 0 48px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list {
overflow: visible !important;
height: auto !important;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list .slick-track {
transform: none !important;
width: 100% !important;
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 20px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list .slick-track:before, body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list .slick-track:after {
display: none;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list .slick-track .slick-slide {
float: none !important;
width: 100% !important;
height: auto !important;
display: block !important;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list .slick-track .slick-cloned {
display: none !important;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .woocommerce-product-gallery__image {
padding: 0 5px;
background-color: var(--bg-surface);
border-radius: 4px;
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .woocommerce-product-gallery__image {
padding: 0 !important;
margin: 0 !important;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .woocommerce-product-gallery__image .woo-product-image {
--active-woo-product-image-size: clamp(335px, 171.2676056338px + 43.661971831vw, 800px);
width: var(--active-woo-product-image-size);
height: var(--active-woo-product-image-size);
margin: 0 auto;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list {
width: 100%;
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-list {
margin: 0 auto;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-dots {
display: none !important;
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .slick-dots {
display: none !important;
}
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .gallery-arrow {
top: 50%;
}
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .gallery-arrow {
display: none !important;
}
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .gallery-arrow--prev {
left: 16px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .wpwp-product-gallery.active-wpwp-product-gallery-pop-up .gallery-arrow--next {
right: 16px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .slider-counter {
position: absolute;
bottom: 12px;
left: calc(50% + 40px);
transform: translateX(-50%);
border: 1px solid var(--border-default);
border-radius: 4px;
background-color: var(--bg-primary);
padding: 3px 7px;
}
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .slider-counter:empty {
display: none !important;
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .wpwp-product-main-galleries-wrap .wpwp-product-main-gallery-wrap .slider-counter {
left: 50%;
}
}
body.single-product div.product .wpwp-top-section .summary {
margin: 0;
max-width: 632px;
width: 100%;
}
@media (max-width: 1024px) {
body.single-product div.product .wpwp-top-section .summary {
width: 1312px;
max-width: 94%;
margin: 0 auto;
}
}
@media (max-width: 768px) {
body.single-product div.product .wpwp-top-section .summary {
max-width: 91.47%;
}
}
body.single-product div.product .wpwp-top-section .summary .product-badge-top {
font-weight: 500;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-primary);
border: 1px solid var(--border-default);
border-radius: 4px;
padding: 7px;
background-color: var(--bg-primary);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
max-width: max-content;
}
body.single-product div.product .wpwp-top-section .summary .product_title {
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
margin-bottom: 8px;
}
body.single-product div.product .wpwp-top-section .summary .product_meta .sku {
position: relative;
margin: 8px 0;
color: var(--text-secondary);
}
body.single-product div.product .wpwp-top-section .summary .product_meta .sku:not(:empty):before {
content: "(";
}
body.single-product div.product .wpwp-top-section .summary .product_meta .sku:not(:empty):after {
content: ")";
}
body.single-product div.product .wpwp-top-section .summary .woocommerce-product-details__short-description {
margin-top: 8px;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
body.single-product div.product .wpwp-top-section .summary .woocommerce-product-details__short-description p {
color: var(--text-secondary);
}
body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap {
position: relative;
font-size: 12px;
line-height: 140%;
color: var(--text-secondary);
padding-left: 20px;
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap:empty {
display: none;
}
body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap.out-of-stock:before, body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap.out-of-stock:after {
background-color: var(--system-warning);
}
body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap:before, body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
background-color: var(--system-succes);
}
body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap:before {
width: 16px;
height: 16px;
left: 0;
opacity: 0.2;
}
body.single-product div.product .wpwp-top-section .summary .product-stock-block-wrap:after {
width: 8px;
height: 8px;
left: 4px;
z-index: 2;
}
body.single-product div.product .wpwp-top-section .summary form {
margin-bottom: 0;
}
body.single-product div.product .wpwp-top-section .summary form:not(.variations_form) {
background-color: var(--bg-subtle);
padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
border-radius: 4px;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-add-to-cart-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
body.single-product div.product .wpwp-top-section .summary form .price {
display: flex;
align-items: center;
justify-content: flex-start;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
body.single-product div.product .wpwp-top-section .summary form .price bdi {
font-weight: 500;
font-size: 24px;
line-height: 115%;
color: var(--text-primary);
}
body.single-product div.product .wpwp-top-section .summary form .price del, body.single-product div.product .wpwp-top-section .summary form .price ins {
text-decoration: none;
}
body.single-product div.product .wpwp-top-section .summary form .price del *, body.single-product div.product .wpwp-top-section .summary form .price ins * {
font-weight: 500;
font-size: 24px;
line-height: 115%;
}
body.single-product div.product .wpwp-top-section .summary form .price del {
order: 1;
}
body.single-product div.product .wpwp-top-section .summary form .price del * {
text-decoration: line-through;
text-decoration-thickness: 2px;
color: var(--text-third) !important;
}
body.single-product div.product .wpwp-top-section .summary form .price ins, body.single-product div.product .wpwp-top-section .summary form .price bdi {
order: 0;
}
body.single-product div.product .wpwp-top-section .summary form .price ins *, body.single-product div.product .wpwp-top-section .summary form .price bdi * {
color: var(--text-primary);
}
body.single-product div.product .wpwp-top-section .summary form .price .sale-percent {
display: none;
order: 2;
background: #753bbd;
border-radius: 30px;
padding: 0 10px;
font-family: var(--font-family);
font-weight: 700;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: #fff;
}
body.single-product div.product .wpwp-top-section .summary form .quantity {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
gap: 4px;
margin: 0;
}
body.single-product div.product .wpwp-top-section .summary form .quantity .qty-arrow {
color: transparent;
--qty-arrow-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
width: var(--qty-arrow-size);
height: var(--qty-arrow-size);
flex: 0 0 var(--qty-arrow-size);
user-select: none;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
transition: 0.3s all ease;
}
body.single-product div.product .wpwp-top-section .summary form .quantity .qty-arrow-decrease {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
}
body.single-product div.product .wpwp-top-section .summary form .quantity .qty-arrow-decrease:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23E7C040'/%3E%3C/svg%3E%0A");
}
body.single-product div.product .wpwp-top-section .summary form .quantity .qty-arrow-increase {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23F1F3F5'/%3E%3Crect x='21' y='10' width='20' height='2' transform='rotate(90 21 10)' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
}
body.single-product div.product .wpwp-top-section .summary form .quantity .qty-arrow-increase:hover {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23E7C040'/%3E%3Crect x='21' y='10' width='20' height='2' transform='rotate(90 21 10)' fill='%23E7C040'/%3E%3C/svg%3E%0A");
}
body.single-product div.product .wpwp-top-section .summary form .quantity .input-text {
padding: 0;
font-weight: 500;
font-size: clamp(18px, 16.6666666667px + 0.2314814815vw, 20px);
line-height: 1;
text-align: center;
color: var(--text-primary);
border: none;
height: auto;
width: 100%;
min-width: 40px;
}
body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button {
position: relative;
display: block;
width: 100%;
}
body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button:before, body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button:after {
position: absolute;
content: "";
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.3s opacity ease, 0.3s visibility ease;
}
body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
}
body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button.wpwp-adding:before, body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button.wpwp-adding:after {
opacity: 1;
visibility: visible;
}
body.single-product div.product .wpwp-top-section .summary form .single_add_to_cart_button.wpwp-adding:after {
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader linear infinite;
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container {
transform: translateY(100%);
transition: 0.3s all ease;
background: var(--bg-subtle);
padding: 10px 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
position: fixed;
width: 100%;
height: auto;
bottom: 0;
left: 0;
z-index: 10;
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .price bdi {
font-weight: 500;
font-size: 24px;
line-height: 115%;
color: var(--text-primary);
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .price ins {
text-decoration: none;
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .price ins * {
font-weight: 500;
font-size: 24px;
line-height: 115%;
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .price .sale-percent, body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .price del {
display: none;
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button {
position: relative;
display: block;
width: auto;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding: 12px 24px;
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
border-radius: 4px;
text-align: center;
color: var(--bg-primary);
background-color: var(--accent-primary);
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button {
width: 100%;
}
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:hover {
color: var(--bg-primary);
background-color: var(--accent-primary-hover);
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:before, body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:after {
position: absolute;
content: "";
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.3s opacity ease, 0.3s visibility ease;
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button.wpwp-adding:before, body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button.wpwp-adding:after {
opacity: 1;
visibility: visible;
}
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container .single_add_to_cart_button.wpwp-adding:after {
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader linear infinite;
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@media (max-width: 768px) {
body.single-product div.product .wpwp-top-section .summary form .mobile-add-to-cart-container.mobile-add-to-cart-active {
transform: translateY(0);
}
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container {
margin-bottom: 32px;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap:not(:last-child) {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-label-container {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
margin-bottom: 8px;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-label-container * {
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-label-container .wpwp-variation-attribute-value-label {
font-weight: 600;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px 4px;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block {
cursor: pointer;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.is-disabled {
opacity: 0.45;
pointer-events: none;
cursor: not-allowed;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block {
position: relative;
width: clamp(19px, 15px + 0.6944444444vw, 25px);
height: clamp(19px, 15px + 0.6944444444vw, 25px);
--color-margin: clamp(2px, 1.3333333333px + 0.1157407407vw, 3px);
--color-offset: clamp(0px, -0.6666666667px + 0.1157407407vw, 1px);
margin: var(--color-margin);
border-radius: 2px;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:before {
position: absolute;
content: "";
top: calc(var(--color-margin) * -1);
left: calc(var(--color-margin) * -1);
width: calc(100% + var(--color-margin) + 1px);
height: calc(100% + var(--color-margin) + 1px);
border: 1px solid var(--text-primary);
border-radius: 4px;
opacity: 1;
transition: 0.3s all ease;
}
@media (max-width: 768px) {
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:before {
width: calc(100% + var(--color-margin));
height: calc(100% + var(--color-margin));
}
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:hover:before {
border-color: var(--accent-primary);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:has(.product_variation_option-input:checked)::before {
border-color: var(--accent-primary);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block:has(.product_variation_option-input-label:hover)::before {
border-color: var(--accent-primary);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input {
display: none;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input:checked + label:before {
opacity: 1;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input-label {
cursor: pointer;
position: relative;
display: block;
color: transparent;
width: clamp(19px, 15px + 0.6944444444vw, 25px);
height: clamp(19px, 15px + 0.6944444444vw, 25px);
user-select: none;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.color-input-block .product_variation_option-input-label:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
background-color: var(--bg-primary);
border-radius: 100%;
opacity: 0;
transition: 0.3s all ease;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block:not(:last-child) {
margin-right: 4px;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block:hover .product_variation_option-input-label {
border-color: var(--accent-primary);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input {
display: none;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input:checked + label {
padding-left: 31px;
padding-left: clamp(27px, 24.3333333333px + 0.462962963vw, 31px);
background-color: var(--accent-primary);
color: var(--bg-primary);
border-color: var(--accent-primary);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input:checked + label:before {
opacity: 1;
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input-label {
cursor: pointer;
position: relative;
display: block;
transition: 0.3s all ease;
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 1;
color: var(--text-primary);
padding: 6px 7px;
border-radius: 4px;
border: 1px solid var(--text-third);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-variations-main-container .wpwp-variations-wrap .wpwp-variation-wrap .wpwp-variation-attribute-options .product_variation_option-input-block.usual-input-block .product_variation_option-input-label:before {
position: absolute;
content: "";
top: 50%;
left: clamp(11px, 9.6666666667px + 0.2314814815vw, 13px);
transform: translateY(-50%);
width: 8px;
height: 8px;
background-color: var(--bg-primary);
border-radius: 100%;
opacity: 0;
transition: 0.3s all ease;
}
body.single-product div.product .wpwp-top-section .summary form .reset_variations_alert {
display: none;
}
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
border-radius: 4px;
padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
background-color: var(--bg-subtle);
}
@media (max-width: 1280px) {
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap {
flex-direction: column;
align-items: flex-start;
}
}
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation {
display: none !important;
}
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button {
display: grid !important;
grid-template-columns: max-content minmax(0, 1fr);
grid-template-areas: "price price" "qty btn";
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
column-gap: 0;
align-items: stretch;
}
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button > p.price {
grid-area: price;
width: 100%;
margin: 0 !important;
}
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button .quantity {
grid-area: qty;
width: max-content;
margin: 0 !important;
max-width: 115px;
}
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap:has(.woocommerce-variation .woocommerce-variation-price:empty) .woocommerce-variation-add-to-cart.variations_button > button.single_add_to_cart_button {
grid-area: btn;
width: auto;
margin: 0 !important;
min-width: 0;
--single_add_to_cart_button: clamp(20px, 12px + 1.3888888889vw, 32px);
margin-left: var(--single_add_to_cart_button) !important;
}
body.single-product div.product .wpwp-top-section .summary form .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
body.single-product div.product .wpwp-top-section .summary form .wpwp-add-to-cart-wrap {
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description {
margin-top: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description.empty-top-description {
display: none;
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .main-description-title, body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-title, body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links-title {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .main-description:not(:last-child) {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .main-description p {
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
color: var(--text-secondary);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .main-description p:not(:last-child) {
margin-bottom: 12px;
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-container:not(:last-child) {
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-container .description-parts-title {
color: var(--text-third);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-container .description-parts .description-part {
position: relative;
padding-left: 16px;
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-container .description-parts .description-part:not(:last-child) {
margin-bottom: clamp(16px, 22.6666666667px + -0.462962963vw, 20px);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-container .description-parts .description-part:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 8px;
height: 100%;
background-color: var(--accent-primary);
border-radius: 4px 0 0 4px;
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-container .description-parts .description-part .description-part-title {
margin-bottom: 4px;
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .description-parts-container .description-parts .description-part .description-part-description p {
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
color: var(--text-secondary);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-title {
color: var(--text-third);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 16px;
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap {
flex-direction: column;
}
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap .help-link {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
text-decoration: none;
}
@media (max-width: 576px) {
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap .help-link {
width: 100%;
}
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap .help-link:hover .help-link-title {
color: var(--accent-primary-hover);
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap .help-link .help-link-title {
font-weight: 500;
transition: 0.3s color ease;
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap .help-link .help-link-arrow {
width: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
height: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap .help-link .help-link-arrow.help-link-arrow-external {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 15L12.5 10L7.5 5' stroke='%23E7C040' stroke-width='2' /%3E%3C/svg%3E");
}
body.single-product div.product .wpwp-top-section .summary .product-top-description .help-links .help-links-wrap .help-link .help-link-arrow.help-link-arrow-current {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12L10 16L14 12' stroke='%23F3CA43' stroke-width='2'/%3E%3Cpath d='M10 15L10 3' stroke='%23F3CA43' stroke-width='2'/%3E%3C/svg%3E%0A");
}
body.single-product div.product .related.products,
body.single-product div.product .up-sells.products {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
body.single-product div.product .related.products > h2,
body.single-product div.product .up-sells.products > h2 {
width: 1312px;
max-width: 94%;
margin: 0 auto;
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
text-align: center;
}
@media (max-width: 768px) {
body.single-product div.product .related.products > h2,
body.single-product div.product .up-sells.products > h2 {
max-width: 91.47%;
}
}
body.single-product div.product .related.products .products,
body.single-product div.product .up-sells.products .products {
width: 1312px;
max-width: 94%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 1280px) {
body.single-product div.product .related.products .products,
body.single-product div.product .up-sells.products .products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
body.single-product div.product .related.products .products,
body.single-product div.product .up-sells.products .products {
grid-template-columns: repeat(1, 1fr);
max-width: 91.47%;
}
}
body.single-product div.product .related.products .products:before, body.single-product div.product .related.products .products:after,
body.single-product div.product .up-sells.products .products:before,
body.single-product div.product .up-sells.products .products:after {
display: none;
}
body.single-product div.product .related.products .products .slick-list,
body.single-product div.product .up-sells.products .products .slick-list {
--slide-space-between: clamp(10px, 6px + 0.6944444444vw, 16px);
margin: 0 calc(var(--slide-space-between) * -1);
}
body.single-product div.product .related.products .products .slick-list .slick-slide,
body.single-product div.product .up-sells.products .products .slick-list .slick-slide {
padding: 0 var(--slide-space-between);
}
body.single-product div.product .related.products .products.slick-initialized,
body.single-product div.product .up-sells.products .products.slick-initialized {
display: block;
}
body.single-product div.product .related.products .products.slick-initialized .slick-slide-inner:not(:nth-child(-n+3)), body.single-product div.product .related.products .products.slick-initialized .product-card:not(:nth-child(-n+3)),
body.single-product div.product .up-sells.products .products.slick-initialized .slick-slide-inner:not(:nth-child(-n+3)),
body.single-product div.product .up-sells.products .products.slick-initialized .product-card:not(:nth-child(-n+3)) {
display: block !important;
}
body.single-product div.product .related.products .products .slider-arrow,
body.single-product div.product .up-sells.products .products .slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-size: contain;
height: 100%;
}
body.single-product div.product .related.products .products .slider-arrow--prev,
body.single-product div.product .up-sells.products .products .slider-arrow--prev {
left: 0;
}
body.single-product div.product .related.products .products .slider-arrow--next,
body.single-product div.product .up-sells.products .products .slider-arrow--next {
right: 0;
}
body.single-product div.product .related.products .products .slick-slide-inner:not(:nth-child(-n+3)), body.single-product div.product .related.products .products .product-card:not(:nth-child(-n+3)),
body.single-product div.product .up-sells.products .products .slick-slide-inner:not(:nth-child(-n+3)),
body.single-product div.product .up-sells.products .products .product-card:not(:nth-child(-n+3)) {
display: none;
}
body.single-product div.product .related.products .products .product-card,
body.single-product div.product .up-sells.products .products .product-card {
border-radius: 4px;
background-color: var(--bg-surface);
display: grid;
grid-template-columns: 170px 1fr;
grid-template-rows: 1fr auto auto auto 1fr;
gap: 0 16px;
align-items: start;
}
@media (max-width: 576px) {
body.single-product div.product .related.products .products .product-card,
body.single-product div.product .up-sells.products .products .product-card {
grid-template-columns: 140px 1fr;
gap: 0 12px;
padding: 7px !important;
}
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link {
display: contents;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale {
top: 26px !important;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .product-badge-top,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .product-badge-top {
top: 7px;
left: 7px;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .onsale,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .onsale {
top: 1px;
left: 1px;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap {
grid-column: 1/2;
grid-row: 1/6;
margin-bottom: 0;
height: 100%;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .product-card-choose-option-btn,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .product-card-choose-option-btn {
display: none;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
width: 170px;
height: 170px;
object-fit: cover;
aspect-ratio: auto;
}
@media (max-width: 576px) {
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
width: 140px;
height: 140px;
}
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .slick-dots,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .slick-dots {
display: none !important;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
grid-column: 2/3;
grid-row: 2/3;
}
body.single-product div.product .related.products .products .product-card .woocommerce-LoopProduct-link .price,
body.single-product div.product .up-sells.products .products .product-card .woocommerce-LoopProduct-link .price {
grid-column: 2/3;
grid-row: 3/4;
}
body.single-product div.product .related.products .products .product-card .product-card-color-variation-options,
body.single-product div.product .up-sells.products .products .product-card .product-card-color-variation-options {
grid-column: 2/3;
grid-row: 4/5;
}
html.html-mini-cart-active {
scrollbar-gutter: stable;
overflow: hidden;
}
.mini-cart.mini-cart-open .mini-cart-content-container {
z-index: 99;
overflow: visible;
opacity: 1;
visibility: visible;
}
.mini-cart.mini-cart-open .mini-cart-content-container .mini-cart-background {
opacity: 1;
visibility: visible;
transition-delay: 0.2s;
}
.mini-cart.mini-cart-open .mini-cart-content-container .mini-cart-content {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mini-cart-content-container {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: -1;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.mini-cart-content-container .mini-cart-background {
width: 100%;
height: 100%;
background: var(--bg-subtle);
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
transition-delay: 0s;
}
@media (max-width: 768px) {
.mini-cart-content-container .mini-cart-background {
display: none;
}
}
.mini-cart-content-container .mini-cart-content {
will-change: transform, opacity;
visibility: hidden;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding-inline: clamp(16px, -16px + 5.5555555556vw, 64px);
padding-top: clamp(48px, 26.6666666667px + 3.7037037037vw, 80px);
padding-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
background-color: var(--bg-primary);
max-width: 720px;
flex: 0 0 720px;
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.mini-cart-content-container .mini-cart-content {
flex: 1;
max-width: 100%;
}
}
.mini-cart-content-container .mini-cart-content .mini-cart-button-close {
cursor: pointer;
position: absolute;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
top: clamp(12px, 4px + 1.3888888889vw, 24px);
right: clamp(12px, 4px + 1.3888888889vw, 24px);
width: clamp(23px, 17px + 1.0416666667vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6562' y='8.92896' width='2' height='18' transform='rotate(45 21.6562 8.92896)' fill='%23F1F3F5'/%3E%3Crect x='23.0703' y='21.6569' width='2' height='18' transform='rotate(135 23.0703 21.6569)' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
.mini-cart-content-container .mini-cart-content .mini-cart-button-close:hover {
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='21.6562' y='8.92896' width='2' height='18' transform='rotate(45 21.6562 8.92896)' fill='%23e7c040'/%3E%3Crect x='23.0703' y='21.6569' width='2' height='18' transform='rotate(135 23.0703 21.6569)' fill='%23e7c040'/%3E%3C/svg%3E%0A");
}
.mini-cart-content-container .mini-cart-content .mini-cart-title {
font-weight: 500;
font-size: 24px;
line-height: 115%;
color: var(--text-primary);
margin-bottom: 32px;
flex: 0 0 auto;
}
@media (max-width: 768px) {
.mini-cart-content-container .mini-cart-content .mini-cart-title {
font-weight: 600;
line-height: 140%;
}
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap {
position: relative;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap:before, .mini-cart-content-container .mini-cart-content .mini-cart-items-wrap:after {
position: absolute;
content: "";
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: var(--bg-primary);
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap:after {
width: 40px;
height: 40px;
top: 50%;
left: 50%;
border: 2px solid var(--accent-primary);
border-bottom-color: transparent;
border-radius: 50%;
animation: 1s loader linear infinite;
z-index: 3;
}
@keyframes loader {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap.mini-cart-items-blocked:before, .mini-cart-content-container .mini-cart-content .mini-cart-items-wrap.mini-cart-items-blocked:after {
visibility: visible;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap.mini-cart-items-blocked:before {
opacity: 0.7;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap.mini-cart-items-blocked:after {
opacity: 1;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart {
height: 100%;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart::-webkit-scrollbar {
width: 2px;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item:not(:first-child) {
border-top: 1px solid var(--border-default);
padding-top: clamp(20px, 12px + 1.3888888889vw, 32px);
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item:before {
display: none;
}
@media (max-width: 576px) {
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item {
flex-wrap: wrap;
gap: 0;
}
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-thumbnail {
margin-right: 16px;
flex: 0 0 96px;
background-color: var(--bg-surface);
border-radius: 4px;
overflow: hidden;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-thumbnail a {
display: block;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-thumbnail a .attachment-woocommerce_thumbnail,
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-thumbnail a .woocommerce-placeholder {
width: 96px;
height: 96px;
margin: 0;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info {
width: 100%;
}
@media (max-width: 576px) {
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info {
flex: 1 1 calc(100% - 135px);
width: auto;
min-width: 0;
}
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .mini-cart-item-name {
margin-bottom: 8px;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .mini-cart-item-name a {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
text-decoration: none;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .mini-cart-item-name a:hover {
text-decoration: none;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .mini-cart-item-price .amount * {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .variation-attrs {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
column-gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
row-gap: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
margin-top: 13px;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .variation-attrs .variation-attr {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .variation-attrs .variation-attr * {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .variation-attrs .variation-attr .variation-attr-label {
color: var(--text-third);
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-info .variation-attrs .variation-attr .variation-attr-value p {
color: var(--text-primary);
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions {
width: 136px;
flex: 0 0 136px;
margin-left: 16px;
}
@media (max-width: 576px) {
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions {
flex: 0 0 100%;
width: 100%;
margin: 16px 0 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
}
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-qty .cart-qty-input-container {
display: flex;
align-items: center;
justify-content: space-between;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-qty .cart-qty-input-container .cart-qty-btn {
cursor: pointer;
--cart-qty-btn-size: clamp(32px, 26.6666666667px + 0.9259259259vw, 40px);
width: var(--cart-qty-btn-size);
height: var(--cart-qty-btn-size);
flex: 0 0 var(--cart-qty-btn-size);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-qty .cart-qty-input-container .cart-qty-btn.cart-qty-btn-minus {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-qty .cart-qty-input-container .cart-qty-btn.cart-qty-btn-plus {
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='19' width='20' height='2' fill='%23F1F3F5'/%3E%3Crect x='21' y='10' width='20' height='2' transform='rotate(90 21 10)' fill='%23F1F3F5'/%3E%3C/svg%3E%0A");
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-qty .cart-qty-input-container .cart-qty-input {
border: none;
color: var(--text-primary);
font-size: clamp(18px, 16.6666666667px + 0.2314814815vw, 20px);
text-align: center;
padding: 0;
height: auto;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-remove-btn {
cursor: pointer;
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
text-align: right;
color: var(--text-third);
margin-top: 16px;
text-decoration: underline;
text-decoration-skip-ink: none;
transition: 0.3s all ease;
}
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-remove-btn:hover {
color: var(--accent-primary-hover);
}
@media (max-width: 576px) {
.mini-cart-content-container .mini-cart-content .mini-cart-items-wrap .woocommerce-mini-cart .woocommerce-mini-cart-item .mini-cart-item-actions .mini-cart-item-remove-btn {
margin: 0;
padding: 0;
}
}
.mini-cart-content-container .mini-cart-content .total-button-wrap {
flex: 0 0 auto;
margin-top: auto;
padding-top: 32px;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .woocommerce-mini-cart__total {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .woocommerce-mini-cart__total .subtotal-label {
font-weight: 500;
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
line-height: 115%;
color: var(--text-primary);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .woocommerce-mini-cart__total .subtotal-value .amount * {
font-weight: 500;
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
line-height: 115%;
color: var(--text-primary);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .woocommerce-mini-cart__buttons {
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .woocommerce-mini-cart__buttons .button {
cursor: pointer;
display: block;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding: 12px 24px;
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
border-radius: 4px;
text-align: center;
color: var(--bg-primary);
background-color: var(--accent-primary);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .woocommerce-mini-cart__buttons .button:hover {
color: var(--bg-primary);
background-color: var(--accent-primary-hover);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-info {
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-info .mini-cart-info-item {
position: relative;
padding-left: 32px;
font-weight: 400;
color: var(--border-form);
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-info .mini-cart-info-item:not(:last-child) {
margin-bottom: 8px;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-info .mini-cart-info-item:before {
position: absolute;
content: "";
width: 24px;
height: 24px;
top: 50%;
left: 0;
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-info .mini-cart-info-item:nth-child(1):before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_145_54748)'%3E%3Crect width='24' height='24' fill='%230F1113' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9043 7.13688C17.4129 7.48694 17.99 8.36908 18.7135 9.58322H15.9043V7.13688ZM7.08801 9.68517C7.38338 9.68517 7.59777 9.82775 7.59777 10.161C7.59777 10.442 7.37037 10.6699 7.08947 10.6707H4.00977C3.7282 10.6707 3.5 10.8991 3.5 11.1805C3.5 11.4621 3.7282 11.6903 4.00977 11.6903H8.59766C8.88188 11.6903 9.10941 11.9183 9.10941 12.2C9.10941 12.4816 8.88121 12.7098 8.59965 12.7098H4.00977C3.7282 12.7098 3.5 12.938 3.5 13.2196C3.5 13.5011 3.7282 13.7293 4.00977 13.7293H5.13125V15.2586C5.13125 15.5402 5.35945 15.7684 5.64102 15.7684H6.66572C6.84839 16.6682 7.64344 17.3317 8.58066 17.3317C9.51789 17.3317 10.3129 16.6682 10.4956 15.7684H15.6716C15.8543 16.6682 16.6493 17.3317 17.5865 17.3317C18.5238 17.3317 19.3188 16.6682 19.5015 15.7684H20.3902C20.6718 15.7684 20.9 15.5402 20.9 15.2586V12.2C20.9 10.7043 19.3224 10.605 19.3209 10.6028H15.3945C15.113 10.6028 14.8848 10.3746 14.8848 10.093V7.03439H5.64102C5.35945 7.03439 5.13125 7.26259 5.13125 7.54416V8.66564H4.51953C4.23797 8.66564 4.00977 8.89384 4.00977 9.17541C4.00977 9.45697 4.23797 9.68517 4.51953 9.68517H7.08801ZM18.2474 14.7167C18.6123 15.0817 18.6123 15.6736 18.2474 16.0385C17.6603 16.6256 16.652 16.2079 16.652 15.3776C16.652 14.5473 17.6603 14.1297 18.2474 14.7167ZM9.2415 14.7167C9.60644 15.0817 9.60644 15.6736 9.2415 16.0385C8.65447 16.6256 7.64609 16.2079 7.64609 15.3776C7.64609 14.5473 8.65447 14.1297 9.2415 14.7167Z' fill='%23F3CA43' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_145_54748'%3E%3Cpath d='M0 2.4C0 1.07452 1.07452 0 2.4 0H21.6C22.9255 0 24 1.07452 24 2.4V21.6C24 22.9255 22.9255 24 21.6 24H2.4C1.07452 24 0 22.9255 0 21.6V2.4Z' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-info .mini-cart-info-item:nth-child(2):before {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_145_54751)'%3E%3Crect width='24' height='24' fill='%230F1113'/%3E%3Cpath d='M16.5498 8.91254C17.0235 8.91259 17.4781 9.10132 17.8135 9.43597C18.1481 9.77129 18.3368 10.2259 18.3369 10.6996V11.5121H15.249C14.2617 11.5121 13.4619 12.3129 13.4619 13.3002V14.6C13.4619 15.5874 14.2617 16.3871 15.249 16.3871H18.3369V17.1996C18.3369 17.6735 18.1482 18.1289 17.8135 18.4643C17.4781 18.7989 17.0235 18.9877 16.5498 18.9877H7.44922C6.97557 18.9876 6.52084 18.7989 6.18555 18.4643C5.8508 18.1289 5.66211 17.6735 5.66211 17.1996V10.6996C5.6622 10.2259 5.85089 9.77129 6.18555 9.43597C6.52085 9.10132 6.97551 8.91264 7.44922 8.91254H16.5498ZM18.3369 15.4125H15.249C14.8005 15.4125 14.4365 15.0485 14.4365 14.6V13.3002C14.4365 12.8517 14.8005 12.4877 15.249 12.4877H18.3369V15.4125ZM15.5742 13.3002C15.2157 13.3004 14.925 13.5911 14.9248 13.9496C14.9248 14.3083 15.2156 14.5998 15.5742 14.6C15.933 14.6 16.2246 14.3084 16.2246 13.9496C16.2244 13.591 15.9329 13.3002 15.5742 13.3002ZM12.2197 5.29437C12.3335 5.05066 12.6235 4.94438 12.8672 5.05804L16.9912 6.9809C17.2349 7.09462 17.3402 7.38464 17.2266 7.62836L16.9189 8.29047C16.7975 8.27228 16.6739 8.26216 16.5498 8.26215H14.6572C14.7409 7.77022 14.49 7.26303 14.0156 7.04144L11.8711 6.04242L12.2197 5.29437ZM8.96973 5.94379C9.08349 5.70006 9.37345 5.59469 9.61719 5.70843L13.7412 7.63129C13.9797 7.74241 14.0857 8.02168 13.9844 8.26215H7.88867L8.96973 5.94379Z' fill='%23F3CA43'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_145_54751'%3E%3Cpath d='M0 2.4C0 1.07452 1.07452 0 2.4 0H21.6C22.9255 0 24 1.07452 24 2.4V21.6C24 22.9255 22.9255 24 21.6 24H2.4C1.07452 24 0 22.9255 0 21.6V2.4Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-info .mini-cart-info-item b {
font-weight: 700;
color: #fff;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-supported-payments {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-supported-payments .supported-payments-title {
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-third);
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-supported-payments .supported-payment-methods-container {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
gap: 8px;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-supported-payments .supported-payment-methods-container .social-link {
display: block;
}
.mini-cart-content-container .mini-cart-content .total-button-wrap .mini-cart-supported-payments .supported-payment-methods-container .social-link .payment-method-image {
width: 32px;
height: 24px;
}
.search-page .search-page-content-block {
width: 1312px;
max-width: 94%;
margin: 48px auto 128px;
}
@media (max-width: 768px) {
.search-page .search-page-content-block {
max-width: 91.47%;
margin: 48px auto;
}
}
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-page-content-header .search-page-content-header-title {
text-align: center;
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
margin-bottom: 48px;
}
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-input-block {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
padding-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-input-block .search-input {
max-width: 420px;
}
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-message-container .search-message {
width: 1312px;
max-width: 94%;
margin: 0 auto;
text-align: center;
}
@media (max-width: 768px) {
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-message-container .search-message {
max-width: 91.47%;
}
}
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-message-container .search-message.search-message-empty .search-message-title {
color: var(--text-third);
margin-bottom: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-products-container {
margin-top: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-products-container .products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
@media (max-width: 768px) {
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-products-container .products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.search-page .search-page-content-block .search-page-content-container .search-page-content .search-products-container .products {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
}
.shop-main-content {
width: 1312px;
max-width: 94%;
margin: 0 auto 64px;
}
@media (max-width: 768px) {
.shop-main-content {
max-width: 91.47%;
margin: 0 auto 96px;
}
}
.shop-main-content h1 {
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
text-align: center;
margin-bottom: 64px;
}
@media (max-width: 768px) {
.shop-main-content h1 {
margin: 48px 0;
}
}
.shop-main-content .shop-tabs-wrap .tabs-header-wrap {
display: none;
align-items: center;
justify-content: center;
gap: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
margin-bottom: clamp(20px, 6.6666666667px + 2.3148148148vw, 40px);
}
@media (max-width: 576px) {
.shop-main-content .shop-tabs-wrap .tabs-header-wrap {
padding: 2px 0;
}
}
.shop-main-content .shop-tabs-wrap .tabs-header-wrap .tab-button {
cursor: pointer;
position: relative;
font-family: var(--font-family);
font-weight: 700;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
text-transform: uppercase;
color: #908d9a;
transition: 0.3s all ease;
padding-bottom: clamp(10px, 8.6666666667px + 0.2314814815vw, 12px);
}
.shop-main-content .shop-tabs-wrap .tabs-header-wrap .tab-button:before {
position: absolute;
content: "";
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #aadb1e;
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
.shop-main-content .shop-tabs-wrap .tabs-header-wrap .tab-button.tab-button-active {
color: #fff;
}
.shop-main-content .shop-tabs-wrap .tabs-header-wrap .tab-button.tab-button-active:before {
opacity: 1;
visibility: visible;
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content {
display: none;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
@media (max-width: 1140px) {
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content {
gap: 12px;
}
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content.tab-content-active {
display: grid;
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item {
transition: 0.3s all ease;
border-radius: 4px;
border: 1px solid transparent;
padding: 8px;
}
@media (max-width: 576px) {
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item {
padding: 0;
border: none;
border-radius: 0;
}
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item:hover {
border-color: var(--border-default);
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link {
display: block;
text-decoration: none;
padding: 24px;
background-color: var(--bg-surface);
border-radius: 4px;
}
@media (max-width: 576px) {
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link {
padding: 16px;
}
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link:hover {
text-decoration: none;
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link .shop-image-wrap {
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
height: 256px;
position: relative;
overflow: hidden;
}
@media (max-width: 576px) {
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link .shop-image-wrap {
height: 133.5px;
}
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link .shop-image-wrap img {
width: 100%;
height: 256px;
object-fit: contain;
}
@media (max-width: 576px) {
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link .shop-image-wrap img {
height: 133.5px;
}
}
.shop-main-content .shop-tabs-wrap .tabs-content-wrap .tab-content .tab-content-item .tab-content-link .tab-content-title {
font-weight: 500;
font-size: clamp(18px, 16.6666666667px + 0.2314814815vw, 20px);
line-height: 140%;
text-align: center;
color: var(--text-primary);
}
/* Product Archive Main Content */
.product-archive-main-content .product-archive-content-title {
width: 1312px;
max-width: 94%;
margin: 0 auto;
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
font-weight: 600;
line-height: 115%;
text-align: center;
}
@media (max-width: 768px) {
.product-archive-main-content .product-archive-content-title {
max-width: 91.47%;
margin-top: 48px;
}
}
.product-archive-main-content .product-archive-filters-sort-wrap {
border-radius: 4px;
width: 1312px;
max-width: 94%;
margin: 0 auto;
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 768px) {
.product-archive-main-content .product-archive-filters-sort-wrap {
max-width: 91.47%;
}
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
background-color: var(--bg-subtle);
padding-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding-inline: clamp(12px, -1.3333333333px + 2.3148148148vw, 32px);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn:hover .product-archive-filters-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn:hover .product-archive-filters-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn:hover .product-archive-filters-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn:hover .product-archive-filters-open-btn-symbol svg path {
fill: var(--accent-primary);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn:hover .product-archive-sort-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn:hover .product-archive-sort-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn:hover .product-archive-sort-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn:hover .product-archive-sort-open-btn-symbol svg path {
stroke: var(--accent-primary);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-text, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-text, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-text, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-text, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-text, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-text, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-text, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-text {
font-weight: 500;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-text .sort-value, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-text .sort-value, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-text .sort-value, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-text .sort-value, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-text .sort-value, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-text .sort-value, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-text .sort-value, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-text .sort-value {
font-weight: 500;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-symbol svg, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-symbol svg, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-symbol svg, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-symbol svg, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-symbol svg, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-symbol svg, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-symbol svg, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-symbol svg {
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-filters-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-filters-open-btn .product-archive-sort-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-filters-open-btn-symbol svg path, .product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn .product-archive-sort-open-btn-symbol svg path {
transition: 0.3s all ease;
}
@media (max-width: 768px) {
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap {
order: 0;
}
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-filters-wrap .product-archive-filters-open-btn {
gap: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
}
@media (max-width: 768px) {
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap {
order: 1;
}
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort .sort_products-input-block {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort .sort_products-input-block .sort_products-input-label .product-archive-sort-open-btn-symbol svg {
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort .sort_products-input-block .sort_products-input-label .product-archive-sort-open-btn-symbol svg path {
transition: 0.3s all ease;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort .sort_products-input-block .select2-container {
vertical-align: unset;
display: inline;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort .sort_products-input-block .select2-container .selection .select2-selection {
background-color: transparent;
border: none;
border-radius: 0;
height: auto;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort .sort_products-input-block .select2-container .selection .select2-selection .select2-selection__rendered {
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-primary);
padding: 0;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort .sort_products-input-block .select2-container .selection .select2-selection .select2-selection__arrow {
display: none;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .product-archive-sort-wrap .product-archive-sort-open-btn {
gap: 8px;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
@media (max-width: 768px) {
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher {
order: 2;
}
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher .products-view-switcher-btn {
cursor: pointer;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher .products-view-switcher-btn:hover svg path {
stroke: var(--accent-primary);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher .products-view-switcher-btn.products-view-switcher-btn-active {
cursor: unset;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher .products-view-switcher-btn.products-view-switcher-btn-active svg path {
stroke: var(--text-primary);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher .products-view-switcher-btn svg {
width: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
height: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-filters-sort-buttons .products-view-switcher .products-view-switcher-btn svg path {
transition: 0.3s all ease;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap {
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap {
display: none;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap.has-filters {
display: flex;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-selected-filter {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 4px 8px;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-selected-filter .selected-filter-titles {
color: var(--text-secondary);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-selected-filter .product-archive-selected-filter-close-btn {
--close-btn-size: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
cursor: pointer;
width: var(--close-btn-size);
height: var(--close-btn-size);
flex: 0 0 var(--close-btn-size);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-selected-filter .product-archive-selected-filter-close-btn svg rect {
transition: 0.3s all ease;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-selected-filter .product-archive-selected-filter-close-btn:hover svg rect {
fill: var(--accent-primary);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-clear-all-selected-filters-btn {
cursor: pointer;
padding: 4px 8px;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-clear-all-selected-filters-btn:hover .clear-all-selected-filters-title {
color: var(--accent-primary-hover);
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-clear-all-selected-filters-btn .clear-all-selected-filters-title {
color: var(--text-secondary);
transition: 0.3s all ease;
}
.product-archive-main-content .product-archive-filters-sort-wrap .product-archive-selected-filters-wrap .product-archive-selected-filters-wrap .product-archive-clear-all-selected-filters-btn .clear-all-selected-filters-icon {
opacity: 0;
visibility: hidden;
width: 0;
height: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
}
.product-archive-main-content .product-archive-main-wrap {
width: 1312px;
max-width: 94%;
margin: 0 auto;
margin-top: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
margin-bottom: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
@media (max-width: 768px) {
.product-archive-main-content .product-archive-main-wrap {
max-width: 91.47%;
}
}
.product-archive-main-content .product-archive-main-wrap .archive-messages-wrap .archive-messages {
text-align: center;
color: var(--text-third);
}
.product-archive-main-content .product-archive-main-wrap .archive-products-wrap {
margin-bottom: clamp(48px, 37.3333333333px + 1.8518518519vw, 64px);
}
.product-archive-main-content .product-archive-main-wrap .archive-products-wrap .products {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px 16px;
margin: 0;
clear: unset;
}
.product-archive-main-content .product-archive-main-wrap .archive-products-wrap .products:before, .product-archive-main-content .product-archive-main-wrap .archive-products-wrap .products:after {
display: none;
}
@media (max-width: 768px) {
.product-archive-main-content .product-archive-main-wrap .archive-products-wrap .products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.product-archive-main-content .product-archive-main-wrap .archive-products-wrap .products {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
}
/* Products Comparisons */
.products-comparisons-main-wrap {
width: 1312px;
max-width: 94%;
margin: 0 auto;
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.products-comparisons-main-wrap:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
@media (max-width: 768px) {
.products-comparisons-main-wrap {
max-width: 91.47%;
}
}
.products-comparisons-main-wrap .products-comparisons-title {
text-align: center;
margin-bottom: clamp(48px, 74.6666666667px + -1.8518518519vw, 64px);
}
.products-comparisons-main-wrap .products-comparisons-wrap:not(:last-child) {
margin-bottom: clamp(40px, 13.3333333333px + 4.6296296296vw, 80px);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap.products-no-scroll .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-settings-wrap {
margin-top: clamp(50px, 60px + -0.6944444444vw, 56px);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap {
display: flex;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap {
display: flex;
flex-direction: column;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-top-settings-wrap .products-comparison-hidden-products-info-wrap .products-comparison-hidden-products-info {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap {
margin-top: auto;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block {
position: relative;
min-height: 20px;
align-content: center;
margin-bottom: 16px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:before, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
transition: 0.3s all ease;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:before {
left: 0;
width: 18px;
height: 18px;
border: 1px solid var(--border-form);
border-radius: 4px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:after {
left: 6px;
width: 8px;
height: 8px;
background-color: var(--accent-primary);
opacity: 0;
visibility: hidden;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:has(.show_only_differences-input-label:hover)::before, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:has(.show_only_differences-input:hover)::before {
border-color: var(--accent-primary-hover);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:has(.show_only_differences-input:checked):after {
opacity: 1;
visibility: visible;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block:has(.show_only_differences-input:checked) .show_only_differences-input-label {
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block .show_only_differences-input {
cursor: pointer;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 20px;
height: 20px;
opacity: 0;
z-index: 2;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-bottom-settings-wrap .show_only_differences-input-block .show_only_differences-input-label {
display: block;
cursor: pointer;
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-secondary);
padding-left: 28px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-attributes-wrap .products-comparison-attribute {
border-top: 1px solid var(--border-default);
border-left: 1px solid var(--border-default);
border-right: 1px solid var(--border-default);
align-content: center;
padding: 7px 15px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-attributes-wrap .products-comparison-attribute:last-child, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-attributes-wrap .products-comparison-attribute:only-child, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-attributes-wrap .products-comparison-attribute:not(.extras-hidden):has(+ .extras-hidden) {
border-bottom: 1px solid var(--border-default);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-attributes-wrap .products-comparison-attribute.extras-hidden, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-attributes-wrap .products-comparison-attribute.attribute-hidden {
display: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-attributes-settings-wrap .products-comparison-attributes-wrap .products-comparison-attribute .products-comparison-attribute-title {
font-weight: 600;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
background-color: var(--bg-subtle);
border-radius: 4px;
padding: 16px 32px;
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
@media (max-width: 576px) {
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap {
padding: 16px;
}
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap.products-no-scroll {
display: none !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products {
user-select: none;
height: 4px;
width: clamp(200px, -41.5492957746px + 64.4131455399vw, 886px);
overflow-x: auto;
overflow-y: hidden;
}
@media (max-width: 1140px) {
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products {
display: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products::-webkit-scrollbar {
display: none;
}
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products * {
user-select: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-wrapper {
height: 0;
opacity: 0;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-mask {
height: 0;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-offset {
height: 0 !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-content-wrapper {
height: 0 !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-track {
background-color: #595568;
height: 8px;
border-top: 2px solid #221c35;
border-bottom: 2px solid #221c35;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-track.simplebar-vertical {
display: none !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-scrollbar {
cursor: grab;
background-color: #aadb1e;
height: 8px !important;
top: -2px;
position: relative;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .simplebar-scrollbar:active {
cursor: grabbing;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products .scroll-products-element {
height: 8px !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products-arrows {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .scroll-products-wrap .scroll-products-arrows.arrow-disabled {
opacity: 0.5;
pointer-events: none;
cursor: unset;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap {
display: flex;
width: clamp(200px, -109.5070422535px + 82.5352112676vw, 1079px);
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap::-webkit-scrollbar {
display: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap {
min-width: 269.75px;
max-width: 269.75px;
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 576px) {
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap {
min-width: 200px;
max-width: 200px;
}
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap.product-hidden {
display: none !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-hide-btn {
cursor: pointer;
margin: 0 auto 16px;
width: 20px;
height: 20px;
}
@media (max-width: 576px) {
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-hide-btn {
width: 16px;
height: 16px;
margin-bottom: 12px;
}
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-hide-btn:hover svg rect {
fill: var(--accent-primary-hover);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-hide-btn svg {
width: 20px;
height: 20px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-hide-btn svg rect {
transition: 0.3s all ease;
}
@media (max-width: 576px) {
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-hide-btn svg {
width: 16px;
height: 16px;
}
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card {
list-style: none;
clear: unset !important;
margin: 0 !important;
padding: 7px !important;
transition: 0.3s all ease;
overflow: hidden;
border-radius: 4px;
border: 1px solid transparent;
}
@media (max-width: 576px) {
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card {
padding: 12px !important;
border: none;
border-radius: 0;
}
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card:not(.slick-slide) {
width: 100% !important;
float: unset !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card:before {
display: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link {
position: relative;
text-decoration: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link:hover {
text-decoration: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link:hover .wpwp-product-card-galleries-wrap .product-card-choose-option-btn {
opacity: 1;
visibility: visible;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link:hover .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .slick-dots {
opacity: 1;
visibility: visible;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link:has(.product-badge-top) .onsale {
--onsale-position: clamp(37px, 34.3333333333px + 0.462962963vw, 41px);
top: var(--onsale-position) !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .onsale, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .product-badge-top {
position: absolute;
z-index: 2;
top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
left: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
width: max-content;
min-width: unset;
min-height: unset;
margin: 0;
background-color: var(--bg-primary);
border: 1px solid var(--border-default);
border-radius: 4px;
padding: 1.5px 8px;
font-weight: 500;
font-size: 12px;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap {
position: relative;
overflow: hidden;
border-radius: 4px;
background-color: var(--bg-surface);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .product-card-choose-option-btn {
position: absolute;
width: 100%;
max-width: max-content;
--choose-option-btn-top: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery.slick-initialized .woocommerce-product-gallery__image:not(:first-child) {
display: block;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .gallery-arrow {
display: none !important;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .woocommerce-product-gallery__image:not(:first-child) {
display: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
width: 100%;
max-width: 416px;
object-fit: cover;
margin: 0 auto;
aspect-ratio: 1/1;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery .slick-dots {
margin: 0;
position: absolute;
z-index: 2;
padding: 0 10px;
top: 20px;
width: 100%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
margin-bottom: 8px;
padding: 0;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price {
display: flex;
align-items: center;
justify-content: flex-start;
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin: 0;
}
@media (max-width: 576px) {
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price:has(.screen-reader-text) {
gap: 4px;
}
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price > span {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price > .amount bdi {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price del {
color: var(--text-third);
order: 1;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price del .amount bdi {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-third);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price ins {
text-decoration: none;
order: 0;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price ins .amount bdi {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .woocommerce-LoopProduct-link .price .sale-percent {
display: none;
order: 2;
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options {
margin-top: 8px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block {
cursor: pointer;
position: relative;
width: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
height: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin: 2px;
border-radius: 2px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block:before {
position: absolute;
content: "";
top: -2px;
left: -2px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border: 1px solid var(--text-primary);
border-radius: 4px;
opacity: 1;
transition: 0.3s all ease;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block:hover:before {
border-color: var(--accent-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block:has(.product_card_color_variation_option-input:checked)::before {
border-color: var(--accent-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block:has(.product_card_color_variation_option-input-label:hover)::before {
border-color: var(--accent-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input {
display: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input:checked + label:before {
opacity: 1;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input-label {
cursor: pointer;
position: relative;
display: block;
color: transparent;
width: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
height: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
user-select: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-wrap .product-card .product-card-color-variation-options .product_card_color_variation_option-input-block .product_card_color_variation_option-input-label:before {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
background-color: var(--bg-primary);
border-radius: 100%;
opacity: 0;
transition: 0.3s all ease;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap {
margin-top: auto;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap .product-comparison-attribute {
border-top: 1px solid var(--border-default);
border-right: 1px solid var(--border-default);
align-content: center;
padding: 7px 15px;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap .product-comparison-attribute:last-child, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap .product-comparison-attribute:only-child, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap .product-comparison-attribute:not(.extras-hidden):has(+ .extras-hidden) {
border-bottom: 1px solid var(--border-default);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap .product-comparison-attribute.extras-hidden, .products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap .product-comparison-attribute.attribute-hidden {
display: none;
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-wrap .products-comparison-products-main-wrap .products-comparison-products-wrap .product-comparison-main-wrap .product-comparison-attributes-wrap .product-comparison-attribute .product-comparison-attribute-title {
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-primary);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-extras-wrap {
margin: 0 auto;
cursor: pointer;
display: block;
max-width: max-content;
margin-top: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.products-comparisons-main-wrap .products-comparisons-wrap .products-comparison-main-wrap .products-comparison-extras-wrap.extras-btn-hidden {
display: none;
}
/* Recently Viewed */
.rvpw-recently-view {
width: 1280px;
max-width: clamp(89.334%, 87.69% + 0.2854166667vw, 91.8%);
margin: 0 auto;
}
.rvpw-recently-view:not(:first-child) {
margin-top: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.rvpw-recently-view {
margin-bottom: clamp(80px, 53.3333333333px + 4.6296296296vw, 120px);
}
.rvpw-recently-view h2 {
font-size: clamp(26px, 22px + 0.6944444444vw, 32px);
text-align: center;
padding: 10px 0;
margin: 0 auto;
margin-bottom: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
}
.rvpw-recently-view .woocommerce .products {
display: grid;
row-gap: clamp(15px, -1.6666666667px + 2.8935185185vw, 40px);
margin: 0 auto;
}
.rvpw-recently-view .woocommerce .products:before, .rvpw-recently-view .woocommerce .products:after {
display: none;
}
.rvpw-recently-view .woocommerce .products.columns-1 {
max-width: 336px;
grid-template-columns: repeat(1, 1fr);
}
.rvpw-recently-view .woocommerce .products.columns-2 {
max-width: 692px;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 576px) {
.rvpw-recently-view .woocommerce .products.columns-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.rvpw-recently-view .woocommerce .products.columns-3 {
max-width: 1048px;
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
.rvpw-recently-view .woocommerce .products.columns-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.rvpw-recently-view .woocommerce .products.columns-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.rvpw-recently-view .woocommerce .products.columns-4 {
max-width: 1404px;
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
.rvpw-recently-view .woocommerce .products.columns-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.rvpw-recently-view .woocommerce .products.columns-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.rvpw-recently-view .woocommerce .products.columns-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.rvpw-recently-view .woocommerce .products.columns-5 {
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1140px) {
.rvpw-recently-view .woocommerce .products.columns-5 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1024px) {
.rvpw-recently-view .woocommerce .products.columns-5 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.rvpw-recently-view .woocommerce .products.columns-5 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.rvpw-recently-view .woocommerce .products.columns-5 {
grid-template-columns: repeat(1, 1fr);
}
}
.rvpw-recently-view .woocommerce .products.columns-6 {
grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1439px) {
.rvpw-recently-view .woocommerce .products.columns-6 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 1140px) {
.rvpw-recently-view .woocommerce .products.columns-6 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1024px) {
.rvpw-recently-view .woocommerce .products.columns-6 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.rvpw-recently-view .woocommerce .products.columns-6 {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 576px) {
.rvpw-recently-view .woocommerce .products.columns-6 {
grid-template-columns: repeat(1, 1fr);
}
}
.rvpw-recently-view .woocommerce .products .product .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
text-align: left;
}
.rvpw-recently-view .woocommerce .products .product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
max-width: 330px;
}
@media (max-width: 576px) {
.rvpw-recently-view .woocommerce .products .product .woocommerce-LoopProduct-link .wpwp-product-card-galleries-wrap .wpwp-product-card-gallery-wrap .wpwp-product-card-gallery img {
max-width: 515px;
}
}
/* More Categories */
.more-categories-wrap:not(:first-child) {
margin-top: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.more-categories-wrap {
margin-bottom: clamp(96px, 74.6666666667px + 3.7037037037vw, 128px);
}
.more-categories-wrap .more-categories-title {
text-align: center;
margin-bottom: clamp(48px, 74.6666666667px + -1.8518518519vw, 64px);
}
.more-categories-wrap .more-categories {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 576px) {
.more-categories-wrap .more-categories {
gap: 12px;
}
}
.more-categories-wrap .more-categories .more-category-link {
padding: 7px;
border: 1px solid transparent;
border-radius: 4px;
text-decoration: none;
}
@media (max-width: 576px) {
.more-categories-wrap .more-categories .more-category-link {
padding: 0;
}
}
.more-categories-wrap .more-categories .more-category-link:hover {
border-color: var(--border-default);
text-decoration: none;
}
.more-categories-wrap .more-categories .more-category-link .link-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px 32px 16px 16px;
border-radius: 4px;
background-color: var(--bg-surface);
}
@media (max-width: 576px) {
.more-categories-wrap .more-categories .more-category-link .link-wrap {
padding: 8px 20px;
}
}
@media (max-width: 576px) {
.more-categories-wrap .more-categories .more-category-link .link-wrap .woocommerce-product-gallery__image {
display: none;
}
}
.more-categories-wrap .more-categories .more-category-link .link-wrap .woocommerce-product-gallery__image img {
width: 64px;
height: 64px;
object-fit: contain;
}
.more-categories-wrap .more-categories .more-category-link .link-wrap .more-category-title {
font-weight: 500;
font-size: clamp(14px, 10px + 0.6944444444vw, 20px);
line-height: 140%;
color: var(--text-primary);
}
body.woocommerce-checkout header {
position: static;
}
body.woocommerce-checkout header .logo-wrap {
text-align: center;
padding-top: clamp(10px, 1px + 1.5625vw, 23.5px);
padding-bottom: clamp(10px, 1px + 1.5625vw, 23.5px);
}
body.woocommerce-checkout header .logo-wrap .main-logo {
display: block;
}
body.woocommerce-checkout header .logo-wrap .main-logo .main-logo-image {
width: 140px;
height: 40px;
}
.checkout-submit-wrap {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
background-color: var(--bg-primary);
z-index: 1000;
padding-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
padding-inline: clamp(16px, -16px + 5.5555555556vw, 64px);
}
.checkout-submit-wrap .checkout-submit-total {
white-space: nowrap;
}
.checkout-submit-wrap .checkout-submit-total .amount * {
font-weight: 600;
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
line-height: 140%;
color: var(--text-primary);
}
.checkout-submit-wrap #place_order {
cursor: pointer;
display: inline-block;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding: 15px 24px;
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
border-radius: 4px;
text-align: center;
color: var(--bg-primary);
background-color: var(--accent-primary);
margin: 0 !important;
}
.checkout-submit-wrap #place_order:hover {
color: var(--bg-primary);
background-color: var(--accent-primary-hover);
}
.checkout-header-wrap {
width: 1312px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
.checkout-header-wrap {
max-width: 91.47%;
}
}
.checkout-header-wrap .checkout-header {
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
text-align: center;
margin-bottom: 48px;
}
@media (max-width: 768px) {
.checkout-header-wrap .checkout-header {
margin: 48px 0;
}
}
.checkout-main-wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
width: 1312px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 900px) {
.checkout-main-wrap {
flex-direction: column-reverse;
align-items: stretch;
justify-content: flex-start;
max-width: 100%;
}
}
.checkout-main-wrap .checkout-first-block-wrap {
flex: 1 1 0;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-NoticeGroup .woocommerce-error li {
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: #221c35;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-NoticeGroup .woocommerce-error li:before {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-NoticeGroup .woocommerce-error li a {
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: #221c35;
text-decoration: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-NoticeGroup .woocommerce-error li a:hover {
text-decoration: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox {
display: block;
cursor: pointer;
position: relative;
padding-left: clamp(24px, 21.3333333333px + 0.462962963vw, 28px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox:hover:before {
border-color: var(--accent-primary-hover);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox:has(input[type=checkbox]:checked):before {
border-color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox:has(input[type=checkbox]:checked):after {
opacity: 1;
visibility: visible;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
transition: 0.3s all ease;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox:before {
left: 0;
width: clamp(14px, 11.3333333333px + 0.462962963vw, 18px);
height: clamp(14px, 11.3333333333px + 0.462962963vw, 18px);
border: 1px solid var(--border-form);
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox:after {
left: clamp(4px, 2.6666666667px + 0.2314814815vw, 6px);
width: 8px;
height: 8px;
background-color: var(--accent-primary);
opacity: 0;
visibility: hidden;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout h3 .woocommerce-form__label.woocommerce-form__label-for-checkbox input {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row {
position: relative;
width: 100%;
transition: 0.3s all ease;
padding: 0;
margin: 0;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row.woocommerce-invalid-required-field .woocommerce-input-wrapper input, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row.woocommerce-invalid-required-field .woocommerce-input-wrapper textarea {
border-color: var(--system-warning) !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field:after {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field {
grid-column: 1/-1;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox {
display: block;
cursor: pointer;
position: relative;
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
font-weight: 500;
line-height: 115%;
padding-left: clamp(24px, 21.3333333333px + 0.462962963vw, 28px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox .optional {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox:hover:before {
border-color: var(--accent-primary-hover);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox:has(input[type=checkbox]:checked):before {
border-color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox:has(input[type=checkbox]:checked):after {
opacity: 1;
visibility: visible;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox:after {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
transition: 0.3s all ease;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox:before {
left: 0;
width: clamp(14px, 11.3333333333px + 0.462962963vw, 18px);
height: clamp(14px, 11.3333333333px + 0.462962963vw, 18px);
border: 1px solid var(--border-form);
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox:after {
left: clamp(4px, 2.6666666667px + 0.2314814815vw, 6px);
width: 8px;
height: 8px;
background-color: var(--accent-primary);
opacity: 0;
visibility: hidden;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_no_call_me_field label.checkbox input {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row label:not(.checkbox) {
position: absolute;
left: 11px;
pointer-events: none;
transition: 0.15s ease;
top: 16.5px;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: var(--text-third);
width: auto;
height: auto;
clip: unset;
clip-path: unset;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 92%;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row label:not(.checkbox) .required {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row .checkout-inline-error-message {
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: var(--system-warning);
margin-top: 8px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field):has(input:not([type=checkbox]):focus) label:not(.checkbox), .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field):has(input:not([type=checkbox]):not(:placeholder-shown)) label:not(.checkbox) {
top: 9px;
transform: none;
font-family: var(--second-family);
font-size: 12px;
color: var(--text-third);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field):has(input:not([type=checkbox]):focus) .woocommerce-input-wrapper input, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field):has(input:not([type=checkbox]):focus) .woocommerce-input-wrapper textarea, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field):has(input:not([type=checkbox]):not(:placeholder-shown)) .woocommerce-input-wrapper input, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field):has(input:not([type=checkbox]):not(:placeholder-shown)) .woocommerce-input-wrapper textarea {
padding-inline: 11px;
padding-top: clamp(24px, 25.6666666667px + -0.1157407407vw, 25px);
padding-bottom: clamp(7px, 8.6666666667px + -0.1157407407vw, 8px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper input, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper textarea {
border: 1px solid var(--border-form);
height: 55px;
padding: 15.5px 11px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
background: transparent;
font-size: 16px;
line-height: 140%;
color: var(--text-third);
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper input::placeholder, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper textarea::placeholder {
color: var(--text-third);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper input:hover, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper textarea:hover {
border-color: var(--border-form-hover);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper input:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper input:focus-visible, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper textarea:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper textarea:focus-visible {
border-color: var(--accent-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper input:not(:placeholder-shown), .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row:not(#billing_country_field, #billing_state_field, #shipping_country_field, #shipping_state_field) .woocommerce-input-wrapper textarea:not(:placeholder-shown) {
color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field:has(input:not([type=checkbox]):focus) label:not(.checkbox), .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field:has(input:not([type=checkbox]):not(:placeholder-shown)) label:not(.checkbox) {
top: 9px;
transform: none;
font-family: var(--second-family);
font-size: 12px;
color: var(--text-third);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field:has(input:not([type=checkbox]):focus) .woocommerce-input-wrapper input, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field:has(input:not([type=checkbox]):focus) .woocommerce-input-wrapper textarea, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field:has(input:not([type=checkbox]):not(:placeholder-shown)) .woocommerce-input-wrapper input, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field:has(input:not([type=checkbox]):not(:placeholder-shown)) .woocommerce-input-wrapper textarea {
padding-inline: 11px;
padding-top: clamp(24px, 25.6666666667px + -0.1157407407vw, 25px);
padding-bottom: clamp(7px, 8.6666666667px + -0.1157407407vw, 8px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper input, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper textarea {
border: 1px solid var(--border-form);
height: 55px;
padding: 15.5px 11px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
background: transparent;
font-size: 16px;
line-height: 140%;
color: var(--text-third);
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper input::placeholder, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper textarea::placeholder {
color: var(--text-third);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper input:hover, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper textarea:hover {
border-color: var(--border-form-hover);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper input:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper input:focus-visible, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper textarea:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper textarea:focus-visible {
border-color: var(--accent-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper input:not(:placeholder-shown), .checkout-main-wrap .checkout-first-block-wrap form.checkout .form-row#billing_state_field .woocommerce-input-wrapper textarea:not(:placeholder-shown) {
color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field label:not(.checkbox), .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field label:not(.checkbox), .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field label:not(.checkbox), .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field label:not(.checkbox) {
top: 9px;
transform: none;
font-family: var(--second-family);
font-size: 12px;
color: var(--text-third);
z-index: 2;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container {
width: 100%;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container:focus-visible, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container:focus-visible, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container:focus-visible, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container:focus, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container:focus-visible {
outline: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container:focus *, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container:focus-visible *, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container:focus *, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container:focus-visible *, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container:focus *, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container:focus-visible *, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container:focus *, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container:focus-visible * {
outline: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container:hover .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container:hover .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container:hover .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container:hover .selection .select2-selection {
border-color: var(--border-form-hover);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container.select2-container--open .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container.select2-container--open .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container.select2-container--open .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container.select2-container--open .selection .select2-selection {
border-color: var(--accent-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container.select2-container--open .selection .select2-selection .select2-selection__arrow:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container.select2-container--open .selection .select2-selection .select2-selection__arrow:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container.select2-container--open .selection .select2-selection .select2-selection__arrow:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container.select2-container--open .selection .select2-selection .select2-selection__arrow:before {
transform: scale(-1);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container .selection .select2-selection, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container .selection .select2-selection {
height: 55px;
border-color: var(--border-form);
transition: 0.3s border-color ease;
margin: 0 !important;
background-color: var(--bg-surface) !important;
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container .selection .select2-selection .select2-selection__rendered, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container .selection .select2-selection .select2-selection__rendered, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container .selection .select2-selection .select2-selection__rendered, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container .selection .select2-selection .select2-selection__rendered {
height: 55px;
padding-left: 11px;
padding-right: 39px;
padding-top: clamp(24px, 25.6666666667px + -0.1157407407vw, 25px);
padding-bottom: clamp(7px, 8.6666666667px + -0.1157407407vw, 8px);
font-size: 16px;
line-height: 140%;
color: var(--text-primary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 92%;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container .selection .select2-selection .select2-selection__arrow, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container .selection .select2-selection .select2-selection__arrow, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container .selection .select2-selection .select2-selection__arrow, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container .selection .select2-selection .select2-selection__arrow {
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container .selection .select2-selection .select2-selection__arrow:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container .selection .select2-selection .select2-selection__arrow:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container .selection .select2-selection .select2-selection__arrow:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container .selection .select2-selection .select2-selection__arrow:before {
position: absolute;
content: "";
top: 0;
right: 0;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23F1F3F5' stroke-width='2' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: 0.3s all ease;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_country_field .select2-container .selection .select2-selection .select2-selection__arrow b, .checkout-main-wrap .checkout-first-block-wrap form.checkout #billing_state_field .select2-container .selection .select2-selection .select2-selection__arrow b, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_country_field .select2-container .selection .select2-selection .select2-selection__arrow b, .checkout-main-wrap .checkout-first-block-wrap form.checkout #shipping_state_field .select2-container .selection .select2-selection .select2-selection__arrow b {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row:has(.zen-ui-select) label {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__value {
padding: 17.9px 28px 17.71px 12px !important;
border-color: var(--border-form);
background-color: var(--bg-surface);
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__value:hover {
border-color: var(--border-form-hover);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__value.disabled {
background: transparent;
color: var(--text-third);
border-color: var(--accent-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__value.disabled:after {
transform: translateY(-50%) scale(-1);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__value:after {
position: absolute;
content: "";
right: 10px;
top: 50%;
transform: translateY(-50%);
transform-origin: 50%;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23F1F3F5' stroke-width='2' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: transform 0.3s ease, color 0.3s ease;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__value > svg {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__value .zen-ui-select__value-text {
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown {
box-shadow: none;
background-color: var(--bg-surface);
top: calc(100% + 4px);
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown:has(.zen-ui-select__search) .zen-ui-select__options {
border-top: none;
border-radius: 0 0 4px 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__search {
border-color: var(--accent-primary);
border-radius: 4px 4px 0 0;
border-bottom: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__search input {
border-color: var(--border-form) !important;
border-radius: 4px !important;
color: var(--text-primary) !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__search input:hover {
border-color: var(--border-form-hover) !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__search input:focus {
border-color: var(--accent-primary) !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__options {
border-color: var(--accent-primary);
padding: 15px 11px;
border-radius: 4px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__options .zen-ui-select__option {
font-weight: 400;
font-size: 16px;
line-height: 1;
color: var(--text-primary);
transition: 0.3s all ease;
padding: 0;
background-color: transparent;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__options .zen-ui-select__option:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__options .zen-ui-select__option:hover {
color: var(--accent-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .wcus-checkout-fields .form-row .zen-ui-select .zen-ui-select__dropdown .zen-ui-select__options .zen-ui-select__option.zen-ui-select__option--current {
color: var(--accent-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-contact-information-fields,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-billing-fields,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-shipping-fields,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-additional-fields {
padding: clamp(24px, 27.3333333333px + -0.2314814815vw, 26px);
border-radius: 4px;
background-color: var(--bg-surface);
margin-bottom: 8px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-shipping-fields:has(.shipping_address[style="display: none;"]) h3 {
margin-bottom: 0;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-billing-fields__field-wrapper,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-contact-information-fields__field-wrapper,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-shipping-fields__field-wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
@media (max-width: 768px) {
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-billing-fields__field-wrapper,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-contact-information-fields__field-wrapper,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-shipping-fields__field-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-billing-fields__field-wrapper label[data-automation-id=woo-commerce-subscription-opt-in] {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .customer-details-wrap #customer_details .woocommerce-shipping-fields__field-wrapper:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment {
padding: clamp(24px, 27.3333333333px + -0.2314814815vw, 26px);
border-radius: 4px !important;
background-color: var(--bg-surface) !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap:not(:last-child),
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment:not(:last-child) {
margin-bottom: 8px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap .wc_payment_methods,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment .wc_payment_methods {
padding: 0 !important;
border: none !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap .wc_payment_methods:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap .wc_payment_methods:after,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment .wc_payment_methods:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment .wc_payment_methods:after {
display: none !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap .place-order,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment .place-order {
padding: 0 !important;
margin-top: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p {
color: var(--text-secondary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap .woocommerce-shipping-totals .shipping-package,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment .woocommerce-shipping-totals .shipping-package {
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li {
padding: 0;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:not(:last-child),
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:not(:last-child) {
margin-bottom: 12px !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:after,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:after {
display: none !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:has(label:hover) label:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:has(label:hover) label:before {
border-color: var(--accent-primary-hover);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:has(input[type=radio]:checked) label,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:has(input[type=radio]:checked) label {
color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:has(input[type=radio]:checked) label:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:has(input[type=radio]:checked) label:before {
border-color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:has(input[type=radio]:checked) label:after,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:has(input[type=radio]:checked) label:after {
opacity: 1;
visibility: visible;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:only-child label,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:only-child label {
color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:only-child label:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:only-child label:before {
border-color: var(--text-primary);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li:only-child label:after,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li:only-child label:after {
opacity: 1;
visibility: visible;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li input,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li input {
display: none;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li label,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li label {
position: relative;
cursor: pointer;
display: flex !important;
align-items: center;
justify-content: flex-start;
font-weight: 400;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
line-height: 140%;
color: var(--text-secondary);
min-height: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li label img,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li label img {
max-height: clamp(16px, 13.3333333333px + 0.462962963vw, 20px);
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li label:before, .checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li label:after,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li label:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li label:after {
content: "";
border-radius: 50%;
transition: 0.3s all ease;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li label:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li label:before {
position: relative;
display: block;
width: 18px;
height: 18px;
border: 1px solid var(--border-form);
margin-right: 8px;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li label:after,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li label:after {
position: absolute;
top: 50%;
left: 6px;
transform: translateY(-50%);
width: 8px;
height: 8px;
background-color: var(--accent-primary);
opacity: 0;
visibility: hidden;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li .payment_box,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li .payment_box {
background-color: var(--accent-primary) !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li .payment_box:before,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li .payment_box:before {
border-color: var(--accent-primary) !important;
border-right-color: transparent !important;
border-left-color: transparent !important;
border-top-color: transparent !important;
}
.checkout-main-wrap .checkout-first-block-wrap form.checkout .checkout-shipping-methods-wrap li .payment_box p,
.checkout-main-wrap .checkout-first-block-wrap form.checkout .woocommerce-checkout-payment li .payment_box p {
color: var(--bg-primary);
}
.checkout-main-wrap .checkout-second-block-wrap {
position: sticky;
top: 20px;
flex: 1 1 0;
width: 100%;
max-width: 383px;
}
@media (max-width: 900px) {
.checkout-main-wrap .checkout-second-block-wrap {
position: static;
max-width: 100%;
}
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents {
display: flex;
flex-direction: column;
background: var(--bg-primary);
padding-top: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding-inline: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding-bottom: 32px;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item:not(:last-child) {
border-bottom: 1px solid var(--border-default);
padding-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-thumbnail {
display: none;
width: 40px;
height: 40px;
flex: 0 0 40px;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-thumbnail a img {
width: 40px;
height: 40px;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .checkout-cart-item-name-wrap * {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
text-decoration: none;
color: var(--text-primary);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .checkout-cart-item-name-wrap *:hover {
text-decoration: none;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .checkout-cart-item-name-wrap .checkout-cart-item-quantity {
display: none;
color: #908d9a;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .variation-attrs {
display: none;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
column-gap: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
row-gap: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
margin-top: clamp(8px, 6.6666666667px + 0.2314814815vw, 10px);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .variation-attrs .variation-attr {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .variation-attrs .variation-attr * {
font-family: var(--font-family);
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: #fff;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .variation-attrs .variation-attr .variation-attr-label {
font-weight: 400;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-info .variation-attrs .variation-attr .variation-attr-value p {
font-weight: 700;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-price {
margin-left: auto;
white-space: nowrap;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout-cart-contents .checkout-cart-item .checkout-cart-item-price .amount * {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.checkout-main-wrap .checkout-second-block-wrap .woocommerce-message {
display: none;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon {
position: relative;
padding: 0;
border: none;
background-color: var(--bg-surface);
padding-top: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding-inline: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
border-radius: 4px 4px 0 0;
margin: 0;
display: flex !important;
align-items: center;
justify-content: space-between;
transition: 0.3s all ease;
gap: 0;
overflow: hidden;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon:has(input:not([type=checkbox]):not(:placeholder-shown)) .form-row-first {
--form-row-last-width: clamp(90px, 90px + 0vw, 90px);
--checkout-coupon-gap: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
width: calc(100% - var(--form-row-last-width) - var(--checkout-coupon-gap));
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon:has(input:not([type=checkbox]):not(:placeholder-shown)) .form-row-last {
opacity: 1;
visibility: visible;
transform: translateX(0);
transition-delay: 0.1s;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon.applied-coupon-successful .form-row-first:before {
opacity: 1 !important;
visibility: visible !important;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon.applied-coupon-successful:has(.input-text.has-error) .form-row-first:before {
opacity: 0 !important;
visibility: hidden !important;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row {
margin: 0;
padding: 0;
float: unset;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first {
position: relative;
width: 100%;
transition: 0.3s all ease;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first:has(input:not([type=checkbox]):focus) .screen-reader-text, .checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first:has(input:not([type=checkbox]):not(:placeholder-shown)) .screen-reader-text {
top: 9px;
transform: none;
font-family: var(--second-family);
font-size: 12px;
color: var(--text-third);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first:has(input:not([type=checkbox]):focus) .input-text, .checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first:has(input:not([type=checkbox]):not(:placeholder-shown)) .input-text {
padding-inline: 11px;
padding-top: clamp(24px, 25.6666666667px + -0.1157407407vw, 25px);
padding-bottom: clamp(7px, 8.6666666667px + -0.1157407407vw, 8px);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .screen-reader-text {
position: absolute;
left: 11px;
pointer-events: none;
transition: 0.15s ease;
top: 16.5px;
font-weight: 400;
font-size: 16px;
line-height: 140%;
color: var(--text-third);
width: auto;
height: auto;
clip: unset;
clip-path: unset;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 92%;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .screen-reader-text .required {
display: none;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .input-text {
border: 1px solid var(--border-form);
height: 55px;
padding: 15.5px 11px;
width: 100%;
font-family: var(--font-family);
font-weight: 400;
background: transparent;
font-size: 16px;
line-height: 140%;
color: var(--text-third);
border-radius: 4px;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .input-text::placeholder {
color: var(--text-third);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .input-text:hover {
border-color: var(--border-form-hover);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .input-text:focus, .checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .input-text:focus-visible {
border-color: var(--accent-primary);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .input-text:not(:placeholder-shown) {
color: var(--text-primary);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first .input-text.has-error {
border-color: var(--system-warning);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-first:before {
position: absolute;
content: "";
top: 17.5px;
right: 12px;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10L8.5 13.5L15 7' stroke='%233FA72F' stroke-width='2' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
visibility: hidden;
transition: 0.3s all ease;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-last {
position: absolute;
top: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
right: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
width: auto;
opacity: 0;
visibility: hidden;
transform: translateX(30px);
transition: 0.3s all ease;
transition-delay: 0s;
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-last .button {
cursor: pointer;
display: inline-block;
font-family: var(--font-family);
font-weight: 500;
font-size: clamp(13px, 12.3333333333px + 0.1157407407vw, 14px);
padding: 19.5px 24px;
line-height: 1;
text-decoration: none;
transition: 0.3s all ease;
border-radius: 4px;
color: var(--text-primary);
border: 1px solid var(--accent-primary);
background-color: var(--bg-surface);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row.form-row-last .button:hover {
text-decoration: none;
color: var(--accent-primary-hover);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .form-row .coupon-error-notice {
font-weight: 400;
font-size: 12px;
line-height: 140%;
color: var(--system-warning);
}
.checkout-main-wrap .checkout-second-block-wrap .checkout_coupon .clear {
display: none;
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap {
background-color: var(--bg-surface);
padding-inline: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding-bottom: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
border-radius: 0 0 4px 4px;
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .order-summary-title {
font-weight: 500;
font-size: clamp(20px, 17.3333333333px + 0.462962963vw, 24px);
line-height: 115%;
color: var(--text-primary);
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order * {
border: none;
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table {
margin: 0;
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr:not(:last-child) th, .checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr:not(:last-child) td {
padding-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr th, .checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr td {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
padding: 0;
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr td {
text-align: right;
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr td .woocommerce-remove-coupon {
text-decoration: none;
color: var(--accent-primary);
}
.checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr.order-total th, .checkout-main-wrap .checkout-second-block-wrap .order-summary-wrap .woocommerce-checkout-review-order table tbody tr.order-total td {
font-weight: 600;
font-size: clamp(24px, 18.6666666667px + 0.9259259259vw, 32px);
}
.thankyou-page-main-wrap {
width: 1312px;
max-width: 94%;
margin: 0 auto 128px;
}
@media (max-width: 768px) {
.thankyou-page-main-wrap {
max-width: 91.47%;
margin-bottom: 96px;
}
}
.thankyou-page-main-wrap > p {
display: none;
}
.thankyou-page-main-wrap h1 {
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
text-align: center;
margin-bottom: 48px;
}
@media (max-width: 768px) {
.thankyou-page-main-wrap h1 {
margin: 48px 0;
}
}
.thankyou-page-main-wrap .woocommerce-order-id {
font-weight: 600;
font-size: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
line-height: 115%;
text-align: center;
color: var(--accent-primary);
margin-bottom: clamp(32px, 21.3333333333px + 1.8518518519vw, 48px);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items {
padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
max-width: 383px;
margin: 0 auto;
margin-bottom: clamp(20px, 12px + 1.3888888889vw, 32px);
background-color: var(--bg-subtle);
border-radius: 4px;
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: clamp(20px, 12px + 1.3888888889vw, 32px);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item:not(:last-child) {
border-bottom: 1px solid var(--border-default);
padding-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item .order-item-qty-name-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4px;
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item .order-item-qty-name-wrap * {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item .order-item-qty-name-wrap .order-item-qty {
display: none;
color: #908d9a;
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item .order-item-qty-name-wrap .order-item-name {
color: var(--text-primary);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item .order-item-total {
white-space: nowrap;
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-items .woocommerce-order-item .order-item-total .amount * {
font-weight: 500;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: var(--text-primary);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-customer-info {
max-width: 383px;
margin: 0 auto;
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-customer-info .woocommerce-order-customer-info-title {
text-align: center;
color: var(--text-third);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-customer-info .woocommerce-order-customer-info-title:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-customer-info .order-customer-info-item:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-customer-info .order-customer-info-item .order-customer-info-item-title {
display: none;
font-family: var(--font-family);
font-weight: 400;
font-size: clamp(14px, 12.6666666667px + 0.2314814815vw, 16px);
line-height: 140%;
color: #908d9a;
}
.thankyou-page-main-wrap .woocommerce-order-info .woocommerce-order-customer-info .order-customer-info-item .order-customer-info-item-value {
font-weight: 600;
font-size: clamp(16px, 14.6666666667px + 0.2314814815vw, 18px);
line-height: 140%;
color: var(--text-primary);
text-align: center;
}
.thankyou-page-main-wrap .woocommerce-order-info .thankyou-contact-us-links {
display: none;
--thankyou-contact-us-link-top: clamp(30px, 23.3333333333px + 1.1574074074vw, 40px);
margin: var(--thankyou-contact-us-link-top) auto 0;
text-align: center;
}
.thankyou-page-main-wrap .woocommerce-order-info .thankyou-contact-us-links .thankyou-page-link {
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
line-height: 140%;
text-transform: uppercase;
color: #aadb1e;
text-decoration: none;
}
.thankyou-page-main-wrap .woocommerce-order-info .social-links-container {
display: none;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
margin-top: clamp(15px, 11.6666666667px + 0.5787037037vw, 20px);
}
.thankyou-page-main-wrap .woocommerce-order-info .social-links-container .social-link {
display: block;
overflow: hidden;
}
.thankyou-page-main-wrap .woocommerce-order-info .social-links-container .social-link .social-link-icon {
width: 30px;
height: 30px;
}
.thankyou-page-main-wrap .woocommerce-order-info .social-links-container .social-link .social-link-icon svg {
width: 30px;
height: 30px;
}
.thankyou-page-main-wrap .woocommerce-order-info .social-links-container .social-link .social-link-icon svg path {
fill: #aadb1e;
}
body.woocommerce-cart .wc-block-cart {
width: 1312px;
max-width: 94%;
margin: 0 auto;
}
@media (max-width: 768px) {
body.woocommerce-cart .wc-block-cart {
max-width: 91.47%;
}
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__row,
body.woocommerce-cart .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
--items-padding: clamp(16px, 10.6666666667px + 0.9259259259vw, 24px);
padding: var(--items-padding) !important;
background-color: var(--bg-surface) !important;
border-radius: 4px !important;
}
body.woocommerce-cart .wc-block-cart .wc-block-cart-items__row:not(:last-child) {
margin-bottom: clamp(12px, 9.3333333333px + 0.462962963vw, 16px);
}
/*# sourceMappingURL=main.css.map */