/** Shopify CDN: Minification failed

Line 732:43 Expected "}" to go with "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-template (INDEX:8) */
/* ===== 2 products per row (all breakpoints) ===== */
.products-collection .products-grid.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px;
}
.products-collection .products-grid.row > .grid__item {
  flex: 0 0 50%;
  max-width: 50%;
  width: 50%;
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 14px;
}
.products-collection .products-grid.row > .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* ===== Card look (same as home auto-scroll card) ===== */
.products-collection .product-item-container {
  position: relative;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(0,0,0,0.08);
  border: 1px solid #eef0f2;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.products-collection .product-item-container:hover,
.products-collection .product-item-container:active {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  z-index: 5;
}
.products-collection .product-item {
  background: transparent;
  border: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.products-collection .left-block {
  width: 100%;
  float: none !important;
  overflow: hidden;
  position: relative;
}
.products-collection .left-block img {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.products-collection .right-block {
  width: 100% !important;
  float: none !important;
  padding: 6px 6px 10px;
}
.products-collection .product-name,
.products-collection .title-product {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 44px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin-bottom: 0;
}
.products-collection .price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin-top: 2px;
}
.products-collection .price-old {
  order: 1;
  text-decoration: line-through;
  color: #9a9a9a;
  font-size: 13px;
  line-height: 18px;
}
.products-collection .price-new {
  order: 2;
  font-size: 16px;
  font-weight: 700;
  color: #e0392f;
  line-height: 20px;
}
.products-collection .label-sale {
  position: absolute;
  left: 10px;
  bottom: 10px;
  top: auto;
  background: #111;
  color: #fff;
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 12px;
  z-index: 2;
}

/* ===== Corner cart + wishlist buttons — always visible, no overlap ===== */
.products-collection .right-block {
  position: relative;
  padding: 6px 6px 44px; /* neeche 44px space reserve for buttons row */
}

.products-collection .button-link {
  position: absolute;
  right: -14px;        /* fully right edge — pehle 8px tha */
  bottom: 8px;
  left: auto;
  top: auto;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: -14px;
  z-index: 2;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* text label hide, sirf icon */
.products-collection .button-link .btn-addToCart span,
.products-collection .button-link .btn_df span {
  display: none;
}

/* dono buttons — cart + heart — same circular style */
.products-collection .button-link a,
.products-collection .button-link .btn-addToCart,
.products-collection .button-link .btn_df,
.products-collection .button-link .wishlist,
.products-collection .button-link .btn-wishlist {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.18);
  border: 1px solid #eee;
  margin: 0 !important;
  padding: 0 !important;
}

.products-collection .button-link a i,
.products-collection .button-link .btn-addToCart i,
.products-collection .button-link .btn_df i,
.products-collection .button-link .wishlist i,
.products-collection .button-link .btn-wishlist i {
  font-size: 14px !important;
  line-height: 1;
}

/* Price left side pe rahe, buttons ki jagah reserve — kabhi overlap na ho */
.products-collection .price {
  padding-right: 76px; /* 2 buttons (30+30) + gap ka reserved space */
  opacity: 1 !important;
  visibility: visible !important;
}
.products-collection .price-new,
.products-collection .price-old {
  opacity: 1 !important;
  visibility: visible !important;
}
/* END_SECTION:collection-template */

/* START_SECTION:home-product-autoscroll (INDEX:27) */
.widget-product-carousel.autoscroll-mode .autoscroll-track .item {
    flex: 0 0 var(--autoscroll-item-width, 280px);
    width: var(--autoscroll-item-width, 280px);
    margin-right: var(--autoscroll-item-gap, 16px);
}
.widget-product-carousel .owl-carousel .owl-stage {
    display: flex;
}

.widget-product-carousel .owl-carousel .owl-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.widget-product-carousel .product-item-container {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
    border: 1px solid #eef0f2;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.widget-product-carousel .product-item-container:hover,
.widget-product-carousel .product-item-container:active {
    transform: scale(1.04);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
    z-index: 5;
    position: relative;
}

.widget-product-carousel .product-item {
    background: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.widget-product-carousel .left-block {
    width: 100%;
    float: none !important;
    overflow: hidden;
    position: relative;
}

.widget-product-carousel .left-block img {
    width: 100%;
    display: block;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.widget-product-carousel .right-block {
    width: 100% !important;
    float: none !important;
    padding: 4px 4px 8px;
}

.widget-product-carousel .product-name,
.widget-product-carousel .title-product {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    margin-bottom: 0;
}

.widget-product-carousel .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-top: 2px;
}

.widget-product-carousel .price-old {
    order: 1;
    text-decoration: line-through;
    color: #9a9a9a;
    font-size: 13px;
    line-height: 18px;
}

.widget-product-carousel .price-new {
    order: 2;
    font-size: 16px;
    font-weight: 700;
    color: #e0392f;
    line-height: 20px;
}

.widget-product-carousel .label-sale {
    position: absolute;
    left: 10px;
    bottom: 10px;
    top: auto;
    background: #111;
    color: #fff;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 12px;
    z-index: 2;
}

/* === Auto Scroll mode === */

.widget-product-carousel.autoscroll-mode .autoscroll-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
    cursor: grab;
    touch-action: pan-y;
}

.widget-product-carousel.autoscroll-mode .autoscroll-wrapper.is-dragging {
    cursor: grabbing;
}

.widget-product-carousel.autoscroll-mode .autoscroll-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: max-content;
    will-change: transform;
    user-select: none;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
}

.widget-product-carousel.autoscroll-mode .autoscroll-track .item {
    flex: 0 0 var(--autoscroll-item-width, 280px);
    width: var(--autoscroll-item-width, 280px);
    margin-right: var(--autoscroll-item-gap, 16px);
    pointer-events: none;
}

.widget-product-carousel.autoscroll-mode .autoscroll-track:not(.is-dragging) .item {
    pointer-events: auto;
}

@media (max-width: 767px) {
    .widget-product-carousel.autoscroll-mode .autoscroll-track .item {
        flex: 0 0 calc(var(--autoscroll-item-width, 280px) * 0.68);
        width: calc(var(--autoscroll-item-width, 280px) * 0.68);
    }
}
.widget-product-carousel.autoscroll-mode .autoscroll-track .item a,
.widget-product-carousel.autoscroll-mode .autoscroll-track .item button,
.widget-product-carousel.autoscroll-mode .autoscroll-track .item .button-link,
.widget-product-carousel.autoscroll-mode .autoscroll-track .item .btn-addToCart,
.widget-product-carousel.autoscroll-mode .autoscroll-track .item [class*="wishlist"] {
  pointer-events: auto !important;
}

.widget-product-carousel.autoscroll-mode .autoscroll-track.is-dragging .item a,
.widget-product-carousel.autoscroll-mode .autoscroll-track.is-dragging .item button {
  pointer-events: none !important;
}
/* END_SECTION:home-product-autoscroll */

/* START_SECTION:home-slider (INDEX:32) */
.tp-banner-container{
width:100%;
position:relative;
padding:0;
}
.tp-banner{
width:100%;
position:relative;
}
.tp-banner-fullscreen-container {
width:100%;
position:relative;
padding:0;
}
/* END_SECTION:home-slider */

/* START_SECTION:homepage-product-carousel (INDEX:36) */
.widget-product-carousel .owl-carousel .owl-stage {
    display: flex;
}

.widget-product-carousel .owl-carousel .owl-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* margin-right intentionally not forced here — let Owl's own
       data-margin (set to 0 in the section settings) control this,
       otherwise item widths and actual spacing fall out of sync
       and you get the peeking/offset behavior you just saw */
}

/* ===== Auto Scroll (Marquee) engine layout ===== */
.widget-product-carousel .gm-autoscroll {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.widget-product-carousel .gm-track {
    display: flex;
    align-items: stretch;
    will-change: transform;
    /* JS sets translate3d */
}
.widget-product-carousel .gm-track > .item {
    flex: 0 0 auto;
    box-sizing: border-box;
    /* width + margin-right are set inline by JS so the card size
       matches the exact same responsive columns as Owl */
}
.widget-product-carousel .gm-autoscroll[data-drag="true"] .gm-track {
    cursor: grab;
}
.widget-product-carousel .gm-autoscroll.gm-dragging .gm-track {
    cursor: grabbing;
    user-select: none;
}
.widget-product-carousel .gm-autoscroll img {
    -webkit-user-drag: none;
    user-drag: none;
}

.widget-product-carousel .product-item-container {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
    border: 1px solid #eef0f2;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.widget-product-carousel .product-item-container:hover,
.widget-product-carousel .product-item-container:active {
    transform: scale(1.04);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
    z-index: 5;
    position: relative;
}

.widget-product-carousel .product-item {
    background: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.widget-product-carousel .left-block {
    width: 100%;
    float: none !important;
    overflow: hidden;
    position: relative;
}

.widget-product-carousel .left-block img {
    width: 100%;
    display: block;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.widget-product-carousel .right-block {
    width: 100% !important;
    float: none !important;
    padding: 4px 4px 8px;
}

.widget-product-carousel .product-name,
.widget-product-carousel .title-product,
.widget-product-carousel .caption .product-name,
.widget-product-carousel .caption .title-product,
.widget-product-carousel .right-block .product-name,
.widget-product-carousel .right-block .title-product {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow: visible !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    line-height: 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin-bottom: 0 !important;
}

/* Title text agar <a> tag ke andar hai — yahin theme ka clamp/max-height lagta hai,
   isliye pura full title dikhane ke liye yeh limits <a> se bhi hatana zaroori hai */
.widget-product-carousel .product-name a,
.widget-product-carousel .title-product a,
.widget-product-carousel .caption .product-name a,
.widget-product-carousel .right-block .product-name a {
    display: inline !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
    line-height: 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

/* Clamp hatane ke baad ab alignment: price ko card ke bottom par pin karte hain.
   Is se chhote title wale card ka khaali space title aur price ke BEECH aata hai
   aur sab cards ki prices ek hi line par aligned rehti hain. */
.widget-product-carousel .right-block {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}
.widget-product-carousel .caption {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}
.widget-product-carousel .price {
    margin-top: auto !important;
}

/* ===== NUCLEAR CATCH-ALL (class-independent) =====
   Agar title kisi aisi class/tag mein hai jo upar target nahi hui, to bhi
   ye us title LINK ko uske href (/products/...) se pakad ke saari clamp/height
   limits hata deta hai. Sirf caption/right-block ke andar scope hai taake
   image wala product link (jo left-block mein hota hai) affect na ho. */
.widget-product-carousel .caption a[href*="/products/"],
.widget-product-carousel .right-block a[href*="/products/"],
.widget-product-carousel .caption h1,
.widget-product-carousel .caption h2,
.widget-product-carousel .caption h3,
.widget-product-carousel .caption h4,
.widget-product-carousel .caption h5,
.widget-product-carousel .caption h6,
.widget-product-carousel .caption .name,
.widget-product-carousel .caption .product-title,
.widget-product-carousel .caption .product-title a {
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.widget-product-carousel .price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin-top: 2px;
}

.widget-product-carousel .price-old {
    order: 1;
    text-decoration: line-through;
    color: #9a9a9a;
    font-size: 13px;
    line-height: 18px;
}

.widget-product-carousel .price-new {
    order: 2;
    font-size: 16px;
    font-weight: 700;
    color: #e0392f;
    line-height: 20px;
}

.widget-product-carousel .label-sale {
    position: absolute;
    left: 10px;
    bottom: 10px;
    top: auto;
    background: #111;
    color: #fff;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 12px;
    z-index: 2;
}
/* Reposition action buttons to bottom-right, fix two-tap issue on mobile */
.widget-product-carousel .product-item-container {
  position: relative;
}

.widget-product-carousel .button-link {
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 6;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Only hide-until-hover on devices that actually support hover (desktop/mouse) */
@media (hover: hover) and (pointer: fine) {
  .widget-product-carousel .product-item-container:hover .button-link {
    opacity: 1;
    transform: translateY(0);
  }
}

/* On touch devices, always show buttons — no double-tap needed */
@media (hover: none), (pointer: coarse) {
  .widget-product-carousel .product-item-container .button-link,
  .widget-product-carousel .right-block .button-link {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: translateY(0) !important;
  }
}
/* Force bottom-right positioning on mobile specifically */
@media (max-width: 767px) {
 .widget-product-carousel .product-item-container {
  position: relative !important;
}

.widget-product-carousel .right-block {
  position: static !important;
}

.widget-product-carousel .button-link {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: auto !important;
  top: auto !important;
  display: flex !important;
  flex-direction: row !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  z-index: 10 !important;
  gap: 1px !important;
}

/* Also reduce any margin the wishlist icon might carry on its own */
.widget-product-carousel .button-link .wishlist,
.widget-product-carousel .button-link .btn-wishlist,
.widget-product-carousel .button-link a {
  margin: 0 !important;
}

.widget-product-carousel .button-link .btn-addToCart span,
.widget-product-carousel .button-link .btn_df span {
  display: none; /* hide text label, show icon only in the compact corner buttons */
}
/* Make the cart/wishlist buttons smaller and more compact */
.widget-product-carousel .button-link a,
.widget-product-carousel .button-link .btn-addToCart,
.widget-product-carousel .button-link .btn_df {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.15);
  border: 1px solid #eee;
}

.widget-product-carousel .button-link a i,
.widget-produtc-carousel .button-link .btn-addToCart i,
.widget-product-carousel .button-link .btn_df i {
  font-size: 11px !important;
}

.widget-product-carousel .button-link {
  gap: 2px !important;
}
/* Push buttons flush to the right edge */
.widget-product-carousel .button-link {
  right: 0px !important;
}

.widget-product-carousel .right-block {
  padding-right: 0px !important;
}
/* ===== Keep price always visible on hover/tap ===== */
.widget-product-carousel .product-item:hover .price,
.widget-product-carousel .product-item-container:hover .price,
.widget-product-carousel .product-item:active .price,
.widget-product-carousel .product-item-container:active .price,
.widget-product-carousel .product-item.active .price,
.widget-product-carousel .item:hover .price,
.widget-product-carousel .price {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  transform: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Both price parts stay visible too */
.widget-product-carousel .price-new,
.widget-product-carousel .price-old,
.widget-product-carousel .product-item:hover .price-new,
.widget-product-carousel .product-item:hover .price-old {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Some themes hide the whole caption bottom on hover instead */
.widget-product-carousel .product-item:hover .caption,
.widget-product-carousel .product-item-container:hover .caption {
  opacity: 1 !important;
  visibility: visible !important;
}
/* END_SECTION:homepage-product-carousel */