/* Prime Travel — hotels list and hotel page */
.prime-hotels-page .wd-page-content,.prime-hotels-page .main-page-wrapper{background:#F5F7FA}
.prime-hotels-page .wd-content-layout{padding-block:0}
.phx{--navy:#1B3461;--deep:#0F2244;--blue:#2F5D9E;--sky:#A9C1E6;--ink:#0F1D38;--body-c:#3E475B;--muted:#5B6478;--line:#E3E8EF;--tint:#EEF2F8;--green:#1F7A4D;--gold:#B7791F;--font:var(--pt-font,"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif);font-family:var(--font);color:var(--ink);text-align:right;line-height:1.7;background:#F5F7FA;padding-bottom:72px;-webkit-font-smoothing:antialiased}
.phx *{box-sizing:border-box}
.phx h1,.phx h2,.phx h3{font-family:var(--font);font-weight:700;color:var(--ink);letter-spacing:0;margin:0}
.phx p{margin:0}
.phx a{color:var(--navy)}
.phx [hidden]{display:none!important}
.phx .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.phx-wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--pt-gutter,32px)}
.phx-ico{flex:none}

/* Buttons */
.phx .phx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:var(--pt-r-sm,10px);border:1.5px solid transparent;background:var(--navy);color:#fff;font:700 15px var(--font);text-decoration:none;cursor:pointer;line-height:1.3;text-transform:none;letter-spacing:0;box-shadow:none;transition:background .15s,border-color .15s}
.phx .phx-btn:hover{background:var(--deep);color:#fff}
.phx .phx-btn-wa{background:var(--green)}
.phx .phx-btn-wa:hover{background:#17603C}
.phx .phx-btn-line{background:#fff;color:var(--navy);border-color:#C9D2DE}
.phx .phx-btn-line:hover{background:var(--tint);color:var(--navy);border-color:var(--navy)}
.phx .phx-btn-block{width:100%;min-height:52px;font-size:16px}
.phx .phx-x{width:40px;height:40px;border-radius:50%;border:0;background:var(--tint);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:none}
.phx .phx-x:hover{background:#E1E8F3;color:var(--navy)}

/* Hero */
.phx-hero{position:relative;overflow:hidden;background:var(--deep);color:#fff;text-align:center}
.phx-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phx-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,20,42,.65) 0%,rgba(9,20,42,.85) 100%)}
.phx-hero-inner{position:relative;padding-block:48px 56px;display:flex;flex-direction:column;align-items:center;gap:12px}
.phx-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:rgba(255,255,255,.75);justify-content:center}
.phx-crumbs a{color:inherit;text-decoration:none}
.phx-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;border-radius:var(--pt-r-pill,999px);background:rgba(255,255,255,.12);color:var(--sky);font-size:14px;font-weight:600}
.phx-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.25;color:#fff}
.phx-hero p{max-width:680px;font-size:17px;line-height:1.85;color:rgba(255,255,255,.9);font-weight:300}
.phx-hero-points{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:14.5px;color:#fff}
.phx-hero-points li{display:inline-flex;align-items:center;gap:6px;margin:0}
.phx-hero-points .phx-ico{color:var(--sky)}

/* Toolbar */
.phx-main{padding-top:28px}
.phx-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px}
.phx-search{flex:1 1 320px;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:var(--pt-r-md,14px);padding:0 14px;min-height:52px;margin:0;color:var(--muted)}
.phx-search:focus-within{border-color:var(--navy)}
.phx .phx-search input{flex:1;border:0;background:transparent;height:48px;min-height:0;padding:0;font:500 16px var(--font);color:var(--ink);outline:none;box-shadow:none}
.phx-sort{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--muted);font-weight:600}
.phx .phx-sort select{height:52px;min-height:0;border:1.5px solid var(--line);border-radius:var(--pt-r-md,14px);background:#fff;padding:0 14px;font:600 15px var(--font);color:var(--ink);cursor:pointer}
.phx .phx-filters-btn{display:none;min-height:52px}
.phx-badge{min-width:22px;height:22px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}

/* Layout */
.phx-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.phx-filters{background:#fff;border:1px solid var(--line);border-radius:var(--pt-r-lg,20px);padding:18px;position:sticky;top:96px;max-height:calc(100vh - 116px);overflow-y:auto;display:flex;flex-direction:column;gap:18px;overscroll-behavior:contain}
.phx-filters-head{display:flex;align-items:center;justify-content:space-between}
.phx-filters-head h2{font-size:17px}
.phx-filters-head .phx-x{display:none}
.phx-fgroup{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.phx-flabel{font-size:14px;font-weight:700;color:var(--ink);padding:0;margin:0}
.phx .phx-fgroup select{height:46px;min-height:0;border:1.5px solid var(--line);border-radius:var(--pt-r-sm,10px);background:#F8FAFC;padding:0 12px;font:600 15px var(--font);color:var(--ink);width:100%;cursor:pointer}
.phx .phx-fgroup select:disabled{opacity:.6;cursor:not-allowed}
.phx-pills{display:flex;flex-wrap:wrap;gap:8px}
.phx-pill{margin:0;cursor:pointer}
.phx-pill input{position:absolute;opacity:0;pointer-events:none}
.phx-pill span{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:6px 12px;border-radius:var(--pt-r-pill,999px);border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--body-c)}
.phx-pill span svg{fill:var(--gold)}
.phx-pill small{font-size:12px;color:var(--muted);font-weight:500}
.phx-pill input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.phx-pill input:checked+span small{color:rgba(255,255,255,.75)}
.phx-pill input:checked+span svg{fill:#F6C453}
.phx-pill input:focus-visible+span{outline:2px solid var(--navy);outline-offset:2px}
.phx-checks{display:flex;flex-direction:column;gap:2px}
.phx-checks label{display:flex;align-items:center;gap:10px;margin:0;padding:7px 4px;cursor:pointer;font-size:14.5px;color:var(--body-c);border-radius:8px}
.phx-checks label:hover{background:var(--tint)}
.phx .phx-checks input{width:18px;height:18px;accent-color:var(--navy);margin:0;flex:none}
.phx-checks span{flex:1}
.phx-checks small{font-size:12px;color:var(--muted)}
.phx-filters-foot{display:flex;gap:8px;padding-top:4px;border-top:1px solid var(--line);padding-top:14px}
.phx-filters-foot .phx-btn{flex:1}
.phx .phx-apply{display:none}

/* Results */
.phx-count{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px!important}
.phx-active{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.phx .phx-achip{border:1px solid #C9D2DE;background:#fff;color:var(--navy);border-radius:999px;padding:5px 12px;font:600 13px var(--font);cursor:pointer;min-height:32px}
.phx .phx-achip:hover{background:var(--tint)}
.phx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.phx-card{background:#fff;border:1px solid var(--line);border-radius:var(--pt-r-lg,20px);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.phx-card:hover{box-shadow:0 22px 40px -26px rgba(15,29,56,.45);transform:translateY(-2px)}
.phx-card-media{position:relative;display:block;text-decoration:none}
.phx-media{aspect-ratio:16/10;background:var(--deep);overflow:hidden}
.phx-media>img{width:100%;height:100%;object-fit:cover;display:block}
.phx-media.is-ph img.phx-flag,.phx-smedia.is-ph img.phx-flag{width:28px;height:28px;flex:none;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.phx-media.is-ph{background:linear-gradient(150deg,#24457E 0%,#0F2244 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--sky);text-align:center;padding:12px}
.phx-media.is-ph span{font-size:14px;font-weight:600;color:rgba(255,255,255,.85)}
.phx-media.is-ph .phx-flag{border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.phx-type{position:absolute;top:12px;inset-inline-start:12px;background:rgba(255,255,255,.95);color:var(--navy);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px}
.phx-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.phx-stars{display:inline-flex;align-items:center;gap:2px}
.phx-stars svg{fill:#D5DCE6}
.phx-stars svg.is-on{fill:#E3A008}
.phx-stars-n{font-size:12.5px;color:var(--muted);font-weight:600;margin-inline-start:6px}
.phx-card h3{font-size:17px;line-height:1.45}
.phx-card h3 a{color:var(--ink);text-decoration:none}
.phx-card h3 a:hover{color:var(--navy)}
.phx-en{font-size:13px;color:var(--muted);text-align:right}
.phx-loc{display:flex;align-items:flex-start;gap:6px;font-size:14px;color:var(--body-c);line-height:1.5}
.phx-loc small{color:var(--muted);font-size:13px}
.phx-flag{border-radius:50%;object-fit:cover;flex:none;margin-top:1px}
.phx-chips{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.phx-chips li{margin:0;font-size:12.5px;font-weight:600;color:var(--navy);background:var(--tint);border-radius:var(--pt-r-xs,6px);padding:3px 9px}
.phx-card-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:10px}
.phx-card-actions .phx-btn{min-height:44px;padding-inline:14px;font-size:14.5px}
.phx-more-wrap{text-align:center;margin-top:22px}
.phx .phx-more{min-width:220px}
.phx-empty{background:#fff;border:1px dashed #C9D2DE;border-radius:var(--pt-r-lg,20px);padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}
.phx-empty h2{font-size:20px}
.phx-empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.phx-cta{margin-top:36px;background:var(--deep);border-radius:var(--pt-r-lg,20px);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.phx-cta h2{color:#fff;font-size:22px}
.phx-cta p{color:rgba(255,255,255,.8);margin-top:4px!important}
.phx-editor{padding-top:40px}

/* Booking dialog */
.phx-dialog{position:fixed;inset:0;z-index:99980;display:flex;align-items:center;justify-content:center;padding:16px}
.phx-backdrop{position:absolute;inset:0;background:rgba(11,26,54,.55)}
.phx-sheet{position:relative;background:#fff;border-radius:var(--pt-r-lg,20px);padding:22px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 30px 80px -30px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:14px}
.phx-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.phx-sheet-head h2{font-size:20px}
.phx-sheet-head p{font-size:14px;color:var(--muted);margin-top:2px!important}
.phx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.phx-span{grid-column:1/-1}
.phx-field{display:flex;flex-direction:column;gap:2px;padding:9px 14px;border-radius:var(--pt-r-md,14px);background:#F5F7FA;border:1px solid transparent;margin:0;min-width:0;position:relative}
.phx-field:focus-within{border-color:var(--navy);background:#fff}
.phx-field>span{font-size:12.5px;color:var(--muted);font-weight:500}
.phx .phx-field input,.phx .phx-field select{border:0;background:transparent;padding:0;height:30px;min-height:0;font:700 15.5px var(--font);color:var(--ink);box-shadow:none;width:100%;outline:none}
.phx .phx-field input::placeholder{color:#8A93A6;font-weight:500}
.phx-form-note{font-size:13px;color:var(--muted)}
html.phx-lock,html.phx-lock body{overflow:hidden}

/* Single hotel */
.phx-shead{background:var(--deep);color:#fff;padding-block:30px 34px}
.phx-shead .phx-crumbs{justify-content:flex-start;margin-bottom:14px}
.phx-shead-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.phx-shead h1{color:#fff;font-size:clamp(26px,3.6vw,40px);line-height:1.3;margin-top:6px}
.phx-shead .phx-en{color:rgba(255,255,255,.7);font-size:15px}
.phx-shead .phx-loc{color:rgba(255,255,255,.9);margin-top:8px;font-size:15px}
.phx-shead .phx-stars-n{color:rgba(255,255,255,.75)}
.phx-shead .phx-btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.phx-shead .phx-btn-line:hover{background:rgba(255,255,255,.1);color:#fff}
.phx-sbody{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start;padding-top:26px}
.phx-smedia{border-radius:var(--pt-r-lg,20px);overflow:hidden;aspect-ratio:16/8;margin-bottom:18px}
.phx-smedia>img{width:100%;height:100%;object-fit:cover;display:block}
.phx-smedia.is-ph{background:linear-gradient(150deg,#24457E 0%,#0F2244 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--sky)}
.phx-smedia.is-ph span{color:rgba(255,255,255,.85);font-weight:600}
.phx-sbox{background:#fff;border:1px solid var(--line);border-radius:var(--pt-r-lg,20px);padding:24px;display:flex;flex-direction:column;gap:14px}
.phx-sbox h2{font-size:20px}
.phx-sbox h3{font-size:16px;margin-top:6px}
.phx-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}
.phx-facts div{background:#F5F7FA;border-radius:var(--pt-r-md,14px);padding:12px 14px}
.phx-facts dt{font-size:12.5px;color:var(--muted)}
.phx-facts dd{margin:2px 0 0;font-weight:700;font-size:15.5px}
.phx-flist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.phx-flist li{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;color:var(--body-c)}
.phx-flist .phx-ico{color:var(--green)}
.phx-desc{font-size:16px;line-height:1.9;color:var(--body-c)}
.phx-snote{font-size:14px;color:#1E4E8C;background:#E6F0FB;border-radius:var(--pt-r-md,14px);padding:12px 14px}
.phx-sbook{background:#fff;border:1px solid var(--line);border-radius:var(--pt-r-lg,20px);padding:20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:96px;box-shadow:0 24px 50px -34px rgba(15,29,56,.45)}
.phx-sbook h2{font-size:19px}
.phx-sbook .phx-form-grid{grid-template-columns:1fr 1fr}
.phx-similar{padding-top:44px}
.phx-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.phx-sec-h h2{font-size:22px}
.phx-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}

@media (max-width:1100px){
	.phx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.phx-sbody{grid-template-columns:minmax(0,1fr) 340px}
	.phx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
	.phx-layout{grid-template-columns:1fr}
	.phx .phx-filters-btn{display:inline-flex}
	.phx-filters{position:fixed;inset:auto 0 0 0;z-index:99970;max-height:85vh;border-radius:var(--pt-r-lg,20px) var(--pt-r-lg,20px) 0 0;transform:translateY(105%);transition:transform .25s ease;visibility:hidden;box-shadow:0 -20px 60px -20px rgba(0,0,0,.45);padding-bottom:calc(18px + env(safe-area-inset-bottom))}
	.phx-filters.is-open{transform:none;visibility:visible}
	.phx-filters-head .phx-x{display:inline-flex}
	.phx-filters-foot{position:sticky;bottom:-18px;background:#fff;padding-bottom:4px}
	.phx .phx-apply{display:inline-flex}
	.phx-sbody{grid-template-columns:1fr}
	.phx-sbook{position:static}
	.phx-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.phx{padding-bottom:48px}
	.phx-hero-inner{padding-block:32px 40px}
	.phx-hero p{font-size:15.5px}
	.phx-toolbar{gap:8px}
	.phx-search{flex-basis:100%}
	.phx .phx-filters-btn{flex:1}
	.phx-sort{flex:1}
	.phx-sort span{display:none}
	.phx .phx-sort select{width:100%}
	.phx-grid,.phx-grid-3{grid-template-columns:1fr}
	.phx-cta{flex-direction:column;align-items:stretch;text-align:center;padding:22px 18px}
	.phx-dialog{align-items:flex-end;padding:0}
	.phx-sheet{width:100%;border-radius:var(--pt-r-lg,20px) var(--pt-r-lg,20px) 0 0;max-height:92vh;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
	.phx-flist{grid-template-columns:1fr}
	.phx-smedia{aspect-ratio:16/10}
	.phx-sec-h{flex-direction:column;align-items:flex-start}
}
