.cs-hero
{
	position: relative;
	height: calc(100vh - var(--cs-header-h));
	overflow: hidden;
	background: var(--cs-maroon-darker);
}

.cs-hero--still
{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.cs-hero--login
{
	height: 100vh;
}

.cs-hero--login .cs-hero-mask::before
{
	display: none;
}

.cs-hero--login .cs-hero-text
{
	top: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: fit-content;
	max-width: min(720px, 80vw);
	padding: 2rem 6vw 2rem max(6%, 2rem);
	background-color: rgba(var(--cs-surface-lift-rgb), 0.74);
	animation: cs-mask-fade 3s ease-in-out 0.8s forwards;
}

.cs-hero--login .cs-hero-title { margin-bottom: 1.5rem; }


.cs-hero-mask
{
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.cs-hero-mask::after
{
	content: '';
	position: absolute;
	inset: 0;
	background-color: rgba(var(--cs-surface-lift-rgb), 0.32);
	z-index: 1;
}

.cs-hero-mask::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	height: 100%;
	background-color: rgba(var(--cs-surface-lift-rgb), 0.74);
	z-index: 2;
	animation: cs-mask-fade 3s ease-in-out 0.8s forwards;
}

@keyframes cs-mask-fade
{
	from { background-color: rgba(var(--cs-surface-lift-rgb), 0.74); }
	to   { background-color: rgba(0, 0, 0, 0.65); }
}

.cs-hero-text
{
	position: absolute;
	left: 6%;
	top: 38%;
	color: var(--cs-white);
	z-index: 2;
	text-shadow: 0 2px 12px var(--cs-shadow);
}

.cs-hero-text h1
{
	font-family: var(--cs-font-italic);
	font-size: 4.5rem;
	margin: 0 0 2rem;
	letter-spacing: -0.01em;
	line-height: 1.05;
	text-transform: uppercase;
}

.cs-hero-title
{
	font-family: var(--cs-font-display);
	font-size: clamp(14px, 1.6vw + 4px, 24px);
	line-height: 1;
	letter-spacing: 0;
	color: var(--cs-gold);
	text-transform: uppercase;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
	margin: 0 0 2rem;
}

.cs-hero-title span
{
	display: block;
	margin-top: 6px;
	font-size: clamp(28px, 3.6vw + 6px, 52px);
	color: var(--cs-white);
}



.cs-btn-primary
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 6px 30px;
	background: var(--cs-gold);
	color: var(--cs-maroon);
	font-family: var(--cs-font-bold);
	font-size: 22px;
	line-height: 0.95;
	letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid var(--cs-white);
	border-radius: 0;
	cursor: pointer;
	transition: all 0.2s ease;
}

.cs-btn-primary:hover
{
	background: var(--cs-accent-pale);
	color: var(--cs-maroon);
	border-color: var(--cs-white);
}



.cs-login
{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 640px;

	
	--cs-login-field: 230px;
	--cs-login-btn: 144px;
}

.cs-login-row
{
	display: flex;
	align-items: stretch;
	gap: 0;
	flex-wrap: wrap;

	
	width: calc(var(--cs-login-field) + var(--cs-login-btn));
	max-width: 100%;
}

.cs-login-label
{
	font-family: var(--cs-font-regular);
	font-size: 1.1rem;
	letter-spacing: 0.04em;
	color: var(--cs-white);
	text-shadow: 0 2px 12px var(--cs-shadow);
}

.cs-login-input
{
	flex: 0 1 var(--cs-login-field);
	
	min-width: 0;
	padding: 1.1rem 1.6rem;
	font-family: var(--cs-font-regular);
	font-size: 1rem;
	letter-spacing: 0.08em;
	color: var(--cs-white);
	background: rgba(255,255,255,0.12);
	border: 1.5px solid var(--cs-white);
	border-right: 0;
	border-radius: 0;
	outline: none;
}

.cs-login-input::placeholder { color: rgba(255,255,255,0.7); }
.cs-login-input:focus { background: rgba(255,255,255,0.18); }


.cs-login-row:focus-within
{
	outline: 2px solid var(--cs-gold);
	outline-offset: 2px;
}

.cs-login-input:focus-visible { outline: none; }

.cs-login-btn
{
	
	text-shadow: none;
	margin: 0;
	width: var(--cs-login-btn, 144px);
	flex: 0 0 auto;
	font-size: 16px;
	white-space: nowrap;
	border-left: 0;
}




.cs-schedule-layout
{
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
}

.cs-schedule-aside
{
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}


.cs-aside-block .cs-section-head,
.cs-schedule-main > .cs-section-head:first-child
{
	margin-top: 0;
}


.cs-aside-subhead
{
	margin: 1.5rem 0 0.35rem;
	font-family: var(--cs-font-bold);
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cs-text-muted);
}


.cs-rep-card
{
	display: flex;
	align-items: center;
	gap: 1rem;
}

.cs-rep-photo
{
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 auto;
}

.cs-rep-name
{
	font-family: var(--cs-font-bold);
	font-size: 1rem;
	letter-spacing: 0.01em;
	color: var(--cs-white);
}

.cs-rep-info p { margin: 0.2rem 0 0; }
.cs-rep-info a { color: var(--cs-gold); }


.cs-rep-photo[hidden],
.cs-rep-title[hidden],
.cs-rep-bio[hidden],
.cs-rep-info p[hidden] { display: none; }

.cs-rep-title
{
	margin-top: 0.15rem;
	font-family: var(--cs-font-light);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cs-text-muted);
}

.cs-rep-bio
{
	margin: 1rem 0 0;
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--cs-text-muted);
}


.cs-events-head
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin: 0 0 1rem;
}

.cs-events-head .cs-section-head,
.cs-events-head .cs-event-filter
{
	margin: 0;
}


.cs-event-filter
{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1rem;
}

.cs-event-filter[hidden] { display: none; }

