/** Shopify CDN: Minification failed

Line 216:0 All "@import" rules must come first
Line 629:0 Expected "}" to go with "{"

**/
/* ===== DESKTOP HEADER ===== */
.header__heading-logo {
  width: 160px !important;
}

/* ===== FOOTER ===== */
.mimi-footer,
.mimi-footer a,
.mimi-left,
.mimi-left a,
.mimi-right {
  font-family: 'Dance Blues', sans-serif !important;
  font-size: 1.6rem !important;
}

.footer,
.footer__content-bottom {
  border-top: none !important;
}

/* ===== BUTTONS ===== */
.slider-button {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
/* ── MIMI MAMA MOBILE HEADER FIX ── */
@media screen and (max-width: 989px) {

  .header,
  .header--middle-center,
  .header--middle-left,
  .header--top-center,
  .header--top-left {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: 'drawer heading icons' !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    padding: 0.75rem 1rem !important;
  }

  header-drawer {
    grid-area: drawer !important;
    display: block !important;
  }

  .header__heading,
  h1.header__heading {
    grid-area: heading !important;
    justify-self: center !important;
    text-align: center !important;
  }

  .header__icons {
    grid-area: icons !important;
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
  }

  .header__inline-menu {
    display: none !important;
  }

  .header__heading-logo {
    max-width: 80px !important;
    height: auto !important;
  }

  .header > .header__search {
    display: none !important;
  }
}
/* ── MENU ICON SIZE FIX ── */
.header__icon--menu .svg-wrapper {
  width: 1px !important;
  height: 1px !important;
}

.mimi-menu-icon {  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mimi-menu-icon__bar {
  width: 5px;
  height: 0px;
  background: #417EDF;
  border-radius: 2px;
  position: absolute;
  transition: transform 0.3s ease;
}

.mimi-menu-icon__bar--1 { transform: rotate(90deg); }
.mimi-menu-icon__bar--2 { transform: rotate(0deg); }

details[open] .mimi-menu-icon__bar--1 { transform: rotate(45deg); }
details[open] .mimi-menu-icon__bar--2 { transform: rotate(-45deg); }

/* ── MOBILE HEADER PADDING ── */
@media screen and (max-width: 989px) {
  .header,
  .header--middle-center,
  .header--middle-left,
  .header--top-center,
  .header--top-left {
    padding: 1.5rem 1.5rem !important;
  }
}.mimi-drawer-characters {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
  padding: 0;
  gap: 0;
}

.mimi-char {
  width: 50%;
  height: auto;
  object-fit: contain;
  display: block;
}

.mimi-char--left {
  object-position: right bottom;
}

.mimi-char--right {
  object-position: left bottom;
}
/* ── MENU ICON FINAL FIX ── */
@media screen and (max-width: 989px) {
  .header__icon--menu {
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .header__icon--menu .svg-wrapper {
    width: 20px !important;
    height: 20px !important;
  }

  .mimi-menu-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .mimi-menu-icon__bar {
    width: 20px !important;
    height: 7px !important;
    background: #417EDF !important;
  }
}
/* Hide Hero Tagline everywhere except homepage */
.template-index ~ * .shopify-section--hero-tagline,
body:not(.template-index) #shopify-section-sections--22494180212976__hero_tagline_pfPCgt {
  display: none !important;
}
/* ── BIGGER VARIANT PILLS ── */
.product-form__input input[type="radio"] + label {
  font-family: 'Rubik', sans-serif !important;
  font-size: 0.95rem !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  border: 1.5px solid #ddd !important;
  min-width: 80px !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

/* Color swatch bigger */
.product-form__input .swatch-input--radio + label,
.product-form__input input[type="radio"] + label img {
  width: 40px !important;
  height: 40px !important;
}
/* Fix Shop the Look button stretch */
.shop-the-look__cta {
  display: flex !important;
  justify-content: flex-end !important;
  background: transparent;
}
@media screen and (min-width: 750px) {
  .shop-look {
    display: flex;
    justify-content: flex-end;
    padding: 16px 24px;
    background: transparent;
  }

  .shop-look-btn {
    width: auto !important;
    min-width: 200px;
    max-width: 300px;
  }
}
/* Rubik font for both buttons */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap');

.product-form__buttons .button,
.product-form__buttons button,
.shopify-payment-button__button {
  font-family: 'Rubik', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
}
.product-form__submit {
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  line-height: 58px !important;
  border-radius: 40px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mimi-buy-now-wrapper {
  border-radius: 40px !important;
  overflow: hidden !important;
}

.shopify-payment-button,
.shopify-payment-button > div,
.shopify-payment-button__button {
  border-radius: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.product-form__submit {
  height: 46px !important;
  min-height: 46px !important;
  line-height: 46px !important;
}
/* Nuclear override on color swatch padding */
.product-form__input .swatch-input__label,
fieldset.product-form__input--swatch label.swatch-input__label,
label.swatch-input__label {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 4px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.swatch-input__label img,
.swatch-input__label .swatch,
.swatch-input__label > * {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Selected - clean circular ring */
.swatch-input--radio:checked + .swatch-input__label {
  outline: 2px solid #000 !important;
  outline-offset: 3px !important;
}

/* Protect size pills from these changes */
.product-form__input--pill label {
  width: auto !important;
  height: auto !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  outline: none !important;
}

.product-form__input--pill input:checked + label {
  outline: 2px solid #000 !important;
  outline-offset: 0 !important;
  border-radius: 30px !important;
}
@media screen and (max-width: 749px) {

  /* 1. Bigger product image on mobile */
  .product__media-wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }

  .product-media-container,
  .product__media,
  .product__media img {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
  }

  /* 2. Remove excess left/right padding from product info */
  .product__info-wrapper,
  .product__info-container,
  #ProductInfo-template--22494179885296__main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Page width container - remove extra horizontal margin */
  .product .page-width,
  .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Product grid - remove column gap */
  .product.grid {
    row-gap: 0 !important;
  }

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

  /* Align content to image edges */
  .page-width {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .product__info-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Fix text going off screen */
  .product__info-container,
  .product__info-container * {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }
@media screen and (max-width: 749px) {

  /* Size pills - force horizontal row */
  fieldset.product-form__input--pill {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  fieldset.product-form__input--pill legend {
    width: 100% !important;
    margin-bottom: 8px !important;
  }

  /* Reduce share → accordion gap */
  .share-button {
    margin-bottom: 4px !important;
    margin-top: 4px !important;
  }

  .product__accordion {
    margin-top: 4px !important;
    padding-top: 0 !important;
  }

  /* Rounded image corners */
  .product__media img,
  .product__media .deferred-media,
  .product-media-container img {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  .product__media {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

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

  /* Fix collapsible content padding */
  .collapsible-content,
  .collapsible-content.collapsible-none-layout,
  div.collapsible-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Reduce gap between share and collapsibles */
  .share-button,
  share-button {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  /* Product grid top padding */
  .product.grid {
    padding-top: 0 !important;
    row-gap: 8px !important;
  }

  /* Size pills - FORCE horizontal */
  fieldset.product-form__input--pill,
  .product-form__input--pill {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 0 !important;
  }

  /* Size legend takes full row, pills sit below in a row */
  fieldset.product-form__input--pill > legend,
  .product-form__input--pill > .form__label {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-bottom: 4px !important;
  }

  /* Each size pill stays inline */
  fieldset.product-form__input--pill label,
  .product-form__input--pill label {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

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

  /* Fix the 60px bottom padding on product grid */
  div.product.grid {
    padding-bottom: 20px !important;
    padding-top: 0 !important;
  }

  /* Size pills smaller so they fit in one row */
  fieldset.product-form__input--pill label,
  .product-form__input--pill label {
    padding: 6px 12px !important;
    font-size: 13px !important;
    min-width: unset !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
  }

  fieldset.product-form__input--pill {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    align-items: center !important;
    overflow-x: auto !important;
  }

  fieldset.product-form__input--pill > * {
    flex-shrink: 0 !important;
  }

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

  /* Size pills - wrap instead of scroll */
  fieldset.product-form__input--pill {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    overflow: visible !important;
  }

  /* Bigger description font */
  .product__description,
  .product__description p,
  .product__description * {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  /* Reduce gap between share and collapsibles - target the section wrapper */
  #shopify-section-template--22494179885296__collapsible_content_Dp8MKp {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .share-button {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    padding-bottom: 0 !important;
  }

  /* Target the space directly after product info section */
  .product__info-container > * + * {
    margin-top: 8px !important;
  }

  /* Collapsible section top spacing */
  .collapsible-content-wrapper,
  .color-scheme-1.gradient {
    padding-top: 8px !important;
  }

}
@media screen and (max-width: 749px) {
  fieldset.product-form__input--pill {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
  }

  fieldset.product-form__input--pill legend.form__label {
    display: none !important;
  }

  /* Show Size label separately above */
  fieldset.product-form__input--pill::before {
    content: "Size" !important;
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    margin-bottom: 4px !important;
  }
}
button.mimi-size-guide-btn {
  all: unset !important;
  font-family: var(--font-body-family) !important;
  font-size: var(--font-body-size) !important;
  font-weight: 400 !important;
  color: #121212 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
  display: block !important;
  margin: 0 0 12px 0 !important;
}
a.mimi-size-guide-link {
  color: #121212 !important;
  font-size: 1.4rem !important;
}
/* Hide Socialwidget show more button */
.snpt-load-more-btn,
.snpt-load-more-wrap,
.snpt-load-more,
#snpt-load-more,
[id*="load-more"],
[class*="load-more"] {
  display: none !important;
}
/* Tighten spacing around instagram sections */
.mimi-ig-wrapper {
  padding-bottom: 0 !important;
}

.mimi-ig-wrapper + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Hide Socialwidget show more - aggressive */
.snpt-load-more-btn,
.snpt-load-more-wrap,
.snpt-load-more,
#snpt-load-more,
button[class*="load"],
button[class*="more"],
button[class*="show"],
a[class*="load-more"],
div[class*="load-more"] {
  display: none !important;
}

/* Pull follow button up to where show more was */
#shopify-section-mimi-instagram-grid + section,
.mimi-ig-wrapper {
  margin-top: -60px !important;
  padding-top: 0 !important;
}
/* Hide Socialwidget Show more button - target by text content via JS */
.snpt-load-more-btn,
.snpt-load-more-wrap, 
.snpt-load-more,
#snpt-load-more {
  display: none !important;
}

/* Also hide by button appearance matching Socialwidget style */
.shopify-section [class*="socialwidget"] button,
.shopify-section [class*="snpt"] button[class*="more"],
.shopify-section [class*="snpt"] button[class*="load"] {
  display: none !important;
}

/* Fix mobile follow button overlap */
@media screen and (max-width: 749px) {
  .mimi-ig-wrapper {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .mimi-ig-bottom {
    padding: 0 0 24px !important;
  }
}