/*
Theme Name: MIT bouw shop
Theme URI: http://mitbouwshop.nl
Description: Wordpress thema voor MIT bouw shop
Author: Comceptum - Michael Doorneweerd
Author URI: http://comceptum.nl
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt
Text Domain: mitbouwshop
*/

:root  {
    --base: 15px;
    --massive: calc(var(--base) * 10);
    --huge: calc(var(--base) * 8);
    --extralarge: calc(var(--base) * 6);
    --largehuge: calc(var(--base) * 5);
    --large: calc(var(--base) * 4);
    --mediumlarge: calc(var(--base) * 3);
    --medium: max(30px, calc(var(--base) * 2.5));
    --smallmedium: max(22.5px, calc(var(--base) * 2));
    --small: max(15px, calc(var(--base) * 1.5));
    --extrasmall: max(10px, calc(var(--base) * 1));
    --tiny: max(7.5px, calc(var(--base) * 0.675));


    --massive-negative: calc(var(--base) * -10);
    --huge-negative: calc(var(--base) * -8);
    --extralarge-negative: calc(var(--base) * -6);
    --largehuge-negative: calc(var(--base) * -5);
    --large-negative: calc(var(--base) * -4);
    --mediumlarge-negative: calc(var(--base) * -3);
    --medium-negative: min(-30px, calc(var(--base) * -2.5));
    --smallmedium-negative: min(-22.5px, calc(var(--base) * -2));
    --small-negative: min(-15px, calc(var(--base) * -1.5));
    --extrasmall-negative: min(-10px, calc(var(--base) * -1));
    --tiny-negative: min(-7.5px, calc(var(--base) * -0.75));

    --container: calc(1340px - calc(var(--small) * 2));
}

