/** Shopify CDN: Minification failed

Line 101:13 Expected identifier but found whitespace
Line 101:15 Unexpected "{"
Line 101:24 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* -----------------------------------
            Home Page
---------------------------------------*/
body{
  font-family: Montserrat, sans-serif;
}
li{
  list-style-position: outside;
}

/* ====== Hero section ====== */

.banner__heading {
    color: #fff !important;
    font-size: 56px;
    font-weight: normal;
}
.banner__box .banner__text {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    max-width: 680px
}
.banner__buttons .button {
    border-radius: 0px;
    color: #fff !important;
    padding: 16px;
    font-size: 16px;
    font-weight: 500;
}

.slideshow__controls.slider-buttons {
    position: absolute;
    left: 60px;
    bottom: 50px;
}
.slideshow__control-wrapper {
    flex-direction: column;
}
.slideshow__controls > .slider-button {
    display: none;
}
button.slider-counter__link {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    padding: 4px;
}
button.slider-counter__link.link.slider-counter__link--active {
    color: #fff;
    text-decoration: none;
}
button.slider-counter__link--active:after {
    content: "";
    display: block;
    height: 40px;
    width: 1px;
    background: #fff;
    margin: 0 auto;
    margin-top: 4px;
}

.button--secondary:after,
.button--secondary:before{
    display: none;
}
.banner__buttons .button--secondary {
    background: #fff;
    color: #1713D3 !important;
}

/* ====== Shipping Features ====== */

.shipping-features .media {
    padding-bottom: 60px !important;
}
.shipping-features .multicolumn-list h3 {
    color: #2E2E2E;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.shipping-features .multicolumn-card__info .rte {
    margin: 0;
    font-size: 16px;
}

/* ====== Categories Section ====== */

.categories-section {
  padding: 50px 0;
  background: {{ section.settings.bg_color }};
}

.categories-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.categories-header h2 {
  font-size: 32px;
  margin:0;
}

