/* miu-tokens.css */
/**
 * MIU Kids International — design tokens
 * Source of truth: miu.ee themes/classic-child/assets/css/custom.css (LIVE).
 */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800;900&display=swap');

:root {
  /* MIU hex palette (codes are authoritative; classic-child var names may differ) */
  --miu-petrol: #5da2b0;
  --miu-petrol-hover: #4a8f9c;
  --miu-petrol-soft: #e8f4f6;
  --miu-mustard: #5f7c8c;
  --miu-mustard-hover: #5da2b0;
  --miu-mustard-soft: #f5f4f1;
  --miu-dark: #0b2b3b;
  --miu-slate: #5f7c8c;
  --miu-text: #203a3e;
  /* Aliases for checkout / legacy custom.css consumers */
  --brand-petrol: #5da2b0;
  --brand-mustard: #5f7c8c;
  --brand-dark: #0b2b3b;
  --brand-bg: #ffffff;
  --brand-border: #f5f5f5;
  --brand-hover-mustard: #5da2b0;
  --brand-light-mustard: #f5f4f1;
  /* Light sand strip (logo row, menu bar) — miu.ee classic-child */
  --header-footer-bg: #f5f4f1;
  --header-footer-text: #203a3e;
  --header-footer-line: #c7dadb;
  /* Dark utility bar + footer — miu.ee custom.css desktop polish */
  /* Slightly darker than miu.ee #3e4e59 — same grey-blue hue */
  --miu-header-footer: #354550;
  --miu-header-footer-2: #4a5862;
  --miu-surface-deep: #2f3b44;
  --miu-surface-mid: #3a4852;
  --miu-surface-grad-hero: linear-gradient(
    145deg,
    var(--miu-surface-deep) 0%,
    var(--miu-header-footer) 52%,
    var(--miu-header-footer-2) 100%
  );
  --miu-surface-grad-card: linear-gradient(
    160deg,
    var(--miu-surface-deep) 0%,
    var(--miu-header-footer) 55%,
    var(--miu-header-footer-2) 100%
  );
  --miu-surface-grad-soft: linear-gradient(
    145deg,
    var(--miu-header-footer) 0%,
    var(--miu-surface-deep) 100%
  );
  --miu-surface-overlay: rgba(47, 59, 68, 0.92);
  --miu-surface-overlay-mid: rgba(47, 59, 68, 0.72);
  --miu-light-text: #d9dcdd;
  --miu-light-text-soft: #c7cbcc;
  --miu-footer-text: #d2d4d3;
  --miu-footer-text-soft: #c2c5c4;
  --miu-footer-heading: #f1f3f2;
  --miu-text-muted: #5a7075;
  --miu-sand: #f5f4f1;
  --miu-sand-deep: #ebe8e1;
  --miu-line: #c7dadb;
  --miu-border: #f5f5f5;
  --miu-bg: #ffffff;
  --miu-white: #ffffff;
  --miu-danger: #c45c5c;
  --miu-ok: #3d8b6e;

  --miu-font: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Modern wide shell — still readable, less empty side gutters on 1440+ */
  --miu-container: 1480px;
  --miu-radius: 14px;
  --miu-radius-sm: 10px;
  --miu-radius-pill: 999px;
  --miu-shadow: 0 8px 28px rgba(11, 43, 59, 0.08);
  --miu-shadow-hover: 0 14px 36px rgba(11, 43, 59, 0.12);
  --miu-space: 1.25rem;
  --miu-header-h: 72px;
  --miu-transition: 0.22s ease;

  /* --- Premium Design System (semantic aliases — brand hex unchanged) --- */
  --miu-color-heading: var(--miu-dark);
  --miu-color-text: var(--miu-text);
  --miu-color-text-secondary: #334a52;
  --miu-color-text-muted: var(--miu-text-muted);
  --miu-color-link: var(--miu-petrol);
  --miu-color-link-hover: var(--miu-petrol-hover);
  --miu-color-surface: var(--miu-white);
  --miu-color-surface-subtle: var(--miu-sand);
  --miu-color-surface-elevated: #fafbfc;
  --miu-color-border-subtle: rgba(11, 43, 59, 0.09);
  --miu-color-border-hairline: rgba(11, 43, 59, 0.07);
  --miu-color-hover: rgba(93, 162, 176, 0.1);
  --miu-color-active: rgba(93, 162, 176, 0.14);
  --miu-color-focus: var(--miu-petrol);
  --miu-color-primary-action: var(--miu-dark);
  --miu-color-primary-action-hover: #153a4d;
  --miu-color-secondary-action: transparent;
  --miu-color-price: var(--miu-petrol);
  --miu-color-success: var(--miu-ok);
  --miu-color-warning: #b8860b;
  --miu-color-error: var(--miu-danger);

  /* Spacing scale (4px base) */
  --miu-space-1: 0.25rem;
  --miu-space-2: 0.5rem;
  --miu-space-3: 0.75rem;
  --miu-space-4: 1rem;
  --miu-space-5: 1.25rem;
  --miu-space-6: 1.5rem;
  --miu-space-8: 2rem;
  --miu-space-10: 2.5rem;
  --miu-space-12: 3rem;
  --miu-space-section-y: clamp(1.75rem, 3vw, 2.75rem);
  --miu-space-section-y-tight: clamp(1.25rem, 2.2vw, 2rem);

  /* Typography scale */
  --miu-text-display: clamp(1.75rem, 3.2vw, 2.5rem);
  --miu-text-h1: clamp(1.5rem, 2.4vw, 2rem);
  --miu-text-h2: clamp(1.25rem, 2vw, 1.5rem);
  --miu-text-h3: clamp(1.0625rem, 1.6vw, 1.25rem);
  --miu-text-h4: 1rem;
  --miu-text-body: 0.9375rem;
  --miu-text-small: 0.8125rem;
  --miu-text-nav: 0.84375rem;
  --miu-text-product: 0.875rem;
  --miu-text-price: 1rem;
  --miu-leading-tight: 1.2;
  --miu-leading-snug: 1.35;
  --miu-leading-normal: 1.45;
  --miu-leading-relaxed: 1.6;
  --miu-tracking-tight: -0.02em;
  --miu-tracking-normal: -0.01em;

  /* Radius & elevation (refined) */
  --miu-radius-md: var(--miu-radius-sm);
  --miu-radius-lg: var(--miu-radius);
  --miu-shadow-soft: 0 4px 14px rgba(11, 43, 59, 0.06);
  --miu-shadow-panel: 0 16px 36px rgba(11, 43, 59, 0.1);
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--miu-font);
  color: var(--miu-text);
  background: var(--miu-bg);
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--miu-font);
  color: var(--miu-dark);
  font-weight: 700;
  letter-spacing: -0.01em;
}

a {
  color: var(--miu-petrol);
  transition: color var(--miu-transition);
}
a:hover {
  color: var(--miu-mustard);
}

.container,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  max-width: var(--miu-container);
}

.btn,
.miu-btn {
  font-family: var(--miu-font);
  font-weight: 700;
  border-radius: var(--miu-radius-sm);
  letter-spacing: 0.02em;
  transition: background var(--miu-transition), color var(--miu-transition),
    box-shadow var(--miu-transition), border-color var(--miu-transition), transform 0.15s ease;
}

/* Primary CTAs lean into MIU dark; petrol remains accent */
.btn-primary,
.miu-btn--primary {
  --bs-btn-bg: var(--miu-dark);
  --bs-btn-border-color: var(--miu-dark);
  --bs-btn-hover-bg: #153a4d;
  --bs-btn-hover-border-color: #153a4d;
  --bs-btn-active-bg: #0a2432;
  --bs-btn-active-border-color: #0a2432;
  background: var(--miu-dark);
  border-color: var(--miu-dark);
  color: #fff;
}
.btn-primary:hover,
.miu-btn--primary:hover {
  background: #153a4d;
  border-color: #153a4d;
  color: #fff;
  box-shadow: var(--miu-shadow);
}

.miu-btn--ghost {
  background: transparent;
  border: 1.5px solid var(--miu-line);
  color: var(--miu-dark);
  padding: 0.7rem 1.25rem;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border-radius: var(--miu-radius-sm);
  font-weight: 700;
}
.miu-btn--ghost:hover {
  border-color: var(--miu-petrol);
  color: var(--miu-petrol);
  background: var(--miu-petrol-soft);
}

.miu-btn--solid {
  background: var(--miu-dark);
  border: 1.5px solid var(--miu-dark);
  color: #fff;
  padding: 0.7rem 1.35rem;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border-radius: var(--miu-radius-sm);
  font-weight: 700;
}
.miu-btn--solid:hover {
  background: #153a4d;
  border-color: #153a4d;
  color: #fff;
}

.miu-section {
  padding: 2.5rem 0;
}
.miu-section__title {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  margin: 0 0 0.35rem;
}
.miu-section__lead {
  color: var(--miu-text-muted);
  margin: 0 0 1.5rem;
  max-width: 42rem;
}

/* classic-child: prices are petrol */
.price,
.product-price,
.current-price,
.current-price-value {
  color: var(--miu-petrol) !important;
}

/* miu-design-system.css */
/**
 * MIU Kids Premium Design System — shared primitives
 * Builds on miu-tokens.css. Does not replace component CSS; harmonizes typography,
 * spacing, focus, and surfaces across storefront phases.
 */

/* ---- Typography scale ---- */
.miu-type-display {
  font-family: var(--miu-font);
  font-size: var(--miu-text-display);
  line-height: var(--miu-leading-tight);
  font-weight: 800;
  letter-spacing: var(--miu-tracking-tight);
  color: var(--miu-color-heading);
}

.miu-type-h1,
.miu-page-title {
  font-family: var(--miu-font);
  font-size: var(--miu-text-h1);
  line-height: var(--miu-leading-tight);
  font-weight: 700;
  letter-spacing: var(--miu-tracking-tight);
  color: var(--miu-color-heading);
}

.miu-type-h2 {
  font-family: var(--miu-font);
  font-size: var(--miu-text-h2);
  line-height: var(--miu-leading-snug);
  font-weight: 700;
  letter-spacing: var(--miu-tracking-tight);
  color: var(--miu-color-heading);
}

.miu-type-h3 {
  font-family: var(--miu-font);
  font-size: var(--miu-text-h3);
  line-height: var(--miu-leading-snug);
  font-weight: 700;
  letter-spacing: var(--miu-tracking-normal);
  color: var(--miu-color-heading);
}

.miu-type-h4 {
  font-family: var(--miu-font);
  font-size: var(--miu-text-h4);
  line-height: var(--miu-leading-normal);
  font-weight: 600;
  color: var(--miu-color-heading);
}

.miu-type-body {
  font-family: var(--miu-font);
  font-size: var(--miu-text-body);
  line-height: var(--miu-leading-relaxed);
  font-weight: 400;
  color: var(--miu-color-text);
}

.miu-type-small,
.miu-type-meta {
  font-family: var(--miu-font);
  font-size: var(--miu-text-small);
  line-height: var(--miu-leading-normal);
  font-weight: 500;
  color: var(--miu-color-text-muted);
}

.miu-type-nav {
  font-family: var(--miu-font);
  font-size: var(--miu-text-nav);
  line-height: var(--miu-leading-snug);
  font-weight: 600;
  letter-spacing: var(--miu-tracking-normal);
  color: var(--miu-color-heading);
}

.miu-type-product-title {
  font-family: var(--miu-font);
  font-size: var(--miu-text-product);
  line-height: var(--miu-leading-snug);
  font-weight: 600;
  color: var(--miu-color-heading);
}

.miu-type-price {
  font-family: var(--miu-font);
  font-size: var(--miu-text-price);
  line-height: var(--miu-leading-tight);
  font-weight: 700;
  color: var(--miu-color-price);
}

/* Map common page headings when templates use native tags */
#wrapper .page-content > h1,
#wrapper .page-header h1,
.category-title,
h1.page-title {
  font-size: var(--miu-text-h1);
  line-height: var(--miu-leading-tight);
  font-weight: 700;
  letter-spacing: var(--miu-tracking-tight);
  color: var(--miu-color-heading);
}

/* ---- Surfaces & borders ---- */
.miu-surface {
  background: var(--miu-color-surface);
  border: 1px solid var(--miu-color-border-subtle);
  border-radius: var(--miu-radius-md);
  box-shadow: var(--miu-shadow-soft);
}

.miu-surface--sand {
  background: var(--miu-color-surface-subtle);
  border-color: var(--miu-color-border-hairline);
}

.miu-hairline {
  border: 0;
  border-bottom: 1px solid var(--miu-color-border-hairline);
}

/* ---- Focus (keyboard) ---- */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--miu-color-focus);
  outline-offset: 2px;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---- Section rhythm ---- */
.miu-stack-section {
  padding-block: var(--miu-space-section-y);
}

.miu-stack-section--tight {
  padding-block: var(--miu-space-section-y-tight);
}

/* miu-header.css */
/* MIU header — dark utility bar + sand brand strip + strong logo */

#header {
  background: var(--header-footer-bg, #f5f4f1);
  border-bottom: 1px solid var(--header-footer-line, #c7dadb);
  box-shadow: none;
}

#header .header-top {
  background: var(--miu-header-footer, #3e4e59) !important;
  border-bottom: 0;
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.88);
}
#header .header-top a,
#header .header-top span,
#header .header-top .material-icons {
  color: rgba(255, 255, 255, 0.9) !important;
}
#header .header-top a:hover {
  color: #fff !important;
}
#header .header-block__badge {
  background: var(--miu-petrol) !important;
  color: #fff !important;
}

#header .header-bottom {
  background: var(--header-footer-bg, #f5f4f1) !important;
  padding: 0.7rem 0 0.35rem;
  color: var(--header-footer-text, #203a3e);
}

/* Logo + search on one row; category tabs full width below (HL-style) */
@media (min-width: 768px) {
  #header .header-bottom__row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 1rem !important;
    row-gap: 0.45rem !important;
  }

  #header .header-bottom__logo {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  #header #_desktop_ps_searchbar,
  #header .miu-header-search {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #header #_desktop_ps_searchbar .ps-searchbar,
  #header #ps_searchbar.ps-searchbar,
  #header #_desktop_ps_searchbar .ps-searchbar__form,
  #header #_desktop_ps_searchbar .ps-searchbar__input {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  #header .ps-mainmenu--desktop,
  #header .ps-mainmenu__desktop,
  #header #_desktop_top_menu {
    order: 10 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0.15rem 0 0 !important;
    padding: 0 !important;
  }
}

/* Logo — high-contrast MIU Kids wordmark */
#header .header-bottom__logo img,
#header .logo,
#header .miu-logo,
#header .navbar-brand img,
#_desktop_logo img,
#_mobile_logo img {
  max-height: 56px !important;
  height: 56px !important;
  width: auto !important;
  max-width: 300px;
  object-fit: contain;
  display: block;
}
#header .header-bottom__logo a,
#header .miu-logo-link,
#_desktop_logo a,
#_mobile_logo a {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 0.15rem 0;
}

#header input[type='text']:not(.ps-searchbar__input):not(.js-search-input),
#header .form-control:not(.ps-searchbar__input):not(.js-search-input) {
  border-radius: var(--miu-radius-pill);
  border-color: var(--miu-line);
  background: #fff;
  min-height: 44px;
  color: var(--miu-dark);
}
#header input[type='text']:not(.ps-searchbar__input):not(.js-search-input):focus,
#header .form-control:not(.ps-searchbar__input):not(.js-search-input):focus {
  border-color: var(--miu-dark);
  box-shadow: 0 0 0 3px rgba(11, 43, 59, 0.12);
}

#header .header-block__action-btn,
#header .header-block__icon {
  color: var(--miu-dark);
}
#header .header-block__action-btn:hover {
  color: var(--miu-petrol);
}

/* Fallback L1 — legacy top-menu only (desktop megamenu uses --v82 in menu-premium) */
#header .top-menu > li > a,
#_desktop_top_menu .top-menu > li > a {
  color: var(--miu-dark) !important;
  font-weight: 800 !important;
  font-size: 0.88rem;
  padding: 0.55rem 0.65rem !important;
  border-radius: var(--miu-radius-sm);
  white-space: nowrap;
}
#header .ps-mainmenu__desktop:not(.ps-mainmenu__desktop--v82) .ps-mainmenu__tree-link {
  color: var(--miu-dark) !important;
  font-weight: 800 !important;
  font-size: 0.88rem;
  padding: 0.55rem 0.65rem !important;
  border-radius: var(--miu-radius-sm);
  white-space: nowrap;
}
#header .top-menu > li > a:hover,
#header .top-menu > li.current > a,
#header .ps-mainmenu__desktop:not(.ps-mainmenu__desktop--v82) .ps-mainmenu__tree-link:hover {
  color: var(--miu-petrol) !important;
  background: rgba(11, 43, 59, 0.05);
}

/* Keep L1 on one row when possible */
#header .ps-mainmenu__desktop,
#header #_desktop_top_menu {
  overflow: visible;
}
#header .ps-mainmenu__tree,
#header #top-menu.ps-mainmenu__tree,
#_desktop_top_menu .top-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  width: 100%;
  gap: 0;
}

@media (max-width: 767.98px) {
  #header .header-bottom {
    padding: 0.55rem 0;
  }
  #header .header-bottom__logo img,
  #header .logo {
    max-height: 46px !important;
    height: 46px !important;
  }
}

/* miu-fast-search.css */
/* MIU fast search — body portal + result cards (adapted from HL) */

body > #fd-fast-results,
body > .miu-fast-search-results,
body > #fd-fast-results.miu-fast-search-results {
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 2147483000 !important;
  box-sizing: border-box !important;
  top: 0 !important;
  left: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

