/* ================================================================
   GÜZELLİK MERKEZİ — LUXURY & ELEGANT MINIMAL REDESIGN
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

/* --- Design Tokens --- */
.lux-theme {
	/* Backgrounds */
	--lux-bg-main: #FCFAF8;        /* Soft ivory / warm white */
	--lux-bg-alt: #F4EFEA;         /* Pale sand */
	--lux-bg-blush: #ECD5C9;       /* Soft blush pink */
	--lux-bg-white: #FFFFFF;
	
	/* Colors */
	--lux-text-dark: #2C2A29;      /* Charcoal black for contrast */
	--lux-text-body: #615E5C;      /* Soft dark grey for reading */
	--lux-accent-gold: #C09A79;    /* Muted gold/bronze */
	
	/* Typography */
	--lux-font-title: 'Playfair Display', serif;
	--lux-font-body: 'Outfit', sans-serif;
	
	/* UI Elements */
	--lux-radius-arch: 200px 200px 0 0;
	--lux-radius-pill: 999px;
	--lux-shadow-soft: 0 20px 40px rgba(0, 0, 0, 0.04);
	
	background-color: var(--lux-bg-main);
	color: var(--lux-text-body);
	font-family: var(--lux-font-body);
	line-height: 1.6;
	overflow-x: hidden;
}

.lux-theme * {
	box-sizing: border-box;
}

.lux-theme img {
	display: block;
	max-width: 100%;
}

body.home #page {
	position: relative;
}

body.home .site-header {
	--lux-header-link: #fffaf6;
	--lux-header-hover: #c09a79;
	--lux-header-sticky-link: #2c2a29;
	--kececidigital-header-menu-link-color: var(--lux-header-link);
	--kececidigital-header-menu-link-hover: var(--lux-header-hover);
	--kececidigital-header-menu-dropdown-link: var(--lux-header-sticky-link);
	--kececidigital-header-menu-dropdown-link-hover: var(--lux-header-hover);
	--kececidigital-header-topbar-text: rgba(255, 250, 246, 0.9);
	--kececidigital-header-topbar-hover: var(--lux-header-hover);
	--kececidigital-header-woo-icon-color: var(--lux-header-link);
	--kececidigital-header-cta-bg: #2c2a29;
	--kececidigital-header-cta-bg-hover: var(--lux-header-hover);
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1000;
}

body.home .site-header .sa-topbar,
body.home .site-header .sa-header-main {
	background: transparent !important;
	box-shadow: none !important;
}

body.home .site-header .sa-logo-link img,
body.home .site-header .custom-logo {
	filter: brightness(0) invert(1);
}

body.home .site-header .sa-site-title,
body.home .site-header .sa-site-title a,
body.home .site-header .sa-mobile-toggle {
	color: var(--lux-header-link) !important;
}

body.home .site-header .sa-nav-link,
body.home .site-header .sa-woo-btn,
body.home .site-header .sa-mobile-toggle,
body.home .site-header .sa-mobile-link,
body.home .site-header .sa-mobile-expand {
	color: var(--lux-header-link) !important;
}

body.home .site-header .sa-nav-link:hover,
body.home .site-header .sa-nav-link:focus,
body.home .site-header .sa-topbar-link:hover,
body.home .site-header .sa-topbar-link:focus,
body.home .site-header .sa-topbar-social:hover,
body.home .site-header .sa-topbar-social:focus,
body.home .site-header .sa-woo-btn:hover,
body.home .site-header .sa-woo-btn:focus,
body.home .site-header .sa-mobile-toggle:hover,
body.home .site-header .sa-mobile-toggle:focus,
body.home .site-header .sa-mobile-link:hover,
body.home .site-header .sa-mobile-link:focus,
body.home .site-header .sa-mobile-expand:hover,
body.home .site-header .sa-mobile-expand:focus {
	color: var(--lux-header-hover) !important;
}

body.home .site-header .sa-dropdown,
body.home .site-header .sa-dropdown-sub,
body.home .site-header .sa-mobile-menu {
	background: #fffaf6 !important;
}

body.home .site-header .sa-dropdown-link {
	color: var(--lux-header-sticky-link) !important;
}

body.home .site-header .sa-mobile-menu .sa-mobile-link,
body.home .site-header .sa-mobile-menu .sa-mobile-expand {
	color: var(--lux-header-sticky-link) !important;
}

