.hskb-module,
.hskb-single {
  --hskb-green: #073c36;
  --hskb-green-2: #0c5148;
  --hskb-orange: #ff8317;
  --hskb-orange-hover: #df6700;
  --hskb-orange-soft: #fff1e3;
  --hskb-ink: #07342f;
  --hskb-muted: #607a76;
  --hskb-line: #d5e1de;
  --hskb-soft: #f1f7f5;
  --hskb-white: #fff;
  --hskb-shadow: 0 20px 48px rgba(4, 51, 45, .09);
  --hskb-module-bg: transparent;
  --hskb-hero-bg: #fff;
  --hskb-filter-bg: #fff;
  --hskb-section-bg: #fff;
  --hskb-input-bg: #fff;
  --hskb-cta-bg: #073c36;
  --hskb-button-text: #fff;
  --hskb-single-bg: #f0f7f5;
  --hskb-single-bottom-bg: #fff;
  --hskb-font-body: inherit;
  --hskb-font-heading: inherit;
  --hskb-base-size: 16px;
  --hskb-line-height: 1.55;
  --hskb-body-weight: 400;
  --hskb-heading-weight: 750;
  --hskb-h1-size: 68px;
  --hskb-h1-mobile-size: 48px;
  --hskb-h2-size: 42px;
  --hskb-h2-mobile-size: 34px;
  --hskb-h3-size: 25px;
  --hskb-h3-mobile-size: 22px;
  --hskb-hero-description: 19px;
  --hskb-card-text: 13px;
  --hskb-button-size: 13px;
  --hskb-eyebrow-size: 12px;
  --hskb-heading-spacing: -.04em;
  --hskb-border-width: 1px;
  --hskb-border-style: solid;
  --hskb-radius-main: 24px;
  --hskb-radius-card: 20px;
  --hskb-radius-featured: 18px;
  --hskb-radius-input: 14px;
  --hskb-radius-button: 11px;
  --hskb-radius-pill: 999px;
  --hskb-module-width: 1220px;
  --hskb-margin-top: 16px;
  --hskb-margin-bottom: 56px;
  --hskb-mobile-gutter: 10px;
  --hskb-hero-height: 448px;
  --hskb-hero-text-width: 54%;
  --hskb-hero-padding-y: 64px;
  --hskb-hero-padding-x: 64px;
  --hskb-featured-padding-y: 24px;
  --hskb-featured-padding-x: 26px;
  --hskb-filter-margin-top: 40px;
  --hskb-filter-margin-x: 0px;
  --hskb-filter-padding-y: 22px;
  --hskb-filter-padding-x: 26px;
  --hskb-section-gap: 34px;
  --hskb-section-padding-y: 52px;
  --hskb-section-padding-x: 52px;
  --hskb-grid-gap: 20px;
  --hskb-columns-desktop: 2;
  --hskb-columns-tablet: 1;
  --hskb-columns-mobile: 1;
  --hskb-card-image-width: 42%;
  --hskb-card-height: 270px;
  --hskb-card-padding-y: 26px;
  --hskb-card-padding-x: 24px;
  --hskb-cta-height: 360px;
  --hskb-cta-image-width: 42%;
  --hskb-cta-padding-y: 68px;
  --hskb-cta-padding-x: 68px;
  --hskb-single-width: 980px;
  --hskb-single-text-width: 780px;
  --hskb-product-columns: 3;
  color: var(--hskb-ink);
  font-family: var(--hskb-font-body);
  font-size: var(--hskb-base-size);
  font-weight: var(--hskb-body-weight);
  line-height: var(--hskb-line-height);
}

.hskb-module *,
.hskb-single * { box-sizing: border-box; }

.hskb-module {
  width: min(calc(100% - 32px), var(--hskb-module-width));
  margin: var(--hskb-margin-top) auto var(--hskb-margin-bottom);
  background: var(--hskb-module-bg);
}