#fd-fast-results,
.miu-fast-search-results {
  display: none;
  max-height: min(70vh, 620px);
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  border: 1px solid var(--miu-line, #c7dadb);
  border-radius: 12px;
  box-shadow: 0 18px 44px rgba(11, 43, 59, 0.16);
  text-align: left;
  overscroll-behavior: contain;
}

#fd-fast-results.is-visible,
.miu-fast-search-results.is-visible {
  display: block;
  border-radius: 0 0 18px 18px !important;
  border-color: #e7eceb !important;
  border-top: 0 !important;
  box-shadow: inset 0 1px 0 #e7eceb, 0 18px 36px rgba(11, 43, 59, 0.12) !important;
}

.miu-fast-search-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(11, 43, 59, 0.08) !important;
  background: #fff !important;
  color: var(--miu-text, #203a3e) !important;
  text-decoration: none !important;
  transition: background-color 0.16s ease !important;
}

.miu-fast-search-item:hover,
.miu-fast-search-item:focus {
  background: var(--miu-sand, #f5f4f1) !important;
  color: var(--miu-text, #203a3e) !important;
  text-decoration: none !important;
}

.miu-fast-search-image {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(11, 43, 59, 0.08);
  border-radius: 8px;
}

.miu-fast-search-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.miu-fast-search-name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--miu-dark, #0b2b3b) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.miu-fast-search-desc {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--miu-text-muted, #5a7075) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}

.miu-fast-search-price {
  flex: 0 0 auto;
  color: var(--miu-dark, #0b2b3b) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.miu-fast-search-status {
  padding: 16px !important;
  color: var(--miu-text-muted, #5a7075) !important;
  font-size: 13px !important;
  text-align: center !important;
}

.miu-fast-search-status.is-error {
  color: var(--miu-danger, #c45c5c) !important;
}

.miu-fast-search-all {
  display: block !important;
  padding: 12px 14px !important;
  background: var(--miu-sand, #f5f4f1) !important;
  color: var(--miu-dark, #0b2b3b) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 0 0 11px 11px !important;
}

.miu-fast-search-all:hover,
.miu-fast-search-all:focus {
  background: var(--miu-sand-deep, #ebe8e1) !important;
  color: var(--miu-petrol, #5da2b0) !important;
  text-decoration: none !important;
}

.miu-fast-search-all--empty {
  border-radius: 11px !important;
}

@media (max-width: 767.98px) {
  #fd-fast-results,
  .miu-fast-search-results {
    border-radius: 0 0 18px 18px;
  }

  .miu-fast-search-item {
    gap: 10px !important;
    padding: 9px 10px !important;
  }

  .miu-fast-search-image {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
  }

  .miu-fast-search-name {
    font-size: 12px !important;
  }

  .miu-fast-search-price {
    font-size: 13px !important;
  }
}

/* miu-mega-menu.css */
@media (min-width:992px){
:root{--miu-menu-red:#0b2b3b;--miu-menu-text:#20252a;--miu-menu-l3:#3a424a;--miu-menu-border:#e7eaed;--miu-menu-surface:#fafbfc;--miu-menu-nav-bg:#f5f4f1;--miu-menu-hover:#f3f5f6;--miu-menu-active:#f1f3f5;--miu-menu-radius:8px;--miu-menu-gap:26px;--miu-menu-pad-x:22px;--miu-menu-pad-y:12px;--miu-menu-pad-b:18px;--miu-menu-l2-h:52px;--miu-menu-icon-l2:22px;--miu-menu-icon-l3:18px;--miu-menu-icon-l1:20px;--miu-menu-shadow:0 10px 30px rgba(20,30,40,.06);--miu-menu-ease:150ms ease}@media (min-width:992px){.ps-mainmenu__desktop #top-menu > li > a,.ps-mainmenu__desktop #top-menu > li > a:hover,.ps-mainmenu__desktop #top-menu > li:hover > a,.ps-mainmenu__desktop #top-menu > li.current > a,.ps-mainmenu__desktop #top-menu > li.active > a,.ps-mainmenu__desktop .ps-mainmenu__tree-link,.ps-mainmenu__desktop .ps-mainmenu__tree-item:hover > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link,.ps-mainmenu__desktop .ps-mainmenu__tree-item.current > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link,.ps-mainmenu__desktop .ps-mainmenu__tree-item:focus-within > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link{background:transparent !important;background-color:transparent !important;box-shadow:none !important;transform:none !important;border-radius:0 !important;color:var(--miu-menu-text) !important;text-decoration:none !important}#_desktop_top_menu,#header #_desktop_top_menu,.ps-mainmenu--desktop #_desktop_top_menu{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important}.ps-mainmenu__desktop,.ps-mainmenu__desktop.position-static,nav.ps-mainmenu__desktop,#header .ps-mainmenu__desktop,#header nav.ps-mainmenu__desktop{position:relative !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;background:var(--miu-menu-nav-bg) !important;border:1px solid var(--miu-menu-border) !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}.ps-mainmenu__tree{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;width:100%;gap:0;margin:0;padding:0 var(--miu-menu-pad-x);list-style:none;box-sizing:border-box}.ps-mainmenu__tree-item{position:static;flex:0 1 auto;min-width:0}.ps-mainmenu__tree-item-wrapper{display:flex;align-items:center;justify-content:center}.ps-mainmenu__tree-link{font-size:12.5px !important;font-weight:600 !important;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;padding:.55rem .4rem !important;min-height:42px;display:inline-flex;align-items:center;gap:7px;border-bottom:2px solid transparent !important;transition:color var(--miu-menu-ease),border-color var(--miu-menu-ease)}.ps-mainmenu__desktop .ps-mainmenu__tree-item:hover > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link,.ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link,.ps-mainmenu__desktop .ps-mainmenu__tree-item.current > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link,.ps-mainmenu__desktop .ps-mainmenu__tree-item:focus-within > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link,#_desktop_top_menu .top-menu[data-depth="0"] > li > a:hover,#_desktop_top_menu .top-menu[data-depth="0"] > li:hover > a,#_desktop_top_menu .top-menu[data-depth="0"] > li.current > a,#_desktop_top_menu .top-menu[data-depth="0"] > li.active > a,#top-menu > li > a:hover,#top-menu > li:hover > a,#top-menu > li.current > a{color:var(--miu-menu-red) !important;border-bottom-color:var(--miu-menu-red) !important;background:transparent !important;box-shadow:none !important;transform:none !important}.ps-mainmenu__desktop .ps-mainmenu__tree-dropdown-toggle,.ps-mainmenu__desktop #top-menu .dropdown-toggle,.ps-mainmenu__desktop .dropdown-toggle::after,.ps-mainmenu__desktop .ps-mainmenu__tree-dropdown-toggle::after,.ps-mainmenu__desktop .ps-mainmenu__tree-dropdown-toggle::before,.ps-mainmenu__desktop .ps-mainmenu__tree-item-wrapper::after,.ps-mainmenu__desktop .ps-mainmenu__tree-link::after,.ps-mainmenu__desktop .ps-mainmenu__tree-link::before{display:none !important;width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;content:none !important;visibility:hidden !important}.ps-mainmenu__desktop .miu-mega.js-sub-menu,.ps-mainmenu__desktop .submenu.miu-mega,.ps-mainmenu__desktop .ps-mainmenu__tree-item > .miu-mega,.ps-mainmenu__desktop .ps-mainmenu__tree-item > .js-sub-menu,.ps-mainmenu__desktop .ps-mainmenu__tree-item:hover > .miu-mega,.ps-mainmenu__desktop .ps-mainmenu__tree-item:hover > .js-sub-menu,.ps-mainmenu__desktop .ps-mainmenu__tree-item:focus-within > .miu-mega,.ps-mainmenu__desktop .ps-mainmenu__tree-item:focus-within > .js-sub-menu,#top-menu .sub-menu.miu-mega,#_desktop_top_menu .sub-menu.miu-mega,#top-menu .submenu.miu-mega,#_desktop_top_menu .submenu.miu-mega{display:none !important;position:absolute !important;left:-1px !important;right:-1px !important;top:100% !important;z-index:1050 !important;width:auto !important;max-width:none !important;box-sizing:border-box !important;padding:0 !important;margin:0 !important;background:transparent !important;background-image:none !important;border:0 !important;border-top:0 !important;border-radius:0 !important;box-shadow:none !important}.ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .miu-mega,.ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .submenu.miu-mega,.ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .js-sub-menu,#top-menu > .ps-mainmenu__tree-item.is-mega-open > .miu-mega,#top-menu > .ps-mainmenu__tree-item.is-mega-open > .submenu.miu-mega,#top-menu > .ps-mainmenu__tree-item.is-mega-open > .js-sub-menu,#top-menu > .ps-mainmenu__tree-item.is-mega-open > .sub-menu.miu-mega{display:block !important}.ps-mainmenu__tree-item.is-mega-open > .miu-mega::before,.ps-mainmenu__tree-item.is-mega-open > .submenu.miu-mega::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}body:not(#cart):not(#checkout):not(.page-order) .miu-mega__container,body:not(#cart):not(#checkout):not(.page-order) .miu-mega__container.container,#header .miu-mega__container,.miu-mega__container,.miu-mega__container.container{max-width:none !important;width:100% !important;margin:0 !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important;background:var(--miu-menu-surface);border:1px solid var(--miu-menu-border);border-top:0;border-radius:0 0 var(--miu-menu-radius) var(--miu-menu-radius);box-shadow:var(--miu-menu-shadow);padding:var(--miu-menu-pad-y) var(--miu-menu-pad-x) var(--miu-menu-pad-b) !important;height:auto;min-height:0;max-height:none;overflow:visible}.miu-mega__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:4px 6px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--miu-menu-border);max-height:calc(var(--miu-menu-l2-h) * 2 + 20px);overflow:hidden}.miu-mega__group{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;height:var(--miu-menu-l2-h);min-height:var(--miu-menu-l2-h);max-height:var(--miu-menu-l2-h);padding:6px 10px;text-decoration:none !important;color:var(--miu-menu-text) !important;background:transparent !important;border:0 !important;border-radius:7px;box-shadow:none !important;transition:background-color var(--miu-menu-ease),color var(--miu-menu-ease);cursor:pointer;white-space:normal !important}.miu-mega__group:hover{background:var(--miu-menu-hover) !important;color:var(--miu-menu-text) !important}.miu-mega__group:focus-visible{outline:2px solid var(--miu-menu-red);outline-offset:2px}.miu-mega__group.is-active,.miu-mega__group.is-l2-active,.miu-mega__group.is-active:hover,.miu-mega__group.is-l2-active:hover{background:var(--miu-menu-active) !important;color:var(--miu-menu-text) !important;border:0 !important;box-shadow:none !important;border-radius:7px 7px 0 0}.miu-mega__group.is-active::after,.miu-mega__group.is-l2-active::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--miu-menu-red);border-radius:1px}.miu-mega__icon{width:var(--miu-menu-icon-l2);height:var(--miu-menu-icon-l2);max-width:var(--miu-menu-icon-l2);max-height:var(--miu-menu-icon-l2);object-fit:contain;flex:0 0 var(--miu-menu-icon-l2);background:transparent !important;border:0;display:block;opacity:.88;filter:contrast(1.05) saturate(.92)}.miu-mega__icon.is-fallback,.miu-mega__icon--empty,.miu-mega__thumb.is-fallback,.miu-mega__thumb--empty,.miu-mega__toplink-icon.is-fallback,.miu-mega__toplink-icon--empty{background:transparent !important;border:0 !important;box-shadow:none !important;opacity:0;filter:none}.miu-mega__thumb{width:var(--miu-menu-icon-l3);height:var(--miu-menu-icon-l3);max-width:var(--miu-menu-icon-l3);max-height:var(--miu-menu-icon-l3);object-fit:contain;flex:0 0 var(--miu-menu-icon-l3);background:transparent !important;border:0;display:block;opacity:.9;filter:contrast(1.04) saturate(.9)}.miu-mega__toplink-icon{width:var(--miu-menu-icon-l1);height:var(--miu-menu-icon-l1);max-width:var(--miu-menu-icon-l1);max-height:var(--miu-menu-icon-l1);object-fit:contain;flex:0 0 var(--miu-menu-icon-l1);display:block;opacity:.9}.miu-mega__title{display:flex;align-items:center;min-width:0;flex:1 1 auto;height:calc(1.25em * 2);color:inherit;white-space:normal !important}.ps-mainmenu__desktop .miu-mega__title-text,.miu-mega__title-text{font-size:12px;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:.02em;color:inherit;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;width:100%;white-space:normal !important;text-overflow:clip !important}.miu-mega__group.is-active .miu-mega__title-text,.miu-mega__group.is-l2-active .miu-mega__title-text{color:var(--miu-menu-text);font-weight:600}.miu-mega__panels{min-height:0}.miu-mega__panel[hidden]{display:none !important}.miu-mega__panel.is-active{display:block}.miu-mega__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--miu-menu-gap);row-gap:1px}.ps-mainmenu__desktop .miu-mega__link,.ps-mainmenu__desktop a.miu-mega__link,#top-menu .miu-mega a.miu-mega__link,#top-menu .miu-mega__link{display:flex !important;align-items:center;gap:8px;font-size:13px !important;line-height:1.35;font-weight:500 !important;color:var(--miu-menu-l3) !important;text-decoration:none !important;text-transform:none !important;letter-spacing:0 !important;min-height:31px;padding:5px 7px !important;background:transparent !important;border:0 !important;border-radius:5px;box-shadow:none !important;transition:background-color var(--miu-menu-ease),color var(--miu-menu-ease),transform 130ms ease}.ps-mainmenu__desktop .miu-mega__link:hover,.ps-mainmenu__desktop a.miu-mega__link:hover,#top-menu .miu-mega__link:hover{background:var(--miu-menu-hover) !important;color:var(--miu-menu-text) !important;transform:translateX(1px)}.ps-mainmenu__desktop .miu-mega__link:hover .miu-mega__label,#top-menu .miu-mega__link:hover .miu-mega__label{color:var(--miu-menu-text) !important;text-transform:none !important;font-weight:500 !important}.ps-mainmenu__desktop .miu-mega__label,#top-menu .miu-mega__label{min-width:0;text-transform:none !important;font-weight:inherit !important;letter-spacing:0 !important}.ps-mainmenu__desktop .miu-mega__link.is-current,.ps-mainmenu__desktop .miu-mega__link[aria-current="page"],#top-menu .miu-mega__link.is-current,#top-menu .miu-mega__link[aria-current="page"]{font-weight:600 !important;color:var(--miu-menu-text) !important;background:transparent !important;box-shadow:inset 2px 0 0 var(--miu-menu-red)}.ps-mainmenu__desktop .miu-mega__link:focus-visible{outline:2px solid var(--miu-menu-red);outline-offset:1px}.miu-mega .submenu__left,.miu-mega .submenu__right{display:none !important}}@media (min-width:992px) and (max-width:1199.98px){:root{--miu-menu-pad-x:18px;--miu-menu-gap:20px}.miu-mega__groups{grid-template-columns:repeat(auto-fit,minmax(136px,1fr))}.miu-mega__list{grid-template-columns:repeat(3,minmax(0,1fr))}.ps-mainmenu__tree-link{font-size:12px !important;padding:.5rem .28rem !important}}@media (min-width:1200px) and (max-width:1399.98px){.miu-mega__list{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px}}@media (min-width:1400px){.miu-mega__list{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px}}@media (max-width:991.98px){.miu-mega{display:none !important}}
}

/* miu-mega-ear.css */
@media (min-width:992px){
/* HL mega — surface + adaptive L2 1–2 row rail (v2026-09-12l2)
 * Tab logic unchanged. L1 untouched. No random flex-wrap.
 */
@media (min-width: 992px) {
  .ps-mainmenu__desktop .miu-mega {
    --miu-menu-white: #ffffff;
    --miu-menu-rail: #f7f8f9;
    --miu-menu-line: #e2e5e9;
    --miu-menu-text: #20252a;
    --miu-menu-muted: #5c6570;
    --miu-menu-red: #0b2b3b;
    --miu-mega-top: 160px;
    --miu-mega-max-h: calc(100vh - var(--miu-mega-top) - 16px);
    --miu-l2-cols: 4;
    top: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .miu-mega,
  .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-open > .miu-mega,
  .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover > .miu-mega {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Outer shell — layout only; surface polish lives in hl-menu-premium.css */
  .ps-mainmenu__desktop .miu-mega__container,
  .ps-mainmenu__desktop .miu-mega__container.container,
  body:not(#cart):not(#checkout):not(.page-order) .ps-mainmenu__desktop .miu-mega__container,
  #header .ps-mainmenu__desktop .miu-mega__container {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 0;
    max-height: var(--miu-mega-max-h);
    overflow: hidden;
    box-sizing: border-box;
  }

  /* L2 adaptive rail — CSS grid; --miu-l2-cols set by JS helper */
  .ps-mainmenu__desktop .miu-mega__groups {
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(var(--miu-l2-cols, 4), minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: minmax(42px, auto) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    column-gap: 4px !important;
    row-gap: 2px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background: #f1f3f5;
    box-sizing: border-box !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-single-row {
    padding-bottom: 0 !important;
    row-gap: 0 !important;
    align-items: end !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-two-row {
    padding-bottom: 8px !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-measuring {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 4px !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-measuring .miu-mega__group {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
  }

  .ps-mainmenu__desktop .miu-mega__group {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--miu-menu-text) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group {
    border-radius: 6px 6px 0 0 !important;
    border-bottom: 0 !important;
  }

  .ps-mainmenu__desktop .miu-mega__group:hover {
    background: rgba(255, 255, 255, 0.72) !important;
  }

  .ps-mainmenu__desktop .miu-mega__group:focus-visible {
    outline: 2px solid var(--miu-menu-red) !important;
    outline-offset: 2px !important;
  }

  /* Single-row connected tab */
  .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-active,
  .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-l2-active {
    z-index: 5 !important;
    margin-bottom: -1px !important;
    padding-bottom: calc(6px + 1px) !important;
    background: var(--miu-menu-white) !important;
    border-color: var(--miu-menu-line) !important;
    border-bottom-color: var(--miu-menu-white) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  /* Two-row selected tab — no physical L3 ear */
  .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-active,
  .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-l2-active {
    z-index: 5 !important;
    margin-bottom: 0 !important;
    background: var(--miu-menu-white) !important;
    border-color: var(--miu-menu-line) !important;
    border-top: 2px solid var(--miu-menu-red) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  .ps-mainmenu__desktop .miu-mega__group::before,
  .ps-mainmenu__desktop .miu-mega__group::after,
  .ps-mainmenu__desktop .miu-mega__group.is-active::before,
  .ps-mainmenu__desktop .miu-mega__group.is-l2-active::before,
  .ps-mainmenu__desktop .miu-mega__group.is-active::after,
  .ps-mainmenu__desktop .miu-mega__group.is-l2-active::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 0 !important;
    bottom: auto !important;
    width: auto !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    inset: auto !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-active::before,
  .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-l2-active::before {
    height: 2px !important;
    background: var(--miu-menu-red) !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-compact .miu-mega__group {
    padding: 7px 8px !important;
    gap: 6px !important;
  }

  .ps-mainmenu__desktop .miu-mega__title {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .ps-mainmenu__desktop .miu-mega__title,
  .ps-mainmenu__desktop .miu-mega__title-text {
    color: inherit !important;
    font-size: 12.5px !important;
    font-weight: inherit !important;
    line-height: 1.25 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  .ps-mainmenu__desktop .miu-mega__title-text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    width: 100% !important;
  }

  .ps-mainmenu__desktop .miu-mega__icon {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
    flex: 0 0 24px !important;
    background: #eef1f4 !important;
    border: 0 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    padding: 2px !important;
    box-sizing: border-box !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-compact .miu-mega__icon {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
  }

  .ps-mainmenu__desktop .miu-mega__icon.is-fallback,
  .ps-mainmenu__desktop .miu-mega__icon.is-logo,
  .ps-mainmenu__desktop .miu-mega__icon--empty,
  .ps-mainmenu__desktop .miu-mega__thumb.is-fallback,
  .ps-mainmenu__desktop .miu-mega__thumb--empty {
    opacity: 0.85 !important;
  }

  .ps-mainmenu__desktop .miu-mega__thumb.is-logo,
  .ps-mainmenu__desktop .miu-mega__icon.is-logo {
    opacity: 0.55 !important;
    filter: none !important;
    background: #eef1f4 !important;
    border-radius: 4px !important;
    padding: 2px !important;
    box-sizing: border-box !important;
  }

  /* L3 body — layout/scroll only; paint in hl-menu-premium.css */
  .ps-mainmenu__desktop .miu-mega__body {
    position: relative;
    z-index: 2;
    flex: 1 1 auto;
    margin: 0;
    min-height: 0;
    height: auto;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    box-sizing: border-box;
  }

  .ps-mainmenu__desktop .miu-mega__panels {
    margin: 0;
    padding: 0;
    min-height: 0;
    height: auto;
    max-height: none;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .ps-mainmenu__desktop .miu-mega__panel {
    position: static;
    min-height: 0;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }

  .ps-mainmenu__desktop .miu-mega__panel[hidden] {
    display: none !important;
  }

  .ps-mainmenu__desktop .miu-mega__panel.is-active {
    display: block !important;
  }

  .ps-mainmenu__desktop .miu-mega__panel-head {
    display: none;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0 0 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid var(--miu-menu-line);
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-two-row ~ .miu-mega__body .miu-mega__panel-head {
    display: flex;
  }

  .ps-mainmenu__desktop .miu-mega__panel-context {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--miu-menu-text);
    text-transform: none;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-two-row ~ .miu-mega__body .miu-mega__panel-foot {
    display: none;
  }

  .ps-mainmenu__desktop .miu-mega__panel-foot {
    display: flex;
    justify-content: flex-end;
  }

  .ps-mainmenu__desktop .miu-mega__viewall {
    text-decoration: none;
    letter-spacing: 0;
    text-transform: none;
  }

  .ps-mainmenu__desktop .miu-mega__viewall:hover,
  .ps-mainmenu__desktop .miu-mega__viewall:focus {
    color: var(--miu-menu-red);
  }

  .ps-mainmenu__desktop .miu-mega__list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
    column-gap: 1.1rem !important;
    row-gap: 0.15rem !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .ps-mainmenu__desktop .miu-mega__link {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 4px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .ps-mainmenu__desktop .miu-mega__thumb {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    margin-top: 1px !important;
    object-fit: contain !important;
    flex: 0 0 20px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .ps-mainmenu__desktop .miu-mega__label {
    flex: 1 1 auto;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #30343b !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
  }

  .ps-mainmenu__desktop .miu-mega__link:hover {
    background: rgba(32, 37, 42, 0.035) !important;
  }

  .ps-mainmenu__desktop .miu-mega__link:hover .miu-mega__label {
    color: var(--miu-menu-red) !important;
  }

  .ps-mainmenu__desktop .miu-mega__link.is-current .miu-mega__label {
    font-weight: 600 !important;
  }
}

@media (min-width: 992px) and (max-width: 1299.98px) {
  .ps-mainmenu__desktop .miu-mega__list {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  }

  .ps-mainmenu__desktop .miu-mega__group {
    padding: 7px 10px !important;
  }

  .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-active,
  .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-l2-active {
    padding-bottom: calc(7px + 1px) !important;
  }
}

@media (min-width: 1600px) {
  .ps-mainmenu__desktop .miu-mega__list {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
  }
}

}

/* miu-menu-premium.css */
@media (min-width:992px){
/* HL desktop main + mega — visual polish only. Mobile untouched.
 * Scope: #header .ps-mainmenu__desktop (min-width 992). Content/order unchanged. */
@media (min-width: 992px) {
  #header .ps-mainmenu__desktop {
    --miu-menu-red: #0b2b3b;
    --miu-menu-ink: #181c20;
    --miu-menu-soft: #30343b;
    --miu-menu-muted: #52606a;
    --miu-menu-line: rgba(20, 25, 30, 0.07);
    --miu-menu-line-soft: rgba(20, 25, 30, 0.065);
    --miu-menu-rail: #fafbfc;
    --miu-menu-surface: #ffffff;
    --miu-menu-outer: #ffffff;
    --miu-menu-tab-active: #ffffff;
    --miu-menu-hover: #ffffff;
    --miu-menu-ease: 180ms ease;
    --miu-menu-wm-opacity: 0.021;
    --miu-menu-wm-w: 460px;
    --miu-menu-wm-right: 24px;
    --miu-menu-wm-bottom: 4px;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #header .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper {
    position: relative !important;
    z-index: 1060 !important;
  }

  #header .ps-mainmenu__desktop::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--miu-menu-line);
    pointer-events: none;
    z-index: 2;
  }

  /* When mega is open, drop L1 bottom hairline so junction stays clean */
  #header .ps-mainmenu__desktop:has(.ps-mainmenu__tree-item.is-mega-open)::after {
    opacity: 0;
  }

  /* Remove header-bottom border that sat between L1 and mega as a false “black line” */
  #header:has(.ps-mainmenu__tree-item.is-mega-open) .header-bottom,
  body:has(.ps-mainmenu__tree-item.is-mega-open) #header .header-bottom {
    border-bottom-color: transparent !important;
    box-shadow: none !important;
  }

  /* L1 closed strip — dimensions owned by miu-header.css; keep accent + open polish here */
  #header .ps-mainmenu__tree,
  #header #top-menu.ps-mainmenu__tree {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    gap: 0 !important;
  }

  #header .ps-mainmenu__tree-item {
    position: static !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    height: 46px !important;
  }

  #header .ps-mainmenu__tree-item-wrapper {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 34px !important;
    max-height: 36px !important;
    margin: 0 !important;
    padding: 6px 11px !important;
    gap: 7px !important;
    /* transparent border reserves space — no layout shift on hover */
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0b2b3b !important;
    font-family: var(--miu-font, Mulish, system-ui, sans-serif) !important;
    font-size: 13.25px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: normal !important;
    transform: none !important;
    box-sizing: border-box !important;
    transition:
      color var(--miu-menu-ease),
      background-color var(--miu-menu-ease),
      border-color var(--miu-menu-ease),
      box-shadow var(--miu-menu-ease),
      transform var(--miu-menu-ease) !important;
  }

  #header .ps-mainmenu__tree-link-label,
  #header .ps-mainmenu__tree-link-label.is-multiline,
  #header .ps-mainmenu__tree-link-label .miu-l1-line {
    background: transparent !important;
    box-shadow: none !important;
  }

  #header .ps-mainmenu__tree-link-label {
    display: block !important;
    color: inherit !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    text-transform: none !important;
  }

  #header .ps-mainmenu__tree-link-label.is-multiline {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    white-space: normal !important;
  }

  #header .ps-mainmenu__tree-link-label .miu-l1-line {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__toplink-icon {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    flex: 0 0 26px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: none !important;
  }

  /* V7.1 typo (kept for A compare) — hide product thumbs */
  #header .ps-mainmenu__desktop--typo .miu-mega__toplink-icon,
  #header .ps-mainmenu__desktop--typo .miu-mega__toplink-icon--off {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    flex: 0 0 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* V7.2 — Variant B line icons (selected) */
  #header .ps-mainmenu__desktop--v72 .miu-mega__toplink-icon,
  #header .ps-mainmenu__desktop--icons .miu-mega__toplink-icon {
    display: none !important;
  }
  #header .ps-mainmenu__desktop--v72 .miu-l1-icon,
  #header .ps-mainmenu__desktop--icons .miu-l1-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    color: rgba(11, 43, 59, 0.72) !important;
    transition: color 180ms ease !important;
  }
  #header .ps-mainmenu__desktop--v72 .miu-l1-icon__svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
  }
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--icons .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--v82 .ps-mainmenu__tree-link {
    gap: 7px !important;
    padding: 6px 11px !important;
    min-height: 34px !important;
    max-height: 36px !important;
    height: auto !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: -0.012em !important;
    border-radius: 8px !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    align-self: center !important;
  }
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item:hover:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--v72 #top-menu > .ps-mainmenu__tree-item:hover:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    color: var(--miu-dark, #0b2b3b) !important;
    background: rgba(245, 244, 241, 0.95) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    border-radius: 8px !important;
  }
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item:hover .miu-l1-icon,
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item.is-mega-open .miu-l1-icon {
    color: var(--miu-petrol, #5da2b0) !important;
  }
  /* Open L1 — underline + soft wash, NOT heavy admin tab */
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item.current.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--v72 #top-menu > .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--v72 #top-menu > .ps-mainmenu__tree-item.current.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    color: var(--miu-dark, #0b2b3b) !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 700 !important;
  }
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after,
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item.is-mega-open:hover > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after,
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-item.current.is-mega-open > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after,
  #header .ps-mainmenu__desktop--v72 #top-menu > .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after {
    background: var(--miu-petrol, #5da2b0) !important;
    height: 2px !important;
    bottom: 0 !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    transform: scaleX(1) !important;
  }
  #header .ps-mainmenu__desktop--v72 .ps-mainmenu__tree-link:focus-visible {
    outline: 2px solid var(--miu-petrol, #5da2b0) !important;
    outline-offset: -2px !important;
  }

  /* Soft page dim when mega open — very light, not heavy overlay */
  #header .ps-mainmenu__desktop--v72:has(.ps-mainmenu__tree-item.is-mega-open)::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    top: var(--miu-header-offset, 140px) !important;
    z-index: 1040 !important;
    background: rgba(11, 43, 59, 0.045) !important;
    pointer-events: none !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link::before {
    display: none !important;
    content: none !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link::after {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 0 !important;
    top: auto !important;
    width: auto !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--miu-menu-red) !important;
    box-shadow: none !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 180ms ease !important;
    pointer-events: none !important;
    z-index: 3 !important;
  }

  /* —— L1 state hierarchy (geometry unchanged)
   * Priority: OPEN > CURRENT PAGE > HOVER > NORMAL
   * Classes: .is-mega-open (JS), .current (PS current page)
   */
  /* HOVER — quieter than open; no red underline */
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover:not(.is-mega-open):not(.current) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item:hover:not(.is-mega-open):not(.current) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover:not(.is-mega-open).current > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item:hover:not(.is-mega-open).current > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link:focus-visible,
  #header #top-menu > .ps-mainmenu__tree-item:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link:focus-visible {
    color: #252a30 !important;
    background: #fafbfc !important;
    border-color: rgba(25, 35, 45, 0.08) !important;
    box-shadow: 0 2px 7px rgba(20, 30, 40, 0.04) !important;
    font-weight: 600 !important;
    transform: none !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover:not(.is-mega-open) .ps-mainmenu__tree-link-label,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover:not(.is-mega-open) .ps-mainmenu__tree-link-label .miu-l1-line,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open .ps-mainmenu__tree-link-label,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open .ps-mainmenu__tree-link-label .miu-l1-line,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.current .ps-mainmenu__tree-link-label,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.current .ps-mainmenu__tree-link-label .miu-l1-line,
  #header #top-menu .ps-mainmenu__tree-link-label,
  #header #top-menu .ps-mainmenu__tree-link-label .miu-l1-line {
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* CURRENT PAGE — quiet “you are here”; no red line, no strong shadow */
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.current:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item.current:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    color: #252a30 !important;
    background: #f7f8f9 !important;
    border-color: rgba(25, 35, 45, 0.09) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    transform: none !important;
  }

  /* OPEN tab — strongest; beats .current when both present; red underline via ::after */
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.current.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item.current.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    color: #171a1e !important;
    background: #ffffff !important;
    border-color: rgba(25, 35, 45, 0.12) !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 0 4px 14px rgba(20, 30, 40, 0.07) !important;
    font-weight: 600 !important;
    transform: none !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover .miu-mega__toplink-icon,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open .miu-mega__toplink-icon {
    transform: none !important;
    opacity: 1 !important;
  }

  /* Red underline ONLY for open (and keyboard focus) — not current-page alone, not hover alone */
  #header .ps-mainmenu__tree-item:hover:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after,
  #header .ps-mainmenu__desktop:not(:has(.ps-mainmenu__tree-item.is-mega-open))
    .ps-mainmenu__tree-item.current:not(.is-mega-open)
    > .ps-mainmenu__tree-item-wrapper
    .ps-mainmenu__tree-link::after {
    transform: scaleX(0) !important;
    background: transparent !important;
  }

  /* OPEN wins even when same L1 is also .current (and optionally :hover) */
  #header .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after,
  #header .ps-mainmenu__tree-item.is-mega-open:hover > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after,
  #header .ps-mainmenu__tree-item.current.is-mega-open > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link::after,
  #header .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper .ps-mainmenu__tree-link:focus-visible::after {
    transform: scaleX(1) !important;
    background: var(--miu-menu-red) !important;
  }

  /* While another mega is open, keep current-page quiet (do NOT wipe to transparent) */
  #header .ps-mainmenu__desktop:has(.ps-mainmenu__tree-item.is-mega-open)
    .ps-mainmenu__tree-item.current:not(.is-mega-open)
    > .ps-mainmenu__tree-item-wrapper
    > .ps-mainmenu__tree-link,
  #header #top-menu:has(.ps-mainmenu__tree-item.is-mega-open)
    > .ps-mainmenu__tree-item.current:not(.is-mega-open)
    > .ps-mainmenu__tree-item-wrapper
    > .ps-mainmenu__tree-link {
    color: #252a30 !important;
    background: #f7f8f9 !important;
    border-color: rgba(25, 35, 45, 0.09) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link:focus-visible {
    outline: 2px solid var(--miu-menu-red) !important;
    outline-offset: -2px !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-dropdown-toggle,
  #header .ps-mainmenu__desktop .dropdown-toggle::after {
    display: none !important;
  }

  /* Mega flush under L1 — no top edge, continuous surface */
  #header .ps-mainmenu__desktop .miu-mega.js-sub-menu,
  #header .ps-mainmenu__desktop .submenu.miu-mega {
    top: 100% !important;
    left: -1px !important;
    right: -1px !important;
    margin: 0 !important;
    margin-top: -1px !important;
    padding: 0 !important;
    z-index: 1050 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .miu-mega {
    animation: hlMenuMegaIn 170ms ease;
  }

  /* V8.2 — no fade-in when swapping L1 (prevents hero flash through) */
  #header .ps-mainmenu__desktop.miu-mega-l1-switch .ps-mainmenu__tree-item.is-mega-open > .miu-mega,
  #header .ps-mainmenu__desktop[data-miu-mega-live="1"] .ps-mainmenu__tree-item.is-mega-open > .miu-mega {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  /* V8.2 — session shelf: keeps menu surface painted while L1 content swaps */
  #header .ps-mainmenu__desktop.js-menu-desktop {
    position: relative !important;
  }
  #header .ps-mainmenu__desktop .miu-mega-session-shelf {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: -1px;
    z-index: 1048;
    pointer-events: none;
    box-sizing: border-box;
    background: var(--miu-white, #fff);
    border: 1px solid rgba(11, 43, 59, 0.09);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 16px 36px rgba(11, 43, 59, 0.1);
  }
  #header .ps-mainmenu__desktop[data-miu-mega-live="1"] .miu-mega-session-shelf.is-active {
    display: block;
  }
  #header .ps-mainmenu__desktop[data-miu-mega-live="1"] .ps-mainmenu__tree-item.is-mega-open > .miu-mega {
    z-index: 1051 !important;
  }

  /* Keep ear.css vars aligned with light premium rail */
  #header .ps-mainmenu__desktop .miu-mega {
    --miu-menu-rail: #fafbfc;
    --miu-menu-white: #ffffff;
  }

  /* Hover bridge — invisible hit area only (no paint between L1 and mega) */
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .miu-mega::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: -8px !important;
    height: 8px !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 1 !important;
  }

  body:not(#cart):not(#checkout) #header .ps-mainmenu__desktop .miu-mega:not(.miu-mega--v6) .miu-mega__container,
  body:not(#cart):not(#checkout) #header .ps-mainmenu__desktop .miu-mega:not(.miu-mega--v6) .miu-mega__container.container {
    position: relative;
    background: #fbfcfd;
    border: 1px solid rgba(20, 30, 40, 0.09);
    border-top: 1px solid rgba(20, 30, 40, 0.07);
    border-radius: 0 0 10px 10px;
    box-shadow: 0 14px 34px rgba(20, 30, 40, 0.06);
    overflow: hidden;
    padding: 0 !important;
  }

  /* L2 tab rail — flat on outer panel (tiles.css owns final chrome) */
  #header .ps-mainmenu__desktop .miu-mega__groups {
    background: transparent !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e5e7ea !important;
    column-gap: 9px !important;
    row-gap: 7px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 11px !important;
    border: 1px solid rgba(25, 35, 45, 0.09) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #3f464e !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transform: none !important;
    transition:
      color 170ms ease,
      background-color 170ms ease,
      border-color 170ms ease,
      box-shadow 170ms ease,
      transform 170ms ease !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group + .miu-mega__group {
    box-shadow: none !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group {
    margin: 0 !important;
    border-radius: 7px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group:hover {
    background: #f7f8fa !important;
    border-color: #cfd5db !important;
    box-shadow: none !important;
    color: #1f2429 !important;
    transform: none !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group:hover .miu-mega__icon {
    opacity: 1 !important;
    border: 0 !important;
    background: transparent !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group.is-active,
  #header .ps-mainmenu__desktop .miu-mega__group.is-l2-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-l2-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-l2-active,
  #header .ps-mainmenu__desktop .miu-mega__group.is-active:hover,
  #header .ps-mainmenu__desktop .miu-mega__group.is-l2-active:hover {
    z-index: 2 !important;
    background: #ffffff !important;
    color: #171a1e !important;
    font-weight: 600 !important;
    border: 1px solid rgba(25, 35, 45, 0.13) !important;
    border-radius: 7px !important;
    margin: 0 !important;
    padding: 6px 11px !important;
    box-shadow: 0 2px 8px rgba(20, 30, 40, 0.05) !important;
    transform: none !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group::before,
  #header .ps-mainmenu__desktop .miu-mega__group.is-active::before,
  #header .ps-mainmenu__desktop .miu-mega__group.is-l2-active::before,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-active::before,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-l2-active::before,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-active::before,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-l2-active::before {
    content: none !important;
    display: none !important;
    height: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  /* Kill ear.css two-row top red / card chrome on L2 */
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-l2-active {
    border-top: 1px solid rgba(25, 35, 45, 0.10) !important;
    border-radius: 7px !important;
  }

  /* Red active underline — same system as L1 open (2px / --miu-menu-red / 180ms) */
  #header .ps-mainmenu__desktop .miu-mega__group::after {
    content: "" !important;
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: auto !important;
    bottom: 0 !important;
    width: auto !important;
    height: 2px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color 180ms ease !important;
    pointer-events: none !important;
    z-index: 3 !important;
    inset: auto 10px 0 10px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group.is-active::after,
  #header .ps-mainmenu__desktop .miu-mega__group.is-l2-active::after {
    background: var(--miu-menu-red) !important;
    height: 2px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group:hover:not(.is-active):not(.is-l2-active)::after {
    background: transparent !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group:focus-visible {
    outline: 2px solid var(--miu-menu-red) !important;
    outline-offset: -2px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__icon {
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    flex: 0 0 26px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    filter: none !important;
    transition: opacity 150ms ease !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group.is-active .miu-mega__icon,
  #header .ps-mainmenu__desktop .miu-mega__group.is-l2-active .miu-mega__icon {
    background: transparent !important;
    border: 0 !important;
    opacity: 1 !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__title,
  #header .ps-mainmenu__desktop .miu-mega__title-text {
    color: inherit !important;
    font-size: 13px !important;
    font-weight: inherit !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    background: transparent !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__body {
    position: relative;
    isolation: isolate;
    padding: 10px 12px 6px;
    background: transparent;
    border: 0;
    border-top: 0;
    box-shadow: none;
    overflow: hidden;
  }

  /* HL brand watermark — soft graphite texture */
  #header .ps-mainmenu__desktop .miu-mega__body::after {
    content: "";
    position: absolute;
    right: var(--miu-menu-wm-right);
    bottom: var(--miu-menu-wm-bottom);
    width: var(--miu-menu-wm-w);
    height: calc(var(--miu-menu-wm-w) * 0.256);
    background: url("/img/logo.svg") right bottom / contain no-repeat;
    opacity: var(--miu-menu-wm-opacity);
    filter: grayscale(1) brightness(0);
    pointer-events: none;
    user-select: none;
    z-index: 0;
  }

  #header .ps-mainmenu__desktop .miu-mega__panels {
    position: relative;
    z-index: 1;
  }

  #header .ps-mainmenu__desktop .miu-mega__cols {
    column-gap: 12px !important;
    row-gap: 12px !important;
  }

  /* Keep soft card columns from miu-mega-cols — no Excel separators */
  #header .ps-mainmenu__desktop .miu-mega__col + .miu-mega__col::before {
    display: none !important;
    content: none !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-head {
    border-bottom: 0 !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-head::after {
    display: none !important;
  }

  /* V5 titles live in miu-mega-cols.css (under-photo typography). */
  #header .ps-mainmenu__desktop .miu-mega__col-title {
    position: static !important;
    text-shadow: none !important;
  }

  /* L3 — V4 compact text links live in miu-mega-cols.css (no pill chips). */
  #header .ps-mainmenu__desktop .miu-mega__col-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__col-list > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.22rem 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: none !important;
    color: #3d5560 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    transition: color 150ms ease !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-link::before,
  #header .ps-mainmenu__desktop a.miu-mega__col-link::after {
    display: none !important;
    content: none !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-link:hover {
    color: var(--miu-petrol, #5da2b0) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.18em !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-link.is-current,
  #header .ps-mainmenu__desktop a.miu-mega__col-link[aria-current="page"] {
    color: #0b2b3b !important;
    background: transparent !important;
    border: 0 !important;
    font-weight: 700 !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-link:focus-visible,
  #header .ps-mainmenu__desktop a.miu-mega__col-head:focus-visible,
  #header .ps-mainmenu__desktop .miu-mega__viewall:focus-visible,
  #header .ps-mainmenu__desktop .miu-mega__group:focus-visible {
    outline: 2px solid rgba(93, 162, 176, 0.55) !important;
    outline-offset: 2px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__panel-foot {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 0;
    margin: 8px 0 0;
    padding: 9px 14px 10px;
    border-top: 0;
    background: rgba(255, 255, 255, 0.22);
  }

  #header .ps-mainmenu__desktop .miu-mega__panel-foot::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(
      to right,
      rgba(20, 25, 30, 0.03),
      rgba(20, 25, 30, 0.08) 35%,
      rgba(20, 25, 30, 0.08) 75%,
      rgba(20, 25, 30, 0.03)
    );
    pointer-events: none;
  }

  #header .ps-mainmenu__desktop .miu-mega__panel-foot .miu-mega__viewall {
    display: inline-flex;
    align-items: center;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #20252a;
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
  }

  #header .ps-mainmenu__desktop .miu-mega__panel-foot .miu-mega__viewall:hover {
    color: var(--miu-menu-red);
    background: rgba(255, 255, 255, 0.55);
    transform: translateX(3px);
  }

  #header .ps-mainmenu__desktop .miu-mega__panel-context {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--miu-menu-ink) !important;
    text-transform: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  #header .ps-mainmenu__desktop {
    --miu-menu-wm-w: 400px;
    --miu-menu-wm-opacity: 0.019;
    --miu-menu-wm-right: 16px;
    --miu-menu-wm-bottom: -2px;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    padding: 6px 6px !important;
    font-size: 12px !important;
    gap: 7px !important;
    min-height: 56px !important;
  }

  #header .ps-mainmenu__tree,
  #header #top-menu.ps-mainmenu__tree {
    min-height: 56px !important;
    height: 56px !important;
    max-height: 56px !important;
  }

  #header .ps-mainmenu__tree-item {
    height: 56px !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link::after {
    left: 6px !important;
    right: 6px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__toplink-icon {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__body {
    padding: 14px 14px 2px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__col {
    padding: 0 0 12px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__col-title {
    font-size: 14.5px !important;
  }

  #header .ps-mainmenu__desktop a.miu-mega__col-link {
    font-size: 14px !important;
    min-height: 27px !important;
    padding: 3.5px 20px 3.5px 3px !important;
  }
}

@media (min-width: 1400px) and (max-width: 1679.98px) {
  #header .ps-mainmenu__desktop {
    --miu-menu-wm-w: 450px;
    --miu-menu-wm-opacity: 0.021;
    --miu-menu-wm-right: 22px;
    --miu-menu-wm-bottom: 2px;
  }
}

@media (min-width: 1400px) {
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    padding: 7px 10px !important;
    font-size: 12.5px !important;
    gap: 8px !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link::after {
    left: 10px !important;
    right: 10px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__toplink-icon {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
  }
}

@media (min-width: 1680px) {
  #header .ps-mainmenu__desktop {
    --miu-menu-wm-w: 500px;
    --miu-menu-wm-opacity: 0.022;
    --miu-menu-wm-right: 30px;
    --miu-menu-wm-bottom: 6px;
  }
}

@media (min-width: 1920px) {
  #header .ps-mainmenu__desktop {
    --miu-menu-wm-w: 520px;
    --miu-menu-wm-opacity: 0.023;
    --miu-menu-wm-right: 36px;
    --miu-menu-wm-bottom: 8px;
  }
}

@keyframes hlMenuMegaIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: none; }
}

@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open > .miu-mega {
    animation: none;
  }
}

}

/* miu-mega-tiles.css */
@media (min-width:992px){
/* HL mega unify — premium card polish. Desktop only. Keep cards; cut nested chrome. */
@media (min-width: 992px) {
  .miu-mega__body.is-idle,
  .miu-mega__body[hidden] {
    display: none !important;
  }

  .miu-mega.is-l2-open .miu-mega__body:not(.is-idle) {
    display: block !important;
  }

  /* —— OUTER: cold-gray panel; white cards sit on top —— */
  #header .ps-mainmenu__desktop .miu-mega__container,
  #header .ps-mainmenu__desktop .miu-mega__container.container,
  body:not(#cart):not(#checkout) #header .ps-mainmenu__desktop .miu-mega__container {
    padding: 0 !important;
    background: #fbfcfd !important;
    border: 1px solid rgba(20, 30, 40, 0.09) !important;
    border-top: 1px solid rgba(20, 30, 40, 0.07) !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 14px 34px rgba(20, 30, 40, 0.06) !important;
  }

  /* —— TAB BAR (L2) —— flex like L3: full rows, last row stretches —— */
  #header .ps-mainmenu__desktop .miu-mega__groups,
  .ps-mainmenu__desktop .miu-mega__groups {
    --miu-l2-gap: 9px;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    align-content: flex-start !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    grid-auto-rows: unset !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    min-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7ea !important;
    border-radius: 0 !important;
    gap: 7px var(--miu-l2-gap) !important;
    column-gap: var(--miu-l2-gap) !important;
    row-gap: 7px !important;
    box-shadow: none !important;
  }

  /* Keep measuring mode (natural widths) from ear.css — do not override is-measuring here */

  #header .ps-mainmenu__desktop .miu-mega.is-l2-open .miu-mega__groups,
  .ps-mainmenu__desktop .miu-mega.is-l2-open .miu-mega__groups {
    margin-bottom: 0 !important;
    padding-bottom: 11px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group,
  .ps-mainmenu__desktop .miu-mega__group,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group {
    /* Basis = 1/cols; flex-grow fills incomplete last row (L3-style full width) */
    flex: 1 1 calc((100% - (var(--miu-l2-cols, 5) - 1) * var(--miu-l2-gap, 9px)) / var(--miu-l2-cols, 5)) !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: calc((100% - (var(--miu-l2-cols, 5) - 1) * var(--miu-l2-gap, 9px)) / var(--miu-l2-cols, 5) - 0.25px) !important;
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: 45px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 6px 12px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    align-items: center !important;
    color: #1f2429 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    transform: none !important;
  }

  /* Measuring: natural widths only (miu-mega-l2.js) */
  #header .ps-mainmenu__desktop .miu-mega__groups.is-measuring,
  .ps-mainmenu__desktop .miu-mega__groups.is-measuring {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__groups.is-measuring .miu-mega__group,
  .ps-mainmenu__desktop .miu-mega__groups.is-measuring .miu-mega__group {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group:hover,
  .ps-mainmenu__desktop .miu-mega__group:hover {
    background: #f7f8fa !important;
    border-color: #cfd5db !important;
    box-shadow: none !important;
    color: #1f2429 !important;
    transform: none !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group.is-active,
  #header .ps-mainmenu__desktop .miu-mega__group.is-l2-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-single-row .miu-mega__group.is-l2-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-active,
  #header .ps-mainmenu__desktop .miu-mega__groups.is-two-row .miu-mega__group.is-l2-active {
    background: #ffffff !important;
    color: #171a1e !important;
    font-weight: 600 !important;
    border: 1px solid #dfe3e7 !important; /* underline is the active signal */
    border-radius: 7px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group::before,
  .ps-mainmenu__desktop .miu-mega__group::before {
    content: none !important;
    display: none !important;
  }

  /* Top icon — shared optical box, no mini-card */
  #header .ps-mainmenu__desktop .miu-mega__icon,
  .ps-mainmenu__desktop .miu-mega__icon {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    object-fit: contain !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__group:hover .miu-mega__icon,
  #header .ps-mainmenu__desktop .miu-mega__group.is-active .miu-mega__icon,
  #header .ps-mainmenu__desktop .miu-mega__group.is-l2-active .miu-mega__icon {
    background: transparent !important;
    border: 0 !important;
    opacity: 1 !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__title,
  #header .ps-mainmenu__desktop .miu-mega__title-text {
    font-size: 13.5px !important;
    font-weight: inherit !important;
    line-height: 1.2 !important;
    color: inherit !important;
  }

  /* —— Kill L4 nested plane —— */
  .miu-mega__stage-l4,
  .miu-mega__stage-l4.is-idle,
  .miu-mega__stage-l4[hidden] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }

  .miu-mega__stage-l3 {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Detail body — inherits cold panel; cards stay white */
  #header .ps-mainmenu__desktop .miu-mega__body,
  .ps-mainmenu__desktop .miu-mega__body {
    padding: 10px 12px 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* —— ONE card type — 5 columns —— */
  .miu-mega__tile-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--miu-tile-cols, 5), minmax(0, 1fr)) !important;
    column-gap: 9px !important;
    row-gap: 7px !important;
    gap: 7px 9px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .miu-mega__tile-grid[data-count="1"] { --miu-tile-cols: 1; }
  .miu-mega__tile-grid[data-count="2"] { --miu-tile-cols: 2; }
  .miu-mega__tile-grid[data-count="3"] { --miu-tile-cols: 3; }
  .miu-mega__tile-grid[data-count="4"] { --miu-tile-cols: 4; }
  .miu-mega__tile-grid[data-count="5"],
  .miu-mega__tile-grid[data-count="6"],
  .miu-mega__tile-grid[data-count="7"],
  .miu-mega__tile-grid[data-count="8"],
  .miu-mega__tile-grid[data-count="9"],
  .miu-mega__tile-grid[data-count="10"],
  .miu-mega__tile-grid[data-count="11"],
  .miu-mega__tile-grid[data-count="12"],
  .miu-mega__tile-grid[data-count="13"],
  .miu-mega__tile-grid[data-count="14"],
  .miu-mega__tile-grid[data-count="15"],
  .miu-mega__tile-grid[data-count="16"],
  .miu-mega__tile-grid[data-count="17"],
  .miu-mega__tile-grid[data-count="18"],
  .miu-mega__tile-grid[data-count="19"],
  .miu-mega__tile-grid[data-count="20"],
  .miu-mega__tile-grid[data-count="21"],
  .miu-mega__tile-grid[data-count="22"],
  .miu-mega__tile-grid[data-count="23"],
  .miu-mega__tile-grid[data-count="24"],
  .miu-mega__tile-grid[data-count="25"],
  .miu-mega__tile-grid[data-count="26"],
  .miu-mega__tile-grid[data-count="27"],
  .miu-mega__tile-grid[data-count="28"],
  .miu-mega__tile-grid[data-count="29"],
  .miu-mega__tile-grid[data-count="30"],
  .miu-mega__tile-grid[data-count="31"],
  .miu-mega__tile-grid[data-count="32"],
  .miu-mega__tile-grid[data-count="33"],
  .miu-mega__tile-grid[data-count="34"],
  .miu-mega__tile-grid[data-count="35"],
  .miu-mega__tile-grid[data-count="36"] { --miu-tile-cols: 5; }

  .miu-mega__tile {
    min-width: 0 !important;
    display: flex !important;
    height: 100% !important;
  }

  .miu-mega__tile-chips,
  .miu-mega__chip {
    display: none !important;
  }

  .miu-mega__tile-main,
  .ps-mainmenu__desktop a.miu-mega__tile-main,
  #top-menu .miu-mega a.miu-mega__tile-main,
  #top-menu .miu-mega a.miu-mega__tile-main:link,
  #top-menu .miu-mega a.miu-mega__tile-main:visited,
  .miu-mega__link--solo {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 46px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    color: #2f353b !important;
    background: #ffffff !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    transform: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    transition:
      background-color 150ms ease,
      border-color 150ms ease,
      color 150ms ease !important;
  }

  .miu-mega__tile-main:hover,
  .ps-mainmenu__desktop a.miu-mega__tile-main:hover,
  #top-menu .miu-mega a.miu-mega__tile-main:hover,
  .miu-mega__link--solo:hover {
    background: #f7f8fa !important;
    border-color: rgba(215, 25, 32, 0.22) !important;
    box-shadow: none !important;
    transform: none !important;
    color: #1f2429 !important;
    text-decoration: none !important;
  }

  .miu-mega__tile-main:hover .miu-mega__tile-title,
  .miu-mega__link--solo:hover .miu-mega__tile-title {
    color: #1f2429 !important;
  }

  .miu-mega__tile-main:hover .miu-mega__tile-arrow,
  .miu-mega__link--solo:hover .miu-mega__tile-arrow {
    color: var(--miu-menu-red, #0b2b3b) !important;
    opacity: 1 !important;
    transform: translateX(1px);
  }

  .miu-mega__tile.is-l3-active > .miu-mega__tile-main,
  .miu-mega__tile-main.is-current,
  .miu-mega__tile-main[aria-current="page"] {
    border-color: #c8ced5 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .miu-mega__tile.is-l3-active > .miu-mega__tile-main .miu-mega__tile-arrow,
  .miu-mega__tile-main.is-current .miu-mega__tile-arrow {
    color: var(--miu-menu-red, #0b2b3b) !important;
    opacity: 1 !important;
  }

  .miu-mega__tile-main:focus-visible,
  .miu-mega__link--solo:focus-visible,
  #header .ps-mainmenu__desktop .miu-mega__group:focus-visible {
    outline: 2px solid rgba(215, 25, 32, 0.45) !important;
    outline-offset: 2px !important;
  }

  /* Icon — shared optical box, no mini-card chrome */
  .miu-mega__tile-thumb {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    padding: 2px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    background: #f4f5f7 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .miu-mega__tile-thumb.is-logo,
  .miu-mega__tile-thumb.is-fallback {
    opacity: 0.28;
    background: transparent !important;
    border: 0 !important;
  }

  .miu-mega__tile-title,
  .ps-mainmenu__desktop .miu-mega__tile-title,
  #top-menu .miu-mega .miu-mega__tile-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.01em !important;
    color: #2f353b !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  .miu-mega__tile-arrow {
    flex: 0 0 14px !important;
    width: 14px !important;
    text-align: right !important;
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    opacity: 0.55 !important;
    transition: transform 140ms ease, color 140ms ease, opacity 140ms ease;
  }

  /* —— FOOTER —— compact text CTA —— */
  .miu-mega__panel-foot,
  #header .ps-mainmenu__desktop .miu-mega__panel-foot {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: 6px !important;
    padding: 6px 2px 0 !important;
    min-height: 34px !important;
    height: auto !important;
    border-top: 1px solid #e5e7ea !important;
    background: transparent !important;
  }

  .miu-mega__panel-foot .miu-mega__viewall,
  #header .ps-mainmenu__desktop .miu-mega__panel-foot .miu-mega__viewall {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2f353b !important;
    text-decoration: none !important;
    transition: color 140ms ease !important;
  }

  .miu-mega__panel-foot .miu-mega__viewall:hover,
  #header .ps-mainmenu__desktop .miu-mega__panel-foot .miu-mega__viewall:hover {
    color: var(--miu-menu-red, #0b2b3b) !important;
  }

  /* Softer watermark on cold-gray panel */
  #header .ps-mainmenu__desktop .miu-mega__body::after {
    opacity: 0.014 !important;
  }
}

/* Narrow desktop: keep usable cards; 4 cols under 1280 */
@media (min-width: 992px) and (max-width: 1279.98px) {
  .miu-mega__tile-grid[data-count="4"],
  .miu-mega__tile-grid[data-count="5"],
  .miu-mega__tile-grid[data-count="6"],
  .miu-mega__tile-grid[data-count="7"],
  .miu-mega__tile-grid[data-count="8"],
  .miu-mega__tile-grid[data-count="9"],
  .miu-mega__tile-grid[data-count="10"],
  .miu-mega__tile-grid[data-count="11"],
  .miu-mega__tile-grid[data-count="12"],
  .miu-mega__tile-grid[data-count="13"],
  .miu-mega__tile-grid[data-count="14"],
  .miu-mega__tile-grid[data-count="15"],
  .miu-mega__tile-grid[data-count="16"],
  .miu-mega__tile-grid[data-count="17"],
  .miu-mega__tile-grid[data-count="18"],
  .miu-mega__tile-grid[data-count="19"],
  .miu-mega__tile-grid[data-count="20"],
  .miu-mega__tile-grid[data-count="21"],
  .miu-mega__tile-grid[data-count="22"],
  .miu-mega__tile-grid[data-count="23"],
  .miu-mega__tile-grid[data-count="24"],
  .miu-mega__tile-grid[data-count="25"],
  .miu-mega__tile-grid[data-count="26"],
  .miu-mega__tile-grid[data-count="27"],
  .miu-mega__tile-grid[data-count="28"],
  .miu-mega__tile-grid[data-count="29"],
  .miu-mega__tile-grid[data-count="30"],
  .miu-mega__tile-grid[data-count="31"],
  .miu-mega__tile-grid[data-count="32"],
  .miu-mega__tile-grid[data-count="33"],
  .miu-mega__tile-grid[data-count="34"],
  .miu-mega__tile-grid[data-count="35"],
  .miu-mega__tile-grid[data-count="36"] { --miu-tile-cols: 4; }

  #header .ps-mainmenu__desktop .miu-mega__groups,
  .ps-mainmenu__desktop .miu-mega__groups {
    padding: 10px 12px !important;
    column-gap: 8px !important;
    row-gap: 6px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega__body,
  .ps-mainmenu__desktop .miu-mega__body {
    padding: 10px 10px 6px !important;
  }
}

}

/* miu-mega-cols.css */
@media (min-width:992px){
/* MIU Kids — Soft Editorial Premium Megamenu V7 (+ V7.1 refined finish).
   Keeps V6 IA: L2 tabs + one panel (copy + hero). Visual polish only. */
@media (min-width: 992px) {
  .miu-mega--v6.miu-mega--v7 .miu-mega__container,
  #header .ps-mainmenu__desktop .miu-mega--v6.miu-mega--v7 .miu-mega__container,
  body:not(#cart):not(#checkout) #header .ps-mainmenu__desktop .miu-mega--v6.miu-mega--v7 .miu-mega__container {
    padding: 0 !important;
    background: var(--miu-white, #fff) !important;
    border: 1px solid rgba(11, 43, 59, 0.09) !important;
    border-top: 0 !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 16px 36px rgba(11, 43, 59, 0.1) !important;
    overflow: hidden !important;
  }

  .miu-mega--v7 .miu-mega__groups,
  .miu-mega--v7 .miu-mega__cols,
  .miu-mega--v7 .miu-mega__panel-head,
  .miu-mega--v7 .miu-mega__panel-foot {
    display: none !important;
  }

  /* ---- Tab strip: warm sand layer ---- */
  .miu-mega--v7 .miu-mega__tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0.15rem !important;
    margin: 0 !important;
    padding: 0.5rem 1.1rem 0 !important;
    border-bottom: 1px solid rgba(11, 43, 59, 0.1) !important;
    background:
      linear-gradient(180deg, #f7f5f1 0%, var(--miu-sand, #f5f4f1) 100%) !important;
    overflow-x: auto !important;
  }

  .miu-mega--v7 .miu-mega__tab,
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__tab {
    position: relative !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0.62rem 0.5rem 0.7rem !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.012em !important;
    color: rgba(11, 43, 59, 0.62) !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    transition: color 180ms ease, background-color 180ms ease !important;
  }
  .miu-mega--v7 .miu-mega__tabs[data-count="1"] .miu-mega__tab,
  .miu-mega--v7 .miu-mega__tabs[data-count="2"] .miu-mega__tab,
  .miu-mega--v7 .miu-mega__tabs[data-count="3"] .miu-mega__tab,
  .miu-mega--v7 .miu-mega__tabs[data-count="4"] .miu-mega__tab {
    flex: 1 1 0 !important;
  }
  .miu-mega--v7 .miu-mega__tab:hover {
    color: var(--miu-dark, #0b2b3b) !important;
    background: rgba(255, 255, 255, 0.62) !important;
  }
  .miu-mega--v7 .miu-mega__tab.is-active,
  .miu-mega--v7 .miu-mega__tab[aria-selected="true"],
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__tab.is-active,
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__tab[aria-selected="true"] {
    color: var(--miu-dark, #0b2b3b) !important;
    font-weight: 700 !important;
    background: rgba(93, 162, 176, 0.1) !important;
  }
  .miu-mega--v7 .miu-mega__tab.is-active::after,
  .miu-mega--v7 .miu-mega__tab[aria-selected="true"]::after {
    content: "" !important;
    position: absolute !important;
    left: 18% !important;
    right: 18% !important;
    bottom: 0 !important;
    height: 2px !important;
    border-radius: 2px 2px 0 0 !important;
    background: var(--miu-petrol, #5da2b0) !important;
  }
  .miu-mega--v7 .miu-mega__tab:focus-visible {
    outline: 2px solid var(--miu-petrol, #5da2b0) !important;
    outline-offset: -2px !important;
  }

  /* ---- Stage / content panel ---- */
  .miu-mega--v7 .miu-mega__stage {
    position: relative !important;
    min-height: 220px !important;
    padding: 1.05rem 1.35rem 1.15rem !important;
    background: linear-gradient(180deg, #faf9f7 0%, var(--miu-white, #fff) 42%) !important;
  }

  .miu-mega--v7 .miu-mega__panel {
    display: none !important;
    grid-template-columns: minmax(0, 1.85fr) minmax(260px, 0.95fr) !important;
    gap: 1.1rem 1.25rem !important;
    align-items: start !important;
    min-height: 200px !important;
  }
  .miu-mega--v7 .miu-mega__panel.is-active,
  .miu-mega--v7 .miu-mega__panel:not([hidden]) {
    display: grid !important;
  }
  .miu-mega--v7 .miu-mega__panel[hidden] {
    display: none !important;
  }

  /* V7.1 — eyebrow removed from markup; hide legacy if cached */
  .miu-mega--v7 .miu-mega__eyebrow,
  .miu-mega--v71 .miu-mega__eyebrow {
    display: none !important;
  }

  .miu-mega--v7 .miu-mega__panel-title {
    margin: 0 0 0.55rem !important;
    padding: 0 0 0.55rem !important;
    border-bottom: 1px solid rgba(11, 43, 59, 0.06) !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 1.3125rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.022em !important;
    line-height: 1.22 !important;
  }
  .miu-mega--v71 .miu-mega__copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
  .miu-mega--v7 .miu-mega__panel-title a,
  #header .ps-mainmenu__desktop .miu-mega--v7 .miu-mega__panel-title a {
    color: var(--miu-dark, #0b2b3b) !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .miu-mega--v7 .miu-mega__panel-title a:hover {
    color: var(--miu-petrol, #5da2b0) !important;
  }

  .miu-mega--v7 .miu-mega__links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 1.35rem !important;
    row-gap: 0 !important;
    list-style: none !important;
    margin: 0 0 0.9rem !important;
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .miu-mega--v7 .miu-mega__links > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Shared link base */
  .miu-mega--v7 .miu-mega__link,
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__link {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.45rem !important;
    width: 100% !important;
    margin: 0 !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    color: #334a52 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: color 160ms ease, background-color 160ms ease !important;
  }
  .miu-mega--v7 .miu-mega__link::before,
  .miu-mega--v7 .miu-mega__link::after {
    content: none !important;
    display: none !important;
  }
  .miu-mega--v7 .miu-mega__link-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .miu-mega--v7 .miu-mega__link-chev {
    flex: 0 0 auto !important;
    opacity: 0 !important;
    transform: translateX(-2px) !important;
    color: var(--miu-petrol, #5da2b0) !important;
    font-size: 1.05em !important;
    line-height: 1 !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
  }
  .miu-mega--v7 .miu-mega__link:hover .miu-mega__link-chev,
  .miu-mega--v7 .miu-mega__link:focus-visible .miu-mega__link-chev {
    opacity: 1 !important;
    transform: translateX(0) !important;
  }
  .miu-mega--v7 .miu-mega__link:focus-visible {
    outline: 2px solid var(--miu-petrol, #5da2b0) !important;
    outline-offset: 1px !important;
  }

  /* L3 links — Variant A Editorial list (selected after A/B screenshot compare) */
  .miu-mega--v7 .miu-mega__link,
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__link {
    padding: 0.5rem 0.55rem 0.5rem 0.2rem !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(11, 43, 59, 0.075) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 0 !important;
  }
  .miu-mega--v7 .miu-mega__links > li:nth-last-child(-n+2) .miu-mega__link {
    border-bottom-color: transparent !important;
  }
  .miu-mega--v7 .miu-mega__link:hover,
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__link:hover {
    color: var(--miu-dark, #0b2b3b) !important;
    background: rgba(93, 162, 176, 0.1) !important;
    border-radius: 6px !important;
    border-bottom-color: transparent !important;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .miu-mega--v7 .miu-mega__more,
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__more {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin: 0.35rem 0 0 !important;
    padding: 0.2rem 0 !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    color: var(--miu-petrol, #5da2b0) !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: color 160ms ease, gap 160ms ease !important;
  }
  .miu-mega--v7 .miu-mega__more:hover {
    color: var(--miu-dark, #0b2b3b) !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
  }
  .miu-mega--v7 .miu-mega__more:focus-visible {
    outline: 2px solid var(--miu-petrol, #5da2b0) !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
  }

  /* ---- Hero photo ---- */
  .miu-mega--v7 .miu-mega__visual,
  #header .ps-mainmenu__desktop .miu-mega--v7 a.miu-mega__visual {
    position: relative !important;
    align-self: stretch !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 228px !important;
    min-height: 228px !important;
    max-height: 228px !important;
    margin-left: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background:
      linear-gradient(145deg, #f0eeea 0%, var(--miu-sand, #f5f4f1) 55%, #ebe8e2 100%) !important;
    border: 1px solid rgba(11, 43, 59, 0.07) !important;
    box-shadow: 0 10px 24px rgba(11, 43, 59, 0.09) !important;
    text-decoration: none !important;
    transition: box-shadow 200ms ease, transform 200ms ease !important;
  }
  .miu-mega--v7 .miu-mega__visual::before,
  .miu-mega--v7 .miu-mega__visual::after {
    content: none !important;
    display: none !important;
  }
  .miu-mega--v7 .miu-mega__visual:hover {
    box-shadow: 0 12px 28px rgba(11, 43, 59, 0.12) !important;
    transform: translateY(-1px) !important;
  }
  .miu-mega--v7 .miu-mega__visual:focus-visible {
    outline: 2px solid var(--miu-petrol, #5da2b0) !important;
    outline-offset: 3px !important;
  }

  #header .ps-mainmenu__desktop .miu-mega--v7 img.miu-mega__hero,
  .miu-mega--v7 .miu-mega__visual > img.miu-mega__hero {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    background: #fff !important;
    transition: opacity 180ms ease !important;
    transform: none !important;
  }
  .miu-mega--v71 .miu-mega__visual-caption {
    position: absolute !important;
    left: 0.65rem !important;
    right: 0.65rem !important;
    bottom: 0.55rem !important;
    margin: 0 !important;
    padding: 0.2rem 0.45rem !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: var(--miu-dark, #0b2b3b) !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    opacity: 0 !important;
    transform: translateY(4px) !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
    pointer-events: none !important;
  }
  .miu-mega--v71 .miu-mega__visual.is-previewing .miu-mega__visual-caption {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  .miu-mega--v7 .miu-mega__visual:hover img.miu-mega__hero:not(.is-fallback):not(.is-logo),
  .miu-mega--v8.miu-mega--v7 .miu-mega__visual:hover img.miu-mega__hero:not(.is-fallback):not(.is-logo) {
    transform: none !important;
  }
  .miu-mega--v7 img.miu-mega__hero.is-logo,
  .miu-mega--v7 img.miu-mega__hero.is-fallback {
    object-fit: contain !important;
    padding: 18% !important;
    opacity: 0.28;
  }

  /* Per-cid object-position removed: miu_mega thumbs are full-frame contain, not cover-crop. */

  #header .ps-mainmenu__desktop .miu-mega--v7.js-sub-menu,
  #header .ps-mainmenu__desktop .submenu.miu-mega--v7 {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .miu-mega--v7 .miu-mega__tab {
    font-size: 0.8rem !important;
    padding: 0.55rem 0.35rem 0.6rem !important;
  }
  .miu-mega--v7 .miu-mega__panel {
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) !important;
    gap: 1rem !important;
  }
  .miu-mega--v7 .miu-mega__visual {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .miu-mega--v7 .miu-mega__tab,
  .miu-mega--v7 .miu-mega__link,
  .miu-mega--v7 .miu-mega__more,
  .miu-mega--v7 .miu-mega__visual,
  .miu-mega--v7 .miu-mega__hero,
  .miu-mega--v7 .miu-mega__link-chev {
    transition: none !important;
  }
  .miu-mega--v7 .miu-mega__visual:hover {
    transform: none !important;
  }
  .miu-mega--v7 .miu-mega__visual:hover img.miu-mega__hero {
    transform: none !important;
  }
}

/* ========== V7.2 — boutique finish ========== */
@media (min-width: 992px) {
  .miu-mega--v72 .miu-mega__container {
    box-shadow: 0 18px 40px rgba(11, 43, 59, 0.11) !important;
    border-color: rgba(11, 43, 59, 0.08) !important;
  }

  /* L2 — less “admin tab”, more boutique pill underline */
  .miu-mega--v72 .miu-mega__tabs {
    padding: 0.4rem 1.15rem 0 !important;
    gap: 0.2rem !important;
    background: linear-gradient(180deg, #faf8f5 0%, var(--miu-sand, #f5f4f1) 100%) !important;
  }
  .miu-mega--v72 .miu-mega__tab,
  #header .ps-mainmenu__desktop .miu-mega--v72 a.miu-mega__tab {
    padding: 0.58rem 0.45rem 0.68rem !important;
    border-radius: 0 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: rgba(11, 43, 59, 0.58) !important;
    background: transparent !important;
  }
  .miu-mega--v72 .miu-mega__tab:hover {
    color: var(--miu-dark, #0b2b3b) !important;
    background: transparent !important;
  }
  .miu-mega--v72 .miu-mega__tab.is-active,
  .miu-mega--v72 .miu-mega__tab[aria-selected="true"],
  #header .ps-mainmenu__desktop .miu-mega--v72 a.miu-mega__tab.is-active,
  #header .ps-mainmenu__desktop .miu-mega--v72 a.miu-mega__tab[aria-selected="true"] {
    color: var(--miu-dark, #0b2b3b) !important;
    font-weight: 700 !important;
    background: transparent !important;
  }
  .miu-mega--v72 .miu-mega__tab.is-active::after,
  .miu-mega--v72 .miu-mega__tab[aria-selected="true"]::after {
    left: 22% !important;
    right: 22% !important;
    height: 2px !important;
    background: var(--miu-petrol, #5da2b0) !important;
  }

  .miu-mega--v72 .miu-mega__panel-title {
    font-size: 1.25rem !important;
    margin: 0 0 0.5rem !important;
    padding: 0 0 0.5rem !important;
    border-bottom: 1px solid rgba(11, 43, 59, 0.055) !important;
  }

  .miu-mega--v72 .miu-mega__link,
  #header .ps-mainmenu__desktop .miu-mega--v72 a.miu-mega__link {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    padding: 0.48rem 0.45rem 0.48rem 0.15rem !important;
    color: #2f4450 !important;
  }
  .miu-mega--v72 .miu-mega__link:hover,
  #header .ps-mainmenu__desktop .miu-mega--v72 a.miu-mega__link:hover {
    background: rgba(93, 162, 176, 0.08) !important;
    color: var(--miu-dark, #0b2b3b) !important;
    border-radius: 6px !important;
  }

  .miu-mega--v72 .miu-mega__visual {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(11, 43, 59, 0.08) !important;
  }

  /* Caption: hide noisy on-photo label (Variant A — photo only) */
  .miu-mega--v72 .miu-mega__visual-caption {
    display: none !important;
  }
}

/* ========== V8 — Square editorial preview ========== */
/* V8.1 — wide balanced panel (fixes max-content centering) */
@media (min-width: 992px) {
  .miu-mega--v8 .miu-mega__stage {
    padding: 0.8rem 1.35rem 0.9rem !important;
  }

  .miu-mega--v8 .miu-mega__panel,
  .miu-mega--v8 .miu-mega__panel.is-active,
  .miu-mega--v8 .miu-mega__panel:not([hidden]) {
    width: 100% !important;
    max-width: 1320px !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--miu-mega-sq, 268px) !important;
    gap: 0.75rem 1.75rem !important;
    align-items: start !important;
    min-height: 0 !important;
    justify-content: stretch !important;
  }

  /* Layout A — Balanced Wide (~275px square) */
  .miu-mega--v8[data-layout="a"] {
    --miu-mega-sq: clamp(255px, 17.5vw, 275px);
  }
  /* Layout B — Refined Compact (~255px square) */
  .miu-mega--v8[data-layout="b"] {
    --miu-mega-sq: clamp(240px, 16vw, 255px);
  }
  /* Final default: refined hybrid between A/B */
  .miu-mega--v8:not([data-layout]),
  .miu-mega--v8[data-layout="c"] {
    --miu-mega-sq: clamp(250px, 17vw, 268px);
  }

  .miu-mega--v8 .miu-mega__copy {
    max-width: none !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  .miu-mega--v8 .miu-mega__links {
    column-gap: clamp(1.25rem, 2.2vw, 2rem) !important;
    margin-bottom: 0.55rem !important;
    max-width: none !important;
    width: 100% !important;
  }

  .miu-mega--v8 .miu-mega__panel-title {
    font-size: 1.25rem !important; /* 20px */
    font-weight: 700 !important;
    margin-bottom: 0.4rem !important;
    padding-bottom: 0.4rem !important;
  }

  .miu-mega--v8 .miu-mega__more {
    margin-top: 0.15rem !important;
  }

  /* Square media — kill landscape fixed heights from v7/v72 */
  .miu-mega--v8 .miu-mega__visual,
  #header .ps-mainmenu__desktop .miu-mega--v8 a.miu-mega__visual,
  .miu-mega--v8.miu-mega--v72 .miu-mega__visual {
    width: var(--miu-mega-sq, 275px) !important;
    max-width: var(--miu-mega-sq, 275px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    align-self: start !important;
    justify-self: end !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ebe8e2 !important;
    border: 1px solid rgba(11, 43, 59, 0.07) !important;
    box-shadow: 0 4px 14px rgba(11, 43, 59, 0.06) !important;
    transform: none !important;
    padding: 0 !important;
  }

  /* Keep square-clean as default presentation */
  .miu-mega--v8[data-square="a"] .miu-mega__visual,
  .miu-mega--v8[data-square="b"] .miu-mega__visual,
  .miu-mega--v8:not([data-square]) .miu-mega__visual,
  #header .ps-mainmenu__desktop .miu-mega--v8 a.miu-mega__visual {
    padding: 0 !important;
    background: #ebe8e2 !important;
    box-shadow: 0 4px 14px rgba(11, 43, 59, 0.06) !important;
  }

  .miu-mega--v8 .miu-mega__visual:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(11, 43, 59, 0.1) !important;
  }

  #header .ps-mainmenu__desktop .miu-mega--v8 img.miu-mega__hero,
  .miu-mega--v8 .miu-mega__visual > img.miu-mega__hero {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    background: #fff !important;
    transition: opacity 180ms ease !important;
    transform: none !important;
  }

  .miu-mega--v8 .miu-mega__visual:hover img.miu-mega__hero:not(.is-fallback):not(.is-logo),
  #header .ps-mainmenu__desktop .miu-mega--v8 .miu-mega__visual:hover img.miu-mega__hero:not(.is-fallback):not(.is-logo) {
    transform: none !important;
  }

  .miu-mega--v8 .miu-mega__visual-caption {
    display: none !important;
  }

  .miu-mega--v8 img.miu-mega__hero.is-logo,
  .miu-mega--v8 img.miu-mega__hero.is-fallback {
    object-fit: contain !important;
    padding: 14% !important;
    background: #f7f6f3 !important;
  }
}

@media (min-width: 992px) and (max-width: 1279.98px) {
  .miu-mega--v8 .miu-mega__stage {
    padding: 0.75rem 1.15rem 0.85rem !important;
  }
  .miu-mega--v8 .miu-mega__panel,
  .miu-mega--v8 .miu-mega__panel.is-active,
  .miu-mega--v8 .miu-mega__panel:not([hidden]) {
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) clamp(220px, 22vw, 250px) !important;
    gap: 0.75rem 1.25rem !important;
  }
  .miu-mega--v8 .miu-mega__copy {
    max-width: 560px !important;
  }
  .miu-mega--v8 .miu-mega__links {
    max-width: none !important;
    column-gap: 1.15rem !important;
  }
  .miu-mega--v8 .miu-mega__visual,
  #header .ps-mainmenu__desktop .miu-mega--v8 a.miu-mega__visual {
    width: clamp(220px, 22vw, 250px) !important;
    max-width: clamp(220px, 22vw, 250px) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .miu-mega--v8 .miu-mega__visual {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

/* V8.2 — L3 list polish (shorter row dividers, explore spacing) */
@media (min-width: 992px) {
  .miu-mega--v82 .miu-mega__links {
    max-width: 38rem !important;
  }
  .miu-mega--v82 .miu-mega__link,
  #header .ps-mainmenu__desktop .miu-mega--v82 a.miu-mega__link {
    margin-inline-end: 0.4rem !important;
    border-bottom-color: rgba(11, 43, 59, 0.06) !important;
  }
  .miu-mega--v82 .miu-mega__more {
    margin-top: 0.35rem !important;
    padding-top: 0.15rem !important;
  }
}

/* ========== V8.3 — editorial center + curated frame ========== */
@media (min-width: 1280px) {
  .miu-mega--v83 .miu-mega__panel,
  .miu-mega--v83 .miu-mega__panel.is-active,
  .miu-mega--v83 .miu-mega__panel:not([hidden]),
  #header .ps-mainmenu__desktop .miu-mega--v83 .miu-mega__panel.is-active {
    grid-template-columns: minmax(280px, 34rem) minmax(210px, 1fr) var(--miu-mega-sq, 252px) !important;
    gap: 0.25rem 1.65rem !important;
    align-items: start !important;
  }

  .miu-mega--v83 {
    --miu-mega-sq: 252px;
  }

  .miu-mega--v83 .miu-mega__links,
  .miu-mega--v83 .miu-mega__copy {
    max-width: none !important;
  }

  .miu-mega--v83 .miu-mega__note {
    align-self: start !important;
    min-width: 0 !important;
    margin: 0.15rem 0 0 !important;
    padding: 0.15rem 0.35rem 0.2rem 1.05rem !important;
    border-left: 1px solid rgba(93, 162, 176, 0.7) !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .miu-mega--v83 .miu-mega__kicker {
    margin: 0 0 0.45rem !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    color: #5da2b0 !important;
  }

  .miu-mega--v83 .miu-mega__note-title {
    margin: 0 0 0.45rem !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 1.28rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.03em !important;
    line-height: 1.18 !important;
    color: #0b2b3b !important;
  }

  .miu-mega--v83 .miu-mega__note-lede {
    margin: 0 0 0.85rem !important;
    max-width: 34ch !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 450 !important;
    line-height: 1.45 !important;
    color: rgba(11, 43, 59, 0.72) !important;
  }

  .miu-mega--v83 .miu-mega__note-cta,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__note-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    color: #5da2b0 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .miu-mega--v83 .miu-mega__note-cta:hover,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__note-cta:hover {
    color: #0b2b3b !important;
    gap: 0.5rem !important;
    text-decoration: none !important;
  }

  .miu-mega--v83 .miu-mega__note-cta:focus-visible {
    outline: 2px solid #5da2b0 !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
  }

  .miu-mega--v83 .miu-mega__visual,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__visual {
    border-radius: 16px !important;
    border: 1px solid rgba(11, 43, 59, 0.08) !important;
    box-shadow:
      0 10px 24px rgba(11, 43, 59, 0.08),
      inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
    background: #fff !important;
  }

  #header .ps-mainmenu__desktop .miu-mega--v83 img.miu-mega__hero,
  .miu-mega--v83 .miu-mega__visual > img.miu-mega__hero {
    object-fit: cover !important;
    background: #fff !important;
  }

  .miu-mega--v83 .miu-mega__frame-cap {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 1.75rem 0.75rem 0.62rem !important;
    background: linear-gradient(180deg, rgba(11, 43, 59, 0) 0%, rgba(11, 43, 59, 0.58) 100%) !important;
    color: #fff !important;
    font-family: Mulish, system-ui, sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.25 !important;
    pointer-events: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .miu-mega--v83 {
    --miu-mega-sq: 228px;
  }
  .miu-mega--v83 .miu-mega__panel,
  .miu-mega--v83 .miu-mega__panel.is-active,
  .miu-mega--v83 .miu-mega__panel:not([hidden]) {
    grid-template-columns: minmax(240px, 30rem) minmax(180px, 1fr) var(--miu-mega-sq, 228px) !important;
    gap: 0.2rem 1.15rem !important;
  }
  .miu-mega--v83 .miu-mega__note-title {
    font-size: 1.12rem !important;
  }
  .miu-mega--v83 .miu-mega__note-lede {
    font-size: 0.84rem !important;
  }
}

/* ========== V8.4 — crisp white surfaces, editorial marks, no tinted bars ========== */
@media (min-width: 1280px) {
  .miu-mega--v83 .miu-mega__container,
  .miu-mega--v83 .miu-mega__tabs,
  .miu-mega--v83 .miu-mega__stage,
  #header .ps-mainmenu__desktop .miu-mega--v83 .miu-mega__tabs,
  #header .ps-mainmenu__desktop .miu-mega--v83 .miu-mega__stage {
    background: #ffffff !important;
    background-image: none !important;
  }

  .miu-mega--v83 .miu-mega__tabs {
    border-bottom: 1px solid rgba(11, 43, 59, 0.08) !important;
    padding: 0.15rem 1.2rem 0 !important;
  }

  .miu-mega--v83 .miu-mega__tab,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__tab {
    color: rgba(11, 43, 59, 0.52) !important;
    background: transparent !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
  }

  .miu-mega--v83 .miu-mega__tab:hover,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__tab:hover {
    color: #0b2b3b !important;
    background: transparent !important;
  }

  .miu-mega--v83 .miu-mega__tab.is-active,
  .miu-mega--v83 .miu-mega__tab[aria-selected="true"],
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__tab.is-active {
    color: #0b2b3b !important;
    font-weight: 700 !important;
    background: transparent !important;
  }

  .miu-mega--v83 .miu-mega__tab.is-active::after,
  .miu-mega--v83 .miu-mega__tab[aria-selected="true"]::after {
    left: 16% !important;
    right: 16% !important;
    height: 2px !important;
    background: #5da2b0 !important;
  }

  .miu-mega--v83 .miu-mega__panel-title {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0.65rem !important;
  }

  .miu-mega--v83 .miu-mega__panel-title::after {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 2px !important;
    margin-top: 0.45rem !important;
    background: #5da2b0 !important;
    border-radius: 1px !important;
  }

  .miu-mega--v83 .miu-mega__link,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__link {
    border-bottom-color: rgba(11, 43, 59, 0.055) !important;
  }

  .miu-mega--v83 .miu-mega__link:hover,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__link:hover {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: inset 2px 0 0 #5da2b0 !important;
    color: #0b2b3b !important;
  }

  .miu-mega--v83 .miu-mega__note {
    position: relative !important;
    margin-top: 0.35rem !important;
    padding: 0.15rem 0.2rem 0.2rem 1.15rem !important;
    border-left: 2px solid #5da2b0 !important;
    background: transparent !important;
  }

  .miu-mega--v83 .miu-mega__note::before {
    content: "" !important;
    position: absolute !important;
    left: -4px !important;
    top: -1px !important;
    width: 7px !important;
    height: 7px !important;
    background: #5da2b0 !important;
    border-radius: 1px !important;
  }

  .miu-mega--v83 .miu-mega__kicker::after {
    content: "" !important;
    display: inline-block !important;
    width: 18px !important;
    height: 1px !important;
    margin-left: 0.55rem !important;
    background: #5da2b0 !important;
    vertical-align: middle !important;
    transform: translateY(-1px) !important;
  }

  .miu-mega--v83 .miu-mega__note-title {
    font-size: 1.42rem !important;
    font-weight: 650 !important;
    letter-spacing: -0.032em !important;
    line-height: 1.12 !important;
  }

  .miu-mega--v83 .miu-mega__note-cta,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__note-cta {
    font-weight: 700 !important;
    border-bottom: 1px solid rgba(93, 162, 176, 0.45) !important;
    padding-bottom: 1px !important;
  }

  .miu-mega--v83 .miu-mega__visual,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__visual {
    border-radius: 16px !important;
    border: 0 !important;
    box-shadow:
      0 0 0 1px rgba(11, 43, 59, 0.08),
      0 16px 32px rgba(11, 43, 59, 0.1) !important;
    background: #fff !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439.98px) {
  .miu-mega--v83 .miu-mega__note-title {
    font-size: 1.2rem !important;
  }
}

/* Link columns are independent: a wrap in one column does not stretch the other. */
@media (min-width: 1280px) {
  .miu-mega--v83 .miu-mega__cols {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: clamp(1.15rem, 2vw, 2rem) !important;
    align-items: start !important;
    width: 100% !important;
    margin: 0 0 0.55rem !important;
  }

  .miu-mega--v83 .miu-mega__cols > .miu-mega__links {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  .miu-mega--v83 .miu-mega__cols > .miu-mega__links > li:nth-last-child(-n+2) .miu-mega__link {
    border-bottom-color: rgba(11, 43, 59, 0.055) !important;
  }

  .miu-mega--v83 .miu-mega__cols > .miu-mega__links > li:last-child .miu-mega__link {
    border-bottom-color: transparent !important;
  }
}

/* V8.5 — links first, editorial quieter, petrol only on interaction. White surfaces stay. */
@media (min-width: 1280px) {
  .miu-mega--v83 .miu-mega__panel-title,
  .miu-mega--v83 .miu-mega__panel-title a {
    color: #0b2b3b !important;
    font-weight: 700 !important;
  }

  .miu-mega--v83 .miu-mega__link,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__link {
    color: #49616d !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    padding-top: 0.52rem !important;
    padding-bottom: 0.52rem !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: color 180ms ease !important;
  }

  .miu-mega--v83 .miu-mega__link-text {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  .miu-mega--v83 .miu-mega__link-label {
    grid-area: 1 / 1 !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 0.16em !important;
    transition: color 180ms ease, font-weight 180ms ease, text-decoration-color 180ms ease !important;
  }

  /* Bold copy reserves wrap height so hover weight does not move the row. */
  .miu-mega--v83 .miu-mega__link-text::after {
    content: attr(data-label) !important;
    grid-area: 1 / 1 !important;
    font-weight: 650 !important;
    line-height: inherit !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .miu-mega--v83 .miu-mega__link-chev {
    opacity: 0.55 !important;
    color: #8aaeb6 !important;
    transform: translateX(0) !important;
    width: 0.85rem !important;
    text-align: right !important;
    transition: color 180ms ease, opacity 180ms ease, transform 180ms ease !important;
  }

  .miu-mega--v83 .miu-mega__link:focus-visible,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__link:focus-visible {
    color: #0b2b3b !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 2px solid #5da2b0 !important;
    outline-offset: 2px !important;
  }

  .miu-mega--v83 .miu-mega__link:focus-visible .miu-mega__link-label {
    color: #0b2b3b !important;
    font-weight: 650 !important;
    text-decoration-color: #5da2b0 !important;
  }

  .miu-mega--v83 .miu-mega__link:focus-visible .miu-mega__link-chev {
    opacity: 1 !important;
    color: #347f90 !important;
    transform: translateX(2px) !important;
  }
}

@media (min-width: 1280px) and (hover: hover) and (pointer: fine) {
  .miu-mega--v83 .miu-mega__link:hover,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__link:hover {
    color: #0b2b3b !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .miu-mega--v83 .miu-mega__link:hover .miu-mega__link-label {
    color: #0b2b3b !important;
    font-weight: 650 !important;
    text-decoration-color: #5da2b0 !important;
  }

  .miu-mega--v83 .miu-mega__link:hover .miu-mega__link-chev {
    opacity: 1 !important;
    color: #347f90 !important;
    transform: translateX(2px) !important;
  }
}

@media (min-width: 1280px) {
  .miu-mega--v83 .miu-mega__note {
    border-left-width: 1px !important;
    border-left-color: #86b3be !important;
    background: transparent !important;
  }

  .miu-mega--v83 .miu-mega__note::before {
    content: none !important;
    display: none !important;
  }

  .miu-mega--v83 .miu-mega__kicker {
    color: #437b8a !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
  }

  .miu-mega--v83 .miu-mega__kicker::after {
    width: 24px !important;
    background: #86b3be !important;
  }

  .miu-mega--v83 .miu-mega__note-title {
    color: #627985 !important;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.22 !important;
  }

  .miu-mega--v83 .miu-mega__note-lede {
    color: #647a84 !important;
    font-size: 0.86rem !important;
    font-weight: 450 !important;
    line-height: 1.45 !important;
  }

  .miu-mega--v83 .miu-mega__note-cta,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__note-cta {
    color: #3a7482 !important;
    font-weight: 650 !important;
    border-bottom-color: rgba(58, 116, 130, 0.35) !important;
  }

  .miu-mega--v83 .miu-mega__note-cta:hover,
  .miu-mega--v83 .miu-mega__note-cta:focus-visible,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__note-cta:hover,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__note-cta:focus-visible {
    color: #0b2b3b !important;
  }

  .miu-mega--v83 .miu-mega__visual,
  #header .ps-mainmenu__desktop .miu-mega--v83 a.miu-mega__visual {
    box-shadow: 0 0 0 1px rgba(11, 43, 59, 0.08) !important;
  }

  .miu-mega--v83 .miu-mega__frame-cap {
    left: auto !important;
    right: 0.55rem !important;
    bottom: 0.55rem !important;
    width: auto !important;
    max-width: calc(100% - 1.1rem) !important;
    padding: 0.18rem 0.45rem !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #0b2b3b !important;
    font-size: 0.68rem !important;
    font-weight: 650 !important;
  }
}

}

/* miu-category-drawer.css */
/* HL mobile category drawer (hamburger) + hide legacy / page-content duplicates */

/* Never show the old page-content "Kategooriad" trigger */
.miu-catdrawer-trigger {
  display: none !important;
}

/* Kill Hummingbird Bootstrap offcanvas mobile menu */
#mobileMenu,
.ps-mainmenu--mobile.offcanvas,
.ps-mainmenu--mobile.js-menu-canvas {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 1280px) {
  .miu-catdrawer.miu-mobile-nav,
  [data-miu-mobile-nav] {
    display: none !important;
  }

  .ps-mainmenu__mobile-toggle {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .ps-mainmenu__desktop {
    display: none !important;
  }

  .ps-mainmenu__mobile-toggle,
  .menu-toggle {
    display: inline-flex !important;
  }
}

/* Category/product left column: catside desktop-only; hide column under 1100 */
@media (max-width: 1099.98px) {
  #left-column .hl-catside--desktop {
    display: none !important;
  }

  body:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column,
  body:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #left-column.left-column,
  body:has(.hl-catside) #left-column {
    display: none !important;
    grid-column: auto !important;
  }

  body:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) .columns-container > .row,
  body:has(.hl-catside) .columns-container > .row {
    grid-template-columns: minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }

  body:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column,
  body:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #content-wrapper,
  body:has(.hl-catside):not(#pagenotfound):not(.page-pagenotfound) #center-column.center-column,
  body:has(.hl-catside) #center-column,
  body:has(.hl-catside) #content-wrapper {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* ===== Drawer shell ===== */
.miu-catdrawer[hidden] {
  display: none !important;
}

.miu-catdrawer:not([hidden]) {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 10050;
}

.miu-catdrawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, .45);
}

.miu-catdrawer__panel {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(90vw, 420px);
  height: 100dvh;
  max-height: 100dvh;
  background: #fff;
  box-shadow: 8px 0 28px rgba(0, 0, 0, .15);
  display: flex;
  flex-direction: column;
  transform: translateX(-104%);
  transition: transform .18s ease;
}

.miu-catdrawer.is-open .miu-catdrawer__panel {
  transform: translateX(0);
}

.miu-catdrawer__header {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  column-gap: 4px;
  min-height: 56px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--hl-cs-line, #ececec);
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
}

.miu-catdrawer__title {
  grid-column: 2;
  margin: 0;
  min-width: 0;
  text-align: center;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--hl-cs-text, #18191a);
  /* Long drill-down names may ellipsis; root "Kategooriad" must fit */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.miu-catdrawer__back,
.miu-catdrawer__close {
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--hl-cs-text, #18191a);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.miu-catdrawer__back {
  grid-column: 1;
  justify-self: start;
}

.miu-catdrawer__close {
  grid-column: 3;
  justify-self: end;
}

/* Keep the back slot in the grid when hidden — [hidden] would display:none
   and push the title into the 44px first column ("KAT..."). */
.miu-catdrawer__back[hidden] {
  display: inline-flex !important;
  visibility: hidden;
  pointer-events: none;
}

.miu-catdrawer__body {
  flex: 1 1 auto;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 8px 10px 28px;
  transition: transform .15s ease, opacity .15s ease;
}

.miu-catdrawer__body.is-slide-out {
  opacity: 0;
  transform: translateX(-12px);
}

.miu-catdrawer__body.is-slide-in {
  opacity: 1;
  transform: translateX(0);
}

.miu-catdrawer__view-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 4px 0 12px;
  padding: 12px;
  border-radius: 10px;
  background: var(--hl-cs-soft, #f5f6f7);
  color: var(--hl-cs-text, #18191a) !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

.miu-catdrawer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.miu-catdrawer__item {
  border-bottom: 1px solid #f1f2f4;
}

.miu-catdrawer__item-link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 50px;
  padding: 8px 4px;
  color: var(--hl-cs-text, #18191a) !important;
  text-decoration: none !important;
}

.miu-catdrawer__item.is-current .miu-catdrawer__item-link {
  background: rgba(11, 43, 59, 0.04);
  border-radius: 8px;
  padding-left: 8px;
  color: #0b2b3b !important;
}

.miu-catdrawer__note {
  margin: 2px 2px 14px;
  padding: 2px 4px 0 12px;
  border-left: 1px solid rgba(93, 162, 176, 0.7);
}

.miu-catdrawer__kicker {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #5da2b0;
}

.miu-catdrawer__kicker::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1px;
  margin-left: 8px;
  background: #5da2b0;
  vertical-align: middle;
}

.miu-catdrawer__headline {
  margin: 0;
  font-size: 15px;
  font-weight: 550;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: #47616c;
}

.miu-catdrawer__item-label {
  color: #0b2b3b;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.35;
}

.miu-catdrawer__item-thumb {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: #f3f4f6;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.miu-catdrawer__item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.miu-catdrawer__item-thumb.is-fallback {
  background: linear-gradient(135deg, #f8f8f8, #efefef);
}

.miu-catdrawer__item-thumb.is-logo {
  padding: 6px;
  box-sizing: border-box;
}

.miu-catdrawer__item-thumb.is-logo img {
  opacity: .92;
}

.miu-catdrawer__item-label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.miu-catdrawer__item-chev {
  flex: 0 0 20px;
  color: var(--hl-cs-muted, #6b7280);
  font-size: 18px;
}

.miu-catdrawer__fallback {
  list-style: none;
  margin: 0;
  padding: 8px;
}

.miu-catdrawer__fallback a {
  display: block;
  padding: 12px 8px;
  color: var(--hl-cs-text, #18191a);
  text-decoration: none;
  border-bottom: 1px solid var(--hl-cs-line, #ececec);
}

body.miu-catdrawer-open {
  overflow: hidden !important;
  touch-action: none;
}

@media (max-width: 380px) {
  .miu-catdrawer__panel {
    width: 100vw;
    max-width: 100vw;
  }
}

/* miu-home-shell.css */
/**
 * MIU homepage shell
 * Structure follows HL section order; visual language stays airy & premium (MIU).
 */

.miu-home-shell {
  padding: 0 0 3.5rem;
}
.miu-home-shell__hero-wrap {
  margin-bottom: 1.75rem;
}
.miu-home-shell__cats {
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.miu-home-shell__pad {
  margin-bottom: 2.75rem;
}
.miu-home-shell__pad:last-child {
  margin-bottom: 0;
}
.miu-home-anchor {
  height: 0;
  overflow: hidden;
}

.miu-home-sec-title {
  font-size: clamp(1.45rem, 2.2vw, 1.85rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--miu-dark);
  margin: 0;
  position: relative;
  padding-bottom: 0.55rem;
}
.miu-home-sec-title::after {
  content: "";
  display: block;
  width: 2.25rem;
  height: 3px;
  margin-top: 0.55rem;
  background: var(--miu-dark);
  border-radius: 2px;
}
.miu-home-more {
  font-weight: 700;
  color: var(--miu-petrol);
  text-decoration: none;
  white-space: nowrap;
  font-size: 0.95rem;
}
.miu-home-more:hover {
  color: var(--miu-mustard);
}

/* ---- HERO (compact premium opening + soft dir cards) ---- */
.miu-home-hero {
  position: relative;
  background:
    radial-gradient(720px 320px at 92% 8%, rgba(93, 162, 176, 0.14), transparent 52%),
    var(--miu-surface-grad-hero);
  border-radius: calc(var(--miu-radius) + 6px);
  padding: 1.85rem 1.85rem 1.75rem;
  border: 0;
  color: #fff;
  box-shadow: 0 14px 28px -14px rgba(47, 59, 68, 0.14);
}
.miu-home-hero__brand {
  color: rgba(255, 255, 255, 0.78) !important;
}
.miu-home-hero__title {
  color: #fff !important;
}
.miu-home-hero__lead {
  color: rgba(255, 255, 255, 0.88) !important;
}
.miu-home-hero .miu-btn--ghost {
  border-color: rgba(255, 255, 255, 0.45);
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}
.miu-home-hero .miu-btn--ghost:hover {
  background: #fff;
  color: var(--miu-dark);
  border-color: #fff;
}
.miu-home-hero .miu-btn--solid {
  background: #fff;
  border-color: #fff;
  color: var(--miu-dark);
}
.miu-home-hero .miu-btn--solid:hover {
  background: var(--miu-petrol-soft);
  border-color: var(--miu-petrol-soft);
  color: var(--miu-dark);
}
.miu-home-hero__grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 0.85rem 1.35rem;
  align-items: center;
  min-height: 0;
}
.miu-home-hero__dir-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 800;
  font-size: 1.35rem;
  color: var(--miu-dark);
  background: linear-gradient(145deg, #f5f4f1, #e0ecee);
}
.miu-home-hero__brand {
  margin: 0 0 0.4rem;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.miu-home-hero__title {
  margin: 0 0 0.5rem;
  font-size: clamp(1.4rem, 2.5vw, 1.9rem);
  line-height: 1.1;
  font-weight: 800;
  max-width: 14ch;
}
.miu-home-hero__lead {
  margin: 0 0 1rem;
  max-width: 34ch;
  line-height: 1.4;
  font-size: 0.92rem;
}
.miu-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.miu-home-hero__dirs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.5rem;
}
.miu-home-hero__dir {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--miu-radius);
  padding: 0.5rem 0.7rem;
  text-decoration: none;
  color: #fff;
  transition: transform 0.2s ease, background var(--miu-transition), box-shadow var(--miu-transition);
}
.miu-home-hero__dir:hover {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  transform: translateY(-2px);
  color: #fff;
}
.miu-home-hero__dir-media {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  overflow: hidden;
  flex: 0 0 auto;
  background: var(--miu-sand-deep);
}
.miu-home-hero__dir-media img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  display: block;
}
.miu-home-hero__dir-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.65rem;
  flex: 1;
}
.miu-home-hero__dir-name {
  font-weight: 800;
  color: #fff;
  font-size: 1rem;
  letter-spacing: -0.01em;
}
.miu-home-hero__dir-arrow {
  color: var(--miu-petrol);
  font-weight: 700;
  font-size: 1.1rem;
}

@media (max-width: 991.98px) {
  .miu-home-shell {
    padding: 0 0 2.5rem;
  }
  .miu-home-shell__hero-wrap {
    margin: 0 0 0.85rem;
  }
  .miu-home-shell__hero-wrap .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .miu-home-hero {
    border-radius: 0;
    box-shadow: none;
    padding: 1.45rem 1.15rem 1.35rem;
  }
  .miu-home-hero__aside {
    display: none !important;
  }
  .miu-home-hero__grid {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 0;
  }
  .miu-home-hero__brand {
    font-size: 0.72rem;
    margin: 0 0 0.35rem;
  }
  .miu-home-hero__title {
    max-width: 14ch;
    font-size: clamp(1.3rem, 5.8vw, 1.65rem);
    margin: 0 0 0.4rem;
    line-height: 1.12;
  }
  .miu-home-hero__lead {
    font-size: 0.84rem;
    line-height: 1.35;
    margin: 0 0 0.9rem;
    max-width: 34ch;
  }
  .miu-home-hero__actions {
    gap: 0.45rem;
    margin: 0;
  }
  .miu-home-hero .miu-btn {
    min-height: 36px;
    padding: 0.4rem 0.85rem;
    font-size: 0.84rem;
  }
  .miu-home-shell__pad {
    margin-bottom: 1.5rem;
  }
  .miu-home-sec-title {
    font-size: 1.25rem;
  }
  .miu-home-sec-title::after {
    width: 1.65rem;
    height: 2px;
    margin-top: 0.4rem;
  }
}

/* Mid: cats first on mobile, then trust */
.miu-home-shell__mid {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
@media (max-width: 767.98px) {
  .miu-home-shell__mid {
    gap: 1.5rem;
  }
  .miu-home-shell__cats {
    order: 1;
  }
  .miu-home-shell__trust {
    order: 2;
  }
}

/* ---- TRUST ---- */
.miu-home-trust__list {
  list-style: none;
  margin: 0;
  padding: 1.5rem 1.75rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  background: var(--miu-sand);
  border: 0;
  border-radius: calc(var(--miu-radius) + 2px);
}
.miu-home-trust__primary {
  display: block;
  font-weight: 800;
  color: var(--miu-dark);
  font-size: 1rem;
  letter-spacing: -0.01em;
}
.miu-home-trust__secondary {
  display: block;
  color: var(--miu-text-muted);
  font-size: 0.9rem;
  margin-top: 0.3rem;
  line-height: 1.4;
}
@media (max-width: 991.98px) {
  .miu-home-trust__list {
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem 1rem;
    padding: 1rem 0.15rem;
    background: transparent;
    border-radius: 0;
  }
  .miu-home-trust__primary {
    font-size: 0.9rem;
  }
  .miu-home-trust__secondary {
    font-size: 0.8rem;
  }
}
@media (max-width: 575.98px) {
  .miu-home-trust__list {
    grid-template-columns: 1fr 1fr;
  }
}

/* ---- QUICK CATEGORIES — premium bento mosaic (dynamic by count) ---- */
.miu-home-quick__head,
.miu-home-blog-featured__head,
.miu-home-blog2__head,
.miu-home-discover__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.25rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.miu-home-quick__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 70px;
}
.miu-home-quick__item {
  min-height: 0;
  height: 100%;
  min-width: 0;
  border-radius: 14px;
}
.miu-home-quick__link {
  position: relative;
  display: block;
  height: 100%;
  min-height: 70px;
  text-decoration: none;
  color: #fff;
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
  transition: transform 0.22s ease;
}
.miu-home-quick__link:hover {
  transform: translateY(-2px);
  color: #fff;
}
.miu-home-quick__link:focus-visible {
  outline: 2px solid var(--miu-petrol);
  outline-offset: 2px;
}
/* Single clip layer — fixes dark corner bleed from stacked overflow */
.miu-home-quick__surface {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  background: #fff;
}
.miu-home-quick__item:hover .miu-home-quick__link {
  box-shadow: 0 8px 20px rgba(47, 59, 68, 0.08);
}
.miu-home-quick__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  background: var(--miu-surface-grad-card);
  display: block;
  z-index: 0;
}
/* Soft stretched fill — used for packshot / small product covers */
.miu-home-quick__wm {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  filter: blur(16px) saturate(1.05) brightness(0.82);
  transform: scale(1.08);
  pointer-events: none;
}
.miu-home-quick__media.is-wm .miu-home-quick__wm {
  display: block;
}
.miu-home-quick__media img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
  transition: transform 0.4s ease;
}
/* Packshot: sharp product contained over blurred fill — no hard empty squares */
.miu-home-quick__media.is-wm img {
  width: 78%;
  height: 78%;
  left: 50%;
  top: 46%;
  margin: 0;
  object-fit: contain;
  object-position: center;
  transform: translate(-50%, -50%);
  filter: none;
  box-shadow: none;
}
.miu-home-quick__media.is-wm.is-empty .miu-home-quick__wm {
  filter: blur(18px) saturate(0.9) brightness(0.7);
  opacity: 0.55;
}
.miu-home-quick__link:hover .miu-home-quick__media:not(.is-wm) img {
  transform: scale(1.04);
}
.miu-home-quick__link:hover .miu-home-quick__media.is-wm img {
  transform: translate(-50%, -50%) scale(1.03);
}
.miu-home-quick__media--letter {
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 2.6rem;
  color: rgba(255, 255, 255, 0.28);
  background: var(--miu-surface-grad-card);
}
/* Soft bottom label scrim — ~half prior intensity */
.miu-home-quick__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: 18%;
  max-height: 100%;
  padding: 0 0.85rem 0.55rem;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 30%,
    rgba(47, 59, 68, 0.14) 68%,
    rgba(47, 59, 68, 0.38) 100%
  );
  pointer-events: none;
}
.miu-home-quick__name {
  margin: 0;
  font-weight: 900;
  font-size: 0.92rem;
  text-align: left;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.2;
  text-transform: none;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*
 * Desktop bento n5–n10: 4-col, taller cells (≈ square/portrait),
 * 2–3 row heights, no wide ribbons, no empty holes.
 */
.miu-home-quick__grid--n5,
.miu-home-quick__grid--n6,
.miu-home-quick__grid--n7,
.miu-home-quick__grid--n8,
.miu-home-quick__grid--n9,
.miu-home-quick__grid--n10 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.4rem;
}
.miu-home-quick__grid--n5 .miu-home-quick__overlay,
.miu-home-quick__grid--n6 .miu-home-quick__overlay,
.miu-home-quick__grid--n7 .miu-home-quick__overlay,
.miu-home-quick__grid--n8 .miu-home-quick__overlay,
.miu-home-quick__grid--n9 .miu-home-quick__overlay,
.miu-home-quick__grid--n10 .miu-home-quick__overlay {
  height: 18%;
  padding: 0.85rem 0.7rem 0.45rem;
}
.miu-home-quick__grid--n5 .miu-home-quick__name,
.miu-home-quick__grid--n6 .miu-home-quick__name,
.miu-home-quick__grid--n7 .miu-home-quick__name,
.miu-home-quick__grid--n8 .miu-home-quick__name,
.miu-home-quick__grid--n9 .miu-home-quick__name,
.miu-home-quick__grid--n10 .miu-home-quick__name {
  font-size: 0.88rem;
}

/* 10 — exact: large TL Furniture + 4 TR / 4 BL + large BR Out and About */
.miu-home-quick__grid--n10 {
  grid-template-rows: 134px 134px 134px 134px;
  grid-template-areas:
    "a a b c"
    "a a d e"
    "f g j j"
    "h i j j";
}
/*
 * Live slot order (#6 = Out and About) mapped to areas so visual matches:
 * TL Furniture | TR Toys/Outdoor/Vehicles/Baby
 * BL Kidswear/Mum/Kinder/Wooden | BR Out and About
 */
.miu-home-quick__grid--n10 .miu-home-quick__item--1 { grid-area: a; }
.miu-home-quick__grid--n10 .miu-home-quick__item--2 { grid-area: b; }
.miu-home-quick__grid--n10 .miu-home-quick__item--3 { grid-area: c; }
.miu-home-quick__grid--n10 .miu-home-quick__item--4 { grid-area: d; }
.miu-home-quick__grid--n10 .miu-home-quick__item--5 { grid-area: e; }
.miu-home-quick__grid--n10 .miu-home-quick__item--6 { grid-area: j; }
.miu-home-quick__grid--n10 .miu-home-quick__item--7 { grid-area: f; }
.miu-home-quick__grid--n10 .miu-home-quick__item--8 { grid-area: g; }
.miu-home-quick__grid--n10 .miu-home-quick__item--9 { grid-area: h; }
.miu-home-quick__grid--n10 .miu-home-quick__item--10 { grid-area: i; }
.miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__name,
.miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__name { font-size: 1.08rem; }

/* 9 */
.miu-home-quick__grid--n9 {
  grid-template-rows: 112px 112px 104px 104px;
  grid-template-areas:
    "a a b b"
    "a a c d"
    "e e f f"
    "g h i i";
}
.miu-home-quick__grid--n9 .miu-home-quick__item--1 { grid-area: a; }
.miu-home-quick__grid--n9 .miu-home-quick__item--2 { grid-area: b; }
.miu-home-quick__grid--n9 .miu-home-quick__item--3 { grid-area: c; }
.miu-home-quick__grid--n9 .miu-home-quick__item--4 { grid-area: d; }
.miu-home-quick__grid--n9 .miu-home-quick__item--5 { grid-area: e; }
.miu-home-quick__grid--n9 .miu-home-quick__item--6 { grid-area: f; }
.miu-home-quick__grid--n9 .miu-home-quick__item--7 { grid-area: g; }
.miu-home-quick__grid--n9 .miu-home-quick__item--8 { grid-area: h; }
.miu-home-quick__grid--n9 .miu-home-quick__item--9 { grid-area: i; }
.miu-home-quick__grid--n9 .miu-home-quick__item--1 .miu-home-quick__name { font-size: 1.12rem; }

/* 8 — classic 2×2 hero + bottom row filled (no holes) */
.miu-home-quick__grid--n8 {
  grid-template-rows: 117px 117px 108px;
  grid-template-areas:
    "a a b c"
    "a a d e"
    "f f g h";
}
.miu-home-quick__grid--n8 .miu-home-quick__item--1 { grid-area: a; }
.miu-home-quick__grid--n8 .miu-home-quick__item--2 { grid-area: b; }
.miu-home-quick__grid--n8 .miu-home-quick__item--3 { grid-area: c; }
.miu-home-quick__grid--n8 .miu-home-quick__item--4 { grid-area: d; }
.miu-home-quick__grid--n8 .miu-home-quick__item--5 { grid-area: e; }
.miu-home-quick__grid--n8 .miu-home-quick__item--6 { grid-area: f; }
.miu-home-quick__grid--n8 .miu-home-quick__item--7 { grid-area: g; }
.miu-home-quick__grid--n8 .miu-home-quick__item--8 { grid-area: h; }
.miu-home-quick__grid--n8 .miu-home-quick__item--1 .miu-home-quick__name { font-size: 1.12rem; }

/* 7 */
.miu-home-quick__grid--n7 {
  grid-template-rows: 117px 117px 108px;
  grid-template-areas:
    "a a b c"
    "a a d e"
    "f f g g";
}
.miu-home-quick__grid--n7 .miu-home-quick__item--1 { grid-area: a; }
.miu-home-quick__grid--n7 .miu-home-quick__item--2 { grid-area: b; }
.miu-home-quick__grid--n7 .miu-home-quick__item--3 { grid-area: c; }
.miu-home-quick__grid--n7 .miu-home-quick__item--4 { grid-area: d; }
.miu-home-quick__grid--n7 .miu-home-quick__item--5 { grid-area: e; }
.miu-home-quick__grid--n7 .miu-home-quick__item--6 { grid-area: f; }
.miu-home-quick__grid--n7 .miu-home-quick__item--7 { grid-area: g; }
.miu-home-quick__grid--n7 .miu-home-quick__item--1 .miu-home-quick__name { font-size: 1.15rem; }

/* 6 — tall hero + five companions */
.miu-home-quick__grid--n6 {
  grid-template-rows: 120px 120px 120px;
  grid-template-areas:
    "a a b c"
    "a a d e"
    "a a f f";
}
.miu-home-quick__grid--n6 .miu-home-quick__item--1 { grid-area: a; }
.miu-home-quick__grid--n6 .miu-home-quick__item--2 { grid-area: b; }
.miu-home-quick__grid--n6 .miu-home-quick__item--3 { grid-area: c; }
.miu-home-quick__grid--n6 .miu-home-quick__item--4 { grid-area: d; }
.miu-home-quick__grid--n6 .miu-home-quick__item--5 { grid-area: e; }
.miu-home-quick__grid--n6 .miu-home-quick__item--6 { grid-area: f; }
.miu-home-quick__grid--n6 .miu-home-quick__item--1 .miu-home-quick__name { font-size: 1.15rem; }

/* 5 */
.miu-home-quick__grid--n5 {
  grid-template-rows: 140px 140px;
  grid-template-areas:
    "a a b c"
    "a a d e";
}
.miu-home-quick__grid--n5 .miu-home-quick__item--1 { grid-area: a; }
.miu-home-quick__grid--n5 .miu-home-quick__item--2 { grid-area: b; }
.miu-home-quick__grid--n5 .miu-home-quick__item--3 { grid-area: c; }
.miu-home-quick__grid--n5 .miu-home-quick__item--4 { grid-area: d; }
.miu-home-quick__grid--n5 .miu-home-quick__item--5 { grid-area: e; }
.miu-home-quick__grid--n5 .miu-home-quick__item--1 .miu-home-quick__name { font-size: 1.15rem; }

@media (min-width: 1400px) {
  .miu-home-quick__grid--n10 {
    grid-template-rows: 152px 152px 152px 152px;
  }
  .miu-home-quick__grid--n9 {
    grid-template-rows: 148px 148px 136px 136px;
  }
  .miu-home-quick__grid--n8,
  .miu-home-quick__grid--n7 {
    grid-template-rows: 152px 152px 140px;
  }
  .miu-home-quick__grid--n6 {
    grid-template-rows: 156px 156px 156px;
  }
  .miu-home-quick__grid--n5 {
    grid-template-rows: 176px 176px;
  }
}

/* ========== MOSAIC V3 — Photo + integrated light caption ========== */
.miu-home-quick--v3 .miu-home-quick__grid--n10 {
  grid-template:
    "a a b c" 210px
    "a a d e" 210px
    "f g j j" 210px
    "h i j j" 210px
    / repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
@media (min-width: 1400px) {
  .miu-home-quick--v3 .miu-home-quick__grid--n10 {
    grid-template:
      "a a b c" 228px
      "a a d e" 228px
      "f g j j" 228px
      "h i j j" 228px
      / repeat(4, minmax(0, 1fr));
  }
}
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--1 { grid-area: a; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--2 { grid-area: b; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--3 { grid-area: c; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--4 { grid-area: d; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--5 { grid-area: e; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--6 { grid-area: j; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--7 { grid-area: f; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--8 { grid-area: g; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--9 { grid-area: h; }
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--10 { grid-area: i; }

.miu-home-quick--v3 .miu-home-quick__item {
  border-radius: 14px;
}
.miu-home-quick--v3 .miu-home-quick__link {
  color: var(--miu-dark, #0b2b3b);
  background: transparent;
  box-shadow: none;
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.miu-home-quick--v3 .miu-home-quick__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(11, 43, 59, 0.08);
  color: var(--miu-dark, #0b2b3b);
}
.miu-home-quick--v3 .miu-home-quick__link:focus-visible {
  outline: 2px solid var(--miu-petrol, #5da2b0);
  outline-offset: 3px;
}

/* Card = photo column + caption bar (one clipped surface) */
.miu-home-quick--v3 .miu-home-quick__surface {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(11, 43, 59, 0.07);
  box-shadow: 0 1px 0 rgba(11, 43, 59, 0.03);
}
.miu-home-quick--v3[data-caption="b"] .miu-home-quick__surface {
  background: var(--miu-sand, #f5f4f1);
}
.miu-home-quick--v3 .miu-home-quick__overlay {
  display: none !important;
}
.miu-home-quick--v3 .miu-home-quick__media,
.miu-home-quick--v3 .miu-home-quick__media--letter {
  position: relative;
  inset: auto;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  height: auto;
  background: #eceae6;
}
.miu-home-quick--v3 .miu-home-quick__media img {
  object-fit: cover;
  transition: transform 200ms ease;
}
.miu-home-quick--v3 .miu-home-quick__link:hover .miu-home-quick__media:not(.is-wm) img {
  transform: scale(1.025);
}

.miu-home-quick--v3 .miu-home-quick__caption {
  position: relative;
  z-index: 2;
  left: auto;
  right: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex: 0 0 auto;
  min-height: 46px;
  padding: 0.7rem 0.85rem;
  margin: 0;
  pointer-events: none;
  background: #fff;
  border-top: 1px solid rgba(11, 43, 59, 0.06);
  box-shadow: none;
  /* kill any legacy wash gradients */
  background-image: none !important;
}
.miu-home-quick--v3[data-caption="b"] .miu-home-quick__caption {
  background: var(--miu-sand, #f5f4f1);
  border-top-color: rgba(11, 43, 59, 0.05);
}
.miu-home-quick--v3 .miu-home-quick__name {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-family: Mulish, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.018em;
  line-height: 1.25;
  text-shadow: none;
  color: var(--miu-dark, #0b2b3b);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}
.miu-home-quick--v3 .miu-home-quick__chev {
  flex: 0 0 auto;
  opacity: 0;
  transform: translateX(-3px);
  color: var(--miu-petrol, #5da2b0);
  font-size: 1.05em;
  font-weight: 600;
  transition: opacity 180ms ease, transform 180ms ease, color 180ms ease;
}
.miu-home-quick--v3 .miu-home-quick__link:hover .miu-home-quick__name,
.miu-home-quick--v3 .miu-home-quick__link:focus-visible .miu-home-quick__name {
  color: var(--miu-petrol, #5da2b0);
}
.miu-home-quick--v3 .miu-home-quick__link:hover .miu-home-quick__chev,
.miu-home-quick--v3 .miu-home-quick__link:focus-visible .miu-home-quick__chev {
  opacity: 1;
  transform: translateX(0);
}

/* Large anchors — stronger type + taller caption */
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__caption,
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__caption {
  min-height: 56px;
  padding: 0.85rem 1.1rem;
}
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__name,
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__name {
  font-size: 1.3125rem;
  font-weight: 700;
}
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__caption {
  min-height: 48px;
  padding: 0.7rem 0.85rem;
}
.miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__name {
  font-size: 0.9375rem;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .miu-home-quick--v3 .miu-home-quick__caption {
    min-height: 44px;
    padding: 0.6rem 0.7rem;
  }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__name,
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__name,
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__name {
    font-size: 0.9rem;
    font-weight: 700;
  }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__caption,
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__caption {
    min-height: 44px;
    padding: 0.6rem 0.7rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .miu-home-quick--v3 .miu-home-quick__link,
  .miu-home-quick--v3 .miu-home-quick__media img,
  .miu-home-quick--v3 .miu-home-quick__chev {
    transition: none !important;
  }
  .miu-home-quick--v3 .miu-home-quick__link:hover {
    transform: none;
  }
  .miu-home-quick--v3 .miu-home-quick__link:hover .miu-home-quick__media:not(.is-wm) img {
    transform: none;
  }
}

/*
 * Mobile mosaic: equal 2-col tiles via explicit areas (beats desktop grid-area).
 * Odd N → top tile full width; rest equal pairs. Even N → all pairs.
 */
@media (max-width: 991.98px) {
  .miu-home-quick__head {
    margin-bottom: 0.75rem;
    align-items: center;
  }
  .miu-home-more {
    font-size: 0.85rem;
  }

  .miu-home-quick__grid,
  .miu-home-quick__grid--n5,
  .miu-home-quick__grid--n6,
  .miu-home-quick__grid--n7,
  .miu-home-quick__grid--n8,
  .miu-home-quick__grid--n9,
  .miu-home-quick__grid--n10 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }

  .miu-home-quick__grid .miu-home-quick__item,
  .miu-home-quick__grid--n5 .miu-home-quick__item,
  .miu-home-quick__grid--n6 .miu-home-quick__item,
  .miu-home-quick__grid--n7 .miu-home-quick__item,
  .miu-home-quick__grid--n8 .miu-home-quick__item,
  .miu-home-quick__grid--n9 .miu-home-quick__item,
  .miu-home-quick__grid--n10 .miu-home-quick__item {
    height: auto !important;
    min-height: 0 !important;
    position: relative;
    z-index: 0;
    overflow: hidden;
  }

  .miu-home-quick__link {
    min-height: 0 !important;
    height: auto !important;
    width: 100% !important;
    aspect-ratio: 4 / 3;
    max-height: none !important;
    border-radius: 12px;
  }

  /* Wide top tile: same height as half-cells (8/3 ≈ 2× of 4/3) */
  .miu-home-quick__grid--n5 .miu-home-quick__item--1 .miu-home-quick__link,
  .miu-home-quick__grid--n7 .miu-home-quick__item--1 .miu-home-quick__link,
  .miu-home-quick__grid--n9 .miu-home-quick__item--1 .miu-home-quick__link {
    aspect-ratio: 8 / 3;
  }
  .miu-home-quick__grid--n5 .miu-home-quick__item--1 .miu-home-quick__name,
  .miu-home-quick__grid--n7 .miu-home-quick__item--1 .miu-home-quick__name,
  .miu-home-quick__grid--n9 .miu-home-quick__item--1 .miu-home-quick__name {
    font-size: 0.92rem;
  }

  /* n5: wide + 2×2 */
  .miu-home-quick__grid--n5 {
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "a a"
      "b c"
      "d e" !important;
  }
  .miu-home-quick__grid--n5 .miu-home-quick__item--1 { grid-area: a !important; }
  .miu-home-quick__grid--n5 .miu-home-quick__item--2 { grid-area: b !important; }
  .miu-home-quick__grid--n5 .miu-home-quick__item--3 { grid-area: c !important; }
  .miu-home-quick__grid--n5 .miu-home-quick__item--4 { grid-area: d !important; }
  .miu-home-quick__grid--n5 .miu-home-quick__item--5 { grid-area: e !important; }

  /* n6: 3×2 equal */
  .miu-home-quick__grid--n6 {
    grid-template-rows: auto auto auto !important;
    grid-template-areas:
      "a b"
      "c d"
      "e f" !important;
  }
  .miu-home-quick__grid--n6 .miu-home-quick__item--1 { grid-area: a !important; }
  .miu-home-quick__grid--n6 .miu-home-quick__item--2 { grid-area: b !important; }
  .miu-home-quick__grid--n6 .miu-home-quick__item--3 { grid-area: c !important; }
  .miu-home-quick__grid--n6 .miu-home-quick__item--4 { grid-area: d !important; }
  .miu-home-quick__grid--n6 .miu-home-quick__item--5 { grid-area: e !important; }
  .miu-home-quick__grid--n6 .miu-home-quick__item--6 { grid-area: f !important; }

  /* n7: wide + 3×2 */
  .miu-home-quick__grid--n7 {
    grid-template-rows: auto auto auto auto !important;
    grid-template-areas:
      "a a"
      "b c"
      "d e"
      "f g" !important;
  }
  .miu-home-quick__grid--n7 .miu-home-quick__item--1 { grid-area: a !important; }
  .miu-home-quick__grid--n7 .miu-home-quick__item--2 { grid-area: b !important; }
  .miu-home-quick__grid--n7 .miu-home-quick__item--3 { grid-area: c !important; }
  .miu-home-quick__grid--n7 .miu-home-quick__item--4 { grid-area: d !important; }
  .miu-home-quick__grid--n7 .miu-home-quick__item--5 { grid-area: e !important; }
  .miu-home-quick__grid--n7 .miu-home-quick__item--6 { grid-area: f !important; }
  .miu-home-quick__grid--n7 .miu-home-quick__item--7 { grid-area: g !important; }

  /* n8: 4×2 equal */
  .miu-home-quick__grid--n8 {
    grid-template-rows: auto auto auto auto !important;
    grid-template-areas:
      "a b"
      "c d"
      "e f"
      "g h" !important;
  }
  .miu-home-quick__grid--n8 .miu-home-quick__item--1 { grid-area: a !important; }
  .miu-home-quick__grid--n8 .miu-home-quick__item--2 { grid-area: b !important; }
  .miu-home-quick__grid--n8 .miu-home-quick__item--3 { grid-area: c !important; }
  .miu-home-quick__grid--n8 .miu-home-quick__item--4 { grid-area: d !important; }
  .miu-home-quick__grid--n8 .miu-home-quick__item--5 { grid-area: e !important; }
  .miu-home-quick__grid--n8 .miu-home-quick__item--6 { grid-area: f !important; }
  .miu-home-quick__grid--n8 .miu-home-quick__item--7 { grid-area: g !important; }
  .miu-home-quick__grid--n8 .miu-home-quick__item--8 { grid-area: h !important; }

  /* n9: wide + 4×2 */
  .miu-home-quick__grid--n9 {
    grid-template-rows: auto auto auto auto auto !important;
    grid-template-areas:
      "a a"
      "b c"
      "d e"
      "f g"
      "h i" !important;
  }
  .miu-home-quick__grid--n9 .miu-home-quick__item--1 { grid-area: a !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--2 { grid-area: b !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--3 { grid-area: c !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--4 { grid-area: d !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--5 { grid-area: e !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--6 { grid-area: f !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--7 { grid-area: g !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--8 { grid-area: h !important; }
  .miu-home-quick__grid--n9 .miu-home-quick__item--9 { grid-area: i !important; }

  /* n10: 5×2 equal */
  .miu-home-quick__grid--n10 {
    grid-template-rows: auto auto auto auto auto !important;
    grid-template-areas:
      "a b"
      "c d"
      "e f"
      "g h"
      "i j" !important;
  }
  .miu-home-quick__grid--n10 .miu-home-quick__item--1 { grid-area: a !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--2 { grid-area: b !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--3 { grid-area: c !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--4 { grid-area: d !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--5 { grid-area: e !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--6 { grid-area: f !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--7 { grid-area: g !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--8 { grid-area: h !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--9 { grid-area: i !important; }
  .miu-home-quick__grid--n10 .miu-home-quick__item--10 { grid-area: j !important; }

  .miu-home-quick__link:hover {
    transform: none;
  }
  .miu-home-quick__overlay {
    padding: 1.35rem 0.7rem 0.55rem;
  }
  .miu-home-quick__name {
    font-size: 0.82rem;
    font-weight: 800;
  }
  .miu-home-quick__media--letter {
    font-size: 1.6rem;
  }
}
/* ---- BLOG — two compact featured cards side by side ---- */
.miu-home-blog-featured__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1.75rem;
  align-items: stretch;
}
.miu-home-blog-featured__card {
  margin: 0;
  min-width: 0;
}
.miu-home-blog-featured__link {
  display: grid;
  grid-template-columns: minmax(120px, 42%) minmax(0, 1fr);
  gap: 0 1rem;
  border: 0;
  border-radius: 0;
  overflow: visible;
  text-decoration: none;
  color: inherit;
  background: transparent;
  align-items: center;
  height: 100%;
  transition: opacity var(--miu-transition);
}
.miu-home-blog-featured__link:hover {
  color: inherit;
  box-shadow: none;
  transform: none;
  opacity: 0.96;
}
.miu-home-blog-featured__link:hover .miu-home-blog-featured__title {
  color: #0b2b3b;
}
.miu-home-blog-featured__media {
  border-radius: 12px;
  overflow: hidden;
  background: var(--miu-sand);
  aspect-ratio: 4 / 3;
  width: 100%;
  max-width: none;
}
.miu-home-blog-featured__media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: center;
  display: block;
}
.miu-home-blog-featured__body {
  padding: 0.1rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.28rem;
  min-width: 0;
}
.miu-home-blog-featured__title {
  margin: 0;
  font-size: clamp(0.98rem, 1.15vw, 1.18rem);
  font-weight: 800;
  color: #0b2b3b;
  letter-spacing: -0.02em;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.miu-home-blog-featured__excerpt {
  color: #3a4650;
  line-height: 1.45;
  font-size: 0.88rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.miu-home-blog__label {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6a74;
}
.miu-home-blog__date {
  color: #5a6a74;
  font-size: 0.78rem;
}
.miu-home-blog__cta {
  font-weight: 700;
  color: #0b2b3b;
  margin-top: 0.2rem;
  font-size: 0.86rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---- Spotlight carousel (between feature A/B) ---- */
.miu-home-spotlight {
  --miu-spot-gap: 1rem;
  --miu-spot-cols: 4;
}
.miu-home-spotlight__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1rem;
}
.miu-home-spotlight__track-wrap {
  overflow: hidden;
  margin: 0;
  border-radius: 4px;
}
.miu-home-spotlight__track {
  display: flex;
  gap: var(--miu-spot-gap);
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0.2rem 0 0.55rem;
  transition: opacity 0.35s ease;
}
.miu-home-spotlight__track.is-advancing {
  opacity: 0.92;
}
.miu-home-spotlight__track::-webkit-scrollbar {
  display: none;
}
.miu-home-spotlight__item {
  /* Full cards only — N equal columns that fit the row */
  flex: 0 0 calc((100% - (var(--miu-spot-cols) - 1) * var(--miu-spot-gap)) / var(--miu-spot-cols));
  min-width: 0;
  scroll-snap-align: start;
  transition: transform 0.45s ease, opacity 0.45s ease;
}
.miu-home-spotlight__track.is-advancing .miu-home-spotlight__item {
  transform: translateY(-2px);
}
.miu-home-spotlight__item .product-miniature,
.miu-home-spotlight__item article.product-miniature {
  height: 100%;
}
@media (min-width: 1200px) {
  .miu-home-spotlight { --miu-spot-cols: 5; }
}
@media (max-width: 991.98px) {
  .miu-home-spotlight { --miu-spot-cols: 3; }
}
@media (max-width: 575.98px) {
  .miu-home-spotlight { --miu-spot-cols: 2; --miu-spot-gap: 0.65rem; }
}

/* More articles — full-width 3 tiles, title + excerpt on photo */
.miu-home-blog2 {
  width: 100%;
}
.miu-home-blog2__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  column-gap: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}
.miu-home-blog2__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem 1.15rem;
  align-items: stretch;
  width: 100%;
}
.miu-home-blog2__item {
  min-width: 0;
  margin: 0;
  width: 100%;
}
.miu-home-blog2__card {
  position: relative;
  display: block;
  width: 100%;
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: var(--miu-header-footer);
  aspect-ratio: 4 / 3;
  min-height: 240px;
  max-height: none;
  box-shadow: 0 10px 26px rgba(11, 43, 59, 0.12);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.miu-home-blog2__card:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(11, 43, 59, 0.18);
}
.miu-home-blog2__card:hover .miu-home-blog2__media img {
  transform: scale(1.05);
}
.miu-home-blog2__media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  background: var(--miu-surface-grad-soft);
  border: 0;
}
.miu-home-blog2__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
  display: block;
  transition: transform 0.4s ease;
}
.miu-home-blog2__media-ph {
  display: block;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 30% 30%, rgba(93, 162, 176, 0.4), transparent 55%),
    var(--miu-surface-grad-soft);
}
.miu-home-blog2__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 2.25rem 1.15rem 1.05rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  background: linear-gradient(180deg, transparent 0%, var(--miu-surface-overlay-mid) 42%, var(--miu-surface-overlay) 100%);
  pointer-events: none;
}
.miu-home-blog2__card .miu-home-blog__label {
  font-size: 0.64rem;
  letter-spacing: 0.09em;
  font-weight: 800;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}
.miu-home-blog2__title {
  margin: 0;
  font-size: clamp(1.05rem, 1.35vw, 1.22rem);
  font-weight: 900;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.22;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
.miu-home-blog2__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0.1rem 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.86rem;
  font-weight: 500;
  line-height: 1.4;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}
.miu-home-blog2__body,
.miu-home-blog2__card .miu-home-blog__cta {
  display: none;
}
@media (max-width: 991.98px) {
  .miu-home-blog-featured__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  /* Mobile: only first Worth reading article — two stack too tall */
  .miu-home-blog-featured__card:nth-child(n + 2) {
    display: none !important;
  }
  .miu-home-blog-featured__link {
    grid-template-columns: minmax(110px, 38%) minmax(0, 1fr);
    gap: 0 0.85rem;
  }
  .miu-home-blog-featured__media {
    max-width: 100%;
    aspect-ratio: 4 / 3;
  }
  .miu-home-blog-featured__title {
    font-size: 1.02rem;
  }
  .miu-home-blog-featured__excerpt {
    font-size: 0.84rem;
    -webkit-line-clamp: 2;
  }
  .miu-home-blog2__grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .miu-home-blog2__card {
    aspect-ratio: 4 / 3;
    min-height: 200px;
  }
  .miu-home-blog2__title {
    font-size: 1.05rem;
  }
  .miu-home-blog2__excerpt {
    -webkit-line-clamp: 2;
    font-size: 0.84rem;
  }
}
@media (max-width: 575.98px) {
  .miu-home-blog-featured__link {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }
}

/* ---- FEATURE BANDS: large rect + 6 airy rects, readable block title ---- */
.miu-home-feature {
  border-radius: 18px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(560px 240px at 90% 0%, rgba(93, 162, 176, 0.18), transparent 55%),
    var(--miu-surface-grad-hero);
  border: 1px solid rgba(11, 43, 59, 0.22);
  box-shadow: 0 12px 32px rgba(11, 43, 59, 0.14);
}
.miu-home-feature__inner {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.25fr);
  grid-template-areas: "media panel";
  gap: 1.2rem;
  padding: 1.25rem;
  align-items: stretch;
  min-height: 360px;
}
/* B/D: panel left, media right — same column sizes, only areas flip */
.miu-home-feature--b .miu-home-feature__inner,
.miu-home-feature--d .miu-home-feature__inner {
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.9fr);
  grid-template-areas: "panel media";
}
.miu-home-feature__media {
  grid-area: media;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 330px;
  border-radius: 14px;
  background: var(--miu-surface-grad-soft);
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
  align-self: stretch;
}
/* Watermark: stretched soft mark when no / broken image */
.miu-home-feature__watermark {
  position: absolute;
  inset: -18%;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  background-image: var(--miu-wm);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  filter: grayscale(1) brightness(1.35);
  transition: opacity 0.25s ease;
}
.miu-home-feature__media.is-watermark .miu-home-feature__watermark,
.miu-home-feature__cube.is-watermark .miu-home-feature__watermark {
  opacity: 0.14;
}
/* Packshot product cover: same photo as soft fill + sharp contain */
.miu-home-feature__media.is-wm .miu-home-feature__watermark,
.miu-home-feature__cube.is-wm .miu-home-feature__watermark {
  opacity: 0.92;
  inset: -16%;
  filter: blur(22px) saturate(1.08) brightness(0.78);
  transform: scale(1.12);
}
.miu-home-feature__media.is-wm img {
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain;
  width: 72%;
  height: 72%;
  margin: auto;
  inset: 0;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28));
}
.miu-home-feature__cube.is-wm .miu-home-feature__cube-media img {
  display: block !important;
  object-fit: contain;
  width: 72%;
  height: 72%;
  margin: auto;
  inset: 0;
  position: absolute;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.25));
}
.miu-home-feature__media img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 42%;
  display: block;
  transform: scale(1.01);
  transition: transform 0.5s ease, opacity 0.25s ease;
}
.miu-home-feature__media:not(.is-watermark):hover img {
  transform: scale(1.05);
}
.miu-home-feature__media.is-watermark img {
  opacity: 0;
  visibility: hidden;
}
/* No full-card veil — glow lives on caption only (same as cube-name) */
.miu-home-feature__media-veil {
  display: none;
}
.miu-home-feature__media-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 2rem 1.25rem 1rem;
  color: #fff;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--miu-surface-overlay-mid, rgba(47, 59, 68, 0.72)) 72%
  );
}
.miu-home-feature__media-caption .eyebrow {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.9;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.28);
}
.miu-home-feature__media-caption h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -0.025em;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}
.miu-home-feature__panel {
  grid-area: panel;
  padding: 0.1rem 0.15rem 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  color: #fff;
  min-height: 0;
}
.miu-home-feature__panel-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  flex: 0 0 auto;
  padding: 0 0.1rem;
}
.miu-home-feature__panel-head h3 {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.miu-home-feature__panel-head a {
  font-size: 0.82rem;
  font-weight: 700;
  color: #9fd0da;
  text-decoration: none;
  white-space: nowrap;
}
.miu-home-feature__panel-head a:hover {
  color: #fff;
}
.miu-home-feature__cubes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, minmax(112px, 1fr));
  gap: 1.1rem;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  align-content: stretch;
}
.miu-home-feature__cubes > li {
  min-height: 0;
  height: 100%;
}
.miu-home-feature__cube {
  position: relative;
  display: block;
  height: 100%;
  min-height: 0;
  border-radius: 13px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  text-decoration: none;
  color: #fff;
  background:
    radial-gradient(120% 90% at 50% 20%, rgba(93, 162, 176, 0.28), transparent 55%),
    var(--miu-surface-grad-card);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
.miu-home-feature__cube:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.32);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
  color: #fff;
}
.miu-home-feature__cube-media {
  position: absolute;
  inset: 0;
  min-height: 0;
  overflow: hidden;
}
/* Real image: full-bleed, sharp, clearly visible */
.miu-home-feature__cube:not(.is-watermark) .miu-home-feature__cube-media img {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  opacity: 1;
  filter: none;
  transition: transform 0.35s ease;
}
.miu-home-feature__cube:not(.is-watermark):hover .miu-home-feature__cube-media img {
  transform: scale(1.05);
}
.miu-home-feature__cube.is-watermark .miu-home-feature__cube-media img {
  display: none !important;
}
.miu-home-feature__cube-letter {
  display: none;
}
.miu-home-feature__cube-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  padding: 1.25rem 0.55rem 0.5rem;
  font-size: 0.74rem;
  font-weight: 750;
  line-height: 1.2;
  color: #fff;
  background: linear-gradient(180deg, transparent 0%, var(--miu-surface-overlay-mid) 72%);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* legacy copy/nav kept for safety */
.miu-home-feature--legacy .miu-home-feature__copy {
  background: var(--miu-surface-grad-hero);
  color: #fff;
  min-height: 210px;
}
.miu-home-feature__copy {
  padding: 1.5rem 1.65rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.55rem;
}
.miu-home-feature__eyebrow {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.72;
}
.miu-home-feature__title {
  margin: 0;
  color: #fff;
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  letter-spacing: -0.02em;
  line-height: 1.15;
  font-weight: 800;
}
.miu-home-feature__lead {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  max-width: 34ch;
  line-height: 1.45;
  font-size: 0.88rem;
}
.miu-home-feature .miu-btn--solid {
  align-self: flex-start;
  background: #fff;
  border-color: #fff;
  color: var(--miu-dark);
  min-height: 36px;
  font-size: 0.86rem;
}
.miu-home-feature__nav {
  background: rgba(255, 255, 255, 0.06);
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.miu-home-feature__nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.miu-home-feature__nav a {
  display: flex;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.88rem;
}
.miu-home-feature__nav li:last-child a {
  border-bottom: 0;
}
.miu-home-feature__nav a:hover {
  color: rgba(255, 255, 255, 0.82);
}
@media (max-width: 991.98px) {
  .miu-home-feature {
    border-radius: 14px;
  }
  .miu-home-feature__inner,
  .miu-home-feature--b .miu-home-feature__inner,
  .miu-home-feature--d .miu-home-feature__inner {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "panel";
    gap: 0.85rem;
    padding: 0.85rem;
    min-height: 0;
  }
  .miu-home-feature__media {
    aspect-ratio: 16 / 9;
    min-height: 170px;
    height: auto;
    width: 100%;
  }
  .miu-home-feature__media-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.6rem 1rem 0.85rem;
  }
  .miu-home-feature__media-caption h2 {
    font-size: clamp(1.25rem, 5vw, 1.55rem);
  }
  .miu-home-feature__panel {
    padding: 0;
    gap: 0.55rem;
  }
  .miu-home-feature__cubes {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 0.65rem;
    height: auto;
  }
  .miu-home-feature__cube {
    aspect-ratio: 16 / 10;
    height: auto;
  }
  .miu-home-feature__cube-name {
    font-size: 0.7rem;
    padding: 1.05rem 0.45rem 0.4rem;
  }
}
@media (max-width: 575.98px) {
  .miu-home-feature__inner,
  .miu-home-feature--b .miu-home-feature__inner,
  .miu-home-feature--d .miu-home-feature__inner {
    padding: 0.7rem;
    gap: 0.7rem;
  }
  .miu-home-feature__media {
    aspect-ratio: 16 / 9;
    min-height: 140px;
  }
  .miu-home-feature__media-caption h2 {
    font-size: 1.25rem;
  }
  .miu-home-feature__cubes {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 0.55rem;
  }
  .miu-home-feature__cube {
    aspect-ratio: 16 / 9;
  }
  .miu-home-feature__cube-name {
    font-size: 0.72rem;
  }
}

/* ---- DISCOVER L2 — clean editorial rows ---- */
.miu-home-discover__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  border-top: 1px solid rgba(11, 43, 59, 0.08);
}
.miu-home-discover__link {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.95rem 0.35rem;
  border: 0;
  border-bottom: 1px solid rgba(11, 43, 59, 0.08);
  border-radius: 0;
  text-decoration: none;
  color: inherit;
  background: transparent;
  transition: background var(--miu-transition);
}
.miu-home-discover__grid > li:nth-child(odd) .miu-home-discover__link {
  padding-right: 1rem;
}
.miu-home-discover__grid > li:nth-child(even) .miu-home-discover__link {
  padding-left: 1rem;
}
.miu-home-discover__link:hover {
  box-shadow: none;
  transform: none;
  color: inherit;
  background: rgba(245, 244, 241, 0.55);
}
.miu-home-discover__icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(145deg, #eef4f5, #f5f4f1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: var(--miu-petrol);
  flex: 0 0 auto;
  padding: 6px;
  box-sizing: border-box;
}
.miu-home-discover__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.miu-home-discover__text {
  flex: 1;
  min-width: 0;
}
.miu-home-discover__parent {
  display: block;
  font-size: 0.72rem;
  color: var(--miu-slate);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.12rem;
}
.miu-home-discover__name {
  display: block;
  font-weight: 700;
  color: var(--miu-dark);
  font-size: 0.98rem;
  letter-spacing: -0.01em;
}
.miu-home-discover__arrow {
  color: var(--miu-slate);
  font-weight: 600;
  opacity: 0.7;
}
@media (max-width: 767.98px) {
  .miu-home-discover__grid {
    grid-template-columns: 1fr;
  }
  .miu-home-discover__grid > li:nth-child(odd) .miu-home-discover__link,
  .miu-home-discover__grid > li:nth-child(even) .miu-home-discover__link {
    padding-left: 0;
    padding-right: 0;
  }
  .miu-home-discover__icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
  }
  .miu-home-discover__name {
    font-size: 0.92rem;
  }
}

/* ---- SEO ---- */
.miu-home-seo-band {
  background: #faf9f7;
  border-top: 1px solid rgba(11, 43, 59, 0.06);
  margin-top: 1rem;
  padding: 2.25rem 0 2.5rem;
}
.miu-home-seo__title {
  font-size: 1.2rem;
  font-weight: 800;
  margin: 0 0 0.85rem;
  color: var(--miu-dark);
  letter-spacing: -0.015em;
}
.miu-home-seo__prose p {
  color: var(--miu-text-muted);
  line-height: 1.65;
  max-width: 68ch;
  font-size: 0.95rem;
}
.miu-home-seo__links-label {
  margin-top: 1.1rem;
  font-weight: 700;
  color: var(--miu-dark);
  font-size: 0.9rem;
}
.miu-home-seo__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.1rem;
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 1.5rem;
}
.miu-home-seo__links a {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--miu-dark);
  text-decoration: none;
  border-bottom: 1px solid rgba(11, 43, 59, 0.18);
}
.miu-home-seo__help {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 1.1rem;
  border-top: 1px solid rgba(11, 43, 59, 0.08);
}
.miu-home-seo__help-title {
  margin: 0;
  font-weight: 800;
  color: var(--miu-dark);
  font-size: 1rem;
}
.miu-home-seo__help-text {
  margin: 0.2rem 0 0;
  color: var(--miu-text-muted);
  font-size: 0.9rem;
}
@media (max-width: 991.98px) {
  .miu-home-seo-band {
    padding: 1.75rem 0 2rem;
  }
}

/* Product widgets breathe */
.miu-home-shell__products .products-section-title,
.miu-home-shell__products h2,
.miu-home-shell__products .h2 {
  font-weight: 800;
  color: var(--miu-dark);
  letter-spacing: -0.02em;
  font-size: 1.35rem;
  margin-bottom: 1.1rem !important;
}
.miu-home-shell__products .products {
  row-gap: 1.35rem;
}
@media (max-width: 991.98px) {
  .miu-home-shell__products .products-section-title,
  .miu-home-shell__products h2 {
    font-size: 1.2rem;
  }
}

/* ========== MOSAIC V4 — Premium compact refinement ========== */
/* Desktop: shorter rows via data-compact. Mobile: media owns aspect-ratio; caption content-sized. */
.miu-home-quick--v4 .miu-home-quick__head {
  margin-bottom: 0.75rem;
}
.miu-home-quick--v4 {
  margin-bottom: 0.25rem;
}

@media (min-width: 992px) {
  .miu-home-quick--v4 .miu-home-quick__grid--n10 {
    grid-template:
      "a a b c" 204px
      "a a d e" 204px
      "f g j j" 204px
      "h i j j" 204px
      / repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
  }
  .miu-home-quick--v4[data-compact="a"] .miu-home-quick__grid--n10 {
    grid-template-rows: 204px 204px 204px 204px;
    gap: 0.45rem;
  }
  .miu-home-quick--v4[data-compact="b"] .miu-home-quick__grid--n10,
  .miu-home-quick--v4:not([data-compact]) .miu-home-quick__grid--n10 {
    grid-template-rows: 192px 192px 192px 192px;
    gap: 0.4rem;
  }

  .miu-home-quick--v4 .miu-home-quick__caption {
    min-height: 0;
    padding: 0.55rem 0.8rem;
  }
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__caption,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__caption {
    min-height: 0;
    padding: 0.65rem 1rem;
  }
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__name,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__name {
    font-size: 1.1875rem; /* 19px */
    font-weight: 700;
    line-height: 1.28;
  }
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__caption {
    min-height: 0;
    padding: 0.5rem 0.75rem;
  }
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__name {
    font-size: 0.9rem; /* 14.4px */
    font-weight: 600;
    line-height: 1.28;
  }
  .miu-home-quick--v4[data-compact="b"] .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__name,
  .miu-home-quick--v4[data-compact="b"] .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__name {
    font-size: 1.125rem; /* 18px */
  }
  .miu-home-quick--v4[data-compact="b"] .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__name {
    font-size: 0.875rem; /* 14px */
  }
}

/* Mobile V4 — image-first: flow layout (surface not absolute); media owns 4:3 */
@media (max-width: 991.98px) {
  .miu-home-quick--v4 .miu-home-quick__head {
    margin-bottom: 0.65rem;
  }
  .miu-home-quick--v4 .miu-home-quick__grid,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 {
    gap: 0.45rem !important;
  }
  .miu-home-quick--v4 .miu-home-quick__item {
    height: auto !important;
  }
  .miu-home-quick--v4 .miu-home-quick__link {
    position: relative !important;
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
  }
  .miu-home-quick--v4 .miu-home-quick__surface {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    width: 100%;
    border-radius: inherit;
    overflow: hidden;
  }
  .miu-home-quick--v4 .miu-home-quick__media,
  .miu-home-quick--v4 .miu-home-quick__media--letter {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    min-height: 0 !important;
  }
  .miu-home-quick--v4 .miu-home-quick__media img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .miu-home-quick--v4 .miu-home-quick__caption {
    position: relative !important;
    flex: 0 0 auto;
    min-height: 0 !important;
    padding: 0.4rem 0.65rem !important;
    align-items: center;
  }
  .miu-home-quick--v4 .miu-home-quick__name {
    font-size: 0.8125rem !important; /* 13px */
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.015em;
  }
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__caption,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__caption,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__caption {
    min-height: 0 !important;
    padding: 0.4rem 0.65rem !important;
  }
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--1 .miu-home-quick__name,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item--6 .miu-home-quick__name,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 .miu-home-quick__item:not(.miu-home-quick__item--1):not(.miu-home-quick__item--6) .miu-home-quick__name {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
  }
}

/* Narrow phones — square media so 2-line names still leave photo dominant */
@media (max-width: 359.98px) {
  .miu-home-quick--v4 .miu-home-quick__media,
  .miu-home-quick--v4 .miu-home-quick__media--letter {
    aspect-ratio: 1 / 1;
  }
  .miu-home-quick--v4 .miu-home-quick__caption {
    padding: 0.35rem 0.55rem !important;
  }
  .miu-home-quick--v4 .miu-home-quick__name {
    font-size: 0.78rem !important;
    line-height: 1.28 !important;
  }
}

/* Tablet / large phones — room for slightly larger type */
@media (min-width: 430px) and (max-width: 991.98px) {
  .miu-home-quick--v4 .miu-home-quick__name {
    font-size: 0.875rem !important; /* 14px */
  }
  .miu-home-quick--v4 .miu-home-quick__caption {
    padding: 0.45rem 0.7rem !important;
  }
}

/* miu-home.css */
/* MIU homepage sections */

.page-content--home {
  padding-top: 0;
}

/* Hide default Hummingbird slider/banner clutter when miuhome is active */
.page-content--home .carousel,
.page-content--home #carousel,
.page-content--home .banner {
  display: none !important;
}

/* ---- HERO (full-bleed) ---- */
.miu-hero {
  position: relative;
  min-height: min(72vh, 620px);
  display: flex;
  align-items: flex-end;
  padding: 4.5rem 0 3.25rem;
  background:
    radial-gradient(900px 380px at 15% 10%, rgba(93, 162, 176, 0.35), transparent 55%),
    var(--miu-surface-grad-hero);
  color: #fff;
  overflow: hidden;
}
.miu-hero--photo {
  background-image:
    linear-gradient(105deg, rgba(11, 43, 59, 0.82) 0%, rgba(11, 43, 59, 0.45) 48%, rgba(11, 43, 59, 0.2) 100%),
    var(--miu-hero-image);
  background-size: cover;
  background-position: center;
}
.miu-hero__veil {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 43, 59, 0.15) 0%, rgba(11, 43, 59, 0.05) 40%, rgba(11, 43, 59, 0.35) 100%);
}
.miu-hero__inner {
  position: relative;
  z-index: 1;
  max-width: var(--miu-container);
}
.miu-hero__brand {
  margin: 0 0 0.85rem;
  font-size: clamp(1.35rem, 2.6vw, 1.85rem);
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
}
.miu-hero__title {
  font-size: clamp(2rem, 4.2vw, 3.25rem);
  line-height: 1.12;
  margin: 0 0 0.9rem;
  color: #fff;
  max-width: 14ch;
  font-weight: 800;
}
.miu-hero__lead {
  font-size: 1.08rem;
  color: rgba(255, 255, 255, 0.9);
  margin: 0 0 1.5rem;
  max-width: 38ch;
  line-height: 1.55;
}
.miu-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.miu-btn--on-dark {
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}
.miu-btn--on-dark:hover {
  border-color: #fff;
  color: var(--miu-dark);
  background: #fff;
}
@media (max-width: 767.98px) {
  .miu-hero {
    min-height: 0;
    height: auto;
    max-height: none;
    padding: 2.25rem 0 1.85rem;
    align-items: flex-end;
  }
  .miu-hero__brand {
    font-size: 1.05rem;
    margin-bottom: 0.45rem;
  }
  .miu-hero__title {
    max-width: none;
    font-size: clamp(1.55rem, 7vw, 2rem);
    margin-bottom: 0.55rem;
  }
  .miu-hero__lead {
    font-size: 0.98rem;
    margin-bottom: 1rem;
  }
}

/* ---- CATEGORY CARDS ---- */
.miu-cats {
  padding: 2rem 0 1rem;
}
.miu-cats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.miu-cat-card {
  position: relative;
  display: block;
  border-radius: var(--miu-radius);
  overflow: hidden;
  background: var(--miu-sand);
  text-decoration: none;
  color: inherit;
  min-height: 180px;
  box-shadow: 0 1px 0 rgba(11, 43, 59, 0.04);
  transition: transform var(--miu-transition), box-shadow var(--miu-transition);
}
.miu-cat-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--miu-shadow-hover);
  color: inherit;
}
.miu-cat-card__img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  display: block;
  background: var(--miu-sand-deep);
}
@media (max-width: 767.98px) {
  .miu-cat-card__img {
    height: 120px;
  }
}
.miu-cat-card__body {
  padding: 0.85rem 1rem 1rem;
}
.miu-cat-card__name {
  font-weight: 800;
  font-size: 1rem;
  color: var(--miu-dark);
  margin: 0;
}

@media (max-width: 991.98px) {
  .miu-cats__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ---- TRUST ---- */
.miu-trust {
  padding: 0.5rem 0 1.5rem;
}
.miu-trust__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  background: var(--miu-sand);
  border: 1px solid var(--miu-line);
  border-radius: var(--miu-radius);
  padding: 1.1rem 1.25rem;
}
.miu-trust__item strong {
  display: block;
  color: var(--miu-dark);
  font-size: 0.95rem;
  margin-bottom: 0.15rem;
}
.miu-trust__item span {
  color: var(--miu-text-muted);
  font-size: 0.88rem;
}
@media (max-width: 767.98px) {
  .miu-trust__grid {
    grid-template-columns: 1fr;
  }
}

/* ---- PRODUCT RAIL ---- */
.miu-products {
  padding: 1.5rem 0 2.5rem;
}
.miu-products .products,
.miu-products .product-miniature {
  /* soften parent theme cards */
}
.miu-products .product-miniature {
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}
.miu-products .product-miniature:hover {
  box-shadow: none;
  transform: none;
}

/* ---- LIFESTYLE ---- */
.miu-lifestyle {
  margin: 1rem 0 2.5rem;
}
.miu-lifestyle__panel {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  border-radius: calc(var(--miu-radius) + 2px);
  overflow: hidden;
  background: var(--miu-dark);
  color: #fff;
  min-height: 280px;
}
.miu-lifestyle__media {
  min-height: 280px;
  background:
    linear-gradient(120deg, rgba(93, 162, 176, 0.45), rgba(11, 43, 59, 0.2)),
    var(--miu-slate);
  background-size: cover;
  background-position: center;
}
.miu-lifestyle__copy {
  padding: 2rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.miu-lifestyle__copy h2 {
  color: #fff;
  margin: 0 0 0.75rem;
  font-size: clamp(1.4rem, 2.2vw, 1.9rem);
}
.miu-lifestyle__copy p {
  color: rgba(255, 255, 255, 0.85);
  margin: 0 0 1.25rem;
  line-height: 1.55;
}
.miu-lifestyle .miu-btn--solid {
  align-self: flex-start;
}
@media (max-width: 991.98px) {
  .miu-lifestyle__panel {
    grid-template-columns: 1fr;
  }
  .miu-lifestyle__media {
    min-height: 180px;
  }
}

/* ---- BLOG ---- */
.miu-blog {
  padding: 1rem 0 2.5rem;
}
.miu-blog__featured {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
  background: var(--miu-sand);
  border-radius: var(--miu-radius);
  overflow: hidden;
  border: 1px solid var(--miu-line);
}
.miu-blog__featured-media {
  min-height: 240px;
  background: var(--miu-sand-deep);
}
.miu-blog__featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 240px;
}
.miu-blog__featured-copy {
  padding: 1.5rem 1.5rem 1.5rem 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.miu-blog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.miu-blog-card {
  border: 1px solid var(--miu-line);
  border-radius: var(--miu-radius);
  overflow: hidden;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: box-shadow var(--miu-transition);
}
.miu-blog-card:hover {
  box-shadow: var(--miu-shadow);
  color: inherit;
}
.miu-blog-card__img {
  height: 140px;
  background: var(--miu-sand);
  object-fit: cover;
  width: 100%;
}
.miu-blog-card__body {
  padding: 0.9rem 1rem 1.1rem;
}
.miu-blog-card__title {
  font-weight: 800;
  font-size: 0.98rem;
  color: var(--miu-dark);
  margin: 0;
}
@media (max-width: 991.98px) {
  .miu-blog__featured {
    grid-template-columns: 1fr;
  }
  .miu-blog__featured-copy {
    padding: 1.1rem 1.25rem 1.4rem;
  }
  .miu-blog__grid {
    grid-template-columns: 1fr;
  }
}

/* miu-catalog.css */
/* Category listing + product grid — MIU premium */

#content-wrapper,
#main {
  background: #fff;
}

.block-category,
.category__header,
#js-product-list-header {
  margin-bottom: 1.5rem;
}

.category__header .page-title-section h1,
.block-category h1,
#js-product-list-header h1,
.page-header h1 {
  color: var(--miu-dark);
  font-weight: 800;
  letter-spacing: -0.02em;
  font-size: clamp(1.65rem, 2.4vw, 2.15rem);
  margin: 0 0 0.65rem;
}

/* Category cover / hero strip */
.category-cover,
.block-category .category-cover,
#js-product-list-header .category-cover img,
.block-category img.category-cover {
  width: 100%;
  max-height: 280px;
  object-fit: cover;
  border-radius: calc(var(--miu-radius) + 4px);
  margin-bottom: 1.25rem;
  display: block;
}

.miu-cat-intro,
.block-category .category-description,
#category-description {
  color: var(--miu-text-muted);
  max-width: 52rem;
  margin: 0.25rem 0 1.35rem;
  line-height: 1.6;
  font-size: 1.02rem;
}
.miu-cat-intro p:last-child,
.category-description p:last-child {
  margin-bottom: 0;
}

/* ========== Premium subcategory cards V3 — editorial 6-up ========== */
.miu-subcats {
  margin: 0.5rem 0 1.75rem;
  width: 100%;
  max-width: 100%;
}
.miu-subcats__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.35rem;
  margin: 0 0 0.7rem;
  color: #3f7583;
  font-family: Mulish, system-ui, sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}
.miu-subcats__heading::after {
  content: "";
  display: block;
  width: 1.35rem;
  height: 1px;
  background: #5da2b0;
}

/* Mobile 2 → tablet 3 → desktop 6 (exact track count; leftover cells stay empty) */
.miu-subcats__list,
.subcategory__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: auto;
  align-items: stretch;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .miu-subcats__list,
  .subcategory__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
  }
}
@media (min-width: 1200px) {
  .miu-subcats__list,
  .subcategory__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.85rem;
  }
}
@media (max-width: 359.98px) {
  .miu-subcats__list,
  .subcategory__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }
}

.miu-subcats__link,
.subcategory__link--with-image {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  row-gap: 0;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  padding: 0;
  border: 1px solid rgba(11, 43, 59, 0.07);
  border-radius: 14px;
  background: #f5f4f1;
  color: #0b2b3b;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(11, 43, 59, 0.03);
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.miu-subcats__link:hover,
.subcategory__link--with-image:hover {
  transform: translateY(-1px);
  border-color: rgba(11, 43, 59, 0.07);
  box-shadow: 0 8px 20px rgba(11, 43, 59, 0.08);
  color: #0b2b3b;
}
a.miu-subcats__link.subcategory__link--with-image {
  gap: 0;
  row-gap: 0;
}
.miu-subcats__link:focus {
  outline: none;
}
.miu-subcats__link:focus-visible {
  outline: 2px solid var(--miu-petrol, #5da2b0);
  outline-offset: 3px;
  border-color: var(--miu-petrol, #5da2b0);
}
.miu-subcats__link::before,
.miu-subcats__link::after {
  content: none;
  display: none;
}

/* Edge-to-edge photo plane — no padded sand well */
.miu-subcats__media {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: var(--miu-sand, #f5f4f1);
  pointer-events: none;
}

.miu-subcats__link img.miu-subcats__cover,
.miu-subcats__media > img.miu-subcats__cover,
.miu-subcats__link img.subcategory__thumbnail,
.subcategory__thumbnail.miu-subcats__cover {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 100% !important;
  transform: none !important;
  transform-origin: center center !important;
  filter: none !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

/* Manual / img/c category art — edge-to-edge lifestyle fill in Explore tiles */
.miu-subcats__link img.miu-subcats__cover--native,
.miu-subcats__media > img.miu-subcats__cover--native,
.subcategory__thumbnail.miu-subcats__cover--native {
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

/* Product-cover fallback — square packshot fills tile (white margins crop away) */
.miu-subcats__link img.miu-subcats__cover--product,
.miu-subcats__media > img.miu-subcats__cover--product,
.subcategory__thumbnail.miu-subcats__cover--product {
  object-fit: cover !important;
  transform: scale(1.38) !important;
}

.miu-subcats__letter {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: Mulish, system-ui, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(11, 43, 59, 0.16);
  background:
    radial-gradient(circle at 30% 28%, rgba(93, 162, 176, 0.22), transparent 55%),
    var(--miu-sand, #f5f4f1);
  line-height: 1;
}

.miu-subcats__name,
.miu-subcats__link .subcategory__name,
.subcategory__name {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.45rem;
  flex: 1 0 auto;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0.4rem 0.75rem 0.45rem;
  border-top: 0;
  color: #0b2b3b;
  background: #f5f4f1;
  font-family: Mulish, system-ui, sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.28;
  text-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.miu-subcats__name-text {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
  line-height: 1.28;
  color: #0b2b3b;
  white-space: normal;
}
.miu-subcats__chev {
  flex: 0 0 auto;
  opacity: 0;
  transform: translateX(-3px);
  color: #5da2b0;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 1;
  transition: opacity 180ms ease, transform 180ms ease;
}
.miu-subcats__link:hover .miu-subcats__name-text,
.miu-subcats__link:focus-visible .miu-subcats__name-text {
  color: #5da2b0;
}
.miu-subcats__link:hover .miu-subcats__chev,
.miu-subcats__link:focus-visible .miu-subcats__chev {
  opacity: 1;
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .miu-subcats__link,
  .subcategory__link--with-image,
  .miu-subcats__chev {
    transition: none;
  }
  .miu-subcats__link:hover,
  .subcategory__link--with-image:hover {
    transform: none;
  }
}

@media (max-width: 991.98px) {
  .block-category,
  .category__header,
  #js-product-list-header {
    margin-bottom: 1rem;
  }
  .category__header .page-title-section h1,
  .block-category h1,
  #js-product-list-header h1 {
    font-size: 1.45rem;
    margin-bottom: 0.85rem;
  }
  .miu-subcats {
    margin: 0.25rem 0 1.35rem;
  }
  .miu-subcats__heading {
    margin-bottom: 0.55rem;
    font-size: 0.75rem;
  }
  .miu-subcats__list,
  .subcategory__list {
    gap: 0.65rem;
  }
  .miu-subcats__link,
  .subcategory__link--with-image {
    border-radius: 14px;
  }
  .miu-subcats__link:hover,
  .subcategory__link--with-image:hover {
    transform: none;
  }
  .miu-subcats__name,
  .miu-subcats__link .subcategory__name,
  .subcategory__name {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0.32rem 0.65rem 0.36rem;
    font-size: 0.8125rem;
  }
}
@media (min-width: 430px) and (max-width: 991.98px) {
  .miu-subcats__name,
  .miu-subcats__link .subcategory__name,
  .subcategory__name {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 0.36rem 0.7rem 0.4rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 991.98px) {
  #js-product-list-top {
    padding-bottom: 0.65rem;
    margin-bottom: 0.95rem;
  }
  .pagination,
  .page-list {
    gap: 0.25rem;
  }
  .pagination .page-link,
  .page-list .js-search-link,
  .page-list a,
  .page-list button {
    min-width: 32px;
    min-height: 32px;
    padding: 0.25rem 0.5rem !important;
    font-size: 0.8rem !important;
    border-radius: 6px !important;
  }
  .products__selection {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }
  .products__sort {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-end;
  }
  .products__filter-button,
  #search_filter_toggler,
  .products__sort-dropdown-button,
  .products__sort .dropdown-toggle {
    border-radius: 8px !important;
    border-color: rgba(11, 43, 59, 0.12) !important;
    color: var(--miu-dark) !important;
    font-weight: 600;
    font-size: 0.8rem !important;
    min-height: 34px !important;
    padding: 0.3rem 0.65rem !important;
    background: #fff !important;
  }
}

/* Long SEO below products */
.miu-cat-seo,
#category-description-bottom {
  margin-top: 2.75rem;
  padding: 1.85rem 0 0.5rem;
  border-top: 1px solid var(--miu-line);
  color: var(--miu-text);
  line-height: 1.65;
}
.miu-cat-seo h2,
.miu-cat-seo h3 {
  margin-top: 1.4rem;
  color: var(--miu-dark);
}
.miu-cat-seo a {
  color: var(--miu-petrol);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.miu-cat-seo--hidden {
  display: none;
}

/* Hide PS category tree — subcategory cards + main menu replace it */
.ps-categorytree,
#left-column .category-tree,
#left-column .ps-categorytree {
  display: none !important;
}

/* Mobile: left column must not push content; filters live in offcanvas */
@media (max-width: 991.98px) {
  #left-column,
  .left-column {
    display: none !important;
  }
  #content-wrapper,
  #content-wrapper.col-md-8,
  #content-wrapper.col-lg-9,
  .columns-container #content-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* Facets / sort bar */
#js-product-list-top {
  border-bottom: 1px solid var(--miu-line);
  padding-bottom: 0.85rem;
  margin-bottom: 1.25rem;
}
.products__selection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.products__filter-button,
#search_filter_toggler {
  border-radius: var(--miu-radius-sm) !important;
  border-color: var(--miu-dark) !important;
  color: var(--miu-dark) !important;
  font-weight: 700;
  background: #fff !important;
  min-height: 40px;
  padding: 0.45rem 0.9rem !important;
}
.products__filter-button:hover,
#search_filter_toggler:hover {
  background: var(--miu-dark) !important;
  color: #fff !important;
}

/* Desktop left facets */
#left-column .facet,
#search_filters .facet,
.facets-card,
#search_filters {
  border: 1px solid var(--miu-line) !important;
  border-radius: var(--miu-radius) !important;
  background: #fff;
  padding: 0.85rem 1rem;
  margin-bottom: 0.85rem;
}
#left-column .facet .facet-title,
#search_filters .facet-title,
.facet .h6 {
  color: var(--miu-dark) !important;
  font-weight: 800;
  font-size: 0.92rem;
  letter-spacing: -0.01em;
}
#left-column .facet label,
#search_filters label {
  color: var(--miu-text);
  font-weight: 500;
  font-size: 0.9rem;
}
#left-column .facet a,
#search_filters a {
  color: var(--miu-text);
}
.active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 1rem;
}
.active-filters .filter,
.active-filters a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.35rem 0.7rem;
  border-radius: var(--miu-radius-pill);
  background: var(--miu-sand);
  border: 1px solid var(--miu-line);
  color: var(--miu-dark) !important;
  font-weight: 650;
  font-size: 0.85rem;
  text-decoration: none;
}

/* Offcanvas filters (mobile) */
#offcanvas-faceted,
.offcanvas-faceted,
.js-search-offcanvas,
[id*="offcanvas"] .facets {
  --bs-offcanvas-width: min(100vw, 360px);
}
#offcanvas-faceted .offcanvas-header,
.js-search-offcanvas .offcanvas-header {
  border-bottom: 1px solid var(--miu-line);
  background: var(--miu-sand);
}
#offcanvas-faceted .offcanvas-title,
.js-search-offcanvas .offcanvas-title {
  color: var(--miu-dark);
  font-weight: 800;
}
#offcanvas-faceted .facet,
#offcanvas-faceted .facets .facet {
  border: 0 !important;
  border-bottom: 1px solid var(--miu-line) !important;
  border-radius: 0 !important;
  padding: 1rem 0;
  margin: 0;
}
#offcanvas-faceted .facet-title {
  color: var(--miu-dark) !important;
  font-weight: 800;
}

/* Product cards — airy premium */
#js-product-list .products,
.products {
  --miu-product-gap: 1.25rem;
  gap: var(--miu-product-gap) !important;
}

.product-miniature,
article.product-miniature {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible;
  box-shadow: none !important;
  transition: opacity 0.2s ease;
}
.product-miniature:hover {
  transform: none;
  box-shadow: none !important;
  opacity: 0.96;
}
.product-miniature .thumbnail-container,
.product-miniature .product-thumbnail {
  background: var(--miu-sand);
  border-radius: 10px;
  overflow: hidden;
}
.product-miniature .product-thumbnail img,
.product-miniature .thumbnail-container img {
  border-radius: 10px;
}
.product-miniature .product-title,
.product-miniature .product-title a,
.product-miniature .h3 a {
  color: var(--miu-dark) !important;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: -0.01em;
  line-height: 1.35;
}
.product-miniature .price,
.product-miniature .product-price-and-shipping .price {
  color: var(--miu-dark) !important;
  font-weight: 800;
  font-size: 0.95rem;
}
.product-miniature .product-flags,
.product-miniature .product-flag {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.product-miniature .product-flag {
  border-radius: 4px !important;
  padding: 0.2rem 0.4rem !important;
}
.product-miniature .btn,
.product-miniature .btn-primary,
.product-miniature a.btn {
  border-radius: 8px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  min-height: 34px;
  border-color: rgba(11, 43, 59, 0.16) !important;
  color: var(--miu-dark) !important;
  background: #fff !important;
}
@media (max-width: 767.98px) {
  #js-product-list .products,
  .products {
    --miu-product-gap: 0.85rem;
  }
  .product-miniature .product-title,
  .product-miniature .product-title a {
    font-size: 0.82rem;
  }
  .product-miniature .price {
    font-size: 0.88rem;
  }
}

/* Mobile grid density toggles */
.miu-grid-toggle {
  display: none;
  gap: 0.35rem;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .miu-grid-toggle {
    display: inline-flex;
  }
  body.miu-grid-1 #js-product-list .products {
    grid-template-columns: 1fr !important;
  }
  body.miu-grid-2 #js-product-list .products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.miu-grid-toggle button {
  border: 1px solid var(--miu-line);
  background: #fff;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  color: var(--miu-dark);
}
.miu-grid-toggle button.is-active {
  background: var(--miu-dark);
  border-color: var(--miu-dark);
  color: #fff;
}

/* miu-footer.css */
/* MIU footer — dark band matches miu.ee; newsletter strip stays sand */

#footer .footer__main,
#footer .footer__main-top,
#footer .footer__main-bottom,
.footer-container {
  background: var(--miu-header-footer, #3e4e59) !important;
  color: var(--miu-footer-text-soft, #c2c5c4);
  margin-top: 0;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#footer .footer__main a,
.footer-container a {
  color: var(--miu-footer-text, #d2d4d3) !important;
}
#footer .footer__main a:hover,
.footer-container a:hover {
  color: #fff !important;
}

#footer .footer__main .h3,
#footer .footer__main .footer-title,
.footer-container .h3 {
  color: var(--miu-footer-heading, #f1f3f2) !important;
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#footer .footer__main .block-contact {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Newsletter strip above dark footer */
.block_newsletter,
#footer .footer__before,
#footer .footer__before .block_newsletter {
  background: var(--header-footer-bg, #f5f4f1) !important;
  color: var(--header-footer-text, #203a3e);
  border-top: 1px solid var(--header-footer-line, #c7dadb);
}
.block_newsletter .btn,
#footer .footer__before .btn {
  background: var(--miu-header-footer, #3e4e59) !important;
  border-color: var(--miu-header-footer, #3e4e59) !important;
  color: #fff !important;
  border-radius: var(--miu-radius-sm);
}

/* miu-product.css */
/* MIU product page */

.product-container,
#product {
  color: var(--miu-text);
}

.product__name,
h1.h1[itemprop="name"],
.page-product h1 {
  color: var(--miu-dark);
  font-weight: 800;
  letter-spacing: -0.015em;
  font-size: clamp(1.45rem, 2.4vw, 2rem);
}

.product-prices,
.current-price,
.current-price-value {
  color: var(--miu-dark);
  font-weight: 800;
}

/* classic-child: add-to-cart = mustard/slate #5f7c8c */
.product-actions .btn-primary,
.product-add-to-cart .btn-primary,
#add-to-cart-or-refresh .btn-primary {
  background: var(--miu-mustard) !important;
  border-color: var(--miu-mustard) !important;
  border-radius: var(--miu-radius-sm);
  font-weight: 800;
  min-height: 48px;
  padding-inline: 1.4rem;
}
.product-actions .btn-primary:hover,
.product-add-to-cart .btn-primary:hover {
  background: var(--miu-mustard-hover) !important;
  border-color: var(--miu-mustard-hover) !important;
}

.product-images img,
.product-cover img,
.product__images img,
.product__carousel img {
  border-radius: var(--miu-radius);
  background: transparent;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.product__carousel .carousel-item {
  text-align: center;
  background: transparent;
}

.product-description,
.product-additional-info,
#product-details {
  line-height: 1.65;
  color: var(--miu-text);
}

/* MIU presentation lists: petrol vertical bar instead of green checkmarks */
.product-description ul,
.product-description .rte ul {
  list-style: none;
  margin: 0.75rem 0 1.1rem;
  padding: 0;
}
.product-description ul > li,
.product-description .rte ul > li {
  position: relative;
  padding: 0.28rem 0 0.28rem 0.95rem;
  margin: 0;
  border-left: 2px solid #5da2b0;
}
.product-description h3,
.product-description .rte h3,
.product-description h4,
.product-description .rte h4 {
  margin: 1.15rem 0 0.4rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--miu-navy, #233e4c);
}
.product-description strong,
.product-description .rte strong {
  font-weight: 700;
  color: inherit;
}

.product-features table,
.product-features dl {
  border-color: var(--miu-line);
}
.product-features dt,
.product-features th {
  color: var(--miu-slate);
  font-weight: 700;
}

.product-variants .input-color,
.product-variants label {
  border-radius: var(--miu-radius-sm);
}

.breadcrumb {
  background: transparent;
  padding-left: 0;
  font-size: 0.9rem;
}
.breadcrumb a {
  color: var(--miu-slate);
}

/* miu-product-premium.css */
/* MIU Kids — premium PDP layout (V2: open gallery, compact trust, earlier description) */

.page-product .product__container {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: clamp(1rem, 2.5vw, 2rem);
  align-items: start;
  margin-bottom: 0.75rem;
}

.page-product .product__left {
  min-width: 0;
}

.page-product .product__right {
  align-self: start;
}

/* Open gallery — radius only on <img>, stage has no rounded frame */
.page-product .product__images {
  --miu-pdp-gallery-radius: 20px;
  --miu-pdp-gallery-max-h: min(62vh, 680px);
}

.page-product .product__carousel {
  position: relative;
  isolation: isolate;
  z-index: 0;
  background: transparent !important;
  border: none;
  border-radius: 0;
  overflow: hidden;
}

.page-product .product__carousel .carousel-inner {
  width: 100%;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0;
  overflow: hidden;
}

.page-product .product__carousel .carousel-item {
  min-height: 0;
  padding: 0;
  background: transparent !important;
  text-align: center;
}

.page-product .product__carousel .carousel-item.active,
.page-product .product__carousel .carousel-item.carousel-item-next,
.page-product .product__carousel .carousel-item.carousel-item-prev,
.page-product .product__carousel .carousel-item.carousel-item-start,
.page-product .product__carousel .carousel-item.carousel-item-end {
  display: block;
  width: 100%;
}

.page-product .product__carousel .carousel-item picture {
  display: block;
  width: 100%;
  max-width: 100%;
  line-height: 0;
  background: transparent !important;
  border-radius: 0;
  overflow: visible;
}

/* Full-width photo (miu.ee) — radius on the same <img> box */
.page-product .product__carousel .carousel-item img,
.page-product .product__carousel img.img-fluid {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  margin: 0 auto;
  object-fit: contain;
  object-position: center center;
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: var(--miu-pdp-gallery-radius, 20px) !important;
}

.page-product .product-cover img {
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #fff !important;
  border-radius: var(--miu-pdp-gallery-radius, 20px) !important;
}

.page-product .product__thumbnails {
  margin-top: 0.65rem;
  --miu-thumb-gap: 0.35rem;
  --miu-thumb-size: 4.02rem; /* ~5 thumbs across main image width */
}

/* Grid cube disabled — single-row strip only (see miu-pdp-v19.css) */
.page-product .product__thumbnails:not(.miu-pdp-thumbs-carousel) .product__thumbnails-list {
  display: flex;
  flex-wrap: nowrap;
  grid-template-columns: none;
  gap: var(--miu-thumb-gap);
  width: max-content;
}

.page-product .product__thumbnails:not(.miu-pdp-thumbs-carousel) .product__thumbnail {
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 1;
}

.page-product .product__thumbnails-list {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-product .miu-pdp-thumbs-carousel {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  max-width: 100%;
}

.page-product .miu-pdp-thumbs__viewport {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.page-product .miu-pdp-thumbs__viewport::-webkit-scrollbar {
  display: none;
}

.page-product .miu-pdp-thumbs-carousel .product__thumbnails-list {
  flex-wrap: nowrap;
  width: max-content;
  gap: var(--miu-thumb-gap);
  padding: 0.1rem 0;
}

.page-product .miu-pdp-thumbs-carousel .product__thumbnails-list {
  justify-content: flex-start;
}

.page-product .product__thumbnails:not(.miu-pdp-thumbs-carousel) .product__thumbnail {
  padding: 0;
  overflow: hidden;
}

.page-product .product__thumbnails:not(.miu-pdp-thumbs-carousel) .product__thumbnail picture {
  display: block;
  width: 100%;
  height: 100%;
}

.page-product .product__thumbnails:not(.miu-pdp-thumbs-carousel) .product__thumbnail-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}

.page-product .miu-pdp-thumbs-carousel .product__thumbnail {
  flex: 0 0 var(--miu-thumb-size, 4.02rem);
  width: var(--miu-thumb-size, 4.02rem);
  height: var(--miu-thumb-size, 4.02rem);
  max-width: var(--miu-thumb-size, 4.02rem);
  max-height: var(--miu-thumb-size, 4.02rem);
  padding: 0;
  overflow: hidden;
}

.page-product .miu-pdp-thumbs-carousel .product__thumbnail picture {
  display: block;
  width: 100%;
  height: 100%;
}

.page-product .miu-pdp-thumbs-carousel .product__thumbnail-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
}

.page-product .miu-pdp-thumbs__nav {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  padding: 0;
  border: 1px solid rgba(11, 43, 59, 0.12);
  border-radius: 999px;
  background: #fff;
  color: rgba(11, 43, 59, 0.75);
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11, 43, 59, 0.06);
}

.page-product .miu-pdp-thumbs__nav:hover,
.page-product .miu-pdp-thumbs__nav:focus-visible {
  border-color: var(--miu-petrol, #5da2b0);
  color: var(--miu-petrol, #5da2b0);
}

.page-product .miu-pdp-thumbs__nav .material-icons {
  font-size: 1.15rem;
  line-height: 1;
}

.page-product .miu-pdp-thumbs__nav:disabled {
  opacity: 0.35;
  cursor: default;
}

.page-product .product__thumbnail {
  border: 2px solid transparent;
  border-radius: var(--miu-pdp-gallery-radius, 10px);
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease;
}

.page-product .product__thumbnail:hover,
.page-product .product__thumbnail:focus,
.page-product .product__thumbnail:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border-color: rgba(11, 43, 59, 0.12);
}

.page-product .product__thumbnail.active {
  border-color: rgba(11, 43, 59, 0.38);
}

.page-product .product__thumbnail .product__thumbnail-image.outline {
  outline: none !important;
}

.page-product .product__name {
  text-transform: none;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.page-product .product__manufacturer a {
  color: var(--miu-petrol, #5da2b0);
  font-weight: 600;
  text-decoration: none;
}
.page-product .product__manufacturer a:hover {
  text-decoration: underline;
}

/* Short description — full block (V8); no fade clip */
.page-product .miu-pdp__short {
  font-size: var(--miu-text-body, 0.9375rem);
  line-height: 1.55;
  color: var(--miu-text, #203a3e);
  max-height: none;
  overflow: visible;
  position: static;
}
.page-product .miu-pdp__short::after {
  display: none;
}

.page-product .miu-pdp-buy__lead {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 0.65rem;
  padding: 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  font-weight: 500;
  color: rgba(11, 43, 59, 0.82);
}

.page-product .miu-pdp-buy__lead-icon {
  font-size: 1rem;
  color: var(--miu-petrol, #5da2b0);
}

.page-product .miu-pdp-buy__actions {
  margin-bottom: 0.15rem;
}

.page-product .miu-pdp-buy__cta {
  min-height: 2.75rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.page-product .product__availability-status,
.page-product .product__delivery-infos {
  display: none !important;
}

.page-product .product__additional-info {
  margin-top: 0.35rem;
}

.page-product .product__carousel .carousel-control-prev,
.page-product .product__carousel .carousel-control-next,
.page-product .product__zoom {
  z-index: 3;
}

.page-product .product__additional-info .ps-sharebuttons {
  margin-top: 0.65rem;
  margin-bottom: 0;
}

.page-product .product__bottom {
  display: block;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--miu-color-border-hairline, rgba(11, 43, 59, 0.08));
}

.page-product .product__bottom-left {
  max-width: 920px;
}

.page-product .product__bottom-right {
  display: none;
}

.page-product .miu-pdp__sections {
  margin-top: 0;
}

.page-product .miu-pdp__section {
  padding: 0.85rem 0 0.25rem;
}

.page-product .miu-pdp__section-head {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.65rem;
}

.page-product .miu-pdp__section-accent {
  width: 3px;
  height: 1.15rem;
  border-radius: 2px;
  background: var(--miu-petrol, #5da2b0);
}

.page-product .miu-pdp__section-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--miu-dark, #0b2b3b);
}

@media (max-width: 991px) {
  .page-product .product__container {
    grid-template-columns: 1fr;
    margin-bottom: 0.5rem;
  }
  .page-product .product__images {
    --miu-pdp-gallery-max-h: min(44vh, 380px);
  }
}

@media (min-width: 992px) {
  /* Pull description column up beside shorter gallery when viewport allows */
  .page-product .js-product-container + .product__bottom {
    margin-top: -0.25rem;
  }
}

/* miu-product-content.css */
/* MIU Kids — product description content blocks (semantic HTML in descriptions) */

.product-description,
#product-description,
.product-description .miu-pc {
  --miu-pc-navy: #0b2b3b;
  --miu-pc-teal: #5da2b0;
  --miu-pc-sand: #f5f4f1;
  --miu-pc-line: rgba(11, 43, 59, 0.12);
  font-family: var(--miu-font, 'Mulish', system-ui, sans-serif);
  color: var(--miu-text, #2a3a44);
  line-height: 1.7;
}

.miu-pc__intro {
  margin-bottom: 1.25rem;
  font-size: 1.02rem;
}

.miu-pc__section {
  margin: 1.75rem 0 1rem;
  padding-top: 0.25rem;
}

.miu-pc__title {
  margin: 0 0 0.65rem;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--miu-pc-navy);
}

.miu-pc__list {
  margin: 0 0 1rem;
  padding-left: 1.15rem;
}

.miu-pc__list li {
  margin-bottom: 0.35rem;
}

.miu-pc__details {
  background: var(--miu-pc-sand);
  border: 1px solid var(--miu-pc-line);
  border-radius: 12px;
  padding: 1rem 1.15rem;
}

.miu-pc__care,
.miu-pc__safety {
  border-left: 3px solid var(--miu-pc-teal);
  padding-left: 0.85rem;
}

/* Legacy / imported tables — preserve structure, premium scroll on mobile */
.product-description table,
.miu-pc table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.92rem;
}

.product-description .table-responsive,
.miu-pc__table-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1rem 0;
  border-radius: 10px;
  border: 1px solid var(--miu-pc-line);
}

.product-description table th,
.product-description table td,
.miu-pc table th,
.miu-pc table td {
  border: 1px solid var(--miu-pc-line);
  padding: 0.45rem 0.55rem;
  vertical-align: top;
}

.product-description table th,
.miu-pc table th {
  background: rgba(93, 162, 176, 0.12);
  color: var(--miu-pc-navy);
  font-weight: 700;
  text-align: left;
}

.product-description img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .product-description table,
  .miu-pc table {
    font-size: 0.85rem;
  }
}

/* Editorial description — scoped to the product description, not the rest of the store. */
.page-product .product__description {
  color: #3d5560;
  font-size: 1rem;
  line-height: 1.7;
  overflow-x: auto;
}

.page-product .product__description > *:first-child {
  margin-top: 0;
}

.page-product .product__description p {
  margin: 0 0 0.95rem;
  max-width: 68ch;
  color: #3d5560;
  font-size: 1rem;
  line-height: 1.7;
}

.page-product .product__description h2 {
  margin: 1.85rem 0 0.75rem;
  color: #0b2b3b;
  font-size: 1.35rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.page-product .product__description h2::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  margin-top: 0.45rem;
  border-radius: 1px;
  background: #5da2b0;
}

.page-product .product__description h3,
.page-product .miu-pc__title {
  margin: 1.45rem 0 0.5rem;
  color: #0b2b3b;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.3;
  text-transform: none;
}

.page-product .product__description h4 {
  margin: 1.2rem 0 0.4rem;
  color: #3d5560;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.35;
}

.page-product .product__description strong {
  color: #0b2b3b;
  font-weight: 650;
}

.page-product .product__description em {
  color: #0b2b3b;
}

.page-product .product__description a {
  color: #3a7482;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: rgba(93, 162, 176, 0.7);
  text-underline-offset: 0.16em;
}

.page-product .product__description a:hover,
.page-product .product__description a:focus-visible {
  color: #0b2b3b;
  text-decoration-color: #0b2b3b;
}

.page-product .product__description ul,
.page-product .product__description ol {
  margin: 0.35rem 0 1.15rem;
  padding: 0;
  max-width: 68ch;
}

.page-product .product__description ul {
  list-style: none;
}

.page-product .product__description ul > li,
.page-product .product__description ol > li {
  position: relative;
  margin: 0;
  padding: 0.28rem 0 0.28rem 1.15rem;
  border-left: 0;
  line-height: 1.6;
}

.page-product .product__description ul > li::before {
  content: "";
  position: absolute;
  left: 0.12rem;
  top: 0.72em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5da2b0;
}

.page-product .product__description ul ul {
  margin: 0.25rem 0 0.35rem;
}

.page-product .product__description ul ul > li::before {
  width: 5px;
  height: 5px;
  background: transparent;
  border: 1.5px solid #5da2b0;
}

.page-product .product__description ol {
  list-style: none;
  counter-reset: miu-desc;
}

.page-product .product__description ol > li {
  counter-increment: miu-desc;
}

.page-product .product__description ol > li::before {
  content: counter(miu-desc);
  position: absolute;
  left: 0;
  top: 0.28rem;
  color: #3a7482;
  font-size: 0.82rem;
  font-weight: 700;
}

.page-product .product__description table {
  width: 100%;
  min-width: 16rem;
  margin: 0.5rem 0 1.2rem;
  border-collapse: collapse;
  font-size: 0.95rem;
}

.page-product .product__description table th,
.page-product .product__description table td {
  border: 0;
  border-bottom: 1px solid rgba(11, 43, 59, 0.1);
  padding: 0.55rem 0.7rem;
  text-align: left;
  vertical-align: top;
  background: transparent;
}

.page-product .product__description table th {
  color: #0b2b3b;
  font-size: 0.82rem;
  font-weight: 650;
  letter-spacing: 0.03em;
}

.page-product .miu-pc__intro {
  font-size: 1.05rem;
  line-height: 1.65;
  color: #334a52;
}

.page-product .miu-pc__details {
  background: transparent;
  border: 0;
  border-top: 1px solid rgba(11, 43, 59, 0.08);
  border-radius: 0;
  padding: 1rem 0 0;
}

@media (max-width: 767.98px) {
  .page-product .product__description,
  .page-product .product__description p {
    font-size: 1rem;
  }

  .page-product .product__description h2 {
    font-size: 1.25rem;
  }

  .page-product .product__description h3 {
    font-size: 1.0625rem;
  }
}

/* miu-premium-polish.css */
/**
 * MIU premium polish — homepage shell + PLP (stage 2).
 * Keeps structure; upgrades hierarchy, cards, badges, spacing.
 */

/* ========== HEADER ========== */
#header .header-top {
  font-size: 0.8rem;
  letter-spacing: 0.01em;
}
#header .header-top .container-md,
#header .header-top .row {
  min-height: 34px;
  align-items: center;
}
#header .header-top a {
  font-weight: 600;
  opacity: 0.92;
}
#header .header-top a:hover {
  opacity: 1;
}
#header .header-block__badge {
  min-width: 18px;
  height: 18px;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 18px;
  border-radius: 999px;
}

#header .header-bottom {
  padding: 0.85rem 0 0.4rem;
  background: var(--header-footer-bg, #f5f4f1) !important;
  border-bottom: 1px solid var(--header-footer-line, #c7dadb);
}

/* Search — premium pill */
#header #ps_searchbar.ps-searchbar,
#header .ps-searchbar {
  width: 100%;
}
#header .ps-searchbar__form {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(11, 43, 59, 0.12);
  border-radius: 999px;
  min-height: 46px;
  padding: 0 0.85rem 0 1rem;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
#header .ps-searchbar__form:focus-within {
  border-color: var(--miu-dark);
  box-shadow: 0 0 0 3px rgba(11, 43, 59, 0.1);
}
/* Parent Hummingbird uses absolute magnifier — force flex flow so icon ≠ text */
#header .ps-searchbar__magnifier,
#header .ps-searchbar__magnifier.material-icons,
#header .js-search-icon.ps-searchbar__magnifier {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1 !important;
  color: var(--miu-slate);
  font-size: 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
}
#header .ps-searchbar__input,
#header .ps-searchbar__input.form-control,
#header .js-search-input.ps-searchbar__input {
  border: 0 !important;
  box-shadow: none !important;
  min-height: 44px !important;
  background: transparent !important;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--miu-dark);
  flex: 1 1 auto;
  min-width: 0;
  /* kill parent padding-inline: 2.5rem (meant for absolute icon) */
  padding: 0.35rem 0.25rem 0.35rem 0 !important;
  padding-inline: 0 0.25rem !important;
  padding-block: 0.35rem !important;
}
#header .ps-searchbar__input::placeholder {
  color: var(--miu-text-muted);
  opacity: 0.85;
}
#header .ps-searchbar__clear {
  position: static !important;
  transform: none !important;
  flex: 0 0 auto;
  margin-left: 0.15rem;
}

/* L1 menu — readable premium tabs */
@media (min-width: 992px) {
  #header .ps-mainmenu__tree,
  #header #top-menu.ps-mainmenu__tree {
    min-height: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
  }
  #header .ps-mainmenu__tree-item {
    height: 50px !important;
  }
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-link,
  #header #top-menu > .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    min-height: 50px !important;
    padding: 6px 9px !important;
    gap: 7px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
  }
  #header .ps-mainmenu__desktop .miu-mega__toplink-icon {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
    opacity: 0.92;
  }
  /* V8.2 — compact L1 chip inside rail (overrides block above on --v82) */
  #header .ps-mainmenu__desktop--v82 .ps-mainmenu__tree,
  #header .ps-mainmenu__desktop--v82 #top-menu.ps-mainmenu__tree {
    min-height: 46px !important;
    height: 46px !important;
    max-height: 46px !important;
  }
  #header .ps-mainmenu__desktop--v82 .ps-mainmenu__tree-item {
    height: 46px !important;
  }
  #header .ps-mainmenu__desktop--v82 .ps-mainmenu__tree-item-wrapper {
    align-items: center !important;
  }
  #header .ps-mainmenu__desktop--v82 .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--v82 #top-menu > .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    min-height: 34px !important;
    max-height: 36px !important;
    height: auto !important;
    padding: 6px 11px !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
  }

  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover .miu-mega__toplink-icon,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.current .miu-mega__toplink-icon,
  #header .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open .miu-mega__toplink-icon {
    opacity: 1;
  }
}

/* ========== HOME HERO (airy opening) ========== */
.miu-home-hero {
  padding: 1.85rem 1.85rem 1.75rem;
  box-shadow: 0 12px 28px rgba(47, 59, 68, 0.16);
  background:
    radial-gradient(720px 360px at 88% 18%, rgba(141, 162, 173, 0.14), transparent 55%),
    var(--miu-surface-grad-hero);
}
.miu-home-hero__grid {
  gap: 0.85rem 1.25rem;
  min-height: 0;
}
.miu-home-hero__brand {
  font-size: 0.8rem;
  letter-spacing: 0.07em;
  opacity: 0.86;
  margin-bottom: 0.4rem;
}
.miu-home-hero__title {
  font-size: clamp(1.4rem, 2.5vw, 1.9rem);
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
.miu-home-hero__lead {
  font-size: 0.92rem;
  line-height: 1.4;
  max-width: 34ch;
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.9) !important;
}
.miu-home-hero__dir {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.16);
  padding: 0.55rem 0.8rem;
  gap: 0.7rem;
  min-height: 0;
}
.miu-home-hero__dir:hover {
  background: rgba(255, 255, 255, 0.18);
}
.miu-home-hero__dir-media {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  flex: 0 0 44px;
}
.miu-home-hero__dir-media img {
  width: 44px;
  height: 44px;
}
.miu-home-hero__dir-label {
  font-size: 0.9rem !important;
  font-weight: 700 !important;
}
.miu-home-hero__dir-arrow {
  color: rgba(255, 255, 255, 0.75);
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.12);
  font-size: 0.85rem;
}

/* Hero CTAs — compact again (do not inflate global .miu-btn) */
.miu-home-hero__actions {
  gap: 0.65rem;
}
.miu-home-hero .miu-btn,
.miu-home-hero .miu-btn--solid,
.miu-home-hero .miu-btn--ghost {
  min-height: 38px !important;
  padding: 0.45rem 1.05rem !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  border-radius: 8px !important;
  line-height: 1.25 !important;
}

/* ========== HOME CATEGORIES (bento; layout in miu-home-shell) ========== */
.miu-home-quick__link {
  box-shadow: none;
}
.miu-home-more {
  font-size: 0.9rem;
  letter-spacing: 0.01em;
}

/* ========== PLP: BREADCRUMB + HEADER ========== */
.breadcrumb,
ol.breadcrumb {
  margin: 0 0 0.85rem !important;
  padding: 0 !important;
  background: transparent !important;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--miu-text-muted);
}
.breadcrumb a {
  color: var(--miu-slate) !important;
  text-decoration: none;
}
.breadcrumb a:hover {
  color: var(--miu-dark) !important;
}
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb .separator {
  color: rgba(11, 43, 59, 0.28);
}

