:root {--primary:#ff385c;--primary-dark:#d90b3e;--text-main:#222222;--text-muted:#717171;--background:#ffffff;--surface:#ffffff;--surface-alt:#f7f7f7;--border:#dddddd;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md:0 6px 16px rgba(0, 0, 0, 0.12);--radius-md:12px;--radius-pill:99px;--transition:0.2s ease-in-out;}* {margin:0;padding:0;box-sizing:border-box;}html,body {overflow-x:hidden;width:100%;position:relative;}body {font-family:'Inter', sans-serif;color:var(--text-main);background-color:var(--background);line-height:1.5;-webkit-font-smoothing:antialiased;}body.overflow-hidden {overflow:hidden;height:100vh;}a {color:inherit;text-decoration:none;transition:var(--transition);}img {max-width:100%;display:block;transition:opacity 0.3s ease;}img[loading] {background:linear-gradient(110deg, #f7f7f7 8%, #eeeeee 18%, #f7f7f7 33%);background-size:200% 100%;animation:skeleton-loading 1.5s linear infinite;}@keyframes skeleton-loading {to {background-position-x:-200%;}}.container {max-width:1200px;margin:0 auto;padding:0 1.5rem;}.navbar {position:fixed;top:0;left:0;right:0;width:auto;z-index:1000;background:transparent;padding:1rem 0;transition:var(--transition);color:white;}.navbar.scrolled,.navbar.solid-nav {background:white;color:var(--text-main);padding:1rem 0;box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border);}.navbar .container {display:flex;justify-content:space-between;align-items:center;}.logo {font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:0.5rem;}.navbar.scrolled .logo,.navbar.solid-nav .logo {color:var(--primary);}.nav-links {display:flex;gap:2rem;list-style:none;}.nav-links li a {font-weight:500;font-size:0.95rem;opacity:0.9;}.nav-links li a:hover {opacity:1;}.navbar.solid-nav .nav-links li a {color:var(--text-main);}.mobile-toggle {display:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:inherit;z-index:1001;transition:var(--transition);}.navbar.scrolled .mobile-toggle,.navbar.solid-nav .mobile-toggle {color:var(--text-main);}@media (max-width:991px) {.nav-links {display:none !important;}.mobile-toggle {display:block !important;}}.btn {display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;border:none;transition:var(--transition);}.btn-primary {background:var(--primary);color:white !important;}.navbar:not(.scrolled):not(.solid-nav) .btn-primary {background:white;color:var(--text-main) !important;}.btn-primary:hover {background:var(--primary-dark);}.hero {height:50vh;min-height:400px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.6) 100%),url('https://images.unsplash.com/photo-1524850011238-e3d235c7d4c9?auto=format&fit=crop&q=80') center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;padding:0 1rem;}.hero h1,.hero-title {font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;margin-bottom:2rem;letter-spacing:-0.02em;transition:opacity 0.5s ease-in-out;min-height:4.5rem;display:flex;align-items:center;justify-content:center;}.search-box {background:white;padding:0.5rem;border-radius:var(--radius-pill);display:flex;align-items:center;max-width:100%;width:650px;margin:0 auto;box-shadow:var(--shadow-md);}.search-box input {flex:1;border:none;padding:1rem 1.5rem;font-size:1.05rem;font-family:inherit;outline:none;background:transparent;color:var(--text-main);}.search-box button {background:var(--primary);color:white;border:none;padding:1rem 2rem;border-radius:var(--radius-pill);font-weight:600;font-size:1.05rem;cursor:pointer;transition:var(--transition);}.search-box button:hover {background:var(--primary-dark);}.quick-cats {margin-top:3rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;}.quick-cat-pill {background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.4);padding:0.5rem 1rem;border-radius:var(--radius-pill);display:flex;align-items:center;gap:0.5rem;font-weight:500;transition:var(--transition);}.quick-cat-pill:hover {background:white;color:var(--text-main);}.section {padding:1rem 0;border-bottom:1px solid var(--border);}.section-title {font-size:2rem;font-weight:700;margin-bottom:0.5rem;letter-spacing:-0.02em;}.section-subtitle {font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem;}.directory-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:2rem;}.taziye-card {border:1px solid var(--border);transition:all 0.3s ease;background:#fff;padding:1rem;border-radius:var(--radius-md);cursor:pointer;}.taziye-card:hover {transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);}.fatiha-count {background:var(--primary);color:#fff;padding:0.2rem 0.6rem;border-radius:20px;font-size:0.8rem;font-weight:700;display:inline-block;}.taziye-actions {display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);}.action-btn {border:none;padding:0.5rem;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.4rem;transition:all 0.2s;font-size:0.85rem;}.btn-fatiha {background:var(--primary-light);color:var(--primary);}.btn-fatiha:hover {background:var(--primary);color:#fff;}.btn-condolence {background:var(--surface-alt);color:var(--text-main);border:1px solid var(--border);}.btn-condolence:hover {background:var(--border);}.taziye-modal-backdrop {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;backdrop-filter:blur(4px);}.taziye-modal {background:white;width:100%;max-width:600px;border-radius:20px;overflow-y:auto;max-height:90vh;position:relative;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);}.modal-close {position:absolute;top:1rem;right:1rem;background:var(--surface-alt);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);}.ready-msg-btn {background:var(--surface-alt) !important;color:var(--text-main) !important;border:1px solid var(--border) !important;padding:0.75rem 1rem !important;border-radius:8px !important;width:100% !important;text-align:left !important;font-size:0.9rem !important;font-weight:500 !important;transition:all 0.2s !important;}.ready-msg-btn:hover {background:var(--primary) !important;color:white !important;border-color:var(--primary) !important;}.dir-card {transition:var(--transition);cursor:pointer;}.dir-card:hover {transform:translateY(-4px);}.dir-card-image {aspect-ratio:4/3;background:var(--surface-alt);border-radius:var(--radius-md);margin-bottom:1rem;overflow:hidden;position:relative;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--border);}.dir-badge {position:absolute;top:1rem;left:1rem;background:white;padding:0.25rem 0.75rem;border-radius:var(--radius-pill);font-size:0.8rem;font-weight:600;box-shadow:var(--shadow-sm);color:var(--text-main);}.dir-card h3 {font-size:1.1rem;font-weight:600;margin-bottom:0.25rem;}.dir-card p {color:var(--text-muted);font-size:0.95rem;}.dir-card .price {margin-top:0.5rem;font-weight:600;font-size:0.95rem;color:var(--text-main);}.card {background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition);}.card:hover {box-shadow:var(--shadow-sm);}.flex-between {display:flex;justify-content:space-between;align-items:center;}footer {background:var(--surface-alt);padding:3rem 0 1.5rem;margin-top:0;border-top:1px solid var(--border);}.footer-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:3rem;margin-bottom:3rem;}.footer-col h4 {font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-main);}.footer-col ul {list-style:none;}.footer-col ul li {margin-bottom:0.75rem;}.footer-col ul li a {color:var(--text-muted);}.footer-col ul li a:hover {color:var(--primary);}.footer-bottom {text-align:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-muted);}@media (max-width:768px) {.mobile-toggle {display:block;}.nav-links {display:none;}.mobile-menu-overlay {position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;background:#ffffff !important;z-index:9999 !important;display:flex;flex-direction:column;padding:1rem 1.25rem;margin:0 !important;border-radius:0 !important;box-shadow:none !important;overflow-y:auto;}.menu-header {margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(to right, rgba(255, 56, 92, 0.03), transparent);margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem;}.menu-header .logo {margin-bottom:0.2rem;font-size:1.6rem;letter-spacing:-0.03em;}.menu-close-btn {background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#475569;cursor:pointer;transition:all 0.2s;}.menu-close-btn:active {transform:scale(0.9);background:#e2e8f0;}.menu-header p {font-size:0.75rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.menu-items {display:flex;flex-direction:column;gap:0.2rem;margin-bottom:1.25rem;}.menu-item {display:flex;align-items:center;gap:0.85rem;padding:0.65rem 0.75rem;background:transparent;border-radius:14px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;}.menu-item:hover, .menu-item:active {transform:translateX(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.5);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.07);}.menu-item:nth-child(1):hover { background:rgba(59, 130, 246, 0.12); border-color:rgba(59, 130, 246, 0.2); }.menu-item:nth-child(2):hover { background:rgba(249, 115, 22, 0.12); border-color:rgba(249, 115, 22, 0.2); }.menu-item:nth-child(3):hover { background:rgba(239, 68, 68, 0.12); border-color:rgba(239, 68, 68, 0.2); }.menu-item:nth-child(4):hover { background:rgba(16, 185, 129, 0.12); border-color:rgba(16, 185, 129, 0.2); }.menu-item:nth-child(5):hover { background:rgba(245, 158, 11, 0.12); border-color:rgba(245, 158, 11, 0.2); }.menu-item:nth-child(6):hover { background:rgba(100, 116, 139, 0.12); border-color:rgba(100, 116, 139, 0.2); }.menu-item:nth-child(7):hover { background:rgba(139, 92, 246, 0.12); border-color:rgba(139, 92, 246, 0.2); }.menu-item:nth-child(8):hover { background:rgba(236, 72, 153, 0.12); border-color:rgba(236, 72, 153, 0.2); }.m-icon {width:36px;height:36px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#64748b;transition:all 0.3s;}.menu-item:nth-child(1) .m-icon { color:#3b82f6; background:rgba(59, 130, 246, 0.1); }.menu-item:nth-child(2) .m-icon { color:#f97316; background:rgba(249, 115, 22, 0.1); }.menu-item:nth-child(3) .m-icon { color:#ef4444; background:rgba(239, 68, 68, 0.1); }.menu-item:nth-child(4) .m-icon { color:#10b981; background:rgba(16, 185, 129, 0.1); }.menu-item:nth-child(5) .m-icon { color:#f59e0b; background:rgba(245, 158, 11, 0.1); }.menu-item:nth-child(6) .m-icon { color:#64748b; background:rgba(100, 116, 139, 0.1); }.menu-item:nth-child(7) .m-icon { color:#8b5cf6; background:rgba(139, 92, 246, 0.1); }.menu-item:nth-child(8) .m-icon { color:#ec4899; background:rgba(236, 72, 153, 0.1); }.menu-item:hover .m-icon, .menu-item:active .m-icon {transform:rotate(-5deg) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.05);}.menu-item span {font-weight:600;color:#1e293b;font-size:0.95rem;flex:1;transition:color 0.3s;}.menu-item:hover span {color:var(--text-main);}.m-arrow {font-size:0.7rem;color:#cbd5e1;transition:transform 0.3s;}.menu-item:hover .m-arrow {transform:translateX(3px);color:#94a3b8;}.menu-quick-actions {display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-bottom:1rem;}.q-action {display:flex;align-items:center;justify-content:center;gap:0.6rem;padding:0.85rem;border-radius:14px;color:white;text-align:center;font-weight:700;font-size:0.75rem;transition:all 0.3s;}.q-action:hover, .q-action:active {transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);}.q-action i {font-size:1.1rem;}.q-action.phar {background:linear-gradient(135deg, #1e293b, #0f172a);}.q-action.weather {background:linear-gradient(135deg, #f8fafc, #f1f5f9);color:#334155;border:1px solid #e2e8f0;}.menu-footer {padding-top:1rem;border-top:1px solid #f1f5f9;text-align:center;margin-top:0;}.social-icons {display:flex;justify-content:center;gap:1.25rem;margin-bottom:0.75rem;font-size:1.25rem;color:#94a3b8;}.social-icons a:hover {color:var(--primary);}.menu-footer p {font-size:0.7rem;color:#cbd5e1;font-weight:600;}.navbar:not(.scrolled):not(.solid-nav):not(.mobile-open) {color:white;}.navbar.mobile-open {color:var(--text-main) !important;z-index:20000 !important;}.hero {padding-top:6.5rem;height:auto;min-height:450px;padding-bottom:3rem;}.hero h1,.hero-title {font-size:1.7rem;min-height:auto !important;margin-bottom:1.5rem;}.search-box {flex-direction:column;border-radius:var(--radius-md);background:transparent;box-shadow:none;gap:0.5rem;width:100% !important;max-width:100% !important;}.search-box input,.search-box button {width:100%;border-radius:var(--radius-md);}.search-box input {background:white;}.quick-cat-pill {padding:0.4rem 0.75rem;font-size:0.85rem;}}.main-news-carousel {position:relative;width:100%;height:500px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);}.carousel-slide {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease-in-out;display:flex;align-items:flex-end;}.carousel-slide.active {opacity:1;z-index:10;}.carousel-slide img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}.carousel-content {position:relative;z-index:20;background:linear-gradient(transparent, rgba(0, 0, 0, 0.85));width:100%;padding:3rem 1.5rem 1.5rem;color:white;}.carousel-content h2 {font-size:1.6rem;font-weight:800;margin-bottom:0.25rem;text-shadow:0 1px 3px rgba(0, 0, 0, 0.4);}.carousel-content p {font-size:0.95rem;opacity:0.9;margin-bottom:0.75rem;max-width:700px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.carousel-dots {position:absolute;bottom:1rem;right:1.5rem;z-index:30;display:flex;gap:0.5rem;}.carousel-dot {width:8px;height:8px;border-radius:50%;background:rgba(255, 255, 255, 0.4);cursor:pointer;transition:var(--transition);}.carousel-dot.active {background:white;width:24px;border-radius:4px;}.pagination {display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);}.page-link {display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;border-radius:var(--radius-md);background:white;border:1px solid var(--border);font-weight:600;font-size:0.9rem;color:var(--text-main);transition:var(--transition);}.page-link:hover {border-color:var(--primary);color:var(--primary);}.page-link.active {background:var(--primary);color:white;border-color:var(--primary);}.page-link.disabled {opacity:0.5;cursor:not-allowed;pointer-events:none;}.news-layout {display:grid;grid-template-columns:1fr 300px;gap:2.5rem;}.news-list {display:flex;flex-direction:column;gap:1.5rem;}.news-item {display:flex;gap:1.5rem;background:white;border-radius:var(--radius-md);padding:1rem;border:1px solid var(--border);transition:var(--transition);align-items:center;}.news-item:hover {border-color:var(--primary);transform:translateX(5px);}.news-item-img {width:220px;height:140px;border-radius:8px;object-fit:cover;flex-shrink:0;}.news-item-content {flex:1;min-width:0;}.news-item-meta {font-size:0.8rem;color:var(--text-muted);margin-bottom:0.5rem;display:flex;gap:1rem;}.news-item-title {font-size:1.2rem;font-weight:700;margin-bottom:0.5rem;color:var(--text-main);line-height:1.3;}.news-item-excerpt {font-size:0.9rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.sidebar-title {font-size:1.15rem;font-weight:700;margin-bottom:1.25rem;border-left:4px solid var(--primary);padding-left:0.75rem;color:var(--text-main);}.cat-item {display:flex;align-items:center;gap:0.5rem;padding:0.65rem 0.85rem;border-radius:8px;font-size:0.9rem;font-weight:500;color:var(--text-main);transition:all 0.2s ease;border:1px solid transparent;}.cat-item:hover {background:var(--surface-alt);color:var(--primary);padding-left:1rem;border-color:var(--border);}.cat-item.active {background:var(--primary);color:white !important;box-shadow:0 4px 12px rgba(255, 56, 92, 0.2);}.cat-item.active i {color:white;opacity:1;}@media (max-width:900px) {.news-layout {grid-template-columns:1fr;}.news-item {gap:0.75rem;padding:0.75rem;flex-direction:row;align-items:flex-start;}.news-item-img {width:110px;height:75px;border-radius:8px;}.news-item-content {flex:1;display:flex;flex-direction:column;justify-content:flex-start;}.news-item-meta {font-size:0.6rem !important;opacity:0.8;margin-bottom:0.35rem !important;display:flex !important;justify-content:space-between !important;width:100% !important;}.source-mobile-hide {display:none !important;}.news-item-title {font-size:0.85rem;margin-bottom:0;-webkit-line-clamp:2;line-clamp:2;line-height:1.3;font-weight:700;}.news-item-content a[style*="font-weight:600"] {display:none !important;}.news-item-excerpt {display:none;}}.news-grid-5 {display:grid;grid-template-columns:repeat(5, 1fr);gap:1.25rem;margin-bottom:3.5rem;}.news-card-v5 {background:white;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);text-decoration:none;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);display:flex;flex-direction:column;height:100%;}.news-card-v5:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(255, 56, 92, 0.15);border-color:var(--primary);}.news-card-v5 .img-box {width:100%;height:150px;overflow:hidden;position:relative;}.news-card-v5 .img-box img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.news-card-v5:hover .img-box img {transform:scale(1.1);}.news-card-v5 .card-body {padding:1rem;display:flex;flex-direction:column;flex-grow:1;}.news-card-v5 h4 {font-size:0.95rem;font-weight:700;line-height:1.4;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;margin-bottom:0.75rem;flex-grow:1;}.news-card-v5 .meta {font-size:0.7rem;color:var(--text-muted);}@media (max-width:768px) {.news-card-v5 .card-body {justify-content:flex-start;padding:0.85rem;}.news-card-v5 h4 {-webkit-line-clamp:2;line-clamp:2;font-size:0.85rem;margin-bottom:0.35rem;flex-grow:0;}.news-card-v5 .meta {font-size:0.55rem;opacity:0.8;display:flex !important;justify-content:space-between !important;width:100% !important;align-items:center;}.news-card-v5 .meta span:nth-of-type(2),.news-card-v5 .meta span:nth-of-type(3) {display:none;}}@media (max-width:1200px) {.news-grid-5 {grid-template-columns:repeat(3, 1fr);}}@media (max-width:768px) {.news-grid-5 {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0.5rem 0.5rem 1.5rem;margin:0 -1.5rem 2rem;gap:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.news-grid-5::-webkit-scrollbar {display:none;}.news-card-v5 {flex:0 0 280px;scroll-snap-align:start;box-shadow:var(--shadow-md);border-radius:16px;}.news-card-v5 .img-box {height:160px;}.news-card-v5 h4 {font-size:1rem;}}@media (max-width:480px) {.news-card-v5 {flex:0 0 240px;}.news-card-v5 .img-box {height:140px;}}.taziye-container {padding-top:90px;padding-bottom:2rem;}.taziye-layout {display:grid;grid-template-columns:320px 1fr;gap:2.5rem;}.taziye-sidebar {display:flex;flex-direction:column;gap:2rem;position:sticky;top:100px;height:fit-content;}.sidebar-box {background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;}.sidebar-box h3 {font-size:1.1rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-main);display:flex;align-items:center;gap:0.75rem;}.sidebar-box h3 i {color:var(--primary);}.filter-list {list-style:none;display:flex;flex-direction:column;gap:0.5rem;}.filter-item a {display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-radius:8px;font-weight:500;font-size:0.95rem;color:var(--text-muted);background:var(--surface-alt);}.filter-item.active a {background:var(--primary);color:white;}.filter-item a:hover:not(.active) {background:#eee;color:var(--text-main);}.taziye-evi-list {list-style:none;display:flex;flex-direction:column;gap:0.15rem;}.taziye-evi-item {border-bottom:1px solid #f1f5f9;padding-bottom:0.4rem;margin-bottom:0;}.taziye-evi-item:last-child {border-bottom:none;padding-bottom:0;}.taziye-evi-item strong {display:block;font-size:0.95rem;color:var(--text-main);margin-bottom:0.25rem;}.taziye-evi-item span {font-size:0.85rem;color:var(--text-muted);}.taziye-card {border-left:4px solid var(--primary) !important;position:relative;overflow:visible;}.taziye-actions {display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);}.action-btn {flex:1;display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid var(--border);background:white;font-size:0.9rem;}.btn-fatiha {border-color:#4ade80;color:#166534;}.btn-fatiha:hover {background:#f0fdf4;}.btn-condolence {border-color:#60a5fa;color:#1e40af;}.btn-condolence:hover {background:#eff6ff;}.fatiha-count {background:#4ade80;color:white;padding:2px 8px;border-radius:99px;font-size:0.75rem;}.msg-count {background:#60a5fa;color:white;padding:2px 8px;border-radius:99px;font-size:0.75rem;}@keyframes flyUp {0% {transform:translateY(0) scale(1);opacity:1;}100% {transform:translateY(-100px) scale(1.5);opacity:0;}}.fly-heart {position:absolute;pointer-events:none;color:#4ade80;font-size:1.5rem;z-index:100;animation:flyUp 1s ease-out forwards;}.messages-list {margin-top:1rem;display:flex;flex-direction:column;gap:0.75rem;max-height:200px;overflow-y:auto;padding-right:0.5rem;}.message-item {background:var(--surface-alt);padding:0.75rem;border-radius:8px;font-size:0.85rem;}.message-item .meta {display:flex;justify-content:space-between;margin-bottom:0.25rem;font-weight:700;color:var(--text-main);font-size:0.8rem;}.message-item .time {font-weight:400;color:var(--text-muted);}.msg-form {margin-top:1rem;display:flex;flex-direction:column;gap:0.75rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;}.msg-form input,.msg-form textarea {width:100%;padding:0.6rem;border-radius:6px;border:1px solid var(--border);font-family:inherit;font-size:0.9rem;outline:none;}.msg-form button {background:var(--primary);color:white;border:none;padding:0.6rem;border-radius:6px;font-weight:600;cursor:pointer;}@media (max-width:900px) {.taziye-layout {display:flex;flex-direction:column-reverse;}.taziye-sidebar {position:static;width:100%;}}.breaking-bar {background:var(--primary);color:white;font-size:0.82rem;font-weight:600;display:flex;align-items:center;overflow:hidden;height:38px;z-index:990;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 15px rgba(255, 56, 92, 0.15);}.breaking-label {background:#b91c1c;padding:0 1rem 0 1.25rem;height:100%;display:flex;align-items:center;gap:0.35rem;flex-shrink:0;font-size:0.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;position:relative;clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);padding-right:1.2rem;}.breaking-ticker-wrap {flex:1;overflow:hidden;height:100%;display:flex;align-items:center;padding-left:0.75rem;mask-image:linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 4%, black 96%, transparent 100%);}.breaking-ticker {display:flex;gap:2.5rem;animation:ticker-scroll 35s linear infinite;white-space:nowrap;}.breaking-ticker:hover {animation-play-state:paused;}.breaking-ticker a {color:white;opacity:0.95;text-decoration:none;transition:opacity 0.2s;}.breaking-ticker a:hover {opacity:1;text-decoration:underline;}.breaking-ticker .sep {opacity:0.35;}@keyframes ticker-scroll {0% {transform:translateX(0);}100% {transform:translateX(-50%);}}@media (max-width:768px) {.breaking-bar {top:56px;height:32px;font-size:0.76rem;border-radius:8px;margin-bottom:0.75rem;}.breaking-label {font-size:0.65rem;padding:0 0.8rem 0 0.5rem;width:auto;min-width:80px;flex-shrink:0;}.breaking-ticker-wrap {padding-left:0.5rem;flex:1;}}.currency-bar-v2 {background:#ffffff;border:1px solid var(--border);border-radius:14px;margin-bottom:1.25rem;overflow:hidden;box-shadow:0 2px 10px rgba(0, 0, 0, 0.04);}.c-grid-header,.c-grid-body {display:grid;grid-template-columns:repeat(5, 1fr);text-align:center;width:100%;}.c-grid-header {background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:6px 0;font-size:0.62rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:0.8px;}.c-grid-body {padding:8px 0;}.c-grid-cell {border-right:1px solid #f1f5f9;display:flex;align-items:center;justify-content:center;position:relative;padding:0 4px;}.c-grid-cell:last-child {border-right:none;}.c-grid-cell.price {font-size:0.88rem;font-weight:800;color:#1e293b;font-family:'Inter', sans-serif;}.c-grid-cell.price.up {color:#10b981;}.c-grid-cell.price.down {color:#ef4444;}.c-grid-cell .change-rate {font-size:0.65rem;font-weight:600;margin-left:0.25rem;opacity:0.85;}.c-grid-cell.loading {color:#cbd5e1;font-size:0.75rem;}@media (max-width:768px) {.currency-bar-v2 {border-radius:10px;margin-bottom:1rem;}.c-grid-header {font-size:0.58rem;padding:4px 0;}.c-grid-body {padding:6px 0;}.c-grid-cell.price {font-size:0.75rem;}.c-grid-cell .change-rate {display:none;}}@media (max-width:400px) {.c-grid-header {font-size:0.52rem;}.c-grid-cell.price {font-size:0.7rem;}}.hero-slider-v2 {position:relative;width:100%;overflow:hidden;background:#111;height:520px;user-select:none;border-radius:var(--radius-md);margin-bottom:1.5rem;box-shadow:var(--shadow-md);touch-action:pan-y;}.slider-track {display:flex;height:100%;transition:transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change:transform;-webkit-user-select:none;user-select:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;}.slider-item {min-width:100%;height:100%;position:relative;flex-shrink:0;overflow:hidden;}.slider-item img {width:100%;height:100%;object-fit:cover;object-position:center 39%;pointer-events:none;}@media (max-width:768px) {.hero-slider-v2 {height:220px;width:100%;margin-left:0;margin-right:0;border-radius:var(--radius-md);margin-bottom:1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);}.slider-item img {height:95%;width:100%;object-fit:cover;object-position:center 85%;}.hero-slider-v2 .slider-content {padding:1.25rem 1rem;max-width:100%;}}.slider-item-overlay {position:absolute;inset:0;background:linear-gradient(to top,rgba(0, 0, 0, 0.90) 0%,rgba(0, 0, 0, 0.45) 40%,rgba(0, 0, 0, 0.10) 70%,transparent 100%);}.slider-content {position:absolute;bottom:0;left:0;right:0;padding:2.5rem 1.5rem 1.75rem;color:white;z-index:10;text-decoration:none;}@media (min-width:768px) {.slider-content {max-width:62%;padding:3rem 2.5rem;}}.slider-badge {display:inline-flex;align-items:center;gap:5px;background:var(--primary);color:white;font-size:0.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-bottom:0.65rem;}.slider-title {font-size:clamp(1.15rem, 2.8vw, 1.9rem);font-weight:800;line-height:1.25;margin-bottom:0.65rem;text-shadow:0 1px 4px rgba(0, 0, 0, 0.4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.slider-meta {font-size:0.78rem;opacity:0.8;display:flex;gap:0.75rem;align-items:center;}@media (max-width:768px) {.slider-badge {font-size:0.58rem !important;padding:3px 7px !important;margin-bottom:0.4rem !important;}.slider-title {font-size:1.05rem !important;margin-bottom:0.4rem !important;line-height:1.35 !important;}.slider-meta {font-size:0.65rem !important;justify-content:space-between !important;width:100% !important;}.slider-meta span:nth-child(2) {display:none !important; }}.slider-thumbs {position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0.5rem;z-index:20;width:170px;}@media (max-width:900px) {.slider-thumbs {display:none;}}.slider-thumb {display:flex;gap:0.5rem;background:rgba(0, 0, 0, 0.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:0.4rem;border:1px solid rgba(255, 255, 255, 0.15);cursor:pointer;transition:all 0.2s;align-items:flex-start;}.slider-thumb:hover,.slider-thumb.active {background:rgba(255, 56, 92, 0.5);border-color:rgba(255, 56, 92, 0.7);}.slider-thumb img {width:52px;height:36px;object-fit:cover;border-radius:4px;flex-shrink:0;}.slider-thumb span {font-size:0.66rem;color:white;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.slider-controls {position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:0.4rem;z-index:30;}@media (min-width:901px) {.slider-controls {left:2.5rem;transform:none;}}.slider-dot {width:8px;height:8px;border-radius:50%;background:rgba(255, 255, 255, 0.4);cursor:pointer;transition:all 0.3s;border:none;padding:0;}.slider-dot.active {background:white;width:22px;border-radius:4px;}.slider-arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:30;background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.25);color:white;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-size:0.9rem;}.slider-arrow:hover {background:rgba(255, 255, 255, 0.28);}.slider-arrow.prev {left:1rem;}.slider-arrow.next {right:1rem;}@media (max-width:768px) {.slider-arrow {display:none;}}.category-pills-band {background:white;border:1px solid var(--border);z-index:980;box-shadow:0 4px 12px rgba(0, 0, 0, 0.03);border-radius:14px;margin-bottom:0.5rem;}@media (max-width:768px) {.category-pills-band {top:88px;}}.category-pills-scroll {display:flex;gap:0.5rem;padding:0.65rem 1rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}.category-pills-scroll::-webkit-scrollbar {display:none;}.cat-pill {display:inline-flex;align-items:center;gap:5px;padding:0.42rem 0.95rem;border-radius:99px;font-size:0.8rem;font-weight:600;white-space:nowrap;border:1.5px solid var(--border);color:var(--text-main);background:white;transition:all 0.2s;text-decoration:none;-webkit-tap-highlight-color:transparent;}.cat-pill:hover {border-color:var(--primary);color:var(--primary);}.cat-pill.active {background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 4px 12px rgba(255, 56, 92, 0.25);}@media (max-width:768px) {.category-pills-band,.news-portal-header-strip {display:none !important;}.breaking-bar {border-radius:12px !important;margin-bottom:1rem !important;}footer {display:none !important;}}.cat-pill i {font-size:0.72rem;}.news-portal-main {padding-top:60px;padding-bottom:2rem;min-height:100vh;background:#f1f5f9;}@media (max-width:768px) {.news-portal-main {padding-top:56px;}}.news-portal-header-strip {background:#111827;color:white;padding:0.65rem 1rem;font-size:0.76rem;border-radius:12px;margin-bottom:0.8rem;margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);}.news-portal-header-strip .container {display:flex;justify-content:space-between;align-items:center;}.news-portal-header-strip .date-info {color:#94a3b8;display:flex;gap:1.25rem;align-items:center;}.news-portal-header-strip .date-info span {display:flex;align-items:center;gap:0.4rem;}@media (max-width:480px) {.news-portal-header-strip .strip-right {display:none;}}.news-portal-layout {display:grid;grid-template-columns:1fr 290px;gap:1.5rem;padding-top:1.5rem;padding-bottom:2rem;align-items:start;}@media (max-width:960px) {.news-portal-layout {grid-template-columns:1fr;}.news-portal-sidebar {display:none;}}.news-featured-card {display:flex;background:white;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);margin-bottom:1.25rem;transition:all 0.22s;text-decoration:none;box-shadow:var(--shadow-sm);}.news-featured-card:hover {box-shadow:var(--shadow-md);}.news-featured-card .img-wrap {width:340px;flex-shrink:0;height:220px;overflow:hidden;}.news-featured-card .img-wrap img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}.news-featured-card:hover .img-wrap img {transform:scale(1.04);}.news-featured-card .body {padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;flex:1;}@media (max-width:768px) {.news-featured-card {flex-direction:column;}.news-featured-card .img-wrap {width:100%;height:195px;}.news-featured-card .body {padding:1rem;}.news-featured-card h2 {font-size:1.1rem;}}.news-cat-tag {display:inline-flex;align-items:center;gap:4px;background:#fff0f3;color:var(--primary);font-size:0.67rem;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;padding:3px 8px;border-radius:4px;margin-bottom:0.55rem;align-self:flex-start;}.news-featured-card h2 {font-size:1.2rem;font-weight:800;line-height:1.3;color:var(--text-main);margin-bottom:0.65rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.news-featured-card .excerpt {font-size:0.87rem;color:var(--text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.85rem;}.news-meta-row {display:flex;align-items:center;gap:0.6rem;font-size:0.73rem;color:var(--text-muted);}.news-duo-grid {display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;}@media (max-width:520px) {.news-duo-grid {grid-template-columns:1fr;}}.news-duo-card {background:white;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);text-decoration:none;display:flex;flex-direction:column;transition:all 0.22s;box-shadow:var(--shadow-sm);}.news-duo-card:hover {box-shadow:var(--shadow-md);transform:translateY(-2px);}.news-duo-card .img-wrap {height:155px;overflow:hidden;}.news-duo-card .img-wrap img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}.news-duo-card:hover .img-wrap img {transform:scale(1.04);}.news-duo-card .body {padding:0.9rem;flex:1;display:flex;flex-direction:column;}.news-duo-card h3 {font-size:0.93rem;font-weight:700;line-height:1.35;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.5rem;flex:1;}.news-list-section {background:white;border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);}.news-list-header {padding:0.75rem 1.25rem;border-bottom:1px solid var(--border);font-size:0.76rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);background:#fafafa;display:flex;align-items:center;gap:0.5rem;}.news-list-item {display:flex;gap:0.9rem;padding:0.8rem 1.25rem;border-bottom:1px solid #f1f5f9;text-decoration:none;align-items:flex-start;transition:background 0.15s;}.news-list-item:last-child {border-bottom:none;}.news-list-item:hover {background:#fafafa;}.news-list-item .img-wrap {width:96px;height:66px;flex-shrink:0;border-radius:8px;overflow:hidden;}.news-list-item .img-wrap img {width:100%;height:100%;object-fit:cover;}.news-list-item .body {flex:1;min-width:0;}.news-list-item h4 {font-size:0.88rem;font-weight:700;line-height:1.35;color:var(--text-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.3rem;}.news-list-item .news-meta-row {font-size:0.68rem;color:var(--text-muted);}.news-list-item .news-cat-tag {font-size:0.63rem;padding:2px 6px;margin-bottom:0.3rem;}.news-portal-sidebar {position:sticky;top:185px;}.sidebar-widget {background:white;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.25rem;box-shadow:var(--shadow-sm);}.sidebar-widget-header {padding:0.75rem 1.1rem;border-bottom:1px solid var(--border);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-main);background:#fafafa;display:flex;align-items:center;gap:0.5rem;}.sidebar-widget-header i {color:var(--primary);}.sidebar-news-item {display:flex;gap:0.75rem;padding:0.7rem 1rem;border-bottom:1px solid #f1f5f9;text-decoration:none;transition:background 0.15s;align-items:flex-start;}.sidebar-news-item:last-child {border-bottom:none;}.sidebar-news-item:hover {background:#fafafa;}.sidebar-news-item .rank {font-size:1.35rem;font-weight:800;color:#e2e8f0;line-height:1;min-width:22px;padding-top:1px;}.sidebar-news-item .body h5 {font-size:0.82rem;font-weight:700;color:var(--text-main);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.2rem;}.sidebar-news-item .body span {font-size:0.68rem;color:var(--text-muted);}.portal-pagination {display:flex;justify-content:center;align-items:center;gap:0.4rem;padding:1.75rem 0 0.5rem;}.portal-page-btn {display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 0.65rem;border-radius:8px;background:white;border:1px solid var(--border);font-weight:600;font-size:0.88rem;color:var(--text-main);transition:all 0.2s;text-decoration:none;}.portal-page-btn:hover {border-color:var(--primary);color:var(--primary);}@media (max-width:480px) {.portal-pagination {gap:3px;flex-wrap:nowrap;padding:1.5rem 0 0.5rem;}.portal-page-btn {min-width:32px;height:34px;padding:0 5px;font-size:0.85rem; border-radius:6px;}}.portal-page-btn.active {background:var(--primary);color:white;border-color:var(--primary);}.portal-page-btn.disabled {opacity:0.4;pointer-events:none;}.read-progress-bar {position:fixed;top:0;left:0;height:3px;background:var(--primary);z-index:9999;width:0%;transition:width 0.1s linear;box-shadow:0 0 10px rgba(255, 56, 92, 0.6);}.share-sidebar {position:fixed;left:max(0.75rem, calc(50vw - 640px));top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;gap:0.5rem;}@media (max-width:1200px) {.share-sidebar {display:none;}}.share-btn {width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;color:white;text-decoration:none;transition:all 0.2s;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);border:none;cursor:pointer;}.share-btn:hover {transform:scale(1.12);}.share-btn.facebook {background:#1877f2;}.share-btn.twitter {background:#000;}.share-btn.whatsapp {background:#25d366;}.share-btn.copy {background:#64748b;}.mobile-share-bar {display:none;position:fixed;bottom:calc(62px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);background:white;border:1px solid var(--border);border-radius:99px;padding:0.45rem 1.25rem;gap:1.25rem;box-shadow:0 4px 20px rgba(0, 0, 0, 0.12);z-index:900;align-items:center;}@media (max-width:768px) {.mobile-share-bar {display:flex;}}.mobile-share-item {display:flex;flex-direction:column;align-items:center;gap:2px;font-size:0.53rem;font-weight:700;color:var(--text-muted);text-decoration:none;letter-spacing:0.2px;-webkit-tap-highlight-color:transparent;background:none;border:none;cursor:pointer;font-family:inherit;text-transform:uppercase;}.mobile-share-item i {font-size:1.1rem;}.mobile-share-item.facebook i {color:#1877f2;}.mobile-share-item.twitter i {color:#000;}.mobile-share-item.whatsapp i {color:#25d366;}.mobile-share-item.copy i {color:#64748b;}.related-news-section {margin-top:2.5rem;padding-top:1.75rem;border-top:3px solid var(--primary);}.related-news-title {font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-main);margin-bottom:1.1rem;display:flex;align-items:center;gap:0.5rem;}.related-news-title i {color:var(--primary);}.related-news-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;}@media (max-width:768px) {.related-news-grid {grid-template-columns:1fr;}}.related-card {border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);text-decoration:none;background:white;transition:all 0.22s;box-shadow:var(--shadow-sm);}.related-card:hover {box-shadow:var(--shadow-md);transform:translateY(-2px);}.related-card img {width:100%;height:120px;object-fit:cover;}.related-card .body {padding:0.8rem;}.related-card h4 {font-size:0.86rem;font-weight:700;color:var(--text-main);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0.4rem;}.related-card .meta {font-size:0.68rem;color:var(--text-muted);}.ruya-portal-main {padding-top:60px;padding-bottom:2rem;min-height:100vh;background:#f1f5f9;}@media (max-width:768px) {.ruya-portal-main {padding-top:56px;}}.ruya-hero-section {text-align:center;margin-bottom:1.5rem;}.ruya-hero-title {font-size:1.8rem;font-weight:800;color:var(--text-main);margin-bottom:0.5rem;}.ruya-hero-subtitle {font-size:0.9rem;color:var(--text-muted);}.ruya-search-box {margin-bottom:1.5rem;}.ruya-search-box form {display:flex;gap:0.5rem;}.ruya-search-box input {flex:1;padding:0.9rem 1rem;border:2px solid var(--border);border-radius:12px;font-size:0.95rem;font-weight:600;outline:none;transition:all 0.2s;}.ruya-search-box input:focus {border-color:var(--primary);box-shadow:0 0 0 3px rgba(255, 56, 92, 0.1);}.ruya-search-box button {padding:0 1.25rem;background:var(--primary);color:white;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:all 0.2s;}.ruya-search-box button:hover {background:#e91e63;}.alphabet-index {display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1.25rem;justify-content:center;}.alpha-link {display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:white;border:2px solid var(--border);font-size:0.85rem;font-weight:700;color:var(--text-main);text-decoration:none;transition:all 0.2s;}.alpha-link:hover {border-color:var(--primary);color:var(--primary);}.alpha-link.active {background:var(--primary);border-color:var(--primary);color:white;}.category-pill-band {display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.65rem 0;margin-bottom:1.5rem;justify-content:center;}.cat-pill {display:inline-flex;align-items:center;gap:5px;padding:0.42rem 0.95rem;border-radius:99px;font-size:0.8rem;font-weight:600;white-space:nowrap;border:1.5px solid var(--border);color:var(--text-main);background:white;transition:all 0.2s;text-decoration:none;}.cat-pill:hover {border-color:var(--primary);color:var(--primary);}.cat-pill.active {background:var(--primary);border-color:var(--primary);color:white;}.ruya-cards-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:1rem;margin-bottom:2rem;}@media (max-width:768px) {.ruya-cards-grid {grid-template-columns:1fr;}}.ruya-card {background:white;border-radius:var(--radius-md);border:1px solid var(--border);padding:1.25rem;text-decoration:none;transition:all 0.3s;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;}.ruya-card:hover {transform:translateY(-3px);box-shadow:var(--shadow-md);}.ruya-card-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem;}.ruya-letter-badge {display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--primary);color:white;font-size:1.1rem;font-weight:800;}.ruya-category-badge {font-size:0.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;}.ruya-card-title {font-size:1.1rem;font-weight:800;color:var(--text-main);margin-bottom:0.5rem;}.ruya-card-meaning {font-size:0.85rem;color:var(--text-muted);line-height:1.5;flex:1;}.ruya-card-footer {display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9;font-size:0.75rem;color:var(--text-muted);}.popular-badge {color:#f59e0b;font-weight:700;}.empty-state {text-align:center;padding:3rem;color:var(--text-muted);}.empty-state i {font-size:3rem;margin-bottom:1rem;opacity:0.5;}.pagination {display:flex;justify-content:center;align-items:center;gap:0.4rem;margin-bottom:2rem;}.page-link {display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 0.65rem;border-radius:8px;background:white;border:1px solid var(--border);font-weight:600;font-size:0.88rem;color:var(--text-main);transition:all 0.2s;text-decoration:none;}.page-link:hover {border-color:var(--primary);color:var(--primary);}.page-link.active {background:var(--primary);color:white;border-color:var(--primary);}.popular-ruyas-section {background:white;border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);}.section-title {font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-main);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;}.section-title i {color:var(--primary);}.popular-ruyas-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:0.75rem;}.popular-ruya-item {display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:#f8fafc;border-radius:10px;text-decoration:none;transition:all 0.2s;}.popular-ruya-item:hover {background:#e2e8f0;}.popular-letter {display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--primary);color:white;font-size:0.9rem;font-weight:800;}.popular-keyword {font-size:0.85rem;font-weight:700;color:var(--text-main);}.ruya-meaning-box {background:white;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.25rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);}.box-title {font-size:0.95rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-main);margin-bottom:0.75rem;display:flex;align-items:center;gap:0.5rem;}.box-title i {color:var(--primary);}.box-content {font-size:0.95rem;color:var(--text-main);line-height:1.7;}.ai-yorum-section {margin:1.5rem 0;}.ai-yorum-btn {width:100%;padding:1rem;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-shadow:0 4px 15px rgba(99, 102, 241, 0.3);}.ai-yorum-btn:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(99, 102, 241, 0.4);}.ai-yorum-btn:disabled {opacity:0.7;cursor:not-allowed;}.ai-yorum-container {background:white;border-radius:var(--radius-md);padding:1.5rem;margin-top:1rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);}.ai-loading {display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:2rem;color:var(--text-muted);font-size:0.9rem;}.ai-error {padding:1rem;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:0.9rem;text-align:center;}.ai-content {font-size:0.95rem;color:var(--text-main);line-height:1.7;}.related-ruyas {background:white;border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.25rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);}.related-ruyas-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:0.75rem;}.related-ruya-item {display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:#f8fafc;border-radius:10px;text-decoration:none;transition:all 0.2s;}.related-ruya-item:hover {background:#e2e8f0;}.related-letter {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--primary);color:white;font-size:0.95rem;font-weight:800;}.related-keyword {font-size:0.85rem;font-weight:700;color:var(--text-main);}.share-buttons {display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1.5rem;}.share-btn {flex:1;min-width:120px;padding:0.85rem;border:none;border-radius:10px;font-size:0.85rem;font-weight:700;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:0.5rem;}.share-btn.facebook {background:#1877f2;color:white;}.share-btn.twitter {background:#000;color:white;}.share-btn.whatsapp {background:#25d366;color:white;}.share-btn.copy {background:#64748b;color:white;}.share-btn:hover {transform:translateY(-2px);opacity:0.9;}@media (max-width:768px) {.ruya-hero-title {font-size:1.4rem;}.ruya-detail-title {font-size:1.2rem;}.related-ruyas-grid {grid-template-columns:1fr 1fr;}.share-buttons {display:none;}}.article-detail {background:white;border-radius:var(--radius-md);padding:1.75rem;border:1px solid var(--border);}@media (max-width:768px) {.article-detail {padding:1.1rem;border-radius:0;border-left:none;border-right:none;}}.article-breadcrumbs {display:flex;gap:0.4rem;align-items:center;font-size:0.78rem;color:var(--text-muted);margin-bottom:0.9rem;flex-wrap:wrap;}.article-breadcrumbs a {color:var(--primary);font-weight:600;text-decoration:none;}.article-breadcrumbs a:hover {text-decoration:underline;}.article-breadcrumbs i {font-size:0.55rem;color:#cbd5e1;}.article-h1 {font-size:clamp(1.45rem, 3.5vw, 2.2rem);font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:var(--text-main);margin-bottom:0.9rem;}.article-meta-bar {display:flex;gap:0.85rem;align-items:center;color:var(--text-muted);font-size:0.82rem;flex-wrap:wrap;padding:0.9rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem;}.article-meta-bar .meta-category {color:var(--primary);font-weight:800;text-decoration:none;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.5px;background:#fff0f3;padding:3px 8px;border-radius:4px;}.article-meta-bar .meta-source i,.article-meta-bar .meta-date i,.article-meta-bar .meta-time i,.article-meta-bar .meta-views i {color:var(--primary);}.article-img-wrapper {width:100%;border-radius:10px;overflow:hidden;margin-bottom:1.75rem;}.article-img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:1.75rem;box-shadow:var(--shadow-sm);}.article-body {font-size:1.08rem;line-height:1.9;color:#1a1a2e;overflow-wrap:anywhere;}.article-body p {margin-bottom:1.2rem;}.article-source-box {display:flex;align-items:flex-start;gap:0.85rem;padding:0.9rem 1.1rem;background:#f8fafc;border-left:4px solid var(--primary);border-radius:0 8px 8px 0;margin-top:1.75rem;font-size:0.86rem;color:var(--text-muted);}.article-source-box i {color:var(--primary);margin-top:2px;flex-shrink:0;}.news-portal-header-strip {display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;font-size:0.82rem;color:#475569;border-bottom:1px solid #f1f5f9;}.date-info {display:flex;gap:1rem;}.date-info i {color:var(--primary);}@media (max-width:768px) {.news-portal-header-strip {flex-direction:column;gap:0.5rem;text-align:center;}.date-info {font-size:0.75rem;justify-content:center;}.strip-right {font-size:0.75rem;}.container {padding:0 1rem;max-width:100vw;overflow:hidden;}body,html {overflow-x:hidden;width:100%;position:relative;}}.desktop-breadcrumbs {display:flex;gap:0.4rem;align-items:center;font-size:0.78rem;color:var(--text-muted);margin-bottom:0.9rem;flex-wrap:wrap;}.desktop-breadcrumbs a {color:var(--primary);font-weight:600;text-decoration:none;}.desktop-breadcrumbs a:hover {text-decoration:underline;}.desktop-breadcrumbs i {font-size:0.55rem;color:#cbd5e1;}.desktop-title {font-size:clamp(1.45rem, 3.5vw, 2.2rem);font-weight:800;line-height:1.25;letter-spacing:-0.02em;color:var(--text-main);margin-bottom:0.9rem;text-transform:uppercase;}.desktop-meta-bar {display:flex;gap:0.85rem;align-items:center;color:var(--text-muted);font-size:0.82rem;flex-wrap:wrap;padding:0.9rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem;}.desktop-article-img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:1.75rem;box-shadow:var(--shadow-sm);}.mobile-article-header,.mobile-only {display:none;}@media (max-width:768px) {.desktop-breadcrumbs,.desktop-title,.desktop-meta-bar,.desktop-article-img {display:none !important;}.mobile-article-header,.mobile-only {display:block;}.mobile-article-header {background:white;padding:0.15rem 0 0.3rem;border-bottom:1px solid #f1f5f9;text-align:center;}.mobile-article-header .article-h1 {font-size:1.35rem;font-weight:800;line-height:1.3;letter-spacing:-0.01em;color:var(--text-main);margin:0;text-transform:uppercase;}.article-img-wrapper {margin:0 -1.1rem 0.5rem;width:auto;height:220px;overflow:hidden;position:relative;background:#f1f5f9;}.article-img-wrapper .article-img {width:100%;height:100%;object-fit:cover;object-position:center 30%;border-radius:0;margin-bottom:0;box-shadow:none;}.article-img-top-bar {position:absolute;top:0;left:0;right:0;background:rgba(0, 0, 0, 0.35);backdrop-filter:blur(4px);padding:0.35rem 0.75rem;display:flex;gap:1rem;align-items:center;z-index:10;font-size:0.7rem;color:white;}.article-img-top-bar .top-bar-source {margin-right:auto;}.article-img-top-bar .top-bar-date,.article-img-top-bar .top-bar-time {display:inline-flex;align-items:center;gap:0.35rem;}.article-img-top-bar i {font-size:0.65rem;opacity:0.8;}.article-img-meta {display:flex;justify-content:space-between;align-items:center;margin:0.75rem -1.1rem 1rem;padding:0 1.1rem;font-size:0.75rem;color:var(--text-muted);}.article-img-meta .img-meta-left {display:flex;gap:0.75rem;align-items:center;}.article-img-meta .img-meta-right {margin-left:auto;}.article-img-meta .meta-date,.article-img-meta .meta-time,.article-img-meta .meta-views,.article-img-meta .meta-category {display:inline-flex;align-items:center;gap:0.35rem;}.article-img-meta .meta-category {display:inline-flex;align-items:center;gap:0.35rem;background:var(--primary);color:white;font-weight:700;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.5px;padding:3px 8px;border-radius:4px;}.article-img-meta .meta-category i {font-size:0.65rem;}.article-img-meta .meta-views {color:var(--text-muted);}}@media (max-width:480px) {.article-img-wrapper {height:200px;}.mobile-article-header .article-h1 {font-size:1.15rem;}}@media (max-width:768px) {body, img, a, button, input[type="submit"],.btn, .navbar, .mobile-app-nav, .card, .dir-card, .taziye-card, .menu-item, .q-action, .logo, .slider,.swiper-slide {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;}.news-content, .news-detail,.article-body,.pazar-desc,.pazar-detail,.taziye-msg, .taziye-detail,.address-text, .selectable-text, .selectable,input, textarea, [contenteditable="true"] {-webkit-touch-callout:default; -webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}}