:root {
  /* Market David shop palette (marketdavid.co.il) */
  --md-hp-brand: #ca5744;
  --md-hp-brand-dark: #a84635;
  --md-hp-brand-light: #fdf3f0;
  --md-hp-brand-mid: #f0d0c8;
  --md-hp-accent: #c30000;
  --md-hp-primary: #0f0f0f;
  --md-hp-primary-hover: #2a2a2a;
  --md-hp-on-primary: #ffffff;
  --md-hp-red: var(--md-hp-brand);
  --md-hp-red-dark: var(--md-hp-brand-dark);
  --md-hp-green: var(--md-hp-brand);
  --md-hp-green-dark: var(--md-hp-primary);
  --md-hp-green-light: var(--md-hp-brand-light);
  --md-hp-green-mid: var(--md-hp-brand-mid);
  --md-hp-gold: #d4820a;
  --md-hp-gold-light: #fff6e8;
  --md-hp-bg: #ffffff;
  --md-hp-card: #ffffff;
  --md-hp-text: #3c3a47;
  --md-hp-heading: #111111;
  --md-hp-muted: #6b7280;
  --md-hp-border: rgba(0, 0, 0, 0.08);
  --md-hp-radius: 18px;
  --md-hp-radius-sm: 14px;
  --md-hp-shadow: 0 10px 30px rgba(0,0,0,.06);
  --md-hp-shadow-sm: 0 4px 16px rgba(0,0,0,.05);
  --md-hp-max: 1200px;
  --md-hp-font: 'Heebo', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --md-hp-fs-xs: .84rem;
  --md-hp-fs-sm: .95rem;
  --md-hp-fs-base: 1.05rem;
  --md-hp-fs-md: 1.15rem;
  --md-hp-fs-lg: 1.3rem;
  --md-hp-fs-xl: 1.45rem;
  --md-hp-fs-2xl: clamp(1.45rem, 4.2vw, 2.05rem);
  --md-hp-lh-tight: 1.3;
  --md-hp-lh-normal: 1.6;
  --md-hp-lh-relaxed: 1.75;
}

