/*   
    
    * This file contains the styling for the Home Variation Two, this
    is the file you need to edit to change the look of the
    template.

******************************************************
*****************************************************/
:root {
  --font-family-base: 'Marcellus', serif !important;
  --font-family-body: 'Mulish', sans-serif !important;
}

.home-slider.home-slider-3 {
  padding: 240px 0 230px 0;
  overflow-x: hidden;
}

.custom-section.video_section,
.custom-section.hero_section {
  padding-top: 70px;
}

.custom-section.flash_section {
  padding-top: 70px;
  padding-bottom: 0px !important;
}


.category-3 .category-item {
  padding: 20px 20px 40px;
  border-radius: 105px;
}

.category-3 .category-item:hover {
  border-color: transparent !important;
  -webkit-box-shadow: 0px 5px 40px rgba(49, 49, 49, 0.1);
  box-shadow: 0px 5px 40px rgba(49, 49, 49, 0.1);
}

.category-3 .category-title {
  font-family: var(font-family-body);
}

.product-default-3 {
  border-radius: 105px;
  cursor: pointer;
}

.product-default-3:hover {
  border-color: transparent;
}

.product-default-3 .product-title,
.product-default-3 .product-price span {
  font-family: var(--font-family-body);
  font-weight: var(--font-semi-bold);
}

.product-default-3 .product-price {
  line-height: 1;
}

.product-default-3 .product-img {
  margin-bottom: 20px;
}

.product-default-3 .product-img::before {
  position: absolute;
  content: '';
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% / 2 * 1.35);
  height: calc(100% / 2 * 1.65);
  background: var(--color-light-4);
  border-radius: 120px;
}

.product-default-3 .product-img .line {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin-inline: auto;
}

.product-default-3.slick-current .line {
  background: var(--color-dark);
  -webkit-box-shadow: 0px 3px 4px rgba(38, 41, 45, 0.25);
  box-shadow: 0px 3px 4px rgba(38, 41, 45, 0.25);
  -webkit-animation: scale .5s linear 1;
  animation: scale .5s linear 1;
}

@-webkit-keyframes scale {
  from {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes scale {
  from {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.page-title-area {
  position: relative;
  padding: 180px 0 45px;
  border-radius: 0 0 30px 30px;
  min-height: 350px;
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 992px) {
  .page-title-area {
    position: relative;
    padding: 130px 0 50px;
    border-radius: 0 0 30px 30px;
    min-height: 280px;
  }
}


/* Flash Section Custom Background Color */
.theme-fashion .new-product.actual-content {
  transition: background-color 0.3s ease;
}

/* Renk geçişini yumuşak hale getir */
.theme-fashion .new-product.actual-content[style*="background-color"] {
  background-image: none !important;
}

@media only screen and (max-width: 992px) {
  .home-slider.home-slider-3 {
    padding: 150px 0 340px 0;
  }

  .banner-sm.ratio.ratio-16-9::before {
    padding-bottom: 85.25%;
  }
}

@media only screen and (max-width: 575px) {
  .home-slider.home-slider-3 {
    padding: 220px 0 370px 0;
  }

  .product-thumb .slick-dots {
    width: max-content;

  }
}

@media only screen and (max-width: 480px) {
  .banner-sm.ratio.ratio-16-9::before {
    padding-bottom: 70.25%;
  }
}

.footer-fashion .bg-overlay::before {
  opacity: 0 !important;
}

.footer-area .copy-right-area {
  border-top: 1px solid var(--color-gray-1) !important;
}


/*# sourceMappingURL=home-3.css.map */