/** Shopify CDN: Minification failed

Line 27:18 Unexpected "/"
Line 120:0 Comments in CSS use "/* ... */" instead of "//"
Line 214:0 Comments in CSS use "/* ... */" instead of "//"
Line 1056:0 Expected "}" to go with "{"

**/


/* ===== ICON ===== */

.header-search-btn svg{
  width: 18px;
  height: 18px;
  stroke-width: 1.8;
}
.details-content rte-formatter {
  display: block;
  background: #F7F4ED;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  border: 1px solid #f2e5b8;
}

/** Card Design *//



/* Product Title Styling */
.resource-list__item [class*="title"],
.resource-list__item .card__heading {
  font-family: 'Montserrat', sans-serif !important; /* Agar ye font aapki theme mein loaded hai */
  font-size: 1.6rem !important; /* Title ko thoda bada aur prominent banane ke liye */
   /* Thoda bold look ke liye */
  color: #1a1a1a !important;     /* Dark clean color */
  text-transform: capitalize;    /* Har word ka pehla letter capital */
  line-height: 1.3 !important;
  margin-bottom: 15px !important;
  
}

/* Price Styling */
.resource-list__item .price,
.resource-list__item [class*="price"] {
 
    font-family: 'Montserrat', sans-serif !important;

  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.5px;
}


/* 
/* ---- Wishlist Button Only Top Padding ---- */



