/*
 * Meltem on a phone: an editorial nightstand storefront, built around the
 * real product story and an unusually clear supply decision. Nothing here
 * applies until the mobile module marks the homepage, and nothing applies
 * above the 1024px boundary.
 */
@media (max-width: 1024px) {
  body.meltem-mobile-home {
    --mm-ink: #30233e;
    --mm-muted: #5d5265;
    --mm-lilac: #e7d9ed;
    --mm-blush: #f2d9e2;
    --mm-cream: #fff9f0;
    --mm-orange: #ff963d;
    --mm-line: rgba(48, 35, 62, .2);
    --mm-shadow: 0 8px 24px rgba(67, 43, 77, .09);
    color: var(--mm-ink);
    overflow-x: clip;
    -webkit-text-size-adjust: 100%;
  }

  body.meltem-mobile-home *,
  body.meltem-mobile-home *::before,
  body.meltem-mobile-home *::after { box-sizing: border-box; }

  body.meltem-mobile-home :focus-visible {
    outline: 3px solid #9b4b15;
    outline-offset: 3px;
  }

  body.meltem-mobile-home .promobar {
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden;
  }
  body.meltem-mobile-home .promobar .marquee__content > * { font-size: 12px !important; }
  body.meltem-mobile-home .site-header {
    position: relative;
    z-index: 20;
    min-height: 64px;
    padding-block: 8px !important;
  }
  body.meltem-mobile-home .site-header__logo .meltem-wordmark {
    width: 108px !important;
    height: 42px !important;
  }
  body.meltem-mobile-home .site-header [data-mobile-nav-toggle],
  body.meltem-mobile-home .site-header [data-drawer-toggle],
  body.meltem-mobile-home .site-header [data-cart-open],
  body.meltem-mobile-home .site-header [data-open-ajaxcart] {
    min-width: 44px !important;
    min-height: 44px !important;
  }
  body.meltem-mobile-home #main_nav,
  body.meltem-mobile-home .site-header__nav-wrapper {
    z-index: 30;
  }
  body.meltem-mobile-home #main_nav .site-nav__link {
    min-height: 48px;
    display: flex;
    align-items: center;
    font-size: 16px !important;
  }

  body.meltem-mobile-home #siteContent {
    padding-bottom: 26px;
    overflow: clip;
  }
  body.meltem-mobile-home #meltem-product {
    position: relative;
    margin: 0 !important;
    padding: 14px 0 34px !important;
    scroll-margin-top: 18px !important;
  }
  body.meltem-mobile-home #meltem-product > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  body.meltem-mobile-home .meltem-mobile-product-layout {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .meltem-mobile-purchase .meltem-mobile-intro {
    width: 100%;
    max-width: 620px;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--mm-ink);
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .meltem-mobile-purchase .meltem-mobile-intro .product__meta p {
    margin: 0 !important;
  }
  body.meltem-mobile-home .meltem-mobile-product-layout > .meltem-gallery-column,
  body.meltem-mobile-home .meltem-mobile-product-layout > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding-inline: 0 !important;
  }
  body.meltem-mobile-home product-gallery.product-gallery {
    width: calc(100% - 32px) !important;
    max-width: 510px !important;
    margin: 0 auto 18px !important;
    gap: 9px !important;
  }
  body.meltem-mobile-home product-gallery.product-gallery > .product-gallery__carousel {
    aspect-ratio: 1 / 1;
    border-radius: 3px;
    background: rgba(255, 249, 240, .45);
  }
  body.meltem-mobile-home product-gallery.product-gallery > .product-gallery__thumbnails {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(44px, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
  }
  body.meltem-mobile-home product-gallery.product-gallery > .product-gallery__thumbnails > [data-product-thumbnail] {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 44px !important;
    aspect-ratio: 1 / 1;
    border-radius: 4px !important;
    touch-action: manipulation;
  }
  body.meltem-mobile-home .meltem-mobile-product-layout .product-content {
    width: 100% !important;
    max-width: 620px;
    margin: 0 auto !important;
    padding: 0 clamp(17px, 5vw, 32px) !important;
  }
  body.meltem-mobile-home .product-content .product__reviews,
  body.meltem-mobile-home .meltem-mobile-intro .product__reviews {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin: 0 0 13px !important;
    padding: 0 !important;
    border: 0 !important;
    font: 700 12px/1.4 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home .product-content .product__reviews a,
  body.meltem-mobile-home .meltem-mobile-intro .product__reviews a {
    width: fit-content;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
    color: #4a3b55 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    border: 0 !important;
  }
  body.meltem-mobile-home .product-content .product__title,
  body.meltem-mobile-home .meltem-mobile-intro .product__title {
    margin: 0 !important;
    color: var(--mm-ink) !important;
    font: 500 clamp(36px, 10vw, 52px)/.98 Recoleta, Georgia, serif !important;
    letter-spacing: -.045em !important;
    text-transform: none !important;
    text-wrap: balance;
  }
  body.meltem-mobile-home .product-content .product__heading,
  body.meltem-mobile-home .meltem-mobile-intro .product__heading { margin: 0 0 5px !important; }
  body.meltem-mobile-home .product-content .product__meta p,
  body.meltem-mobile-home .meltem-mobile-intro .product__meta p {
    margin: 0 0 17px !important;
    color: var(--mm-muted);
    font: 17px/1.45 "Mier A", sans-serif !important;
  }

  /* Native product form: pack artwork, labels, and delivery radios stay
     connected to the store's existing variant and selling-plan logic. */
  body.meltem-mobile-home .meltem-mobile-purchase {
    margin: 0 0 18px !important;
    padding: 19px 16px 17px !important;
    border: 1px solid rgba(48, 35, 62, .26);
    border-radius: 13px;
    background: rgba(255, 249, 240, .84);
    box-shadow: var(--mm-shadow);
  }
  body.meltem-mobile-home .meltem-mobile-purchase-heading {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 15px;
    color: var(--mm-ink);
    font-family: "Mier A", sans-serif;
  }
  body.meltem-mobile-home .meltem-mobile-purchase-heading span:first-child {
    font: 500 25px/1.15 Recoleta, Georgia, serif;
  }
  body.meltem-mobile-home .meltem-mobile-purchase-heading span:last-child {
    color: var(--mm-muted);
    font-size: 14px;
    line-height: 1.45;
  }
  body.meltem-mobile-home .meltem-mobile-purchase [data-product-option-group] {
    position: static !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    border: 0 !important;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option__option-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item {
    position: relative;
    min-width: 0;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item > input[data-product-option] {
    display: block !important;
    opacity: 0;
    position: absolute !important;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: #74496f;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item > label {
    width: 100%;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding: 8px 4px 9px;
    border: 1px solid rgba(48, 35, 62, .25);
    border-radius: 9px;
    color: var(--mm-ink);
    background: #fffaf2;
    font: 700 12px/1.25 "Mier A", sans-serif;
    cursor: pointer;
    touch-action: manipulation;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item:has(> input:checked) > label {
    border: 2px solid #74496f;
    padding: 7px 3px 8px;
    background: #f4e7f1;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item > input:focus-visible + label {
    outline: 3px solid #9b4b15;
    outline-offset: 2px;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item__image {
    width: 100%;
    height: 69px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item__image img {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 65px !important;
    object-fit: contain;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-option-item__savings { display: none !important; }
  body.meltem-mobile-home .meltem-mobile-purchase > form.product-options {
    margin: 0 0 20px !important;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-options {
    margin: 0 0 12px;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggles {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle__label {
    position: relative;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle__label > input {
    display: block !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
    appearance: auto !important;
    position: absolute !important;
    z-index: 1;
    top: 50%;
    left: 13px;
    width: 19px !important;
    height: 19px !important;
    margin: 0 !important;
    transform: translateY(-50%);
    accent-color: #74496f;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle__label > label {
    width: 100%;
    min-height: 58px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px 10px 42px;
    border: 1px solid rgba(48, 35, 62, .25);
    border-radius: 9px;
    color: var(--mm-ink);
    background: #fffaf2;
    font: 700 13px/1.35 "Mier A", sans-serif;
    cursor: pointer;
    touch-action: manipulation;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle__label > label::before,
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle__label > label::after {
    content: none !important;
    display: none !important;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle:has(input:checked) .product-subscription-toggle__label > label {
    border: 2px solid #74496f;
    padding: 9px 11px 9px 41px;
    background: #f4e7f1;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle__label > input:focus-visible + label {
    outline: 3px solid #9b4b15;
    outline-offset: 2px;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .product-subscription-toggle__label-prices {
    flex: 0 0 auto;
    font: 700 15px/1.2 "Mier A", sans-serif;
    font-variant-numeric: tabular-nums;
  }
  body.meltem-mobile-home .meltem-mobile-purchase .selling-plan-group {
    margin: 8px 0 0 42px;
    font: 14px/1.4 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home .meltem-mobile-purchase [data-product-selling-plans-dropdown] > div {
    min-height: 44px;
    padding: 9px 12px;
    border: 1px solid rgba(48, 35, 62, .25);
    border-radius: 7px;
    background: #fffaf2;
  }
  body.meltem-mobile-home .meltem-mobile-purchase [data-product-selling-plans-select] {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid rgba(48, 35, 62, .25);
    border-radius: 7px;
    background: #fffaf2;
    max-width: 100%;
    font: 14px/1.4 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home .product-form-block [data-product-submit] {
    min-height: 56px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 9px 0 0 !important;
    padding: 14px 18px !important;
    border: 1px solid #382943 !important;
    border-radius: 9px !important;
    color: #241b30 !important;
    background: var(--mm-orange) !important;
    box-shadow: 0 3px 0 #382943;
    font: 700 18px/1.2 "Mier A", sans-serif !important;
    text-align: center;
    text-transform: none !important;
  }
  body.meltem-mobile-home .product-form-block [data-product-submit]:active {
    transform: translateY(2px);
    box-shadow: 0 1px 0 #382943;
  }
  body.meltem-mobile-home .meltem-supply-note {
    margin: 10px 0 0 !important;
    color: #51445a;
    font: 14px/1.48 "Mier A", sans-serif !important;
  }
  @media (max-width: 1024px) {
    /* This card sits outside the product-form block, so target the real
       product-page hook rather than relying on the mobile script's class. */
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card {
      position: relative !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      margin: 20px 0 0 !important;
      padding: 16px 17px 12px !important;
      border: 1px solid #e7d9ec !important;
      border-left: 3px solid #ed9257 !important;
      border-radius: 15px !important;
      background: #f7f1f8 !important;
      box-shadow: 0 3px 12px rgba(66, 43, 75, .07) !important;
      color: #392d45 !important;
      text-align: left !important;
      display: grid !important;
      grid-template-columns: 84px minmax(0, 1fr) !important;
      grid-template-areas:
        "seal heading"
        "seal copy"
        "footer footer" !important;
      column-gap: 13px !important;
      row-gap: 3px !important;
      align-items: center !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card .ig-gift-label {
      position: static !important;
      display: inline-block !important;
      grid-area: heading !important;
      align-self: end !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: none !important;
      border: 0 !important;
      border-radius: 0 !important;
      color: #65556f !important;
      background: transparent !important;
      font: 700 11px/1.35 "Mier A", sans-serif !important;
      letter-spacing: .075em !important;
      white-space: normal !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card .meltem-guarantee-mobile-emphasis {
      display: flex !important;
      position: relative !important;
      grid-area: seal !important;
      width: 84px !important;
      height: 84px !important;
      box-sizing: border-box !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
      margin: 0 !important;
      border: 1px solid #e8c8ae !important;
      border-radius: 50% !important;
      background: #fff8f0 !important;
      box-shadow: inset 0 0 0 4px #f7eee7 !important;
      color: #392d45 !important;
      line-height: 1 !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card .meltem-guarantee-mobile-number {
      color: #df7945 !important;
      font: 700 46px/.92 "Mier A", sans-serif !important;
      letter-spacing: -.06em !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card .meltem-guarantee-mobile-days {
      color: #51415d !important;
      font: 700 13px/1.2 "Mier A", sans-serif !important;
      letter-spacing: .015em !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card p {
      display: contents !important;
      margin: 0 !important;
      color: #51455a !important;
      font: 14px/1.5 "Mier A", sans-serif !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card p br {
      display: none !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card .meltem-guarantee-copy {
      display: block !important;
      grid-area: copy !important;
      align-self: start !important;
      min-width: 0 !important;
      color: #51455a !important;
      font: 500 14px/1.5 "Mier A", sans-serif !important;
    }
    body#lemme-sleep-gummies.meltem-mobile-home .ig-gift-card a[href="/refund-policy/"] {
      display: flex !important;
      grid-area: footer !important;
      align-items: center !important;
      min-width: 0 !important;
      min-height: 44px !important;
      margin: 6px -17px 0 !important;
      padding: 8px 17px 0 !important;
      border: 0 !important;
      border-top: 1px solid #e7d9ec !important;
      border-radius: 0 !important;
      color: #6b4b76 !important;
      background: transparent !important;
      font: 700 13px/1.35 "Mier A", sans-serif !important;
      text-decoration: underline !important;
      text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
    }
  }
  body.meltem-mobile-home [data-product-details-tabs] { margin-top: 12px; }
  body.meltem-mobile-home [data-product-details-tabs] [role="tablist"] {
    display: flex !important;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  body.meltem-mobile-home [data-product-details-tabs] [role="tab"] {
    min-height: 44px;
    flex: 0 0 auto;
    padding: 9px 12px !important;
    font: 700 12px/1.3 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home [data-product-details-tabs] [role="tabpanel"] {
    padding: 14px 0 !important;
    font: 16px/1.55 "Mier A", sans-serif;
  }
  body.meltem-mobile-home .product__background { opacity: 0 !important; }

  /* A restrained section rhythm: lavender into blush, with legible cream
     reading surfaces where longer education and reviews need a clear plane. */
  body.meltem-mobile-home #siteContent > .shopify-section,
  body.meltem-mobile-home #siteContent > div.shopify-section {
    min-width: 0;
  }
  body.meltem-mobile-home ingredients-element,
  body.meltem-mobile-home #meltem-how-to,
  body.meltem-mobile-home .meltem-testimonials,
  body.meltem-mobile-home .meltem-proof,
  body.meltem-mobile-home faq-element,
  body.meltem-mobile-home .meltem-care {
    scroll-margin-top: 18px !important;
  }
  body.meltem-mobile-home ingredients-element {
    display: block;
    padding: 42px 17px !important;
  }
  body.meltem-mobile-home ingredients-element .ingredients__heading,
  body.meltem-mobile-home ingredients-element h2 {
    max-width: 560px;
    margin: 0 auto 24px !important;
    color: var(--mm-ink);
    font: 500 clamp(34px, 9vw, 46px)/1.03 Recoleta, Georgia, serif !important;
    letter-spacing: -.035em;
    text-align: left;
  }
  body.meltem-mobile-home ingredients-element .meltem-ingredients-grid__items {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.meltem-mobile-home ingredients-element .ingredients__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(92px, 31%) !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 120px;
    padding: 14px !important;
    border: 1px solid rgba(48, 35, 62, .2) !important;
    border-radius: 4px !important;
    background: rgba(255, 249, 240, .83) !important;
    box-shadow: none !important;
  }
  body.meltem-mobile-home ingredients-element .ingredients__item-content {
    margin: 0 !important;
  }
  body.meltem-mobile-home ingredients-element .ingredients__item-content h3 {
    margin: 0 0 6px !important;
    color: var(--mm-ink);
    font: 500 21px/1.15 Recoleta, Georgia, serif !important;
  }
  body.meltem-mobile-home ingredients-element .ingredients__item-content p {
    color: #504457;
    font: 15px/1.5 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home ingredients-element .ingredients__item-image {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1;
    margin: 0 !important;
    border-radius: 3px !important;
  }

  body.meltem-mobile-home .no-list {
    padding: 38px 20px !important;
  }
  body.meltem-mobile-home .no-list h2 {
    font: 500 clamp(32px, 8vw, 42px)/1.04 Recoleta, Georgia, serif !important;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 580px !important;
    margin: 0 auto 24px !important;
    padding: 8px 18px !important;
    border: 1px solid rgba(48, 35, 62, .16) !important;
    border-radius: 13px !important;
    background: rgba(255, 249, 240, .88) !important;
    box-shadow: 0 5px 18px rgba(67, 43, 77, .06) !important;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper > .no-list__list {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper .no-list__item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0;
    min-height: 52px;
    margin: 0 !important;
    padding: 9px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(48, 35, 62, .12) !important;
    color: #30233e !important;
    background: transparent !important;
    white-space: normal !important;
    font: 600 15px/1.35 "Mier A", sans-serif !important;
    letter-spacing: .005em;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper > .no-list__list:last-of-type > .no-list__item:last-child {
    border-bottom: 0 !important;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper .no-list__item > svg {
    flex: 0 0 27px !important;
    width: 27px !important;
    height: 27px !important;
    margin: 0 !important;
    padding: 5px;
    overflow: visible;
    border-radius: 50%;
    background: #f2d9e2;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper .no-list__item > svg path {
    fill: none !important;
    stroke: #74496f !important;
    stroke-width: 2.7 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper .no-list__item > span {
    display: block !important;
    min-width: 0;
    color: inherit !important;
    font: inherit !important;
    text-transform: lowercase;
  }
  body#lemme-sleep-gummies.meltem-mobile-home #siteContent .no-list .no-list__list-wrapper .no-list__item > span::first-letter {
    text-transform: uppercase;
  }
  body.meltem-mobile-home .meltem-how-to {
    padding: 44px 18px !important;
  }
  body.meltem-mobile-home .meltem-how-to__header { margin-bottom: 26px !important; }
  body.meltem-mobile-home .meltem-how-to__title {
    font-size: clamp(36px, 9vw, 48px) !important;
  }
  body.meltem-mobile-home .meltem-how-to__steps {
    gap: 18px !important;
  }
  body.meltem-mobile-home .meltem-how-to__step,
  body.meltem-mobile-home .meltem-how-to__step:nth-child(2),
  body.meltem-mobile-home .meltem-how-to__step:nth-child(3) {
    grid-template-columns: minmax(96px, .74fr) minmax(0, 1.26fr) !important;
    gap: 12px !important;
    margin: 0 !important;
  }
  body.meltem-mobile-home .meltem-how-to__art,
  body.meltem-mobile-home .meltem-how-to__image {
    min-height: 118px !important;
  }
  body.meltem-mobile-home .meltem-how-to__copy {
    margin: 0 !important;
    padding: 13px 12px !important;
  }
  body.meltem-mobile-home .meltem-how-to__step-title { font-size: 20px !important; }
  body.meltem-mobile-home .meltem-testimonials {
    padding: 44px 18px !important;
  }
  body.meltem-mobile-home .meltem-testimonials__title {
    font-size: clamp(35px, 9vw, 49px) !important;
  }
  body.meltem-mobile-home .meltem-testimonials__grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100%, 440px) !important;
    gap: 14px !important;
  }
  body.meltem-mobile-home .meltem-story {
    display: block;
    margin: 0 !important;
    padding: 0;
    border: 1px solid rgba(79, 57, 93, .25);
    background: rgba(255, 249, 240, .68);
  }
  body.meltem-mobile-home .meltem-story__frame {
    min-width: 0;
    padding: 0 !important;
  }
  body.meltem-mobile-home .meltem-story__media {
    aspect-ratio: 4 / 5;
    height: auto;
  }
  body.meltem-mobile-home .meltem-story__play {
    width: 72px;
    height: 72px;
  }
  body.meltem-mobile-home .meltem-story__caption {
    align-self: center;
    min-height: 0;
    margin: 0 !important;
    padding: 12px 12px 10px !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.meltem-mobile-home .meltem-story__quote {
    min-height: 0;
    margin-bottom: 9px;
    font-size: clamp(17px, 4.5vw, 21px);
    font-family: "Mier A", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
  }
  body.meltem-mobile-home .meltem-story__byline { font-size: 10px; }
  body.meltem-mobile-home .meltem-story__mark { display: none; }
  body.meltem-mobile-home .meltem-testimonials__footnote {
    max-width: 400px;
    margin: 18px auto 0;
    font-size: 13px;
  }
  body.meltem-mobile-home .meltem-proof {
    padding: 42px 18px !important;
  }
  body.meltem-mobile-home .meltem-proof__heading { text-align: left !important; }
  body.meltem-mobile-home .meltem-proof__heading h2 {
    font-size: clamp(35px, 9vw, 48px) !important;
  }
  body.meltem-mobile-home .meltem-proof__intro,
  body.meltem-mobile-home .meltem-proof__source-note {
    margin-left: 0 !important;
    text-align: left !important;
    font-size: 16px !important;
  }
  body.meltem-mobile-home .meltem-proof--social .meltem-proof__social-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.meltem-mobile-home .meltem-proof-comment {
    padding: 17px !important;
    border-radius: 4px !important;
    background: rgba(255, 249, 240, .72) !important;
  }
  body.meltem-mobile-home .meltem-proof-comment blockquote { font-size: 16px !important; }
  body.meltem-mobile-home .meltem-proof__review-summary {
    width: 100%;
    justify-content: flex-start;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 4px;
    text-align: left;
  }
  body.meltem-mobile-home .meltem-proof__review-summary p { text-align: left; }
  body.meltem-mobile-home .meltem-proof__review-tools { display: block !important; }
  body.meltem-mobile-home .meltem-proof__filters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
  }
  body.meltem-mobile-home .meltem-proof__filters button {
    min-width: 0;
    min-height: 46px;
    padding: 9px 10px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
  }
  body.meltem-mobile-home .meltem-proof__sort-wrap { margin-top: 16px !important; }
  body.meltem-mobile-home .meltem-proof__sort-wrap select {
    width: 100%;
    min-height: 48px;
    border-radius: 4px !important;
  }
  body.meltem-mobile-home .meltem-proof__review-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.meltem-mobile-home .meltem-proof-review {
    padding: 17px !important;
    border-radius: 4px !important;
  }
  body.meltem-mobile-home .meltem-proof-review .meltem-proof-body {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  body.meltem-mobile-home faq-element {
    display: block;
    padding: 42px 18px !important;
  }
  body.meltem-mobile-home faq-element h2 {
    font: 500 clamp(35px, 9vw, 47px)/1.04 Recoleta, Georgia, serif !important;
  }
  body.meltem-mobile-home faq-element summary,
  body.meltem-mobile-home faq-element [data-faq-button] {
    min-height: 54px !important;
    display: flex;
    align-items: center;
    font: 600 16px/1.4 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home faq-element custom-accordion {
    border: 2px solid #000 !important;
    overflow: hidden;
  }
  body.meltem-mobile-home faq-element details {
    border: 0 !important;
  }
  body.meltem-mobile-home faq-element details p,
  body.meltem-mobile-home faq-element .custom-accordion__content p {
    font: 16px/1.55 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home .meltem-care {
    padding: 40px 18px !important;
  }
  body.meltem-mobile-home .meltem-care-intro {
    margin: 10px auto 25px !important;
    font: 16px/1.5 "Mier A", sans-serif !important;
    text-align: left !important;
  }
  body.meltem-mobile-home .meltem-care-list {
    display: grid !important;
    gap: 12px;
  }
  body.meltem-mobile-home .meltem-care-list > li { margin: 0 !important; }
  body.meltem-mobile-home .meltem-care .meltem-care-card {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 15px;
    padding: 15px !important;
    border: 1px solid rgba(48, 35, 62, .18);
    border-radius: 4px;
    background: rgba(255, 249, 240, .8);
  }
  body.meltem-mobile-home .meltem-care .meltem-care-card .oke-w-review-side {
    min-width: 0;
    width: 100% !important;
    padding: 0 !important;
  }
  body.meltem-mobile-home .meltem-care .meltem-care-card .oke-w-review-side > img {
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 1 / 1;
    margin: 8px 0 !important;
    object-fit: cover;
  }
  body.meltem-mobile-home .meltem-care .meltem-care-label {
    margin: 0 !important;
    font-size: 11px !important;
    letter-spacing: .08em;
  }
  body.meltem-mobile-home .meltem-care .meltem-care-card .oke-w-review-side p {
    margin: 5px 0 0 !important;
    font-size: 13px !important;
  }
  body.meltem-mobile-home .meltem-care .meltem-care-card .oke-w-review-main {
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
  }
  body.meltem-mobile-home .meltem-care .meltem-care-card .oke-w-review-main h3 {
    margin: 0 0 8px !important;
    font: 500 22px/1.13 Recoleta, Georgia, serif !important;
  }
  body.meltem-mobile-home .meltem-care .meltem-care-card p {
    margin: 8px 0 !important;
    font: 15px/1.5 "Mier A", sans-serif !important;
  }
  body.meltem-mobile-home .meltem-care .meltem-care-card a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    font-size: 15px;
    text-underline-offset: 3px;
  }

  body.meltem-mobile-home .site-footer {
    padding-bottom: 24px !important;
  }
  body.meltem-mobile-home footer .meltem-support {
    max-width: 100% !important;
    margin: 24px 16px !important;
  }
  body.meltem-mobile-home footer .meltem-support__panel {
    padding: 19px 17px !important;
  }
  body.meltem-mobile-home footer .meltem-support__email {
    font-size: clamp(18px, 5vw, 21px) !important;
  }
  body.meltem-mobile-home .site-footer__menus,
  body.meltem-mobile-home .site-footer__menu {
    min-width: 0;
  }
  body.meltem-mobile-home .site-footer a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    overflow-wrap: anywhere;
  }

  /* Fixed quick-buy appears only after the product form has passed; it leaves
     the screen for dialogs, nav/search, and the actual footer. */
  body.meltem-mobile-home .meltem-mobile-sticky {
    position: fixed;
    z-index: 25;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: calc(84px + env(safe-area-inset-bottom, 0px));
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid rgba(48, 35, 62, .19);
    background: rgba(255, 249, 240, .97);
    box-shadow: 0 -5px 18px rgba(50, 35, 62, .1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  body.meltem-mobile-home .meltem-mobile-sticky[hidden],
  body.meltem-mobile-home.meltem-mobile-main-cta-visible .meltem-mobile-sticky,
  body.meltem-mobile-home.meltem-mobile-footer-near .meltem-mobile-sticky,
  body.meltem-mobile-home.meltem-mobile-overlay-open .meltem-mobile-sticky,
  body.meltem-mobile-home.mobile-nav-open .meltem-mobile-sticky,
  body.meltem-mobile-home.modal-open .meltem-mobile-sticky { display: none !important; }
  body.meltem-mobile-home .meltem-mobile-sticky [data-mobile-choose] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    min-width: 0;
    min-height: 64px !important;
    padding: 10px 12px;
    border: 1px solid #382943;
    border-radius: 4px;
    color: #241b30;
    background: var(--mm-orange);
    box-shadow: 0 2px 0 #382943;
    font: 700 15px/1.2 "Mier A", sans-serif;
    touch-action: manipulation;
  }
  body.meltem-mobile-home .reference-toast,
  body.meltem-mobile-home .reference-bag,
  body.meltem-mobile-home .modal:not(.hidden) {
    z-index: 100 !important;
  }
  body.meltem-mobile-home .reference-toast {
    max-width: calc(100vw - 24px);
    left: 12px !important;
    right: 12px !important;
    bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.meltem-mobile-home .reference-bag {
    width: min(420px, 100vw) !important;
    max-width: 100vw !important;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  body.meltem-mobile-home .modal:not(.hidden) {
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
  }
}

@media (max-width: 599px) {
  body.meltem-mobile-home product-gallery.product-gallery {
    width: calc(100% - 28px) !important;
  }
}

@media (max-width: 359px) {
  body.meltem-mobile-home .meltem-mobile-product-layout .product-content { padding-inline: 15px !important; }
  body.meltem-mobile-home .meltem-mobile-purchase { padding: 14px 12px !important; }
  body.meltem-mobile-home .meltem-story {
    grid-template-columns: minmax(91px, 32%) minmax(0, 1fr);
  }
  body.meltem-mobile-home .meltem-story__caption { padding-inline: 9px !important; }
  body.meltem-mobile-home .meltem-care .meltem-care-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 11px !important;
  }
}

@media (max-height: 500px) and (orientation: landscape) and (max-width: 1024px) {
  body.meltem-mobile-home #meltem-product { padding-top: 8px !important; }
  body.meltem-mobile-home product-gallery.product-gallery {
    width: min(48vw, 340px) !important;
  }
  body.meltem-mobile-home .meltem-mobile-sticky {
    grid-template-columns: minmax(0, 1fr) minmax(150px, 32%);
  }
}