:root {
            --bg-main: #ffffff;
            --bg-secondary: #faf9f8;
            --text-main: #1e1e1e;
            --text-muted: #64748b;
            --primary-orange: #945d36;
            --primary-orange-hover: #7a4a2c;
            --primary-orange-light: #fff7ed;
            --black-accent: #1a1a1a;
            --input-border: #eef2f6;
            --radius-md: 12px;
            --radius-lg: 24px;
            --transition-smooth: all 0.3s ease;
            --font-heading: 'Cormorant Garamond', 'Tajawal', serif;
            --font-body: 'Tajawal', sans-serif;
        }
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: var(--font-body);
            background-color: var(--bg-main);
            color: var(--text-main);
            line-height: 1.6;
            padding-top: 70px;
            padding-bottom: 80px;
        }
        a { text-decoration: none; color: inherit; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; }
        
        /* Splash Screen */
        .splash-screen {
            position: fixed;
            inset: 0;
            background: #ffffff;
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.6s;
            pointer-events: none;
        }
        .splash-screen.hidden {
            opacity: 0;
            visibility: hidden;
        }
        .splash-content {
            text-align: center;
            animation: floatGlow 2s infinite alternate;
        }
        .splash-logo {
            font-family: var(--font-heading);
            font-size: 5rem;
            font-weight: 800;
            background: linear-gradient(135deg, #1a1a1a 30%, #945d36 70%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            letter-spacing: 2px;
            text-shadow: 0 10px 30px rgba(148, 93, 54, 0.2);
            animation: zoomPulse 1.5s ease-out;
        }
        .splash-tagline {
            margin-top: 1rem;
            color: var(--primary-orange);
            font-weight: 500;
            opacity: 0;
            animation: fadeInUp 0.8s 0.5s forwards;
        }
        @keyframes floatGlow {
            0% { transform: translateY(0) scale(1); filter: drop-shadow(0 0 5px rgba(148,93,54,0.3)); }
            100% { transform: translateY(-10px) scale(1.02); filter: drop-shadow(0 0 20px rgba(148,93,54,0.6)); }
        }
        @keyframes zoomPulse {
            0% { transform: scale(0.8); opacity: 0; }
            50% { transform: scale(1.1); opacity: 1; }
            100% { transform: scale(1); opacity: 1; }
        }
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .skeleton {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: skeletonLoading 1.5s infinite;
            border-radius: 12px;
        }
        @keyframes skeletonLoading {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        .skeleton-card-vertical {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .skeleton-img {
            aspect-ratio: 2/3;
            border-radius: 16px;
            background: #eee;
        }
        .skeleton-text {
            height: 16px;
            width: 80%;
            background: #eee;
            border-radius: 12px;
        }
        .skeleton-text-small {
            height: 12px;
            width: 60%;
        }
        .skeleton-reaction {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 8px 0;
        }
        .skeleton-reaction .skeleton-img-small {
            width: 70px;
            height: 95px;
            border-radius: 12px;
        }
        .skeleton-reaction .skeleton-content {
            flex:1;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .skeleton-author {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .skeleton-author .skeleton-avatar {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }
        .skeleton-horizontal {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .skeleton-horizontal .skeleton-img-small {
            width: 60px;
            height: 60px;
            border-radius: 12px;
        }

        .app-header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 70px;
            background: white;
            box-shadow: 0 4px 12px rgba(0,0,0,0.03);
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 1.5rem;
            border-bottom: 1px solid var(--input-border);
        }
        .header-right, .header-left { display: flex; align-items: center; gap: 16px; }
        .menu-btn { font-size: 1.8rem; cursor: pointer; color: var(--text-main); }
        .app-logo {
            font-family: var(--font-heading);
            font-size: 1.8rem;
            font-weight: 800;
            background: linear-gradient(135deg, #1a1a1a 30%, #945d36 70%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        .search-btn { font-size: 1.4rem; color: var(--text-main); }
        .profile-icon {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            cursor: pointer;
            border: 2px solid var(--primary-orange-light);
        }
        .profile-placeholder {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: var(--primary-orange-light);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary-orange);
            font-size: 1.4rem;
            cursor: pointer;
        }
        
        .sidebar {
            position: fixed;
            top: 0;
            right: -300px;
            width: 280px;
            height: 100vh;
            background: white;
            box-shadow: -5px 0 20px rgba(0,0,0,0.1);
            z-index: 2000;
            transition: right 0.3s ease;
            padding: 20px 0;
            overflow-y: auto;
        }
        .sidebar.open { right: 0; }
        .sidebar-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.3);
            z-index: 1999;
            display: none;
        }
        .sidebar-overlay.open { display: block; }
        .sidebar-header { padding: 0 20px 20px; border-bottom: 1px solid var(--input-border); margin-bottom: 10px; }
        .sidebar-close { float: left; font-size: 1.8rem; cursor: pointer; color: var(--text-muted); }
        .sidebar-menu { list-style: none; }
        .sidebar-menu li a {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 15px 20px;
            font-size: 1.1rem;
            font-weight: 500;
            color: var(--text-main);
            transition: 0.2s;
        }
        .sidebar-menu li a:hover { background: var(--primary-orange-light); color: var(--primary-orange); }
        
        .auth-popup {
            position: absolute;
            top: 70px;
            left: 20px;
            background: white;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            padding: 20px;
            width: 240px;
            z-index: 1100;
            display: none;
        }
        .auth-popup.open { display: block; }
        .auth-popup p { margin-bottom: 15px; font-weight: 500; text-align: center; }
        .auth-popup .btn {
            display: block;
            width: 100%;
            padding: 12px;
            margin: 8px 0;
            text-align: center;
            border-radius: 40px;
            font-weight: 700;
            border: none;
            cursor: pointer;
        }
        .btn-primary { background: var(--primary-orange); color: white; }
        .btn-outline { background: transparent; border: 2px solid var(--primary-orange); color: var(--primary-orange); }
        
        .bottom-nav {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 70px;
            background: white;
            border-top: 1px solid var(--input-border);
            display: flex;
            align-items: center;
            justify-content: space-around;
            z-index: 1000;
            box-shadow: 0 -4px 12px rgba(0,0,0,0.03);
        }
        .bottom-nav a { display: flex; flex-direction: column; align-items: center; color: var(--text-muted); font-size: 0.8rem; transition: 0.2s; }
        .bottom-nav a i, .bottom-nav a svg { font-size: 1.6rem; margin-bottom: 2px; width: 1.6rem; height: 1.6rem; }
        .bottom-nav a.active { color: var(--primary-orange); }
        
        .promo-swiper { width: 100%; margin: 1.5rem 0; border-radius: var(--radius-lg); }
        .promo-slide {
            position: relative;
            width: 100%;
            height: 170px;
            border-radius: 24px;
            overflow: hidden;
            background: linear-gradient(145deg, #1a1a1a 0%, #2d2d2d 100%);
        }
        .promo-slide a { display: flex; flex-direction: row; align-items: center; height: 100%; color: white; }
        .promo-slide .promo-image { width: 35%; height: 100%; object-fit: cover; }
        .promo-slide .promo-content { width: 65%; padding: 0.8rem 1.5rem; }
        .promo-slide .promo-title { font-family: var(--font-heading); font-size: 1.2rem; font-weight: 700; }
        .promo-slide .promo-summary { font-size: 0.8rem; opacity: 0.9; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .promo-slide .promo-btn {
            align-self: flex-start;
            background: var(--primary-orange);
            color: white;
            padding: 0.4rem 1.2rem;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.8rem;
            display: inline-block;
        }
        
        .categories-swiper { margin: 1.5rem 0 2.5rem; }
        .category-slide { width: auto !important; }
        .category-legend-item {
            background: #f8f8f8;
            border-radius: 60px;
            padding: 0.8rem 2rem;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            white-space: nowrap;
        }
        .category-legend-item i { color: var(--primary-orange); }
        
        .section-header { display: flex; justify-content: space-between; align-items: baseline; margin: 2.5rem 0 1.2rem; }
        .section-title { font-family: var(--font-heading); font-size: 2rem; font-weight: 700; position: relative; }
        .section-title:after { content: ''; position: absolute; bottom: -8px; right: 0; width: 60px; height: 3px; background: var(--primary-orange); border-radius: 4px; }
        .view-all { color: var(--primary-orange); font-weight: 600; font-size: 1.2rem; }
        .view-all i { font-size: 1.2rem; }
        
        .swiper { padding: 0.5rem 0.2rem; }
        .swiper-button-next, .swiper-button-prev { color: var(--primary-orange); background: white; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
        .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.2rem; }
        .swiper-button-disabled { opacity: 0.3; }
        

        .novel-card-vertical {
            display: flex;
            flex-direction: column;
            background: transparent;
            transition: transform 0.2s;
            height: 100%;
        }
        .novel-card-vertical:hover { transform: translateY(-3px); }
        .card-image-link {
            display: block;
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            aspect-ratio: 2/3;
            margin-bottom: 10px;
        }
        .card-image-link img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }
        .novel-card-vertical:hover .card-image-link img { transform: scale(1.05); }
        .card-info { padding: 0 2px; }
        .novel-title {
            font-family: var(--font-heading);
            font-size: 1.1rem;
            font-weight: 700;
            line-height: 1.4;
            margin-bottom: 0.4rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .categories-wrapper { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.5rem; }
        .cat-tag {
            font-size: 0.7rem;
            font-weight: 600;
            color: var(--text-muted);
            padding: 0.2rem 0.6rem;
            background: #f5f5f5;
            border-radius: 50px;
        }
        .card-extra { font-size: 0.8rem; color: var(--primary-orange); margin-bottom: 0.3rem; display: flex; align-items: center; gap: 4px; }
        .status-wrapper { margin-top: 0.3rem; font-size: 0.8rem; font-weight: 700; color: var(--primary-orange); display: flex; align-items: center; gap: 0.3rem; }
        
        .novel-card.reaction-card {
            display: flex;
            align-items: center;
            gap: 1rem;
            height: auto;
            min-height: 110px;
            background: transparent;
            border: none;
            box-shadow: none;
        }
        .reaction-card .card-image-wrapper {
            width: 70px;
            height: 95px;
            border-radius: 12px;
            overflow: hidden;
            flex-shrink: 0;
            background: #f0f0f0;
        }
        .reaction-card .card-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s;
        }
        .reaction-card .card-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0.3rem 0;
        }
        .reaction-card .novel-title {
            font-family: var(--font-heading);
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.3;
            margin-bottom: 0.2rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .reaction-card .card-extra {
            font-size: 0.8rem;
            font-weight: 600;
            background: rgba(148, 93, 54, 0.08);
            display: inline-block;
            padding: 0.2rem 0.8rem;
            border-radius: 30px;
            margin: 0.3rem 0;
            color: var(--primary-orange);
            width: fit-content;
        }
        .reaction-card .status-wrapper {
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--primary-orange);
            display: flex;
            align-items: center;
            gap: 0.3rem;
            margin-top: 0.2rem;
        }
        .reaction-card.reaction-love .card-extra { background: #ffebee; color: #e53935; }
        .reaction-card.reaction-angry .card-extra { background: #fff3e0; color: #fb8c00; }
        .reaction-card.reaction-sad .card-extra { background: #e3f2fd; color: #1e88e5; }
        .reaction-card.reaction-wow .card-extra { background: #f3e5f5; color: #8e24aa; }
        .reaction-card.reaction-funny .card-extra { background: #fff8e1; color: #f9a825; }
        
        .continue-card {
            display: flex;
            align-items: center;
            gap: 12px;
            background: transparent;
            padding: 8px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        .continue-image {
            position: relative;
            width: 55px;
            height: 55px;
            border-radius: 12px;
            overflow: hidden;
            flex-shrink: 0;
        }
        .continue-image img { width: 100%; height: 100%; object-fit: cover; }
        .chapter-badge {
            position: absolute;
            bottom: 4px;
            right: 4px;
            background: var(--primary-orange);
            color: white;
            font-size: 0.6rem;
            padding: 2px 6px;
            border-radius: 20px;
        }
        .continue-info { flex: 1; }
        .continue-title { font-weight: 700; font-size: 0.95rem; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .continue-chapter { font-size: 0.75rem; color: var(--text-muted); margin-bottom: 5px; }
        .continue-progress { height: 3px; background: #e0e0e0; border-radius: 10px; width: 80%; }
        .progress-bar-fill { height: 100%; background: var(--primary-orange); border-radius: 10px; width: 65%; }
        
        .author-card-horizontal {
            display: flex;
            align-items: center;
            gap: 12px;
            background: transparent;
            padding: 8px 0;
        }
        .author-avatar-sm { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primary-orange-light); }
        .author-info { flex: 1; }
        .author-name-sm { font-weight: 700; margin-bottom: 2px; color: var(--text-main); }
        .author-followers { font-size: 0.75rem; color: var(--text-muted); }
        .author-follow-btn {
            background: var(--primary-orange);
            color: white;
            border: none;
            border-radius: 30px;
            padding: 0.4rem 1.2rem;
            font-size: 0.8rem;
            font-weight: 600;
            cursor: pointer;
            transition: 0.2s;
            border: 1px solid var(--primary-orange);
        }
        .author-follow-btn.following {
            background: white;
            color: var(--primary-orange);
            border: 1px solid var(--primary-orange);
        }
        .author-follow-btn:hover { opacity: 0.9; }
        
        .novel-card-horizontal {
            display: flex;
            align-items: center;
            gap: 12px;
            background: transparent;
            padding: 8px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        /*
        btn iphooooneeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
        */
            .glass-effect {
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 20px;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
        }
        .sidebar-menu i.fab {
            margin-left: 10px;
            color: #945d36;
        }
        .btn-uninstall {
            color: #dc3545 !important; /* لون أحمر */
            font-weight: bold;
        }
        .btn-installed-status {
            color: #28a745 !important; /* لون أخضر */
            pointer-events: none;
        }
        .sidebar-menu li { list-style: none; margin: 10px 0; }
        .sidebar-menu a { text-decoration: none; display: block; padding: 10px; border-bottom: 1px solid #eee; }
        .horizontal-image { width: 60px; height: 60px; border-radius: 12px; overflow: hidden; flex-shrink: 0; }
        .horizontal-image img { width: 100%; height: 100%; object-fit: cover; }
        .horizontal-info { flex: 1; }
        .horizontal-info .novel-title { font-size: 1rem; margin-bottom: 0; }
        
        .lazy-section { min-height: 200px; }
        .lazy-loading { display: flex; justify-content: center; padding: 2rem; }
        .spinner { width: 40px; height: 40px; border: 3px solid rgba(148,93,54,0.2); border-radius: 50%; border-top-color: var(--primary-orange); animation: spin 1s linear infinite; }
        @keyframes spin { to { transform: rotate(360deg); } }
        
        @media (max-width: 768px) {
            .container { padding: 0 1rem; }
            .promo-slide { height: 140px; }
            .section-title { font-size: 1.5rem; }
            .swiper-button-next, .swiper-button-prev { display: none; }
        }

        /* ---------- نافذة إرشادات تثبيت آيفون الأسطورية ---------- */
        .ios-install-guide {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            pointer-events: none;
            padding: 0 16px 20px;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s;
        }
        .ios-install-guide.show {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
        .guide-overlay {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-radius: 30px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(148, 93, 54, 0.1);
            width: 100%;
            max-width: 400px;
            padding: 20px 24px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            transform: translateY(20px);
            transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .ios-install-guide.show .guide-overlay {
            transform: translateY(0);
        }
        .guide-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
        }
        .guide-title {
            font-family: var(--font-heading);
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--black-accent);
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .guide-title i {
            color: var(--primary-orange);
            font-size: 1.6rem;
        }
        .guide-close {
            background: rgba(0,0,0,0.05);
            border: none;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.3rem;
            color: var(--text-muted);
            cursor: pointer;
            transition: all 0.2s;
        }
        .guide-close:hover {
            background: var(--primary-orange-light);
            color: var(--primary-orange);
        }
        .guide-steps {
            display: flex;
            flex-direction: column;
            gap: 18px;
            margin-bottom: 20px;
        }
        .step {
            display: flex;
            align-items: center;
            gap: 14px;
        }
        .step-number {
            width: 36px;
            height: 36px;
            background: var(--primary-orange);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 1.1rem;
            flex-shrink: 0;
            box-shadow: 0 4px 10px rgba(148, 93, 54, 0.3);
        }
        .step-content {
            font-weight: 500;
            color: var(--text-main);
            font-size: 1rem;
            line-height: 1.4;
        }
        .step-content strong {
            color: var(--primary-orange);
            font-weight: 700;
        }
        .share-icon-highlight {
            display: inline-block;
            background: #007AFF;
            color: white;
            width: 28px;
            height: 28px;
            line-height: 28px;
            text-align: center;
            border-radius: 8px;
            margin: 0 4px;
            font-size: 1.1rem;
        }
        .guide-footer {
            display: flex;
            justify-content: flex-end;
            border-top: 1px dashed rgba(0,0,0,0.1);
            padding-top: 16px;
        }
        .guide-dismiss {
            background: transparent;
            border: 1px solid var(--primary-orange);
            color: var(--primary-orange);
            padding: 8px 22px;
            border-radius: 40px;
            font-weight: 600;
            font-size: 0.9rem;
            cursor: pointer;
            transition: all 0.2s;
        }
        .guide-dismiss:hover {
            background: var(--primary-orange);
            color: white;
        }
        /* تحسينات للهواتف */
        @media (max-width: 480px) {
            .ios-install-guide {
                padding: 0 10px 15px;
            }
            .guide-overlay {
                padding: 16px 18px;
            }
            .step-content {
                font-size: 0.9rem;
            }
        }

        .site-footer {
            display: none; 
        }
        @media (min-width: 768px) {
            .bottom-nav {
                display: none !important;
            }
            body {
                padding-bottom: 0;
            }
            .site-footer {
                display: block;
                background: var(--black-accent);
                color: #ccc;
                padding: 3rem 0 2rem;
                margin-top: 3rem;
                font-family: var(--font-body);
            }
            .footer-container {
                max-width: 1200px;
                margin: 0 auto;
                padding: 0 1.5rem;
                display: grid;
                grid-template-columns: 2fr 1fr 1fr 1.5fr;
                gap: 2rem;
            }
            .footer-logo {
                font-family: var(--font-heading);
                font-size: 2rem;
                font-weight: 800;
                background: linear-gradient(135deg, #fff 30%, #945d36 70%);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                margin-bottom: 1rem;
            }
            .footer-desc {
                font-size: 0.9rem;
                color: #aaa;
                line-height: 1.6;
            }
            .footer-col h4 {
                font-family: var(--font-heading);
                font-size: 1.2rem;
                color: var(--primary-orange);
                margin-bottom: 1rem;
                position: relative;
            }
            .footer-col h4::after {
                content: '';
                position: absolute;
                bottom: -6px;
                right: 0;
                width: 30px;
                height: 2px;
                background: var(--primary-orange);
            }
            .footer-links {
                list-style: none;
                padding: 0;
            }
            .footer-links li {
                margin-bottom: 0.5rem;
            }
            .footer-links a {
                color: #bbb;
                font-size: 0.9rem;
                transition: color 0.2s;
                text-decoration: none;
            }
            .footer-links a:hover {
                color: var(--primary-orange);
            }
            .footer-social {
                display: flex;
                gap: 1rem;
                margin-top: 0.5rem;
            }
            .footer-social a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: rgba(255,255,255,0.1);
                color: #ccc;
                font-size: 1.2rem;
                transition: all 0.3s;
            }
            .footer-social a:hover {
                background: var(--primary-orange);
                color: #fff;
                transform: translateY(-3px);
            }
            .footer-bottom {
                border-top: 1px solid rgba(255,255,255,0.1);
                margin-top: 2rem;
                padding-top: 1.5rem;
                text-align: center;
                font-size: 0.85rem;
                color: #888;
                max-width: 1200px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }
        }
        
        
.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame {
    display: none !important;
}
body {
    top: 0px !important; 
}
.goog-te-gadget-simple,
.goog-tooltip,
.goog-tooltip:hover,
#goog-gt-tt {
    display: none !important;
}