.sharief-home{--sh-lime:#c4f02f;--sh-dark:#001d35;--sh-navy:#06243d;font-family:Inter,Arial,sans-serif;color:#071a30;background:#fff;overflow:hidden}.sharief-home *{box-sizing:border-box}.sharief-home a{text-decoration:none}.sh-container{width:min(1120px,92vw);margin-inline:auto}.sh-hero{position:relative;min-height:560px;background:linear-gradient(120deg,#0b2439 0%,#0b2439 38%,#082034 100%);background-size:cover;background-position:center;display:flex;align-items:center}.sh-hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(180deg,transparent,rgba(194,239,47,.88))}.sh-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,25,45,.96),rgba(0,25,45,.58) 48%,rgba(0,25,45,.15));backdrop-filter:saturate(.9)}.sh-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:62px 0 130px}.sh-hero-copy h1{margin:0 0 8px;color:white;font-size:clamp(44px,6.1vw,76px);line-height:.94;font-weight:950;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 8px 14px rgba(0,0,0,.2)}.sh-eyebrow{color:var(--sh-lime);font-size:clamp(20px,2.8vw,34px);font-weight:950;letter-spacing:.18em;line-height:1.1;margin-bottom:12px}.sh-hero-copy p{color:white;font-size:18px;line-height:1.42;max-width:430px;margin:0 0 24px}.sh-hero-icons{display:flex;gap:28px;flex-wrap:wrap}.sh-hero-icons span{display:flex;align-items:center;gap:10px;color:white;font-weight:900;font-size:14px;letter-spacing:.04em;text-transform:uppercase;line-height:1.1}.sh-hero-icons i{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--sh-lime);border-radius:50%;font-style:normal;color:var(--sh-lime);font-size:22px}.sh-hero-art{position:relative;min-height:365px}.sh-big-logo{position:absolute;top:0;right:20px;width:min(430px,92%);filter:drop-shadow(0 18px 16px rgba(0,0,0,.38))}.sh-fake-logo{position:absolute;right:20px;top:35px;width:410px;max-width:94%;padding:58px 28px 42px;background:linear-gradient(160deg,var(--sh-lime) 0 34%,var(--sh-navy) 34% 100%);clip-path:polygon(9% 12%,78% 0,100% 24%,91% 88%,50% 100%,11% 88%,0 26%);text-align:center;filter:drop-shadow(0 18px 16px rgba(0,0,0,.38))}.sh-fake-logo span{display:block;color:#fff;font-size:62px;line-height:.9;font-weight:950;letter-spacing:.02em;text-shadow:0 5px 0 rgba(0,0,0,.18);transform:skewY(-4deg)}.sh-fake-logo small{display:block;color:#fff;font-size:32px;font-weight:950;letter-spacing:.45em;margin-top:20px}.sh-ball{position:absolute;left:40px;bottom:-32px;width:140px;z-index:4;filter:drop-shadow(0 14px 12px rgba(0,0,0,.3))}.sh-paddle{position:absolute;right:-40px;bottom:-45px;width:330px;z-index:3}.sh-booking-wrap{position:relative;z-index:5;margin-top:-60px}.sh-booking-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.18);display:grid;grid-template-columns:285px 1fr 250px;gap:28px;align-items:stretch}.sh-booking-left{background:linear-gradient(180deg,var(--sh-lime),#dfff4b);border-radius:13px 13px 6px 6px;text-align:center;overflow:hidden}.sh-booking-left h2{margin:24px 0 0;color:#05243d;font-size:22px;font-weight:950;line-height:1}.sh-booking-left>p{margin:0 0 12px;color:#05243d;font-weight:800;font-size:13px}.sh-form-box{background:var(--sh-dark);padding:18px;border-radius:7px;text-align:left}.sh-form-box label{display:block;color:white;font-size:13px;font-weight:950;letter-spacing:.04em;margin-bottom:10px}.sh-form-box input,.sh-form-box select{width:100%;height:38px;border:0;border-radius:4px;background:#fff;color:#061e35;margin-bottom:9px;padding:0 14px;font-weight:700}.sh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 24px;border-radius:7px;background:var(--sh-lime);color:#061e35!important;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.sh-btn-wide{width:100%;margin-top:4px}.sh-availability{padding:22px 0}.sh-availability h3,.sh-section-title{display:flex;align-items:center;gap:14px;margin:0 0 16px}.sh-availability h3 span,.sh-section-title h2{white-space:nowrap;color:#071a30;font-size:16px;font-weight:950;letter-spacing:.04em;margin:0}.sh-availability h3:after,.sh-section-title span{content:"";height:1px;background:#d9d9d9;flex:1}.sh-slots{display:flex;gap:12px;align-items:center;margin:0 0 28px}.sh-arrow{border:0;background:transparent;color:#06243d;font-size:34px;line-height:1;cursor:pointer}.sh-slot{min-width:76px;border:1px solid #dbe0e6;border-radius:7px;overflow:hidden;text-align:center;background:white}.sh-slot strong{display:block;color:#10253c;font-size:12px;line-height:1.35;padding:10px 6px 2px}.sh-slot span{display:block;font-size:12px;font-weight:900;color:#10253c;padding-bottom:8px}.sh-slot em{display:block;background:var(--sh-lime);color:#12310a;font-style:normal;font-size:10px;font-weight:950;padding:6px 2px}.sh-slot.active{background:var(--sh-dark);border-color:var(--sh-dark)}.sh-slot.active strong,.sh-slot.active span{color:white}.sh-duration{display:flex;gap:16px}.sh-duration button{min-width:116px;border:1px solid #d3d8df;background:white;border-radius:5px;height:36px;font-weight:900;color:#0c2037}.sh-duration button.active{background:var(--sh-dark);color:white}.sh-summary{background:#f7f7f7;border-radius:13px;padding:24px 18px}.sh-summary h3{margin:0 0 16px;color:#071a30;font-size:15px;font-weight:950;letter-spacing:.04em}.sh-summary dl{display:grid;grid-template-columns:70px 1fr;margin:0 0 14px;font-size:13px;border-bottom:1px solid #d3d3d3;padding-bottom:12px}.sh-summary dt{font-weight:500}.sh-summary dd{margin:0;font-weight:900}.sh-total{display:flex;justify-content:space-between;align-items:center;margin:12px 0 22px}.sh-total span{font-size:24px;font-weight:950}.sh-total strong{font-size:28px;color:#071a30}.sh-section-title{justify-content:center;margin:22px auto 24px;max-width:760px}.sh-section-title span{background:var(--sh-lime)}.sh-section-title h2{font-size:24px;text-transform:uppercase}.sh-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:860px;margin:0 auto 30px}.sh-rates article{position:relative;border:1px solid #d4d9e0;border-radius:11px;text-align:center;padding:0 16px 26px;min-height:112px;background:white;box-shadow:0 7px 12px rgba(0,0,0,.05)}.sh-rates h3{margin:0 -16px 10px;padding:10px;background:var(--sh-dark);border-radius:10px 10px 0 0;color:var(--sh-lime);font-size:20px;font-weight:950}.sh-rates p{margin:0 0 8px;color:#071a30;font-size:14px}.sh-rates strong{display:block;font-size:44px;letter-spacing:.08em;font-weight:950;color:#071a30}.sh-rates small{font-size:16px;letter-spacing:.04em;margin-left:6px}.sh-dot{--ball:#b8ef29;--ball-edge:#6f9800;--hole:#5a7a06;position:absolute;left:18px;bottom:-12px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.55) 0 13%,transparent 14%),radial-gradient(circle at 35% 35%,var(--ball) 0 60%,var(--ball-edge) 82%,#4e5a66 100%);box-shadow:0 10px 18px rgba(0,0,0,.25);overflow:hidden}.sh-dot:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 24% 22%,transparent 0 8%,rgba(0,0,0,.26) 8.2% 9.5%,transparent 9.8%),radial-gradient(circle at 45% 16%,transparent 0 7.6%,rgba(0,0,0,.24) 7.8% 9.1%,transparent 9.4%),radial-gradient(circle at 67% 25%,transparent 0 7.5%,rgba(0,0,0,.23) 7.8% 9%,transparent 9.3%),radial-gradient(circle at 17% 46%,transparent 0 7.4%,rgba(0,0,0,.25) 7.7% 9%,transparent 9.3%),radial-gradient(circle at 38% 40%,transparent 0 7.6%,rgba(0,0,0,.24) 7.9% 9.2%,transparent 9.5%),radial-gradient(circle at 60% 47%,transparent 0 7.6%,rgba(0,0,0,.24) 7.9% 9.2%,transparent 9.5%),radial-gradient(circle at 80% 44%,transparent 0 7.3%,rgba(0,0,0,.23) 7.6% 8.8%,transparent 9.1%),radial-gradient(circle at 28% 66%,transparent 0 7.6%,rgba(0,0,0,.24) 7.9% 9.2%,transparent 9.5%),radial-gradient(circle at 50% 73%,transparent 0 7.7%,rgba(0,0,0,.24) 8% 9.2%,transparent 9.6%),radial-gradient(circle at 72% 67%,transparent 0 7.5%,rgba(0,0,0,.24) 7.8% 9.1%,transparent 9.4%)}.sh-dot:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset -5px -7px 10px rgba(0,0,0,.12), inset 6px 7px 10px rgba(255,255,255,.18)}.sh-dot.orange{--ball:#f5a34a;--ball-edge:#cb7517}.sh-dot.green{--ball:#b8ef29;--ball-edge:#6f9800}.sh-dot.white{--ball:#f3f3f3;--ball-edge:#b9b9b9;--hole:#808080}.sh-info-grid{display:grid;grid-template-columns:300px 1fr;gap:32px;margin:4px 0 34px}.sh-why{border-right:1px solid #d4d9e0;padding-right:26px}.sh-why h2,.sh-arena h2{margin:0 0 18px;color:#071a30;font-size:20px;line-height:1.1;font-weight:950}.sh-why h2 br+*{color:var(--sh-lime)}.sh-why ul{padding:0;margin:0 0 20px;list-style:none}.sh-why li{position:relative;padding-left:20px;margin:0 0 9px;font-size:14px;line-height:1.25}.sh-why li:before{content:"✓";position:absolute;left:0;top:0;color:#82b400;font-weight:950}.sh-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sh-gallery-img{height:150px;background:linear-gradient(135deg,#0b2945,#e5d515);background-size:cover;background-position:center;border-radius:8px}.sh-testimonials-band{background:var(--sh-dark);padding:0 0 26px}.sh-testimonials-cta{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:stretch}.sh-section-title.dark{margin:18px 0 18px}.sh-section-title.dark h2{color:white}.sh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sh-cards article{border:1px solid rgba(255,255,255,.34);border-radius:12px;padding:20px;color:white;min-height:128px}.sh-stars{color:var(--sh-lime);letter-spacing:.2em;font-size:14px;margin-bottom:9px}.sh-cards p{font-size:14px;line-height:1.35;margin:0 0 14px}.sh-cards footer{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900}.sh-cards footer span,.sh-cards footer .sh-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:linear-gradient(135deg,#ddd,#7f9bb7);background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.18)}.sh-cta{background:linear-gradient(135deg,var(--sh-lime),#dfff4c);border-radius:0 0 0 12px;padding:28px 42px;min-height:180px;position:relative;overflow:hidden}.sh-cta:after{content:"";position:absolute;right:-60px;bottom:-90px;width:250px;height:250px;border-radius:50%;border:22px solid rgba(255,255,255,.22)}.sh-cta h2{margin:0 0 8px;font-size:26px;color:#06243d;font-weight:950}.sh-cta p{font-size:16px;line-height:1.35;margin:0 0 18px;color:#06243d}.sh-btn-dark{background:var(--sh-dark);color:white!important;position:relative;z-index:1}@media(max-width:1024px){.sh-booking-card{grid-template-columns:1fr}.sh-testimonials-cta{grid-template-columns:1fr}.sh-cta{border-radius:12px}.sh-hero-inner{grid-template-columns:1fr}.sh-hero-art{min-height:260px}.sh-big-logo,.sh-fake-logo{left:0;right:auto}.sh-paddle{right:10px}.sh-ball{left:20px}.sh-info-grid{grid-template-columns:1fr}.sh-why{border-right:0;padding-right:0}.sh-rates{grid-template-columns:1fr}.sh-cards{grid-template-columns:1fr}}@media(max-width:640px){.sh-hero{min-height:auto}.sh-hero-inner{padding:42px 0 96px}.sh-hero-copy p{font-size:15px}.sh-hero-icons{gap:12px}.sh-hero-icons span{width:100%}.sh-booking-wrap{margin-top:-44px}.sh-booking-card{padding:10px;gap:14px}.sh-slots{overflow-x:auto}.sh-duration{flex-wrap:wrap}.sh-duration button{flex:1}.sh-gallery{grid-template-columns:1fr 1fr}.sh-gallery-img{height:120px}.sh-testimonials-band{padding-top:18px}.sh-rates strong{font-size:38px}.sh-fake-logo span{font-size:42px}.sh-fake-logo small{font-size:22px}.sh-paddle{width:220px}.sh-ball{width:90px}}
#sharief-booking{scroll-margin-top:90px}.sh-static-booking-note p{margin:0;color:#23384d}.sh-booking-wrap .sharief-booking-wrap{padding:0;max-width:none}.sh-booking-wrap .sb-booking-card{margin:0 auto}.sharief-home .sh-rates article p{text-transform:uppercase;font-weight:800;}