/*
 * Author: Shopaccino
 * Link: https://www.shopaccino.com/
*/

/*  ===============================================
    E l e n z a
    ============================================== */
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    body{
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        color: #282828;
    }

/*  ===============================================
    Global
    =============================================== */
    h1, h2 {font-weight:500;}
    h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-optical-sizing: auto;
        font-weight:500;
        font-style: normal;
    }
    @media (min-width: 1200px) {
        .h2, h2 {font-size: 1.9rem;}
        .h3, h3 {font-size: 1.3rem;}
    }

    .fw-bold {font-weight: 600 !important;}
    .container-screen,
    .product-des-hold, 
    .item-details-hold .product-breadcrumb { 
        /*max-width: 1920px; */
        margin: 0 auto;
    }
    .accordion-button:focus {box-shadow:none;}
    .mobile-header .toppanel-hold a {display: inline-block;}
    @media only screen and (max-width: 767px) {
        .mobile-header .toppanel-hold a { margin-left: 5px; margin-right: 5px;}
    }

    @media only screen and (min-width: 1350px) {
        .container, .container-fluid {--bs-gutter-x: 5rem;}
    }
    .btn {border-radius: 3px;}
    .mobile-header {padding: 7px 0;}

    /*---Menu----*/
    .nav-menu > li > a {}
    .megamenu-panel {
        box-shadow: none;
        padding: 0;
        border: none;
        background:none;
        max-height: 400px;
        min-height: 320px;
        background-color: #fff;
    }
    @media only screen and (min-width: 992px){
        .nav-menu > li > a { position: relative;}
        .nav-menu > li.focus > a {color: #000 !important;}
        .nav-menu > li > a:after{
            content: '';
            position: absolute;
            width: 0px;
            height: 1px;
            left: 50%;
            /*bottom:-2px;*/
            background-color: #000;
            transition: all ease-in-out .2s;
            bottom:0;
        }
        .nav-menu > li.focus > a:after,
        .nav-menu > li > a:hover::after {width: 100%;left: 0;bottom: -1px;}
        .nav-menu li .megamenu-panel {
            max-height: 350px !important;
            animation: fadeIn ease 0.4s;
            -webkit-animation: fadeIn ease 0.4s;
            -moz-animation: fadeIn ease 0.4s;
            -o-animation: fadeIn ease 0.4s;
            -ms-animation: fadeIn ease 0.4s;
            /*   padding: 2em 3em 2em 3em !important;*/
            box-shadow: rgb(0 0 0 / 7%) 0px 1px 1px, rgb(0 0 0 / 7%) 0px 2px 2px, rgb(0 0 0 / 7%) 0px 4px 4px, rgb(0 0 0 / 7%) 0px 8px 8px, rgb(0 0 0 / 7%) 0px 16px 16px;
            border-top: solid 1px #eeeef5
        }

        .nav-menu li .megamenu-panel::-webkit-scrollbar { width: 0 !important }
        .megamenu-panel .megamenu-lists  .megamenu-list:nth-child(2) .drpdwn-category-image figure img{
            float: right;}
        .megamenu-panel  .drpdwn-category-image figure img{
            max-width: 250px;
            width: 100% ;
            margin: auto;}
        .megamenu-panel .nav-menu > li.focus > a { border-bottom:solid 4px #fff;}

    }
    @keyframes fadeIn{
        0% {
            opacity:0;}
        100% {
            opacity:1;}
    }

    .megamenu-lists {
        max-width:none;
        margin: auto;
        background-color: #ffffff;
        padding: 1em;
        box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.0
            7) 0px 16px 16px;
        /*padding: 1.2em 2em 1.1em 2em;
        border: solid 2px #dadadb;*/
        background-color: rgba(255, 255, 255, 0.95);
    }
    @media (min-width: 768px) {
        .megamenu-list > li > a {/*padding: 2px 0;*/}
    }
    @media (min-width: 992px) {
        .megamenu-list > li.megamenu-list-title > a {
            margin-bottom: 0.6em;
        }
    }
    .megamenu-list-title {font-weight:500;}
    .megamenu-list > li > a,
    .nav-dropdown > li > a {position:relative; transition: all 0.5s; animation: var(--animation-slide-in);}
    .megamenu-list > li > a:hover,
    .nav-dropdown > li > a:hover {padding-left: 13px !important;}

    .drpdwn-category-image figure { margin-bottom: 5px;}
    .drpdwn-category-image > div { margin-bottom: 10px !important;}  

/*  ================================================
    ================================================*/
    .imagetext-overlay { padding: 0 !important;}
    .home-rounded-category-panel {padding-top: 1.5rem !important;padding-bottom: 1.5rem !important;}
    .home-dd-timer {background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%); display: none !important;}