/* Unified typography – homepage + modals */
.md-hp-root,
.md-hp-tip-modal,
.md-hp-tip-modal-dialog {
  font-family: var(--md-hp-font);
  font-size: var(--md-hp-fs-base);
  line-height: var(--md-hp-lh-normal);
  color: var(--md-hp-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.md-hp-root {
  max-width: var(--md-hp-max);
  margin: 0 auto;
  --md-hp-primary: var(--sm-primary, #0f0f0f);
  --md-hp-on-primary: var(--sm-on-primary, #ffffff);
  --md-hp-heading: var(--sm-text, #111111);
  --md-hp-green-dark: var(--md-hp-primary);
}
.md-hp-root h1,
.md-hp-root h2,
.md-hp-root h3,
.md-hp-root h4,
.md-hp-tip-modal h1,
.md-hp-tip-modal h2,
.md-hp-tip-modal h3,
.md-hp-tip-modal h4 {
  font-family: var(--md-hp-font);
}
.md-hp-section { padding: 18px 14px; }
.md-hp-section--alt {
  background: var(--md-hp-card);
  border-radius: var(--md-hp-radius);
  margin: 0 10px 14px;
  box-shadow: var(--md-hp-shadow-sm);
}
.md-hp-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 3px solid var(--md-hp-brand);
}
.md-hp-section-head h2 {
  margin: 0;
  font-family: var(--md-hp-font);
  font-size: var(--md-hp-fs-xl);
  font-weight: 800;
  color: var(--md-hp-heading);
  letter-spacing: -.02em;
  line-height: var(--md-hp-lh-tight);
}
.md-hp-section-head a {
  font-size: var(--md-hp-fs-sm);
  font-weight: 700;
  color: var(--md-hp-brand);
  text-decoration: none;
  white-space: nowrap;
}
.md-hp-section-head a:hover { color: var(--md-hp-accent); }

/* Hero – banner artboard 1200×420; mobile full-bleed */
.md-hp-hero-wrap { padding: 0 10px 8px; }
@media (max-width: 767px) {
  .md-hp-hero-wrap {
    padding: 0 0 8px;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .md-hp-hero-wrap > .md-hp-hero-tiles {
    padding: 0 10px;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.md-hp-hero {
  position: relative;
  overflow: hidden;
  border-radius: var(--md-hp-radius);
  background: var(--md-hp-brand-dark);
  width: 100%;
  aspect-ratio: 1200 / 420;
  min-height: 210px;
  box-shadow: var(--md-hp-shadow);
  border: 1px solid rgba(0,0,0,.06);
  touch-action: pan-y pinch-zoom;
}
@media (max-width: 767px) {
  .md-hp-hero {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .md-hp-hero { min-height: 280px; }
}
.md-hp-hero-track {
  position: absolute;
  inset: 0;
  display: flex;
  direction: ltr;
  transition: transform .45s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}
.md-hp-hero-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 22px 18px;
  overflow: hidden;
  box-sizing: border-box;
}
.md-hp-hero-slide-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
  z-index: 0;
  pointer-events: none;
}
/* Mobile/tablet: stretch image to banner frame (no crop; matches card height) */
@media (max-width: 1023px) {
  .md-hp-hero-slide-bg {
    object-fit: fill;
    object-position: center center;
  }
}
@media (min-width: 768px) {
  .md-hp-hero-slide { padding: 28px 32px; }
}
.md-hp-hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(202,87,68,.9) 0%, rgba(168,70,53,.94) 55%, rgba(15,15,15,.35) 100%);
  z-index: 1;
}
.md-hp-hero-slide--tint-produce::before {
  background: linear-gradient(120deg, rgba(202,87,68,.82) 0%, rgba(168,70,53,.9) 60%, rgba(15,15,15,.28) 100%);
}
.md-hp-hero-slide--tint-holiday::before {
  background: linear-gradient(120deg, rgba(168,70,53,.92) 0%, rgba(60,58,71,.9) 100%);
}
.md-hp-hero-slide--tint-red::before {
  background: linear-gradient(120deg, rgba(202,87,68,.94) 0%, rgba(195,0,0,.88) 55%, rgba(15,15,15,.35) 100%);
}
.md-hp-hero-slide--tint-gold::before {
  background: linear-gradient(120deg, rgba(212,130,10,.92) 0%, rgba(168,70,53,.9) 55%, rgba(15,15,15,.28) 100%);
}
.md-hp-hero-slide--tint-none::before {
  display: none;
  content: none;
}
.md-hp-hero-slide--tint-custom::before {
  background: var(--md-hp-slide-overlay, rgba(15,15,15,.45));
}
/* When a background image is set, keep the photo visible with a light bottom scrim for text */
.md-hp-hero-slide--has-image::before {
  background: linear-gradient(to top, rgba(15,15,15,.62) 0%, rgba(15,15,15,.18) 38%, transparent 72%);
}
.md-hp-hero-slide--has-image.md-hp-hero-slide--tint-red::before {
  background: linear-gradient(to top, rgba(195,0,0,.72) 0%, rgba(202,87,68,.28) 40%, transparent 75%);
}
.md-hp-hero-slide--has-image.md-hp-hero-slide--tint-gold::before {
  background: linear-gradient(to top, rgba(168,70,53,.7) 0%, rgba(212,130,10,.25) 40%, transparent 75%);
}
.md-hp-hero-slide--has-image.md-hp-hero-slide--tint-produce::before,
.md-hp-hero-slide--has-image.md-hp-hero-slide--tint-holiday::before {
  background: linear-gradient(to top, rgba(60,58,71,.68) 0%, rgba(168,70,53,.22) 40%, transparent 75%);
}
.md-hp-hero-slide--has-image.md-hp-hero-slide--tint-custom::before {
  background: linear-gradient(to top, var(--md-hp-slide-overlay, rgba(15,15,15,.55)) 0%, transparent 70%);
}
.md-hp-hero-slide--has-image.md-hp-hero-slide--tint-none::before {
  display: none;
  content: none;
}
.md-hp-align-right { text-align: right; }
.md-hp-align-center { text-align: center; }
.md-hp-align-left { text-align: left; }
.md-hp-hero-slide--align-right { justify-content: flex-end; }
.md-hp-hero-slide--align-center { justify-content: center; }
.md-hp-hero-slide--align-left { justify-content: flex-start; }
.md-hp-hero-content { position: relative; z-index: 2; max-width: 560px; text-align: right; }
.md-hp-tip-slider-loading {
  padding: 28px 16px;
  text-align: center;
  color: var(--md-hp-muted);
  font-size: var(--md-hp-fs-sm);
}
.md-hp-hero-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--md-hp-red);
  color: #fff;
  font-size: var(--md-hp-fs-xs);
  font-weight: 800;
  box-shadow: 0 6px 16px rgba(202,87,68,.28);
}
.md-hp-hero h1,
.md-hp-hero h2.md-hp-hero-title {
  margin: 0 0 8px;
  font-family: var(--md-hp-font);
  font-size: var(--md-hp-fs-2xl);
  font-weight: 800;
  color: #fff;
  line-height: var(--md-hp-lh-tight);
  text-shadow: 0 2px 12px rgba(0,0,0,.15);
}
.md-hp-hero p,
.md-hp-hero-text {
  margin: 0 0 14px;
  color: rgba(255,255,255,.95);
  font-size: var(--md-hp-fs-sm);
  line-height: var(--md-hp-lh-normal);
}
.md-hp-hero-text p:last-child { margin-bottom: 0; }
.md-hp-hero-text h1,
.md-hp-hero-text h2,
.md-hp-hero-text h3 {
  margin: 0 0 8px;
  color: #fff;
  line-height: var(--md-hp-lh-tight);
}
.md-hp-hero-slide--media-only {
  align-items: flex-end;
}
.md-hp-hero-slide--media-only.md-hp-hero-slide--align-center {
  justify-content: center;
}
.md-hp-hero-slide--media-only.md-hp-hero-slide--align-left {
  justify-content: flex-start;
}
.md-hp-hero-slide-hit {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
}
button.md-hp-hero-slide-hit {
  font: inherit;
  color: inherit;
}
.md-hp-hero-slide--clickable {
  cursor: pointer;
}
.md-hp-hero-slide--clickable .md-hp-hero-content {
  pointer-events: none;
}
.md-hp-hero-slide--clickable .md-hp-hero-content .md-hp-btn,
.md-hp-hero-slide--clickable .md-hp-hero-content a.md-hp-btn,
.md-hp-hero-slide--clickable .md-hp-hero-content button.md-hp-btn {
  pointer-events: auto;
  position: relative;
  z-index: 3;
}
.md-hp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  border-radius: 999px;
  font-family: var(--md-hp-font);
  font-weight: 700;
  font-size: var(--md-hp-fs-sm);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
}
.md-hp-btn:active { transform: scale(.97); }
.md-hp-btn--primary {
  background: var(--md-hp-on-primary);
  color: var(--md-hp-primary);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
}
.md-hp-btn--red {
  background: var(--md-hp-brand);
  color: var(--md-hp-on-primary);
  box-shadow: 0 8px 20px rgba(202,87,68,.25);
}
.md-hp-btn--dark {
  background: var(--md-hp-primary);
  color: var(--md-hp-on-primary);
  box-shadow: 0 8px 20px rgba(15,15,15,.2);
}
.md-hp-btn--outline {
  background: rgba(255,255,255,.12);
  color: #fff;
  border: 2px solid rgba(255,255,255,.75);
  backdrop-filter: blur(4px);
}
.md-hp-hero-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 38px; height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(23,32,51,.45);
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(4px);
}
.md-hp-hero-nav--prev { right: 8px; }
.md-hp-hero-nav--next { left: 8px; }
.md-hp-hero-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  z-index: 3;
}
.md-hp-hero-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,.45);
  cursor: pointer;
  padding: 0;
}
.md-hp-hero-dot.is-active {
  background: #fff;
  width: 22px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

/* Hero mini tiles */
.md-hp-hero-tiles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 10px;
}
@media (min-width: 600px) { .md-hp-hero-tiles { grid-template-columns: repeat(4, 1fr); gap: 10px; } }
.md-hp-hero-tile {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--md-hp-radius-sm);
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--md-hp-shadow-sm);
  text-decoration: none;
  color: var(--md-hp-text);
  min-height: 56px;
  transition: transform .15s, border-color .15s;
}
.md-hp-hero-tile:hover {
  transform: translateY(-1px);
  border-color: rgba(202,87,68,.28);
}
.md-hp-hero-tile--red { border-color: rgba(202,87,68,.22); background: linear-gradient(135deg, #fff 0%, var(--md-hp-brand-light) 100%); }
.md-hp-hero-tile--green { border-color: rgba(202,87,68,.18); background: linear-gradient(135deg, #fff 0%, var(--md-hp-brand-light) 100%); }
.md-hp-hero-tile--gold { border-color: rgba(212,130,10,.28); background: linear-gradient(135deg, #fff 0%, var(--md-hp-gold-light) 100%); }
.md-hp-hero-tile-icon {
  flex: 0 0 36px;
  width: 36px; height: 36px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--md-hp-green-light);
  display: flex; align-items: center; justify-content: center;
}
.md-hp-hero-tile-icon img { width: 100%; height: 100%; object-fit: cover; }
.md-hp-hero-tile {
  font: inherit;
  width: 100%;
  text-align: inherit;
  cursor: pointer;
}
.md-hp-hero-tile-text {
  min-width: 0;
  flex: 1;
}
.md-hp-hero-tile-title {
  display: block;
  font-size: var(--md-hp-fs-sm);
  font-weight: 700;
  line-height: 1.25;
  color: var(--md-hp-text);
  letter-spacing: -.01em;
}
.md-hp-hero-tile-sub {
  display: block;
  font-size: var(--md-hp-fs-xs);
  font-weight: 600;
  color: var(--md-hp-muted);
  margin-top: 3px;
  line-height: 1.3;
}
.md-hp-hero-tile-text .md-hp-mini-badge {
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .md-hp-hero-wrap > .md-hp-hero-tiles {
    gap: 6px;
    margin-top: 6px;
    padding: 0 8px;
    align-items: stretch;
  }

  .md-hp-hero-tile {
    position: relative;
    gap: 0;
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    align-items: stretch;
    align-content: start;
    min-height: 0;
    height: 100%;
    padding: 8px 10px 8px 28px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    -webkit-tap-highlight-color: transparent;
  }

  .md-hp-hero-tile:active {
    transform: scale(0.985);
  }

  .md-hp-hero-tile-icon {
    display: none !important;
  }

  .md-hp-hero-tile-text {
    display: contents;
  }

  .md-hp-hero-tile-badge {
    grid-row: 1;
    align-self: start;
    justify-self: start;
    margin: 0;
  }

  .md-hp-hero-tile-text .md-hp-mini-badge,
  .md-hp-hero-tile-badge.md-hp-mini-badge {
    margin-bottom: 0;
    padding: 2px 7px;
    font-size: .7rem;
    line-height: 1.2;
  }

  .md-hp-hero-tile-title {
    grid-row: 2;
    align-self: start;
    font-size: .94rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.015em;
    margin: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
  }

  .md-hp-hero-tile-sub {
    grid-row: 3;
    align-self: start;
    margin: 0;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--md-hp-muted);
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
  }

  .md-hp-hero-tile-slot {
    display: block;
    height: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
  }

  .md-hp-hero-tile::after {
    content: '‹';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
    color: var(--md-hp-brand);
    opacity: .8;
    pointer-events: none;
  }
}

@supports not (grid-template-rows: subgrid) {
  @media (max-width: 767px) {
    .md-hp-hero-tile {
      display: flex;
      align-items: center;
    }

    .md-hp-hero-tile-text {
      display: grid;
      grid-template-rows: auto auto auto;
      width: 100%;
      align-content: start;
      gap: 2px;
    }

    .md-hp-hero-tile-badge { grid-row: 1; }
    .md-hp-hero-tile-title { grid-row: 2; }
    .md-hp-hero-tile-sub { grid-row: 3; }
  }
}

/* Category chips */
.md-hp-chips-wrap { padding-top: 6px; }
.md-hp-chips {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 4px 2px 8px;
  scrollbar-width: none;
}
.md-hp-chips::-webkit-scrollbar { display: none; }
.md-hp-chip {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--md-hp-text);
  min-width: 76px;
}
.md-hp-chip-icon {
  width: 62px; height: 62px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid rgba(202,87,68,.18);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
  box-shadow: var(--md-hp-shadow-sm);
  transition: border-color .15s, transform .15s;
}
.md-hp-chip:hover .md-hp-chip-icon {
  border-color: var(--md-hp-red);
  transform: translateY(-2px);
}
.md-hp-chip-icon img { width: 100%; height: 100%; object-fit: cover; }
.md-hp-chip-icon-fallback {
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--md-hp-green);
}
.md-hp-chip-label {
  font-size: var(--md-hp-fs-sm);
  font-weight: 800;
  text-align: center;
  max-width: 88px;
  line-height: 1.3;
  color: var(--md-hp-text);
  letter-spacing: -.01em;
}

/* Category grid slider */
.md-hp-cat-slider {
  position: relative;
}
.md-hp-cat-slider-viewport {
  overflow: hidden;
  border-radius: var(--md-hp-radius-sm);
  width: 100%;
  container-type: inline-size;
  container-name: md-hp-cat-viewport;
}
.md-hp-cat-slider-track {
  display: flex;
  direction: ltr;
  transition: transform .4s cubic-bezier(.4,0,.2,1);
  will-change: transform;
  touch-action: pan-y;
}
.md-hp-cat-slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  display: grid;
  gap: 6px;
  min-width: 0;
  box-sizing: border-box;
}
@supports (width: 100cqw) {
  .md-hp-cat-slide {
    flex: 0 0 100cqw;
    width: 100cqw;
    min-width: 100cqw;
    max-width: 100cqw;
  }
}
.md-hp-cat-slider--4x3 .md-hp-cat-slide,
.md-hp-cat-slider--3x3 .md-hp-cat-slide {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(3, auto);
  gap: 6px;
}
@media (min-width: 768px) {
  .md-hp-cat-slider--4x3 .md-hp-cat-slide,
  .md-hp-cat-slider--3x3 .md-hp-cat-slide { gap: 10px; }
}
.md-hp-cat-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,.95);
  color: var(--md-hp-heading);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--md-hp-shadow-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .15s, transform .15s;
}
.md-hp-cat-slider-nav:hover { background: #fff; transform: translateY(-50%) scale(1.05); }
.md-hp-cat-slider-nav--prev { right: -4px; }
.md-hp-cat-slider-nav--next { left: -4px; }
@media (min-width: 768px) {
  .md-hp-cat-slider-nav { width: 38px; height: 38px; }
  .md-hp-cat-slider-nav--prev { right: -8px; }
  .md-hp-cat-slider-nav--next { left: -8px; }
}
.md-hp-cat-slider-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
}
.md-hp-cat-slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: none;
  padding: 0;
  background: rgba(202,87,68,.25);
  cursor: pointer;
  transition: transform .15s, background .15s;
}
.md-hp-cat-slider-dot.is-active {
  background: var(--md-hp-brand);
  transform: scale(1.2);
}
.md-hp-cat-slider-foot {
  display: flex;
  justify-content: center;
  margin-top: 14px;
}
.md-hp-cat-all-btn { min-width: 200px; justify-content: center; }
.md-hp-btn--green-outline {
  background: #fff;
  color: var(--md-hp-primary);
  border: 2px solid var(--md-hp-primary);
}
.md-hp-btn--green-outline:hover {
  background: #f5f5f5;
}
.md-hp-cat-card {
  display: block;
  text-decoration: none;
  color: inherit;
  background: var(--md-hp-card);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--md-hp-shadow-sm);
  transition: transform .2s, box-shadow .2s;
  content-visibility: auto;
  contain-intrinsic-size: 110px;
}
.md-hp-cat-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--md-hp-shadow);
}
.md-hp-cat-card-img {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  background: linear-gradient(135deg, var(--md-hp-green-light) 0%, var(--md-hp-green-mid) 100%);
  overflow: hidden;
  display: block;
}
.md-hp-cat-card-img .md-hp-chip-icon-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}
.md-hp-cat-slider--4x3 .md-hp-cat-card-body,
.md-hp-cat-slider--3x3 .md-hp-cat-card-body {
  padding: 5px 6px 7px;
  border-top-width: 2px;
}
.md-hp-cat-slider--4x3 .md-hp-cat-card-body strong,
.md-hp-cat-slider--3x3 .md-hp-cat-card-body strong {
  font-size: var(--md-hp-fs-xs);
  line-height: var(--md-hp-lh-tight);
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.md-hp-cat-slider--4x3 .md-hp-cat-card-count,
.md-hp-cat-slider--3x3 .md-hp-cat-card-count {
  font-size: .68rem;
  margin-top: 2px;
}
@media (max-width: 479px) {
  .md-hp-cat-slider--4x3 .md-hp-cat-card-count,
  .md-hp-cat-slider--3x3 .md-hp-cat-card-count { display: none; }
}
@media (min-width: 768px) {
  .md-hp-cat-slider--4x3 .md-hp-cat-card-body,
  .md-hp-cat-slider--3x3 .md-hp-cat-card-body {
    padding: 8px 10px 10px;
    border-top-width: 3px;
  }
  .md-hp-cat-slider--4x3 .md-hp-cat-card-body strong,
  .md-hp-cat-slider--3x3 .md-hp-cat-card-body strong { font-size: var(--md-hp-fs-sm); }
  .md-hp-cat-slider--4x3 .md-hp-cat-card-count,
  .md-hp-cat-slider--3x3 .md-hp-cat-card-count { font-size: .78rem; margin-top: 3px; }
}
.md-hp-cat-slider--4x3 .md-hp-chip-icon-fallback,
.md-hp-cat-slider--3x3 .md-hp-chip-icon-fallback { font-size: .9rem; }
.md-hp-cat-card-img img,
.md-hp-cat-card-img .md-hp-cat-card-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center;
  display: block;
}
.md-hp-cat-card-body {
  padding: 8px 10px 10px;
  border-top: 2px solid var(--md-hp-brand);
}
.md-hp-cat-card-body strong {
  display: block;
  font-size: var(--md-hp-fs-sm);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.01em;
}
.md-hp-cat-card-count {
  display: block;
  margin-top: 3px;
  font-size: .78rem;
  color: var(--md-hp-muted);
  font-weight: 600;
}

