@charset "UTF-8";
/* default
/* 1. color */
/* 2. config */
/*----------------------------------------
    Variables
-----------------------------------------*/
/* 3. mixins */
/* 4. plugins */
/* -------------------------------------------
    Swiper Container
---------------------------------------------- */
.header-bottom .header-right > a {
  padding-bottom: 1.4rem;
}
.header-bottom .header-right > a i.w-icon-map-marker {
  margin-top: -0.3rem;
}

.header-bottom.border-bottom {
  border-bottom: 1px solid #eee;
}

.category-dropdown:hover > a,
.category-dropdown.show > a {
  background-color: #d7b368;
}

/* Intro-section */
.intro-slide {
  min-height: 555px;
  height: 100%;
}
.intro-slide .slide-image {
  position: absolute;
}
.intro-slide .btn {
  padding: 1.22em 2.44em;
  font-size: 1.4em;
}
.intro-slide .banner-subtitle {
  font-size: 1.6em;
  letter-spacing: 0.05em;
}
.intro-slide .banner-title {
  font-size: 4.5em;
}

.intro-slide1 .slide-image {
  width: 72.9rem;
  left: 41.6%;
  bottom: 0;
}
.intro-slide1 .banner-content {
  left: 7%;
  margin-top: -0.2rem;
  max-width: 41rem;
}
.intro-slide1 .banner-title {
  line-height: 1.13;
}

.intro-slide2 .slide-image {
  width: 86.5rem;
  right: 46.2%;
  bottom: -16rem;
}
.intro-slide2 .banner-content {
  max-width: 38rem;
  right: 8.7%;
  margin-top: -0.2rem;
}
.intro-slide2 .banner-subtitle {
  margin-right: -0.2rem;
}
.intro-slide2 .banner-title {
  margin-right: -0.3rem;
}
.intro-slide2 .banner-price-info {
  margin-right: -0.2rem;
  font-size: 2.4em;
  line-height: 1.2;
}
.intro-slide2 p {
  margin-bottom: 2.2rem;
  font-size: 1.6em;
}

.intro-slide3 .slide-image {
  width: 52.7rem;
  right: 53.5%;
  bottom: 3.5rem;
}
.intro-slide3 .banner-content {
  max-width: 46rem;
  margin-top: -0.5rem;
  right: 7%;
}
.intro-slide3 .banner-subtitle {
  margin-bottom: 0.8rem;
}
.intro-slide3 .banner-title {
  margin-bottom: 0.7rem;
  line-height: 1.1;
  font-size: 4.2em;
}
.intro-slide3 p {
  margin-bottom: 2.3rem;
  font-size: 1.8em;
}

.intro-section .nav-inner .swiper-button-prev,
.intro-section .nav-inner .swiper-button-next {
  width: 6rem;
  height: 6rem;
  font-size: 3rem;
  color: #333;
  border: none;
}
.intro-section .nav-inner:hover .swiper-button-prev {
  right: 11.1%;
}
.intro-section .nav-inner:hover .swiper-button-next {
  left: 11.1%;
}

.intro-section .swiper-container.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):hover, .intro-section .swiper-container.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):focus, .intro-section .swiper-container.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):active,
.intro-section .swiper-container.swiper-theme .swiper-button-next:not(.swiper-button-disabled):hover,
.intro-section .swiper-container.swiper-theme .swiper-button-next:not(.swiper-button-disabled):focus,
.intro-section .swiper-container.swiper-theme .swiper-button-next:not(.swiper-button-disabled):active,
.recent-view-section .swiper-container.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):hover,
.recent-view-section .swiper-container.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):focus,
.recent-view-section .swiper-container.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):active,
.recent-view-section .swiper-container.swiper-theme .swiper-button-next:not(.swiper-button-disabled):hover,
.recent-view-section .swiper-container.swiper-theme .swiper-button-next:not(.swiper-button-disabled):focus,
.recent-view-section .swiper-container.swiper-theme .swiper-button-next:not(.swiper-button-disabled):active {
  background-color: transparent;
  color: #d7b368;
}

/* Icon Box Wrapper */
.icon-box-wrapper {
  border: 1px solid #eee;
  padding: 2.4rem 0 2.5rem;
}
.icon-box-wrapper .icon-box-title {
  margin-bottom: 0.6rem;
}

