/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  Child theme for Astra
 Author:       Arindam Mallick
 Template:     astra
 Version:      1.0.0
*/


/*.product-gallery-slider {
  width: 100%;
  margin-bottom: 20px;
}
.product-gallery-slider img {
  width: 100%;
  border-radius: 8px;
}
.woocommerce div.product div.images {
  width: 100% !important;
  max-width: 600px;
  margin: 0 auto;
}

.product-gallery-slider {
  margin-bottom: 20px;
}

.product-gallery-slider img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
*/
.product-social-share a {
  display: inline-block;
  font-weight: bold;
  transition: 0.3s ease;  
}
.product-social-share a:hover {
  opacity: 0.85;
}



/* CUSTOM SLIDER START  */
/* Erŏpus slider */
.eropus-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 2000px;    /* desktop width target */
  height: 500px;        /* desktop height target */
  margin: 0 auto;
}

.eropus-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform .8s ease-in-out;
  will-change: transform;
}

.eropus-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
}

/* Controls */
.eropus-prev,
.eropus-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.45);
  color: #fff;
  border: none;
  font-size: 24px;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 20;
}
.eropus-prev { left: 16px; }
.eropus-next { right: 16px; }

/* Dots */
.eropus-dots {
  position: absolute;
  bottom: 14px;
  width: 100%;
  text-align: center;
  z-index: 20;
}
.eropus-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  border-radius: 50%;
  background: rgba(255,255,255,0.65);
  border: none;
  cursor: pointer;
}
.eropus-dot.active {
  background: #ffffff;
}

/* Mobile layout target */
@media (max-width: 768px) {
  .eropus-slider {
    max-width: 400px;  /* mobile width target */
    height: 600px;     /* mobile height target */
  }
  .eropus-slide img {
    height: 600px;
  }
}

/* small tweak: make sure buttons are visible on small screens */
@media (max-width: 420px) {
  .eropus-prev, .eropus-next { font-size: 20px; padding: 6px 10px; }
}


/* CUSTOM SLIDER END  */

/* PRODUCT SLIDER START */
.owl-carousel.owl-drag .owl-item{margin:0 -61px}.clients{padding:0}.box{display:grid;align-items:center;justify-items:center;width:60%;margin:8px auto}.box img{width:100%;height:100%;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.2);object-fit:cover;transition:transform .3s ease-in-out}.box:hover img{transform:scale(1.1)}.owl-carousel{position:relative}.owl-nav{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;padding:0 10px}.owl-nav button{pointer-events:auto;background:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,0.15);cursor:pointer;transition:transform .12s ease}.owl-nav button:hover{transform:scale(1.05)}.owl-nav button svg{width:14px;height:14px;stroke:#333}.owl-nav button:focus{outline:2px solid rgba(0,123,255,0.35);outline-offset:2px}@media(max-width:480px){.owl-nav button{width:30px;height:30px}}

/* PRODUCT SLIDER END */


.et-swiper-controls {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    z-index: 1 !important;
}