body.home .site-header .sa-dropdown-link:hover,
body.home .site-header .sa-dropdown-link:focus,
body.home .site-header .sa-mobile-menu .sa-mobile-link:hover,
body.home .site-header .sa-mobile-menu .sa-mobile-link:focus,
body.home .site-header .sa-mobile-menu .sa-mobile-expand:hover,
body.home .site-header .sa-mobile-menu .sa-mobile-expand:focus {
	color: var(--lux-header-hover) !important;
}

body.home .site-header .sa-header-main.sa-sticky-active {
	--kececidigital-header-menu-link-color: var(--lux-header-sticky-link);
	--kececidigital-header-menu-link-hover: var(--lux-header-hover);
	--kececidigital-header-woo-icon-color: var(--lux-header-sticky-link);
	background: #fff !important;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1) !important;
}

body.home .site-header .sa-header-main.sa-sticky-active .sa-logo-link img,
body.home .site-header .sa-header-main.sa-sticky-active .custom-logo {
	filter: none;
}

body.home .site-header .sa-header-main.sa-sticky-active .sa-site-title,
body.home .site-header .sa-header-main.sa-sticky-active .sa-site-title a,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-toggle,
body.home .site-header .sa-header-main.sa-sticky-active .sa-nav-link,
body.home .site-header .sa-header-main.sa-sticky-active .sa-woo-btn,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-link,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-expand {
	color: var(--lux-header-sticky-link) !important;
}

body.home .site-header .sa-header-main.sa-sticky-active .sa-nav-link:hover,
body.home .site-header .sa-header-main.sa-sticky-active .sa-nav-link:focus,
body.home .site-header .sa-header-main.sa-sticky-active .sa-woo-btn:hover,
body.home .site-header .sa-header-main.sa-sticky-active .sa-woo-btn:focus,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-toggle:hover,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-toggle:focus,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-link:hover,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-link:focus,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-expand:hover,
body.home .site-header .sa-header-main.sa-sticky-active .sa-mobile-expand:focus {
	color: var(--lux-header-hover) !important;
}

body.home .lux-theme a:not(.lux-btn-primary):not(.lux-btn-outline):not(.lux-btn-text) {
	color: #2c2a29;
}

body.home .lux-theme a:not(.lux-btn-primary):not(.lux-btn-outline):not(.lux-btn-text):hover,
body.home .lux-theme a:not(.lux-btn-primary):not(.lux-btn-outline):not(.lux-btn-text):focus {
	color: #c09a79;
}

.lux-container {
	margin: 0 auto;
	padding: 0 24px;
	width: min(1200px, 100%);
}

/* ================================================================
   TYPOGRAPHY
   ================================================================ */
