/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

body {
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
}
h1, h2, h3, h4, h5, strong {font-weight: bold;}
img {max-width: 100%;}
a {text-decoration: none; transition: 0.8s ease;}
#product-swiper {
    /* background: rgb(255,255,255);
    background: radial-gradient(ellipse at 25% 80%, rgba(255,255,255,1) 0%, rgba(255,243,220,1) 35%, rgba(255,230,200,1) 100%); */
    /* background-color: #f0f0ff;
    opacity: 1;
    background-size: 20px 20px;
    background-image: repeating-linear-gradient(45deg, #d5d7ff 0, #d5d7ff 2px, #f0f0ff 0, #f0f0ff 50%); */
    position:fixed;
    top:0; left:0;right:0;bottom:0;
}
/* #product-swiper:before {
    content: '';
    background: rgba(255,243,220,1);
    width: 100vw;
    height: 10vh;
    position: absolute;
    bottom:0;
    z-index: 1;
} */

.btn {border-radius: 1em;}

.product-image {
    background-position: center; background-size:auto 100%;background-repeat:no-repeat;
    height: 90vh;
    transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
}

.product-image:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(20,20,20,0.2);
    animation: shadow-float 6s ease-in-out infinite;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.product-image-grid {
    background-position: center; background-size: auto 60%;background-repeat:no-repeat;
    transition: 1s ease;
    transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
}

.product-image-grid:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 10px;
    border-radius: 50%;
    background-color: rgba(20,20,20,0.2);
    animation: shadow-float 6s ease-in-out infinite;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    opacity:1;
    transform: translate3d(0,0,0);
}

.product-grid:hover .product-image-grid:after {
    opacity: 0;
    transform: translate3d(0,100%,1px) scale(1.3);
}

.product-grid:hover .product-image-grid {
    background-size: auto 80%;
    transition: 0.3s ease;
}
.info-icon {filter: invert(1);}
.product-grid:hover .info-icon {filter:invert(0)}
.product-description-toggle {color:white;}
.product-grid:hover .product-grid-description, .product-grid:hover .product-details, .product-grid:hover .product-description-toggle {color:rgb(191, 30, 46) !important;}
.product-grid .badge {border: 1px solid #bf1e2e;background:transparent;transition:0.5s ease;color:#bf1e2e}
.product-grid:hover .badge {border: 1px solid transparent;background:#bf1e2e;color:white}
.product-grid {
    min-height: 38vw;
    /* background: rgb(239,241,229);
    background: linear-gradient(0deg, rgba(239,241,229,1) 0%, rgba(239,241,229,1) 82%, rgba(239,241,229,0) 97%); */
    /* background: rgb(239,241,229);
    background: linear-gradient(0deg, rgba(239,241,229,1) 0%, rgba(254,254,253,1) 58%, rgba(239,241,229,1) 100%); */
    /* background-color: #fff6b3;
    background-image: radial-gradient(circle at center center, #ffdea7, #fff6b3), repeating-radial-gradient(circle at center center, #ffdea7, #ffdea7, 7px, transparent 14px, transparent 7px);
    background-blend-mode: multiply; */
    /* background: rgb(210,210,210);
    background: linear-gradient(0deg, rgba(210,210,210,1) 0%, rgba(228,228,228,1) 60%, rgba(171,171,171,1) 100%); */
    transition: 0.5s ease;
    position: relative;
    border: 2px solid rgba(255,255,255, 0.6);
    border-radius: 50px 50px 0 0;
    background-color: rgba(255,255,255,0);
}

.product-grid:hover {
    /* background: rgba(239,241,229, 0);
    background: linear-gradient(0deg, rgba(239,241,229,0) 0%, rgba(254,254,253,0) 58%, rgba(239,241,229,0) 100%); */
    /* background: rgb(210,210,210);
    background: linear-gradient(0deg, rgba(210,210,210,0) 0%, rgba(228,228,228,0) 60%, rgba(171,171,171,0) 100%);
    transition: 0.5s ease; */
    border: 2px solid rgba(255,255,255, 0.9);
    background-color: rgba(255,255,255,0.2);
}

.product-grid .badge {font-size:60%;font-weight:normal}

.product-details {
    /* background: rgb(239,241,229);
    background: linear-gradient(0deg, rgba(239,241,229,1) 0%, rgba(239,241,229,1) 77%, rgba(239,241,229,0) 100%); */
    color: #924509;
}

/* .product-wrapper {transition: 0.5s ease} */
.product-quantity, .quantity-cart {background-color: rgba(255,255,255,0); border-color: white; transition: 0.5s ease}
.product-quantity:focus, .quantity-cart:focus, .quantity-cart:hover {border-color:white; background-color: rgba(255,255,255,0.4); outline: none; box-shadow: none;}
.btn-minus, .btn-plus {color: white; border-color:white}
.btn-minus:hover, .btn-plus:hover {color: white; background-color:#bf1e2e;border-color:white}
/* #product-swiper {width:100%;} */

#marketplace-slide {background: rgba(255,243,220,1);}
img.icon {width: auto; max-width:132px; height: auto;max-height:50px;}



 #nav-icon {
    width: 30px;
    height: 22px;
    position: relative;
    right: 10px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    }

    #nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #6c6c6c;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    }

    #nav-icon {
}

#nav-icon span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

#nav-icon span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.menu-open #nav-icon span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -3px;
left: 8px;
}

.menu-open #nav-icon span:nth-child(2) {
width: 0%;
opacity: 0;
}

