﻿:root {
    --theme-deafult: #ffd6e7;
    --no-image-product: url(https://cdn.sqp.ir/Templates/5/images/no-image.png);
    --no-image-content: url(https://cdn.sqp.ir/Templates/5/images/no-image.png);
    --no-image-product-src: https://cdn.sqp.ir/Templates/5/images/no-image.png;
    --no-image-content-src: https://cdn.sqp.ir/Templates/5/images/no-image.png;
    --theme-100: color-mix(in srgb, var(--theme-deafult) 10%, transparent);
    --theme-200: color-mix(in srgb, var(--theme-deafult) 20%, transparent);
    --theme-300: color-mix(in srgb, var(--theme-deafult) 30%, transparent);
    --theme-400: color-mix(in srgb, var(--theme-deafult) 40%, transparent);
    --theme-500: color-mix(in srgb, var(--theme-deafult) 50%, transparent);
    --theme-600: color-mix(in srgb, var(--theme-deafult) 60%, transparent);
    --theme-700: color-mix(in srgb, var(--theme-deafult) 70%, transparent);
    --theme-800: color-mix(in srgb, var(--theme-deafult) 80%, transparent);
    --theme-900: color-mix(in srgb, var(--theme-deafult) 90%, transparent);
}

body {
    background-color: #fffcf5 !important;
}

.go-to-top {
    background: var(--theme-deafult);
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 62px;
    left: 2px;
    font-size: 20px;
    position: fixed;
    color: #fff;
    border-radius: 0.25rem;
    cursor: pointer;
    opacity: 0;
    transition: .3s opacity;
    z-index: 9;
}

#XOOAROHJZH #menuHolder {
    z-index: 9;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
}

#XOOAROHJZH .pixelstrap ul a:before {
    right: 35px !important;
}

#XOOAROHJZH .pixelstrap .mega-menu a:before {
    right: 0 !important;
}

#XOOAROHJZH .pixelstrap .mega-menu .menu-content a:before {
    content: none;
}

#XOOAROHJZH .top-header {
    background-color: #ede2d7;
}

#XOOAROHJZH .top-header .header-dropdown li,
#XOOAROHJZH .top-header .header-contact li,
#XOOAROHJZH .top-header .header-dropdown li a i {
    color: #6b8e23;
}

#XOOAROHJZH {
    background-color: #a8cba0;
}

#XOOAROHJZH .pixelstrap a {
    color: #222222;
}

#XOOAROHJZH .pixelstrap a:hover {
    color: var(--theme-deafult);
}

#XOOAROHJZH .brand-logo img {
    width: -1px !important;
    height: 65px;
    object-fit: contain;
}

#XOOAROHJZH .main-menu .menu-left .navbar {
    padding: 20px 0 20px 30px;
}

#XOOAROHJZH .menu-bar ul.sm {
    display: flex;
}

#XOOAROHJZH ul.sub.level-1 .sub-arrow {
    transform: rotate(180deg);
}

#XOOAROHJZH ul.sub.level-2 {
    left: unset !important;
    right: 100%;
}

#XOOAROHJZH .link-section {
    display: grid;
    height: 100%;
    align-content: space-between;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 0.5rem;
    transition: 300ms ease;
    position: relative;
}

#XOOAROHJZH .mega-box img {
    object-fit: contain;
    aspect-ratio: 1;
    height: 100px;
}

#XOOAROHJZH .mega-box:hover .link-section {
    border-color: var(--theme-200);
    background-color: var(--theme-100);
}

#XOOAROHJZH .mega-box {
    max-width: 100%;
    padding: 0.5rem;
    width: 100%;
}

#XOOAROHJZH .mega-menu .menu-title a:before {
    left: auto !important;
    right: 0 !important;
    bottom: -5px;
}

#XOOAROHJZH .mega-box .menu-title a {
    width: fit-content;
    margin: auto;
}

#XOOAROHJZH .mega-box:hover .menu-title a:before {
    width: 100%;
}

#XOOAROHJZH .menu-content a {
    position: absolute;
    inset: 0;
    margin: auto;
}

