/* ONS - inner pages (apartments, property, booking, payment, contact) */
:root{--p-navy:#0e1c52;--p-gold:#c9a45c;--p-ink:#1d2742;--p-mute:#6b7488;--p-line:#e3e7ef;--p-bg:#f5f6fa}
.ons-p-hero
{
	background: linear-gradient(135deg, #0a1647, #162b72);
    color: #fff;
    padding: 91px 0 70px;
    margin-top: 96px;
    margin-bottom: 100px;
}
.ons-p-hero h1{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(28px,4vw,42px);margin:6px 0 8px}
.ons-p-hero p{color:rgb(255 255 255/75%);max-width:620px;line-height:1.7}
.ons-p-hero .eyebrow{color:var(--p-gold)}
.ons-p-sec{background:var(--p-bg);padding:0 0 70px;min-height:50vh}
.ons-p-sec .wrap{position:relative}
.ons-p-card{background:#fff;border-radius:18px;box-shadow:0 10px 35px rgb(14 28 82/8%);padding:26px}
.ons-p-filter{margin-top:-38px;display:grid;grid-template-columns:repeat(5,1fr) auto;gap:14px;align-items:end;margin-bottom:30px}
.ons-p-filter label,.ons-p-f label{display:block;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--p-mute);margin-bottom:6px}
.ons-p-filter select,.ons-p-filter input,.ons-p-f input,.ons-p-f select,.ons-p-f textarea{width:100%;height:48px;border:1px solid var(--p-line);border-radius:10px;padding:0 13px;font:inherit;font-size:14px;background:#fafbfc;color:var(--p-ink);outline:0}
.ons-p-f textarea{height:auto;padding:12px 13px;resize:vertical}
.ons-p-filter select:focus,.ons-p-filter input:focus,.ons-p-f input:focus,.ons-p-f select:focus,.ons-p-f textarea:focus{border-color:var(--p-navy);box-shadow:0 0 0 4px rgb(14 28 82/8%);background:#fff}
.ons-p-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px;color:var(--p-mute);font-size:14px}
.ons-p-bar b{color:var(--p-navy)}
.ons-p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ons-p-item{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgb(14 28 82/8%);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.ons-p-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgb(14 28 82/14%)}
.ons-p-item .pic{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e8ebf3}
.ons-p-item .pic img{width:100%;height:100%;object-fit:cover}
.ons-p-item .tag{position:absolute;left:14px;top:14px;background:#fff;color:var(--p-navy);font-size:12px;font-weight:600;padding:5px 12px;border-radius:30px}
.ons-p-item .body{padding:20px;display:flex;flex-direction:column;flex:1}
.ons-p-item h3{font-family:'Playfair Display',serif;font-weight:500;font-size:20px;color:var(--p-navy);margin:2px 0 12px}
.ons-p-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--p-mute);font-size:13px}
.ons-p-meta i{margin-right:6px;color:var(--p-gold)}
.ons-p-price{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.ons-p-price b{font-size:22px;color:var(--p-navy)}
.ons-p-price small{display:block;font-size:11px;letter-spacing:.5px;color:var(--p-mute);text-transform:uppercase}
.ons-p-link{background:var(--p-navy);color:#fff!important;padding:10px 20px;border-radius:30px;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.ons-p-link:hover{background:#162b72}
.ons-p-empty{text-align:center;padding:60px 20px}
.ons-p-empty i{font-size:38px;color:var(--p-gold);margin-bottom:14px}
.ons-p-empty h3{color:var(--p-navy);margin-bottom:8px}
.ons-p-alert{padding:13px 16px;border-radius:10px;font-size:14px;margin-bottom:18px;line-height:1.5}
.ons-p-alert.err{background:#fff1f1;border:1px solid #ffd4d4;color:#c62828}
.ons-p-alert.ok{background:#effaf3;border:1px solid #c9ebd5;color:#1b7a43}
.ons-p-alert.info{background:#f0f4ff;border:1px solid #d3ddf8;color:#27428f}
/* detail */
.ons-p-layout{display:grid;grid-template-columns:1fr 380px;gap:30px;margin-top:-38px;align-items:start}
.ons-p-gal .main{aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#e8ebf3}
.ons-p-gal .main img{width:100%;height:100%;object-fit:cover}
.ons-p-gal .thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.ons-p-gal .thumbs img{width:92px;height:68px;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.65;border:2px solid transparent;flex-shrink:0}
.ons-p-gal .thumbs img.on,.ons-p-gal .thumbs img:hover{opacity:1;border-color:var(--p-gold)}
.ons-p-h2{font-family:'Playfair Display',serif;font-weight:500;color:var(--p-navy);font-size:22px;margin:0 0 14px}
.ons-p-amen{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ons-p-amen div{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--p-ink)}
.ons-p-amen i{width:34px;height:34px;border-radius:50%;background:#f0f2f9;color:var(--p-navy);display:grid;place-items:center;font-size:14px}
.ons-p-side{position:sticky;top:90px}
.ons-p-rates{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 20px;text-align:center}
.ons-p-rates div{background:#f5f6fa;border-radius:10px;padding:10px 4px}
.ons-p-rates b{display:block;color:var(--p-navy);font-size:15px}
.ons-p-rates small{font-size:11px;color:var(--p-mute);text-transform:uppercase;letter-spacing:.4px}
.ons-p-f .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ons-p-f .fld{margin-bottom:14px}
.ons-p-sum .line{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;color:var(--p-ink);border-bottom:1px dashed var(--p-line)}
.ons-p-sum .line.tot{border:0;border-top:2px solid var(--p-navy);margin-top:6px;padding-top:14px;font-size:18px;font-weight:600;color:var(--p-navy)}
.ons-p-sum .note{font-size:12px;color:var(--p-mute);margin-top:8px}
.ons-p-btn{display:block;width:100%;height:52px;border:0;border-radius:12px;background:var(--p-navy);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-align:center;line-height:52px;text-decoration:none}
.ons-p-btn:hover{background:#162b72}
.ons-p-btn.gold{background:var(--p-gold);color:var(--p-navy)}
.ons-p-btn.ghost{background:#fff;color:var(--p-navy);border:1px solid var(--p-line);height:44px;line-height:42px;font-size:14px;font-weight:500}
.ons-p-two{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-top:-38px;align-items:start}
.ons-p-mini{display:flex;gap:14px;margin-bottom:16px}
.ons-p-mini img{width:96px;height:76px;object-fit:cover;border-radius:12px}
.ons-p-mini h4{color:var(--p-navy);font-size:16px;margin:0 0 4px}
.ons-p-mini small{color:var(--p-mute)}
.ons-p-ok{text-align:center;max-width:620px;margin:-38px auto 0}
.ons-p-ok .tick{width:70px;height:70px;border-radius:50%;background:#e6f6ec;color:#1b9a52;display:grid;place-items:center;font-size:30px;margin:0 auto 16px}
.ons-p-kv{text-align:left;margin:22px 0}
.ons-p-kv div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--p-line);font-size:14px}
.ons-p-kv span{color:var(--p-mute)}
.ons-p-kv b{color:var(--p-navy);text-align:right}
.ons-p-contact{display:grid;grid-template-columns:1fr 360px;gap:30px;margin-top:-38px;align-items:start}
.ons-p-ci{display:flex;gap:14px;margin-bottom:18px;font-size:14px;line-height:1.6;color:var(--p-ink)}
.ons-p-ci i{width:40px;height:40px;border-radius:50%;background:#f0f2f9;color:var(--p-navy);display:grid;place-items:center;flex-shrink:0}
.ons-p-ci b{display:block;color:var(--p-navy)}
.ons-p-hp{position:absolute!important;left:-9999px!important}
@media(max-width:1000px){
 .ons-p-filter{grid-template-columns:1fr 1fr}
 .ons-p-grid{grid-template-columns:repeat(2,1fr)}
 .ons-p-layout,.ons-p-two,.ons-p-contact{grid-template-columns:1fr}
 .ons-p-side{position:static}
}
@media(max-width:640px){
 .ons-p-grid{grid-template-columns:1fr}
 .ons-p-filter{grid-template-columns:1fr}
 .ons-p-amen,.ons-p-f .row2{grid-template-columns:1fr}
 .ons-p-hero{padding:40px 0 60px}
}