@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap";.ls-btn{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:.5px solid var(--border-m);border-radius:20px;padding:5px 12px;font-family:var(--font);font-size:13px;color:var(--text-2);cursor:pointer;transition:background .15s;flex-shrink:0}.ls-btn:hover{background:var(--surface);border-color:var(--joy-primary);color:var(--text-1)}.ls-sep{color:var(--text-3)}.ls-cur{font-weight:600;color:var(--text-1)}.ls-flag-img{border-radius:2px;display:block;flex-shrink:0;object-fit:cover}.ls-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:#0a14288c;display:flex;align-items:center;justify-content:center;padding:20px}.ls-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0a14284d}.ls-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.ls-tabs{display:flex;gap:4px}.ls-tab{background:none;border:none;font-family:var(--font);font-size:15px;font-weight:600;color:#888;cursor:pointer;padding:8px 20px;border-radius:8px;transition:all .15s}.ls-tab.active{background:#fff0eb;color:#ff6b35}.ls-tab:hover:not(.active){background:#f5f5f5;color:#333}.ls-close{background:#f5f5f5;border:none;border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center}.ls-close:hover{background:#ebebeb}.ls-body{overflow-y:scroll;padding:0 20px 24px;flex:1;background:#fff}.ls-stitle{font-size:11px;font-weight:700;color:#aaa;margin:18px 0 10px;text-transform:uppercase;letter-spacing:.6px}.ls-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.ls-item{display:flex;align-items:center;gap:8px;background:none;border:1px solid transparent;border-radius:8px;padding:9px 10px;font-family:var(--font);font-size:13px;color:#222;cursor:pointer;text-align:right;transition:all .12s;min-width:0;width:100%}.ls-item:hover{background:#f5f5f5;border-color:#e0e0e0}.ls-item.active{background:#fff0eb;border-color:#ff6b35;color:#ff6b35}.ls-symbol{font-size:15px;font-weight:700;width:28px;text-align:center;flex-shrink:0;color:#0d1f3c}.ls-lname{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;gap:1px;text-align:right;color:#222}.ls-lname small{font-size:11px;color:#999;font-weight:400}.ls-check{color:#ff6b35;font-size:14px;font-weight:700;flex-shrink:0;margin-right:auto}@media (max-width:580px){.ls-grid{grid-template-columns:repeat(2,1fr)}.ls-modal{height:92vh}}.nav{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:.5px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-inner{display:flex;align-items:center;gap:20px;height:62px}.nav-logo{display:flex;align-items:center;gap:6px;text-decoration:none;flex-shrink:0;direction:ltr}.logo-mark{font-size:22px}.logo-joy{font-size:20px;font-weight:700;color:var(--joy-primary)}.logo-dist{font-size:20px;font-weight:300;color:var(--joy-navy)}.nav-links{display:flex;gap:2px;flex:1}.nl{text-decoration:none;font-size:14px;color:var(--text-2);padding:7px 14px;border-radius:var(--r-sm);transition:all .15s}.nl:hover{background:var(--surface-2);color:var(--text-1)}.nl.active{background:var(--joy-primary-lt);color:var(--joy-primary);font-weight:600}.nav-weather{display:flex;align-items:center;gap:6px;background:var(--surface-2);border:.5px solid var(--border);border-radius:20px;padding:5px 14px;font-size:13px;color:var(--text-2);white-space:nowrap;flex-shrink:0}.nav-ham{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-1);margin-right:auto}@media (max-width:768px){.nav-ham{display:block}.nav-links{display:none;position:absolute;top:62px;right:0;left:0;background:var(--surface);flex-direction:column;padding:12px 16px;border-bottom:.5px solid var(--border);gap:4px}.nav-links.open{display:flex}.nav-weather{display:none}}.nav-end{display:flex;align-items:center;gap:10px;flex-shrink:0}.footer{background:var(--joy-navy);color:#ffffffb3;padding:32px 0;margin-top:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand{display:flex;align-items:center;gap:6px;font-size:18px;direction:ltr}.fb-joy{font-weight:700;color:var(--joy-primary)}.fb-dist{font-weight:300;color:#fff}.footer-copy{font-size:13px}.footer-links{display:flex;gap:16px}.footer-links a{color:#fff9;text-decoration:none;font-size:13px}.footer-links a:hover{color:#fff}@media (max-width:600px){.footer-inner{flex-direction:column;text-align:center}}.hero{position:relative;min-height:92vh;background-size:cover;background-position:center 30%;background-repeat:no-repeat;display:flex;align-items:flex-end;overflow:hidden}.hero-overlay-bottom{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#060a14f7,#060a14cc 28%,#060a144d 60%,#060a140d);pointer-events:none;z-index:1}.hero-overlay-top{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(6,10,20,.5) 0%,transparent 22%);pointer-events:none;z-index:1}.hero-content{position:relative;z-index:2;width:100%;padding-bottom:52px;padding-top:80px}.hero-weather-badge{display:inline-flex;align-items:center;gap:12px;background:#ffffff17;border:.5px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:10px 18px;margin-bottom:28px}.hwb-icon{font-size:28px}.hwb-info{display:flex;flex-direction:column;gap:1px}.hwb-temp{font-size:20px;font-weight:700;color:#fff;line-height:1}.hwb-desc{font-size:12px;color:#fff9}.hwb-stats{display:flex;flex-direction:column;gap:3px;border-right:.5px solid rgba(255,255,255,.18);padding-right:14px;margin-right:4px;font-size:12px;color:#ffffff8c}.hero-headline{margin-bottom:32px;max-width:640px}.hero-eyebrow{font-size:14px;color:var(--joy-primary);font-weight:600;margin-bottom:10px}.hero-h1{font-size:clamp(36px,6vw,64px);font-weight:700;color:#fff;line-height:1.15;margin-bottom:16px;text-shadow:0 2px 24px rgba(0,0,0,.5)}.hero-accent{color:var(--joy-primary)}.hero-sub{font-size:16px;color:#ffffffad;line-height:1.7;max-width:500px}.hero-search-wrap{position:relative;max-width:600px;margin-bottom:20px}.hero-search{display:flex;align-items:center;gap:10px;background:#ffffff1c;border:.5px solid rgba(255,255,255,.28);border-radius:50px;padding:6px 6px 6px 20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .2s,background .2s}.hero-search:focus-within{border-color:var(--joy-primary);background:#ffffff29}.hs-icon{font-size:18px;flex-shrink:0}.hero-search input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:var(--font);font-size:15px}.hero-search input::placeholder{color:#ffffff6b}.hs-btn{background:var(--joy-primary);color:#fff;border:none;border-radius:50px;padding:11px 28px;font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.hs-btn:hover{background:var(--joy-primary-dk)}.hs-btn:active{transform:scale(.97)}.hero-sugg{position:absolute;top:calc(100% + 8px);right:0;left:0;background:#080c18f0;border:.5px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:50}.hero-sugg button{display:flex;align-items:center;gap:8px;width:100%;text-align:right;background:none;border:none;padding:11px 18px;font-family:var(--font);font-size:14px;color:#ffffffd9;cursor:pointer;transition:background .1s}.hero-sugg button:hover{background:#ffffff14}.hero-cities{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:40px}.hc-label{font-size:13px;color:#ffffff6b}.city-pill{background:#ffffff14;border:.5px solid rgba(255,255,255,.18);color:#fffc;border-radius:50px;padding:5px 16px;font-family:var(--font);font-size:13px;cursor:pointer;transition:all .15s}.city-pill:hover{background:#ff6b3540;border-color:var(--joy-primary);color:#fff}.hero-stats{display:flex;align-items:center;background:#ffffff12;border:.5px solid rgba(255,255,255,.13);border-radius:16px;padding:16px 28px;max-width:520px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hstat{display:flex;flex-direction:column;align-items:center;flex:1}.hstat strong{font-size:20px;font-weight:700;color:var(--joy-primary);line-height:1}.hstat span{font-size:12px;color:#ffffff85;margin-top:3px}.hstat-div{width:.5px;height:36px;background:#ffffff26;flex-shrink:0}@media (max-width: 768px){.hero{min-height:100svh}.hero-h1{font-size:32px}.hwb-stats{display:none}.hero-stats{padding:14px 16px}.hstat strong{font-size:17px}}.wcard{padding:22px 24px}.wc-hero{display:flex;align-items:center;gap:20px;margin-bottom:20px}.wc-icon-wrap{font-size:56px;line-height:1}.wc-temp{font-size:44px;font-weight:300;color:var(--text-1)}.wc-city{font-size:18px;font-weight:600;color:var(--text-1);margin-bottom:2px}.wc-desc{font-size:13px;color:var(--text-3)}.wc-stats{display:flex;gap:0;border-top:.5px solid var(--border);border-bottom:.5px solid var(--border)}.wc-stat{flex:1;padding:14px 8px;text-align:center;border-right:.5px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:3px}.wc-stat:last-child{border-right:none}.wc-stat span{font-size:18px}.wc-stat strong{font-size:13px;color:var(--text-1)}.wc-stat small{font-size:11px;color:var(--text-3)}.wc-rec{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:.5px solid var(--border)}.rec-em{font-size:30px;flex-shrink:0}.rec-title{font-size:14px;font-weight:600;color:var(--text-1);margin-bottom:8px}.rec-tips{display:flex;flex-wrap:wrap;gap:6px}.wc-forecast{display:flex;overflow-x:auto;padding-top:16px;gap:0}.fc-day{flex:1;min-width:60px;text-align:center;padding:8px 4px;border-right:.5px solid var(--border)}.fc-day:last-child{border-right:none}.fc-name{font-size:11px;color:var(--text-3);margin-bottom:4px}.fc-icon{font-size:20px;margin-bottom:4px}.fc-temp{font-size:14px;font-weight:600;color:var(--text-1)}.wcard.compact{padding:16px}.wcard.compact .wc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wcard.compact .wc-bigtemp{font-size:22px;font-weight:600}.dcard{cursor:pointer;transition:transform .15s,box-shadow .15s;overflow:hidden}.dcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0d1f3c21}.dc-img{height:100px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);position:relative;font-size:48px}.dc-in{position:absolute;top:8px;right:8px}.dc-body{padding:12px 14px 14px}.dc-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.dc-name{font-size:15px;font-weight:600;color:var(--text-1)}.dc-rat{font-size:13px;color:var(--text-2)}.dc-reg{font-size:12px;color:var(--text-3);margin-bottom:6px}.dc-desc{font-size:12px;color:var(--text-2);line-height:1.6;margin-bottom:10px}.dc-tags{display:flex;flex-wrap:wrap;gap:4px}.page-hero{padding:40px 24px 0;margin-bottom:0}.ph-title{font-size:28px;font-weight:700;color:var(--text-1);margin-bottom:6px}.ph-sub{font-size:15px;color:var(--text-3)}.page-body{padding:28px 24px 48px;display:flex;flex-direction:column;gap:36px}.fc-card{padding:18px 14px;text-align:center}.fc-icon{font-size:32px;margin-bottom:6px}.fc-day{font-size:13px;font-weight:600;margin-bottom:4px}.fc-temp{font-size:26px;font-weight:300;margin-bottom:2px}.fc-range{font-size:11px;color:var(--text-3);margin-bottom:6px}.fc-desc{font-size:12px;color:var(--text-2);margin-bottom:10px}.fc-meta{display:flex;justify-content:center;gap:10px;font-size:11px;color:var(--text-3)}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.more-card{position:relative;border-radius:var(--r-md);overflow:hidden;display:block;text-decoration:none;cursor:pointer;background:var(--surface-2);height:180px}.more-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.more-card:hover img{transform:scale(1.06)}.more-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(6,10,20,.82) 0%,rgba(6,10,20,.15) 60%,transparent 100%);transition:opacity .3s}.more-card:hover .more-overlay{opacity:.9}.more-info{position:absolute;bottom:12px;right:12px;left:12px;display:flex;align-items:flex-end;justify-content:space-between}.more-name{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}.more-count{font-size:11px;color:#ffffffd9;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;padding:3px 9px;white-space:nowrap}@media (max-width: 900px){.more-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.more-grid{grid-template-columns:repeat(2,1fr)}.more-card{height:140px}}.t-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.t-search{flex:1;min-width:200px;border:.5px solid var(--border-m);border-radius:var(--r-md);padding:10px 16px;font-family:var(--font);font-size:14px;outline:none;background:var(--surface)}.t-search:focus{border-color:var(--joy-primary)}.t-cats{display:flex;flex-wrap:wrap;gap:6px}.t-cat{border:.5px solid var(--border-m);border-radius:20px;padding:5px 16px;font-family:var(--font);font-size:13px;background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .15s}.t-cat.active{background:var(--joy-primary);color:#fff;border-color:var(--joy-primary)}.t-indoor{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);cursor:pointer}.t-count{font-size:13px;color:var(--text-3);margin:-20px 0 0}.empty{grid-column:1/-1;text-align:center;padding:48px;color:var(--text-3);font-size:15px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a14288c;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:480px;max-height:82vh;overflow-y:auto;padding:28px 24px;position:relative}.modal-x{position:absolute;top:12px;left:12px;background:var(--surface-2);border:none;border-radius:50%;width:30px;height:30px;font-size:14px;cursor:pointer;color:var(--text-2)}.pt-wrapper{position:relative;display:flex;align-items:center;gap:8px}.pt-slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px;flex:1}.pt-slider::-webkit-scrollbar{display:none}.pt-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;scroll-snap-align:start;cursor:pointer}.pt-img-wrap{width:150px;height:150px;border-radius:var(--r-md);overflow:hidden;border:2px solid transparent;transition:border-color .2s,transform .2s}.pt-card:hover .pt-img-wrap{border-color:var(--joy-primary);transform:translateY(-2px)}.pt-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.pt-card:hover .pt-img-wrap img{transform:scale(1.06)}.pt-label{font-size:13px;font-weight:500;color:var(--text-1)}.pt-arrow{width:36px;height:36px;border-radius:50%;border:.5px solid var(--border-m);background:var(--surface);font-size:22px;line-height:1;cursor:pointer;color:var(--text-1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s;box-shadow:0 2px 8px #0d1f3c14}.pt-arrow:hover{background:var(--surface-2);border-color:var(--border-m)}.h-card{overflow:hidden}.h-img-real{height:180px;position:relative;overflow:hidden}.h-img-real img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.h-card:hover .h-img-real img{transform:scale(1.04)}.h-tag{position:absolute;top:10px;right:10px}.h-body{padding:14px 16px 16px}.h-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:8px}.h-name{font-size:15px;font-weight:600;color:var(--text-1);flex:1}.h-price{font-size:16px;font-weight:700;color:var(--joy-primary);white-space:nowrap}.h-price small{font-size:12px;font-weight:400;color:var(--text-3)}.h-stars{font-size:12px;color:var(--text-2);margin-bottom:3px}.h-city{font-size:12px;color:var(--text-3);margin-bottom:10px}.h-amen{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.h-amen span{font-size:11px;color:var(--text-2);background:var(--surface-2);padding:2px 8px;border-radius:4px}.h-btn{width:100%}@media (max-width: 768px){.pt-img-wrap{width:120px;height:120px}}:root{--joy-primary: #FF6B35;--joy-primary-dk: #E8532A;--joy-primary-lt: #FFF0EB;--joy-navy: #0D1F3C;--joy-navy-mid: #1A3A6B;--joy-navy-lt: #EAF0FB;--joy-gold: #FFB830;--joy-gold-lt: #FFF8E7;--joy-teal: #00B4A6;--joy-teal-lt: #E0F7F5;--bg: #F7F8FC;--surface: #FFFFFF;--surface-2: #F2F4F9;--border: rgba(13,31,60,.1);--border-m: rgba(13,31,60,.2);--text-1: #0D1F3C;--text-2: #4A5878;--text-3: #8A96B0;--r-sm:6px;--r-md:14px;--r-lg:20px;--r-xl:28px;--font:"Tajawal",system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text-1);direction:rtl;line-height:1.7;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-lg)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:var(--r-sm);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--joy-primary);color:#fff}.btn-primary:hover{background:var(--joy-primary-dk)}.btn-navy{background:var(--joy-navy);color:#fff}.btn-navy:hover{background:var(--joy-navy-mid)}.btn-outline{background:transparent;color:var(--text-1);border:.5px solid var(--border-m)}.btn-outline:hover{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:500;padding:3px 10px;border-radius:20px}.b-coral{background:var(--joy-primary-lt);color:#b83e17}.b-navy{background:var(--joy-navy-lt);color:#1a3a6b}.b-teal{background:var(--joy-teal-lt);color:#006b64}.b-gold{background:var(--joy-gold-lt);color:#8a6000}.b-green{background:#eaf3de;color:#2e5a0d}.sec-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sec-title{font-size:20px;font-weight:700;color:var(--text-1)}.sec-link{font-size:13px;color:var(--joy-primary);text-decoration:none;font-weight:500}.sec-link:hover{text-decoration:underline}.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,#E4E8F0 50%,var(--surface-2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s ease both}.leaflet-container{border-radius:var(--r-lg)}.leaflet-popup-content-wrapper{border-radius:12px!important;font-family:var(--font)!important}@media (max-width:768px){.wrap{padding:0 16px}.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}}