/** Shopify CDN: Minification failed

Line 162:23 Expected identifier but found whitespace
Line 162:25 Unexpected "{"
Line 162:34 Expected ":"
Line 342:25 Expected identifier but found whitespace
Line 342:32 Unexpected "0"
Line 342:43 Unexpected "{"
Line 342:52 Expected ":"
Line 343:17 Expected identifier but found whitespace
Line 343:24 Unexpected "0"
Line 343:35 Unexpected "{"
... and 19 more hidden warnings

**/
.test {
    width: 100%;
}

.ag-5d0 {
    position: relative;
    width: 100%;
}
input[type="radio"]:checked+label.custom-label::after {
    border: solid 4px #007aff !important;
    content: '';
    position: absolute;
    height: 96%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    border0r: 0px;
}
.ag-3x7xnew {
    display: none;
}
.saving_tag {
    position: absolute;
    right: 0;
    background: #806b47;
    padding: 7px 15px;
    border-radius: 50px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: monospace;
    letter-spacing:normal;
}
  .ag-3x7 {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-column-gap: 8px;
      -moz-column-gap: 8px;
      column-gap: 8px;
      margin-bottom: 4px
  }

  @media(min-width: 768px) {
      .ag-3x7 {
          margin-bottom:8px
      }
  }

  @media(min-width: 1440px) {
      .ag-3x7 {
          margin-bottom:16px
      }
  }

  @media(min-width: 1680px) {
      .ag-3x7 {
          margin-bottom:24px
      }
  }



  .ag-3xa {
      visibility: hidden;
      display: none;
  }

  .ag-3xb {
      font-family: "ABC Diatype";
      font-style: normal;
      letter-spacing: 0;
      font-weight: 400;
      font-size: 32px;
      line-height: 44px;
      padding: 0;
      font-weight: 700;
      color: black;
      margin: 0;
  }

  .ag-3xc {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 120px;
      height: 70px;
      margin-bottom: 0px
  }

  .ag-3xd {
      -o-object-fit: contain;
      object-fit: contain
  }

  .ag-3xe {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      row-gap: 4px
  }

  @media(min-width: 768px) {
      .ag-3xe {
          row-gap:8px
      }
  }

  @media(min-width: 1440px) {
      .ag-3xe {
          row-gap:12px
      }
  }

  .ag-3xf {
      position: relative;
      width: 200px;
      height: 6px;
      background-color: #d9dddb;
      border-radius: 20px
  }

  @media(min-width: 1440px) {
      .ag-3xf {
          height:10px
      }
  }

  .ag-3xf:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      background-color: {{ section.settings.button_color }} ;
      border-radius: 20px;
      -webkit-transition: width .5s;
      transition: width .5s
  }

  .ag-3xf.ag-3xg:after {
      width: 100%
  }

  .ag-3xh {
      color: #000;
      text-align: center;
      font-family: "ABC Diatype";
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      font-size: 16px;
      line-height: 24px;
      padding: 0;
      font-weight: 700;
  }

  @media(min-width: 1440px) {
      .ag-3xh {
          font-family: "ABC Diatype";
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0;
          font-size: 16px;
          line-height: 24px;
          padding: 0;
          font-weight: 700
      }
  }


  @media(min-width: 1680px) {
      .ag-3wu {
          margin-bottom:24px
      }
  }


  .ag-5cu {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-column-gap: 16px;
      -moz-column-gap: 16px;
      column-gap: 16px;
      padding-right: 16px;
      opacity: .8;
      border-radius: 4px;
      -webkit-box-shadow: 0 0 0 1px #b2b3b2;
      box-shadow: 0 0 0 1px #b2b3b2;
      background: #fff;
      overflow: hidden;
      cursor: pointer
  }

  @media(min-width: 768px) {
      .ag-5cu {
          padding-right:24px
      }
  }

  @media(min-width: 1024px) {
      .ag-5cu {
          -webkit-column-gap:24px;
          -moz-column-gap: 24px;
          column-gap: 24px;
          padding: 16px 24px 20px;
          -webkit-box-shadow: 0 0 0 1px #707170;
          box-shadow: 0 0 0 1px #707170
      }
  }

  .ag-5cv {
      opacity: 1;
      -webkit-box-shadow: 0 0 0 2px #334fb4,0 5px 16px 0 rgba(15,46,47,.17);
      box-shadow: 0 0 0 2px #334fb4,0 5px 16px 0 rgba(15,46,47,.17)
  }

  /* .ag-5cw {
      width: 0;
      height: 0;
      margin: 0;
      padding: 0;
      -webkit-appearance: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  } */

  .ag-5cw,.ag-5cx {
    position: absolute;
    left: 10px;
    top: 26px;
  }
