/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.13.1761229912
Updated: 2025-10-23 20:01:52

*/

/* Above header banner scroll text start */
/*.site-header-section{*/
/*    display: block!important;*/
/*}*/

@media (max-width: 969px) {
    #ast-desktop-header{
        display: block!important;
    }
    #ast-desktop-header .main-header-bar-wrap{
        display: none!important;
    }
}
.header-banner {
  color: #fff;
  text-align: center;
  padding: 8px 0;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  overflow: hidden;
  position: relative;
}

.scroll-content {
  animation: fadeIn 0.5s ease-in-out;
  transition: all 0.5s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Above header banner scroll text end */

/* Bestseller slider start */
.bestseller-section {
  text-align: center;
  padding: 30px 20px;
  overflow: hidden;
  position: relative;
}

.section-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}

.bestseller-slider {
  position: relative;
  display: flex;
  align-items: center;
}

.slider-track {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}

.slider-track::-webkit-scrollbar {
  display: none;
}

.product-card {
  flex: 0 0 25%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  max-width: min-width;
}

.product-card:hover {
  transform: translateY(-5px);
}

.image-box {
  position: relative;
  height: 320px; /* Reduced height for desktop */
  border-bottom: 1px solid #eee;
}

.image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom: 1px solid #ddd;
}

.product-info {
  padding: 15px;
}

.product-info h3 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.price {
  font-size: 16px;
  margin-bottom: 10px;
}

.current-price {
  font-weight: bold;
}

.old-price {
  text-decoration: line-through;
  color: #888;
  margin: 0 8px;
}

.discount {
  color: #1800AD;
  font-weight: bold;
}

.buy-btn {
  background-color: #1800AD;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.buy-btn:hover {
  background-color: #0f0080;
}

/* Slider buttons */
.slider-btn {
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 10;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.prev {
  left: -10px;
}

.next {
  right: -10px;
}

/* Tablet view */
@media (max-width: 1024px) {
  .product-card {
    flex: 0 0 33.33%;
  }

  .image-box {
    height: 280px; /* Slightly smaller */
  }
}

/* Mobile view */
@media (max-width: 768px) {
  .product-card {
    flex: 0 0 75%;
  }

  .image-box {
    height: 230px; /* Reduced height for mobile */
  }

  .product-info h3 {
    font-size: 14px;
  }

  .buy-btn {
    padding: 8px 16px;
    font-size: 14px;
  }

  .slider-btn {
    display: none;
  }
}
/* Bestseller slider end */

/* Header banner slider start*/
/* ===== HERO SECTION ===== */
.dstagx-hero-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 40px 0;
  background-color: #fff;
}

.dstagx-hero-box {
  position: relative;
  width: 90%;
  max-width: 1800px !important;
  aspect-ratio: 16 / 7; /* Rectangle box shape */
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

.dstagx-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.dstagx-slide.active {
  opacity: 1;
  z-index: 1;
}

.dstagx-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures image fills the rectangle properly */
  border-radius: 20px;
}

/* ===== ARROWS ===== */
.dstagx-prev,
.dstagx-next {
  /*position: absolute;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  /*background-color: rgba(0, 0, 0, 0.4);*/
  /*color: #fff;*/
  /*border: none;*/
  /*font-size: 28px;*/
  /*padding: 12px;*/
  /*border-radius: 50%;*/
  /*cursor: pointer;*/
  /*transition: background 0.3s ease;*/
  /*z-index: 5;*/
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #111;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 15;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    font-size: 22px;
}

.dstagx-prev:hover,
.dstagx-next:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.dstagx-prev { left: 20px; }
.dstagx-next { right: 20px; }

/* ===== DOTS ===== */
.dstagx-dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.dstagx-dots span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.dstagx-dots span.active {
  background: #1800AD; /* Blue active dot */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .dstagx-hero-box {
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 767px) {
  .dstagx-hero-box {
    aspect-ratio: 4 / 5;
  }
  .dstagx-prev,
  .dstagx-next {
	  display: none;
    font-size: 22px;
    padding: 8px;
  }
}
/* Header banner slider end*/

/* Our trending T-Shirt SLider start */ 
.coverflow-carousel {
  text-align: center;
  padding: 60px 20px;
  background: #fff;
  overflow: hidden;
}
.carousel-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 40px;
}