.hskb-module a,
.hskb-single a { text-decoration: none; }

.hskb-hero {
  display: grid;
  grid-template-columns: minmax(0, var(--hskb-hero-text-width)) minmax(0, 1fr);
  min-height: var(--hskb-hero-height);
  overflow: hidden;
  border: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line);
  border-radius: var(--hskb-radius-main);
  background: var(--hskb-hero-bg);
  box-shadow: var(--hskb-shadow);
}

.hskb-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--hskb-hero-padding-y) var(--hskb-hero-padding-x);
  position: relative;
  z-index: 2;
}

.hskb-breadcrumb,
.hskb-single-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 34px;
  color: var(--hskb-muted);
  font-size: 12px;
  font-weight: 650;
}

.hskb-breadcrumb a,
.hskb-single-breadcrumb a { color: var(--hskb-ink); }
.hskb-breadcrumb a:hover,
.hskb-single-breadcrumb a:hover { color: var(--hskb-orange); }

.hskb-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  color: var(--hskb-orange);
  font-size: var(--hskb-eyebrow-size);
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.hskb-eyebrow::before {
  width: 30px;
  height: 2px;
  flex: 0 0 auto;
  background: currentColor;
  content: "";
}

.hskb-hero h1,
.hskb-single h1 {
  margin: 0;
  color: var(--hskb-ink);
  font-family: var(--hskb-font-heading);
  font-size: var(--hskb-h1-size);
  font-weight: var(--hskb-heading-weight);
  letter-spacing: var(--hskb-heading-spacing);
  line-height: .99;
}

.hskb-hero-description {
  max-width: 650px;
  margin: 22px 0 28px;
  color: var(--hskb-muted);
  font-size: var(--hskb-hero-description);
}

.hskb-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  color: var(--hskb-orange) !important;
  font-size: var(--hskb-button-size);
  font-weight: 750;
}

.hskb-text-link:hover { color: var(--hskb-orange-hover) !important; }
.hskb-text-link span { transition: transform .2s ease; }
.hskb-text-link:hover span { transform: translateX(4px); }
.hskb-hero-copy > .hskb-text-link:hover span { transform: translateY(3px); }

.hskb-hero-visual {
  position: relative;
  min-height: var(--hskb-hero-height);
  background-color: #dce7e4;
  background-position: center;
  background-size: cover;
}

.hskb-hero-visual::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 18%;
  background: linear-gradient(90deg, var(--hskb-hero-bg), transparent);
  content: "";
}

.hskb-featured-card {
  position: absolute;
  right: 20px;
  bottom: 20px;
  left: 20px;
  padding: var(--hskb-featured-padding-y) var(--hskb-featured-padding-x);
  border: var(--hskb-border-width) var(--hskb-border-style) rgba(255,255,255,.7);
  border-radius: var(--hskb-radius-featured);
  background: var(--hskb-hero-bg);
  box-shadow: 0 16px 36px rgba(2,34,30,.16);
  backdrop-filter: blur(8px);
}

.hskb-card-meta,
.hskb-single-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  color: var(--hskb-muted);
  font-size: 11px;
  font-weight: 650;
}

.hskb-featured-label,
.hskb-topic-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 11px;
  border-radius: var(--hskb-radius-pill);
  background: var(--hskb-green);
  color: var(--hskb-button-text);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.hskb-featured-label { background: var(--hskb-orange); }

.hskb-featured-card h2 {
  margin: 12px 0 8px;
  font-family: var(--hskb-font-heading);
  font-size: var(--hskb-h3-size);
  font-weight: var(--hskb-heading-weight);
  letter-spacing: var(--hskb-heading-spacing);
  line-height: 1.12;
}

.hskb-featured-card h2 a,
.hskb-card h3 a { color: var(--hskb-ink); }
.hskb-featured-card h2 a:hover,
.hskb-card h3 a:hover { color: var(--hskb-orange); }
.hskb-featured-card p { margin: 0 0 14px; color: var(--hskb-muted); font-size: var(--hskb-card-text); }

