/** Shopify CDN: Minification failed

Line 200:15 Expected identifier but found whitespace
Line 200:26 Unexpected ";"

**/
@font-face {
  font-family: 'Cormorant Medium';
  src: url('{{ "Cormorant-VariableFont_wght.woff" | asset_url }}') format('woff');
  font-weight: 500;
  font-style: normal;
}

.announcement-bar__message {
  font-family: 'Cormorant Medium', serif;
  font-size: 14px;
  letter-spacing: 0.5px;
}

/* Ensure header wrapper allows overflow */
.shopify-section--header,
header,
.header-wrapper,
.header,
.header__inner {
  overflow: visible !important;
  z-index: 1000;
}

/* Ensure the dropdown container itself is visible */
[data-header-dropdown] {
  visibility: visible !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  z-index: 9999 !important;
}

/* Extra: prevent clipping by page wrapper */
main,
#MainContent,
body {
  overflow: visible !important;
}
/* === Dropdown Fix Override === */
.overflow-hidden {
  overflow: visible !important;
}

#headerContainer {
  overflow: visible !important;
}

div[class*="overflow-hidden"] {
  overflow: visible !important;
}

/* Optional: add this if you want the dropdown to always appear left-aligned to the button */
button[aria-controls="menu0"] {
  position: relative;
}


/* === PRODUCT DROPDOWN CLEANUP === */

/* Remove rogue highlight on Products tab (without hiding it!) */
button[aria-controls="menu0"] {
  background: none !important;
  box-shadow: none !important;
  position: relative !important;
}

/* Remove ::before and ::after elements if they exist */
button[aria-controls="menu0"]::before,
button[aria-controls="menu0"]::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  width: 0 !important;
  height: 0 !important;
  position: static !important;
}

/* Align dropdown to center of Products button */
button[aria-controls="menu0"] + div[data-header-dropdown] {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* Dropdown container styles */
[data-header-dropdown] {
  width: max-content !important;
  min-width: 150px;
  padding: 0.25rem 0 !important;
  border-radius: 0.5rem;
  left: 0 !important;
  transform: translateX(0) !important;
}

/* UL inside dropdown */
[data-header-dropdown] ul {
  padding: 0 !important;
  margin: 0;
}

/* List item spacing */
[data-header-dropdown] li {
  position: relative;
  border-radius: 0.375rem;
  margin-bottom: 0.375;
  transition: background-color 0.2s ease;
}

[data-header-dropdown] li:last-child {
  margin-bottom: 0;
}

[data-header-dropdown] li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Dropdown links */
[data-header-dropdown] li a {
  display: block;
  padding: 0.5rem 1rem;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5rem;
  color: inherit;
  text-decoration: none;
  text-align: center;
}

/* /* Force menu0 to stay open on hover */
/* li:hover > #menu0 {
/*   display: block !important;
/*   opacity: 1 !important;
/*   visibility: visible !important;
/*   pointer-events: auto !important;
/* }
/* /* Force menu0 to stay open on hover */
/* li:hover > #menu1 {
/*   display: block !important;
/*   opacity: 1 !important;
/*   visibility: visible !important;
/*   pointer-events: auto !important;
/* }
/* 🔧 Force consistent dropdown width */
[data-header-dropdown] {
  width: 260px !important;        /* Match width of longer dropdown */
  min-width: 260px !important;
  max-width: 260px !important;
  padding: 0.25rem 0 !important;
  border-radius: 0.5rem;
  text-align: center;
}

/* 🎯 Center the dropdown below its trigger button */
button[aria-controls="menu0"] + div[data-header-dropdown],
button[aria-controls="menu1"] + div[data-header-dropdown] {
  left: 50% !important;
  transform: translateX(-50%) !important;
}
/* 🧩 Tighten spacing between dropdown items for Collections */
#menu0 li {
  margin-bottom: 0.125rem !important; /* smaller vertical gap */
}

#menu1 li:last-child {
  margin-bottom: 0 !important; /* no gap after last item */
}

/* Optional: reduce padding inside the buttons */
#menu1 li a {
  padding: 0.5rem 1rem !important;
}
/* Show dropdown on hover */
nav li:hover > #menu1 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/*/* Reduce product title size - slightly larger and bold */
/*.font-heading.heading-feature.text-center {
/*  font-size: 1.35rem; /* Slightly larger than 1.25rem */
/*  font-weight: 600;   /* Adds boldness */
/*  line-height: 1.2;
/*  text-align: center;
/*}



@media (max-width: 768px) {
  .heading, h2, .featured-heading {
    font-size: clamp(1.25rem, 6vw, 2rem);
    white-space: normal; /* Allow wrapping if space is too tight */
    word-break: break-word; /* Prevent awkward cutoffs */
    padding: 0 1rem; /* Add some padding to avoid edge clipping */
  }
}


/* 1. Equal height for product cards */
.grid__item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-wrapper,
.card,
.product-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

/* 2. Equalize image space */
.card__media,
.product-card__image {
  height: 320px; /* Adjust if needed */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.card__media img,
.product-card__image img {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.footer__menu, .footer__menu ul {
  display: flex;
  flex-direction: row;
  justify-content: center; /* or space-between / space-evenly */
  flex-wrap: wrap; /* allows wrapping on mobile */
  gap: 1.5rem; /* spacing between items */
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* GLOBAL H1 STYLE FOR COLLECTION HEADINGS */
.heading-feature {
  font-size: 72px;
  line-height: 1.1;
  margin-top: 40px;
  margin-bottom: 40px;
}

/* MOBILE RESPONSIVE ADJUSTMENT */
@media screen and (max-width: 767px) {
  .heading-feature {
    font-size: 42px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

/* Slightly larger H4 headings */
h4 {
  font-size: 1.2rem;
}

.header__menu-item > a {
  pointer-events: auto !important;
}
.site-nav__link--has-dropdown {
  pointer-events: auto !important;
}



.header__menu-item > a {
  pointer-events: auto !important;
}

.pswp__img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
}

.pswp {
  display: none !important;
}

/* PRODUCT TITLE SIZE */
h1.heading-feature {
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* MOBILE PRODUCT TITLE */
@media screen and (max-width: 767px) {
  h1.heading-feature {
    font-size: 40px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
/* MESSAGE FOR JAPANE LICENSING RESTRICTIONS ON KEWPIE PRODUCTS ONLY */
.japan-licensing-notice {
  max-width: 48rem;
  margin: 15px auto 0;
  padding: 12px 16px;
  background: #f7f4f0;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}