/* kms-catalog-v2.css - KAN-1346 (UX audit 29.10.2026, package D "Catalog and search").
   Loaded only by sections/kms-collection-hero and sections/search-header while the theme setting
   kms_catalog_v2 (Theme settings > KMS catalog) is on; switching it off returns the layout before 29.10.
   Everything is scoped to pages that carry the compact hero (.kms-chero--v2), so no other grid changes.
   Specificity: the legacy catalog rules use html:not(#..) x6; $S below uses x7 and wins without !important wars.
   Tokens only (assets/kms-tokens.css): no new colours, fonts or radii. */

/* ---------- 1. Compact hero ---------- */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 {
  background: var(--kms-bg);
  padding: 20px var(--kms-c2-side, 24px) 12px;
  font-family: var(--kms-font-text);
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__wrap {
  max-width: var(--kms-c2-max, 1296px);
  margin: 0 auto;
  display: block;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-crumb {
  margin: 0 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 600 var(--kms-eyebrow-size)/var(--kms-eyebrow-lh) var(--kms-font-mono);
  letter-spacing: var(--kms-eyebrow-ls);
  text-transform: uppercase;
  color: var(--kms-text-subtle);
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-crumb a { color: var(--kms-lime) !important; text-decoration: none !important; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: 0 0 8px;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__title {
  font: 850 var(--kms-display-m)/var(--kms-display-lh) var(--kms-font-display) !important;
  font-stretch: 75%;
  letter-spacing: var(--kms-display-ls);
  text-transform: uppercase;
  color: var(--kms-text) !important;
  margin: 0 !important;
  overflow-wrap: anywhere;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-q { text-transform: none; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__count {
  display: inline-block;
  padding: 4px 10px;
  border-radius: var(--kms-radius-pill);
  background: var(--kms-lime-soft) !important;
  color: var(--kms-lime) !important;
  font: 600 13px/1.3 var(--kms-font-text);
  white-space: nowrap;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-sub {
  margin: 0 0 14px;
  max-width: 760px;
  color: var(--kms-text-muted) !important;
  font-size: 15px !important;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search {
  max-width: 560px;
  margin: 0 0 12px;
  border-radius: var(--kms-radius-md);
  background: var(--kms-surface-1);
  border: 1px solid var(--kms-border-strong);
}
/* the search form styles live in sections/kms-collection-hero's inline <style>; the search page has none, so the
   compact hero carries its own copy */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search { display: flex; align-items: center; padding: 4px 4px 4px 14px; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search:focus-within { border-color: var(--kms-lime); box-shadow: 0 0 0 3px var(--kms-lime-soft); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search-icon { width: 18px; height: 18px; flex: none; fill: none; stroke: var(--kms-text-subtle); stroke-width: 1.8; stroke-linecap: round; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; padding: 10px 12px; font: 400 16px/1.3 var(--kms-font-text); color: var(--kms-text); box-shadow: none; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search input::placeholder { color: var(--kms-text-subtle); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search button { flex: none; border: 0; cursor: pointer; padding: 0 20px; font-family: var(--kms-font-text); font-size: 14px; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search button {
  min-height: 40px;
  border-radius: var(--kms-radius-sm);
  background: var(--kms-lime) !important;
  color: var(--kms-on-accent) !important;
  font-weight: 700;
}

/* Format tabs: the one navigation axis (r02#20) */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  margin: 0 calc(-1 * var(--kms-c2-side, 24px)) 10px;
  padding: 2px var(--kms-c2-side, 24px);
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tabs::-webkit-scrollbar { display: none; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tab {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: var(--kms-radius-pill);
  border: 1px solid var(--kms-border-strong);
  background: var(--kms-surface-1);
  color: var(--kms-text) !important;
  text-decoration: none !important;
  font: 600 14px/1 var(--kms-font-text);
  white-space: nowrap;
  transition: var(--kms-btn-transition);
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tab:hover { border-color: var(--kms-lime); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tab:focus-visible { outline: 2px solid var(--kms-lime); outline-offset: 2px; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tab[aria-current] {
  background: var(--kms-lime);
  border-color: var(--kms-lime);
  color: var(--kms-on-accent) !important;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tab__n { font: 500 12px/1 var(--kms-font-mono); opacity: .75; }

/* Active filters, visible in the first screen (r02#1) */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-active {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  margin: 0 0 10px;
  font-size: 14px;
  color: var(--kms-text-muted);
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: var(--kms-radius-pill);
  background: var(--kms-lime-soft);
  border: 1px solid rgba(198, 255, 58, .4);
  color: var(--kms-lime) !important;
  text-decoration: none !important;
  font-weight: 600;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-chip__n { font: 500 12px/1 var(--kms-font-mono); opacity: .8; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-clear { color: var(--kms-text-muted) !important; text-decoration: underline !important; text-underline-offset: 3px; padding: 8px 4px; }

/* Library: one thin line instead of the 120 px block (r02#34, #48) */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 a.kms-c2-lib {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin: 0;
  padding: 6px 0;
  border-top: 1px solid var(--kms-border);
  color: var(--kms-text-muted) !important;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.4;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-lib__k {
  flex: none;
  padding: 3px 7px;
  border-radius: var(--kms-radius-badge);
  background: var(--kms-pink);
  color: var(--kms-on-accent);
  font: 800 11px/1.1 var(--kms-font-text);
  letter-spacing: .04em;
  text-transform: uppercase;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-lib__t { flex: 1; min-width: 0; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-lib__t b { color: var(--kms-text); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-lib__g { flex: none; color: var(--kms-lime); font-weight: 600; white-space: nowrap; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 a.kms-c2-lib:hover .kms-c2-lib__g { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- 2. Grid page: width, sidebar, chat launcher room ---------- */
/* The chat launcher (48 px, bottom-right, package K) sat on the corner of the 4th column at 1440: the grid keeps
   >= 72 px free on the right and 96 px under the last row. */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid-container {
  padding-bottom: 96px;
}
@media screen and (min-width: 990px) {
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) {
    --kms-c2-side: 72px;
  }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) results-list .collection-wrapper {
    max-width: var(--kms-c2-max, 1296px);
    width: calc(100% - 2 * var(--kms-c2-side));
    margin-inline: auto;
    box-sizing: border-box;
  }
}

/* Sticky filter sidebar (r02#17): sticky needs no clipping ancestor */
@media screen and (min-width: 750px) {
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) :is(collection-component, results-list, .collection-wrapper) {
    overflow: visible !important;
  }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .facets-block-wrapper--vertical {
    position: sticky !important;
    top: calc(var(--header-group-height, 64px) + 16px) !important;
    align-self: start !important;
    max-height: calc(100vh - var(--header-group-height, 64px) - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
}
/* Filter value counts (r02#18) */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .checkbox__count {
  margin-inline-start: auto;
  padding-inline-start: 8px;
  font: 500 12px/1 var(--kms-font-mono);
  color: var(--kms-text-subtle);
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .facets .checkbox__label { display: flex; width: 100%; align-items: center; }

/* ---------- 3. Product card: one link, title once, meta row at the bottom (r02#9-11, #46, #48) ---------- */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid__item { display: flex; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid__item > product-card { flex: 1; display: flex; flex-direction: column; position: relative; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid__card {
  flex: 1;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  height: 100%;
}
/* the whole card is the PDP link: the overlay link sits on top of everything that is not interactive */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .product-card__link {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: var(--kms-radius-lg);
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .product-card__link:focus-visible { outline: 2px solid var(--kms-lime); outline-offset: 3px; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid :is(quick-add-component, slideshow-arrows, .kms-cbadge:not(.kms-cbadge--best)) { display: none !important; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .card-gallery { border-radius: var(--kms-radius-lg); overflow: hidden; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .kms-cbadge--best {
  margin: 0;
  align-self: flex-start;
  font-size: 11px;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid :is(.text-block--product_title_4nY4eT, [class*="text-block--product_title"]) p,
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid [class*="text-block--product_title"] > * {
  font: 600 15px/1.35 var(--kms-font-text) !important;
  color: var(--kms-text) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(2 * 1.35em);
  margin: 0 !important;
  text-transform: none !important;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .kms-cc-benefit {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: var(--kms-text-muted) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 !important;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .product-grid__card > div:has(> .kms-cmeta) { margin-top: auto; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta { margin-top: auto; padding-top: 4px; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta__row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0 !important;
  font: 500 13px/1.3 var(--kms-font-mono);
  color: var(--kms-text-muted);
  white-space: nowrap;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta__dot { color: var(--kms-text-subtle); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta__price { color: var(--kms-text); font: 700 15px/1.3 var(--kms-font-text); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta__price s { color: var(--kms-text-subtle); font-weight: 500; margin-inline-end: 4px; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta__lib { margin: 4px 0 0 !important; font-size: 12.5px; line-height: 1.4; color: var(--kms-text-subtle); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid product-card:hover [class*="text-block--product_title"] > * { color: var(--kms-lime) !important; }

/* ---------- 4. Load more + pagination (r02#23) ---------- */
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-c2-load {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 32px 0 8px;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-c2-load__btn { min-width: 220px; min-height: var(--kms-btn-h-md); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-c2-load__btn[aria-busy] { opacity: .6; cursor: progress; }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-c2-load__n { margin: 0; font: 500 13px/1.4 var(--kms-font-mono); color: var(--kms-text-subtle); }
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .pagination__link[aria-current="page"],
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .pagination__link--current {
  background: var(--kms-lime) !important;
  color: var(--kms-on-accent) !important;
  border-color: var(--kms-lime) !important;
}
html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .pagination__link[aria-current="page"]::before { display: none !important; }

/* ---------- 5. Below the grid: preview loop, SEO text in a <details> (r02#36, #41) ---------- */
.kms-c2-vid { background: var(--kms-bg); padding: 48px var(--kms-c2-side, 24px) 16px; }
.kms-c2-vid__wrap { max-width: 720px; margin: 0 auto; }
.kms-c2-vid__media { display: block; border-radius: var(--kms-radius-lg); overflow: hidden; }
.kms-c2-more { max-width: 800px; margin: 0 auto; }
.kms-c2-more__sum {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  font: 600 18px/1.3 var(--kms-font-text);
  color: #1A1A18;
}
.kms-c2-more__sum::-webkit-details-marker { display: none; }
.kms-c2-more__sum::after { content: '+'; font: 400 24px/1 var(--kms-font-text); }
.kms-c2-more[open] .kms-c2-more__sum::after { content: '\2212'; }
.kms-c2-more__body { padding-top: 12px; }

/* ---------- 6. Phone (r02#28-34): gutter 16, 2 columns, compact cards, 44 px targets ---------- */
@media screen and (max-width: 749px) {
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 { --kms-c2-side: 16px; padding: 12px 16px 4px !important; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__title { font-size: 28px !important; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-sub { display: none; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-chero__search { max-width: none; margin-bottom: 10px; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-tab { min-height: 44px; padding: 0 14px; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 a.kms-c2-lib { font-size: 13px; gap: 8px; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body .kms-chero--v2 .kms-c2-lib__g { display: none; }

  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .main-collection-grid { padding-inline: 16px !important; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid { gap: 20px 12px !important; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .kms-cc-benefit { display: none !important; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid [class*="text-block--product_title"] > * { font-size: 14px !important; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .product-grid .card-gallery { border-radius: var(--kms-radius-md); }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta__price { font-size: 14px; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-cmeta__lib { display: none; }
  html:not(#kc1):not(#kc2):not(#kc3):not(#kc4):not(#kc5):not(#kc6):not(#kc7) body:has(.kms-chero--v2) .kms-c2-load__btn { width: 100%; }
  .kms-c2-vid { padding: 32px 16px 8px; }
}