/* प्रत्येक पेयर (आइकॉन + टेक्स्ट) को एक फिक्स मिनिमम विड्थ दें */
.marquee__custom-pair {
  min-width: 100px !important; /* इससे हर आइटम को बराबर जगह मिलेगी */
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* सुनिश्चित करें कि आइकॉन के डिब्बे का साइज भी फिक्स रहे */
.marquee__custom-icon {
  display: block !important;
  margin: 0 auto 8px auto !important;
  width: 25px !important;  
  height: 25px !important; 
  object-fit: contain !important; 
}






/*** Header menu ****/

/* Sudathi Style Menu Design */
.menu-list__link {
    color: #121212 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important; 
    
    /* Pehle 10px tha, ab side ka gap kam karne ke liye 6px kar diya */
    padding: 6px 6px 6px 6px !important; /* Upar, Daayein, Niche, Baayein */
    line-height: 1 !important;
}

/* Hover Effect */
.menu-list__link:hover {
    color: #a37a3e !important;
}

/* Agar ab bhi gap zyada lage, toh list items (li) ke beech ka margin bhi hatayein */
.header__inline-menu list-menu li {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 2px !important;  /* In dono ko add karke check karein */
    margin-right: 2px !important; /* Agar elements ke beech extra margin hai toh control hoga */
}

.header__inline-menu details {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}



//** Add to cart **//


.quick-add__button.add-to-cart-button{
  height:20px !important;
  width:80% !important;
}



.quick-add__button {
  display:flex;
  border-radius:10px;

}


/* 1. MAIN WRAPPER CONTAINER */
.quick-add {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important; /* Dono sides ko stretch karne ke liye */
  width: 100% !important;
  padding: 0 14px 14px !important; /* Card ke andar ka gap */
  box-sizing: border-box !important; /* Padding ko width ke andar balance rakhega */
  z-index: 9 !important;
}


/* 2. BUTTON KA APNA FORM/PARENT EFFECT */
.quick-add quick-add-modal__toggle,
.quick-add form {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* 3. MAIN BUTTON FIXED (No Right Space, No Left Cut) */
.quick-add .button.quick-add__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* Width Calculations */
  width: 92% !important;
  max-width: 100% !important; 
  margin: 0 !important; /* Dawn theme ke default right/left margin ko block kiya */
  box-sizing: border-box !important;

  /* Dimensions & Styles */
  height: 40px !important;
  min-height: 40px !important;
  background: #D4B26F !important;
  border: none !important;
  border-radius: 14px !important; /* Ab charo corners barabar gol dikhenge */
  
  transition: all 0.3s ease !important;
}

/* 4. HOVER EFFECT */
.quick-add .button.quick-add__button:hover {
  background: #D4B26F !important; 
  transform: translateY(-2px) !important;
}

/* 5. TEXT STYLING */
.quick-add .add-to-cart__add,
.quick-add .add-to-cart-text,
.quick-add__button--choose::after {
  color: #1E1E1E !important;
  font-weight:500 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.quick-add__button--choose::after {
  content: "ADD TO CART";
  color: #1E1E1E;
  font-weight: 500 !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
}

.quick-add__button--choose .add-to-cart-text {
  display: none !important;
} 



//*** Blog Card Design***/
/* Blog Card Subtext / Excerpt Styling */
.featured-blog-posts-card__content p,
.featured-blog-posts-card__content .blog-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Yeh text ko 2 lines ke baad truncate kar dega */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    
    /* Premium Spacing & Alignment */
    font-size: 0.85rem;
    line-height: 1.5;
    color: #666666;
    margin-top: 8px;
    max-width: 90%; /* Text ko thoda clear rakhne ke liye */
    margin-left: auto;
    margin-right: auto;
}



/** budget */



/** Footer Bottom Keyword***/

/* Sudati Inspired Premium Footer Keywords Styling */
.footer-seo-keywords-bottom {
  width: 100%;
  display: block;
  clear: both;
  padding: 20px 15px;
  background: transparent;
  border-top: 1px solid #e0e0e0 !important; /* Halka grey color, jo cream background par dikhega */
  /* border-top: 1px solid rgba(255, 255, 255, 0.08); */
  margin-top: 40px;
}

.footer-seo-keywords-bottom .keywords-container {
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
  line-height: 2.6; /* Increased line-height for luxury spacing */
}

/* Base style for links */
.footer-seo-keywords-bottom .keyword-link {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px; /* Small, elegant font size like Sudati */
  font-weight: 500;
  letter-spacing: 0.8px; /* High-end breathing space between letters */
  /* color: rgba(255, 255, 255, 0.75);  */
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
  display: inline-block;
}

/* Smooth hover state */
.footer-seo-keywords-bottom .keyword-link:hover {
  /* color: #ffffff;  */
  opacity: 1;
}

/* Subtle pipe separators */
.footer-seo-keywords-bottom .keyword-divider {
  /* color: rgba(255, 255, 255, 0.25); */
  margin: 0 10px;
  font-size: 11px;
  user-select: none;
}

@media screen and (max-width: 767px) {
  .footer-seo-keywords-bottom {
    padding: 10px 5px; /* Reduced side padding for more width */
  }

  .footer-seo-keywords-bottom .keyword-link {
    font-size: 10px; /* Slightly smaller for mobile to prevent wrapping issues */
    letter-spacing: 0.5px; /* Slightly tighter spacing for readability */
  }

  .footer-seo-keywords-bottom .keyword-divider {
    margin: 0 5px; /* Narrower gaps between links to fit more per line */
  }
}


 
/*** Sale Budget **/ 

/* Do corners round aur do sharp - Premium Boutique Look */
.product-badges__badge.product-badges__badge--rectangle.color-scheme-a4eb00b2-3082-44cd-b109-a28250f9d764 {


  background-color:#D4B26F !important; /* Rich Metallic Gold - Jo alag se highlight hoga */
  color: #000000!important;
  border: none !important;
  
  /* Leaf/Arch Logic */
  border-top-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  
  padding: 4px 12px !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}
/* Product Badge Mobile */
@media screen and (max-width: 749px) {

  .product-badges {
    position: absolute !important;
    top: 8px !important;
    left: 5px !important;
    right: auto !important;
    width: auto !important;
    max-width: fit-content !important;
    z-index: 5 !important;
  }

  .product-badges__badge.product-badges__badge--rectangle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #D4B26F !important;
    color: #000 !important;
    border: none !important;

    padding: 2px 6px !important;
    font-size: 7px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.5px !important;

    width: fit-content !important;
    max-width: 58px !important;
    white-space: nowrap !important;

    border-radius: 8px !important;
  }
}

/** Blog Post **/
.blog-post-card__content-text {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limits text to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden; /* Hides the extra text */
}



