.hero-slider-viewport {position: relative;width: 100%;height: 75vh;background-color: #000;overflow: hidden;}
.cloud-hero-slider .slider-wrapper-track {display: flex;width: 100%;height: 100%;transition: var(--hero-transition);}
.cloud-hero-slider .slide-pane {width: 33.33333%;height: 100%;position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.cloud-hero-slider .slide-pane::before {content: '';position: absolute;inset: 0;background: linear-gradient(to right, rgba(0,0,0,0.85) 30%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,0.8) 100%);z-index: 1;}
.cloud-hero-slider .slide-content-container {position: relative;z-index: 2;max-width: 1200px;height: 100%;margin: 0 auto;padding: 0 40px;display: grid;grid-template-cols: 1fr;align-content: center;align-items: center;gap: 40px;}
.cloud-hero-slider .slide-text-block {color: #ffffff;opacity: 0;transform: translateX(-50px);transition: all 0.8s ease 0.3s;}
.cloud-hero-slider .slide-text-block .hero-subtitle {font-size: 14px;text-transform: uppercase;letter-spacing: 3px;color: var(--hero-gold-light);font-weight: 700;margin-bottom: 15px;display: inline-block;}
.cloud-hero-slider .slide-text-block .hero-title {font-size: 3.5rem;line-height: 1.15;font-weight: 800;margin-bottom: 20px;}
.cloud-hero-slider .slide-text-block .hero-title span {color: var(--hero-secondary);}
.cloud-hero-slider .slide-text-block .hero-description {font-size: 1.1rem;color: #e2e8f0;max-width: 550px;line-height: 1.6;font-weight: 300;width: 100%;}
.cloud-hero-slider .slide-image-block {position: relative;justify-self: center;opacity: 0;transform: translateX(50px);transition: all 0.8s ease 0.3s;}
.cloud-hero-slider .slide-image-block img {max-width: 100%;max-height: 450px;object-fit: contain;border-radius: 12px;box-shadow: 0 20px 40px rgba(0,0,0,0.5);border: 4px solid rgba(255, 255, 255, 0.15);}
.cloud-hero-slider .style-classic .slide-content-container {grid-template-columns: 1.2fr 0.8fr;}
.cloud-hero-slider .style-modern .slide-content-container {grid-template-columns: 0.8fr 1.2fr;}
.cloud-hero-slider .style-modern .slide-text-block {grid-column: 2;transform: translateY(50px);}
.cloud-hero-slider .style-modern .slide-image-block {grid-column: 1;grid-row: 1;transform: translateY(-50px);}
.cloud-hero-slider .style-focused .slide-content-container {grid-template-columns: 1fr;text-align: center;}
.cloud-hero-slider .style-focused .slide-text-block {justify-self: center;transform: scale(0.9);}
.cloud-hero-slider .style-focused .slide-image-block {display: none;}
.cloud-hero-slider .slide-pane.active-view .slide-text-block {opacity: 1;transform: translateX(0) translateY(0) scale(1);}
.cloud-hero-slider .slide-pane.active-view .slide-image-block {opacity: 1;transform: translateX(0) translateY(0);}
.cloud-hero-slider .slider-nav-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: 55px;height: 55px;background-color: rgb(0 0 0 / 10%);border: 1px solid #ffffff36;color: #ffffff;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;backdrop-filter: blur(4px);}
.cloud-hero-slider .slider-nav-btn:hover {background-color: rgb(255 255 255 / 10%);border: 1px solid #ffffff36;}
.cloud-hero-slider .slider-nav-btn svg{fill:#ffffff;}
.cloud-hero-slider .slider-btn-prev { left: 30px; }
.cloud-hero-slider .slider-btn-next { right: 30px; }
.cloud-hero-slider .slider-nav-btn span {font-size: 28px;user-select: none;}
.cloud-hero-slider .slider-dots-indicator {position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);z-index: 10;display: flex;gap: 12px;}
.cloud-hero-slider .dot-trigger {width: 12px;height: 12px;border-radius: 50%;background-color: rgba(255,255,255,0.4);cursor: pointer;transition: all 0.3s ease;}
.cloud-hero-slider .dot-trigger.active-dot {background-color: var(--hero-gold);width: 30px;border-radius: 20px;}
/* ==========================================================================
   4. TABLET & MOBILE RESPONSIVE MEDIA BREAKPOINTS
========================================================================== */
@media (max-width: 1024px) {
.cloud-hero-slider .slide-text-block .hero-title { font-size: 2.8rem; }
.cloud-hero-slider .slide-image-block img { max-height: 350px; }
}
@media (max-width: 768px) {
.hero-slider-viewport.cloud-hero-slider  { height: 80vh; }
.cloud-hero-slider .slider-wrapper-track { height: 80vh; }
.cloud-hero-slider .slide-content-container {grid-template-columns: 1fr !important;padding: 0 20px;text-align: center !important;}
.cloud-hero-slider .style-modern .slide-text-block { grid-column: 1; }
.cloud-hero-slider .style-modern .slide-image-block { grid-column: 1; grid-row: auto; }
.cloud-hero-slider .slide-text-block .hero-title { font-size: 2.2rem; }
.cloud-hero-slider .slide-text-block .hero-description { font-size: 0.95rem; margin: 0 auto; }
.cloud-hero-slider .slide-image-block { display: none; }
.cloud-hero-slider .slider-nav-btn { width: 44px; height: 44px; }
.cloud-hero-slider .slider-btn-prev { left: 10px; }
.cloud-hero-slider .slider-btn-next { right: 10px; }
}