/** Shopify CDN: Minification failed

Line 309:2 Unexpected "/"
Line 361:0 All "@import" rules must come first
Line 579:0 Comments in CSS use "/* ... */" instead of "//"
Line 689:31 Unexpected "/"

**/

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&display=swap');
/** Global Product Card Styling **/

/* 1. Image Container (Shadow, Corners, Border) */
.product-media, 
.card__inner, 
.card-wrapper .media {
    border-radius: 15px !important; /* Premium soft corners everywhere */
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    background: #f9f9f9;
    border: 0.5px solid rgba(0,0,0,0.08) !important;
}

.product-card:hover .product-media,
.card-wrapper:hover .card__inner,
.card:hover .card__inner {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(128, 0, 32, 0.15) !important;
    border-color: #800020 !important;
}


.product-media img, 
.card__inner img,
.media img {
    transition: transform 0.6s ease !important;
}

.product-card:hover .product-media img,
.card-wrapper:hover .card__inner img,
.card:hover .media img {
    transform: scale(1.05) !important;
}




/* Wishlist Button Container Styling */
.xb-wishlist-button-collection__add {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9) !important; /* Semi-transparent white */
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important; /* Perfect circle */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
    border: none !important;
}


/** Filtering And Shorting Section **/


/* Filtering and Sorting Bar Styling */
.facets__form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fdfaf7; /* Soft Cream Background for Luxury feel */
    padding: 5px 20px !important;
    border-radius: 50px; /* Capsule shape bar */
    border: 1px solid #eee;
    margin-bottom: 20px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* Very subtle shadow */
}

