/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 02 2026 | 16:19:10 */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Libre+Franklin:wght@400;500;600;700;800&display=swap');
/* Ocean Grand – site styles */
:root{--og-gold:#B0943C;--og-gold-l:#CDB677;--og-gold-d:#8E7630;--og-ink:#1E1C1D;--og-ink2:#151414;--og-card-dark:#262324;--og-ivory:#F6F2EA;--og-stone:#ECE5D6;--og-text:#2A2627;--og-muted:#665F58;--og-line:#DDD3C0;--og-wa:#1F8F5A;
--og-ar-head:'Amiri',serif;--og-ar:'IBM Plex Sans Arabic',sans-serif;--og-en:'Cormorant Garamond',serif}
body{font-family:var(--og-ar);color:var(--og-text);background:var(--og-ivory)}
body .elementor-widget-text-editor,body .elementor-widget-heading .elementor-heading-title{font-family:inherit}
.og-wrap{max-width:1240px;width:100%;margin:0 auto;padding-inline:32px;box-sizing:border-box}
.e-con.og-wrap{--padding-left:32px;--padding-right:32px}
/* sections */
.og-sec{padding:110px 0}
.og-sec-tight{padding:70px 0}
.og-pt0{padding-top:0!important}
.og-dark{background:var(--og-ink)}
.og-ink2{background:var(--og-ink2)}
.og-ivory{background:var(--og-ivory)}
.og-stone{background:var(--og-stone)}
.og-sec-head{display:flex;flex-direction:row!important;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:54px}
.og-sec-head.og-center{flex-direction:column!important;align-items:center;text-align:center}
.og-sec-head.og-center .og-p{max-width:620px}
.og-head-col{display:flex;flex-direction:column;gap:14px;width:auto!important}
.og-head-p{max-width:430px}
/* type */
.og-eyebrow .elementor-heading-title{font-family:var(--og-en)!important;font-size:15px!important;letter-spacing:.28em;text-transform:uppercase;color:var(--og-gold)!important;font-weight:500}
.og-eyebrow-light .elementor-heading-title{color:var(--og-gold-l)!important}
.og-h1 .elementor-heading-title,.og-h1.og-thanks-h{font-family:var(--og-ar-head)!important;font-weight:700;font-size:76px;line-height:1.15;color:#fff;margin:0}
.og-h1.og-thanks-h{color:var(--og-ink);font-size:52px}
.og-h1-offer .elementor-heading-title{font-size:62px}
.og-h2 .elementor-heading-title{font-family:var(--og-ar-head)!important;font-weight:700;font-size:52px;line-height:1.25;color:var(--og-ink)}
.og-h3 .elementor-heading-title{font-family:var(--og-ar-head)!important;font-weight:700;font-size:30px;line-height:1.3;color:var(--og-ink)}
.og-h3-xl .elementor-heading-title{font-size:44px}
.og-light .elementor-heading-title{color:#fff!important}
.og-p,.og-p p{font-size:17px;line-height:1.85;color:var(--og-text);margin:0}
.og-muted,.og-muted p{color:var(--og-muted)}
.og-light-muted,.og-light-muted p{color:rgba(255,255,255,.76)}
.og-gold-text,.og-gold-text p{color:var(--og-gold-l);font-size:15px}
.og-hero-p,.og-hero-p p{font-size:20px;color:rgba(255,255,255,.88);font-weight:300;max-width:680px}
/* buttons */
.og-btn .elementor-button,a.og-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:14px 26px;border-radius:2px;font-family:var(--og-ar)!important;font-weight:600;font-size:16px;text-decoration:none;line-height:1.2;transition:background .2s,color .2s,border-color .2s;box-sizing:border-box;border:1px solid transparent}
.og-btn-gold .elementor-button,a.og-btn-gold{background:var(--og-gold);color:var(--og-ink)!important;border-color:var(--og-gold)}
.og-btn-gold .elementor-button:hover,a.og-btn-gold:hover{background:var(--og-gold-l);border-color:var(--og-gold-l)}
.og-btn-dark .elementor-button,button.og-btn-dark{background:var(--og-ink);color:#fff;border-color:var(--og-ink)}
.og-btn-line .elementor-button{background:transparent;border:1px solid rgba(255,255,255,.85);color:#fff}
.og-btn-line .elementor-button:hover{background:rgba(255,255,255,.1)}
.og-btn-lg .elementor-button,a.og-btn-lg{padding:18px 34px;font-size:17px}
.og-btn-text .elementor-button,a.og-btn-text{background:none;padding:6px 0;min-height:40px;color:var(--og-ink)!important;border:0;border-bottom:1px solid var(--og-gold);border-radius:0}
.og-btn-text-gold .elementor-button{background:none;padding:6px 0;min-height:44px;color:var(--og-gold-l);border:0}
a.og-btn-wa{background:var(--og-wa);color:#fff!important}
a.og-btn-wa:hover{background:#18784b}
.og-btn .elementor-button-content-wrapper{gap:10px}
.og-btns{display:flex;flex-direction:row!important;gap:14px;flex-wrap:wrap}
/* header */
.og-topbar{background:var(--og-ink2);color:rgba(255,255,255,.78);font-size:13px}
.og-topbar-in{display:flex;justify-content:space-between;align-items:center;min-height:42px;gap:20px;flex-wrap:wrap}
.og-topbar a{color:rgba(255,255,255,.8);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.og-topbar a:hover{color:#fff}
.og-topbar i{color:var(--og-gold-l)}
.og-topbar-links{display:flex;gap:26px;flex-wrap:wrap}
.og-lang{display:flex;gap:10px;align-items:center}
.og-lang-on{color:#fff;font-weight:600}.og-lang-sep{opacity:.4}
.og-lang a{font-family:var(--og-en);font-size:15px}
.og-header{background:var(--og-ink);border-bottom:1px solid rgba(255,255,255,.08)}
.og-header-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px}
.og-logo img{height:72px;width:auto;display:block}
.og-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.og-nav a{color:#fff;text-decoration:none;font-size:15px}
.og-nav a:hover{color:var(--og-gold-l)}
.og-burger{display:none;width:46px;height:46px;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0}
.og-burger span{display:block;width:22px;height:2px;background:#fff}
.elementor-location-header,.ehf-header #masthead{z-index:60}
/* hero */
.og-hero{position:relative;min-height:760px;display:flex;justify-content:center}
.og-hero:before{content:"";position:absolute;inset:0;background:rgba(18,16,17,.55);z-index:0}
.og-hero>*{position:relative;z-index:1}
.og-hero-in{display:flex;flex-direction:column;justify-content:center;gap:24px;padding-top:110px!important;padding-bottom:160px!important}
.og-hero-in>.elementor-element{max-width:720px}
.og-hero-offer{min-height:0}
.og-hero-offer:before{background:rgba(18,16,17,.64)}
.og-offer-grid{padding:80px 0 100px;align-items:center}
.og-offer-text{display:flex;flex-direction:column;gap:22px}
.og-badge{position:absolute;top:18px;right:18px;background:var(--og-gold);color:var(--og-ink);font-size:13px;font-weight:600;padding:6px 14px;z-index:2}
.og-badge-static{position:static;display:inline-block}
.og-offer-price{display:flex;align-items:baseline;gap:12px;color:#fff}
.og-offer-price strong{font-size:44px;color:var(--og-gold-l);font-weight:600}
.og-offer-price span{opacity:.8}
/* quick booking */
.og-quick-sec{position:relative;z-index:5;margin-top:-80px}
.og-quick{background:#fff;box-shadow:0 18px 50px rgba(30,28,29,.14);border-top:3px solid var(--og-gold);padding:24px 28px;display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.og-q-field{display:flex;flex-direction:column;gap:8px;flex:1 1 190px}
.og-q-field label,.og-field{font-size:13px;color:var(--og-muted);display:flex;flex-direction:column;gap:8px}
.og-quick input,.og-quick select,.og-cf7 input:not([type=submit]):not([type=hidden]),.og-cf7 select,.og-cf7 textarea{box-sizing:border-box;width:100%;height:50px;padding:0 14px;border:1px solid var(--og-line);background:#fff;color:var(--og-text);font-family:var(--og-ar);font-size:15px;border-radius:2px}
.og-cf7 textarea{height:auto;padding:12px 14px;resize:vertical}
.og-quick-btn{height:50px;padding:0 26px;cursor:pointer;flex:0 0 auto;font-size:15px}
/* stats */
.og-sec-stats{padding:80px 0 70px}
.og-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--og-line);border-bottom:1px solid var(--og-line)}
.og-stat{padding:30px 12px;text-align:center}
.og-stat+.og-stat{border-inline-start:1px solid var(--og-line)}
.og-stat-n{font-family:var(--og-en);font-size:44px;font-weight:500;color:var(--og-gold)}
.og-stat-l{font-size:15px;color:var(--og-muted);margin-top:6px}
/* grids & cards */
.og-grid{display:grid!important;gap:28px}
.og-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.og-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.og-grid>.e-con,.og-grid>.elementor-element{width:auto!important;max-width:none!important;min-width:0}
.og-card{display:flex;flex-direction:column;background:#fff;overflow:hidden}
.og-card-dark{background:var(--og-card-dark)}
.og-card-media{position:relative;height:280px;overflow:hidden}
.og-card-media .elementor-widget-image,.og-card-media .elementor-widget-container,.og-card-media img{height:100%;width:100%}
.og-card-img img,.og-tile-img img,.og-split-img img,.og-gallery img,.og-strip img{width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none!important}
.og-card-body{padding:30px 28px 32px;display:flex;flex-direction:column;gap:12px;flex:1}
.og-card-foot{display:flex;flex-direction:row!important;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(128,128,128,.18);flex-wrap:wrap}
.og-price{font-size:20px;font-weight:600;color:#fff}
.og-room{box-shadow:0 1px 0 var(--og-line)}
.og-room .og-card-media{height:260px}
.og-room-big{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}
.og-room-big .og-card-media{height:460px}
.og-room-big .og-card-body{padding:54px 50px;justify-content:center}
.og-room-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.og-en-label{font-family:var(--og-en);font-size:15px;letter-spacing:.2em;text-transform:uppercase;color:var(--og-gold);direction:ltr}
.og-chip{font-size:13px;color:var(--og-muted);background:var(--og-stone);padding:4px 12px}
.og-from{font-size:15px}.og-from strong{font-size:20px}
/* tiles */
.og-tile{position:relative;height:520px;overflow:hidden;background:var(--og-ink)}
.og-tile .og-tile-img{position:absolute!important;inset:0;height:100%}
.og-tile .og-tile-img .elementor-widget-container{height:100%}
.og-tile-cap{position:absolute!important;inset:auto 0 0 0;background:rgba(21,20,20,.84);padding:28px 26px 30px!important;display:flex;flex-direction:column;gap:10px}
.og-tile-cap .og-h3 .elementor-heading-title{font-size:30px}
.og-tile-cap .og-p{font-size:15px}
/* split */
.og-split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.og-split-media{min-height:620px;position:relative}
.og-split-media .og-split-img,.og-split-media .elementor-widget-container{position:absolute;inset:0;height:100%}
.og-split-text{padding:90px 70px!important;display:flex;flex-direction:column;gap:22px;justify-content:center}
.og-table{width:100%;border-collapse:collapse;font-size:15px;color:#fff}
.og-table th,.og-table td{padding:16px 6px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent!important;text-align:center}
.og-table th[scope=row],.og-table thead th:first-child{text-align:start;font-weight:500}
.og-table thead th{color:rgba(255,255,255,.6);font-weight:400}
.og-table td{font-family:var(--og-en);font-size:24px;color:var(--og-gold-l)}
/* facilities */
.og-fac{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.og-fac-item{background:var(--og-ivory);padding:30px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font-weight:500}
.og-fac-item i{font-size:30px;color:var(--og-gold)}
/* gallery */
.og-gallery{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:250px 250px;gap:14px}
.og-gallery>.elementor-element{width:auto!important;height:100%}
.og-gallery .elementor-widget-container{height:100%}
.og-gallery .og-g-big{grid-column:span 2;grid-row:span 2}
.og-strip>.elementor-element{height:300px}.og-strip .elementor-widget-container{height:100%}
/* why */
.og-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.og-why-item{background:#fff;padding:32px 26px;display:flex;flex-direction:column;gap:12px}
.og-why-item i{font-size:32px;color:var(--og-gold)}
.og-why-item h3{font-family:var(--og-ar-head);font-size:25px;margin:0;color:var(--og-ink)}
.og-why-item p{margin:0;color:var(--og-muted);font-size:15px;line-height:1.8}
.og-list .elementor-icon-list-item{font-size:17px}
.og-list .elementor-icon-list-icon i{color:var(--og-gold)}
.og-list-light .elementor-icon-list-text{color:#fff}
.og-list-light .elementor-icon-list-icon i{color:var(--og-gold-l)}
/* contact & form */
.og-contact-grid{gap:70px!important;align-items:start}
.og-contact-info{display:flex;flex-direction:column;gap:22px}
.og-contact-list{display:flex;flex-direction:column;gap:16px;margin-top:6px}
.og-contact-list a,.og-contact-list>span{display:flex;gap:14px;align-items:center;color:#fff;text-decoration:none;font-size:17px}
.og-contact-list i{color:var(--og-gold-l);width:22px;text-align:center}
.og-map iframe{filter:grayscale(.2)}
.og-form-card{background:#fff;padding:42px 38px!important;border-top:3px solid var(--og-gold);display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px rgba(0,0,0,.18)}
.og-form{display:flex;flex-direction:column;gap:16px}
.og-row{display:flex;gap:16px;flex-wrap:wrap}
.og-row>.og-field{flex:1 1 200px}
.og-cf7 .wpcf7-form-control-wrap{display:block;width:100%}
.og-cf7 p{margin:0}
.og-cf7 br{display:none}
.og-cf7 .og-row>p{display:flex;gap:16px;flex-wrap:wrap;width:100%}
.og-cf7 .og-row>p>.og-field{flex:1 1 200px}
.og-cf7 .og-form>p,.og-cf7 .og-form{display:flex;flex-direction:column;gap:16px}
.og-cf7 .og-field{font-size:13px;color:var(--og-muted)}
.og-cf7 .wpcf7-response-output{margin:8px 0 0!important;font-size:14px}
.og-cf7 input[type=submit],.og-submit{width:100%;height:56px;background:var(--og-gold);color:var(--og-ink);border:0;font-family:var(--og-ar);font-size:17px;font-weight:600;border-radius:2px;cursor:pointer}
.og-cf7 input[type=submit]:hover{background:var(--og-gold-l)}
.og-note{font-size:13px;color:var(--og-muted);text-align:center;margin:0}
.og-cf7 .wpcf7-spinner{position:absolute}
.og-cta-band{margin-bottom:0;align-items:center}
/* footer */
.og-footer{background:var(--og-ink2);color:rgba(255,255,255,.7);padding:70px 0 30px}
.og-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.og-footer h3{color:#fff;font-family:var(--og-ar);font-size:16px;font-weight:600;margin:0 0 6px}
.og-footer-grid>div{display:flex;flex-direction:column;gap:12px;font-size:15px}
.og-footer a{color:rgba(255,255,255,.72);text-decoration:none}
.og-footer a:hover{color:var(--og-gold-l)}
.og-footer a[dir=ltr]{text-align:right}
.og-footer-brand img{height:90px;width:auto;align-self:flex-start}
.og-footer-brand p{margin:0;font-size:14px;line-height:1.8}
.og-footer-bottom{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
.og-en{font-family:var(--og-en);letter-spacing:.2em;direction:ltr}
.og-mbar{display:none}
/* thank you */
.og-thanks-sec{min-height:70vh;display:flex;align-items:center}
.og-thanks{max-width:640px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.og-thanks-icon{width:84px;height:84px;border-radius:50%;background:var(--og-gold);display:flex;align-items:center;justify-content:center;color:var(--og-ink);font-size:36px}
.og-thanks-small{font-size:14px;color:var(--og-muted);margin:0}
/* focus */
.og-btn .elementor-button:focus-visible,a.og-btn:focus-visible,.og-nav a:focus-visible,.og-quick input:focus,.og-quick select:focus,.og-cf7 input:focus,.og-cf7 select:focus,.og-cf7 textarea:focus{outline:2px solid var(--og-gold);outline-offset:2px}
/* responsive */
@media (max-width:1100px){
 .og-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--og-ink);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 18px;border-top:1px solid rgba(255,255,255,.08)}
 .og-nav.is-open{display:flex}
 .og-nav a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:16px}
 .og-burger{display:flex}
 .og-header-in{position:relative;min-height:80px}
 .og-header-cta{display:none!important}
 .og-h1 .elementor-heading-title{font-size:58px}
}
@media (max-width:900px){
 .og-sec{padding:72px 0}
 .og-grid-3,.og-grid-2,.og-split,.og-room-big,.og-fac,.og-why,.og-footer-grid{grid-template-columns:repeat(1,minmax(0,1fr))!important}
 .og-fac,.og-why{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .og-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .og-stat:nth-child(3){border-inline-start:0}
 .og-stat:nth-child(n+3){border-top:1px solid var(--og-line)}
 .og-room-big .og-card-media{height:280px}.og-room-big .og-card-body{padding:30px 26px}
 .og-split-media{min-height:340px}
 .og-split-text{padding:60px 24px!important}
 .og-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:180px 180px 180px}
 .og-h2 .elementor-heading-title{font-size:38px}
 .og-h3-xl .elementor-heading-title{font-size:32px}
 .og-offer-grid{padding:40px 0 60px}
}
@media (max-width:767px){
 .og-wrap{padding-inline:18px}
 .e-con.og-wrap{--padding-left:18px;--padding-right:18px}
 .og-topbar{display:none}
 .og-logo img{height:56px}
 .og-hero{min-height:620px}
 .og-hero-in{padding-top:70px!important;padding-bottom:130px!important;gap:18px}
 .og-h1 .elementor-heading-title{font-size:42px}
 .og-h1-offer .elementor-heading-title{font-size:38px}
 .og-hero-p,.og-hero-p p{font-size:17px}
 .og-quick{padding:20px 18px}
 .og-quick-btn{width:100%;justify-content:center}
 .og-stat-n{font-size:36px}
 .og-tile{height:460px}
 .og-card-media,.og-room .og-card-media{height:220px}
 .og-form-card{padding:28px 20px!important}
 .og-fac-item{padding:22px 10px;font-size:14px}
 .og-why{grid-template-columns:repeat(1,minmax(0,1fr))!important}
 .og-strip>.elementor-element{height:220px}
 .og-footer{padding-bottom:110px}
 .og-mbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:999;background:var(--og-ink2);border-top:1px solid rgba(255,255,255,.12);padding-bottom:env(safe-area-inset-bottom)}
 .og-mbar a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 0 9px;color:#fff;text-decoration:none;font-size:13px}
 .og-mbar i{font-size:20px;color:var(--og-gold-l)}
 .og-mbar-wa{background:var(--og-wa)}.og-mbar-wa i{color:#fff}
 .og-mbar-book{background:var(--og-gold);color:var(--og-ink)!important;font-weight:600}.og-mbar-book i{color:var(--og-ink)}
 .joinchat{display:none!important}
}

/* ===== v2: inner pages ===== */
.og-nav a{padding:6px 0;border-bottom:2px solid transparent}
.og-nav a.is-active{color:var(--og-gold-l);border-bottom-color:var(--og-gold)}
.og-btn-outline .elementor-button,a.og-btn-outline{background:transparent;border:1px solid var(--og-ink);color:var(--og-ink)!important}
.og-btn-outline .elementor-button:hover,a.og-btn-outline:hover{background:var(--og-ink);color:#fff!important}
.og-btn-wa .elementor-button{background:var(--og-wa);border-color:var(--og-wa);color:#fff}
.og-btn-wa .elementor-button:hover{background:#18784b}
.og-btn-text-wa .elementor-button{border-bottom-color:var(--og-wa);color:var(--og-wa)!important}
.og-more{display:flex;flex-direction:row!important;justify-content:center;margin-top:46px}
.og-h2-md .elementor-heading-title{font-size:42px}
.og-cover,.og-cover .elementor-widget-container{height:100%}
.og-cover img{width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none!important}
/* page hero */
.og-phero{position:relative;min-height:470px;display:flex;justify-content:center}
.og-phero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,16,17,.42) 0%,rgba(18,16,17,.80) 100%);z-index:0}
.og-phero>*{position:relative;z-index:1}
.og-phero-in{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding-top:120px!important;padding-bottom:72px!important}
.og-phero-in>.elementor-element{max-width:760px}
.og-h1.og-h1-page .elementor-heading-title{font-size:64px}
.og-crumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.72)}
.og-crumbs a{color:var(--og-gold-l);text-decoration:none}
.og-crumbs a:hover{text-decoration:underline}
/* jump links */
.og-jump-sec{background:#fff;border-bottom:1px solid var(--og-line);position:sticky;top:0;z-index:20}
.og-jump{display:flex;gap:8px;overflow-x:auto;padding:14px 0;scrollbar-width:none}
.og-jump::-webkit-scrollbar{display:none}
.og-jump a{flex:0 0 auto;padding:9px 18px;border:1px solid var(--og-line);color:var(--og-text);text-decoration:none;font-size:15px;border-radius:30px;white-space:nowrap}
.og-jump a:hover,.og-jump a.is-active{border-color:var(--og-gold);background:var(--og-gold);color:var(--og-ink)}
/* detail rows */
.og-sec-details{padding-top:40px}
.og-detail{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding:60px 0;border-bottom:1px solid var(--og-line);scroll-margin-top:80px}
.og-detail:last-of-type{border-bottom:0}
.og-detail>.e-con,.og-detail>.elementor-element{width:auto!important;max-width:none!important;min-width:0}
.og-detail-rev>.og-detail-media{order:2}
.og-detail-media{height:500px;position:relative;overflow:hidden;background:var(--og-stone)}
.og-detail-media>.elementor-element{height:100%}
.og-detail-text{display:flex;flex-direction:column;gap:16px}
.og-feats{list-style:none;margin:6px 0 10px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
.og-feats li{display:flex;gap:12px;align-items:center;font-size:15px;color:var(--og-text);margin:0}
.og-feats i{color:var(--og-gold);width:22px;text-align:center;font-size:17px;flex:0 0 22px}
.og-note-lg{font-size:16px;margin-top:40px}
.og-note a{color:var(--og-gold-d)}
.og-split-media-sm{min-height:480px}
/* halls */
.og-halls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.og-hall{background:#fff;padding:34px 30px 28px;border-top:3px solid var(--og-gold);display:flex;flex-direction:column;gap:16px}
.og-hall h3{font-family:var(--og-ar-head);font-size:30px;margin:0;color:var(--og-ink)}
.og-hall-en{font-family:var(--og-en);letter-spacing:.18em;text-transform:uppercase;color:var(--og-gold);font-size:14px}
.og-cap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--og-line);border-bottom:1px solid var(--og-line)}
.og-cap div{padding:18px 4px;text-align:center;display:flex;flex-direction:column;gap:4px}
.og-cap div+div{border-inline-start:1px solid var(--og-line)}
.og-cap strong{font-family:var(--og-en);font-size:38px;line-height:1;color:var(--og-gold);font-weight:500}
.og-cap span{font-size:13px;color:var(--og-muted)}
.og-hall a.og-btn-text{align-self:flex-start;color:var(--og-wa)!important;border-bottom-color:var(--og-wa)}
.og-why-3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* gallery page */
.og-gal-sec+.og-gal-sec{margin-top:64px}
.og-gal-title{font-family:var(--og-ar-head);font-size:34px;font-weight:700;margin:0 0 22px;color:var(--og-ink)}
.og-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.og-gal a{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--og-stone)}
.og-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.og-gal a:hover img{transform:scale(1.05)}
.og-gal a:focus-visible{outline:2px solid var(--og-gold);outline-offset:3px}
/* contact cards */
.og-ccards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.og-ccard{background:#fff;padding:30px 24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--og-text);border-top:3px solid var(--og-gold);transition:transform .2s,box-shadow .2s}
.og-ccard:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(30,28,29,.1)}
.og-ccard i{font-size:28px;color:var(--og-gold)}
.og-ccard-wa i{color:var(--og-wa)}
.og-ccard h3{margin:0;font-family:var(--og-ar-head);font-size:24px;color:var(--og-ink)}
.og-ccard span{font-size:16px;color:var(--og-muted);text-align:start}
.og-ccard span[dir=ltr]{text-align:right}
@media (max-width:1100px){
 .og-nav a{border-bottom:1px solid rgba(255,255,255,.08)}
 .og-nav a.is-active{border-bottom-color:rgba(255,255,255,.08)}
 .og-ccards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .og-detail{gap:40px}
}
@media (max-width:900px){
 .og-detail,.og-halls,.og-why-3{grid-template-columns:repeat(1,minmax(0,1fr))!important}
 .og-why-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .og-detail{gap:26px;padding:44px 0}
 .og-detail-rev>.og-detail-media{order:0}
 .og-detail-media{height:320px}
 .og-split-media-sm{min-height:300px}
 .og-h1.og-h1-page .elementor-heading-title{font-size:48px}
 .og-h2-md .elementor-heading-title{font-size:34px}
 .og-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
 .og-phero{min-height:360px}
 .og-phero-in{padding-top:80px!important;padding-bottom:44px!important;gap:12px}
 .og-h1.og-h1-page .elementor-heading-title{font-size:38px}
 .og-detail-media{height:250px}
 .og-feats{grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}
 .og-why-3{grid-template-columns:repeat(1,minmax(0,1fr))!important}
 .og-ccards{grid-template-columns:repeat(1,minmax(0,1fr))}
 .og-gal{gap:8px}
 .og-gal-title{font-size:28px}
 .og-detail .og-btns .elementor-widget-button,.og-detail .og-btns .elementor-button{width:100%;justify-content:center}
 .og-more .elementor-button{width:100%;justify-content:center}
}
.og-ccard,.og-ccard *,.og-hall a,.og-crumbs a{text-decoration:none!important}

/* ===== English (LTR) ===== */
html[lang^="en"]{--og-ar-head:'Cormorant Garamond',serif}
html[lang^="en"] .og-h1 .elementor-heading-title,html[lang^="en"] .og-h2 .elementor-heading-title,html[lang^="en"] .og-h3 .elementor-heading-title,html[lang^="en"] .og-gal-title,html[lang^="en"] .og-hall h3,html[lang^="en"] .og-why-item h3,html[lang^="en"] .og-ccard h3,html[lang^="en"] .og-h1.og-thanks-h{font-weight:600;letter-spacing:.005em}
html[lang^="en"] .og-p,html[lang^="en"] .og-p p{line-height:1.75}
html[lang^="en"] .og-footer a[dir=ltr],html[lang^="en"] .og-ccard span[dir=ltr]{text-align:left}
html[lang^="en"] .og-nav{gap:26px}
.og-lang a[lang="ar"]{font-family:var(--og-ar);font-size:13px}
html[lang^="en"] .og-hall-en{letter-spacing:.14em}

/* ===================== Brand identity v3 (Ocean Grand brand guide) ===================== */
:root{--og-gold:#BC955C;--og-gold-l:#D4B784;--og-gold-d:#9A7643;--og-blue:#005373;--og-blue-d:#003E57;--og-ink:#005373;--og-ink2:#233C45;--og-card-dark:#003E57;
--og-ivory:#FFFFFF;--og-stone:#F4EFE6;--og-beige:#E2D6C0;--og-text:#414042;--og-muted:#6D6E71;--og-line:#E4DDD0;--og-wa:#1F8F5A;
--og-ar-head:'Tajawal',sans-serif;--og-ar:'Tajawal',sans-serif;--og-en:'Libre Franklin',sans-serif}
html[lang^="en"]{--og-ar-head:'Libre Franklin',sans-serif;--og-ar:'Libre Franklin',sans-serif}
body{background:#fff;color:var(--og-text)}
/* type */
.og-h1 .elementor-heading-title,.og-h1.og-thanks-h{font-weight:800;font-size:66px;line-height:1.18;letter-spacing:0}
.og-h1.og-thanks-h{color:var(--og-blue);font-size:46px}
.og-h1.og-h1-page .elementor-heading-title{font-size:56px}
.og-h2 .elementor-heading-title{font-weight:800;font-size:44px;line-height:1.25;color:var(--og-blue)}
.og-h2-md .elementor-heading-title{font-size:38px}
.og-h3 .elementor-heading-title{font-weight:700;font-size:26px;color:var(--og-blue)}
.og-h3-xl .elementor-heading-title{font-size:36px}
html[lang^="en"] .og-h1 .elementor-heading-title,html[lang^="en"] .og-h2 .elementor-heading-title,html[lang^="en"] .og-h3 .elementor-heading-title,html[lang^="en"] .og-gal-title,html[lang^="en"] .og-hall h3,html[lang^="en"] .og-why-item h3,html[lang^="en"] .og-ccard h3,html[lang^="en"] .og-h1.og-thanks-h{font-weight:700;letter-spacing:-.01em}
.og-light .elementor-heading-title{color:#fff!important}
.og-eyebrow .elementor-heading-title{font-family:'Libre Franklin',sans-serif!important;font-size:13px!important;font-weight:600;letter-spacing:.24em;color:var(--og-gold)!important}
.og-eyebrow-light .elementor-heading-title{color:var(--og-gold-l)!important}
.og-p,.og-p p{font-size:17px;line-height:1.8}
.og-en-label{font-family:'Libre Franklin',sans-serif;font-size:13px;font-weight:600;letter-spacing:.18em;color:var(--og-gold-d)}
.og-stat-n{font-family:'Libre Franklin',sans-serif;font-weight:600;font-size:42px;color:var(--og-blue)}
.og-table td{font-family:'Libre Franklin',sans-serif;font-weight:600;font-size:22px}
.og-cap strong{font-family:'Libre Franklin',sans-serif;font-weight:600;font-size:34px;color:var(--og-blue)}
.og-en{font-family:'Libre Franklin',sans-serif;font-size:12px;letter-spacing:.24em}
.og-lang a{font-family:'Libre Franklin',sans-serif;font-size:13px}
.og-lang a[lang="ar"]{font-family:'Tajawal',sans-serif}
/* buttons */
.og-btn .elementor-button,a.og-btn{border-radius:3px;font-weight:700}
.og-btn-gold .elementor-button,a.og-btn-gold{background:var(--og-gold);border-color:var(--og-gold);color:var(--og-blue-d)!important}
.og-btn-gold .elementor-button:hover,a.og-btn-gold:hover{background:var(--og-gold-l);border-color:var(--og-gold-l)}
.og-btn-dark .elementor-button,button.og-btn-dark{background:var(--og-blue);border-color:var(--og-blue);color:#fff}
button.og-btn-dark:hover{background:var(--og-blue-d)}
.og-btn-outline .elementor-button,a.og-btn-outline{border-color:var(--og-blue);color:var(--og-blue)!important}
.og-btn-outline .elementor-button:hover,a.og-btn-outline:hover{background:var(--og-blue);color:#fff!important}
.og-btn-text .elementor-button,a.og-btn-text{color:var(--og-blue)!important;border-bottom-color:var(--og-gold)}
.og-btn-wa .elementor-button,a.og-btn-wa{background:var(--og-wa);border-color:var(--og-wa);color:#fff!important}
/* topbar + header (white header, colour logo – brand guide) */
.og-topbar{background:var(--og-blue);color:rgba(255,255,255,.85)}
.og-topbar a{color:rgba(255,255,255,.88)}
.og-topbar i{color:var(--og-gold-l)}
.og-topbar-links{gap:22px}
.og-header{background:#fff;border-bottom:1px solid var(--og-line);box-shadow:0 2px 14px rgba(0,62,87,.06)}
.og-logo img{height:72px}
.og-nav{gap:22px}
.og-nav a{color:var(--og-blue);font-weight:500;font-size:15px}
.og-nav a:hover{color:var(--og-gold-d)}
.og-nav a.is-active{color:var(--og-gold-d);border-bottom-color:var(--og-gold)}
.og-burger{border-color:rgba(0,83,115,.35)}
.og-burger span{background:var(--og-blue)}
/* hero: brand-blue tint, stronger on the text side */
.og-hero:before{background:linear-gradient(to left,rgba(0,40,58,.86) 0%,rgba(0,40,58,.66) 48%,rgba(0,40,58,.38) 100%)}
html[lang^="en"] .og-hero:before{background:linear-gradient(to right,rgba(0,40,58,.86) 0%,rgba(0,40,58,.66) 48%,rgba(0,40,58,.38) 100%)}
.og-hero .og-h1 .elementor-heading-title,.og-hero .og-hero-p p{text-shadow:0 2px 16px rgba(0,25,38,.45)}
.og-phero:before{background:linear-gradient(180deg,rgba(0,40,58,.40) 0%,rgba(0,40,58,.84) 100%)}
.og-hero-p,.og-hero-p p{color:rgba(255,255,255,.92);font-weight:400}
/* quick inquiry */
.og-quick{box-shadow:0 18px 50px rgba(0,62,87,.14);border-top-color:var(--og-gold)}
.og-q-err{width:100%;margin:0;color:#B3261E;font-size:14px;font-weight:600}
.og-q-note{width:100%;margin:0;color:var(--og-muted);font-size:13px}
.og-quick input[type=date],.og-cf7 input[type=date]{direction:ltr;text-align:right}
html[lang^="en"] .og-quick input[type=date],html[lang^="en"] .og-cf7 input[type=date]{text-align:left}
.og-quick input[aria-invalid=true]{border-color:#B3261E}
/* sections */
.og-dark{background:var(--og-blue)}
.og-ink2{background:var(--og-ink2)}
.og-stone{background:var(--og-stone)}
.og-ivory{background:#fff}
.og-card-dark{background:var(--og-blue-d)}
.og-tile{background:var(--og-blue)}
.og-tile-cap{background:rgba(0,48,68,.88)}
.og-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.og-grid-4 .og-tile{height:500px}
.og-chip{background:var(--og-stone)}
.og-fac-item{background:#fff;color:var(--og-blue)}
.og-why-item{border-top:3px solid var(--og-gold)}
.og-why-item h3,.og-hall h3,.og-ccard h3,.og-gal-title{color:var(--og-blue);font-family:var(--og-ar-head)}
.og-jump a:hover,.og-jump a.is-active{background:var(--og-blue);border-color:var(--og-blue);color:#fff}
.og-form-card{border-top-color:var(--og-gold)}
.og-cf7 input[type=submit],.og-submit{background:var(--og-gold);color:var(--og-blue-d)}
.og-cf7 input:focus,.og-cf7 select:focus,.og-cf7 textarea:focus,.og-quick input:focus,.og-quick select:focus{outline:2px solid var(--og-gold);outline-offset:1px}
/* form groups (shown by request type) */
.og-group{display:flex;flex-direction:column;gap:16px}
.og-group[hidden]{display:none!important}
.og-cf7 .og-group>p{display:flex;flex-direction:column;gap:16px;margin:0}
.og-cf7 .og-field-opt{font-size:12px;color:var(--og-muted);font-weight:400}
/* room mini-galleries */
.og-detail-media.og-has-thumbs{height:auto!important;display:flex;flex-direction:column;gap:10px;background:transparent}
.og-has-thumbs>.elementor-element:first-child{height:430px}
.og-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.og-thumbs a{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--og-stone)}
.og-thumbs img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.og-thumbs a:hover img{transform:scale(1.05)}
.og-detail-media a{cursor:zoom-in}
/* footer + mobile bar */
.og-footer{background:var(--og-ink2)}
.og-footer h3{color:var(--og-gold-l)}
.og-footer-bottom{border-top-color:rgba(255,255,255,.12)}
.og-mbar{background:var(--og-ink2)}
.og-mbar-book{background:var(--og-gold);color:var(--og-blue-d)!important}
.og-mbar-book i{color:var(--og-blue-d)}
@media (max-width:1100px){
 .og-nav{background:#fff;border-top:1px solid var(--og-line);box-shadow:0 14px 30px rgba(0,62,87,.12)}
 .og-nav a{border-bottom:1px solid var(--og-line);color:var(--og-blue)}
 .og-nav a.is-active{border-bottom-color:var(--og-line)}
 .og-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .og-topbar-addr{display:none!important}
}
@media (max-width:900px){
 .og-h2 .elementor-heading-title{font-size:34px}
 .og-h1.og-h1-page .elementor-heading-title{font-size:42px}
 .og-has-thumbs>.elementor-element:first-child{height:300px}
}
@media (max-width:767px){
 .og-h1 .elementor-heading-title{font-size:40px}
 .og-h1.og-h1-page .elementor-heading-title{font-size:34px}
 .og-hero:before,html[lang^="en"] .og-hero:before{background:linear-gradient(180deg,rgba(0,40,58,.62) 0%,rgba(0,40,58,.80) 60%,rgba(0,40,58,.88) 100%)}
 .og-hero{background-position:65% center!important}
 .og-grid-4{grid-template-columns:repeat(1,minmax(0,1fr))!important}
 .og-grid-4 .og-tile{height:420px}
 .og-has-thumbs>.elementor-element:first-child{height:240px}
 .og-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .og-stat-n{font-size:34px}
}
/* v3.1 – images fill their frame (lightbox links wrap the img) */
.og-cover a,.og-detail-media .og-img a{display:block;height:100%}
.og-detail-media .og-img,.og-detail-media .og-img .elementor-widget-container{height:100%}
.og-detail-media .og-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none!important}