/** Filter **/
/* Sidebar ko fix karne ke liye */
.facets-block-wrapper {
    position: -webkit-sticky; 
    position: sticky;
    top: 20px; 
    max-height: calc(100vh - 40px); 
    overflow-y: auto; 
    padding-right: 10px;
}

.facets-block-wrapper::-webkit-scrollbar {
    width: 5px;
}
.facets-block-wrapper::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px;
}

.collection .facets-container, 
.collection .facets-container-drawer {
    overflow: visible !important;
}

.collection .facets-block-wrapper {
    position: sticky !important;
    top: 120px !important; 
    height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
    display: block !important;
}


/** Mobile View product Information Title***/
/* Mobile view ke liye (screen width 767px se kam) */
@media screen and (max-width: 767px) {
  .text-block--AL2FZUjdzZCtJcytxM__text_GnyQiN h1 {
    font-size: 20px !important; /* Apni zaroorat ke hisaab se adjust karein (e.g., 18px-22px) */
    line-height: 1.2;          /* Text ke beech ka gap kam karne ke liye */
    margin-bottom: 10px;       /* Title ke neeche ka space manage karne ke liye */
  }
}


/** Filter **/

/* Sidebar Filter Container - Professional Look */
.facets-container {
    padding:5px;
    background: #ffffff;
    border-right: 1px solid #f0f0f0;
    border-radius: 8px;
}

/* Filter Labels (Facets Label) */
.facets__label {
    font-weight:550;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #333;
    display: block;
}

/* Availability wrapper (Content styling) */
.facets__inputs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 5px;
}

/* Checkbox alignment */
.facets__inputs-wrapper input[type="checkbox"] {
    accent-color: #000; /* Apne brand ke hisaab se color badlein */
    cursor: pointer;
}

/* Icon Wrapper (Facets Status Wrapper) */
.facets__status-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
}

/* Smooth hover effect for filters */
.facets__inputs-wrapper label:hover {
    color: #000;
    cursor: pointer;
    transition: 0.3s ease;
}


/** Social Media Icons Colour Footer**/
/* .social-icons__wrapper .social-icons__icon-wrapper a svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
} */


/* Container ko Sudathi jaisa shape dene ke liye */
.email-signup__input-group {
    display: flex;
    align-items: center;
    border: 1px solid #333; /* Dark border */
    border-radius: 4px;
    max-width: 400px; /* Size adjust karein */
    background: #fff;
    overflow: hidden;
}

/* Input field ka styling */
.email-signup__input {
    flex: 1;
    border: none !important; /* Theme default border hatane ke liye */
    padding: 12px 15px;
    outline: none;
    font-size: 14px;
    background: transparent;
}

/* Sudathi ka button style */
.email-signup__submit-btn {
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    font-weight: bold;
}


/* Mobile View Ke Liye Adjustments */
@media screen and (max-width: 767px) {
  .quick-add {
    padding: 0 4px 5px !important; /* Mobile mein side padding kam ki */
  }

  .quick-add .button.quick-add__button {
    width: 87% !important; /* Mobile mein puri width lene ke liye */
    height: 30px !important; /* Mobile par thoda chhota button achha lagta hai */
    min-height: 30px !important;
    border-radius: 8px !important; /* Mobile ke card ke hisaab se radius */
    font-size: 10px !important; /* Mobile screen par text fit karne ke liye font chhota kiya */
    letter-spacing: 1px !important;
  }
}

/* Desktop ke liye (wahi purana code) */
@media screen and (min-width: 768px) {
  .quick-add .button.quick-add__button {
    width: 92% !important;
    height: 40px !important;
  }
}



