/** Shopify CDN: Minification failed

Line 315:7 Cannot use type selector "-body" directly after nesting selector "&"

**/
 * {margin: 0; padding: 0; box-sizing: border-box;}

  input:focus, a:focus, button:focus, textarea:focus, select:focus {outline: none !important; box-shadow: none !important;}
  a, img, button, input[type="submit"], div {transition: all 0.5s ease;}
  img {max-width: 100%;}
  .container {position: relative;}
  .fa.fa-twitter {font-family: sans-serif;}
  .fa.fa-twitter::before {content: "𝕏"; font-size: 1.2em;}
  body {font-family: "Inter", sans-serif !important; font-weight: 400 !important; background: #fff !important; color: #1e1e1e !important;}


  /*---------- 30 Nov 2025 --------*/
  body.product-page{background: url("../images/product-detail-bg.jpg") no-repeat center top !important; background-size: cover !important;}

  .clients-feedback{margin: 0;  color: #000; padding: 60px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;  position: relative;}
  .clients-feedback img{display: block; width: 100%;}

  .product-description{margin: 0;  color: #000; padding: 60px 0;  position: relative;}
  .product-description img{display: block; width: 100%;}


  .product-video{margin: 0;  color: #000; padding:0; background: #FFF url("../images/client-feedback-bg.jpg") no-repeat center center; background-size: cover !important;  position: relative;}
  .product-video img{display: block; width: 100%;}


  .best-seller-slider{margin: 0; border-top:1px solid #131313;  color: #000; padding: 60px 0; background:transparent; position: relative;}
  .best-seller-slider h3 {color: #282828; font-size: 24px; font-weight: 600; margin: 0 0 30px 0;}
  .best-seller-slider .img-box {background: #F0F0F0; position: relative; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
  .best-seller-slider .img-box .wish-list {margin: 0; padding: 0; position: absolute; right: 15px; top: 15px; color: #000; font-size: 21px;}
  .best-seller-slider .img-box a {color: #000; text-decoration: none;}
  .best-seller-slider .content {margin: 0; padding: 10px 0  0 0;}
  .best-seller-slider .content .cart-btn {margin: 10px 0 0 0; padding: 0;}
  .best-seller-slider .content .cart-btn a {display: block;padding: 10px;background: #000;color: #fff;text-decoration: none;text-align: center;}
  .best-seller-slider .content .rating {color: #FFC617;}
  .best-seller-slider .content .rating span {color: #282828;}
  .best-seller-slider .content .title {color: #282828; font-size: 18px; font-weight: 600;}
  .best-seller-slider .content .cat {color: #7C7C7C; font-size: 14px;}
  .best-seller-slider .price-box {display: flex; justify-content: space-between; align-items: center; margin: 15px 0 0 0;}
  .best-seller-slider .price-box .save-price {background: #FF0000; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 14px;}
  .best-seller-slider .price-box .price {color: #282828; font-size: 18px; font-weight: 600;}
  .best-seller-slider .price-box .price span {color: #B6B6B6; font-size: 16px; font-weight: 400; text-decoration: line-through;}
  .best-seller-slider .owl-nav {position: absolute; right: 0; top: -65px;}
  .best-seller-slider .owl-nav button {background: #f8f8f8; border: 1px solid #333 !important; width: 40px; height: 40px; border-radius: 100%; margin-left: 15px;}

  .collection-slider .owl-dots {margin: 0; padding: 0; width: 100%; position: absolute; left: 0; bottom: 15px; text-align: center;}
  .collection-slider .owl-dots .owl-dot {width: 10px; height: 10px; background: #DECEBF !important; border-radius: 100%; margin: 0 10px;}
  .collection-slider .owl-dots .owl-dot.active {background: #FDD005 !important;}




  .Special-offer .owl-dots {margin: 0; padding: 0; width: 100%; position: absolute; left: 0; bottom: 15px; text-align: center;}
  .Special-offer .owl-dots .owl-dot {width: 10px; height: 10px; background: #DECEBF !important; border-radius: 100%; margin: 0 10px;}
  .Special-offer .owl-dots .owl-dot.active {background: #FDD005 !important;}


  .collection-title{margin: 0;  color: #000; text-align: center; padding: 30px 0; background: #FFD105; position: relative;}
  .collection-title h1 {font-size: 48px; color: #000; font-weight: 700; margin:0 0 30px 0;}
  .collection-title .btn-list {margin: 0; padding: 0; justify-content: center; display: flex; flex-wrap: wrap; gap: 15px; list-style-type: none;}
  .collection-title .btn-list li {margin: 0; padding: 0;}
  .collection-title .btn-list li a {padding: 10px; display: inline-block; border: 1px solid #000; border-radius: 5px; color: #fff; text-decoration: none; background: #000;}
  .collection-title .btn-list li a:hover{background: transparent;}
  .collection-title .btn-list li:last-child a{background: transparent; color: #000; }
  .collection-title .btn-list li:last-child a:hover{background: #000; color: #fff;}


  .trusted-partners{margin: 0;  color: #fff; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 60px 0; background: #FBF4F4; position: relative;}
  .trusted-partners h3 {font-size: 48px; color: #000; font-weight: 700; margin:0 0 30px 0;}
  .trusted-partners .partner-list {margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center;}
  .trusted-partners .partner-list li {margin: 0; padding: 0 15px;}
  .trusted-partners .partner-list li img {max-height: 100px;}



  .collection-sec{margin: 0;  color: #000; padding: 60px 0; background: #FFF; position: relative;}
  .collection-sec .product-list {margin:15px 0 0 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap;}
  .collection-sec .product-list li {margin: 0 0 30px 0; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); width: 33.333%;}
  .collection-sec .img-box {background: #F0F0F0; position: relative; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
  .collection-sec .img-box .wish-list {margin: 0; padding: 0; position: absolute; right: 15px; top: 15px; color: #000; font-size: 21px;}
  .collection-sec .img-box a {color: #000; text-decoration: none;}
  .collection-sec .content {margin: 0; padding: 10px 0  0 0;}
  .collection-sec .content .cart-btn {margin: 10px 0 0 0; padding: 0;}
  .collection-sec .content .cart-btn a {display: block;padding: 10px;background: #000;color: #fff;text-decoration: none;text-align: center;}
  .collection-sec .content .rating {color: #FFC617;}
  .collection-sec .content .rating span {color: #282828;}
  .collection-sec .content .title {color: #282828; font-size: 18px; font-weight: 600;}
  .collection-sec .content .cat {color: #7C7C7C; font-size: 14px;}
  .collection-sec .price-box {display: flex; justify-content: space-between; align-items: center; margin: 15px 0 10px 0;}
  .collection-sec .price-box .save-price {background: #FF0000; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 14px;}
  .collection-sec .price-box .price {color: #282828; font-size: 18px; font-weight: 600;}
  .collection-sec .price-box .price span {color: #B6B6B6; font-size: 16px; font-weight: 400; text-decoration: line-through;}
  .collection-sec .pagination {margin: 15px 0 0 0; justify-content: center; gap: 10px;}
  .collection-sec .pagination .page-item {border: 2px solid #282828 !important; border-radius: 0; background: #fff; border-radius: 5px; overflow: hidden;}
  .collection-sec .pagination .page-item .page-link {color: #000; border-radius: 0 !important; border: none !important; margin: 0 !important; font-weight: 600;}
  .collection-sec .pagination .page-item .page-link:hover {background: #282828; color: #fff;}
  .collection-sec .filter-list .content-box{display: none;}
  .collection-sec .filter-list .title {color: #282828; font-weight: 500; cursor: pointer; position: relative; font-size: 18px; margin:0 0 10px 0;}
  .collection-sec .filter-list .title span.plus{display: none;}
  .collection-sec .filter-list .title.add span.plus{display: block !important;}
  .collection-sec .filter-list .title.add span.minus{display: none !important;}
  .collection-sec .filter-list .title span {position: absolute; right: 0; font-size: 24px; top:0}
  .collection-sec .filter-list {margin: 0; padding: 0; list-style-type: none;}
  .collection-sec .filter-list li {margin: 0 0 15px 0;}
  .collection-sec .filter-list li:last-child{margin-bottom: 0;}
  .collection-sec .show-items {font-size: 21px; font-weight: 600; line-height: 40px;}
  .collection-sec .search {text-align: right;}
  .collection-sec .search select {background: #f8f8f8; border: 1px solid #D7D7D7; padding: 10px; margin: 0 0 0 10px;}
  .collection-sec .best-seller {padding: 0; position: relative; margin: 0 0 15px 0;}
  .collection-sec .best-seller .title {color: #282828; font-size: 21px; font-weight: 600;}
  .collection-sec .best-seller .custom-btn {position: absolute; right: 0; top: 0; text-align: right;}
  .collection-sec .best-seller .custom-btn a {color: #282828; text-decoration: none; font-weight: 600;}
  .collection-sec .best-seller .custom-btn a i {font-size: 13px;}
  .best-seller .custom-btn {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-top: 15px;
    display: block;
  }

  .collection-sec .product-list li {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .collection-sec .content .title {
    min-height: 67px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .collection-sec .content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .collection-sec .content .cart-btn {
    margin-top: auto;
  }

  .collection-sec .img-box {
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }

  .collection-sec .img-box img {
    max-height: 100%;
    width: auto;
  }
  .collection-sec .product-list li a img {
    max-height: 417px;
    width: 100%;
    object-fit: fill;
}

  #ymalButtonWrapper,
  #bestBtnWrap,
  #trendBtnWrap {
      position: relative !important;
      top: auto !important;
      right: auto !important;
      margin-top: 15px;
      text-align: right;
      display: block;
  }

  #ymalButtonWrapper button,
  #bestBtnWrap button,
  #trendBtnWrap button {
      background: none;
      border: none;
      padding: 0;
      font-weight: 600;
      color: #282828;
      cursor: pointer;
      font-size: 16px;
  }

  #ymalButtonWrapper button i,
  #bestBtnWrap button i,
  #trendBtnWrap button i {
      font-size: 13px;
      margin-left: 4px;
  }

  .filter-item a {
    text-decoration: none ;
  }
  .filter-item a:hover {
    text-decoration: none ;
  }

  header.site-header,
  header.header-wrapper,
  .shopify-section-header {
      background: transparent !important;
      position: absolute;
      width: 100%;
      z-index: 9999;
  }
  .collection-banner .banner-wrapper {
      margin-top: -80px;
  }
  .collection-banner .banner-wrapper {
      position: relative;
      width: 100%;
  }

  .collection-banner .banner-img {
      width: 100%;
      display: block;
  }


  .collection-banner .banner-content {
      position: absolute;
      top: 50%; /* vertically centered */
      left: 10%; /* adjust left position */
      transform: translateY(-50%);
      z-index: 10;
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
  }


  .collection-banner .banner-content {
      position: absolute;
      top: 80%;
      left: 8.5%;
      transform: translateY(-50%);
      z-index: 10;
      display: flex;
      gap: 40px;
  }
  .collection-banner .banner-btn {
      background:transparent;
      border:2px solid #FFC400;
      color:white;
      padding: 12px 22px;
      border-radius: 45px;
      font-weight: 600;
      text-decoration: none;
      transition: 0.3s ease;

  }
  .collection-banner .banner-btn:hover {
      background: #FFC400;
      color:#000;
  }
  .custom-banner-card img {
    max-width: 100%;
    display: block;
  }
  
  .pgi-certification{margin: 0;  color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 60px 0; background: #FBF4F4; position: relative;}
  .pgi-certification .row{align-items: center;}
  .pgi-certification h3 {font-size: 48px; color: #000; font-weight: 700; margin:0 0 30px 0;}
  .pgi-certification .content-box{padding: 30px;}
  .pgi-certification .img-box img{width:100%; border-radius: 15px;}
  .pgi-certification .custom-btn {margin: 0; padding: 0;}
  .pgi-certification .custom-btn a {padding: 10px 45px; display: inline-block; background: #000; text-decoration: none; color: #ffff;}






  .collection-faq{margin: 0;  color: #000; padding: 60px 0; background: #FFF; position: relative;}
  .collection-faq .row{align-items: center;}
  .collection-faq h3 {font-size: 48px; color: #000; font-weight: 700; margin:0;}
  .collection-faq h4 {font-size: 42px; color: #000; font-weight: 700; margin:0 0 30px 0;}
  .collection-faq .content-box{padding: 30px;}
  .collection-faq .img-box img{width:100%; border-radius: 15px;}
  .collection-faq .custom-btn {margin: 0; padding: 0;}
  .collection-faq .content-left p{color:#054040}
  .collection-faq .custom-btn a {padding: 10px 45px; display: inline-block; background: #000; text-decoration: none; color: #ffff;}

  .collection-faq .card-body{padding:0 0 15px 0;}
  .collection-faq .card-body p:last-child{margin-bottom: 0;}
  .collection-faq .card {
      border-bottom: 1px solid #CBCBCB !important;
      border-radius: 0; margin:0;
  }
  .collection-faq .card:last-child{border-bottom: none !important;}
  .collection-faq .accordion {
    margin:0;
    padding:15px 25px; background: #F3F3F3; border-radius: 25px;
    .card {
      border: none;
      background: transparent;
      h2 {
        background: url("../images/arrow-top.png") no-repeat calc(100% - 10px) center;
      background-size: 15px;
      padding: 15px 0;
        cursor: pointer;
        color:#054040;
        font-size: 18px;
        &.collapsed {
              background-image: url("../images/arrow-down.png");
        }
      }
      &-body {
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
.collection-sec .content .cart-btn a.disabled {
  background: #ccc !important;
  color: #666 !important;
  cursor: not-allowed !important;
  pointer-events: none;
  opacity: 0.8;
}
/* Pagination Container */
#ymalButtonWrapper .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* Pagination Buttons */
#ymalButtonWrapper .pagination li a,
#ymalButtonWrapper .pagination li span {
  display: inline-block;
  padding: 8px 14px;
  font-size: 14px;
  color: #fff;
  background: #000;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  min-width: 38px;
  text-align: center;
  user-select: none;
}

/* Hover Effect */
#ymalButtonWrapper .pagination li a:hover {
  background: #333;
}

/* Active Page (span, not link) */
#ymalButtonWrapper .pagination li span {
  background: #FFB800;
  color: #000;
  font-weight: bold;
  cursor: default;
}

/* Previous/Next arrow bold */
#ymalButtonWrapper .pagination li:first-child a,
#ymalButtonWrapper .pagination li:last-child a {
  font-weight: bold;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  #ymalButtonWrapper .pagination li a,
  #ymalButtonWrapper .pagination li span {
    padding: 6px 10px;
    font-size: 13px;
    min-width: 32px;
  }
}

@media (max-width: 480px) {
  #ymalButtonWrapper .pagination {
    gap: 4px;
  }
  #ymalButtonWrapper .pagination li a,
  #ymalButtonWrapper .pagination li span {
    padding: 5px 8px;
    font-size: 12px;
  }
}