.hskb-filter-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: var(--hskb-filter-margin-top) var(--hskb-filter-margin-x) 0;
  padding: var(--hskb-filter-padding-y) var(--hskb-filter-padding-x);
  border: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line);
  border-radius: var(--hskb-radius-main);
  background: var(--hskb-filter-bg);
  box-shadow: var(--hskb-shadow);
}

.hskb-topic-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}

.hskb-topic-filter {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 15px;
  border: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line);
  border-radius: var(--hskb-radius-pill);
  background: var(--hskb-soft);
  color: var(--hskb-ink) !important;
  font-size: 12px;
  font-weight: 700;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.hskb-topic-filter:hover {
  border-color: var(--hskb-green-2);
  background: var(--hskb-green-2);
  color: var(--hskb-button-text) !important;
}

.hskb-topic-filter.is-active {
  border-color: var(--hskb-green);
  background: var(--hskb-green);
  color: var(--hskb-button-text) !important;
}

.hskb-search-form {
  display: flex;
  flex: 0 1 350px;
  min-width: 270px;
  padding: 5px;
  border: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line);
  border-radius: var(--hskb-radius-input);
  background: var(--hskb-input-bg);
}

.hskb-search-form:focus-within { border-color: var(--hskb-orange); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hskb-orange) 14%, transparent); }

.hskb-search-form input[type="search"] {
  width: 100%;
  min-width: 0;
  height: 44px;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hskb-ink);
  font: inherit;
  font-size: 13px;
}

.hskb-search-form button {
  width: 46px;
  height: 44px;
  flex: 0 0 46px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--hskb-radius-button);
  background: var(--hskb-orange);
  color: var(--hskb-button-text);
  cursor: pointer;
  font-size: 22px;
  font-weight: 800;
}

.hskb-articles-section {
  margin-top: var(--hskb-section-gap);
  padding: var(--hskb-section-padding-y) var(--hskb-section-padding-x);
  border: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line);
  border-radius: var(--hskb-radius-main);
  background: var(--hskb-section-bg);
  box-shadow: var(--hskb-shadow);
}

.hskb-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 28px;
}

.hskb-section-header .hskb-eyebrow { margin-bottom: 10px; }
.hskb-section-header h2,
.hskb-advice-cta h2,
.hskb-related-products h2 {
  margin: 0;
  color: var(--hskb-ink);
  font-family: var(--hskb-font-heading);
  font-size: var(--hskb-h2-size);
  font-weight: var(--hskb-heading-weight);
  letter-spacing: var(--hskb-heading-spacing);
  line-height: 1.05;
}

.hskb-section-header p:not(.hskb-eyebrow) { max-width: 760px; margin: 10px 0 0; color: var(--hskb-muted); }
.hskb-count { flex: 0 0 auto; padding: 7px 13px; border-radius: var(--hskb-radius-pill); background: var(--hskb-orange-soft); color: var(--hskb-orange); font-size: 11px; font-weight: 750; }

.hskb-card-grid { display: grid; grid-template-columns: repeat(var(--hskb-columns-desktop), minmax(0, 1fr)); gap: var(--hskb-grid-gap); }

.hskb-card {
  display: grid;
  grid-template-columns: minmax(0, var(--hskb-card-image-width)) minmax(0, 1fr);
  min-height: var(--hskb-card-height);
  overflow: hidden;
  border: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line);
  border-radius: var(--hskb-radius-card);
  background: var(--hskb-soft);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.hskb-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--hskb-orange) 70%, transparent); box-shadow: var(--hskb-shadow); }
