.sheet {
    max-width: 1420px;
}

body {
    font-family: 'Outfit', sans-serif;
    font-size: 16px;
}
.product  .description   img {
            max-width: 100% !important;
            height: auto;
            margin-top:50px;
        }

.product-item:hover {
    box-shadow: 0 0 3px 1px var(--brand);
}


.h-max-100 {max-height:100% !important;}

a { text-decoration:none; color: var(--brand-dark) !important;}
a:visited { color: var(--brand-dark) !important;}
a:hover { color: var(--brand-nocturno) !important; }
a[href="#"] {
    color: var(--brand) !important;
}

.text-mega {font-size: 3.6em !important;}
.text-mini {font-size: 0.8em !important;}
.text-micro {font-size: 0.75em !important;}
.text-nano {font-size: 0.68em !important;}

.no-select { user-select: none;-moz-user-select: none;
                -ms-user-select: none; -webkit-user-select: none;}

input::placeholder {
    font-size: 0.88em !important;
    color: var(--brand) !important;
    font-weight: normal;
}
input.focus {
    background-color: var(--active-input-field) !important;

}
input.digit {
    font-size:30px !important;
}

.virtual-placeholder {
  position: relative;
    .vph {
        position: absolute;
        top: 0.5em;
        left: 1em;
        color: var(--brand-dark);
        font-size: .8em;
    }
    input {
        padding-top: 1.2em !important;
        padding-left: 0.65em !important;
        padding-right: 1em !important;
        height: 3.2em;
        font-size: 1.2em !important;
    }
}
.img-gray {
    filter: grayscale(100%) !important;
}
.img-gray:hover {
    filter: grayscale(0%) !important;
}
.cursor-pointer { cursor: pointer !important;}
.cursor-ban {cursor: not-allowed !important;}
.cursor-zoom-in {cursor: zoom-in !important;}
.cursor-zoom-out {cursor: zoom-out !important;}

.rounded-top {
    -moz-border-radius-bottomleft: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
}

.border-none {border: none;}
.border-left { border-left: 1px solid #d4d4d4 !important;}
.border-right { border-right: 1px solid #d4d4d4 !important;}
.border-bottom { border-bottom: 1px solid #d4d4d4 !important;}
.border-bottom-0 { border-bottom: 0 !important;}
.border-top { border-top: 1px solid #d4d4d4 !important;}
.border-expert { border-color: white !important;}
.border-expert:hover { border-color: var(--brand-dark) !important;}



.form-switch.form-switch-md .form-check-input {
    height: 1.5rem;
    width: calc(2rem + 1.5rem);
    border-radius: 3rem;
}

.scrollerY::-webkit-scrollbar {
    width: 7px;
    background: var(--brand-light);

}
.scrollerY::-webkit-scrollbar-thumb {
    background: var(--brand);
}

.scrollerX::-webkit-scrollbar {
    height: 7px;
    background: var(--brand-light);

}
.scrollerX.hide-scrollbar::-webkit-scrollbar {
     height: 0 !important;
    }

.scrollerX::-webkit-scrollbar-thumb {
    background: var(--brand);
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px #e0e0e0;
    border-radius: 10px;
}
.no-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.header {
    position:sticky; top:0; z-index:900;
}
.back-to-shop.arrow {
  font-size: 1.8em !important;
    margin-right:2px !important;
}
.back-to-shop.text {
    font-size: 0.7em !important;
    top: -4px !important;
}

.logo-hs {
    width: 80%;
}

.border-left-lg-on {
    border-left-width: 0 !important;
}

.checkout-items  {
    border-left: 0!important;
    background-color: white !important;
}

.category-item {
    .product-name {
        font-size: 0.85em;
        line-height: 1.2em;
    }
    .adjust-lg {
        font-size: 1em;
    }
}


.intro-08-1 { font-size: 0.8em !important;}
.intro-09-1 { font-size: 0.9em !important;}
.intro-095-1 { font-size: 0.95em !important;}

/*.header-menu { position:sticky !important; top:0; z-index:2; }*/
@media (min-width:992px) {


    .intro-08-1, .intro-09-1, .intro-095-1 { font-size: 1em !important;}

    .back-to-shop.arrow {
        font-size:2.2em !important;
        margin-right:3px !important;
    }
    .back-to-shop.text {
        font-size: 1em !important;
        top: -5px !important;
    }
    .logo-hs {
        width:57%;
    }

    .border-left-lg-on {
        border-left-width: 1px !important;
    }

    .border-lg-0 { border-width: 0 !important;}
    .border-lg-1 { border: 1px var(--bs-border-style) var(--bs-border-color) !important;}
    .border-lg-2 { border: 2px var(--bs-border-style) var(--bs-border-color) !important;}
    .border-lg-3 { border: 3px var(--bs-border-style) var(--bs-border-color) !important;}
    .border-lg-4 { border: 4px var(--bs-border-style) var(--bs-border-color) !important;}
    .border-lg-5 { border: 5px var(--bs-border-style) var(--bs-border-color) !important;}


    .pay-less {
        border: 0!important;
    }

    .checkout-items {
        border-left: 1px solid #d4d4d4 !important;
        background-color: #f8f9fa !important;
    }

    .category-item {
        .product-name {
            font-size: 1.13em;
            line-height: 1.35em !important;
        }

        .adjust-lg {
            font-size: 1.25em!important;
        }
    }


}

.btn-outline-brand { border-color: var(--brand); color: var(--brand);}
.btn-outline-brand:hover { background-color: var(--brand); color: white;}
.btn-brand-dark { background-color: var(--brand-dark); color: white;}
.btn-brand-dark:hover { background-color: var(--brand-nocturno); color: white;}
.btn-outline-brand-dark { border-color: var(--brand-dark); color: var(--brand-dark);}
.btn-outline-brand-dark:hover { background-color: var(--brand-dark); color: white;}

/*bootstrap components start*/
.offcanvas { width: 100vw !important;}
/*bootstrap components end*/


#blogIcon {
    img {
        filter: brightness(0) saturate(100%) invert(62%) sepia(30%) saturate(190%) hue-rotate(353deg) brightness(92%) contrast(93%);
    }

}

#blogIcon:hover {
    img {
        /*filter: brightness(0) saturate(100%) invert(40%) sepia(8%) saturate(3543%) hue-rotate(83deg) brightness(96%) contrast(75%);*/
        filter: brightness(0) saturate(100%) invert(50%) sepia(11%) saturate(819%) hue-rotate(83deg) brightness(91%) contrast(88%);
    }
    small {
        color: var(--brand-green) !important;
    }
}