@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--navy:#071d4d;--navy2:#031536;--red:#ed171c;--gold:#c8a45b;--cream:#f7f5ef;--white:#fff;--text:#15213a;--muted:#697287;--line:rgba(7,29,77,.12);--shadow:0 30px 80px rgba(2,13,37,.12);--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.section{padding:110px 0}.preloader{position:fixed;z-index:100;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;transition:.5s}.preloader img{width:190px;height:135px;object-fit:contain}.preloader span{width:105px;height:2px;background:linear-gradient(90deg,var(--red),var(--navy));animation:load 1s infinite}.preloader.hide{opacity:0;visibility:hidden}.nav-wrap{position:fixed;z-index:60;top:0;left:0;right:0;padding:13px 0;transition:.35s}.nav-wrap.scrolled{background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 8px 35px rgba(0,0,0,.07)}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:118px;height:64px;object-fit:contain}.nav-links{display:flex;gap:27px;color:#fff;font-size:13px;font-weight:700}.scrolled .nav-links{color:var(--navy)}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;bottom:-7px;right:0;width:0;height:2px;background:var(--red);transition:.3s}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:9px}.lang{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;border-radius:50px;width:43px;height:34px;font-weight:800}.scrolled .lang{color:var(--navy);border-color:var(--line)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px}.nav-cta{background:var(--red);color:#fff;padding:10px 18px;border-radius:7px;font-size:12px;font-weight:800}.menu{display:none;background:none;border:0;color:#fff;padding:5px}.menu i{display:block;width:26px;height:2px;background:currentColor;margin:5px}.scrolled .menu{color:var(--navy)}.mobile-menu{display:none}.hero{min-height:850px;height:100vh;max-height:980px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.05);animation:heroZoom 16s ease-out forwards}.hero.home .hero-bg{background-image:url('assets/photos/hero-main.webp')}.hero.trips-hero .hero-bg{background-image:url('assets/photos/gallery-2.webp')}.hero.hotels-hero .hero-bg{background-image:url('assets/photos/hotel.webp')}.hero.about-hero .hero-bg{background-image:url('assets/photos/hero-main.webp')}.hero.contact-hero .hero-bg{background-image:url('assets/photos/gallery-3.webp')}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,32,.9),rgba(2,12,32,.48) 55%,rgba(2,12,32,.18))}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--navy2));opacity:.75}.hero-content{position:relative;z-index:2;padding-top:55px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.3px}.eyebrow span{width:34px;height:1px;background:var(--gold)}h1{font-size:clamp(48px,6.2vw,86px);line-height:1.15;letter-spacing:-2.5px;margin:18px 0}.hero h1 em{font-style:normal;color:#fff;text-shadow:0 0 35px rgba(255,255,255,.08)}.hero h1 em:after{content:"";display:inline-block;width:10px;height:10px;background:var(--red);border-radius:50%;margin-right:12px}.hero-copy{max-width:640px;color:rgba(255,255,255,.76);font-size:17px;line-height:2}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{border:0;border-radius:7px;padding:14px 23px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:.3s}.btn.primary{background:var(--red);color:#fff;box-shadow:0 16px 35px rgba(237,23,28,.2)}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(237,23,28,.28)}.btn.ghost{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.btn.dark{background:var(--navy);color:#fff}.hero-trust{display:flex;gap:30px;margin-top:65px}.hero-trust div{display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(255,255,255,.2);padding-right:18px}.hero-trust strong{font-family:'Playfair Display';font-size:22px;color:var(--gold)}.hero-trust span{font-size:11px;color:rgba(255,255,255,.65)}.scroll-hint{position:absolute;z-index:3;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;color:rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;gap:9px}.scroll-hint span{height:38px;width:1px;background:linear-gradient(#fff,transparent);animation:pulse 1.7s infinite}.intro{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:145px 1fr 390px;gap:55px;align-items:center}.intro h2,.section-head h2,.timeline h2,.hotel-copy h2,.contact h2,.page-title{font-size:clamp(38px,4.5vw,62px);line-height:1.25;margin:0 0 22px;letter-spacing:-1.5px}.intro h2 span,.section-head h2 span,.timeline h2 span,.hotel-copy h2 span,.contact h2 span,.page-title span{color:var(--red)}.intro p,.section-head p,.hotel-copy p{color:var(--muted);line-height:2;font-size:15px;max-width:650px}.text-link{font-weight:800;display:inline-flex;gap:12px;margin-top:20px;color:var(--navy)}.text-link b{color:var(--red)}.image-card,.hotel-photo{height:470px;border-radius:var(--radius);background:center/cover;position:relative;box-shadow:var(--shadow);overflow:hidden}.image-card{background-image:url('assets/photos/intro.webp')}.image-card:after,.hotel-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,49,.62),transparent 65%)}.badge{position:absolute;z-index:2;bottom:30px;right:30px;color:#fff;font-size:14px;line-height:1.5}.badge strong{font-size:23px;color:var(--gold)}.dark{background:var(--navy2);color:#fff}.dark-soft{background:#061a42;color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section-head p{max-width:410px;color:rgba(255,255,255,.6)}.section-head .section-kicker.light,.section-kicker.light{color:var(--gold)}.journey-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}.journey-card{background:#0b285f;border:1px solid rgba(255,255,255,.08);border-radius:9px;overflow:hidden;transition:.45s}.journey-card:hover{transform:translateY(-8px);box-shadow:0 30px 55px rgba(0,0,0,.25)}.card-image{height:300px;background-size:cover;background-position:center;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,40,.6),transparent 60%)}.umrah{background-image:url('assets/photos/gallery-3.webp')}.hajj{background-image:url('assets/photos/gallery-2.webp')}.vip{background-image:url('assets/photos/gallery-1.webp')}.card-content{padding:25px}.tag{display:inline-block;color:var(--gold);font-size:10px;font-weight:800;border:1px solid rgba(200,164,91,.45);padding:5px 9px;border-radius:30px}.card-content h3{font-size:27px;margin:15px 0 8px}.card-content p{color:rgba(255,255,255,.62);font-size:13px;line-height:1.9;min-height:50px}.card-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:16px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.5)}.card-bottom a{color:#fff;font-weight:700}.card-bottom b{color:var(--red);font-size:17px}.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service{background:#fff;padding:38px 30px;min-height:260px;position:relative;transition:.3s}.service:hover{background:var(--navy);color:#fff}.service .icon{font-size:30px;color:var(--red);margin-bottom:35px}.service>span{position:absolute;top:38px;left:28px;font-family:'Playfair Display';font-size:12px;color:#a4a9b5}.service h3{font-size:21px;margin:0 0 10px}.service p{font-size:13px;line-height:1.9;color:var(--muted)}.service:hover p{color:rgba(255,255,255,.62)}.timeline h2{margin:15px 0 55px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.step{border-top:1px solid rgba(255,255,255,.18);padding:25px 25px 0;position:relative}.step:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);position:absolute;top:-4px;right:25px}.step b{font-family:'Playfair Display';color:var(--gold);font-size:20px}.step h3{font-size:19px;margin:18px 0 7px}.step p{font-size:12px;line-height:1.8;color:rgba(255,255,255,.55)}.hotel-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.hotel-photo{height:570px;background-image:url('assets/photos/hotel.webp')}.hotel-copy ul{padding:0;list-style:none;margin:25px 0 30px}.hotel-copy li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.hotel-copy li:before{content:'✓';color:var(--red);font-weight:900;margin-left:10px}.quote{background:var(--cream)}.quote-box{text-align:center;padding:25px}.quote-mark{font-family:'Playfair Display';font-size:100px;color:var(--red);height:80px;line-height:1}.quote blockquote{font-size:clamp(36px,5vw,68px);font-weight:800;line-height:1.35;margin:0}.quote blockquote span{color:var(--navy)}.quote p{color:var(--muted);margin-top:25px}.contact-grid{display:grid;grid-template-columns:1fr 500px;gap:100px;align-items:center}.contact h2{font-size:clamp(45px,5vw,72px)}.contact p{color:rgba(255,255,255,.6);line-height:2;max-width:520px}.contact-form{background:#fff;color:var(--text);padding:35px;border-radius:9px;box-shadow:0 25px 80px rgba(0,0,0,.22);display:grid;gap:15px}.contact-form label{font-size:12px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #e3e5ea;border-radius:6px;font:inherit;outline:none}.contact-form textarea{min-height:110px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--navy)}.contact-form small{font-size:10px;color:#8b93a2;line-height:1.6}.form-success{display:none;background:#edf8f1;color:#17623a;padding:12px;border-radius:6px;font-size:12px}.form-success.show{display:block}.page-hero{min-height:510px;display:flex;align-items:end;padding:150px 0 70px;position:relative;color:#fff;overflow:hidden}.page-hero .hero-bg{animation:none}.page-hero .hero-overlay{background:linear-gradient(90deg,rgba(2,12,32,.86),rgba(2,12,32,.35))}.page-hero .container{position:relative;z-index:2}.page-title{font-size:clamp(45px,6vw,72px);margin:15px 0 0}.breadcrumbs{font-size:11px;color:rgba(255,255,255,.55)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.package{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;transition:.35s}.package:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.package-media{height:235px;background:center/cover}.package-body{padding:25px}.package-body h3{font-size:23px;margin:10px 0}.package-body p{font-size:12px;color:var(--muted);line-height:1.9}.package-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{background:var(--cream);color:var(--navy);font-size:10px;padding:6px 9px;border-radius:30px}.package-price{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center}.package-price strong{font-size:20px;color:var(--navy)}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.filters{display:flex;gap:8px}.filter{border:1px solid var(--line);background:#fff;padding:9px 15px;border-radius:30px;font:inherit;font-size:11px;cursor:pointer}.filter.active,.filter:hover{background:var(--navy);color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-box{padding:30px;border:1px solid var(--line);border-radius:9px;min-height:210px}.feature-box .big-icon{font-size:31px;color:var(--red);margin-bottom:25px}.feature-box h3{margin:0 0 10px}.feature-box p{font-size:12px;color:var(--muted);line-height:1.9}.hero.home .hero-bg{background-position:center;background-size:cover}.hotel-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hotel-card{border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#fff}.hotel-card .media{height:250px;background:center/cover}.hotel-card .body{padding:23px}.rating{color:var(--gold);font-size:12px}.hotel-card h3{margin:8px 0}.hotel-card p{font-size:12px;color:var(--muted);line-height:1.8}.hotel-specs{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{height:560px;background:url('assets/photos/gallery-1.webp') center/cover;border-radius:9px;box-shadow:var(--shadow)}.about-copy h2{font-size:clamp(38px,4vw,58px);line-height:1.25;margin:0 0 20px}.about-copy p{font-size:14px;color:var(--muted);line-height:2}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.value{background:var(--cream);padding:28px;border-radius:8px}.value strong{font-family:'Playfair Display';color:var(--red);font-size:25px}.value h3{margin:15px 0 7px}.value p{font-size:11px;color:var(--muted);line-height:1.8}.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.contact-card{border:1px solid var(--line);padding:23px;border-radius:8px}.contact-card b{display:block;margin-bottom:7px}.contact-card span{font-size:12px;color:var(--muted)}.booking-wrap{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:start}.booking-card,.side-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:30px}.booking-card h2,.side-card h3{margin-top:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{font-size:11px;font-weight:800}.field input,.field select,.field textarea{width:100%;margin-top:7px;border:1px solid #e2e5eb;border-radius:7px;padding:13px;font:inherit;outline:0}.field textarea{min-height:130px}.side-card{background:var(--navy);color:#fff;position:sticky;top:100px}.side-card p{color:rgba(255,255,255,.6);font-size:12px;line-height:1.9}.side-card li{font-size:12px;padding:8px 0;color:rgba(255,255,255,.72)}.faq-list{max-width:850px;margin:auto}.faq{border-bottom:1px solid var(--line)}.faq-q{padding:22px 0;display:flex;justify-content:space-between;cursor:pointer;font-weight:800;font-size:14px}.faq-q span{color:var(--red);transition:.3s}.faq-a{max-height:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:2;transition:.35s}.faq.open .faq-a{max-height:160px;padding-bottom:20px}.faq.open .faq-q span{transform:rotate(45deg)}footer{background:#020e27;color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:150px 1fr 1fr;gap:35px;align-items:center}.footer-grid img{width:120px;height:75px;object-fit:contain}.footer-grid strong{font-size:15px}.footer-grid p{color:rgba(255,255,255,.48);font-size:12px;line-height:1.9}.footer-links{display:flex;justify-content:end;gap:25px;font-size:12px;color:rgba(255,255,255,.65)}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:18px;color:rgba(255,255,255,.35);font-size:10px}.whatsapp{position:fixed;z-index:40;left:24px;bottom:24px;background:#0b7a43;color:#fff;border-radius:50px;padding:11px 16px;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.2)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}@keyframes heroZoom{from{transform:scale(1.05)}to{transform:scale(1)}}@keyframes load{0%{transform:scaleX(.1);transform-origin:left}50%{transform:scaleX(1)}100%{transform:scaleX(.1);transform-origin:right}}@keyframes pulse{50%{opacity:.2;transform:scaleY(.6)}}
@media(max-width:1000px){.nav-links{display:none}.menu{display:block}.nav-cta{display:none}.mobile-menu{position:fixed;z-index:55;top:80px;right:15px;left:15px;background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:12px;display:none}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:13px 15px;font-size:13px;font-weight:800;border-bottom:1px solid var(--line)}.mobile-menu a:last-child{border-bottom:0}.intro-grid{grid-template-columns:100px 1fr}.intro-image{grid-column:1/-1}.journey-grid{grid-template-columns:1fr 1fr}.journey-card:first-child{grid-column:1/-1}.service-grid{grid-template-columns:1fr 1fr}.hotel-grid,.about-split,.contact-page,.booking-wrap{grid-template-columns:1fr;gap:45px}.hotel-photo{height:430px}.steps{grid-template-columns:1fr 1fr;gap:30px}.package-grid,.hotel-list{grid-template-columns:1fr 1fr}.side-card{position:static}.feature-grid{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 30px,1180px)}.section{padding:75px 0}.brand img{width:95px;height:58px}.hero{min-height:760px}.hero-bg{background-position:60% center}.hero-content{padding-top:80px}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch;max-width:320px}.hero-trust{gap:15px;margin-top:45px}.hero-trust div{padding-right:9px}.hero-trust span{font-size:9px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-image{grid-column:auto;height:350px}.section-head{display:block;margin-bottom:35px}.section-head p{margin-top:15px}.journey-grid,.service-grid,.steps,.package-grid,.hotel-list,.feature-grid,.values,.contact-cards,.field-grid{grid-template-columns:1fr}.journey-card:first-child{grid-column:auto}.card-image{height:240px}.service{min-height:220px}.hotel-photo,.about-visual{height:380px}.contact-form,.booking-card,.side-card{padding:24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;justify-content:start;flex-wrap:wrap}.whatsapp span{display:none}.whatsapp{width:48px;height:48px;justify-content:center;padding:0}.nav-actions{gap:4px}.page-hero{min-height:430px;padding:130px 0 50px}.page-title{font-size:44px}.filter-bar{display:block}.filters{margin-top:15px;overflow:auto;padding-bottom:5px}.filter{white-space:nowrap}.package-media{height:220px}}
/* V5 dynamic catalog */
.empty-state{padding:50px 25px;border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;background:var(--cream)}
.hotel-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hotel-catalog-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(2,13,37,.07);transition:.35s}.hotel-catalog-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(2,13,37,.13)}.hotel-catalog-photo{height:280px;background:center/cover no-repeat}.hotel-catalog-body{padding:25px}.hotel-catalog-body h3{font-size:25px;margin:14px 0 5px}.hotel-catalog-body p{color:var(--muted);font-size:13px;line-height:1.9;min-height:48px}.hotel-rating{color:var(--gold);font-size:14px}.hotel-rating b{color:var(--navy);margin-right:7px}.hotel-distance{font-size:12px;color:var(--muted);padding-top:13px;border-top:1px solid var(--line)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);padding:35px;border-radius:10px}.feature-box h3{font-size:20px;margin:18px 0 8px}.feature-box p{color:rgba(255,255,255,.58);line-height:1.9;font-size:13px}.big-icon{font-family:'Playfair Display';font-size:30px;color:var(--gold)}
.trip-detail-page{padding-top:78px}.trip-detail-hero{min-height:610px;position:relative;display:flex;align-items:end;color:#fff;overflow:hidden}.trip-detail-image{position:absolute;inset:0;background:center/cover no-repeat;transform:scale(1.03)}.trip-detail-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,40,.95),rgba(3,15,40,.2) 70%)}.trip-detail-hero-content{position:relative;z-index:2;padding-bottom:75px}.trip-detail-hero h1{font-size:clamp(44px,6vw,76px);margin:20px 0 12px}.trip-detail-hero p{max-width:700px;color:rgba(255,255,255,.72);font-size:16px;line-height:2}.trip-detail-grid{display:grid;grid-template-columns:1fr 330px;gap:70px;align-items:start}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-facts div{padding:23px;border-left:1px solid var(--line)}.detail-facts div:last-child{border-left:0}.detail-facts small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.detail-facts strong{font-size:15px}.detail-copy{padding-top:55px}.detail-copy h2{font-size:40px;margin:0 0 20px}.detail-copy h2 span{color:var(--red)}.detail-copy>p{color:var(--muted);line-height:2;font-size:14px}.detail-lists{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.detail-lists>div{background:var(--cream);padding:25px;border-radius:10px}.detail-lists h3{margin-top:0}.detail-lists ul{list-style:none;padding:0;margin:0}.detail-lists li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.booking-summary{background:var(--navy);color:#fff;padding:30px;border-radius:12px;position:sticky;top:105px;box-shadow:var(--shadow)}.booking-summary h3{font-size:25px;line-height:1.5}.booking-summary p{color:rgba(255,255,255,.6);font-size:12px;line-height:1.9}.summary-price{padding:20px 0;margin:15px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.summary-price small{display:block;color:rgba(255,255,255,.55)}.summary-price strong{display:block;color:var(--gold);font-size:28px;margin-top:5px}.booking-summary .btn{width:100%;margin-top:10px}
@media(max-width:900px){.hotel-catalog{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.trip-detail-grid{grid-template-columns:1fr}.booking-summary{position:static}.detail-facts{grid-template-columns:1fr 1fr}.detail-facts div:nth-child(2){border-left:0}.detail-facts div{border-bottom:1px solid var(--line)}}@media(max-width:620px){.hotel-catalog{grid-template-columns:1fr}.trip-detail-hero{min-height:540px}.detail-lists{grid-template-columns:1fr}.detail-facts{grid-template-columns:1fr}.detail-facts div{border-left:0;border-bottom:1px solid var(--line)}.detail-facts div:last-child{border-bottom:0}}
.selected-trip{background:#fff5f5;border:1px solid rgba(237,23,28,.18);color:var(--red);padding:13px 16px;border-radius:9px;margin:16px 0;font-weight:800;font-size:12px}.traveler-list{border-top:1px solid var(--line);padding-top:18px}.traveler-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.traveler-row strong{font-size:12px}.traveler-row input{border:1px solid #e2e5eb;border-radius:7px;padding:11px;font:inherit;outline:0}@media(max-width:650px){.traveler-row{grid-template-columns:1fr}.traveler-row strong{margin-bottom:3px}}
/* V9 — static website refinements */
.hotel-makkah{background-image:url('assets/photos/hotel.webp')}
.hotel-madinah{background-image:url('assets/photos/gallery-3.webp')}
.hotel-premium{background-image:url('assets/photos/gallery-2.webp')}
.light-form{background:var(--cream);color:var(--text);padding:32px;border-radius:10px}
.light-form h3{color:var(--navy)}
.light-form input,.light-form select,.light-form textarea{background:#fff;color:var(--text)}
.light-form label{color:var(--text)}
.form-success{display:none;color:#1d7a4d;font-size:12px;line-height:1.8;margin-top:10px}
.form-success.show{display:block}
@media(max-width:650px){.light-form{padding:24px}}

/* V10 — premium visual layer */
.top-note{position:fixed;z-index:61;top:0;left:0;right:0;background:rgba(3,21,54,.88);color:#fff;font-size:11px;letter-spacing:.1px;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}
.top-note .container{min-height:34px;display:flex;align-items:center;justify-content:center;gap:10px}.top-note span{color:var(--gold)}.top-note b{color:#fff}.top-note a{color:var(--gold);font-weight:800}.nav-wrap{top:34px}.hero{padding-top:34px}.mobile-menu{top:100px}
.stats-strip{background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:30px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.08)}.stats-grid>div:last-child{border-left:0}.stats-grid strong{display:block;font-family:'Playfair Display',serif;font-size:32px;color:var(--gold);line-height:1.1}.stats-grid span{display:block;color:rgba(255,255,255,.58);font-size:11px;margin-top:7px}
.gallery-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;grid-template-rows:230px 230px;gap:12px;margin-top:38px}.gallery-item{position:relative;overflow:hidden;border-radius:12px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:24px;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.08)}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,21,54,.72),rgba(3,21,54,0) 65%);transition:.45s}.gallery-item:after{content:"↗";position:absolute;top:18px;left:18px;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;opacity:0;transform:translateY(-8px);transition:.35s}.gallery-item span{position:relative;z-index:2;font-size:14px;font-weight:800}.gallery-item:hover{transform:translateY(-5px)}.gallery-item:hover:after{opacity:1;transform:none}.g1{grid-row:span 2;background-image:url('assets/photos/gallery-2.webp')}.g2{background-image:url('assets/photos/gallery-3.webp')}.g3{background-image:url('assets/photos/gallery-4.webp')}.g4{background-image:url('assets/photos/hotel.webp')}
.testimonial-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.testimonial-head h2{font-size:44px;margin:10px 0 35px}.testimonial-head h2 span{color:var(--gold)}.stars{color:var(--gold);letter-spacing:4px;margin-bottom:38px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-grid article{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);padding:30px;border-radius:12px;transition:.35s}.testimonial-grid article:hover{transform:translateY(-6px);background:rgba(255,255,255,.08)}.quote-mini{font-family:Georgia,serif;font-size:52px;color:var(--gold);line-height:.7}.testimonial-grid p{color:rgba(255,255,255,.72);font-size:13px;line-height:2.1;min-height:82px}.testimonial-grid strong{font-size:11px;color:#fff}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.faq-grid h2{font-size:42px;line-height:1.35;margin:15px 0}.faq-grid h2 span{color:var(--red)}.faq-grid>div>p{color:var(--muted);line-height:2;font-size:13px;margin-bottom:28px}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;font-size:14px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{font-size:22px;font-weight:400;color:var(--red);transition:.3s}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:12px;line-height:2;padding:0 0 22px;margin:0;max-width:680px}
.footer-trust{color:var(--gold);font-weight:800;margin-bottom:10px;letter-spacing:.5px}
.whatsapp{box-shadow:0 12px 35px rgba(0,0,0,.2);animation:waPulse 2.4s infinite}@keyframes waPulse{0%,70%,100%{box-shadow:0 12px 35px rgba(0,0,0,.2)}35%{box-shadow:0 12px 35px rgba(237,23,28,.18),0 0 0 10px rgba(237,23,28,.05)}}
@media(max-width:900px){.top-note{font-size:10px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div:nth-child(2){border-left:0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px}.g1{grid-row:span 2}.testimonial-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr;gap:35px}.testimonial-head h2{font-size:34px}}
@media(max-width:620px){.top-note{position:fixed}.top-note .container{min-height:31px;gap:6px}.top-note b{display:none}.nav-wrap{top:31px}.hero{padding-top:31px}.brand img{width:100px}.nav-cta{padding:9px 12px}.stats-grid strong{font-size:25px}.stats-grid>div{padding:24px 10px}.gallery-grid{grid-template-columns:1fr;grid-template-rows:220px 170px 170px 170px}.g1{grid-row:auto}.gallery-item{padding:18px}.testimonial-head{display:block}.testimonial-head h2{margin-bottom:12px}.stars{margin-bottom:28px}.faq-grid h2{font-size:32px}}

.catalog-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:-20px 0 32px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px rgba(3,15,40,.05);position:relative;z-index:2}.catalog-filters{display:flex;gap:7px;flex-wrap:wrap}.catalog-filter{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:9px 14px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.25s}.catalog-filter:hover{border-color:var(--navy)}.catalog-filter.active{background:var(--navy);border-color:var(--navy);color:#fff}.catalog-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fafafa;padding:0 14px;min-width:260px}.catalog-search span{font-size:20px;color:var(--red)}.catalog-search input{border:0;outline:0;background:transparent;padding:10px 4px;font:inherit;font-size:11px;width:100%}.catalog-empty{padding:70px 20px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:var(--cream)}.package{transition:.35s}.package.hidden{display:none}.package-media{transition:transform .7s ease}.package:hover .package-media{transform:scale(1.045)}.package{overflow:hidden}.package-badge{position:absolute;top:14px;right:14px;z-index:2;background:var(--red);color:#fff;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}.package-media{position:relative;overflow:hidden}.package-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,15,40,.04),rgba(3,15,40,.3))}.package-body{position:relative}.package-price{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.package-price strong{color:var(--red);font-size:18px}.package-price small{color:var(--muted);font-size:10px}
@media(max-width:620px){.catalog-tools{margin-top:-8px;padding:10px}.catalog-search{width:100%;min-width:0}.catalog-filters{width:100%}.catalog-filter{flex:1;text-align:center}}

.itinerary{margin-top:38px}.itinerary h3{font-size:24px;margin-bottom:18px}.itinerary-list{display:grid;gap:10px}.itinerary-item{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:center;border:1px solid var(--line);padding:14px 16px;border-radius:10px;background:#fff}.itinerary-item span{font-family:'Playfair Display',serif;font-size:20px;color:var(--gold);font-weight:700}.itinerary-item p{margin:0;color:var(--text);font-size:13px;line-height:1.9}.trip-detail-hero-content .tag{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:7px 13px;border-radius:999px}.trip-detail-hero-content h1{max-width:850px}.trip-detail-hero-content p{max-width:760px}@media(max-width:620px){.itinerary-item{grid-template-columns:42px 1fr;padding:12px}.itinerary-item span{font-size:17px}}
/* V18 performance + usability */
.preloader{transition:opacity .25s ease,visibility .25s ease}.preloader img{content-visibility:auto}
.hero-bg{animation-duration:10s;will-change:transform}.nav-wrap.scrolled{backdrop-filter:blur(10px)}
.package-media,.card-image,.trip-detail-image,.image-card,.hotel-photo{contain:layout paint}
.selected-trip{margin:0 0 18px;padding:12px 15px;border:1px solid rgba(200,164,91,.35);background:rgba(200,164,91,.08);border-radius:10px;color:var(--navy);font-weight:800;font-size:13px}
.trip-admin-card img{content-visibility:auto}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg{animation:none!important}.journey-card,.btn{transition:none}.reveal{transition:none!important}}
@media(max-width:800px){.container{width:min(100% - 30px,1180px)}.hero{min-height:720px}.section{padding:75px 0}.section-head{display:block}.section-head p{margin-top:15px}.journey-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.hotel-grid{grid-template-columns:1fr;gap:30px}.hotel-photo{height:420px}.package-grid{grid-template-columns:1fr!important}.booking-wrap{grid-template-columns:1fr!important}}


/* V20 — mobile-first polish */
html{-webkit-text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font-size:16px}
.btn,.nav-cta,.catalog-filter,.filter-pill,.menu{min-height:44px}

@media (max-width: 650px){
  .container{width:calc(100% - 28px)}
  .nav-wrap{padding:6px 0}
  .nav{gap:8px}
  .brand{display:flex;align-items:center;min-width:0}
  .brand img{width:88px;height:52px}
  .nav-actions{margin-right:auto;gap:4px}
  .menu{width:44px;height:44px;padding:5px;display:grid;place-content:center}
  .menu i{width:24px;margin:4px}
  .mobile-menu{top:88px;right:10px;left:10px;padding:8px;border-radius:14px}
  .mobile-menu a{padding:14px 13px;font-size:13px}

  .top-note .container{width:calc(100% - 20px);min-height:30px;white-space:nowrap;overflow:hidden}
  .top-note a{margin-right:auto;flex:0 0 auto}
  .top-note span{flex:0 0 auto}
  .top-note{font-size:9px}

  .hero{min-height:100svh;height:auto;max-height:none;padding-top:30px}
  .hero-bg{background-position:58% center;transform:scale(1.02)}
  .hero-overlay{background:linear-gradient(180deg,rgba(2,12,32,.78),rgba(2,12,32,.62) 55%,rgba(2,12,32,.9))}
  .hero-content{padding-top:72px;padding-bottom:110px}
  h1{font-size:clamp(40px,12vw,54px);letter-spacing:-1.5px;line-height:1.22}
  .hero-copy{font-size:13px;line-height:2;max-width:100%}
  .hero-actions{width:100%;max-width:none;gap:9px;margin-top:24px}
  .hero-trust{gap:10px;margin-top:35px;justify-content:space-between}
  .hero-trust div{padding-right:10px;min-width:0;flex:1}
  .hero-trust strong{font-size:18px}
  .hero-trust span{font-size:8px;line-height:1.7}
  .scroll-hint{display:none}

  .section{padding:58px 0}
  .section-head{margin-bottom:30px}
  .section-head h2,.intro h2,.timeline h2,.hotel-copy h2,.contact h2,.page-title{font-size:clamp(32px,9vw,44px);line-height:1.3;letter-spacing:-1px}
  .section-head p,.intro p,.hotel-copy p{font-size:13px;line-height:2}
  .card-image{height:225px}
  .card-content{padding:20px}
  .card-content h3{font-size:23px}
  .service{min-height:0;padding:27px 22px}
  .service .icon{margin-bottom:22px}
  .steps{gap:0}
  .step{padding:20px 20px 24px;border-top:1px solid rgba(255,255,255,.18)}
  .hotel-photo,.about-visual{height:330px}
  .contact-form,.booking-card,.side-card{padding:20px}
  .field-grid{gap:11px}
  .field input,.field select,.field textarea,.contact-form input,.contact-form select,.contact-form textarea{padding:13px 12px;font-size:16px}

  .page-hero{min-height:390px;padding:118px 0 46px}
  .page-title{margin-top:12px}
  .breadcrumbs{font-size:10px}
  .package-media{height:205px}
  .package-body{padding:20px}
  .package-body h3{font-size:21px}

  .catalog-tools{margin-top:-4px;padding:9px;border-radius:11px}
  .catalog-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none;padding-bottom:2px}
  .catalog-filters::-webkit-scrollbar{display:none}
  .catalog-filter{flex:0 0 auto;white-space:nowrap;padding:9px 13px}
  .catalog-search{order:2}

  .trip-detail-page{padding-top:70px}
  .trip-detail-hero{min-height:470px}
  .trip-detail-hero-content{padding:0 0 48px}
  .trip-detail-hero-content h1{font-size:clamp(34px,9vw,46px)}
  .trip-detail-grid{gap:30px}
  .detail-copy{padding-top:30px}
  .detail-facts{grid-template-columns:1fr 1fr}
  .detail-facts div{padding:15px 10px}
  .detail-lists{gap:14px}
  .itinerary{margin-top:28px}
  .itinerary h3{font-size:21px}

  .gallery-item{min-height:160px}
  .testimonial-grid article{padding:22px}
  .faq-grid{gap:28px}
  .faq-grid h2{font-size:31px}
  .faq-list summary{padding:18px 0;font-size:13px}

  .footer-grid{grid-template-columns:1fr;text-align:center;gap:14px}
  .footer-grid img{margin:auto;width:105px;height:65px}
  .footer-links{grid-column:auto;justify-content:center;gap:13px 18px}
  .copyright{text-align:center;line-height:1.8}
  .whatsapp{left:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:50px;height:50px}
}

@media (max-width: 360px){
  .brand img{width:82px}
  .top-note{font-size:8px}
  .hero-content{padding-top:62px}
  .hero-trust strong{font-size:16px}
  .section{padding:52px 0}
  .contact-cards{grid-template-columns:1fr}
}

/* Admin mobile header and controls */
@media (max-width: 1000px){
  .admin-body .nav-links{display:none}
  .admin-body .nav-cta{display:inline-flex;padding:9px 12px;font-size:11px}
}
@media (max-width: 620px){
  .admin-page{padding:88px 0 55px}
  .admin-panel{padding:17px;border-radius:13px}
  .admin-toolbar{align-items:stretch}
  .admin-toolbar h2{font-size:22px}
  .toolbar-tools{width:100%}
  .admin-search{width:100%;min-width:0}
  .trip-admin-card{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:9px}
  .trip-admin-card img{width:64px;height:58px}
  .trip-admin-card h3{font-size:14px}
  .trip-admin-card p{font-size:10px}
  .admin-actions{grid-column:1/-1!important;display:grid;grid-template-columns:repeat(5,1fr);gap:5px!important}
  .admin-actions button{padding:10px 4px;font-size:10px;min-height:42px}
  .admin-form input,.admin-form select,.admin-form textarea{font-size:16px}
  .form-actions{gap:7px}
}

@media (prefers-reduced-motion: reduce){.whatsapp{animation:none!important}.hero-bg{transform:none!important}}

/* V21 — hard mobile width fix
   Prevent grid/form controls from forcing a wider min-content size on narrow devices. */
*,*::before,*::after{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;min-width:0}
.contact-grid,.booking-wrap,.contact-page,.admin-shell,.trip-detail-grid,.hotel-grid,.about-split{min-width:0}
.contact-grid>*,.booking-wrap>*,.contact-page>*,.admin-shell>*,.trip-detail-grid>*,.hotel-grid>*,.about-split>*{min-width:0;max-width:100%}
.contact-form,.booking-card,.side-card{width:100%;max-width:100%;min-width:0}
.contact-form .btn,.booking-card>.btn{width:100%;max-width:100%}
.field,.field label{min-width:0;max-width:100%;display:block}
.field input,.field select,.field textarea,.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:650px){
  .container{width:calc(100% - 28px);max-width:100%;min-width:0}
  .section{overflow:clip}
  .contact-grid,.booking-wrap,.contact-page{grid-template-columns:minmax(0,1fr)!important;width:100%;gap:28px}
  .contact-form,.booking-card,.side-card{padding:18px;width:100%;}
  .contact-form{gap:12px}
  .contact-form .btn,.booking-card>.btn{width:100%;min-height:48px}
  .field-grid{grid-template-columns:minmax(0,1fr)!important;width:100%}
  .traveler-row{grid-template-columns:minmax(0,1fr)!important}
  .side-card{position:static;overflow:hidden}
  .contact h2{font-size:clamp(31px,9vw,42px);overflow-wrap:anywhere}
  .contact p,.hero-copy,.section-head p,.intro p,.hotel-copy p{overflow-wrap:anywhere}
}
@media(max-width:380px){
  .container{width:calc(100% - 20px)}
  .contact-form,.booking-card,.side-card{padding:15px}
  .contact-form label,.field label{font-size:11px}
  .contact-form input,.contact-form select,.contact-form textarea,.field input,.field select,.field textarea{padding:12px 10px}
}