.cs-event-filter-btn
{
	min-height: 36px;
	padding: 0.35rem 0.9rem;
	background: var(--cs-maroon-d);
	color: var(--cs-white);
	border: 1px solid var(--cs-line);
	border-radius: 4px;
	font-family: var(--cs-font-regular);
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.cs-event-filter-btn:hover { border-color: var(--cs-gold); }

.cs-event-filter-btn[aria-pressed="true"]
{
	background: var(--cs-gold);
	color: var(--cs-maroon-d);
	border-color: var(--cs-gold);
}

.cs-schedule { display: flex; flex-direction: column; gap: 0.5rem; }

.cs-game-row
{
	display: grid;
	grid-template-columns: 60px 80px 1fr 70px 80px 110px;
	align-items: center;
	gap: 1rem;
	padding: 0.6rem 1.25rem;
	background: rgba(var(--cs-surface-rgb), 0.6);
	border-radius: 4px;
	color: var(--cs-white);
	cursor: pointer;
	transition: background 0.15s;
	font-family: var(--cs-font-regular);
}

.cs-game-row:hover { background: rgba(var(--cs-surface-rgb), 0.85); }


.cs-game-row[hidden] { display: none; }

.cs-game-row:has(+ .cs-game-detail:not([hidden]))
{
	border-left: 4px solid var(--cs-gold);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}


.cs-team
{
	display: flex;
	flex-direction: column;
	line-height: 1.05;
}


.cs-game-row--other { background: rgba(var(--cs-surface-rgb), 0.4); }
.cs-game-row--other:hover { background: rgba(var(--cs-surface-rgb), 0.85); }


.cs-game-row .cs-date,
.cs-game-row .cs-time
{
	transform: translateX(40px);
}

.cs-team small
{
	font-family: var(--cs-font-light);
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
}

.cs-team strong
{
	font-family: var(--cs-font-bold);
	font-size: 1.1rem;
	color: var(--cs-gold);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.cs-team--wide
{
	flex: 1 1 auto;
	min-width: 0;
}


.cs-game-row .cs-team--wide
{
	grid-column: 1 / 4;
	line-height: 1.2;
}


.cs-game-row .cs-team--wide:has(.cs-team-logo)
{
	flex-direction: row;
	align-items: center;
	gap: 0.75rem;
}

.cs-team-logo
{
	width: 70px;
	height: 70px;
	object-fit: contain;
	flex: 0 0 auto;
}

.cs-date, .cs-time
{
	font-family: var(--cs-font-bold);
	color: var(--cs-white);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}


.cs-time-row
{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1.1;
	white-space: nowrap;
}

.cs-time-row .cs-time-suffix
{
	font-size: 0.7em;
	font-family: var(--cs-font-light);
	letter-spacing: 0.05em;
	color: var(--cs-text-muted);
}

.cs-date-stack
{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	line-height: 1;
}

.cs-date-stack .cs-date-mon
{
	font-family: var(--cs-font-light);
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	color: var(--cs-text-muted);
}

.cs-date-stack .cs-date-day
{
	font-family: var(--cs-font-bold);
	font-size: 1.9rem;
	color: var(--cs-white);
}

.cs-more-info
{
	display: inline-flex;
	align-items: center;
	
	justify-content: flex-end;
	gap: 0.5rem;
	background: transparent;
	border: 0;
	
	padding: 0;
	color: var(--cs-white);
	font-family: var(--cs-font-light);
	font-size: 0.85rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
}

.cs-more-info-label
{
	line-height: 1.15;
}

.cs-more-info .cs-toggle
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 1;
	transition: transform 0.15s;
}


.cs-more-info[aria-expanded="true"] .cs-toggle
{
	transform: rotate(180deg);
}

.cs-game-detail
{
	padding: 1.5rem 1.25rem;
	background: rgba(var(--cs-surface-deep-rgb), 0.85);
	border-left: 4px solid var(--cs-gold);
	margin: -0.5rem 0 0.5rem;
	border-radius: 0 0 4px 4px;
}

.cs-game-detail[hidden] { display: none; }


.cs-game-detail .event-detail
{
	color: var(--cs-white);
}

.cs-game-detail .event-title
{
	font-family: var(--cs-font-bold);
	font-size: 1.15rem;
	color: var(--cs-white);
	margin: 0 0 0.85rem;
	letter-spacing: 0.01em;
}

.cs-game-detail .event-meta,
.cs-game-detail .event-venue
{
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.25rem;
	color: var(--cs-text-muted);
	font-family: var(--cs-font-light);
	font-size: 0.85rem;
	letter-spacing: 0.05em;
}

.cs-game-detail .event-venue
{
	border-bottom: 1px solid var(--cs-line);
	padding-bottom: 0.85rem;
	margin-bottom: 1rem;
}

.cs-game-detail .event-date { color: var(--cs-white); font-family: var(--cs-font-bold); }

.cs-game-detail .event-timezone,
.cs-game-detail .venue-location
{
	color: var(--cs-text-muted);
}

.cs-game-detail .venue-name
{
	font-family: var(--cs-font-bold);
	color: var(--cs-white);
	margin-right: 0.4rem;
}

.cs-game-detail .event-matchup
{
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-family: var(--cs-font-bold);
	font-size: 1.05rem;
	color: var(--cs-white);
	margin-bottom: 0.25rem;
}

.cs-game-detail .event-matchup .vs
{
	font-family: var(--cs-font-light);
	font-size: 0.8rem;
	letter-spacing: 0.15em;
	color: var(--cs-gold);
	text-transform: uppercase;
}

.cs-game-detail .event-detail::after
{
	content: "Questions? Contact your account rep at PremiumExperiencesTeam@Lions.nfl.net.";
	display: block;
	margin-top: 1.1rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--cs-line);
	font-family: var(--cs-font-light);
	font-size: 0.8rem;
	color: var(--cs-text-muted);
}

.cs-game-detail h4
{
	font-family: var(--cs-font-bold);
	font-size: 1.1rem;
	color: var(--cs-white);
	margin: 0 0 0.5rem;
}

.cs-game-detail .cs-bigtime
{
	font-family: var(--cs-font-bold);
	font-size: 2.5rem;
	color: var(--cs-white);
}


.cs-game-detail .cs-bigdate,
.cs-offer-detail .cs-bigdate
{
	font-family: var(--cs-font-bold);
	font-size: 2rem;
	line-height: 1.1;
	color: var(--cs-white);
}

.cs-game-detail .cs-smalltime,
.cs-offer-detail .cs-smalltime
{
	font-family: var(--cs-font-light);
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	color: var(--cs-text-muted);
	margin-top: 0.35rem;
}

.cs-game-detail .cs-label,
.cs-offer-detail .cs-label
{
	font-family: var(--cs-font-light);
	font-size: 0.8rem;
	letter-spacing: 0.15em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
}

.cs-game-detail.has-actions
{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 374px);
	gap: 0;
	align-items: start;
}

.cs-game-detail.has-actions[hidden] { display: none; }

.cs-suite-actions
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5rem;
	align-content: start;
	padding: 1.5rem 2rem;
}


.cs-suite-action[hidden] { visibility: hidden; }

.cs-suite-action
{
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 44px;
	padding: 0.6rem 1rem;
	background: var(--cs-gold);
	color: var(--cs-maroon-d);
	border: 0;
	font-family: var(--cs-font-bold);
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	transition: background 0.15s;
}

.cs-suite-action:hover
{
	background: var(--cs-white);
	color: var(--cs-maroon-d);
	text-decoration: none;
}


.cs-suite-action:disabled,
.cs-suite-action:disabled:hover
{
	background: var(--cs-gold);
	opacity: 0.4;
	cursor: default;
}

