/** Shopify CDN: Minification failed

Line 1057:0 Unexpected "<"
Line 1184:4 Unexpected "{"
Line 1184:5 Expected identifier but found "%"
Line 1185:6 Unexpected "{"
Line 1185:7 Expected identifier but found "%"
Line 1191:6 Unexpected "{"
Line 1191:7 Expected identifier but found "%"
Line 1192:4 Unexpected "{"
Line 1192:5 Expected identifier but found "%"

**/

  [id^="product_form"] {
    font-size: 18px !important;
  }

  .product_card_info_v2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .product-cardv2-titles-wrapper{
    text-align: left;
    width: 100%;
  }
  .prod-bulletpoints-list{
    text-align: left;
  }
  .prod-bulletpoints-list li{
    text-align: left;
  }
  .product_item{
    width: 50%;
  }
  .prod_dropdown{
    width: 100% !important;
    max-width: 100% !important;
  }
  .prod_dropdown_content1{
    text-align: left !important;
  }

 
  .prod-variant-wrapper{
    border:2px solid  #9DCEC5;
    padding: 10px 20px;
    background: #9DCEC5;
    border-radius: 10px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .3s;
  }
  .prod-variant-wrapper:hover{
    background-color: #007367;
    border-color: transparent;
    cursor:pointer;
  }
  .prod-variant {
    color: #fff !important;
  }
  .prod-variant-wrapper:hover .prod-variant {
    color: #fff;

  }
  .activeVariantWrapper{
    background-color: #007367;
    border-color: transparent;
  }
  .activeVariant{
    color: #fff !important;
  }
  .prod-variant{
    font-weight: bolder;
  }
  .prod-add-to-cart-wrapper{
    display: flex;
    gap: 5px;
    width: 100%;
  }
 
  .prod-benefits{
    width: 100%;
    margin-top: 20px;
  }
  .prod-benefits-wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #007367;
  }
  .prod-benefits-v2{
    border-top: 2px solid #007367;
  }
  .prod-benefits-wrapper p{
    width: auto;
  }
  .prod-benefits-wrapper span{
    display: flex;
    align-items: center;
  }
  .product-benefits-badges{
    text-align: center;
    margin: 80px 0 0 10px;
  }
  .pdp-slider .swiper-slide{
    max-height: 550px;
    overflow-y: hidden;
  }
  #magnify {
    display:none; 
    position:absolute;
    width:50%;
    background-color: #fff; 
    height: 85vh; 
    right: 0px; 
    z-index: 3;
  }

