/* =====================================
   SHRI GIRRAJ PRODUCT IMAGE GALLERY
===================================== */

.SG_Product_details {
  width: 100%;
}

/* MAIN WRAPPER */

.SG_Product_details .SG_Product_details_gallery {
  display: flex;

  gap: 25px;

  align-items: center;
}

/* ===============================
   THUMBNAILS
================================ */

.SG_Product_details .SG_Product_details_thumbs {
  width: 90px;

  height: 480px;
}

.SG_Product_details .SG_Product_thumb_slider {
  height: 100%;
}

.SG_Product_details .SG_Product_details_thumb_item {
  height: 90px;

  width: 90px;

  background: #ffffff;

  border-radius: 5px;

  border: 1px solid #ddd;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  cursor: pointer;

  transition: 0.3s;
}

.SG_Product_details .SG_Product_details_thumb_item:hover {
  border-color: #b22c35;

  transform: translateY(-3px);
}

.SG_Product_details .SG_Product_details_thumb_item.active {
  border: 1px solid #b22c35;

  box-shadow: 0 0px 5px rgba(178, 44, 53, 0.25);
}

.SG_Product_details .SG_Product_details_thumb_item img {
  width: 100%;

  height: 100%;

  object-fit: contain;

  display: block;
}

/* ===============================
   MAIN IMAGE BOX
================================ */

.SG_Product_details .SG_Product_details_main {
  position: relative;

  flex: 1;

  height: 480px;

  background: linear-gradient(135deg, #fff7f2, #f5dddd);

  border-radius: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.12);
}

.SG_Product_details .SG_Product_details_image_box {
  width: 100%;

  height: 100%;
  aspect-ratio: 1/1;
  display: flex;

  align-items: center;

  justify-content: center;

  padding: 35px;
}

.SG_Product_details .SG_Product_details_main_img {
  width: 100%;

  height: 100%;


  object-fit: contain;

  display: block;

  transition: all 0.3s ease;

}

.SG_Product_details
  .SG_Product_details_main:hover
  .SG_Product_details_main_img {
  transform: scale(1.08);
    transition: all 0.3s ease;
}

/* ===============================
   BADGE
================================ */

.SG_Product_details .SG_Product_details_badge {
  position: absolute;

  top: 25px;

  left: 25px;

  background: #b22c35;

  color: #fff;

  padding: 7px 18px;

  font-size: 12px;

  font-weight: 600;

  border-radius: 30px;

  z-index: 5;
}

/* ===============================
   WISHLIST
================================ */

.SG_Product_details .SG_Product_details_wishlist {
  position: absolute;

  right: 25px;

  top: 25px;

  z-index: 5;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 991px) {
  .SG_Product_details .SG_Product_details_gallery {
    flex-direction: column-reverse;
  }

  .SG_Product_details .SG_Product_details_thumbs {
    width: 100%;

    height: 95px;
  }

  .SG_Product_details .SG_Product_details_thumb_item {
    width: 75px;

    height: 75px;
  }

  .SG_Product_details .SG_Product_details_main {
    height: 380px;
  }
}

@media (max-width: 575px) {
  .SG_Product_details .SG_Product_details_main {
    height: 300px;

    border-radius: 20px;
  }

  .SG_Product_details .SG_Product_details_main_img {
    width: 95%;

    height: 95%;
  }

  .SG_Product_details .SG_Product_details_badge {
    top: 15px;

    left: 15px;

    font-size: 10px;
  }

  .SG_Product_details .SG_Product_details_wishlist {
    right: 15px;

    top: 15px;
  }
}