.menu-open #nav-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 18px;
left: 8px;
}

#main-header {
left: 0;
right: 0;
top: 0;
z-index: 10;

}

@media (max-width: 768px) {
    #main-header, footer#copyright  {
        /* background-image: linear-gradient(135deg, #ffc966 25%, #fcd683 25%, #fcd683 50%, #ffc966 50%, #ffc966 75%, #fcd683 75%, #fcd683 100%);
    background-size: 169.71px 169.71px; */
    background-color: rgba(252, 214, 131,0.7);

    }

}

#brand-logo {
max-width: 300px;
padding: 20px;
}

.swiper-button-prev{
left: auto;
right: 10px;
top: 40%;
width: 40px;
transition: 0.8s ease;
}

.swiper-button-next{
left: auto;
right: 10px;
top: 60%;
width: 40px;
transition: 0.8s ease;
}

.swiper-button-prev:hover, .swiper-button-next:hover {
transform: scale(1.1);
}


.swiper-button-next:after, .swiper-button-prev:after {content:"top"}

:root {
--swiper-navigation-size: 30px;
}

#product-filters {z-index: 2; top: 100px; left: 20px;height: 70vh;overflow-y: auto; padding-right:30px;}

#switch-filter-button.hidden {display: none !important;}

.form-check-input:checked {background-color: #666;border-color: #333; outline:none !important;box-shadow: none;}
.product-grid-description {font-size:80%; color: white}


@media (max-width: 768px) {
    #product-filters {
        top: 0; height:100vh;
        left:0; right: 0;
        z-index: 4;
        padding: 30px; background: rgba(255, 255, 255, 0.8);
        transform: translate3d(-100%, 0, 0);
        transition: 0.3s ease;
        padding-top: 10vh;
    }

    #product-filters.show {
        transform: translate3d(0, 0, 0);
        display:flex !important;
    }
}


.mobile-product-details {
top: 80px;
background: rgb(239,241,229);
background: radial-gradient(circle, rgba(239,241,229,1) 0%, rgba(239,241,229,1) 21%, rgba(239,241,229,0) 40%);
}

.form-select {background-color: transparent;height:fit-content}
.form-select option {margin-bottom: 4px;}

#navigation-area {position:fixed; top: 80px; right: 10px;z-index:10}
#switch-view-button {margin-bottom:20px; border: 1px solid #666; width: 30px; height: 30px; background-size:60%;background-repeat:no-repeat;background-position:center;display:block;background-image:url(../img/icons/single-view.svg); transition:0.6s ease; border-radius: 20px;}
.ios #switch-view-button {display: none;}
.single-view #switch-view-button {background-image:url(../img/icons/grid-view.svg)}
#switch-view-button:hover {border: 1px solid red; background-size: 80%}

#switch-filter-button {margin-bottom:20px; border: 1px solid #666; width: 30px; height: 30px; background-size:60%;background-repeat:no-repeat;background-position:center;display:block;background-image:url(../img/icons/filter.svg); transition:0.6s ease; border-radius: 20px;}

#cart-icon {position:relative;margin-bottom:20px;}
#cart-count {
position:absolute;
z-index:3;
border-radius: 50%;
left: -10px;
top: -3px;
font-size: 0.6em;
background: black;
color: white;
width: 20px;
height: 20px;
text-align:center;
line-height:20px;
}

footer#copyright {
    position:fixed; bottom: 0; right:0px; left:0; z-index: 2; color: #bf1e2e;
}
footer#copyright a {color: #bf1e2e; transition: 0.3s ease}
footer#copyright a:hover {color: orange; transition: 0.3s ease}
.accordion-button:focus, .accordion-button, .accordion-item, .accordion-button:not(.collapsed) {margin-bottom: 20px; background-color: transparent;border:none;outline:none;box-shadow:none;}
.accordion-button:not(.collapsed) {outline: none; border: none;color:black;}
.accordion-button {font-size:1.1rem}
.accordion-button::after {margin-left: 20px;}

.accordion-button:not(.collapsed)::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.accordion-button {padding-bottom: 0;}


.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked {background-color: white; border-color: white; border: none}

.promo-image-wrapper img {transform: rotate(-5deg) scale(0.6);box-shadow: 1px 1px 62px rgba(0,0,0,0.6);transition:1s ease;}
.promo-image-wrapper:hover img {transform: rotate(-2deg) scale(0.8);box-shadow: 1px 1px 62px rgba(0,0,0,0.3);transition:1s ease;}
/* .swiper-slide.product-slide {width:100vw !important; height: 100vh; overflow: hidden;} */

/* #product-swiper {max-width: 100vw;}
.product-image {max-height: 100%; width: auto;}
.product-image-wrapper {width: 300px; height: auto; max-width: 100%;} */

footer.copyright {position: fixed; bottom: 0;}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1002;
}

    #loaders:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loaders:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #222222;
        z-index: 1001;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: scale(10);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: scale(10);  /* IE 9 */
                transform: scale(10);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;
                transition: all 0.3s 1s ease-out;
    }

    @keyframes float {
        0% {
        transform: translatey(0px);
        }
        50% {
        transform: translatey(-20px);
        }
        100% {
        transform: translatey(0px);
        }
        }

        @keyframes shadow-float {
        0% {
        transform: translatey(0px);
        width: 100px;
        margin-left: -50px
        }
        50% {
        transform: translatey(20px);
        width: 80px;
        margin-left:-40px
        }
        100% {
        transform: translatey(0px);
        width: 100px;
        margin-left:-50px
        }
        }