.lux-eyebrow {
	color: var(--lux-accent-gold);
	display: block;
	font-family: var(--lux-font-body);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 3px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.lux-title-display {
	color: var(--lux-text-dark);
	font-family: var(--lux-font-title);
	font-size: clamp(40px, 6vw, 72px);
	font-weight: 400;
	line-height: 1.1;
	margin: 0 0 30px;
}

.lux-title-display strong {
	font-style: italic;
	font-weight: 400;
}

.lux-title-section {
	color: var(--lux-text-dark);
	font-family: var(--lux-font-title);
	font-size: clamp(32px, 4vw, 48px);
	font-weight: 400;
	line-height: 1.25;
	margin: 0 0 24px;
}

.lux-title-section em {
	color: var(--lux-accent-gold);
	font-style: italic;
}

.lux-title-item {
	color: var(--lux-text-dark);
	font-family: var(--lux-font-title);
	font-size: 24px;
	font-weight: 500;
	margin: 0 0 12px;
}

.lux-section-header {
	margin-bottom: 60px;
}

.lux-section-header.centered {
	align-items: center;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.lux-section-header.split {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
}

.lux-divider {
	background: var(--lux-accent-gold);
	height: 1px;
	margin-top: 24px;
	width: 60px;
}

/* Buttons */
.lux-btn-primary {
	background: var(--lux-text-dark);
	border: 1px solid var(--lux-text-dark);
	color: #fff;
	display: inline-block;
	font-family: var(--lux-font-body);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 18px 40px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.4s ease;
}

.lux-btn-primary:hover {
	background: var(--lux-accent-gold);
	border-color: var(--lux-accent-gold);
}

.lux-btn-text {
	border-bottom: 1px solid var(--lux-text-dark);
	color: var(--lux-text-dark);
	display: inline-block;
	font-family: var(--lux-font-body);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	padding-bottom: 6px;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.3s ease;
}

.lux-btn-text:hover {
	border-color: var(--lux-accent-gold);
	color: var(--lux-accent-gold);
}

.lux-btn-outline {
	border: 1px solid var(--lux-accent-gold);
	color: var(--lux-text-dark);
	display: inline-block;
	font-family: var(--lux-font-body);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 16px 36px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.4s ease;
}

.lux-btn-outline:hover {
	background: var(--lux-accent-gold);
	color: #fff;
}

/* ================================================================
   HERO EDITORIAL
   ================================================================ */
.lux-hero {
	background: var(--lux-bg-main);
	isolation: isolate;
	left: 50%;
	height: 100vh;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	transform: translateX(-50%);
	--lux-hero-gutter: max(24px, calc((100vw - 1280px) / 2 + 24px));
	width: 100vw;
}

.lux-hero::before {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.lux-hero::after {
	background: linear-gradient(180deg, rgba(252, 250, 248, 0), var(--lux-bg-main));
	bottom: 0;
	content: "";
	height: 160px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 3;
}

.lux-hero__wrap {
	align-items: center;
	height: 100%;
	display: flex;
	min-height: 0;
	padding: 120px var(--lux-hero-gutter) 140px;
	position: relative;
	width: 100vw;
	z-index: 4;
}

.lux-hero__content {
	height: auto;
	left: var(--lux-hero-gutter);
	max-width: 680px;
	position: absolute;
	width: min(680px, calc(100vw - (var(--lux-hero-gutter) * 2)));
	z-index: 5;
}

.lux-hero-content-slide {
	inset: 0;
	opacity: 0;
	position: absolute;
	transform: translateY(18px);
	transition: opacity 0.5s ease, transform 0.5s ease;
	visibility: hidden;
}

.lux-hero-content-slide.is-active {
	opacity: 1;
	position: relative;
	transform: translateY(0);
	visibility: visible;
}

.lux-hero .lux-eyebrow {
	color: #f1d7c2;
	font-family: var(--lux-font-body);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 6px;
	margin-bottom: 20px;
}

.lux-hero .lux-title-display {
	color: #fffaf6;
	font-family: var(--lux-font-title);
	font-size: clamp(48px, 7vw, 96px);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.02;
	margin-bottom: 24px;
	text-transform: none;
}

.lux-hero .lux-title-display strong {
	color: #d8ad88;
	display: block;
	font-family: var(--lux-font-title);
	font-style: italic;
	font-weight: 400;
}

.lux-lead {
	color: rgba(255, 250, 246, 0.86);
	font-size: 17px;
	font-weight: 400;
	line-height: 1.65;
	margin-bottom: 34px;
	max-width: 620px;
}

.lux-hero__actions {
	display: flex;
	align-items: center;
	gap: 32px;
}

.lux-hero__visuals {
	inset: 0;
	position: absolute;
	width: 100vw;
	z-index: 1;
}

.lux-main-arch {
	border-radius: 0;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100vw;
}

.lux-main-arch::after {
	background:
		linear-gradient(90deg, rgba(0, 0, 0, 0.66) 0%, rgba(0, 0, 0, 0.54) 34%, rgba(0, 0, 0, 0.22) 64%, rgba(0, 0, 0, 0.38) 100%),
		rgba(0, 0, 0, 0.22);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.lux-hero-slide {
	height: 100%;
	inset: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
	transform: scale(1.06);
	transition: opacity 1s ease, transform 4.8s ease;
	width: 100%;
}

.lux-hero-slide.is-active {
	opacity: 1;
	transform: scale(1);
	z-index: 2;
}

.lux-hero-slide img {
	filter: saturate(0.84) contrast(0.96) brightness(0.98);
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
	user-select: none;
	width: 100%;
}

.lux-hero-slider__controls {
	align-items: flex-end;
	background: transparent;
	border: 0;
	border-radius: 0;
	bottom: 88px;
	box-shadow: none;
	display: flex;
	gap: 18px;
	padding: 0 24px;
	position: absolute;
	right: 0;
	transform: none;
	z-index: 5;
}

.lux-hero-slider__arrow,
.lux-hero-slider__dot {
	appearance: none;
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
}

.lux-hero-slider__arrow {
	align-items: center;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid rgba(192, 154, 121, 0.28);
	border-radius: 50%;
	color: var(--lux-text-dark);
	display: inline-flex;
	font-size: 13px;
	height: 48px;
	justify-content: center;
	margin-bottom: 20px;
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
	width: 48px;
}

.lux-hero-slider__arrow:hover {
	background: var(--lux-accent-gold);
	color: #fff;
	transform: translateY(-2px);
}

.lux-hero-slider__dots {
	align-items: center;
	display: flex;
	gap: 18px;
}

.lux-hero-slider__dot {
	background: var(--lux-bg-white);
	border-radius: 14px;
	box-shadow: 0 18px 42px rgba(44, 42, 41, 0.16);
	height: 180px;
	overflow: hidden;
	position: relative;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	width: 140px;
}

.lux-hero-slider__dot.is-active {
	box-shadow: 0 24px 55px rgba(192, 154, 121, 0.25);
	transform: translateY(-12px);
}

.lux-hero-slider__dot img {
	filter: saturate(0.88) contrast(0.98) brightness(1.02);
	height: 100%;
	inset: 0;
	object-fit: cover;
	pointer-events: none;
	position: absolute;
	user-select: none;
	width: 100%;
}

.lux-hero-slider__dot::after {
	background: linear-gradient(180deg, rgba(44, 42, 41, 0) 28%, rgba(44, 42, 41, 0.62) 100%);
	content: "";
	inset: 0;
	position: absolute;
}

.lux-hero-slider__dot span {
	bottom: 14px;
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 2px;
	left: 14px;
	line-height: 1.15;
	position: absolute;
	right: 14px;
	text-align: left;
	z-index: 2;
}

.lux-hero-slider__dot small {
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

.lux-hero .lux-btn-primary {
	background: var(--lux-text-dark);
	border-color: var(--lux-text-dark);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 4px;
	padding: 18px 34px;
}

.lux-hero .lux-btn-primary:hover {
	background: var(--lux-accent-gold);
	border-color: var(--lux-accent-gold);
	color: #fff;
}

/* Stats Bottom */
.lux-hero__stats {
	border-top: 1px solid rgba(0,0,0,0.06);
	display: none;
	margin-top: 0;
	padding: 40px 0;
	position: relative;
	z-index: 5;
}

.stats-grid {
	display: flex;
	justify-content: space-around;
}

.lux-stat {
	text-align: center;
}

.stat-num {
	color: var(--lux-text-dark);
	display: block;
	font-family: var(--lux-font-title);
	font-size: 40px;
	line-height: 1;
	margin-bottom: 8px;
}

.stat-text {
	color: var(--lux-text-body);
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* ================================================================
   SERVICES (DELICATE DIVIDERS)
   ================================================================ */
.lux-services {
	background: var(--lux-bg-white);
	padding: 120px 0;
}

.lux-services__wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
}

.lux-service-box {
	border-right: 1px solid rgba(0,0,0,0.06);
	flex: 1 1 25%;
	padding: 40px;
	position: relative;
	text-align: center;
	transition: background 0.4s ease;
}

.lux-service-box:last-child {
	border-right: none;
}

.lux-service-box:hover {
	background: var(--lux-bg-main);
}

.lux-service-icon {
	color: var(--lux-accent-gold);
	font-size: 32px;
	margin-bottom: 24px;
}

.lux-service-box p {
	font-size: 15px;
	margin: 0;
}

/* ================================================================
   ABOUT (SPLIT PILL)
   ================================================================ */
.lux-about {
	padding: 120px 0;
}

.lux-about__wrap {
	align-items: center;
	display: grid;
	gap: 80px;
	grid-template-columns: 1fr 1fr;
}

.lux-about__photo {
	position: relative;
}

.photo-wrapper {
	border-radius: 999px 999px 0 0;
	height: 600px;
	overflow: hidden;
	position: relative;
	width: 90%;
	z-index: 2;
}

.photo-wrapper img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.lux-deco-dots {
	background-image: radial-gradient(var(--lux-accent-gold) 1px, transparent 1px);
	background-size: 20px 20px;
	height: 200px;
	opacity: 0.3;
	position: absolute;
	right: 0;
	top: -30px;
	width: 200px;
	z-index: 1;
}

.lux-prose {
	font-size: 17px;
	line-height: 1.8;
}

/* ================================================================
   TREATMENTS (ELEGANT GRID)
   ================================================================ */
.lux-treatments {
	background: var(--lux-bg-alt);
	padding: 120px 0;
}

.lux-treatments__masonry {
	display: grid;
	gap: 40px 30px;
	grid-template-columns: repeat(3, 1fr);
}

.lux-menu-card {
	background: var(--lux-bg-white);
	box-shadow: var(--lux-shadow-soft);
	transition: transform 0.4s ease;
}

.lux-menu-card:hover {
	transform: translateY(-10px);
}

.lux-menu-image {
	display: block;
	height: 280px;
	overflow: hidden;
	position: relative;
}

.lux-menu-image img {
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
	width: 100%;
}

.lux-menu-card:hover .lux-menu-image img {
	transform: scale(1.05);
}

.lux-menu-tag {
	background: #fff;
	bottom: 0;
	color: var(--lux-text-dark);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 8px 16px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
}

.lux-menu-details {
	padding: 30px;
}

.lux-menu-top {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.lux-menu-top h3 {
	margin: 0;
}

.lux-menu-price {
	color: var(--lux-accent-gold);
	font-family: var(--lux-font-title);
	font-size: 20px;
	font-weight: 500;
}

.lux-menu-desc {
	font-size: 15px;
	margin: 0;
}

/* ================================================================
   QUOTE (SERIF OVERLAY)
   ================================================================ */
.lux-quote {
	padding: 120px 0;
	position: relative;
}

.lux-quote-bg {
	background: var(--lux-bg-blush);
	bottom: 0;
	height: 70%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.lux-quote__wrap {
	align-items: center;
	display: flex;
	flex-direction: column;
	position: relative;
	text-align: center;
	z-index: 2;
}

.lux-quote-image {
	border: 10px solid var(--lux-bg-main);
	border-radius: 50%;
	height: 180px;
	margin-bottom: 40px;
	overflow: hidden;
	width: 180px;
}

.lux-quote-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.lux-quote-content {
	max-width: 800px;
	position: relative;
}

.lux-quote-mark {
	color: #fff;
	font-family: var(--lux-font-title);
	font-size: 120px;
	left: 50%;
	line-height: 1;
	opacity: 0.5;
	position: absolute;
	top: -60px;
	transform: translateX(-50%);
	z-index: -1;
}

.lux-quote blockquote {
	color: var(--lux-text-dark);
	font-family: var(--lux-font-title);
	font-size: clamp(24px, 4vw, 36px);
	font-style: italic;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 30px;
}

.lux-author {
	display: flex;
	flex-direction: column;
}

.author-name {
	color: var(--lux-text-dark);
	font-family: var(--lux-font-title);
	font-size: 20px;
}

.author-role {
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* ================================================================
   FAQ (THIN ACCORDION)
   ================================================================ */
.lux-faq {
	background: var(--lux-bg-white);
	padding: 120px 0;
}

.lux-faq__narrow {
	max-width: 800px;
}

.lux-accordion {
	border-top: 1px solid rgba(0,0,0,0.1);
}

.lux-accordion-item {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.lux-accordion-title {
	align-items: center;
	color: var(--lux-text-dark);
	cursor: pointer;
	display: flex;
	font-family: var(--lux-font-title);
	font-size: 22px;
	justify-content: space-between;
	list-style: none;
	padding: 30px 0;
}

.lux-accordion-title::-webkit-details-marker {
	display: none;
}

.lux-plus-icon {
	background: var(--lux-text-dark);
	height: 1px;
	position: relative;
	width: 16px;
}

.lux-plus-icon::after {
	background: var(--lux-text-dark);
	content: "";
	height: 16px;
	left: 7.5px;
	position: absolute;
	top: -7.5px;
	transition: transform 0.3s ease;
	width: 1px;
}

.lux-accordion-item[open] .lux-plus-icon::after {
	transform: scaleY(0);
}

.lux-accordion-body {
	color: var(--lux-text-body);
	font-size: 16px;
	padding-bottom: 30px;
}

/* ================================================================
   CONTACT (BLUSH OVERLAP)
   ================================================================ */
.lux-contact {
	padding: 100px 0;
}

.lux-contact__wrap {
	align-items: center;
	display: grid;
	grid-template-columns: 4fr 6fr;
	position: relative;
}

.lux-contact-card {
	background: var(--lux-bg-blush);
	padding: 60px 40px;
	position: relative;
	z-index: 2;
}

.lux-contact-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	list-style: none;
	margin: 40px 0 0;
	padding: 0;
}

.lux-contact-list li {
	display: flex;
	gap: 20px;
}

.lux-icon {
	color: var(--lux-text-dark);
	font-size: 20px;
	margin-top: 4px;
}

.lux-data {
	display: flex;
	flex-direction: column;
}

.lux-data .lbl {
	color: var(--lux-text-dark);
	font-family: var(--lux-font-title);
	font-size: 18px;
	margin-bottom: 4px;
}

.lux-data .val {
	font-size: 15px;
}

.lux-contact-map {
	height: 500px;
	margin-left: -50px;
	position: relative;
	width: calc(100% + 50px);
	z-index: 1;
}

.lux-contact-map iframe {
	border: 0;
	filter: grayscale(100%) opacity(0.8);
	height: 100%;
	width: 100%;
}

.map-placeholder-lux {
	align-items: center;
	background: #eee;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	text-align: center;
}

/* ================================================================
   RESPONSIVE DESIGN
   ================================================================ */
@media (max-width: 1024px) {
	.lux-about__wrap {
		gap: 40px;
		grid-template-columns: 1fr;
	}

	.lux-hero__wrap {
		padding-bottom: 230px;
	}

	.lux-hero__actions {
		justify-content: center;
	}
	
	.lux-hero-slider__controls {
		left: 0;
		overflow-x: auto;
		right: auto;
		width: 100%;
	}
	
	.lux-service-box {
		border-bottom: 1px solid rgba(0,0,0,0.06);
		border-right: none;
		flex: 1 1 50%;
	}
	
	.lux-treatments__masonry {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.lux-contact__wrap {
		grid-template-columns: 1fr;
	}
	
	.lux-contact-map {
		margin-left: 0;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.lux-hero {
		height: min(680px, 86svh);
		min-height: 0;
		--lux-hero-gutter: 18px;
	}

	.lux-hero__wrap {
		align-items: flex-start;
		padding: 128px var(--lux-hero-gutter) 142px;
	}

	.lux-hero__content {
		left: auto;
		max-width: 100%;
		position: relative;
		text-align: center;
		width: 100%;
	}

	.lux-hero .lux-eyebrow {
		font-size: 10px;
		letter-spacing: 4px;
		margin-bottom: 12px;
	}

	.lux-hero .lux-title-display {
		font-size: clamp(36px, 12vw, 58px);
		line-height: 1.04;
		margin-bottom: 16px;
		max-width: 92vw;
	}

	.lux-lead {
		font-size: 14px;
		line-height: 1.55;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 22px;
		max-width: 92vw;
	}

	.lux-hero__actions {
		justify-content: center;
	}

	.lux-hero .lux-btn-primary {
		font-size: 11px;
		letter-spacing: 3px;
		padding: 14px 24px;
	}

	.lux-main-arch::after {
		background:
			linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.28) 45%, rgba(0, 0, 0, 0.72) 100%),
			rgba(0, 0, 0, 0.18);
	}

	.lux-hero-slide img {
		object-position: center top;
	}

	.lux-hero-slider__controls {
		align-items: center;
		bottom: 12px;
		left: 0;
		overflow-x: auto;
		padding: 0 var(--lux-hero-gutter) 10px;
		right: auto;
		scrollbar-width: none;
		transform: none;
		width: 100%;
	}

	.lux-hero-slider__controls::-webkit-scrollbar {
		display: none;
	}

	.lux-hero-slider__arrow {
		display: none;
	}

	.lux-hero-slider__dots {
		gap: 12px;
	}

	.lux-hero-slider__dot {
		border-radius: 12px;
		flex: 0 0 96px;
		height: 118px;
		width: 96px;
	}

	.lux-hero-slider__dot.is-active {
		transform: translateY(-6px);
	}

	.lux-hero-slider__dot span {
		bottom: 10px;
		left: 10px;
		right: 10px;
	}

	.lux-hero-slider__dot small {
		font-size: 9px;
	}

	.stats-grid {
		flex-direction: column;
		gap: 30px;
	}
	
	.lux-service-box {
		flex: 1 1 100%;
	}
	
	.lux-treatments__masonry {
		grid-template-columns: 1fr;
	}
	
	.lux-section-header.split {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
	}
}