/** Shopify CDN: Minification failed

Line 532:0 Expected "}" to go with "{"

**/
      .prdt-card-grid-container {
          margin: 7% auto;
          max-width: 1300px;
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
          place-items: center;
          gap: 1%;
      }

      .cstm-sller-tag {
          width: 149px;
          height: 30px;
          background: #E5C645;
          margin-left: 2%;
          border-radius: 6px 6px 0px 0px;
      }

      .product-card-inner {
          border-radius: 2%;
          border: 0.31px solid #4C5254;
          overflow: hidden;
          padding: 4%;
          background: #FFFFFF;
          padding-bottom: 20px;
          display: flex;
          flex-direction: column;
          align-items: center;
      }

      /* Label */
      .product-card-label {
          background: #E5C645;
          color: #092A33;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          font-size: 14px;
          padding: 6px 12px;
          border-radius: 0 0 6px 6px;
          align-self: flex-start;
          margin: 0 0 10px 0;
      }

      /* Product Image */
      .product-card-img {
          width: 100%;
          border-radius: 0;
          object-fit: cover;
      }

      /* Product Name */
      .product-card-product-name {
          font-family: "Figtree", sans-serif;
          font-weight: 500;
          font-size: 18px;
          line-height: 1.3;
          text-align: left;
          color: #2B2B2B;
      }

      .product-card-material-info {
          display: none;
      }

      @media screen and (max-width: 500px) {
          .product-card-material-info {
              display: block;
              font-size: 12px;
              line-height: 1.4;
              font-weight: 300;
              margin: 0;
              color: #092A33;
          }
      }

      /* Pricing Row */
      .product-card-pricing-section {
          display: flex;
          gap: 10px;
          align-items: center;
      }

      /* Actual Price */
      .product-card-actual-price {
          font-family: "Figtree", sans-serif;
          font-weight: 700;
          font-size: 20px;
          color: #092A33;
      }

      /* Compare at Price */
      .product-card-compare-at-price {
          font-family: "Figtree", sans-serif;
          font-weight: 300;
          font-size: 16px;
          text-decoration: line-through;
          color: #777;
      }

      /* Discount Badge */
      .product-card-discount {
          background: #E5C645;
          color: #092A33;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          font-size: 14px;
          padding: 4px 10px;
          border-radius: 6px;
      }

      /* Unit Price Line */
      .product-card-unit-price {
          font-family: "Figtree", sans-serif;
          font-weight: 300;
          font-size: 16px;
          color: #666;
      }

      /* ADD TO CART button */
      .product-card-add-cart-btn {
          padding: 4% 10%;
          border-radius: 100px;
          border: 2px solid #01464F;
          background: transparent;
          font-family: "Figtree", sans-serif;
          font-weight: 600;
          font-size: 20px;
          color: #01464F;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          cursor: pointer;
      }

      @media screen and (max-width: 500px) {
          .prdt-card-grid-container {
              grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
              gap: 1%;
          }

          .product-card {
              padding: 6%;
          }

          .product-card-product-name {
              font-size: 14px;
              text-align: center;
              margin: 6% 0 0;
          }

          .product-card-pricing-section {
              gap: 4px;
              margin: 2%;
          }

          .product-card-actual-price {
              font-size: 14px;
          }

          .product-card-compare-at-price {
              font-size: 11px;
          }

          .product-card-discount {
              font-size: 10px;
              padding: 7px 7px;
              border-radius: 6px;
          }

          .product-card-unit-price {
              font-size: 10px;
          }

          .product-card-add-cart-btn {
              gap: 3px;
              font-size: 12px;
              padding: 3% 10%;
          }
      }
  .nntra-banner-container {
      width: 100%;
      height: 210px;
      padding-top: 40px;
  }

  .nntra-banner-heading {
      display: flex;
      flex-direction: column;
      height: 86px;
      gap: 8px;
      margin-bottom: 40px;
  }

  .nntra-banner-h1 {
      margin: 0;
      font-family: 'Figtree', sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 40px;
      line-height: 1.3;
      letter-spacing: 0em;
      text-align: center;
      vertical-align: middle;
  }

  .nntra-banner-star-icon {
      display: flex;
      align-items: center;
      justify-content: center;

  }

  .nntra-banner-cards-container {
      width: 100%;

  }

  .nntra-banner-star-icon svg {
      margin-right: 4px;
  }

  .nntra-banner-star-icon-content {
      margin: 0;
      color: #092A33;
      font-family: 'Figtree', system-ui, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 18px;
      line-height: 1.3;
      letter-spacing: 0em;
      text-align: center;
      /* vertical-align: middle; */
      /* pointer-events: cursor; */
      text-decoration: underline;
  }
  .nntra-banner-star-icon-content,
