@font-face{font-family: iranSans;font-style: normal;font-weight: 600;src: url("../font/iranSans/IRANSans.woff") format("woff");font-display: swap;}
@font-face{font-family: iranSans;font-style: normal;font-weight: 800;src: url("../font/iranSans/IRANSans.woff") format("woff");font-display: swap;}

/********** Template CSS **********/
:root {
    --primary: #70587c;
    --secondary: #5f4f6e;
    --light: #EFFDF5;
    --dark: #2B3940;
}
* {box-sizing: border-box;}
::-webkit-scrollbar-corner { background: rgba(0,0,0,0.5); }
* {scrollbar-width: thin;scrollbar-color: var(--color-brand1-hover11);}
*::-webkit-scrollbar-track {background: var(--color-brand1-hover11);}
*::-webkit-scrollbar-thumb {background-color: var(--color-brand1-hover11);border-radius: 20px;border: 3px solid var(--color-brand1-hover11);}

body {font-family: iranSans,"Roboto", Helvetica, Arial, sans-serif;color: var(--secondary);margin: 0;padding: 0;width: 100%;scrollbar-color: var(--primary);scrollbar-width: thin;background-color: #efefef33;}

.line-height-45{line-height: 45px;}
.text-justify{text-align: justify;}
.dir-rtl{direction: rtl!important;}
.hide{display: none!important;}
.pre-wrap{white-space: pre-wrap;}
.owl-slider-image{width: auto;height:auto;max-height: 300px;max-width: 300px;aspect-ratio: 1}

.border-radius-7px{border-radius:7px;}
.border-top-radius-7px{border-top-right-radius:7px;border-top-left-radius:7px;}
.border-bottom{border-bottom: solid 1px rgba(0, 0, 0, .08);}
.text-11{font-size: 11px!important;}
.text-13{font-size: 13px;}
.text-16{font-size: 16px;}
.text-20{font-size: 20px;}
.text-25{font-size: 25px;}
.text-30{font-size: 30px;}
.text-35{font-size: 35px;}

.mh-180px{min-height: 180px;}
.rect-180{height: 180px;width: 100%;}
.w-150px{width: 150px;}
.mw-300px{max-width: 300px;}
.minW-300px{min-width: 300px;}
.minW-150px{min-width: 150px;}

.bg-brand{background-color: var(--primary);}
.text-brand{color: var(--primary);}
.bg-second-brand{background-color: var(--secondary);}
.text-second-brand{color: var(--secondary)!important;}
.shadow-brand{border: 1px solid rgba(0, 0, 0, .08);box-shadow: 0 0 20px rgba(0, 0, 0, .08);}

.fade-text{font-size: 12px ;color:#eee;}

/*** Spinner ***/
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}

/*** Button ***/
.btn {font-weight: 600;transition: .5s;border-radius: 7px;}
.btn.btn-primary,
.btn.btn-secondary {color: #FFFFFF;}
.btn-square {width: 38px;height: 38px;}
.btn-sm-square {width: 32px;height: 32px;}
.btn-lg-square {width: 48px;height: 48px;}
.btn-square,
.btn-sm-square,
.btn-lg-square {padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;border-radius: 2px;}
.btn.btn-primary{background-color: var(--primary);border:solid 1px var(--primary);}
.btn.btn-secondary{background-color: var(--secondary);border:solid 1px var(--secondary);}

.btn-brand-outline{background-color: #FFF;color: var(--primary);border: solid 2px var(--primary);border-radius: 7px;height: 45px;}
.btn-brand-outline:hover{background-color: var(--primary);color: #FFF;transition: 0.5s;}

/*** Navbar ***/
.navbar{height: 70px;border-radius: 12px;}
.navbar .dropdown-toggle::after {border: none;content: "\f107";vertical-align: middle;margin-left: 5px;transition: .5s;}
.navbar .dropdown-toggle[aria-expanded=true]::after {transform: rotate(-180deg);}
.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {font-size: 14px;margin: 5px 20px;border-bottom: solid 2px #fff;}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {color: var(--primary);border-bottom: solid 2px var(--primary);transition: 0.5s;opacity:0.7;}
.nav-cart-button{margin: -10px 90% 0 0;aspect-ratio: 1;}
.navbar-light .navbar-brand,
.navbar-light a.btn {height: 50px;}
.navbar-light .navbar-nav .nav-link {color: var(--dark);}
.navbar-light.sticky-top {top: -100px;transition: .5s;}

/*** Hero Slider ***/
#bannerCarousel .carousel-item img {width: 100%;height: auto;max-height: 400px;object-fit: cover;border-radius: 12px;}

/* Styles for larger screens (Desktop) */
@media (min-width: 768px) { /* Tablet and larger screens */
    #bannerCarousel .carousel-inner img {
        max-height: 500px; /* Set a different height for desktop */
        object-fit: cover;
    }
}

@media (min-width: 1024px) { /* Larger desktops */
    #bannerCarousel .carousel-inner img {
        max-height: 700px; /* Adjust as needed */
    }
}



#bannerCarousel .carousel-inner {border-radius: 12px;overflow: hidden;}
.carousel-control-prev,
.carousel-control-next{width: 40px;height: 40px;top:43%;margin:0 5px;background-color: #ffffff;border-radius: 7px;}
.carousel-control-prev-icon{background-image:url('data:image/svg+xml,<svg width="1.2em" height="1.2em" fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.7 11.3l-6-6c-0.4-0.4-1-0.4-1.4 0s-0.4 1 0 1.4l5.3 5.3-5.3 5.3c-0.4 0.4-0.4 1 0 1.4 0.2 0.2 0.4 0.3 0.7 0.3s0.5-0.1 0.7-0.3l6-6c0.4-0.4 0.4-1 0-1.4z"></path></svg>');transform: rotate(180deg);}
.carousel-control-next-icon{background-image:url('data:image/svg+xml,<svg width="1em" height="1em" fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.7 11.3l-6-6c-0.4-0.4-1-0.4-1.4 0s-0.4 1 0 1.4l5.3 5.3-5.3 5.3c-0.4 0.4-0.4 1 0 1.4 0.2 0.2 0.4 0.3 0.7 0.3s0.5-0.1 0.7-0.3l6-6c0.4-0.4 0.4-1 0-1.4z"></path></svg>');}
@media (max-width: 768px) {
    #bannerCarousel .carousel-item img {max-height: 300px;}
    .carousel-control-prev,
    .carousel-control-next{width: 30px;height: 30px;}
}
@media (max-width: 576px) {
    #bannerCarousel .carousel-item img {max-height: 200px;}
    .carousel-control-prev,
    .carousel-control-next{width: 25px;height: 25px;}
}

/*** Header ***/
.main-banner {background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 180px 0;position: relative;overflow: hidden;}
.main-banner .top-text h6 {color: #fff;font-size: 15px;}
.main-banner .top-text h2 {color: #fff;font-size: 35px;font-weight: 800;margin-top: 15px;margin-bottom: 45px;}

.search-form input {width: 100%;height:45px;background-color: #fff;border: none;border-radius: 5px;color:var(--secondary);font-size: 13px;}
.search-form input::placeholder {color: var(--secondary);font-size: 13px;}
.search-form input:focus {outline: none;}
.main-button {width: 100%;height:50px;background-color: var(--primary);border: none;color: #fff;font-size: 15px;border-radius: 5px;}

/*** Header box ***/
.header-box {margin-top:-60px;border-radius: 12px;background-color: #ffffffDD;box-shadow: 0 0 20px rgba(0, 0, 0, .25);}
.header-box-item {width:120px;height:120px;border-radius: 12px;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, .25);}
.header-box-item:hover {cursor:pointer;transition:0.5s;box-shadow: 0 0 10px rgba(0, 0, 0, .40);}

/*** Breadcrumb ***/
.breadcrumb{background: transparent;width: 100%;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;margin: 34px 0 20px;padding: 0 }
.breadcrumb li{display: inline-block;white-space: nowrap;line-height: 200% }
.breadcrumb .bc-item a{color: #484848 }
.breadcrumb .bc-item.active a{color: var(--primary)}
.breadcrumb img{margin: 0 14px 0 20px;width: 4px;height: 8px }
.breadcrumb{width: 100%;height: 30px;overflow: hidden }

/*** Profile ***/
.aside-link{color: var(--primary) !important;border-top: solid 1px rgba(0, 0, 0, .08);font-size: 14px;border-radius: 7px;}
.aside-link:hover{background-color: #f6f6f6}
.aside-link-active{background-color: var(--primary);color: #fff !important;border-top: solid 1px rgba(0, 0, 0, .08);font-size: 14px;border-radius: 7px;}

.shopping-cart-item{border-bottom: solid 1px rgba(0, 0, 0, .08);font-size: 14px;border-radius: 7px;}
.shopping-cart-item:hover{background-color: #f6f6f6;}

/*** Items Listing ***/
.card-item {border: 1px solid transparent;border-radius: 12px;box-shadow: 0 0 20px rgba(0, 0, 0, .08);transition: .5s;}
.card-item:hover {border-color: rgba(0, 0, 0, .08);}
.card-item-discount{height: 40px;width: 90px;border-bottom-right-radius:22px;border-top-left-radius:22px;color:#fff;box-shadow: 0 0 12px rgba(255, 50, 72, .5);}
.card-item-image{}
.product-media-slider img{height: 200px!important;width: 200px!important;border-radius: 12px;}
.product-media-slider video{height: 200px;width: 200px;border-radius: 12px;}
.products-control .carousel-control-prev-icon,
.products-control .carousel-control-next-icon{background-image:none;width: 30px!important;height: 30px!important;}
.card-item-title{font-size: 14px; height: 77px;overflow: hidden}
.card-item-space{height: 140px;overflow: auto;}
.card-item-description{font-size: 11px;overflow: hidden;transition: max-height 0.7s ease-out;text-align: justify;max-height: 82px;}
.card-item-svg {transition: 0.5s ease-out;}
.card-item-button{font-size: 14px;color: #fff;background-color: var(--primary);border:solid 2px var(--primary);border-radius: 7px;height: 45px;}
.card-item-button:hover{color: var(--primary);background-color: #fff;transition: 0.5s;}
.card-item-accordion{cursor: pointer}
.product-card {background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.product-card:hover {transform: translateY(-5px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);}
.carousel {background: #f8f9fa;}
.product-card .carousel-control-prev,
.product-card .carousel-control-next{width: 30px;height: 30px;}
@media (max-width: 576px) {
    .product-card .carousel-control-prev,
    .product-card .carousel-control-next{width: 25px;height: 25px;}
}

.carousel-item img,
.carousel-item video{object-fit: cover;width: 101%;height: 101%;}
.carousel-item iframe{object-fit: cover;width: 102%;height: 102%;background-color: transparent;margin-top:-3px;margin-right:-5px;}

.product-content {padding: 1.5rem;}
.product-title {font-size: 1.1rem;color: #2d3436;line-height: 1.6;height: 3vh;overflow: hidden;font-family: iranSans,"Roboto", Helvetica, Arial, sans-serif!important;}
.product-description {height: 140px;color: #636e72;font-size: 0.8rem;line-height: 1.6;margin-bottom: 1.5rem;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;direction: rtl!important;font-family: iranSans,"Roboto", Helvetica, Arial, sans-serif!important;}
.highlight {box-shadow: 0 0 15px var(--primary);}

.product-details {display: flex;justify-content: space-between;flex-direction: column;align-items: center;margin-bottom: 1.25rem;}
.badge {padding: 0.5rem 1rem;font-weight: 500;border: 1px solid #dee2e6;border-radius: 7px}
.price-wrapper {text-align: right;}
.original-price {color: #a0a0a0;text-decoration: line-through;font-size: 0.9rem;margin-right: 0.5rem;}
.current-price {font-size: 1.25rem;font-weight: 600;color: #2d3436;}
.discount-badge {background: #ff7675;color: white;padding: 0.3rem 0.5rem 0.2rem;border-radius: 12px;font-size: 0.8rem;margin-left: 0.5rem;}

@media (max-width: 768px) {
    .product-details {gap: 1rem;}
    .price-wrapper {text-align: left;}
    .product-title {font-size: 1rem;}
    .current-price {font-size: 1rem;}
    .product-content {padding: 1.25rem;}
    .product-description {height: auto;display: block;}
}

/*** Pagination ***/
.page-link{border: solid 1px var(--secondary);border-radius: 7px;color:var(--secondary)}
.page-link:hover {background-color: var(--secondary);color:#fff}

/*** Contact ***/
.lines{position: absolute;top: 40%;width: 100%;height: 122px }
.lines .line1,.lines .line2{height: 54px;width: 100%;background: var(--primary);margin: 14px 0 }

.contact-box{background: #fff;position: relative;border-radius: 7px;box-shadow: 0 0 20px rgba(0, 0, 0, .25);}
.contact-box p{width: 590px;max-width: 100%;margin: 8px 0 34px;line-height: 200% }
.contact-box .letter-img{position: absolute;left: 0;top: 0;width: auto;height: auto }
.pz-contact-box{position: relative;z-index: 3 }

/*** Back to top ***/
.back-to-top {position: fixed;display: none;right: 45px;bottom: 45px;z-index: 99;aspect-ratio: 1;}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {display: block;top: 100%;margin-top: 0;transform: rotateX(-75deg);transform-origin: 0% 0%;opacity: 0;visibility: hidden;transition: .5s;}
    .navbar .nav-item:hover .dropdown-menu {transform: rotateX(0deg);visibility: visible;transition: .5s;opacity: 1;}

}

@media (max-width: 991.98px) {
    .navbar-dark .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link  {margin-right: 0;padding: 10px 0;}
    .navbar-light .navbar-nav {border-top: 1px solid #EEEEEE;}
    .contact-box .letter-img{width: 45% }
}

@media (max-width: 768px) {
}