/* Component styles for the imported UX elements. */
.az-legacy-section { position: relative; isolation: isolate; }
.az-legacy-section__background { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; }
.az-legacy-banner { position: relative; isolation: isolate; display: flex; justify-content: var(--az-legacy-banner-justify, center); align-items: var(--az-legacy-banner-align, center); min-height: var(--az-legacy-banner-height, 400px); overflow: hidden; background: var(--az-color-secondary, #222); color: #fff; }
.az-legacy-banner::after { position: absolute; inset: 0; z-index: -1; background: var(--az-legacy-banner-overlay, transparent); content: ''; pointer-events: none; }
.az-legacy-banner__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.az-legacy-banner__link { position: absolute; inset: 0; z-index: 1; }
.az-legacy-banner__copy { position: relative; width: min(100%, var(--az-legacy-banner-copy-width, 60%)); padding: 24px; }
.az-legacy-banner__copy :is(a, button, input, select, textarea, summary) { position: relative; z-index: 2; }
.az-legacy-banner__copy :is(h1, h2, h3, p) { color: inherit; }
.az-legacy-banner--dark { color: #222; }
.az-legacy-text-box { width: var(--az-legacy-text-box-width, 60%); max-width: 100%; }
.az-legacy-banner__copy:has(> .az-legacy-text-box) { position: absolute; inset: 0; width: 100%; padding: 0; }
.az-legacy-banner__copy > .az-legacy-text-box { position: absolute; left: var(--az-legacy-text-box-x, 50%); top: var(--az-legacy-text-box-y, 50%); transform: translate(-50%, -50%); }
.az-legacy-slider { position: relative; min-width: 0; }
.az-legacy-slider__track { display: flex; overflow-x: auto; gap: 16px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.az-legacy-slider__track > * { flex: 0 0 min(100%, var(--az-legacy-slide-width, 100%)); min-width: 0; scroll-snap-align: start; }
.az-legacy-slider__controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; }
.az-legacy-grid { display: grid; grid-template-columns: repeat(var(--az-legacy-grid-columns, 3), minmax(0, 1fr)); gap: 24px; }
.az-legacy-grid > .az-legacy-col { width: 100%; max-width: 100%; }
.az-legacy-gap { height: var(--az-legacy-gap, 30px); }
.az-legacy-divider { border: 0; background: currentColor; margin-block: 18px; }
.az-legacy-divider--center { margin-inline: auto; }
.az-legacy-divider--left { margin-inline: 0 auto; }
.az-legacy-divider--right { margin-inline: auto 0; }
.az-legacy-anchor { display: block; scroll-margin-top: 100px; }
.az-legacy-tabs__nav { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--az-color-border, #ddd); margin-bottom: 24px; }
.az-legacy-tabs__nav button { padding: 12px 16px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: inherit; cursor: pointer; }
.az-legacy-tabs__nav button[aria-selected=true] { color: var(--az-color-primary, #00a5df); border-bottom-color: currentColor; }
.az-legacy-tabs.az-is-enhanced > .az-legacy-tab > .az-legacy-tab__heading { display: none; }
.az-legacy-tab[hidden] { display: none; }
.az-legacy-tabs--vertical.az-is-enhanced { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(0, 3fr); gap: 24px; }
.az-legacy-tabs--vertical > .az-legacy-tabs__nav { flex-direction: column; }
.az-legacy-tabs--vertical > .az-legacy-tab { grid-column: 2; grid-row: 1; }
.az-legacy-accordion__item { border-block-end: 1px solid var(--az-color-border, #ddd); }
.az-legacy-accordion__item > summary { padding: 14px 12px; font-weight: 600; cursor: pointer; }
.az-legacy-accordion__content { padding: 0 12px 20px; }
.az-legacy-lightbox { max-width: calc(100vw - 32px); max-height: calc(100dvh - 32px); overflow: auto; border: 0; border-radius: var(--az-radius-md, 8px); background: var(--az-color-surface, #fff); color: var(--az-color-text, #222); }
.az-legacy-lightbox:not([open]) { display: none; }
.az-legacy-lightbox::backdrop { background: rgb(0 0 0 / 70%); }
.az-legacy-lightbox > form { display: flex; justify-content: flex-end; margin: 0 0 12px; }
.az-legacy-video iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; }
.az-legacy-icon { font-size: 2em; line-height: 1; }
.az-legacy-icon-box { display: flex; flex-direction: column; gap: 16px; align-items: center; text-align: center; }
.az-legacy-icon-box--left { flex-direction: row; text-align: left; align-items: start; }
.az-legacy-icon-box--right { flex-direction: row-reverse; text-align: right; align-items: start; }
.az-legacy-icon-box > .az-legacy-image { flex-shrink: 0; }
.az-legacy-team { text-align: center; }
.az-legacy-testimonial { margin: 0; text-align: center; }
.az-legacy-testimonial > .az-legacy-image { margin-inline: auto; }
.az-legacy-testimonial blockquote { margin: 18px 0; }
.az-legacy-message { padding: 24px; background: var(--az-color-primary, #00a5df); color: #fff; }
.az-legacy-message :is(h1, h2, h3, p) { color: inherit; }
.az-legacy-countdown { font-size: clamp(20px, 3vw, 36px); font-weight: 700; font-variant-numeric: tabular-nums; text-align: center; }
.az-legacy-price-table { padding: 24px; border: 1px solid var(--az-color-border, #ddd); text-align: center; }
.az-legacy-price-table__price { font-size: 2em; font-weight: 700; }
.az-legacy-social { display: flex; flex-wrap: wrap; gap: 12px; }
.az-legacy-map iframe { display: block; width: 100%; border: 0; }
.az-legacy-page-card img { width: 100%; height: auto; }
.az-legacy-hotspot-area { position: relative; }
.az-legacy-hotspot-area > .az-legacy-image { width: 100%; }
.az-legacy-hotspot { position: absolute; z-index: 2; transform: translate(-50%, -50%); }
.az-legacy-hotspot > summary { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--az-color-primary, #00a5df); color: #fff; cursor: pointer; list-style: none; }
.az-legacy-hotspot > div { width: min(250px, 65vw); padding: 16px; background: var(--az-color-surface, #fff); box-shadow: 0 4px 18px #0003; }
.az-legacy-product-part { min-width: 0; }
.az-legacy-product-part::after { display: table; clear: both; content: ''; }
.az-legacy-product-part .woocommerce-product-gallery { float: none; width: 100%; }
/* Specific component-owned selectors also cover inline layout styles from legacy content. */
@media (min-width: 961px) {
  :is(.az-legacy-show-for-small, .az-legacy-show-for-medium) { display: none; }
}
@media (min-width: 641px) and (max-width: 960px) {
  :is(.az-legacy-show-for-small, .az-legacy-hide-for-medium) { display: none; }
}
@media (max-width: 960px) {
  .az-legacy-banner { min-height: var(--az-legacy-banner-height-md, var(--az-legacy-banner-height, 400px)); }
  .az-legacy-col { width: var(--az-legacy-col-md-width, var(--az-legacy-col-width, 100%)); max-width: var(--az-legacy-col-md-width, var(--az-legacy-col-width, 100%)); flex-basis: var(--az-legacy-col-md-width, var(--az-legacy-col-width, 100%)); }
}
@media (max-width: 640px) {
  .az-legacy-banner { min-height: var(--az-legacy-banner-height-sm, var(--az-legacy-banner-height, 400px)); }
  .az-legacy-banner__copy { width: 100%; }
  .az-legacy-grid { grid-template-columns: repeat(var(--az-legacy-grid-columns-sm, 1), minmax(0, 1fr)); gap: 16px; }
  .az-legacy-gap { height: var(--az-legacy-gap-sm, var(--az-legacy-gap)); }
  .az-legacy-col { width: var(--az-legacy-col-sm-width, 100%); max-width: var(--az-legacy-col-sm-width, 100%); flex-basis: var(--az-legacy-col-sm-width, 100%); }
  .az-legacy-tabs--vertical.az-is-enhanced { display: block; }
  .az-legacy-tabs--vertical > .az-legacy-tabs__nav { flex-direction: row; }
  :is(.az-legacy-hide-for-small, .az-legacy-hide-for-medium) { display: none; }
}