@media (max-width: 900px)
{
	.cs-game-detail.has-actions,
	.cs-offer-detail.has-actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

@media (max-width: 720px)
{
	.cs-game-detail.has-actions,
	.cs-offer-detail.has-actions { grid-template-columns: 1fr; }
	.cs-suite-actions { padding: 0; }
}



.cs-tab-bar
{
	display: flex;
	gap: 3rem;
	border-bottom: 1px solid var(--cs-line);
	margin-bottom: 1.5rem;
}

.cs-tab-bar button
{
	background: transparent;
	border: 0;
	color: var(--cs-text-muted);
	font-family: var(--cs-font-bold);
	font-size: 1rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	padding: 1rem 0.25rem;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}

.cs-tab-bar button.active
{
	color: var(--cs-white);
	border-bottom-color: var(--cs-gold);
}

.cs-pill-row
{
	display: flex;
	gap: 0.5rem;
	margin: 1rem 0 1.5rem;
}

.cs-pill-row button
{
	background: var(--cs-maroon-d);
	color: var(--cs-white);
	border: 1px solid var(--cs-line);
	padding: 0.5rem 1rem;
	font-family: var(--cs-font-regular);
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	border-radius: 4px;
	text-transform: uppercase;
}

.cs-pill-row button.active
{
	background: var(--cs-gold);
	color: var(--cs-maroon-d);
	border-color: var(--cs-gold);
}



.collapse { display: none; }
.collapse.show { display: block; }
.pb-2 { padding-bottom: 0.5rem; }
.mb-2 { margin-bottom: 0.5rem; }
.p-2 { padding: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.ms-2 { margin-left: 0.5rem; }
.border { border: 1px solid #dee2e6; }
.border-secondary { border-color: #6c757d; }
.rounded { border-radius: 0.375rem; }
.float-end { float: right; }



.cs-pdf-tile
{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	background: var(--cs-maroon-d);
	color: var(--cs-gold);
	border-radius: 4px;
	gap: 0.25rem;
}

.cs-pdf-tile i { font-size: 1.5rem; }
.cs-pdf-tile small { font-family: var(--cs-font-bold); letter-spacing: 0.15em; font-size: 0.75rem; }



.cms-links
{
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.cms-links .pb-2
{
	padding: 0;
}

.cms-links a
{
	display: flex;
	align-items: center;
	gap: 0.75rem;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
	font-size: 1rem;
}

.cms-links a::before
{
	content: '→';
	color: var(--cs-gold);
	font-size: 1.1rem;
	width: 1.5rem;
	display: inline-block;
}

.cms-links a i.fas { display: none; }

.cms-links a:hover { color: var(--cs-gold); }

.cms-links p,
.cms-links small
{
	display: block;
	margin: 0 0 0 2.25rem;
	color: var(--cs-text-muted) !important;
	font-family: var(--cs-font-light);
	font-size: 0.9rem;
	letter-spacing: 0.05em;
}




.cs-faq-layout
{
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
}

.cs-faq-main { min-width: 0; }


.cs-faq-main > .cs-section-head { margin-top: 0; }

.cs-faq-aside
{
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}


.cs-faq-aside .cs-info-gallery { margin-top: 0; }
.cs-faq-aside .cs-info-grid { grid-template-columns: 1fr; }


.cms-faqs
{
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.cms-faqs h4
{
	font-family: var(--cs-font-light-italic);
	color: var(--cs-gold);
	font-size: 1.5rem;
	margin: 1.5rem 0 0.5rem;
	letter-spacing: 0.02em;
}

.cms-faqs [data-item]
{
	padding: 1rem 1.25rem;
	border: 1px solid var(--cs-line, rgba(255,255,255,0.18));
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.15);
}

.cms-faqs .border-secondary
{
	border: 1px solid var(--cs-line) !important;
	background: rgba(var(--cs-surface-rgb), 0.4);
	border-radius: 4px;
}

.cms-faqs [data-bs-toggle="collapse"]
{
	color: var(--cs-white);
	font-family: var(--cs-font-bold);
	cursor: pointer;
	overflow: hidden;
}

.cms-faqs [data-bs-toggle="collapse"] .float-end
{
	float: right;
	margin-left: 1rem;
	color: var(--cs-gold);
}

.cms-faqs .text-bold
{
	font-family: var(--cs-font-regular);
	color: var(--cs-white);
	font-weight: normal;
	font-size: 1.05rem;
	cursor: pointer;
}

.cms-faqs .collapse
{
	display: none;
	
	padding: 0.85rem 2.25rem 0.25rem 0;
	line-height: 1.5;
}

.cms-faqs .collapse.show { display: block; }

.cms-faqs .collapse,
.cms-faqs .collapsing
{
	color: var(--cs-text-muted);
	font-family: var(--cs-font-light);
}

.cms-faqs .collapse p { margin: 0 0 0.5rem; }
.cms-faqs .collapse p:last-child { margin-bottom: 0; }

.cms-faqs .fa-chevron-down
{
	color: var(--cs-gold);
	transition: transform 0.2s;
}

.cms-faqs [aria-expanded="true"] .fa-chevron-down
{
	transform: rotate(180deg);
}



.cs-empty-state,
.cs-loading
{
	color: var(--cs-text-muted);
	padding: 1rem;
}

@media (max-width: 900px)
{
	.cs-game-row
	{
		grid-template-columns: 50px 1fr 40px 50px 1fr;
		grid-template-rows: auto auto;
		font-size: 0.85rem;
	}
	.cs-game-row .cs-date,
	.cs-game-row .cs-time,
	.cs-game-row .cs-more-info
	{
		grid-column: 1 / -1;
		text-align: left;
	}
	
	.cs-game-row .cs-team--wide { grid-column: 1 / -1; }
	.cs-schedule-layout { grid-template-columns: 1fr; }
	.cs-faq-layout { grid-template-columns: 1fr; }
	.cs-team-logo { width: 40px; height: 40px; }
	.cs-hero-text h1 { font-size: 2.5rem; }
}



.cs-offer-section-intro
{
	color: var(--cs-text-muted);
	font-family: var(--cs-font-light);
	font-size: 0.9rem;
	letter-spacing: 0.05em;
	margin: -0.25rem 0 1rem;
}

.cs-offer-row
{
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
	background: rgba(var(--cs-surface-rgb), 0.6);
	border-radius: 4px;
	border-left: 3px solid var(--cs-gold);
	color: var(--cs-white);
	cursor: pointer;
	transition: background 0.15s;
	font-family: var(--cs-font-regular);
}

.cs-offer-row:hover { background: rgba(var(--cs-surface-rgb), 0.85); }
.cs-offer-row.urgent { border-left-color: var(--cs-urgent); }

.cs-offer-cat
{
	display: inline-block;
	font-family: var(--cs-font-bold);
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	color: var(--cs-gold);
	text-transform: uppercase;
	margin-bottom: 0.3rem;
}

.cs-offer-row.urgent .cs-offer-cat { color: var(--cs-urgent); }

.cs-offer-title
{
	font-family: var(--cs-font-bold);
	font-size: 1.1rem;
	color: var(--cs-white);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	line-height: 1.2;
}

.cs-offer-when
{
	font-family: var(--cs-font-light);
	font-size: 0.85rem;
	color: var(--cs-text-muted);
	letter-spacing: 0.05em;
	margin-top: 0.2rem;
}

.cs-offer-countdown
{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--cs-line);
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.2);
	min-width: 130px;
}

.cs-offer-countdown .cs-decide-by
{
	font-family: var(--cs-font-light);
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
}

.cs-offer-countdown .cs-time-left
{
	font-family: var(--cs-font-bold);
	font-size: 0.95rem;
	letter-spacing: 0.05em;
	color: var(--cs-gold);
	margin-top: 0.15rem;
}

.cs-offer-row.urgent .cs-offer-countdown
{
	background: var(--cs-urgent-bg);
	border-color: var(--cs-urgent);
}

.cs-offer-row.urgent .cs-offer-countdown .cs-time-left { color: var(--cs-urgent); }
.cs-offer-row.urgent .cs-offer-countdown .cs-decide-by { color: rgba(255, 200, 200, 0.85); }

.cs-offer-toggle
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1px solid var(--cs-white);
	border-radius: 50%;
	font-size: 0.85rem;
	color: var(--cs-white);
}

.cs-offer-row.open .cs-offer-toggle::before { content: '\2212'; }
.cs-offer-row:not(.open) .cs-offer-toggle::before { content: '+'; }

.cs-offer-detail
{
	padding: 1.5rem 1.5rem 1.75rem;
	background: rgba(var(--cs-surface-deep-rgb), 0.92);
	border-left: 4px solid var(--cs-gold);
	margin: -0.25rem 0 0.5rem;
	border-radius: 0 0 4px 4px;
	color: var(--cs-white);
}

.cs-offer-row.urgent + .cs-offer-detail { border-left-color: var(--cs-urgent); }

.cs-offer-row.expired,
.cs-offer-row.declined
{
	border-left-color: rgba(255, 255, 255, 0.18);
	opacity: 0.6;
}

.cs-offer-row.expired .cs-offer-cat,
.cs-offer-row.declined .cs-offer-cat
{
	color: rgba(255, 255, 255, 0.55);
}

.cs-offer-row.expired + .cs-offer-detail,
.cs-offer-row.declined + .cs-offer-detail
{
	border-left-color: rgba(255, 255, 255, 0.18);
}

.cs-offer-row.expired + .cs-offer-detail .cs-offer-actions,
.cs-offer-row.declined + .cs-offer-detail .cs-offer-actions,
.cs-offer-row.expired + .cs-offer-detail .cs-offer-suite-price-block,
.cs-offer-row.declined + .cs-offer-detail .cs-offer-suite-price-block
{
	display: none;
}


.cs-offer-detail.has-actions
{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 374px);
	gap: 0;
	align-items: start;
}


.cs-offer-detail[hidden],
.cs-offer-detail.has-actions[hidden] { display: none; }

.cs-offer-detail-main { min-width: 0; }


.cs-suite-actions-col .cs-offer-expiry,
.cs-suite-actions-col .cs-offer-row-error
{
	margin-bottom: 0;
}


.cs-offer-listing-price { text-align: center; }

.cs-offer-listing-price-label
{
	display: block;
	font-family: var(--cs-font-light);
	font-size: 0.75rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--cs-text-muted);
}

