body{margin:0;background:#ebf4f6;color:#121212;font-family:'Tajawal',sans-serif}.charter{width:100%!important;overflow:hidden;background:#ebf4f6}.charter *{box-sizing:border-box}.charter-hero{min-height:330px;padding:65px max(28px,9vw);display:flex;align-items:center;background:url('../../../uploads/41.png') center/cover no-repeat}.charter-hero>div{width:min(560px,100%);text-align:right}.charter-hero p{margin:0;color:#302b20;font-size:15px;line-height:1.8}.charter-hero>div>p:first-child{color:#b78b21;font:700 13px 'Cairo',sans-serif}.charter-hero h1{margin:7px 0;color:#c1962c;font:800 clamp(30px,4vw,55px)/1.35 'Cairo',sans-serif}.charter-hero h1 strong{color:#121212}.charter main{max-width:1360px;margin:auto;padding:28px}.experiences{text-align:center}.experiences h2,.addons>h2{margin:0 0 16px;color:#b78b21;font:800 18px/1.7 'Cairo',sans-serif}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.experience-grid article,.addons article{border:1px solid #d4af37;border-radius:14px;background:#fff;padding:18px;box-shadow:0 5px 15px #735c1a16;transition:.35s}.experience-grid article:hover,.yacht:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 11px 25px #d4af3755}.experience-grid h3,.addons h3{margin:7px 0;color:#b78b21;font:800 14px 'Cairo',sans-serif}.experience-grid p,.addons p{margin:0;font-size:12px;line-height:1.7}.filters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.filters button,.pagination button{border:1px solid #d4af37;border-radius:10px;background:#fff;color:#121212;padding:11px;font:700 12px 'Tajawal',sans-serif;cursor:pointer}.filters button[aria-pressed=true],.pagination button[aria-current=page]{background:linear-gradient(135deg,#d4af37,#e8b84e)}.fleet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.yacht{overflow:hidden;border:1px solid #d4af37;border-radius:14px;background:#fff;transition:.35s}.yacht-photo{position:relative;aspect-ratio:1.6;background:#0a2f4b;overflow:hidden}.yacht-photo img{width:100%;height:100%;object-fit:cover}.yacht-photo span{position:absolute;top:10px;right:10px;padding:5px 10px;border-radius:14px;background:#d4af37;color:#121212;font-size:10px;font-weight:800}.yacht-photo b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:26px;text-shadow:0 1px 8px #000}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;background:#fff}.thumbs img{height:48px;width:100%;object-fit:cover}.yacht-body{padding:13px;text-align:center}.yacht h2{margin:0;color:#b78b21;font:800 16px/1.5 'Cairo',sans-serif}.yacht h2 small{display:block;color:#333;font:400 11px 'Tajawal',sans-serif}.yacht-body p{margin:8px 0;font-size:11px;line-height:1.7}.capacity,.duration,h3,.route{color:#82651d;font-weight:700}.icons{font-size:17px}.note{padding:7px;border:1px dashed #b99c55;border-radius:7px;font-size:9px!important}.price{font-weight:700}.price b{font-size:20px;color:#b78b21}.yacht a{display:block;border-radius:8px;padding:10px;background:linear-gradient(135deg,#d4af37,#e8b84e);color:#121212;font:800 14px 'Cairo',sans-serif;text-decoration:none}.pagination{text-align:center;padding:25px 0}.pagination button{margin:3px}.pagination p{margin:7px;font-size:12px}.addons{text-align:center}.addons>div{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.addons article{font-size:25px}.addons article p{font-size:12px}.charter :is(a,button):focus-visible{outline:3px solid #c1962c;outline-offset:3px}@media(max-width:1000px){.fleet{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.charter-hero{min-height:280px;padding:35px 20px;background:url('../../../uploads/41.png') center/cover no-repeat}.charter main{padding:18px}.experience-grid,.filters,.fleet,.addons>div{grid-template-columns:1fr}.filters{gap:7px}.charter-hero h1{font-size:31px}}

.charter .charter-hero::after{background:rgba(0,0,0,.1)!important}
.charter .charter-hero{min-height:340px!important;padding:34px 40px;justify-content:center}
.charter .charter-hero>div{width:100%;max-width:none;text-align:center}
.charter .charter-hero h1{margin:0;color:#D4AF6A!important;font:800 30px/1.5 'Cairo',sans-serif;text-shadow:0 3px 14px rgba(0,0,0,.85)!important}
.charter .charter-hero-divider{display:block;width:90px;height:2px;margin:14px auto;background:linear-gradient(90deg,transparent,#D4AF37,transparent)}
.charter .charter-hero p{max-width:560px;margin:0 auto;color:#F8F1E7!important;font:400 12.5px/1.9 'Tajawal',sans-serif}
@media(max-width:600px){.charter .charter-hero{padding:30px 20px}}