/*** Mobile View Title***/
/* Mobile view ke liye Product Title ki font size kam karna */
@media screen and (max-width: 767px) {
  .resource-list__item [class*="title"], 
  .resource-list__item .card__heading {
    font-size: 1.2rem !important; /* Aap isse 1.0rem ya 1.1rem karke aur chhota kar sakte hain */
    line-height: 1.4 !important;
      display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  }




/*** Menu mobile **/

.menu-drawer__menu-item-text{
  font-size:15px;
}

/* Submenu container (UL) ke liye styling */
.menu-drawer__menu.menu-drawer__menu--childlist {
  background-color: #f9f9f9; /* Halka background color dene ke liye */
  padding-left: 10px;      /* Thoda indentation */

}

.menu-drawer__menu-item--child{
  font-size:5px !important;
}

/* Submenu items (LI) ke liye styling */
.menu-drawer__menu--childlist .menu-drawer__list-item {
  font-size: 10px !important; /* Font size chota karne ke liye */
  font-weight: 400;           /* Normal weight */
  padding: 4px 10px;          /* Items ke beech space */
  color: #555555;             /* Text color */
}

/* Hover effect for submenu items */
.menu-drawer__menu--childlist .menu-drawer__list-item:hover {
  background-color: #efefef;
  color: #000000;
}



/* Sticky Add To Cart button ka color badalne ke liye */
.sticky-add-to-cart-button.add-to-cart-button.button {
    background-color: #D4B26F !important; /* Yahan apne 'Buy It Now' button ka exact color code dalein */
    color: #1E1E1E !important;           /* Text color */
    border: none !important;
}

/* Hover effect ke liye */
.sticky-add-to-cart-button.add-to-cart-button.button:hover {
    background-color: #D4B26F !important; /* Thoda dark shade hover ke liye */
}


/* Block Card */

/* Blog Card Container ka design */
.featured-blog-posts-card {
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease;
    background: #ffffff;
}

/* Hover effect for card */
.featured-blog-posts-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}


/* Content area styling */
.featured-blog-posts-card__content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Heading (h4) styling */
.featured-blog-posts-card__content h2 {
    margin: 0;
    font-size: 20px;
    color: #333;
    line-height: 1.4;
}

/* Blog Description (ID based) */
#shopify-block-AYUNhV0dBUVR5OFdQY__blog-post-description {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 5px;
}




/* 2. SUB-HEADING / PRICE / BUTTONS (Labels, Prices, Menu) */
.price, 
.menu-list__link, 
.quick-add__button, 
.product-badges__badge {
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1px !important;
}

/* 3. DESCRIPTION / BODY TEXT (Blog excerpt, product details) */
p, 
.blog-excerpt, 
.featured-blog-posts-card__content p {
  font-family:  'Montserrat', sans-serif !important; /* Ya jo font aap body ke liye chahte hain */
  line-height: 1.6 !important;
}



/* --- UNIVERSAL FONT APPLICATOR --- */


/* Price styling (Collection page aur Product Page dono ke liye) */
.price, 
.price-item,
.price-item--regular,
.price-item--sale {
  font-size: 0.95rem !important;
  font-weight: 500 !important;
}





/* Mobile View Adjustment */
/* Mobile view: Email Signup Width & Spacing Adjustments */
@media screen and (max-width: 767px) {
  .email-signup__input-group {
    max-width: 90% !important;        /* Screen width ka 90% */
    margin: 0 auto !important;        /* Center align */
    height: 45px !important;          /* Height control */
  }

  .email-signup__input {
    padding: 8px 12px !important;     /* Thoda padding kam kiya */
    font-size: 12px !important;       /* Text size chhota kiya */
  }

  .email-signup__submit-btn {
    padding: 8px 15px !important;     /* Button padding adjust ki */
    font-size: 12px !important;       /* Button text chhota kiya */
  }
}



@media only screen and (max-width: 767px) {
  h6 {
    font-size: 12px !important;
  }
}


/* Newsletter Button ka background aur hover hatane ke liye */
.email-signup__button {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: none !important;
}

/* Hover effect ko puri tarah band karne ke liye */
.email-signup__button:hover {
    background-color: transparent !important;
    background: transparent !important;
    transform: none !important;
    opacity: 1 !important; /* Agar click par bhi change nahi chahiye */
}

/* Arrow icon ka color white ya dark set karne ke liye (jo bhi aapko chahiye) */
.email-signup__button svg {
    fill: #000000 !important; /* Arrow ka rang black karne ke liye, white ke liye #ffffff use karein */
    stroke: #000000 !important;
}