@media (min-width: 768px) {
  .icon-box-wrapper .icon-box-icon {
    margin-left: 1.8rem;
  }
}
/* Product Deals Wrapper */
.title-link-wrapper .title-deals {
  padding: 0.6rem 0;
}
.title-link-wrapper a {
  margin-bottom: 0.6rem;
  color: #333;
}
.title-link-wrapper a:hover {
  color: #d7b368;
}
.title-link-wrapper::after {
  content: none;
}
.title-link-wrapper .product-countdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 2.2rem 0.5rem 0;
  padding: 0.3rem 0.9rem;
  border-radius: 3px;
  background-color: #f7f7f7;
}

.ratings-full::before {
  color: #ccc;
}

.product-deals-wrapper .swiper-pagination {
  margin-top: 0;
}

/* Category Wrapper */
.category-wrapper img {
  min-height: 20rem;
}

/* Vendor Wrapper */
.vendor-widget {
  margin-bottom: 0;
}

/* Products in Tab pane */
.tab-with-title.tab-nav-boxed .nav .nav-item {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.products.grid-type {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, calc(100% / 5));
  grid-auto-rows: auto;
}
.products.grid-type .lg-item {
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-row-span: 2;
  grid-row-end: span 2;
}
.products.grid-type .lg-item .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background: #f4f4f4;
}
.products.grid-type .lg-item .product-meida {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.products.grid-type .lg-item .product-details {
  padding-bottom: 3.8rem;
  background-color: #f4f4f4;
}
.products.grid-type .lg-item .product-name {
  margin-bottom: 1rem;
  font-size: 1.8rem;
  line-height: 1.4;
}
.products.grid-type .lg-item .ratings-container {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.products.grid-type .lg-item .rating-reviews {
  font-size: 1.4rem;
}
.products.grid-type .lg-item .product-price {
  font-size: 2.4rem;
}
.products.grid-type .sm-item {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

/* Sale Banner */
.sale-banner {
  margin: 3.3rem 0 6rem;
}
.sale-banner .banner-subtitle {
  padding-right: 4rem;
  padding-left: 1.9rem;
  background-color: #e0e0e0;
  white-space: nowrap;
}
.sale-banner .banner-subtitle::after, .sale-banner .banner-subtitle::before {
  border-color: #e0e0e0;
}
.sale-banner .banner-subtitle span {
  font-size: 0.45em;
  margin-left: 0.3rem;
}
.sale-banner .content-right {
  background: #333;
}
.sale-banner .btn {
  background: #fff;
  border-color: #fff;
}
.sale-banner .btn:hover, .sale-banner .btn:active, .sale-banner .btn:focus {
  color: #fff;
  background-color: #d7b368;
  border-color: #d7b368;
}

@media (min-width: 768px) {
  .sale-banner .content-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 27.7rem);
            flex: 0 0 calc(100% - 27.7rem);
    max-width: calc(100% - 27.7rem);
    padding-left: 5rem;
  }
}
/* Banner Product Wrapper */
.categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8.6% 11.2%;
  border: 1px solid #e1e1e1;
}
.categories .title {
  margin-bottom: 1.3rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.categories ul {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
}
.categories a:not(.btn) {
  display: inline-block;
  padding: 0.6rem 0;
  color: #333;
}
.categories a:not(.btn):hover {
  color: #d7b368;
}

.banner-product-wrapper .banner {
  padding: 4.3rem 5.1rem 4rem;
}
.banner-product-wrapper .banner-subtitle {
  font-size: 2em;
}
.banner-product-wrapper .banner-subtitle span {
  margin-right: 0.6rem;
}
.banner-product-wrapper .banner-title {
  margin-bottom: 1.4rem;
  font-size: 2.4em;
}
.banner-product-wrapper p {
  font-size: 1.6em;
  margin-bottom: 0;
}
.banner-product-wrapper .product-wrap {
  margin-bottom: 0;
}
.banner-product-wrapper .product-details {
  padding-top: 1.8rem;
}
.banner-product-wrapper .ratings-container {
  margin-bottom: 0.8rem;
}
.banner-product-wrapper .product-price {
  line-height: 1;
}
.banner-product-wrapper .btn-icon-right i {
  margin-right: 0.8rem;
  margin-bottom: 0.5rem;
}

/* Category Warpper */
.sports-fashion .banner-content {
  right: 7.7%;
}
.sports-fashion .banner-content.text-right {
  left: 7.7%;
}
.sports-fashion .banner-subtitle {
  margin-bottom: 0;
  font-size: 1.6em;
  line-height: 1.6;
}
.sports-fashion .banner-title {
  margin-bottom: 1.3rem;
  font-size: 2.6em;
}
.sports-fashion .banner-divider {
  width: 3.5rem;
  margin-bottom: 1.3rem;
  opacity: 0.8;
}
.sports-fashion .banner-price-info {
  font-size: 1.6em;
}
.sports-fashion .banner-price-info span {
  font-size: 1.125em;
}

/* Banner Wrapper */
.banner-electronics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3.9% 3.8% 4.2%;
  margin-bottom: 4.7rem;
}
.banner-electronics .banner-content {
  margin-left: 5.5rem;
}
.banner-electronics .banner-price-info {
  margin-bottom: 0.2rem;
  font-size: 2.4em;
}
.banner-electronics .banner-title {
  font-size: 3.2em;
}

