.text-uppercase {
    text-transform: uppercase;
}

.head-main .section-adbar{
    font-size: 13px;
    padding: 10px;
}

.head-main .search-btn.search-submit-btn:before {
    mask-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z" stroke="black" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.5 17.5L13.9167 13.9167" stroke="black" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.head-main .border-top{
    width: 100%;
    border-top: 1px solid #F3F4F6;
}

.head-main .search-input {
    border-radius: 8px;
    background-color: #F5F5F5;
    border: none;
    height: 45px;
}

.head-main .search-input::placeholder {
    color: #99A1AF;
    font-size: 13px;
}

.head-main .btn-utility {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
}

.head-main .badge {
    top: 13px;
    margin-left: 40px;
    background: #000;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 35px;
    line-height: 20px;
    font-size: 12px;
}

.nav-desktop .nav-list-link {
    transition: .7s all ease-out;
}

.nav-desktop .nav-list-link:hover {
    color: #9E9074;
}

.nav-desktop .btn-promotion {
    background-color: #C60A12;
    color: #fff;
    border-radius: 6px;
    padding: 5px 15px;
    transition: .7s all ease-out;
}

.nav-desktop .btn-promotion:hover {
    color: #fff;
    background-color: #9E9074;
}

@media (min-width: 768px) {

    .head-logo-md-left .logo-img,
    .head-logo-md-left .logo-text {
        max-height: 70px;
    }

    .head-main .search-input {
        width: 350px;
    }
}
@media (min-width: 991px) {

    .head-main .search-input {
        width: 500px;
    }
}

.modal-header{
    background-color: #000;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
}

.js-modal-close .svg-icon-text{
    fill: #fff;
}

.js-cart-total-container .col-auto{
    font-weight: 700;
    font-size: 24px;
}
.js-cart-total-container .js-cart-total{
    font-weight: 700;
    font-size: 30px;
}

.js-cart-total-container .js-installments-cart-total{
    color: #2ECC71;
}

.js-visible-on-cart-filled .btn.btn-primary{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.js-visible-on-cart-filled,
.js-ajax-cart-total{
    font-weight: 600;
}

.modal-cart .modal-body{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modal-cart .js-cart-item{
    border-bottom: 1px solid #E5E7EB;
    padding-bottom: 15px;
}
.modal-cart .cart-row{
    margin: -20px;
    padding: 20px;
    background-color: #F9FAFB;
    border-top: 1px solid #E5E7EB;
}

.section-brands-home .brand-image {
    height: 120px;
    max-height: 130px;
}

@media (min-width: 768px) {
    .js-swiper-categories .swiper-slide {
        flex: 0 0 auto;
    } 

    .js-swiper-categories .swiper-wrapper {
        justify-content: center;
    }
}

.home-category,
.home-category-image-md {
    overflow: visible;
    width: 130px;
    height: 130px;
}

.js-swiper-categories .swiper-slide a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}

.section-categories-home .home-category .home-category-image img{
    border-radius: 50%;
    overflow: hidden;
    transition: .7s all ease-in-out;
}

.section-categories-home .home-category:hover .home-category-name{
    color: #9E9074;
}

.home-category-name {
    width: 100%;
    position: absolute;
    bottom: -40px;
    color: #000;
    font-size: 14px;
}

@media (min-width: 768px) {
    .home-category-image-md {
        width: 110px;
        height: 110px;
    }
}

.border-filter-categories{
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    padding: 20px 10px;
    width: 100%;
}

.section-filter-categories-home .h3{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
}
.section-filter-categories-home .filter-categories{
    display: inline-block;
    max-width: 100%;
    max-height: 70px;
    vertical-align: middle;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}

.section-informative-banners {
    padding: 10px 0;
}

.section-informative-banners h3,
.section-informative-banners p {
    font-size: 14px;
    font-weight: 600;
}

.custom-category-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
}

.custom-tab {
    cursor: pointer;
    padding: 8px 16px;
    border-bottom: 2px solid transparent;
}

.custom-tab.active {
    border-color: #000;
    font-weight: 600;
}

.custom-tab-panel {
    display: none;
}

.custom-tab-panel.active {
    display: block;
}
.section-brands-home h2,
.section-title{
    text-transform: uppercase;
    font-weight: 600;
}
.breadcrumbs {
    font-size: 14px;
}
.breadcrumbs .crumb.active{
    font-weight: 700;
}
.filters .font-small{
    font-size: 18px!important;
    font-weight: bold;
    text-transform: uppercase;
}
.filters > div.mb-4,
#filters{
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 20px;
}
.product-thumb img,
.product-detail-slider .product-slider-image{
    border-radius: 10px;
    overflow: hidden;
}
.js-product-payments-container{
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: 15px;
}
.product-description .user-content,
.product-description .user-content *{
    font-size: 16px;
    color: #4A5565;
    line-height: 1.7;
}
.js-item-image-padding{
    border-radius: 6px;
    overflow: hidden;
}
.js-item-product .label{
    border-radius: 4px;
    font-weight: 700;
}
.js-item-product .item-actions{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    opacity: 0;
    transition: .7s all ease-in-out;
}
.js-item-product:hover .item-actions{
    opacity: 1;
}
.js-item-product .item-actions .js-product-form{
    background-color: #2ECC71;
    color: #fff;
    padding: 10px 30px;
    border-radius: 35px;
    text-decoration: none;   
    max-width: 90%;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}
