@charset "utf-8";

/* Cosmetic2Go 2025 theme */
:root {
    --main-font-family: "League Spartan", serif;
    --secondary-font-family: ;
    --primary-color: #29104A;
    --secondary-color: #522C5D;
    --tertiary-color: #E3B6B1;
    --quaternary-color: #FFE3D8;
    --quinary-color: #845162;
    --senary-color: #150016;
}

body {
    font-family: var(--main-font-family);
    font-optical-sizing: auto;
    background-color: var(--quaternary-color) !important;
    color: var(--primary-color);
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--quinary-color);
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color) !important;
}

footer a:hover {
    animation: moveleft 0.3s forwards;
    color: var(--tertiary-color) !important;
}

.lh-0 {
    line-height: 0 !important;
}

header div {
    width: auto !important;
}

a.btn-cta,
button.btn-cta {
    background-color: var(--quinary-color) !important;
    color: var(--quaternary-color) !important;
    font-weight: 700;
}

a.btn-cta:hover,
button.btn-cta:hover {
    background-color: var(--primary-color) !important;
    color: var(--quaternary-color) !important;
    font-weight: 700;
}

/****** Main home banner ********/
main .heroSwiper {
    /*margin-bottom: 2rem;*/
}

main .heroSwiper .swiper-slide img {
    object-fit: cover;
    /* height: 350px;
  width: 100%;*/
}

main .swiper-button-next,
main .swiper-button-prev {
    color: #ffffff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

main .heroSwiper .swiper-pagination-bullet-active {
    background: white !important;
}

main .heroSwiper .swiper-pagination-bullet {
    background: var(--primary-color);
    opacity: 1;
}

/*** swiper outside navigation styles ***/
.swiper-container {
    position: relative;
    overflow: visible;
}

.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
    top: -1rem;
    height: auto;
    width: auto;
    line-height: initial;
    padding: 5px 8px;
    border: 1px solid var(--quinary-color);
}

.swiper-container .swiper-button-prev:after,
.swiper-container .swiper-button-next:after {
    font-size: 1rem;
    color: var(--quinary-color);
    text-shadow: initial;
}

.swiper-container .swiper-button-prev {
    right: 2.4rem;
    left: initial;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.swiper-container .swiper-button-next {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

/*** end swiper outside navigation styles ***/
.swiper-scrollbar.swiper-scrollbar-horizontal {
    background: var(--tertiary-color);
    opacity: 1;
    height: 5px;
}

.swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
    background: var(--secondary-color);
    opacity: 1;
}

.bestSellersSwiper .swiper-button-next,
.bestSellersSwiper .swiper-button-prev {
    color: #000;
}

.bestSellersSwiper .card,
.newReleasesSwiper .card,
.promotionsSwiper .card {
    height: 100%;
}

.newReleasesSwiper .swiper-button-next,
.newReleasesSwiper .swiper-button-prev,
.promotionsSwiper .swiper-button-next,
.promotionsSwiper .swiper-button-prev,
.brandsSwiper .swiper-button-next,
.brandsSwiper .swiper-button-prev {
    color: #000;
}

.newReleasesSwiper,
.promotionsSwiper,
.bestSellersSwiper,
.brandsSwiper,
.promotion-card {
    padding: 20px 0;
}

.card.product {
    padding: 15px;
    border: none;
    background-color: var(--tertiary-color);
    border-radius: 2rem;
}

.card.product .card-img-top {
    border-radius: 1.2rem;
    min-height: 200px;
    /* width: 100%;
  height: 400px;
  object-fit: cover; */
}

.card.product .card-body {
    padding: 0;
}

.card.product .card-body h5.card-title {
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.card.product .card-body .pricing {
    color: var(--primary-color) !important;
    padding-top: 10px;
}

.card.product .card-body .pricing:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-color: var(--primary-color) !important;
    height: 2px;
    width: 100%;
}

.card.product .card-body .pricing span.old-price {
    text-decoration: line-through;
    font-size: 1rem;
    margin-right: 5px;
}

.card.product .card-body .pricing span.price {
    font-weight: 700;
    font-size: 1.3rem;
}

.card.product .card-body .buy-cta a.btn {
    background-color: var(--primary-color);
    color: var(--quaternary-color) !important;
    font-weight: 700;
    font-weight: 1.4rem;
    border: none;
    transition: background-color 0.3s ease-in;
}

.btn-aviso-disponibilidade {
    background-color: var(--primary-color);
    color: var(--quaternary-color) !important;
    font-weight: 700;
    font-weight: 1.4rem;
    border: none;
    transition: background-color 0.3s ease-in;
}

.card.product .card-body .buy-cta a.btn:hover {
    background-color: var(--secondary-color);
}

.btn-aviso-disponibilidade:hover {
    background-color: var(--secondary-color);
}

.sale-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--quinary-color);
    color: var(--quaternary-color) !important;
    padding: 2px 5px;
    border-bottom-right-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
    font-weight: bold;
    z-index: 1;
    font-size: 0.9rem;
}

