/**
 * Gerese Hotel Showcase — Frontend CSS
 * Theme-independent, lightweight (framework-гүй), mobile-first.
 * Бүх class нэр "hsp-" prefix-тэй — theme/plugin-ийн бусад CSS-тэй мөргөлдөхгүй.
 * Өнгө/радиус нь :root variable-аар admin Design tab-аас динамикаар ирнэ
 * (HSP_Assets::build_css_variables() inline style-аар inject хийнэ).
 * Энд бичсэн :root утга нь зөвхөн fallback/default.
 */

:root {
	--hsp-color-primary: #0E7C7B;
	--hsp-color-secondary: #F5A623;
	--hsp-color-button: #168F6B;
	--hsp-color-text: #1F2A37;
	--hsp-color-background: #FAF7F2;
	--hsp-card-radius: 14px;
	--hsp-card-shadow: 0 2px 10px rgba(31, 42, 55, 0.10);
}

.hsp-wrapper {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: var(--hsp-color-text);
	line-height: 1.5;
	box-sizing: border-box;
}

.hsp-wrapper *,
.hsp-wrapper *::before,
.hsp-wrapper *::after {
	box-sizing: inherit;
}

.hsp-wrapper img {
	max-width: 100%;
	display: block;
}

/* Buttons */

.hsp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 16px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	line-height: 1.2;
	transition: opacity 0.15s ease, transform 0.1s ease;
}

.hsp-btn:hover {
	opacity: 0.88;
}

.hsp-btn:active {
	transform: translateY(1px);
}

.hsp-btn-primary {
	background: var(--hsp-color-button);
	color: #fff;
}

.hsp-btn-outline {
	background: transparent;
	color: var(--hsp-color-primary);
	border-color: var(--hsp-color-primary);
}

/* Filter bar */

.hsp-filter-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 12px;
	margin-bottom: 20px;
	padding: 14px;
	background: #fff;
	border-radius: var(--hsp-card-radius);
	box-shadow: var(--hsp-card-shadow);
}

.hsp-filter-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 130px;
}

.hsp-filter-field-search {
	flex: 1 1 200px;
}

.hsp-filter-field label {
	font-size: 12px;
	font-weight: 600;
	color: var(--hsp-color-text);
	opacity: 0.75;
}

.hsp-filter-field select,
.hsp-filter-field input[type="text"] {
	padding: 8px 10px;
	border: 1px solid #DCD6CC;
	border-radius: 8px;
	font-size: 14px;
	background: #fff;
	color: var(--hsp-color-text);
	min-height: 38px;
}

.hsp-filter-actions {
	display: flex;
	gap: 8px;
	align-items: center;
}

.hsp-view-toggle {
	display: flex;
	gap: 4px;
	margin-left: auto;
	background: var(--hsp-color-background);
	padding: 4px;
	border-radius: 999px;
}

.hsp-view-toggle-btn {
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	color: var(--hsp-color-text);
	opacity: 0.6;
}

.hsp-view-toggle-btn.is-active {
	background: #fff;
	opacity: 1;
	box-shadow: var(--hsp-card-shadow);
}

.screen-reader-text {
	position: absolute;
	left: -9999px;
}

/* Pin badge (улс/хот) — design signature element */

.hsp-pin-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	font-weight: 600;
	color: var(--hsp-color-primary);
	background: rgba(14, 124, 123, 0.12);
	background: color-mix(in srgb, var(--hsp-color-primary) 12%, transparent);
	padding: 3px 10px;
	border-radius: 999px;
	margin: 0 0 8px 0;
	width: fit-content;
}

.hsp-pin-icon {
	font-size: 12px;
}

/* Stars */

.hsp-stars {
	color: var(--hsp-color-secondary);
	font-size: 15px;
	letter-spacing: 1px;
	white-space: nowrap;
}

/* Empty state */

.hsp-empty {
	padding: 32px;
	text-align: center;
	background: #fff;
	border-radius: var(--hsp-card-radius);
	box-shadow: var(--hsp-card-shadow);
	opacity: 0.75;
}

/* Card grid (card view) */

.hsp-hotel-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
}

.hsp-hotel-card {
	background: #fff;
	border-radius: var(--hsp-card-radius);
	box-shadow: var(--hsp-card-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.hsp-card-image-link {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--hsp-color-background);
}

.hsp-card-image-link img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hsp-card-body {
	padding: 14px 16px 16px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
}

.hsp-card-top-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 8px;
}

.hsp-card-title {
	font-size: 16px;
	margin: 0;
	line-height: 1.3;
}

.hsp-card-title a {
	color: var(--hsp-color-text);
	text-decoration: none;
}

.hsp-card-excerpt {
	font-size: 13.5px;
	opacity: 0.8;
	margin: 0 0 6px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hsp-card-footer {
	margin-top: auto;
	padding-top: 8px;
}

.hsp-hotel-card .hsp-pin-badge,
.hsp-hotel-list-item .hsp-pin-badge {
	gap: 6px;
	margin: 8px 0 8px;
	padding: 0;
	background: transparent;
	color: color-mix(in srgb, var(--hsp-color-text) 68%, transparent);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

.hsp-hotel-card .hsp-pin-icon,
.hsp-hotel-list-item .hsp-pin-icon {
	display: inline-flex;
	width: 15px;
	height: 15px;
	margin-right: 0;
	color: var(--hsp-color-primary);
	font-size: 0;
}

.hsp-hotel-card .hsp-pin-icon svg,
.hsp-hotel-list-item .hsp-pin-icon svg {
	display: block;
	width: 15px;
	height: 15px;
}

.hsp-hotel-card .hsp-card-footer,
.hsp-hotel-list-item .hsp-card-footer {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: auto;
	padding-top: 10px;
}

.hsp-hotel-card .hsp-card-footer .hsp-btn,
.hsp-hotel-list-item .hsp-card-footer .hsp-btn {
	min-height: 32px;
	padding: 7px 12px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

/* Service list */

.hsp-service-list {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 4px 0 8px 0;
	padding: 0;
}

.hsp-service-list-compact .hsp-service-item {
	width: 28px;
	height: 28px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: var(--hsp-color-background);
	border-radius: 50%;
	color: var(--hsp-color-primary);
}

.hsp-service-list-compact .hsp-icon-line svg,
.hsp-service-list-compact .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
}

.hsp-service-list-full {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 16px 12px;
}

.hsp-service-list-full .hsp-service-item {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	text-align: center;
}

.hsp-service-list-full .hsp-service-item .dashicons,
.hsp-service-list-full .hsp-service-item > :first-child {
	width: 40px;
	height: 40px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: var(--hsp-color-background);
	border-radius: 50%;
	color: var(--hsp-color-primary);
}

.hsp-service-list-full .hsp-icon-line svg,
.hsp-service-list-full .dashicons {
	width: 22px;
	height: 22px;
	font-size: 22px;
}

.hsp-icon-line svg {
	display: block;
}

.hsp-service-list-full .hsp-service-label {
	white-space: normal;
}

/* List view */

.hsp-hotel-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hsp-hotel-list-item {
	background: #fff;
	border-radius: var(--hsp-card-radius);
	box-shadow: var(--hsp-card-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.hsp-hotel-list-item .hsp-card-image-link {
	aspect-ratio: 16 / 9;
}

/* Pagination */

.hsp-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin-top: 24px;
	font-size: 14px;
}

.hsp-page-link {
	color: var(--hsp-color-primary);
	text-decoration: none;
	font-weight: 600;
}

/* Single hotel page — premium detail layout */

.hsp-hotel-single-premium {
	--hsp-single-border: #ECE6DA;
	--hsp-single-muted: rgba(51, 51, 51, 0.72);
}

.hsp-single-gallery {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 8px;
	margin-bottom: 18px;
	border-radius: var(--hsp-card-radius);
	overflow: hidden;
}

.hsp-single-gallery-premium {
	background: #fff;
}

.hsp-gallery-hero {
	position: relative;
	display: block !important;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: var(--hsp-card-radius);
	background: var(--hsp-color-background);
}

.hsp-gallery-hero img,
.hsp-gallery-grid-item img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.2s ease;
}

.hsp-gallery-hero:hover img,
.hsp-gallery-grid-item:hover img {
	transform: scale(1.025);
}

.hsp-gallery-hero-badge {
	position: absolute;
	left: 14px;
	bottom: 14px;
	z-index: 2;
	background: rgba(15, 15, 15, 0.72);
	color: #fff;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	padding: 7px 12px;
	backdrop-filter: blur(7px);
}

.hsp-gallery-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 8px;
}

.hsp-gallery-grid-item {
	position: relative !important;
	display: block !important;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 10px;
	background: var(--hsp-color-background);
}

.hsp-gallery-more-overlay {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: rgba(15, 15, 15, 0.58);
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	text-align: center;
	padding: 8px;
	backdrop-filter: blur(2px);
}

.hsp-gallery-more-icon {
	font-size: 22px;
	line-height: 1;
}

.hsp-single-hero-card,
.hsp-single-panel {
	background: #fff;
	border: 1px solid var(--hsp-single-border);
	border-radius: var(--hsp-card-radius);
	box-shadow: var(--hsp-card-shadow);
}

.hsp-single-hero-card {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	padding: 18px;
	margin-bottom: 14px;
}

.hsp-single-title-block {
	min-width: 0;
}

.hsp-single-eyebrow {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-bottom: 8px;
	padding: 5px 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--hsp-color-primary) 10%, #fff);
	color: var(--hsp-color-primary);
	font-size: 12px;
	font-weight: 700;
}

.hsp-single-title {
	margin: 0;
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.15;
	letter-spacing: -0.03em;
}

.hsp-single-header-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin-top: 10px;
}

.hsp-stars-text {
	font-size: 13px;	
	font-weight: 700;
	color: var(--hsp-single-muted);
}

.hsp-single-map-link {
	font-size: 13px;
	font-weight: 700;
	color: var(--hsp-color-primary);
	text-decoration: none;
}

.hsp-single-map-link:hover {
	text-decoration: underline;
}

.hsp-single-intro {
	margin: 12px 0 0;
	max-width: 820px;
	color: var(--hsp-single-muted);
	font-size: 15px;
	line-height: 1.65;
}

.hsp-single-service-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 15px;
}

.hsp-service-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	max-width: 100%;
	padding: 8px 11px;
	border: 1px solid var(--hsp-single-border);
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	color: var(--hsp-color-text);
}

.hsp-service-chip-icon {
	color: var(--hsp-color-primary);
	line-height: 0;
}

.hsp-service-chip-icon svg,
.hsp-service-chip-icon .dashicons {
	width: 16px;
	height: 16px;
	font-size: 16px;
}

.hsp-single-cta-card {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.hsp-booking-btn {
	width: 100%;
	justify-content: center;
	text-align: center;
}

.hsp-single-tabs {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	padding: 8px;
	margin: 0 0 16px;
	background: #fff;
	border: 1px solid var(--hsp-single-border);
	border-radius: var(--hsp-card-radius);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.035);
	scrollbar-width: thin;
}

.hsp-single-tabs a {
	flex: 0 0 auto;
	padding: 9px 12px;
	border-radius: 9px;
	color: var(--hsp-color-text);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.hsp-single-tabs a:hover,
.hsp-single-tabs a:focus {
	background: color-mix(in srgb, var(--hsp-color-primary) 10%, #fff);
	color: var(--hsp-color-primary);
}

.hsp-single-content-shell {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	align-items: start;
}

.hsp-single-main-col,
.hsp-single-side-col {
	display: grid;
	gap: 16px;
}

.hsp-single-panel {
	padding: 18px;
	margin: 0;
}

.hsp-single-panel h2 {
	margin: 0 0 12px;
	font-size: 18px;
	letter-spacing: -0.01em;
}

.hsp-single-richtext {
	color: var(--hsp-single-muted);
	font-size: 15px;
	line-height: 1.75;
}

.hsp-single-richtext > :first-child {
	margin-top: 0;
}

.hsp-single-richtext > :last-child {
	margin-bottom: 0;
}

.hsp-room-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

.hsp-room-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--hsp-single-border);
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.hsp-room-card-image {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--hsp-color-background);
}

.hsp-room-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hsp-room-card-body {
	padding: 13px 14px;
}

.hsp-room-card-title {
	margin: 0 0 5px;
	font-size: 15px;
}

.hsp-room-card-desc,
.hsp-room-card-note {
	font-size: 13px;
	line-height: 1.55;
	color: var(--hsp-single-muted);
	margin: 0 0 7px;
}

.hsp-room-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 13px;
	color: var(--hsp-single-muted);
	margin: 0 0 7px;
}

.hsp-room-card-price {
	font-weight: 800;
	color: var(--hsp-color-primary);
	margin: 0;
}

.hsp-single-services .hsp-service-list-full {
	grid-template-columns: 1fr !important;
	gap: 8px !important;
}

.hsp-single-services .hsp-service-list-full .hsp-service-item {
	flex-direction: row;
	justify-content: flex-start;
	gap: 10px;
	padding: 8px 10px;
	border: 1px solid var(--hsp-single-border);
	border-radius: 10px;
	text-align: left;
}

