/** Shopify CDN: Minification failed

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

**/
/* ============================================
   MOBILE QUICK VIEW — BOTTOM SHEET (Myntra-style)
   Only affects mobile (max-width: 1023px)
   Desktop quick-view is completely unchanged
   ============================================ */

.product-card__atc {
    margin-bottom: 10px;
}

.atc_one {
    background: #ffffff;
    color: #000000;
}

.atc_one::before {
    background: #c4301c;
    color: #ffffff;
}

.atc_two {
    background: #c4301c;
    color: #ffffff;
}

/* When opened via "Add to Cart" — hide the Buy Now / payment button */
quick-view-modal[data-mode="atc"] .shiprocket-headless {
  display: none !important;
}

/* When opened via "Buy Now" — hide the Add to Cart button */
quick-view-modal[data-mode="buynow"] .product-form__submit, quick-view-modal[data-mode="buynow"] .product-form__quantity {
  display: none !important;
}

@media (max-width: 1023px) {

  /* ── Bottom sheet container ── */
  quick-view-modal.quick-view {
    /* Override any existing drawer/modal positioning */
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: flex-end !important;   /* stick to bottom */
    justify-content: center !important;
    pointer-events: none;
  }

  quick-view-modal.quick-view:not([hidden]) {
    pointer-events: all;
  }

  /* Dim overlay */
  quick-view-modal.quick-view .fixed-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 0 !important;
  }

  /* ── The sheet itself ── */
  quick-view-modal.quick-view .drawer__inner {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 90vh !important;
    height: auto !important;    
    border-radius: 20px 20px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;

    /* Slide up animation */
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
  }

  quick-view-modal.quick-view:not([hidden]) .drawer__inner {
    transform: translateY(0);
  }

  /* Drag handle bar at top */
  quick-view-modal.quick-view .drawer__inner::before {
    content: '';
    display: block;
    width: 40px;
    height: 4px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    margin: 12px auto 0;
    flex-shrink: 0;
  }

  /* ── Header row: title + close btn ── */
  quick-view-modal.quick-view .drawer__header-title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  }

  quick-view-modal.quick-view .drawer__header-title h3 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
  }

  /* Close button — inside header row on mobile */
  quick-view-modal.quick-view .drawer__close-btn {
    position: static !important;
    margin-left: auto;
    padding: 4px;
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1;
  }

  /* ── Scrollable body ── */
  quick-view-modal.quick-view .drawer__body {
    overflow-y: auto !important;
   flex: 1 1 auto !important;
    max-height: none !important;       /* let flexbox control height */
    padding-bottom: env(safe-area-inset-bottom, 16px) !important; /* iPhone notch */
  }


    /* Make the product info wrapper a flex column so order works */
  quick-view-modal.quick-view .quick-view__content .product__info-wrapper,
  quick-view-modal.quick-view .quick-view__content .product__info-container {
    display: flex !important;
    flex-direction: column !important;
  }

  /* 1. Variant picker — FIRST */
  quick-view-modal.quick-view .quick-view__content .product__block--variant_picker,
  quick-view-modal.quick-view .quick-view__content .product__block--swatch {
    order: 1 !important;
  }

  /* 2. Price */
  quick-view-modal.quick-view .quick-view__content .product__block--price,
  quick-view-modal.quick-view .quick-view__content .price-wrapper,
  quick-view-modal.quick-view .quick-view__content [class*="product__price"] {
    order: 2 !important;
  }

  /* 3. Stock / availability */
  quick-view-modal.quick-view .quick-view__content .product__block--stock,
  quick-view-modal.quick-view .quick-view__content [class*="inventory"],
  quick-view-modal.quick-view .quick-view__content [class*="stock"] {
    order: 3 !important;
  }

  

  /* ── Hide everything in quick-view content EXCEPT
         variants, quantity, and buy/ATC buttons ── */

  quick-view-modal.quick-view .product__media-wrapper, 
  quick-view-modal.quick-view .product__block--badges, 
  quick-view-modal.quick-view .product__block--title, 
  quick-view-modal.quick-view .icon-with-text, 
  quick-view-modal.quick-view .product__block--description,
  quick-view-modal.quick-view .product__view-details,
  quick-view-modal.quick-view .product__block--meta,
  quick-view-modal.quick-view .fordesktop {
    display: none !important;
}

quick-view-modal.quick-view .drawer__header-title {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}


  quick-view-modal .product-form__submit.btn--secondary {
    /* shrink to icon size */
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    flex-shrink: 0;
    position: relative;
  }

  /* Hide the text span */
  quick-view-modal .product-form__submit.btn--secondary .btn__text {
    display: none !important;
  }

  /* Inject cart icon via ::before using an inline SVG background */
  quick-view-modal .product-form__submit.btn--secondary::before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
        left: 12px;
  }

  /* Keep the quantity + button row side by side */
  quick-view-modal .product__block--buy_buttons,
  quick-view-modal .product-form__buttons {
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
  }

  /* Buy It Now keeps full width */
  quick-view-modal .product-form__buttons {
   display: inline-grid-lanes !important;

}


 quick-view-modal .product-form__buttons {
  flex-grow: inherit !important;
}