@font-face {
    font-family: 'Font Awesome 7 Brands';
    src: url('fonts/FontAwesome7Brands-Regular.eot');
    src: url('fonts/FontAwesome7Brands-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/FontAwesome7Brands-Regular.woff2') format('woff2'),
        url('fonts/FontAwesome7Brands-Regular.woff') format('woff'),
        url('fonts/FontAwesome7Brands-Regular.ttf') format('truetype'),
        url('fonts/FontAwesome7Brands-Regular.svg#FontAwesome7Brands-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Font Awesome 7 Pro Solid';
    src: url('fonts/FontAwesome7Pro-Solid.eot');
    src: url('fonts/FontAwesome7Pro-Solid.eot?#iefix') format('embedded-opentype'),
        url('fonts/FontAwesome7Pro-Solid.woff2') format('woff2'),
        url('fonts/FontAwesome7Pro-Solid.woff') format('woff'),
        url('fonts/FontAwesome7Pro-Solid.ttf') format('truetype'),
        url('fonts/FontAwesome7Pro-Solid.svg#FontAwesome7Pro-Solid') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Pro';
    src: url('fonts/FontAwesome7Pro-Regular.eot');
    src: url('fonts/FontAwesome7Pro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/FontAwesome7Pro-Regular.woff2') format('woff2'),
        url('fonts/FontAwesome7Pro-Regular.woff') format('woff'),
        url('fonts/FontAwesome7Pro-Regular.ttf') format('truetype'),
        url('fonts/FontAwesome7Pro-Regular.svg#FontAwesome7Pro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Sharp';
    src: url('fonts/FontAwesome7Sharp-Light.eot');
    src: url('fonts/FontAwesome7Sharp-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/FontAwesome7Sharp-Light.woff2') format('woff2'),
        url('fonts/FontAwesome7Sharp-Light.woff') format('woff'),
        url('fonts/FontAwesome7Sharp-Light.ttf') format('truetype'),
        url('fonts/FontAwesome7Sharp-Light.svg#FontAwesome7Sharp-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Sharp';
    src: url('fonts/FontAwesome7Sharp-Thin.eot');
    src: url('fonts/FontAwesome7Sharp-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/FontAwesome7Sharp-Thin.woff2') format('woff2'),
        url('fonts/FontAwesome7Sharp-Thin.woff') format('woff'),
        url('fonts/FontAwesome7Sharp-Thin.ttf') format('truetype'),
        url('fonts/FontAwesome7Sharp-Thin.svg#FontAwesome7Sharp-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Font Awesome 7 Sharp';
    src: url('fonts/FontAwesome7Sharp-Regular.eot');
    src: url('fonts/FontAwesome7Sharp-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/FontAwesome7Sharp-Regular.woff2') format('woff2'),
        url('fonts/FontAwesome7Sharp-Regular.woff') format('woff'),
        url('fonts/FontAwesome7Sharp-Regular.ttf') format('truetype'),
        url('fonts/FontAwesome7Sharp-Regular.svg#FontAwesome7Sharp-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */


@font-face {
    font-family: 'Quadon';
    src: url('fonts/Quadon-Light.eot');
    src: url('fonts/Quadon-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quadon-Light.woff2') format('woff2'),
        url('fonts/Quadon-Light.woff') format('woff'),
        url('fonts/Quadon-Light.ttf') format('truetype'),
        url('fonts/Quadon-Light.svg#Quadon-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Quadon';
    src: url('fonts/Quadon-Bold.eot');
    src: url('fonts/Quadon-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quadon-Bold.woff2') format('woff2'),
        url('fonts/Quadon-Bold.woff') format('woff'),
        url('fonts/Quadon-Bold.ttf') format('truetype'),
        url('fonts/Quadon-Bold.svg#Quadon-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quadon';
    src: url('fonts/Quadon-Medium.eot');
    src: url('fonts/Quadon-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quadon-Medium.woff2') format('woff2'),
        url('fonts/Quadon-Medium.woff') format('woff'),
        url('fonts/Quadon-Medium.ttf') format('truetype'),
        url('fonts/Quadon-Medium.svg#Quadon-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quadon';
    src: url('fonts/Quadon-ExtraBold.eot');
    src: url('fonts/Quadon-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quadon-ExtraBold.woff2') format('woff2'),
        url('fonts/Quadon-ExtraBold.woff') format('woff'),
        url('fonts/Quadon-ExtraBold.ttf') format('truetype'),
        url('fonts/Quadon-ExtraBold.svg#Quadon-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quadon';
    src: url('fonts/Quadon-Regular.eot');
    src: url('fonts/Quadon-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quadon-Regular.woff2') format('woff2'),
        url('fonts/Quadon-Regular.woff') format('woff'),
        url('fonts/Quadon-Regular.ttf') format('truetype'),
        url('fonts/Quadon-Regular.svg#Quadon-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: var(--extrasmall);
    margin-top: 0;
    line-height: 1.25;
    position: relative;
    display: block;
    font-weight: 800;
    text-wrap: balance;
}

h1,
.h1 {
    font-size: 30px;
}

.h2,
h2 {
    font-size: 20px;
}

.h3,
h3 {
    font-size: 18px;
}

.h4,
h4 {
    font-size: 17px;
}

.h5,
h5 {
    font-size: 16px;
}

.h6,
h6 {
    font-size: 16px;
  
}

html {
    margin-top: 0 !important;
}

body {
    font-size: 16px;
    font-weight: 400;
     font-family: 'Quadon';
    overflow-x: hidden;
    line-height: 1.675;
    color: #191919;
    background: #ffffff;
    margin: 0
}

body.overflow-hidden {
    overflow-y: hidden;
    overflow-x: hidden;
}

main {
}

p {
    margin-top: 0;
    margin-bottom: var(--extrasmall);
}

a {
    color: currentColor;
    text-decoration: none;
    text-decoration-line: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
       -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 500;
}

/* a:hover {
    text-decoration: none;
} */

ul,
ol {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: var(--extrasmall);
}

ul li {
    list-style: none;
}

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

label {
    font-weight: bold;
    margin-bottom: 0;
    display: block;
}

sup {
    top: -5px;
}

abbr {
    text-decoration: none !important;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 5px solid #E41F1A;
}

blockquote {
    font-size: 32px;
    margin: 0;
    margin-bottom: var(--small);
    color: #E41F1A;
    line-height: 1.25;
    font-weight: bold;
    position: relative;
}


blockquote:before {
    content: '“';
}


blockquote:after {
    content: '”';
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1.5;
    width: 100%;
    position: relative;
    padding: 12.5px 15px;
    border:0;
    background-color: #F5F2F0;
    font-weight: 300;

}

:is(input, textarea, select):focus {
    box-shadow: 0 0 0 1.5px #191919;
}

select {
    background-image: linear-gradient(45deg,transparent 50%,rgb(25 25 25 / 50%) 50%),linear-gradient(135deg,rgb(25 25 25 / 50%) 50%,transparent 50%);
    background-position: calc(100% - 20px) 50%,calc(100% - 15px) 50%,100% 0;
    background-size: 5px 5px,5px 5px,5px 5px;
    background-repeat: no-repeat;
}

input[type="search"]::-webkit-search-cancel-button {
    display: none;
}



::-webkit-input-placeholder {
    color: rgb(25 25 25 / 30%);
}

::-moz-placeholder {
    color: rgb(25 25 25 / 30%);
}

:-ms-input-placeholder {
    color: rgb(25 25 25 / 30%);
}

::-moz-selection {
    background-color: #E41F1A;
    color: #ffffff;
}

::selection {
    background-color: #E41F1A;
    color: #ffffff;
}

::-moz-selection {
    background-color: #E41F1A;
    color: #ffffff;
}



:focus-visible {
   outline-color: #E41F1A;
    outline-offset: 5px;
}

:focus {
    outline: 0 !important;
}

/* table {
   margin-bottom: var(--small);
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

table thead tr {
        background: #E41F1A;
    color: #ffffff;
}


table tbody tr:nth-child(odd) {
    background: #EFEFEF;
}

table tr :is(td, th) {
    padding: 5px 15px;
}

table tr th {
    font-weight: 500;
} */



b,
strong {
    font-weight: 800;
}

small,
.small {
    font-size: 0.75rem;
    font-weight: inherit;
    display: inline-block;
    line-height: 1.5;
}

button {
     font-family: inherit;
  font-size: inherit;
  line-height: inherit;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
}

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

.btn {
    -moz-appearance: none;
    -webkit-appearance: none;
    padding: 17.5px 67.5px 17.5px 20px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    border: 0;
    color: #ffffff;
    z-index: 1;
    background: #E41F1A;
    overflow: hidden;
   font-weight: 700;
    line-height: 1.125;
    min-width: 180px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
}

.btn.btn--simple {
    padding: 17.5px 20px;
    min-width: auto;
}

.btn:hover {
    background: #F24540;
}

.btn:not(.btn--simple):before {
    content: '';
    position: absolute;
    top: 6.5px;
    right: 6.5px;
    bottom: 6.5px;
    aspect-ratio: 1;
    background: #F24540;
}


.btn:not(.btn--simple):after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="none" d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path  d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    line-height: 0;
    position: absolute;
    transition: all 0.3s;
    width: 30px;
    right: calc(6.5px + 20px);
    top: 50%;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: #ffffff;
}

.btn.btn--cart:not(.btn--simple):after {
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M22.9308472,22.0560303c-.0813599-.0354004-.1704712-.0560303-.2648315-.0560303h-14v-4h16.6669922c.3320312,0,.6132812-.2441406.6601562-.5722656l1.3339844-9.3334961c.0263672-.1831055-.0253906-.3686523-.1416016-.5126953s-.2861328-.2333984-.4707031-.246582l-18.0488281-1.2893066v-2.0456543c0-.3681641-.2983398-.6665039-.6665039-.6665039h-2.6665039c-.3681641,0-.6665039.2983398-.6665039.6665039s.2983398.6665039.6665039.6665039h2v17.4307251c-.628479.1207275-1.2241211.4122925-1.6904297.8793335-.6293945.6298828-.9760742,1.4667969-.9760742,2.3564453,0,.8779297.355957,1.7373047.9765625,2.3574219.6293945.6298828,1.4663086.9765625,2.3564453.9765625s1.7275391-.3466797,2.3569336-.9765625c.6206055-.6210938.9765625-1.4804688.9765625-2.3574219,0-.7325439-.2469482-1.4227905-.6825562-1.9990234h9.3655396c-.4358521.5759277-.6829834,1.2662354-.6829834,1.9990234,0,.8769531.3564453,1.7363281.9765625,2.3574219.6298828.6298828,1.4667969.9765625,2.3574219.9765625.8886719,0,1.7255859-.3466797,2.3574219-.9765625.6289062-.6289062.9755859-1.4667969.9755859-2.3574219,0-.8896484-.3466797-1.7265625-.9765625-2.3574219-.5656128-.5643311-1.3202515-.8613281-2.0925903-.9195557ZM25.90625,8.6137695l-1.1513672,8.0527344H8.6660156V7.3825073l17.2402344,1.2312622ZM9.4135742,23.9179688c.3779297.3789062.5864258.8818359.5864258,1.4150391,0,.5263672-.2138672,1.0419922-.5859375,1.4140625-.75.75-2.0776367.7519531-2.8286133,0-.3720703-.3720703-.5859375-.8876953-.5859375-1.4140625,0-.5341797.2084961-1.0361328.5859375-1.4140625s.8793945-.5849609,1.4140625-.5849609,1.0371094.2070312,1.4140625.5839844ZM24.0820312,26.7470703c-.7587891.7568359-2.0742188.7548828-2.8291016,0-.3730469-.3720703-.5859375-.8876953-.5859375-1.4140625,0-.5332031.2080078-1.0361328.5859375-1.4140625.3769531-.3779297.8789062-.5849609,1.4140625-.5849609.5341797,0,1.0361328.2080078,1.4140625.5839844.3769531.3789062.5849609.8808594.5849609,1.4150391,0,.5273438-.2128906,1.0429688-.5839844,1.4140625Z" fill="%23ffffff"/></svg>');    
    transform: translate(50%, -50%) rotate(0deg);
}

.btn:hover:after {
    transform: translate(50%, -50%) rotate(0deg);
}

.btn.btn--secondary {
    background: #ffffff;
    color: #191919;
}

.btn.btn--secondary:hover {
    background: #E41F1A;
    color: #ffffff;
}

.btn.btn--secondary:before {
    background: #E41F1A;
}

.btn.btn--secondary:hover:before {
    background: #F24540;
}

.btn.btn--secondary:after {
    color: #ffffff;
}

.btn.btn--tertiary {
    background: #F5F2F0;
    color: #191919;
}

.btn.btn--tertiary:hover {
    background: #E41F1A;
    color: #ffffff;
}

.btn.btn--tertiary:before {
    background: #E41F1A;
}

.btn.btn--tertiary:hover:before {
    background: #F24540;
}

.btn.btn--tertiary:after {
    color: #ffffff;
}


.btn.btn--quaternary {
    background: #ffffff;
    color: #191919;
}

.btn.btn--quaternary:before {
    background: #A7E0E7;
   
}

.btn.btn--quaternary:after {
background-color: #191919;
}

.read-more {
    color: rgba(0, 0, 0, 0.40);
    text-decoration: none;
    transition: all 0.3s
}

.read-more:hover{
    text-decoration: underline;
}



/* Main styles */

header {
    position: sticky;
    z-index: 10;
    background: #ffffff;
   top: calc(var(--uspsheight) * -1);
    right: 0;
    left: 0;
}


header nav.usps {
    position: relative;
    background: #191919;
    color: #ffffff;
    padding: 7.5px 0;
}

header nav.usps:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    background: #191919;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

header nav.usps ul {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
        justify-content: space-between;
    align-items: center;
    gap: var(--small);
    margin-bottom: 0
}


header nav.navigation {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--large);
    padding: var(--small) 0;
    background: #ffffff;
}

header nav.navigation .navigation__logo {
    width: 100%;
    max-width: 210px;
    position: relative;
    margin: 0;
    z-index: 1;
    line-height: 0;
    transition: all .3s;
    display: block;
}

header nav.navigation .navigation__logo:only-child {
    margin-left: auto;
    margin-right: auto;
}

header nav.navigation .navigation__form {
    flex: 1 1 auto;
    position: relative;
}

header nav.navigation .navigation__form input {
    padding-left: 50px
}

header nav.navigation .navigation__form button {
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

header nav.navigation .navigation__form button:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path d="M22.0440063,20.5725098c-.0567017-.1367188-.1397095-.2609863-.2443237-.3656006l-.0037842-.0028076-4.4522095-4.4541016c1.335022-1.739624,1.9581909-3.921814,1.7432861-6.1039429-.2147827-2.1821289-1.2516479-4.2009277-2.9002686-5.6466675-1.6484985-1.4458008-3.7852783-2.2103882-5.9769287-2.1386719-2.1914673.0717163-4.2736816.9743652-5.8242188,2.5249023-1.5504761,1.5504761-2.453125,3.6326904-2.5248413,5.8241577-.0717163,2.1916504.6928711,4.3284302,2.1386719,5.9769287,1.4457397,1.6486206,3.4644775,2.6854858,5.6466675,2.9002686,2.1821289.2149048,4.3643188-.4082642,6.1039429-1.7431641l4.4558716,4.4567871c.1047363.1046753.2289429.1876831.3656006.2443237.1368408.0567017.2833252.0857544.4313354.0857544s.2944946-.0290527.4312744-.0857544c.1367188-.0566406.2609253-.1396484.3656006-.2443237.1046143-.1046143.1876221-.2288818.2443237-.3656006.0565796-.1367188.0858154-.2833252.0858154-.4312744s-.0292358-.2944946-.0858154-.4312134ZM16.3897095,12.9395752c-.4824829,1.164917-1.2996216,2.1605225-2.3479004,2.8610229-1.0484009.7005005-2.2810059,1.0744019-3.5418091,1.0744019-1.6902466-.001709-3.31073-.6738892-4.5058594-1.8690796-1.1951904-1.1951904-1.8674316-2.8157349-1.8691406-4.5059204,0-1.2608643.3739014-2.4934082,1.0744019-3.541748.7004395-1.0484009,1.696106-1.8654785,2.8609619-2.3479614,1.164917-.4825439,2.4467163-.6087646,3.6833496-.362793,1.2365723.2459717,2.3724976.8531494,3.2640991,1.7446899.8916016.8916016,1.4987183,2.0274658,1.7446899,3.2640991s.1196899,2.5184326-.362793,3.6832886Z" style="fill-opacity: .4;"/></svg>');

    width: 20px;
    line-height: 0;
}

header nav.navigation .navigation__link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

header nav.navigation .navigation__link:before {
    width: 30px;
    line-height: 1;
       
}

header nav.navigation .navigation__link[data-icon="account"]:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M26.3574219,5.6430664c-.6201172-.6206055-1.4794922-.9760742-2.3574219-.9760742h-9.3334961c-.8901367,0-1.7270508.3461914-2.3569336.9760742-.6206055.6201172-.9760742,1.4790039-.9760742,2.3569336v2.6665039c0,.3681641.2983398.6665039.6665039.6665039s.6665039-.2983398.6665039-.6665039v-2.6665039c0-.5268555.2133789-1.0424805.5854492-1.4140625.3779297-.3779297.8803711-.5859375,1.4145508-.5859375h9.3334961c.5263672,0,1.0419922.2133789,1.4140625.5854492.3730469.3725586.5859375.8881836.5859375,1.4145508v16c0,.5263672-.2128906,1.0419922-.5859375,1.4140625-.3720703.3730469-.8876953.5859375-1.4140625.5859375h-9.3334961c-.5336914,0-1.0361328-.2080078-1.4145508-.5859375-.3720703-.3720703-.5854492-.8876953-.5854492-1.4140625v-2.6669922c0-.3681641-.2983398-.6669922-.6665039-.6669922s-.6665039.2988281-.6665039.6669922v2.6669922c0,.8779297.3554688,1.7373047.9760742,2.3574219.6303711.6298828,1.4672852.9765625,2.3569336.9765625h9.3334961c.8769531,0,1.7363281-.3564453,2.3574219-.9765625.6201172-.6210938.9765625-1.4804688.9765625-2.3574219V8c0-.8774414-.3564453-1.7363281-.9765625-2.3569336Z"/><path d="M16.8618164,19.5283203c-.2607422.2607422-.2607422.6826172,0,.9433594.1298828.1298828.300293.1953125.4711914.1953125s.3408203-.0654297.4716797-.1953125l4-4.0004883c.0061646-.0061646.0079956-.0145874.013855-.0209351.0531006-.0570679.0996704-.1206055.1306763-.1953735.0003662-.0009155.0003052-.0018921.0006714-.0028076.0015259-.0038452.0014648-.0079346.0029297-.0117798.0270996-.0703125.0393066-.1428223.0419312-.2156982.0008545-.0227661-.0019531-.0440674-.003418-.0667725-.0037231-.0570068-.0142822-.1119385-.0322876-.1661377-.0073242-.0220337-.0133057-.0432739-.0229492-.0646362-.0324707-.0719604-.0734863-.1403198-.1314087-.1982422l-4-4c-.2617188-.2607422-.6835938-.2607422-.9428711,0-.2607422.2602539-.2607422.6821289,0,.9423828l2.8618164,2.8623047H4c-.3681641,0-.6665039.2983398-.6665039.6665039s.2983398.6665039.6665039.6665039h15.7236328l-2.8618164,2.8618164Z"/></svg>');
}

header nav.navigation .navigation__link[data-icon="cart"]:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M15.3334961,22h-6.6669922v-4h16.6665039c.3320312,0,.6132812-.2441406.6601562-.5722656l1.3339844-9.3334961c.0263672-.1831055-.0253906-.3686523-.1416016-.5126953s-.2861328-.2333984-.4707031-.246582l-18.0483398-1.2892456v-2.0457153c0-.3681641-.2983398-.6665039-.6665039-.6665039h-2.6669922c-.3681641,0-.6665039.2983398-.6665039.6665039s.2983398.6665039.6665039.6665039h2.0004883v17.430542c-.6287842.1206665-1.2246094.4124756-1.690918.8795166-.6293945.6308594-.9760742,1.4677734-.9760742,2.3564453,0,.890625.3466797,1.7275391.9765625,2.3574219.6293945.6298828,1.4667969.9765625,2.3569336.9765625.8896484,0,1.7265625-.3466797,2.3569336-.9765625.6293945-.6298828.9760742-1.4667969.9760742-2.3574219,0-.7331543-.246521-1.4232788-.6817627-1.9990234h4.682251c.3681641,0,.6665039-.2988281.6665039-.6669922s-.2983398-.6669922-.6665039-.6669922ZM25.90625,8.6137695l-1.1513672,8.0527344H8.6665039V7.3825073l17.2397461,1.2312622ZM9.4140625,23.9179688c.3774414.3789062.5859375.8808594.5859375,1.4150391s-.2080078,1.0371094-.5854492,1.4140625c-.7578125.7548828-2.0742188.7548828-2.8291016,0-.3774414-.3779297-.5859375-.8798828-.5859375-1.4140625,0-.5332031.2084961-1.0361328.5859375-1.4140625s.8798828-.5849609,1.4145508-.5849609,1.0366211.2080078,1.4140625.5839844Z"/><path d="M28.4716797,22.1953125c-.2617188-.2597656-.6816406-.2597656-.9433594,0l-4.8613281,4.8623047-2.1953125-2.1962891c-.2617188-.2597656-.6816406-.2597656-.9433594,0-.2597656.2607422-.2597656.6826172,0,.9433594l2.6669922,2.6669922c.1308594.1298828.3007812.1953125.4716797.1953125s.3408203-.0654297.4716797-.1953125l5.3330078-5.3330078c.2597656-.2607422.2597656-.6826172,0-.9433594Z"/></svg>');
}

header nav.menu {
       background: #F5F2F0;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--small);
}

header nav.menu:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100vw;
    background: #F5F2F0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

header nav.menu > ul {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--small);
    margin-bottom: 0;
     flex: 1
}


header nav.menu > ul > li {
    position: relative;
}

header nav.menu > ul > li:nth-child(3) {
    margin-right: auto;
}

header nav.menu > ul > li > a {
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    transition: all 0.3s;
    padding: var(--extrasmall) 0
}

header nav.menu > ul > li > a:hover {
     color: #E41F1A
}
header nav.menu > ul > li.current-menu-item > a {
    color: #E41F1A;
    text-decoration: underline;
    text-underline-offset: 5px;
}

header nav.menu > ul > li > a:before,
header nav.menu > ul > li > a:after {
    width: 22.5px;
    display: inline-block;
    line-height: 0;
    transition: all 0.3s
}

header nav.menu > ul > li > a[target="_BLANK"]:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23E41F1A" d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    transform: rotate(-45deg);   
}

header nav.menu > ul > li > a[target="_BLANK"]:hover:after {
    transform: rotate(0deg);   
}

header nav.menu > ul > li.megamenu > a:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M5.3330078,8.6665039h21.3339844c.3681641,0,.6669922-.2983398.6669922-.6665039s-.2988281-.6665039-.6669922-.6665039H5.3330078c-.3681641,0-.6665039.2983398-.6665039.6665039s.2983398.6665039.6665039.6665039Z" fill="%231d1d1b"/><path d="M26.6669922,15.3334961H5.3330078c-.3681641,0-.6665039.2983398-.6665039.6665039s.2983398.6665039.6665039.6665039h21.3339844c.3681641,0,.6669922-.2983398.6669922-.6665039s-.2988281-.6665039-.6669922-.6665039Z" fill="%231d1d1b"/><path d="M26.6669922,23.3330078H5.3330078c-.3681641,0-.6665039.2988281-.6665039.6669922s.2983398.6669922.6665039.6669922h21.3339844c.3681641,0,.6669922-.2988281.6669922-.6669922s-.2988281-.6669922-.6669922-.6669922Z" fill="%231d1d1b"/></svg>');
    margin-right: 5px;
}

header nav.menu > ul > li.submenu > a:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M24.4716797,11.5288086c-.2617188-.2607422-.6816406-.2607422-.9433594,0l-7.5283203,7.5288086-7.5288086-7.5288086c-.2597656-.2607422-.6826172-.2607422-.9423828,0-.2607422.2602539-.2607422.6821289,0,.9423828l8,8.0004883c.1298828.1298828.3007812.1953125.4711914.1953125s.3413086-.0654297.4711914-.1953125l8.0004883-8.0004883c.2597656-.2602539.2597656-.6821289,0-.9423828Z" fill="%23e41f1a"/></svg>');
 
}

header nav.menu > ul > li.submenu.open > a:after {
    transform: rotate(180deg);
}


header nav.menu > ul > li.submenu > ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    margin-bottom: 0;
    background: #ffffff;
    padding: var(--extrasmall);
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: rotateX(90deg) translateX(-50%);
    transform: rotateX(90deg) translateX(-50%);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    line-height: 1;
    z-index: 10;
    text-align: left;
    left: 50%;
    display: flex;
    flex-wrap: wrap;
        flex-direction: column;
    gap: 5px;
    font-size: 14px;
}

header nav.menu > ul > li.submenu.open > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg) translateX(-50%);
    transform: rotateX(0deg) translateX(-50%);
}