.coverflow-wrapper {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.coverflow-track {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1200px;
  transform-style: preserve-3d;
  height: 400px;
  transition: transform 0.6s ease;
}

.coverflow-slide {
  position: absolute;
  width: 240px;
  height: 340px;
  opacity: 0.6;
  transform: scale(0.7);
  transition: all 0.6s ease;
  cursor: pointer;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.coverflow-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.coverflow-slide .slide-name {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 12px;
  background: rgba(0,0,0,0.55);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}

/* Active Slide */
.coverflow-slide.active {
  opacity: 1;
  transform: scale(1) translateZ(50px);
  z-index: 10;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

/* Left and right slide positions */
.coverflow-slide.left1 { transform: translateX(-180px) rotateY(35deg) scale(0.85); z-index: 8; }
.coverflow-slide.left2 { transform: translateX(-340px) rotateY(45deg) scale(0.7); z-index: 7; opacity: 0.4; }
.coverflow-slide.right1 { transform: translateX(180px) rotateY(-35deg) scale(0.85); z-index: 8; }
.coverflow-slide.right2 { transform: translateX(340px) rotateY(-45deg) scale(0.7); z-index: 7; opacity: 0.4; }

/* Navigation Buttons */
.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 15;
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
  font-size: 22px;
}
.prev-btn { left: 10px; }
.next-btn { right: 10px; }

/* Responsive Adjustments */
@media(max-width: 1099px) {
  .coverflow-slide { width: 200px; height: 300px; }
  .coverflow-slide.left2, .coverflow-slide.right2 { display: none; }
}
@media(max-width: 699px) {
  .coverflow-slide { width: 160px; height: 240px; }
  .coverflow-slide.left2, .coverflow-slide.right2 { display: none; }
  .nav-btn { width: 42px; height: 42px; font-size: 18px; }
}
/* Our trending T-Shirt SLider end */ 

/* Most Loved Products starts*/
/* === UPDATED DSTAGX UNIQUE CAROUSEL === */

* {
  box-sizing: border-box;
}

.dxc-slider-area {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 40px 0;
  background-color: #ffffff;
}

.dxc-slider-track {
  display: flex;
  gap: 15px;
  transition: transform 0.6s ease-in-out;
}

.dxc-slide {
  flex: 0 0 calc(25% - 15px); /* 4 on desktop */
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: center;
  padding: 15px;
  transition: transform 0.3s ease;
}

.dxc-slide img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
}

.dxc-desc {
  margin: 10px 0 8px;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  min-height: 36px;
}

/* ★ STAR RATING */
.dxc-stars {
  color: #FFD700;
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

/* PRICE SECTION */
.dxc-price {
  margin-bottom: 12px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.dxc-old-price {
  text-decoration: line-through;
  color: #888;
}
.dxc-new-price {
  font-weight: bold;
  color: #000;
}
.dxc-discount {
  color: #1800AD;
  font-weight: 600;
}

/* BUY BUTTON */
.dxc-buy-btn {
  display: inline-block;
  background: #1800AD;
  color: #fff;
  padding: 8px 18px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
}
.dxc-buy-btn:hover {
  background: skyblue;
  color: #fff;
}

/* ARROW BUTTONS */
/*.dxc-nav-btn {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    background: #111;*/
/*    color: #fff;*/
/*    border: none;*/
/*    border-radius: 50%;*/
/*    width: 48px;*/
/*    height: 48px;*/
/*    cursor: pointer;*/
/*    z-index: 15;*/
/*    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);*/
/*    font-size: 22px;*/
/*}*/
/*.dxc-nav-btn:hover {*/
/*  background: skyblue;*/
/*  transform: translateY(-50%) scale(1.1);*/
}
.dxc-prev {
  /*left: 8px;*/
}
.dxc-next {
  /*right: 8px;*/
}

/* TABLET */
@media (max-width: 1024px) {
  .dxc-slide {
    flex: 0 0 calc(33.333% - 15px);
  }
  .dxc-slide img {
    height: 200px;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .dxc-slide {
    flex: 0 0 calc(50% - 10px);
    padding: 12px;
  }
  .dxc-slide img {
    height: 160px;
  }
  .dxc-desc {
    font-size: 13px;
  }
  .dxc-buy-btn {
    padding: 7px 16px;
    font-size: 13px;
  }
  /*.dxc-nav-btn {*/
  /*  position: absolute;*/
  /*  top: 50%;*/
  /*  transform: translateY(-50%);*/
  /*  background: #111;*/
  /*  color: #fff;*/
  /*  border: none;*/
  /*  border-radius: 50%;*/
  /*  width: 48px;*/
  /*  height: 48px;*/
  /*  cursor: pointer;*/
  /*  z-index: 15;*/
  /*  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);*/
  /*  font-size: 22px;*/
  /*}*/
}

/* SMALL MOBILE */
@media (max-width: 480px) {
  .dxc-slide {
    flex: 0 0 calc(70% - 10px);
  }
  .dxc-slide img {
    height: 150px;
  }
  .dxc-slider-area {
    padding: 25px 0;
  }
}
/* Most Loved Products ends*/