.category__header,
#js-product-list-header {
  margin-bottom: 1.15rem;
}
.category__header .page-title-section h1,
#js-product-list-header h1 {
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  margin: 0 0 0.55rem;
}

.miu-cat-intro,
.miu-cat-intro.rich-text {
  max-width: 46rem;
  margin: 0 0 1.1rem;
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--miu-text-muted);
}
.miu-cat-intro p {
  margin: 0;
}
.miu-cat-intro__more {
  display: inline-flex;
  margin-top: 0.45rem;
  padding: 0;
  border: 0;
  background: none;
  color: var(--miu-petrol);
  font-weight: 750;
  font-size: 0.9rem;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.miu-cat-intro__more:hover {
  color: var(--miu-dark);
}

/* ========== PLP: SUBCATEGORY CARDS ========== */
/* Visual system lives in miu-catalog.css — keep polish from fighting it. */
.miu-subcats__heading {
  color: var(--miu-dark, #0b2b3b);
}
.miu-subcats__link:hover .miu-subcats__name-text {
  color: #5da2b0;
}

/* ========== PLP TOOLBAR ========== */
#js-product-list-top {
  display: flex;
  align-items: center;
  background: #fff !important;
  border: 1px solid rgba(11, 43, 59, 0.1) !important;
  border-radius: 12px;
  min-height: 56px;
  padding: 0.4rem 1rem !important;
  margin-bottom: 1.15rem !important;
  box-shadow: none;
}
#js-product-list-top .products__selection {
  width: 100%;
  margin: 0;
  gap: 0.5rem 1rem;
  align-items: center;
}
.products__count {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: Mulish, system-ui, sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.35;
  color: #0b2b3b;
}
.products__count::before {
  content: "";
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  background: #5da2b0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='12' height='11' rx='1.4'/%3E%3Cpath d='M5 3.2V2.4h6v.8M2 7h12'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='12' height='11' rx='1.4'/%3E%3Cpath d='M5 3.2V2.4h6v.8M2 7h12'/%3E%3C/svg%3E") center / contain no-repeat;
}
.products__sort-label {
  font-family: Mulish, system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #0b2b3b;
}
.products__sort .dropdown-toggle,
.products__sort-dropdown-button,
.products__sort .form-select {
  border-radius: 9px !important;
  border-color: rgba(11, 43, 59, 0.14) !important;
  background: #fff !important;
  color: #0b2b3b !important;
  font-family: Mulish, system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  min-height: 36px !important;
  padding: 0.3rem 0.75rem !important;
  box-shadow: none !important;
}
.products__sort-dropdown-button.dropdown-toggle::after {
  border-top-color: #5da2b0;
  margin-left: 0.55rem;
}
.products__sort-dropdown-button:focus-visible {
  outline: 2px solid #5da2b0;
  outline-offset: 2px;
}
.products__sort-dropdown .dropdown-menu {
  border: 1px solid rgba(11, 43, 59, 0.1);
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(11, 43, 59, 0.08);
  padding: 0.3rem;
}
.products__sort-dropdown .dropdown-item {
  border-radius: 6px;
  color: #0b2b3b;
  font-family: Mulish, system-ui, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
}
.products__sort-dropdown .dropdown-item:hover,
.products__sort-dropdown .dropdown-item:focus,
.products__sort-dropdown .dropdown-item.active,
.products__sort-dropdown .dropdown-item.current {
  background: #f3f7f8;
  color: #0b2b3b;
}
@media (max-width: 575.98px) {
  #js-product-list-top {
    min-height: 0;
    padding: 0.55rem 0.75rem !important;
  }
  .products__count {
    flex: 1 1 100%;
  }
  .products__sort {
    width: 100%;
    justify-content: space-between;
  }
}
.products__filter-button,
#search_filter_toggler {
  border-radius: 9px !important;
  border-color: rgba(11, 43, 59, 0.14) !important;
  font-weight: 700 !important;
  font-size: 0.84rem !important;
  min-height: 36px !important;
}