.slider-arrows button {
    border: 1px solid #B7B2AF;
    background: transparent;
    padding: 0;
    cursor: pointer;
    margin-left: 10px;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.category-card {
    display: flex;
    align-items: center;
    background: #F5F5F5;
    text-decoration: none;
    border-radius: 0px;
    gap: 50px;
    min-height: 180px;
    justify-content: center;
}

.category-content h3 {
    margin: 0;
    font-size: 20px;
    color: #2E2E2E;
    line-height: 24px;
}

.category-content p {
  margin: 5px 0 0;
  font-size: 20px;
  color: #727272;
}

.category-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media only screen and (max-width: 767px){
  .category-card{gap: 0;justify-content: space-evenly;}
  .categories-header h2{font-size: 30px;}

}


/* ====== Popular Products Section ====== */
    .popular-products {padding: 60px 0;background: #F2F5FD;}
    .section-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 40px;
    }
    .section-header h2 {
        font-size: 34px;
        line-height: 40px;
        margin: 0;
        color: #2E2E2E !important;
    }

    .slider-arrows button {
      border: 1px solid #ccc;
      background: transparent;
      padding: 8px 12px;
      cursor: pointer;
      margin-left: 10px;
    }

    .product-image {
      position: relative;
    }

    .product-image img {
        width: 100%;
        display: block;
        height: 400px;
        object-fit: cover;
        border-radius: 12px;
    }

    .product-card .badge {
      position: absolute;
      top: 10px;
      left: 10px;
      background: red;
      color: #fff;
      padding: 4px 10px;
      font-size: 12px;
    }

    .hover-icons {
      position: absolute;
      top: 10px;
      right: 10px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      opacity: 0;
      transition: 0.3s;
    }
    .hover-icons span {
        height: 30px;
        width: 30px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hover-icons span svg {
        width: 20px;
        height: 20px;
    }
    .product-image:hover .hover-icons {
      opacity: 1;
    }
    .quick-add {
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        border: none;
        padding: 16px;
        cursor: pointer;
        opacity: 0;
        transition: 0.3s;
        color: #2E2E2E;
        font-size: 16px;
        line-height: 22px;
        max-width: 190px;
        width: 100%;
        font-weight: 600;
    }
    button.quick-add-btn {
        background: transparent;
        border: none;
    }
    form.quick-add-form {
        display: flex;
    }
    .product-image:hover .quick-add {
      opacity: 1;
    }

    .product-info {
        padding: 24px 0;
    }
    .product-info h3 {
        font-size: 18px;
        font-weight: 600;
        color: #2E2E2E;
        margin: 0;
    }

    .variants {
      margin-top: 10px;
    }
      .variant-box {
        width: 24px;
        height: 24px;
        display: inline-block;
        margin: 3px;
        cursor: pointer;
        border: 1px solid #ddd;
      }

      .variant-box.active {
        border: 2px solid black;
      }
    .price .old {
        text-decoration: line-through;
        color: rgb(51 51 51 / 40%);
        margin-right: 5px;
        font-weight: 600;
        font-size: 18px;
    }
    .price {
      margin-top: 5px;
    }
    .product-card span a {
        align-items: center;
        display: contents;
    }
    .price .new {
        color: #D52730;
        font-size: 18px;
        font-weight: 600;
    }
    .sec-title {
      display: flex;
      align-items: center;
      gap: 32px;
  }

    .sale-text {
      font-weight: bold;
      margin-bottom: 6px;
    }
    #countdown-template--20325588631720__popular_products_slider_jpPAaf{
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 20px;
      color: #d52730;
    }
    .sale-timer span {
      font-size: 20px;
      font-weight: 600;
      width: 45px;
      background: #D52730;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
    }
  @media screen and (max-width: 750px) {
    .popular-products .sec-title {
        flex-wrap: wrap;
        gap: 10px;
    }
    section.best-sale-sec {
      padding: 50px 0;
      border-bottom: 1px solid #dddddd9c;
    }
    .popular-products .slider-arrows {
      display: flex;
    }
    .product-info {
      padding: 24px 0 0;
    }

  }


/* ======  Collection Tabs slider   ====== */
.gx-tabs-section {
    padding: 60px 0;
}

.gx-tabs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gx-tabs-header h2 {
    color: #2E2E2E;
    font-size: 34px;
    margin: 0 0 10px;
}
 .gx-tabs-nav {
  margin: 20px 0 30px;
}

.gx-tab-btn {
    padding: 12px 24px;
    border: 1px solid #ccc;
    background: transparent;
    margin-right: 10px;
    cursor: pointer;
    font-size: 16px;
    color: #A1A1A1;
    font-weight: 500;
}
.gx-tab-btn.active {
    border-color: #000;
    font-weight: bold;
    color: #2E2E2E;
}
 .gx-tab-content {
  display: none;
}
.gx-tab-content.active {
  display: block;
}
 .gx-card {
  position: relative;
  display: block;
}
 .gx-card img {
  width: 100%;
  height: 460px;
  object-fit: cover;
  object-position: top;
}
 .gx-label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #000;
  color: #fff;
  padding: 6px 12px;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
 .gx-tab-btn {margin-bottom: 10px;}
  .gx-tabs-header h2 {font-size: 30px;margin: 0;margin-bottom: 10px;}
 .slider-arrows {display: flex;}
  #gx-tabs-section {padding: 50PX 0;}
  .gx-card img {height: 350px;}
  .about-left .heading {font-size: 30px;line-height: 40px;margin-bottom: 0;}

}


/* ===== ABOUT SECTION  ===== */

  /* SECTION */
.about-section {
    padding: 0;
    background: #F2F5FD;
    overflow: hidden;
}

/* GRID */
.about-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr 1fr;
  gap: 0px;
  align-items: stretch;
}

/* LEFT */
.about-left {
  padding: 60px 40px;
}