.wishlisting {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    padding: 5px 10px !important;
    font-size: 1.4rem !important;
    z-index: 2 !important;
}

.wishlisting a {
    color: var(--quinary-color);
}

.product-info .wishlisting {
    top: 2rem !important;
    right: 2.5rem !important;
    padding: initial !important;
    font-size: 2rem !important;
}

.product-info .wishlisting a {
    padding: 1rem !important;
}

/*.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}*/
.bg-secondary-color {
    background-color: var(--secondary-color) !important;
}

.bg-secondary-color .section-title h2 {
    color: var(--quaternary-color) !important;
}

section.bg-secondary-color>.container>.swiper-container>.swiper>.swiper-scrollbar.swiper-scrollbar-horizontal.bg-secondary-color {
    background: var(--quinary-color) !important;
}

section.bg-secondary-color>.container>.swiper-container .swiper>.swiper-scrollbar.swiper-scrollbar-horizontal.bg-secondary-color .swiper-scrollbar-drag {
    background: var(--tertiary-color) !important;
}

.bg-quinary-color {
    background-color: var(--quinary-color);
}

@media (min-width:320px) {

    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    #mainHeader {
        background-color: var(--primary-color);
        color: var(--quaternary-color) !important;
        /* border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px; */
        transition: transform 0.5s, height 0.5s, display 0.5s allow-discrete;
    }

    #mainHeader.header_small {
        animation: shrink 0.8s forwards;
    }

    /*  #mainHeader a.logo-full {
    display: inline-block;
  }
	*/
    #mainHeader a.logo-horizontal {}

    /*
  #mainHeader.header_small a.logo-full {
    display: none;
  }
  #mainHeader.header_small a.logo-horizontal {
    display: inline-block;
    margin-bottom: initial;
  }*/
    #mainHeader a.burger-menu,
    #mainHeader a#scroll-search-cta,
    #mainHeader .support-nav {
        margin-top: 0.6rem;
    }

    #mainHeader.header_small a.burger-menu,
    #mainHeader.header_small a#scroll-search-cta,
    #mainHeader.header_small .support-nav {
        margin-top: 0.6rem;
    }

    #mainHeader div#main-nav-search {
        width: 89% !important;
    }

    #mainHeader div#main-nav-search-in {
        width: 100% !important;
    }

    #mainHeader #main-nav-search form.search-desktop,
    #mainHeader #main-nav-search-in form.search-desktop {
        position: relative;
        height: 40px;
        background-color: var(--quaternary-color) !important;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 20px;
    }

    #mainHeader #main-nav-search form.search-desktop input.search_box,
    #mainHeader #main-nav-search-in form.search-desktop input.search_box {
        width: 100%;
        border: 0;
        color: var(--secondary-color);
        background-color: var(--quaternary-color) !important;
    }

    #mainHeader #main-nav-search form.search-desktop button.search_submit,
    #mainHeader #main-nav-search-in form.search-desktop button.search_submit {
        border: 0;
        background-color: transparent;
        color: var(--secondary-color);
        font-size: 1.5rem;
    }

    #mainHeader a {
        color: var(--quaternary-color) !important;
    }

    #scroll-search-cta {
        display: none;
    }

    #announcement-marquee {
        transition: opacity 0.1s ease-out;
    }

    #announcement-marquee .container-fluid {
        border-bottom: 1px solid var(--tertiary-color);
    }

    #announcement-marquee .container-fluid i {
        font-size: 0.8rem;
    }

    #main-nav-search {
        transition: opacity 0.3s ease-out;
    }

    header .logo img.desk-logo {
        max-height: 75px;
        height: 75px;
        ;
    }

    header .logo img.mobile-logo {
        max-height: 55px;
        height: 55px;
    }

    header div.nav-search {
        order: 5;
    }

    .announcement-banner {
        /* margin-top: -25px; */
    }

    main .swiper.heroSwiper {
        width: 100%;
        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
    }

    main .heroSwiper .swiper-slide img {
        height: 350px;
    }

    .review-teaser {
        background-color: var(--tertiary-color);
        color: var(--primary-color);
        align-self: center !important;
    }

    .rating i {
        color: #fccc2f;
    }

    .home-reviews .rating i,
    .home-reviews p {
        color: var(--primary-color);
    }

    .home-reviews .rating i {
        font-size: 1.6rem;
        margin: 0 5px;
    }

    .review-teaser a.btn {
        background-color: var(--primary-color);
        color: var(--quaternary-color) !important;
        transition: background-color 0.3s ease-in;
    }

    .review-teaser a.btn:hover {
        background-color: var(--secondary-color);
    }

    .value-proposal {
        background-color: var(--secondary-color);
        color: var(--quaternary-color) !important;
    }

    .value-proposal ul li.item {
        border: 1px solid var(--quaternary-color) !important;
    }

    .value-proposal ul li.item i {
        font-size: 2rem;
    }

    .value-proposal ul li.item p {
        font-size: 1.4rem;
        font-weight: 700;
    }

    .value-proposal ul li.item p span {
        font-size: initial;
        font-weight: initial;
    }

    .support-logos .item:after {
        content: '';
        position: absolute;
        height: 1px;
        background-color: var(--primary-color);
        width: 92%;
        left: 0;
        right: 0;
        bottom: 0;
        margin-inline: auto;
    }

    .brand-selector {
        position: absolute;
        width: 10%;
        right: 0;
        top: 0;
        padding: 5px;
        height: 100%;
        z-index: 2;
    }

    #brand-selector.stick {
        position: fixed;
        top: 0;
        margin: 130px 0 0;
    }

    .brand-selector ul li a.active {
        font-weight: bold;
    }

    .brand-table {
        max-width: 90%;
    }

    .brand-table ul {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .brand-table ul li {
        flex-basis: 50%;
        box-sizing: border-box;
    }

    .brand-table .table-header {
        background-color: var(--tertiary-color);
        -webkit-transition: all 1s linear;
        position: relative;
        padding: 6px 10px;
        margin-bottom: 8px;
        line-height: normal;
        scroll-margin-top: 80px;
    }

    .brand-table .table-header a {
        position: absolute;
        top: -150px;
        height: 1px;
        background-color: black;
    }

    .brand-table .table-header a:target {
        background-color: var(--quinary-color);
        color: white;
        -webkit-transition: all 1s linear;
    }

    table#clientarea-order-table img.product-thumb {
        max-width: 20%;
        height: auto;
    }

    section.bg-secondary-color {
        padding-top: 3rem;
    }

    section.category-highlights .row .col-12 {
        line-height: 0;
    }

    section.category-highlights figure {
        background-size: cover;
        background-position: center center;
        height: 160px;
        width: 100%;
    }

    section.category-highlights figure.all-borderRadius {
        border-radius: 25px !important;
    }

    section.category-highlights figure.top-borderRadius {
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
    }

    section.category-highlights figure.bottom-borderRadius {
        border-bottom-left-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }

    section.category-highlights figure figcaption a {
        color: var(--quaternary-color) !important;
    }

    section.category-highlights a figure figcaption {
        color: var(--quaternary-color) !important;
    }

    section.category-highlights figure figcaption a h3 {
        font-size: 1.2rem;
        font-weight: 400;
        letter-spacing: initial;
    }

    section.category-highlights a h3 {
        font-size: 1.2rem;
        font-weight: 400;
        letter-spacing: initial;
    }

    section.category-highlights figure figcaption a h3 span {
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: 5px;
    }

    section.category-highlights a h3 span {
        font-size: 2rem;
        font-weight: 700;
        letter-spacing: 5px;
    }

    main .swiper-button-next,
    main .swiper-button-prev {
        display: none;
    }

    .section-title h2 {
        font-weight: 700;
        font-size: 1.6rem;
    }

    .section-title h2 span.section-title-desc {
        display: block;
        font-weight: 400;
        font-size: 1.2rem;
    }

    .newsletter-sub {
        color: var(--quaternary-color) !important;
    }

    .newsletter-sub h4 {
        font-size: 2rem;
        font-weight: 800;
    }

    .newsletter-sub input[type=email] {
        border: 0;
        background-color: var(--quaternary-color) !important;
        color: var(--primary-color);
    }

    .newsletter-sub button.btn {
        border: 0;
        background-color: var(--primary-color);
        color: var(--quaternary-color) !important;
        font-weight: 700;
        font-size: 1.3rem;
        transition: background-color 0.3s ease-in;
    }

    .newsletter-sub button.btn:hover {
        background-color: var(--secondary-color);
    }

    .contact-button a.btn {
        border: 0;
        background-color: var(--primary-color);
        color: var(--quaternary-color) !important;
        font-weight: 700;
        font-size: 1.3rem;
        transition: background-color 0.3s ease-in;
    }

    .contact-button a.btn:hover {
        background-color: var(--secondary-color);
    }

    ul.social {
        background-color: var(--primary-color);
        color: var(--quaternary-color) !important;
        padding: 1rem 0;
        font-size: 1.6rem;
    }

    ul.social a {
        color: var(--quaternary-color) !important;
    }

    #offcanvasMainMobileNav,
    #offcanvasMainNav,
    #loginOffcanvas,
    #passwordrecoveryOffcanvas,
    #newaccountOffcanvas,
    #cartOffcanvas {
        background-color: var(--primary-color);
        height: 98vh;
    }

    #offcanvasMainMobileNav .offcanvas-header a.btn-close,
    #offcanvasMainNav .offcanvas-header a.btn-close,
    #loginOffcanvas .offcanvas-header a.btn-close,
    #passwordrecoveryOffcanvas .offcanvas-header a.btn-close,
    #cartOffcanvas .offcanvas-header a.btn-close,
    #passwordrecoveryOffcanvas .offcanvas-header a.btn-close,
    #newaccountOffcanvas .offcanvas-header a.btn-close {
        color: var(--quaternary-color) !important;
        opacity: 1;
    }

    #offcanvasMainMobileNav .offcanvas-body ul.shop-nav li a,
    #offcanvasMainNav .offcanvas-body ul.shop-nav li a {
        font-size: 1.6rem;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--quaternary-color) !important;
    }

    #offcanvasMainMobileNav .offcanvas-body ul.shop-nav li a i,
    #offcanvasMainNav .offcanvas-body ul.shop-nav li a i {
        font-size: 1.3rem;
    }

    .offcanvasCategoriesNav .offcanvas-body ul.shop-nav li a,
    .offcanvasCategoriesMobileNav .offcanvas-body ul.shop-nav li a {
        font-size: 1.6rem;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--quaternary-color) !important;
    }

    .offcanvasCategoriesNav .offcanvas-body ul.shop-nav li a i,
    .offcanvasCategoriesMobileNav .offcanvas-body ul.shop-nav li a i {
        font-size: 1.3rem;
    }

    .offcanvasCountriesCurrenciesNav .offcanvas-body ul.shop-nav li a,
    .offcanvasCountriesCurrenciesMobileNav .offcanvas-body ul.shop-nav li a {
        font-size: 1.6rem;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--quaternary-color) !important;
    }

    .offcanvasCountriesCurrenciesNav .offcanvas-body ul.shop-nav li a i,
    .offcanvasCountriesCurrenciesMobileNav .offcanvas-body ul.shop-nav li a i {
        font-size: 1.3rem;
    }

    #offcanvasMainMobileNav .offcanvas-body .country-currency-selection-cta,
    #offcanvasMainNav .offcanvas-body .country-currency-selection-cta {
        color: var(--quaternary-color) !important;
        border: 1px solid var(--quaternary-color) !important;
    }

    #offcanvasMainMobileNav .offcanvas-body .country-currency-selection-cta h5,
    #offcanvasMainNav .offcanvas-body .country-currency-selection-cta h5 {
        font-size: 1.25rem;
    }

    #offcanvasMainMobileNav .offcanvas-body .country-currency-selection-cta h5 span,
    #offcanvasMainNav .offcanvas-body .country-currency-selection-cta h5 span {
        font-size: 0.9rem;
        font-weight: 300;
    }

    #offcanvasMainMobileNav .offcanvas-body .country-currency-selection-cta i,
    #offcanvasMainNav .offcanvas-body .country-currency-selection-cta i {
        font-size: 2rem;
    }

    #loginOffcanvas,
    #cartOffcanvas,
    #passwordrecoveryOffcanvas,
    #newaccountOffcanvas,
    #loginOffcanvas a,
    #cartOffcanvas a,
    #passwordrecoveryOffcanvas a,
    #newaccountOffcanvas a,
    #filtersOffcanvas a {
        color: var(--quaternary-color) !important;
    }

    #loginOffcanvas h5.offcanvas-title,
    #passwordrecoveryOffcanvas h5.offcanvas-title,
    #cartOffcanvas h5.offcanvas-title,
    #passwordrecoveryOffcanvas h5.offcanvas-title,
    #newaccountOffcanvas h5.offcanvas-title,
    #filtersOffcanvas h5.offcanvas-title {
        font-size: 2rem;
        line-height: normal;
    }

    #loginOffcanvas .form-signin input,
    #passwordrecoveryOffcanvas .recover_user input,
    #newaccountOffcanvas .customer-register-account input {
        border: none;
        background-color: var(--quaternary-color) !important;
        color: var(--primary-color);
        margin-bottom: 7px;
    }

    #loginOffcanvas .form-signin button,
    #passwordrecoveryOffcanvas .recover_user button,
    #newaccountOffcanvas .customer-register-account button {
        border: none;
        background-color: var(--secondary-color);
        color: var(--quaternary-color) !important;
    }

    section.product-category-header {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        min-height: 180px;
        color: var(--quaternary-color) !important;
    }

    section.product-category-header:before {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.35);
        position: absolute;
        z-index: 2;
    }

    section.product-category-header .product-category-title {
        z-index: 3;
    }

    section.product-category-header .product-category-title h1 {
        font-weight: 300;
    }

    section.main-slider {
        max-width: 1300px;
        margin: 0 auto;
        margin-top: 50px;
        border-radius: 25px;
    }

    .product-list-filter-cta a.btn {
        background-color: var(--quinary-color);
        color: var(--quaternary-color) !important;
    }

    section.product-detail-content .container.product-info {
        margin-top: -15px;
    }

    section.product-detail-content .container.product-info .row [class*="col-"]

    /*:first-child*/
    /*:not(.col-lg-6)*/
        {
        padding-left: 0;
        padding-right: 0;
    }

    section.product-detail-content .container.product-info .row [class*="col-"]:nth-child(2)

    /*:not(.col-lg-6)*/
        {
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }

    section.product-detail-content .container.product-info .swiper.productDetailGallery .swiper-wrapper .swiper-slide img {
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }

    section.product-detail-content .container.product-info .mobile-backButton {
        z-index: 2;
        top: 1rem;
        left: 1rem;
        font-size: 2rem;
    }

    section.product-detail-content .container.product-info .mobile-backButton a {
        padding: 1rem;
        color: var(--quinary-color);
    }

    section.product-detail-content .container.product-info .brand-name-wraper h2.brand-single {
        font-weight: 300;
        font-size: 1.3rem;
        margin-bottom: 0;
    }

    .brand-name-wraper h1.product-name {
        font-size: 1.2rem;
    }

    .brand-name-wraper h2.brand-single {
        font-size: 1rem;
    }

    section.product-detail-content .container.product-info .brand-name-wraper h1.product-name,
    .brand-name-wraper h1.product-name {
        font-weight: 700;
        padding-bottom: 0.6rem;
        margin-bottom: 0.8rem;
    }

    section.product-detail-content .container.product-info .brand-name-wraper h1.product-name:after,
    .brand-name-wraper h1.product-name:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: var(--primary-color);
    }

    section.product-detail-content .container.product-info .productPricing {
        font-size: 2rem;
        font-weight: 700;
    }

    .productPricing {
        font-size: 1.3rem;
        font-weight: 700;
    }

    section.product-detail-content .container.product-info .productPricing span.caption,
    section.product-detail-content .container.product-info .productPricing s {
        font-size: 1.2rem;
        margin-bottom: 0;
        color: var(--primary-color);
        font-weight: 500;
    }

    .productPricing span.caption,
    .productPricing s {
        font-size: 0.9rem;
    }

    section.product-detail-content .container.product-info .quantity-selector {
        border: 1px solid var(--secondary-color);
        font-size: 2.3rem;
        font-weight: 700;
        padding: 5px 4px 2px 4px;
        line-height: normal;
    }

    .quantity-selector {
        border: 1px solid var(--secondary-color);
        font-size: 1.3rem;
        font-weight: 700;
        padding: 5px 4px 2px 4px;
        line-height: normal;
    }

    section.product-detail-content .container.product-info .quantity-selector a,
    section.product-detail-content .container.product-info .quantity-selector span.quantity-display {
        color: var(--secondary-color);
        padding: 0px 0px 0px 0px !important;
    }

    section.product-detail-content .container.product-info .purchase a.add-to-cart {
        background-color: var(--secondary-color);
        color: var(--quaternary-color) !important;
        font-size: 1.30rem;
        border: none;
    }

    section.product-detail-content .container.product-info .same-brand-cta {
        border-radius: 12px;
        border: 1px solid var(--secondary-color);
    }

    section.product-detail-content .container.product-info .same-brand-cta img {
        max-width: 70px;
    }

    section.product-detail-content .container .description-wraper h3 {
        font-weight: 700;
    }

    section.product-detail-content .accordion.product-meta .accordion-item,
    section.faq-content .accordion .accordion-item {
        background-color: initial;
    }

    section.product-detail-content .accordion.product-meta .accordion-item h2.accordion-header button.accordion-button,
    section.faq-content .accordion .accordion-item h2.accordion-header button.accordion-button {
        background-color: var(--secondary-color);
        color: var(--quaternary-color) !important;
        border: none;
        border-radius: 15px;
        font-size: 1.3rem;
        font-weight: 700;
    }

    section.product-detail-content .accordion.product-meta .accordion-item h2.accordion-header button.accordion-button:after,
    section.faq-content .accordion .accordion-item h2.accordion-header button.accordion-button:after {
        -webkit-filter: grayscale(1) invert(1);
        filter: grayscale(1) invert(1);
    }

    section.product-detail-content .accordion.product-meta .accordion-item .accordion-body,
    section.faq-content .accordion .accordion-item .accordion-body {
        border: 1px solid var(--secondary-color);
        margin-top: 1.2rem;
        border-radius: 15px;
    }

    section.product-detail-content section.related-products h3 {
        color: var(--quaternary-color) !important;
        font-weight: 700;
    }

    img.empty-cart-ilust {
        max-width: 180px;
    }

    .shopping-cart-page .product-grid .item {
        border-bottom: 1px solid var(--primary-color);
    }

    .shopping-cart-page .product-grid .item:last-child {
        border-bottom: none;
    }

    .shopping-cart-page .cart-summary,
    .checkout-page .cart-summary {
        background-color: var(--tertiary-color);
        border-radius: 25px;
    }

    .shopping-cart-page .row [class*="col-"]:nth-child(2)

    /* , .checkout-page .row [class*="col-"]:nth-child(2) */
        {
        padding-left: 0;
        padding-right: 0;
    }

    .shopping-cart-page .cart-summary .shopping-cart-total,
    .checkout-page .cart-summary .shopping-cart-total {
        position: relative;
        padding-top: 10px;
    }

    .shopping-cart-page .cart-summary .shopping-cart-total:before,
    .checkout-page .cart-summary .shopping-cart-total:before {
        content: '';
        width: 100%;
        height: 1px;
        top: 0;
        background: var(--primary-color);
        position: absolute;
        z-index: 2;
    }

    input#cod-promocional {
        border: 1px solid var(--primary-color);
        background-color: transparent;
    }

    input.space-input-validate-promo {
        background-color: var(--quinary-color);
        border: none;
        color: var(--quaternary-color) !important;
    }

    input.space-input-validate-promo:hover {
        color: var(--quaternary-color) !important;
        background-color: var(--primary-color) !important;
    }

    section.checkout-page .card-step-checkout .card-body-inputs input:not([type="radio"]),
    section.checkout-page .card-step-checkout .card-body-inputs select,
    section.checkout-page .card-step-checkout .card-body-inputs textarea {
        border: 1px solid var(--primary-color);
        background-color: transparent;
        color: var(--primary-color);
    }

    section.checkout-page .card-title-wraper {
        padding-bottom: 7px;
        margin-bottom: 14px;
        border-bottom: 2px solid var(--primary-color);
        font-size: 1.3rem;
        font-weight: 700;
        width: 100%;
    }

    .wrapper-faq .search {
        border: 1px solid var(--primary-color);
        overflow: hidden;
        border-radius: 25px;
        padding: 7px 10px;
        margin: 15px 0 20px;
        transition: all 0.3s
    }

    .wrapper-faq .search:hover,
    .wrapper-faq .search:focus-within {
        border: 1px solid transparent;
        box-shadow: 2px 5px 8px #1f1f1f10, 0px -4px 5px #1f1f1f10
    }

    .wrapper-faq .search .form-control {
        box-shadow: none;
        outline: none;
        border: none;
        background-color: transparent;
    }

    .wrapper-faq .search .form-control:focus::placeholder {
        opacity: 0
    }

    #filtersOffcanvas {
        background-color: var(--quinary-color);
        color: var(--quaternary-color) !important;
        height: 98vh;
    }

    /* .product-card {
        min-height: 500px !important;
    } */
}