/*--------- header ---------*/
    .logo-hold #logo { overflow: hidden;}
    @media only screen and (max-width: 991px) {
        .logo-hold #logo img {
            object-position: center;
        }
    }
    .h-unsticky {
        transition: 0.6s ease; 
        box-shadow: 5px 2px 15px rgba(0, 0, 0, 0.05); 
    }

@media only screen and (min-width:768px) {
    .header_home { transition: all 0.2s ease;}
    .header_home #header-option2 { position: absolute; z-index: auto; width:100%; top:0;left:0;}
    .header_home #header-option2 .mobile-header {background-color:transparent; transition: all 0.2s ease;}
    .header_home #header-option2 .navigation, .header_home #header-option2 .nav-menu > li > a {background-color:transparent !important; transition: all 0.2s ease;}

    .header_home:hover #header-option2,
    .h-unsticky #header-option2 .mobile-header,
    .header_home.h-unsticky #header-option2 .navigation
    {background-color:white !important; transition: all 0.2s ease;}
    .header_home .nav-menu > li > a,
    .header_home #header-option2 .mobile-header .toppanel-hold a { color: #fff;}
    
    .header_home #header-option2 #logo img { filter: brightness(0) invert(1);}
    .header_home:hover #header-option2 #logo img, 
    .header_home.h-unsticky #header-option2 #logo img
    {filter: none;}

    .header_home.h-unsticky #header-option2 .nav-menu > li > a,
    .header_home.h-unsticky #header-option2 .mobile-header .toppanel-hold a,
    .header_home:hover #header-option2 .toppanel-hold a
    { color:inherit;}
}
.header_home #header-option2 .mobile-header .toppanel-hold a,.header_home #header-option2 #logo a,.header_home #header-option2 .m-logo a {}
#header-option2 .search-input { padding-left: 1.5em; padding-right: 1.5em;}
#header-option2 .search-input,
#header-option2 .searchbar button {
    background-color: #f2f2f2 !important;
    border-radius:25px !important;
    color: #333 !important;
}

.header_home:hover #header-option2 .nav-menu > li > a { color: #000 !important;}
#user_profile svg {border-radius:unset; border:none; padding:0; width: 22px !important; height: 22px !important;}
.toppanel-hold .shoppingcart .cart-icon span {font-style: normal;font-weight:normal;right: -10px; top: -5px;height: 18px; padding:3px;min-width: 18px; font-size: 11px;}

a.whatsapp-ico-left {left: 1em;}
.sharebtn-hold .dropdown-toggle:after { display: none;}
.select-hold select {
    background:#fff;
    border-radius: 4px;
}
@media only screen and (min-width:992px) {
    .flr-sort-panel .select-hold select {
        background-color: #eee !important;
        font-size: 13px !important;
        text-transform: uppercase;
        border-radius:30px;
    }
}