.cs-offer-listing-price-value
{
	font-family: var(--cs-font-bold);
	font-size: 1.4rem;
	color: var(--cs-gold);
}


.cs-offers-empty { padding: 0; }

.cs-offer-suite
{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1.5rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--cs-line);
	border-left: 3px solid var(--cs-gold);
	border-radius: 4px;
	padding: 0.85rem 1rem;
	margin-bottom: 1.25rem;
}

.cs-offer-suite-price-block
{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
	white-space: nowrap;
}

.cs-offer-suite-price-block .cs-offer-price-label
{
	font-family: var(--cs-font-bold);
	font-size: 0.7rem;
	letter-spacing: 0.18em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
}

.cs-offer-suite-price-block .cs-offer-price
{
	font-family: var(--cs-font-bold);
	font-size: 1.4rem;
	color: var(--cs-gold);
	letter-spacing: 0.03em;
	margin-top: 0.15rem;
}

.cs-offer-suite-name
{
	font-family: var(--cs-font-bold);
	font-size: 1.1rem;
	color: var(--cs-gold);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.cs-offer-suite-sub
{
	font-family: var(--cs-font-light);
	font-size: 0.8rem;
	color: var(--cs-text-muted);
	letter-spacing: 0.05em;
}

.cs-offer-suite-price
{
	font-family: var(--cs-font-bold);
	font-size: 1rem;
	color: var(--cs-white);
}

.cs-offer-included-label
{
	font-family: var(--cs-font-bold);
	font-size: 0.7rem;
	color: var(--cs-text-muted);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.cs-offer-included
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.4rem 1.25rem;
	margin-bottom: 1.25rem;
	font-family: var(--cs-font-regular);
	font-size: 0.92rem;
	color: var(--cs-white);
}

.cs-offer-price-row
{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--cs-line);
	border-left: 3px solid var(--cs-gold);
	border-radius: 4px;
	padding: 0.85rem 1rem;
	margin-bottom: 1.25rem;
}

.cs-offer-price-label
{
	font-family: var(--cs-font-bold);
	font-size: 0.75rem;
	letter-spacing: 0.18em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
}

.cs-offer-price
{
	font-family: var(--cs-font-bold);
	font-size: 1.5rem;
	color: var(--cs-gold);
	letter-spacing: 0.03em;
}

.cs-offer-included li
{
	list-style: none;
	padding-left: 1.1rem;
	position: relative;
}

.cs-offer-included li::before
{
	content: '\2713';
	position: absolute;
	left: 0;
	color: var(--cs-gold);
	font-weight: bold;
}

.cs-offer-expiry
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	background: rgba(var(--cs-accent-rgb), 0.12);
	border: 1px solid rgba(var(--cs-accent-rgb), 0.4);
	border-radius: 4px;
	padding: 0.75rem 1rem;
	margin-bottom: 1.25rem;
	font-family: var(--cs-font-regular);
	font-size: 0.88rem;
	color: var(--cs-white);
}

.cs-offer-row.urgent + .cs-offer-detail .cs-offer-expiry
{
	background: var(--cs-urgent-bg);
	border-color: var(--cs-urgent);
}

.cs-offer-expiry-msg strong { font-family: var(--cs-font-bold); }
.cs-offer-expiry-msg small
{
	display: block;
	color: var(--cs-text-muted);
	font-size: 0.78rem;
	margin-top: 0.15rem;
	letter-spacing: 0.04em;
}

.cs-offer-expiry-time
{
	font-family: var(--cs-font-bold);
	color: var(--cs-gold);
	letter-spacing: 0.05em;
	white-space: nowrap;
}

.cs-offer-row.urgent + .cs-offer-detail .cs-offer-expiry-time { color: var(--cs-urgent); }

.cs-offer-actions
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
}

.cs-offer-accept,
.cs-offer-decline
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.85rem 1.5rem;
	font-family: var(--cs-font-bold);
	font-size: 0.95rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 4px;
	cursor: pointer;
	transition: filter 0.15s, background 0.15s;
}

.cs-offer-accept
{
	background: var(--cs-gold);
	color: var(--cs-maroon-darker);
	border: 1px solid var(--cs-gold);
}

.cs-offer-accept:hover { filter: brightness(1.08); }

.cs-offer-decline
{
	background: transparent;
	color: var(--cs-white);
	border: 1px solid var(--cs-line);
}

.cs-offer-decline:hover { background: rgba(255, 255, 255, 0.08); }

.cs-offer-help
{
	margin-top: 0.85rem;
	text-align: center;
	font-family: var(--cs-font-light);
	font-size: 0.78rem;
	color: var(--cs-text-muted);
	letter-spacing: 0.05em;
}

.cs-offer-help a { color: var(--cs-gold); text-decoration: none; }
.cs-offer-help a:hover { text-decoration: underline; }

.cs-offer-empty
{
	padding: 2rem 1.25rem;
	text-align: center;
	color: var(--cs-text-muted);
	font-family: var(--cs-font-light);
	letter-spacing: 0.05em;
	background: rgba(var(--cs-surface-rgb), 0.4);
	border: 1px dashed var(--cs-line);
	border-radius: 4px;
}