header nav.menu > ul > li.submenu > ul li {

}

header nav.menu > ul > li.submenu > ul li a {
        text-decoration: none;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 7.5px;

}

header nav.menu > ul > li.submenu > ul li a:hover {
    color: #E41F1A
}

header nav.menu > ul > li.submenu > ul li.current-menu-item a {
    color: #E41F1A;
    text-decoration: underline;
    text-underline-offset: 5px;
}

header nav.menu > ul > li.submenu > ul li a:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M24.4716797,11.5288086c-.2617188-.2607422-.6816406-.2607422-.9433594,0l-7.5283203,7.5288086-7.5288086-7.5288086c-.2597656-.2607422-.6826172-.2607422-.9423828,0-.2607422.2602539-.2607422.6821289,0,.9423828l8,8.0004883c.1298828.1298828.3007812.1953125.4711914.1953125s.3413086-.0654297.4711914-.1953125l8.0004883-8.0004883c.2597656-.2602539.2597656-.6821289,0-.9423828Z" fill="%23e41f1a"/></svg>');
    line-height: 1;
    transform: rotate(-90deg);
    display: inline-block;
    width: 22.5px;
}


header nav.menu > ul > li.megamenu > ul  {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 0;
    width: 100%;
    max-width: var(--container);
    background: #ffffff;
    top: var(--headerheight);
    /* padding: calc(var(--extrasmall) * 2) var(--small); */
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: rotateX(90deg) translateX(-50%);
    transform: rotateX(90deg) translateX(-50%);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    color: #191919;
    font-weight: initial;
    margin-bottom: 0;
    z-index: 0;
    box-shadow: 0 0 0 2px #F5F2F0;
    padding: calc(var(--extrasmall) * 2) 0 calc(var(--extrasmall) * 2) var(--small);
}

body.scrolled header nav.menu > ul > li.megamenu > ul {
    top: calc(var(--headerheight) - var(--uspsheight));
}

header nav.menu > ul > li.megamenu.open > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotateX(0deg) translateX(-50%);
    transform: rotateX(0deg) translateX(-50%);
}

header nav.menu > ul > li.megamenu > ul > p {
    margin-left: var(--small);
    margin-bottom: var(--small)
}

/* header nav.menu > ul > li.megamenu > ul {
    margin-bottom: 0;
    position: relative;
    background: #ffffff;
    min-height: 270px;
    line-height: 1.25;
    padding: calc(var(--extrasmall) * 2) 0 calc(var(--extrasmall) * 2) var(--small);
} */

header nav.menu > ul > li.megamenu > ul > li {
    display: block;
}

header nav.menu > ul > li.megamenu > ul > li > a {
    padding: 7.5px 15px;
    display: block;
    width: 25%;
    text-decoration: none;
    position: relative;
}

header nav.menu > ul > li.megamenu > ul > li > a:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M24.4716797,11.5288086c-.2617188-.2607422-.6816406-.2607422-.9433594,0l-7.5283203,7.5288086-7.5288086-7.5288086c-.2597656-.2607422-.6826172-.2607422-.9423828,0-.2607422.2602539-.2607422.6821289,0,.9423828l8,8.0004883c.1298828.1298828.3007812.1953125.4711914.1953125s.3413086-.0654297.4711914-.1953125l8.0004883-8.0004883c.2597656-.2602539.2597656-.6821289,0-.9423828Z" fill="%23e41f1a"/></svg>');

    width: 22.5px;
    display: inline-block;
    line-height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transition: all 0.3s;
}

header nav.menu > ul > li.megamenu > ul > li:hover > a:after {
    transform: translateY(-50%) translateX(5px) rotate(-90deg);
}

header nav.menu > ul > li.megamenu > ul > li:hover > a,
header nav.menu > ul > li.megamenu > ul:not(:hover) > li:first-child > a {
    background: #F5F2F0;
    font-weight: 800;
}

header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra {
       position: absolute;
    left: 25%;
    width: 75%;
    top: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
    line-height: 1.75;
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    padding: calc(var(--extrasmall) * 2) var(--small);
    margin-right: var(--small-negative);
    padding-left: var(--large)
}

header nav.menu > ul > li.megamenu > ul > li:hover > .megamenu__extra,
header nav.menu > ul > li.megamenu > ul:not(:hover) > li:first-child > .megamenu__extra {
    opacity: 1;
    visibility: visible;
}


header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    background-image: var(--background);
    background-size: cover;
    background-position: center center;
    width: 50%;
}


header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra ul {
    columns: 2;
    column-gap: var(--small);
    line-height: 2.25;
    margin-bottom: 0;
    
}
header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra ul li:is(:nth-child(1),:nth-child(2)) {
    column-span: all;
    margin-bottom: var(--extrasmall)
}


header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra ul li a {
    text-decoration: none;
}

header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra ul li a:hover {
    text-decoration: underline
}
header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra ul li a.back {
    display: flex;
    align-items: center;
    gap: 7.5px;
    margin-bottom: 7.5px;
    font-size: 14px;
    display: none;
}

header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra ul li a.back:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M24.4716797,11.5288086c-.2617188-.2607422-.6816406-.2607422-.9433594,0l-7.5283203,7.5288086-7.5288086-7.5288086c-.2597656-.2607422-.6826172-.2607422-.9423828,0-.2607422.2602539-.2607422.6821289,0,.9423828l8,8.0004883c.1298828.1298828.3007812.1953125.4711914.1953125s.3413086-.0654297.4711914-.1953125l8.0004883-8.0004883c.2597656-.2602539.2597656-.6821289,0-.9423828Z" fill="%23e41f1a"/></svg>');
    line-height: 1;
        transform: rotate(90deg);
    display: inline-block;
    width: 22.5px;

}
header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra .megamenu__image {
        position: relative;
    padding-bottom: 66.666%;
    display: block;
    height: 100%;
	background: #F5F2F0
}

header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra .megamenu__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra .megamenu__image .btn {
        position: absolute;
    bottom: 22.5px;
    right: 22.5px;
}


/* Navbar toggler */

header nav.navigation .navigation__toggler {
    display: none;
}

header nav.navigation .navigation__toggler:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M5.3330078,8.6665039h21.3339844c.3681641,0,.6669922-.2983398.6669922-.6665039s-.2988281-.6665039-.6669922-.6665039H5.3330078c-.3681641,0-.6665039.2983398-.6665039.6665039s.2983398.6665039.6665039.6665039Z" fill="%231d1d1b"/><path d="M26.6669922,15.3334961H5.3330078c-.3681641,0-.6665039.2983398-.6665039.6665039s.2983398.6665039.6665039.6665039h21.3339844c.3681641,0,.6669922-.2983398.6669922-.6665039s-.2988281-.6665039-.6669922-.6665039Z" fill="%231d1d1b"/><path d="M26.6669922,23.3330078H5.3330078c-.3681641,0-.6665039.2988281-.6665039.6669922s.2983398.6669922.6665039.6669922h21.3339844c.3681641,0,.6669922-.2988281.6669922-.6669922s-.2988281-.6669922-.6669922-.6669922Z" fill="%231d1d1b"/></svg>');
    width: 30px;
    line-height: 0;
    transition: all 0.3s;
    display: block
}

header nav.menu .menu__close {
    display: none;
}

header nav.menu .menu__close:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M16.942627,15.9997559l7.0710449-7.0710449c.2597656-.2602539.2597656-.6821289,0-.9423828-.2617188-.2607422-.6816406-.2607422-.9433594,0l-7.0705566,7.0705566-7.0710449-7.0705566c-.2597656-.2607422-.6826172-.2607422-.9423828,0-.2607422.2602539-.2607422.6821289,0,.9423828l7.0705566,7.0710449-7.0705566,7.0705566c-.2607422.2607422-.2607422.6826172,0,.9433594.1298828.1298828.3007812.1953125.4711914.1953125s.3413086-.0654297.4711914-.1953125l7.0710449-7.0710449,7.0705566,7.0710449c.1308594.1298828.3007812.1953125.4716797.1953125s.3408203-.0654297.4716797-.1953125c.2597656-.2607422.2597656-.6826172,0-.9433594l-7.0710449-7.0705566Z" fill="%231d1d1b"/></svg>');
    width: 30px;
    line-height: 0;
    transition: all 0.3s;
    display: block
}