.js-item-product .item-actions .js-item-submit-container:hover{
    filter: brightness(0.95);
}
.js-item-product .item-actions .btn-link,
.js-item-product .item-actions .btn-small-quickshop{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0;
}
.js-item-product .item-actions .js-quickshop-bag{
    margin-left: 10px;
    color: #fff;
    fill: #fff;
}
.btn-sobconsulta{
    border: 1px solid #008000;
    color: #000;
    font-size: 15px;
    padding: .5rem 2rem;
    border-radius: 35px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.7s all ease-out;
}
.btn-sobconsulta:hover{
    background-color: #008000;
    color: #fff;
}
.js-product-form .btn-sobconsulta{
    width: 100%;
}
.btn-sobconsulta svg{
    margin-right: 1rem;
    width: 20px;
    height: 20px;
    fill: #000;
    transition: 0.7s all ease-out;
}
.btn-sobconsulta:hover svg{
    fill: #fff;
}
.item-description .item-name{
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.item-description .item-price-container{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em;
}
.item-description .price-compare{
    font-size: 12px;
    color: #99A1AF;
    order: 1;
}
.item-description .item-price{
    font-size: 16px;
    font-weight: 700;
    color: #000;
    order: 2;
}
.item-description .item-installments{
    width: 100%;
    order: 3;
    font-size: 14px;
}
.item-description .item-installments .product-installment-amount,
.item-description .item-installments .product-installment-value{
    font-weight: 700;
    color: #000;
}
.bg-breadcrumbs{
    background-color: #F7F7F7;
}
.js-price-display{
    font-size: 36px;
    font-weight: 700;
    color: #000;
}
.js-max-installments.font-small{
    font-size: 16px!important;
}
.js-max-installments .product-installment-amount,
.js-max-installments .product-installment-value{
    font-weight: 700;
}
.js-product-form .form-quantity{
    border-radius: 10px;
}
.js-product-form .btn-add-to-cart{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
}
.js-product-form .btn-add-to-cart.contact{
    display: none;
}
.js-shipping-calculator-form{
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 15px;
}
.js-shipping-input{
    border-radius: 4px;
}
.form-group .form-control-submit{
    background-color: #000;
    border-radius: 4px;
    padding: 10px 30px;
}
.form-group .form-control-submit .btn-link{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.newsletter{
    background-color: #000;
    border-radius: 10px;
    font-weight: 700;
}
.newsletter h2{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.newsletter p{
    font-size: 14px;
    font-weight: 400;
    color: #D1D5DC;
}
.newsletter .input-append{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .7em;
}
@media (min-width: 460px) {
    .js-item-product .item-actions{
        top: 65%;
    }
}
@media (min-width: 768px) {
    .newsletter .input-append{
        flex-wrap: nowrap;
    }
    .js-item-product .item-actions{
        top: 45%;
    }
    .js-swiper-related .js-item-product .item-actions{
        top: 50%;
    }
}
@media (min-width: 991px) {
    .js-item-product .item-actions{
        top: 52%;
    }
    .js-swiper-related .js-item-product .item-actions{
        top: 60%;
    }
}
@media (min-width: 1320px) {
    .js-swiper-related .js-item-product .item-actions{
        top: 65%;
    }
}
.newsletter .form-control{
    background-color: #fff;
    border-radius: 10px;
    height: 50px;
    color: #1E2939;
    font-size: 16px;
}
.newsletter .form-control::placeholder{
    color: #1E2939;
    font-size: 16px;
}
.newsletter .btn.btn-link{
    background-color: #9E9074;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: unset;
    height: 50px;
    border-radius: 10px;
    text-decoration: none;
    min-width: 160px;
    width: 100%;
}
.footer-logo-img{
    max-height: 80px;
}

footer .social-icon{
    position: relative;
    margin: 0 5px;
    width: 32px;
    height: 32px;
}
footer .icon-inline{
    background: #F3F4F6;
    border-radius: 35px;
    padding: 16px;
    border-radius: 35px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
footer .social-icon.icon-instagram .use{
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 1.3335H4.66668C2.82573 1.3335 1.33334 2.82588 1.33334 4.66683V11.3335C1.33334 13.1744 2.82573 14.6668 4.66668 14.6668H11.3333C13.1743 14.6668 14.6667 13.1744 14.6667 11.3335V4.66683C14.6667 2.82588 13.1743 1.3335 11.3333 1.3335Z" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.6667 7.5802C10.7489 8.13503 10.6542 8.70168 10.3958 9.19954C10.1375 9.69741 9.72877 10.1011 9.22776 10.3533C8.72675 10.6055 8.15897 10.6933 7.6052 10.6042C7.05143 10.515 6.53985 10.2536 6.14323 9.85698C5.74662 9.46036 5.48516 8.94878 5.39605 8.39501C5.30694 7.84124 5.39472 7.27346 5.64689 6.77245C5.89907 6.27144 6.3028 5.86269 6.80066 5.60436C7.29853 5.34603 7.86518 5.25126 8.42001 5.33353C8.98596 5.41746 9.50991 5.68118 9.91447 6.08574C10.319 6.4903 10.5828 7.01425 10.6667 7.5802Z" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6667 4.3335H11.6733" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 1;
    transform: translate(8px, 8px);
}
footer .social-icon.icon-facebook-f .use{    
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 1.3335H10C9.11595 1.3335 8.2681 1.68469 7.64298 2.30981C7.01786 2.93493 6.66667 3.78277 6.66667 4.66683V6.66683H4.66667V9.3335H6.66667V14.6668H9.33334V9.3335H11.3333L12 6.66683H9.33334V4.66683C9.33334 4.49002 9.40358 4.32045 9.5286 4.19543C9.65363 4.0704 9.82319 4.00016 10 4.00016H12V1.3335Z" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 1;
    transform: translate(8px, 8px);
}
footer .social-icon.icon-youtube .use{
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66667 11.3333C1.20095 9.13551 1.20095 6.86449 1.66667 4.66667C1.72786 4.44347 1.8461 4.24005 2.00974 4.0764C2.17339 3.91276 2.37681 3.79453 2.6 3.73333C6.17564 3.14097 9.82437 3.14097 13.4 3.73333C13.6232 3.79453 13.8266 3.91276 13.9903 4.0764C14.1539 4.24005 14.2721 4.44347 14.3333 4.66667C14.7991 6.86449 14.7991 9.13551 14.3333 11.3333C14.2721 11.5565 14.1539 11.7599 13.9903 11.9236C13.8266 12.0872 13.6232 12.2055 13.4 12.2667C9.82438 12.8591 6.17563 12.8591 2.6 12.2667C2.37681 12.2055 2.17339 12.0872 2.00974 11.9236C1.8461 11.7599 1.72786 11.5565 1.66667 11.3333Z" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.66666 10L9.99999 8L6.66666 6V10Z" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 1;
    transform: translate(8px, 8px);
}
footer .social-icon.icon-twitter .use{
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.6667 2.66684C14.6667 2.66684 14.2 4.06684 13.3333 4.93351C14.4 11.6002 7.06668 16.4668 1.33334 12.6668C2.80001 12.7335 4.26668 12.2668 5.33334 11.3335C2.00001 10.3335 0.333343 6.40018 2.00001 3.33351C3.46668 5.06684 5.73334 6.06684 8.00001 6.00018C7.40001 3.20018 10.6667 1.60018 12.6667 3.46684C13.4 3.46684 14.6667 2.66684 14.6667 2.66684Z" stroke="black" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 1;
    transform: translate(8px, 8px);
}
footer .footer-message{
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}
footer .list{
    display: flex;
    flex-direction: column;
    font-size: 14px!important;
    justify-content: center;
    align-items: center;
}
@media (min-width: 768px) {
    footer .list{
        justify-content: start;
        align-items: start;
    }
    .newsletter h2 {
        font-size: 20px;
    }
    .newsletter p{
        font-size: 18px;
    }
    .newsletter .btn.btn-link{
        width: auto;
    }
}
footer .title-footer{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    color: #000;
}
footer .list li:first-child .contact-link{
     color: #000;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: .5em;
}
footer .list li:first-child .contact-link::before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z" fill="%23F3F4F6"/><path d="M23.4999 19.6901V21.9401C23.5008 22.1489 23.458 22.3557 23.3743 22.5471C23.2907 22.7385 23.1679 22.9103 23.014 23.0515C22.8601 23.1927 22.6784 23.3002 22.4805 23.3671C22.2826 23.434 22.073 23.4589 21.8649 23.4401C19.5571 23.1893 17.3402 22.4007 15.3924 21.1376C13.5803 19.9861 12.044 18.4497 10.8924 16.6376C9.62493 14.681 8.83613 12.4533 8.58995 10.1351C8.57121 9.92767 8.59586 9.71864 8.66233 9.52129C8.72879 9.32394 8.83563 9.14259 8.97602 8.98879C9.11642 8.83499 9.2873 8.7121 9.47779 8.62796C9.66828 8.54382 9.87421 8.50027 10.0825 8.50007H12.3325C12.6964 8.49649 13.0493 8.62538 13.3253 8.86272C13.6012 9.10006 13.7815 9.42966 13.8324 9.79007C13.9274 10.5101 14.1035 11.2171 14.3575 11.8976C14.4584 12.166 14.4802 12.4578 14.4204 12.7382C14.3606 13.0187 14.2216 13.2762 14.0199 13.4801L13.0675 14.4326C14.1351 16.3102 15.6898 17.8649 17.5675 18.9326L18.5199 17.9801C18.7239 17.7784 18.9813 17.6395 19.2618 17.5796C19.5423 17.5198 19.834 17.5417 20.1024 17.6426C20.7829 17.8965 21.4899 18.0726 22.21 18.1676C22.5743 18.219 22.907 18.4025 23.1448 18.6832C23.3827 18.9639 23.5091 19.3223 23.4999 19.6901Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 100%;
}
.color-span{
    color: #6A7282;
    margin-top: 10px;
    display: block;
}
.bg-copyright{
    border-top: 1px solid #E5E7EB;
    padding-top: 30px;
}
.bg-copyright .font-smallest{
    font-size: 12px!important;
}
@media (min-width: 768px) {
    footer .footer-message{
        max-width: 80%;
    }
    .footer-menu-item {
        margin: 7px 10px 7px 0px;
    }
}