/* vendzi cms render-kit v1 — public-safe */
.cms-render-root {
  --cms-color-bg: var(--background);
  --cms-color-border: var(--border);
  --cms-color-fg: var(--foreground);
  --cms-color-muted: var(--muted-foreground);
  --cms-color-primary: var(--primary);
  --cms-font-sans: var(--font-sans);
  --cms-radius: var(--radius);
  --cms-container-max-width: 80rem;
  --cms-font-size-base: 1rem;
  --cms-line-height-base: 1.5;
  --cms-space-1: 0.25rem;
  --cms-space-2: 0.5rem;
  --cms-space-3: 1rem;
  --cms-space-4: 1.5rem;
}
.cms-render-root {
  color: var(--cms-color-fg);
  background: var(--cms-color-bg);
  font-family: var(--cms-font-sans);
  font-size: var(--cms-font-size-base);
  line-height: var(--cms-line-height-base);
  box-sizing: border-box;
}
.cms-render-root *, .cms-render-root *::before, .cms-render-root *::after {
  box-sizing: border-box;
}
.cms-section {
  width: 100%;
  display: block;
}
.cms-container {
  width: 100%;
  max-width: var(--cms-container-max-width);
  margin-inline: auto;
  padding-inline: var(--cms-space-3);
}
.cms-stack {
  display: flex;
  flex-direction: column;
  gap: var(--cms-space-3);
}
.cms-grid {
  display: grid;
  gap: var(--cms-space-3);
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .cms-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .cms-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/* Boska editorial heading — Framer Luma preset oxzgui H1 64px Boska clamp -1.5ls 400 rgb(27,27,26) lineHeight 65.28px 1.02 | AAA: #1b1b1a on #f5f3ee 15.8:1 AAA pass; primary #3156d8 4.7:1 AA large/bold only */
/* Scoped to .cms-render-root: the kit style element applies document-wide, so bare h1/h2/h3 selectors hijacked app-owned headings (e.g. category hero at 64px). Canvas and public both render inside .cms-render-root, so parity is preserved. */
.cms-render-root h1, .cms-render-root h2, .cms-render-root h3, .cms-render-root h4, .cms-render-root h5, .cms-render-root h6, .cms-render-root .cms-heading { font-family: "Boska", "Boska Placeholder", sans-serif; }
.cms-render-root h1, .cms-render-root .cms-heading--h1 { font-size: 64px; font-size: clamp(36px, 5vw, 64px); font-weight: 400; letter-spacing: -1.5px; line-height: 65.28px; line-height: 1.02; color: rgb(27,27,26); color: #1b1b1a; margin: 0 0 var(--cms-space-2); }
.cms-render-root h2 { font-size: 40px; font-weight: 400; letter-spacing: -0.8px; line-height: 1.1; color: rgb(27,27,26); color: #1b1b1a; }
.cms-render-root h3 { font-size: 28px; font-weight: 400; letter-spacing: -0.5px; line-height: 1.2; color: rgb(27,27,26); color: #1b1b1a; }
/* Framer Luma frame parity — CDP ws://127.0.0.1:9222 21958F00 outer 1200 landing 1440 product 1280 padding 88px 48px 96px row gap 64 flex row copy gap 24 card 20px shadow 0px 24px 60px rgba(27,27,26,0.1) min-height 420 bg var(--token-45a92161-623a-4d19-a012-83fe4de643f8) -> #f5f3ee transparent canvas */
.cms-luma-frame { max-width: 1200px; margin: 0 auto; width: 100%; }
.cms-luma-landing { max-width: 1440px; margin: 0 auto; width: 100%; }
.cms-luma-product { max-width: 1280px; margin: 0 auto; width: 100%; }
.cms-luma-section { padding: 88px 48px 96px; background: var(--token-45a92161-623a-4d19-a012-83fe4de643f8); background: #f5f3ee; }
.cms-luma-row { display: flex; flex-direction: row; gap: 64px; }
.cms-luma-copy { display: flex; flex-direction: column; gap: 24px; }
.cms-luma-card { background: white; border-radius: 20px; box-shadow: 0px 24px 60px rgba(27,27,26,0.1); min-height: 420px; overflow: hidden; }
.cms-luma-hero { display: flex; flex-direction: row; gap: 64px; padding: 88px 48px 96px; background: var(--token-45a92161-623a-4d19-a012-83fe4de643f8); }
html,body{background:var(--token-45a92161-623a-4d19-a012-83fe4de643f8)!important;background:#f5f3ee!important}
.cms-n-hero{display:flex!important;flex-direction:row!important;gap:64px!important;padding:88px 48px 96px!important;max-width:1280px!important;width:min(100%,1200px)!important;margin:0 auto!important;background:var(--token-45a92161-623a-4d19-a012-83fe4de643f8)!important;background:#f5f3ee!important}
.cms-container.cms-n-hero{max-width:1280px!important;width:min(100%,1200px)!important}
.cms-n-hero .cms-stack{gap:24px!important}
.cms-stack{gap:24px!important}
.cms-grid{gap:24px!important}
.cms-service-list-items,.cms-entity-grid-items{gap:64px!important}
.cms-n-hero .cms-heading--h1{font-family:"Boska","Boska Placeholder",sans-serif!important;font-size:clamp(36px,5vw,64px)!important;font-weight:400!important;letter-spacing:-1.5px!important;line-height:65.28px!important;line-height:1.02!important;color:rgb(27,27,26)!important;color:#1b1b1a!important}
@media (max-width: 767px){.cms-n-hero{flex-direction:column!important;flex-wrap:wrap!important;padding:24px 16px!important;gap:16px!important}.cms-luma-hero,.cms-luma-row{flex-wrap:wrap!important;gap:16px!important}.cms-stack{flex-wrap:wrap!important}.cms-n-hero .cms-stack{flex-wrap:wrap!important;gap:16px!important;justify-content:flex-start!important}}
/* motion presets */
@keyframes cms-motion-fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes cms-motion-fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
[data-motion-preset] { animation-fill-mode: both; }
[data-motion-preset="fadeIn"] { animation: cms-motion-fadeIn 0.8s ease both; }
[data-motion-preset="fadeUp"] { animation: cms-motion-fadeUp 0.8s ease both; }
@media (prefers-reduced-motion: reduce) { [data-motion-preset] { animation: none !important; transition: none !important; } }
.cms-rich-text p { margin: 0 0 var(--cms-space-2); }
.cms-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--cms-space-2) var(--cms-space-3);
  border-radius: var(--cms-radius);
  border: 1px solid var(--cms-color-border);
  background: var(--cms-color-primary);
  color: var(--cms-color-bg);
  text-decoration: none;
  cursor: pointer;
}
.cms-divider {
  border: 0;
  border-top: 1px solid var(--cms-color-border);
  margin: var(--cms-space-3) 0;
}
.cms-spacer { display: block; width: 100%; }
.cms-image { max-width: 100%; height: auto; display: block; }
.cms-service-list {
  --cms-collection-container-padding: 88px 48px 96px;
  --cms-collection-card-padding: 20px;
  width: 100%;
  padding: var(--cms-collection-container-padding);
  gap: 64px;
  color: var(--cms-color-fg);
  background: var(--token-45a92161-623a-4d19-a012-83fe4de643f8);
}
.cms-service-list-items {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
  list-style: none;
}
.cms-service-list-items > li { min-width: 0; }
.cms-service-card {
  height: 100%;
  overflow: hidden;
  background: white;
  border: 1px solid var(--cms-color-border);
  border-radius: 20px;
  box-shadow: 0px 24px 60px rgba(27,27,26,0.1);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.cms-service-card:hover {
  border-color: var(--cms-color-primary);
  box-shadow: 0px 24px 60px rgba(27,27,26,0.1);
  transform: translateY(-2px);
}
.cms-service-card-link {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}
.cms-service-card-link:focus-visible {
  outline: 3px solid var(--cms-color-primary);
  outline-offset: -3px;
}
.cms-service-card-media {
  display: block;
  aspect-ratio: auto;
  overflow: hidden;
  background: var(--cms-color-border);
}
.cms-service-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 260ms ease;
}
.cms-service-card:hover .cms-service-card-image { transform: scale(1.025); }
.cms-service-card-body {
  min-height: 0;
  padding: var(--cms-collection-card-padding);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
}
.cms-service-card-heading {
  display: flex;
  gap: 14px;
  align-items: start;
  justify-content: space-between;
}
.cms-service-card-title {
  margin: 0;
  color: var(--cms-color-fg);
  font-size: clamp(18px, 1.7vw, 23px);
  font-weight: 650;
  line-height: 1.25;
}
.cms-service-card-price {
  flex: none;
  color: var(--cms-color-primary);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.cms-service-card-description {
  display: -webkit-box;
  overflow: hidden;
  color: var(--cms-color-muted);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cms-service-card-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.cms-service-card-duration,
.cms-service-card-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
.cms-service-card-duration { color: var(--cms-color-muted); }
.cms-service-card-duration svg { width: 15px; height: 15px; }
.cms-service-card-action { color: var(--cms-color-primary); font-weight: 700; }
.cms-service-card-action svg { width: 16px; height: 16px; transition: transform 160ms ease; }
.cms-service-card:hover .cms-service-card-action svg { transform: translate(2px, -2px); }
.cms-service-category-card-footer { justify-content: flex-end; }
.cms-service-card--text-only .cms-service-card-body { min-height: 220px; }
.cms-service-list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 56px 24px;
  text-align: center;
  color: var(--cms-color-muted);
}
.cms-service-list-empty-mark { width: 36px; height: 2px; background: var(--cms-color-primary); }
.cms-service-list-empty p { margin: 0; font-size: 15px; }
@media (max-width: 767px) {
  .cms-service-list {
    --cms-collection-container-padding: 20px 8px;
    --cms-collection-card-padding: 12px;
  }
  .cms-service-list[data-cms-visible-mobile='false'] { display: none; }
  .cms-service-list[data-cms-layout-mobile='list'] .cms-service-list-items { display: flex; flex-direction: column; }
  .cms-service-list[data-cms-layout-mobile='list'] .cms-service-card-link { display: flex; }
  .cms-service-list[data-cms-layout-mobile='list'] .cms-service-card-media { min-height: 0; aspect-ratio: auto; }
  .cms-service-list[data-cms-columns-mobile='1'] .cms-service-list-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-mobile='2'] .cms-service-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-mobile='3'] .cms-service-list-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-mobile='4'] .cms-service-list-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-mobile='5'] .cms-service-list-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-mobile='6'] .cms-service-list-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cms-service-card-heading { flex-direction: column; gap: 8px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .cms-service-list[data-cms-visible-tablet='false'] { display: none; }
  .cms-service-list[data-cms-layout-tablet='list'] .cms-service-list-items { display: flex; flex-direction: column; }
  .cms-service-list[data-cms-layout-tablet='list'] .cms-service-card-link { display: grid; grid-template-columns: minmax(180px, 30%) 1fr; }
  .cms-service-list[data-cms-layout-tablet='list'] .cms-service-card-media { aspect-ratio: auto; min-height: 220px; }
  .cms-service-list[data-cms-layout-tablet='list'] .cms-service-card--text-only .cms-service-card-link { grid-template-columns: 1fr; }
  .cms-service-list[data-cms-columns-tablet='1'] .cms-service-list-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-tablet='2'] .cms-service-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-tablet='3'] .cms-service-list-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-tablet='4'] .cms-service-list-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-tablet='5'] .cms-service-list-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-tablet='6'] .cms-service-list-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .cms-service-list[data-cms-visible-desktop='false'] { display: none; }
  .cms-service-list[data-cms-layout-desktop='list'] .cms-service-list-items { display: flex; flex-direction: column; }
  .cms-service-list[data-cms-layout-desktop='list'] .cms-service-card-link { display: grid; grid-template-columns: minmax(180px, 30%) 1fr; }
  .cms-service-list[data-cms-layout-desktop='list'] .cms-service-card-media { aspect-ratio: auto; min-height: 220px; }
  .cms-service-list[data-cms-layout-desktop='list'] .cms-service-card--text-only .cms-service-card-link { grid-template-columns: 1fr; }
  .cms-service-list[data-cms-columns-desktop='1'] .cms-service-list-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-desktop='2'] .cms-service-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-desktop='3'] .cms-service-list-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-desktop='4'] .cms-service-list-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-desktop='5'] .cms-service-list-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cms-service-list[data-cms-columns-desktop='6'] .cms-service-list-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
