.detail-items{
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap:2rem;
    margin-bottom: 2rem;
}
.detail-items .right-content h4{
    margin-bottom: 1rem;
    font-size: 18px;
}
.detail-items .right-content p{
    margin-bottom: 0.8rem;
}

.product__price .sale__price {
 margin-right: 1rem;
 color: var(--colory-yellow);
 text-decoration-line:line-through !important ;
}
.product__price  {
  color: var(--colory-yellow)!important;
 }

.left-slider .mySwiper2 {
    max-width: 450px !important;
    width: 100%;
    height: 320px !important;
    border-radius: 15px;
}
 .mySwiper2 .swiper-slide{
    cursor: zoom-in;
}
.zoom_mode_active {
    cursor: zoom-out;
}
.mySwiper2 .swiper-slide img {
    transition: transform 200ms ease-out;
}
  .left-slider .smallImg {
    max-width: 440px !important;
    width: 100%;
  }
 .detail-items .swiper-slide{
  background: #fff;
 }
 .detail-items .swiper-slide img {
    height: 100% !important;
    background: #fff;
    border-radius: 15px;
    object-fit: contain;
  }
  .smallImg {
    margin-top:20px;
  }
  .smallImg .swiper-slide img{
    height: 60px !important;
    border-radius: 15px;
  }
 .smallImg .swiper-slide {
    opacity: 0.4;
    opacity: 0.8;
    filter: grayscale(100%);
    cursor: pointer;
    border-radius: 5px;
    padding:0.4rem !important;
 }
.smallImg .swiper-slide-thumb-active {
    opacity: 1;
    filter: initial;
}
.swiper-button-next , .swiper-button-prev{
    color:var(--colory-white) !important;
}

@media only screen and (max-width: 1280px) {
  .detail-items .right-content p{
    font-size: 15px;
}
 
}

@media only screen and (max-width: 1024px) {
  .detail-items{
    grid-template-columns: 1fr;
}
 
}

@media only screen and (max-width:612px) {
  .left-slider .mySwiper2 {
    max-width: 300px !important;
  }
  .left-slider .smallImg {
    max-width: 280px !important;
  }
  .smallImg .swiper-slide img{
    height: 50px !important;
  }
}