.buy-buttons-block {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.buy-buttons-block.buy-buttons-block--AWWpZNWFPOW5xYkhKb__buy_buttons_eYQEYi {
    margin-top: -10px;
}

/* पूरे कंटेनर के अंदर स्पेस बढ़ाने के लिए */
.quick-add-modal__content {
    padding: 5px !important; 
}




/* Footer ke liye Premium Font Styling */
.footer__content-top, 
.footer-block, 
.footer-block__heading, 
.footer-menu__item, 
.footer-seo-keywords-bottom,
.footer__copyright {
    font-family: 'Montserrat', sans-serif !important; /* Ya 'Helvetica Neue' agar aapko aur minimalist chahiye */
    letter-spacing: 0.5px !important; /* Thoda breathing space */
}

/* Footer Heading ko thoda bold aur prominent banane ke liye */
.footer-block__heading {
    text-transform: uppercase !important;
    font-size: 14px !important;
}

/* Footer Menu Links ka font size set karne ke liye */
.footer-menu__item {
    font-size: 13px !important;
    font-weight: 400 !important;
}

.menu__heading__default{
  font-weight:510 !important;
}



/* Blog image padding sirf desktop ke liye */
@media screen and (min-width: 768px) {
  .blog-post-featured-image__image {
    padding-left: 200px !important;
    padding-right: 200px !important;
    height: 80% !important;
  }
}

/* Mobile view (767px aur kam) par padding hata di gayi hai */
@media screen and (max-width: 767px) {
  .blog-post-featured-image__image {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: auto !important; /* Mobile par height ko auto rakha hai taaki image sahi dikhe */
  }
}

/* Mobile view ke liye specific fix */
@media screen and (max-width: 767px) {
  .resource-list__item {
    /* padding-bottom: 10px !important; 
    margin-bottom: 15px !important; */
  }

  /* Agar aapka Title mobile par chhota nahi ho raha */
  .resource-list__item .card__heading,
  .resource-list__item [class*="title"] {
    font-size: 12px !important; /* Yahan size ensure karein */
    padding: 0 10px !important;    /* Sides se text ko andar rakhein */
  }
}

/* Remove card hover effect on mobile (less than 767px) */
@media screen and (max-width: 767px) {
  /* Specific Section par hover effect hatane ke liye */
#shopify-section-template--20545011613786__collection_list_Vng9j7 .resource-list__item:hover {
    padding:5px !important;
}
}


/* Mobile view mein Price ka font size kam karne ke liye */
@media screen and (max-width: 767px) {
  /* Collection list aur Product grid ke liye */
  .resource-list__item .price,
  .resource-list__item .price-item,
  .resource-list__item .price-item--regular,
  .resource-list__item .price-item--sale {
    font-size: 15px !important; /* Aap 10px ya 11px rakhein */
    letter-spacing: 0px !important;
    line-height: 1.2 !important;
    padding-left:5px !important;
  }
}


/* Mobile view: Blog card content padding hatane ke liye */
@media screen and (max-width: 767px) {
  .featured-blog-posts-card__content {
    padding: 2px !important;
  }
}





/* Background hataane ke liye specific classes ka group */
.product-card__content,
.product-grid__card,
.spacing-style,
.border-style,
.gap-style,
.color-scheme-1 {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;     
    box-shadow: none !important; 
}

/* Force disable styling for the test section */
.ui-test-collection-list .product-card__content,
.ui-test-collection-list .product-grid__card {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
}

/* Sirf is specific section ke liye styling */
#shopify-section-template--20545011941466__section_zWMXW4 .section-content-wrapper {
  padding: 50px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Har column ko card look dena */
#shopify-section-template--20545011941466__section_zWMXW4 .group-block-content {
  background: #ffffff;
  padding: 30px;
  border-radius: 16px; /* Thode smooth corners */
  border: 1px solid #f8f8f8;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06); /* Soft professional shadow */
  transition: all 0.3s ease;
  height: 100%; /* Saare columns ki height barabar rahegi */
}