/* 
header nav.navigation .navigation__toggler {
       position: relative;
    border-radius: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    display: none;
    background: #E41F1A;
    color: #ffffff;
    padding: 13px 9px;
}

header nav.navigation .navigation__toggler span {
    display: block;
    width: 22px;
    height: 2px;
}

header nav.navigation .navigation__toggler.collapsed span {
    background-color: currentColor;
}

header nav.navigation .navigation__toggler span + span {
    margin-top: 4px;
}

header nav.navigation .navigation__toggler.collapsed span:nth-of-type(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0;
}

header nav.navigation .navigation__toggler.collapsed span:nth-of-type(2) {
    opacity: 1;
    width: 22px;
    margin-left: 0;
}

header nav.navigation .navigation__toggler.collapsed span:nth-of-type(3) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    bottom: 0;
}

header nav.navigation .navigation__toggler span {
    position: relative;
    transition: all 500ms ease-in-out;
    background-color: currentColor;
}

header nav.navigation .navigation__toggler span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px;
}

header nav.navigation .navigation__toggler span:nth-of-type(2) {
    opacity: 0;
    width: 0;
    margin-left: 50%;
}

header nav.navigation .navigation__toggler span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 6px;
} */


/* header */

section.header {
     margin: var(--small) 0;
}

section.header .header__block {
    display: block;
    position: relative;
    background: #F5F2F0;
    text-decoration: none;
    overflow: hidden;
    /* padding-bottom: 50%; */
    height: 570px;
}

section.header .header__block.header__block--small {
    /* padding-bottom: 25%; */
    height: 240px;
}


section.header .header__block .header__btn {
    position: absolute;
    right: var(--small);
    bottom: var(--small);
}

section.header .header__block .header__btn.header__btn--left  {
    left: var(--small);
    right: unset;
}

/* Subheader */

section.subheader {
    position: relative;
    background: #191919;
    color: #ffffff;
    z-index: 0
}

section.subheader .subheader-image {
    position: relative;
    display: block;
    padding-bottom: 66.666%;
    height: 100%;
    width: calc(50vw - var(--medium));
}

section.subheader .subheader-image :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

section.subheader .subheader-content {
    z-index: 2;
    position: relative;
    padding: var(--massive) 0;
}

section.subheader .subheader-content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: var(--massive-negative);
    background-image: url(images/background.svg);
    background-size: 150%;
    pointer-events: none;
    width: calc(50vw + var(--massive) - var(--medium));
    background-color: #292927;
    right: var(--massive-negative);
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--massive)) 100%, 0% 100%);
    pointer-events: none;
    z-index: -2
}

section.subheader .subheader-content:after {
        content: '';
    position: absolute;
    top: 100%;
    right: var(--extralarge-negative);
    left: var(--extralarge-negative);
    width: calc(200% + calc(var(--extralarge) * 2));
    background: #ffffff;
    height: var(--massive);
    pointer-events: none;
    z-index: -1;
}


section.subheader:has(+ section.imageblock) .subheader-content:before {
    bottom: 0
}

section.subheader:has(+ section.contact) .subheader-content:after {
    background: #F5F2F0;
}

/*
section.subheader .subheader-content:after {
    content: '';
    background: #191919;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 40%;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    pointer-events: none;
}*/


section.subheader .subheader-content :is(h1, h2, h3, .h1, .h2, .h3) {
    color: #ffffff;
}

section.subheader .subheader-content *:last-child {
    margin-bottom: 0;
}

section.subheader .subheader-content .subheader-content__buttons {
       margin-top: var(--medium);
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}



/* Person */

section.person {
    padding-top: var(--extralarge);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

section.person:after {
    content: '';
    background: #F2F2F2;
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(100% - var(--extralarge));
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
}
section.person .person-image {
    line-height: 0;
    position: relative;

}

section.person .person-content {
     padding-left: var(--huge);
     padding-bottom: var(--extralarge)
}

section.person .person-content:before {
    content: url(images/icon.svg);
    width: 60px;
    display: inline-block;
    line-height: 0;
    margin-bottom: var(--medium);
}

section.person .person-content :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) {
    margin-left: calc(var(--huge) * -1)
}

section.person .person-content .person-content__buttons {
    margin-top: var(--medium);
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


/* Article */

article.article {
    position: relative;
    margin: var(--extralarge) 0;
}

article.article.article--background {
    padding: var(--extralarge) 0;
    background-color: #F5F2F0;
    margin: 0;
}

article.article.article--background + article.article.article--background {
    padding-top: 0
}

article.article .article__content  {

}

article.article .article__content img {
    width: auto;
    max-width: 100%;
}

article.article .article__content .alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

article.article .article__content .alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

article.article .article__content ul li {
    position: relative;
    padding-left: 15px;
}

article.article .article__content ul li:before {
    content: '•';
    position: absolute;
    left: 0;
}

article.article .article__content > ol {
    counter-reset: counter;
}

article.article .article__content > ol > li {
    position: relative;
    padding-left: 15px;
}

article.article .article__content > ol > li:before {
    counter-increment: counter;
    content: counter(counter) ". ";
    position: absolute;
    left: 0;
}

article.article .article__content *:last-child {
    margin-bottom: 0;
}

article.article .article__content .article__buttons {
    margin-top: var(--smallmedium);
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--extrasmall);
}



article.article .article__image {
    display: block;
    position: relative;
    aspect-ratio: 4 / 3.5;
    overflow: hidden;
}

article.article.article--background .article__image {
    background: #ffffff
}

article.article .article__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}



/* Vacancies */

section.vacancies {
    position: relative;
    margin: var(--extralarge) 0;
    z-index: 3
}

section.vacancies .vacancies-header {
    margin-bottom: var(--large);
    position: relative;
}

/*section.vacancies .vacancies-header:before {
    content: '';
    position: absolute;
    top: var(--extralarge-negative);
    right: var(--extralarge-negative);
    bottom: 0;
    left: var(--extralarge-negative);
    width: 100%;
    background: #ffffff;
    
}*/



section.vacancies .vacancies-header *:last-child {
    margin-bottom: 0;
}

section.vacancies .vacancy {
    background: #F5F2F0;
    position: relative;
    display: block;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
        margin-bottom: var(--smallmedium);
}

section.vacancies .vacancy:last-child {
    margin-bottom: 0;
}

section.vacancies .vacancy:hover {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}


section.vacancies .vacancy:before {
    content: '';
    line-height: 1;
    background: #E41F1A;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
}

section.vacancies .vacancy:after {
        content: '';
    font-weight: 400;
    font-family: 'Font Awesome 7 Pro';
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    font-size: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #ffffff;
}

section.vacancies .vacancy:hover:after {
     -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

section.vacancies .vacancy .vacancy-image {
     position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

section.vacancies .vacancy .vacancy-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


section.vacancies .vacancy .vacancy-content {
    position: relative;
    padding: var(--medium);
}

section.vacancies .vacancy .vacancy-content ul {
 display: flex;
    flex-wrap: wrap;
    gap: 7.5px;
    margin-bottom: 0;
}


section.vacancies .vacancy .vacancy-content ul li:not(:last-child):after {
    content: '•';
    color: #E41F1A;
    margin-left: 7.5px
}


/* Contact */

section.contact {
    position: relative;
    margin: var(--extralarge) 0;
     padding-bottom: var(--extralarge);
    z-index: 2
}

section.contact .container:before {
    content: '';
    position: absolute;
    top: 0;
    right: calc(var(--extralarge-negative) + var(--small));
    bottom: var(--extralarge-negative);
    left: calc(var(--extralarge-negative) + var(--small));
    background: #F5F2F0
}

section.contact .contact-content {

}

section.contact .contact-content a[href*='mailto'] {
    color: #E41F1A
}

section.contact .contact-content a[href*='tel'] {
    color: #E41F1A;
    font-weight: bold;
    text-decoration: none;
    font-size: 24px;
    margin-top: var(--medium);
    display: inline-block;
    line-height: 1;
}

section.contact .contact-content .social-media {
    margin-top: var(--large)
}

section.contact .contact-form {
    background: #ffffff;
    padding: var(--large);
    margin-top: var(--massive-negative)
}

/* Imageblock */

section.imageblock {
    position: relative;
    margin: var(--extralarge) 0;
    z-index: 2
}

section.imageblock.imageblock--primary {
    background: #F5F2F0;
     margin: 0;
      padding: var(--extralarge) 0;
}

section.imageblock.imageblock--secondary {
    background: #E41F1A;
    color: #ffffff;
     margin: 0;
      padding: var(--extralarge) 0;
}


section.imageblock.imageblock--secondary:has(+ section.about) {
    padding-bottom: calc(var(--extralarge) * 2)
}

section.imageblock + section.about {
    margin-top: var(--extralarge-negative)
}

section.imageblock.imageblock--secondary:before {
    content: '';
    position: absolute;
    top: 0;
    right: 33.333%;
    bottom: 0;
    left: 0;
    background-position: left top;
    opacity: 0.07;
    pointer-events: none;
    background: linear-gradient(to right, rgba(228, 31, 26, 0) 90%, rgba(228, 31, 26, 1)), url(images/background.svg);
    color: rgb(228 31 26);
    background-size: cover;
}
section.subheader + section.imageblock {
    margin-top: calc(var(--extralarge) * -1);
}

section.imageblock:has(.imageblock-image--full) {
    padding-bottom: var(--extralarge) 
}

section.imageblock:has(+ section.person) {
    margin-bottom: 0
}

section.imageblock:has(+ section.person):before  {
        content: '';
    background: #F2F2F2;
    position: absolute;
    height: 75%;
    bottom: 0;
    width: calc(100% - var(--extralarge));
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    pointer-events: none;
}

section.imageblock.imageblock--reverse .row {
    flex-direction: row-reverse;
}


section.imageblock .imageblock-content {
    
   padding: var(--extralarge) 0;
}

section.imageblock.imageblock--secondary .imageblock-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    color: #ffffff;
}

/*
section.imageblock .imageblock-content :is(h5, h6, .h5, .h6) {
    color: inherit;
}
*/
/*
section.imageblock.imageblock--background .imageblock-content {
    padding: var(--extralarge);
    position: relative;
    color: #ffffff;
    background: #E41F1A;
}
*/

section.subheader + section.imageblock .imageblock-content {
     background: #ffffff;
     padding: var(--extralarge);
    position: relative;
}


section.imageblock .imageblock-content *:last-child {
    margin-bottom: 0
}

section.imageblock .imageblock-content .imageblock-content__buttons {
    margin-top: var(--medium);
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

section.imageblock .imageblock-image {
    position: relative;
    display: block;
    padding-bottom: 66.666%;
    height: 100%;
    overflow: hidden;
}

section.subheader + section.imageblock .imageblock-image {
        margin-top: var(--massive);
    height: calc(100% - var(--massive));
}


section.imageblock.imageblock--overlapping .imageblock-image {
    top: calc(var(--huge) * -1.5);
    height: calc(100% + calc(var(--huge) * 1.5));
}



section.imageblock .imageblock-image :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

section.imageblock .imageblock-usps {
    margin-top: var(--extralarge)
}

section.imageblock .imageblock-usps ul {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: var(--small);
    padding: 0;
    margin: 0;
    list-style: none;
}

section.imageblock .imageblock-usps ul li {
    white-space: nowrap;
}

section.imageblock .imageblock-usps ul li:before {
    content: '';
    font-weight: 400;
    font-family: "Font Awesome 7 Pro";
    margin-right: var(--extrasmall);
    line-height: 1;
    background: #A7E0E7;
    width: 40px;
    height: 40px;
    color: #191919;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


/* About */

section.about {
    position: relative;
    z-index: 2;
}

section.about .about-content {
    
   padding: var(--largehuge);
   background: #A7E0E7
}

section.about .about-content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    color: inherit;
}

section.about .about-content *:last-child {
    margin-bottom: 0
}


section.about .about-image {
    position: relative;
    display: block;
    padding-bottom: 66.666%;
    height: 100%;
    overflow: hidden;
}

section.about .about-image :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}



/* Gallery */

section.gallery {
    margin: var(--extralarge) 0;
    position: relative;
    overflow: hidden;
}

section.gallery:has(+ section.review) {
    margin-bottom: 0;
}

section.gallery:has(+ section.review):before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: #F5F2F0;
    pointer-events: none;
}