.cs-modal
{
	position: fixed;
	inset: 0;
	background: rgba(8, 4, 20, 0.78);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	padding: 1.5rem;
}

.cs-modal[hidden] { display: none; }

.cs-modal-panel
{
	width: 100%;
	max-width: 520px;
	background: linear-gradient(180deg, var(--cs-maroon-d) 0%, var(--cs-maroon-darker) 100%);
	border: 1px solid var(--cs-gold);
	border-radius: 6px;
	box-shadow: 0 25px 60px var(--cs-shadow);
	color: var(--cs-white);
	padding: 1.5rem 1.75rem 1.75rem;
	position: relative;
}

.cs-modal-close
{
	position: absolute;
	top: 0.75rem;
	right: 0.85rem;
	background: transparent;
	border: 0;
	color: var(--cs-text-muted);
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
}

.cs-modal-close:hover { color: var(--cs-white); }

.cs-modal-title
{
	font-family: var(--cs-font-bold);
	font-size: 1.15rem;
	letter-spacing: 0.08em;
	color: var(--cs-gold);
	text-transform: uppercase;
	margin: 0 0 0.85rem;
}

.cs-modal-body
{
	font-family: var(--cs-font-regular);
	font-size: 0.95rem;
	line-height: 1.5;
	color: var(--cs-white);
	margin-bottom: 1.25rem;
}

.cs-modal-body strong { color: var(--cs-gold); }

.cs-modal-actions
{
	display: flex;
	gap: 0.75rem;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.cs-modal-actions button,
.cs-modal-actions a
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.7rem 1.25rem;
	font-family: var(--cs-font-bold);
	font-size: 0.85rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid transparent;
	transition: filter 0.15s, background 0.15s;
}

.cs-modal-actions .cs-btn-primary
{
	background: var(--cs-gold);
	color: var(--cs-maroon-darker);
	border-color: var(--cs-gold);
}

.cs-modal-actions .cs-btn-primary:hover { filter: brightness(1.08); }


.cs-modal-actions .cs-btn-primary:disabled
{
	opacity: 0.5;
	cursor: not-allowed;
}

.cs-modal-actions .cs-btn-primary:disabled:hover { filter: none; }


.cs-modal-actions [hidden] { display: none; }


.cs-modal-actions .cs-btn-masq
{
	opacity: 0.5;
	cursor: not-allowed;
}

.cs-modal-actions .cs-btn-masq:hover { filter: none; }


.cs-tooltip-anchor { position: relative; display: inline-flex; }

.cs-tooltip
{
	position: absolute;
	bottom: calc(100% + 8px);
	right: 0;
	width: max-content;
	max-width: 220px;
	padding: 0.3rem 0.55rem;
	background: rgba(0, 0, 0, 0.9);
	color: var(--cs-white);
	border-radius: 4px;
	font-family: var(--cs-font-regular), "Helvetica Neue", Arial, sans-serif;
	font-size: 0.8rem;
	line-height: 1.4;
	text-align: center;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.15s;
	z-index: 1;
}

.cs-tooltip::after
{
	content: "";
	position: absolute;
	top: 100%;
	right: 1.25rem;
	border: 5px solid transparent;
	border-top-color: rgba(0, 0, 0, 0.9);
}

.cs-tooltip.is-visible { opacity: 1; }

.cs-modal-actions .cs-btn-ghost
{
	background: transparent;
	color: var(--cs-white);
	border-color: var(--cs-line);
}

.cs-modal-actions .cs-btn-ghost:hover { background: rgba(255, 255, 255, 0.08); }

@media (max-width: 720px)
{
	.cs-offer-row { grid-template-columns: 1fr auto; }
	.cs-offer-row > .cs-offer-toggle { grid-column: 2; grid-row: 1; }
	.cs-offer-countdown { grid-column: 1 / -1; align-items: flex-start; }
	.cs-offer-actions { grid-template-columns: 1fr; }
	.cs-offer-included { grid-template-columns: 1fr; }
	.cs-offer-suite { flex-wrap: wrap; }
}



.cs-suite-grid
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}

.cs-suite-detail
{
	max-width: 720px;
	margin: 0 auto;
}

.cs-suite-card
{
	background: rgba(var(--cs-surface-rgb), 0.6);
	border: 1px solid var(--cs-line);
	border-radius: 4px;
	padding: 1.25rem;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
}

.cs-suite-card-head
{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.cs-suite-card-head .cs-section-head { margin: 0; }

.cs-suite-card-type
{
	font-family: var(--cs-font-bold);
	font-size: 0.75rem;
	letter-spacing: 0.15em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
}

.cs-suite-card-images
{
	display: flex;
	gap: 0.5rem;
	overflow-x: auto;
	margin-bottom: 1rem;
}

.cs-suite-card-images img
{
	max-width: 100%;
	width: 220px;
	height: 140px;
	object-fit: cover;
	border-radius: 4px;
	flex: 0 0 auto;
}

.cs-suite-card-facts
{
	margin: 0 0 1rem;
}

.cs-suite-card-facts dt
{
	font-family: var(--cs-font-bold);
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
	margin-top: 0.75rem;
}

.cs-suite-card-facts dt:first-child { margin-top: 0; }

.cs-suite-card-facts dd
{
	margin: 0.2rem 0 0;
	color: var(--cs-white);
	font-size: 0.9rem;
}

.cs-suite-card-description
{
	line-height: 1.5;
	color: var(--cs-white);
	margin-bottom: 1rem;
}

.cs-suite-card-tips-head
{
	font-family: var(--cs-font-bold);
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	color: var(--cs-gold);
	text-transform: uppercase;
	margin: 0 0 0.5rem;
}

.cs-suite-card-tips
{
	margin: 0 0 1rem;
	padding-left: 1.25rem;
	color: var(--cs-white);
	line-height: 1.5;
}

@media (max-width: 1100px)
{
	.cs-suite-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px)
{
	.cs-suite-grid { grid-template-columns: 1fr; }
	.cs-suite-card-images img { width: 180px; height: 120px; }
}



.cs-maps .cs-pill-row
{
	flex-wrap: wrap;
}

.cs-maps-head
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.5rem;
	margin: 1.5rem 0 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--cs-line);
}

.cs-maps-head .cs-section-head { margin: 0; color: var(--cs-gold); }

.cs-maps-head .cs-pdf-tile { flex: 0 0 auto; }

.cs-maps-image
{
	background: var(--cs-white);
	border-radius: 6px;
	padding: 1rem;
	display: flex;
	justify-content: center;
}

.cs-maps-image img
{
	max-width: 100%;
	height: auto;
	display: block;
}

.cs-maps-stage
{
	position: relative;
	overflow: hidden;
	background: var(--cs-white);
	border-radius: 6px;
	padding: 1rem;
	touch-action: none;
	cursor: grab;
}

.cs-maps-stage.is-panning { cursor: grabbing; }

.cs-maps-stage svg
{
	display: block;
	width: 100%;
	height: auto;
	transform-origin: 0 0;
}

.cs-maps-stage img
{
	max-width: 100%;
	height: auto;
	display: block;
}