.md-hp-tip-modal-content .sm-slider {
  margin: 0;
  padding: 10px;
  border: none;
  box-shadow: none;
  background: transparent;
}

/* Mini banners grid */
.md-hp-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 768px) { .md-hp-mini-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; } }
.md-hp-mini-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-radius: var(--md-hp-radius-sm);
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--md-hp-shadow-sm);
  background: #fff;
  min-height: 140px;
  transition: transform .15s;
  content-visibility: auto;
  contain-intrinsic-size: 150px;
}
.md-hp-mini-card:hover { transform: translateY(-2px); }
.md-hp-mini-card--red .md-hp-mini-card-body { border-top-color: var(--md-hp-red); }
.md-hp-mini-card--green .md-hp-mini-card-body { border-top-color: var(--md-hp-brand); }
.md-hp-mini-card--gold .md-hp-mini-card-body { border-top-color: var(--md-hp-gold); }
.md-hp-mini-card-img {
  height: 72px;
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  overflow: hidden;
  position: relative;
}
.md-hp-mini-card-img img { width: 100%; height: 100%; object-fit: cover; }
.md-hp-mini-card-body {
  padding: 10px 10px 12px;
  border-top: 3px solid var(--md-hp-brand);
  flex: 1;
}
.md-hp-mini-badge {
  display: inline-block;
  margin-bottom: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--md-hp-red);
  color: #fff;
  font-size: .65rem;
  font-weight: 800;
}
.md-hp-mini-card--green .md-hp-mini-badge { background: var(--md-hp-brand); }
.md-hp-mini-card--gold .md-hp-mini-badge { background: var(--md-hp-gold); color: #fff; }
.md-hp-mini-card-body strong {
  display: block;
  font-size: var(--md-hp-fs-sm);
  font-weight: 700;
  line-height: var(--md-hp-lh-tight);
}
.md-hp-mini-card-body span {
  display: block;
  margin-top: 3px;
  font-size: var(--md-hp-fs-xs);
  color: var(--md-hp-muted);
  line-height: var(--md-hp-lh-normal);
}

/* Wide image banner */
.md-hp-banner {
  border-radius: var(--md-hp-radius);
  overflow: hidden;
  box-shadow: var(--md-hp-shadow-sm);
  border: 1px solid rgba(0,0,0,.06);
}
.md-hp-banner img { display: block; width: 100%; height: auto; }

/* Services */
.md-hp-services {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (min-width: 768px) { .md-hp-services { grid-template-columns: repeat(3, 1fr); gap: 14px; } }
.md-hp-service {
  background: var(--md-hp-card);
  border-radius: var(--md-hp-radius-sm);
  padding: 16px 12px;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: var(--md-hp-shadow-sm);
  text-align: inherit;
}
.md-hp-service-icon {
  width: 46px; height: 46px;
  margin: 0 auto 10px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--md-hp-green-light) 0%, var(--md-hp-green-mid) 100%);
  display: flex; align-items: center; justify-content: center;
  color: var(--md-hp-brand);
}
.md-hp-service-icon svg { width: 22px; height: 22px; }
.md-hp-service h3 { margin: 0 0 6px; font-family: var(--md-hp-font); font-size: var(--md-hp-fs-sm); font-weight: 700; line-height: var(--md-hp-lh-tight); }
.md-hp-service p,
.md-hp-service-text { margin: 0; font-size: var(--md-hp-fs-xs); color: var(--md-hp-muted); line-height: var(--md-hp-lh-normal); }
.md-hp-service-text p:last-child { margin-bottom: 0; }