section.gallery + section.review {
    margin-top: 0;
}


section.gallery .gallery-header {
        margin-bottom: var(--extrasmall);
    position: relative;
}

section.gallery .gallery-header *:last-child {
    margin-bottom: 0
}

section.gallery .gallery-slider {

}



section.gallery .gallery-slider .gallery-slider__image {
      position: relative;
    display: block;
    overflow: hidden;
   aspect-ratio: 1 / 1;
}

section.gallery .gallery-slider .gallery-slider__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


section.gallery .gallery-slider .gallery-slider__image:hover img {
 -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

section.gallery .gallery-footer {
    margin-top: var(--small)
}

/* Gallery */

section.review {
    padding: var(--extralarge) 0;
    margin: var(--extralarge) 0;
    background: #F5F2F0;
    position: relative;
}

section.review .review-content {
    line-height: 1;
}

section.review .review-content .person {
    margin-bottom: 0
}

/* block */

section.block {
    position: relative;
    background: #E41F1A;
    color: #ffffff;
    z-index: 1;
    margin: var(--extralarge) 0;
    overflow: hidden;
}

section.block.block--reverse .row {
    flex-direction: row-reverse;
}


section.block .block-content {
    padding: var(--extralarge) 0;
}

section.block .block-content :is(h1, h2, h3, .h1, .h2, .h3) {
    color: #ffffff;
}
section.block .block-content .block-content__buttons {
    margin-top: var(--medium);
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

section.block .block-content *:last-child {
    margin-bottom: 0
}


section.block .block-image {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 50vw;
        width: calc(50vw - var(--medium));
    padding-bottom: 66.666%;
}



section.block .block-image :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}



/* Categories */

section.categories {
    margin: var(--extralarge) 0;
    position: relative;
    overflow: hidden
}

section.categories .categories__header {
    margin-bottom: var(--smallmedium)
}

section.categories .categories__header * {
    margin-bottom: 0
}

section.categories .category {
       position: relative;
    border: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    background: #F5F2F0;
    display: flex;
    flex-direction: column;
    height: 100%;
}

section.categories .category .category__image {
    aspect-ratio: 1 / 1;
    display: block;
    position: relative;
    background: #F5F2F0;
    text-decoration: none;
}

section.categories .category .category__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

section.categories .category.category--brand .category__image img {
    object-fit: contain;
     padding: var(--small)
}

section.categories .category .category__image .category__label {
        background: #ffffff;
    font-weight: 500;
    padding: 5px 12.5px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    font-weight: 800;
}

section.categories .category .category__image .category__arrow {
       line-height: 1;
    background: #E41F1A;
    color: #ffffff;
    transition: all 0.3s;
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

section.categories .category .category__image .category__arrow:hover {
    background: #F24540;
}

section.categories .category .category__image .category__arrow:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23ffffff" d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    line-height: 0;
    transition: all 0.3s;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    width: 30px;
}

section.categories .category .category__image .category__arrow:hover:after {
    transform: rotate(0deg) translate(-50%, -50%);
}

section.categories .category .category__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 22.5px 30px;
}

section.categories .category .category__content .category__title {
    font-weight: 800;
    text-decoration: none;
    line-height: 1.375;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
}

section.categories .category .category__content .category__title:hover {
    text-decoration: underline;
}

/* Brands */

section.brands {
   padding: 0 0 var(--large) 0;
    background-color: #F5F2F0;
    overflow: hidden
} 

section.brands .brands__header {
    margin-bottom: var(--smallmedium)
}

section.brands .brands__header * {
    margin-bottom: 0
}

section.brands .brand {
       aspect-ratio: 16 / 9;
    display: block;
    position: relative;
    background: #ffffff;
    text-decoration: none;
} 

section.brands .brand img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s;
    padding: var(--small)
}


/* Products */

section.products {
    margin: var(--extralarge) 0;
    position: relative;
    overflow: hidden
}

section.products:first-child {
    margin-top: var(--medium);
}

.products .products__header {
    margin-bottom: var(--smallmedium)
}

.products .products__header * {
    margin-bottom: 0
}

.products .products__subheader {
    margin-bottom: var(--medium)
}

.products .products__subheader *:last-child {
    margin-bottom: 0
}

.products .products-filtering {
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
     margin-bottom: var(--medium)
}

.products .products-filtering * {
    margin-bottom: 0
}

.products .products-filtering .woocommerce-notices-wrapper {
    flex: 0 0 auto;
    width: 100%;
}

.products .products-toggler {
    display: none;
    position: fixed;
    right: var(--small);
    bottom: var(--small);
    left: var(--small);
    z-index: 9;
}

.products .products-toggler:after {
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1430 1430"><path d="M843,491c-35.3550415-.0088196-64.0088501-28.6769409-64-64.0319824.0088501-35.355072,28.6769409-64.0088501,64.0319824-64.0000153s64.0088501,28.6769257,64,64.0319824-28.6769409,64.0088348-64.0319824,64.0000153ZM966.4559937,395c-14.3040161-55.0400085-64-96-123.4559937-96s-109.1519775,40.9599915-123.4559937,96h-388.5440063v64h388.5440063c14.3040161,55.0400085,64,96,123.4559937,96s109.1519775-40.9599915,123.4559937-96h132.5440063v-64h-132.5440063ZM843,1067c-35.3550415-.0088501-64.0088501-28.6769409-64-64.0319824.0087891-35.3550415,28.6769409-64.0088501,64.0319824-64s64.0088501,28.6769409,64,64.0319824c-.0087891,35.3550415-28.6769409,64.0088501-64.0319824,64M843,875c-59.4559937,0-109.1519775,40.960022-123.4559937,96h-388.5440063v64h388.5440063c14.3040161,55.039978,64,96,123.4559937,96s109.1519775-40.960022,123.4559937-96h132.5440063v-64h-132.5440063c-14.3040161-55.039978-64-96-123.4559937-96M587,779c-35.3550415-.0088501-64.0088196-28.6769409-63.9999695-64.0319824.0088196-35.355072,28.6769409-64.0088501,64.0319824-64,35.355072.0088501,64.0088196,28.6769409,64,64.0319824-.0088501,35.3551025-28.6769409,64.0088501-64.0320129,64M587,587c-59.4559937,0-109.1520081,40.9599915-123.4559937,96h-132.5440063v64h132.5440063c14.3039856,55.039978,64,96,123.4559937,96s109.1520081-40.960022,123.4559937-96h388.5440063v-64h-388.5440063c-14.3039856-55.0400085-64-96-123.4559937-96"/></svg>');
    transform: translate(50%, -50%);        
}

.products .products-sidebar {
    display: flex;
    flex-direction: column;
}

.products .products-sidebar :is(h3, .h3) {
    margin-bottom: 0
}

.products .products-sidebar .products-active {
        border-bottom: 1px solid #191919;
    padding: var(--small) 0;
}

.products .products-sidebar .products-active .wc-aaf-chips {
    line-height: 1.25;
    display: flex;
    flex-wrap: wrap;
    gap: 7.5px;
}

.products .products-sidebar .products-active .wc-aaf-chips button {
       background: #F5F2F0;
    padding: 5px 12.5px;
    font-weight: 500;
    cursor: pointer;
}

.products .products-sidebar .products-filter {
    border-bottom: 1px solid #191919;
    padding: var(--small) 0;
}

/* .products .products-sidebar .products-filter:first-child {
    padding-top: 0
} */

.products .products-sidebar .products-filter [aria-expanded] {
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    margin: 0;
    width: 100%;
    padding: 0;
    font-weight: 800;
}

.products .products-sidebar .products-filter [aria-expanded]:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 11.7897949 6.5617676"><path d="M5.8947754,6.5617676c-.1704102,0-.3413086-.0654297-.4711914-.1953125L.1955566,1.1379395C-.0651855.8776855-.0651855.4558105.1955566.1955566.4553223-.0651855.8781738-.0651855,1.1379395.1955566l4.7568359,4.7568359L10.6516113.1955566c.2617188-.2607422.6816406-.2607422.9433594,0,.2597656.2602539.2597656.6821289,0,.9423828l-5.2290039,5.2285156c-.1298828.1298828-.3007812.1953125-.4711914.1953125Z" fill="%231d1d1b"/></svg>');
    margin-left: auto;
    width: 12.5px;
    transition: all 0.3s;
}

.products .products-sidebar .products-filter [aria-expanded="true"]:after {
    transform: rotate(180deg)
}

.products .products-sidebar .products-filter ul {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: var(--extrasmall);
    /* max-height: 225px;
    overflow: scroll; */
}



.products .products-sidebar .products-filter ul li {
    
}

.products .products-sidebar .products-filter ul li label {
    font-weight: normal;
    line-height: 1.25;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    margin-bottom: 0;
    flex-wrap: nowrap;
    display: flex;
    gap: 7.5px;
}

.products .products-sidebar .products-filter ul li label:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #F5F2F0;
    border: 1px solid #F5F2F0;
    background-position: center center;
    background-size: 75%;
    background-repeat: no-repeat;
    transition: all 0.3s;
    display: block;
    aspect-ratio: 1 / 1;
    margin-top: 2.5px;
}

.products .products-sidebar .products-filter ul li label:has(input:checked):before {
   border-color: #E41F1A;
   background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10.7675781 7.5087891"><path d="M3.8837891,7.5087891c-.1601562,0-.3198242-.0605469-.4418945-.1826172L0,3.8837891l.8837891-.8837891,3,3L9.8837891,0l.8837891.8837891-6.4418945,6.4423828c-.1220703.1220703-.2817383.1826172-.4418945.1826172Z" fill="%23e41f1a"/></svg>');
    
}

.products .products-sidebar .products-filter ul li label input {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.products .products__usps {
    background: #F5F2F0;
    padding: var(--smallmedium);
     margin-top: var(--medium);
     font-weight: 800
}

.products .products__usps ul {
    margin-bottom: 0;
    line-height: 1.25;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.products .product {
    position: relative;
    display: block;
    border: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
}

.products .product .product__image {
    aspect-ratio: 1 / 1;
    display: block;
    position: relative;
    background: #F5F2F0;
    text-decoration: none;
}

.products .product .product__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s;
        mix-blend-mode: multiply;
	padding: var(--extrasmall)
}

.products .product .product__image .product__label {
    background: #E41F1A;
    color: #ffffff;
    font-weight: 500;
    padding: 5px 12.5px;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
}

.products .product .product__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: var(--small);
}

.products .product .product__content .product__category {
    font-size: 14px;
}

.products .product .product__content .product__title {
    font-weight: 800;
    text-decoration: none;
    line-height: 1.375;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
}

.products .product .product__content .product__title:hover {
    text-decoration: underline;
}

.products .product .product__footer  {
    display: grid;
    grid-template-columns: auto 45px;
        gap: var(--extrasmall);
         padding-top: var(--tiny);

}

.products .product .product__footer .product__arrow {
    line-height: 1;
    background: #E41F1A;
    color: #ffffff;
    transition: all 0.3s;
    width: 45px;
    height: 45px;
    display: block;
    position: relative;
    /* position: absolute;
    right: 0;
    bottom: 0; */
    transition: all 0.3s;
}

.products .product .product__footer .product__arrow:hover {
    background: #F24540;
}

.products .product .product__footer .product__arrow:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23ffffff" d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    line-height: 0;
    transition: all 0.3s;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    width: 30px;
}

.products .product .product__footer .product__arrow:hover:after {
    transform: rotate(0deg) translate(-50%, -50%);
}

.products .products__footer {
    border-top: 1px solid #191919;
        margin-top: var(--medium);
}