.nntra-banner-star-icon-content:visited {
    text-decoration: underline;
    color: #092A33; /* optional: keep color same after click */
}
.nntra-banner-star-icon-content:hover,
.nntra-banner-star-icon-content:active {
    text-decoration: underline;
}


  .nntra-banner-tggle-btn-container {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      height: 44px;
  }

  @media screen and (max-width: 500px) {
      .nntra-banner-tggle-btn-container {
          gap: 16px;
          overflow: auto;
          overflow-x: scroll;
      }

      .nntra-banner-tggle-button {
          padding: 8px !important;
          font-size: 13px !important;
      }
      .nntra-banner-container {
        padding-top: 10px !important
      }

  }

  .nntra-banner-tggle-button {
      background-color: #ffffff;
      border: 2px solid #C49330;
      border-radius: 134px;
      gap: 10px;
      padding: 8px 36px 8px 36px;
      font-family: 'Figtree', sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 20px;
      line-height: 1.4;
      letter-spacing: 0em;
      text-align: center;
      cursor: pointer;
      width:auto;
  }

  .cards-grid-section-container {
      max-width: 1300px;
      margin: auto;
  }

  .hero-cards-container {
      display: grid;
      gap: 10px;
      height: auto;
      border-radius: 7px;
      width: 100%;
      grid-template-columns: 1fr 1fr;
  }

  @media screen and (max-width: 768px) {
      .hero-cards-container {
          grid-template-columns: 1fr;
      }
  }

  .hero-cards-2-column-container {
      display: flex;
      flex-direction: column;
  }

  .hero-cards-hero-img-1 {
      width: 100%;
      height: auto;
      border-radius: 7px;
  }

  .hero-cards-hero-img-2 {
      height: auto;
      margin-bottom: 1%;
      width: 100%;
  }

  .hero-cards-main-card {
      display: flex;
      overflow: hidden;
      border: 1px solid #dcdcdc;
      border-radius: 7px;
      background: white;
      /* height: -webkit-fill-available; */
  }

  @media screen and (max-width:1280px) {
      .hero-cards-main-card {
          /* height: 301px; */
      }

      .hero-cards-main-card-content-container {
          padding: 1%;
      }

  }

  @media screen and (max-width:1024px) {
      .hero-cards-main-card {
          /* height: 238px; */
      }
  }

  @media screen and (max-width: 400px) {
      .hero-cards-main-card {
          /* height: 230px; */
      }
  }


  .hero-cards-prdt-img {
      width: 50%;
      height: 100%;
  }

  .hero-cards-main-card-content-container {
      width: 50%;
      padding: 2%;
      display: grid;
      flex-direction: column;
      justify-content: space-between;
      height: auto;
  }

  .hero-cards-product-name {
      font-family: "Figtree", sans-serif;
      font-weight: 500;
      font-style: normal;
      font-size: 24.11px;
      line-height: 1.4;
      letter-spacing: 0;
      margin: 0;
  }

  @media screen and (max-width: 500px) {
      .hero-cards-product-name {
          font-size: 16px !important;
      }

      .hero-cards-container .actual-price {
          font-size: 16px !important;
      }

      .hero-cards-container .compare-at-price {
          font-size: 14px !important;
      }

      .hero-cards-container .discount {
          font-size: 10px !important;
          padding: 4px !important;
      }

      .hero-cards-main-card {
          /* height: 230px !important; */
      }
  }
    @media screen and (max-width: 380px) {
    .hero-cards-container .actual-price {
          font-size: 14px !important;
      }

      .hero-cards-container .compare-at-price {
          font-size: 12px !important;
      }

  }



  .hero-cards-main-card-pricing-section {
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .actual-price {
      font-family: "Figtree", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 24px;
      line-height: 100%;
      letter-spacing: 0;
      text-transform: capitalize;

  }

  .compare-at-price {
      color: #092A33;
      text-decoration: line-through;
      font-family: "Figtree", sans-serif;
      font-weight: 300;
      font-style: normal;
      font-size: 20px;
      line-height: 130%;
      letter-spacing: 0;
      text-transform: capitalize;
      text-decoration: line-through;

  }

  .discount {
      background: #E5C645;
      color: #092A33;
      padding: 1%;
      border-radius: 5px;
      font-family: "Figtree", sans-serif;
      font-weight: 600;
      font-size: 17.22px;
      line-height: 1;
      letter-spacing: 0;
  }


  .unit-price {
      font-family: "Figtree", sans-serif;
      font-weight: 300;
      font-style: italic;
      font-size: 17.22px;
      line-height: 116%;
      vertical-align: middle;
      color: #4C5254;

  }

  .add-cart-btn {
      border: 2px solid #0c4a53;
      font-family: 'Figtree', sans-serif;
      color: #0c4a53;
      border-radius: 40px;
      background: transparent;
      font-size: 90%;
      font-weight: 600;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .cart-icon {
      font-size: 20px;
  }
a.nntra-banner-tggle-button:not(.active) {
    border-color: #c4933052;
}
section.hero-single-product-container {
    padding: 2% 0;
}
.hero-cards-main-card .reco-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    /* gap: 10px; */
}
.product-grid-tab  .t4s-product-inner.t4s-pr.t4s-oh {
    /* border-radius: 0px 8px 0 0!important; */
}
.product-grid-tab  .tt-label-location.product-featured-tag {
    left: 0px;  
    top: -26px;
}
.t4s-product .t4s-product-info {
    border: .5px solid #0035513d !important;
    border-radius: 0 0 8px 8px !important;
    padding: 10px 9px 0 !important;
    background: #fff;
    height: 100%;
}
@media only screen and (max-width: 767px) {
 .nntra-banner-tggle-button {   min-width: max-content;}
 .nntra-banner-tggle-btn-container { 
    justify-content: left;    
    padding: 0 15px;
    overflow: scroll;
    min-height: 50px;
}
