/* Oasis Travel R53 — editorial destination explorer. No unverified prices or booking claims. */
:root{--r53-border:#e5e9e6;--r53-navy:#0d3041;--r53-warm:#f8efe6;--r53-white:#fff;--r53-orange:#e8732d}
/* Distinct category entry points. The editorial art is local and labeled, not a hotel photograph. */
.inner-hotels,.inner-tours{background:linear-gradient(112deg,#ecf4f3 6%,#f9f5ee 62%,#fffaf3)}
.inner-hotels .inner-hero-layout,.inner-tours .inner-hero-layout{min-height:380px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,70px);padding-block:42px 52px}
.inner-hotels .inner-hero-layout h1,.inner-tours .inner-hero-layout h1{max-width:580px;font-size:clamp(40px,4.9vw,68px)}
.inner-hotels .inner-hero-layout p,.inner-tours .inner-hero-layout p{max-width:530px;margin-bottom:24px}
.inner-hotels .r53-section-visual,.inner-tours .r53-section-visual{overflow:hidden;position:relative;min-height:300px;aspect-ratio:1.4;border-radius:90px 24px 24px 24px;background:#145365;box-shadow:0 22px 60px #10384a2b}
.r53-section-visual img{display:block;width:100%;height:100%;object-fit:cover}
.r53-visual-caption{position:absolute;bottom:16px;right:16px;background:#fffef5ed;padding:10px 16px;border-radius:14px;color:#163849;font-size:13px;font-weight:750;box-shadow:0 7px 25px #102a3340}
/* Service explorer: a real URL-driven query, accessible without JS. */
.r53-explorer{position:relative;background:#f7f9f8;border-top:1px solid #e9efeb}
.r53-explorer .section-heading{margin-bottom:25px}
.r53-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap;background:#fff;padding:19px 22px;border:1px solid var(--r53-border);border-radius:22px;box-shadow:0 15px 36px #12384a0c;margin-bottom:25px}
.r53-filter label{flex:0 0 auto;padding:12px 4px;font-weight:800;font-size:15px;color:var(--r53-navy)}
.r53-filter select{min-width:min(100%,320px);min-height:52px;flex:1 1 240px;padding:12px 16px;border:1px solid #dce6e5;border-radius:12px;background:#fbfcfc;color:#10394c;font:600 15px/1.6 var(--r52-font)}
.r53-filter select:focus-visible,.r53-filter button:focus-visible,.r53-filter a:focus-visible{outline:3px solid #f7bd89;outline-offset:2px}
.r53-filter button{min-height:52px;border-radius:12px;cursor:pointer}
.r53-reset{min-height:52px;display:inline-flex;align-items:center;color:#b85b24;font-size:14px;font-weight:700;padding-inline:10px;text-decoration:underline;text-underline-offset:4px}
.r53-result-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;color:#234d5c}
.r53-result-header>span{font-size:17px;font-weight:800}
.r53-result-header small{font-size:13px;color:#657d86}
.r53-explorer .r51-guide-grid{margin-top:0}
.r53-explorer .r51-guide-card{border:1px solid #e3e9e7;transition:transform .2s ease,box-shadow .2s ease, border-color .2s ease}
.r53-explorer .r51-guide-card:hover{transform:translateY(-5px);border-color:#dfc8ac;box-shadow:0 24px 45px #19425518}
.r53-explorer .r51-guide-image{background:#2a6d7d;overflow:hidden}
.r53-explorer .r51-guide-image img{transition:transform .3s ease}
.r53-explorer .r51-guide-card:hover img{transform:scale(1.035)}
.r53-explorer .r51-guide-body{min-height:188px}
.r53-explorer .r51-card-footer{margin-top:auto}
/* Destination hero: reinforce specific places instead of a generic info panel. */
.destination-hero{position:relative;isolation:isolate;overflow:hidden}
.destination-hero-inner{position:relative;z-index:2;max-width:1280px;padding-block:65px 75px}
.r53-destination-visual{position:absolute;z-index:1;left:clamp(25px,6vw,95px);top:17%;width:34%;max-width:520px;height:270px;overflow:hidden;border-radius:110px 22px 22px 22px;box-shadow:0 21px 51px #12334b38;opacity:.87}
.r53-destination-visual img{width:100%;height:100%;object-fit:cover;display:block}
.r53-destination-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:45px}
.r53-destination-meta>span{background:#fff;border:1px solid var(--r53-border);padding:17px 21px;border-radius:17px;display:flex;flex-direction:column;gap:2px;box-shadow:0 9px 24px #11354709}
.r53-destination-meta small{color:#70858e;font-size:12px;font-weight:700}
.r53-destination-meta strong{font-size:16px;color:#173e50;font-weight:800}
/* Crosslinks make an actual travel journey between stay, itinerary, and destination. */
.r53-related-panel{background:linear-gradient(125deg,#eef6f4,#fff7ed);border:1px solid #dfebea;border-radius:23px;padding:28px;margin-top:45px}
.r53-related-panel h3{font-size:clamp(22px,2.2vw,30px);margin:8px 0;color:#10394b}
.r53-related-panel p{font-size:15px;color:#576f7e;margin-bottom:17px}
.r53-related-link{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:50px;background:white;border:1px solid #e0e8e6;padding:12px 17px;margin-top:9px;border-radius:13px;color:#ad5424;font-weight:800;text-decoration:none;transition:background .2s ease}
.r53-related-link:hover,.r53-related-link:focus-visible{background:#fff0e1}
/* Clear read-only positioning without burying important guidance. */
.r51-proof{line-height:1.9}.r51-guide-body strong{font-weight:800}
@media(max-width:900px){.inner-hotels .inner-hero-layout,.inner-tours .inner-hero-layout{grid-template-columns:1fr 1fr;gap:22px;min-height:0}.inner-hotels .r53-section-visual,.inner-tours .r53-section-visual{min-height:235px}.r53-destination-visual{height:235px;width:37%;top:22%}}
@media(max-width:650px){.inner-hotels .inner-hero-layout,.inner-tours .inner-hero-layout{grid-template-columns:1fr;padding-block:24px 30px}.inner-hotels .inner-hero-layout h1,.inner-tours .inner-hero-layout h1{font-size:clamp(34px,9vw,48px)}.inner-hotels .r53-section-visual,.inner-tours .r53-section-visual{height:220px;min-height:220px;width:100%;aspect-ratio:auto;border-radius:80px 18px 18px 18px}.r53-filter{display:grid;grid-template-columns:1fr;padding:17px;gap:8px}.r53-filter label{padding:0 0 4px}.r53-filter select{width:100%;min-width:0;flex:auto}.r53-filter button,.r53-filter .r53-reset{width:100%;justify-content:center}.r53-result-header{align-items:start;flex-direction:column;gap:3px}.r53-destination-visual{position:relative;left:auto;top:auto;width:calc(100% - 36px);max-width:none;height:190px;margin:0 auto 22px;border-radius:70px 18px 18px 18px}.r53-destination-meta{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.r53-destination-meta>span{padding:13px 18px}.destination-hero-inner{padding-bottom:34px}.r53-related-panel{padding:20px;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.r53-explorer .r51-guide-card,.r53-explorer .r51-guide-image img{transition:none}}