/*=============== MOBILE ULTIMATE FIX ===============*/
/* Prime Developments - Complete Mobile Responsiveness Fix */
/* Target: 320px - 576px (Mobile Only) */
/* Last Updated: 2026-02-06 */

/*=============== GLOBAL MOBILE FIXES ===============*/
@media screen and (max-width: 576px) {

    /* Prevent horizontal overflow */
    html,
    body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    * {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 0.4rem !important;
        margin: 0 auto !important;
    }

    .section {
        padding: 3rem 0 !important;
    }

    .section__title {
        font-size: 1.5rem !important;
        text-align: center !important;
    }

    .section__subtitle {
        text-align: center !important;
        display: block !important;
    }
}

/*=============== 1️⃣ NAVBAR CRITICAL FIX ===============*/
/* Complete navbar mobile overhaul */

@media screen and (max-width: 576px) {

    /* Header base */
    .header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        background: var(--body-color, #fff) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    }

    .nav {
        height: 60px !important;
        padding: 0 0.75rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /* Logo sizing */
    .nav__left .nav__logo img {
        height: 36px !important;
        width: auto !important;
        max-width: 100px !important;
    }

    /* Hamburger toggle - VISIBLE & WORKING */
    .nav__toggle {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 44px !important;
        height: 44px !important;
        background: #fff !important;
        border: 2px solid var(--first-color, #efc1a9) !important;
        border-radius: 10px !important;
        cursor: pointer !important;
        z-index: 1100 !important;
        position: relative !important;
        padding: 0 !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .nav__toggle span {
        display: block !important;
        width: 22px !important;
        height: 2.5px !important;
        background: var(--text-color, #333) !important;
        border-radius: 2px !important;
        margin: 2.5px 0 !important;
        transition: all 0.3s ease !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nav__toggle.active {
        /*  background: var(--first-color, #efc1a9) !important;*/
        border-color: var(--first-color, #efc1a9) !important;
    }

    .nav__toggle.active span {
        background: #fff !important;
    }

    .nav__toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px) !important;
    }

    .nav__toggle.active span:nth-child(2) {
        opacity: 0 !important;
        transform: translateX(-10px) !important;
    }

    .nav__toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px) !important;
    }

    /* Hide desktop elements on mobile */
    .nav__right .nav__button {
        display: none !important;
    }

    /* Theme button position */
    .nav__right .change-theme {
        width: 40px !important;
        height: 40px !important;
        font-size: 1.2rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Mobile navigation center - FULL SCREEN OVERLAY */
    .nav__center {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: var(--body-color, #fff) !important;
        z-index: 1050 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding-top: 80px !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(-100%) !important;
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    .nav__center.show-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }

    /* Mobile menu container */
    .nav__menu {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 1rem !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        position: static !important;
        transform: none !important;
        margin: 0 !important;
    }

    .nav__menu.show,
    .nav__menu.show-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Navigation list */
    .nav__list {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.5rem !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    /* Navigation items */
    .nav__item {
        width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nav__item.mobile-only {
        display: block !important;
    }

    /* Navigation links - READABLE & TOUCH-FRIENDLY */
    .nav__link {
        display: flex !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 1rem 1.25rem !important;
        width: 100% !important;
        min-height: 56px !important;
        font-size: 1rem !important;
        font-weight: 500 !important;
        color: var(--text-color, #333) !important;
        background: rgba(239, 193, 169, 0.05) !important;
        border-radius: 12px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nav__link i {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: rgba(239, 193, 169, 0.15) !important;
        border-radius: 10px !important;
        font-size: 1.2rem !important;
        color: var(--first-color, #efc1a9) !important;
        flex-shrink: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nav__link span {
        flex: 1 !important;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nav__link:hover,
    .nav__link:active {
        background: rgba(239, 193, 169, 0.15) !important;
        transform: translateX(5px) !important;
    }

    /* Dropdown menus */
    .nav__item.dropdown .dropdown-menu {
        position: static !important;
        width: 100% !important;
        max-height: 0 !important;
        overflow: hidden !important;
        background: rgba(239, 193, 169, 0.05) !important;
        border-radius: 12px !important;
        margin-top: 0.5rem !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: none !important;
        transition: all 0.35s ease !important;
    }

    .nav__item.dropdown.active .dropdown-menu,
    .nav__item.dropdown.active-dropdown .dropdown-menu {
        max-height: 400px !important;
        padding: 0.5rem !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .nav__item.dropdown .dropdown-menu li {
        list-style: none !important;
    }

    .nav__item.dropdown .dropdown-menu li a {
        display: flex !important;
        align-items: center !important;
        gap: 0.75rem !important;
        padding: 0.85rem 1rem !important;
        min-height: 48px !important;
        color: var(--text-color, #333) !important;
        font-size: 0.95rem !important;
        border-radius: 8px !important;
        transition: all 0.2s ease !important;
    }

    .nav__item.dropdown .dropdown-menu li a i {
        font-size: 1.1rem !important;
        color: var(--first-color, #efc1a9) !important;
    }

    .nav__item.dropdown .dropdown-menu li a:hover {
        background: rgba(239, 193, 169, 0.15) !important;
    }

    /* Dropdown arrow */
    .dropdown-arrow {
        margin-left: auto !important;
        font-size: 1rem !important;
        transition: transform 0.3s ease !important;
    }

    .nav__item.dropdown.active .dropdown-arrow,
    .nav__item.dropdown.active-dropdown .dropdown-arrow {
        transform: rotate(180deg) !important;
    }

    /* Overlay - COVERS ALL CONTENT */
    .nav__overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        background: rgba(0, 0, 0, 0.5) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 1040 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease !important;
        pointer-events: none !important;
    }

    .nav__overlay.show {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Prevent background scroll when menu open */
    body.nav-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        touch-action: none !important;
    }
}

/* Dark theme mobile navbar */
@media screen and (max-width: 576px) {
    body.dark-theme .nav__center {
        background: var(--body-color, #1a1a2e) !important;
    }

    body.dark-theme .nav__toggle {
        background: rgba(30, 30, 30, 0.95) !important;
        border-color: rgba(239, 193, 169, 0.4) !important;
    }

    body.dark-theme .nav__toggle span {
        background: #fff !important;
    }

    body.dark-theme .nav__link {
        color: #fff !important;
        background: rgba(255, 255, 255, 0.05) !important;
    }

    body.dark-theme .nav__link:hover {
        background: rgba(239, 193, 169, 0.15) !important;
    }
}

/*=============== 2️⃣ FOUNDERS & PARTNERS SECTION FIX ===============*/
/* Ensure visibility on ALL mobile screen sizes */

@media screen and (max-width: 576px) {

    /* Main container visibility */
    .About,
    .About__container,
    .value__container,
    .founder-section-wrapper,
    .founder-profile-grid {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
    }

    /* Partners swiper */
    .About__container {
        width: 100% !important;
        padding: 1.5rem 0.5rem !important;
        overflow: visible !important;
    }

    .About__container .swiper-wrapper {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .About__container .swiper-slide {
        display: flex !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Partner cards - VISIBLE & CENTERED */
    .About__card {
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        /* width: 280px !important; REMOVED to allow horizontal Swiper sizing */
        /* max-width: 90vw !important; */
        margin: 0 !important;
        padding: 1rem !important;
        background: var(--container-color, #fff) !important;
        border-radius: 1rem !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
        /* width: auto !important; REMOVED - Let Swiper control width */
    }

    .About__img {
        width: 100% !important;
        height: 140px !important;
        object-fit: contain !important;
        border-radius: 0.75rem !important;
        background: #f8f9fa !important;
        padding: 0.75rem !important;
        margin-bottom: 1rem !important;
        display: block !important;
        visibility: visible !important;
    }

    .About__data {
        text-align: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .About__title {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
        visibility: visible !important;
    }

    .About__description {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        visibility: visible !important;
    }

    /* Swiper navigation buttons */
    .About__container .swiper-button-next,
    .About__container .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
        bottom: -0.5rem !important;
    }

    /* Founder Section */
    .founder-section-wrapper {
        padding: 2rem 0 !important;
        overflow: visible !important;
    }

    .founder-profile-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2rem !important;
        padding: 0 1rem !important;
    }

    .founder-image-section {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .founder-image-wrapper {
        display: flex !important;
        justify-content: center !important;
        visibility: visible !important;
    }

    .value__orbe,
    .value__img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 auto !important;
    }

    .value__orbe {
        width: 200px !important;
        height: 220px !important;
    }

    .value__img {
        width: 200px !important;
        height: 220px !important;
    }

    .value__img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .founder-bio {
        text-align: center !important;
        width: 100% !important;
        padding: 0 1rem !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .founder-bio__name {
        font-size: 1.5rem !important;
        text-align: center !important;
        justify-content: center !important;
        visibility: visible !important;
    }

    .founder-bio__position {
        font-size: 1rem !important;
        text-align: center !important;
        justify-content: center !important;
        visibility: visible !important;
    }

    .founder-bio__text {
        font-size: 0.9rem !important;
        text-align: center !important;
        line-height: 1.6 !important;
        visibility: visible !important;
    }

    /* Founder companies grid */
    .founder-companies-grid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1.5rem !important;
        width: 100% !important;
        padding: 1rem !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .founder-company-card {
        display: flex !important;
        width: 100% !important;
        max-width: 320px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Value/About section images */
    .value__images {
        display: flex !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 auto 2rem auto !important;
    }
}

/* Extra small screens - 320px - 400px */
@media screen and (max-width: 400px) {

    .About__card {
        width: auto !important;
        max-width: 95vw !important;
    }

    .About__img {
        height: 120px !important;
    }

    .value__orbe {
        width: 180px !important;
        height: 200px !important;
    }

    .value__img {
        width: 180px !important;
        height: 200px !important;
    }

    .value__img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .founder-bio__name {
        font-size: 1.3rem !important;
    }

    .founder-company-card {
        max-width: 100% !important;
    }
}

/*=============== 3️⃣ FOOTER MOBILE UI IMPROVEMENT ===============*/
@media screen and (max-width: 576px) {

    .footer {
        padding: 2.5rem 1rem !important;
        background: linear-gradient(135deg, #0f1419 0%, #1a1a2e 100%) !important;
    }

    .footer__container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* Stack all columns VERTICALLY */
    .footer__content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2.5rem !important;
        text-align: center !important;
    }

    .footer__data {
        width: 100% !important;
        max-width: 320px !important;
        display: flex !important;
        flex-direction: column !important;
        /* align-items: center !important;*/
        text-align: center !important;
    }

    /* Logo centered */
    .footer__logo {
        justify-content: center !important;
        margin-bottom: 1rem !important;
    }

    .footer__logo img {
        width: 40px !important;
        height: 40px !important;
    }

    .footer__logo h3 {
        font-size: 1.1rem !important;
    }

    /* Description centered */
    .footer__description {
        text-align: center !important;
        font-size: 0.9rem !important;
        line-height: 1.7 !important;
        color: rgba(255, 255, 255, 0.7) !important;
        margin-bottom: 1.5rem !important;
    }

    /* Social icons - TOUCH-FRIENDLY */
    .footer__social {
        display: flex !important;
        justify-content: center !important;
        gap: 1rem !important;
        flex-wrap: wrap !important;
    }

    .footer__social-link {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 1.3rem !important;
        color: #fff !important;
        transition: all 0.3s ease !important;
    }

    .footer__social-link:hover,
    .footer__social-link:active {
        background: var(--first-color, #efc1a9) !important;
        color: #000 !important;
        transform: translateY(-3px) !important;
    }

    /* Section titles */
    .footer__title {
        font-size: 1rem !important;
        font-weight: 600 !important;
        color: #fff !important;
        margin-bottom: 1.25rem !important;
        text-align: start !important;
        position: relative !important;
        padding-bottom: 0.75rem !important;
    }

    .footer__title::after {
        content: '' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 9% !important;
        transform: translateX(-50%) !important;
        width: 40px !important;
        height: 2px !important;
        background: var(--first-color, #efc1a9) !important;
        border-radius: 2px !important;
    }

    /* Links list - CENTERED */
    .footer__links {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .footer__links li {
        margin-bottom: 0.75rem !important;
    }

    .footer__link {
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 0.95rem !important;
        transition: color 0.3s ease !important;
        display: inline-block !important;
        padding: 0.25rem 0.5rem !important;
    }

    .footer__link:hover {
        color: var(--first-color, #efc1a9) !important;
    }

    /* Contact info - CENTERED */
    .footer__info {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0.6rem !important;
        margin-bottom: 0.75rem !important;
        text-align: center !important;
        flex-wrap: wrap !important;
    }

    .footer__info i {
        color: var(--first-color, #efc1a9) !important;
        font-size: 1rem !important;
        margin-top: 0.15rem !important;
        flex-shrink: 0 !important;
    }

    .footer__info span {
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }

    /* Footer bottom - STACKED */
    .footer__bottom {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1.25rem !important;
        padding-top: 2rem !important;
        margin-top: 2rem !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        text-align: center !important;
    }

    .footer__copy {
        font-size: 0.85rem !important;
        color: rgba(255, 255, 255, 0.5) !important;
        text-align: center !important;
    }

    .footer__terms {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0.75rem !important;
    }

    .footer__terms-link {
        font-size: 0.85rem !important;
        color: rgba(255, 255, 255, 0.5) !important;
    }

    .footer__terms span {
        color: rgba(255, 255, 255, 0.3) !important;
    }
}

/*=============== 4️⃣ HOME IMAGE (HERO) FIX ===============*/
@media screen and (max-width: 576px) {

    .home.section {
        padding-top: 80px !important;
        padding-bottom: 2rem !important;
    }

    .home__container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2rem !important;
        padding: 0 1rem !important;
    }

    .home__data {
        width: 100% !important;
        text-align: center !important;
        order: 1 !important;
    }

    .home__title {
        font-size: 2rem !important;
        text-align: center !important;
        margin-bottom: 1rem !important;
    }

    .home__description {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1.5rem !important;
    }

    /* Statistics - CENTERED & WRAPPED */
    .home__value {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .home__value>div {
        flex: 0 0 calc(50% - 0.75rem) !important;
        max-width: calc(50% - 0.75rem) !important;
        text-align: center !important;
    }

    .home__value-number {
        font-size: 1.5rem !important;
    }

    .home__value-description {
        font-size: 0.75rem !important;
    }

    /* HOME IMAGE - PERFECTLY CENTERED */
    .home__images {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        order: 2 !important;
        margin: 1.5rem 0 !important;
        position: relative !important;
    }

    .home__orbe {
        width: 200px !important;
        height: 220px !important;
        margin: 0 auto !important;
        border-radius: 100px 100px 0 0 !important;
    }

    .home__img {
        position: absolute !important;
        width: 180px !important;
        height: 200px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        bottom: -1rem !important;
        border-radius: 90px 90px 10px 10px !important;
        overflow: hidden !important;
    }

    .home__img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* Extra small screens */
@media screen and (max-width: 400px) {

    .home__title {
        font-size: 1.75rem !important;
    }

    .home__value>div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .home__orbe {
        width: 180px !important;
        height: 200px !important;
    }

    .home__img {
        width: 160px !important;
        height: 180px !important;
    }
}

/* Minimum screen - 320px */
@media screen and (max-width: 320px) {

    .home__title {
        font-size: 1.5rem !important;
    }

    .home__orbe {
        width: 160px !important;
        height: 180px !important;
    }

    .home__img {
        width: 140px !important;
        height: 160px !important;
    }
}

/*=============== 5️⃣ NEWS SECTION - HORIZONTAL SLIDER ===============*/
@media screen and (max-width: 576px) {

    .media-news.section {
        padding: 2.5rem 0 !important;
        overflow: hidden !important;
    }

    .media-news .container {
        padding: 0 !important;
        max-width: 100% !important;
    }

    .media-news .section__subtitle,
    .media-news .section__title {
        padding: 0 1rem !important;
    }

    /* News slider container */
    .news-slider {
        position: relative !important;
        width: 100% !important;
        overflow: visible !important;
        padding: 1rem 0 2rem 0 !important;
    }

    /* HIDE vertical stacking, ENABLE horizontal scroll */
    .news-slider__container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 1rem !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x mandatory !important;
        padding: 0.5rem 1rem 1rem 1rem !important;
        margin: 0 !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .news-slider__container::-webkit-scrollbar {
        display: none !important;
        height: 0 !important;
    }

    /* News slides - HORIZONTAL LAYOUT */
    .news-slide {
        display: flex !important;
        flex-direction: column !important;
        flex-shrink: 0 !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 280px !important;
        scroll-snap-align: start !important;
        background: var(--container-color, #fff) !important;
        border-radius: 1rem !important;
        overflow: hidden !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin: 0 !important;
        transition: all 0.3s ease !important;
    }

    /* SHOW ALL slides at once (not just active) */
    .news-slide.active,
    .news-slide:not(.active) {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .news-slide__image {
        width: 100% !important;
        height: 160px !important;
        overflow: hidden !important;
        position: relative !important;
    }

    .news-slide__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .news-slide__badge {
        position: absolute !important;
        top: 0.75rem !important;
        /* left: 0.75rem !important;*/
        background: var(--first-color, #efc1a9) !important;
        color: #000 !important;
        padding: 0.3rem 0.75rem !important;
        border-radius: 20px !important;
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.3rem !important;
    }

    .news-slide__content {
        padding: 1rem !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
    }

    .news-slide__meta {
        display: flex !important;
        gap: 1rem !important;
        margin-bottom: 0.75rem !important;
        font-size: 0.75rem !important;
        color: var(--text-color-light, #666) !important;
    }

    .news-slide__date,
    .news-slide__category {
        display: flex !important;
        align-items: center !important;
        gap: 0.3rem !important;
    }

    .news-slide__title {
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        margin-bottom: 0.5rem !important;
        line-height: 1.4 !important;
        color: var(--title-color, #333) !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .news-slide__description {
        font-size: 0.85rem !important;
        color: var(--text-color, #666) !important;
        line-height: 1.5 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-bottom: 0.75rem !important;
    }

    .news-slider__view-all {
        margin-top: auto !important;
    }

    .news-slider__view-all .button {
        width: 100% !important;
        text-align: center !important;
        padding: 0.75rem 1rem !important;
        font-size: 0.85rem !important;
        border-radius: 8px !important;
    }

    /* HIDE navigation arrows on mobile */
    .news-slider__arrow {
        display: none !important;
    }

    /* Dots indicator - VISIBLE */
    .news-slider__dots {
        display: flex !important;
        justify-content: center !important;
        gap: 0.5rem !important;
        margin-top: 1rem !important;
        padding: 0 1rem !important;
    }

    .news-dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: rgba(239, 193, 169, 0.3) !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }

    .news-dot.active {
        width: 24px !important;
        border-radius: 4px !important;
        background: var(--first-color, #efc1a9) !important;
    }

    /* Swipe indicator */
    .news-slider::after {
        content: '← Swipe →' !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        font-size: 0.75rem !important;
        color: var(--text-color-light, #999) !important;
        opacity: 0.6 !important;
    }
}

/* Extra small screens */
@media screen and (max-width: 400px) {

    .news-slide {
        width: 260px !important;
        min-width: 260px !important;
        max-width: 260px !important;
    }

    .news-slide__image {
        height: 140px !important;
    }

    .news-slide__title {
        font-size: 0.9rem !important;
    }
}

/*=============== ADDITIONAL MOBILE POLISH ===============*/
@media screen and (max-width: 576px) {

    /* Projects section mobile */
    .projects__container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1.5rem !important;
        padding: 0 1rem !important;
    }

    .project-card {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }

    .project-card__image {
        height: 200px !important;
    }

    .project-card__content {
        margin-left: 0.75rem !important;
        margin-right: 0.75rem !important;
        padding: 1rem !important;
    }

    .project-card__title {
        font-size: 1.1rem !important;
    }

    .project-card__description {
        font-size: 0.85rem !important;
    }

    /* Typing text animation adjust */
    .typing-text {
        font-size: 1.75rem !important;
    }

    /* Contact section mobile */
    #contact {
        padding: 2.5rem 1rem !important;
    }

    /* Scroll to top & WhatsApp buttons - HANDLED IN whatsapp-button.css */
    /*
    .scrollup { ... }
    .whatsapp-button { ... }
    */
}

/*=============== RTL MOBILE SUPPORT ===============*/
@media screen and (max-width: 576px) {

    body.rtl .nav__link span {
        text-align: right !important;
    }

    body.rtl .nav__link:hover,
    body.rtl .nav__link:active {
        transform: translateX(-5px) !important;
    }

    body.rtl .dropdown-arrow {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    body.rtl .footer__title::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    body.rtl .news-slider__container {
        direction: rtl !important;
    }

    body.rtl .news-slider::after {
        content: '→ اسحب ←' !important;
    }
}

/*=============== ACCESSIBILITY & PERFORMANCE ===============*/
@media screen and (max-width: 576px) {

    /* Reduced motion preference */
    @media (prefers-reduced-motion: reduce) {
        * {
            animation-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
        }
    }

    /* Touch targets minimum 44px */
    a,
    button,
    .nav__link,
    .footer__link,
    .footer__social-link {
        min-height: 44px !important;
        min-width: 44px !important;
    }

    /* Focus visible states */
    :focus-visible {
        outline: 3px solid var(--first-color, #efc1a9) !important;
        outline-offset: 2px !important;
    }
}

/*=============== PRINT STYLES ===============*/
@media print {

    .nav__toggle,
    .nav__overlay,
    .news-slider__arrow,
    .scrollup,
    .whatsapp-button {
        display: none !important;
    }
}