/* ============================================================
   36 | ALPIN CATEGORY COMBINATION | V1
   PowerUp + PowerPedal – cinematic category banner
   ============================================================ */

.alpin-category-combination {
  --combination-red: #b80000;
  --combination-edge: var(--alpin-edge, 72px);
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: var(--alpin-max-width, 1600px) !important;
  min-height: 470px !important;
  margin: 0 auto !important;
  padding: 55px var(--combination-edge) 58px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background-color: #101316 !important;
  background-position: center !important;
  background-size: cover !important;
  color: #fff !important;
}
/* Background photo belongs to Elementor > Style > Background > Classic.
   Overlay is provided by ::before so Elementor's image is preserved. */
.alpin-category-combination::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.78) 26%, rgba(0,0,0,.44) 51%, rgba(0,0,0,.06) 82%) !important;
}
.alpin-category-combination > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
.alpin-category-combination > :not(.e-con-inner) {
  position: relative !important;
  z-index: 1 !important;
}
.alpin-category-combination .alpin-combination-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: min(100%, 650px) !important;
  max-width: 650px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
}
.alpin-category-combination .alpin-combination-eyebrow {
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  text-align: left !important;
}
.alpin-category-combination .alpin-combination-eyebrow .elementor-heading-title {
  font-family: "Archivo", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-align: left !important;
}
.alpin-category-combination .alpin-combination-title {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: left !important;
}
.alpin-category-combination .alpin-combination-title .elementor-heading-title {
  font-family: var(--alpin-font-headline, "Archivo ExtraCondensed", "Archivo", sans-serif) !important;
  font-size: clamp(43px, 4vw, 68px) !important;
  font-weight: 800 !important;
  font-stretch: condensed !important;
  font-variation-settings: "wdth" 62.5, "wght" 800 !important;
  line-height: .98 !important;
  letter-spacing: -.3px !important;
  text-transform: uppercase !important;
  text-align: left !important;
  color: #fff !important;
}
.alpin-category-combination .alpin-combination-title .alpin-red {
  color: var(--combination-red) !important;
}
.alpin-category-combination .alpin-combination-benefits {
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
}
.alpin-category-combination .alpin-combination-benefits .elementor-icon-list-items {
  margin: 0 !important;
  padding: 0 !important;
}
.alpin-category-combination .alpin-combination-benefits .elementor-icon-list-item {
  align-items: flex-start !important;
  padding: 5px 0 !important;
}
.alpin-category-combination .alpin-combination-benefits .elementor-icon-list-icon {
  margin-top: 3px !important;
}
.alpin-category-combination .alpin-combination-benefits .elementor-icon-list-icon i {
  color: #e00000 !important;
}
.alpin-category-combination .alpin-combination-benefits .elementor-icon-list-icon svg {
  fill: #e00000 !important;
}
.alpin-category-combination .alpin-combination-benefits .elementor-icon-list-text {
  font-family: "Archivo", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #fff !important;
}
.alpin-category-combination .alpin-combination-statement {
  width: 100% !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: left !important;
}
.alpin-category-combination .alpin-combination-statement .elementor-heading-title {
  font-family: var(--alpin-font-headline, "Archivo ExtraCondensed", "Archivo", sans-serif) !important;
  font-size: clamp(30px, 2.6vw, 43px) !important;
  font-weight: 800 !important;
  font-variation-settings: "wdth" 62.5, "wght" 800 !important;
  line-height: 1.08 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  color: #fff !important;
}
.alpin-category-combination .alpin-combination-cta {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.alpin-category-combination .alpin-combination-cta .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 49px !important;
  padding: 14px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(105deg, #b80000 0%, #d40000 55%, #c40000 100%) !important;
  color: #fff !important;
  font-family: "Archivo", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .25px !important;
  transition: filter .2s ease !important;
}
.alpin-category-combination .alpin-combination-cta .elementor-button:hover {
  filter: brightness(1.12) !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .alpin-category-combination {
    --combination-edge: 40px;
    min-height: 450px !important;
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }
  .alpin-category-combination .alpin-combination-content { max-width: 580px !important; }
}
@media (max-width: 767px) {
  .alpin-category-combination {
    --combination-edge: 24px;
    min-height: 510px !important;
    padding-top: 46px !important;
    padding-bottom: 46px !important;
    background-position: 65% center !important;
  }
  .alpin-category-combination::before {
    background: linear-gradient(90deg, rgba(0,0,0,.91), rgba(0,0,0,.64)) !important;
  }
  .alpin-category-combination .alpin-combination-eyebrow .elementor-heading-title { font-size: 12px !important; }
  .alpin-category-combination .alpin-combination-title .elementor-heading-title { font-size: clamp(37px, 10vw, 52px) !important; }
  .alpin-category-combination .alpin-combination-benefits .elementor-icon-list-text { font-size: 14px !important; }
  .alpin-category-combination .alpin-combination-statement .elementor-heading-title { font-size: 30px !important; }
  .alpin-category-combination .alpin-combination-cta,
  .alpin-category-combination .alpin-combination-cta .elementor-button { width: 100% !important; }
}