@media (min-width:480px) {

    /* smartphones, Android phones, landscape iPhone */
    /* .product-card {
        min-height: 575px !important;
    } */
}

@media (min-width:600px) {

    /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    /* .product-card {
        min-height: 575px !important;
    } */
}

@media (min-width:801px) {

    /* tablet, landscape iPad, lo-res laptops ands desktops */
    header div.nav-search {
        order: 2;
    }

    /* .product-card {
        min-height: 600px !important;
    } */

    .brand-table .table-header {
        scroll-margin-top: 170px;
    }
}

@media (min-width:912px) {

    /* tablet, landscape iPad, lo-res laptops ands desktops */
    /* .product-card {
        min-height: 670px !important;
    } */
}

@media (min-width:992px) {

    /* tablet, landscape iPad, lo-res laptops ands desktops */
    /* .product-card {
        min-height: 560px !important;
    } */
}

@media (min-width:1025px) {

    /* big landscape tablets, laptops, and desktops */
    div.quantity-wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 1.5rem;
        margin-right: 3rem;
    }

    .brand-table ul li {
        flex-basis: 33%;
        box-sizing: border-box;
    }

    #announcement-marquee.off,
    #main-nav-search.off,
    #main-nav-search-in.off {
        transition: opacity 0.2s ease-in;
        position: initial !important;
        height: initial !important;
        opacity: initial !important;
    }

    #mainHeader.header_small {
        animation: initial;
    }

    section.category-highlights figure.all-borderRadius {
        border-radius: 25px !important;
    }

    section.category-highlights figure.top-borderRadius {
        border-radius: 25px;
    }

    section.category-highlights figure.bottom-borderRadius {
        border-radius: 25px;
    }

    section.category-highlights figure {
        background-size: cover;
        background-position: center center;
        height: 390px;
        width: 100%;
        border-radius: 25px;
    }

    main .swiper {
        border-bottom-right-radius: initial;
        border-bottom-left-radius: initial;
    }

    main .heroSwiper .swiper-slide img {
        height: 420px;
    }

    .header-bottom {
        background-color: var(--senary-color);
        color: var(--primary-color);
    }

    .header-bottom ul li {
        font-weight: 100;
    }

    .header-bottom ul li {
        font-weight: bolder;
    }

    section.main-slider {
        max-width: 1300px;
        margin: 0 auto;
        margin-top: 30px;
        border-radius: 25px;
    }

    section.main-slider .swiper {
        border-radius: 25px;
    }

    main .swiper-button-next,
    main .swiper-button-prev {
        display: initial;
    }

    .support-logos .item:after {
        content: '';
        height: 0;
        margin-inline: auto;
    }

    .shopping-cart-page .cart-summary,
    .checkout-page .cart-summary {
        border-radius: 25px;
    }

    .shopping-cart-page .row [class*="col-"]:nth-child(2)

    /* , .checkout-page .row [class*="col-"]:nth-child(2) */
        {
        padding-left: initial;
        padding-right: initial;
    }

    /* .product-card {
        min-height: 515px !important;
    } */
}