.hsp-single-services .hsp-service-list-full .hsp-service-item .dashicons,
.hsp-single-services .hsp-service-list-full .hsp-service-item > :first-child {
	width: 30px;
	height: 30px;
	flex: 0 0 30px;
	background: color-mix(in srgb, var(--hsp-color-primary) 10%, #fff);
}

.hsp-single-services .hsp-service-list-full .hsp-service-label {
	font-size: 13px;
	font-weight: 600;
}

.hsp-single-location-text {
	margin: 0 0 12px;
	color: var(--hsp-single-muted);
	font-size: 14px;
	line-height: 1.6;
}

.hsp-map-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	border-radius: 12px;
	overflow: hidden;
	background: var(--hsp-color-background);
}

.hsp-map-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Tablet / desktop breakpoints (mobile-first) */

@media (min-width: 640px) {
	.hsp-hotel-list-item {
		flex-direction: row;
	}

	.hsp-hotel-list-item .hsp-card-image-link {
		width: 280px;
		flex: 0 0 280px;
		aspect-ratio: auto;
	}

	.hsp-room-card {
		flex-direction: row;
	}

	.hsp-room-card-image {
		width: 165px;
		flex: 0 0 165px;
		aspect-ratio: auto;
	}
}

@media (min-width: 860px) {
	.hsp-single-gallery {
		grid-template-columns: minmax(0, 1.1fr) minmax(420px, 1fr);
		height: 430px;
	}

	.hsp-gallery-hero,
	.hsp-gallery-grid {
		height: 100%;
	}

	.hsp-gallery-hero {
		aspect-ratio: auto;
	}

	.hsp-gallery-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		grid-template-rows: repeat(2, 1fr) !important;
	}

	.hsp-gallery-grid-item {
		aspect-ratio: auto;
	}

	.hsp-single-hero-card {
		grid-template-columns: minmax(0, 1fr) 260px;
		align-items: start;
		padding: 22px;
	}

	.hsp-booking-btn {
		width: 100%;
	}

	.hsp-single-content-shell {
		grid-template-columns: minmax(0, 1fr) 330px;
	}

	.hsp-single-side-col {
		position: sticky;
		top: 20px;
	}
}

@media (min-width: 1120px) {
	.hsp-single-gallery {
		height: 470px;
	}

	.hsp-room-grid {
		grid-template-columns: 1fr;
	}
}


/* Lightbox (vanilla JS, optional — Settings → General → Enable gallery lightbox) */

body.hsp-lightbox-locked {
	overflow: hidden;
}

.hsp-lightbox-overlay {
	position: fixed;
	inset: 0;
	background: rgba(15, 15, 15, 0.88);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 100000;
	padding: 24px;
}

.hsp-lightbox-overlay.is-open {
	display: flex;
}

.hsp-lightbox-image {
	max-width: 100%;
	max-height: 88vh;
	border-radius: 6px;
	margin: 0 auto;
}

.hsp-lightbox-close {
	position: absolute;
	top: 18px;
	right: 22px;
	background: transparent;
	border: none;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	padding: 4px 10px;
}

.hsp-lightbox-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.12);
	border: none;
	color: #fff;
	font-size: 32px;
	line-height: 1;
	cursor: pointer;
	padding: 8px 16px;
	border-radius: 8px;
}

.hsp-lightbox-nav:hover {
	background: rgba(255, 255, 255, 0.22);
}

.hsp-lightbox-prev {
	left: 16px;
}

.hsp-lightbox-next {
	right: 16px;
}

.hsp-lightbox-counter {
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
}

/* Categorized "view all photos" gallery browser (single hotel page) */

.hsp-gallery-browser {
	display: none !important;
	position: fixed !important;
	inset: 0 !important;
	z-index: 99000 !important;
	background: rgba(15, 15, 15, 0.72) !important;
	padding: 16px !important;
	align-items: center !important;
	justify-content: center !important;
}

.hsp-gallery-browser.is-open {
	display: flex !important;
}

.hsp-gallery-browser-inner {
	background: #fff;
	border-radius: var(--hsp-card-radius);
	width: 100%;
	max-width: 1120px;
	height: min(88vh, 780px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 20px 70px rgba(0, 0, 0, 0.32);
}

.hsp-gallery-browser-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 22px;
	border-bottom: 1px solid #ECE6DA;
	flex: 0 0 auto;
}

.hsp-gallery-browser-header h2 {
	margin: 0;
	font-size: 20px;
	line-height: 1.2;
}

.hsp-gallery-browser-subtitle {
	margin: 4px 0 0 0;
	font-size: 13px;
	opacity: 0.7;
}

.hsp-gallery-browser-close {
	background: transparent;
	border: none;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	padding: 0 6px;
	color: var(--hsp-color-text);
}

.hsp-gallery-browser-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}

.hsp-gallery-browser-sidebar {
	display: flex;
	flex-direction: row;
	gap: 8px;
	overflow-x: auto;
	padding: 12px 16px;
	border-bottom: 1px solid #ECE6DA;
	flex: 0 0 auto;
	-webkit-overflow-scrolling: touch;
}

.hsp-gallery-browser-cat-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	background: #fff;
	border: 1px solid #ECE6DA;
	border-radius: 999px;
	padding: 9px 14px;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	cursor: pointer;
	color: var(--hsp-color-text);
	box-shadow: 0 1px 3px rgba(31, 42, 55, 0.06);
}

.hsp-gallery-browser-cat-link:hover,
.hsp-gallery-browser-cat-link.is-active {
	background: var(--hsp-color-primary);
	border-color: var(--hsp-color-primary);
	color: #fff;
}

.hsp-gallery-browser-cat-count {
	opacity: 0.72;
	font-weight: 600;
}

.hsp-gallery-browser-main {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 16px 18px 18px;
	background: #fff;
}

.hsp-gallery-browser-section {
	margin-bottom: 18px;
}

.hsp-gallery-browser-section[hidden] {
	display: none !important;
}

.hsp-gallery-browser-section h3 {
	font-size: 18px;
	margin: 0 0 12px 0;
}

.hsp-gallery-browser-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 10px;
}

.hsp-gallery-browser-photo {
	display: block !important;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 10px;
	background: #f4f4f4;
}

.hsp-gallery-browser-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.18s ease;
}

.hsp-gallery-browser-photo:hover img {
	transform: scale(1.035);
}

.hsp-gallery-browser-hint {
	margin: 16px 0 0;
	padding: 12px 14px;
	border-radius: 10px;
	background: color-mix(in srgb, var(--hsp-color-primary) 10%, #fff);
	font-size: 13px;
	opacity: 0.9;
}

@media (min-width: 640px) {
	.hsp-gallery-browser-grid {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (min-width: 768px) {
	.hsp-gallery-browser-body {
		flex-direction: row;
	}

	.hsp-gallery-browser-sidebar {
		order: 2;
		flex-direction: column;
		width: 230px;
		flex: 0 0 230px;
		overflow-x: visible;
		overflow-y: auto;
		border-bottom: none;
		border-left: 1px solid #ECE6DA;
		border-right: none;
		padding: 16px;
	}

	.hsp-gallery-browser-cat-link {
		border-radius: 10px;
		width: 100%;
		text-align: left;
	}

	.hsp-gallery-browser-main {
		order: 1;
		padding: 18px 20px 20px;
	}
}

@media (max-width: 480px) {
	.hsp-gallery-browser {
		padding: 8px !important;
	}

	.hsp-gallery-browser-inner {
		height: 94vh;
	}

	.hsp-gallery-browser-grid {
		grid-template-columns: 1fr !important;
	}
}

/* v1.0.5 refinements: overview first, balanced gallery, services grid, room carousel */
.hsp-single-content-full {
	grid-template-columns: 1fr !important;
}

.hsp-single-content-full .hsp-single-main-col {
	display: grid;
	gap: 18px;
}

.hsp-single-content-full .hsp-single-gallery {
	margin-bottom: 0;
}

.hsp-single-services-grid .hsp-service-list-full {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
	gap: 10px !important;
}

.hsp-single-services-grid .hsp-service-list-full .hsp-service-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	min-height: 54px;
	padding: 10px 12px !important;
	border: 1px solid var(--hsp-single-border);
	border-radius: 12px;
	background: #fff;
	text-align: left !important;
}

.hsp-single-services-grid .hsp-service-list-full .hsp-service-item .dashicons,
.hsp-single-services-grid .hsp-service-list-full .hsp-service-item > :first-child {
	width: 32px !important;
	height: 32px !important;
	flex: 0 0 32px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 10px !important;
	background: color-mix(in srgb, var(--hsp-color-primary) 10%, #fff) !important;
	color: var(--hsp-color-primary) !important;
}

.hsp-single-services-grid .hsp-service-list-full .hsp-service-label {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

.hsp-room-carousel {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--hsp-color-background);
}

.hsp-room-carousel-track {
	display: flex;
	height: 100%;
	transition: transform 0.24s ease;
	will-change: transform;
}

.hsp-room-carousel-slide {
	min-width: 100%;
	height: 100%;
}

.hsp-room-carousel-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hsp-room-carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
	color: var(--hsp-color-text);
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}

.hsp-room-carousel-prev { left: 10px; }
.hsp-room-carousel-next { right: 10px; }

.hsp-room-carousel-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	z-index: 2;
}

.hsp-room-carousel-dot {
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.58);
	box-shadow: 0 1px 4px rgba(0,0,0,.18);
}

.hsp-room-carousel-dot.is-active {
	width: 18px;
	background: #fff;
}

.hsp-room-card-desc p:last-child {
	margin-bottom: 0;
}

@media (min-width: 640px) {
	.hsp-room-card {
		align-items: stretch;
	}

	.hsp-room-carousel {
		width: 230px;
		flex: 0 0 230px;
		aspect-ratio: auto;
		min-height: 170px;
	}
}

@media (min-width: 860px) {
	.hsp-single-content-full,
	.hsp-single-content-full .hsp-single-main-col {
		grid-template-columns: 1fr !important;
	}

	.hsp-single-content-full .hsp-single-side-col {
		position: static !important;
	}

	.hsp-single-gallery {
		grid-template-columns: minmax(0, 1.05fr) minmax(430px, 1fr) !important;
		height: 450px;
	}

	.hsp-gallery-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		grid-template-rows: repeat(2, 1fr) !important;
		align-content: stretch;
	}

	.hsp-gallery-grid-item {
		min-height: 0;
	}
}

@media (min-width: 1120px) {
	.hsp-single-services-grid .hsp-service-list-full {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}

	.hsp-room-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 860px) {
	.hsp-gallery-grid.hsp-gallery-grid-count-1 { grid-template-columns: 1fr !important; grid-template-rows: 1fr !important; }
	.hsp-gallery-grid.hsp-gallery-grid-count-2 { grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: 1fr !important; }
	.hsp-gallery-grid.hsp-gallery-grid-count-3 { grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: 1fr !important; }
	.hsp-gallery-grid.hsp-gallery-grid-count-4 { grid-template-columns: repeat(2, 1fr) !important; grid-template-rows: repeat(2, 1fr) !important; }
	.hsp-gallery-grid.hsp-gallery-grid-count-6 { grid-template-columns: repeat(3, 1fr) !important; grid-template-rows: repeat(2, 1fr) !important; }
}

/* v1.0.6 refinements: single hotel navigation + related hotels */
.hsp-single-top-actions {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 12px;
}

