:root{--primary: #0369a1;--primary-light: #0ea5e9;--primary-dark: #075985;--accent: #f59e0b;--accent-light: #fbbf24;--bg: #ffffff;--bg-alt: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 20px;--radius-full: 9999px;--header-height: 72px;--max-width: 1200px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .3s;--font-ar: "Cairo", "Tajawal", sans-serif;--font-en: "Inter", system-ui, -apple-system, sans-serif;--header-bg: rgba(255, 255, 255, .85);--header-border: rgba(0, 0, 0, .06);--hero-bg: linear-gradient(160deg, #f0f9ff 0%, #e0f2fe 50%, #f0f9ff 100%);--footer-bg: #0f172a;--footer-text: #e2e8f0;--footer-muted: #64748b}[data-theme=dark]{--primary: #38bdf8;--primary-light: #7dd3fc;--primary-dark: #0ea5e9;--accent: #fbbf24;--accent-light: #fde68a;--bg: #0c1222;--bg-alt: #111b2e;--surface: #1a2332;--surface-hover: #243244;--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .4);--header-bg: rgba(12, 18, 34, .88);--header-border: rgba(255, 255, 255, .06);--hero-bg: linear-gradient(160deg, #0c1222 0%, #111b2e 50%, #0c1222 100%);--footer-bg: #070d1a;--footer-text: #cbd5e1;--footer-muted: #475569}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-ar);color:var(--text);background:var(--bg);line-height:1.7;overflow-x:hidden;transition:background var(--duration) var(--ease),color var(--duration) var(--ease);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=ltr] body{font-family:var(--font-en)}a{text-decoration:none;color:inherit;transition:color var(--duration) var(--ease)}ul{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--text)}p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.75}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%}@media(min-width:768px){.container{padding:0 40px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:.9375rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration) var(--ease);background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);white-space:nowrap}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--primary);border:1.5px solid var(--border);box-shadow:none}.btn-secondary:hover{border-color:var(--primary);background:var(--surface-hover);color:var(--primary)}.btn.disabled{opacity:.7;cursor:default;pointer-events:none}.nav-controls{display:flex;align-items:center;gap:6px}.toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);font-family:inherit;white-space:nowrap}.toggle-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-hover)}.toggle-btn i{font-size:.9375rem}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--header-border);transition:all var(--duration) var(--ease);height:var(--header-height)}nav{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.logo{display:flex;align-items:center;gap:10px;font-size:1.375rem;font-weight:800;color:var(--primary);letter-spacing:-.3px}.logo img{height:40px;width:40px;object-fit:contain}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-weight:500;font-size:.9375rem;color:var(--text-secondary);position:relative;padding:4px 0}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;background:var(--primary);border-radius:2px;transition:width var(--duration) var(--ease)}[dir=rtl] .nav-links a:after{right:0}[dir=ltr] .nav-links a:after{left:0}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.nav-links .btn{padding:8px 20px;font-size:.8125rem}.mobile-menu-btn{display:none;font-size:1.25rem;cursor:pointer;color:var(--text);background:none;border:none;padding:8px}.hero{padding:calc(var(--header-height) + 60px) 0 80px;background:var(--hero-bg);position:relative;overflow:hidden;transition:background var(--duration) var(--ease);min-height:85vh;display:flex;align-items:center}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-text{flex:1;max-width:560px}[dir=rtl] .hero-text{text-align:right}[dir=ltr] .hero-text{text-align:left}.hero-text h1{font-size:clamp(2rem,5vw,3.25rem);margin-bottom:20px;color:var(--text);line-height:1.2;letter-spacing:-.5px}.hero-brand{color:var(--primary);position:relative}.hero-text p{font-size:1.125rem;margin-bottom:32px;color:var(--text-secondary);max-width:480px;line-height:1.8}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-wrapper{position:relative;display:inline-flex}.badge{position:absolute;top:-10px;background:var(--accent);color:#fff;padding:3px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;box-shadow:0 2px 8px #f59e0b4d;z-index:1;white-space:nowrap}[dir=rtl] .badge{left:-8px;right:auto}[dir=ltr] .badge{right:-8px;left:auto}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:440px}.main-hero-img{max-width:380px;width:100%;height:auto;border-radius:50%;box-shadow:var(--shadow-xl);background:var(--surface);padding:0;object-fit:cover}.features{padding:100px 0;background:var(--bg);transition:background var(--duration) var(--ease)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:clamp(1.5rem,4vw,2rem);margin-bottom:12px;color:var(--text);position:relative;display:inline-block;padding-bottom:16px}.section-header h2:after{content:"";position:absolute;width:40px;height:3px;background:var(--accent);bottom:0;left:50%;transform:translate(-50%);border-radius:3px}.section-header p{color:var(--text-muted);font-size:1rem;max-width:520px;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:36px 24px;background:var(--surface);border-radius:var(--radius-lg);text-align:center;transition:all var(--duration) var(--ease);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-card h3{font-size:1.0625rem;margin-bottom:8px;color:var(--text)}.feature-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.7;margin-bottom:0}.feature-icon{width:56px;height:56px;background:var(--bg-alt);color:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.375rem;margin-bottom:20px;transition:all var(--duration) var(--ease)}.feature-card:hover .feature-icon{background:var(--primary);color:#fff;transform:scale(1.08)}.cta-section{padding:80px 0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}[data-theme=dark] .cta-section{background:linear-gradient(135deg,#0c4a6e,#075985)}.cta-content h2{color:#fff;font-size:clamp(1.5rem,4vw,2rem);margin-bottom:16px}.cta-content p{color:#ffffffd9;font-size:1.0625rem;max-width:560px;margin:0 auto 32px}.cta-content .btn{background:#fff;color:var(--primary-dark);font-weight:700;padding:14px 36px;font-size:1rem}.cta-content .btn:hover{background:#ffffffe6;transform:translateY(-3px);box-shadow:0 8px 24px #00000026}footer{background:var(--footer-bg);color:var(--footer-text);padding:56px 0 24px;transition:background var(--duration) var(--ease)}.footer-content{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px}@media(min-width:640px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-content{grid-template-columns:2fr 1fr 1fr}}.footer-logo img{height:48px;margin-bottom:16px;filter:brightness(0) invert(1)}.footer-logo p{color:var(--footer-muted);font-size:.9375rem;line-height:1.7;margin-bottom:0}.social-links{margin-top:16px;display:flex;gap:12px}.social-links a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:#ffffff0f;color:var(--footer-muted);font-size:1rem;transition:all var(--duration) var(--ease)}.social-links a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-links h3{color:var(--footer-text);margin-bottom:16px;font-size:1rem;font-weight:700}.footer-links ul li{margin-bottom:8px}.footer-links ul li a,.footer-links ul li{color:var(--footer-muted);font-size:.9375rem;transition:color var(--duration) var(--ease)}.footer-links ul li a:hover{color:var(--primary-light)}.footer-links li i{opacity:.5;font-size:.875rem}[dir=rtl] .footer-links li i{margin-left:8px}[dir=ltr] .footer-links li i{margin-right:8px}.copyright{text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);font-size:.8125rem;color:var(--footer-muted)}.copyright p{color:var(--footer-muted);font-size:.8125rem;margin:0}.page-content{padding:calc(var(--header-height) + 60px) 0 80px;min-height:60vh;background:var(--bg)}.page-placeholder{font-size:1.0625rem;color:var(--text-muted)}@media(max-width:768px){.nav-links{position:fixed;background:var(--bg);top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:transform var(--duration) var(--ease),opacity var(--duration) var(--ease);z-index:999;opacity:0;pointer-events:none}[dir=rtl] .nav-links{right:0;transform:translate(100%)}[dir=rtl] .nav-links.active{transform:translate(0);opacity:1;pointer-events:auto}[dir=ltr] .nav-links{left:0;transform:translate(-100%)}[dir=ltr] .nav-links.active{transform:translate(0);opacity:1;pointer-events:auto}.nav-links a{font-size:1.125rem}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.hero{padding:calc(var(--header-height) + 40px) 0 60px;min-height:auto}.hero-content{flex-direction:column-reverse;text-align:center;gap:32px}[dir=rtl] .hero-text,[dir=ltr] .hero-text{text-align:center}.hero-text p{max-width:100%}.hero-image{max-width:280px}.main-hero-img{max-width:240px}.cta-buttons{justify-content:center}.features{padding:64px 0}.section-header{margin-bottom:40px}.cta-section{padding:64px 0}}@media(max-width:480px){.hero-text h1{font-size:1.75rem}.hero-image{max-width:220px}.main-hero-img{max-width:200px}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}.btn-wrapper{width:100%}}.bd-page{padding-top:var(--header-height);min-height:100vh;background:var(--bg);transition:background var(--duration) var(--ease)}.bd-container{padding-top:32px;padding-bottom:80px}.bd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.bd-loading p{color:var(--text-muted);font-size:1rem}.bd-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:bd-spin .8s linear infinite}@keyframes bd-spin{to{transform:rotate(360deg)}}.bd-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:12px}.bd-not-found-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-muted);margin-bottom:8px}.bd-not-found h1{font-size:1.5rem;color:var(--text);margin:0}.bd-not-found p{color:var(--text-muted);font-size:1rem;max-width:400px}.bd-gallery{margin-bottom:24px}.bd-gallery-main{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-alt)}.bd-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#0006;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:background .2s;z-index:2}.bd-gallery-nav:hover{background:#000000a6}.bd-gallery-prev{left:12px}.bd-gallery-next{right:12px}.bd-gallery-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}.bd-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;cursor:pointer;padding:0;transition:all .2s}.bd-dot.active{background:var(--primary);width:24px;border-radius:4px}.bd-header-section{margin-bottom:20px}.bd-name{font-size:clamp(1.5rem,4vw,2.25rem);color:var(--text);margin-bottom:6px;letter-spacing:-.3px}.bd-address-inline{color:var(--text-muted);font-size:.9375rem;display:flex;align-items:center;gap:6px;margin:0}.bd-address-inline i{color:var(--primary);font-size:.8125rem}.bd-stats{display:flex;gap:12px;margin-bottom:28px}.bd-stat-card{flex:1;display:flex;align-items:center;gap:12px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease)}.bd-stat-centered{flex-direction:column;align-items:center;text-align:center;gap:6px}.bd-stat-centered>i{font-size:1.375rem;color:var(--primary)}.bd-stat-value{font-size:1.375rem;font-weight:700;color:var(--text);display:block;line-height:1.2}.bd-stat-label{font-size:.8125rem;color:var(--text-muted)}.bd-price-row{display:flex;align-items:center;gap:6px}.bd-price-value{font-size:1.5rem;font-weight:800;color:var(--primary)}.bd-sar-icon{opacity:.7}[data-theme=dark] .bd-sar-icon{filter:invert(1)}.bd-section{margin-bottom:28px}.bd-section h2{font-size:1.125rem;color:var(--text);margin-bottom:12px;font-weight:700}.bd-description{font-size:1rem;color:var(--text-secondary);line-height:1.8;margin:0}.bd-chips{display:flex;flex-wrap:wrap;gap:8px}.bd-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text);transition:all var(--duration) var(--ease)}.bd-chip i{color:var(--primary);font-size:.8125rem}.bd-chip:hover{border-color:var(--primary);background:var(--surface-hover)}.bd-location-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.bd-map-container{width:100%;aspect-ratio:2 / 1;background:var(--bg-alt);position:relative}.bd-map-image{width:100%;height:100%;object-fit:cover;display:block}.bd-map-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-alt)}.bd-map-fallback i{font-size:3rem;color:var(--primary);opacity:.4}.bd-location-info{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bd-location-text{display:flex;flex-direction:column;gap:2px}.bd-location-flag{font-size:1rem;font-weight:600;color:var(--text)}.bd-location-detail{font-size:.875rem;color:var(--text-muted)}.bd-map-btn{padding:8px 16px!important;font-size:.8125rem!important}.bd-cta{margin-top:40px;text-align:center;padding:40px 24px;background:linear-gradient(135deg,var(--primary-dark, var(--primary)) 0%,var(--primary) 100%);border-radius:var(--radius-lg);color:#fff}.bd-cta h2{color:#fff;font-size:1.375rem;margin-bottom:8px}.bd-cta p{color:#ffffffd9;font-size:.9375rem;max-width:480px;margin:0 auto 24px}.bd-cta .btn{background:#fff;color:var(--primary-dark, #075985)}.bd-cta .btn-secondary{background:transparent;color:#fff;border-color:#fff6}.bd-cta .badge{background:var(--accent)}@media(max-width:640px){.bd-stats{flex-direction:column}.bd-gallery-main{aspect-ratio:4 / 3;border-radius:var(--radius)}.bd-location-info{flex-direction:column;align-items:flex-start}.bd-cta{padding:32px 16px;margin-top:28px}}.td-type-badge{position:absolute;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;z-index:2}[dir=rtl] .td-type-badge{right:16px}[dir=ltr] .td-type-badge{left:16px}.td-type-badge i{font-size:.8125rem}.td-dates-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease)}.td-date-item{flex:1;display:flex;flex-direction:column;gap:4px}.td-date-label{display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.td-date-label i{color:var(--primary);font-size:.75rem}.td-date-value{font-size:.9375rem;font-weight:600;color:var(--text);line-height:1.5}.td-date-divider{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-alt);color:var(--text-muted);font-size:.75rem;flex-shrink:0}[dir=ltr] .td-date-divider i{transform:rotate(180deg)}.td-boat-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease);cursor:pointer;text-decoration:none}.td-boat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.td-boat-img{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.td-boat-info{flex:1;display:flex;align-items:center;justify-content:space-between}.td-boat-name{font-size:1rem;font-weight:700;color:var(--text)}.td-boat-link{display:flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:600;color:var(--primary)}[dir=ltr] .td-boat-link i{transform:rotate(180deg)}.td-boat-link i{font-size:.6875rem}@media(max-width:640px){.td-dates-card{flex-direction:column;gap:12px}.td-date-divider{transform:rotate(90deg)}[dir=ltr] .td-date-divider i{transform:rotate(180deg)}}