@media (min-width:1281px) {

    /* hi-res laptops and desktops */
    .brand-table ul li {
        flex-basis: 25%;
        box-sizing: border-box;
    }

    #mainHeader a.logo-horizontal img {
        width: 250px;
    }

    #mainHeader .header-mid.container-fluid {
        max-width: 1320px;
    }

    #mainHeader div#main-nav-search {
        width: 40% !important;
    }

    #mainHeader div#main-nav-search-in {
        width: 90% !important;
    }

    section.product-detail-content .container.product-info {
        width: initial;
    }

    section.product-detail-content .container.product-info .row [class*="col-"]

    /*:first-child*/
    /*:not(.col-lg-6)*/
        {
        padding-left: initial;
        padding-right: initial;
    }

    section.product-detail-content .container.product-info .row [class*="col-"]:nth-child(2)

    /*:not(.col-lg-6)*/
        {
        padding-right: initial;
        padding-left: initial;
    }

    section.product-detail-content .container.product-info .swiper.productDetailGallery .swiper-wrapper .swiper-slide img {
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
    }

    img.empty-cart-ilust {
        max-width: 250px;
    }

    /* .product-card {
        min-height: 480px !important;
    } */
}

@media (min-width:1281px) {

    /* tablet, landscape iPad, lo-res laptops ands desktops */
    /* .product-card {
        min-height: 550px !important;
    } */
}