.hskb-card-image { display: block; min-height: 100%; overflow: hidden; background: #e6efed; }
.hskb-card-image img { display: block; width: 100%; height: 100% !important; min-height: var(--hskb-card-height); object-fit: cover; transition: transform .35s ease; }
.hskb-card:hover .hskb-card-image img { transform: scale(1.025); }
.hskb-image-placeholder { display: block; width: 100%; height: 100%; min-height: var(--hskb-card-height); background: linear-gradient(135deg, #e2eeeb, #c7d9d5); }

.hskb-card-body { display: flex; flex-direction: column; align-items: flex-start; padding: var(--hskb-card-padding-y) var(--hskb-card-padding-x); }
.hskb-card h3 { margin: 14px 0 9px; font-family: var(--hskb-font-heading); font-size: var(--hskb-h3-size); font-weight: var(--hskb-heading-weight); letter-spacing: var(--hskb-heading-spacing); line-height: 1.13; }
.hskb-card-body > p { margin: 0 0 16px; color: var(--hskb-muted); font-size: var(--hskb-card-text); }
.hskb-card-body > .hskb-text-link { margin-top: auto; }

.hskb-results { transition: opacity .2s ease; }
.hskb-module.is-loading .hskb-results { opacity: .48; }
.hskb-no-results { margin: 32px 0 0; padding: 22px; border-radius: var(--hskb-radius-input); background: var(--hskb-soft); color: var(--hskb-muted); text-align: center; }
.hskb-load-more-wrap { display: flex; justify-content: center; margin-top: 30px; }
.hskb-load-more-wrap[hidden], .hskb-no-results[hidden] { display: none !important; }

.hskb-load-more,
.hskb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--hskb-radius-button);
  font: inherit;
  font-size: var(--hskb-button-size);
  font-weight: 750;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.hskb-load-more,
.hskb-button.is-primary { background: var(--hskb-orange); color: var(--hskb-button-text) !important; }
.hskb-load-more:hover,
.hskb-button.is-primary:hover { background: var(--hskb-orange-hover); }
.hskb-load-more:hover,
.hskb-button:hover { transform: translateY(-2px); }
.hskb-load-more:disabled { cursor: wait; opacity: .55; }
.hskb-pagination-link { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }

.hskb-advice-cta {
  display: grid;
  grid-template-columns: minmax(0, var(--hskb-cta-image-width)) minmax(0, 1fr);
  min-height: var(--hskb-cta-height);
  margin-top: var(--hskb-section-gap);
  overflow: hidden;
  border-radius: var(--hskb-radius-main);
  background: var(--hskb-cta-bg);
  box-shadow: var(--hskb-shadow);
  color: var(--hskb-button-text);
}

.hskb-advice-image { display: flex; align-items: center; justify-content: center; min-height: var(--hskb-cta-height); padding: 30px; background: linear-gradient(90deg, #f6f8f7, #d9e2df 80%, var(--hskb-cta-bg)); }
.hskb-advice-image img { display: block; width: 100%; height: 100%; max-height: 285px; object-fit: contain; }
.hskb-advice-copy { display: flex; flex-direction: column; justify-content: center; padding: var(--hskb-cta-padding-y) var(--hskb-cta-padding-x); }
.hskb-advice-copy .hskb-eyebrow { color: #d5ece7; }
.hskb-advice-cta h2 { max-width: 680px; color: var(--hskb-button-text); }
.hskb-advice-copy > p:not(.hskb-eyebrow) { max-width: 680px; margin: 18px 0 24px; color: #e4efed; }
.hskb-advice-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hskb-button.is-secondary { border-color: rgba(255,255,255,.45); background: transparent; color: var(--hskb-button-text) !important; }
.hskb-button.is-secondary:hover { border-color: #fff; }

/* Individual article */
.hskb-content-wrapper .content_wrapper { max-width: none; }
.hskb-content-wrapper .sections_group { width: 100%; float: none; }
.hskb-single { padding: clamp(34px, 6vw, 78px) 16px; background: linear-gradient(180deg, var(--hskb-single-bg) 0, var(--hskb-single-bottom-bg) 520px); }
.hskb-single-shell { width: min(100%, var(--hskb-single-width)); margin: 0 auto; }
.hskb-single-header { max-width: 870px; margin: 0 auto 34px; text-align: center; }
.hskb-single-breadcrumb { justify-content: center; margin-bottom: 28px; }
.hskb-single-meta { justify-content: center; margin-bottom: 20px; }
.hskb-single h1 { font-size: var(--hskb-h1-size); line-height: 1.02; }
.hskb-single-intro { max-width: var(--hskb-single-text-width); margin: 24px auto 0; color: var(--hskb-muted); font-size: var(--hskb-hero-description); }
.hskb-fallback-notice { max-width: 680px; margin: 24px auto 0; padding: 13px 18px; border: 1px solid #f2c898; border-radius: 12px; background: var(--hskb-orange-soft); color: #8b4b0e; font-size: 14px; }
.hskb-single-image { margin: 0 0 38px; overflow: hidden; border-radius: var(--hskb-radius-main); background: var(--hskb-soft); box-shadow: var(--hskb-shadow); }
.hskb-single-image img { display: block; width: 100%; max-height: 600px; object-fit: cover; }

.hskb-single-content { max-width: var(--hskb-single-text-width); margin: 0 auto; color: var(--hskb-ink); font-size: calc(var(--hskb-base-size) + 1px); line-height: max(1.6, var(--hskb-line-height)); }
.hskb-single-content > *:first-child { margin-top: 0; }
.hskb-single-content h2,
.hskb-single-content h3,
.hskb-single-content h4 { color: var(--hskb-ink); letter-spacing: -.025em; line-height: 1.18; }
.hskb-single-content h2 { margin: 1.6em 0 .65em; font-family: var(--hskb-font-heading); font-size: var(--hskb-h2-size); font-weight: var(--hskb-heading-weight); }
.hskb-single-content h3 { margin: 1.4em 0 .55em; font-family: var(--hskb-font-heading); font-size: var(--hskb-h3-size); font-weight: var(--hskb-heading-weight); }
.hskb-single-content a { color: var(--hskb-orange); text-decoration: underline; text-underline-offset: 3px; }
.hskb-single-content img { height: auto; border-radius: 14px; }
.hskb-single-content blockquote { margin: 28px 0; padding: 20px 24px; border-left: 4px solid var(--hskb-orange); border-radius: 0 14px 14px 0; background: var(--hskb-soft); color: var(--hskb-ink); }
.hskb-single-content table { width: 100%; border-collapse: collapse; }
.hskb-single-content th, .hskb-single-content td { padding: 11px; border: 1px solid var(--hskb-line); text-align: left; }

.hskb-related-products { max-width: var(--hskb-single-width); margin: 58px auto 0; padding-top: 38px; border-top: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line); }
.hskb-related-products h2 { margin-bottom: 22px; font-size: 32px; }
.hskb-product-grid { display: grid; grid-template-columns: repeat(var(--hskb-product-columns), minmax(0, 1fr)); gap: var(--hskb-grid-gap); }
.hskb-product-card { overflow: hidden; border: var(--hskb-border-width) var(--hskb-border-style) var(--hskb-line); border-radius: var(--hskb-radius-card); background: var(--hskb-section-bg); transition: transform .2s ease, box-shadow .2s ease; }
.hskb-product-card:hover { transform: translateY(-3px); box-shadow: var(--hskb-shadow); }
.hskb-product-card a { display: block; padding: 18px; color: var(--hskb-ink); }
.hskb-product-card img { display: block; width: 100%; height: 190px !important; margin-bottom: 14px; object-fit: contain; }
.hskb-product-card h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.25; }
.hskb-product-price { color: var(--hskb-orange); font-weight: 750; }
.hskb-single-footer { display: flex; justify-content: center; margin-top: 48px; }

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 980px) {
  .hskb-hero { grid-template-columns: 1fr; }
  .hskb-hero-visual { min-height: 430px; }
  .hskb-hero-visual::before { inset: 0 0 auto; width: 100%; height: 18%; background: linear-gradient(180deg, var(--hskb-hero-bg), transparent); }
  .hskb-filter-panel { align-items: stretch; flex-direction: column; }
  .hskb-search-form { flex-basis: auto; width: 100%; }
  .hskb-card-grid { grid-template-columns: repeat(var(--hskb-columns-tablet), minmax(0, 1fr)); }
  .hskb-advice-cta { grid-template-columns: 1fr; }
  .hskb-advice-image { min-height: 260px; background: linear-gradient(180deg, #f6f8f7, #d9e2df 80%, var(--hskb-cta-bg)); }
}

@media (max-width: 760px) {
  .hskb-module { width: min(calc(100% - (2 * var(--hskb-mobile-gutter))), var(--hskb-module-width)); }
  .hskb-hero, .hskb-articles-section, .hskb-advice-cta { border-radius: min(var(--hskb-radius-main), 18px); }
  .hskb-hero-copy { padding: min(var(--hskb-hero-padding-y), 42px) min(var(--hskb-hero-padding-x), 25px); }
  .hskb-hero h1, .hskb-single h1 { font-size: var(--hskb-h1-mobile-size); }
  .hskb-section-header h2, .hskb-advice-cta h2, .hskb-related-products h2, .hskb-single-content h2 { font-size: var(--hskb-h2-mobile-size); }
  .hskb-card h3, .hskb-single-content h3 { font-size: var(--hskb-h3-mobile-size); }
  .hskb-hero-visual { min-height: 440px; }
  .hskb-featured-card { right: 12px; bottom: 12px; left: 12px; padding: min(var(--hskb-featured-padding-y), 21px) min(var(--hskb-featured-padding-x), 21px); }
  .hskb-filter-panel { margin-top: min(var(--hskb-filter-margin-top), 24px); padding: min(var(--hskb-filter-padding-y), 18px) min(var(--hskb-filter-padding-x), 18px); border-radius: min(var(--hskb-radius-main), 18px); }
  .hskb-topic-filters { flex-wrap: nowrap; margin: 0 calc(-1 * min(var(--hskb-filter-padding-x), 18px)); padding: 0 min(var(--hskb-filter-padding-x), 18px) 4px; overflow-x: auto; scrollbar-width: thin; }
  .hskb-topic-filter { flex: 0 0 auto; }
  .hskb-search-form { min-width: 0; }
  .hskb-articles-section { margin-top: min(var(--hskb-section-gap), 24px); padding: min(var(--hskb-section-padding-y), 28px) min(var(--hskb-section-padding-x), 18px); }
  .hskb-section-header { align-items: flex-start; flex-direction: column; gap: 15px; }
  .hskb-card { min-height: min(var(--hskb-card-height), 245px); }
  .hskb-card-image img, .hskb-image-placeholder { min-height: min(var(--hskb-card-height), 245px); }
  .hskb-card-body { padding: min(var(--hskb-card-padding-y), 22px) min(var(--hskb-card-padding-x), 18px); }
  .hskb-advice-copy { padding: min(var(--hskb-cta-padding-y), 42px) min(var(--hskb-cta-padding-x), 24px); }
  .hskb-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .hskb-card-grid { grid-template-columns: repeat(var(--hskb-columns-mobile), minmax(0, 1fr)); }
  .hskb-card { grid-template-columns: 1fr; }
  .hskb-card-image { min-height: 210px; }
  .hskb-card-image img, .hskb-image-placeholder { min-height: 210px; max-height: 250px; }
  .hskb-card-body { min-height: 230px; }
  .hskb-product-grid { grid-template-columns: 1fr; }
  .hskb-single { padding-right: 12px; padding-left: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .hskb-module *, .hskb-single * { scroll-behavior: auto !important; transition: none !important; }
}