.premium-offcanvas { background: var(--bg-dark); border-radius: 24px 24px 0 0; border: 1px solid rgba(255,255,255,0.1); }
.mobile-nav-card { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 1.5rem 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; transition: 0.3s; color: white; }
.mobile-nav-card span { font-weight: 600; font-family: var(--font-heading); font-size: 0.9rem; }
.mobile-nav-card:active { transform: scale(0.95); background: rgba(255,255,255,0.15); }

.swiper-mobile-only { padding-bottom: 3rem !important; overflow: visible !important; }
.swiper-mobile-only .swiper-slide { height: auto; }
.swiper-pagination-bullet { background: var(--text-muted); opacity: 0.4; }
.swiper-pagination-bullet-active { background: var(--primary); opacity: 1; width: 24px; border-radius: 12px; }

@media (max-width: 991.98px) {
    .display-hero { font-size: clamp(2.5rem, 8vw, 3.5rem); }
    .hero-wrapper { padding: 120px 0 60px; }
    .floating-badge { left: 20px; bottom: -30px; padding: 1rem; }
    .hero-img-main { aspect-ratio: 1/1; }
}
@media (min-width: 992px) {
    .desktop-grid { display: grid !important; gap: 1.5rem; transform: none !important; width: 100% !important; }
    .desktop-grid .swiper-slide { width: auto !important; margin: 0 !important; }
    .desktop-grid-news { grid-template-columns: 1.5fr 1fr; }
}