@media (min-width:1734px) {

    /* tablet, landscape iPad, lo-res laptops ands desktops */
    /* .product-card {
        min-height: 625px !important;
    } */
}

/****** Animations *****/
@keyframes moveleft {
    100% {
        padding-left: 5px;
    }
}

@keyframes shrink {
    100% {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.product-card {
    /* min-height: 575px; */
    display: flex;
    flex-direction: column;
}

.product-card .card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.product-card .buy-cta {
    margin-top: 8px;
    border-top: 1px solid rgba(175, 175, 175, 0.1);
    padding-top: 5px;
    text-align: center;
}

.product-card .buy-cta a {
    display: block;
    padding: 16px 0;
    width: 100%;
}

.filter-gray {
    filter: grayscale(100%);
    mix-blend-mode: multiply !important;
}

.form-contact {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
}

.button-style-default {
    background-color: var(--primary-color);
    color: var(--quaternary-color) !important;
    font-weight: 700;
    font-weight: 1.4rem;
    border: none;
    display: block;
    padding: 16px 0;
    width: 100%;
    transition: background-color 0.3s ease-in;
}

.button-style-default:hover {
    background-color: var(--secondary-color);
}

.disabled-link {
    pointer-events: none;
    cursor: default;
    color: gray;
    text-decoration: none;
}

.hidden {
    display: none;
}

.brand-item {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.brand-item.show {
    opacity: 1;
    transform: translateY(0);
}

.brand-list-scroll {
    max-height: 300px;
    overflow-y: auto;
}

.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Mobile até 1399px */
@media (max-width: 1399px) {
    .product-header {
        font-size: 12px;
        gap: 6px;
        padding: 6px 0;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .product-header p {
        margin: 0;
        white-space: nowrap;
    }

    .trustpilot-widget {
        transform: scale(0.85);
        transform-origin: center;
    }
}

@media (max-width: 1399px) {
    .formVoucherCarrinho .d-flex {
        flex-direction: column !important;
        gap: 8px;
    }

    .formVoucherCarrinho input[type="text"],
    .formVoucherCarrinho input[type="submit"] {
        width: 100% !important;
        margin: 0 !important;
    }

    .space-input-validate-promo {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}