:where(body[data-studio-device='desktop']) .cms-service-list[data-cms-columns-desktop='1'] .cms-service-list-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-service-list[data-cms-columns-desktop='2'] .cms-service-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-service-list[data-cms-columns-desktop='3'] .cms-service-list-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-service-list[data-cms-columns-desktop='4'] .cms-service-list-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-service-list[data-cms-columns-desktop='5'] .cms-service-list-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-service-list[data-cms-columns-desktop='6'] .cms-service-list-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
:where(body[data-studio-device='tablet']) .cms-service-list[data-cms-columns-tablet='1'] .cms-service-list-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
:where(body[data-studio-device='tablet']) .cms-service-list[data-cms-columns-tablet='2'] .cms-service-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(body[data-studio-device='tablet']) .cms-service-list[data-cms-columns-tablet='3'] .cms-service-list-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(body[data-studio-device='tablet']) .cms-service-list[data-cms-columns-tablet='4'] .cms-service-list-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:where(body[data-studio-device='tablet']) .cms-service-list[data-cms-columns-tablet='5'] .cms-service-list-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
:where(body[data-studio-device='tablet']) .cms-service-list[data-cms-columns-tablet='6'] .cms-service-list-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
:where(body[data-studio-device='mobile']) .cms-service-list[data-cms-columns-mobile='1'] .cms-service-list-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
:where(body[data-studio-device='mobile']) .cms-service-list[data-cms-columns-mobile='2'] .cms-service-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(body[data-studio-device='mobile']) .cms-service-list[data-cms-columns-mobile='3'] .cms-service-list-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(body[data-studio-device='mobile']) .cms-service-list[data-cms-columns-mobile='4'] .cms-service-list-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:where(body[data-studio-device='mobile']) .cms-service-list[data-cms-columns-mobile='5'] .cms-service-list-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
:where(body[data-studio-device='mobile']) .cms-service-list[data-cms-columns-mobile='6'] .cms-service-list-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
:where(body[data-studio-device='mobile']) .cms-service-list[data-cms-interaction-mode='authoring'] [data-cms-interaction-mode='authoring'] { pointer-events: none; }
.cms-entity-grid {
  --cms-collection-container-padding: 88px 48px 96px;
  --cms-collection-card-padding: 20px;
  width: 100%;
  padding: var(--cms-collection-container-padding);
  gap: 64px;
  color: var(--cms-color-fg);
  background: var(--token-45a92161-623a-4d19-a012-83fe4de643f8);
}
.cms-entity-grid-items {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
  list-style: none;
}
.cms-entity-grid-items > li { min-width: 0; }
.cms-product-card {
  height: 100%;
  overflow: hidden;
  background: white;
  border: 1px solid var(--cms-color-border);
  border-radius: 20px;
  box-shadow: 0px 24px 60px rgba(27,27,26,0.1);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.cms-product-card:hover {
  border-color: var(--cms-color-primary);
  box-shadow: 0px 24px 60px rgba(27,27,26,0.1);
  transform: translateY(-2px);
}
.cms-product-card-link {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}
.cms-product-card-link:focus-visible {
  outline: 3px solid var(--cms-color-primary);
  outline-offset: -3px;
}
.cms-product-card-media {
  display: block;
  aspect-ratio: auto;
  overflow: hidden;
  background: var(--cms-color-border);
}
.cms-product-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 260ms ease;
}
.cms-product-card:hover .cms-product-card-image { transform: scale(1.025); }
.cms-product-card-body {
  min-height: 0;
  padding: var(--cms-collection-card-padding);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
}
.cms-product-card-title {
  margin: 0;
  color: var(--cms-color-fg);
  font-size: clamp(18px, 1.7vw, 23px);
  font-weight: 650;
  line-height: 1.25;
}
.cms-product-card-price {
  flex: none;
  color: var(--cms-color-primary);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.cms-product-category-card {
  height: 100%;
  overflow: hidden;
  background: white;
  border: 1px solid var(--cms-color-border);
  /* intentional Luma accent: Framer probe 2026-08-23 sandbox w520 h420 bt 0px none vs Studio 3px #3156d8 -- see C:/tmp/probe_framer_card.cjs */
  border-block-start: 3px solid var(--cms-color-primary);
  border-radius: 20px;
  box-shadow: 0px 24px 60px rgba(27,27,26,0.1);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.cms-product-category-card:hover {
  border-color: var(--cms-color-primary);
  box-shadow: 0px 24px 60px rgba(27,27,26,0.1);
  transform: translateY(-2px);
}
.cms-product-category-card-link {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}
.cms-product-category-card-link:focus-visible {
  outline: 3px solid var(--cms-color-primary);
  outline-offset: -3px;
}
.cms-product-category-card-media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--cms-color-border);
}
.cms-product-category-card-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 260ms ease;
}
.cms-product-category-card:hover .cms-product-category-card-image { transform: scale(1.025); }
.cms-product-category-card-body {
  min-height: 0;
  padding: var(--cms-collection-card-padding);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
}
.cms-product-category-card-title {
  margin: 0;
  color: var(--cms-color-fg);
  font-size: clamp(18px, 1.7vw, 23px);
  font-weight: 650;
  line-height: 1.25;
}
.cms-product-category-card-count {
  color: var(--cms-color-muted);
  font-size: 13px;
  font-weight: 500;
}
.cms-product-category-card-description {
  display: -webkit-box;
  overflow: hidden;
  color: var(--cms-color-muted);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.cms-product-category-card--text-only .cms-product-category-card-body { min-height: 220px; }
.cms-entity-grid-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 56px 24px;
  text-align: center;
  color: var(--cms-color-muted);
}
.cms-entity-grid-empty-mark { width: 36px; height: 2px; background: var(--cms-color-primary); }
  .cms-entity-grid-empty p { margin: 0; font-size: 15px; }