/* Filter Labels Styling (Availability, Price etc) */
.facets__summary {
    font-family: 'Crimson Pro', serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Individual Filter Dropdowns */
.facets__disclosure {
    margin-right: 20px;
    border-right: 1px solid #e5d5b7; /* Gold/Cream divider */
    padding-right: 20px;
}

.facets__disclosure:last-child {
    border-right: none;
}

/* Sorting Section (Right Side) */
.facet-filters__sort {
    background: transparent !important;
    border: none !important;
    font-family: 'Crimson Pro', serif !important;
    font-weight: 600;
    color: #800020 !important; /* Maroon color for focus */
}

/* Mobile Adjustments */
@media screen and (max-width: 749px) {
    .facets__form {
        border-radius: 10px; /* Mobile par square corners zyada space dete hain */
        padding: 10px !important;
        flex-wrap: wrap;
        gap: 10px;
    }
}


/**  Product Description **/

.spacing-style text-block{
    background-color:red;
}


.details__header{
    font-size:10px;
    letter-spacing:2px;
    padding:2px;
    font-family:Crimson Pro;
}

/** Button Styling*/

/* 1. Buttons ko ek line mein lane ke liye */
.product-form__buttons {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}

/* 2. Add to Cart Button Styling */
.BuyButtons-ProductSubmitButton-AS1o4cXBvNFUvNFA0W__add-to-cart {
    flex: 1 !important; /* Poori bachi hui jagah lega */
    height: 55px !important;
    /* background-color: #D4AF37 !important; */
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. Add to Cart Text Styling (Crimson Pro) */
.add-to-cart-text {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    color: #ffffff !important;
}


/** Accordian Section **/

/* 1. Accordion Main Container */
.details {
    border-top: 1px solid #e5d5b7 !important; /* Elegant Light Gold/Cream border */
    border-bottom: 1px solid #e5d5b7 !important;
    margin-top: 20px !important;
    background: transparent !important;
}

/* 2. Header Style (The clickable part) */
/** Accordian Section Fix **/



/* 4. Arrow Icon ka size bhi thoda chota kar dete hain balance ke liye */
.details .details__header svg,
.details summary svg {
    width: 10px !important;
    height: 10px !important;
}

/* 3. Content Styling (Inside text) */
.details-content {
    font-family: 'Crimson Pro', serif !important;
    font-size: 12px !important;
    line-height: 1.8 !important; 
    color: #4a4a4a !important;
    padding-bottom: 20px !important;
    transition: all 0.3s ease;
}

/* 4. Arrow/Plus Icon styling */
.details .details__header svg {
    width: 12px !important;
    height: 12px !important;
}

/* Jab accordion open ho tab icon rotate ho jaye */
.details[open] .details__header svg {
    transform: rotate(180deg);
}

/* 5. Details ke andar agar fabric details bullet points mein hain */
.details-content p {
    margin-bottom: 10px !important;
}



/** Product Information DEscription Box **/

/* Product Description Styling */
.custom-product-description {
  font-size: 15px;
  line-height: 1.7;
  color: #444;
  margin-top: 15px;
}

/* Paragraph spacing */
.custom-product-description p {
  margin-bottom: 12px;
}

/* Headings inside description */
.custom-product-description h1,
.custom-product-description h2,
.custom-product-description h3 {
  font-weight: 600;
  color: #111;
  margin-top: 15px;
  margin-bottom: 8px;
}

/* List styling */
.custom-product-description ul {
  padding-left: 18px;
  margin-bottom: 12px;
}

.custom-product-description li {
  margin-bottom: 6px;
}

/* Bold text */
.custom-product-description strong {
  color: #000;
}

/* Links */
.custom-product-description a {
  color: #000;
  text-decoration: underline;
}

/* Optional: Box style (modern look) */
.custom-product-description {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
}

/* Mobile optimization */
@media (max-width: 749px) {
  .custom-product-description {
    font-size: 14px;
    padding: 12px;
  }
}


/** Quick Add Button **/

/* 1. Default State: Heart Khali rahega */
/* /* .xb-wishlist-button-collection__add svg {
    fill: transparent !important; 
    stroke: #800020 !important; 
    stroke-width: 2px !important;
    transition: all 0.3s ease;
}

.xb-wishlist-button-collection__add.add-to-cart__added,
.xb-wishlist-button-collection__add.active,
.xb-wishlist-button-collection__add.added {
    background: #800020 !important;
    box-shadow: 0 4px 12px rgba(128, 0, 32, 0.4) !important;
}

.xb-wishlist-button-collection__add.add-to-cart__added svg,
.xb-wishlist-button-collection__add.active svg,
.xb-wishlist-button-collection__add.added svg {
    stroke: #ffffff !important;
    fill: #ffffff !important; 
}
.xb-wishlist-button-collection__add:hover {
    transform: scale(1.1);
} */
 */

/* 1. Global Row Gap (Two rows ke beech ki space) */
.grid, 
#product-grid, 
.product-grid {
    row-gap: 5px !important; /* Minimum space between rows */
}

/* 2. Product Card ke bottom ki margin khatam karne ke liye */
.card-wrapper, 
.product-card, 
.grid__item {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

/* 3. Price ke niche jo hidden space hoti hai usse hatane ke liye */
.card__content, 
.card__information {
    padding-bottom: 2px !important; /* Content area ko tight karne ke liye */
}

/* 4. Agar theme 'li' tags use kar raha hai toh unka margin reset */
ul.grid li {
    margin-bottom: 5px !important;
}

/* 5. Title aur Price ke beech ki unnecessary line-height */
.card__heading, 
.price {
    line-height: 1 !important;
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}

/* Mobile View Fix: Phones par aksar space zyada dikhti hai */
@media screen and (max-width: 749px) {
    .grid {
        row-gap: 5px !important;
    }
    .grid__item {
        padding-left: 5px !important; /* Side spacing bhi kam ki */
        padding-right: 5px !important;
    }
}



/** Loved By Our Customer  **/


@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600;700&display=swap');

/** --- 1. GLOBAL PRODUCT CARD (LUXURY FINISH) --- **/
.product-media, .card__inner, .card-wrapper .media {
    border-radius: 12px !important; 
    overflow: hidden !important;
    background: #fdfdfd !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Smooth Lift & Shadow on Hover */
.card-wrapper:hover .card__inner, .product-card:hover .product-media {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(128, 0, 32, 0.12) !important;
    border-color: rgba(128, 0, 32, 0.2) !important;
}

/* Image Zoom Effect */
.media img {
    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.card-wrapper:hover .media img {
    transform: scale(1.08) !important;
}

/** --- 2. TYPOGRAPHY & PRICE (CLEAN ALIGNMENT) --- **/
.card__heading {
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    text-transform: capitalize;
    letter-spacing: 0.2px;
}

.price, .card__information .price {
    font-family: 'Crimson Pro', serif !important;
    font-size: 17px !important;
    margin-top: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
}




/** --- 4. GRID & SPACING FIX (TIGHT LOOK) --- **/
.grid {
    row-gap: 15px !important; /* Rows ke bich ki space kam ki */
}

.card__content {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

/* Mobile Tweak */
@media screen and (max-width: 749px) {
    .grid { row-gap: 10px !important; }
    .card__heading { font-size: 14px !important; }
    .xb-wishlist-button__add-style { padding: 12px 20px !important; }
}


/* Product Information page se wishlist button hatane ke liye */
.product__info-container .xb-wishlist-button,
.product__info-container .xb-wishlist-button__add-style,
.product__info-container .xb-wishlist-button__remove-style {
    display: none !important;
}



/* Direct targeting for the Buy It Now button to match Add to Cart */
.shopify-payment-button__button--unbranded {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;            /* Full width matching Add to Cart */
    min-height: 46px !important;       /* Height matching your Add to Cart */
    border-radius: 50px !important;    /* Exact pill shape */
    background-color: #006a4e !important;
    color: #ffffff !important;
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;        /* Text size alignment */
  


    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    margin-top: 12px !important;       /* Spacing between buttons */
    padding: 0 20px !important;
    border: none !important;
    -webkit-appearance: none !important;
}

/* Ensure the container doesn't restrict the button */
.shopify-payment-button {
    width: 100% !important;
    margin-top: 0 !important;
}


/* 1. Container ki space hatane ke liye */
.shopify-payment-button, 
.shopify-payment-button__container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2. Button ki apni space hatane ke liye */
.shopify-payment-button__button--unbranded {
    margin-top: 0 !important; /* Agar gap bilkul zero chahiye */
    width: 100% !important;
    border-radius: 50px !important;
    min-height: 46px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. Product form ke andar ka default gap khatam karne ke liye */
.product-form__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important; /* Dono buttons ke beech ka gap zero */
}



/* Buy It Now button ko Add to Cart jaisa banane ke liye final fix */

.xb-wishlist-button {
  display: none !important;
}


/* --- Normal State Fix: Heart ko Dark aur Clear dikhane ke liye --- */
/* 
.xb-wishlist-button-collection__add {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 10;
    background: #ffffff !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important; 
    transition: all 0.3s ease !important;
    cursor: pointer;
    border: 1px solid #800020 !important; 
}

.xb-wishlist-button-collection__add svg,
.xb-wishlist-button-collection__add-icon {
    width: 20px !important;
    height: 20px !important;
    fill: none !important; 
    stroke: #4a0012 !important; 
    stroke-width: 3px !important; 
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
} */

.xb-wishlist-button-collection__add svg,
.xb-wishlist-button-collection__add-icon {
    stroke: #000000 !important; /* Red ki jagah Black Stroke */
    stroke-width: 2px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. Added State (Jab Add ho jaye) */
.xb-wishlist-button-collection__add.active,
.xb-wishlist-button-collection__add.added,
.xb-wishlist-button-collection__add[data-wishlist-added="true"],
.xb-wishlist-button-collection__remove { 
    background: #004225 !important; /* Green Background */
    border-color: #004225 !important;
    border-radius: 50% !important;
}

/* 3. Added Heart Fill Style */
.xb-wishlist-button-collection__add.active svg,
.xb-wishlist-button-collection__add.added svg,
.xb-wishlist-button-collection__remove svg,
.xb-wishlist-button-collection__remove-icon {
    stroke: #C5A059 !important; /* Gold Stroke */
    fill: #C5A059 !important;   /* Gold Fill */
    stroke-width: 2px !important; /* Fill ke time stroke normal */
}

/* Hover Effect */
.xb-wishlist-button-collection__add:hover {
    transform: scale(1.1);
}

.xb-wishlist-button-collection__add:hover svg {
    stroke: #000000 !important; /* Hover par bilkul blackish dark */
}



//** Buy It Now Button **/


/* --- Buy It Now Button Color Fix --- */

/* 1. Main Button Selector (Highly Specific) */
.product-form__buttons .shopify-payment-button__button--unbranded,
#shopify-section-template--21566020255941__main .shopify-payment-button__button--unbranded,
button.shopify-payment-button__button--unbranded {
    background-color: #004225 !important; /* Aapka Theme Green */
    color: #ffffff !important;
    border-radius: 50px !important; /* Pill Shape */
    font-family: 'Crimson Pro', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    min-height: 48px !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    margin-top: 10px !important;
}

/* 2. Hover Effect */
.product-form__buttons .shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: #C5A059 !important; /* Gold on Hover */
    transform: translateY(-2px);
}

/* 3. Container Fix (Extra space hatane ke liye) */
.shopify-payment-button__container {
    margin-top: 0 !important;
}

/* 4. Agar button black dikh raha hai toh ye line bypass karegi */
.shopify-payment-button__button--unbranded {
    background: #C5A059!important;
}



/* Quick Add button always visible + left bottom */

/* .quick-add__button,
.quick-add__button--add,
.add-to-cart-button {
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
} */


/* ========================================= */
/* QUICK ADD BUTTON FIX (ONLY FOR COLLECTION) */
/* ========================================= */

/* Sirf wahi button target hoga jo .quick-add container ke andar hai */
.quick-add .quick-add__button,
.quick-add .add-to-cart-button {
    position: absolute !important;
    left: 12px !important;
    right: auto !important;
    bottom: 12px !important;
    
    /* Inse button hamesha dikhega collection page par */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    
    /* Luxury look matching your theme */
    background-color: #004225 !important; /* Green */
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px solid #C5A059 !important; /* Gold */
    z-index: 5 !important;
}

/* Product Information page wala button ab apni jagah wapas aa jayega */
.product-form__buttons .add-to-cart-button {
    position: relative !important; /* Original position restore */
    bottom: auto !important;
    left: auto !important;
}



/** wishlist icon mobile small*/
@media screen and (max-width: 749px) {

    .xb-wishlist-button-collection__add {
        width: 28px !important;
        height: 28px !important;
        top: 2px !important;
        right: 2px !important;
    }

    .xb-wishlist-button-collection__add svg,
    .xb-wishlist-button-collection__add-icon {
        width: 16px !important;
        height: 16px !important;
    }
}



/** Footer Mobile Adjustment**//

/* Mobile view adjustment */
/* FORCE MOBILE FONT SIZE */
@media screen and (max-width: 749px) {
  /* Targeting exact classes you mentioned */
  .menu.menu--accordion.menu--dividers .menu__heading__accordion,
  .menu--accordion .menu__heading,
  .menu--accordion .menu__heading.h3 {
    font-size: 10px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    text-transform: capitalize !important; /* Optional: Agar fonts bahut bade lag rahe hon */
  }

  /* Dividers ke beech ka gap kam karne ke liye */
  .menu--accordion details summary {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
  }
}






/** Icon with text **/
/* Mobile View Fix for 2x2 Grid */
/* @media screen and (max-width: 749px) {

  .custom-section-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

 
  .custom-section-content > .shopify-block, 
  .custom-section-content > div[class*="group"] {
    flex: 0 0 calc(50% - 10px) !important; 
    max-width: calc(50% - 10px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  
  .custom-section-content img, 
  .custom-section-content svg {
    width: 40px !important;
    height: auto !important;
    margin-bottom: 10px !important;
  }

  
  .custom-section-content p, 
  .custom-section-content span {
    font-size: 11px !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
  }
} */


/* Mobile View: Force 2x2 Horizontal Layout */
@media screen and (max-width: 749px) {
  
  /* 1. Main Section Container ko block hone se rokna */
  #shopify-section-template--21566020026565__section_kphBgK .custom-section-content {
    display: block !important;
  }

  /* 2. Sabse important: Aapka jo "Group" block hai usko grid banana */
  #shopify-section-template--21566020026565__section_kphBgK .custom-section-content .shopify-block {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 2 columns horizontal */
    gap: 20px 10px !important;
    width: 100% !important;
  }

  /* 3. Icons aur Text ke beech ki spacing aur alignment */
  #shopify-section-template--21566020026565__section_kphBgK .custom-section-content .shopify-block > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* 4. Image Size Fix (Isse size choti nahi hogi) */
  #shopify-section-template--21566020026565__section_kphBgK img {
    width: 50px !important; /* Aap 60px ya 70px bhi kar sakte hain */
    height: auto !important;
    max-width: none !important;
    margin-bottom: 8px !important;
  }

  /* 5. Text Size adjustment */
  #shopify-section-template--21566020026565__section_kphBgK p {
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }
}



/* Mobile: "The Madhura Exclusive" Heading Size Adjustment */
@media screen and (max-width: 749px) {
  #shopify-section-template--21566020026565__section_BYtUYA h3 {
    font-size: 20px !important; /* Original se chota karne ke liye */
    line-height: 1.2 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.5px !important;
  }
}


/* Mobile: Force Shop The Collection into one line */
@media screen and (max-width: 749px) {
  [data-shopify-editor-block*="product_list_text_zDAmEe"] h4,
  [data-shopify-editor-block*="product_list_text_zDAmEe"] .heading,
  #shopify-section-template--21566020255941__product_list_zR9Cym h4 {
    font-size: 26px !important; /* Agar fit na ho toh 16px karke dekhein */
    white-space: nowrap !important;
    letter-spacing: 0px !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
  }
}


