/* Hero-only styling; navigation in the shared header keeps its original look. */
.theme-glass #content #hero-slider .hero-cta {
    display: inline-flex; align-items: center; gap: 24px;
    padding: 8px 8px 8px 24px; border-radius: 100px;
    border: 1px solid #ffffff48;
    background: linear-gradient(120deg, #c74710, #a83108);
    box-shadow: 0 12px 30px #0003, inset 0 1px 0 #ffffff40;
    color: #fff; font-size: 15px; font-weight: 700; text-decoration: none;
}
#hero-slider .hero-cta .hero-cta-icon {
    display: grid; place-items: center; width: 40px; height: 40px;
    border: 1px solid #ffffff35; border-radius: 50%; background: #ffffff1c;
    transition: background-color .2s ease;
}
#hero-slider .hero-cta svg { width: 20px; height: 20px; transition: transform .2s ease; }
#hero-slider .hero-controls {
    position: absolute; z-index: 10; right: 36px; bottom: 100px;
    display: flex; align-items: center; gap: 16px; padding: 8px;
    border: 1px solid #ffffff45; border-radius: 100px;
    background: rgba(20, 28, 40, .88);
    box-shadow: 0 12px 36px #00000026, inset 0 1px 0 #ffffff14;
}
#hero-slider .hero-controls :is(.swiper-button-prev, .swiper-button-next) {
    position: static; display: grid; place-items: center;
    flex: 0 0 46px; width: 46px; height: 46px; margin: 0; padding: 0;
    border: 1px solid #ffffff25; border-radius: 50%;
    background: #ffffff12; color: #fff; cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
#hero-slider .hero-controls .swiper-button-next { background: #fff; color: #202735; }
#hero-slider .hero-controls button::after { display: none; }
#hero-slider .hero-controls svg { width: 21px; height: 21px; }
#hero-slider .hero-controls .swiper-pagination {
    position: static; width: auto; min-width: 64px; margin: 0;
    color: #b9c3d2; text-align: center; font-size: 13px;
    font-variant-numeric: tabular-nums; letter-spacing: .06em;
}
#hero-slider .swiper-pagination-current { color: #fff; font-size: 19px; font-weight: 700; }
#hero-slider .swiper-pagination-total { color: #b9c3d2; opacity: 1; font-size: 13px; }
#hero-slider .hero-controls button:focus-visible { outline: 3px solid #ffcfac; outline-offset: 3px; }
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
    #hero-slider .hero-controls { background: rgba(20, 28, 40, .55); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
}
@media (hover: hover) and (pointer: fine) {
    #hero-slider .hero-cta:hover .hero-cta-icon { background: #ffffff36; }
    #hero-slider .hero-cta:hover svg { transform: rotate(-35deg); }
    #hero-slider .hero-controls button:hover { background: #c74710; border-color: #ec8a59; color: #fff; }
}
@media (max-width: 767px) {
    #hero-slider .hero-controls { right: 20px; bottom: 22px; gap: 12px; padding: 6px; }
    #hero-slider .hero-controls :is(.swiper-button-prev, .swiper-button-next) { width: 44px; height: 44px; flex-basis: 44px; }
    #hero-slider .sw-caption { padding-bottom: 70px; }
}
@media (prefers-reduced-motion: reduce) {
    #hero-slider .hero-cta:hover svg { transform: none; }
}