#XOOAROHJZH .mega-menu {
    border-radius: 1rem;
    top: 100% !important;
}

@media (max-width: 1199px) {
    #XOOAROHJZH .menu-bar ul.sm-horizontal {
        display: block;
    }
}

@media (max-width: 577px) {
    #XOOAROHJZH .main-menu .menu-left .navbar {
        padding-left: 0px !important;
    }

    #XOOAROHJZH .brand-logo {
        position: relative;
        left: unset;
        margin-right: unset;
        -webkit-transform: unset;
        transform: unset;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}

@media (max-width: 480px) {
    #XOOAROHJZH .brand-logo img {
        height: 60px;
    }
}#MXALEOOXAY .home-slider .home {
    height: 75vh;
    background-color: #ffffff00;
    position: relative;
    text-align: center;
}

#MXALEOOXAY .home-slider .home>a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

#MXALEOOXAY .home-slider .home>.container {
    position: absolute;
    top: 0;
    z-index: 3;
}

#MXALEOOXAY .home-slider .slider-contain h1 {
    color: #222222;
    font-size: px;
}

#MXALEOOXAY .home-slider .slider-contain {
    height: 75vh;
}


#MXALEOOXAY img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    backdrop-filter: blur(5px);
    background-color: #ffffff00;
}

@media (max-width: 767px) {

    #MXALEOOXAY .home-slider .home,
    #MXALEOOXAY .home-slider .slider-contain {
        height: 25vh;
    }

    #MXALEOOXAY img {
        object-fit: contain;
    }
}#MEMWIHLBZK{background-color: #fffcf5ff;}
#categories_MEMWIHLBZK_element{justify-content: space-around;}
#MEMWIHLBZK .bg-size{background-size: cover;}
#MEMWIHLBZK .collection-banner .contain-banner h2{color: #000000;}
#MEMWIHLBZK .collection-banner .contain-banner.banner-6 h2{    font-size: 18px;}
#MEMWIHLBZK .bg-size:before{padding-top: 20vmax;}

#MEMWIHLBZK .collection-banner.p-right .contain-banner {
    transition: .3s all;
    width: auto;
    height: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}
#MEMWIHLBZK .collection-banner .contain-banner h2 {
    font-size: 10px;
}
#MEMWIHLBZK .collection-banner.hover .contain-banner,
#MEMWIHLBZK .collection-banner.hoverOnDesctop .contain-banner {
    opacity: 0;
}

#MEMWIHLBZK .collection-banner.hover:hover .contain-banner,
#MEMWIHLBZK .collection-banner.hoverOnDesctop:hover .contain-banner {
    opacity: 1;
}

#MEMWIHLBZK .collection-banner.center .contain-banner {
    /* transform: translateY(-50%);
    top: 50%; */
    align-items: center;
}
#MEMWIHLBZK .collection-banner.top .contain-banner {
    align-items: flex-start;
    padding-top: 20px;
}
#MEMWIHLBZK .collection-banner.bottom .contain-banner {
    padding-bottom: 40px;
    align-items: end;
}

#MEMWIHLBZK .collection-banner .contain-banner>div {
    background-color: #fffcf5ff;
}


#MEMWIHLBZK .collection-banner {
    border-radius: 15px;
}

