/** Shopify CDN: Minification failed

Line 541:1 Expected "}" to go with "{"

**/
/* =====================================
   M€M VELLORA — MOBILE ONLY
   ===================================== */

@media screen and (max-width: 749px) {

  /* ---------- ANNOUNCEMENT BAR ---------- */

  .announcement-bar__text {
    font-size: 0 !important;
    white-space: nowrap !important;
  }

  .announcement-bar__text * {
    font-size: 0 !important;
  }

  .announcement-bar__text::after {
    content: "FREE DELIVERY OVER PKR 5,000";
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
  }


  /* ---------- HERO HEADING ---------- */

  [id*="__hero_"] .text-block.custom-typography {
    width: 62% !important;
    max-width: 62% !important;
    margin-left: 18px !important;
    margin-right: auto !important;
  }

  [id*="__hero_"] .text-block.custom-typography > * {
    font-size: 30px !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }


  /* =====================================
   M€M VELLORA — MOBILE HERO FINAL
   ===================================== */

@media screen and (max-width: 749px) {

  /* HEADING */
  .hero__content-wrapper .text-block.custom-typography {
    --width: 52% !important;
    width: 52% !important;
    max-width: 52% !important;
    margin-left: 20px !important;
    margin-right: auto !important;
    align-items: flex-start !important;
  }

  .hero__content-wrapper .text-block.custom-typography > * {
    width: 100% !important;
    max-inline-size: 100% !important;
    font-size: 28px !important;
    line-height: 1.08 !important;
    text-align: left !important;
  }


  /* PARAGRAPH — block immediately after heading */
  .hero__content-wrapper
  .text-block.custom-typography + .text-block {
    --width: 52% !important;
    width: 52% !important;
    max-width: 52% !important;
    margin-left: 20px !important;
    margin-right: auto !important;
    align-items: flex-start !important;
  }

  .hero__content-wrapper
  .text-block.custom-typography + .text-block > * {
    width: 100% !important;
    max-inline-size: 100% !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }


  /* BUTTON */
  .hero__content-wrapper a.size-style {
    width: 48% !important;
    max-width: 230px !important;
    min-width: 0 !important;
    margin-left: 20px !important;
    margin-right: auto !important;
    padding: 12px 10px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

}
/* FINAL HERO BUTTON ALIGNMENT */
[id*="__hero_"] .button,
[id*="__hero_"] a.size-style {
  margin-left: 16% !important;
  margin-right: auto !important;
  width: 48% !important;
  max-width: 230px !important;
  min-width: 0 !important;
  padding: 12px 10px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
/* MOBILE HERO — SIZE INCREASE ONLY */

[id*="__hero_"] .text-block.custom-typography > * {
  font-size: 32px !important;
  line-height: 1.08 !important;
}

[id*="__hero_"] .text-block.custom-typography + .text-block > * {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

[id*="__hero_"] .button,
[id*="__hero_"] a.size-style {
  width: 50% !important;
  max-width: 270px !important;
  padding: 14px 14px !important;
  font-size: 12px !important;
}
/* HERO CONTENT — SHIFT SLIGHTLY LEFT */

[id*="__hero_"] .text-block.custom-typography,
[id*="__hero_"] .text-block.custom-typography + .text-block,
[id*="__hero_"] .button,
[id*="__hero_"] a.size-style {
  transform: translateX(-40px) !important;
}
/* MOBILE HERO HEADING — 2 LINES, SAME SIZE */

[id*="__hero_"] .text-block.custom-typography {
  width: 78% !important;
  max-width: 78% !important;
  margin-left: 22px !important;
  margin-right: auto !important;
}

[id*="__hero_"] .text-block.custom-typography > * {
  line-height: 1.02 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* Reduce gap below heading */
[id*="__hero_"] .text-block.custom-typography {
  margin-bottom: 10px !important;
}
/* MOBILE HERO — PARAGRAPH POLISH */

[id*="__hero_"] .text-block.custom-typography + .text-block {
  width: 68% !important;
  max-width: 68% !important;
}

[id*="__hero_"] .text-block.custom-typography + .text-block > * {
  font-size: 15px !important;
  line-height: 1.35 !important;
}
/* =========================
   MOBILE NEW ARRIVALS POLISH
   ========================= */

/* Product titles */
.product-grid__card :is(h4, .h4),
.product-card :is(h4, .h4) {
  font-size: 16px !important;
  line-height: 1.25 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  min-height: 40px !important;
}

/* Product prices */
.product-grid__card .price,
.product-card .price {
  font-size: 15px !important;
  line-height: 1.25 !important;
  margin-top: 5px !important;
}

/* Space between product rows */
.resource-list,
.product-grid {
  row-gap: 28px !important;
}

/* Slight breathing space before footer */
section:has(.product-grid),
section:has(.resource-list) {
  padding-bottom: 42px !important;
}
/* MOBILE FOOTER — CUSTOMER CARE ALIGNMENT */

footer details summary {
  padding-left: 40px !important;
  padding-right: 24px !important;
}

footer details[open] > *:not(summary) {
  padding-left: 40px !important;
  padding-right: 24px !important;
}
/* =================================
   MOBILE PRODUCT PAGE POLISH
   ================================= */

@media screen and (max-width: 749px) {

  /* Remove extra space before accordion */
  .product-information .product-details,
  .product-information [class*="details"] {
    min-height: 0 !important;
    height: auto !important;
  }

  /* Description spacing */
  .product-information .product-description,
  .product-information .rte {
    margin-bottom: 20px !important;
  }

  /* Accordion spacing */
  .product-information details {
    margin-top: 0 !important;
  }
}
/* =============================
   MOBILE CART — LARGER IMAGE
   ============================= */

@media screen and (max-width: 749px) {

  cart-drawer-component .cart-items__table-row,
  cart-drawer-component .cart-items__table-row--full-width-variants {
    grid-template-columns: 84px minmax(0, 1fr) auto !important;
    column-gap: 14px !important;
  }

  cart-drawer-component .cart-items__media-container {
    width: 84px !important;
  }

  cart-drawer-component .cart-items__media-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

}
/* MOBILE MENU TYPOGRAPHY */

@media screen and (max-width: 749px) {
  .menu-drawer a,
  .menu-drawer__menu-item {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
}
@media screen and (max-width: 749px) {

  /* Cross se first menu item ka gap */
  .menu-drawer__navigation {
    padding-top: 18px !important;
  }

  /* Menu items ke darmiyan gap kam */
  .menu-drawer__menu-item--mainlist {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

}
/* MOBILE COLLECTION — REDUCE TOP SPACE */

@media screen and (max-width: 749px) {

  .collection-title,
  .collection-banner,
  .collection-hero {
    padding-top: 24px !important;
    margin-top: 0 !important;
  }

}
/* ==================================
   MOBILE COLLECTION — REMOVE TOP GAP
   ================================== */

@media screen and (max-width: 749px) {

  body.template-collection .collection-banner,
  body.template-collection .collection-hero,
  body.template-collection .collection-header,
  body.template-collection .main-collection-banner {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 22px !important;
    padding-bottom: 24px !important;
    margin-top: 0 !important;
  }

  body.template-collection .collection-banner__inner,
  body.template-collection .collection-hero__inner,
  body.template-collection .collection-header__inner {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* New Arrivals heading */
  body.template-collection h1 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }
}
/* =========================================
   MOBILE COLLECTION — REMOVE EMPTY TOP SPACE
   ========================================= */

@media screen and (max-width: 749px) {

  body.template-collection main .shopify-section:has(h1) {
    min-height: 0 !important;
    height: auto !important;
  }

  body.template-collection main .shopify-section:has(h1) .section,
  body.template-collection main .shopify-section:has(h1) [class*="layout-panel"] {
    min-height: 0 !important;
    height: auto !important;

    justify-content: flex-start !important;
    align-content: flex-start !important;

    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  body.template-collection main .shopify-section:has(h1) h1 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }
}
/* MOBILE COLLECTION — FIX TOP EMPTY SPACE */

@media screen and (max-width: 749px) {

  #MainContent[data-template^="collection"]
  > .shopify-section:first-child .section {
    min-height: 0 !important;
    height: auto !important;
  }

  #MainContent[data-template^="collection"]
  > .shopify-section:first-child .section-content-wrapper {
    min-height: 0 !important;
    height: auto !important;

    padding-top: 18px !important;
    padding-bottom: 20px !important;

    justify-content: flex-start !important;
    align-content: flex-start !important;
  }

  #MainContent[data-template^="collection"]
  > .shopify-section:first-child h1 {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }
}
@media screen and (max-width: 749px) {
  #MainContent[data-template^="collection"] h1 {
    font-size: 42px !important;
    line-height: 1.1 !important;
  }
}
@media screen and (max-width: 749px) {
  #MainContent[data-template^="collection"] .rte,
  #MainContent[data-template^="collection"] .collection-description {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}
/* BRACELETS COLLECTION — MOBILE ONLY */

@media screen and (max-width: 749px) {

  /* Only Bracelets collection */
  html:has(link[rel="canonical"][href*="/collections/bracelets"])
  #MainContent h1 {
    font-size: 48px !important;
    line-height: 1.05 !important;
    margin-bottom: 20px !important;
  }

  /* Bracelet description */
  html:has(link[rel="canonical"][href*="/collections/bracelets"])
  #MainContent .rte,
  html:has(link[rel="canonical"][href*="/collections/bracelets"])
  #MainContent .rte p,
  html:has(link[rel="canonical"][href*="/collections/bracelets"])
  #MainContent .rte strong,
  html:has(link[rel="canonical"][href*="/collections/bracelets"])
  #MainContent .rte b {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
  }
}
/* =====================================
   CONTACT PAGE — MOBILE LUXURY POLISH
   ===================================== */

@media screen and (max-width: 749px) {

  /* Only Contact page */
  html:has(link[rel="canonical"][href*="/pages/contact"]) main {

    /* Body text left aligned */
    .rte {
      text-align: left !important;
    }

    .rte p {
      text-align: left !important;
      font-size: 16px !important;
      line-height: 1.55 !important;
      font-weight: 400 !important;
    }

    /* Remove heavy bold look */
    .rte strong,
    .rte b {
      font-weight: 600 !important;
    }

    /* Keep main heading elegant */
    h1 {
      text-align: center !important;
    }

    /* Contact form fields */
    input {
      min-height: 52px !important;
      height: 52px !important;
      padding: 12px 16px !important;
      font-size: 16px !important;
    }

    /* Comment box */
    textarea {
      min-height: 135px !important;
      padding: 14px 16px !important;
      font-size: 16px !important;
      line-height: 1.45 !important;
    }

    /* Reduce space between fields */
    form {
      gap: 14px !important;
    }
  }
}
@media screen and (max-width: 749px) {
  .shopify-policy__container h2,
  .shopify-policy__container h3 {
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 749px) {

  /* All policy headings */
  .shopify-policy__container h1,
  .shopify-policy__container h2,
  .shopify-policy__container h3,
  .shopify-policy__container h4 {
    font-size: 30px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
  }

  /* Main policy title */
  .shopify-policy__title h1 {
    font-size: 38px !important;
    line-height: 1.08 !important;
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 749px) {
  .mem-cart-extra-fields {
    gap: 14px !important;
    margin-bottom: 16px !important;
  }

  .mem-cart-field label {
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  .mem-cart-field input {
    min-height: 50px !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
  }

  .mem-cart-field > small {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}