/* Brands Wrapper */
.brands-wrapper {
  padding: 1.8rem 0;
  border: 1px solid #e1e1e1;
}
.brands-wrapper img {
  height: 5.3rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1199px) {
  .main-nav {
    margin: 0 auto;
  }

  .header-call {
    margin-left: 1rem !important;
  }
  .header-call::after {
    content: none;
  }
}
@media (max-width: 991px) {
  .intro-slide1 .banner-content {
    left: 3%;
  }

  .intro-slide2 .slide-image {
    right: 40%;
  }

  .intro-slide2 .banner-content, .intro-slide3 .banner-content {
    right: 3%;
  }

  .products.grid-type {
    grid-template-columns: repeat(auto-fill, calc(100% / 12));
  }
  .products.grid-type .lg-item {
    -ms-grid-column-span: 8;
    grid-column-end: span 8;
  }
  .products.grid-type .sm-item:nth-child(2),
.products.grid-type .sm-item:nth-child(3) {
    -ms-grid-column-span: 4;
    grid-column-end: span 4;
  }
  .products.grid-type .sm-item {
    -ms-grid-column-span: 3;
    grid-column-end: span 3;
  }

  .tab-with-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .tab-with-title .nav-tabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 767px) {
  .intro-slide {
    font-size: 0.9rem;
  }

  .intro-slide1 .slide-image {
    left: 50%;
  }

  .products.grid-type {
    grid-template-columns: repeat(auto-fill, calc(100% / 2));
  }
  .products.grid-type .lg-item {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
  }
  .products.grid-type .sm-item:nth-child(2),
.products.grid-type .sm-item:nth-child(3),
.products.grid-type .sm-item {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
  }

  .categories {
    padding: 3rem;
  }

  .banner-electronics {
    display: block;
  }
  .banner-electronics .banner-content {
    margin-left: 0;
    margin-bottom: 3rem;
  }

  .sale-banner .content-left {
    padding-right: 3rem;
  }
}
@media (max-width: 575px) {
  .banner {
    font-size: 0.8rem;
  }

  .intro-slide1 .banner-content {
    left: 0;
  }

  .intro-slide2 .banner-content, .intro-slide3 .banner-content {
    right: 0;
  }

  .intro-slide3 .slide-image {
    bottom: -3.5rem;
  }

  .banner-product-wrapper .banner {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }

  .banner-electronics {
    padding: 4rem 2rem;
  }

  .title-link-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .title-link-wrapper .product-countdown-container {
    margin: 0 auto 1rem auto;
  }
}
/* ========================================= */
/* اسلایدر در موبایل       */
/* ========================================= */
@media(max-width:900px){
  .intro-slide1 .slide-image {
    left: unset;right:5%; max-width:400px !important;top: 6%;bottom:unset;
  }
.intro-slide1 .banner-content{margin-top: 150px !important;}
  .intro-slide2 .slide-image {
    left:5% ;right:unset; max-width:400px !important;top: unset;bottom:0;
  }
.intro-slide2 .banner-content{top: 120px !important;}
  .intro-slide3 .slide-image {
    left:4% ;right:unset; max-width:350px !important;top: unset;bottom:0;
  }
.intro-slide3 .banner-content{top: 125px !important;}
}