@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_4a4f7444-module__UHjWDq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_4a4f7444-module__UHjWDq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/05d29f0ed5b0e698-s.0ipr5zwy0u.~f.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d48a75a69535be63-s.0u~._b8uwv-zo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/648474ecaeaf4c9a-s.p.0~rf1n5_6ke06.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/291696193ea1e96b-s.0mmds2ktxtq7_.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/966a9c3087fc8ac2-s.0e4ck~b8hcazj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1062333f2bd32cfe-s.p.0l7ssxdh8f0nb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Fallback;src:local(Times New Roman);ascent-override:112.47%;descent-override:63.44%;line-gap-override:0.0%;size-adjust:99.94%}.amiri_3aa5c1eb-module__cSsxGW__className{font-family:Amiri,Amiri Fallback;font-style:normal}.amiri_3aa5c1eb-module__cSsxGW__variable{--font-amiri:"Amiri", "Amiri Fallback"}
:root{--color-white:#fff;--color-cream:#fafaf5;--color-green-50:#f0f7f2;--color-green-100:#d4ebd9;--color-green-200:#a8d5b3;--color-green-300:#6bbf7e;--color-green-500:#2d7a4f;--color-green-600:#256841;--color-green-700:#1b5e3a;--color-green-800:#134a2c;--color-gold-300:#e8c96d;--color-gold-400:#d4a843;--color-gold-500:#c5a44e;--color-gold-600:#a88a3a;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Amiri", Georgia, serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 12px 40px #0000001f;--shadow-glow:0 0 40px #2d7a4f26;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--container-max:1200px;--container-narrow:800px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-gray-700);background:var(--color-white);font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:700;line-height:1.25}h1{letter-spacing:-.02em;font-size:2.75rem}h2{letter-spacing:-.015em;font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--space-4)}a{color:var(--color-green-500);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-green-700)}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:var(--space-6)}.container{max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-100);transition:box-shadow var(--transition-base);background:#ffffffeb;position:sticky;top:0}.nav-inner{height:72px;max-width:var(--container-max);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:var(--space-2);color:var(--color-gray-900);letter-spacing:-.03em;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-logo .logo-accent{color:var(--color-green-500)}.nav-logo .logo-dot{background:var(--color-gold-400);border-radius:50%;width:8px;height:8px;display:inline-block}.nav-links{align-items:center;gap:var(--space-8);margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--color-gray-600);transition:color var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.nav-links a:hover{color:var(--color-green-500)}.nav-links a:after{content:"";background:var(--color-green-500);width:0;height:2px;transition:width var(--transition-base);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-mobile-toggle{cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}.nav-mobile-toggle span{background:var(--color-gray-700);width:24px;height:2px;transition:var(--transition-fast);border-radius:1px;margin:5px 0;display:block}.hero{padding:var(--space-24) 0;background:linear-gradient(135deg, var(--color-green-50) 0%, var(--color-white) 50%, #fff9e6 100%);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#2d7a4f0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#c5a44e0f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-30%;left:-10%}.hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-green-50);border:1px solid var(--color-green-100);border-radius:var(--radius-full);color:var(--color-green-600);margin-bottom:var(--space-6);letter-spacing:.02em;font-size:.8rem;font-weight:600;display:inline-flex}.hero h1{margin-bottom:var(--space-6);letter-spacing:-.03em;font-size:3.25rem;line-height:1.15}.hero h1 .highlight{background:linear-gradient(135deg, var(--color-green-500), var(--color-green-700));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--color-gray-500);max-width:600px;margin:0 auto var(--space-8);font-size:1.2rem;line-height:1.7}.hero-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-green-500);color:var(--color-white);box-shadow:0 2px 8px #2d7a4f4d}.btn-primary:hover{background:var(--color-green-600);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 16px #2d7a4f66}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.btn-secondary:hover{background:var(--color-gray-50);color:var(--color-gray-900);border-color:var(--color-gray-300)}.btn-gold{background:linear-gradient(135deg, var(--color-gold-400), var(--color-gold-500));color:var(--color-white);box-shadow:0 2px 8px #c5a44e4d}.btn-gold:hover{color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 16px #c5a44e66}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.85rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.05rem}.section{padding:var(--space-20) 0}.section-alt{background:var(--color-cream)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{margin-bottom:var(--space-3)}.section-header p{color:var(--color-gray-500);max-width:600px;margin:0 auto;font-size:1.05rem}.section-header .section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-green-500);margin-bottom:var(--space-2);font-size:.75rem;font-weight:700;display:inline-block}.card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:var(--space-6)}.card-image{object-fit:cover;background:linear-gradient(135deg, var(--color-green-50), var(--color-cream));width:100%;height:200px}.package-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.package-card:hover{border-color:var(--color-green-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.package-card-header{padding:var(--space-5) var(--space-6);background:linear-gradient(135deg, var(--color-green-50), #fffef5);border-bottom:1px solid var(--color-gray-100)}.package-type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.badge-hajj{background:var(--color-gold-300);color:var(--color-gray-800)}.badge-umrah{background:var(--color-green-100);color:var(--color-green-700)}.package-card-header h3{margin-top:var(--space-2);font-size:1.15rem}.package-card-body{padding:var(--space-5) var(--space-6)}.package-price{color:var(--color-green-500);font-size:1.6rem;font-weight:800}.package-price span{color:var(--color-gray-400);font-size:.85rem;font-weight:400}.package-meta{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:1fr 1fr;display:grid}.package-meta-item{align-items:center;gap:var(--space-2);color:var(--color-gray-600);font-size:.85rem;display:flex}.package-meta-item .meta-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.hotel-info{margin:var(--space-4) 0;background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-4)}.hotel-info-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);margin-bottom:var(--space-2);font-size:.75rem;font-weight:700}.hotel-info-name{color:var(--color-gray-800);margin-bottom:var(--space-1);font-size:.95rem;font-weight:600}.hotel-distance{color:var(--color-gray-500);align-items:center;gap:var(--space-1);font-size:.8rem;display:flex}.hotel-distance .walk-time{color:var(--color-green-500);font-weight:600}.package-card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.package-inclusions{gap:var(--space-2);flex-wrap:wrap;display:flex}.inclusion-tag{background:var(--color-green-50);color:var(--color-green-600);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.stars{gap:2px;display:inline-flex}.star{color:var(--color-gold-400);font-size:1rem}.star.empty{color:var(--color-gray-200)}.rating-number{color:var(--color-gray-700);margin-left:var(--space-2);font-size:.85rem;font-weight:600}.review-count{color:var(--color-gray-400);margin-left:var(--space-1);font-size:.8rem}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.steps-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.step-card{text-align:center;padding:var(--space-8) var(--space-6);position:relative}.step-number{background:linear-gradient(135deg, var(--color-green-500), var(--color-green-700));width:56px;height:56px;color:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--space-5);justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #2d7a4f40}.step-card h3{margin-bottom:var(--space-3);font-size:1.15rem}.step-card p{color:var(--color-gray-500);font-size:.95rem}.agency-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.agency-card:hover{border-color:var(--color-green-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.agency-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.agency-avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-green-100), var(--color-green-200));width:52px;height:52px;color:var(--color-green-700);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.agency-card h3{font-size:1.1rem}.agency-services{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.service-tag{background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-600);padding:2px 10px;font-size:.75rem}.review-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-6)}.review-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.reviewer-info{align-items:center;gap:var(--space-3);display:flex}.reviewer-avatar{background:var(--color-green-100);width:40px;height:40px;color:var(--color-green-700);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.reviewer-name{color:var(--color-gray-800);font-size:.95rem;font-weight:600}.review-date{color:var(--color-gray-400);font-size:.8rem}.review-title{margin-bottom:var(--space-2);color:var(--color-gray-800);font-size:1rem;font-weight:600}.review-body{color:var(--color-gray-600);font-size:.9rem;line-height:1.7}.guide-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.guide-card:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.guide-card-image{background:linear-gradient(135deg, var(--color-green-50), var(--color-cream));height:180px;position:relative;overflow:hidden}.guide-card-image img{object-fit:cover;width:100%;height:100%}.guide-category-badge{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;color:var(--color-green-600);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;padding:2px 10px;font-size:.7rem;font-weight:700;position:absolute}.guide-card-body{padding:var(--space-5) var(--space-6)}.guide-card-body h3{margin-bottom:var(--space-2);font-size:1.05rem}.guide-card-body p{color:var(--color-gray-500);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.compare-table{border-collapse:collapse;background:var(--color-white);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);overflow:hidden}.compare-table th,.compare-table td{padding:var(--space-4) var(--space-5);text-align:left;border-bottom:1px solid var(--color-gray-100)}.compare-table th{background:var(--color-green-50);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-500);font-size:.8rem;font-weight:700}.compare-table th:first-child{color:var(--color-gray-600)}.compare-table td:first-child{color:var(--color-gray-600);font-size:.85rem;font-weight:600}.compare-table tr:hover td{background:var(--color-gray-50)}.compare-table .compare-pkg-name{color:var(--color-gray-900);font-size:.95rem;font-weight:700}.compare-highlight{color:var(--color-green-500);font-weight:700}.footer{background:var(--color-gray-900);color:var(--color-gray-400);padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand h3{color:var(--color-white);margin-bottom:var(--space-3);font-size:1.5rem}.footer-brand p{color:var(--color-gray-400);font-size:.9rem;line-height:1.7}.footer-section h4{color:var(--color-white);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-size:.85rem}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--color-gray-400);transition:color var(--transition-fast);font-size:.9rem}.footer-links a:hover{color:var(--color-green-300)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.filters-bar{gap:var(--space-3);margin-bottom:var(--space-8);padding:var(--space-4) var(--space-5);background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;font-weight:500}.filter-btn:hover,.filter-btn.active{background:var(--color-green-500);color:var(--color-white);border-color:var(--color-green-500)}.faq-list{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{border:1px solid var(--color-gray-100);border-radius:var(--radius-md);overflow:hidden}.faq-question{width:100%;padding:var(--space-4) var(--space-5);background:var(--color-white);cursor:pointer;color:var(--color-gray-800);text-align:left;transition:background var(--transition-fast);border:none;justify-content:space-between;align-items:center;font-size:.95rem;font-weight:600;display:flex}.faq-question:hover{background:var(--color-gray-50)}.faq-answer{padding:0 var(--space-5) var(--space-4);color:var(--color-gray-600);font-size:.9rem;line-height:1.7}.faq-chevron{transition:transform var(--transition-fast);color:var(--color-gray-400);flex-shrink:0;font-size:.8rem}.faq-item.open .faq-chevron{transform:rotate(180deg)}.guide-content{font-size:1.05rem;line-height:1.85}.guide-content h1{margin-bottom:var(--space-6);margin-top:var(--space-10);font-size:2.25rem}.guide-content h2{margin-bottom:var(--space-4);margin-top:var(--space-10);color:var(--color-green-700);font-size:1.6rem}.guide-content h3{margin-bottom:var(--space-3);margin-top:var(--space-8);font-size:1.25rem}.guide-content h1:first-child{margin-top:0}.guide-content table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:.9rem}.guide-content table th,.guide-content table td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);text-align:left}.guide-content table th{background:var(--color-green-50);font-weight:600}.guide-content ul,.guide-content ol{margin-bottom:var(--space-4)}.guide-content li{margin-bottom:var(--space-2)}.guide-content strong{color:var(--color-gray-800)}.video-embed{border-radius:var(--radius-lg);height:0;margin:var(--space-8) 0;box-shadow:var(--shadow-lg);padding-bottom:56.25%;position:relative;overflow:hidden}.video-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.compare-checkbox{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-gray-500);font-size:.8rem;display:flex}.compare-checkbox input[type=checkbox]{accent-color:var(--color-green-500);width:16px;height:16px}.compare-bar{background:var(--color-gray-900);color:var(--color-white);padding:var(--space-4) var(--space-6);z-index:99;transition:transform var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 20px #00000026}.compare-bar.visible{transform:translateY(0)}.compare-bar-info{font-size:.9rem}.compare-bar-count{color:var(--color-green-300);font-weight:700}.pros-cons{gap:var(--space-6);margin:var(--space-6) 0;grid-template-columns:1fr 1fr;display:grid}.pros-list,.cons-list{padding:0;list-style:none}.pros-list li,.cons-list li{padding:var(--space-2) 0;align-items:flex-start;gap:var(--space-2);font-size:.9rem;display:flex}.pros-list li:before{content:"✓";color:var(--color-green-500);flex-shrink:0;font-weight:700}.cons-list li:before{content:"✗";color:#e53e3e;flex-shrink:0;font-weight:700}.page-header{padding:var(--space-12) 0;background:linear-gradient(135deg, var(--color-green-50) 0%, var(--color-white) 100%);border-bottom:1px solid var(--color-gray-100);text-align:center}.page-header h1{margin-bottom:var(--space-3)}.page-header p{color:var(--color-gray-500);max-width:600px;margin:0 auto;font-size:1.1rem}.detail-layout{gap:var(--space-8);grid-template-columns:1fr 360px;align-items:flex-start;display:grid}.detail-sidebar{position:sticky;top:92px}.sidebar-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.sidebar-card h3{margin-bottom:var(--space-4);font-size:1rem}.info-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.info-item{padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-md)}.info-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);margin-bottom:var(--space-1);font-size:.7rem;font-weight:700}.info-value{color:var(--color-gray-800);font-size:1rem;font-weight:600}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-gray-400)}.empty-state-icon{margin-bottom:var(--space-4);font-size:3rem}.breadcrumb{align-items:center;gap:var(--space-2);color:var(--color-gray-400);margin-bottom:var(--space-6);padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumb a{color:var(--color-gray-400)}.breadcrumb a:hover{color:var(--color-green-500)}.breadcrumb-sep{font-size:.7rem}.pillar-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;transition:all var(--transition-base);cursor:pointer;height:100%}.pillar-card:hover{border-color:var(--color-green-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pillar-icon{margin-bottom:var(--space-4);font-size:2.5rem}.pillar-card h3{margin-bottom:var(--space-2);color:var(--color-gray-900);font-size:1.1rem}.pillar-card p{color:var(--color-gray-500);margin-bottom:var(--space-4);font-size:.88rem;line-height:1.6}.pillar-link{color:var(--color-green-500);transition:color var(--transition-fast);font-size:.85rem;font-weight:600;display:inline-block}.pillar-card:hover .pillar-link{color:var(--color-green-700)}.restaurant-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.restaurant-card:hover{border-color:var(--color-green-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.restaurant-card-top{padding:var(--space-5) var(--space-5) var(--space-3)}.restaurant-type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:1px 8px;font-size:.65rem;font-weight:700;display:inline-block}.badge-restaurant{background:var(--color-green-50);color:var(--color-green-700);border:1px solid var(--color-green-100)}.badge-takeaway{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-chain{color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe}.price-badge{color:var(--color-green-600);background:var(--color-green-50);border-radius:var(--radius-sm);padding:2px 8px;font-size:.85rem;font-weight:700;display:inline-block}.halal-badge{border-radius:var(--radius-full);background:var(--color-green-50);color:var(--color-green-700);border:1px solid var(--color-green-100);align-items:center;gap:3px;padding:1px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.prayer-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.prayer-card:hover{border-color:var(--color-green-200);box-shadow:var(--shadow-md)}.prayer-card-header{padding:var(--space-5);border-bottom:1px solid var(--color-gray-100);background:linear-gradient(135deg, var(--color-green-50), #fffef5)}.prayer-card-body{padding:var(--space-5)}.prayer-type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:1px 8px;font-size:.65rem;font-weight:700;display:inline-block}.badge-prayer-airport{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.badge-prayer-motorway{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-prayer-city{background:var(--color-green-50);color:var(--color-green-700);border:1px solid var(--color-green-100)}.facility-tag{background:var(--color-green-50);color:var(--color-green-600);border-radius:var(--radius-full);align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.destination-card{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.destination-card:hover{border-color:var(--color-green-200);box-shadow:var(--shadow-md)}.destination-card-header{padding:var(--space-5);border-bottom:1px solid var(--color-gray-100);background:linear-gradient(135deg,#f0f7f2 0%,#fffef5 100%)}.destination-card-body{padding:var(--space-5)}.tip-box{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:#78350f;background:#fffbeb;border:1px solid #fde68a;font-size:.82rem;line-height:1.6}.container-narrow{max-width:800px;padding:0 var(--space-6);margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.hero{padding:var(--space-12) 0}.hero h1{font-size:2.25rem}.hero p{font-size:1rem}.section{padding:var(--space-12) 0}.grid-3,.grid-2,.grid-4,.steps-grid,.pros-cons,.info-grid{grid-template-columns:1fr}.nav-links{display:none}.nav-mobile-toggle{display:block}.nav-links.open{background:var(--color-white);padding:var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--color-gray-100);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;top:72px;left:0;right:0}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:var(--space-3);text-align:center;flex-direction:column}.compare-table{font-size:.8rem}.compare-table th,.compare-table td{padding:var(--space-2) var(--space-3)}.filters-bar{gap:var(--space-2)}}