/* ========== PRODUCT CARDS ========== */
#js-product-list .products,
.products {
  --miu-product-gap: 1.35rem;
  align-items: stretch !important;
}
@media (min-width: 1200px) {
  #js-product-list .products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

article.product-miniature,
.product-miniature {
  height: 100%;
}
.product-miniature__inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  background: #fff;
  border: 1px solid rgba(11, 43, 59, 0.06);
  border-radius: 14px;
  padding: 0.65rem 0.65rem 0.85rem;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.product-miniature:hover .product-miniature__inner {
  border-color: rgba(11, 43, 59, 0.12);
  box-shadow: 0 12px 28px rgba(11, 43, 59, 0.08);
  /* no transform — HB quickview uses translateY(-100%) on hover */
}
.product-miniature__top {
  position: relative;
  margin-bottom: 0.7rem;
  /* Hummingbird quickview sits at top:100% and slides up on hover —
     without clipping it permanently covers title / price / CTA. */
  overflow: hidden;
  border-radius: 10px;
}

/* Fixed image stage — contain, no crop, no empty stretch */
.product-miniature__image-container,
.product-miniature .thumbnail-container {
  position: relative;
  width: 100%;
  height: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
  aspect-ratio: auto !important;
  background: #f7f6f3 !important;
  border-radius: 10px !important;
  overflow: hidden;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.product-miniature__image-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  outline: none !important;
  box-shadow: none !important;
}
.product-miniature__image,
.product-miniature .thumbnail-container img {
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 184px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
}

.product-miniature__bottom {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto;
  min-height: 0;
}
.product-miniature__infos {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto;
  gap: 0.35rem;
}
.product-miniature__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.5em;
  margin: 0 !important;
  color: var(--miu-dark) !important;
  font-size: 0.9rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.012em;
  text-decoration: none !important;
}
.product-miniature__title:hover {
  color: var(--miu-petrol) !important;
}
.product-miniature__prices {
  margin-top: 0.15rem;
}
.product-miniature__price {
  color: var(--miu-dark) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}