/* V22 Social / Facebook */
.footer-social{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin-top:14px;grid-column:2/-1}.footer-social>span{font-size:11px;color:rgba(255,255,255,.45)}.facebook-link{display:inline-flex;align-items:center;gap:8px;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:7px;font-size:11px;transition:.25s}.facebook-link:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}.facebook-link::first-letter{font-weight:900}.facebook-link em{font-style:normal;font-weight:700}.social-card a{display:inline-block;color:var(--red);font-size:12px;font-weight:800;margin-top:4px}.social-card a:hover{text-decoration:underline}
@media(max-width:650px){.footer-social{grid-column:1/-1;justify-content:flex-start;margin-top:0}.facebook-link em{display:inline}.footer-grid{gap:20px}}


/* Reviva Agency credit */
.reviva-credit{margin-top:14px;text-align:center;font-size:12px;color:rgba(255,255,255,.62);direction:rtl}
.reviva-credit a{color:#d9ad4a;font-weight:800;text-decoration:none;transition:opacity .2s ease}
.reviva-credit a:hover{opacity:.78;text-decoration:underline}
@media(max-width:600px){.reviva-credit{font-size:11px;margin-top:12px;padding:0 12px;line-height:1.8}}
/* V26 visual restoration + mobile hardening */
@media(max-width:760px){
  body{overflow-x:hidden}
  .container{width:calc(100% - 28px);max-width:100%}
  .top-note{position:fixed;top:0;left:0;right:0;z-index:90}
  .nav-wrap{top:31px}
  .hero{min-height:760px;height:100svh;padding-top:31px}
  .hero-content{padding-top:80px}
  .hero h1{font-size:clamp(42px,13vw,62px)}
  .hero-copy{font-size:14px}
  .hero-actions{width:100%}
  .hero-actions .btn{flex:1;min-height:48px;padding:12px 10px}
  .intro-grid,.hotel-grid,.contact-grid,.faq-grid{grid-template-columns:minmax(0,1fr)!important;gap:30px}
  .intro-grid .section-kicker{order:0}
  .image-card,.hotel-photo,.about-visual{height:330px;width:100%}
  .journey-grid,.service-grid,.steps,.testimonial-grid{grid-template-columns:1fr!important}
  .journey-card .card-image{height:235px}
  .gallery-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:190px 150px 150px!important}
  .g1{grid-row:span 2!important}
  .contact-form,.booking-card,.side-card{width:100%;max-width:100%;min-width:0;padding:18px}
  .contact-form input,.contact-form select,.contact-form textarea,.booking-card input,.booking-card select,.booking-card textarea{width:100%;max-width:100%;font-size:16px;box-sizing:border-box}
  .footer-grid{grid-template-columns:1fr!important;text-align:center}
  .footer-links{justify-content:center!important}
  .footer-social{justify-content:center!important}
}
@media(max-width:380px){
  .container{width:calc(100% - 20px)}
  .brand img{width:88px}
  .nav-cta{font-size:10px;padding:8px 10px}
  .hero h1{font-size:40px}
  .hero-copy{font-size:12px}
  .section{padding:52px 0}
  .hero-actions{flex-direction:column}
  .hero-trust{gap:7px}
}