/* Hide default radio button */
input[type="radio"] {
  appearance: none;
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none;    /* For Firefox */
  width: 18px;
  height: 17px;
  border: 2px solid #ccc;
  border-radius: 50%; /* Makes it round */
  outline: none;
  cursor: pointer;
  display: flex;
    align-items: center;
    justify-content: center;
}

/* Add green border when radio is checked */
input[type="radio"]:checked {
  border-color: #334fb4;
    background-color: #fff;
}

/* Optional: Adding inner green dot */
input[type="radio"]:checked::before {
 content: "";
    display: block;
    width: 9px;
    height: 9px;
    background: green;
    border-radius: 50%;
    margin: -6px -13px -6px -13px;
}
  .ag-5cx {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      -ms-flex-item-align: start;
      align-self: flex-start;
      top: 0;
      left: 12px;
      padding: 10px 0
  }

  @media(min-width: 768px) {
      .ag-5cx {
          top:8px;
          left: 16px
      }
  }

  @media(min-width: 1024px) {
      .ag-5cx {
          position:relative;
          inset: 0
      }
  }

  .ag-5cy {
      position: relative;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      -webkit-box-shadow: inset 0 0 0 1px #b2b3b2;
      box-shadow: inset 0 0 0 1px #b2b3b2;
      background-color: #fff
  }

  .ag-5cy:before {
      position: absolute;
      content: "";
      top: 4px;
      left: 4px;
      width: 12px;
      height: 12px;
      background-color: transparent;
      border-radius: 50%
  }

  .ag-5cw:checked~.ag-5cx .ag-5cy {
      -webkit-box-shadow: inset 0 0 0 1px {{ section.settings.button_color }} ;
      box-shadow: inset 0 0 0 1px {{ section.settings.button_color }}
  }

  .ag-5cw:checked~.ag-5cx .ag-5cy:before {
      background-color: {{ section.settings.button_color }}
  }

  .ag-5cz {
      position: relative;
      width: 102px;
      height: 100%;
      -ms-flex-negative: 0;
      flex-shrink: 0
  }

  @media(min-width: 768px) {
      .ag-5cz {
          width:120px
      }
  }

  @media(min-width: 1024px) {
      .ag-5cz {
          display:none
      }
  }

  .ag-5d0 {
      padding: 12px 0;
      color: #000;
      width: 100%;
  }

  @media(min-width: 768px) {
      .ag-5d0 {
          padding:16px 0
      }
  }

  @media(min-width: 1024px) {
      .ag-5d0 {
          padding:0
      }
  }

  .ag-5d1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-column-gap: 8px;
      -moz-column-gap: 8px;
      column-gap: 8px;
      padding-bottom: 4px;
      text-wrap: balance
  }

  @media(min-width: 768px) {
      .ag-5d1 {
          padding-bottom:8px
      }
  }

  @media(min-width: 1024px) {
      .ag-5d1 {
          padding-bottom:4px
      }
  }

  .ag-5d2 {
      font-family: "ABC Diatype";
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      font-size: 16px;
      line-height: 24px;
      padding: 0;
      font-weight: 700
  }

  @media(min-width: 1024px) {
      .ag-5d2 {
          font-family: "ABC Diatype";
          font-style: normal;
          font-weight: 700;
          letter-spacing: 0;
          font-size: 18px;
          line-height: 28px;
          padding: 0
      }
  }


  .ag-5d4 {
      width: 24px;
      height: 24px
  }

  .ag-5d5 {
      top: 0;
      left: 0
  }

  .ag-5d6 {
      font-family: "ABC Diatype";
      font-style: normal;
      letter-spacing: 0;
      font-weight: 400;
      font-size: 22px;
      line-height: 32px;
      padding: 0;
      font-weight: 700;
      margin:0;
  }

  @media(min-width: 768px) {
      .ag-5d6 {
          font-family: "ABC Diatype";
          font-style: normal;
          letter-spacing: 0;
          font-weight: 400;
          font-size: 24px;
          line-height: 36px;
          padding: 0 0 4px;
          font-weight: 700
      }
  }

  @media(min-width: 1024px) {
      .ag-5d6 {
          font-family: "ABC Diatype";
          font-style: normal;
          letter-spacing: 0;
          font-weight: 400;
          font-size: 32px;
          line-height: 44px;
          padding: 0 0 4px;
          font-weight: 700
      }
  }

  .ag-5d7 {
      font-family: "ABC Diatype";
      font-style: normal;
      font-weight: 400;
      letter-spacing: 0;
      font-size: 12px;
      line-height: 16px;
      padding: 0;
      color: #707170
  }

  @media(min-width: 1024px) {
      .ag-5d7 {
          font-family: "ABC Diatype";
          font-style: normal;
          font-weight: 400;
          letter-spacing: 0;
          font-size: 14px;
          line-height: 20px;
          padding: 0
      }
  }


  .ag-3oa {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      row-gap: 8px;
      width: 100%
  }

  @media(min-width: 768px) {
      .ag-3oa {
          row-gap:12px
      }
  }

  @media(min-width: 1440px) {
      .ag-3oa {
          row-gap:16px
      }
  }



  .ag-5b5 {
      position: absolute;
      width: 0;
      height: 0;
      padding: 0;
      margin: 0;
      -webkit-appearance: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }


  .ag-5b7 {
      position: relative;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      -webkit-box-shadow: inset 0 0 0 1px #b2b3b2;
      box-shadow: inset 0 0 0 1px #b2b3b2;
      background-color: #fff
  }

  .ag-5b7:before {
      position: absolute;
      content: "";
      top: 4px;
      left: 4px;
      width: 12px;
      height: 12px;
      background-color: transparent;
      border-radius: 50%
  }

  .ag-5b5:checked~.ag-5b6 .ag-5b7 {
      -webkit-box-shadow: inset 0 0 0 1px {{ section.settings.button_color }} ;
      box-shadow: inset 0 0 0 1px {{ section.settings.button_color }}
  }

  .ag-5b5:checked~.ag-5b6 .ag-5b7:before {
      background-color: {{ section.settings.button_color }}
  }


  .ag-1lj {
      display: grid;
      grid-template-columns: 1fr;
      min-height: 100dvh;
      background-color: #f6f5f1
  }

  @media(min-width: 1024px) {
      .ag-1lj {
          grid-template-columns:48.24% 1fr
      }
  }

  @media(min-width: 1440px) {
      .ag-1lj {
          grid-template-columns:48.75% 1fr
      }
  }

  @media(min-width: 1920px) {
      .ag-1lj {
          grid-template-columns:1fr 1fr
      }
  }

  .ag-1lk {
      display: none;
      width: 100%;
      background-color: #fff
  }

  @media(min-width: 1024px) {
      .ag-1lk {
          display:block
      }
  }

  .ag-1lm {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      row-gap: 0px;
      padding: 24px 18px;
      width: 100%
  }

  @media(min-width: 768px) {
      .ag-1lm {
          -webkit-box-pack:center;
          -ms-flex-pack: center;
          justify-content: center;
          padding: 60px 161px;
          row-gap: 36px
      }
  }

  @media(min-width: 1024px) {
      .ag-1lm {
          padding:0 88px
      }
  }

  @media(min-width: 1440px) {
      .ag-1lm {
          padding:0 136px
      }
  }

  @media(min-width: 1680px) {
      .ag-1lm {
          padding:0 200px
      }
  }
  img.ag-35.ag-36.ag-38 {
      max-width: 100%;
      height: auto;
      object-fit: unset;
      display: flex;
      width: 100%;

  }
  button.pouchbtn a{
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row-reverse;
      gap: 10px;
  }
  button.pouchbtn  {
      background-color: {{ section.settings.button_color }} ;
      width: 100%;
      border-radius: 32px;
      color: #fff;
      border-radius: 6px;
    border:none;
      gap: 5px;
      padding: 12px 0px;

  }
  svg.ag-2vr {
      width: 20px;
  }
  .ag-2hk p {
      font-size: 20px;
      margin: 0;
      font-family: "ABC Diatype";
  }
  button.pouchbtn a {
      color: white;
      text-decoration: none;
  }
  img.ag-35.ag-36.ag-38{
      height: 100%;
  }
  @media screen and (max-width:600px){
    .main-add-inputx.ag-5cu {
    margin-bottom: 10px;
}
    /* .checkout_btn_main {
    padding: 20px !important;
    border: none;
    box-shadow: 36px 120px 117px 44px #060606fa !important;
    background: #f6f5f1 !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
} */
    button.choose-btn {
    background-color: #334fb4;
    width: 100%;
    border-radius: 32px;
    color: #fff;
    border-radius: 6px;
    border: none;
    gap: 5px;
    padding: 12px 0px;
    font-size: 20px;
    margin: 0;
    font-family: "ABC Diatype";
}
      img.ag-35.ag-36.ag-38{
          height: 100%;
          width: fit-content;
      }
      .ag-3x7xnew {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
  }
    .main-add-inputx.ag-5cu {
    margin-bottom: 10px !important;
}
.saving_tag {
position: absolute;
        right: -10px;
        padding: 2px 7px;
        border-radius: 50px;
        font-size: 12px;
        color: #fff;
        font-weight: 600;
        font-family: monospace;
        top: 8px;
        letter-spacing: normal;
        z-index: 999;
}
    .ag-5cw, .ag-5cx {
    position: absolute;
    left: 0px;
    top: 5px;
}
    input[type="radio"]:checked::before {
        display: block;
        width: 9px;
        height: 9px;
        background: green;
        border-radius: 50%;
        margin: -4px -8px -5px -7px;
}
    input[type="radio"] {
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
}

  }

  img.ag-35.ag-36.ag-38.ag-3xd.custom-ag-3xd {
      object-fit: contain;
  }