/* Sirf Mobile View ke liye (up to 767px) */
/* @media screen and (max-width: 767px) {
  .email-signup__input-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
    gap: 10px; 
  }

  .email-signup__input-group input[type="email"] {
    flex: 1; 
    margin-bottom: 0 !important; 
  }

  .email-signup__input-group button {
    width: auto !important; 
    padding: 0 15px; 
    white-space: nowrap; 
  }
} */


/* @media screen and (max-width: 767px) {
  .email-signup__input-group {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px; 
    width: 100%;
  }


  .email-signup__input-group input[type="email"] {
    width: 70% !important; 
    flex: unset !important; 
    margin-bottom: 0 !important;
    min-width: 0; 
  }


  .email-signup__input-group button {
    width: 30% !important; 
    padding: 0 10px !important;
    font-size: 12px; 
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
  }
} */


@media screen and (max-width: 767px) {
  /* 1. Footer ka gap fix karein */
  .footer {
    padding-top: 10px !important; /* Minimal gap */
  }

  /* 2. Logo Container - Negative margin hata diya hai */
  .group-block-content.mobile-column {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding-top: 0 !important;
    margin-top: 0 !important; /* Isse logo wapas dikhne lagega */
    margin-bottom: 5px !important;
  }

  /* 3. Logo Size - Ise thoda adjust kiya hai taaki clear dikhe */
  .group-block-content.mobile-column img {
    max-width: 110px !important; /* Size perfect for mobile */
    height: auto !important;
    margin-bottom: 8px !important;
  }

  /* 4. Motto Text (We make things...) */
  .group-block-content.mobile-column p {
    font-size: 13px !important;
    margin-bottom: 15px !important;
    line-height: 1.4 !important;
    
    opacity: 0.9;
  }

  /* 5. Stay Connected Heading */
  .footer-block__heading{
    text-align: center !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    font-size: 16px !important;
    letter-spacing: 1px;
  }

  /* 6. Email Input & Button - Clean Side-by-Side look */
  .email-signup__input-group {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    max-width: 95% !important;
    margin: 0 auto !important;
  }

  .email-signup__input-group input[type="email"] {
    flex: 1 !important; /* Automatic width adjustment */
    height: 44px !important;
    border-radius: 4px !important; /* Square with slight roundness */
    padding: 0 12px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
  }

  .email-signup__input-group button {
    width: auto !important;
    min-width: 100px !important;
    height: 44px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 15px !important;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 749px) {
  #shopify-section-sections--21566020452549__footer h5 {
    text-align: center !important;
    width: 100%;
  }
}