/* Promo strip */
.md-hp-promo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(90deg, var(--md-hp-brand) 0%, #d46a55 100%);
  color: #fff;
  text-align: inherit;
  padding: 13px 18px;
  font-weight: 700;
  font-size: var(--md-hp-fs-sm);
  border-radius: var(--md-hp-radius-sm);
  margin: 0 10px 12px;
  box-shadow: 0 8px 22px rgba(202,87,68,.22);
}
.md-hp-promo a { color: inherit; text-decoration: none; }
.md-hp-promo.md-hp-align-left { justify-content: flex-start; }
.md-hp-promo.md-hp-align-center { justify-content: center; }
.md-hp-promo.md-hp-align-right { justify-content: flex-end; }

/* SEO */
.md-hp-seo h2 {
  margin: 0 0 12px;
  font-size: var(--md-hp-fs-xl);
  font-weight: 800;
  color: var(--md-hp-heading);
  border-bottom: 3px solid var(--md-hp-brand);
  padding-bottom: 8px;
  display: inline-block;
  line-height: var(--md-hp-lh-tight);
}
.md-hp-seo .md-hp-seo-body { color: var(--md-hp-muted); font-size: var(--md-hp-fs-sm); line-height: var(--md-hp-lh-relaxed); }
.md-hp-seo .md-hp-seo-body p { margin: 0 0 12px; }
.md-hp-seo .md-hp-seo-body ul { margin: 0; padding: 0 18px 0 0; }
.md-hp-seo .md-hp-seo-body li { margin-bottom: 6px; }
.md-hp-seo .md-hp-seo-body strong { color: var(--md-hp-text); }