.products .products__footer ul.page-numbers {
     display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: 5px;
    margin-top: var(--extrasmall);
    margin-bottom: 0;
}

.products .products__footer ul.page-numbers li {
    
}
.products .products__footer ul.page-numbers li :is(a, span) {
    line-height: 1;
    background: #F5F2F0;
    transition: all 0.3s;
    width: 45px;
    height: 45px;
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    display: flex;
        align-items: center;
    justify-content: center;
}

.products .products__footer ul.page-numbers li :is(a, span).current {
    background-color: #191919;
    color: #ffffff;
}

.products .products__footer ul.page-numbers li :is(a, span).next {
    background: #E41F1A;
    font-size: 0;
}
 

.products .products__footer ul.page-numbers li :is(a, span).next:hover {
    background: #F24540;
}

.products .products__footer ul.page-numbers li :is(a, span).next:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23ffffff" d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    line-height: 0;
    transition: all 0.3s;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    width: 30px;
}

.products .products__footer ul.page-numbers li :is(a, span).next:hover:after {
    transform: rotate(0deg) translate(-50%, -50%);
}

/* Product */

section.product {
    margin: var(--medium) 0 var(--extralarge) 0;
    position: relative;
}

section.product .product__header {

}

section.product .product__gallery {
    position: sticky;
    top: var(--headerheight)
}

section.product .product__gallery .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    aspect-ratio: 4 / 3;
    display: block;
    position: relative;
    width: 100%;
    background: #F5F2F0;
}

section.product .product__gallery .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
     position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s;
    mix-blend-mode: multiply;
}

section.product .product__gallery .flex-control-thumbs {
    line-height: 1;
    /* display: flex;
    flex-wrap: nowrap; */
      display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--extrasmall);
    margin-bottom: 0;
        margin-top: var(--extrasmall);
}

section.product .product__gallery .flex-control-thumbs li {
    aspect-ratio: 4 / 3;
    display: block;
    position: relative;
    width: 100%;
    background: #F5F2F0;
    cursor: pointer;
}



section.product .product__gallery .flex-control-thumbs li[data-overlay]:before {
       content: attr(data-overlay);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(245 242 240 / 25%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
}

/* section.product .product__gallery .flex-control-thumbs li:nth-child(n+5) {
    display: none;
} */

section.product .product__gallery .flex-control-thumbs li img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: all 0.3s;
    mix-blend-mode: multiply;
    opacity: 0.75;
}

section.product .product__gallery .flex-control-thumbs li img.flex-active {
    opacity: 1;
}

section.product .product__content {
    display: flex;
    flex-direction: column;
    gap: var(--smallmedium)
}

section.product .product__content .product__account {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: start;
    gap: 15px;
}

section.product .product__content .product__text {

}

section.product .product__content .product__text ul {
    font-weight: bold;
}

section.product .product__content .product__text *:last-child {
    margin-bottom: 0;
}

section.product .product__content .product__form {
     background: #F5F2F0;
    padding: var(--small);
    display: flex;
    flex-direction: column;
    gap: var(--extrasmall);
}

section.product .product__content .product__form table.variations {

}

section.product .product__content .product__form table.variations .label {
    text-align: left;
}

section.product .product__content .product__form table.variations .value select {
    background-color: #ffffff
}

section.product .product__content .product__form table.variations .reset_variations{
    display: none !important
}

section.product .product__content .product__form .single_variation_wrap {
    display: flex;
    flex-direction: column;
    gap: var(--extrasmall);
    margin-top: var(--tiny);
}

section.product .product__content .product__form .single_variation_wrap .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--small);
}


section.product .product__content .product__form .single_variation_wrap .woocommerce-variation-add-to-cart .button {
    flex: 1;
        white-space: nowrap;
}

section.product .product__specifications {

}

section.product .product__specifications .product__specifications-navigation {
        line-height: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 2.5px;
    margin-bottom: 2.5px;
}

section.product .product__specifications .product__specifications-navigation button {
        background: #F5F2F0;
    flex: 1;
    max-width: 33%;
    padding: var(--small) var(--smallmedium);
    text-align: left;
    cursor: pointer
}

section.product .product__specifications .product__specifications-navigation button[aria-expanded="true"] {
    color: #E41F1A;
    font-weight: 800;
    pointer-events: none;
}

section.product .product__specifications .product__specifications-content {
      background: #F5F2F0;
    padding: var(--smallmedium);
}


section.product .product__specifications .product__specifications-content table {
    margin-bottom: var(--medium);
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

section.product .product__specifications .product__specifications-content table tr :is(th, td) {
    padding: 7.5px 10px;
    border-bottom: 1px solid #191919;
}

section.product .product__specifications .product__specifications-content *:last-child {
    margin-bottom: 0
}




/* Cards */

section.cards {
    margin: var(--extralarge) 0;
    position: relative;
}

section.cards.cards--background {
    padding: var(--extralarge) 0;
    background-color: #F5F2F0;
    margin: 0;
}

section.cards .cards__header {
    margin-bottom: var(--smallmedium)
}

section.cards .cards__header * {
    margin-bottom: 0
}

section.cards .card {
    position: relative;
    display: block;
    border: 0;
    z-index: 1;
}

section.cards .card .card__image {
    aspect-ratio: 3 / 2;
    display: block;
    position: relative;
    background: #ffffff;
    text-decoration: none;
    overflow: hidden
}

section.cards .card .card__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


section.cards .card .card__image .card__arrow {
       line-height: 1;
    background: #E41F1A;
    color: #ffffff;
    transition: all 0.3s;
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

section.cards .card .card__image .card__arrow:hover {
    background: #F24540;
}

section.cards .card .card__image .card__arrow:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23ffffff" d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    line-height: 0;
    transition: all 0.3s;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    width: 30px;
}

section.cards .card .card__image .card__arrow:hover:after {
    transform: rotate(0deg) translate(-50%, -50%);
}

section.cards .card .card__image:hover img {
    transform: scale(1.1);
}

section.cards .card .card__content {
        display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: var(--smallmedium);
    font-weight: 500;
}

section.cards .card .card__content .card__title a {
    text-decoration: none
}

section.cards .card .card__content .card__title a:hover {
    text-decoration: underline
}


section.cards .card .card__content * {
    margin-bottom: 0
}



/* Post */

section.post {
    margin: 0 0 var(--extralarge) 0;
    overflow: hidden;
}

section.post .post__header {
    background: #F5F2F0;
    padding: var(--extralarge) 0 var(--large) 0;
    text-align: center;
    text-wrap: balance;
}

section.post .post__header :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) {
    color: inherit;
}

section.post .post__header :is(.h6, h6) {
    color: #E41F1A;
}


section.post .post__header .person .person-content :is(b, strong) {
        color: #E41F1A;
}

section.post .post__header *:last-child {
    margin-bottom: 0
}

section.post .post__header .post__header__buttons {
       margin-top: var(--medium);
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}



section.post .post__image {
    position: relative;
    display: block;
    aspect-ratio: 2 / 1;
}

section.post .post__image:before {
        content: '';
    position: absolute;
    width: 100vw;
    top: 0;
    left: -50%;
    height: 50%;
    background: #F5F2F0;
    pointer-events: none;
}

section.post .post__image :is(img, video) {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

section.post .post__content {
    padding-top: var(--large);
}




section.post .post__content img {
    max-width: 100%;
    height: auto
}

section.post .post__content *:last-child {
    margin-bottom: 0
}



/* Offers */

section.offers {
    margin: var(--extralarge) 0;
    position: relative;
}


section.offers .offer {
    position: relative;
    display: block;
    border: 0;
    z-index: 1;
    transition: all 0.3s;
    overflow: hidden;
}

section.offers .offer .offer__image {
    aspect-ratio: 16 / 9;
    display: block;
    position: relative;
    background: #F5F2F0;
    text-decoration: none;
    overflow: hidden
}

section.offers .offer .offer__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

section.offers .offer .offer__image:hover img {
    transform: scale(1.1);
}

section.offers .offer .offer__image .offer__btn {
    position: absolute;
    bottom: 22.5px;
    left: 22.5px;
}

section.offers .offer .offer__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: var(--smallmedium);
    font-weight: 500;
}

section.offers .offer .offer__content * {
    margin-bottom: 0
}

section.offers .offer .offer__content .offer__title {
    
}

section.offers .offer .offer__content .offer__text {

}

/* usps */

section.usps  {
    margin: var(--huge) 0;
    position: relative;
}

section.usps ul {
        margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: var(--small);
    padding: 0;
    list-style: none;
}

section.usps ul li {
    margin-bottom: 0
}

/* Stock */

.stock {
    font-size: 14px;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
}

.stock:before {
    content: '';
    background: #95FE92;
    height: 7.5px;
    width: 7.5px;
    border-radius: 50%;
}

.stock[data-stock="almostoutofstock"]:before {
    background: #FEB492
}

.stock[data-stock="outofstock"]:before {
    background: #E41F1A;
}

/* Price */

.price {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--extrasmall);
    line-height: 1;
}



.price del {
    font-size: 14px;
}

.price.price--large del {
    font-size: 18px;
}

.price ins {
    text-decoration: none;
    font-weight: 800;
    font-size: 18px;
}

.price.price--large ins {
    font-size: 24px;
}

.price .price__suffix {
    flex: 0 0 auto;
    width: 100%;
}

/* Message */

.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
    margin-bottom: var(--small)
}