.about-left .subheading {
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.about-left .heading {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 52px;
  margin-top: 0;
}

.about-left .description {
  color: #666;
  margin-bottom: 25px;
}

/* FEATURES */
.features {
  padding: 60px 20px;
}

.features h4 {
  font-size: 26px;
  line-height: 32px;
}

.features ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.features li {
  margin-bottom: 40px;
  display: flex;
  gap: 24px;
  font-size: 20px;
  line-height: 24px;
  color: #727272;
  align-items: center;
}

/* ICON */
.trusted-by .icon {
    width: 160px;
    height: auto;
}
.about-section .features .icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

/* TRUSTED */
.trusted-users {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.trusted-users small {
  display: block;
  font-size: 16px;
  color: #727272;
}

.trusted-users span {
  font-size: 20px;
  font-weight: 600;
  color: #2E2E2E;
}

/* STATS */
.stats {
  display: flex;
  gap: 30px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.stat-item h3 {
  font-size: 34px;
  margin: 0;
}

.stat-item p {
  margin: 0;
}

/* RIGHT IMAGE */
.about-right {
  width: 37vw;
  margin-right: calc(-37vw + 100%);
  margin-left: auto;
}

.about-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 🔥 1100px ↓ ONLY IMAGE SHOW */
@media (max-width: 1100px) {

  .about-grid {grid-template-columns: 1fr;}
  /* show image only */
  .about-right {width: 100%;height: 60vh;}
  .about-right img {width: 100%;height: 100%;object-fit: cover;}
  .features {padding: 0px 0px;}
}

/* 📱 MOBILE */
@media (max-width: 768px) {
  .about-section {padding: 50px 0;}
  .about-right {height: 300px;margin: 0;}
  .about-left {padding: 0px;}
  stat-item h3 {font-size: 30px;}
  .trusted-by .icon {width: 120px;}
  .about-left .subheading {margin: 0;margin-bottom: 10px;}
  .trusted-users span {font-size: 18px;}
  .features li {margin-bottom: 20px;}

  .stats {gap: 24px;margin-top: 24px;}

}


/* ===== Best Sale ===== */
section.best-sale-sec {
    background: #fff;
    padding: 100px 0;
}

/* =====  More Way to Save ====== */


.promo-wrapper {
    padding: 0px 0 100px;
}

.promo-heading {
  font-size: 34px;
  margin-bottom: 25px;
}

.promo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.promo-card {
  position: relative;
  overflow: hidden;
}

.promo-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}

.promo-content {
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  color: #fff;
  max-width: 300px;
}

.promo-content h3 {
    font-size: 34px;
    margin-bottom: 10px;
    color: #fff;
    margin-top: 0;
}

.promo-content p {
  margin-bottom: 15px;
  margin-top: 0;
}

.promo-btn {
    background: #fff;
    padding: 12px 24px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

@media(max-width: 768px) {
  .promo-wrapper {padding: 50px 0;}
  .promo-heading {font-size: 30px;margin: 0;margin-bottom: 25px;}
  .promo-content h3 {font-size: 24px;}
  .promo-grid {grid-template-columns: 1fr;}
  .promo-content {left: 20px;}
  .promo-btn {padding: 10px 20px;font-size: 14px; line-height: 20px;}
}



/* ====== Customer Reviews ====== */
.reviews-section {
    padding: 80px 0px;
    background: #F2F5FD;
}

.reviews-section h2 {
  font-size: 34px;
  color: #181717 !important;
  text-align: left;
  margin-top: 0;
  margin-bottom: 50px;
}

.review-text {
    background: #fff;
    padding: 30px;
    text-align: left;
    box-shadow: 0 15px 63px -26px rgb(18 18 18 / 15%);
}
.review-text h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #181717;
    margin-top: 0;
}
.review-text p {font-size: 16px;line-height: 28px;color: #666666;}
.stars {color: orange;margin: 0;font-size: 30px;letter-spacing: 5px;line-height: 1;}
.reviewer {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
}
.reviewer span {
    display: block;
    font-size: 14px;
    color: #666666;
}
.reviewer strong {
    color: #181717;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    display: block;
    line-height: 24px;
}
.reviewer img {border-radius: 50%;width: 40px;height: 40px;}
.reviewer span svg {vertical-align: middle;}

/* Arrows styling */
.reviews-section .splide__arrows {top: -72px;right: 0;left: auto;position: absolute;}

.reviews-slider .splide__arrow {border: 1px solid #ddd;height: 40px;width: 40px;background: #fff;}
button.splide__arrow--prev {left: auto;right: 48px;}
button.splide__arrow--next {right: 0;}
.splide__pagination__page.is-active {background: #000;}

@media (max-width: 749px) {
  .reviews-section {padding: 50px 0;}
  .reviews-section h2 {margin: 0;margin-bottom: 30px;font-size: 30px;}
  .reviews-section .splide__pagination {bottom: -30PX;}
 .review-text h3 {font-size: 18px;}
}

@media (max-width: 480px) {
 .reviews-section h2 {width: 75%;}
}

/* ====== Insta Gallery ======= */
.insta-gallery-section {padding: 60px 0 0;background: #FFF;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(242, 245, 253, 1) 50%);
}

.insta-gallery {display: grid;grid-template-columns: repeat(4, 1fr);gap: 25px;}
.insta-item {position: relative;display: block;overflow: hidden;box-shadow: 0 4px 20px rgb(0 0 0 / 10%);}
.insta-item img {width: 100%;height: 100%;object-fit: cover;display: block;}

/* FIRST IMAGE OVERLAY */
.insta-highlight .insta-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.insta-overlay p {margin-top: 10px;font-size: 16px;}

/* RESPONSIVE */
@media (max-width: 768px) {
  .insta-gallery {grid-template-columns: repeat(2, 1fr);}
  .insta-gallery-section {padding: 50px 0;background: #FFF;}
}

/* ====== Footer ======= */


/* FOOTER */
.custom-footer {background: #F2F5FD;padding: 60px 0;}
.footer-grid {display: flex;gap: 40px;justify-content: space-around;}
.footer-col-first {max-width: 450px;}
.footer-col-last { width: 320px;}
.footer-col h2 {font-size: 28px;}
.footer-col h4 {margin-bottom: 15px;margin-top: 0;font-size: 16px;line-height: 20px;}
.footer-col ul {list-style: none;padding: 0;}
.footer-col ul li {margin-bottom: 8px;}
.footer-col p,
.footer-col a {color: #727272;text-decoration: none;}
.footer-col p > span {display: block;}
.footer-col-last p {display: flex;gap: 10px;align-items: center;}
.footer-col-last .timing {flex-wrap: wrap;gap: 0;}
.newsletter {display: flex;margin-top: 20px;}

.newsletter input {flex: 1;border: 0;font-size: 16px;padding: 15px;}
.newsletter button {background: #000;color: #fff;padding: 18px 32px;font-size: 16px;line-height: 20px;border-radius: 0;border: 0;}
.socials {margin-top: 24px;display: flex;gap: 16px;}

.footer-bottom {
    margin-top: 24px;
    border-top: 1px solid #ddd;
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-col-last svg {vertical-align: middle;width: 22px;height: 22px;flex: 0 0 22px;}
.footer-bottom .list.list-payment {display: flex;align-items: center;list-style: none;gap: 10px;padding: 0;margin: 0;}
.footer-bottom svg.icon {display: block;}


@media screen and (max-width: 1100px) {
  .footer-grid {flex-wrap: wrap;}
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .footer-logo img {width: 120px;}
  .insta-gallery {gap: 15px;}
  .custom-footer {background: #F2F5FD;padding: 50px 0;}
  .insta-grid {grid-template-columns: repeat(2, 1fr);}
  .footer-grid {grid-template-columns: 1fr;}
  .footer-grid {flex-direction: column;}
}

body.menu-open {overflow: hidden;height: 100vh;}

/* Collection page */

.card-wrapper .card {position: relative;}
.card__content .quick-add {position: absolute;bottom: 110px;left: 50%;transform: translateX(-50%);}

.quick-add .quick-add__submit {
    padding: .8rem 2rem;
    min-width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.card__heading a {font-size: 16px;}
.price__container .price__regular,
.price__container .price-item--sale {font-size: 18px;color: #D52730;font-weight: 600;}

.card__content .price--on-sale .price-item--regular {font-size: 18px;font-weight: 600;color: #0006;}
.card__inner .card__badge {grid-row-start: 1;position: absolute;top: 0;left: 10px;}
.pagination__item {background: rgb(21 20 210 / 10%);border-radius: 50px;font-size: 18px;}
.pagination .pagination__item--current:after{display: none;}
.pagination__item--current.light {background: #1514d2;opacity: 1;color: #fff;}



/* Products Details */
.product-form__buttons .product-form__submit {background: #1612d3;color: #fff;flex: 0 0 50%;border-radius: 0px;}
.header-wishlist {position: relative;}
.wishlist-link {position: relative;align-items: center;display: flex;}

.wishlist-count {
  position: absolute;
  top: -6px;
  right: -10px;
  background: #e11d48;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hide if 0 */
.wishlist-count:empty {display: none;}

/* Wishlist Button Clean Style */
.add-to-wishlist {background: transparent;border: none;padding: 0;cursor: pointer;position: relative;}

/* Icon Style */
.add-to-wishlist svg {width: 20px;height: 20px;color: #000;fill: transparent;transition: all 0.25s ease;stroke-width: 0px;}
/* Hover Effect */
.add-to-wishlist:hover svg {transform: scale(1.15);}

/* Active (Added) */
.add-to-wishlist.active svg {color: #D52730;}

/* Smooth animation */
.add-to-wishlist.active svg {animation: wishlistPop 0.3s ease;}

@keyframes wishlistPop {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}

/* Hover Icons Layout (Important Fix) */
.hover-icons {display: flex;align-items: center;gap: 14px;}

/* Make all icons same style */
.hover-icons span svg {width: 20px;height: 20px;stroke: #333;transition: 0.3s;cursor: pointer;}
.hover-icons span:hover svg {transform: scale(1.1);}

/* Product Hover Animation */
.product-card .hover-icons {opacity: 0;transform: translateY(8px);transition: all 0.3s ease;}
.product-card:hover .hover-icons {opacity: 1;transform: translateY(0);}
.quantity:before,
.quantity::after{display: none;}

quantity-input.quantity {border: 1px solid #DEE2E6;border-radius: 4px;padding: 10px;}
.quantity button.quantity__button {background: #000 !important;width: 24px;color: #fff;border-radius: 50px;}
.product-form__input .form__label {padding-left: 0;font-size: 16px;color: #222525;font-weight: 500;}
variant-selects .product-form__input--pill input[type=radio]+label {border-radius: 0;}
.tabs_item {border: 1px solid #DEE2E6;padding: 24px;border-radius: 0 24px 24px 24px;}
.tabs-btns_wrap .tabs_btn {border: 1px solid transparent;padding: 15px 22px;border-radius: 16px 16px 0 0;border-bottom: 0;background: transparent;position: relative;}
.tabs-btns_wrap .tabs_btn.active {font-weight: normal;top: 1px;background: #fff;border-color: #DEE2E6;}
.coupon-item-content {display: flex;align-items: center;gap: 10px;}


@media (max-width: 1280px) {
    .slideshow .banner__heading {font-size: 32px;}
    .slideshow .banner__box .banner__text {font-size: 16px;margin-top: 10px;line-height: 1.5;}
    .slideshow .banner__buttons .button {font-size: 14px;padding: 10px;}
    .slideshow__control-wrapper {flex-direction: row;}
    button.slider-counter__link.link.slider-counter__link--active:after {display: none;}
    .slideshow__controls.slider-buttons {position: static;}
}

@media (max-width: 749px) {
  
  h2 {font-size: 32px;line-height: normal;}
  h3 {font-size: 28px;line-height: normal;}
  .section-header h2 {font-size: 30px;}
  html, body {overflow-x: hidden;}
  section.best-sale-sec {padding: 50px 0;}
  .sale-timer span {font-size: 16px;width: 36px;height: 36px;}
  .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {min-height: calc(100vh - 140px);}
  button.slider-counter__link {color: #000;width: 42px;}
  button.slider-counter__link.link.slider-counter__link--active {color: #1612d3;}

  .stat-box {padding: 30px 16px;}
  div.tabs-item-wrap {margin-top: 10px;}
  div.tabs-btns_wrap {flex-wrap: wrap;gap: 10px;}
  div.tabs-btns_wrap .tabs_btn {border: 1px solid #DEE2E6;border-radius: 16px;}
  .tabs-btns_wrap .tabs_btn.active {border-color: #1612d3;}
  div.border-line {height: 0px;background: #DEE2E6;}
  div.tabs_item {border-radius: 24px 24px;}
  .footer-bottom {flex-wrap: wrap;justify-content: center;padding: 15px; gap: 15px;}
  .footer-bottom p {margin: 0;}
  .footer-bottom .list.list-payment {gap: 5px;flex-wrap: wrap;justify-content: center;}

}