/* CTA – support card (matches site friendly tone) */
.md-hp-cta {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #fffaf8 100%);
  border: 1px solid rgba(202,87,68,.16);
  border-radius: var(--md-hp-radius);
  padding: 28px 18px 24px;
  text-align: inherit;
  box-shadow: var(--md-hp-shadow-sm);
  margin: 0 10px;
}
.md-hp-cta-actions { text-align: inherit; }
.md-hp-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--md-hp-brand) 0%, #d46a55 100%);
}
.md-hp-cta-icon {
  font-size: 2.1rem;
  line-height: 1;
  margin-bottom: 8px;
}
.md-hp-cta h2 {
  margin: 0 0 10px;
  font-size: var(--md-hp-fs-lg);
  font-weight: 800;
  color: var(--md-hp-heading);
  line-height: var(--md-hp-lh-tight);
}
.md-hp-cta p {
  margin: 0 auto 18px;
  max-width: 400px;
  font-size: var(--md-hp-fs-sm);
  line-height: var(--md-hp-lh-relaxed);
  color: var(--md-hp-muted);
}
.md-hp-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 300px;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .md-hp-cta-actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    max-width: none;
  }
}
.md-hp-btn--wa {
  background: #25d366;
  color: #fff;
  box-shadow: 0 6px 18px rgba(37,211,102,.22);
}
.md-hp-btn--phone {
  background: var(--md-hp-primary);
  color: var(--md-hp-on-primary);
  box-shadow: 0 6px 18px rgba(15,15,15,.18);
}

