/* MILEEDI_LAVENDER_20261103_START */
/* Mileedi shared lavender palette. Storefront presentation only. */
:root {
  color-scheme: only light;
  --mileedi-purple: #8b12c3;
  --mileedi-purple-hover: #760ca6;
  --mileedi-lavender: #f9f4fc;
  --mileedi-white: #fff;
  --mileedi-ink: #28212e;
  --mileedi-grey: #716a76;
  --mileedi-border: #e9dfef;
}
/* Explicit, readable navigation in every open/closed header state. */
html.public .site-topbar,
html.public .site-topbar .top-menu,
html.public .site-topbar .main-menu.wrap,
html.public .menu-categories-wrap,
html.public .menu-popover { background-color: #fff !important; color: #28212e !important; color-scheme: only light; }
html.public .site-topbar .menu-link,
html.public .site-topbar .top-menu-link,
html.public .site-topbar .inner-left,
html.public .site-topbar .inner-left a,
html.public .menu-categories-wrap .menu-link { color: #28212e !important; }
html.public .site-topbar .menu-item.is-active > .menu-link,
html.public .site-topbar .menu-link:hover,
html.public .site-topbar .top-menu-link:hover { color: #8b12c3 !important; }
html.public .site-topbar .menu-stripe { background-color: #28212e !important; }
html.public #mileedi-consent-banner {
  position: fixed; left: 16px; bottom: 68px; width: 420px;
  max-width: calc(100vw - 32px); max-height: calc(100vh - 100px);
  box-sizing: border-box; overflow: auto; padding: 20px;
  background: #fff !important; color: #28212e !important;
  border: 1px solid #e9dfef; border-radius: 14px;
  box-shadow: 0 8px 32px rgba(40,33,46,.14); z-index: 100000;
  font-size: 14px; line-height: 1.5; color-scheme: only light;
}
html.public #mileedi-consent-banner .cookie-consent-banner { margin: 0; padding: 0; max-width: none; }
html.public #mileedi-consent-banner h3 { margin: 0; font-size: 18px; line-height: 1.35; font-weight: 600; color: #28212e; }
html.public #mileedi-consent-banner p { margin: 10px 0 16px; font-size: 13px; line-height: 1.55; color: #716a76; }
html.public #mileedi-consent-banner .cookie-consent-button {
  display: inline-flex; align-items: center; justify-content: center;
  width: calc((100% - 14px) / 3); height: 40px; min-height: 40px;
  padding: 7px 5px; margin: 0 2px 0 0; box-sizing: border-box;
  background: #fff; border: 1px solid #8b12c3; border-radius: 8px;
  color: #8b12c3; font: 500 12px/1.25 Arial, sans-serif;
  vertical-align: middle; transform: none !important; box-shadow: none;
}
html.public #mileedi-consent-banner #mileedi-consent-all { background: #8b12c3; color: #fff; }
html.public #mileedi-consent-banner .cookie-consent-button:hover { background: #f9f4fc; }
html.public #mileedi-consent-banner #mileedi-consent-all:hover { background: #760ca6; }
html.public #mileedi-consent-banner .cookie-consent-options {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 12px;
  margin-top: 16px; color: #716a76; font: 400 12px/1.4 Arial,sans-serif;
}
html.public #mileedi-consent-banner .cookie-consent-options label { display: flex; align-items: center; gap: 7px; }
html.public #mileedi-consent-banner input[type=checkbox] { width: 16px; height: 16px; margin: 0; accent-color: #8b12c3; }
html.public #mileedi-consent-settings {
  position: fixed !important; left: 16px !important; bottom: 16px !important; top: auto !important; right: auto !important;
  width: 40px !important; height: 40px !important; margin: 0 !important; padding: 9px !important;
  display: flex !important; align-items: center; justify-content: center;
  border: 1px solid #e9dfef; border-radius: 50%; background: #fff; color: #8b12c3;
  box-sizing: border-box; box-shadow: 0 3px 12px rgba(40,33,46,.10); z-index: 99998;
  cursor: pointer; transform: none !important; font-size: 0;
}
html.public #mileedi-consent-settings svg { display: block; width: 20px; height: 20px; }
html.public #mileedi-consent-settings:hover { background: #f9f4fc; }
html.public #mileedi-consent-settings:focus-visible,
html.public #mileedi-consent-banner button:focus-visible,
html.public .mileedi-footer-settings:focus-visible { outline: 2px solid #8b12c3; outline-offset: 3px; }
html.public .mileedi-footer-settings { background: none; border: 0; color: #716a76; padding: 4px 0; margin: 0; font: inherit; cursor: pointer; }
html.public .mileedi-footer-settings:hover { color: #8b12c3; text-decoration: underline; }
html.public .mileedi-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width:1199px) {
  html.public .site-topbar { top: 0 !important; height: 60px; padding-top: 0; }
  html.public .site-topbar .top-menu { display: none !important; }
  html.public .site-topbar .main-menu.wrap { display: flex; align-items: center; justify-content: space-between; height: 60px; box-sizing: border-box; }
  html.public .site-topbar .main-menu.wrap > .inner-right { padding-top: 0 !important; display: flex; align-items: center; }
  html.public .site-topbar .burger-button.desktop { display: none !important; }
  html.public .site-topbar .burger-button.mobile { display: inline-block !important; }
  html.public .menu-categories-wrap { position: fixed; top: 0; right: -280px; bottom: 0; width: 260px; max-width: calc(100vw - 40px); padding: 45px 20px 20px; box-sizing: border-box; overflow-y: auto; z-index: 10001; }
  html.public .mobile-menu-open .menu-categories-wrap { right: 0; }
  html.public .menu-categories-wrap .menu-main { display: block; }
  html.public .menu-categories-wrap .menu { display: block; }
  html.public .menu-categories-wrap .menu-item { display: block; margin: 0; line-height: 1.4; }
  html.public .menu-categories-wrap .menu-link { display: block; padding: 9px 0; font-size: 14px; white-space: normal; }
  html.public .menu-categories-wrap .close-sidemenu-button { display: block; }
}
@media (max-width: 480px) {
  html.public #mileedi-consent-banner { left: 12px; width: calc(100vw - 24px); max-width: none; padding: 16px; }
}
html.public body { background-color: var(--mileedi-lavender); color: var(--mileedi-ink); }
html.public .site-topbar,
html.public .site-topbar .top-menu { background-color: var(--mileedi-white); }
html.public .site-container { background-color: transparent; }
html.public .site-topbar .menu-link:hover,
html.public .site-topbar .menu-link.is-active,
html.public .site-topbar .top-menu-link:hover,
html.public .site-topbar .top-menu-link.is-active,
html.public .menu-main .menu-link:hover,
html.public .menu-main .menu-link.is-active { color: var(--mileedi-purple); }
html.public .products-listing .product {
  background-color: var(--mileedi-white);
  border-radius: 18px;
  padding: 12px;
  box-sizing: border-box;
}
html.public .product .product-thumb { border-radius: 12px; overflow: hidden; }
html.public .products-listing .product .product-title {
  color: var(--mileedi-ink);
  line-height: 1.35;
  margin-top: 12px;
  margin-bottom: 8px;
}
html.public .products-listing .product .product-price {
  color: var(--mileedi-purple);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
html.public .product-details .product .product-price-wrap { color: var(--mileedi-purple); font-weight: 600; }
html.public .site-button.button-style-1,
html.public .order-form .order-form-button {
  background-color: var(--mileedi-purple);
  color: var(--mileedi-white);
  border-radius: 10px;
}
html.public .site-button.button-style-1:hover,
html.public .order-form .order-form-button:hover { background-color: var(--mileedi-purple-hover); }
html.public .site-button:focus-visible,
html.public .mileedi-legal a:focus-visible { outline: 3px solid var(--mileedi-purple); outline-offset: 4px; }
html.public .order-form,
html.public .cart .cart-table { background-color: var(--mileedi-white); }
html.public .payment-choice.is-active {
  border-color: var(--mileedi-purple);
  background-color: var(--mileedi-lavender);
  box-shadow: 0 0 0 1px var(--mileedi-purple);
}
html.public .site-footer { color: var(--mileedi-grey); }
html.public .site-footer .payment-footer-bar > .wrap {
  background-color: var(--mileedi-lavender);
  border: 1px solid var(--mileedi-border);
  border-radius: 18px;
}
html.public .site-footer .payment-footer-title { color: var(--mileedi-grey); opacity: 1; }
html.public .site-footer .footer-body { border: 0; }
html.public .site-footer .mileedi-legal {
  max-width: 1400px;
  margin: 0 auto;
  padding: 24px 20px 12px;
  color: var(--mileedi-grey);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.65;
  text-align: center;
}
/* The legacy desktop thumbnail had a fixed width outside the padded card. */
html.public .products-listing .product .product-thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}
html.public .products-listing .product .product-thumb::after { display: none; }
html.public .site-footer .payment-footer-bar > .wrap {
  background-color: var(--mileedi-white);
  border: 0;
}
html.public .site-footer .footer-body > .wrap { padding-top: 0; padding-bottom: 0; }
html.public .site-footer .mileedi-legal {
  border-top: 1px solid var(--mileedi-border);
  margin-top: 20px;
  padding-top: 20px;
}
html.public .mileedi-cookie-entry { display: inline-flex; align-items: center; gap: 10px; }
html.public .mileedi-cookie-entry:empty { display: none; }
html.public .mileedi-cookie-entry::before { content: "·"; }
html.public .mileedi-legal #mileedi-consent-settings {
  position: static !important;
  inset: auto !important;
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mileedi-grey);
  font: inherit;
  line-height: inherit;
  box-shadow: none;
  cursor: pointer;
}
html.public .mileedi-legal #mileedi-consent-settings:hover { color: var(--mileedi-purple); text-decoration: underline; }
html.public .mileedi-legal #mileedi-consent-settings:focus-visible { outline: 2px solid var(--mileedi-purple); outline-offset: 4px; }
html.public .mileedi-legal p { margin: 0 0 5px; font-size: inherit; }
html.public .mileedi-legal nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 10px; }
html.public .mileedi-legal a { color: var(--mileedi-grey); text-decoration: none; padding: 4px 0; }
html.public .mileedi-legal a:hover { color: var(--mileedi-purple); text-decoration: underline; }
@media (max-width: 649px) {
  html.public .products-listing .product { padding: 9px; border-radius: 14px; }
  html.public .products-listing .product .product-price { font-size: 20px; }
  html.public .site-footer .mileedi-legal { padding: 20px 12px 12px; font-size: 12px; }
  html.public .mileedi-cookie-entry { flex-basis: 100%; justify-content: center; }
  html.public .mileedi-cookie-entry::before { display: none; }
}

/* MILEEDI_LAVENDER_20261103_END */