.cs-map-shape { transition: opacity 0.15s ease; }
.cs-map-shape.is-linked { cursor: pointer; }
.cs-map-shape:hover, .cs-map-shape.is-active { opacity: 0.7; }

.cs-map-tooltip
{
	position: absolute;
	pointer-events: none;
	background: var(--cs-maroon-darker);
	color: var(--cs-white);
	border: 1px solid var(--cs-gold);
	border-radius: 4px;
	padding: 0.4rem 0.6rem;
	font-size: 0.85rem;
	white-space: nowrap;
	transform: translate(-50%, -100%);
	z-index: 5;
	display: none;
}

.cs-map-tooltip.is-visible { display: block; }

.cs-maps-info
{
	margin-top: 1.75rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--cs-line);
}

.cs-maps-icons
{
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.25rem;
	padding: 0;
	margin: 0 0 2rem;
}

.cs-maps-icons li
{
	display: flex;
	align-items: center;
	gap: 0.85rem;
}

.cs-maps-icons i
{
	font-size: 1.1rem;
	color: var(--cs-white);
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.cs-maps-icons li.icon-concessions  i { background: #3aa9d4; }
.cs-maps-icons li.icon-atms          i { background: #2fb573; }
.cs-maps-icons li.icon-guest         i { background: #8fa6b8; color: var(--cs-maroon-darker); }
.cs-maps-icons li.icon-firstaid      i { background: #d83a3a; }

.cs-maps-icons span
{
	font-family: var(--cs-font-bold);
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--cs-white);
}

.cs-maps-parking
{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: 2rem;
	align-items: start;
}

.cs-maps-directions h3
{
	color: var(--cs-white);
	font-family: var(--cs-font-light);
	font-size: 1.5rem;
	margin: 0 0 0.25rem;
}

.cs-maps-directions h3 span
{
	color: var(--cs-gold);
	font-family: var(--cs-font-bold);
}

.cs-maps-directions h4
{
	color: var(--cs-text-muted);
	font-family: var(--cs-font-bold);
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0 0 1.25rem;
}

.cs-route-list
{
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.cs-route-list details
{
	border: 1px solid var(--cs-line);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.03);
}

.cs-route-list summary
{
	list-style: none;
	cursor: pointer;
	padding: 0.85rem 1rem;
	font-family: var(--cs-font-bold);
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-size: 0.85rem;
	color: var(--cs-white);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cs-route-list summary::-webkit-details-marker { display: none; }

.cs-route-list summary::after
{
	content: "+";
	font-family: var(--cs-font-light);
	font-size: 1.25rem;
	color: var(--cs-gold);
	transition: transform 0.2s;
}

.cs-route-list details[open] summary::after { content: "−"; }

.cs-route-list ul
{
	margin: 0;
	padding: 0 1.25rem 1rem 2.25rem;
	color: var(--cs-text-muted);
	font-size: 0.9rem;
	line-height: 1.6;
}

@media (max-width: 900px)
{
	.cs-maps-icons { grid-template-columns: repeat(3, 1fr); }
	.cs-maps-parking { grid-template-columns: 1fr; }
}

@media (max-width: 540px)
{
	.cs-maps-icons { grid-template-columns: repeat(2, 1fr); }
	.cs-maps-head { flex-direction: column; }
}



.cs-footer
{
	background: var(--cs-maroon);
	color: var(--cs-white);
	margin-top: 4rem;
	padding: 1.25rem 1.5rem;
}

body.page-home .cs-footer { margin-top: 0; }

.cs-footer-minimal
{
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.5rem;
	font-family: var(--cs-font-regular);
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.85);
}

.cs-footer-mark img
{
	height: 44px;
	width: auto;
	display: block;
}

.cs-footer-col
{
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.cs-footer-col-left { flex: 1; }
.cs-footer-col-right { text-align: right; align-items: flex-end; }

.cs-footer-copy { line-height: 1.4; }

.cs-footer-legal
{
	display: flex;
	gap: 0.5rem;
	align-items: center;
	color: rgba(255, 255, 255, 0.75);
}

.cs-footer-legal a
{
	color: inherit;
	text-decoration: none;
}

.cs-footer-legal a:hover { color: var(--cs-gold); }


.cs-footer-legal button
{
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	color: inherit;
}

.cs-footer-legal button:hover { color: var(--cs-gold); }

.cs-footer-legal-sep { color: rgba(255, 255, 255, 0.4); }

@media (max-width: 640px)
{
	.cs-footer-minimal { flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
	.cs-footer-col-left, .cs-footer-col-right { text-align: center; align-items: center; }
}




.cs-page-sheen
{
	display: none;
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(115deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0) 40%,
		rgba(0, 0, 0, 0.28) 50%,
		rgba(0, 0, 0, 0) 60%,
		rgba(0, 0, 0, 0) 100%);
	background-size: 260% 100%;
	background-position: 120% 0;
	animation: cs-page-sheen 18s ease-in-out 1.2s infinite;
}

main.cs-page { position: relative; z-index: 2; }

@keyframes cs-page-sheen
{
	0%   { background-position: 120% 0; opacity: 0; }
	10%  { opacity: 1; }
	55%  { background-position: -40% 0; opacity: 1; }
	75%  { background-position: -40% 0; opacity: 0; }
	100% { background-position: -40% 0; opacity: 0; }
}

.page-login .cs-page-sheen { display: none; }

@media (prefers-reduced-motion: reduce)
{
	.cs-page-sheen { display: none; }
}



.page-login .cs-hero--cine
{
	background-image: none !important;
}

.page-login .cs-hero-bg
{
	position: absolute;
	inset: 0;
	background-image: inherit;
	background-image: url('/assets/images/team/lions-background-blue-2000px.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transform: scale(1.08);
	animation: cs-bg-kenburns 22s ease-in-out 0s infinite alternate;
	z-index: 0;
}

@keyframes cs-bg-kenburns
{
	from { transform: scale(1.08) translate(0, 0); }
	to   { transform: scale(1.18) translate(-2%, -1%); }
}

.page-login .cs-hero-mask--cine::after
{
	background-color: rgba(var(--cs-surface-lift-rgb), 0.20);
}

.page-login .cs-hero--login .cs-hero-text
{
	clip-path: inset(0 100% 0 0);
	animation:
		cs-panel-sweep 1.1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards,
		cs-panel-hue 4s ease-in-out 2.2s forwards;
}

@keyframes cs-panel-sweep
{
	from { clip-path: inset(0 100% 0 0); }
	to   { clip-path: inset(0 0% 0 0); }
}

@keyframes cs-panel-hue
{
	from { background-color: rgba(var(--cs-surface-lift-rgb), 0.74); }
	to   { background-color: rgba(0, 0, 0, 0.65); }
}

.page-login .cs-hero-text--cine
{
	z-index: 4;
}

.page-login .cs-hero-title--cine
{
	display: flex;
	flex-direction: column;
	margin: 0 0 1.75rem;
}

.page-login .cs-hero-title--cine .cs-line
{
	display: block;
	overflow: hidden;
	transform: translateY(110%);
	clip-path: inset(0 0 100% 0);
	animation: cs-line-rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.page-login .cs-hero-title--cine .cs-line--1
{
	font-size: clamp(14px, 1.6vw + 4px, 24px);
	color: var(--cs-gold);
	letter-spacing: 0.04em;
	animation-delay: 0.5s;
}

.page-login .cs-hero-title--cine .cs-line--2
{
	font-size: clamp(28px, 3.6vw + 6px, 52px);
	color: var(--cs-white);
	margin-top: 6px;
	animation-delay: 0.7s;
}

@keyframes cs-line-rise
{
	from
	{
		transform: translateY(110%);
		clip-path: inset(0 0 100% 0);
		opacity: 0;
	}
	to
	{
		transform: translateY(0);
		clip-path: inset(0 0 0% 0);
		opacity: 1;
	}
}

.page-login .cs-login--cine
{
	opacity: 0;
	transform: translateY(18px);
	animation: cs-fade-up 0.9s cubic-bezier(0.22, 1, 0.36, 1) 1.05s forwards;
}

@keyframes cs-fade-up
{
	to { opacity: 1; transform: translateY(0); }
}

.page-login .cs-login-btn--cine
{
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.page-login .cs-login-btn--cine .cs-btn-label
{
	position: relative;
	z-index: 2;
}

.page-login .cs-login-btn--cine .cs-btn-shine
{
	position: absolute;
	top: 0;
	left: -60%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.55) 50%,
		rgba(255, 255, 255, 0) 100%);
	transform: skewX(-20deg);
	z-index: 1;
	animation: cs-btn-shine 3.4s ease-in-out 2.2s infinite;
	pointer-events: none;
}

@keyframes cs-btn-shine
{
	0%   { left: -60%; }
	60%  { left: 130%; }
	100% { left: 130%; }
}

.page-login .cs-login-btn--cine:hover .cs-btn-shine
{
	animation-duration: 1.2s;
}

@media (prefers-reduced-motion: reduce)
{
	.page-login .cs-hero-bg,
	.page-login .cs-hero-mask--cine::before,
	.page-login .cs-hero-title--cine .cs-line,
	.page-login .cs-login--cine,
	.page-login .cs-login-btn--cine .cs-btn-shine
	{
		animation: none !important;
		transform: none !important;
		opacity: 1 !important;
		clip-path: none !important;
	}

	.page-login .cs-hero-mask--cine::before { width: 40%; }
}



.cs-contact-form
{
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	max-width: 640px;
	margin-top: 1rem;
}

.cs-form-row
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.1rem;
}

@media (max-width: 640px)
{
	.cs-form-row { grid-template-columns: 1fr; }
}

.cs-form-field
{
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.cs-form-field label
{
	font-family: var(--cs-font-regular);
	font-size: 0.85rem;
	letter-spacing: 0.05em;
	color: var(--cs-text-muted);
	text-transform: uppercase;
}

.cs-form-field input,
.cs-form-field textarea
{
	width: 100%;
	padding: 0.85rem 1rem;
	font-family: var(--cs-font-regular);
	font-size: 1rem;
	color: var(--cs-white);
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid var(--cs-line);
	border-radius: 4px;
	outline: none;
}

.cs-form-field textarea { resize: vertical; }

.cs-form-field input:focus,
.cs-form-field textarea:focus
{
	background: rgba(255, 255, 255, 0.12);
}

.cs-form-field input:focus-visible,
.cs-form-field textarea:focus-visible
{
	outline: 2px solid var(--cs-gold);
	outline-offset: 2px;
}

.cs-form-field--check label
{
	display: flex;
	align-items: center;
	gap: 0.6rem;
	font-family: var(--cs-font-regular);
	font-size: 0.9rem;
	letter-spacing: normal;
	text-transform: none;
	color: var(--cs-white);
}

.cs-form-field--check input[type="checkbox"]
{
	width: 1.1rem;
	height: 1.1rem;
	accent-color: var(--cs-gold);
}

.cs-field-error
{
	margin: 0;
	font-family: var(--cs-font-light);
	font-size: 0.8rem;
	color: var(--cs-urgent);
}

.cs-field-error:empty { display: none; }

.cs-form-error
{
	margin: 0;
	padding: 0.85rem 1rem;
	background: var(--cs-urgent-bg);
	border-left: 3px solid var(--cs-urgent);
	border-radius: 4px;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
	font-size: 0.9rem;
}

.cs-contact-success
{
	margin: 0 0 1.5rem;
	padding: 1.25rem 1.5rem;
	background: rgba(var(--cs-accent-rgb), 0.12);
	border-left: 4px solid var(--cs-gold);
	border-radius: 4px;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
}

.cs-contact-form button[type="submit"]
{
	align-self: flex-start;
	margin-top: 0.5rem;
}




.cs-header-auth
{
	display: flex;
	align-items: center;
	margin-left: auto;
	gap: 0.85rem;
	padding: 0 1rem;
	font-family: var(--cs-font-regular);
}

.cs-header-auth:empty { display: none; }

.cs-header-auth-email
{
	font-size: 0.85rem;
	color: var(--cs-text-muted);
	max-width: 20ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.cs-header-auth-signout
{
	font-size: 0.85rem;
	letter-spacing: 0.04em;
	color: var(--cs-white);
	text-decoration: underline;
	text-underline-offset: 3px;
	white-space: nowrap;
	transition: color 0.15s;
}

.cs-header-auth-signout:hover { color: var(--cs-gold); }


.cs-header-auth-masq
{
	font-size: 1.1rem;
	color: var(--cs-urgent);
}


.cs-header-nav-offers
{
	align-self: center;
	padding: 0.4rem 0.9rem;
	background: var(--cs-gold);
	color: var(--cs-maroon-d);
	font-family: var(--cs-font-bold);
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.15s;
}

.cs-header-nav-offers:hover
{
	background: var(--cs-white);
	color: var(--cs-maroon-d);
	text-decoration: none;
}


.cs-header-nav-offers[hidden] { display: none; }

@media (max-width: 720px)
{
	.cs-header-auth-email { display: none; }
	.cs-header-auth { padding: 0 0.5rem; gap: 0.5rem; }
}




.cs-api-error
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	padding: 1.25rem 1.5rem;
	background: rgba(var(--cs-surface-rgb), 0.6);
	border-left: 4px solid var(--cs-urgent);
	border-radius: 4px;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
}

.cs-api-error-heading
{
	margin: 0;
	font-family: var(--cs-font-bold);
	font-size: 1rem;
	letter-spacing: 0.04em;
}

.cs-api-error-message
{
	margin: 0;
	color: var(--cs-text-muted);
	font-size: 0.9rem;
}


.cs-api-error-retry
{
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 0.25rem;
	padding: 0.6rem 1.5rem;
	background: var(--cs-gold);
	color: var(--cs-maroon-d);
	border: 0;
	font-family: var(--cs-font-bold);
	font-size: 0.85rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.15s;
}

.cs-api-error-retry:hover
{
	background: var(--cs-white);
	color: var(--cs-maroon-d);
}


.cs-offer-row-error,
.cs-modal-error
{
	margin: 0 0 1.25rem;
	padding: 0.85rem 1rem;
	background: var(--cs-urgent-bg);
	border-left: 3px solid var(--cs-urgent);
	border-radius: 4px;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
	font-size: 0.9rem;
}


.cs-modal-error:empty { display: none; }




.cs-coming-soon
{
	max-width: 640px;
	margin: 3rem auto;
	padding: 2rem;
	background: rgba(var(--cs-surface-rgb), 0.6);
	border: 1px solid var(--cs-line);
	border-radius: 4px;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
	text-align: center;
}

.cs-coming-soon .cs-section-head { margin-top: 0; }
.cs-coming-soon a { color: var(--cs-gold); text-decoration: underline; }



.cs-info-gallery { margin-top: 3rem; }

.cs-info-grid
{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
	align-items: start;
}

@media (max-width: 900px)
{
	.cs-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px)
{
	.cs-info-grid { grid-template-columns: 1fr; }
}


.cs-info-grid .pp-info__card
{
	background: rgba(var(--cs-surface-rgb), 0.6);
	border: 1px solid var(--cs-line);
	border-radius: 4px;
	padding: 1.25rem;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
}

.cs-info-grid .pp-info__card h3,
.cs-info-grid .pp-info__card h4
{
	margin: 0 0 0.5rem;
	font-family: var(--cs-font-light-italic);
	font-size: 1.1rem;
	color: var(--cs-gold);
	letter-spacing: 0.02em;
}

.cs-info-grid .pp-info__card p { margin: 0 0 0.5rem; line-height: 1.5; }
.cs-info-grid .pp-info__card p:last-child { margin-bottom: 0; }
.cs-info-grid .pp-info__card a { color: var(--cs-gold); text-decoration: underline; }
.cs-info-grid .pp-info__card img { max-width: 100%; height: auto; display: block; }




.cs-login-status
{
	margin: 0 0 0.5rem;
	max-width: 640px;
	color: var(--cs-text-muted);
	font-family: var(--cs-font-regular);
	font-size: 0.95rem;
	text-shadow: 0 2px 12px var(--cs-shadow);
}

.cs-login-status--error { color: var(--cs-urgent); }
.cs-login-status[hidden] { display: none; }

.cs-login-note
{
	max-width: 640px;
	margin: 0 0 1rem;
	padding: 1rem 1.25rem;
	background: rgba(var(--cs-accent-rgb), 0.12);
	border-left: 4px solid var(--cs-gold);
	border-radius: 4px;
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
	font-size: 0.95rem;
}

.cs-login-note[hidden] { display: none; }


#cs-login-sent { margin-top: 1.5rem; }
.cs-login-note p { margin: 0 0 0.5rem; }
.cs-login-note p:last-child { margin-bottom: 0; }
.cs-login-note a { color: var(--cs-gold); text-decoration: underline; }

.cs-login-note--error
{
	background: var(--cs-urgent-bg);
	border-left-color: var(--cs-urgent);
}

.cs-login-help { font-size: 0.85rem; color: var(--cs-text-muted); }



.cs-logout-actions { margin: 1.75rem 0 1.5rem; }


.page-logout .cs-login-btn
{
	width: auto;
	min-width: 144px;
}




.cs-footer-cookie[hidden] { display: none; }



.cs-spa .cs-section
{
	scroll-margin-top: calc(var(--cs-header-h) + 1rem);
	padding-top: 2rem;
}


.cs-spa .cs-section:not(:has(*))
{
	padding-top: 0;
}


.cs-lease-facts
{
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 2rem;
	margin: 1.25rem 0 0;
}

.cs-lease-facts > div
{
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}


.cs-lease-facts .cs-lease-fact--wide
{
	flex: 0 0 100%;
}

.cs-lease-facts dt
{
	font-family: var(--cs-font-light);
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--cs-text-muted);
}

.cs-lease-facts dd
{
	margin: 0;
	display: flex;
	flex-direction: column;
	line-height: 1.05;
	font-family: var(--cs-font-bold);
	font-size: 0.95rem;
	color: var(--cs-white);
}


.cs-lease-facts .cs-lease-num
{
	font-family: var(--cs-font-bold);
	font-size: 1.5rem;
	
	display: flex;
	align-items: center;
}

.cs-lease-facts .cs-lease-unit,
.cs-lease-facts .cs-lease-note
{
	font-family: var(--cs-font-light);
	font-size: 0.72rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cs-text-muted);
}


.cs-lease-facts .cs-lease-note
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 0.4rem;
	line-height: 1;
}


.cs-lease-facts .cs-lease-note-unit
{
	font-size: 0.8em;
}




.cs-game-detail .cs-detail-when,
.cs-offer-detail .cs-detail-when
{
	display: flex;
	align-items: baseline;
	gap: 1.5rem;
	flex-wrap: wrap;
	margin-top: 0.35rem;
}


.cs-game-detail .cs-detail-when .cs-smalltime,
.cs-offer-detail .cs-detail-when .cs-smalltime
{
	margin-top: 0;
}


.cs-suite-actions-col
{
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	padding: 1.5rem 2rem;
}

.cs-suite-actions-col .cs-suite-actions
{
	padding: 0;
	
	justify-content: end;
}


.cs-detail-notice
{
	text-align: center;
	
	white-space: pre-line;
}

@media (max-width: 800px)
{
	.cs-suite-actions-col { padding: 0; }
}




.cs-sro-summary
{
	display: grid;
	grid-template-columns: minmax(0, 8rem) minmax(0, 1fr);
	gap: 0.5rem 1rem;
	margin: 0 0 1.25rem;
}

.cs-sro-summary dt
{
	font-family: var(--cs-font-light);
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	color: var(--cs-text-muted);
}

.cs-sro-summary dd
{
	margin: 0;
	font-family: var(--cs-font-regular);
	font-size: 0.95rem;
	color: var(--cs-white);
}

.cs-sro-total dd
{
	font-family: var(--cs-font-bold);
	font-size: 1.15rem;
	color: var(--cs-gold);
}

.cs-sro-quantity
{
	margin: 0 0 1.25rem;
}

.cs-sro-quantity label
{
	display: block;
	margin-bottom: 0.5rem;
	font-family: var(--cs-font-light);
	font-size: 0.9rem;
	color: var(--cs-white);
}


.cs-sro-quantity select
{
	width: 100%;
	padding: 0.6rem 2.75rem 0.6rem 0.75rem;
	background-color: var(--cs-maroon-darker);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10' fill='none' stroke='%23B0B7BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5 8 8l6.5-6.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 0.85rem auto;
	color: var(--cs-white);
	border: 1px solid var(--cs-gold);
	border-radius: 4px;
	font-family: var(--cs-font-regular);
	font-size: 0.95rem;
	appearance: none;
	-webkit-appearance: none;
}


.cs-sro-quantity option
{
	background: var(--cs-maroon-darker);
	color: var(--cs-white);
}


.cs-masq-banner
{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	padding: 4px 1rem calc(4px + env(safe-area-inset-bottom));
	background: var(--cs-masq);
	color: var(--cs-white);
	font-family: var(--cs-font-regular);
	font-size: 0.8rem;
	line-height: 1rem;
	text-align: center;
}

.cs-masq-banner-exit
{
	color: var(--cs-white);
	font-family: var(--cs-font-bold);
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
}

.cs-masq body
{
	padding-bottom: calc(1rem + 8px + env(safe-area-inset-bottom));
}


.cs-masq .cs-offer-accept,
.cs-masq .cs-offer-decline,
.cs-masq .cs-contact-form button[type="submit"]
{
	opacity: 0.5;
	cursor: not-allowed;
}