.flash {
  animation: flash-effect 0.8s ease-in-out;
}

@keyframes flash-effect {
  0%, 100% {
    background-color: #334fb4;
  }
  25%, 75% {
    background-color: #3680FF;
  }
}
/* stylesheet */
sticky-header.header-wrapper {
  display: none;
}
.footersec-bg.customx- {
  display: none;
}
.product-form__input input[type="radio"] {
  position: unset !important;
    overflow: visible !important;
    width: 20px !important;
    height: 20px !important;
    clip: unset !important;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border-radius: 50px;
    padding: 12px;
    JUSTIFY-CONTENT: CENTER;
    text-align: center;
}
.product-form__input--pill input[type=radio]:checked+label{
background-color: #fff;
color: black;
}
.product-form__input--pill input[type=radio]+label{
all: unset !important;
}
.product.customprocuxsa {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

li.product__media-item.grid__item.slider__slide {
    display: none;
}


li.product__media-item.grid__item.slider__slide.is-active {
    display: block;
}
.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    width: 100%;
}
section.product__column-stickyx {
    width: 100%;
}
.product__column-sticky {
    height: 100%;
}
.main-add-inputx.ag-5cu {
    margin-bottom: 20px;
}
button.product-form__submit.button.button--full-width.button--secondary {
    background-color: #334fb4;
    width: 100%;
    border-radius: 32px;
    color: #fff;
    border-radius: 6px;
    border: none;
    gap: 5px;
    padding: 12px 0px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.product-form__buttons {
    max-width: 100%;
}
.button:before{
    all: unset !important;
}
.button:after{
    all: unset !important;
}
button.product-form__submit.button.button--full-width.button--primary {
    background-color: #334fb4;
    width: 100%;
    border-radius: 32px;
    color: #fff;
    border-radius: 6px;
    border: none;
    gap: 5px;
    padding: 12px 0px;
}
ul.product__media-list {
    margin: 0 !important;
}
@media screen and (max-width:1160px) {
  /* body{
    grid-template-columns: unset !important;
  } */
    .ag-1lm {
        padding: 0 20px;
    } 
  body {
    min-height: auto !important;
}
  button.product-form__submit.button.button--full-width.button--primary {
    font-size: 26px;
}
  
}
@media screen and (max-width:800px) {
    .product-form__input input[type="radio"] {
        margin-top: 24px;
    }

}
@media screen and (max-width:1023px) {
  .metafield-rich_text_field p {
    font-size: 12px;
    font-family: "ABC Diatype";
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 12px;
    line-height: 16px;
    padding: 0;
    color: #707170;
}
  .ag-5cz {
    position: relative;
    width: 102px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
    .slider-buttons.quick-add-hidden {
        display: none;
    }
  .ag-3x7xnew {
    display: block;
}
  .ag-3x7 {
    justify-content: center;
}
.ag-1lj {
    display: flex;
    min-height: 100vh;
    background-color: #f6f5f1;
    flex-direction: column;
    padding: 0px 0px;
}
      .grid__itemx.ag-1lm.custom-set {
        width: 90%;
        margin: 30px auto;
    }
    .cutomwidx {
        display: none;
    }
    fieldset.js.product-form__input.product-form__input--pill {
        width: 100%;
        max-width: 100%;
    }    
    /* .image-setxmobile {
        width: 120px;
    } */
    
    .ag-5d0 {
        display: flex;
        gap: 20px;
    }
    .product-form__input input[type="radio"] {
        width: 20px;
        height: 20px !important;
        position: absolute !important;
        top: 10px;
        z-index: 9;
      margin:0px 0px 0px 10px;
    }
    .ag-5d0{
        padding: 0;
    }
    fieldset.js.product-form__input.product-form__input--pill{
        width: 100%;
        max-width: fit-content;
    }
    .mblicl-sx {
        padding: 20px 0px 0px 0px !important;
    }
    .grid__itemx.ag-1lm.custom-set {
        width: 90%;
        margin: 0;
    }
  .ag-5d6 {
    font-family: "ABC Diatype";
    font-style: normal;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    padding: 0;
    font-weight: 700;
    margin: 0;
}
  .ag-5d2 {
    font-family: "ABC Diatype";
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    font-weight: 700;
}
  form#product-form-template--17579571740716__main {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}
  .product-form__buttons {
    max-width: 100%;
    width: 100%;
}
  form#product-form-template--17579571740716__main {
    position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        right: 0;
        display: flex
;
        justify-content: center;
        padding: 20px !important;
        border: none;
        box-shadow: 36px 120px 117px 44px #060606fa !important;
        background: #f6f5f1 !important;
}
}
@media screen and (max-width: 800px) {
    .image-setxmobile {
        width: 50%;
    }
}
@media screen and (max-width:650px) {
    .grid__itemx.ag-1lm.custom-set{
        width: 100%;
padding-bottom: 0px !important;
      
    }
button.custom-btn-v2 {
    position: sticky;
    bottom: 0;
}
  .grid__itemx.ag-1lm.custom-set.scroll-trigger.animate--slide-in {
    padding-bottom: 0px ! IMPORTANT;
}
}

@media screen and (max-width: 1000px) and (min-width: 800px) {
  .product-form__input input[type="radio"] {
    position: unset !important;
    overflow: visible !important;
    width: 34px !important;
    height: 20px !important;
    clip: unset !important;
}
@media screen and (max-width: 1100px) and (min-width: 1030px) {
  .product-form__input input[type="radio"] {
    position: unset !important;
    overflow: visible !important;
    width: 30px !important;
    height: 20px !important;
    clip: unset !important;
}
}