.product-miniature__regular-price {
  color: var(--miu-text-muted) !important;
  font-size: 0.85rem;
}
.product-miniature__actions {
  margin-top: auto;
  padding-top: 0.65rem;
}
.product-miniature__details.btn,
.product-miniature__details {
  width: 100%;
  border-radius: 9px !important;
  border-color: rgba(11, 43, 59, 0.14) !important;
  color: var(--miu-dark) !important;
  background: #fff !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  min-height: 36px !important;
}
.product-miniature__details:hover {
  background: var(--miu-dark) !important;
  border-color: var(--miu-dark) !important;
  color: #fff !important;
}

/* Badges — quiet premium chips */
.product-flags,
ul.product-flags {
  z-index: 3;
  gap: 0.3rem !important;
  top: 0.45rem !important;
  left: 0.45rem !important;
  right: auto !important;
}
.product-flags .badge,
.product-flags li.badge,
li.badge.new,
li.badge.out_of_stock,
li.badge.discount,
.product-miniature .badge {
  display: inline-flex !important;
  align-items: center;
  max-width: 100%;
  margin: 0 !important;
  padding: 0.18rem 0.45rem !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--miu-dark) !important;
}
li.badge.new {
  background: var(--miu-petrol-soft) !important;
  border-color: rgba(93, 162, 176, 0.35) !important;
  color: #203a3e !important;
}
/* Same @layer as theme primary badge so coral can win */
@layer bs-base {
  body.page-product .product-flags .badge:not(.discount),
  body.page-product .product-flags li.badge.new,
  body.page-product li.badge.new,
  body.page-product .product-flags .badge.new {
    --bs-primary-rgb: 232, 165, 148;
    background: #e8a594 !important;
    background-color: #e8a594 !important;
    background-image: none !important;
    border-color: transparent !important;
    color: #0b2b3b !important;
    --bs-badge-color: #0b2b3b;
    --bs-bg-opacity: 1;
  }
}
li.badge.out_of_stock {
  background: rgba(245, 244, 241, 0.96) !important;
  border-color: rgba(11, 43, 59, 0.1) !important;
  color: var(--miu-slate) !important;
  font-weight: 650 !important;
  max-width: 11rem;
  white-space: normal;
}

