.hz-highlight-details { position: relative; overflow: hidden; background: var(--hz-highlight-bg, #111); color: var(--hz-highlight-text-color, #c7c7c7); padding: var(--hz-highlight-padding-top, 80px) 0 var(--hz-highlight-padding-bottom, 80px); }
.hz-highlight-details__background, .hz-highlight-details__overlay { position: absolute; inset: 0; pointer-events: none; }
.hz-highlight-details__background { background-position: center; background-size: cover; background-repeat: no-repeat; opacity: .9; }
.hz-highlight-details__overlay { background: var(--hz-highlight-overlay-color, #000); opacity: var(--hz-highlight-overlay-opacity, 0%); }
.hz-highlight-details__inner { position: relative; z-index: 1; max-width: var(--hz-highlight-max-width, 1440px); margin: 0 auto; }
.hz-highlight-details__tabs { display: flex; align-items: center; justify-content: center; gap: clamp(20px, 4vw, 72px); overflow-x: auto; scrollbar-width: none; }
.hz-highlight-details__tabs::-webkit-scrollbar { display: none; }
.hz-highlight-details__tab { position: relative; flex: 0 0 auto; border: 0; padding: 8px 0 14px; background: transparent; color: var(--hz-highlight-tab-color, #777); cursor: pointer; font-family: var(--hz-highlight-tab-font, var(--sort-title-font)); font-size: clamp(13px, 1.15vw, 18px); font-weight: 700; letter-spacing: .04em; line-height: 1.3; transition: color .25s ease, opacity .25s ease; }
.hz-highlight-details__tab::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--hz-highlight-accent-color, #d71920); opacity: 0; transform: scaleX(.3); transition: opacity .25s ease, transform .25s ease; }
.hz-highlight-details__tab:hover, .hz-highlight-details__tab:focus-visible, .hz-highlight-details__tab.is-active { color: var(--hz-highlight-tab-active-color, #fff); }
.hz-highlight-details__tab.is-active::after { opacity: 1; transform: scaleX(1); }
.hz-highlight-details__panels { margin-top: var(--hz-highlight-tab-content-gap, 72px); }
.hz-highlight-details__panel { display: none; }
.hz-highlight-details__panel.is-active { display: block; animation: hz-highlight-fade-in .3s ease both; }
.hz-highlight-details__cards { display: grid; grid-template-columns: repeat(var(--hz-highlight-desktop-columns, 2), minmax(0, 1fr)); gap: var(--hz-highlight-card-gap, 24px); }
.hz-highlight-details__card { min-width: 0; color: var(--hz-highlight-text-color, #c7c7c7); }
.hz-highlight-details__media { aspect-ratio: var(--hz-highlight-media-ratio, 4 / 3); overflow: hidden; background: rgba(255,255,255,.08); }
.hz-highlight-details__media img, .hz-highlight-details__media svg { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-desktop-columns="1"] .hz-highlight-details__media { aspect-ratio: auto !important; overflow: visible; }
[data-desktop-columns="1"] .hz-highlight-details__media > *,
[data-desktop-columns="1"] .hz-highlight-details__media picture,
[data-desktop-columns="1"] .hz-highlight-details__media a { display: block; width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; }
[data-desktop-columns="1"] .hz-highlight-details__media img,
[data-desktop-columns="1"] .hz-highlight-details__media picture img,
[data-desktop-columns="1"] .hz-highlight-details__media svg { display: block; width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; object-fit: contain !important; }
.hz-highlight-details__card-title { margin: 18px 0 8px; color: var(--hz-highlight-title-color, #fff); font-family: var(--sort-title-font); font-size: clamp(16px, 1.5vw, 24px); font-weight: var(--sort-title-font-weight, 700); line-height: 1.2; }
.hz-highlight-details__card-text { color: var(--hz-highlight-text-color, #c7c7c7); font-family: var(--sort-body-font); font-size: var(--sort-body-size, 15px); line-height: var(--sort-body-line-height, 1.6); }
.hz-highlight-details__card-text p { margin: 0; }
@keyframes hz-highlight-fade-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 768px) {
  .hz-highlight-details { padding-top: calc(var(--hz-highlight-padding-top, 80px) * .6); padding-bottom: calc(var(--hz-highlight-padding-bottom, 80px) * .6); }
  .hz-highlight-details__tabs { justify-content: flex-start; gap: 28px; }
  .hz-highlight-details__panels { margin-top: var(--hz-highlight-tab-content-gap, 72px); }
  .hz-highlight-details__cards { display: flex; gap: var(--hz-highlight-card-gap, 24px); overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .hz-highlight-details__cards::-webkit-scrollbar { display: none; }
  .hz-highlight-details__card { flex: 0 0 calc((100% - var(--hz-highlight-card-gap, 24px)) / 2); scroll-snap-align: start; }
  [data-desktop-columns="1"] .hz-highlight-details__cards { display: block; overflow: visible; }
  [data-desktop-columns="1"] .hz-highlight-details__card { width: 100%; flex: 0 0 100%; }
  [data-desktop-columns="1"] .hz-highlight-details__media,
  [data-desktop-columns="1"] .hz-highlight-details__media > *,
  [data-desktop-columns="1"] .hz-highlight-details__media img { width: 100% !important; max-width: 100% !important; height: auto !important; }
  .hz-highlight-details__card-title { margin-top: 12px; font-size: 15px; }
  .hz-highlight-details__card-text { font-size: 13px; }
}