/** Shopify CDN: Minification failed

Line 78:0 Unexpected "{"
Line 78:1 Expected identifier but found "%"

**/

    .product-swiper h2{
      text-align: center;
      color: #000;
    }
    .product-swiper .swiper{
      padding-bottom: 60px;
    }
    .swiper-topBox{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom:1rem;
    }
    .product-swiper-swiperBtn{
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: unset;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
      display:none;
    }
    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
      display:none;
    }
    .product-swiper-button-next,
    .product-swiper-button-prev {
      position: unset;
      margin:0;
    }
    .product-swiper-button-prev{
      margin-right: 20px;
    }
    .card-product3{
      max-width: 367.5px;
    }

    .product-swiper-swiperBtn > div {
      border: 1px solid #000;
      border-radius: 100%;
      width: 45px;
      transition: 0.3s ease-in;
  }

  .product-swiper-swiperBtn > div:hover {
      background: #000;
  }

  .product-swiper-swiperBtn > div:hover path{
    fill:#fff !important;
  }

  .product-swiper-swiperBtn > .swiper-button-prev > svg, .product-swiper-swiperBtn > .swiper-button-next > svg {
      width: 40px;
      height: 40px;
      padding: 1rem !important;
  }


  .product-swiper-swiperBtn > .swiper-button-prev > svg > path, .product-swiper-swiperBtn > .swiper-button-next > svg > path {
      fill: #000;
  }


    @media screen and (max-width: 750px) {
      .product-swiper-swiperBtn{
          transform: scale(0.8);
      }
    }
  
{%- endstyle -%}