/* Quickview: keep HB slide-up bar, MIU chrome only */
.product-miniature__quickview-button {
  z-index: 2;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: var(--miu-dark) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.01em;
  box-shadow: 0 -4px 16px rgba(11, 43, 59, 0.08);
}
.product-miniature__quickview-touch {
  z-index: 3;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(11, 43, 59, 0.1) !important;
  box-shadow: 0 4px 12px rgba(11, 43, 59, 0.1);
}

/* SEO below products */
.miu-cat-seo {
  margin-top: 2.5rem;
  padding: 1.75rem 0 0.25rem;
  border-top: 1px solid rgba(11, 43, 59, 0.08);
  max-width: 52rem;
}
.miu-cat-seo h2 {
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--miu-dark);
}
.miu-cat-seo h3 {
  font-size: 1.1rem;
  font-weight: 750;
  color: var(--miu-dark);
}

/* Mobile product grid */
@media (max-width: 767.98px) {
  #js-product-list-top {
    padding: 0.55rem 0.7rem !important;
    border-radius: 10px;
  }
  .product-miniature__inner {
    padding: 0.45rem 0.45rem 0.65rem;
    border-radius: 12px;
  }
  .product-miniature__image-container,
  .product-miniature .thumbnail-container {
    height: 148px !important;
    min-height: 148px !important;
    max-height: 148px !important;
  }
  .product-miniature__image,
  .product-miniature .thumbnail-container img {
    max-height: 136px !important;
  }
  .product-miniature__title {
    font-size: 0.8rem !important;
    min-height: 2.4em;
  }
  .product-miniature__price {
    font-size: 0.95rem !important;
  }
  .product-miniature__details {
    font-size: 0.75rem !important;
    min-height: 32px !important;
  }
  li.badge.out_of_stock {
    font-size: 0.62rem !important;
    max-width: 8.5rem;
  }
  .miu-home-hero {
    padding: 1.45rem 1.15rem 1.35rem;
  }
  .miu-home-hero__grid {
    min-height: 0;
    gap: 0;
  }
  .miu-home-hero__title {
    font-size: clamp(1.28rem, 5.5vw, 1.6rem);
    margin-bottom: 0.4rem;
  }
  .miu-home-hero__lead {
    font-size: 0.84rem;
    line-height: 1.35;
    margin-bottom: 0.9rem;
  }
}

/* Stage4 polish: stronger type contrast, sticky ATC, no HL leftover clutter */
body,
.page-content,
.product-description,
.category-description {
  color: var(--miu-text);
}
h1, h2, h3, .h1, .h2, .h3 {
  color: var(--miu-dark);
}
.miu-hero {
  min-height: min(68vh, 560px);
}
.miu-hero .badge,
.miu-hero .promo-chip,
.miu-hero [class*="sticker"] {
  display: none !important;
}
/* Sticky ATC bar removed on PDP — it stacked white cards over lead time on mobile.
   Keep non-product pages unaffected (selector excludes .page-product). */
@media (max-width: 767.98px) {
  body:not(.page-product) .product-add-to-cart,
  body:not(.page-product) #add-to-cart-or-refresh {
    position: sticky;
    bottom: 0;
    z-index: 20;
    background: #fff;
    padding: 0.65rem 0 calc(0.65rem + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -8px 24px rgba(11, 43, 59, 0.08);
  }
}

/* miu-header-ds.css */
/**
 * MIU Premium DS — Phase 1: header, search, nav chrome
 * Loads after miu-premium-polish.css. Does not change megamenu JS or IA.
 */

/* ---- Search (premium pill, petrol focus) ---- */
#header .ps-searchbar__form {
  border-color: var(--miu-color-border-subtle);
  border-radius: var(--miu-radius-pill);
  min-height: 44px;
  box-shadow: var(--miu-shadow-soft);
  background: var(--miu-color-surface);
}

#header .ps-searchbar__form:focus-within {
  border-color: var(--miu-color-focus);
  box-shadow: 0 0 0 3px rgba(93, 162, 176, 0.22);
}

#header .ps-searchbar__magnifier,
#header .js-search-icon.ps-searchbar__magnifier {
  color: var(--miu-color-text-muted);
}

#header .ps-searchbar__input,
#header .js-search-input.ps-searchbar__input {
  font-size: var(--miu-text-body);
  font-weight: 500;
  color: var(--miu-color-heading);
}

#header .ps-searchbar__input::placeholder {
  color: var(--miu-color-text-muted);
  opacity: 0.9;
}

/* Fast search dropdown — match header surface */
#fd-fast-results,
.miu-fast-search-results {
  border-color: var(--miu-color-border-subtle);
  border-radius: var(--miu-radius-md);
  box-shadow: var(--miu-shadow-panel);
}

.miu-fast-search-price {
  color: var(--miu-color-price) !important;
  font-size: var(--miu-text-price) !important;
}

.miu-fast-search-name {
  color: var(--miu-color-heading) !important;
  font-size: var(--miu-text-product) !important;
  font-weight: 600 !important;
}

/* ---- L1: don't let legacy header.css override v82 megamenu ---- */
@media (min-width: 992px) {
  #header .ps-mainmenu__desktop--v82 .ps-mainmenu__tree-link,
  #header .ps-mainmenu__desktop--v82 #top-menu > .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    font-weight: 600 !important;
    font-size: var(--miu-text-nav) !important;
    padding: 6px 11px !important;
    border-radius: 8px !important;
    background: transparent !important;
  }

  #header .ps-mainmenu__desktop--v82 .ps-mainmenu__tree-item:hover:not(.is-mega-open) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    color: var(--miu-color-heading) !important;
    background: rgba(245, 244, 241, 0.95) !important;
  }
}

/* Utility bar + sand strip — token alignment */
#header .header-bottom {
  background: var(--miu-color-surface-subtle) !important;
  border-bottom-color: var(--header-footer-line, var(--miu-line));
}

#header .header-block__action-btn:hover,
#header .header-block__action-btn:focus-visible {
  color: var(--miu-color-link);
}

/* Search — single chrome (no double border from header input + form) */
#header #_desktop_ps_searchbar,
#header #ps_searchbar.ps-searchbar,
#header .ps-searchbar,
#header .miu-fast-search-host {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  outline: none !important;
}

#header .ps-searchbar__form {
  border: 1px solid var(--miu-color-border-subtle, rgba(11, 43, 59, 0.14)) !important;
  box-shadow: var(--miu-shadow-soft, 0 1px 2px rgba(11, 43, 59, 0.04)) !important;
}

#header .ps-searchbar__form:focus-within {
  border-color: var(--miu-color-focus, var(--miu-petrol)) !important;
  box-shadow: 0 0 0 3px rgba(93, 162, 176, 0.22) !important;
}

#header .ps-searchbar__input,
#header .ps-searchbar__input.form-control,
#header #ps_searchbar_input,
#header .js-search-input.ps-searchbar__input {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* miu-storefront-ds.css */
/**
 * MIU Premium DS — Phases 2–5: PLP, PDP, home rhythm, footer, blog
 * Loads after miu-premium-polish.css. Scoped token harmonization only.
 */

/* ========== Phase 2 — Category / PLP ========== */
.breadcrumb {
  font-size: var(--miu-text-small);
  font-weight: 500;
  margin-bottom: var(--miu-space-4);
}
.breadcrumb a {
  color: var(--miu-color-text-muted);
  text-decoration: none;
}
.breadcrumb a:hover {
  color: var(--miu-color-link);
}
.breadcrumb .active,
.breadcrumb li:last-child {
  color: var(--miu-color-heading);
  font-weight: 600;
}

.category__header .page-title-section h1,
.block-category h1,
#js-product-list-header h1,
.page-header h1 {
  font-size: var(--miu-text-h1);
  font-weight: 700;
  color: var(--miu-color-heading);
}

.miu-cat-intro,
.block-category .category-description,
#category-description {
  font-size: var(--miu-text-body);
  color: var(--miu-color-text-muted);
  max-width: 42rem;
}

#js-product-list-top {
  border-bottom-color: var(--miu-color-border-hairline);
}

