/* ==========================================================================
   NextCut téma – stílusok
   Grafit + arany megjelenés. Minden osztály „nc-” előtaggal, hogy ne ütközzön
   az Elementor vagy más bővítmények stílusaival.
   ========================================================================== */

/* ---------- Betűtípusok (helyben tárolva, latin + magyar ékezetek) ---------- */
@font-face {
	font-family: "Manrope";
	src: url("../fonts/manrope-var.woff") format("woff");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Cormorant Garamond";
	src: url("../fonts/cormorant-garamond-600-italic.woff") format("woff");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/* ---------- Változók ---------- */
:root {
	--nc-ink: #141618;
	--nc-ink-2: #1c1f23;
	--nc-line: #2c3036;
	--nc-steel: #2b2f35;
	--nc-steel-2: #3a3f46;
	--nc-steel-3: #4a5058;
	--nc-silver: #a3a9b0;
	--nc-silver-2: #b4bac1;
	--nc-silver-3: #d5d8dc;
	--nc-on-dark: #e9eaec;
	--nc-gold: #c9a45c;
	--nc-gold-hover: #d8b672;
	--nc-gold-soft: rgba(201, 164, 92, 0.16);
	--nc-gold-text: #846326;
	--nc-gold-icon: #a8843e;
	--nc-paper: #f3f2ef;
	--nc-border-light: #e2e1dd;
	--nc-text: #17191c;
	--nc-muted: #555b62;
	--nc-body-light: #3f454c;
	--nc-font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--nc-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--nc-max: 1200px;
	--nc-gutter: 24px;
	--nc-radius: 24px;
}

/* ---------- Alap ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body.nc-site {
	margin: 0;
	background: var(--nc-ink);
	color: var(--nc-on-dark);
	font-family: var(--nc-font);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: clip;
}

.nc-site img { max-width: 100%; height: auto; }
.nc-site a { color: var(--nc-gold); }
.nc-site a:hover { color: var(--nc-gold-hover); }
.nc-site :focus-visible { outline: 2px solid var(--nc-gold); outline-offset: 3px; }
.nc-light :focus-visible { outline-color: var(--nc-gold-text); }

[id] { scroll-margin-top: 24px; }

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.nc-skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	width: auto;
	left: 16px;
	top: 16px;
	z-index: 1000;
	background: var(--nc-gold);
	color: var(--nc-ink);
	padding: 12px 18px;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
}

/* ---------- Elrendezés segédek ---------- */
.nc-wrap { max-width: var(--nc-max); margin: 0 auto; }
.nc-section { padding: 112px var(--nc-gutter); }
.nc-dark { background: var(--nc-ink); color: var(--nc-on-dark); }
.nc-light { background: var(--nc-paper); color: var(--nc-text); }
.nc-stack-56 { display: flex; flex-direction: column; gap: 56px; }
.nc-stack-48 { display: flex; flex-direction: column; gap: 48px; }

/* ---------- Gombok ---------- */
.nc-btn,
.nc-site a.nc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 14px 24px;
	border-radius: 999px;
	border: 1.5px solid transparent;
	font-family: var(--nc-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.nc-site a.nc-btn--gold,
.nc-btn--gold { background: var(--nc-gold); color: var(--nc-ink); }
.nc-site a.nc-btn--gold:hover,
.nc-btn--gold:hover { background: var(--nc-gold-hover); color: var(--nc-ink); }
.nc-site a.nc-btn--ghost,
.nc-btn--ghost { background: transparent; border-color: var(--nc-steel-3); color: var(--nc-on-dark); }
.nc-site a.nc-btn--ghost:hover,
.nc-btn--ghost:hover { border-color: var(--nc-silver); color: #fff; }
.nc-site a.nc-btn--outline,
.nc-btn--outline { background: transparent; border-color: var(--nc-text); color: var(--nc-text); }
.nc-site a.nc-btn--outline:hover,
.nc-btn--outline:hover { background: var(--nc-text); color: #fff; }
.nc-btn--sm,
.nc-site a.nc-btn--sm { min-height: 44px; padding: 10px 20px; font-size: 15px; }
.nc-btn--block,
.nc-site a.nc-btn--block { width: 100%; }

/* ---------- Fejléc ---------- */
.nc-header {
	position: relative;
	z-index: 50;
	background: var(--nc-ink);
	border-bottom: 1px solid var(--nc-line);
	padding: 0 var(--nc-gutter);
}
.nc-header__inner {
	max-width: var(--nc-max);
	margin: 0 auto;
	min-height: 80px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0 32px;
}
.nc-brand,
.nc-site a.nc-brand { display: inline-flex; align-items: center; text-decoration: none; padding: 10px 0; }
.nc-brand__inner { display: inline-flex; align-items: center; gap: 10px; }
.nc-mark { flex: none; display: block; }
.nc-wordmark { font-size: 24px; letter-spacing: -0.035em; line-height: 1; white-space: nowrap; }
.nc-wordmark__a { font-weight: 600; color: var(--nc-silver-3); }
.nc-wordmark__b { font-weight: 800; color: var(--nc-gold); }
.nc-brand--custom .custom-logo { max-height: 48px; width: auto; display: block; }

.nc-nav { display: flex; align-items: center; }
.nc-nav .nc-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 28px; }
.nc-site .nc-nav a { color: #c9cdd2; text-decoration: none; font-size: 15px; font-weight: 500; display: inline-block; padding: 12px 0; }
.nc-site .nc-nav a:hover,
.nc-site .nc-nav .current-menu-item > a { color: #fff; }
.nc-site .nc-nav a.nc-nav__login,
.nc-site .nc-nav a.nc-nav__cta { display: none; }

.nc-header__actions { display: flex; align-items: center; gap: 8px; }
.nc-site a.nc-login { color: var(--nc-on-dark); text-decoration: none; font-weight: 600; font-size: 15px; padding: 12px 14px; }
.nc-site a.nc-login:hover { color: #fff; }

.nc-menu-toggle {
	display: none;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--nc-steel-2);
	border-radius: 12px;
	background: transparent;
	color: var(--nc-on-dark);
	cursor: pointer;
	padding: 0;
}
.nc-menu-toggle__close { display: none; }
.nc-header.is-open .nc-menu-toggle__open { display: none; }
.nc-header.is-open .nc-menu-toggle__close { display: block; }

@media (max-width: 960px) {
	.nc-menu-toggle { display: inline-flex; }
	.nc-nav { display: none; order: 3; width: 100%; flex-direction: column; align-items: stretch; padding: 4px 0 20px; }
	.nc-header.is-open .nc-nav { display: flex; }
	.nc-nav .nc-menu { flex-direction: column; gap: 0; }
	.nc-site .nc-nav a { display: block; padding: 14px 0; font-size: 17px; border-bottom: 1px solid var(--nc-line); }
	.nc-site .nc-nav a.nc-nav__login { display: block; border-bottom: 0; }
	.nc-site .nc-nav a.nc-nav__cta { display: inline-flex; margin-top: 12px; padding: 14px 24px; border-bottom: 0; color: var(--nc-ink); font-size: 16px; font-weight: 700; }
	.nc-header__inner { gap: 0 12px; }
	.nc-header__actions .nc-login { display: none; }
}
@media (max-width: 480px) {
	.nc-site .nc-header__actions a.nc-btn { display: none; }
	.nc-wordmark { font-size: 22px; }
}

/* ---------- Közös szekciófejléc ---------- */
.nc-head { display: flex; flex-direction: column; gap: 16px; max-width: 760px; }
.nc-site .nc-eyebrow,
.nc-eyebrow {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--nc-gold);
}
.nc-light .nc-eyebrow { color: var(--nc-gold-text); }
.nc-h2,
.nc-hero__title,
.nc-article__title,
.nc-article-cta__title { text-wrap: balance; }
.nc-site .nc-h2,
.nc-h2 {
	margin: 0;
	font-family: var(--nc-font);
	font-size: clamp(32px, 3.6vw, 48px);
	line-height: 1.1;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: #fff;
}
.nc-light .nc-h2 { color: var(--nc-text); }
.nc-h2 em,
.nc-accent {
	font-family: var(--nc-serif);
	font-style: italic;
	font-weight: 600;
	letter-spacing: -0.005em;
	font-size: 1.1em;
	color: var(--nc-gold);
}
.nc-light .nc-h2 em,
.nc-light .nc-accent { color: var(--nc-gold-text); }
.nc-site .nc-lead,
.nc-lead { margin: 0; font-size: 18px; line-height: 1.6; color: var(--nc-silver); }
.nc-light .nc-lead { color: var(--nc-muted); }

/* ---------- Pipás listák ---------- */
.nc-ticks,
.nc-checks { list-style: none; margin: 0; padding: 0; }
.nc-ticks { display: flex; flex-direction: column; gap: 12px; color: var(--nc-silver-3); }
.nc-ticks li { display: flex; gap: 10px; align-items: flex-start; }
.nc-ticks__icon { flex: none; margin-top: 2px; color: var(--nc-gold); }
.nc-light .nc-ticks { color: var(--nc-body-light); }
.nc-light .nc-ticks__icon { color: var(--nc-gold-icon); }

.nc-checks { display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 14px; color: var(--nc-silver); }
.nc-checks li { display: flex; align-items: center; gap: 8px; }
.nc-checks .nc-ticks__icon { margin: 0; width: 16px; height: 16px; stroke-width: 2.5; }

/* ---------- Hero ---------- */
.nc-hero { padding: 72px var(--nc-gutter) 96px; }
.nc-hero__grid { max-width: var(--nc-max); margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 56px; }
.nc-hero__content { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.nc-pill {
	margin: 0;
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 10px;
	border: 1px solid var(--nc-steel-2);
	border-radius: 999px;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 600;
	color: #c9cdd2;
}
.nc-pill__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--nc-gold); }
.nc-site .nc-hero__title,
.nc-hero__title {
	margin: 0;
	font-family: var(--nc-font);
	font-size: clamp(44px, 5.4vw, 72px);
	line-height: 1.02;
	letter-spacing: -0.035em;
	font-weight: 800;
	color: #fff;
}
.nc-hero__title .nc-accent { font-size: 1.12em; letter-spacing: -0.01em; }
.nc-hero__lead { margin: 0; font-size: 19px; line-height: 1.6; color: var(--nc-silver-2); max-width: 540px; }
.nc-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.nc-hero__media { flex: 1 1 420px; min-width: 0; position: relative; height: 620px; padding-left: 44px; }
.nc-site .nc-hero__img {
	display: block;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: 50% 20%;
	border-radius: 28px;
	filter: saturate(0.8) contrast(1.03);
}

.nc-notif {
	position: absolute;
	top: 32px;
	right: 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--nc-ink-2);
	border: 1px solid #343940;
	border-radius: 16px;
	padding: 12px 16px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
.nc-notif__icon { width: 38px; height: 38px; flex: none; border-radius: 50%; background: var(--nc-gold); color: var(--nc-ink); display: inline-flex; align-items: center; justify-content: center; }
.nc-notif__text { display: flex; flex-direction: column; line-height: 1.3; }
.nc-notif__text strong { font-size: 14px; color: #fff; }
.nc-notif__text span { font-size: 13px; color: var(--nc-silver); }

.nc-book {
	position: absolute;
	left: 0;
	bottom: 36px;
	width: 300px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 20px;
	background: #fff;
	color: var(--nc-text);
	border-radius: 20px;
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.5);
}
.nc-book__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nc-book__heading { display: flex; flex-direction: column; line-height: 1.3; }
.nc-book__salon { font-size: 12px; font-weight: 600; color: var(--nc-muted); }
.nc-book__title { font-size: 17px; font-weight: 800; letter-spacing: -0.01em; }
.nc-book__service {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 12px;
	border: 1.5px solid var(--nc-gold);
	border-radius: 12px;
	background: #fbf7ee;
}
.nc-book__service > span { display: flex; flex-direction: column; line-height: 1.3; }
.nc-book__service strong { font-size: 14px; }
.nc-book__service span span { font-size: 12px; color: var(--nc-muted); }
.nc-book__month { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nc-muted); }
.nc-book__days { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; text-align: center; }
.nc-book__day { display: flex; flex-direction: column; border: 1px solid var(--nc-border-light); border-radius: 10px; padding: 6px 0; font-size: 15px; font-weight: 700; line-height: 1.2; }
.nc-book__day small { font-size: 11px; font-weight: 500; color: var(--nc-muted); }
.nc-book__day.is-active { background: var(--nc-ink); border-color: var(--nc-ink); color: #fff; }
.nc-book__day.is-active small { color: #c9cdd2; }
.nc-book__times { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; text-align: center; font-size: 13px; font-weight: 600; }
.nc-book__time { border: 1px solid var(--nc-border-light); border-radius: 8px; padding: 7px 0; }
.nc-book__time.is-active { background: var(--nc-gold); border-color: var(--nc-gold); color: var(--nc-ink); font-weight: 800; }
.nc-book__time.is-full { border-style: dashed; color: #767c83; text-decoration: line-through; }
.nc-book__btn { display: block; text-align: center; background: var(--nc-ink); color: #fff; font-weight: 700; font-size: 15px; padding: 13px 0; border-radius: 12px; }

/* ---------- Értékek sáv ---------- */
.nc-values { padding: 36px var(--nc-gutter); border-top: 1px solid var(--nc-line); border-bottom: 1px solid var(--nc-line); }
.nc-values__grid { max-width: var(--nc-max); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 28px 40px; }
.nc-value { display: flex; gap: 14px; align-items: flex-start; }
.nc-value__icon { flex: none; margin-top: 2px; color: var(--nc-gold); }
.nc-value__title { margin: 0; font-weight: 700; color: #fff; }
.nc-value__text { margin: 0; font-size: 14px; color: var(--nc-silver); }

/* ---------- Funkciók ---------- */
.nc-features { padding-bottom: 56px; }
.nc-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.nc-feature { display: flex; flex-direction: column; gap: 12px; padding: 28px; background: var(--nc-ink-2); border: 1px solid var(--nc-line); border-radius: 20px; }
.nc-feature__icon { width: 48px; height: 48px; border-radius: 14px; background: #26231c; color: var(--nc-gold); display: inline-flex; align-items: center; justify-content: center; }
.nc-site .nc-feature__title,
.nc-feature__title { margin: 0; font-family: var(--nc-font); font-size: 20px; font-weight: 700; color: #fff; letter-spacing: -0.01em; }
.nc-feature__text { margin: 0; font-size: 15px; color: var(--nc-silver); }

/* ---------- Naptár előnézet ---------- */
.nc-cal-section { padding-top: 56px; }
.nc-cal-layout { display: flex; flex-wrap: wrap; align-items: center; gap: 56px; }
.nc-cal-copy { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.nc-cal-copy .nc-h2 { font-size: clamp(30px, 3.2vw, 42px); }
.nc-cal-scroll { flex: 2 1 600px; min-width: 0; overflow-x: auto; }
.nc-cal {
	min-width: 600px;
	background: var(--nc-ink-2);
	border: 1px solid var(--nc-line);
	border-radius: var(--nc-radius);
	padding: 20px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
	font-size: 12px;
}
.nc-cal__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 4px 16px; }
.nc-cal__date { display: flex; flex-direction: column; line-height: 1.3; font-size: 18px; font-weight: 800; color: #fff; }
.nc-cal__date small { font-size: 12px; font-weight: 600; color: var(--nc-silver); }
.nc-cal__tools { display: flex; align-items: center; gap: 10px; }
.nc-cal__seg { display: flex; padding: 3px; border: 1px solid var(--nc-line); border-radius: 999px; background: var(--nc-ink); font-size: 13px; font-weight: 600; }
.nc-cal__seg span { padding: 6px 14px; border-radius: 999px; color: var(--nc-silver); }
.nc-cal__seg .is-active { background: var(--nc-steel); color: #fff; }
.nc-cal__new { background: var(--nc-gold); color: var(--nc-ink); font-weight: 700; font-size: 13px; border-radius: 999px; padding: 8px 14px; }
.nc-cal__grid {
	display: grid;
	grid-template-columns: 52px repeat(3, minmax(0, 1fr));
	grid-template-rows: 44px repeat(16, 32px);
	column-gap: 8px;
	background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, #2a2e33 31px, #2a2e33 32px);
	background-position: 0 44px;
	background-size: 100% 512px;
	background-repeat: no-repeat;
}
.nc-cal__staff { display: flex; align-items: center; gap: 8px; line-height: 1.2; }
.nc-cal__staff strong { display: block; color: #fff; }
.nc-cal__staff small { color: var(--nc-silver); font-size: 12px; }
.nc-cal__avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--nc-steel-2); color: #fff; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.nc-cal__hour { grid-column: 1; padding-top: 2px; color: #8a9097; }
.nc-cal__slot {
	margin: 2px 0;
	padding: 6px 10px;
	overflow: hidden;
	border-radius: 10px;
	background: var(--nc-steel);
	border: 1px solid var(--nc-steel-2);
	display: flex;
	flex-direction: column;
	line-height: 1.35;
}
.nc-cal__slot strong { color: #fff; font-weight: 700; }
.nc-cal__slot span { color: var(--nc-silver-2); }
.nc-cal__slot.is-online { background: var(--nc-gold-soft); border-color: rgba(201, 164, 92, 0.5); }
.nc-cal__slot.is-online strong { color: #f1e4c6; }
.nc-cal__slot.is-short { flex-direction: row; gap: 4px; padding: 4px 10px; white-space: nowrap; border-radius: 8px; }
.nc-cal__slot.is-short span::before { content: "· "; }
.nc-cal__legend { display: flex; flex-wrap: wrap; gap: 20px; padding: 16px 4px 2px; font-size: 13px; color: var(--nc-silver); }
.nc-cal__legend span { display: inline-flex; align-items: center; gap: 8px; }
.nc-cal__key { width: 12px; height: 12px; border-radius: 4px; background: var(--nc-steel); border: 1px solid var(--nc-steel-3); }
.nc-cal__key.is-online { background: rgba(201, 164, 92, 0.35); border-color: var(--nc-gold); }

/* ---------- Árak ---------- */
.nc-pricing__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px; }
.nc-pricing__head .nc-head { max-width: 680px; }
.nc-toggle { display: flex; gap: 4px; padding: 4px; background: #e5e4e0; border-radius: 999px; }
.nc-toggle__btn {
	min-height: 44px;
	padding: 10px 18px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--nc-text);
	font-family: var(--nc-font);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.nc-toggle__btn.is-active { background: var(--nc-ink); color: #fff; }
.nc-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; align-items: stretch; padding-top: 14px; }
.nc-plan {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 36px 32px;
	background: #fff;
	border: 1px solid var(--nc-border-light);
	border-radius: var(--nc-radius);
	color: var(--nc-text);
}
.nc-plan__head { display: flex; flex-direction: column; gap: 6px; }
.nc-site .nc-plan__name,
.nc-plan__name { margin: 0; font-family: var(--nc-font); font-size: 22px; font-weight: 800; color: inherit; }
.nc-plan__desc { margin: 0; font-size: 15px; color: var(--nc-muted); min-height: 3.1em; }
.nc-plan__price-row { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.nc-plan__price { font-size: 44px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; }
.nc-plan__period { font-size: 15px; color: var(--nc-muted); }
.nc-plan .nc-ticks { font-size: 15px; }
.nc-plan .nc-ticks__icon { width: 18px; height: 18px; margin-top: 3px; }

.nc-plan--featured { background: var(--nc-ink); border: 1.5px solid var(--nc-gold); color: var(--nc-on-dark); }
.nc-plan--featured .nc-plan__name,
.nc-plan--featured .nc-plan__price { color: #fff; }
.nc-plan--featured .nc-plan__desc,
.nc-plan--featured .nc-plan__period { color: var(--nc-silver); }
.nc-plan--featured .nc-ticks { color: var(--nc-silver-3); }
.nc-plan--featured .nc-ticks__icon { color: var(--nc-gold); }
.nc-plan__badge {
	position: absolute;
	top: -14px;
	left: 32px;
	background: var(--nc-gold);
	color: var(--nc-ink);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: 999px;
	padding: 6px 12px;
}

/* ---------- CTA ---------- */
.nc-cta-section { padding-top: 96px; padding-bottom: 96px; }
.nc-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding: clamp(32px, 5vw, 64px);
	background: var(--nc-ink-2);
	border: 1px solid #5a4a2a;
	border-radius: 32px;
}
.nc-cta__copy { flex: 1 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.nc-cta .nc-h2 { font-size: clamp(30px, 3.4vw, 46px); }
.nc-cta .nc-lead { font-size: 17px; max-width: 560px; }
.nc-accent--h2 { font-size: 1.1em; }

/* ---------- Lábléc ---------- */
.nc-footer { border-top: 1px solid var(--nc-line); padding: 64px var(--nc-gutter) 40px; background: var(--nc-ink); color: var(--nc-silver); }
.nc-footer__top { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px; }
.nc-footer__about { flex: 1 1 280px; max-width: 360px; display: flex; flex-direction: column; gap: 16px; }
.nc-footer__about p { margin: 0; font-size: 15px; }
.nc-footer__about .nc-wordmark { font-size: 22px; }
.nc-footer__cols { display: flex; flex-wrap: wrap; gap: 40px 72px; font-size: 15px; }
.nc-footer__col { display: flex; flex-direction: column; gap: 10px; }
.nc-footer__heading { margin: 0; font-weight: 700; color: #fff; }
.nc-footer__menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.nc-site .nc-footer__menu a { color: var(--nc-silver); text-decoration: none; }
.nc-site .nc-footer__menu a:hover { color: #fff; }
.nc-footer__bottom { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--nc-line); font-size: 14px; color: #8a9097; }
.nc-footer__bottom p { margin: 0; }

/* ---------- Hagyományos oldalak és blog ---------- */
.nc-page { padding: 96px var(--nc-gutter); min-height: 50vh; }
.nc-page__inner { max-width: 760px; margin: 0 auto; }
.nc-page__inner--wide { max-width: var(--nc-max); }
.nc-page__header { margin-bottom: 32px; }
.nc-site .nc-page__title,
.nc-page__title { margin: 0; font-family: var(--nc-font); font-size: clamp(34px, 4vw, 52px); line-height: 1.1; letter-spacing: -0.03em; font-weight: 800; color: var(--nc-text); }
.nc-page__thumb { margin: 0 0 32px; }
.nc-site .nc-page__thumb img { border-radius: 20px; display: block; }

.nc-content { font-size: 17px; line-height: 1.75; color: var(--nc-body-light); }
.nc-content > * + * { margin-top: 1.1em; }
.nc-content h2,
.nc-content h3,
.nc-content h4 { color: var(--nc-text); font-family: var(--nc-font); letter-spacing: -0.02em; line-height: 1.25; margin-top: 1.8em; margin-bottom: 0.4em; }
.nc-content h2 { font-size: 30px; }
.nc-content h3 { font-size: 23px; }
.nc-content a { color: var(--nc-gold-text); text-decoration: underline; text-underline-offset: 3px; }
.nc-content a:hover { color: var(--nc-text); }
.nc-content blockquote { margin-left: 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--nc-gold); font-style: italic; }
.nc-site .nc-content img { border-radius: 14px; }
.nc-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.nc-content th,
.nc-content td { border-bottom: 1px solid var(--nc-border-light); padding: 10px 8px; text-align: left; }
.nc-content .alignwide { margin-left: -120px; margin-right: -120px; max-width: none; }
.nc-content .alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; }
@media (max-width: 1040px) { .nc-content .alignwide { margin-left: 0; margin-right: 0; } }
.nc-content .wp-block-button__link { background: var(--nc-ink); color: #fff; border-radius: 999px; text-decoration: none; }

.nc-light .navigation.pagination { margin-top: 40px; }
.nc-light .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.nc-light .page-numbers { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding: 0 14px; border-radius: 999px; border: 1px solid var(--nc-border-light); color: var(--nc-text); text-decoration: none; background: #fff; }
.nc-light .page-numbers.current { background: var(--nc-ink); color: #fff; border-color: var(--nc-ink); }

.nc-light .search-form { display: flex; gap: 8px; margin-top: 16px; }
.nc-light .search-field { flex: 1; min-height: 48px; padding: 0 16px; border: 1px solid #c9c8c3; border-radius: 12px; font: inherit; }
.nc-light .search-submit { min-height: 48px; padding: 0 20px; border: 0; border-radius: 12px; background: var(--nc-ink); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }

/* ---------- 404 ---------- */
.nc-404 { min-height: 60vh; display: flex; align-items: center; }
.nc-404__inner { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; }

/* ---------- Fehér szekció ---------- */
.nc-white { background: #fff; }
.nc-head--center { max-width: 860px; margin: 0 auto; align-items: center; text-align: center; }

/* ---------- Kinek szól (képes kártyák rácsban) ---------- */
.nc-bento {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-rows: 380px 300px;
	gap: 20px;
}
.nc-tile,
.nc-site a.nc-tile {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 32px;
	overflow: hidden;
	border-radius: 24px;
	background: var(--nc-ink-2);
	color: #fff;
	text-decoration: none;
}
.nc-site a.nc-tile:hover { color: #fff; }
.nc-tile.is-tall { grid-row: 1 / span 2; }
.nc-tile.is-wide { grid-column: 2 / span 2; }
.nc-tile.is-small { background: radial-gradient(120% 100% at 100% 100%, rgba(201, 164, 92, 0.34) 0%, rgba(201, 164, 92, 0) 58%), var(--nc-ink-2); }
.nc-tile.is-small:last-child { background: radial-gradient(110% 100% at 0% 100%, rgba(201, 164, 92, 0.3) 0%, rgba(201, 164, 92, 0) 58%), var(--nc-ink-2); }
.nc-site .nc-tile__img {
	position: absolute;
	inset: 0;
	z-index: -2;
	display: block;
	width: 100%;
	max-width: none;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.nc-tile:hover .nc-tile__img { transform: scale(1.03); }
.nc-tile__shade { position: absolute; inset: 0; z-index: -1; }
.nc-tile.is-tall .nc-tile__img { object-position: 50% 30%; filter: saturate(0.85); }
.nc-tile.is-tall .nc-tile__shade { background: linear-gradient(180deg, rgba(20, 22, 24, 0.92) 0%, rgba(20, 22, 24, 0.6) 26%, rgba(20, 22, 24, 0) 52%, rgba(20, 22, 24, 0) 70%, rgba(20, 22, 24, 0.45) 100%); }
.nc-site .nc-tile.is-wide .nc-tile__img { left: 38%; width: 62%; object-position: 40% 35%; }
.nc-tile.is-wide .nc-tile__shade { background: linear-gradient(90deg, var(--nc-ink-2) 38%, rgba(28, 31, 35, 0.75) 46%, rgba(28, 31, 35, 0) 62%); }
.nc-tile.is-wide .nc-tile__body { max-width: 40%; }

.nc-tile__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.nc-site .nc-tile__title,
.nc-tile__title { margin: 0; font-family: var(--nc-font); font-size: 28px; line-height: 1.15; letter-spacing: -0.02em; font-weight: 800; color: #fff; }
.nc-tile.is-small .nc-tile__title { font-size: 22px; }
.nc-tile__text { margin: 12px 0 0; max-width: 380px; font-size: 16px; line-height: 1.55; color: #d5d8dc; }
.nc-tile__arrow {
	flex: none;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 50%;
	color: #fff;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.nc-tile:hover .nc-tile__arrow,
.nc-tile:focus-visible .nc-tile__arrow { background: var(--nc-gold); border-color: var(--nc-gold); color: var(--nc-ink); transform: translateX(2px); }
.nc-tile__footer { margin-top: auto; padding-top: 16px; font-size: 15px; font-weight: 700; color: var(--nc-gold); }

.nc-mini {
	position: absolute;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 14px 16px;
	background: #fff;
	color: var(--nc-text);
	border-radius: 16px;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
	font-size: 13px;
	line-height: 1.4;
}
.nc-mini--recipe { left: 24px; bottom: 24px; width: 236px; }
.nc-mini--booking { right: 24px; bottom: 24px; width: 250px; gap: 10px; }
.nc-mini__label { font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--nc-gold-text); }
.nc-mini__name { font-size: 14px; font-weight: 800; }
.nc-mini__line { color: var(--nc-muted); }
.nc-mini__row { display: flex; align-items: center; gap: 10px; }
.nc-mini__stack { display: flex; flex-direction: column; }
.nc-mini__icon { width: 34px; height: 34px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--nc-gold); color: var(--nc-ink); }
.nc-mini__chip { align-self: flex-start; padding: 5px 10px; border: 1px dashed #b8bdc3; border-radius: 999px; font-size: 12px; font-weight: 700; }

/* ---------- Előnyök ---------- */
.nc-benefits .nc-h2 { font-size: clamp(34px, 4.2vw, 54px); }
.nc-benefits__grid { column-count: 3; column-gap: 24px; }
.nc-benefit {
	display: inline-block;
	width: 100%;
	margin: 0 0 24px;
	padding: 36px 36px 40px;
	break-inside: avoid;
	background: var(--nc-ink-2);
	border-radius: 28px;
	color: var(--nc-on-dark);
	vertical-align: top;
}
.nc-site .nc-benefit__title,
.nc-benefit__title { margin: 0 0 14px; font-family: var(--nc-font); font-size: 24px; line-height: 1.2; letter-spacing: -0.015em; font-weight: 800; color: #fff; }
.nc-benefit__text { margin: 0; font-size: 17px; line-height: 1.65; color: #c4c9ce; }

.nc-sms { margin-top: 28px; padding: 16px; background: #26292e; border-radius: 20px; }
.nc-sms__head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 13px; color: var(--nc-silver); }
.nc-sms__avatar { width: 30px; height: 30px; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--nc-gold); color: var(--nc-ink); font-weight: 800; }
.nc-sms__sender { font-weight: 700; color: #fff; }
.nc-sms__time { margin-left: auto; }
.nc-sms__bubble { padding: 12px 14px; background: #3a3f46; border-radius: 16px 16px 16px 4px; color: #fff; font-size: 15px; line-height: 1.5; }

.nc-loyalty {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 28px;
	padding: 22px 56px 20px 22px;
	aspect-ratio: 1.6;
	overflow: hidden;
	border-radius: 18px;
	background: linear-gradient(135deg, #eedcae 0%, #c9a45c 50%, #9a7532 100%);
	color: var(--nc-ink);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.nc-loyalty::after { content: ""; position: absolute; top: -70px; right: -50px; width: 210px; height: 210px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); }
.nc-loyalty__top { display: flex; align-items: center; gap: 10px; }
.nc-loyalty__logo { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.55); }
.nc-loyalty__salon { font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; }
.nc-loyalty__count { margin-top: auto; font-size: 30px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; }
.nc-loyalty__dots { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.nc-loyalty__dots span { width: 14px; height: 14px; border: 2px solid rgba(20, 22, 24, 0.55); border-radius: 50%; }
.nc-loyalty__dots .is-on { background: var(--nc-ink); border-color: var(--nc-ink); }
.nc-loyalty__reward { font-size: 13px; font-weight: 700; }
.nc-loyalty__side { position: absolute; top: 0; right: 16px; bottom: 0; display: flex; align-items: center; writing-mode: vertical-rl; font-size: 12px; font-weight: 800; letter-spacing: 0.3em; text-transform: uppercase; opacity: 0.75; }

.nc-chart { margin-top: 28px; padding: 18px 18px 14px; background: #26292e; border-radius: 20px; }
.nc-chart__top { display: flex; flex-direction: column; gap: 2px; }
.nc-chart__label { font-size: 13px; color: var(--nc-silver); }
.nc-chart__value { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.nc-chart__note { font-size: 13px; font-weight: 700; color: var(--nc-gold); }
.nc-chart__bars { display: flex; align-items: stretch; gap: 10px; height: 140px; margin-top: 16px; }
.nc-chart__col { position: relative; flex: 1; display: flex; align-items: flex-end; padding-bottom: 22px; }
.nc-chart__bar { width: 100%; border-radius: 6px 6px 3px 3px; background: #3a3f46; }
.nc-chart__col.is-on .nc-chart__bar { background: var(--nc-gold); }
.nc-chart__month { position: absolute; right: 0; bottom: 0; left: 0; font-size: 11px; text-align: center; color: #8a9097; }

/* ---------- Blog ---------- */
.nc-blog__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 40px; }
.nc-textlink,
.nc-site a.nc-textlink { display: inline-flex; align-items: center; gap: 8px; padding: 10px 0; font-weight: 700; color: var(--nc-gold); text-decoration: none; }
.nc-site .nc-light a.nc-textlink { color: var(--nc-text); }
.nc-site .nc-light a.nc-textlink:hover { color: var(--nc-gold-text); }
.nc-post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.nc-post-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--nc-border-light);
	border-radius: 20px;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.nc-post-card:hover { box-shadow: 0 16px 40px rgba(20, 22, 24, 0.1); transform: translateY(-2px); }
.nc-post-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--nc-ink); }
.nc-site .nc-post-card__media img { display: block; width: 100%; height: 100% !important; object-fit: cover; transition: transform 0.4s ease; }
.nc-post-card:hover .nc-post-card__media img { transform: scale(1.03); }
.nc-post-card__placeholder { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.nc-post-card__body { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 24px 24px 22px; }
.nc-meta { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; font-weight: 600; color: var(--nc-muted); }
.nc-meta__cat { font-size: 12px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--nc-gold-text); }
.nc-meta__sep { color: #b8bdc3; }
.nc-site .nc-post-card__title,
.nc-post-card__title { margin: 0; font-family: var(--nc-font); font-size: 21px; line-height: 1.3; letter-spacing: -0.015em; font-weight: 800; }
.nc-site .nc-post-card__title a { color: var(--nc-text); text-decoration: none; }
.nc-site .nc-post-card__title a::after { content: ""; position: absolute; inset: 0; }
.nc-post-card:hover .nc-post-card__title a { color: var(--nc-gold-text); }
.nc-post-card__excerpt { margin: 0; font-size: 15px; line-height: 1.6; color: var(--nc-muted); }
.nc-post-card__date { margin: auto 0 0; padding-top: 6px; font-size: 13px; color: #767c83; }
.nc-admin-hint { margin: 0; padding: 18px 20px; border: 1px dashed var(--nc-gold-text); border-radius: 14px; background: #fbf7ee; color: var(--nc-body-light); font-size: 15px; }

/* ---------- Cikk oldal ---------- */
.nc-article { padding: 80px var(--nc-gutter) 96px; }
.nc-article__header { max-width: 720px; margin: 0 auto 40px; display: flex; flex-direction: column; gap: 16px; }
.nc-site a.nc-article__back { align-self: flex-start; font-size: 14px; font-weight: 700; color: var(--nc-muted); text-decoration: none; }
.nc-site a.nc-article__back:hover { color: var(--nc-text); }
.nc-site .nc-article__title,
.nc-article__title { margin: 0; font-family: var(--nc-font); font-size: clamp(34px, 4.4vw, 52px); line-height: 1.08; letter-spacing: -0.03em; font-weight: 800; color: var(--nc-text); }
.nc-article__lead { margin: 0; font-size: 20px; line-height: 1.6; color: var(--nc-body-light); }
.nc-article__image { max-width: 1040px; margin: 0 auto 48px; }
.nc-site .nc-article__image img { display: block; width: 100%; height: auto; border-radius: 20px; }
.nc-article__body { max-width: 720px; margin: 0 auto; font-size: 18px; }
.nc-article__body h2 { font-size: 27px; }
.nc-article__body blockquote { font-style: normal; color: var(--nc-text); background: #fbf7ee; padding: 16px 20px; border-radius: 0 12px 12px 0; }
.nc-article__body blockquote p { margin: 0; }
.nc-article__body ul { padding-left: 1.2em; }
.nc-article__body li + li { margin-top: 6px; }
.nc-article__body .wp-block-table { margin: 1.4em 0; }
.nc-article__body .wp-block-table table { border-collapse: collapse; border: 0; }
.nc-article__body .wp-block-table td,
.nc-article__body .wp-block-table th { padding: 12px 4px; border: 0; border-bottom: 1px solid var(--nc-border-light); }
.nc-article__body .wp-block-table tr:last-child td { border-bottom: 0; background: #fbf7ee; }
.nc-article__body .wp-block-table td:first-child { padding-left: 12px; }
.nc-article__body .wp-block-table td:last-child { padding-right: 12px; text-align: right; white-space: nowrap; }
.nc-article__after { max-width: 720px; margin: 56px auto 0; }
.nc-article-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 28px; padding: 32px; background: var(--nc-ink); border-radius: 24px; color: #fff; }
.nc-article-cta__mark { flex: none; }
.nc-article-cta__copy { flex: 1 1 280px; }
.nc-article-cta__title { margin: 0; font-size: 22px; font-weight: 800; line-height: 1.25; color: #fff; }
.nc-article-cta__text { margin: 6px 0 0; font-size: 15px; color: var(--nc-silver); }

@media (max-width: 1100px) {
	.nc-benefits__grid { column-count: 2; }
}
@media (max-width: 960px) {
	.nc-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; }
	.nc-tile.is-tall { grid-row: auto; grid-column: 1 / -1; min-height: 520px; }
	.nc-tile.is-wide { grid-column: 1 / -1; min-height: 380px; }
	.nc-tile.is-small { min-height: 250px; }
	.nc-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
	.nc-bento { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.nc-tile,
	.nc-site a.nc-tile { padding: 24px; }
	.nc-tile.is-tall { min-height: 560px; }
	.nc-tile.is-wide { min-height: 520px; }
	.nc-site .nc-tile.is-wide .nc-tile__img { left: 0; width: 100%; object-position: 40% 30%; }
	.nc-tile.is-wide .nc-tile__shade { background: linear-gradient(180deg, rgba(28, 31, 35, 0.95) 0%, rgba(28, 31, 35, 0.7) 32%, rgba(28, 31, 35, 0) 58%); }
	.nc-tile.is-wide .nc-tile__body { max-width: none; }
	.nc-tile__title { font-size: 24px; }
	.nc-mini--recipe { left: 16px; bottom: 16px; }
	.nc-mini--booking { right: 16px; bottom: 16px; left: 16px; width: auto; }
	.nc-benefits__grid { column-count: 1; }
	.nc-benefit { padding: 28px 24px 30px; border-radius: 22px; }
	.nc-post-grid { grid-template-columns: minmax(0, 1fr); }
	.nc-article { padding-top: 48px; }
	.nc-article__body { font-size: 17px; }
	.nc-article-cta { padding: 24px; }
}

/* ---------- Elementor illesztés ---------- */
.nc-full-width,
.elementor-widget-container .nc-section,
.elementor-widget-container .nc-values { width: 100%; }
.elementor-widget[class*="elementor-widget-nextcut-"] { margin-bottom: 0; }
.elementor-element.elementor-widget[class*="elementor-widget-nextcut-"] > .elementor-widget-container { padding: 0; margin: 0; }

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
	:root { --nc-gutter: 16px; }
	.nc-section { padding-top: 80px; padding-bottom: 80px; }
	.nc-hero { padding-top: 48px; padding-bottom: 64px; }
	.nc-hero__grid,
	.nc-cal-layout { gap: 40px; }
	.nc-plan { padding: 32px 24px; }
	.nc-pricing__head { align-items: flex-start; }
}
@media (max-width: 560px) {
	.nc-hero__media { height: auto; padding-left: 0; }
	.nc-site .nc-hero__img { height: 420px !important; }
	.nc-notif { top: 16px; right: 16px; left: 16px; }
	.nc-book { position: relative; left: auto; bottom: auto; width: auto; margin: -110px 12px 0; }
	.nc-toggle { width: 100%; }
	.nc-toggle__btn { flex: 1; padding: 10px 12px; }
}