.menu-bar {border-top: solid 1px rgba(236, 236, 236, .2) !important; border-bottom: solid 1px rgba(236, 236, 236, .2) !important;}
.header_inner .menu-bar {border-top: solid 1px #eee !important; border-bottom: solid 1px #eee !important;}

.header_home:hover .menu-bar,
.header_home.h-unsticky .menu-bar
{border-top: solid 1px #ddd !important; border-bottom: solid 1px #ddd !important;}

.hero-caption .btn-primary {border-radius: 25px;background-color: #fff;border-color: #fff;color: #000 !important;}
.hero-caption {  max-width: 500px;}
@media only screen and (min-width:992px) {
    .hero-caption {}
    .hero-caption.bottom_left {
        left: 3em;
        bottom: 3em;
    }
    .hero-caption.bottom_right {
        bottom: 3em;
        right: 3em;
    } 
    .hero-caption .hero-slide-heading {
        font-weight:600;
        font-size: calc(1.9rem + .9vw);
        line-height: 1.1;
    }
    .hero-caption .btn-primary {padding: 8px 1.6em;}
}
@media only screen and (max-width: 767px) {
    .hero-slide-heading { font-size: calc(1rem + 2vw);}
}

/*--------- end header ---------*/
.category-caption .h3, .category-caption h3 {
  font-size: calc(.5rem + .5vw);
}

.home-rounded-category-panel  figure img {opacity: 1;transform: scale(1);}
.home-rounded-category-panel .feature-category-title-hold {margin-bottom: 0.5rem !important;}
.home-rounded-category-panel .homecategoryscroll .carousel-cell,
.home-rounded-category-panel .homecategoryscroll .carousel-cell .home-category
{ margin-bottom:0 !important;}
.home-rounded-category-panel .home-category figure img {object-fit: cover !important;}
/*--- Category Rounded Circle ---*/
.home-rounded-category-panel .category-caption { margin-top: 6px;}

.home-rounded-category-panel .home-category figure, .home-rounded-category-panel .home-category figure img{border-radius: 50% !important;}
.home-rounded-category-panel .home-category .figure-hold,
.subcategory .figure-hold
{
    border-radius: 50%;
    /*box-shadow: rgba(52, 52, 52, 0.314) 0px 2px 1px 0px, rgba(188, 42, 141, 0.314) 0px -2px 1px 0px, rgba(52, 52, 52, 0.314) 2px 0px 1px 0px, rgba(188, 42, 141, 0.5) -2px 0px 1px 0px, rgba(52, 52, 52, 0.5) 2px -2px 1px 0px, rgba(52, 52, 52, 0.855) -2px 2px 1px 0px, rgba(188, 42, 141, 0.855) 2px 2px 1px 0px, rgba(52, 52, 52, 0.855) -2px -2px 1px 0px;*/
    margin:3px ;
    padding: 6px;
    border: solid 1px #777;
    background-color: #fff;
}
.home-rounded-category-panel .carousel-cell.mb-3{margin-bottom: 0px !important;}
/*
.home-rounded-category-panel .home-category h3{font-size: 13px !important;}
*/
.home-rounded-category-panel .home-category figure{margin: 0px !important;}
.home-rounded-category-panel .home-category figure img{object-fit: cover;}
.home-rounded-category-panel .home-category {margin-bottom: 0px !important;}
.home-rounded-category-panel .category-caption h3,
.subcategory .categorycaption
{font-size: 12px;}

.category-caption .h3, .category-caption h3 {}

.home-featured-product .teaser-item-div img {object-fit: cover;}
.daily-deals-home {border-color:#DC3545;}
.teaser .deal-btn-featured-hold { bottom: 10px !important; left: 0.5em !important;}
.fp-caption-product-hold {/*align-items: stretch !important;*/}

@media screen and (min-width: 992px) {
    .teaser .teaser-item-div {  margin: 0 .7rem;}
    .fp-caption-product-hold > div:first-child,
    .homefaqs-panel-row .homefaqs-panel-aside
    {
        position: -webkit-sticky;
        position: sticky;
        top: 130px;
        z-index:2;
    }
}

.homefaqs-panel {background-color:#f2f2f2;}
@media screen and (min-width: 1140px) {
    .fp-caption-hold { padding-right: 3em}
}

.pdr-faq-list-section .homefaqs-panel {padding-left: 15px;padding-right: 15px;}

.text_column_withimages {border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}
/*.shop-the-look-hold {max-width:1349px; margin: 0 auto;}*/
.category-summary {max-width: 800px;  margin: auto;}

/*------------- Product ---------*/
.dsktp-zoomer .zoom-bigimg a {border: solid 1px #eee;border-radius:4px;overflow:hidden;}
.review-rate-block {background: none !important;}
@media screen and (max-width: 767px) {
    .review-rate-block {position: relative;margin:0 -15px;}
    .customer_fullname span { margin-right: 8px;}
}

.tab-details-faqs .faq-content > h2 { padding-left: 0.8em;}
.tab-details-desc-extra {background:#f8f9fa;}
.showModal { cursor: pointer;}
.showModal:hover { color:#0d6efd;}

.accordion-button:not(.collapsed) {/*background-color:#333;color:#fff;*/ color: inherit;}
.homepage-testimonials-panel-hold {background-color:#F8F8F8;}

/*----*/
.color-thumb-module ul {display: flex; flex-wrap: wrap;}
.color-thumb-module li a {height: 100%;display: block}
.color-thumb-module li div { /*min-width:unset; display: block;*/ height: 100%;}
.color-thumb-module li:not(:last-child) {margin-right: .5rem;}
/*----*/

.prod-description {border: none; padding: 0;}
.teaser .colorcode-dots ul li { margin-right: 0;}

@media only screen and (min-width: 1025px) {
    .sharebtn-hold {
        border-top: 1px solid rgba(0,0,0,.15);
        border-bottom: 1px solid rgba(0,0,0,.15);
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.product-list-title .teaser-name a { color:#575757;}
.home-featured-product .carousel-cell {min-height: 100%; margin-bottom: 0 !important;}
.home-featured-product .teaser,
.home-featured-product .teaser-item-div {
    height: 100%;
}

@media (min-width: 769px) {
    b.tnquick-panel { background: none !important;}
}
.teaser .wishlist-button,
.teaser .btnquick {width: auto !important; margin-bottom: 10px;}
.btnquick-panel > div {justify-content: flex-end !important; padding-right:5px;}
.teaser .wishlist-button {margin: unset; margin-left:5px; margin-right:5px;}
.btnquick-panel .btn {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50% !important;
    line-height: 1;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.btnquick-panel .btn i { font-size:1em !important}
.btnquick-panel .btn:hover {background-color: rgba(255, 255, 255, 1);}
.teaser .btnquick-panel  {
    transform: translateX(0px);
    opacity: 0;
    margin-bottom: 2px;
    transition: all 0.4s;
}
.teaser:hover .btnquick-panel {
    transform: translateX(0px);
    opacity: 1;
    transition: all 0.6s;
}
.new-tag, .out-of-stock, .off-price, .soldcss {
    display: inline-block;
    letter-spacing: .0.8rem;
    line-height: 1;
    padding: .35rem 0.8rem !important;
    margin: 0.4rem !important;
    background-color: #000 !important;
    color:#fff !important;
    border-radius: 2px !important;
}

@media (min-width:769px) {
    .btnquick-panel {
        background-color: rgba(255,255,255,0) !important;
    }
}

.teaser .colorcode-dots ul li { padding: 1px;}
.teaser .colorcode-dots .colors {width: 18px;  height: 18px;}
@media (min-width:1140px) {
    .teaser .colorcode-dots {opacity:0; transition: all 0.2s ease;}
    .teaser:hover .colorcode-dots {opacity:1;}
}
.teaser figure, .teaser figure img, 
.home-category figure {
    border-radius: 6px;
    overflow: hidden;
}

.teaser-item-div .teaser-name {
    display: block;
    overflow: auto;
    white-space: normal;
}

@media (min-width: 992px) {
    .showModal:hover {
        color: #000;
        border-bottom:dotted 2px;
    }
}
.product_detail label, .aq_epdtitle > span { font-weight: 600;}
.product-review-content {min-height: 340px;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.075);border: solid 1px #d9b774;}
.customer_fullname span {background-color: #d9b774;}

.storecategory {border-bottom: solid 1px #ddd; padding-bottom:1em;}
@media (min-width: 1200px) {
    .storecategory .row-cols-lg-4 > * {
        flex:0 0 auto;
        width: 12.5%;
    }
}
@media (min-width: 1600px) {
    .storecategory .row-cols-lg-4 > * {
        flex:0 0 auto;
        width: 10%;
    }
}
@media (min-width: 2560px) {
    .storecategory .row-cols-lg-4 > * {
        flex:0 0 auto;
        width: 7%;
    }
}

@media only screen and (max-width: 1024px) {
    .filters-div.stick {
        position: fixed;
        top: 75px;
    }
}
.flickity-prev-next-button {border-radius: 6px !important; width:40px !important;  height:40px !important;border: solid 1px #ddd;}
.flickity-prev-next-button .flickity-button-icon {width: 1.2em !important;  height: 1.2em !important;  margin-top: -3px;  margin-left: -4px;}

@media only screen and (min-width: 1024px) {
    /*
    .flickity-prev-next-button.previous {left: -35px !important;}
    .flickity-prev-next-button.next {right: -35px !important;}
    */
}
@media only screen and (max-width: 767px) {
    /*
    .flickity-prev-next-button.next {
        right:0 !important;
    }
    .flickity-prev-next-button.previous {
        left:0 !important;
    }
    */
}
.subcategory .categorycaption { font-weight: 500;}
.subcategory .categorycaption {}
.detail-summary > ul { margin-left: 0; padding-left: 0; padding-left: 15px;}
.detail-summary > ul li { margin-bottom: 10px;}

/* ========================== */
:root {
    --duration-extra-long: 0.3s;
    --ease-out-slow: cubic-bezier(0, 0, 0.3, 1);
    --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
    --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
}
@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0.01;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes drop-in {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translate(0px);
    }
}

.teaser img,
.home-category figure img,
.zoom-bigimg img,
.text-cl-img-hold figure img,
.home-gallery-scroll figure img,
.category-banner figure img,
.mobile-slide .photo-gallery a img,
.footer-logo figure img,
.payment-logo img,
.megamenu-panel .drpdwn-category-image figure img
{
    opacity: 0.01;
    transform: translateY(1rem);
}
.teaser  img.lazyloaded,
.home-category figure img.lazyloaded,
.zoom-bigimg  img.lazyloaded,
.zoom-thumb img,
.text-cl-img-hold figure img.lazyloaded,
.home-gallery-scroll figure img.lazyloaded,
.category-banner figure img.lazyloaded,
.mobile-slide .photo-gallery a img.lazyloaded,
.footer-logo figure img.lazyloaded,
.payment-logo img.lazyloaded,
.subcategory a,
.imagetext-overlay,
.megamenu-panel .drpdwn-category-image figure img.lazyloaded
{
    animation: var(--animation-slide-in);
}

.teaser figure,
.home-category figure,
.text-cl-img-hold figure,
.home-gallery-scroll figure,
.home-gallery-scroll figure,
.category-banner figure,
.megamenu-panel .drpdwn-category-image figure
{ overflow:hidden;}

.teaser  img.lazyloaded,
.home-category figure img.lazyloaded,
.text-cl-img-hold figure img.lazyloaded,
.home-gallery-scroll figure img.lazyloaded,
.category-banner figure img.lazyloaded,
.mobile-slide .photo-gallery a img.lazyloaded,
.footer-logo figure img.lazyloaded,
.payment-logo img.lazyloaded,
.social-hold,
.megamenu-panel .drpdwn-category-image figure img.lazyloaded
{
    transition: transform 1s ease !important;
    animation: none;
    transform: scale(1);
    opacity: 1;
}
.teaser img.lazyloaded:hover,
.home-category figure img.lazyloaded:hover,
.text-cl-img-hold figure img.lazyloaded:hover,
.home-gallery-scroll figure img.lazyloaded:hover,
.category-banner figure img.lazyloaded:hover,
.mobile-slide .photo-gallery a img.lazyloaded:hover,
.megamenu-panel .drpdwn-category-image figure img.lazyloaded:hover,
img.gc-display-display:hover
{
    transition: transform 1s ease !important;
    transform: scale(1.03);
}

.hero-caption > *,
h1, h2, h3, h4,
.contectform-panel,
.contactpage-address,
footer,
.filter-panel,
.category-summary,
.product-list-title
{ 
    animation: var(--animation-slide-in); 
}
.bt-slider,
.mobile-header
{
    animation: var(--animation-fade-in);
}