.products__filter-button,
#search_filter_toggler,
.products__sort .dropdown-toggle {
  border-color: var(--miu-color-border-subtle) !important;
  border-radius: var(--miu-radius-md) !important;
  font-weight: 600 !important;
  font-size: var(--miu-text-small) !important;
}
.products__filter-button:hover,
#search_filter_toggler:hover {
  background: var(--miu-color-primary-action) !important;
  border-color: var(--miu-color-primary-action) !important;
}

/* Product cards — align with DS (premium-polish structure) */
.product-miniature__price,
.product-miniature .price,
.product-miniature .product-price-and-shipping .price {
  color: var(--miu-color-price) !important;
  font-size: var(--miu-text-price) !important;
  font-weight: 700 !important;
}

.product-miniature__title {
  font-size: var(--miu-text-product) !important;
  font-weight: 600 !important;
  color: var(--miu-color-heading) !important;
}

.product-miniature__inner {
  border-color: var(--miu-color-border-hairline);
  border-radius: var(--miu-radius-lg);
  box-shadow: var(--miu-shadow-soft);
}

.miu-subcats__link,
.subcategory__link--with-image {
  border-color: rgba(11, 43, 59, 0.1);
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(11, 43, 59, 0.04);
}

/* ========== Phase 3 — Product detail ========== */
.product__name,
h1.h1[itemprop="name"],
.page-product h1 {
  font-size: var(--miu-text-h1);
  font-weight: 700;
  color: var(--miu-color-heading);
}

.product-prices .current-price,
.product-prices .current-price-value,
.product-prices .price {
  color: var(--miu-color-price) !important;
  font-weight: 700;
}

.product-actions .btn-primary,
.product-add-to-cart .btn-primary,
#add-to-cart-or-refresh .btn-primary {
  background: var(--miu-color-primary-action) !important;
  border-color: var(--miu-color-primary-action) !important;
  font-weight: 700;
  border-radius: var(--miu-radius-md);
  min-height: 48px;
}
.product-actions .btn-primary:hover,
.product-add-to-cart .btn-primary:hover,
#add-to-cart-or-refresh .btn-primary:hover {
  background: var(--miu-color-primary-action-hover) !important;
  border-color: var(--miu-color-primary-action-hover) !important;
}

.product-tabs .nav-link.active,
.product-tabs .nav-link:hover {
  color: var(--miu-color-heading);
  border-color: var(--miu-color-focus);
}

/* ========== Phase 4 — Homepage section rhythm ========== */
.miu-section__title,
.miu-home-cats__title,
.miu-home-spotlight__title {
  font-size: var(--miu-text-h2);
  font-weight: 700;
  letter-spacing: var(--miu-tracking-tight);
  color: var(--miu-color-heading);
}

.miu-section__lead {
  font-size: var(--miu-text-body);
  color: var(--miu-color-text-muted);
}

/* ========== Phase 5 — Footer & blog ========== */
#footer .footer__main .h3,
#footer .footer__main .footer-title {
  font-size: var(--miu-text-small);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--miu-footer-heading);
}

.hl-blog__title,
.hl-blog-list__title {
  color: var(--miu-color-heading);
  font-weight: 700;
  letter-spacing: var(--miu-tracking-tight);
}

.hl-blog-card__title a {
  color: var(--miu-color-heading);
}
.hl-blog-card__title a:hover {
  color: var(--miu-color-link);
}

/* Cart / checkout chrome only — no payment logic */
body#cart .cart-summary,
body#checkout section.checkout-step {
  border-color: var(--miu-color-border-subtle);
  border-radius: var(--miu-radius-lg);
}

body#checkout .btn-primary,
body#cart .btn-primary {
  background: var(--miu-color-primary-action) !important;
  border-color: var(--miu-color-primary-action) !important;
}

/* miu-brand-surfaces.css */
/**
 * MIU header/footer surfaces — aligned with miu.ee themes/classic-child custom.css
 * (desktop polish: #3e4e59 bar + footer, light sand logo/menu strip).
 * Hummingbird uses footer.footer__main, not .footer-container.
 */

body #header {
  background-color: var(--header-footer-bg, #f5f4f1) !important;
  border-bottom: 1px solid var(--header-footer-line, #c7dadb) !important;
}

/* Top utility row = miu.ee .header-nav */
body #header .header-top {
  background-color: var(--miu-header-footer, #3e4e59) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body #header .header-top a,
body #header .header-top span,
body #header .header-top .material-icons,
body #header .header-top .header-block__action-btn {
  color: var(--miu-light-text, #d9dcdd) !important;
}
body #header .header-top a:hover {
  color: #fff !important;
}

body #header .header-bottom,
body #header .header-bottom__container,
body #header .header-bottom__row,
body #header .ps-mainmenu__desktop,
body #header #_desktop_top_menu,
body #header .ps-mainmenu__tree {
  background-color: var(--header-footer-bg, #f5f4f1) !important;
}
body #header .header-bottom .header-block__action-btn,
body #header .header-bottom .header-block__icon,
body #header .ps-mainmenu__tree-link,
body #header .top-menu > li > a {
  color: var(--header-footer-text, #203a3e) !important;
}

/* Newsletter band stays light (above dark footer) */
body #footer .footer__before,
body #footer .footer__before .block_newsletter,
body #footer .block_newsletter:not(.footer__main *) {
  background: var(--header-footer-bg, #f5f4f1) !important;
  color: var(--header-footer-text, #203a3e) !important;
  border-color: var(--header-footer-line, #c7dadb) !important;
}
body #footer .footer__before .btn-primary,
body #footer .block_newsletter .btn-primary {
  background-color: var(--miu-header-footer, #3e4e59) !important;
  border-color: var(--miu-header-footer, #3e4e59) !important;
  color: #fff !important;
}

/* —— Dark footer (miu.ee) — all viewports —— */
body footer#footer,
body footer#footer.footer,
body #footer .footer__main,
body #footer .footer__main-top,
body #footer .footer__main-bottom,
body #footer .footer__main .container,
body .footer.footer__main {
  background: var(--miu-header-footer, #3e4e59) !important;
  background-color: var(--miu-header-footer, #3e4e59) !important;
  background-image: none !important;
  color: var(--miu-footer-text-soft, #c2c5c4) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-bottom: none !important;
}

body #footer .footer__main a,
body #footer .footer__main li,
body #footer .footer__main p,
body #footer .footer__main span,
body #footer .footer__main .collapse,
body #footer .footer__main .block-links a,
body #footer .footer__main .block-contact a,
body #footer .footer__main .blockcms a,
body #footer .footer__main .link-item {
  color: var(--miu-footer-text, #d2d4d3) !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

body #footer .footer__main a:hover,
body #footer .footer__main a:focus {
  color: #fff !important;
}

body #footer .footer__main .h3,
body #footer .footer__main .h4,
body #footer .footer__main h3,
body #footer .footer__main h4,
body #footer .footer__main .block-title,
body #footer .footer__main .title,
body #footer .footer__main strong,
body #footer .footer__main a[href*='tel'],
body #footer .footer__main a[href*='mailto'] {
  color: var(--miu-footer-heading, #f1f3f2) !important;
}

body #footer .footer__main .block-contact,
body #footer .footer__main .block-contact p,
body #footer .footer__main .block-contact li,
body #footer .footer__main .block-contact span {
  color: var(--miu-footer-text-soft, #c2c5c4) !important;
}

body #footer .copyright,
body #footer .copyright a,
body #footer .footer__main-bottom,
body #footer .footer__main-bottom * {
  color: var(--miu-footer-text-soft, #c2c5c4) !important;
}
body #footer .copyright a:hover {
  color: #fff !important;
}

body #footer .footer__main .material-icons {
  color: var(--miu-footer-text, #d2d4d3) !important;
}

/* miu-surface-unify.css */
/**
 * One slate family for header/footer, hero, category tiles, feature bands.
 * Tokens: --miu-header-footer (#354550) in miu-tokens.css
 */

.miu-home-hero {
  background:
    radial-gradient(720px 320px at 92% 8%, rgba(141, 162, 173, 0.14), transparent 52%),
    var(--miu-surface-grad-hero) !important;
  /* Tighter spread — avoids dark arcs on category row below */
  box-shadow: 0 14px 28px -14px rgba(47, 59, 68, 0.14) !important;
}

.miu-home-quick__link,
.miu-home-quick__link:hover {
  box-shadow: none !important;
}
.miu-home-quick__surface {
  background: #fff !important;
}
.miu-home-quick__media,
.miu-home-quick__media--letter {
  background: #eceae6 !important;
}
.miu-home-quick__media.is-wm .miu-home-quick__wm {
  inset: 0 !important;
  transform: scale(1.04) !important;
  filter: blur(12px) saturate(1.02) brightness(0.9) !important;
}
.miu-home-quick__media.is-wm img {
  filter: none !important;
  box-shadow: none !important;
}
.miu-home-quick__overlay {
  height: 18% !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    transparent 30%,
    rgba(47, 59, 68, 0.14) 68%,
    rgba(47, 59, 68, 0.38) 100%
  ) !important;
}

.miu-home-feature {
  background:
    radial-gradient(560px 240px at 90% 0%, rgba(141, 162, 173, 0.16), transparent 55%),
    var(--miu-surface-grad-hero) !important;
  border-color: rgba(47, 59, 68, 0.22) !important;
  box-shadow: 0 12px 32px rgba(47, 59, 68, 0.14) !important;
}
.miu-home-feature__media {
  background: var(--miu-surface-grad-soft) !important;
}
.miu-home-feature__cube {
  background:
    radial-gradient(120% 90% at 50% 20%, rgba(141, 162, 173, 0.2), transparent 55%),
    var(--miu-surface-grad-card) !important;
}
.miu-home-feature__cube-name {
  background: linear-gradient(180deg, transparent 0%, var(--miu-surface-overlay-mid) 72%) !important;
}
.miu-home-feature__media-veil {
  display: none !important;
}
.miu-home-feature__media-caption {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 2rem 1.25rem 1rem !important;
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--miu-surface-overlay-mid) 72%
  ) !important;
}
.miu-home-feature--legacy .miu-home-feature__copy {
  background: var(--miu-surface-grad-hero) !important;
}

.miu-home-blog2__card {
  background: var(--miu-header-footer) !important;
}
.miu-home-blog2__media,
.miu-home-blog2__media-ph {
  background: var(--miu-surface-grad-soft) !important;
}
.miu-home-blog2__overlay {
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--miu-surface-overlay-mid) 42%,
    var(--miu-surface-overlay) 100%
  ) !important;
}

.miu-hero {
  background:
    radial-gradient(900px 380px at 15% 10%, rgba(141, 162, 173, 0.22), transparent 55%),
    var(--miu-surface-grad-hero) !important;
}

/*
 * Mosaic V3 — photo + integrated caption (2026-10-11).
 * Geometry desktop-only; mobile keeps equal 2-col areas from shell.
 * V4 compact rows via data-compact (a≈−12%, b≈−17%).
 */
@media (min-width: 992px) {
  .miu-home-quick--v3:not(.miu-home-quick--v4) .miu-home-quick__grid--n10 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 232px 232px 232px 232px !important;
    grid-template-areas: "a a b c" "a a d e" "f g j j" "h i j j" !important;
    gap: 0.5rem !important;
  }
  .miu-home-quick--v3.miu-home-quick--v4 .miu-home-quick__grid--n10,
  .miu-home-quick--v4 .miu-home-quick__grid--n10 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-areas: "a a b c" "a a d e" "f g j j" "h i j j" !important;
  }
  .miu-home-quick--v4[data-compact="a"] .miu-home-quick__grid--n10 {
    grid-template-rows: 204px 204px 204px 204px !important;
    gap: 0.45rem !important;
  }
  .miu-home-quick--v4[data-compact="b"] .miu-home-quick__grid--n10,
  .miu-home-quick--v4:not([data-compact]) .miu-home-quick__grid--n10 {
    grid-template-rows: 192px 192px 192px 192px !important;
    gap: 0.4rem !important;
  }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--1 { grid-area: a !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--2 { grid-area: b !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--3 { grid-area: c !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--4 { grid-area: d !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--5 { grid-area: e !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--6 { grid-area: j !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--7 { grid-area: f !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--8 { grid-area: g !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--9 { grid-area: h !important; }
  .miu-home-quick--v3 .miu-home-quick__grid--n10 .miu-home-quick__item--10 { grid-area: i !important; }
}

.miu-home-quick--v3 .miu-home-quick__surface {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
}
.miu-home-quick--v3[data-caption="b"] .miu-home-quick__surface {
  background: var(--miu-sand, #f5f4f1) !important;
}
.miu-home-quick--v3 .miu-home-quick__media,
.miu-home-quick--v3 .miu-home-quick__media--letter {
  position: relative !important;
  inset: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  height: auto !important;
  background: #eceae6 !important;
}
.miu-home-quick--v3 .miu-home-quick__media:not(.is-wm) img {
  object-fit: cover !important;
  padding-bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.miu-home-quick--v3 .miu-home-quick__overlay {
  display: none !important;
}
.miu-home-quick--v3:not(.miu-home-quick--v4) .miu-home-quick__caption {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  background-image: none !important;
  background-color: #fff !important;
  border-top: 1px solid rgba(11, 43, 59, 0.06) !important;
  padding: 0.7rem 0.85rem !important;
}
.miu-home-quick--v3[data-caption="b"]:not(.miu-home-quick--v4) .miu-home-quick__caption {
  background-color: var(--miu-sand, #f5f4f1) !important;
}
.miu-home-quick--v4 .miu-home-quick__caption {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  background-image: none !important;
  background-color: #fff !important;
  border-top: 1px solid rgba(11, 43, 59, 0.06) !important;
}
.miu-home-quick--v4[data-caption="b"] .miu-home-quick__caption {
  background-color: var(--miu-sand, #f5f4f1) !important;
}
.miu-home-quick--v3 .miu-home-quick__name {
  display: -webkit-box !important;
  max-width: none !important;
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: hidden !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--miu-dark, #0b2b3b) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
.miu-home-quick--v3 .miu-home-quick__grid .miu-home-quick__item {
  aspect-ratio: auto !important;
}

/* miu-plp-v2.css */
/**
 * MIU Kids — Category / PLP V2→V3
 * Photo-first miniatures + compact context nav + finished card footer CTA.
 * Tokens: navy #0B2B3B · petrol #5DA2B0 · sand #F5F4F1 · coral #E8A594 · sage #B7CBB8
 * Scope: listing (#js-product-list) — avoid homepage featured regressions.
 */

/* ─── Category header ───
   One desktop grid for main and nested: H1 left, editorial right.
   Sibling nav sits under the H1 and does not move the editorial column. */
.miu-category-header__lead {
  display: grid;
  gap: 0.65rem 2.25rem;
  align-items: start;
  margin: 0;
}
.miu-category-header .miu-subcats {
  margin-top: 0.65rem;
  margin-bottom: 1.35rem;
}
.miu-category-header__lead .page-title-section,
.miu-category-header__lead .miu-cat-intro {
  margin-bottom: 0;
}
.miu-category-header__lead .page-title-section h1 {
  margin-bottom: 0;
}
.miu-category-header__lead .miu-cat-intro {
  max-width: 34rem;
  color: #4c6570;
  font-size: 0.98rem;
  line-height: 1.55;
}
@media (min-width: 992px) {
  .miu-category-header .miu-subcats {
    margin-top: 0.7rem;
  }
  .miu-category-header__lead {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(24px, 2.5vw, 40px);
    row-gap: 0.2rem;
    align-items: start;
  }
  .miu-category-header__title {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    margin: 0;
  }
  .miu-category-header__intro {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
  }
  .miu-cat-quicknav {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
  }
  /* Main: title is centered on the editorial block.
     Nested: the same block stays put, the title rises, links appear under it. */
  .miu-category-header--main .miu-category-header__lead:has(.miu-category-header__intro) {
    align-items: center;
  }
  .miu-category-header--main .miu-category-header__title,
  .miu-category-header--main .miu-category-header__intro {
    grid-row: 1;
    align-self: center;
  }
  .miu-category-header--main .miu-category-header__lead:has(.miu-category-header__intro) .miu-category-header__title::after {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2px;
    margin-top: 0.7rem;
    background: #5da2b0;
  }
  /* L1 catalog titles only. The H1 carries .page-title-section itself.
     ID keeps this ahead of the shared listing heading rule. Nested and mobile stay. */
  #js-product-list-header .miu-category-header--l1 h1.page-title-section {
    font-family: Mulish, system-ui, sans-serif;
    font-size: clamp(32px, 2.6vw, 38px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: #0b2b3b;
    text-transform: none;
  }
  .miu-cat-quicknav__siblings {
    margin-top: 0.2rem;
  }
  .miu-cat-quicknav__siblings li {
    margin-bottom: 0.16rem;
  }
  .miu-category-header--nav .miu-cat-editorial {
    min-height: 9.25rem;
  }
  /* Nested title group: slightly below the breadcrumb, short petrol rule,
     then a compact gap before the sibling kicker. Link rhythm gives the
     height back so Explore does not drop. */
  .miu-category-header--nav .miu-category-header__lead {
    row-gap: 0.08rem;
  }
  .miu-category-header--nav .miu-category-header__title {
    align-self: end;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0.4rem;
  }
  .miu-category-header--nav .miu-category-header__title::after {
    content: "";
    display: block;
    width: 2.5rem;
    height: 2px;
    margin-top: 0.2rem;
    background: #5da2b0;
  }
  .miu-category-header--nav .miu-cat-quicknav {
    margin-top: 0;
  }
  .miu-category-header--nav .miu-cat-quicknav__siblings {
    margin-top: 0.12rem;
  }
  .miu-category-header--nav .miu-cat-quicknav__siblings li {
    margin-bottom: 0.14rem;
  }
}

.miu-cat-editorial {
  min-width: 0;
  padding: 0.05rem 0 0.1rem 1.15rem;
  border-left: 2px solid #5da2b0;
}
.miu-cat-editorial__kicker {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0 0 0.32rem;
  color: #3f7583;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}
.miu-cat-editorial__kicker::after {
  content: "";
  width: 1.35rem;
  height: 1px;
  background: #5da2b0;
  flex: 0 0 auto;
}
.miu-cat-editorial__headline {
  margin: 0 0 0.28rem;
  max-width: 28rem;
  color: #627985;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.miu-cat-editorial .miu-cat-intro__more {
  margin-top: 0.28rem;
}
.miu-cat-editorial .miu-cat-intro__more::after {
  content: "→";
  margin-left: 0.28rem;
}

/* Sibling nav — independent columns, real links, no card chrome */
.miu-cat-quicknav {
  font-family: Mulish, system-ui, sans-serif;
  min-width: 0;
}
.miu-cat-quicknav__label {
  margin: 0;
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8aa0a8;
}
.miu-cat-quicknav__label a {
  color: inherit;
  text-decoration: none;
}
.miu-cat-quicknav__label a:hover,
.miu-cat-quicknav__label a:focus-visible {
  color: #0b2b3b;
}
.miu-cat-quicknav__siblings {
  columns: 2;
  column-gap: 1.5rem;
  column-fill: balance;
  margin: 0.45rem 0 0;
  padding: 0;
  list-style: none;
}
.miu-cat-quicknav--few .miu-cat-quicknav__siblings {
  columns: 1;
}
.miu-cat-quicknav__siblings li {
  break-inside: avoid;
  margin: 0 0 0.22rem;
  padding: 0;
}
.miu-cat-quicknav__siblings a {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  max-width: 100%;
  color: #5d7682;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
  border-radius: 4px;
  transition: color 180ms ease;
}
.miu-cat-quicknav__siblings a::before {
  content: "";
  width: 0.7rem;
  height: 1px;
  background: #d3e0e4;
  flex: 0 0 0.7rem;
  transition: width 180ms ease, background-color 180ms ease;
}
.miu-cat-quicknav__siblings a:hover {
  color: #0b2b3b;
}
.miu-cat-quicknav__siblings a:hover::before {
  width: 1rem;
  background: #5da2b0;
}
.miu-cat-quicknav__siblings a:focus-visible {
  color: #0b2b3b;
  outline: 2px solid #5da2b0;
  outline-offset: 3px;
}
.miu-cat-quicknav__go {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .miu-cat-quicknav__siblings a,
  .miu-cat-quicknav__siblings a::before {
    transition: none;
  }
}
.miu-cat-quicknav__all {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.35rem;
  color: #3f7583;
  font-size: 0.84rem;
  font-weight: 650;
  text-decoration: none;
}
.miu-cat-quicknav__all::after {
  content: "";
  width: 0.38rem;
  height: 0.38rem;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(-45deg);
}
.miu-cat-quicknav__all:hover,
.miu-cat-quicknav__all:focus-visible {
  color: #0b2b3b;
  text-decoration: underline;
  text-decoration-color: #5da2b0;
  text-underline-offset: 0.16em;
}
.miu-cat-quicknav__toggle {
  display: none;
}

@media (max-width: 991.98px) {
  .miu-category-header__lead {
    gap: 0.55rem;
    margin-bottom: 0.85rem;
  }
  .miu-category-header__lead .miu-cat-intro__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .miu-cat-editorial {
    padding-left: 0.8rem;
  }
  .miu-cat-editorial__kicker {
    margin-bottom: 0.28rem;
    font-size: 0.62rem;
    letter-spacing: 0.1em;
  }
  .miu-cat-editorial__headline {
    display: none;
  }
  .miu-category-header .miu-subcats__heading {
    margin: 0.15rem 0 0.5rem;
    color: #3f7583;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
  }
  .miu-cat-quicknav {
    margin-top: 0.35rem;
    border: 1px solid rgba(11, 43, 59, 0.12);
    border-radius: 12px;
    background: #fff;
  }
  .miu-cat-quicknav__toggle {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 0.35rem 0.85rem;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #0b2b3b;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: none;
    text-align: left;
    cursor: pointer;
  }
  .miu-cat-quicknav__toggle:focus-visible {
    outline: 2px solid #5da2b0;
    outline-offset: 2px;
  }
  .miu-cat-quicknav__mark {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #e7f3f5;
    position: relative;
    flex: 0 0 18px;
  }
  .miu-cat-quicknav__mark::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 5px;
    width: 5px;
    height: 5px;
    border-right: 1.5px solid #3f7583;
    border-bottom: 1.5px solid #3f7583;
    transform: rotate(-45deg);
  }
  .miu-cat-quicknav__toggle-label {
    flex: 1 1 auto;
    min-width: 0;
  }
  .miu-cat-quicknav__toggle-chevron {
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.1rem;
    border-right: 1.5px solid #3f7583;
    border-bottom: 1.5px solid #3f7583;
    transform: rotate(45deg);
    transition: transform 180ms ease;
    flex-shrink: 0;
  }
  .miu-cat-quicknav__toggle[aria-expanded="true"] .miu-cat-quicknav__toggle-chevron {
    transform: rotate(225deg);
  }
  .miu-cat-quicknav__panel {
    display: none;
    padding: 0 0.85rem 0.45rem;
  }
  .miu-cat-quicknav.is-open .miu-cat-quicknav__panel {
    display: block;
  }
  .miu-cat-quicknav__label {
    display: none;
  }
  .miu-cat-quicknav__siblings {
    columns: 1;
    margin-top: 0;
  }
  .miu-cat-quicknav__siblings li {
    margin: 0;
  }
  .miu-cat-quicknav__siblings a {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0.15rem 0;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .miu-cat-quicknav__panel {
    display: block;
  }
}

/* Long SEO guide — centered reading column inside the listing container.
   Divider spans the container; type stays within ~840px. */
.miu-cat-seo.miu-cat-guide {
  max-width: none;
  margin: 2.5rem 0 0.75rem;
  padding: 1.85rem 0 0;
  border: 0;
  border-top: 1px solid rgba(11, 43, 59, 0.1);
  color: #3e5662;
  scroll-margin-top: 8.75rem;
}
.miu-cat-seo.miu-cat-guide:focus {
  outline: none;
}
.miu-cat-seo.miu-cat-guide:focus-visible {
  outline: 2px solid #5da2b0;
  outline-offset: 4px;
}
.miu-cat-guide__sheet {
  max-width: 52.5rem;
  margin-inline: auto;
}
.miu-cat-guide__kicker {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.8rem;
  color: #3f7583;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.2;
  text-transform: uppercase;
}
.miu-cat-guide__kicker::after {
  content: "";
  width: 2.25rem;
  height: 1px;
  background: #5da2b0;
  flex: 0 0 auto;
}
.miu-cat-seo.miu-cat-guide .miu-cat-guide__title {
  margin: 0 0 1rem;
  color: #0b2b3b;
  font-size: clamp(1.35rem, 2vw, 1.6rem);
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.25;
}
.miu-cat-guide__body {
  color: #3e5662;
  font-size: 1.02rem;
  line-height: 1.7;
}
.miu-cat-guide__body > :first-child {
  margin-top: 0;
}
.miu-cat-guide__body p {
  margin: 0 0 0.95rem;
}
.miu-cat-guide__body h2 {
  margin: 1.85rem 0 0.6rem;
  color: #0b2b3b;
  font-size: 1.28rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.miu-cat-guide__body h3 {
  margin: 1.35rem 0 0.45rem;
  color: #0b2b3b;
  font-size: 1.08rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.35;
}
.miu-cat-guide__body ul,
.miu-cat-guide__body ol {
  margin: 0 0 1rem;
  padding-left: 1.2rem;
}
.miu-cat-guide__body li {
  margin: 0.28rem 0;
}
.miu-cat-guide__body li::marker {
  color: #5da2b0;
}
.miu-cat-guide__body a {
  color: #3f7583;
  text-decoration: underline;
  text-decoration-color: #5da2b0;
  text-underline-offset: 0.16em;
}
.miu-cat-guide__body a:hover,
.miu-cat-guide__body a:focus-visible {
  color: #0b2b3b;
}
.miu-cat-guide__body strong,
.miu-cat-guide__body b {
  color: #0b2b3b;
  font-weight: 700;
}
.miu-cat-guide__body img,
.miu-cat-guide__body video,
.miu-cat-guide__body iframe {
  max-width: 100%;
  height: auto;
}
.miu-cat-guide__body table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 1rem;
  overflow-x: auto;
  border-collapse: collapse;
}
@media (max-width: 991.98px) {
  .miu-cat-seo.miu-cat-guide {
    margin-top: 1.85rem;
    padding-top: 1.35rem;
    scroll-margin-top: 5.25rem;
  }
  .miu-cat-guide__body {
    font-size: 0.98rem;
    line-height: 1.65;
  }
  .miu-cat-seo.miu-cat-guide .miu-cat-guide__title {
    font-size: 1.22rem;
  }
}

/* Explore subcategory tiles: keep miu-catalog.css edge-to-edge square media.
   Do NOT override .miu-subcats__media aspect-ratio here (4/3 broke contain fill). */

/*
 * ─── Shared product card V3 ───
 * Same chrome on: category PLP, search, homepage modules, PDP related/viewed.
 * Mobile 1/2-col density rules stay scoped to #js-product-list + body.miu-grid-*.
 */
article.product-miniature,
.product-miniature {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.product-miniature__inner {
  container-type: inline-size;
  container-name: miu-card;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.55rem 0.55rem 0.75rem;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(11, 43, 59, 0.06);
  box-shadow: 0 1px 0 rgba(11, 43, 59, 0.03);
}

.product-miniature__top {
  margin-bottom: 0.75rem;
  border-radius: 12px;
  overflow: hidden;
}

.product-miniature__image-container,
.product-miniature .thumbnail-container {
  width: 100%;
  height: auto !important;
  min-height: 220px !important;
  max-height: none !important;
  aspect-ratio: 1 / 1.08 !important;
  background: #fff !important; /* never sand/grey stage */
  border-radius: 12px !important;
  border: 0 !important;
  box-shadow: none !important;
}

.product-miniature__image,
.product-miniature .thumbnail-container img {
  width: auto !important;
  height: auto !important;
  max-width: 96% !important;
  max-height: 96% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.product-miniature__bottom {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto;
  gap: 0.55rem;
}
.product-miniature__infos {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto;
  gap: 0.4rem;
}
.product-miniature__title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.55em;
  margin: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #0b2b3b !important;
  line-height: 1.32 !important;
  text-decoration: none !important;
}
.product-miniature__title:hover {
  color: #5da2b0 !important;
}
.product-miniature__price {
  color: #5da2b0 !important;
  font-size: 1.08rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}
.product-miniature__actions {
  margin-top: auto;
  padding-top: 0.15rem;
}

@layer bs-base {
  .product-flags .badge.new,
  li.badge.new,
  .product-miniature .badge.new {
    --bs-primary-rgb: 232, 165, 148;
    background: #e8a594 !important;
    background-color: #e8a594 !important;
    border-color: transparent !important;
    color: #0b2b3b !important;
  }
}

/* qty + petrol CTA — beat catalog white .btn-primary overrides */
.product-miniature__form {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 0.4rem;
  width: 100%;
}
.product-miniature__form .quantity-button {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 6.75rem;
}
.product-miniature__form .quantity-button .input-group {
  display: flex !important;
  width: 100%;
  height: 2.7rem;
  border: 1px solid rgba(11, 43, 59, 0.12);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.product-miniature__form .quantity-button .btn {
  width: 2.1rem;
  min-width: 2.1rem;
  height: 100%;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #0b2b3b !important;
  box-shadow: none !important;
}
.product-miniature__form .quantity-button .btn:hover {
  background: #f5f4f1 !important;
  color: #5da2b0 !important;
}
.product-miniature__form .quantity-button input,
.product-miniature__form .quantity-button input.form-control {
  flex: 1 1 auto;
  min-width: 1.75rem !important;
  width: 2rem !important;
  max-width: 2.4rem;
  height: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  color: #0b2b3b !important;
  -webkit-text-fill-color: #0b2b3b !important;
  background: #fff !important;
  box-shadow: none !important;
  -moz-appearance: textfield;
  appearance: textfield;
}
.product-miniature__form .quantity-button input::-webkit-outer-spin-button,
.product-miniature__form .quantity-button input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

article.product-miniature .product-miniature__add.btn.btn-primary,
.product-miniature .product-miniature__add.btn {
  flex: 1 1 auto;
  min-width: 0;
  height: 2.7rem;
  padding: 0 0.7rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border-radius: 12px !important;
  border: 0 !important;
  background: #5da2b0 !important;
  background-color: #5da2b0 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-weight: 750 !important;
  font-size: 0.82rem !important;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
article.product-miniature .product-miniature__add.btn.btn-primary:hover,
article.product-miniature .product-miniature__add.btn.btn-primary:focus-visible,
.product-miniature .product-miniature__add.btn:hover,
.product-miniature .product-miniature__add.btn:focus-visible {
  background: #0b2b3b !important;
  background-color: #0b2b3b !important;
  color: #fff !important;
}
.product-miniature__add-text {
  display: inline !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: nowrap;
  color: inherit !important;
  line-height: 1.1;
}
.product-miniature__add .material-icons {
  font-size: 1.15rem;
  line-height: 1;
  flex-shrink: 0;
  color: inherit !important;
}
.product-miniature__details.btn {
  width: 100%;
  height: 2.7rem;
  border-radius: 12px !important;
  font-weight: 750 !important;
  border-color: rgba(11, 43, 59, 0.14) !important;
  color: #0b2b3b !important;
  background: #fff !important;
}

/* Narrow cards (home 5-col, tight modules): icon-only petrol CTA */
@container miu-card (max-width: 210px) {
  .product-miniature__add.btn {
    flex: 0 0 2.65rem !important;
    width: 2.65rem !important;
    min-width: 2.65rem !important;
    max-width: 2.65rem !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  .product-miniature__add-text {
    display: none !important;
  }
  .product-miniature__form .quantity-button {
    flex: 1 1 auto;
    max-width: none;
  }
  .product-miniature__image-container,
  .product-miniature .thumbnail-container {
    min-height: 200px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-miniature__add.btn {
    font-size: 0.76rem !important;
    padding: 0 0.55rem !important;
  }
  .product-miniature__form .quantity-button {
    max-width: 6.1rem;
  }
}

@media (min-width: 992px) {
  .product-miniature__image-container,
  .product-miniature .thumbnail-container {
    min-height: 260px !important;
    aspect-ratio: 1 / 1.1 !important;
  }
  #js-product-list .product-miniature__image-container,
  #js-product-list .product-miniature .thumbnail-container {
    min-height: 280px !important;
  }
}

@media (min-width: 1200px) {
  #js-product-list .product-miniature__image-container,
  #js-product-list .product-miniature .thumbnail-container {
    min-height: 300px !important;
  }
}

/* ─── Mobile grid density (category list only) ─── */
@media (max-width: 767.98px) {
  body.miu-grid-1 #js-product-list .product-miniature__image-container,
  body.miu-grid-1 #js-product-list .product-miniature .thumbnail-container {
    min-height: 280px !important;
    aspect-ratio: 1 / 1.05 !important;
  }
  body.miu-grid-2 #js-product-list .product-miniature__image-container,
  body.miu-grid-2 #js-product-list .product-miniature .thumbnail-container {
    min-height: 176px !important;
    aspect-ratio: 1 / 1.1 !important;
  }
  body.miu-grid-2 #js-product-list .product-miniature__title {
    font-size: 0.82rem !important;
    min-height: 2.4em;
  }
  body.miu-grid-2 #js-product-list .product-miniature__price {
    font-size: 0.98rem !important;
  }
  body.miu-grid-1 #js-product-list .product-miniature__form .quantity-button {
    max-width: 7.25rem;
  }
  body.miu-grid-1 #js-product-list .product-miniature__form .quantity-button .input-group,
  body.miu-grid-1 #js-product-list .product-miniature__add.btn {
    height: 2.85rem;
  }
  body.miu-grid-1 #js-product-list .product-miniature__add.btn {
    font-size: 0.88rem !important;
    padding: 0 0.85rem !important;
  }
  body.miu-grid-2 #js-product-list .product-miniature__form {
    gap: 0.3rem;
  }
  body.miu-grid-2 #js-product-list .product-miniature__form .quantity-button {
    flex: 1 1 auto;
    max-width: none;
  }
  body.miu-grid-2 #js-product-list .product-miniature__form .quantity-button .input-group,
  body.miu-grid-2 #js-product-list .product-miniature__add.btn {
    height: 2.55rem;
  }
  body.miu-grid-2 #js-product-list .product-miniature__form .quantity-button .btn {
    width: 1.75rem;
    min-width: 1.75rem;
  }
  body.miu-grid-2 #js-product-list .product-miniature__form .quantity-button input,
  body.miu-grid-2 #js-product-list .product-miniature__form .quantity-button input.form-control {
    min-width: 1.5rem !important;
    width: 1.65rem !important;
    padding: 0 !important;
  }
  body.miu-grid-2 #js-product-list .product-miniature__add.btn {
    flex: 0 0 2.55rem !important;
    width: 2.55rem !important;
    min-width: 2.55rem !important;
    max-width: 2.55rem !important;
    padding: 0 !important;
    gap: 0 !important;
    font-size: 0 !important;
  }
  body.miu-grid-2 #js-product-list .product-miniature__add .material-icons {
    font-size: 1.2rem !important;
  }
  body.miu-grid-2 #js-product-list .product-miniature__add-text {
    display: none !important;
  }
}

/* Grid toggle — icon buttons, petrol active */
.miu-grid-toggle {
  gap: 0.4rem;
}
.miu-grid-toggle button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1.5px solid rgba(11, 43, 59, 0.14);
  border-radius: 10px;
  background: #fff;
  color: #0b2b3b;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.miu-grid-toggle button svg {
  display: block;
  width: 18px;
  height: 14px;
}
.miu-grid-toggle button.is-active {
  background: #5da2b0;
  border-color: #5da2b0;
  color: #fff;
}
.miu-grid-toggle button:hover:not(.is-active),
.miu-grid-toggle button:focus-visible:not(.is-active) {
  border-color: #5da2b0;
  color: #5da2b0;
}
.miu-grid-toggle button:focus-visible {
  outline: 2px solid rgba(93, 162, 176, 0.45);
  outline-offset: 2px;
}

/* miu-header-v2.css */
/**
 * MIU header v2 — one white bar: logo, search, navy actions, airy nav.
 * Checkout keeps .hl-checkout-header and is outside :has(.miu-hdr).
 */

#header:has(.miu-hdr) {
  --miu-hdr-navy: #0b2b3b;
  --miu-hdr-petrol: #5da2b0;
  --miu-hdr-line: #e7eceb;
  --miu-hdr-search: #f6f8f8;
  --miu-hdr-h: 46px;
  background: #fff !important;
  background-color: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid var(--miu-hdr-line) !important;
  box-shadow: none !important;
  position: sticky;
  top: 0;
  z-index: 1030;
  padding-top: env(safe-area-inset-top, 0px);
  overflow: visible;
}

/* Beat the older sand strip (#f5f4f1) on header, row and the menu itself. */
body #header:has(.miu-hdr),
body #header:has(.miu-hdr) .header-bottom,
body #header:has(.miu-hdr) .header-bottom.miu-hdr,
body #header:has(.miu-hdr) .header-bottom__container,
body #header:has(.miu-hdr) .miu-hdr__container,
body #header:has(.miu-hdr) .header-bottom__row,
body #header:has(.miu-hdr) .miu-hdr__row {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}

body #header:has(.miu-hdr) .ps-mainmenu,
body #header:has(.miu-hdr) .ps-mainmenu--desktop,
body #header:has(.miu-hdr) .ps-mainmenu__desktop,
body #header:has(.miu-hdr) #_desktop_top_menu,
body #header:has(.miu-hdr) .ps-mainmenu__tree,
body #header:has(.miu-hdr) #top-menu,
body #header:has(.miu-hdr) #top-menu.ps-mainmenu__tree {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

#header:has(.miu-hdr):has(.ps-mainmenu__tree-item.is-mega-open) {
  border-bottom-color: transparent !important;
}

#header:has(.miu-hdr) .header-top {
  display: none !important;
}

#header:has(.miu-hdr) .header-bottom.miu-hdr,
#header:has(.miu-hdr) .miu-hdr__container {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: var(--miu-hdr-navy);
}

#header:has(.miu-hdr) .miu-hdr__row.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin: 0 !important;
  width: 100%;
  min-width: 0;
}

#header:has(.miu-hdr) .miu-hdr__row > * {
  min-width: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

/* ---- Logo ---- */
#header:has(.miu-hdr) .miu-hdr__logo,
#header:has(.miu-hdr) .header-bottom__h1 {
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 0;
}

#header:has(.miu-hdr) .miu-hdr__logo a,
#header:has(.miu-hdr) .miu-logo-link {
  display: inline-flex !important;
  align-items: center;
  min-height: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