@media screen and (max-width: 989px) {
  .menu-drawer__menu-item-text.wrap-text {
    font-size: 20px !important; /* Default 18px-20px hota hai, 14px se chhota dikhega */
    font-weight: 500 !important; /* Thoda clean dikhne ke liye weight adjust kiya */
  }
}


/* --- TINKER THEME: HEADING 5 ONE LINE FIX --- */
.product-details__text .h5, 
.product-details__text h5,
[data-shopify-editor-block*="product-details__text"] h2,
[data-shopify-editor-block*="product-details__text"] h5 {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    max-width: 100% !important;
    letter-spacing: 0.5px !important; /* Spacing kam karne se text fit hoga */
}

/* Container width fix */
.product-details__text {
    width: 100% !important;
    display: block !important;
}


/* --- ACCORDION FONT SIZE REDUCTION --- */
.accordion .details__header,
.details .details__header h3,
.details summary h3,
.details summary span {
    font-size: 14px !important; /* Aap isse 10px ya 12px bhi kar sakte hain */
    font-weight: 500 !important; /* Thoda patla dikhne ke liye */
    letter-spacing: 1px !important; /* Zyada spacing se text bada lagta hai, ise kam kiya hai */
}

/* Mobile ke liye specific small size */
@media screen and (max-width: 749px) {
    .accordion .details__header,
    .details .details__header h3 {
        font-size: 10px !important;
    }
}

.shopify-policy__container {
    max-width:800px !important;
}