/** Shopify CDN: Minification failed

Line 454:0 Unexpected "}"

**/
/* ============================================================
   MIKO — Custom theme styles
   ============================================================
   Sections:
     1. Qikify mega menu (image-left layout)
     2. Header icons & dropdown chevrons
     3. Logo swap on menu open
     4. Product feature pills

   Note: Product page customizations have been removed.
   The PDP now uses theme defaults.
   ============================================================ */


/* ============================================================
   1. QIKIFY MEGA MENU — image-left layout
   ============================================================ */

.tmenu_item_layout_image .tmenu_image--left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  position: relative;
}

.tmenu_item_layout_image .tmenu_image--left img {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  background: #f5f3ee !important;
  border-radius: 8px !important;
  padding: 6px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  display: block !important;
  transition: background 0.18s ease !important;
}

/* Override Qikify's inline width:60px since we're forcing 52px */
.tmenu_item_layout_image .tmenu_image--left img[style*="width"] {
  width: 52px !important;
  height: 52px !important;
}

/* Frame darkens on hover */
.tmenu_item_link:hover .tmenu_image--left img {
  background: #ebe7df !important;
}

/* Product title text */
.tmenu_item_layout_image .tmenu_item_text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #061f46 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.005em !important;
  display: block !important;
  flex: 1 !important;
  text-align: left !important;
}

.tmenu_item_link:hover .tmenu_item_text {
  color: #1a4480 !important;
}

/* Link wrapper */
.tmenu_item_layout_image .tmenu_item_link {
  padding: 8px 0 !important;
  text-decoration: none !important;
  display: block !important;
  transition: padding-left 0.18s ease !important;
}

.tmenu_item_layout_image .tmenu_item_link:hover {
  padding-left: 4px !important;
}

/* List reset */
.tmenu_item_layout_image {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Mobile sizing */
@media (max-width: 768px) {
  .tmenu_item_layout_image .tmenu_image--left img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 5px !important;
  }

  .tmenu_item_layout_image[style*="width"] img {
    width: 44px !important;
    height: 44px !important;
  }

  .tmenu_item_layout_image .tmenu_item_text {
    font-size: 13px !important;
  }
}


/* ============================================================
   2. HEADER POLISH — icons & dropdown chevrons
   ============================================================ */

/* Qikify dropdown chevrons */
.tmenu_indicator {
  width: 14px !important;
  height: 14px !important;
  margin-left: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.tmenu_indicator_icon {
  width: 10px !important;
  height: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0.5 !important;
  transition: opacity 0.15s ease, transform 0.2s ease !important;
}

.tmenu_indicator_icon svg {
  width: 10px !important;
  height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
  display: block !important;
}

/* Brighten chevron on hover */
.tmenu_item_link:hover .tmenu_indicator_icon,
.tmenu_item:hover .tmenu_indicator_icon {
  opacity: 1 !important;
}

/* Rotate chevron when dropdown open */
.tmenu_item_link[aria-expanded="true"] .tmenu_indicator_icon {
  transform: rotate(180deg) !important;
  opacity: 1 !important;
}

/* Showcase header icons (search, account, cart, menu) */
.nav-account,
.nav-account--inline,
.nav-search,
.nav-search--desktop,
.nav-search--inline,
.cart-icon--basket1 {
  font-size: 18px !important;
}

.nav-account svg,
.nav-search svg,
.cart-icon--basket1 svg,
a[aria-label="Account"] svg,
a[aria-label="Search"] svg,
a[aria-label="Cart"] svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.5 !important;
}

/* Account icon inside web component */
shopify-account,
shopify-account .account-button,
.account-button {
  font-size: 18px !important;
}

shopify-account svg,
.account-button svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.5 !important;
}

/* Hamburger menu */
a[aria-label="Menu"],
a[aria-label="Menu"] svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.5 !important;
}

/* Cart count badge */
.cart-icon--basket1 .count,
.cart .count,
.cart-count {
  font-size: 10px !important;
  font-weight: 500 !important;
}


/* ============================================================
   3. LOGO SWAP — show dark logo when mega menu is open/hovered
   ============================================================ */

body:has(.tmenu_item_link[aria-expanded="true"]) .logo--has-alt-logo > img:first-of-type,
body:has(.tmenu_submenu:hover) .logo--has-alt-logo > img:first-of-type,
body:has(.tmenu_item:hover .tmenu_submenu) .logo--has-alt-logo > img:first-of-type {
  opacity: 1 !important;
  visibility: visible !important;
}

body:has(.tmenu_item_link[aria-expanded="true"]) .logo--has-alt-logo .alt-logo,
body:has(.tmenu_submenu:hover) .logo--has-alt-logo .alt-logo,
body:has(.tmenu_item:hover .tmenu_submenu) .logo--has-alt-logo .alt-logo {
  opacity: 0 !important;
  visibility: hidden !important;
}