.md-hp-fade { opacity: 0; transform: translateY(10px); transition: opacity .45s, transform .45s; }
.md-hp-fade.is-visible { opacity: 1; transform: none; }

.md-hp-empty {
  padding: 24px;
  text-align: center;
  font-size: var(--md-hp-fs-sm);
  color: var(--md-hp-muted);
  background: var(--md-hp-card);
  border-radius: var(--md-hp-radius);
  margin: 16px;
  border: 1px dashed rgba(0,0,0,.12);
}

/* Tip modal (md-live-search back-button pattern) */
html.md-hp-tip-open { overflow: hidden; }
.md-hp-tip-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
@media (min-width: 600px) {
  .md-hp-tip-modal { padding: 24px; }
}
.md-hp-tip-modal[hidden] { display: none !important; }
.md-hp-tip-modal-backdrop {
  position: absolute;
  inset: 0;
  border: none;
  background: rgba(23,32,51,.5);
  backdrop-filter: blur(3px);
  cursor: pointer;
}
.md-hp-tip-modal-dialog {
  position: relative;
  z-index: 2;
  width: min(100%, 600px);
  max-height: min(92vh, 820px);
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0,0,0,.22);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  direction: rtl;
  animation: md-hp-tip-in .28s ease;
}
@media (min-width: 768px) {
  .md-hp-tip-modal-dialog {
    width: min(100%, 740px);
    max-height: min(94vh, 920px);
  }
}
@media (min-width: 1024px) {
  .md-hp-tip-modal-dialog {
    width: min(100%, 900px);
    max-height: min(94vh, 980px);
    border-radius: 22px;
  }
  .md-hp-tip-modal-head {
    padding: 22px 28px 14px;
  }
  .md-hp-tip-modal-body {
    padding: 20px 28px;
  }
  .md-hp-tip-modal-head h3 {
    font-size: var(--md-hp-fs-xl);
  }
}
@keyframes md-hp-tip-in {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.md-hp-tip-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 18px 20px 12px;
  border-bottom: 3px solid var(--md-hp-brand);
}
.md-hp-tip-modal-hero {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--md-hp-brand-light);
  flex-shrink: 0;
  line-height: 0;
}
.md-hp-tip-modal-hero[hidden] { display: none !important; }
.md-hp-tip-modal-hero img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}
.md-hp-tip-modal-head h3 {
  margin: 0;
  font-family: var(--md-hp-font);
  font-size: var(--md-hp-fs-lg);
  font-weight: 800;
  color: var(--md-hp-heading);
  line-height: var(--md-hp-lh-tight);
  letter-spacing: -.02em;
}
.md-hp-tip-modal-close {
  width: 36px; height: 36px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 50%;
  background: #fff;
  font-family: var(--md-hp-font);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  color: var(--md-hp-text);
}
.md-hp-tip-modal-body {
  padding: 16px 20px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.md-hp-tip-modal-content {
  font-size: var(--md-hp-fs-base);
  line-height: var(--md-hp-lh-relaxed);
  color: var(--md-hp-muted);
  font-weight: 400;
}
.md-hp-tip-modal-content--slider {
  padding: 0;
  margin: 0 -8px;
  overflow: hidden;
  width: calc(100% + 16px);
}
.md-hp-tip-modal-content--slider .sm-slider {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.md-hp-tip-modal-content--slider .sm-slider-head {
  padding-inline: 8px;
}
.md-hp-tip-modal-content--slider .sm-slider-stage {
  width: 100%;
}
.md-hp-tip-modal-content--slider .sm-slider-viewport {
  width: 100%;
}
.md-hp-tip-modal:has(.md-hp-tip-modal-content--slider) .md-hp-tip-modal-dialog {
  width: min(100%, 760px);
}
@media (min-width: 1024px) {
  .md-hp-tip-modal:has(.md-hp-tip-modal-content--slider) .md-hp-tip-modal-dialog {
    width: min(100%, 940px);
  }
}
.md-hp-mini-card[type="button"],
button.md-hp-mini-card,
button.md-hp-service--action {
  width: 100%;
  border: 0;
  background: transparent;
  font: inherit;
  color: inherit;
  text-align: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
button.md-hp-service--action {
  display: block;
}
.md-hp-tip-modal-content p { margin: 0 0 12px; }
.md-hp-tip-modal-content p:last-child { margin-bottom: 0; }
.md-hp-tip-modal-content br { line-height: 1.6; }
.md-hp-tip-modal-content strong { color: var(--md-hp-heading); font-weight: 700; }
.md-hp-tip-modal-content ul,
.md-hp-tip-modal-content ol {
  margin: 0 0 12px;
  padding: 0 1.2em 0 0;
}
.md-hp-tip-modal-content li { margin-bottom: 6px; }
.md-hp-tip-modal-content a {
  color: var(--md-hp-brand);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.md-hp-tip-modal-slider {
  position: relative;
  overflow: hidden;
}
.md-hp-tip-modal-slider[hidden] { display: none !important; }
.md-hp-tip-modal-track {
  display: flex;
  direction: ltr;
  transition: transform .35s ease;
}
.md-hp-tip-modal-slide {
  flex: 0 0 100%;
  padding: 0 2px;
}
.md-hp-tip-modal-slide h4 {
  margin: 0 0 10px;
  font-family: var(--md-hp-font);
  font-size: var(--md-hp-fs-md);
  font-weight: 700;
  color: var(--md-hp-heading);
  line-height: var(--md-hp-lh-tight);
}
.md-hp-tip-modal-slide p,
.md-hp-tip-modal-slide-text {
  margin: 0;
  font-size: var(--md-hp-fs-sm);
  line-height: var(--md-hp-lh-relaxed);
  color: var(--md-hp-muted);
}
.md-hp-tip-modal-slide-text p:last-child { margin-bottom: 0; }
.md-hp-tip-modal-slide-text h1,
.md-hp-tip-modal-slide-text h2,
.md-hp-tip-modal-slide-text h3 {
  margin: 0 0 8px;
  color: var(--md-hp-heading);
  line-height: var(--md-hp-lh-tight);
}
.md-hp-tip-modal-slide-img {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
  background: var(--md-hp-green-light);
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-hp-tip-modal-slide-img img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center center;
}
.md-hp-tip-modal-nav {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  width: 32px; height: 32px;
  border-radius: 50%;
  border: none;
  background: rgba(23,32,51,.5);
  color: #fff;
  cursor: pointer;
}
.md-hp-tip-modal-nav--prev { right: 4px; }
.md-hp-tip-modal-nav--next { left: 4px; }
.md-hp-tip-modal-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}
.md-hp-tip-modal-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,.15);
  padding: 0;
  cursor: pointer;
}
.md-hp-tip-modal-dot.is-active {
  background: var(--md-hp-red);
  width: 18px;
  border-radius: 4px;
}
.md-hp-tip-modal-foot {
  padding: 12px 18px 18px;
  border-top: 1px solid rgba(0,0,0,.06);
}
.md-hp-tip-modal-foot[hidden] { display: none !important; }
.md-hp-tip-modal-foot .md-hp-btn {
  width: 100%;
  justify-content: center;
  font-size: var(--md-hp-fs-sm);
}
.md-hp-tip-modal .sm-slider,
.md-hp-tip-modal .sm-slider *:not(svg):not(path) {
  font-family: var(--md-hp-font);
}
.md-hp-tip-modal .sm-slider h2,
.md-hp-tip-modal .sm-slider h3 {
  font-weight: 700;
  color: var(--md-hp-heading);
}

/* Desktop: full-bleed hero + centered content rail (mobile unchanged) */
@media (min-width: 1024px) {
  .md-hp-root {
    max-width: none;
    width: 100%;
    --md-hp-desktop-rail: 1180px;
    --md-hp-desktop-gutter: clamp(20px, 2.4vw, 36px);
    background: linear-gradient(180deg, #f7f8fa 0%, #ffffff 280px);
  }

  .md-hp-hero-wrap {
    padding: 0 max(var(--md-hp-desktop-gutter), calc((100% - var(--md-hp-desktop-rail)) / 2));
    margin-bottom: 4px;
  }

  .md-hp-hero {
    border-radius: var(--md-hp-radius);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: var(--md-hp-shadow);
    width: 100%;
    max-width: var(--md-hp-desktop-rail);
    margin: 0 auto;
    aspect-ratio: 1200 / 420;
    max-height: 420px;
    min-height: 320px;
  }

  .md-hp-hero-slide {
    padding: 28px 32px;
  }

  .md-hp-hero-slide-bg {
    object-fit: cover;
    object-position: center center;
  }

  .md-hp-hero-content {
    max-width: 440px;
  }

  .md-hp-hero h1,
  .md-hp-hero h2.md-hp-hero-title {
    font-size: clamp(1.5rem, 1.65vw, 1.85rem);
    margin-bottom: 6px;
  }

  .md-hp-hero p,
  .md-hp-hero-text {
    font-size: .94rem;
    margin-bottom: 12px;
  }

  .md-hp-hero-nav--prev { right: 14px; }
  .md-hp-hero-nav--next { left: 14px; }

  .md-hp-hero-wrap > .md-hp-hero-tiles {
    width: min(var(--md-hp-desktop-rail), calc(100% - var(--md-hp-desktop-gutter) * 2));
    margin: 12px auto 4px;
    gap: 12px;
  }

  .md-hp-hero-tile {
    min-height: 62px;
    padding: 10px 12px;
  }

  .md-hp-hero-tile-title {
    font-size: .9rem;
  }

  .md-hp-hero-tile-sub {
    font-size: .78rem;
  }

  .md-hp-section {
    width: min(var(--md-hp-desktop-rail), calc(100% - var(--md-hp-desktop-gutter) * 2));
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0;
  }

  .md-hp-section--alt {
    margin-bottom: 18px;
    padding: 20px 18px;
    border-radius: var(--md-hp-radius);
    border: 1px solid var(--md-hp-border);
    box-shadow: var(--md-hp-shadow-sm);
  }

  .md-hp-section-head {
    margin-bottom: 14px;
    padding-bottom: 8px;
  }

  .md-hp-section-head h2 {
    font-size: 1.22rem;
  }

  .md-hp-chips-wrap {
    padding-top: 8px;
    padding-bottom: 4px;
  }

  .md-hp-chips {
    flex-wrap: wrap;
    justify-content: center;
    overflow-x: visible;
    gap: 12px 16px;
    padding: 4px 0 8px;
  }

  .md-hp-chip {
    min-width: 64px;
  }

  .md-hp-chip-icon {
    width: 54px;
    height: 54px;
  }

  .md-hp-chip-label {
    font-size: .84rem;
    max-width: 76px;
  }

  .md-hp-cat-slider--4x3 .md-hp-cat-slide,
  .md-hp-cat-slider--3x3 .md-hp-cat-slide {
    gap: 10px;
  }

  .md-hp-cat-slider--4x3 .md-hp-cat-card-body strong,
  .md-hp-cat-slider--3x3 .md-hp-cat-card-body strong {
    font-size: .82rem;
  }

  .md-hp-mini-grid {
    gap: 12px;
  }

  .md-hp-mini-card {
    min-height: 124px;
  }

  .md-hp-mini-card-img {
    height: 64px;
  }

  .md-hp-mini-card-body strong {
    font-size: .9rem;
  }

  .md-hp-services {
    gap: 14px;
  }

  .md-hp-service {
    padding: 16px 12px;
  }

  .md-hp-service-icon {
    width: 42px;
    height: 42px;
    margin-bottom: 8px;
  }

  .md-hp-service h3 {
    font-size: .92rem;
  }

  .md-hp-promo {
    width: min(var(--md-hp-desktop-rail), calc(100% - var(--md-hp-desktop-gutter) * 2));
    margin: 0 auto 16px;
    border-radius: var(--md-hp-radius-sm);
    padding: 12px 22px;
    font-size: .92rem;
  }

  .md-hp-seo h2 {
    font-size: 1.22rem;
  }

  .md-hp-seo .md-hp-seo-body {
    max-width: 68ch;
    font-size: .92rem;
  }

  .md-hp-cta {
    margin: 0 auto;
    max-width: 640px;
    border-radius: var(--md-hp-radius);
    padding: 28px 24px;
  }

  .md-hp-cta h2 {
    font-size: 1.15rem;
  }

  .md-hp-cta-icon {
    font-size: 1.75rem;
  }

  .md-hp-banner {
    border-radius: var(--md-hp-radius);
    max-height: 260px;
  }

  .md-hp-banner img {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
  }

  .md-hp-section .md-hp-btn,
  .md-hp-hero .md-hp-btn {
    padding: 10px 18px;
    font-size: .9rem;
  }

  .md-hp-cat-all-btn {
    min-width: 180px;
  }
}

@media (min-width: 1400px) {
  .md-hp-root {
    --md-hp-desktop-rail: 1240px;
  }
}