/**
 * Full-width hero (image only) + trust ribbon polish
 */
body.home-catalog .hero-slider-section.hero-slider-section--fullscreen {
  margin-top: calc(var(--hc-ann-h, 38px) + var(--hc-header-h, 128px)) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  padding: 0 !important;
  background: #0f172a !important;
  overflow: hidden;
  position: relative;
}

body.home-catalog .hero-slider-section--fullscreen::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 72px;
  pointer-events: none;
  background: linear-gradient(to top, rgba(15, 23, 42, 0.35), transparent);
  z-index: 2;
}

body.home-catalog .hero-slider-section--fullscreen .hero-swiper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12) !important;
  height: clamp(320px, 44vh, 560px) !important;
  min-height: 320px !important;
  max-height: 560px !important;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-slide {
  background: #0f172a;
}

body.home-catalog .hero-slide-full {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

body.home-catalog .hero-slide-full .hero-slide-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

body.home-catalog .hero-slide-full .hero-slide-img--fallback {
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #6366f1 100%);
}

body.home-catalog .hero-slider-section--fullscreen .swiper-pagination {
  bottom: 18px !important;
  z-index: 4;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  transition: width 0.25s ease, background 0.25s ease;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-pagination-bullet-active {
  background: #fff !important;
  width: 26px !important;
  border-radius: 999px !important;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-button-next,
body.home-catalog .hero-slider-section--fullscreen .swiper-button-prev {
  width: 46px !important;
  height: 46px !important;
  margin-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #1e3a8a !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(8px);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-button-next::after,
body.home-catalog .hero-slider-section--fullscreen .swiper-button-prev::after {
  font-size: 1rem !important;
  font-weight: 800 !important;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-button-next:hover,
body.home-catalog .hero-slider-section--fullscreen .swiper-button-prev:hover {
  background: #fff !important;
  transform: translateY(-50%) scale(1.06) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.22) !important;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-button-prev {
  left: 16px !important;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-button-next {
  right: 16px !important;
}

body.home-catalog .hero-slider-section--fullscreen .swiper-slide-active .hero-slide-img {
  transform: scale(1.04);
  transition: transform 10s ease-out;
}

/* Trust ribbon — enhanced cards below hero */
body.home-catalog .hc-feature-ribbon--after-hero {
  margin: -1.25rem auto 1.5rem !important;
  padding: 0 1.25rem 0.5rem !important;
  max-width: 1200px;
  position: relative;
  z-index: 6;
}

body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-grid {
  gap: 0.65rem !important;
}

body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-item {
  background: #fff !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
  padding: 0.95rem 0.85rem !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1) !important;
}

body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-ico {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(145deg, #eff6ff 0%, #f8fafc 100%) !important;
  border: 1px solid #dbeafe !important;
  border-radius: 12px !important;
}

body.home-catalog .hc-feature-ribbon .hc-feature-ico .i8-icon,
body.home-catalog .hc-feature-ribbon .hc-feature-ico svg {
  width: 32px !important;
  height: 32px !important;
  display: block !important;
}

body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-item strong {
  font-size: 0.8125rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
}

body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-item > div span {
  font-size: 0.72rem !important;
  color: #64748b !important;
}

@media (max-width: 991.98px) {
  body.home-catalog .hero-slider-section--fullscreen .hero-swiper {
    height: clamp(280px, 40vh, 440px) !important;
    min-height: 280px !important;
    max-height: 440px !important;
  }

  body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-item {
    padding: 0.75rem 0.65rem !important;
  }

  body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-item:last-child {
    grid-column: 1 / -1;
    max-width: 320px;
    margin: 0 auto;
  }

  body.home-catalog .hc-feature-ribbon--after-hero .hc-feature-ico {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
}

@media (max-width: 767.98px) {
  body.home-catalog .hero-slider-section--fullscreen .hero-swiper {
    height: clamp(240px, 34vh, 360px) !important;
    min-height: 240px !important;
    max-height: 360px !important;
  }

  body.home-catalog .hero-slider-section--fullscreen .swiper-button-next,
  body.home-catalog .hero-slider-section--fullscreen .swiper-button-prev {
    width: 38px !important;
    height: 38px !important;
  }

  body.home-catalog .hero-slider-section--fullscreen .swiper-button-prev {
    left: 8px !important;
  }

  body.home-catalog .hero-slider-section--fullscreen .swiper-button-next {
    right: 8px !important;
  }
}

@media (min-width: 1400px) {
  body.home-catalog .hero-slider-section--fullscreen .hero-swiper {
    height: clamp(380px, 46vh, 600px) !important;
    max-height: 600px !important;
  }
}
