*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#082d68;--navy2:#061f48;--green:#29c9b8;--green2:#28b957;--light:#f7f9fc;--text:#17233b}
html{scroll-behavior:smooth}
body{font-family:Poppins,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.topbar{height:34px;background:var(--navy2);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 5%;font-size:12px}
.navbar{height:88px;background:#fff;display:flex;align-items:center;padding:0 5%;gap:45px;position:sticky;top:0;z-index:20;box-shadow:0 3px 15px #00000012}
.logo img{width:108px;height:72px;object-fit:contain}
.menu{list-style:none;display:flex;gap:28px;margin-left:auto;font-weight:600;font-size:14px}
.menu a:hover{color:var(--green2)}
.book-btn,.primary-btn,.card-btn,.submit-btn{background:var(--green2);color:#fff;border:0;border-radius:30px;padding:14px 27px;font-weight:700;display:inline-block;transition:.25s}
.book-btn:hover,.primary-btn:hover,.card-btn:hover,.submit-btn:hover{transform:translateY(-2px);filter:brightness(.96)}
.hero{min-height:600px;background:linear-gradient(90deg,#092d62e8,#092d6270),url('assets/makkah.png') center/cover;position:relative;color:#fff;display:flex;align-items:center;padding:70px 6%}
.hero-content{max-width:750px;position:relative;z-index:2}.eyebrow,.section-label{color:#4bcf63;font-weight:700;letter-spacing:1.5px;font-size:13px}
.hero h1{font-family:"Playfair Display",serif;font-size:68px;line-height:1.08;margin:14px 0 25px}
.hero p{font-size:20px;max-width:690px}.hero-buttons{display:flex;gap:16px;margin:32px 0}.secondary-btn{border:2px solid #fff;color:#fff;padding:12px 28px;border-radius:30px;font-weight:700}
.hero-meta{display:flex;gap:28px;font-size:13px;flex-wrap:wrap}
.departure-box{position:absolute;right:6%;top:80px;width:320px;background:#062b61e8;padding:27px;border-radius:18px;z-index:3;box-shadow:0 15px 35px #0004}.departure-box h3{font-size:23px;margin-top:8px}.departure-box p{font-size:14px}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border-top:1px solid #ffffff55;border-bottom:1px solid #ffffff55;margin:18px 0;padding:15px 0;text-align:center}.countdown strong{display:block;font-size:24px}.countdown small{font-size:10px;color:#b9c8df}.small{padding:11px 18px;font-size:13px}
.trust-strip{width:90%;margin:-40px auto 0;background:#fff;position:relative;z-index:5;border-radius:12px;box-shadow:0 8px 30px #0001;display:grid;grid-template-columns:repeat(5,1fr);padding:25px}
.trust-strip div{text-align:center;border-right:1px solid #ddd;padding:5px 15px}.trust-strip div:last-child{border:0}.trust-strip b{display:block;font-size:25px}.trust-strip strong,.trust-strip span{display:block;font-size:12px}.trust-strip span{color:#667085}
.section{padding:85px 6%;text-align:center}.section h2{font-family:"Playfair Display",serif;font-size:38px;color:var(--navy);margin:8px 0 18px}.about p{max-width:800px;margin:auto;color:#667085}
.packages{background:#fafbfd}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px;text-align:left}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #00000012;position:relative}.card.featured{border:2px solid var(--green2)}.badge{position:absolute;z-index:2;right:15px;top:15px;background:var(--green2);color:#fff;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700}.card-image{height:185px;background-size:cover;background-position:center;display:flex;align-items:flex-start;padding:15px}.card-image span{background:var(--navy);color:#fff;border-radius:5px;padding:5px 10px;font-size:10px;font-weight:700}.card-body{padding:22px}.card h3{font-size:20px}.price{font-size:29px;color:var(--green2);font-weight:800;margin:6px 0}.card ul{list-style:none;color:#667085;font-size:13px;line-height:2}.card li:before{content:"✓";color:var(--green2);font-weight:800;margin-right:8px}.card-btn{margin-top:12px;padding:10px 20px}
.why{background:var(--navy);color:#fff}.why h2{color:#fff}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.why-grid div{padding:20px;border-right:1px solid #ffffff30}.why-grid b{font-size:30px;color:#63d95c}.why-grid h3{margin:10px 0}.why-grid p{font-size:13px;color:#c5d0df}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.gallery-grid img{width:100%;height:300px;object-fit:cover;border-radius:14px;box-shadow:0 8px 20px #0002}
.testimonials{background:#f7f9fc}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.testimonial-grid div{background:#fff;padding:28px;border-radius:14px;text-align:left;box-shadow:0 5px 20px #0000000d}.testimonial-grid p{font-size:14px;margin-bottom:18px}.testimonial-grid strong,.testimonial-grid small{display:block}
.booking{background:#fff}.booking-intro{color:#667085}.booking-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;text-align:left;margin-top:35px;max-width:1100px;margin-left:auto;margin-right:auto}.date-list,form{background:#f7f9fc;padding:28px;border-radius:16px}.date-list h3,form h3{color:var(--navy);margin-bottom:18px}.date-option{background:#fff;border:2px solid transparent;padding:15px;margin-bottom:10px;border-radius:10px;cursor:pointer;box-shadow:0 3px 10px #00000008}.date-option:hover,.date-option.selected{border-color:var(--green2)}.date-option strong{display:block}.date-option span{font-size:12px;color:#667085}
form label{display:block;font-size:13px;font-weight:600;margin-bottom:14px}input,select,textarea{width:100%;margin-top:6px;border:1px solid #d7dce5;border-radius:8px;padding:12px;font:inherit;background:#fff}textarea{resize:vertical}.submit-btn{width:100%;cursor:pointer}.form-note{font-size:11px;color:#667085;text-align:center;margin-top:10px}
.payment{background:#f7f9fc}.contact{background:#fff}.contact p{display:inline-block;margin:8px 15px;color:#667085}
footer{background:var(--navy2);color:#fff;padding:55px 6%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}footer img{width:110px;background:#fff;border-radius:4px}footer h4{margin-bottom:12px;color:#54d45f}footer a{display:block;font-size:13px;margin:5px 0;color:#c7d2e2}footer p{font-size:13px;color:#c7d2e2}
.whatsapp{position:fixed;right:25px;bottom:25px;background:#20c863;color:#fff;padding:17px 25px;border-radius:35px;font-weight:800;box-shadow:0 8px 25px #0003;z-index:30}
@media(max-width:1000px){.menu{gap:12px}.departure-box{position:relative;right:auto;top:auto;margin:30px 0 0}.hero{flex-direction:column;align-items:flex-start}.cards,.testimonial-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.booking-layout{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{display:none}.navbar{height:auto;padding:12px 5%;flex-wrap:wrap}.menu{order:3;width:100%;overflow:auto;justify-content:flex-start}.book-btn{margin-left:auto}.hero h1{font-size:45px}.hero p{font-size:16px}.hero{padding:55px 5%}.departure-box{width:100%}.trust-strip{grid-template-columns:1fr;width:92%;margin-top:-20px}.gallery-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.contact p{display:block}footer{grid-template-columns:1fr}}