@media (max-width: 767px) {
    #MEMWIHLBZK .collection-banner.hoverOnDesctop .contain-banner {
        opacity: 1;
    }
}#EVBBFAYBEA .bg-size{background-size: cover;}
#EVBBFAYBEA .bg-size:before{padding-top: 200px;}
#BVDWZSYPST .full-banner .banner-contain h2{color: #485e19;font-size: 40px;}
#BVDWZSYPST .full-banner .banner-contain h3{color: #333333;font-size: 30px;}
#BVDWZSYPST .full-banner .banner-contain h4{color: #777777;font-size: px;}#VQSKXPOCYW .bg-size{background-size: contain;}
#VQSKXPOCYW .row{justify-content: center;}
#VQSKXPOCYW .bg-size:before{padding-top: 200px;}
#VQSKXPOCYW .product-detail{padding: 1px 5px 15px 0;background-color: #ffffff;border-radius: 5px;}#DIBLMWXFKL .service-block h4{ color: #000000;}
#DIBLMWXFKL .service-block p{ color: #000000;}
#service_DIBLMWXFKL_element{ justify-content : center;}
#DIBLMWXFKL img {
  height: 130px;
  object-fit: cover;
}#JEHZQVTHUU .bg-size{
    background-size: cover;
}
#JEHZQVTHUU .bg-size:before {
    padding-top: 200px;
}#VXFOFXAJMK .bg-size{
    background-size: cover;
}
#VXFOFXAJMK .bg-size:before {
    padding-top: 200px;
}
.slick-slide {
    margin: 0 10px;
}#PAEZYEPLZL .bg-size {
    background-size: cover;
    height: 100%;
}

#PAEZYEPLZL .bg-size:before {
    padding-top: 0;
}

#PAEZYEPLZL .product-box .details-product h6,
#PAEZYEPLZL .product-box .details-product h4 {
    color: #000000;
}

#PAEZYEPLZL img {
    object-fit: contain;
    height: 100%;
    backdrop-filter: blur(3px);
    background-color: #fae3c875;
    transition: filter 400ms, -webkit-filter 400ms;
}

#PAEZYEPLZL .product-box {
    height: 150px;
}

#PAEZYEPLZL .img-wrapper {
    height: 100%;
    border-radius: 0.5rem;
}

#PAEZYEPLZL .front {
    height: 100%;
}

#PAEZYEPLZL .product-box.first {
    height: calc(150px * 2);
}

#PAEZYEPLZL .product-box:hover img {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

#PAEZYEPLZL .product-box .details-product {
    display: grid;
    align-content: end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
}

@media (max-width: 768px) {
    #PAEZYEPLZL img {
        object-fit: contain;
    }
}#DPSJGNDZIM .img-fluid { object-fit: contain; height: 160px; }
@media (max-width: 480px) {
    #DPSJGNDZIM .theme-card .offer-slider img {
        max-width: unset;
    }
}
#DPSJGNDZIM .theme-card .offer-slider .media .media-body a h6 {
    margin-left: 15px;
}#ULLNRNYHJI .img-fluid { object-fit: contain; height: 160px; }
@media (max-width: 480px) {
    #ULLNRNYHJI .theme-card .offer-slider img {
        max-width: unset;
    }
}
#ULLNRNYHJI .theme-card .offer-slider .media .media-body a h6 {
    margin-left: 15px;
}#DCWVCGIQKG .img-fluid { object-fit: contain; height: 160px; }
@media (max-width: 480px) {
    #DCWVCGIQKG .theme-card .offer-slider img {
        max-width: unset;
    }
}
#DCWVCGIQKG .theme-card .offer-slider .media .media-body a h6 {
    margin-left: 15px;
}#ZMOPUWSRGO .aparat {
    background: #000;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
}

#ZMOPUWSRGO [data-show=false] {
    display: none;
}

#ZMOPUWSRGO .aparat img {
    background: #000;
    vertical-align: sub;
}

#ZMOPUWSRGO .footer-social .aparat:hover,
#ZMOPUWSRGO .footer-social .aparat:hover img {
    background: var(--theme-deafult) !important;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

#ZMOPUWSRGO .footer-logo {
    text-align: initial;
}

#ZMOPUWSRGO .footer-logo img {
    width: 200px !important;
    height: 200px;
    object-fit: contain;
}

#ZMOPUWSRGO .light-layout {
    background-color: #ede2d7;
}

#ZMOPUWSRGO .sub-footer {
    background-color: #ffd6e7;
}

#ZMOPUWSRGO .sub-footer p {
    color: #6b8e23;
}

#ZMOPUWSRGO .footer-theme .sub-title h4 {
    color: #6b8e23;
}

@media (max-width: 576px) {
    #ZMOPUWSRGO .footer-logo {
        text-align: center;
    }

    #ZMOPUWSRGO .footer-logo img {
        height: 200px;
    }
}