.cms-shell-contact-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 56px 24px;
  text-align: center;
  color: var(--cms-color-muted);
}
@media (max-width: 767px) {
  .cms-entity-grid { --cms-collection-container-padding: 20px 8px; --cms-collection-card-padding: 12px; }
  .cms-entity-grid[data-cms-visible-mobile='false'] { display: none; }
  .cms-entity-grid[data-cms-layout-mobile='list'] .cms-entity-grid-items { display: flex; flex-direction: column; }
  .cms-entity-grid[data-cms-layout-mobile='list'] .cms-product-card-link,
  .cms-entity-grid[data-cms-layout-mobile='list'] .cms-product-category-card-link,
  .cms-entity-grid[data-cms-layout-mobile='list'] .cms-service-card-link { display: flex; }
  .cms-entity-grid[data-cms-layout-mobile='list'] .cms-product-card-media,
  .cms-entity-grid[data-cms-layout-mobile='list'] .cms-product-category-card-media,
  .cms-entity-grid[data-cms-layout-mobile='list'] .cms-service-card-media { min-height: 0; aspect-ratio: auto; }
  .cms-entity-grid[data-cms-columns-mobile='1'] .cms-entity-grid-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-mobile='2'] .cms-entity-grid-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-mobile='3'] .cms-entity-grid-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-mobile='4'] .cms-entity-grid-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-mobile='5'] .cms-entity-grid-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-mobile='6'] .cms-entity-grid-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .cms-entity-grid[data-cms-visible-tablet='false'] { display: none; }
  .cms-entity-grid[data-cms-layout-tablet='list'] .cms-entity-grid-items { display: flex; flex-direction: column; }
  .cms-entity-grid[data-cms-layout-tablet='list'] .cms-product-card-link,
  .cms-entity-grid[data-cms-layout-tablet='list'] .cms-product-category-card-link,
  .cms-entity-grid[data-cms-layout-tablet='list'] .cms-service-card-link { display: grid; grid-template-columns: minmax(180px, 30%) 1fr; }
  .cms-entity-grid[data-cms-layout-tablet='list'] .cms-product-card-media,
  .cms-entity-grid[data-cms-layout-tablet='list'] .cms-product-category-card-media,
  .cms-entity-grid[data-cms-layout-tablet='list'] .cms-service-card-media { aspect-ratio: auto; min-height: 220px; }
  .cms-entity-grid[data-cms-columns-tablet='1'] .cms-entity-grid-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-tablet='2'] .cms-entity-grid-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-tablet='3'] .cms-entity-grid-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-tablet='4'] .cms-entity-grid-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-tablet='5'] .cms-entity-grid-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-tablet='6'] .cms-entity-grid-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  .cms-entity-grid[data-cms-visible-desktop='false'] { display: none; }
  .cms-entity-grid[data-cms-layout-desktop='list'] .cms-entity-grid-items { display: flex; flex-direction: column; }
  .cms-entity-grid[data-cms-layout-desktop='list'] .cms-product-card-link,
  .cms-entity-grid[data-cms-layout-desktop='list'] .cms-product-category-card-link,
  .cms-entity-grid[data-cms-layout-desktop='list'] .cms-service-card-link { display: grid; grid-template-columns: minmax(180px, 30%) 1fr; }
  .cms-entity-grid[data-cms-layout-desktop='list'] .cms-product-card-media,
  .cms-entity-grid[data-cms-layout-desktop='list'] .cms-product-category-card-media,
  .cms-entity-grid[data-cms-layout-desktop='list'] .cms-service-card-media { aspect-ratio: auto; min-height: 220px; }
  .cms-entity-grid[data-cms-columns-desktop='1'] .cms-entity-grid-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-desktop='2'] .cms-entity-grid-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-desktop='3'] .cms-entity-grid-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-desktop='4'] .cms-entity-grid-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-desktop='5'] .cms-entity-grid-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cms-entity-grid[data-cms-columns-desktop='6'] .cms-entity-grid-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='grid'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='grid'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='grid'] .cms-entity-grid-items { display: grid; }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='grid'] .cms-product-card-link,
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='grid'] .cms-service-card-link,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='grid'] .cms-service-card-link,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='grid'] .cms-product-card-link,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='grid'] .cms-service-card-link,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='grid'] .cms-product-card-link { display: flex; flex-direction: column; grid-template-columns: none; }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='grid'] .cms-product-card-media,
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='grid'] .cms-service-card-media,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='grid'] .cms-product-card-media,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='grid'] .cms-service-card-media,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='grid'] .cms-product-card-media,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='grid'] .cms-service-card-media { min-height: 0; aspect-ratio: auto; }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='list'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='list'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='list'] .cms-entity-grid-items { display: flex; flex-direction: column; }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='list'] .cms-product-card-link,
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-layout-desktop='list'] .cms-service-card-link,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='list'] .cms-product-card-link,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-layout-tablet='list'] .cms-service-card-link,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='list'] .cms-product-card-link,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-layout-mobile='list'] .cms-service-card-link { display: grid; grid-template-columns: minmax(180px, 30%) 1fr; }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-columns-desktop='1'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-columns-tablet='1'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-columns-mobile='1'] .cms-entity-grid-items { grid-template-columns: repeat(1, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-columns-desktop='2'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-columns-tablet='2'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-columns-mobile='2'] .cms-entity-grid-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-columns-desktop='3'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-columns-tablet='3'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-columns-mobile='3'] .cms-entity-grid-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-columns-desktop='4'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-columns-tablet='4'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-columns-mobile='4'] .cms-entity-grid-items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-columns-desktop='5'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-columns-tablet='5'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-columns-mobile='5'] .cms-entity-grid-items { grid-template-columns: repeat(5, minmax(0, 1fr)); }
:where(body[data-studio-device='desktop']) .cms-entity-grid[data-cms-columns-desktop='6'] .cms-entity-grid-items,
:where(body[data-studio-device='tablet']) .cms-entity-grid[data-cms-columns-tablet='6'] .cms-entity-grid-items,
:where(body[data-studio-device='mobile']) .cms-entity-grid[data-cms-columns-mobile='6'] .cms-entity-grid-items { grid-template-columns: repeat(6, minmax(0, 1fr)); }
/* product gallery widget styling */
  .cms-product-gallery { display: flex; flex-direction: column; gap: 1rem; width: 100%; }
  .cms-gallery-main { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 0.5rem; background-color: var(--cms-color-card-bg, #f9f9f9); border: 1px solid var(--cms-color-border, #eaeaea); }
  .cms-gallery-main-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
  .cms-gallery-main-image[data-cms-zoom='hover']:hover { transform: scale(1.15); cursor: zoom-in; }
  .cms-gallery-thumbnails { display: flex; gap: 0.5rem; overflow-x: auto; padding: 0.25rem 0; scrollbar-width: none; }
  .cms-gallery-thumbnails[data-cms-thumbnails='left'],
  .cms-gallery-thumbnails[data-cms-thumbnails='right'] { flex-direction: column; overflow-y: auto; overflow-x: hidden; max-height: 450px; width: 80px; }
  .cms-gallery-thumbnail-btn { width: 64px; height: 64px; border-radius: 0.25rem; border: 2px solid transparent; overflow: hidden; padding: 0; background: none; cursor: pointer; opacity: 0.6; transition: opacity 0.2s, border-color 0.2s; flex-shrink: 0; }
  .cms-gallery-thumbnail-btn[data-active='true'] { opacity: 1; border-color: var(--cms-color-primary, #111); }
  .cms-gallery-thumbnail-btn:hover { opacity: 1; }
  .cms-gallery-thumbnail-image { width: 100%; height: 100%; object-fit: cover; }
  .cms-gallery-list-wrapper { display: flex; flex-direction: column; gap: 1rem; width: 100%; }
  .cms-product-gallery[data-cms-layout='grid'] .cms-gallery-list-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  @media (max-width: 639px) {
    .cms-product-gallery[data-cms-layout='grid'] .cms-gallery-list-wrapper { grid-template-columns: 1fr; }
  }
  .cms-gallery-item { position: relative; overflow: hidden; border-radius: 0.5rem; background-color: var(--cms-color-card-bg, #f9f9f9); border: 1px solid var(--cms-color-border, #eaeaea); aspect-ratio: 1 / 1; }
  .cms-gallery-list-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
  .cms-gallery-list-image[data-cms-zoom='hover']:hover { transform: scale(1.15); cursor: zoom-in; }
  :where(body[data-studio-device='desktop']) .cms-product-gallery[data-cms-layout='grid'] .cms-gallery-list-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(body[data-studio-device='tablet']) .cms-product-gallery[data-cms-layout='grid'] .cms-gallery-list-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(body[data-studio-device='mobile']) .cms-product-gallery[data-cms-layout='grid'] .cms-gallery-list-wrapper { display: flex; flex-direction: column; }
  .cms-gallery-empty { display: grid; place-items: center; min-height: 200px; color: var(--cms-color-fg-muted, #6b7280); font-size: 0.875rem; text-align: center; }
  .cms-gallery-placeholder { width: 100%; aspect-ratio: 1 / 1; border-radius: 0.5rem; background-color: var(--cms-color-card-bg, #f3f4f6); border: 1px dashed var(--cms-color-border, #e5e7eb); }
  .cms-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* product details widget styling */
  .cms-product-details { display: flex; flex-direction: column; gap: 1.25rem; width: 100%; text-align: start; }
  .cms-product-details-title { font-size: 1.5rem; font-weight: 600; color: var(--cms-color-fg, #111); margin: 0; }
  .cms-product-details-price { font-size: 1.25rem; font-weight: 500; color: var(--cms-color-primary, #111); margin-top: -0.5rem; }
  .cms-details-sections { display: flex; flex-direction: column; gap: 1rem; }
  .cms-details-accordion-group { display: flex; flex-direction: column; gap: 0.5rem; }
  .cms-details-accordion-item { border: 1px solid var(--cms-color-border, #eaeaea); border-radius: 0.375rem; overflow: hidden; }
  .cms-details-accordion-item > summary { padding: 0.75rem 1rem; cursor: pointer; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; background-color: var(--cms-color-bg-alt, #f5f5f5); }
  .cms-details-accordion-item > summary::-webkit-details-marker { display: none; }
  .cms-details-accordion-item > summary::after { content: '+'; font-size: 1.25rem; font-weight: 400; }
  .cms-details-accordion-item[open] > summary::after { content: '−'; }
  .cms-details-content { padding: 0.75rem 1rem; font-size: 0.875rem; line-height: 1.5; color: var(--cms-color-fg, #333); }
  .cms-details-tabs-group { display: flex; flex-direction: column; gap: 0.5rem; }
  .cms-details-tab-input { position: absolute; opacity: 0; pointer-events: none; }
  .cms-details-tabs-nav { display: flex; gap: 0; border-bottom: 1px solid var(--cms-color-border, #eaeaea); }
  .cms-details-tab-label { padding: 0.625rem 1rem; cursor: pointer; font-weight: 600; font-size: 0.875rem; border-bottom: 2px solid transparent; opacity: 0.7; transition: opacity 0.15s, border-color 0.15s, background-color 0.15s; }
  .cms-details-tab-label:hover { opacity: 1; }
  .cms-details-tabs-content { padding-top: 0.75rem; }
  .cms-details-tab-panel { display: none; }
  .cms-details-tab-input-description:checked ~ .cms-details-tabs-content .cms-details-tab-panel-description,
  .cms-details-tab-input-effect:checked ~ .cms-details-tabs-content .cms-details-tab-panel-effect,
  .cms-details-tab-input-skinType:checked ~ .cms-details-tabs-content .cms-details-tab-panel-skinType { display: block; }
  .cms-details-tab-input-description:checked ~ .cms-details-tabs-nav label[data-cms-tab-key='description'] { border-bottom-color: var(--cms-color-primary, #111); opacity: 1; background-color: #fff; }
  .cms-details-tab-input-effect:checked ~ .cms-details-tabs-nav label[data-cms-tab-key='effect'] { border-bottom-color: var(--cms-color-primary, #111); opacity: 1; background-color: #fff; }
  .cms-details-tab-input-skinType:checked ~ .cms-details-tabs-nav label[data-cms-tab-key='skinType'] { border-bottom-color: var(--cms-color-primary, #111); opacity: 1; background-color: #fff; }
  .cms-details-stacked-group { display: flex; flex-direction: column; gap: 1.5rem; }
  .cms-details-stacked-item { display: flex; flex-direction: column; gap: 0.5rem; }
  .cms-details-stacked-title { font-size: 1rem; font-weight: 600; color: var(--cms-color-fg, #111); margin: 0; border-bottom: 1px solid var(--cms-color-border, #eaeaea); padding-bottom: 0.25rem; }
/* purchase panel widget styling */
  .cms-purchase-panel { display: flex; flex-direction: column; gap: 1rem; width: 100%; text-align: start; }
  .cms-purchase-panel-title { font-size: 1.5rem; font-weight: 600; color: var(--cms-color-fg, #111); margin: 0; }
  .cms-purchase-panel-price { font-size: 1.75rem; font-weight: 700; color: var(--cms-color-primary, #111); }
  .cms-purchase-panel-variants { display: flex; flex-direction: column; gap: 0.5rem; }
  .cms-purchase-panel-variant-label { font-size: 0.875rem; font-weight: 600; color: var(--cms-color-fg, #111); }
  .cms-purchase-panel-variants[data-cms-variant-display='pills'] { flex-direction: row; flex-wrap: wrap; gap: 0.5rem; }
  .cms-purchase-panel-qty-wrapper { display: flex; align-items: center; gap: 0; border: 1px solid var(--cms-color-border, #ddd); border-radius: 0.375rem; overflow: hidden; width: fit-content; }
  .cms-purchase-panel-qty-btn { width: 2.5rem; height: 2.5rem; border: none; background: var(--cms-color-bg-alt, #f5f5f5); cursor: pointer; font-size: 1.125rem; color: var(--cms-color-fg, #111); display: flex; align-items: center; justify-content: center; transition: background-color 0.15s; }
  .cms-purchase-panel-qty-btn:hover { background: var(--cms-color-border, #eaeaea); }
  .cms-purchase-panel-qty { width: 3rem; text-align: center; font-size: 1rem; font-weight: 600; background: #fff; border: none; border-left: 1px solid var(--cms-color-border, #ddd); border-right: 1px solid var(--cms-color-border, #ddd); height: 2.5rem; display: flex; align-items: center; justify-content: center; }
  .cms-purchase-panel-cta { width: 100%; padding: 0.875rem 1.5rem; font-size: 1rem; font-weight: 600; border-radius: 0.5rem; cursor: pointer; transition: all 0.2s; text-transform: uppercase; letter-spacing: 0.03em; border: 2px solid transparent; }
  .cms-purchase-panel-cta:disabled { opacity: 0.5; cursor: not-allowed; }
  .cms-purchase-panel-cta-primary { background-color: var(--cms-color-primary, #111); color: #fff; border-color: var(--cms-color-primary, #111); }
  .cms-purchase-panel-cta-primary:hover:not(:disabled) { opacity: 0.9; }
  .cms-purchase-panel-cta-secondary { background-color: var(--cms-color-bg-alt, #f5f5f5); color: var(--cms-color-fg, #111); border-color: var(--cms-color-border, #ddd); }
  .cms-purchase-panel-cta-secondary:hover:not(:disabled) { background-color: var(--cms-color-border, #eaeaea); }
  .cms-purchase-panel-cta-outline { background-color: transparent; color: var(--cms-color-primary, #111); border-color: var(--cms-color-primary, #111); }
  .cms-purchase-panel-cta-outline:hover:not(:disabled) { background-color: var(--cms-color-primary, #111); color: #fff; }
  .cms-purchase-panel-stock { font-size: 0.8rem; color: var(--cms-color-text-muted, #888); }
  .cms-purchase-panel-stock[data-cms-in-stock='1'] { color: var(--cms-color-success, #2a7); }
  .cms-purchase-panel-stock[data-cms-in-stock='0'] { color: var(--cms-color-error, #c33); }
/* service details widget styling */
  .cms-entity-details { display: flex; flex-direction: column; gap: 1.5rem; width: 100%; text-align: start; }
  .cms-entity-details-media { width: 100%; }
  .cms-entity-details-image { width: 100%; max-height: 400px; object-fit: cover; border-radius: 0.75rem; border: 1px solid var(--cms-color-border, #eaeaea); }
  .cms-entity-details-info { display: flex; flex-direction: column; gap: 1rem; }
  .cms-entity-details-title { font-size: 2rem; font-weight: 700; color: var(--cms-color-fg, #111); margin: 0; }
  .cms-entity-details-price { font-size: 1.5rem; font-weight: 700; color: var(--cms-color-primary, #111); }
  .cms-entity-details-duration { font-size: 0.9rem; font-weight: 600; color: var(--cms-color-text-muted, #666); background-color: var(--cms-color-bg-alt, #f5f5f5); padding: 0.25rem 0.75rem; border-radius: 1rem; width: fit-content; }
  .cms-entity-details-description { font-size: 1rem; line-height: 1.6; color: var(--cms-color-text-muted, #555); margin: 0; }
  .cms-entity-details-link { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; font-size: 0.95rem; font-weight: 600; text-decoration: none; border-radius: 0.375rem; background-color: var(--cms-color-primary, #111); color: #fff; width: fit-content; transition: opacity 0.2s; }
  .cms-entity-details-link:hover { opacity: 0.9; }
  :where(body[data-studio-device='desktop']) .cms-entity-details { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; align-items: start; }
  :where(body[data-studio-device='desktop']) .cms-entity-details-image { max-height: 500px; }
/* blog article meta widget styling */
  .cms-article-meta { padding: 2rem 0; border-bottom: 1px solid var(--cms-color-border, #eaeaea); margin-bottom: 2rem; }
  .cms-article-meta-title { font-size: 2.5rem; font-weight: 800; color: var(--cms-color-fg, #111); line-height: 1.2; margin-bottom: 1rem; }
  .cms-article-meta-author { font-size: 0.95rem; font-weight: 600; color: var(--cms-color-primary, #111); margin-right: 1.5rem; }
  .cms-article-meta-date { font-size: 0.9rem; color: var(--cms-color-text-muted, #777); }
  .cms-article-meta-excerpt { font-size: 1.15rem; line-height: 1.6; color: var(--cms-color-text-muted, #555); margin-top: 1.5rem; }

  /* blog table of contents widget styling */
  .cms-toc { background-color: var(--cms-color-bg-alt, #f9f9f9); border: 1px solid var(--cms-color-border, #eaeaea); border-radius: 0.5rem; padding: 1.5rem; }
  .cms-toc ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem; }
  .cms-toc li { margin: 0; }
  .cms-toc li[data-toc-level='1'] { padding-left: 0; }
  .cms-toc li[data-toc-level='2'] { padding-left: 1rem; }
  .cms-toc li[data-toc-level='3'] { padding-left: 2rem; }
  .cms-toc a { color: var(--cms-color-fg, #333); text-decoration: none; font-size: 0.95rem; transition: color 0.15s; }
  .cms-toc a:hover { color: var(--cms-color-primary, #111); text-decoration: underline; }

  /* blog related articles widget styling */
  .cms-related-articles { display: block; width: 100%; }
  .cms-related-articles-items { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: 1.5rem; width: 100%; }
  .cms-related-articles li { border: 1px solid var(--cms-color-border, #eaeaea); border-radius: 0.5rem; padding: 1rem; transition: transform 0.2s, box-shadow 0.2s; background: #fff; }
  .cms-related-articles li:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
  .cms-related-articles a { font-size: 1.1rem; font-weight: 600; color: var(--cms-color-fg, #111); text-decoration: none; display: block; margin-bottom: 0.5rem; }
  .cms-related-articles a:hover { color: var(--cms-color-primary, #111); }

  /* shell site brand widget styling */
  .cms-shell-brand { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; text-decoration: none; font-weight: 700; font-size: 1.25rem; color: var(--cms-color-fg, #111); }
  .cms-shell-brand img { max-height: 4rem; max-width: min(14rem, 100%); width: auto; object-fit: contain; }
  .cms-shell-brand-name { font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 300; letter-spacing: 0.08em; }
  .cms-shell-brand-tagline { color: var(--cms-color-text-muted, #666); font-size: 0.875rem; font-weight: 400; line-height: 1.5; letter-spacing: normal; }

  /* shell navigation widget styling — CRITICAL: .cms-shell-nav-panel is display:block on desktop (>=1024px) */
  .cms-shell-nav { position: relative; width: 100%; }
  .cms-shell-nav-toggle { display: inline-flex; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: center; border: 0; border-radius: 999px; background: transparent; color: var(--cms-color-fg, #111); cursor: pointer; }
  .cms-shell-nav-toggle:hover { background: var(--cms-color-bg-alt, #f5f5f5); }
  .cms-shell-nav-panel { display: none; position: absolute; z-index: 40; inset-inline: 0; top: calc(100% + 0.5rem); padding: 1rem; border: 1px solid var(--cms-color-border, #e5e5e5); background: var(--cms-color-bg, #fff); box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.12); }
  .cms-shell-nav[data-open='1'] > .cms-shell-nav-panel { display: block; }
  .cms-shell-nav-drawer { box-sizing: border-box; position: fixed; z-index: 80; padding: 1rem 1.5rem 2rem; overflow-y: auto; border: 0; background: color-mix(in srgb, var(--cms-color-bg, #fff) 95%, transparent); box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.18); backdrop-filter: blur(1rem); }
  .cms-shell-nav-overlay { position: fixed; inset: 0; z-index: 79; border: 0; background: rgb(0 0 0 / 0.24); }
  @media (min-width: 1024px) { .cms-shell-nav-overlay { display: none; } }
  .cms-shell-nav-drawer[data-mobile-layout='rightDrawer'] { inset: 0 0 0 auto; width: min(65vw, 24rem); height: 100dvh; }
  .cms-shell-nav-drawer[data-mobile-layout='leftDrawer'] { inset: 0 auto 0 0; width: min(65vw, 24rem); height: 100dvh; }
  .cms-shell-nav-drawer[data-mobile-layout='fullScreen'] { inset: 0; width: 100vw; height: 100dvh; }
  .cms-shell-nav-drawer[data-mobile-layout='bottomDrawer'] { inset: auto 0 0; width: 100vw; height: min(78dvh, 40rem); }
  .cms-shell-nav-drawer[data-mobile-layout='topDrawer'] { inset: 0 0 auto; width: 100vw; height: min(78dvh, 40rem); }
  .cms-shell-nav-drawer:focus { outline: 2px solid var(--cms-color-primary, #111); outline-offset: -2px; }
  /* mobile drawer menu sections — brand header, primary, utility, CTA, language, contact */
  .cms-shell-mobile-menu-header { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; }
  .cms-shell-mobile-menu-brand { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
  .cms-shell-mobile-menu-brand img { display: block; width: auto; max-width: 10rem; height: 3rem; object-fit: contain; }
  .cms-shell-mobile-menu-close { display: inline-flex; width: 2.25rem; height: 2.25rem; align-items: center; justify-content: center; border: 0; background: transparent; color: inherit; cursor: pointer; }
  .cms-shell-mobile-menu-close:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
  .cms-shell-mobile-menu-primary .cms-shell-nav-item-row { min-height: 3.75rem; border: 0; }
  .cms-shell-mobile-menu-primary .cms-shell-nav-item-row > a, .cms-shell-mobile-menu-primary .cms-shell-nav-item-row > span { font-size: 0.875rem; font-weight: 500; }
  .cms-shell-mobile-menu-primary .cms-shell-nav-group-toggle { width: 2rem; height: 2rem; }
  .cms-shell-mobile-menu-utility { margin-top: 0.25rem; padding-top: 0.875rem; border-top: 1px solid var(--cms-color-border, #e5e5e5); }
  .cms-shell-mobile-menu-utility .cms-shell-nav-item-row { min-height: 2rem; border: 0; }
  .cms-shell-mobile-menu-utility .cms-shell-nav-item-row > a, .cms-shell-mobile-menu-utility .cms-shell-nav-item-row > span { color: var(--cms-color-text-muted, #666); font-size: 0.875rem; font-weight: 400; }
  .cms-shell-nav a.cms-shell-mobile-menu-cta { display: flex; min-height: 2.25rem; margin-top: 1rem; align-items: center; justify-content: center; background: #444; color: #fff; font-size: 0.8125rem; font-weight: 600; text-decoration: none; }
  .cms-shell-mobile-menu-language, .cms-shell-mobile-menu-contact a { display: flex; align-items: center; gap: 0.5rem; color: var(--cms-color-text-muted, #666); text-decoration: none; }
  .cms-shell-mobile-menu-language { min-height: 3rem; margin-top: 0.75rem; }
  .cms-shell-mobile-menu-contact { display: flex; flex-direction: column; gap: 0.75rem; margin-top: 0.75rem; padding-top: 1rem; border-top: 1px solid var(--cms-color-border, #e5e5e5); }
  .cms-shell-mobile-menu-contact a { font-size: 0.875rem; }
  .cms-shell-nav ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }
  .cms-shell-nav li { position: relative; }
  .cms-shell-nav-item-row { display: flex; min-height: 3rem; align-items: center; justify-content: space-between; gap: 0.5rem; border-bottom: 1px solid var(--cms-color-border, #e5e5e5); }
  .cms-shell-nav a, .cms-shell-nav-item-row > span { flex: 1; text-decoration: none; color: var(--cms-color-fg, #333); font-size: 0.95rem; font-weight: 500; transition: color 0.15s; }
  .cms-shell-nav a:hover { color: var(--cms-color-primary, #111); }
  .cms-shell-nav-group-toggle { display: inline-flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--cms-color-fg, #111); cursor: pointer; }
  .cms-shell-nav-group-toggle svg { transition: transform 0.2s ease; }
  .cms-shell-nav-group[data-expanded='1'] > .cms-shell-nav-item-row .cms-shell-nav-group-toggle svg { transform: rotate(180deg); }
  .cms-shell-nav-children { display: none !important; padding-inline-start: 1rem !important; }
  .cms-shell-nav-group[data-expanded='1'] > .cms-shell-nav-children { display: flex !important; }
  .cms-shell-nav-divider { height: 1px; margin: 0.5rem 0; background: var(--cms-color-border, #e5e5e5); }
  @media (max-width: 1023px) {
    .cms-shell-nav[data-mobile-policy='drawer'][data-open='1'] > .cms-shell-nav-panel { display: none; }
  }

  /* shell actions widget styling — CRITICAL: .cms-shell-search-results is only mounted on non-empty query */
  .cms-shell-actions { display: flex; align-items: center; gap: 1.25rem; }
  .cms-shell-actions [data-cms-action] { display: inline-flex; flex-direction: column; align-items: center; gap: 0.25rem; cursor: pointer; font-size: 0.75rem; font-weight: 500; color: var(--cms-color-fg, #333); text-decoration: none; transition: color 0.15s; }
  .cms-shell-actions [data-cms-action] svg { width: 1.3rem; height: 1.3rem; }
  .cms-shell-actions [data-cms-action]:hover { color: var(--cms-color-primary, #111); }
  .cms-shell-search { display: inline-flex; align-items: stretch; }
  .cms-shell-search input { min-width: 10rem; border: 1px solid var(--cms-color-border, #ccc); padding: 0.45rem 0.6rem; background: var(--cms-color-bg, #fff); color: var(--cms-color-fg, #111); }
  .cms-shell-search button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--cms-color-fg, #111); background: var(--cms-color-fg, #111); color: var(--cms-color-bg, #fff); padding: 0.45rem 0.6rem; cursor: pointer; }
  .cms-shell-search-results { position: absolute; z-index: 60; inset-inline: 0; top: calc(100% + 0.5rem); padding: 1rem; border: 1px solid var(--cms-color-border, #e5e5e5); background: var(--cms-color-bg, #fff); box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.12); }
  .cms-shell-search-results ul { display: grid; gap: 0.5rem; list-style: none; margin: 0; padding: 0; }
  .cms-shell-search-results button { border: 0; background: transparent; color: var(--cms-color-fg, #333); cursor: pointer; text-align: start; }
  .cms-shell-search-results-inner { max-height: min(60vh, 28rem); overflow-y: auto; }
  .cms-shell-search-results li { min-width: 0; }
  .cms-shell-search-results button.cms-shell-search-result-product { display: flex; width: 100%; align-items: center; gap: 0.65rem; padding: 0.4rem 0.5rem; transition: background-color 0.15s; }
  .cms-shell-search-results button.cms-shell-search-result-product:hover { background: color-mix(in srgb, var(--cms-color-fg, #111) 6%, transparent); }
  .cms-shell-search-result-image { position: relative; display: flex; flex: 0 0 auto; width: 3rem; height: 3rem; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--cms-color-border, #e5e5e5); background: var(--cms-color-bg, #fff); color: var(--cms-color-text-muted, #999); }
  .cms-shell-search-result-copy { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; gap: 0.125rem; }
  .cms-shell-search-result-copy strong { overflow: hidden; font-size: 0.9rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  .cms-shell-search-result-copy > span { overflow: hidden; color: var(--cms-color-text-muted, #666); font-size: 0.8rem; text-overflow: ellipsis; white-space: nowrap; }
  .cms-shell-search-result-price { display: flex; flex: 0 0 auto; align-items: baseline; gap: 0.4rem; margin-inline-start: auto; white-space: nowrap; }
  .cms-shell-search-result-price strong { font-weight: 600; }
  .cms-shell-search-result-price del { color: var(--cms-color-text-muted, #666); font-size: 0.8rem; }

  /* shell contact social widget styling */
  .cms-shell-contact { display: flex; gap: 1.5rem; flex-wrap: wrap; font-size: 0.95rem; }
  .cms-shell-contact[data-presentation='column'] { flex-direction: column; gap: 0.75rem; }
  .cms-shell-contact[data-presentation='grid'] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; }
  .cms-shell-contact a { color: var(--cms-color-fg, #333); text-decoration: none; transition: color 0.15s; }
  .cms-shell-contact a:hover { color: var(--cms-color-primary, #111); }
  .cms-shell-contact-item { display: inline-flex; align-items: center; gap: 0.65rem; color: var(--cms-color-text-muted, #666); }
  .cms-shell-contact-item svg { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; }
  .cms-shell-social-links { display: flex; align-items: center; gap: 0.75rem; }
  .cms-shell-social-links a { display: inline-flex; width: 2.5rem; height: 2.5rem; align-items: center; justify-content: center; border-radius: 999px; background: color-mix(in srgb, var(--cms-color-fg, #111) 16%, transparent); }
  .cms-shell-social-links svg { width: 1.2rem; height: 1.2rem; }
  .cms-shell-social-label, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

  /* conversion newsletter widget styling */
  .cms-newsletter { display: flex; flex-direction: column; gap: 1rem; max-width: 400px; }
  .cms-newsletter input[type='email'] { padding: 0.75rem 1rem; border: 1px solid var(--cms-color-border, #ddd); border-radius: 0.375rem; font-size: 0.95rem; background: #fff; color: #111; outline: none; transition: border-color 0.15s; }
  .cms-newsletter input[type='email']:focus { border-color: var(--cms-color-primary, #111); }
  .cms-newsletter-consent { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.8rem; color: var(--cms-color-text-muted, #666); cursor: pointer; }
  .cms-newsletter-consent input[type='checkbox'] { margin-top: 0.2rem; }
  .cms-newsletter button[type='submit'] { padding: 0.75rem 1.5rem; font-weight: 600; font-size: 0.95rem; border-radius: 0.375rem; background: var(--cms-color-primary, #111); color: #fff; border: none; cursor: pointer; transition: opacity 0.15s; text-transform: uppercase; }
  .cms-newsletter button[type='submit']:hover { opacity: 0.9; }

  @media (min-width: 768px) {
    .cms-related-articles-items { grid-template-columns: repeat(3, 1fr); }
  }

  @media (min-width: 1024px) {
    .cms-shell-nav-toggle { display: none; }
    .cms-shell-nav > .cms-shell-nav-panel { display: block; position: static; width: auto; padding: 0; overflow: visible; border: 0; background: transparent; box-shadow: none; }
    .cms-shell-nav-drawer { display: none; }
    .cms-shell-nav > .cms-shell-nav-panel > ul { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 1.75rem; flex-wrap: wrap; }
    .cms-shell-nav-item-row { min-height: 2.75rem; border: 0; }
    .cms-shell-nav-group-toggle { width: 1.5rem; height: 1.5rem; }
    .cms-shell-nav-children, .cms-shell-nav-group[data-expanded='1'] > .cms-shell-nav-children { display: none !important; position: absolute; z-index: 45; inset-inline-start: 50%; top: 100%; min-width: 14rem; padding: 0.75rem !important; transform: translateX(-50%); border: 1px solid var(--cms-color-border, #e5e5e5); background: var(--cms-color-bg, #fff); box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.12); }
    [dir='rtl'] .cms-shell-nav-children, [dir='rtl'] .cms-shell-nav-group[data-expanded='1'] > .cms-shell-nav-children { transform: translateX(50%); }
    .cms-shell-nav-group:hover > .cms-shell-nav-children, .cms-shell-nav-group:focus-within > .cms-shell-nav-children, .cms-shell-nav-group[data-expanded='1'] > .cms-shell-nav-children { display: flex !important; }
    .cms-shell-nav-children .cms-shell-nav-item-row { min-height: 2.5rem; }
    .cms-shell-nav[data-desktop-variant='tiles'] .cms-shell-nav-children { min-width: 28rem; display: none !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
    .cms-shell-nav[data-desktop-variant='tiles'] .cms-shell-nav-group:hover > .cms-shell-nav-children, .cms-shell-nav[data-desktop-variant='tiles'] .cms-shell-nav-group:focus-within > .cms-shell-nav-children, .cms-shell-nav[data-desktop-variant='tiles'] .cms-shell-nav-group[data-expanded='1'] > .cms-shell-nav-children { display: grid !important; }
    .cms-shell-nav[data-desktop-variant='cards'] .cms-shell-nav-children { min-width: 36rem; padding: 1.25rem !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
    .cms-shell-nav[data-desktop-variant='cards'] .cms-shell-nav-group:hover > .cms-shell-nav-children, .cms-shell-nav[data-desktop-variant='cards'] .cms-shell-nav-group:focus-within > .cms-shell-nav-children, .cms-shell-nav[data-desktop-variant='cards'] .cms-shell-nav-group[data-expanded='1'] > .cms-shell-nav-children { display: grid !important; }

    /* mega variant: full-width hover surface (1:1 with production mega menu) */
    .cms-shell-nav[data-desktop-variant='mega'] > .cms-shell-nav-panel { display: block; position: static; width: auto; padding: 0; overflow: visible; border: 0; background: transparent; box-shadow: none; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega { position: relative; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-bar { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 2rem; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-item .cms-shell-nav-item-row { min-height: 3rem; border: 0; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-item a, .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-item .cms-shell-nav-item-row > span { font-size: 0.95rem; font-weight: 600; letter-spacing: 0.01em; color: var(--cms-color-fg, #0f172a); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-item a:hover { color: var(--cms-color-primary, #c79a63); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-item[data-active='1'] > .cms-shell-nav-item-row a, .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-item[data-active='1'] > .cms-shell-nav-item-row > span { color: var(--cms-color-primary, #c79a63); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-surface { position: absolute; z-index: 50; inset-inline: 0; top: 100%; border-bottom: 1px solid var(--cms-color-border, #e5e5e5); background: var(--cms-color-bg, #fff); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-inner { width: 100%; max-width: 64rem; margin-inline: auto; padding: 2rem 1.5rem; box-sizing: border-box; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-surface[data-variant='cards'] .cms-shell-mega-inner, .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-surface[data-has-promo='1'] .cms-shell-mega-inner, .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-surface[data-columns='4'] .cms-shell-mega-inner { max-width: 80rem; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-layout--promo { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 1.5rem; align-items: start; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-list { display: grid; gap: 1.5rem; align-items: start; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-column { display: flex; flex-direction: column; gap: 0.75rem; list-style: none; margin: 0; padding: 0; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-link a { display: block; font-size: 0.95rem; font-weight: 500; color: var(--cms-color-fg, #0f172a); text-decoration: none; transition: color 0.15s; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-link a:hover { color: var(--cms-color-primary, #c79a63); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tiles { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; list-style: none; margin: 0; padding: 0; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile { width: 7rem; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile a { display: block; text-decoration: none; color: var(--cms-color-fg, #0f172a); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile-media { display: block; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 1rem; background: var(--cms-color-bg-alt, #f5f5f5); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile a:hover img { transform: scale(1.05); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile-placeholder { display: block; width: 100%; height: 100%; background: var(--cms-color-bg-alt, #f5f5f5); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile-label { display: block; margin-top: 0.5rem; padding-inline: 0.25rem; font-size: 0.875rem; font-weight: 500; color: var(--cms-color-text-muted, #666); transition: color 0.15s; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-tile a:hover .cms-shell-mega-tile-label { color: var(--cms-color-fg, #0f172a); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-cards { display: grid; gap: 1.25rem; list-style: none; margin: 0; padding: 0; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card a { display: block; padding: 0.75rem; border: 1px solid var(--cms-color-border, #e5e5e5); border-radius: 1rem; background: var(--cms-color-bg, #fff); text-decoration: none; color: var(--cms-color-fg, #0f172a); transition: border-color 0.15s; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card a:hover { border-color: color-mix(in srgb, var(--cms-color-fg, #0f172a) 20%, transparent); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card-media { display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 1rem; background: var(--cms-color-bg-alt, #f5f5f5); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card a:hover img { transform: scale(1.05); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card-placeholder { display: block; width: 100%; height: 100%; background: var(--cms-color-bg-alt, #f5f5f5); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card-label { display: block; margin-top: 0.75rem; font-size: 1rem; font-weight: 500; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-cards > li { min-width: 0; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card--product a[data-testid='product-card'] { height: 100%; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card--product a[data-testid='product-card'] { padding: 0; border: 0; border-radius: 0; background: transparent; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-card--product a[data-testid='product-card']:hover img { transform: none; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo { display: block; overflow: hidden; border: 1px solid var(--cms-color-border, #e5e5e5); border-radius: 1rem; background: color-mix(in srgb, var(--cms-color-bg-alt, #f5f5f5) 20%, transparent); text-decoration: none; color: var(--cms-color-fg, #0f172a); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo-media { display: block; height: 13rem; overflow: hidden; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo:hover img { transform: scale(1.05); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo-placeholder { display: block; width: 100%; height: 100%; background: var(--cms-color-bg-alt, #f5f5f5); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo-body { display: block; padding: 1.25rem; }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo-subtitle { display: block; margin-bottom: 0.375rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cms-color-text-muted, #6b7280); }
    .cms-shell-nav[data-desktop-variant='mega'] .cms-shell-mega-promo-label { display: block; font-size: 1.125rem; font-weight: 600; }
  }