.jongen-homepage-hero {
     max-width: 1600px;
     margin: 1.5rem auto 3rem;
     padding-left: 1rem;
     padding-right: 1rem;
 }

 #carouselStart {
     position: relative;
     overflow: hidden;
     border-radius: 1.5rem;
     background: #111;
     box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.2);
 }

 #carouselStart .carousel-item>img {
     display: block;
     width: 100%;
     height: clamp(31rem, 53vw, 43rem);
     object-fit: cover;
     object-position: center;
 }

 .jongen-hero-shade {
     position: absolute;
     z-index: 2;
     inset: 0;
     pointer-events: none;
     background: linear-gradient(90deg,
             rgba(0, 0, 0, 0.82) 0%,
             rgba(0, 0, 0, 0.54) 46%,
             rgba(0, 0, 0, 0.08) 78%,
             rgba(0, 0, 0, 0) 100%);
 }

 #carouselStart .carousel-indicators {
     z-index: 5;
     margin-bottom: 1.25rem;
 }

 #carouselStart .carousel-indicators [data-bs-target] {
     width: 2.25rem;
     height: 0.25rem;
     margin-right: 0.3rem;
     margin-left: 0.3rem;
     border: 0;
     border-radius: 999px;
     opacity: 0.55;
 }

 #carouselStart .carousel-indicators .active {
     opacity: 1;
     background-color: #d40000;
 }

 #carouselStart .carousel-control-prev,
 #carouselStart .carousel-control-next {
     z-index: 5;
     width: 4.5rem;
 }

 .jongen-hero-content {
     position: absolute;
     z-index: 4;
     top: 50%;
     left: clamp(2rem, 6vw, 6rem);
     width: min(45rem, calc(100% - 9rem));
     color: #fff;
     transform: translateY(-50%);
 }

 .jongen-hero-badge {
     display: inline-flex;
     align-items: center;
     margin-bottom: 1.25rem;
     padding: 0.65rem 1.1rem;
     border-radius: 999px;
     background: #d40000;
     color: #fff;
     font-size: 0.8rem;
     font-weight: 700;
     line-height: 1;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     box-shadow: 0 0.5rem 1.5rem rgba(212, 0, 0, 0.3);
 }

 .jongen-hero-title {
     margin: 0 0 1.25rem;
     color: #fff;
     font-size: clamp(2.6rem, 5vw, 5rem);
     font-weight: 800;
     line-height: 1.02;
     letter-spacing: -0.035em;
 }

 .jongen-hero-text {
     max-width: 43rem;
     margin: 0 0 1.75rem;
     color: rgba(255, 255, 255, 0.92);
     font-size: clamp(1rem, 1.35vw, 1.25rem);
     line-height: 1.6;
 }

 .jongen-hero-buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 0.75rem;
 }

 .jongen-hero-button {
     display: inline-flex;
     min-height: 3.25rem;
     align-items: center;
     justify-content: center;
     padding: 0.8rem 1.4rem;
     border: 2px solid transparent;
     border-radius: 0.75rem;
     font-weight: 700;
     line-height: 1.2;
     text-decoration: none;
     transition:
         transform 0.2s ease,
         box-shadow 0.2s ease,
         background-color 0.2s ease;
 }

 .jongen-hero-button:hover,
 .jongen-hero-button:focus-visible {
     transform: translateY(-2px);
 }

 .jongen-hero-button-primary {
     background: #d40000;
     color: #fff;
     box-shadow: 0 0.75rem 1.75rem rgba(212, 0, 0, 0.28);
 }

 .jongen-hero-button-primary:hover,
 .jongen-hero-button-primary:focus-visible {
     background: #b80000;
     color: #fff;
 }

 .jongen-hero-button-secondary {
     border-color: rgba(255, 255, 255, 0.72);
     background: rgba(255, 255, 255, 0.12);
     color: #fff;
     backdrop-filter: blur(0.45rem);
 }

 .jongen-hero-button-secondary:hover,
 .jongen-hero-button-secondary:focus-visible {
     background: #fff;
     color: #1d1d1d;
 }

 .jongen-hero-stats {
     display: flex;
     flex-wrap: wrap;
     gap: 1rem 2.5rem;
     margin-top: 2rem;
     color: rgba(255, 255, 255, 0.82);
     font-size: 0.85rem;
 }

 .jongen-hero-stat strong {
     display: block;
     margin-bottom: 0.15rem;
     color: #fff;
     font-size: clamp(1.35rem, 2vw, 1.9rem);
     font-weight: 800;
     line-height: 1;
 }

 .jongen-country-flag {
     display: flex;
     justify-content: center;
     margin: 2rem 0 3.5rem;
 }

 .jongen-country-flag-inner {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 1rem 1.5rem;
     border: 1px solid rgba(0, 0, 0, 0.08);
     border-radius: 1rem;
     background: #fff;
     box-shadow: 0 0.65rem 1.75rem rgba(0, 0, 0, 0.08);
 }

 .jongen-country-flag img {
     display: block;
     width: auto;
     max-width: 100%;
     height: clamp(3rem, 6vw, 5rem);
     object-fit: contain;
 }

 @media (max-width: 991.98px) {
     #carouselStart .carousel-item>img {
         height: 36rem;
     }

     .jongen-hero-shade {
         background: linear-gradient(90deg,
                 rgba(0, 0, 0, 0.82) 0%,
                 rgba(0, 0, 0, 0.58) 65%,
                 rgba(0, 0, 0, 0.25) 100%);
     }

     .jongen-hero-content {
         left: 3.5rem;
         width: calc(100% - 7rem);
     }
 }

 @media (max-width: 767.98px) {
     .jongen-homepage-hero {
         margin-top: 0.75rem;
     }

     #carouselStart {
         border-radius: 1rem;
     }

     #carouselStart .carousel-item>img {
         height: 38rem;
         object-position: 60% center;
     }

     .jongen-hero-shade {
         background: linear-gradient(180deg,
                 rgba(0, 0, 0, 0.34) 0%,
                 rgba(0, 0, 0, 0.7) 45%,
                 rgba(0, 0, 0, 0.9) 100%);
     }

     #carouselStart .carousel-control-prev,
     #carouselStart .carousel-control-next {
         width: 2.75rem;
     }

     .jongen-hero-content {
         top: auto;
         right: 1.25rem;
         bottom: 3.5rem;
         left: 1.25rem;
         width: auto;
         transform: none;
     }

     .jongen-hero-badge {
         margin-bottom: 0.9rem;
         padding: 0.55rem 0.85rem;
         font-size: 0.68rem;
     }

     .jongen-hero-title {
         margin-bottom: 0.9rem;
         font-size: clamp(2rem, 10vw, 3rem);
     }

     .jongen-hero-text {
         margin-bottom: 1.15rem;
         font-size: 0.98rem;
         line-height: 1.45;
     }

     .jongen-hero-buttons {
         display: grid;
         grid-template-columns: 1fr;
         gap: 0.6rem;
     }

     .jongen-hero-button {
         width: 100%;
         min-height: 3rem;
     }

     .jongen-hero-stats {
         gap: 0.75rem 1.5rem;
         margin-top: 1.35rem;
     }
 }

 @media (max-width: 575.98px) {
     #carouselStart .carousel-item>img {
         height: 40rem;
     }

     .jongen-hero-stats {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         width: 100%;
         gap: 0.5rem;
         text-align: center;
     }

     .jongen-hero-stat strong {
         font-size: 1.25rem;
     }
 }

 @media (prefers-reduced-motion: reduce) {

     #carouselStart.carousel-fade .carousel-item,
     .jongen-hero-button {
         transition: none;
     }
 }