/* V27 — dedicated setup/login UI */
.setup-page,.admin-login-page{min-height:100svh;background:var(--cream);display:flex;align-items:center;justify-content:center;padding:32px 16px;}
.setup-card,.admin-login-card{width:min(680px,100%);background:#fff;border:1px solid rgba(7,29,77,.10);border-radius:22px;padding:38px;box-shadow:0 28px 80px rgba(2,13,37,.12);}
.setup-card .setup-brand,.admin-login-card .setup-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;}
.setup-brand img{width:88px;height:60px;object-fit:contain;}
.setup-card h1,.admin-login-card h1{margin:6px 0 12px;font-size:clamp(38px,6vw,66px);line-height:1.12;letter-spacing:-1.8px;color:var(--navy);}
.setup-lead,.admin-login-lead{margin:0 0 24px;color:var(--muted);font-size:13px;line-height:2;}
.setup-form,.admin-login-form{display:grid!important;grid-template-columns:1fr!important;gap:15px!important;width:100%!important;}
.setup-form label,.admin-login-form label{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;color:var(--navy);font-size:12px;font-weight:800;}
.setup-form input,.admin-login-form input{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:50px;padding:12px 14px;border:1px solid #dfe3ea;border-radius:9px;background:#fff;color:var(--text);font:inherit;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;}
.setup-form input:focus,.admin-login-form input:focus{border-color:var(--navy);box-shadow:0 0 0 4px rgba(7,29,77,.06);}
.setup-form .btn,.admin-login-form .btn{width:100%;min-height:50px;margin-top:4px;}
.setup-status{padding:13px 15px;border-radius:10px;margin:0 0 16px;font-size:12px;line-height:1.9;}
.setup-status.error{background:#fff0f0;color:#a9151a;border:1px solid #ffd6d6;}
.setup-status.ok{background:#edf8f1;color:#17623a;border:1px solid #ccebd8;}
.setup-note{margin:16px 0 0;color:#7b8494;font-size:11px;line-height:1.9;}
.setup-note b{color:var(--navy);}
@media(max-width:620px){.setup-page,.admin-login-page{padding:18px 12px;align-items:flex-start}.setup-card,.admin-login-card{margin-top:20px;padding:22px 17px;border-radius:16px}.setup-card h1,.admin-login-card h1{font-size:clamp(34px,12vw,48px)}.setup-card .setup-brand,.admin-login-card .setup-brand{align-items:flex-start}.setup-brand img{width:74px;height:52px}}

/* V27 dynamic image fallback */
.card-image,.package-media,.trip-detail-image{background-repeat:no-repeat;background-position:center;background-size:cover;}

/* V29 reliability: preloader is decorative only; page content remains usable. */
.no-js .preloader{display:none!important}
body.menu-open{overflow:hidden}
@media(max-width:760px){.mobile-menu{max-height:calc(100svh - 90px);overflow:auto}}

/* V30 — real supplied brand photography */
.hero.home .hero-bg{background-image:url('assets/photos/hero-main.webp')}
.hero.trips-hero .hero-bg{background-image:url('assets/photos/gallery-2.webp')}
.hero.hotels-hero .hero-bg{background-image:url('assets/photos/hotel.webp')}
.hero.about-hero .hero-bg{background-image:url('assets/photos/gallery-3.webp')}
.hero.contact-hero .hero-bg{background-image:url('assets/photos/gallery-1.webp')}
.image-card{background-image:url('assets/photos/intro.webp')}
.hotel-photo{background-image:url('assets/photos/hotel.webp')}
.about-visual{background-image:url('assets/photos/gallery-1.webp')}
.g1{background-image:url('assets/photos/gallery-2.webp')} .g2{background-image:url('assets/photos/gallery-3.webp')} .g3{background-image:url('assets/photos/gallery-4.webp')} .g4{background-image:url('assets/photos/hotel.webp')}
.package-media,.card-image,.trip-detail-image,.hotel-card .media{background-repeat:no-repeat;background-position:center;background-size:cover}
/* V30 — eliminate all remote/demo photography */
.umrah{background-image:url('assets/photos/gallery-3.webp')!important}
.hajj{background-image:url('assets/photos/gallery-2.webp')!important}
.vip{background-image:url('assets/photos/hotel.webp')!important}

/* V32 — username/password admin login */
.admin-login-mark{width:36px;height:2px;margin-top:8px;background:linear-gradient(90deg,var(--red),var(--navy));}.admin-login-hint{margin-top:18px;padding:12px 14px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;display:grid;gap:5px;font-size:11px;color:var(--muted)}.admin-login-hint strong{color:var(--navy);font-size:11px}
/* V33 Admin */
.admin-app{min-height:100vh;background:#f4f2ec;display:flex;color:#12213f}.admin-sidebar{position:fixed;right:0;top:0;bottom:0;width:250px;background:#061a42;color:#fff;padding:22px 15px;display:flex;flex-direction:column;z-index:50}.admin-side-brand{display:flex;align-items:center;gap:10px;padding:8px 7px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-side-brand img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:10px}.admin-side-brand b{display:block;font-size:12px}.admin-side-brand small{color:#b7c0d1;font-size:9px}.admin-sidebar nav{display:grid;gap:6px;padding-top:18px}.admin-sidebar nav a,.admin-side-bottom a{display:flex;align-items:center;gap:10px;color:#dce4f3;text-decoration:none;padding:12px 11px;border-radius:10px;font-size:11px;font-weight:800}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#0d2d67;color:#fff}.admin-sidebar nav a i{margin-right:auto;background:#ef1c2b;border-radius:20px;padding:3px 7px;font-size:8px;font-style:normal}.admin-side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;display:grid;gap:3px}.admin-main{margin-right:250px;width:calc(100% - 250px);padding:34px 38px 70px;min-width:0}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.admin-header span{font-size:10px;color:#7c879a}.admin-header h1{font-size:clamp(30px,4vw,48px);margin:6px 0 0;color:#071a3e}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e2e5eb;border-radius:15px;padding:20px;box-shadow:0 12px 35px rgba(3,15,40,.04)}.stat b{display:block;font-size:30px;color:#071a3e}.stat span{font-size:10px;color:#8a94a5}.admin-dash-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.admin-card{background:#fff;border:1px solid #e1e5eb;border-radius:15px;padding:20px;box-shadow:0 12px 35px rgba(3,15,40,.04);min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.card-head h2{margin:4px 0 0;font-size:18px}.card-head a{font-size:10px;color:#b28b2c;text-decoration:none;font-weight:800}.mini-kicker{font-size:8px;color:#b28b2c;text-transform:uppercase;letter-spacing:.08em}.compact-list{display:grid;gap:8px}.compact-list>div{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #edf0f4;border-radius:10px}.compact-list img{width:48px;height:42px;object-fit:cover;border-radius:7px}.compact-list span:nth-child(2){flex:1;min-width:0}.compact-list b,.compact-list small{display:block}.compact-list b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-list small{font-size:9px;color:#8a94a5;margin-top:3px}.compact-list a{font-size:9px;color:#1a3d72}.booking-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef2f8;color:#071a3e;font-weight:900}.status-pill{font-size:8px;padding:5px 8px;border-radius:15px}.status-pill.new{background:#fff1d9;color:#8a5a00}.status-pill.contacted{background:#eaf8ef;color:#17643b}.status-pill.closed{background:#edf0f4;color:#6e7887}.admin-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.admin-toolbar form{display:flex;gap:7px;flex-wrap:wrap}.admin-toolbar input,.admin-toolbar select,.admin-form input,.admin-form select,.admin-form textarea,.setting-item input,.booking-line select{font:inherit;border:1px solid #dce2ea;border-radius:8px;padding:10px;background:#fff;color:#12213f;outline:none;box-sizing:border-box}.admin-toolbar input{min-width:240px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px}.admin-list{display:grid;gap:10px}.admin-row{display:grid;grid-template-columns:75px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e7ebf0;border-radius:11px;padding:9px}.admin-row img{width:75px;height:62px;border-radius:8px;object-fit:cover;background:#eee}.admin-row h3{font-size:13px;margin:0 0 5px}.admin-row p{font-size:9px;color:#7e899a;margin:0}.badges{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.badge{font-size:8px;padding:4px 7px;border-radius:20px;background:#eef2f8}.badge.on{background:#eaf8ef;color:#17643b}.badge.off{background:#fff0f0;color:#a00}.row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.row-actions form{display:inline}.row-actions button,.row-actions a{border:0;border-radius:7px;padding:7px 9px;font:inherit;font-size:9px;font-weight:800;cursor:pointer;text-decoration:none}.edit{background:#eef2f8;color:#12213f}.danger{background:#fff0f0;color:#a00}.gold{background:#f8f2df;color:#775d18}.admin-form{display:grid;gap:10px}.admin-form label,.setting-item label{display:grid;gap:5px;font-size:9px;font-weight:800}.admin-form textarea{min-height:78px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkrow{display:flex!important;align-items:center;gap:8px}.checkrow input{width:18px}.thumb-preview{width:100%;height:160px;object-fit:cover;border-radius:10px;background:#eee}.light-btn{background:#eef2f8!important;color:#12213f!important}.notice{padding:11px;border-radius:9px;font-size:10px;margin-bottom:12px}.notice.ok{background:#eaf8ef;color:#17643b}.notice.err{background:#fff0f0;color:#a00}.booking-table{display:grid}.booking-head,.booking-line{display:grid;grid-template-columns:1.2fr 1.3fr .45fr .9fr 1fr .75fr;gap:10px;align-items:center}.booking-head{padding:9px 10px;background:#f5f7fa;color:#7b8696;font-size:9px;font-weight:900;border-radius:8px}.booking-line{padding:12px 10px;border-bottom:1px solid #edf0f4;font-size:9px}.booking-line b,.booking-line small{display:block}.booking-line small{color:#8a94a5;font-size:8px;margin-top:3px}.booking-line a{color:#1d4f93;text-decoration:none}.booking-line select{padding:7px;font-size:8px;width:100%}.media-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.media-admin-grid article{border:1px solid #e6eaf0;border-radius:12px;overflow:hidden}.media-admin-grid article>img{width:100%;height:145px;object-fit:cover;display:block}.media-admin-grid article>div{padding:10px}.media-admin-grid b,.media-admin-grid small,.media-admin-grid p{display:block}.media-admin-grid b{font-size:11px}.media-admin-grid small{font-size:8px;color:#8a94a5;margin:4px 0}.media-admin-grid p{font-size:9px;color:#677285;line-height:1.7}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.setting-item{display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px;padding:12px;border:1px solid #e7ebf0;border-radius:10px}.setting-item .btn{padding:9px 12px;font-size:9px}.hotel-admin-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:1050px){.admin-sidebar{width:205px}.admin-main{margin-right:205px;width:calc(100% - 205px);padding:28px 20px}.admin-grid{grid-template-columns:1fr}.form-card{order:-1}.admin-dash-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.admin-sidebar{position:static;width:auto;height:auto;padding:10px;display:block}.admin-app{display:block}.admin-side-brand{padding:6px 8px 10px}.admin-sidebar nav{display:flex;overflow-x:auto;padding-top:8px;gap:5px}.admin-sidebar nav a{white-space:nowrap;padding:9px}.admin-sidebar nav a span{display:none}.admin-side-bottom{display:flex;border:0;padding:6px 0 0}.admin-main{margin:0;width:auto;padding:18px 10px 40px}.admin-header{align-items:flex-start}.admin-header .btn{display:none}.admin-header h1{font-size:30px}.admin-stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:14px}.stat b{font-size:24px}.admin-row{grid-template-columns:58px minmax(0,1fr)}.admin-row img{width:58px;height:54px}.row-actions{grid-column:1/-1;justify-content:flex-start}.two,.settings-grid,.media-admin-grid,.hotel-admin-grid{grid-template-columns:1fr}.admin-toolbar form{width:100%}.admin-toolbar input{min-width:0;width:100%}.admin-toolbar select{flex:1}.booking-table{overflow:auto}.booking-head,.booking-line{min-width:700px}.admin-card{padding:14px}}

/* V34 — professional trip editor */
.editor-tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:#f4f6f9;border:1px solid #e6eaf0;border-radius:11px;margin-bottom:14px;scrollbar-width:none}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{flex:0 0 auto;border:0;background:transparent;color:#6f7a8c;padding:10px 12px;border-radius:8px;font:inherit;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.editor-tab.active{background:#071a3e;color:#fff;box-shadow:0 5px 14px rgba(7,26,62,.15)}.editor-panel{display:none}.editor-panel.active{display:grid;gap:11px}.form-section-title{display:flex;justify-content:space-between;align-items:end;gap:10px;padding-bottom:9px;border-bottom:1px solid #edf0f4;margin-bottom:2px}.form-section-title b{font-size:13px;color:#071a3e}.form-section-title span,.field-help{font-size:8px;color:#8a94a5;line-height:1.8}.editor-state{font-size:8px;padding:6px 9px;border-radius:20px;background:#eef2f8;color:#526078;font-weight:800}.editor-footer{display:flex;gap:8px;align-items:center;border-top:1px solid #edf0f4;padding-top:13px;margin-top:4px}.editor-footer .btn{flex:1}.editor-preview{height:180px}.trip-editor-card{position:sticky;top:18px;align-self:start}.admin-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.admin-quick-actions a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 15px;background:#fff;border:1px solid #e1e5eb;border-radius:12px;text-decoration:none;color:#071a3e;box-shadow:0 10px 25px rgba(3,15,40,.035)}.admin-quick-actions b{font-size:10px}.admin-quick-actions span{font-size:18px;color:#c59a3a}.empty-state{padding:30px 15px;text-align:center;color:#8a94a5;font-size:10px;border:1px dashed #dfe4eb;border-radius:10px}.admin-user-chip{display:inline-flex;align-items:center;gap:7px;background:#eef2f8;border-radius:20px;padding:6px 10px}.admin-user-chip b{color:#071a3e;font-size:9px}.admin-user-chip a{color:#a9151a;font-size:9px;text-decoration:none}
@media(max-width:1050px){.trip-editor-card{position:static}.admin-quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.admin-quick-actions{grid-template-columns:1fr 1fr;gap:7px}.admin-quick-actions a{padding:11px}.editor-tabs{margin-inline:-2px}.editor-footer{position:sticky;bottom:0;background:#fff;padding:12px 0 2px;z-index:3}.editor-panel textarea{min-height:120px}}
@media(max-width:380px){.admin-quick-actions{grid-template-columns:1fr}.editor-tab{padding:9px 10px}.form-section-title{align-items:flex-start;flex-direction:column}}
/* V35 — Booking CRM */
.booking-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 15px}.booking-metrics>div{padding:12px;border:1px solid #e7ebf0;border-radius:10px;background:#f9fafc}.booking-metrics b{display:block;font-size:20px;color:#071a3e}.booking-metrics span{font-size:8px;color:#7f8999}.booking-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.booking-filters input,.booking-filters select{font:inherit;border:1px solid #dce2ea;border-radius:8px;padding:10px;background:#fff;color:#12213f;box-sizing:border-box}.booking-filters input{min-width:280px;flex:1}.booking-head-v2,.booking-line-v2{grid-template-columns:1.3fr 1.25fr .4fr .9fr 1fr .75fr .95fr;min-width:980px}.booking-line-v2{align-items:start}.booking-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:start}.row-actions-btn{border:0;border-radius:7px;padding:7px 9px;font:inherit;font-size:8px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-block}.row-actions-btn.whatsapp{background:#eaf8ef;color:#17643b}.row-actions-btn.delete-booking{background:#fff0f0;color:#a00}.row-actions-btn.save-note{background:#071a3e;color:#fff}.booking-actions details{position:relative}.booking-actions details summary{list-style:none;cursor:pointer;background:#eef2f8;color:#12213f;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:800}.booking-actions details summary::-webkit-details-marker{display:none}.booking-actions details form{position:absolute;z-index:10;right:0;top:34px;width:230px;background:#fff;border:1px solid #dfe4eb;border-radius:10px;padding:9px;box-shadow:0 15px 35px rgba(3,15,40,.12)}.booking-actions details textarea{width:100%;min-height:80px;box-sizing:border-box;border:1px solid #dce2ea;border-radius:7px;padding:8px;font:inherit;font-size:9px;resize:vertical;margin-bottom:6px}.internal-note{display:block;color:#8a641d;font-size:8px;background:#fff8e8;padding:4px 6px;border-radius:5px;margin-top:5px;font-style:normal}
@media(max-width:700px){.booking-metrics{grid-template-columns:repeat(2,1fr)}.booking-filters{display:grid;grid-template-columns:1fr 1fr}.booking-filters input{min-width:0;width:100%;grid-column:1/-1}.booking-filters .btn{width:100%}.booking-table{overflow-x:auto}.booking-head-v2,.booking-line-v2{min-width:980px}.booking-actions details form{position:fixed;right:12px;left:12px;bottom:12px;top:auto;width:auto}.booking-manager{padding:12px}}

.media-upload{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:18px;padding:14px;border:1px solid #e7ebf0;border-radius:12px;background:#fafbfc}.media-upload label,.content-field label{display:grid;gap:6px;font-size:10px;font-weight:900}.media-upload input[type=file]{padding:10px;border:1px dashed #cfd6df;border-radius:8px;background:#fff}.media-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-library-card{border:1px solid #e5e9ef;border-radius:12px;overflow:hidden;background:#fff}.media-library-card>img{width:100%;height:145px;object-fit:cover;display:block}.media-library-card>div{padding:10px}.media-library-card b,.media-library-card small,.media-path{display:block}.media-library-card b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-library-card small{font-size:8px;color:#8b95a4;margin:4px 0}.media-path{font-size:7px;color:#778294;background:#f5f7fa;border-radius:5px;padding:5px;word-break:break-all;margin-bottom:8px}.content-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.content-field{border:1px solid #e5e9ef;border-radius:11px;padding:12px;background:#fff}.content-field textarea{width:100%;margin-top:6px;border:1px solid #e0e5ec;border-radius:8px;padding:10px;font:inherit;line-height:1.8;resize:vertical}.content-field .btn{margin-top:8px}
@media(max-width:900px){.media-library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.media-upload{grid-template-columns:1fr}.content-form-grid{grid-template-columns:1fr}.media-library-grid{grid-template-columns:1fr}.media-library-card>img{height:180px}}

.content-cms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cms-field{border:1px solid #e5e9ef;border-radius:12px;padding:14px;background:#fbfcfd}.cms-field label{display:grid;gap:7px;font-size:10px;font-weight:900}.cms-field textarea{width:100%;border:1px solid #dce2ea;border-radius:9px;padding:11px;font:inherit;resize:vertical;min-height:90px}.cms-field .btn{margin-top:8px;width:100%}.site-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.site-image-card{border:1px solid #e5e9ef;border-radius:12px;overflow:hidden;background:#fff}.site-image-card>img{width:100%;height:190px;object-fit:cover;display:block}.site-image-card>div{padding:12px}.site-image-card b,.site-image-card small{display:block}.site-image-card small{font-size:8px;color:#8a94a5;word-break:break-all;margin:5px 0 10px}.site-image-card form{display:grid;gap:8px}.site-image-card input[type=file]{font-size:9px}@media(max-width:700px){.content-cms-grid,.site-image-grid{grid-template-columns:1fr}}

/* V38 admin activity + mobile polish */
.activity-card{margin-top:18px}.activity-list{display:grid;gap:8px}.activity-list>div{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:rgba(255,255,255,.5)}.activity-list b{font-size:13px}.activity-list span{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-list small{font-size:11px;opacity:.55;direction:rtl}@media(max-width:700px){.activity-list>div{grid-template-columns:1fr;gap:4px}.booking-table{overflow-x:auto}.admin-header{gap:10px}.admin-header h1{font-size:24px}}

.content-cms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:14px;border:1px solid #e5e9ef;border-radius:14px;background:linear-gradient(135deg,#fff,#f8fafc)}.content-cms-toolbar>div:first-child{display:grid;gap:4px}.content-cms-toolbar b{font-size:13px}.content-cms-toolbar span{font-size:9px;color:#7d8797}.content-cms-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.content-cms-actions form{margin:0}.content-cms-actions .btn{white-space:nowrap}@media(max-width:700px){.content-cms-toolbar{align-items:stretch;flex-direction:column}.content-cms-actions{display:grid;grid-template-columns:1fr}.content-cms-actions .btn{width:100%}}
.preview-ribbon{position:fixed;top:14px;left:14px;z-index:9999;background:#111827;color:#fff;padding:9px 13px;border-radius:999px;font:800 11px/1 Cairo,Arial;box-shadow:0 8px 25px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.15)}.preview-ribbon a{color:#fff;text-decoration:none;margin-right:8px;opacity:.8}

/* V42 Admin Account Security */
.account-security-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:24px;align-items:start}.account-security-info{padding:24px;border:1px solid rgba(212,178,91,.18);border-radius:18px;background:rgba(212,178,91,.04)}.account-security-info h3{margin:8px 0 10px}.account-security-info p{line-height:1.8;color:#8d98ad}.security-icon{font-size:34px}.account-password-form{display:grid;gap:14px}.account-password-form label{display:grid;gap:7px}.account-password-form input{width:100%;box-sizing:border-box}.account-password-form .field-help{display:block;margin-top:-2px}@media(max-width:760px){.account-security-grid{grid-template-columns:1fr}}