/* Hover effect */
#shopify-section-template--20545011941466__section_zWMXW4 .group-block-content:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

/* Headings aur content styling */
#shopify-section-template--20545011941466__section_zWMXW4 .group-block-content h3 {
  font-weight: 700;
  margin-bottom: 20px;
  color: #2c2c2c;
}

/* Mobile Responsive: Jab screen choti ho to columns stack ho jayein */
@media (max-width: 768px) {
  #shopify-section-template--20545011941466__section_zWMXW4 .layout-panel-flex--row {
    flex-direction: column;
    gap: 20px;
  }
  
  #shopify-section-template--20545011941466__section_zWMXW4 .mobile-column {
    width: 100% !important;
  }
}

/* Product Cards ko Group-Block jaisa Premium Look dene ke liye */

.product-card__content,
.product-grid__card {
  background: #ffffff !important;
  padding: 20px !important; /* Content ke charo taraf spacing */
  border-radius: 16px !important; /* Smooth corners */
  border: 1px solid #f8f8f8 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important; /* Soft Shadow */
  transition: all 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Hover Effect - Jo aapne group-block mein diya tha */
.product-card__content:hover,
.product-grid__card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 15px 40px rgba(0,0,0,0.1) !important;
}

/* Image container ka spacing fix (agar zaroori ho) */
.product-media-container img {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Agar background hatana hai to ye ensure karein */
.spacing-style,
.border-style,
.gap-style,
.color-scheme-1 {
    background: transparent !important;
    border: none !important;
}

/* Product Cards Product Media Container me jo top left right me padding hai usse band karne ke liye or image cover karne ke liye */

.product-card__content,
.product-grid__card {
  padding: 0 !important; /* Content ke charo taraf spacing band karein */
}
.product-media-container img {
  border-radius: 10px !important;
  overflow: hidden !important;
  display: block;
  object-fit: cover !important;
  height: 100%;
}


  
  /* Mobile Menu ke liye fix */
/* @media screen and (max-width: 767px) {
  

  .menu-drawer {
    background-color: #ffffff !important; 
    z-index: 9999 !important;
  }


  .menu-drawer__menu-item {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #121212 !important;
    padding: 10px 20px !important;
  }


  .menu-drawer__menu.menu-drawer__menu--childlist {
    background-color: #f9f9f9 !important;
    padding-left: 15px !important;
  }


  .menu-drawer__menu--childlist .menu-drawer__menu-item,
  .menu-drawer__menu--childlist .menu-drawer__list-item {
    font-size: 14px !important; 
    font-weight: 400 !important;
    padding: 10px 20px !important;
    color: #555555 !important;
  }


  .menu-drawer__menu-item:hover {
    background-color: #efefef !important;
    color: #000000 !important;
  }
}
} */


@media screen and (max-width: 767px) {
  
  /* 1. Main Drawer Background Fix */
  .menu-drawer {
    background-color: #ffffff !important;
    z-index: 9999 !important;
  }

  /* 2. Main Menu Items */
  .menu-drawer__menu-item {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #121212 !important;
  }

  /* 3. Submenu Container (Spacing aur kam karne ke liye padding-top/bottom remove ya kam karein) */
  .menu-drawer__menu.menu-drawer__menu--childlist {
    background-color: #f9f9f9 !important;
    padding-left: 15px !important;
  }

  /* 4. Submenu Items - Padding yaha kam kari hai (10px se 5px) */
  .menu-drawer__menu--childlist .menu-drawer__menu-item,
  .menu-drawer__menu--childlist .menu-drawer__list-item {
    font-size: 14px !important; 
    font-weight: 400 !important;
    color: #555555 !important;
  }

  
  .menu-drawer__menu-item:hover {
    background-color: #efefef !important;
    color: #000000 !important;
  }
}


  /* @media screen and (min-width: 990px) { */
   /* .product-media__drag-zoom-wrapper  .product-media,
    .product-media__drag-zoom-wrapper  .product-media {
      width: 620px !important;
      height: 760px !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      overflow: hidden !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      aspect-ratio: unset !important;
    } */