#header:has(.miu-hdr) .miu-hdr__logo img,
#header:has(.miu-hdr) .miu-logo {
  display: block;
  height: 48px !important;
  max-height: 48px !important;
  width: auto !important;
  max-width: 214px !important;
  object-fit: contain;
  /* "KIDS" is #bbb (above mid-grey). Contrast() would push it lighter.
     Brightness keeps the two-tone mark and lifts it to about #747474 on white. */
  filter: brightness(0.62);
}

/* ---- Search ---- */
#header:has(.miu-hdr) #_desktop_ps_searchbar,
#header:has(.miu-hdr) #ps_searchbar.ps-searchbar,
#header:has(.miu-hdr) .ps-searchbar,
#header:has(.miu-hdr) .miu-fast-search-host,
#header:has(.miu-hdr) .miu-header-search {
  display: flex !important;
  align-items: center;
  width: 100%;
  max-width: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: relative;
}

#header:has(.miu-hdr) .ps-searchbar__form {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: var(--miu-hdr-h);
  min-height: var(--miu-hdr-h) !important;
  margin: 0;
  padding: 0 16px 0 16px;
  background: var(--miu-hdr-search) !important;
  border: 1px solid var(--miu-hdr-line) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

#header:has(.miu-hdr) .ps-searchbar__form:focus-within {
  background: #fff !important;
  border-color: var(--miu-hdr-petrol) !important;
  box-shadow: 0 0 0 3px rgba(93, 162, 176, 0.22) !important;
}

/* Open results continue the field: square the bottom so the two corners meet. */
body #header:has(.miu-hdr) .ps-searchbar__form.is-joined,
body #header:has(.miu-hdr) .ps-searchbar__form.is-joined:focus-within {
  border-radius: 22px 22px 0 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

#header:has(.miu-hdr) .ps-searchbar__magnifier,
#header:has(.miu-hdr) .js-search-icon.ps-searchbar__magnifier {
  position: static !important;
  transform: none !important;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-color: #6d7f86;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.25'/%3E%3Cpath d='M16 16.5 20 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.25'/%3E%3Cpath d='M16 16.5 20 20.5'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

#header:has(.miu-hdr) .ps-searchbar__input,
#header:has(.miu-hdr) #ps_searchbar_input,
#header:has(.miu-hdr) .js-search-input.ps-searchbar__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--miu-hdr-navy) !important;
  font-family: inherit;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

#header:has(.miu-hdr) .ps-searchbar__input::placeholder {
  color: #7d8d93;
  opacity: 1;
}

/* ---- Sign in (light) and Cart (deep petrol), no shared capsule ---- */
body #header:has(.miu-hdr) .miu-hdr__actions {
  display: inline-flex !important;
  align-items: center !important;
  height: 48px !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #0b2b3b !important;
  gap: 8px;
  box-shadow: none !important;
  box-sizing: border-box;
}

body #header:has(.miu-hdr) .miu-hdr__actions > div,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart,
body #header:has(.miu-hdr) .miu-hdr__actions .header-block,
body #header:has(.miu-hdr) .miu-hdr__actions #_desktop_ps_customersignin,
body #header:has(.miu-hdr) .miu-hdr__actions #_desktop_ps_shoppingcart {
  display: flex !important;
  align-items: center !important;
  align-self: center;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none;
}

body #header:has(.miu-hdr) .miu-hdr__actions #_desktop_ps_shoppingcart {
  box-shadow: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn,
#header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn:hover,
#header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn:focus {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
  min-height: 40px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #0b2b3b !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none;
}

#header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn:hover {
  background: rgba(93, 162, 176, 0.1);
}

#header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn:focus-visible {
  outline: 2px solid var(--miu-hdr-petrol);
  outline-offset: 1px;
}

#header:has(.miu-hdr) .miu-hdr__actions .header-block__title {
  color: #0b2b3b !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

#header:has(.miu-hdr) .miu-hdr__actions .header-block__icon {
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background-color: #0b2b3b !important;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#header:has(.miu-hdr) .ps-customersignin .header-block__icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.15'/%3E%3Cpath d='M5.5 19.25c1.2-3.15 3.35-4.7 6.5-4.7s5.3 1.55 6.5 4.7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.15'/%3E%3Cpath d='M5.5 19.25c1.2-3.15 3.35-4.7 6.5-4.7s5.3 1.55 6.5 4.7'/%3E%3C/svg%3E");
}

#header:has(.miu-hdr) .ps-shoppingcart .header-block__icon {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 8.2h11.2l-.85 11.1a1.3 1.3 0 0 1-1.3 1.2H8.55a1.3 1.3 0 0 1-1.3-1.2L6.4 8.2z'/%3E%3Cpath d='M9 8.2V6.9a3 3 0 0 1 6 0v1.3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 8.2h11.2l-.85 11.1a1.3 1.3 0 0 1-1.3 1.2H8.55a1.3 1.3 0 0 1-1.3-1.2L6.4 8.2z'/%3E%3Cpath d='M9 8.2V6.9a3 3 0 0 1 6 0v1.3'/%3E%3C/svg%3E");
}

body #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn,
body #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn.pe-md-0,
body #header:has(.miu-hdr) .miu-hdr__actions a.header-block__action-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center;
  gap: 8px;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: #0b2b3b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: none !important;
  transform: none !important;
}

body #header:has(.miu-hdr) .miu-hdr__actions .header-block__title,
body #header:has(.miu-hdr) .miu-hdr__actions .header-block__title.d-md-flex {
  display: inline !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  color: #0b2b3b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em;
}

body #header:has(.miu-hdr) .miu-hdr__actions .header-block__badge,
body #header:has(.miu-hdr) .header-block__badge {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 22px;
  width: auto;
  height: 22px;
  margin: 0 !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-radius: 999px;
  background: #ffffff !important;
  color: #0b2b3b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  vertical-align: middle;
}

@media (min-width: 768px) {
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn.pe-md-0,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin a.header-block__action-btn {
    height: 42px !important;
    min-height: 42px !important;
  }
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn:hover,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn:focus {
  background: transparent !important;
  color: #3f7583 !important;
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn:hover .header-block__title,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn:focus .header-block__title {
  color: #3f7583 !important;
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn:hover .header-block__icon,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn:focus .header-block__icon {
  background-color: #3f7583 !important;
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn.pe-md-0,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart a.header-block__action-btn,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart button.header-block__action-btn {
  gap: 8px;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px 0 12px !important;
  border-radius: 12px !important;
  background: #3f7583 !important;
  color: #fff !important;
  transition: background-color 180ms ease;
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn:hover,
body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn:focus {
  background: #346572 !important;
  color: #fff !important;
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn:focus-visible {
  outline: 2px solid #0b2b3b;
  outline-offset: 2px;
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__title {
  color: #fff !important;
}

body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__icon {
  background-color: #fff !important;
}

#header:has(.miu-hdr) .miu-hdr__actions .dropdown-menu {
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  min-width: 220px;
  padding: 6px;
  background: #fff;
  color: var(--miu-hdr-navy);
  border: 1px solid var(--miu-hdr-line);
  border-radius: 12px;
  box-shadow: 0 14px 36px rgba(11, 43, 59, 0.12);
}

#header:has(.miu-hdr) .miu-hdr__actions .dropdown-item {
  color: var(--miu-hdr-navy);
  border-radius: 8px;
  font-weight: 600;
}

#header:has(.miu-hdr) .miu-hdr__actions .dropdown-item:hover,
#header:has(.miu-hdr) .miu-hdr__actions .dropdown-item:focus {
  background: #f4f7f7;
  color: var(--miu-hdr-navy);
}

/* ---- Hamburger ---- */
#header:has(.miu-hdr) .ps-mainmenu__mobile-toggle,
#header:has(.miu-hdr) .menu-toggle {
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent !important;
  color: var(--miu-hdr-navy) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: none;
}

#header:has(.miu-hdr) .menu-toggle:hover,
#header:has(.miu-hdr) .menu-toggle:focus-visible {
  background: #f4f7f7 !important;
  color: var(--miu-hdr-navy) !important;
  outline: none;
}

#header:has(.miu-hdr) .menu-toggle:focus-visible {
  outline: 2px solid var(--miu-hdr-petrol);
  outline-offset: 2px;
}

#header:has(.miu-hdr) .menu-toggle .miu-nav-toggle__icon,
#header:has(.miu-hdr) .menu-toggle svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px;
  stroke: #0b2b3b !important;
  color: #0b2b3b !important;
  fill: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Search opens from a magnifier on phones. Desktop and tablet keep the field. */
#header:has(.miu-hdr) .miu-hdr__search-open,
#header:has(.miu-hdr) .miu-hdr__search-close {
  display: none;
}

#header:has(.miu-hdr) .miu-hdr__search-open {
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #0b2b3b;
}

#header:has(.miu-hdr) .miu-hdr__search-open svg,
#header:has(.miu-hdr) .miu-hdr__search-close svg {
  display: block;
  stroke: #0b2b3b;
}

#header:has(.miu-hdr) .miu-hdr__search-close {
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin: 0 0 0 4px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
}

/* ---- Desktop ---- */
@media (min-width: 1280px) {
  #header:has(.miu-hdr) .miu-hdr__row {
    display: grid !important;
    grid-template-columns: auto minmax(240px, 1fr) auto;
    grid-template-rows: auto auto;
    justify-content: space-between;
    align-items: center;
    column-gap: clamp(18px, 2.4vw, 40px);
    row-gap: 2px;
    padding: 14px 0 0;
  }

  #header:has(.miu-hdr) .miu-hdr__logo {
    grid-column: 1;
    grid-row: 1;
  }

  #header:has(.miu-hdr) #_desktop_ps_searchbar {
    grid-column: 2;
    grid-row: 1;
    width: 560px !important;
    max-width: 100% !important;
    justify-self: center;
  }

  #header:has(.miu-hdr) .miu-hdr__actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  #header:has(.miu-hdr) .ps-mainmenu {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-top: 1px solid #e7eceb !important;
    border-bottom: 1px solid #e7eceb !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  #header:has(.miu-hdr) .ps-mainmenu__desktop {
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  #header:has(.miu-hdr) .ps-mainmenu__desktop::after {
    display: none !important;
  }

  #header:has(.miu-hdr) .ps-mainmenu__tree,
  #header:has(.miu-hdr) #top-menu.ps-mainmenu__tree {
    min-height: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    align-items: center !important;
  }

  #header:has(.miu-hdr) .ps-mainmenu__tree-item {
    height: 48px !important;
  }

  #header:has(.miu-hdr) .ps-mainmenu__desktop--v82 .miu-l1-icon,
  #header:has(.miu-hdr) .ps-mainmenu__desktop--icons .miu-l1-icon {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
  }

  #header:has(.miu-hdr) .ps-mainmenu__desktop--v82 .miu-l1-icon__svg {
    width: 20px !important;
    height: 20px !important;
  }
}

/* Full labels do not fit below 1280 — hamburger, not a squeezed menu. */
@media (max-width: 1279.98px) {
  #header:has(.miu-hdr) .ps-mainmenu__desktop,
  #header:has(.miu-hdr) nav.ps-mainmenu__desktop.d-lg-block {
    display: none !important;
  }

  #header:has(.miu-hdr) .ps-mainmenu__mobile-toggle,
  #header:has(.miu-hdr) .menu-toggle.d-lg-none,
  #header:has(.miu-hdr) .menu-toggle {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    min-height: 44px;
  }
}

/* ---- Tablet: hamburger, search stays on the row when it fits ---- */
@media (min-width: 768px) and (max-width: 1279.98px) {
  #header:has(.miu-hdr) .miu-hdr__row {
    display: grid !important;
    grid-template-columns: 44px auto minmax(180px, 1fr) auto;
    align-items: center;
    column-gap: 12px;
    padding: 12px 0;
    min-height: 72px;
  }

  #header:has(.miu-hdr) .ps-mainmenu {
    grid-column: 1;
    grid-row: 1;
    width: 44px !important;
    max-width: 44px !important;
    position: relative;
    overflow: visible;
  }

  #header:has(.miu-hdr) .miu-hdr__logo {
    grid-column: 2;
    grid-row: 1;
  }

  #header:has(.miu-hdr) .miu-hdr__logo img,
  #header:has(.miu-hdr) .miu-logo {
    height: 40px !important;
    max-height: 40px !important;
    max-width: 176px !important;
  }

  #header:has(.miu-hdr) #_desktop_ps_searchbar {
    grid-column: 3;
    grid-row: 1;
    width: 100%;
  }

  #header:has(.miu-hdr) .miu-hdr__actions {
    grid-column: 4;
    grid-row: 1;
  }
}

@media (min-width: 768px) and (max-width: 899.98px) {
  #header:has(.miu-hdr) .miu-hdr__actions .header-block__title {
    display: none !important;
  }

  #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn {
    padding: 0 12px;
  }
}

/* ---- Mobile: one row. Search opens from the magnifier. ---- */
@media (max-width: 767.98px) {
  #header:has(.miu-hdr) .miu-hdr__row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    column-gap: 0;
    row-gap: 0;
    min-height: 64px;
    padding: 8px 0;
  }

  body #header:has(.miu-hdr) .ps-mainmenu {
    order: 1;
    flex: 0 0 48px;
    width: 48px !important;
    max-width: 48px !important;
    position: relative;
    overflow: visible;
  }

  body #header:has(.miu-hdr) .ps-mainmenu__mobile-toggle,
  body #header:has(.miu-hdr) .menu-toggle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
  }

  body #header:has(.miu-hdr) .menu-toggle .miu-nav-toggle__icon,
  body #header:has(.miu-hdr) .menu-toggle svg {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px;
  }

  #header:has(.miu-hdr) .miu-hdr__logo {
    order: 2;
    flex: 0 1 auto;
    min-width: 0;
  }

  #header:has(.miu-hdr) .miu-hdr__logo img,
  #header:has(.miu-hdr) .miu-logo {
    height: 34px !important;
    max-height: 34px !important;
    max-width: min(148px, 42vw) !important;
  }

  #header:has(.miu-hdr) #_desktop_ps_searchbar,
  #header:has(.miu-hdr) .miu-header-search {
    order: 3;
    display: flex !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    max-width: 44px !important;
    margin-left: auto !important;
    position: static !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__search-open {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__search-open svg {
    width: 22px !important;
    height: 22px !important;
  }

  #header:has(.miu-hdr) .miu-hdr__search-open:hover {
    background: #f4f7f7 !important;
  }

  #header:has(.miu-hdr) .miu-hdr__search-open:focus-visible {
    outline: 2px solid var(--miu-hdr-petrol);
    outline-offset: 2px;
  }

  body #header:has(.miu-hdr) #_desktop_ps_searchbar #ps_searchbar.ps-searchbar {
    display: none !important;
  }

  body #header.is-search-open:has(.miu-hdr) #_desktop_ps_searchbar #ps_searchbar.ps-searchbar {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 40;
    width: auto !important;
    max-width: none !important;
    margin: 0;
    padding: 8px 12px 12px;
    background: #fff !important;
    border-bottom: 1px solid var(--miu-hdr-line);
    box-shadow: 0 16px 32px rgba(11, 43, 59, 0.08);
  }

  #header.is-search-open:has(.miu-hdr) .miu-hdr__search-close {
    display: inline-flex !important;
  }

  #header.is-search-open:has(.miu-hdr) .ps-searchbar__clear {
    display: none !important;
  }

  #header.is-search-open:has(.miu-hdr) .ps-searchbar__form {
    height: 44px;
    min-height: 44px !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions {
    order: 4;
    height: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    gap: 0;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions #_desktop_ps_customersignin,
  body #header:has(.miu-hdr) .miu-hdr__actions #_desktop_ps_shoppingcart,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart,
  body #header:has(.miu-hdr) .miu-hdr__actions .header-block {
    height: 44px !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions #_desktop_ps_shoppingcart {
    box-shadow: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .header-block__title {
    display: none !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn,
  body #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn:hover,
  body #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn:focus,
  body #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn.pe-md-0,
  body #header:has(.miu-hdr) .miu-hdr__actions a.header-block__action-btn,
  body #header:has(.miu-hdr) .miu-hdr__actions button.header-block__action-btn {
    position: relative;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    color: #0b2b3b !important;
    background: transparent !important;
  }

  #header:has(.miu-hdr) .miu-hdr__actions .header-block__action-btn:hover {
    background: #f4f7f7 !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .header-block__icon {
    flex-basis: 22px !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #0b2b3b !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .header-block__badge {
    position: absolute !important;
    top: 4px !important;
    right: 2px !important;
    left: auto !important;
    min-width: 16px;
    height: 16px;
    margin: 0 !important;
    padding: 0 4px !important;
    background: #5da2b0 !important;
    color: #fff !important;
    font-size: 10px !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn:hover,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn:focus,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart a.header-block__action-btn,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart button.header-block__action-btn {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0b2b3b !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__icon {
    background-color: #0b2b3b !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin .header-block__action-btn:hover {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
  }
}

@media (max-width: 359.98px) {
  #header:has(.miu-hdr) .miu-hdr__logo img,
  #header:has(.miu-hdr) .miu-logo {
    height: 30px !important;
    max-height: 30px !important;
    max-width: 100px !important;
  }
}

/* Drawer polish — logic stays in miu-mobile-nav.js */
#header:has(.miu-hdr) ~ .miu-catdrawer .miu-catdrawer__title,
.miu-catdrawer .miu-catdrawer__title {
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  font-size: 16px;
  color: #0b2b3b;
}

.miu-catdrawer__item-link {
  min-height: 48px;
}

/* ---- V2: cart badge keeps clear space inside the capsule on desktop ---- */
body #header:has(.miu-hdr) .ps-searchbar__form:focus-within .ps-searchbar__magnifier {
  background-color: #5da2b0 !important;
}

@media (min-width: 1280px) {
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart a.header-block__action-btn,
  body #header:has(.miu-hdr) .miu-hdr__actions .ps-shoppingcart .header-block__action-btn.pe-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 14px !important;
    padding-right: 16px !important;
    padding-inline-start: 14px !important;
    padding-inline-end: 16px !important;
    gap: 10px !important;
  }

  body #header:has(.miu-hdr) .miu-hdr__actions .ps-customersignin a.header-block__action-btn {
    padding: 0 16px !important;
    gap: 8px !important;
  }

  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    gap: 8px !important;
    padding: 7px 10px !important;
    min-height: 36px !important;
    max-height: none !important;
    height: auto !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;
    color: #0b2b3b !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  body #header:has(.miu-hdr) .ps-mainmenu__desktop--icons .miu-l1-icon,
  body #header:has(.miu-hdr) .ps-mainmenu__desktop--v82 .miu-l1-icon {
    color: #0b2b3b !important;
  }

  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item:hover > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item.current > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item:focus-within > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link {
    color: #0b2b3b !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
  }

  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item.current > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::before,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::before,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item:focus-within > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 1px !important;
    left: 50% !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 0 0 -2.5px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: #5da2b0 !important;
    box-shadow: none !important;
    transform: rotate(45deg) !important;
    pointer-events: none !important;
  }

  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item:hover > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::after,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item.current > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::after,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item.is-mega-open > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::after,
  body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item:focus-within > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::after {
    transform: scaleX(1) !important;
    background: #5da2b0 !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 2px !important;
    height: 2px !important;
  }

  body #header:has(.miu-hdr) .ps-mainmenu__desktop .ps-mainmenu__tree-item:hover .miu-l1-icon,
  body #header:has(.miu-hdr) .ps-mainmenu__desktop .ps-mainmenu__tree-item.current .miu-l1-icon,
  body #header:has(.miu-hdr) .ps-mainmenu__desktop .ps-mainmenu__tree-item.is-mega-open .miu-l1-icon,
  body #header:has(.miu-hdr) .ps-mainmenu__desktop .ps-mainmenu__tree-item:focus-within .miu-l1-icon {
    color: #5da2b0 !important;
  }
}

.miu-catdrawer__header {
  border-bottom-color: #e7eceb;
}

/* Mouse click may focus a link. The ring stays for keyboard only. */
html.miu-pointer a:focus,
html.miu-pointer a:focus-visible {
  outline: none !important;
}
html.miu-pointer #header .ps-mainmenu__tree-link:focus,
html.miu-pointer #header .ps-mainmenu__tree-link:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
html.miu-pointer body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item:focus-within:not(:hover):not(.is-mega-open):not(.current) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::before {
  content: none !important;
}
html.miu-pointer body #header:has(.miu-hdr) #top-menu > .ps-mainmenu__tree-item:focus-within:not(:hover):not(.is-mega-open):not(.current) > .ps-mainmenu__tree-item-wrapper > .ps-mainmenu__tree-link::after {
  transform: scaleX(0) !important;
}
html.miu-pointer body #header:has(.miu-hdr) .ps-mainmenu__desktop .ps-mainmenu__tree-item:focus-within:not(:hover):not(.is-mega-open):not(.current) .miu-l1-icon {
  color: #0b2b3b !important;
}

/* miu-home-hero-v3.css */
/* Homepage hero only. Category mosaic below is untouched. */

.miu-home-hero {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.62fr) minmax(0, 1.18fr);
  align-items: stretch;
  box-sizing: border-box;
  height: 320px !important;
  min-height: 0 !important;
  max-height: 320px !important;
  padding: 0 !important;
  overflow: hidden;
  background: #0b2b3b !important;
  background-image: none !important;
  box-shadow: none !important;
}

.miu-home-hero__grid {
  display: contents;
}

.miu-home-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px 28px 20px 32px;
  background: #0b2b3b;
}

.miu-home-hero__title {
  font-size: clamp(1.5rem, 1.9vw, 1.95rem) !important;
  line-height: 1.06 !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  max-width: 12ch;
  margin-bottom: 0.45rem !important;
}

.miu-home-hero__lead {
  max-width: 36ch;
  font-size: 0.92rem !important;
  line-height: 1.42 !important;
  margin-bottom: 0.75rem !important;
}

.miu-home-hero__photo {
  display: block;
  position: relative;
  min-height: 0 !important;
  height: 100%;
  overflow: hidden;
  background: #d7e2e4;
}

.miu-home-hero__photo-link {
  display: block;
  position: absolute;
  inset: 0;
}

.miu-home-hero__slide {
  position: absolute;
  inset: 0;
  display: block;
  opacity: 0;
  transition: opacity 700ms ease;
  z-index: 0;
}

.miu-home-hero__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.miu-home-hero__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.miu-home-hero__dots {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 14px;
  display: flex;
  gap: 7px;
}

.miu-home-hero__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.55);
  cursor: pointer;
}

.miu-home-hero__dot.is-active {
  width: 18px;
  background: #fff;
}

.miu-home-hero__arrow {
  display: none;
}

@media (min-width: 768px) {
  .miu-home-hero__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 34px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    opacity: 0.22;
    transform: translateY(-50%);
    cursor: pointer;
    filter: drop-shadow(0 0 1px rgba(11, 43, 59, 0.35));
    transition: opacity 180ms ease;
  }

  .miu-home-hero__arrow--prev { left: 6px; }
  .miu-home-hero__arrow--next { right: 6px; }

  .miu-home-hero__photo:hover .miu-home-hero__arrow,
  .miu-home-hero__arrow:hover,
  .miu-home-hero__arrow:focus-visible {
    opacity: 0.72;
  }

  .miu-home-hero__arrow:focus-visible {
    outline: 1px solid rgba(255, 255, 255, 0.7);
    outline-offset: 2px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .miu-home-hero__brand,
  .miu-home-hero__title,
  .miu-home-hero__lead,
  .miu-home-hero__actions {
    animation: miu-hero-rise 640ms ease both;
  }

  .miu-home-hero__title { animation-delay: 90ms; }
  .miu-home-hero__lead { animation-delay: 170ms; }
  .miu-home-hero__actions { animation-delay: 250ms; }
}

@keyframes miu-hero-rise {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .miu-home-hero__slide {
    transition: none;
  }
}

@media (max-width: 1023.98px) {
  .miu-home-hero {
    grid-template-columns: minmax(190px, 0.76fr) minmax(0, 1fr);
    height: 276px !important;
    max-height: 276px !important;
  }

  .miu-home-hero__copy {
    padding: 16px 18px 16px 20px;
  }

  .miu-home-hero__title {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 767.98px) {
  .miu-home-shell__hero-wrap {
    margin: 12px 0 20px !important;
  }

  .miu-home-shell__hero-wrap .container {
    padding-left: max(12px, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) !important;
    padding-right: max(12px, calc(var(--bs-gutter-x, 1.5rem) * 0.5)) !important;
  }

  .miu-home-hero {
    grid-template-columns: 1fr;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #0b2b3b !important;
    box-shadow: none !important;
  }

  .miu-home-hero__photo {
    order: -1;
    height: 188px;
    min-height: 188px !important;
    max-height: none;
    border-radius: 18px 18px 0 0;
  }

  .miu-home-hero__copy {
    padding: 13px 22px 15px;
    margin-top: -1px;
    border-radius: 0 0 18px 18px;
    position: relative;
    z-index: 1;
  }

  .miu-home-hero__dots {
    right: 12px;
    bottom: 10px;
    gap: 1px;
  }

  .miu-home-hero__dot {
    width: 18px;
    height: 18px;
    background: transparent;
    position: relative;
  }

  .miu-home-hero__dot::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 99px;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 1px rgba(11, 43, 59, 0.28);
  }

  .miu-home-hero__dot.is-active {
    width: 24px;
    background: transparent;
  }

  .miu-home-hero__dot.is-active::before {
    width: 13px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(11, 43, 59, 0.16);
  }

  .miu-home-hero__arrow {
    display: none !important;
  }

  .miu-home-hero__brand {
    margin: 0 0 0.28rem !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.11em !important;
  }

  .miu-home-hero__title {
    font-size: 1.36rem !important;
    line-height: 1.08 !important;
    max-width: none;
    margin: 0 0 0.38rem !important;
  }

  .miu-home-hero__lead {
    font-size: 0.875rem !important;
    line-height: 1.38 !important;
    margin: 0 0 0.72rem !important;
    max-width: 38ch;
  }

  .miu-home-hero__actions {
    gap: 0.35rem 0.85rem !important;
    align-items: center !important;
  }

  .miu-home-hero .miu-btn {
    min-height: 40px;
    font-size: 0.84rem !important;
  }

  .miu-home-hero .miu-btn--solid {
    padding: 0.42rem 1.05rem !important;
    border-radius: 11px !important;
    font-weight: 700 !important;
  }

  .miu-home-hero .miu-btn--ghost,
  .miu-home-hero .miu-btn--ghost:hover {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    padding: 0.35rem 0.1rem 0.15rem !important;
    font-weight: 650 !important;
  }

  .miu-home-hero .miu-btn--ghost:focus-visible {
    outline: 1px solid #fff !important;
    outline-offset: 3px !important;
  }
}

@media (max-width: 767.98px) and (min-width: 360px) {
  .miu-home-hero__photo {
    height: 206px;
    min-height: 206px !important;
  }
}

@media (max-width: 767.98px) and (min-width: 414px) {
  .miu-home-hero__photo {
    height: 220px;
    min-height: 220px !important;
  }
}

/* miu-breadcrumb.css */
/* MIU signature breadcrumb. Quiet back link + trail. */

.miu-crumb.breadcrumb__wrapper {
  background: transparent;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  margin: 0 0 0.45rem;
  padding: 0;
  min-height: 0;
  height: auto;
  overflow: visible;
}

.miu-crumb__bar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  min-height: 44px;
  padding: 0;
  background: transparent;
}

.miu-crumb__back {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  flex: 0 0 auto;
  order: 1;
  width: auto;
  min-width: 44px;
  min-height: 44px;
  height: auto;
  max-width: none;
  margin: 0;
  padding: 0 8px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #0b2b3b;
  font-family: Mulish, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 160ms ease;
}

.miu-crumb__back-icon {
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  color: #5da2b0;
  transition: color 160ms ease;
}

.miu-crumb__back-short {
  display: inline;
  text-decoration: none;
}

.miu-crumb__rule {
  flex: 0 0 1px;
  order: 1;
  width: 1px;
  height: 16px;
  background: #dce5e7;
}

.miu-crumb__back:hover {
  color: #3f7583;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.miu-crumb__back:hover .miu-crumb__back-icon {
  color: #3f7583;
  transform: none;
}

.miu-crumb__back:hover .miu-crumb__back-short {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.miu-crumb__back:focus {
  outline: none;
}

.miu-crumb__back:focus-visible {
  outline: 2px solid #3f7583;
  outline-offset: 3px;
  border-radius: 6px;
  background: transparent;
}

.miu-crumb__back:active {
  color: #0b2b3b;
  background: transparent;
}

.miu-crumb__trail a:focus-visible,
.miu-crumb__toggle:focus-visible {
  outline: 2px solid #5da2b0;
  outline-offset: 2px;
}

.miu-crumb__trail.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  list-style: none;
  font-family: Mulish, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  --bs-breadcrumb-divider: none;
  --bs-breadcrumb-item-padding-x: 0;
}

.miu-crumb__trail .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  float: none;
  padding: 0;
  color: #0b2b3b;
}

.miu-crumb__trail .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}

.miu-crumb__trail .breadcrumb-item + .breadcrumb-item::before {
  content: "›" !important;
  float: none !important;
  display: inline-block;
  padding: 0 0.42rem;
  color: #8aaeb6 !important;
  font-weight: 400;
  line-height: 1;
}

.miu-crumb__trail .breadcrumb-item {
  flex: 0 0 auto;
}

.miu-crumb__trail .breadcrumb-item.is-current {
  flex: 0 1 auto;
  min-width: 2.5rem;
}

.miu-crumb .miu-crumb__trail a {
  display: block;
  max-width: none;
  overflow: visible;
  color: #49616d !important;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
  text-overflow: clip;
  white-space: nowrap;
  transition: color 180ms ease, text-decoration-color 180ms ease;
}

.miu-crumb .miu-crumb__trail a:hover {
  color: #0b2b3b !important;
  text-decoration-color: #5da2b0;
}

.miu-crumb__trail .is-current > span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #0b2b3b;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.miu-crumb a.miu-crumb__home {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px;
  max-width: none !important;
  height: 28px;
  color: #5da2b0 !important;
  overflow: visible;
}

.miu-crumb a.miu-crumb__home:hover {
  color: #0b2b3b !important;
}

.miu-crumb__toggle {
  display: none;
}

.miu-crumb__trail--desk {
  flex: 1 1 auto;
  order: 2;
  overflow: hidden;
}

.miu-crumb__more {
  display: none;
}

@media (max-width: 767.98px) {
  .miu-crumb__rule {
    display: none;
  }

  .miu-crumb__trail--desk {
    display: none !important;
  }

  .miu-crumb__more {
    display: block;
    order: 2;
    margin-left: auto;
  }
  .miu-crumb.breadcrumb__wrapper {
    margin-bottom: 0.15rem;
  }

  .miu-crumb__bar {
    flex-wrap: wrap;
    align-items: center;
    min-height: 0;
    gap: 0.35rem 0.65rem;
    padding-top: 0.05rem;
    padding-bottom: 0;
  }

  .miu-crumb__back {
    order: 1;
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 7.5rem);
    min-height: 44px;
    height: auto;
    padding: 0 8px 0 0;
    font-size: 14px;
    line-height: 20px;
  }

  .miu-crumb__more {
    order: 2;
    margin-left: auto;
  }

  .miu-crumb__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    min-height: 40px;
    padding: 0 0.05rem 0 0.2rem;
    color: #49616d;
    font-family: Mulish, system-ui, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1;
    list-style: none;
    cursor: pointer;
    background: transparent;
  }

  .miu-crumb__toggle:hover,
  .miu-crumb__toggle:focus-visible {
    color: #0b2b3b;
  }

  .miu-crumb__toggle::-webkit-details-marker {
    display: none;
  }

  .miu-crumb__chev {
    transition: transform 160ms ease;
  }

  .miu-crumb__more[open] .miu-crumb__chev {
    transform: rotate(180deg);
  }

  .miu-crumb__more[open] {
    flex: 1 0 100%;
    order: 3;
  }

  .miu-crumb__more[open] > .miu-crumb__trail {
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0.05rem;
    padding: 0.35rem 0 0.15rem;
    border-top: 1px solid rgba(11, 43, 59, 0.08);
    row-gap: 0.15rem;
    font-size: 12.5px;
  }

  .miu-crumb__more[open] .miu-crumb__trail a,
  .miu-crumb__more[open] .miu-crumb__trail .is-current > span {
    max-width: none;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .miu-crumb__back,
  .miu-crumb__back-icon,
  .miu-crumb__chev {
    transition: none;
  }
}

body#checkout .miu-crumb,
body.hl-opc .miu-crumb {
  display: none;
}

.miu-trust-seal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  padding: 0.35rem 1rem 1.15rem;
  text-align: center;
}

.miu-trust-seal__mark {
  width: 128px;
  height: 128px;
  display: block;
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.18));
}

.miu-trust-seal__caption {
  margin: 0;
  max-width: 26rem;
  color: #f5f4f1;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.4;
}



/* Footer CMS pages — same tokens as the storefront */
.page-content--cms .miu-cms {
  max-width: 860px;
  margin: 0.25rem auto 2.5rem;
  color: var(--miu-text, #203a3e);
  font-family: var(--miu-font, Mulish, sans-serif);
  font-size: 1.0625rem;
  line-height: 1.75;
}

.page-content--cms .miu-cms__hero {
  text-align: center;
  background: var(--miu-sand, #f5f4f1);
  border-radius: var(--miu-radius, 14px);
  padding: 2.4rem 1.75rem 2.1rem;
  margin: 0 0 1.25rem;
}

.page-content--cms .miu-cms h1 {
  margin: 0;
  color: var(--miu-dark, #0b2b3b);
  font-weight: 800;
  font-size: clamp(1.55rem, 2.5vw, 2rem);
  letter-spacing: 0.045em;
  line-height: 1.25;
  text-transform: uppercase;
}

.page-content--cms .miu-cms__rule {
  width: 72px;
  height: 3px;
  margin: 1rem auto 1.05rem;
  border: 0;
  border-radius: 3px;
  background: var(--miu-petrol, #5da2b0);
}

.page-content--cms .miu-cms__lead {
  max-width: 38rem;
  margin: 0 auto;
  color: var(--miu-dark, #0b2b3b);
  font-size: 1.125rem;
  font-weight: 650;
  line-height: 1.55;
}

.page-content--cms .miu-cms__card,
.page-content--cms .miu-cms__band,
.page-content--cms .miu-cms__close,
.page-content--cms .miu-cms__note {
  border-radius: var(--miu-radius, 14px);
  padding: 1.45rem 1.5rem 1.25rem;
  margin: 0 0 1rem;
}

.page-content--cms .miu-cms__card,
.page-content--cms .miu-cms__close {
  background: #fff;
  border: 1px solid var(--miu-line, #c7dadb);
  box-shadow: var(--miu-shadow, 0 8px 28px rgba(11, 43, 59, 0.08));
}

.page-content--cms .miu-cms__band,
.page-content--cms .miu-cms__note {
  background: var(--miu-sand, #f5f4f1);
  border: 0;
  border-left: 4px solid var(--miu-petrol, #5da2b0);
}

.page-content--cms .miu-cms__close {
  text-align: center;
  border: 2px solid var(--miu-dark, #0b2b3b);
  box-shadow: none;
}

.page-content--cms .miu-cms h2 {
  margin: 0 0 0.85rem;
  padding: 0 0 0.6rem;
  color: var(--miu-dark, #0b2b3b);
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.35;
  text-transform: uppercase;
  border-bottom: 2px solid var(--miu-petrol, #5da2b0);
}

.page-content--cms .miu-cms__band h2,
.page-content--cms .miu-cms__note h2 {
  border-bottom: 0;
  padding-bottom: 0;
}

.page-content--cms .miu-cms p {
  margin: 0 0 0.85rem;
  color: var(--miu-text, #203a3e);
}

.page-content--cms .miu-cms p:last-child,
.page-content--cms .miu-cms__item p:last-child {
  margin-bottom: 0;
}

.page-content--cms .miu-cms__note p {
  margin: 0;
  color: var(--miu-dark, #0b2b3b);
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.55;
}

.page-content--cms .miu-cms__list {
  margin: 0.2rem 0 0;
  padding: 0;
  list-style: none;
}

.page-content--cms .miu-cms__list li {
  position: relative;
  margin: 0 0 0.55rem;
  padding-left: 1.15rem;
}

.page-content--cms .miu-cms__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 7px;
  height: 2px;
  border-radius: 2px;
  background: var(--miu-petrol, #5da2b0);
}

.page-content--cms .miu-cms__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.page-content--cms .miu-cms__item {
  background: var(--miu-sand, #f5f4f1);
  border-radius: var(--miu-radius-sm, 10px);
  padding: 1rem 1.05rem 0.95rem;
}

.page-content--cms .miu-cms__item h3 {
  margin: 0 0 0.35rem;
  color: var(--miu-dark, #0b2b3b);
  font-size: 1rem;
  font-weight: 800;
}

.page-content--cms .miu-cms__item p {
  font-size: 0.95rem;
  color: var(--miu-text-muted, #5a7075);
}

.page-content--cms .miu-cms__kicker {
  margin: -0.15rem 0 0.75rem;
}

.page-content--cms .miu-cms__kicker span {
  display: inline-block;
  padding: 0.22rem 0.65rem;
  border-radius: var(--miu-radius-pill, 999px);
  background: var(--miu-petrol-soft, #e8f4f6);
  color: var(--miu-dark, #0b2b3b);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.page-content--cms .miu-cms__actions {
  text-align: center;
  margin: 1.15rem 0 0;
}

.page-content--cms .miu-cms__btn {
  display: inline-block;
  padding: 0.8rem 1.35rem;
  border-radius: var(--miu-radius-sm, 10px);
  background: var(--miu-dark, #0b2b3b);
  color: var(--miu-sand, #f5f4f1) !important;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.page-content--cms .miu-cms__btn:hover {
  background: var(--miu-petrol, #5da2b0);
  color: #fff !important;
}

@media (max-width: 700px) {
  .page-content--cms .miu-cms__hero,
  .page-content--cms .miu-cms__card,
  .page-content--cms .miu-cms__band,
  .page-content--cms .miu-cms__close,
  .page-content--cms .miu-cms__note {
    padding-left: 1.05rem;
    padding-right: 1.05rem;
  }

  .page-content--cms .miu-cms__items {
    grid-template-columns: 1fr;
  }
}