.woocommerce-error  {
    display: flex;
    flex-direction: column;
    gap: var(--tiny)
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-error li,
.woocommerce-info,
.woocommerce-notice {
    background-color: #F5F2F0;
    padding: 15px 22.5px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.woocommerce-notices-wrapper .woocommerce-message a{
        margin-left: auto;
}

.checkout-inline-error-message {
        margin-bottom: 0;
    font-size: 14px;
    color: #E41F1A;
}

/* Payment */

.payment {
       line-height: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

.payment img {
    width: 52.5px;
}

/* Breadcrumbs */

.breadcrumbs {
   
}

.breadcrumbs .breadcrumb_seperator {

}

.breadcrumbs .breadcrumb_last {

}

/* Slick slider */

.slick-list {
    overflow: visible;
}

.slick-dots {
    position: relative;
    margin-bottom: 0;
    line-height: 0;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 5px;
    margin-top: var(--smallmedium)
}

.slick-dots li {
    list-style: none;
}


.slick-dots li button {
    font-size: 0;
    height: 10px;
    width: 10px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    background: #F5F2F0
}

.slick-dots li.slick-active button {
    background: #E41F1A;
}

.slick-arrows {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.slick-arrows .slick-arrow {
    line-height: 1;
    background: #E41F1A;
    color: #ffffff;
    transition: all 0.3s;
    width: 45px;
    height: 45px;
   
    transition: all 0.3s;
    font-size: 0;
    position: relative;
    cursor: pointer;
}


.slick-arrows .slick-arrow:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23ffffff" d="M25.9352732,16.4186794c.0416047-.0503227.0824757-.1015517.1079822-.1627071.0333614-.0804904.0505816-.1659008.0510564-.2516565,0-.0013811.0007769-.0024169.0007769-.0037979v-.0000863c-.0000432-.0868778-.0177812-.1734103-.0515743-.2549365-.0339656-.0820441-.0829504-.1559744-.1447532-.2175182l-8.4847203-8.4847203c-.2603313-.2603313-.6822476-.2603313-.9425789,0s-.2603313.6822476,0,.9425789l7.3475835,7.3475835-17.2470784-.0003021c-.3687451,0-.6670558.2983107-.6670558.6670558,0,.183682.0745777.3507913.1950758.4712894s.2876074.1950758.4712894.1950758l17.2471648.0003021-7.346634,7.346634c-.2603313.2603313-.2603313.6829381,0,.9432694s.6829381.2603313.9432694,0l8.4849361-8.4849361c.0156665-.0156665.0214929-.0363393.0352604-.053128Z" /></svg>');
    line-height: 0;
    transition: all 0.3s;
    transform: rotate(-45deg) translate(-50%, -50%);
    transform-origin: top left;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    width: 30px;
    transition: all 0.3s;
}

.slick-arrows .slick-arrow:hover:before {
    transform: rotate(0deg) translate(-50%, -50%);
}

.slick-arrows .slick-prev:before {
    transform: rotate(-135deg) translate(-50%, -50%);
}

.slick-arrows .slick-prev:hover:before {
    transform: rotate(-180deg) translate(-50%, -50%);
}

.slick-arrows .slick-disabled {
    pointer-events: none;
    opacity: 0.4;
}

/* Whatsapp */
/* 
.whatsapp {
    position: fixed;
    right: 0;
    bottom: var(--medium);
    height: 75px;
    width: 90px;
    background: #E41F1A;
    z-index: 9;
    text-decoration: none;
    font-size: 36px;
    color: #ffffff;
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    padding-left: 15px;
    transform-origin: right center;
     -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.whatsapp:hover {
    transform: scale(1.1);
}

.whatsapp:before {
    content: '';
    font-weight: 400;
    font-family: 'Font Awesome 7 Brands';
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
} */



/* Footer*/

footer {
    position: relative;
    /* margin-top: var(--medium) */
}

footer .footer__contact {
    position: relative;
}

footer .footer__contact:before {
       content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 60%;
    background: #f4f2f0;
    z-index: -31;
    pointer-events: none;
}

footer .footer__contact .footer__item {
    padding: var(--medium);
    padding-left: calc(calc(var(--medium) * 2) + 45px);
    position: relative;
    background: #E41F1A;
    color: #ffffff;
    display: block;
    text-decoration: none;
        -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
footer .footer__contact .footer__item:hover {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}


footer .footer__contact .footer__item:before {
   
    color: #A7E0E7;
    width: 45px;
    position: absolute;
    line-height: 1;
    left: var(--medium);
    top: var(--medium);
}

footer .footer__contact .footer__item[data-icon="phone"]:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48"><path d="M28.5,36.375l-3-1.6875c-5.0625-2.9062996-9.2812004-7.125-12.1875-12.1875l-1.6875-3,2.4375-2.4375,3.0937004-3.0937004-3.4687004-8.8125496-9.1875,1.59375c.375,20.1562004,16.5937996,36.375,36.75,36.75l1.5937996-9.1875-8.8125992-3.4687004-3.0937004,3.0937004-2.4375,2.4375ZM33,25.5l15,6-3,16.5h-3C18.75,48,0,29.25,0,6v-3L16.5,0l6,15-5.25,5.25c2.5312004,4.4062004,6.0937996,7.9687996,10.5,10.5l5.25-5.25Z" fill="%23a7e0e7"/></svg>');
}

footer .footer__contact .footer__item[data-icon="chat"]:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48"><path d="M19.5,45l-4.5,3v-9H0V0h48v39h-19.5l-9,6ZM19.5,39.6562004l6.4687996-4.3124008,1.125-.8437996h16.4062004V4.5H4.5v30h15v5.1562004Z" fill="%23a7e0e7"/></svg>');
}

footer .footer__contact .footer__item :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
      margin-bottom: var(--tiny);
}


footer .footer__contact .footer__item .footer__buttons {
    margin-top: var(--small);
    line-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


footer .footer__main {
    padding: var(--extralarge) 0;
}

footer .footer__main :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
    color: #E41F1A
}

footer .footer__main .footer__menu ul {
    line-height: 2
}

footer .footer__main .footer__menu ul li a {
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12.5px;
    transition: all 0.3s
}

footer .footer__main .footer__menu ul li a:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 20.1901765 18.303982"><path d="M20.0303617,9.570668c.041605-.0503235.0824757-.1015511.1079826-.1627064.0333614-.0804901.050581-.1659012.0510559-.2516556,0-.0013809.0007763-.0024166.0007763-.0037975v-.0000858c-.0000439-.0868778-.0177803-.1734104-.0515747-.2549362-.0339661-.0820436-.0829506-.1559744-.1447525-.2175179L11.509129.1952484c-.2603321-.2603312-.6822472-.2603312-.9425793,0s-.2603321.6822476,0,.9425788l7.3475838,7.3475833-17.2470779-.0003023c-.3687449,0-.6670556.2983103-.6670556.6670551,0,.1836815.0745778.3507919.195076.4712887s.2876072.195076.4712892.195076l17.2471657.0003014-7.3466339,7.3466339c-.2603321.2603321-.2603321.6829376,0,.9432697s.6829376.2603321.9432697,0l8.4849358-8.4849358c.015667-.015667.021492-.0363388.0352592-.0531292Z" fill="%23E41F1A"/></svg>');
    transform: rotate(-45deg);   
    width: 12.5px;
    display: inline-block;
    line-height: 0;
    transition: all 0.3s;
}

footer .footer__main .footer__menu ul li a:hover:before {
     transform: rotate(0deg);  
}

footer .footer__main .footer__menu ul li a:hover {
    text-decoration: underline;
    color: #E41F1A;
}


footer .footer__main .footer__logo {

}

footer .footer__main .footer__text *:last-child {
    margin-bottom: 0
}

footer .footer__copyright {
    padding: var(--small) 0;
    background: #F5F2F0;
}

footer .footer__copyright .footer__copyright__text {
    margin-bottom: 0
}


footer .footer__copyright ul.footer__menu  {
    margin-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--extrasmall);

}

footer .footer__copyright ul.footer__menu li {
    list-style: none;
    display: inline-block;
}

footer .footer__copyright ul.footer__menu li:not(:last-child):after {
    content: '•';
    margin-left: var(--extrasmall)
}

footer .footer__copyright ul.footer__menu li a {
    text-decoration: none;
    font-weight: normal
}

.pswp__bg {
        background: rgb(25 25 25 / 75%);
}

body.loading {
    overflow-y: hidden;
    overflow-x: hidden;
}


body.loading:before {
    content: '';
    background: #191919;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:11;
    position: fixed;
    opacity: 0.75;
}


body.loading:after {
    content: '';
    width: 60px;
    height: 60px;
    border-width: 7.5px;
    border-style: solid;
    border-color: #E41F1A;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    z-index: 12;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
}





/* Accordion */

.accordion  {
    display: grid;
    gap: var(--extrasmall)
}

.accordion .accordion-item {
    background: #ffffff;
    padding: var(--extrasmall) var(--small);
    display: block;
    transition: all 0.3s;
}


.accordion .accordion-item .accordion-item__toggler {
     
    position: relative;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    display: block;
    width: 100%;
    text-align: left;
    display: flex;
    font-weight: bold;
}

.accordion .accordion-item .accordion-item__toggler:after {
    content: '+';
    
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    margin-left: auto;
    
}

.accordion .accordion-item .accordion-item__toggler[aria-expanded="true"] {
    
}

.accordion .accordion-item .accordion-item__toggler[aria-expanded="true"]:after {
    content: '-';
}

.accordion .accordion-item .accordion-item__content {
    padding-top: var(--tiny);
}


/* Social media */

.social-media {
    line-height: 1;
    margin-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: auto;
}

.social-media li {
    display: inline-block;
}

.social-media li:last-child {
    margin-right: 0
}

.social-media li a {
    height: 45px;
    width: 45px;
    text-align: center;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #E41F1A;
    color: #ffffff;
    border-radius: 50%;
    text-decoration: none;
}

.social-media li a:hover {
    background-color: #E03958;
}

.social-media li a:before {
    content: attr(data-icon);
    font-weight: normal;
    font-family: 'Font Awesome 7 Brands';
}



/* Checkout */

section.checkout {
    margin:  var(--medium) 0;
    position: relative;
}

section.checkout .checkout__header {

}

section.checkout .checkout__header *:last-child {
    margin-bottom: 0
}

section.checkout .checkout__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--small);
}

section.checkout .checkout__wrapper.checkout__wrapper--sticky {
    position: sticky;
    top: var(--headerheight);
}