.prod-info-above {
    display: none;
  }
  
  @media screen and (max-width:1420px) {


    #magnify {
      width:50%;

      height: 100vh; 
    }

   }

   @media screen and (max-width:1120px) {
    #magnify {
      width:50%;
   
      height: 100vh; 
    }
}





  .product-single{
     display: flex;
     gap: 50px;
     margin: auto;
   }
   .media__thumb__wrapper{
     position: relative;
     display: flex;
     flex-direction: column;
     overflow-y: scroll;
     overflow-x: hidden;
   }
   .media__thumb__wrapper .slick-dots{
     position: absolute;
     top: 0;
   }
   .media__thumb__wrapper .slick-dots li{
      width: 60px;
     height: 60px;
     margin: 12px 8px 0px 0;
   }
   .media__thumb__wrapper .slick-dots li button{
     width: 60px;
     height: 60px;
     color: transparent;
     margin: 8px 8px 5px 0;
   }
  .product_info_section h2{
    font-family: 'Circe';
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0 0 8px;
  }
  .product_info_section h3{
    font-family: 'Circe';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0 0 8px;
  }
  .product_info_section h4{
    font-family: 'Circe';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    margin: 0;
  }
  .prod_dropdown{
    background: #FFFFFF;
    border: 1px solid #007367;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 18px;
    max-width: 469px;
    position: relative;
    margin: 24px 0;
    cursor: pointer;
    margin-bottom: 0 !important;
  }
  .prod_dropdown::after{
    content: url(" {{ 'select_ico.svg' | asset_url }} ");
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(
270deg, #FFFFFF 64.72%, rgba(255, 255, 255, 0) 150%);
    width: 60px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
  }
  .prod_dropdown p, .prod_dropdown a{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    color: #14433D;
    margin: 0;
  }
  .prod_dropdown p{
    white-space: nowrap;
    overflow: hidden;
  }
  .prod_dropdown_content1 {
    display: none;
    position: absolute;
    top: 68px;
    left: 0;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 18px;
    width: 100%;
    height: fit-content;
    overflow-y: scroll;
  }
  .prod_dropdown_content1 a{
    margin: 0 0 8px;
  }
  .prod_bulletpoint_item{
    list-style: disc inside;
    margin: 0px 0 0 1px
  }
  .prod_bulletpoint_item li{
    margin: 0 0 8px;
   
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 130%;
    color: #14433D;
  }
  .prod_no_smth_block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin: 24px 0 32px;
  }
  .prod_no_smth_block_up{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
  }
  .prod_no_smth_item{
    display: flex;
    max-width: 235px;
    width: 100%;
    align-items: flex-start;
    margin: 0 0 8px;
  }
  .prod_no_smth_item:nth-child(odd){
    margin-right: 10px;
  }
  .prod_no_smth_item strong{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #007367;
    margin: 0;
  }
  .prod_no_smth_item span{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #14433D;
  }
  .prod_buy_button{
    background: #007367;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 14px 0;
    cursor: pointer;
  }
  .prod_buy_button p{
    font-family: 'Circe';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-transform: capitalize;
    color: #FFFFFF;
    width: 100%;
    margin: 0;
  }
  .prod_size{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 24px 0 0;
  }
  .prod_size p, .prod_size span{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #14433D;
  }
  .prod_size p{
    margin: 0 3px 0 0;
  }
  .prod_size_item{
    display: flex;
  }
  .product_images{
    position: relative;
  }
  .product_images .slick-list{
        display: flex;
        width: 100%;
        max-width: 560px;
        margin: auto;
        overflow: hidden;
    }
    .product_images .slick-track{
        display: flex;
    }
    .media__thumb__wrapper{
     
    }
    .product_images .slick-dots{
        position: absolute;
        bottom: -40px;
        list-style: none;
        display: flex;
        flex-direction: row;
        margin: 0;
        padding: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .product_images .slick-dots li.slick-active button{
        background: #007367;
        border-radius: 100px;
        width: 24px;
        height: 8px;
    }
    .product_images .slick-dots li button{
        background: rgba(0, 115, 103, 0.4);
        border-radius: 100px;
        width: 8px;
        height: 8px;
        font-size: 0;
        padding: 0;
        margin-right: 16px;
        border: none;
    }
    @media screen and (max-width:768px) {
      .product_images .slick-dots{
        bottom: -32px;
      }
      .prod_no_smth_block_up{
        flex-direction: column;
      }
      .product__media__wrapper{
        margin-bottom: 48px !important;
      }
      .media__thumb__wrapper{
        display: none;
      }
      .product-single{
        display: block;
      }
      .product_info_section h2{
        font-size: 24px;
        line-height: 120%;
        text-align: center;
      }
      .product_info_section h3{
        font-size: 18px;
        line-height: 120%;
        text-align: center;
      }
      .product_info_section h4{
        font-size: 16px;
        line-height: 120%;
        text-align: center;
      }
      .prod_no_smth_item span, .prod_no_smth_item strong{
        font-size: 16px;
      }
      .prod_no_smth_item{
        max-width: 100%;
      }
      .prod_no_smth_item:nth-child(odd){
        margin-right: 0px;
      }
     
    }

  /* Breadcrumbs css start */
  .product-page {
    padding-top: 30px;
   
  }
  .product_container{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
  }
  .page-breadcrumbs {
    width: 100%;
    padding-bottom: 40px;
    margin: auto;
  }
  .page-breadcrumbs .breadcrumbs {
    width: 100%;
    margin: auto;
  }
  .page-breadcrumbs .breadcrumbs-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0;
  }
  .page-breadcrumbs .breadcrumbs-list__item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 0;
  }
  .breadcrumbs-list__item .breadcrumbs-list__link {
    margin: 0 5px;
    font-size: 14px;
    line-height: 1;
  }
  .breadcrumbs-list__item:first-of-type .breadcrumbs-list__link {
    margin-right: 0;
    margin-left: 0;
  }
  .breadcrumbs-list__item:last-of-type .breadcrumbs-list__link  {
    margin-right: 0;
  }
  .page-breadcrumbs .icon-breadcrumbs {
    line-height: 14px;
  }
  .page-breadcrumbs .icon-breadcrumbs svg {
    width: 13px;
    height: 14px;
  }
  @media only screen and (max-width:1250px) {
    .page-breadcrumbs .breadcrumbs {
      width: 90%;
      margin: auto;
    }
  }
  @media only screen and (max-width:768px) {
    .page-breadcrumbs {
      padding-bottom: 20px;
    }
    .page-breadcrumbs .breadcrumbs {
      width: 100%;
      padding: 0 16px;
    }
  }
  /* Breadcrumbs css end */
  .main_product_container{

  }