.logo--has-alt-logo > img:first-of-type,
.logo--has-alt-logo .alt-logo {
  transition: opacity 0.2s ease, visibility 0.2s ease !important;
}


/* ============================================================
   4. PRODUCT FEATURE PILLS
   ============================================================ */

.feature-pills {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 24px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.feature-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f5f3ee !important;
  color: #061f46 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  border: 0.5px solid #e8e6e0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  transition: background 0.15s ease !important;
}

.feature-pill:hover {
  background: #ebe7df !important;
}

.feature-pill svg {
  width: 14px !important;
  height: 14px !important;
  flex-shrink: 0 !important;
  color: #061f46 !important;
  stroke-width: 1.8 !important;
}

@media (max-width: 768px) {
  .feature-pill {
    font-size: 11px !important;
    padding: 7px 12px !important;
  }
  
  .feature-pill svg {
    width: 12px !important;
    height: 12px !important;
  }
}
/* ===== Bazaarvoice inline rating on product cards ===== */
.bv-inline-rating-link {
  display: inline-block;
  margin-top: 8px;
  text-decoration: none;
  min-height: 22px;
}

.bv-inline-rating-link .bv_main_container {
  transform: scale(0.7);
  transform-origin: left center;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.bv-inline-rating-link .bv_main_container svg path {
  fill: #1a1a1a !important;
}

.bv-inline-rating-link .bv_main_container .bv_numReviews_text,
.bv-inline-rating-link .bv_main_container .bv_avgRating_component_container {
  font-family: inherit !important;
  color: #666 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  vertical-align: middle !important;
}
/* ============================================================
   HIDE Qikify on mobile — aggressive version
   ============================================================ */

@media (max-width: 1024px) {
  /* Hide all possible Qikify containers */
  .tmenu_wrap,
  .tmenu,
  .tmenu_container,
  .tmenu_main,
  .tmenu_header,
  div[class*="tmenu"],
  div[id*="tmenu"],
  div[class*="qikify"],
  div[id*="qikify"],
  [data-qikify],
  .qikify-menu,
  #qikify-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
  }
  /* Slideshow: tighten mobile padding when text is below image */
@media (max-width: 767px) {
  .overlay-text-static-xs .overlay {
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .overlay-text-static-xs .inner {
    padding-top: 0;
    padding-bottom: 0;
  }

  .overlay-text-static-xs .overlay__content {
    padding: 0 16px;
  }

  .overlay-text-static-xs .overlay__content .feature-subheader {
    margin-bottom: 8px;
    font-size: 11px;
    letter-spacing: 0.15em;
  }

  .overlay-text-static-xs .overlay__content .line-1 {
    margin-bottom: 12px;
    line-height: 1.15;
  }

  .overlay-text-static-xs .overlay__content .line-2 {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.5;
  }

  .overlay-text-static-xs .overlay__content .line-3 {
    margin-top: 4px;
  }
}

}

/* Reset CSS variables Showcase uses for header offsetting */
.hide-header {
  --nav-height: 0px !important;
  --viewport-height: 100vh !important;
  --viewport-height-first-section: 100vh !important;
}

/* Remove the padding-top Showcase normally applies to compensate for sticky header */
.hide-header #page-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Make sure the custom header section (Miko/Baby logo bar) renders full-width */
.hide-header #shopify-section-template--19400885895235__custom_header_MQYCLb,
.hide-header [id*="__custom_header_"] {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Hide the main Showcase header on Miko Baby pages.
   The embedded Custom Header section provides its own header. */
.hide-header #shopify-section-sections--19400877703235__header,
.hide-header #site-control {
  display: none !important;
}
/* Reserve space below the fixed embedded baby header on baby product pages.
   The embedded .site-header is position:fixed, top:34px, so we need to push
   the product content down by the bar's height + the logo bar above. */
body.hide-header.template-product #page-content {
  padding-top: 140px !important;
}

/* Same fix for tablet/mobile where the bar may collapse */
@media (max-width: 768px) {
  body.hide-header.template-product #page-content {
    padding-top: 120px !important;
  }
}

/* Make sure the embedded header is above product content in stacking order */
body.hide-header #shopify-section-custom-header,
body.hide-header [id*="__custom_header"] {
  z-index: 100 !important;
  position: relative;
}
/* === Pre-order ship date note === */
.preorder-ship-note {
  font-size: 0.8125rem;
  color: #6c757d;
  margin-top: 0.375rem;
  text-align: center;
}
/* Pin the Miko/Baby logo-bar switcher to the top on baby pages,
   so it stays locked with the embedded Custom Header below it
   instead of scrolling away with page content. */
.hide-header #shopify-section-sections--19400877703235__custom_liquid_tmT3CL {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
}

.hide-header #shopify-section-sections--19400877703235__custom_liquid_tmT3CL .logo-bar {
  width: 100%;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}
}
/* ============================================================
   END
   ============================================================ */