.hsp-single-back-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 13px;
	border: 1px solid var(--hsp-single-border, #ECE6DA);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 4px 14px rgba(31, 42, 55, 0.06);
	color: var(--hsp-color-primary);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.hsp-single-back-link:hover,
.hsp-single-back-link:focus {
	background: color-mix(in srgb, var(--hsp-color-primary) 9%, #fff);
	text-decoration: none;
}

.hsp-single-content-with-related {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

.hsp-related-sidebar {
	display: grid;
	gap: 16px;
}

.hsp-related-panel h2,
.hsp-related-grid-section h2 {
	margin: 0 0 14px;
}

.hsp-related-mini-list {
	display: grid;
	gap: 10px;
}

.hsp-related-mini-card {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 11px;
	align-items: center;
	padding: 8px;
	border: 1px solid var(--hsp-single-border, #ECE6DA);
	border-radius: 13px;
	background: #fff;
	color: var(--hsp-color-text);
	text-decoration: none;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.hsp-related-mini-card:hover,
.hsp-related-mini-card:focus {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--hsp-color-primary) 28%, var(--hsp-single-border, #ECE6DA));
	box-shadow: 0 8px 22px rgba(31, 42, 55, 0.10);
	text-decoration: none;
}

.hsp-related-mini-card img {
	width: 82px !important;
	height: 70px !important;
	object-fit: cover !important;
	border-radius: 10px;
	display: block;
	background: var(--hsp-color-background);
}

.hsp-related-mini-body {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.hsp-related-mini-body strong {
	font-size: 13px;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hsp-related-mini-body .hsp-stars {
	font-size: 12px;
	letter-spacing: 0;
}

.hsp-related-mini-body em {
	font-style: normal;
	font-size: 12px;
	line-height: 1.3;
	color: var(--hsp-single-muted, rgba(51,51,51,.72));
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hsp-related-grid-section {
	margin-top: 18px;
}

.hsp-related-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
}

.hsp-related-card-grid .hsp-hotel-card {
	height: 100%;
}

@media (min-width: 980px) {
	.hsp-single-content-with-related {
		grid-template-columns: minmax(0, 1fr) 320px;
	}

	.hsp-related-sidebar {
		position: sticky;
		top: 24px;
	}
}

@media (min-width: 1200px) {
	.hsp-single-content-with-related {
		grid-template-columns: minmax(0, 1fr) 360px;
	}
}

@media (max-width: 640px) {
	.hsp-related-mini-card {
		grid-template-columns: 74px minmax(0, 1fr);
	}

	.hsp-related-mini-card img {
		width: 74px !important;
		height: 64px !important;
	}

	.hsp-related-card-grid {
		grid-template-columns: 1fr;
	}
}

/* v1.0.7 refinements: no single sidebar, related carousel, mobile gallery, pill filters */
.hsp-single-content-full,
.hsp-single-content-shell.hsp-single-content-full {
	display: block !important;
	grid-template-columns: 1fr !important;
}

.hsp-single-main-col {
	width: 100%;
	max-width: 100%;
}

.hsp-related-sidebar,
.hsp-single-side-col {
	display: none !important;
}

.hsp-related-carousel-section {
	margin-top: 22px;
	overflow: hidden;
}

.hsp-related-carousel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.hsp-related-carousel-head h2 {
	margin: 0;
}

.hsp-related-carousel-controls {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}

.hsp-related-carousel-btn {
	width: 38px;
	height: 38px;
	border-radius: 999px;
	border: 1px solid var(--hsp-single-border, #ECE6DA);
	background: #fff;
	color: var(--hsp-color-primary);
	font-size: 24px;
	line-height: 1;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(31, 42, 55, 0.08);
}

.hsp-related-carousel-btn:hover,
.hsp-related-carousel-btn:focus {
	background: color-mix(in srgb, var(--hsp-color-primary) 9%, #fff);
}

.hsp-related-card-carousel {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 28px) / 3);
	gap: 14px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	padding: 2px 2px 12px;
	margin: 0 -2px;
	scrollbar-width: thin;
}

.hsp-related-card-slide {
	scroll-snap-align: start;
	min-width: 0;
}

.hsp-related-card-slide .hsp-hotel-card {
	height: 100%;
}

/* v1.0.8: single hotel gallery + sticky secondary nav */
.hsp-single-tabs {
	position: sticky;
	top: 12px;
	z-index: 45;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(12px);
}

body.admin-bar .hsp-single-tabs {
	top: 44px;
}

.hsp-single-tabs a {
	scroll-margin-top: 120px;
}

.hsp-single-description,
.hsp-single-gallery,
.hsp-single-rooms,
.hsp-single-services,
.hsp-single-location {
	scroll-margin-top: 110px;
}

.hsp-single-gallery,
.hsp-single-gallery-premium {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 10px !important;
	align-items: start !important;
	overflow: visible !important;
	background: transparent !important;
	border-radius: 0 !important;
}

.hsp-gallery-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.hsp-gallery-hero {
	aspect-ratio: 4 / 3 !important;
	height: auto !important;
	min-height: 0 !important;
	border-radius: 16px !important;
	box-shadow: 0 6px 20px rgba(31, 42, 55, 0.08);
}

.hsp-gallery-grid-item,
.hsp-gallery-browser-photo {
	aspect-ratio: 4 / 3 !important;
	height: auto !important;
	min-height: 0 !important;
	border-radius: 14px !important;
	box-shadow: 0 6px 20px rgba(31, 42, 55, 0.08);
}

.hsp-gallery-hero img,
.hsp-gallery-grid-item img,
.hsp-gallery-browser-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.hsp-gallery-grid-item:nth-child(n+7) {
	display: none !important;
}

@media (min-width: 860px) {
	.hsp-single-tabs {
		top: 16px;
	}

	body.admin-bar .hsp-single-tabs {
		top: 48px;
	}

	.hsp-single-gallery,
	.hsp-single-gallery-premium {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;
	}

	.hsp-gallery-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		grid-template-rows: repeat(2, 1fr) !important;
		align-content: start;
	}

	.hsp-gallery-grid-item:nth-child(n+7) {
		display: block !important;
	}
}

@media (max-width: 782px) {
	body.admin-bar .hsp-single-tabs {
		top: 58px;
	}
}

@media (max-width: 700px) {
	.hsp-single-gallery,
	.hsp-single-gallery-premium {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.hsp-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.hsp-gallery-grid-item:nth-child(n+5) {
		display: none !important;
	}

	.hsp-single-hero-card,
	.hsp-single-panel,
	.hsp-related-carousel-section {
		border-radius: 18px;
		padding: 16px;
	}

	.hsp-single-tabs {
		overflow-x: auto;
		justify-content: flex-start;
		padding-bottom: 4px;
		-webkit-overflow-scrolling: touch;
	}

	.hsp-related-card-carousel {
		grid-auto-columns: minmax(250px, 86%);
		gap: 12px;
	}

	.hsp-related-carousel-head {
		align-items: flex-start;
	}
}

@media (max-width: 480px) {
	.hsp-gallery-browser {
		padding: 6px !important;
	}

	.hsp-gallery-browser-inner {
		height: 96vh !important;
		border-radius: 16px !important;
	}

	.hsp-gallery-browser-header {
		padding: 14px 16px !important;
	}

	.hsp-gallery-browser-sidebar {
		padding: 10px 12px !important;
	}

	.hsp-gallery-browser-main {
		padding: 12px !important;
	}

	.hsp-gallery-browser-grid {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.hsp-related-card-carousel {
		grid-auto-columns: 92%;
	}
}

/* Listing filter: consistent rounded controls and icon-only view switcher. */
.hsp-filter-bar {
	border-radius: 24px !important;
	padding: 16px !important;
	gap: 12px !important;
}

.hsp-filter-field select,
.hsp-filter-field input[type="text"],
.hsp-filter-actions .hsp-btn,
.hsp-view-toggle,
.hsp-view-toggle-btn {
	border-radius: 999px !important;
}

.hsp-filter-field select,
.hsp-filter-field input[type="text"] {
	min-height: 44px !important;
	padding: 10px 16px !important;
	border-color: #E1DBD0 !important;
	box-shadow: 0 2px 8px rgba(31, 42, 55, 0.04) !important;
}

.hsp-filter-actions .hsp-btn {
	min-height: 44px !important;
	padding: 11px 18px !important;
}

.hsp-view-toggle {
	min-height: 44px;
}


/* v1.0.9 refinements: compact Trip-style gallery, cleaner rooms, smooth subnav offset */
html {
	scroll-behavior: smooth;
}

.hsp-hotel-single-premium .hsp-single-panel,
.hsp-hotel-single-premium .hsp-single-gallery {
	margin-bottom: 18px !important;
}

.hsp-hotel-single-premium .hsp-single-tabs {
	margin-bottom: 18px !important;
}

/* Desktop gallery: left featured image + right 6 thumbnails, no vertical empty gap. */
@media (min-width: 860px) {
	.hsp-hotel-single-premium .hsp-single-gallery,
	.hsp-hotel-single-premium .hsp-single-gallery-premium {
		display: grid !important;
		grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
		gap: 10px !important;
		align-items: stretch !important;
		margin-bottom: 22px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-hero {
		width: 100% !important;
		height: 100% !important;
		aspect-ratio: 4 / 3 !important;
		border-radius: 16px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-grid {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px !important;
		height: 100% !important;
		align-self: stretch !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-grid-item {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		aspect-ratio: 4 / 3 !important;
		border-radius: 14px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-grid-item:nth-child(n+7) {
		display: none !important;
	}
}

/* Medium/tablet: keep gallery balanced in 2 columns. */
@media (min-width: 701px) and (max-width: 859px) {
	.hsp-hotel-single-premium .hsp-single-gallery,
	.hsp-hotel-single-premium .hsp-single-gallery-premium {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-grid {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 10px !important;
	}
}

/* Mobile: featured + 2x2 thumbnails, compact and tappable. */
@media (max-width: 700px) {
	.hsp-hotel-single-premium .hsp-single-gallery,
	.hsp-hotel-single-premium .hsp-single-gallery-premium {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 9px !important;
		margin-bottom: 18px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-hero {
		aspect-ratio: 4 / 3 !important;
		border-radius: 15px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 9px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-grid-item {
		aspect-ratio: 4 / 3 !important;
		border-radius: 13px !important;
	}

	.hsp-hotel-single-premium .hsp-gallery-grid-item:nth-child(n+5) {
		display: none !important;
	}
}

.hsp-hotel-single-premium .hsp-gallery-hero img,
.hsp-hotel-single-premium .hsp-gallery-grid-item img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

/* Cleaner room section spacing and cards. */
.hsp-hotel-single-premium .hsp-single-rooms {
	clear: both;
	margin-top: 0 !important;
}

.hsp-hotel-single-premium .hsp-room-grid {
	gap: 14px !important;
}

.hsp-hotel-single-premium .hsp-room-card {
	border-radius: 14px !important;
	box-shadow: 0 5px 18px rgba(31, 42, 55, 0.06);
}

.hsp-hotel-single-premium .hsp-room-card-body {
	padding: 16px !important;
}

@media (min-width: 640px) {
	.hsp-hotel-single-premium .hsp-room-card {
		display: grid !important;
		grid-template-columns: minmax(180px, 42%) minmax(0, 1fr) !important;
	}

	.hsp-hotel-single-premium .hsp-room-carousel,
	.hsp-hotel-single-premium .hsp-room-card-image {
		width: auto !important;
		min-height: 190px !important;
		aspect-ratio: 4 / 3 !important;
	}
}

/* Sticky sub menu should not cover target sections. */
.hsp-single-description,
.hsp-single-gallery,
.hsp-single-rooms,
.hsp-single-services,
.hsp-single-location {
	scroll-margin-top: 125px !important;
}

@media (max-width: 700px) {
	.hsp-single-description,
	.hsp-single-gallery,
	.hsp-single-rooms,
	.hsp-single-services,
	.hsp-single-location {
		scroll-margin-top: 145px !important;
	}
}

/* v1.1.0 refinements: embedded map + YouTube video section */
.hsp-single-video {
	overflow: hidden;
}

.hsp-video-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 16px;
	overflow: hidden;
	background: #111827;
	box-shadow: 0 8px 24px rgba(31, 42, 55, 0.10);
}

.hsp-video-embed iframe,
.hsp-map-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.hsp-map-embed {
	aspect-ratio: 16 / 9;
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(31, 42, 55, 0.08);
}

.hsp-map-link-wrap {
	margin: 12px 0 0;
}

.hsp-single-video {
	scroll-margin-top: 125px !important;
}

@media (max-width: 700px) {
	.hsp-single-video {
		scroll-margin-top: 145px !important;
	}

	.hsp-video-embed,
	.hsp-map-embed {
		border-radius: 14px;
	}
}

/* v1.1.1 refinements: Trip-style compact amenities without bordered cards */
.hsp-hotel-single-premium .hsp-single-services {
	padding-bottom: 16px !important;
}

.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
	gap: 10px 26px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-item,
.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 9px !important;
	min-height: 28px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left !important;
}

.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-item .dashicons,
.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-item > :first-child,
.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-item .dashicons,
.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-item > :first-child {
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 18px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--hsp-color-text) !important;
	opacity: 0.86;
}

.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-icon-line svg,
.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-icon-line svg,
.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .dashicons,
.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .dashicons {
	width: 17px !important;
	height: 17px !important;
	font-size: 17px !important;
}

.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-label,
.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-label {
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	color: var(--hsp-color-text) !important;
}

@media (min-width: 900px) {
	.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
	.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 520px) {
	.hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
	.hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
		grid-template-columns: 1fr !important;
		gap: 9px !important;
	}
}


/* v1.1.2 — Room cards redesign: clean vertical cards, no image/text overlap. */
.hsp-hotel-single-premium .hsp-room-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 18px !important;
	align-items: stretch !important;
}

.hsp-hotel-single-premium .hsp-room-card {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	overflow: hidden !important;
	border: 1px solid var(--hsp-single-border, #ECE6DA) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 8px 28px rgba(31, 42, 55, 0.07) !important;
}

.hsp-hotel-single-premium .hsp-room-carousel,
.hsp-hotel-single-premium .hsp-room-card-image {
	width: 100% !important;
	flex: 0 0 auto !important;
	aspect-ratio: 4 / 3 !important;
	min-height: 0 !important;
	height: auto !important;
	border-radius: 0 !important;
	background: var(--hsp-color-background) !important;
}

.hsp-hotel-single-premium .hsp-room-carousel-track,
.hsp-hotel-single-premium .hsp-room-carousel-slide {
	height: 100% !important;
}

.hsp-hotel-single-premium .hsp-room-carousel-slide img,
.hsp-hotel-single-premium .hsp-room-card-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.hsp-hotel-single-premium .hsp-room-card-body {
	display: flex !important;
	flex-direction: column !important;
	gap: 9px !important;
	padding: 18px !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.hsp-hotel-single-premium .hsp-room-card-title {
	margin: 0 !important;
	font-size: 17px !important;
	line-height: 1.25 !important;
	font-weight: 800 !important;
	letter-spacing: -0.01em !important;
	color: var(--hsp-color-text) !important;
}

.hsp-hotel-single-premium .hsp-room-card-desc {
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
	color: var(--hsp-single-muted, rgba(51,51,51,.72)) !important;
	overflow-wrap: anywhere !important;
}

.hsp-hotel-single-premium .hsp-room-card-desc p {
	margin: 0 0 8px !important;
}

.hsp-hotel-single-premium .hsp-room-card-desc p:last-child {
	margin-bottom: 0 !important;
}

.hsp-hotel-single-premium .hsp-room-card-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 2px 0 0 !important;
	font-size: 13px !important;
	color: var(--hsp-single-muted, rgba(51,51,51,.72)) !important;
}

.hsp-hotel-single-premium .hsp-room-card-meta span,
.hsp-hotel-single-premium .hsp-room-card-note {
	display: inline-flex !important;
	align-items: center !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 5px 9px !important;
	border-radius: 999px !important;
	background: color-mix(in srgb, var(--hsp-color-primary) 8%, #fff) !important;
	color: var(--hsp-single-muted, rgba(51,51,51,.72)) !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	margin: 0 !important;
}

.hsp-hotel-single-premium .hsp-room-card-price {
	margin: auto 0 0 !important;
	padding-top: 4px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: var(--hsp-color-primary) !important;
}

.hsp-hotel-single-premium .hsp-room-carousel-nav {
	width: 34px !important;
	height: 34px !important;
	background: rgba(255,255,255,.9) !important;
}

.hsp-hotel-single-premium .hsp-room-carousel-dots {
	bottom: 12px !important;
}

@media (min-width: 1100px) {
	.hsp-hotel-single-premium .hsp-room-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 520px) {
	.hsp-hotel-single-premium .hsp-room-grid {
		grid-template-columns: 1fr !important;
		gap: 14px !important;
	}

	.hsp-hotel-single-premium .hsp-room-card-body {
		padding: 15px !important;
	}

	.hsp-hotel-single-premium .hsp-room-card-title {
		font-size: 16px !important;
	}
}


/* v1.1.3 refinements: closer hotel map embed, max 350px height */
.hsp-hotel-single-premium .hsp-map-embed {
	aspect-ratio: auto !important;
	height: clamp(260px, 38vw, 350px) !important;
	max-height: 350px !important;
	min-height: 260px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
}

.hsp-hotel-single-premium .hsp-map-embed iframe {
	width: 100% !important;
	height: 100% !important;
	border: 0 !important;
}

@media (max-width: 700px) {
	.hsp-hotel-single-premium .hsp-map-embed {
		height: 280px !important;
		min-height: 240px !important;
		max-height: 350px !important;
	}
}

/* v1.1.4 — Room selection cards and booking request modal */
.hsp-room-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 16px !important;
}

.hsp-room-choice-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--hsp-single-border, #ECE6DA);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(31, 42, 55, 0.07);
}

.hsp-room-choice-media,
.hsp-room-choice-card .hsp-room-carousel {
	width: 100% !important;
	aspect-ratio: 4 / 3 !important;
	min-height: 0 !important;
	border-radius: 0 !important;
	background: var(--hsp-color-background);
}

.hsp-room-choice-card .hsp-room-carousel-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.hsp-room-choice-card .hsp-room-carousel-nav {
	width: 36px;
	height: 36px;
	background: rgba(255, 255, 255, 0.94);
	color: var(--hsp-color-text);
}

.hsp-room-photo-count {
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.66);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	backdrop-filter: blur(6px);
}

.hsp-room-choice-body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px 16px 18px;
	flex: 1;
}

.hsp-room-choice-title {
	margin: 0;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 800;
	color: var(--hsp-color-text);
}

.hsp-room-feature-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: var(--hsp-color-text);
}

.hsp-room-feature-list li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	line-height: 1.35;
}

.hsp-room-feature-list li span {
	width: 18px;
	flex: 0 0 18px;
	text-align: center;
	color: var(--hsp-color-primary);
	font-weight: 900;
}

.hsp-room-choice-desc {
	font-size: 13.5px;
	line-height: 1.6;
	color: var(--hsp-single-muted, rgba(51,51,51,.72));
}

.hsp-room-choice-desc p {
	margin: 0 0 8px;
}

.hsp-room-choice-note {
	margin: 0;
	font-size: 13px;
	color: var(--hsp-single-muted, rgba(51,51,51,.72));
}

.hsp-room-choice-footer {
	display: grid;
	gap: 10px;
	margin-top: auto;
	padding-top: 6px;
}

.hsp-room-choice-price {
	text-align: right;
	font-size: 13px;
	color: var(--hsp-single-muted, rgba(51,51,51,.72));
}

.hsp-room-choice-price span {
	font-size: 20px;
	font-weight: 900;
	color: var(--hsp-color-text);
}

.hsp-room-reserve-btn {
	width: 100%;
	min-height: 44px;
	border-radius: 999px;
	font-size: 15px;
}

.hsp-room-booking-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 100050;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: rgba(15, 23, 42, 0.62);
}

.hsp-room-booking-modal.is-open {
	display: flex;
}

.hsp-room-booking-dialog {
	position: relative;
	width: min(620px, 100%);
	max-height: 92vh;
	overflow-y: auto;
	background: #fff;
	border-radius: 22px;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.32);
	padding: 24px;
}

.hsp-room-booking-close {
	position: absolute;
	top: 14px;
	right: 16px;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 999px;
	background: var(--hsp-color-background);
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}

.hsp-room-booking-dialog h2 {
	margin: 0 44px 8px 0;
	font-size: 22px;
}

.hsp-room-booking-intro {
	margin: 0 0 16px;
	font-size: 14px;
	color: var(--hsp-single-muted, rgba(51,51,51,.72));
}

.hsp-room-booking-selected {
	display: grid;
	gap: 3px;
	padding: 12px 14px;
	margin-bottom: 14px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--hsp-color-primary) 9%, #fff);
	color: var(--hsp-color-text);
}

.hsp-room-booking-selected span {
	font-size: 13px;
	color: var(--hsp-color-primary);
	font-weight: 800;
}

.hsp-room-booking-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.hsp-room-booking-form label {
	display: grid;
	gap: 6px;
	font-size: 13px;
	font-weight: 800;
}

.hsp-room-booking-form input,
.hsp-room-booking-form textarea {
	width: 100%;
	border: 1px solid #E1DBD0;
	border-radius: 12px;
	padding: 11px 12px;
	font: inherit;
	font-weight: 500;
}

.hsp-room-booking-message {
	margin-top: 12px;
}

.hsp-room-booking-submit {
	width: 100%;
	margin-top: 14px;
	min-height: 46px;
}

@media (max-width: 700px) {
	.hsp-room-grid {
		grid-template-columns: 1fr !important;
	}

	.hsp-room-booking-grid {
		grid-template-columns: 1fr;
	}

	.hsp-room-booking-dialog {
		padding: 20px;
		border-radius: 18px;
	}
}


/* v1.1.5 — Booking recipient setting + 3-column room selection layout */
@media (min-width: 1024px) {
	.hsp-hotel-single-premium .hsp-room-grid,
	.hsp-room-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 14px !important;
	}

	.hsp-room-choice-body {
		padding: 14px 14px 16px;
		gap: 10px;
	}

	.hsp-room-choice-title {
		font-size: 15px;
	}

	.hsp-room-feature-list {
		font-size: 13px;
		gap: 7px;
	}
}

@media (min-width: 700px) and (max-width: 1023px) {
	.hsp-hotel-single-premium .hsp-room-grid,
	.hsp-room-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}


/* v1.1.6 — listing icons, room controls, booking button, improved lightbox arrows */
.hsp-view-icon {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
	color: currentColor !important;
}

.hsp-view-icon rect {
	fill: currentColor !important;
	stroke: none !important;
}

.hsp-view-icon path {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
}

.hsp-view-toggle-btn {
	width: 42px !important;
	height: 36px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.hsp-room-reserve-btn,
.hsp-room-booking-submit {
	background: var(--hsp-color-button) !important;
	border-color: var(--hsp-color-button) !important;
	color: #fff !important;
}

.hsp-room-choice-card .hsp-room-carousel {
	position: relative !important;
}

.hsp-room-choice-card .hsp-room-carousel-nav {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 8 !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255,255,255,.75) !important;
	background: rgba(255,255,255,.94) !important;
	color: var(--hsp-color-text) !important;
	box-shadow: 0 8px 22px rgba(15,23,42,.22) !important;
	font-size: 24px !important;
	line-height: 1 !important;
	opacity: 1 !important;
}

.hsp-room-choice-card .hsp-room-carousel-prev { left: 10px !important; }
.hsp-room-choice-card .hsp-room-carousel-next { right: 10px !important; }

.hsp-lightbox-overlay {
	padding: 52px 76px !important;
}

.hsp-lightbox-image {
	max-width: min(100%, 1100px) !important;
	max-height: 84vh !important;
	border-radius: 14px !important;
	box-shadow: 0 24px 90px rgba(0,0,0,.45) !important;
}

.hsp-lightbox-nav {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 52px !important;
	height: 52px !important;
	padding: 0 !important;
	border-radius: 999px !important;
	border: 1px solid rgba(255,255,255,.25) !important;
	background: rgba(255,255,255,.92) !important;
	color: #111827 !important;
	box-shadow: 0 12px 34px rgba(0,0,0,.35) !important;
	z-index: 100002 !important;
}

.hsp-lightbox-nav svg {
	width: 26px !important;
	height: 26px !important;
}

.hsp-lightbox-nav svg path {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2.7 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

.hsp-lightbox-prev { left: 24px !important; }
.hsp-lightbox-next { right: 24px !important; }

.hsp-lightbox-nav:hover,
.hsp-lightbox-nav:focus {
	background: #fff !important;
	transform: translateY(-50%) scale(1.04) !important;
}

.hsp-lightbox-close {
	width: 44px !important;
	height: 44px !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.16) !important;
	color: #fff !important;
}

@media (max-width: 640px) {
	.hsp-lightbox-overlay {
		padding: 58px 14px !important;
	}
	.hsp-lightbox-nav {
		width: 44px !important;
		height: 44px !important;
	}
	.hsp-lightbox-prev { left: 10px !important; }
	.hsp-lightbox-next { right: 10px !important; }
}


/* v1.1.9: keep primary button text white on hover/focus/active. */
.hsp-wrapper .hsp-btn-primary,
.hsp-wrapper .hsp-btn-primary:visited,
.hsp-wrapper .hsp-btn-primary:hover,
.hsp-wrapper .hsp-btn-primary:focus,
.hsp-wrapper .hsp-btn-primary:active,
.hsp-wrapper .hsp-card-footer .hsp-btn-primary:hover,
.hsp-wrapper .hsp-card-footer .hsp-btn-primary:focus {
	color: #fff !important;
	text-decoration: none !important;
}

.hsp-wrapper .hsp-btn-primary:hover *,
.hsp-wrapper .hsp-btn-primary:focus * {
	color: #fff !important;
}


/* v1.2.0: make listing filter submit button use primary color with white text. */
.hsp-wrapper .hsp-filter-bar .hsp-filter-submit,
.hsp-wrapper .hsp-filter-bar .hsp-filter-submit:visited,
.hsp-wrapper .hsp-filter-bar .hsp-filter-submit:hover,
.hsp-wrapper .hsp-filter-bar .hsp-filter-submit:focus,
.hsp-wrapper .hsp-filter-bar .hsp-filter-submit:active {
	background: var(--hsp-color-button) !important;
	border-color: var(--hsp-color-button) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	box-shadow: 0 8px 18px color-mix(in srgb, var(--hsp-color-button) 22%, transparent) !important;
}

.hsp-wrapper .hsp-filter-bar .hsp-filter-submit:hover,
.hsp-wrapper .hsp-filter-bar .hsp-filter-submit:focus {
	filter: brightness(0.96);
}

/* v1.3.0: booking form feedback and spam trap. */
.hsp-booking-notice {
	margin: 0 0 18px !important;
	padding: 13px 16px !important;
	border-radius: 10px !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	border: 1px solid transparent !important;
}

.hsp-booking-notice-success {
	background: #ecfdf3 !important;
	border-color: #bbf7d0 !important;
	color: #166534 !important;
}

.hsp-booking-notice-error {
	background: #fff1f2 !important;
	border-color: #fecdd3 !important;
	color: #9f1239 !important;
}

.hsp-booking-hp {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* vNext: Gerese hotel detail visual polish. */
.hsp-wrapper .hsp-hotel-single-premium {
	--hsp-polish-border: rgba(15, 118, 110, 0.14);
	--hsp-polish-soft: color-mix(in srgb, var(--hsp-color-primary) 7%, #fff);
	--hsp-polish-shadow: 0 16px 44px rgba(31, 42, 55, 0.10);
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
	position: relative !important;
	align-items: stretch !important;
	gap: 22px !important;
	padding: 24px !important;
	border-color: var(--hsp-polish-border) !important;
	border-radius: 14px !important;
	background:
		linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,255,255,.88)),
		linear-gradient(135deg, var(--hsp-polish-soft), #fff) !important;
	box-shadow: var(--hsp-polish-shadow) !important;
	overflow: hidden !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 auto 0 0 !important;
	width: 5px !important;
	background: var(--hsp-color-primary) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
	max-width: 760px !important;
	margin-bottom: 10px !important;
	font-size: clamp(28px, 3.1vw, 44px) !important;
	line-height: 1.08 !important;
	color: #13251f !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-eyebrow {
	width: fit-content !important;
	padding: 6px 10px !important;
	border-radius: 999px !important;
	background: rgba(14, 124, 123, .08) !important;
	color: var(--hsp-color-primary) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta {
	gap: 9px !important;
	margin-bottom: 14px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta > *,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts > *,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-service-chips .hsp-service-chip {
	min-height: 32px !important;
	border-radius: 999px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin: 16px 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts span,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 8px 12px !important;
	border: 1px solid var(--hsp-polish-border) !important;
	background: #fff !important;
	color: var(--hsp-color-text) !important;
	font-size: 13px !important;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(31, 42, 55, .06) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts strong {
	color: var(--hsp-color-primary) !important;
	font-size: 15px !important;
	line-height: 1 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-intro {
	max-width: 820px !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-cta-card {
	align-self: center !important;
	min-width: 190px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-booking-btn,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-reserve-btn,
.hsp-wrapper .hsp-hotel-single-premium .hsp-sticky-booking-bar .hsp-btn {
	min-height: 42px !important;
	border-radius: 8px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

.hsp-wrapper .hsp-sticky-booking-bar {
	position: sticky !important;
	top: 58px !important;
	z-index: 35 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin: 14px 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--hsp-polish-border) !important;
	border-radius: 12px !important;
	background: rgba(255,255,255,.94) !important;
	box-shadow: 0 12px 34px rgba(31, 42, 55, .08) !important;
	backdrop-filter: blur(10px) !important;
}

.hsp-wrapper .hsp-sticky-booking-bar strong,
.hsp-wrapper .hsp-sticky-booking-bar span {
	display: block !important;
}

.hsp-wrapper .hsp-sticky-booking-bar strong {
	font-size: 14px !important;
	color: #15231f !important;
}

.hsp-wrapper .hsp-sticky-booking-bar span {
	margin-top: 2px !important;
	color: var(--hsp-single-muted, rgba(51,51,51,.72)) !important;
	font-size: 12px !important;
}

body.admin-bar .hsp-wrapper .hsp-sticky-booking-bar {
	top: 90px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	gap: 6px !important;
	padding: 8px !important;
	border-color: var(--hsp-polish-border) !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 26px rgba(31, 42, 55, .06) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a {
	padding: 9px 12px !important;
	border-radius: 8px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-panel,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery,
.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-section {
	border-color: var(--hsp-polish-border) !important;
	border-radius: 14px !important;
	box-shadow: 0 10px 32px rgba(31, 42, 55, .07) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-panel h2,
.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-head h2 {
	font-size: 20px !important;
	color: #14231f !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
	gap: 10px !important;
	padding: 10px !important;
	background: #fff !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media {
	border-radius: 12px !important;
	overflow: hidden !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero img,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item img {
	filter: saturate(1.04) contrast(1.02) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero-badge,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-more-overlay {
	backdrop-filter: blur(8px) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-grid {
	gap: 18px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card {
	border: 1px solid var(--hsp-polish-border) !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 12px 32px rgba(31, 42, 55, .08) !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card:hover {
	transform: translateY(-2px) !important;
	border-color: color-mix(in srgb, var(--hsp-color-primary) 35%, var(--hsp-polish-border)) !important;
	box-shadow: 0 18px 42px rgba(31, 42, 55, .12) !important;
}

.hsp-wrapper .hsp-room-choice-head {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-bottom: 10px !important;
}

.hsp-wrapper .hsp-room-choice-title {
	margin: 0 !important;
	font-size: 17px !important;
	line-height: 1.25 !important;
	color: #15231f !important;
}

.hsp-wrapper .hsp-room-choice-photo-pill {
	flex: 0 0 auto !important;
	padding: 5px 8px !important;
	border-radius: 999px !important;
	background: rgba(14, 124, 123, .08) !important;
	color: var(--hsp-color-primary) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
}

.hsp-wrapper .hsp-room-feature-list {
	gap: 8px !important;
	margin-bottom: 14px !important;
}

.hsp-wrapper .hsp-room-feature-list li {
	border: 1px solid rgba(14, 124, 123, .12) !important;
	background: rgba(14, 124, 123, .04) !important;
	color: #23352f !important;
}

.hsp-wrapper .hsp-room-feature-list li strong {
	font-weight: 700 !important;
}

.hsp-wrapper .hsp-room-choice-footer {
	margin-top: auto !important;
	padding-top: 16px !important;
	border-top: 1px solid rgba(31,42,55,.08) !important;
}

.hsp-wrapper .hsp-room-reserve-btn {
	width: 100% !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
	gap: 12px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-item,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-item {
	min-height: 50px !important;
	border-color: var(--hsp-polish-border) !important;
	border-radius: 12px !important;
	background: linear-gradient(180deg, #fff, rgba(14,124,123,.035)) !important;
	box-shadow: 0 6px 18px rgba(31, 42, 55, .05) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-map-embed,
.hsp-wrapper .hsp-hotel-single-premium .hsp-video-embed {
	border-radius: 12px !important;
	overflow: hidden !important;
}

@media (max-width: 782px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		padding: 20px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
		font-size: 30px !important;
	}

	.hsp-wrapper .hsp-sticky-booking-bar,
	body.admin-bar .hsp-wrapper .hsp-sticky-booking-bar {
		top: auto !important;
		bottom: 12px !important;
		margin: 12px 0 !important;
	}

	.hsp-wrapper .hsp-sticky-booking-bar span {
		display: none !important;
	}
}

@media (max-width: 560px) {
	.hsp-wrapper .hsp-sticky-booking-bar {
		align-items: stretch !important;
	}

	.hsp-wrapper .hsp-sticky-booking-bar .hsp-btn {
		flex: 0 0 auto !important;
	}

	.hsp-wrapper .hsp-room-choice-head {
		display: block !important;
	}

	.hsp-wrapper .hsp-room-choice-photo-pill {
		display: inline-flex !important;
		margin-top: 8px !important;
	}
}

/* vNext clean travel detail layout: large media, flat sections, compact amenities. */
.hsp-wrapper .hsp-hotel-single-premium {
	--hsp-clean-border: rgba(31, 42, 55, .12);
	--hsp-clean-muted: rgba(31, 42, 55, .68);
	--hsp-clean-ink: #16231f;
	--hsp-clean-soft: color-mix(in srgb, var(--hsp-color-primary) 5%, #fff);
	max-width: 1180px !important;
	margin: 0 auto !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-top-actions {
	margin: 0 0 14px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-back-link {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: var(--hsp-color-primary) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
	display: grid !important;
	grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr) !important;
	align-items: center !important;
	gap: 34px !important;
	margin: 0 0 22px !important;
	padding: 0 0 28px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hsp-clean-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	overflow: visible !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::before {
	content: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title-block {
	min-width: 0 !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-eyebrow {
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--hsp-color-primary) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
	max-width: 780px !important;
	margin: 9px 0 12px !important;
	font-size: clamp(34px, 4.2vw, 56px) !important;
	line-height: 1.02 !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px 14px !important;
	margin: 0 0 14px !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 14px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta > *,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-service-chips .hsp-service-chip,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts > * {
	min-height: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-map-link {
	color: var(--hsp-color-primary) !important;
	font-weight: 700 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 18px !important;
	margin: 18px 0 !important;
	padding: 14px 0 !important;
	border-top: 1px solid var(--hsp-clean-border) !important;
	border-bottom: 1px solid var(--hsp-clean-border) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts span,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts a {
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 7px !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 13px !important;
	text-decoration: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts strong {
	color: var(--hsp-clean-ink) !important;
	font-size: 20px !important;
	line-height: 1 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-intro {
	max-width: 720px !important;
	margin: 0 0 18px !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: var(--hsp-clean-muted) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-service-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px 16px !important;
	margin: 14px 0 22px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-service-chips .hsp-service-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 13px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-service-chip-icon {
	width: 18px !important;
	height: 18px !important;
	color: var(--hsp-color-primary) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-cta-card {
	margin-top: 20px !important;
	padding: 0 !important;
	min-width: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-booking-btn,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-reserve-btn,
.hsp-wrapper .hsp-hotel-single-premium .hsp-sticky-booking-bar .hsp-btn {
	min-height: 44px !important;
	border-radius: 6px !important;
	padding: 12px 18px !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-single-hero-media {
	position: relative !important;
	display: block !important;
	aspect-ratio: 16 / 10 !important;
	min-height: 430px !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	background: #eef3f1 !important;
	text-decoration: none !important;
}

.hsp-wrapper .hsp-single-hero-media img {
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	object-fit: cover !important;
	filter: saturate(1.04) contrast(1.02) !important;
}

.hsp-wrapper .hsp-single-hero-media span {
	position: absolute !important;
	left: 18px !important;
	bottom: 18px !important;
	max-width: calc(100% - 36px) !important;
	padding: 8px 10px !important;
	border-radius: 6px !important;
	background: rgba(255,255,255,.90) !important;
	color: var(--hsp-clean-ink) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

.hsp-wrapper .hsp-sticky-booking-bar {
	top: 54px !important;
	margin: 0 0 20px !important;
	padding: 10px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hsp-clean-border) !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,.94) !important;
	box-shadow: none !important;
	backdrop-filter: blur(10px) !important;
}

body.admin-bar .hsp-wrapper .hsp-sticky-booking-bar {
	top: 86px !important;
}

.hsp-wrapper .hsp-sticky-booking-bar strong {
	font-size: 14px !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-sticky-booking-bar span {
	font-size: 12px !important;
	color: var(--hsp-clean-muted) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	position: sticky !important;
	top: 0 !important;
	z-index: 30 !important;
	display: flex !important;
	gap: 24px !important;
	margin: 0 0 26px !important;
	padding: 13px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hsp-clean-border) !important;
	border-radius: 0 !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: none !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
}

body.admin-bar .hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	top: 32px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a {
	flex: 0 0 auto !important;
	padding: 0 !important;
	border-radius: 0 !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a:hover,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a:focus {
	color: var(--hsp-color-primary) !important;
	background: transparent !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-content-full,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-content-shell,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-main-col {
	display: block !important;
	max-width: none !important;
	width: 100% !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-panel,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery,
.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-section {
	margin: 0 0 34px !important;
	padding: 0 0 34px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hsp-clean-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-panel h2,
.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-head h2 {
	margin: 0 0 18px !important;
	font-size: 24px !important;
	line-height: 1.2 !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-richtext {
	max-width: 840px !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 15px !important;
	line-height: 1.8 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
	display: grid !important;
	grid-template-columns: minmax(0, 1.45fr) minmax(320px, .95fr) !important;
	gap: 10px !important;
	padding: 0 0 34px !important;
	background: transparent !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
	border-radius: 6px !important;
	background: #eef3f1 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
	min-height: 520px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
	min-height: 170px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero-badge {
	left: 16px !important;
	top: 16px !important;
	border-radius: 6px !important;
	background: rgba(255,255,255,.92) !important;
	color: var(--hsp-clean-ink) !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-more-overlay {
	border-radius: 0 !important;
	background: rgba(0,0,0,.45) !important;
	backdrop-filter: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card {
	display: grid !important;
	grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
	gap: 22px !important;
	padding: 22px 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--hsp-clean-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card:first-child {
	border-top: 0 !important;
	padding-top: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card:hover {
	transform: none !important;
	border-color: var(--hsp-clean-border) !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card .hsp-room-carousel {
	height: 245px !important;
	border-radius: 6px !important;
	background: #eef3f1 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-body {
	display: flex !important;
	flex-direction: column !important;
	padding: 0 !important;
	min-height: 245px !important;
}

.hsp-wrapper .hsp-room-choice-head {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 14px !important;
	margin-bottom: 10px !important;
}

.hsp-wrapper .hsp-room-choice-title {
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-room-choice-photo-pill {
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}

.hsp-wrapper .hsp-room-feature-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px 18px !important;
	margin: 0 0 14px !important;
}

.hsp-wrapper .hsp-room-feature-list li {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 13px !important;
}

.hsp-wrapper .hsp-room-feature-list li span {
	color: var(--hsp-color-primary) !important;
}

.hsp-wrapper .hsp-room-feature-list li strong {
	color: var(--hsp-clean-ink) !important;
	font-weight: 700 !important;
}

.hsp-wrapper .hsp-room-choice-desc,
.hsp-wrapper .hsp-room-choice-note {
	max-width: 680px !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

.hsp-wrapper .hsp-room-choice-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin-top: auto !important;
	padding-top: 16px !important;
	border-top: 1px solid var(--hsp-clean-border) !important;
}

.hsp-wrapper .hsp-room-choice-price span {
	color: var(--hsp-clean-ink) !important;
	font-size: 16px !important;
}

.hsp-wrapper .hsp-room-reserve-btn {
	width: auto !important;
	min-width: 170px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px 22px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-item,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--hsp-clean-muted) !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-icon-line,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-icon-line,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .dashicons,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .dashicons {
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	color: var(--hsp-color-primary) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-label,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-label {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-video-embed,
.hsp-wrapper .hsp-hotel-single-premium .hsp-map-embed {
	border-radius: 6px !important;
	border: 1px solid var(--hsp-clean-border) !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-section {
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

@media (max-width: 980px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		grid-template-columns: 1fr !important;
		gap: 22px !important;
	}

	.hsp-wrapper .hsp-single-hero-media {
		min-height: 340px !important;
		order: -1 !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
		grid-template-columns: 1fr !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
		min-height: 360px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card {
		grid-template-columns: 1fr !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card .hsp-room-carousel {
		height: 320px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-body {
		min-height: 0 !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 782px) {
	body.admin-bar .hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		top: 46px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
		font-size: 34px !important;
	}

	.hsp-wrapper .hsp-sticky-booking-bar,
	body.admin-bar .hsp-wrapper .hsp-sticky-booking-bar {
		position: sticky !important;
		top: auto !important;
		bottom: 0 !important;
		margin: 0 !important;
		padding: 10px 0 !important;
		background: rgba(255,255,255,.96) !important;
		border-top: 1px solid var(--hsp-clean-border) !important;
		border-bottom: 0 !important;
	}

	.hsp-wrapper .hsp-sticky-booking-bar span {
		display: none !important;
	}
}

@media (max-width: 640px) {
	.hsp-wrapper .hsp-hotel-single-premium {
		max-width: 100% !important;
	}

	.hsp-wrapper .hsp-single-hero-media {
		aspect-ratio: 4 / 3 !important;
		min-height: 260px !important;
		border-radius: 6px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
		font-size: 30px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
		min-height: 280px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
		min-height: 128px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card .hsp-room-carousel {
		height: 240px !important;
	}

	.hsp-wrapper .hsp-room-choice-head,
	.hsp-wrapper .hsp-room-choice-footer {
		display: block !important;
	}

	.hsp-wrapper .hsp-room-reserve-btn {
		width: 100% !important;
		margin-top: 12px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px 14px !important;
	}
}

/* Structure from reference: full image hero, compact nav, overview with side actions. */
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
	position: relative !important;
	display: flex !important;
	align-items: flex-end !important;
	width: 100vw !important;
	min-height: 440px !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	margin-bottom: 0 !important;
	padding: 72px max(28px, calc((100vw - 1180px) / 2)) 46px !important;
	border: 0 !important;
	background: #36413d !important;
	overflow: hidden !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient(180deg, rgba(18,25,22,.18), rgba(18,25,22,.72)) !important;
	z-index: 1 !important;
}

.hsp-wrapper .hsp-single-hero-media {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: #36413d !important;
	z-index: 0 !important;
}

.hsp-wrapper .hsp-single-hero-media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	filter: saturate(1.02) contrast(1.02) !important;
}

.hsp-wrapper .hsp-single-hero-media span {
	display: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title-block {
	position: relative !important;
	z-index: 2 !important;
	max-width: 880px !important;
	color: #fff !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-eyebrow {
	display: inline-flex !important;
	padding: 7px 12px !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.18) !important;
	color: #fff !important;
	font-size: 12px !important;
	letter-spacing: .06em !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
	max-width: 920px !important;
	margin: 18px 0 16px !important;
	color: #fff !important;
	font-size: clamp(44px, 6vw, 72px) !important;
	line-height: .98 !important;
	text-shadow: 0 2px 18px rgba(0,0,0,.22) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta a,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-map-link {
	color: rgba(255,255,255,.92) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta .hsp-stars {
	color: #f6b13d !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-service-chips,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-intro,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-cta-card {
	display: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	margin-bottom: 44px !important;
	padding: 0 max(28px, calc((100vw - 1180px) / 2)) !important;
	min-height: 64px !important;
	align-items: center !important;
	gap: 26px !important;
	border-bottom: 1px solid rgba(31,42,55,.12) !important;
	background: rgba(255,255,255,.98) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
	flex: 0 0 auto !important;
	margin-right: 8px !important;
	color: var(--hsp-clean-ink) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta {
	margin-left: auto !important;
	padding: 11px 18px !important;
	border-radius: 6px !important;
	background: var(--hsp-color-button) !important;
	color: #fff !important;
	font-weight: 800 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta:hover,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta:focus {
	background: var(--hsp-color-button) !important;
	color: #fff !important;
	filter: brightness(.96) !important;
}

.hsp-wrapper .hsp-sticky-booking-bar {
	display: none !important;
}

.hsp-wrapper .hsp-overview-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 330px !important;
	gap: clamp(36px, 7vw, 110px) !important;
	align-items: start !important;
}

.hsp-wrapper .hsp-section-kicker {
	margin-bottom: 12px !important;
	color: var(--hsp-color-primary) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: .08em !important;
}

.hsp-wrapper .hsp-overview-copy h2 {
	max-width: 760px !important;
	margin: 0 0 20px !important;
	font-size: clamp(28px, 3.2vw, 44px) !important;
	line-height: 1.12 !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-overview-copy .hsp-single-richtext {
	max-width: 760px !important;
}

.hsp-wrapper .hsp-overview-service-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px 12px !important;
	margin-top: 24px !important;
}

.hsp-wrapper .hsp-overview-service-row span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	padding: 7px 10px !important;
	border: 1px solid var(--hsp-clean-border) !important;
	border-radius: 999px !important;
	color: var(--hsp-clean-ink) !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
}

.hsp-wrapper .hsp-overview-service-row svg,
.hsp-wrapper .hsp-overview-service-row .dashicons {
	width: 16px !important;
	height: 16px !important;
	color: var(--hsp-color-primary) !important;
}

.hsp-wrapper .hsp-overview-booking-panel {
	position: sticky !important;
	top: 92px !important;
	padding: 24px !important;
	border: 1px solid var(--hsp-clean-border) !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
}

body.admin-bar .hsp-wrapper .hsp-overview-booking-panel {
	top: 124px !important;
}

.hsp-wrapper .hsp-overview-score {
	display: flex !important;
	align-items: baseline !important;
	gap: 8px !important;
	padding-bottom: 16px !important;
	margin-bottom: 16px !important;
	border-bottom: 1px solid var(--hsp-clean-border) !important;
}

.hsp-wrapper .hsp-overview-score strong {
	font-size: 20px !important;
	color: var(--hsp-clean-ink) !important;
}

.hsp-wrapper .hsp-overview-score span,
.hsp-wrapper .hsp-overview-booking-panel p {
	color: var(--hsp-clean-muted) !important;
	font-size: 14px !important;
}

.hsp-wrapper .hsp-overview-booking-panel p {
	margin: 0 0 10px !important;
}

.hsp-wrapper .hsp-overview-booking-panel .hsp-btn {
	width: 100% !important;
	margin: 12px 0 !important;
	border-radius: 6px !important;
}

.hsp-wrapper .hsp-overview-map-link {
	display: inline-flex !important;
	margin-top: 4px !important;
	color: var(--hsp-color-primary) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

@media (max-width: 980px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		min-height: 380px !important;
		padding-top: 54px !important;
		padding-bottom: 38px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
		font-size: clamp(36px, 9vw, 54px) !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		gap: 18px !important;
		overflow-x: auto !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
		display: none !important;
	}

	.hsp-wrapper .hsp-overview-layout {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}

	.hsp-wrapper .hsp-overview-booking-panel {
		position: static !important;
	}
}

@media (max-width: 640px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		min-height: 340px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta {
		font-size: 13px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		padding-left: 20px !important;
		padding-right: 20px !important;
		min-height: 58px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta {
		position: sticky !important;
		right: 0 !important;
	}

	.hsp-wrapper .hsp-overview-service-row span {
		padding: 6px 9px !important;
		font-size: 12px !important;
	}
}

/* vNext correction: match the supplied reference structure on the hotel detail page. */
.hsp-wrapper .hsp-hotel-single-premium {
	--hsp-ref-ink: #17231f;
	--hsp-ref-muted: rgba(23, 35, 31, .68);
	--hsp-ref-border: rgba(23, 35, 31, .14);
	--hsp-ref-green: var(--hsp-color-primary, #0b6f55);
	--hsp-ref-button: var(--hsp-color-button, var(--hsp-ref-green));
	max-width: 1120px !important;
	margin: 0 auto !important;
	background: #fff !important;
	color: var(--hsp-ref-ink) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-top-actions {
	max-width: 1120px !important;
	margin: 0 auto 10px !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-back-link {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--hsp-ref-green) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
	position: relative !important;
	display: flex !important;
	align-items: flex-end !important;
	width: 100vw !important;
	min-height: 380px !important;
	margin: 0 calc(50% - 50vw) !important;
	padding: 86px max(28px, calc((100vw - 1120px) / 2)) 54px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #3f4944 !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::before,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::before {
	background: rgba(16, 25, 22, .18) !important;
	z-index: 1 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::after {
	background: linear-gradient(180deg, rgba(16,25,22,.08) 0%, rgba(16,25,22,.38) 46%, rgba(16,25,22,.78) 100%) !important;
	z-index: 2 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-media {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	aspect-ratio: auto !important;
	border-radius: 0 !important;
	background: #3f4944 !important;
	z-index: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-media img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	filter: saturate(1.04) contrast(1.04) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-media span,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-quick-facts,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-service-chips,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-intro,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-cta-card,
.hsp-wrapper .hsp-sticky-booking-bar {
	display: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title-block {
	position: relative !important;
	z-index: 3 !important;
	max-width: 920px !important;
	padding: 0 !important;
	color: #fff !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	padding: 7px 13px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: rgba(255, 255, 255, .22) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
	max-width: 980px !important;
	margin: 20px 0 18px !important;
	color: #fff !important;
	font-size: 56px !important;
	font-weight: 700 !important;
	line-height: 1.02 !important;
	letter-spacing: 0 !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .24) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta a,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-map-link,
.hsp-wrapper .hsp-hotel-single-premium .hsp-stars-text,
.hsp-wrapper .hsp-hotel-single-premium .hsp-pin-badge {
	color: rgba(255, 255, 255, .94) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px 18px !important;
	margin: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta > * {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta .hsp-stars {
	color: #f6b23f !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-map-link {
	text-decoration: underline !important;
	text-underline-offset: 4px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	position: sticky !important;
	top: 0 !important;
	z-index: 50 !important;
	display: flex !important;
	align-items: center !important;
	gap: 28px !important;
	width: 100vw !important;
	min-height: 64px !important;
	margin: 0 calc(50% - 50vw) 56px !important;
	padding: 0 max(28px, calc((100vw - 1120px) / 2)) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hsp-ref-border) !important;
	border-radius: 0 !important;
	background: rgba(255, 255, 255, .98) !important;
	box-shadow: none !important;
	overflow-x: auto !important;
	scrollbar-width: none !important;
}

body.admin-bar .hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	top: 32px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
	flex: 0 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--hsp-ref-muted) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	line-height: 64px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
	color: var(--hsp-ref-ink) !important;
	font-weight: 900 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a:hover,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a:focus {
	color: var(--hsp-ref-green) !important;
	background: transparent !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta {
	margin-left: auto !important;
	min-height: 42px !important;
	padding: 0 22px !important;
	border-radius: 8px !important;
	background: var(--hsp-ref-green) !important;
	color: #fff !important;
	line-height: 42px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-content-shell,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-content-full,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-main-col {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-panel,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery,
.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-section {
	margin: 0 0 56px !important;
	padding: 0 0 56px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--hsp-ref-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-panel h2,
.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-head h2 {
	margin: 0 0 22px !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 25px !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-description {
	padding-bottom: 64px !important;
}

.hsp-wrapper .hsp-overview-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 340px !important;
	gap: clamp(48px, 9vw, 132px) !important;
	align-items: start !important;
}

.hsp-wrapper .hsp-section-kicker {
	margin: 0 0 14px !important;
	color: var(--hsp-ref-green) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	letter-spacing: .06em !important;
}

.hsp-wrapper .hsp-overview-copy h2 {
	max-width: 740px !important;
	margin: 0 0 22px !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 40px !important;
	font-weight: 700 !important;
	line-height: 1.16 !important;
	letter-spacing: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-richtext,
.hsp-wrapper .hsp-overview-copy .hsp-single-richtext {
	max-width: 760px !important;
	color: var(--hsp-ref-muted) !important;
	font-size: 18px !important;
	line-height: 1.75 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-richtext p {
	margin: 0 0 14px !important;
}

.hsp-wrapper .hsp-overview-service-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px 14px !important;
	margin-top: 26px !important;
}

.hsp-wrapper .hsp-overview-service-row span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 38px !important;
	padding: 0 16px !important;
	border: 1px solid var(--hsp-ref-border) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-overview-service-row svg,
.hsp-wrapper .hsp-overview-service-row .dashicons {
	flex: 0 0 16px !important;
	width: 16px !important;
	height: 16px !important;
	color: var(--hsp-ref-green) !important;
}

.hsp-wrapper .hsp-overview-booking-panel {
	position: sticky !important;
	top: 96px !important;
	padding: 28px !important;
	border: 1px solid var(--hsp-ref-border) !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: none !important;
}

body.admin-bar .hsp-wrapper .hsp-overview-booking-panel {
	top: 128px !important;
}

.hsp-wrapper .hsp-overview-score {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 0 0 18px !important;
	padding: 0 0 18px !important;
	border-bottom: 1px solid var(--hsp-ref-border) !important;
}

.hsp-wrapper .hsp-overview-score::before {
	content: "★" !important;
	color: #f6b23f !important;
	font-size: 17px !important;
}

.hsp-wrapper .hsp-overview-score strong {
	color: var(--hsp-ref-ink) !important;
	font-size: 19px !important;
	font-weight: 900 !important;
}

.hsp-wrapper .hsp-overview-score span {
	color: var(--hsp-ref-muted) !important;
	font-size: 14px !important;
}

.hsp-wrapper .hsp-overview-booking-panel p {
	position: relative !important;
	margin: 0 0 12px !important;
	padding-left: 24px !important;
	color: var(--hsp-ref-muted) !important;
	font-size: 15px !important;
	line-height: 1.35 !important;
}

.hsp-wrapper .hsp-overview-booking-panel p::before {
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	color: var(--hsp-ref-green) !important;
	font-weight: 700 !important;
}

.hsp-wrapper .hsp-overview-location::before { content: "⌖" !important; }
.hsp-wrapper .hsp-overview-room-count::before { content: "▱" !important; }
.hsp-wrapper .hsp-overview-service-count::before { content: "✓" !important; }

.hsp-wrapper .hsp-overview-booking-panel .hsp-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 50px !important;
	margin: 20px 0 12px !important;
	border-radius: 8px !important;
	background: var(--hsp-ref-green) !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-overview-map-link {
	display: flex !important;
	justify-content: center !important;
	color: var(--hsp-ref-green) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	text-decoration: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
	display: grid !important;
	grid-template-columns: minmax(0, 1.6fr) minmax(320px, .9fr) !important;
	gap: 10px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
	position: relative !important;
	display: block !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #eef3f1 !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
	min-height: 510px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-auto-rows: 1fr !important;
	gap: 10px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
	min-height: 160px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero img,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero-badge {
	position: absolute !important;
	left: 14px !important;
	top: 14px !important;
	right: auto !important;
	bottom: auto !important;
	display: inline-flex !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 8px 11px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .94) !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	writing-mode: horizontal-tb !important;
	transform: none !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-more-overlay {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 0 !important;
	background: rgba(0, 0, 0, .42) !important;
	color: #fff !important;
	font-weight: 900 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-grid {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card {
	display: grid !important;
	grid-template-columns: 330px minmax(0, 1fr) !important;
	gap: 24px !important;
	padding: 28px 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--hsp-ref-border) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card:first-child {
	padding-top: 0 !important;
	border-top: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card:hover {
	transform: none !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card .hsp-room-carousel {
	height: 230px !important;
	border-radius: 6px !important;
	background: #eef3f1 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-body {
	display: flex !important;
	flex-direction: column !important;
	min-height: 230px !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-room-choice-title {
	margin: 0 !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 23px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
}

.hsp-wrapper .hsp-room-feature-list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, max-content)) !important;
	gap: 8px 22px !important;
	margin: 14px 0 !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-room-feature-list li {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--hsp-ref-muted) !important;
	font-size: 14px !important;
}

.hsp-wrapper .hsp-room-feature-list li span {
	color: var(--hsp-ref-green) !important;
}

.hsp-wrapper .hsp-room-choice-desc,
.hsp-wrapper .hsp-room-choice-note {
	max-width: 680px !important;
	color: var(--hsp-ref-muted) !important;
	font-size: 14px !important;
	line-height: 1.65 !important;
}

.hsp-wrapper .hsp-room-choice-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin-top: auto !important;
	padding-top: 16px !important;
	border-top: 1px solid var(--hsp-ref-border) !important;
}

.hsp-wrapper .hsp-room-reserve-btn {
	width: auto !important;
	min-width: 156px !important;
	min-height: 42px !important;
	border-radius: 4px !important;
	background: var(--hsp-ref-green) !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 11px 28px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full .hsp-service-item,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .hsp-service-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--hsp-ref-muted) !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full svg,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full .dashicons {
	flex: 0 0 16px !important;
	width: 16px !important;
	height: 16px !important;
	color: var(--hsp-ref-green) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-video-embed,
.hsp-wrapper .hsp-hotel-single-premium .hsp-map-embed {
	border: 1px solid var(--hsp-ref-border) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.hsp-wrapper .hsp-video-location-row {
	margin: 0 0 56px !important;
	padding: 0 0 56px !important;
	border-bottom: 1px solid var(--hsp-ref-border) !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location {
	display: grid !important;
	grid-template-columns: minmax(0, 7fr) minmax(260px, 3fr) !important;
	gap: 28px !important;
	align-items: start !important;
}

.hsp-wrapper .hsp-video-location-row .hsp-single-panel {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.hsp-wrapper .hsp-video-location-row .hsp-single-video,
.hsp-wrapper .hsp-video-location-row .hsp-single-location {
	min-width: 0 !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-video-embed,
.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-map-embed {
	height: 360px !important;
	aspect-ratio: auto !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-video-embed iframe,
.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-map-embed iframe {
	width: 100% !important;
	height: 100% !important;
}

.hsp-wrapper .hsp-video-location-row .hsp-single-location-text {
	margin: -8px 0 12px !important;
	color: var(--hsp-ref-muted) !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
}

.hsp-wrapper .hsp-video-location-row .hsp-map-link-wrap {
	margin: 12px 0 0 !important;
}

@media (max-width: 980px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		min-height: 360px !important;
		padding-top: 64px !important;
		padding-bottom: 42px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
		font-size: 42px !important;
	}

	.hsp-wrapper .hsp-overview-layout {
		grid-template-columns: 1fr !important;
		gap: 34px !important;
	}

	.hsp-wrapper .hsp-overview-booking-panel {
		position: static !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
		grid-template-columns: 1fr !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
		min-height: 360px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card {
		grid-template-columns: 1fr !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card .hsp-room-carousel {
		height: 310px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-body {
		min-height: 0 !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.hsp-wrapper .hsp-video-location-row.has-video-and-location {
		grid-template-columns: 1fr !important;
		gap: 34px !important;
	}

	.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-video-embed,
	.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-map-embed {
		height: auto !important;
		aspect-ratio: 16 / 9 !important;
	}
}

@media (max-width: 782px) {
	body.admin-bar .hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		top: 46px !important;
	}
}

@media (max-width: 640px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		min-height: 330px !important;
		padding: 52px 20px 34px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-eyebrow {
		font-size: 11px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
		font-size: 34px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta {
		gap: 8px 12px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-header-meta a,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-stars-text,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-pin-badge {
		font-size: 13px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		min-height: 56px !important;
		margin-bottom: 36px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		gap: 20px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
		font-size: 13px !important;
		line-height: 56px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
		display: none !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta {
		min-height: 38px !important;
		padding: 0 16px !important;
		line-height: 38px !important;
	}

	.hsp-wrapper .hsp-overview-copy h2 {
		font-size: 30px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-richtext,
	.hsp-wrapper .hsp-overview-copy .hsp-single-richtext {
		font-size: 16px !important;
	}

	.hsp-wrapper .hsp-overview-service-row span {
		min-height: 34px !important;
		padding: 0 12px !important;
		font-size: 13px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-panel,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-related-carousel-section,
	.hsp-wrapper .hsp-video-location-row {
		margin-bottom: 38px !important;
		padding-bottom: 38px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
		min-height: 270px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
		min-height: 124px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card .hsp-room-carousel {
		height: 230px !important;
	}

	.hsp-wrapper .hsp-room-choice-head,
	.hsp-wrapper .hsp-room-choice-footer {
		display: block !important;
	}

	.hsp-wrapper .hsp-room-feature-list {
		grid-template-columns: 1fr !important;
	}

	.hsp-wrapper .hsp-room-reserve-btn {
		width: 100% !important;
		margin-top: 12px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services-grid .hsp-service-list-full,
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-services .hsp-service-list-full {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 10px 14px !important;
	}
}

/* vNext top detail polish: match supplied mockup above the room section. */
.hsp-wrapper .hsp-hotel-single-premium {
	max-width: 1200px !important;
	padding-top: 18px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-top-actions {
	max-width: 1200px !important;
	margin: 0 auto 16px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-back-link {
	min-height: 42px !important;
	padding: 0 18px !important;
	border: 1px solid rgba(23, 35, 31, .12) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: rgba(23, 35, 31, .72) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
	width: auto !important;
	min-height: 530px !important;
	margin: 0 auto !important;
	padding: 0 42px 58px !important;
	border-radius: 22px !important;
	background: linear-gradient(180deg, #d9ddda 0%, #9ea5a0 53%, #35423e 100%) !important;
	overflow: hidden !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-media {
	border-radius: 22px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card::after {
	background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(26,35,32,.14) 46%, rgba(26,35,32,.78) 100%) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
	margin: 22px 0 18px !important;
	font-size: clamp(46px, 5.2vw, 70px) !important;
	font-weight: 900 !important;
	line-height: 1 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-eyebrow {
	min-height: 34px !important;
	padding: 0 15px !important;
	background: rgba(255, 255, 255, .22) !important;
	font-size: 14px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	width: auto !important;
	min-height: 66px !important;
	margin: 0 auto 58px !important;
	padding: 0 0 0 92px !important;
	border-bottom: 1px solid rgba(23, 35, 31, .12) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
	position: relative !important;
	line-height: 66px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a:first-of-type {
	color: var(--hsp-ref-green) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a:first-of-type::after {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: -1px !important;
	height: 2px !important;
	background: var(--hsp-ref-green) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-title {
	display: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta {
	margin-left: auto !important;
	margin-right: 0 !important;
	min-height: 40px !important;
	padding: 0 22px !important;
	border-radius: 8px !important;
	line-height: 40px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-description {
	margin-bottom: 72px !important;
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

.hsp-wrapper .hsp-overview-layout {
	grid-template-columns: minmax(0, 1fr) 352px !important;
	gap: clamp(54px, 10vw, 154px) !important;
}

.hsp-wrapper .hsp-overview-copy h2 {
	max-width: 760px !important;
	font-size: clamp(32px, 3.4vw, 42px) !important;
	font-weight: 900 !important;
}

.hsp-wrapper .hsp-overview-booking-panel {
	top: 92px !important;
	padding: 26px !important;
	border-radius: 18px !important;
	box-shadow: 0 24px 55px rgba(15, 23, 42, .09) !important;
}

.hsp-wrapper .hsp-overview-score {
	position: relative !important;
	padding-right: 76px !important;
}

.hsp-wrapper .hsp-overview-score em {
	position: absolute !important;
	right: 0 !important;
	top: -2px !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 28px !important;
	padding: 0 12px !important;
	border-radius: 999px !important;
	background: rgba(11, 111, 85, .09) !important;
	color: var(--hsp-ref-green) !important;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: 900 !important;
}

.hsp-wrapper .hsp-overview-date-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 8px !important;
	margin-top: 18px !important;
}

.hsp-wrapper .hsp-overview-date-grid label {
	display: grid !important;
	gap: 6px !important;
	color: rgba(23, 35, 31, .58) !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

.hsp-wrapper .hsp-overview-date-grid input {
	width: 100% !important;
	min-height: 42px !important;
	padding: 0 10px !important;
	border: 1px solid rgba(23, 35, 31, .14) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 14px !important;
}

.hsp-wrapper .hsp-overview-booking-panel .hsp-overview-booking-trigger {
	width: 100% !important;
	margin: 14px 0 12px !important;
	border: 0 !important;
	cursor: pointer !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
	grid-template-columns: minmax(0, 1.55fr) repeat(3, minmax(0, 1fr)) !important;
	grid-template-rows: auto repeat(2, minmax(185px, 1fr)) !important;
	gap: 8px !important;
	margin-bottom: 64px !important;
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}

.hsp-wrapper .hsp-gallery-section-head {
	display: flex !important;
	grid-column: 1 / -1 !important;
	align-items: end !important;
	justify-content: space-between !important;
	gap: 24px !important;
	margin-bottom: 16px !important;
}

.hsp-wrapper .hsp-gallery-section-head h2 {
	margin: 0 !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 34px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}

.hsp-wrapper .hsp-gallery-view-all {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 40px !important;
	padding: 0 16px !important;
	border: 1px solid rgba(23, 35, 31, .14) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--hsp-ref-ink) !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	cursor: pointer !important;
}

.hsp-wrapper .hsp-gallery-view-all::after {
	content: "▧" !important;
	margin-left: 8px !important;
	color: var(--hsp-ref-green) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
	grid-column: 1 / span 1 !important;
	grid-row: 2 / span 2 !important;
	min-height: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid {
	display: contents !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
	min-height: 0 !important;
	border-radius: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
	border-radius: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
	border-top-left-radius: 18px !important;
	border-bottom-left-radius: 18px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item:nth-child(3) {
	border-top-right-radius: 18px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item:nth-child(6) {
	border-bottom-right-radius: 18px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero-badge {
	display: none !important;
}

.hsp-wrapper .hsp-room-booking-dialog {
	max-width: 680px !important;
	border-radius: 18px !important;
	box-shadow: 0 28px 80px rgba(15, 23, 42, .24) !important;
}

.hsp-wrapper .hsp-room-booking-dialog h2 {
	font-size: 28px !important;
	font-weight: 900 !important;
}

.hsp-wrapper .hsp-room-booking-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hsp-wrapper .hsp-room-booking-form input,
.hsp-wrapper .hsp-room-booking-form textarea {
	border-radius: 8px !important;
}

@media (max-width: 980px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		min-height: 430px !important;
		padding: 0 28px 42px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		padding-left: 0 !important;
	}

	.hsp-wrapper .hsp-overview-layout {
		grid-template-columns: 1fr !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: auto 320px repeat(2, 170px) !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		border-radius: 16px 16px 0 0 !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item {
		border-radius: 0 !important;
	}
}

@media (max-width: 640px) {
	.hsp-wrapper .hsp-hotel-single-premium {
		padding-top: 8px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-hero-card {
		min-height: 360px !important;
		border-radius: 16px !important;
		padding: 0 20px 32px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
		font-size: 36px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		margin-bottom: 40px !important;
	}

	.hsp-wrapper .hsp-overview-date-grid,
	.hsp-wrapper .hsp-room-booking-grid {
		grid-template-columns: 1fr !important;
	}

	.hsp-wrapper .hsp-gallery-section-head {
		display: block !important;
	}

	.hsp-wrapper .hsp-gallery-view-all {
		margin-top: 14px !important;
	}

	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-template-rows: auto 260px repeat(3, 130px) !important;
	}
}

/* vNext correction: clean top-section alignment and remove broken overlaps. */
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
	justify-content: flex-start !important;
	gap: 34px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a {
	color: rgba(23, 35, 31, .62) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs a:first-of-type {
	color: var(--hsp-ref-green) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta {
	display: none !important;
}

.hsp-wrapper .hsp-overview-layout {
	grid-template-columns: minmax(0, 1fr) 360px !important;
	gap: clamp(52px, 8vw, 132px) !important;
}

.hsp-wrapper .hsp-overview-copy h2 {
	margin-bottom: 24px !important;
	font-size: clamp(28px, 2.8vw, 34px) !important;
	line-height: 1.24 !important;
}

.hsp-wrapper .hsp-overview-copy .hsp-single-richtext {
	max-width: 720px !important;
	font-size: 18px !important;
	line-height: 1.72 !important;
}

.hsp-wrapper .hsp-overview-service-row {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px 14px !important;
	max-width: 640px !important;
}

.hsp-wrapper .hsp-overview-service-row span {
	min-height: 40px !important;
	padding: 0 18px !important;
	border: 1px solid rgba(23, 35, 31, .12) !important;
	border-radius: 999px !important;
	background: #fff !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-overview-service-row .hsp-icon-line,
.hsp-wrapper .hsp-overview-service-row .dashicons,
.hsp-wrapper .hsp-overview-service-row svg {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-overview-booking-panel {
	overflow: visible !important;
	padding: 26px !important;
	border: 1px solid rgba(23, 35, 31, .12) !important;
	border-radius: 18px !important;
	background: #fff !important;
	box-shadow: 0 22px 50px rgba(15, 23, 42, .08) !important;
}

.hsp-wrapper .hsp-overview-booking-panel p {
	margin-bottom: 12px !important;
	color: rgba(23, 35, 31, .68) !important;
	font-size: 14px !important;
}

.hsp-wrapper .hsp-overview-date-grid {
	gap: 8px !important;
	margin-top: 18px !important;
}

.hsp-wrapper .hsp-overview-date-grid input {
	box-sizing: border-box !important;
	min-width: 0 !important;
	font-weight: 800 !important;
}

.hsp-wrapper .hsp-overview-booking-panel .hsp-overview-booking-trigger {
	position: static !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 50px !important;
	margin: 14px 0 0 !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: var(--hsp-ref-green) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	text-align: center !important;
}

.hsp-wrapper .hsp-overview-map-link {
	position: static !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 14px 0 0 !important;
	padding: 0 !important;
	color: var(--hsp-ref-green) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: normal !important;
	clear: both !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-gallery-premium {
	gap: 8px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-hero img,
.hsp-wrapper .hsp-hotel-single-premium .hsp-gallery-grid-item img {
	filter: none !important;
}

@media (max-width: 980px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		gap: 24px !important;
		padding-left: 0 !important;
	}

	.hsp-wrapper .hsp-overview-layout {
		grid-template-columns: 1fr !important;
		gap: 34px !important;
	}
}

@media (max-width: 640px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-tabs {
		gap: 20px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.hsp-wrapper .hsp-overview-copy .hsp-single-richtext {
		font-size: 16px !important;
	}
}

/* vNext requested detail refinements: booking dates, static hero, grouped services, room cards. */
.hsp-wrapper .hsp-single-hero-media {
	pointer-events: none !important;
	cursor: default !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-eyebrow {
	display: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-title {
	margin-top: 0 !important;
}

.hsp-wrapper .hsp-pin-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 17px !important;
	height: 17px !important;
	margin-right: 6px !important;
	color: currentColor !important;
	vertical-align: -3px !important;
}

.hsp-wrapper .hsp-pin-icon svg {
	display: block !important;
	width: 17px !important;
	height: 17px !important;
}

.hsp-wrapper .hsp-overview-date-grid input[type="date"] {
	position: relative !important;
	z-index: 2 !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	-webkit-appearance: auto !important;
	appearance: auto !important;
}

.hsp-wrapper .hsp-overview-booking-panel {
	z-index: 4 !important;
}

.hsp-wrapper .hsp-service-group-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 26px !important;
}

.hsp-wrapper .hsp-service-group {
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-service-group h3 {
	margin: 0 0 16px !important;
	color: var(--hsp-ref-ink, #17231f) !important;
	font-size: 16px !important;
	font-weight: 900 !important;
	line-height: 1.25 !important;
}

.hsp-wrapper .hsp-service-group .hsp-service-list-full {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 11px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-service-group .hsp-service-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(23, 35, 31, .72) !important;
	font-size: 13px !important;
	line-height: 1.35 !important;
}

.hsp-wrapper .hsp-service-group .hsp-icon-line,
.hsp-wrapper .hsp-service-group .dashicons,
.hsp-wrapper .hsp-service-group svg {
	flex: 0 0 16px !important;
	width: 16px !important;
	height: 16px !important;
	color: var(--hsp-ref-green, #0b6f55) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-single-rooms .hsp-room-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 22px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card {
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	min-width: 0 !important;
	height: 100% !important;
	padding: 0 !important;
	border: 1px solid rgba(23, 35, 31, .12) !important;
	border-radius: 10px !important;
	background: #fff !important;
	overflow: hidden !important;
	box-shadow: none !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card:first-child {
	border-top: 1px solid rgba(23, 35, 31, .12) !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-media,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-card .hsp-room-carousel {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3 !important;
	border-radius: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	min-height: 0 !important;
	padding: 18px !important;
}

.hsp-wrapper .hsp-room-choice-title {
	font-size: 18px !important;
	line-height: 1.25 !important;
}

.hsp-wrapper .hsp-room-feature-list {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 8px !important;
	margin: 14px 0 !important;
}

.hsp-wrapper .hsp-room-choice-desc,
.hsp-wrapper .hsp-room-choice-note {
	font-size: 13px !important;
	line-height: 1.55 !important;
}

.hsp-wrapper .hsp-room-choice-footer {
	display: block !important;
	margin-top: auto !important;
}

.hsp-wrapper .hsp-room-reserve-btn {
	width: 100% !important;
	min-width: 0 !important;
	margin-top: 12px !important;
}

/* vNext requested form refinements: clearer booking dates and softer map link. */
.hsp-wrapper .hsp-overview-booking-panel p {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 0 13px !important;
	padding-left: 0 !important;
	color: rgba(23, 35, 31, .72) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}

.hsp-wrapper .hsp-overview-booking-panel p::before {
	display: none !important;
	content: none !important;
}

.hsp-wrapper .hsp-overview-location::before,
.hsp-wrapper .hsp-overview-room-count::before,
.hsp-wrapper .hsp-overview-service-count::before {
	display: none !important;
	content: none !important;
}

.hsp-wrapper .hsp-overview-summary-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 18px !important;
	width: 18px !important;
	height: 18px !important;
	color: var(--hsp-ref-green, #0b6f55) !important;
}

.hsp-wrapper .hsp-overview-summary-icon svg {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
}

.hsp-wrapper .hsp-overview-booking-panel .hsp-overview-booking-trigger,
.hsp-wrapper .hsp-hotel-single-premium .hsp-single-nav-cta,
.hsp-wrapper .hsp-room-reserve-btn,
.hsp-wrapper .hsp-room-booking-submit {
	background: var(--hsp-ref-button, var(--hsp-ref-green, #0b6f55)) !important;
	border-color: var(--hsp-ref-button, var(--hsp-ref-green, #0b6f55)) !important;
}

.hsp-wrapper .hsp-overview-date-grid input[type="date"],
.hsp-wrapper .hsp-room-booking-form input[type="date"] {
	min-height: 42px !important;
	padding: 0 10px !important;
	color: rgba(23, 35, 31, .62) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 42px !important;
	color-scheme: light !important;
	cursor: pointer !important;
}

.hsp-wrapper .hsp-overview-date-grid input[type="date"]::-webkit-datetime-edit,
.hsp-wrapper .hsp-room-booking-form input[type="date"]::-webkit-datetime-edit {
	color: rgba(23, 35, 31, .55) !important;
	font-weight: 500 !important;
}

.hsp-wrapper .hsp-overview-date-grid input[type="date"]::-webkit-calendar-picker-indicator,
.hsp-wrapper .hsp-room-booking-form input[type="date"]::-webkit-calendar-picker-indicator {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin-left: 4px !important;
	opacity: 1 !important;
	cursor: pointer !important;
}

.hsp-wrapper .hsp-overview-map-link {
	margin-top: 24px !important;
	color: var(--hsp-ref-green, #0b6f55) !important;
	font-weight: 500 !important;
}

/* vNext modal/link spacing fixes. */
.hsp-wrapper .hsp-room-booking-dialog {
	padding: 32px !important;
}

.hsp-wrapper .hsp-room-booking-close {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	z-index: 2 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(23, 35, 31, .78) !important;
	font-family: Arial, sans-serif !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-align: center !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
}

.hsp-wrapper .hsp-room-booking-close:hover,
.hsp-wrapper .hsp-room-booking-close:focus {
	background: rgba(23, 35, 31, .06) !important;
	outline: none !important;
}

.hsp-wrapper .hsp-room-booking-dialog h2 {
	margin-right: 48px !important;
}

.hsp-wrapper .hsp-overview-booking-panel .hsp-overview-booking-trigger {
	margin-bottom: 0 !important;
}

.hsp-wrapper .hsp-overview-map-link {
	margin-top: 22px !important;
	padding-top: 0 !important;
	font-weight: 500 !important;
}

/* vNext room/service cleanup: compact room copy and fixed service columns. */
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-head {
	display: block !important;
	margin: 0 0 8px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-title {
	margin: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-feature-list {
	margin: 10px 0 8px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-desc,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-desc p,
.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-note {
	margin-top: 0 !important;
	color: rgba(23, 35, 31, .68) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-desc p {
	margin-bottom: 8px !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-room-choice-desc p:last-child {
	margin-bottom: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 32px !important;
	align-items: start !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group {
	min-width: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group .hsp-service-list-full {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	grid-template-columns: none !important;
	gap: 11px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group .hsp-service-item {
	display: grid !important;
	grid-template-columns: 18px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 9px !important;
	width: 100% !important;
	min-width: 0 !important;
	padding: 0 !important;
	color: rgba(23, 35, 31, .78) !important;
	font-size: 13px !important;
	line-height: 1.3 !important;
	white-space: normal !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group .hsp-service-label {
	display: block !important;
	min-width: 0 !important;
	overflow-wrap: anywhere !important;
}

.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group .hsp-icon-line,
.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group .dashicons,
.hsp-wrapper .hsp-hotel-single-premium .hsp-service-group svg {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	margin-top: 1px !important;
	color: var(--hsp-ref-green, #0b6f55) !important;
}

/* vNext video/location alignment: hide location label copy and match media heights. */
.hsp-wrapper .hsp-video-location-row .hsp-single-location-text {
	display: none !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location {
	align-items: start !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-single-video,
.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-single-location {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-video-embed,
.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-map-embed {
	width: 100% !important;
	height: 360px !important;
	margin-top: 0 !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-video-embed iframe,
.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-map-embed iframe {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.hsp-wrapper .hsp-video-location-row.has-video-and-location .hsp-map-link-wrap {
	margin-top: 14px !important;
}

@media (max-width: 1100px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-rooms .hsp-room-grid,
	.hsp-wrapper .hsp-service-group-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px) {
	.hsp-wrapper .hsp-hotel-single-premium .hsp-single-rooms .hsp-room-grid,
	.hsp-wrapper .hsp-service-group-grid {
		grid-template-columns: 1fr !important;
	}
}