.product-vendor {
  font-family: 'Circe';
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 120%;
text-transform: uppercase;
margin: 0 0 8px;
color: #5cad9f;
}


.product__item__title {
font-family: 'Circe';
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 120%;
text-transform: uppercase;
margin: 0 0 8px;
color: #5cad9f;
}

.product_price {
  font-family: 'Circe';
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 120%;
text-transform: uppercase;
color: #5cad9f;
}

  .counter {
max-width: 105px;
width: 100%;
height: 100%;
margin: auto auto 15px auto;
display: flex;
justify-content: center;
}
.counter input {
width: 33%;
border: 0;
line-height: 21px;
font-size: 17px;
text-align: center;
margin: 0;
color: #007367;
appearance: none;
outline: 0;
border-top: 1px solid #007367;
border-bottom: 1px solid #007367;
border-radius: unset;
padding: 4px 0 !important;
}
.counter span {
display: flex;
height: 100%;
width: 34%;
font-size: 25px;
justify-content: center;
cursor: pointer;
color: #007367;
user-select: none;
border: 1px solid #007367;
transition: .3s ease;
}
.counter span:hover {
background-color: #c0e0dd;
}
.counter .down {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.counter .up {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}

/*Product dropdown*/
.prod_dropdown{
background: #FFFFFF;
border: 1px solid #007367;
box-sizing: border-box;
border-radius: 10px;
padding: 8px 12px;
max-width: 469px;
position: relative;
margin: 0 auto;
cursor: pointer;
width: 100%;
}
.prod_dropdown::after{
display: none !important;
}
.prod_dropdown p{
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 130%;
color: #14433D;
margin: 0;
position: relative;
text-align: left;
}
.prod_dropdown p .rotateArrow {
position: absolute;
right: -1px;
top: 9px;
transition: .3s ease;
}
.prod_dropdown a {
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 130%;
color: #14433D;
}
.prod_dropdown p{
white-space: nowrap;
overflow: hidden;
}
.prod_dropdown_content1{
display: none;
position: absolute;
top: 45px;
left: 0;
flex-direction: column;
background: #FFFFFF;
border-radius: 10px;
padding: 12px;
width: 100%;
height: fit-content;
color: #14433D;
box-shadow: 0px 1px 3px #14433D;
z-index: 99;
}
.prod_dropdown_content1 a{
margin: 4px auto;
display: block;
width: 100%;
transition: .3s ease;
}
.prod_dropdown_content1 a:hover {
background-color: #c0e0dd;
transition: .3s ease;
}

.product-type {
font-family: 'Circe';
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 120%;
text-transform: uppercase;
margin: 0;
color: #9dcec5;
}
.checkmark img {
width: 17px;

}
.prod-bulletpoints-list li{
display: flex;
align-items: center;
gap:10px;
}
.checkmark{
display: flex;
}
.counter-wrapper{
display: flex;
align-items: center;
background: #fff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #007367;
width: 120px;

}
.product-card-btn{
background: #007367 !important;
border-radius: 30px;
padding: 12px 32px;
color: #FFFFFF !important;
font-size: 22px;
line-height: 21px;
font-family: 'Circe';
width: 100% !important;
text-align: center;
border: 2px solid transparent;
}
.add-to-cart-cta{
width: 100%;
}
.cnter{
display: flex;
justify-content: space-evenly;
}
.cnter input {
width: 33%;
border: 0;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 0;
margin-bottom: 0;
text-align: center;
font-weight: bolder;
padding-top:0;
}
.cnter span {
width: 33%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
font-weight: bolder;
}
.cnter span:hover{
cursor: pointer;
}
.prod-atc-btn,.sold-out-btn{
background-color: #007367 !important;

padding: 17px 32px !important;
border: 1px solid #007367;
text-transform: capitalize;
border-radius: 10px !important;


}

/* .prod-atc-btn:hover, .prod-atc-btn:active {
background: transparent !important;
color: #007367 !important;
} */
.sold-out-btn{
color: #FFFFFF !important;
font-size: 22px;
font-weight: bolder;
opacity: 0.6;
}
.title-priority-1{
font-size: 16px;
font-weight: 900;
margin: 0;

}
.title-priority-2{
font-size: 40px;
/* font-weight: bolder; */
margin: 0;
line-height: 1;
letter-spacing:1px;
font-weight:bold;
}
.title-priority-3{
font-size: 30px;
font-weight: 500;
margin: 0;
}
.product-cardv2-price{
font-size: 40px;
font-weight: bolder;
} 
.dropdown_title{
display: flex;
justify-content: space-between;
}
.dropdown-arrow-icon svg{
width: 10px;

}
@media screen and (max-width:1400px) {
.pdp-slider .mySwiper3{
height: 550px;
}
}
@media screen and (max-width:1280px) {
.product-single{
gap: 50px !important;
}
.pdp-slider .mySwiper3{
height: 540px;
}
.slider-section{
width: 60%;
}
.product_item{
width: 40%;
}
.title-priority-3{
font-size: 26px;
}


}
@media screen and (max-width:1160px) {
.pdp-slider .mySwiper3{
height: 520px;
}
.product-single{
gap: 30px !important;
}
}
@media screen and (max-width:1100px) {
.pdp-slider .mySwiper3{
height: 500px;
}
.title-priority-3{
font-size: 23px;
}
.title-priority-2{
font-size: 35px;
}
}
@media screen and (max-width:992px) {
.slider-section,.product_item{
width: calc(50% - 50px);
}
}
@media screen and (max-width:768px) {
.slider-section,.product_item{
width: 100%;
}
.pdp-slider .mySwiper3 {
height: 200px;
}
.product-single{
padding: 10px;
}
.product-card-btn{
font-size: 18px !important;
}
.product_card_info_v2{
flex-direction: column;
align-items: flex-start;
}
.product-cardv2-price{
margin: 0;
font-size: 30px;
}
.title-priority-1{
font-size: 14px;
}
.title-priority-2{
font-size: 30px;
}
.title-priority-3{
font-size: 20px;
}
}

/*start recharge styling*/
.rc-template__legacy-radio{
display: flex !important;
flex-direction: column;

}
.rc-radio.rc-option__subsave.rc-option.rc_widget__option.rc_widget__option--subsave{
background-color: transparent;
}
.rc-radio.rc-option__onetime.rc-option.rc_widget__option.rc_widget__option--onetime.rc-legacy-radio{
order: 2;
}
.rc-radio.rc-option__subsave.rc-option.rc_widget__option.rc_widget__option--subsave{
display: flex;
justify-content: space-between;
align-items: center;

}
.rc-template__legacy-radio .rc_widget__option__selector+.rc-selling-plans{
padding-left: 0;
padding-bottom:0;
}
.rc_widget__option__selector{
text-align: left;
}
.rc-selling-plans.rc_widget__option__plans select{
border: 0;
outline: 0;
color:#14433D;
}
.rc-radio__input{
width: 25px;
height: 25px;
}
.rc_popup{
display: none !important;
}
.rc-radio.rc-option__subsave.rc-option.rc_widget__option.rc_widget__option--subsave.rc-legacy-radio {
border-bottom: 2px solid #007367;
padding-bottom:5px;
}
.rc-option__text,.rc-option__price.rc_widget__price{
color: #14433d;
}
/*end recharge styling*/
.popout__toggle, select{
background-image:unset;
}
.rc-widget .rc-option--active{
background: transparent !important;
}
.prod_no_smth_item span {
text-align: left;
}
.benefits-container{
display: none;
}
.active-benefits{
display: block;
}


.benefits-container.active-benefits{border-bottom: 2px solid #007367;}
.visible-benefits .prod-benefits-wrapper{
border-bottom: 0 !important;
}
.prod-benefits-wrapper:hover{
cursor:pointer;

}
.prod_no_smth_item{
max-width:250px !important;
}
.benefit-badges-desktop{
display: flex;
justify-content: center;
flex-wrap: wrap;
column-gap: 15px;
}

.benefit-badges-item {
width:  100px;
height: 100px;
margin: 30px 0;

}

.benefit-badges-item svg {
width: 100%;
height: 100%;
}

.benefit-badges-item-title {
font-size: 12px;
font-weight: 500;
display: inline-block;
margin-bottom: 25px;
font-family: 'Fira Sans', sans-serif;
}
.benefit-badges-mobile{
display: none;
}
.benefit-badges-mobile img{
width: 100%;
max-width: 300px;
}
@media screen and (max-width:768px) {
/* .benefit-badges-desktop{
display: none;
}
.benefit-badges-mobile{
display: block;
} */
.product-benefits-badges{
margin: 0;
}
.prod_no_smth_item{
max-width: 100% !important;
}
}

.prod-info-under {
display: block;
}

.yotpo-base-layout * {
font-family: 'Fira Sans' !important;
}
.yotpo-headline {
font-family: 'Circe' !important; 
}
.yotpo-review-title {
font-family: 'Circe' !important; 
}
@media only screen and (max-width:600px) {
.prod-info-under {
display: none;
}
.prod-info-above {
display: block;
}
.prod_dropdown{
margin-bottom:0 !important ;
}
.pdp-slider .mySwiper4,.pdp-slider .mySwiper4 .swiper-slide{
height: 350px;
}
}
@media only screen and (max-width:450px) {
.benefit-badges-item {
width: 90px;
height: 70px;
}
.benefit-badges-item-title {
font-size: 9px;
}
}
.yotpo-sr-bottom-line-right-panel{
border-bottom: 1px solid #000 !important;
}
.product_main_copy{
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
}
.product_main_copy .yotpo-widget-instance{
position: absolute;
right: 0;
top: 0;
}
.zoom-image {
  position: relative;
  left: 300px !important;
}

.zoom-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 300px;
  right: 0;
  bottom: 0;
  background: transparent;
}
.open_dropdown {
  display: block !important;
}
<style>

  .add_to_cart_btn {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
  }
  .popup {
    background: rgba(100, 100, 100, 0.5);
    position: fixed;
    display: none;
    z-index: 50000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
  .popup .popup-content-wrapper {
    max-width: 630px;
    width: 70%;
    height: 600px;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    background: #fff;
    padding: 0px;
    z-index: 5001;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center bottom !important;
  }
  
  .popup-content-wrapper svg{
    top: 10px;
    left: 10px;
    position: absolute;
    cursor: pointer;
  }
  .popup-content{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    max-width: 270px;
  }
  .popup-content h3{
    font-family: Circe;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #007367;
    margin: 0 0 24px;
  }
  .popup_location_page, .popup_online_store{
    background: #007367;
    border-radius: 10px;
    font-family: 'Circe';
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-transform: capitalize;
    color: #FFFFFF;
    width: 100%;
    max-width: 250px;
    margin: 0;
    border: 2px solid #007367;
    padding: 14px 0;
  }
  .popup_location_page:hover, .popup_online_store:hover{
    background: transparent;
    color: #007367;
  }
  .popup_location_page:hover .amazon_logo_letter{
    fill: #007367;
  }
  .popup_location_page:hover p{
    color: #007367;
  }
  .popup_location_page:hover .popup_location_page p{
    color: #007367;
  }
  .popup_location_page p{
    font-family: Circe;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
    color: #FFFFFF;
    margin: 0;
    margin-right: 5px;
  }
  .popup_location_page svg{
    position: unset;
    margin-top: 3px;
  }
  .popup_location_page{
    margin: 0 0 40px;
  }
  @media screen and (max-width:500px) {
    .popup .popup-content-wrapper{
      background-image: url("{{ section.settings.mob_popup_bg_cat | img_url: 'master' }}");
      align-items: flex-start;
      justify-content: center;
      background-position: unset;
      width: 100%;
      max-width: 340px;
    }
    {% for collection in product.collections %}
      {% if collection.title == 'My dog' %}
      .popup .popup-content-wrapper{
        background-image: url("{{ section.settings.mob_popup_bg_dog | img_url: 'master' }}");
        background-position: 100% 0;
        background-size: 100%;
      }
      {% endif %}
    {% endfor %}
    .popup-content{
      padding: 53px 0 0;
    }
    .popup-content h3{
      font-size: 20px;
      margin: 0 0 16px;
    }
    .popup_location_page, .popup_online_store{
      max-width: 100%;
    }
    .popup_location_page{
      margin: 0 0 24px;
    }
  }

  button[aria-label="Open Form"].needsclick {
    bottom: 120px !important;
    z-index: 10 !important;
  }
  @media screen and (max-width:768px) {
    .prod_pack_section{
      display: none !important;
    }
    .prod_pack_section.packaging_prod_pack_section{
      display: flex !important;
    }
    .prod_description_section{
      display: none !important;
    }
    .prod_tab_item .prod_description_section{
      display: flex !important;
    }
  }
  @media screen and (max-width:500px) {

.product-page .wrapper {
  padding:  0;
}
.product-page .wrapper  .product-single{
    padding: 0;
}
.pdp-slider .mySwiper4{
  margin: 0;
  width: 100%;
}
.slider-section{
  padding: 20px;
}
.prod-info-above,.slider-section,.product_item .product__grid__info {
  padding-left: 15px;
  padding-right: 15px;

}
  }
 

  /*slider*/

 /* .pdp-section .pdp-slider {
        margin-top: 60px;
    } */
    .prod_dropdown{
      margin:24px auto !important;
  }
  .slider-section{
      width: 50%;
  }
  .pdp-slider{
      width: 100%;
      display: flex;
      padding: 10px;
      gap:15px;
  }
  .pdp-slider .swiper {
      width: 100%;
      height: 100%;
      z-index: 0;
  }
  .pdp-slider .swiper-slide {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin: 0 !important;
      z-index: 0;
  }
  .pdp-slider .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .pdp-slider .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
      z-index: 0;
  }
  .pdp-slider .swiper-slide {
      background-size: cover;
      background-position: center;
  }
  .pdp-slider .mySwiper4 {
      height: 500px;
      width: 40%;
  }
  .pdp-slider .mySwiper3 {
      height: 100%;
      box-sizing: border-box;
      padding: 10px 0;
      width: 10%;
  }
  .pdp-slider .mySwiper3 .swiper-slide {
      width: 25%;
      height: 100%;
      opacity: 0.4;
      margin: 5px 0 !important;
  }
  .pdp-slider .mySwiper3 .swiper-slide-thumb-active {
      opacity: 1;
  }
  .pdp-slider .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .pdp-slider .swiper-wrapper {
      width: 100%;
  }
  .pdp-slider .mySwiper4 {
      width: 77%;
  }
  .pdp-slider .mySwiper3 {
      width: 20%;
      height: 550px;
  }
  .pdp-slider .mySwiper3 .swiper-slide {
      /* margin: 5px 0 !important; */
      width: 100%;
  }
  .swiper-arrow{
      transform: rotate(90deg);
      color:#fff;
  }
  .swiper-arrow::after {
      font-size: 16px;
      background: #007367;
      padding: 9px 11px;
      border-radius: 50%;
      font-weight: bolder;
      margin: 0 auto;
  }
  .swiper-button-next{
      top: unset;
      bottom:0;
      left: 0;
      right: 0;
      margin: 0 auto;
  }
  .swiper-button-prev{
      top: -5px;
      left: 0;
      right: 0;
      margin: 0 auto;
  }  
  .glass {
      width: 140px;
      height: 140px;
      position: absolute;
      border-radius: 100%;
      transform: scale(1);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 
      0 0 7px 7px rgba(0, 0, 0, 0.25), 
      inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
      display: none;
  }
  @media only screen and (max-width: 1400px) {
      .pdp-slider .mySwiper4 {
          width: 36vw;
      }
      .pdp-slider .mySwiper3 {
          width: 20%;
          height: 36vw;
      }
  }
  @media only screen and (max-width: 1280px) {
      .pdp-slider .mySwiper3 {
          height: 523px;
      }
  }
  @media only screen and (max-width: 1200px) {
      .pdp-section .tabs__option__item {
          font-size: 15px;
      }
      .pdp-slider .mySwiper3 {
          height: 480px;
      }
  }
  @media only screen and (max-width: 1100px) {
      .pdp-slider .mySwiper3 {
          height: 50vh;
      }
  }
  @media only screen and (max-width: 992px) {
      .pdp-section {
          display: flex;
          flex-direction: column;
      }
      .pdp-slider .mySwiper3 {
          width: 20%;
          height: 44vw;
      }
      .pdp-slider .mySwiper4 {
          width: 80%;
      }
      .pdp-section .slider-section {
          width: 100%;
      }
      .pdp-section .product-descr {
          width: 100%;
      }
      .product-page {
          padding: 20px 0;
      }
  }
  @media only screen and (max-width: 768px) {
      .product-page{
          padding-top:20px;
      }
      .pdp-section .pdp-slider {
          display: flex;
          flex-direction: column;
      }
      .pdp-section .pdp-slider .mySwiper3 {
          order: 2;
          width: 100%;
          height: auto;
      }
      .pdp-section .pdp-slider .mySwiper4 {
          order: 1;  
          width: 100%;
      }
      .pdp-slider .mySwiper3 .swiper-slide {
          margin: 0 5px !important;
      }
      .slider-section{
          width: 100%;
      }
      .pdp-slider{
          padding: 0;
          flex-direction: column;
      }
      .pdp-slider .mySwiper3{
          width: 100%;
          order: 2;
          height: 40vw;
      }
      .pdp-slider .mySwiper4{
          width: 90%;
          order: 1;

      }
      .pdp-slider .mySwiper4 .swiper-slide{
          max-width: 600px;
          height:500px;
      }
      .swiper-arrow{
      transform: rotate(0deg);
      }
      .swiper-button-next{
          top: 0;
          bottom: 0;
          right: 3px;
          left: unset;
          margin: auto 0;
      }
      .swiper-button-prev{
          top: 0;
          bottom: 0;
          left: 4px;
          margin: auto 0;
      }
  }
  @media only screen and (max-width:600px) {
      .pdp-slider .mySwiper3 {
          display: none;
      }
  }
  @media screen and (max-width:500px) {
      .glass{
          width: 70px; height: 70px;
          transform: scale(1.3);
      }
    
  }


  /*slider*/