section.checkout .checkout__wrapper .checkout__products table {
    border-collapse: separate;
    border-spacing: 0 var(--extrasmall);
    margin-top: var(--extrasmall-negative)
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product  {
   
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product :is(th, td) {
    border: 1px solid #F5F2F0;
    border-left: 0;
    border-right: 0;
    padding: var(--tiny) var(--extrasmall);
   
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product :is(th, td):first-child {
   border-left: 1px solid #F5F2F0;
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product :is(th, td):last-child {
   border-right: 1px solid #F5F2F0;
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product :is(th, td):last-child {
    padding-right: var(--small)
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-thumbnail {
   
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-thumbnail a {
    aspect-ratio: 1 / 1;
    display: block;
    position: relative;
    width: 150px;
    background: #F5F2F0;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-thumbnail a img {
        position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.3s;
    mix-blend-mode: multiply;
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-name {
   
}



section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-name h4 {
    margin-bottom: 0;
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-name h4 a {
    text-decoration: none;
}
    

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-price {
   
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-quantity {
   
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-quantity .quantity {
    border: 1px solid #F5F2F0;
        margin-left: auto;
    margin-right: auto;
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-remove {
   
}

section.checkout .checkout__wrapper .checkout__products table tr.checkout__product .checkout__product-remove a{
     content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12.2 14"><path d="M4,0h4.2l.2.3,1.3,1.9h2.6v1.3h-1l-.8,10.5H1.8L1,3.5h-1v-1.3h2.5L3.8.3l.2-.3ZM4.1,2.2h4l-.6-.9h-2.8l-.6.9ZM2.3,3.5l.7,9.2h6.3l.7-9.2H2.3Z" fill="none"/></svg>');
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12.2 14"><path d="M4,0h4.2l.2.3,1.3,1.9h2.6v1.3h-1l-.8,10.5H1.8L1,3.5h-1v-1.3h2.5L3.8.3l.2-.3ZM4.1,2.2h4l-.6-.9h-2.8l-.6.9ZM2.3,3.5l.7,9.2h6.3l.7-9.2H2.3Z"/></svg>');
        mask-repeat: no-repeat;
    mask-size: contain;
    width: 15px;
    display: inline-block;
    background: #E41F1A;
    line-height: 0;
}

section.checkout .checkout__wrapper .checkout__products table tr td .checkout__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--tiny)
}

section.checkout .checkout__wrapper .checkout__item {
    border: 1px solid #F5F2F0;
    padding: var(--smallmedium);
    display: flex;
    flex-direction: column;
    gap: var(--small);
}

section.checkout .checkout__wrapper .checkout__item .checkout__subheader {

}

section.checkout .checkout__wrapper .checkout__item .checkout__subheader *:last-child {
    margin-bottom: 0;
}
section.checkout .checkout__wrapper .checkout__item wc-order-attribution-inputs {
    display: none;
}


section.checkout .checkout__wrapper .checkout__item :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) {
 
}

section.checkout .checkout__wrapper .checkout__item :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) .form-row {

}

section.checkout .checkout__wrapper .checkout__item :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) .form-row .woocommerce-input-wrapper {
    display: block
}

section.checkout .checkout__wrapper .checkout__item .checkout__table {

}

section.checkout .checkout__wrapper .checkout__item .checkout__table > :is(h1, h2, h3, h4, h5, h6) {
    
}

section.checkout .checkout__wrapper .checkout__item .checkout__table table {
    width: 100%;
    margin-bottom: 0;
    text-align: left;
}

section.checkout .checkout__wrapper .checkout__item .checkout__table table tr :is(th, td):nth-child(2) {
    text-align: right;
}

section.checkout .checkout__wrapper .checkout__item .checkout__table table hr {
    border-top: 1px solid #F5F2F0;
    margin-top: var(--tiny);
    margin-bottom: var(--tiny);
}

section.checkout .checkout__wrapper .checkout__item .checkout__table table a {
    text-decoration: none;
}

section.checkout .checkout__wrapper .checkout__item .checkout__table [data-bs-toggle="collapse"] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
        justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}

section.checkout .checkout__wrapper .checkout__item .checkout__table [data-bs-toggle="collapse"]:after {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 11.7897949 6.5617676"><path d="M5.8947754,6.5617676c-.1704102,0-.3413086-.0654297-.4711914-.1953125L.1955566,1.1379395C-.0651855.8776855-.0651855.4558105.1955566.1955566.4553223-.0651855.8781738-.0651855,1.1379395.1955566l4.7568359,4.7568359L10.6516113.1955566c.2617188-.2607422.6816406-.2607422.9433594,0,.2597656.2602539.2597656.6821289,0,.9423828l-5.2290039,5.2285156c-.1298828.1298828-.3007812.1953125-.4711914.1953125Z" fill="none"/></svg>');
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 11.7897949 6.5617676"><path d="M5.8947754,6.5617676c-.1704102,0-.3413086-.0654297-.4711914-.1953125L.1955566,1.1379395C-.0651855.8776855-.0651855.4558105.1955566.1955566.4553223-.0651855.8781738-.0651855,1.1379395.1955566l4.7568359,4.7568359L10.6516113.1955566c.2617188-.2607422.6816406-.2607422.9433594,0,.2597656.2602539.2597656.6821289,0,.9423828l-5.2290039,5.2285156c-.1298828.1298828-.3007812.1953125-.4711914.1953125Z"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 12.5px;
    background: #191919;
    display: inline-block;
    line-height: 0;
     flex-shrink: 0;
     transition: all 0.3s
}

section.checkout .checkout__wrapper .checkout__item .checkout__table [data-bs-toggle="collapse"][aria-expanded="true"]:after {
    transform: rotate(180deg)
}

section.checkout .checkout__wrapper .checkout__item .checkout__table .checkout_coupon {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 10px;
}

section.checkout .checkout__wrapper .checkout__item .checkout__table .checkout_coupon button {
    flex-shrink: 0;
}

section.checkout .checkout__wrapper .checkout__item .checkout__button .btn {
    width: 100%;
}

section.checkout .checkout__wrapper .checkout__item .checkout__usps {

}

/* section.checkout .checkout__wrapper .checkout__item .checkout__usps b {
        margin-bottom: var(--tiny);
    display: block;
} */
section.checkout .checkout__wrapper .checkout__item .checkout__usps ul {
     display: flex;
     flex-direction: column;
     gap: 5px;
}

section.checkout .checkout__wrapper .checkout__item .checkout__usps ul li {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

section.checkout .checkout__wrapper .checkout__item .checkout__usps ul li:before {
    content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10.7675781 7.5087891"><path d="M3.8837891,7.5087891c-.1601562,0-.3198242-.0605469-.4418945-.1826172L0,3.8837891l.8837891-.8837891,3,3L9.8837891,0l.8837891.8837891-6.4418945,6.4423828c-.1220703.1220703-.2817383.1826172-.4418945.1826172Z" fill="none"/></svg>');
    mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10.7675781 7.5087891"><path d="M3.8837891,7.5087891c-.1601562,0-.3198242-.0605469-.4418945-.1826172L0,3.8837891l.8837891-.8837891,3,3L9.8837891,0l.8837891.8837891-6.4418945,6.4423828c-.1220703.1220703-.2817383.1826172-.4418945.1826172Z"/></svg>');
    mask-repeat: no-repeat;
    mask-size: contain;
       width: 15px;
    background: #E41F1A;
    display: inline-block;
    line-height: 0;
     flex-shrink: 0;
}

section.checkout .checkout__wrapper .checkout__item .checkout__usps ul li:has(b, strong):before {
    content: unset
}

section.checkout .checkout__wrapper .checkout__item .checkout__usps *:last-child {
    margin-bottom: 0;
}

section.checkout .checkout__wrapper .checkout__item .checkout__shipping-methods {

}



section.checkout .checkout__wrapper .checkout__item .checkout__methods {

}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul {
    display: flex;
    flex-direction: column;
    gap: var(--extrasmall);
    margin-bottom: 0;
}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--extrasmall);
    border: 1px solid #F5F2F0;
    padding: var(--extrasmall);
    transition: all 0.3s;
}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li:has(input:checked),
section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li:has(input[type="hidden"])  {
    border-color: #E41F1A
}



section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li input {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li label {
    display: flex;
    align-items: center;
    flex: 1;
    gap: var(--extrasmall);
    cursor: pointer;
    padding: var(--extrasmall);
    margin: var(--extrasmall-negative);
}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li label:before {
    content: '';
    width: 22.5px;
    height: 22.5px;
    aspect-ratio: 1 / 1;
    border: 2px solid #F5F2F0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ffffff inset;
    transition: all 0.3s;
}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li:has(input:checked) label:before,
section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li:has(input[type="hidden"]) label:before {
    background: #E41F1A;
    border-color: #E41F1A;
} 
section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li label .amount {
    margin-left: auto;
}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li label img {
    max-width: 45px;
    margin-left: auto;
}

section.checkout .checkout__wrapper .checkout__item .checkout__methods ul li div {
    width: 100%;
}
section.checkout .checkout__payment .payment {
  
}

.checkbox {
    display: inline-block;
    cursor: pointer;
}

.checkbox input {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.checkbox span {

}

.checkbox span:before {
    content: '';
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    aspect-ratio: 1 / 1;
    border: 2px solid #F5F2F0;
    transition: all 0.3s;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px;
}

.checkbox span a {
        font-weight: revert;
}

.checkbox input:checked + span:before {
    background-color: #E41F1A;
    border-color: #E41F1A;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10.7675781 7.5087891"><path d="M3.8837891,7.5087891c-.1601562,0-.3198242-.0605469-.4418945-.1826172L0,3.8837891l.8837891-.8837891,3,3L9.8837891,0l.8837891.8837891-6.4418945,6.4423828c-.1220703.1220703-.2817383.1826172-.4418945.1826172Z" fill="%23ffffff"/></svg>');
    
}

.quantity {
    display: flex;
    flex-wrap: nowrap;
    width: 150px;
}

.quantity input {
    background-color: #ffffff;
    text-align: center;
    -moz-appearance: textfield;
    font-weight: bold;
    padding: 0;
    box-shadow: unset;
    flex: 1 1 auto;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity button {
    background: #ffffff;
    aspect-ratio: 1 / 1;
    padding: 0;
    font-weight: bold;
    cursor: pointer;
    flex: 0 0 auto;
    width: 45px;
}

@media (max-width: 992px) {

    section.checkout .checkout__wrapper .checkout__products table tr.checkout__product :is(th, td) {
        display: block;
        border: 1px solid #F5F2F0;
        border-top: 0;
        border-bottom: 0;
        text-align: center;
    }

    section.checkout .checkout__wrapper .checkout__products table tr.checkout__product :is(th, td):first-child {
        border-top: 1px solid #F5F2F0;
            padding-top: var(--small);
    }

    section.checkout .checkout__wrapper .checkout__products table tr.checkout__product :is(th, td):last-child {
        border-bottom: 1px solid #F5F2F0;
            padding-right: var(--extrasmall);
    }

    section.checkout .checkout__wrapper .checkout__products table tr td .checkout__actions .btn {
        width: 100%;
    }
   
}


/* Embed container */

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container img,
.embed-container object,
.embed-container embed { 
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* Responsive */


@media (max-width: 1600px) {
    :root  {
    }
}   

@media (max-width: 1400px) {
    :root  {
        /* --base: 12.5px; */
        --container: calc(1140px - calc(var(--small) * 2));
    }


}

@media (max-width: 1200px) {


    :root  {
         --base: 12.5px;
        /* --container: calc(960px - calc(var(--small) * 2)); */
    }


   

}

@media (max-width: 992px) {

    
    :root  {
        --base: 7.5px;
    }


    h1,
    .h1 {
        font-size: 24px;
    }

    .h2,
    h2 {
        font-size: 18px;
    }

    header nav.usps ul {
        flex-wrap: wrap;
		max-width: 100%;
        font-size: 14px;
        text-align: center
    }
	
	header nav.usps ul li {
		background: #191919;
		animation: uspsanimation 6s ease-in-out infinite;
        text-align: center;
                width: 100%;
	}

	
	header nav.usps ul li:not(:first-child) {
		opacity: 0;
		position: absolute;
	}
	
	header nav.usps ul li:nth-child(1) {
		animation-delay: 0s;
	}

	header nav.usps ul li:nth-child(2) {
		animation-delay: 3s;
	}

	
	
	header nav.usps ul li:before {
		animation: unset;
	}


    header nav.navigation {
                flex-wrap: wrap;
        gap: var(--small);
    }

    header nav.navigation .navigation__logo {
        margin-right: auto;
    }

    header nav.navigation .navigation__form {
        order: 9;
        width: 100%
    }
	
    header nav.navigation .navigation__toggler,
    header nav.menu .menu__close  {
        display: block
    }

    header nav.navigation .navigation__link {
        font-size: 0;
        gap: 0
    }

    header nav.menu {
        position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        transition: all 0.3s ease-in-out;
        transform: translateX(-100%);
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #F5F2F0;
        gap: 0;
        padding: var(--small);
        align-items: start;
        flex-direction: column;
        gap: var(--extrasmall);
        align-items: end;
    }

    header nav.menu:before {
        content: unset;
    }

    header nav.menu.open {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    header nav.menu > ul {
        flex-direction: column;
        align-items: start;
        width: 100%;
        gap: var(--tiny);
    }

    header nav.menu > ul > li {
            width: 100%;
    }
    header nav.menu > ul > li > a {
   
    }

    header nav.menu > ul > li.megamenu > a {
        display: none;
    }
    

    header nav.menu > ul > li.megamenu > ul {
        top: unset !important;
        position: relative;
        opacity: 1;
        visibility: visible;
        left: unset;
        transform: unset;
        padding: var(--small);
        overflow: hidden;
        margin-bottom: var(--extrasmall);
    }

    header nav.menu > ul > li.megamenu > ul > li > a {
        width: 100%;
    }

    header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra {
        grid-template-columns: 1fr;
        left: 100%;
        width: 100%;
        z-index: 1;
        background: #ffffff;
        padding: var(--smallmedium);
        gap: var(--small);
    }


    header nav.menu > ul > li.megamenu > ul > li.open > .megamenu__extra {
        left: 0;
    }

    header nav.menu > ul > li.megamenu > ul > li > .megamenu__extra ul li a.back { 
        display: flex;
    }
    

    section.header .header__block,
    section.header .header__block.header__block--small {
            height: 300px;
    }

    section.header .header__block .header__btn.header__btn--left {
        left: unset;
        right: var(--small);
    }

    header nav.menu > ul > li.submenu.open > ul {
         position: relative;
    }

    .products .products__toggler {
        display: block;
    }

    .products .products__sidebar {
       position: fixed;
        overflow-x: hidden;
        overflow-y: scroll;
        transition: all 0.3s ease-in-out;
        transform: translateX(-100%);
        z-index: 8;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #ffffff;
        gap: 0;
        padding: var(--small);
        padding-bottom: var(--massive);
    }

    .products .products__sidebar.open {
        transform: translateX(0%);
    }

    section.product .product__specifications .product__specifications-navigation button {
            max-width: 50%;
    }

    footer .footer__copyright {
        text-align: center
    }
    footer .footer__copyright ul.footer__menu {
            justify-content: center;
    }
}   




@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0px rgb(228 31 26 / 50%);
    }
    100% {
        box-shadow: 0 0 0 7.5px rgb(228 31 26 / 0%);
    }
}







@keyframes uspsanimation {
    0%   { opacity: 0; transform: translateY(10px); }
    10%  { opacity: 1; transform: translateY(0); }
    30%  { opacity: 1; transform: translateY(0); }
    40%  { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 0; transform: translateY(-10px); }
}


@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}