.zst-account,
.zst-account * {
	box-sizing: border-box;
}

.zst-account {
	--brown: #4a2916;
	--gold: #d99a2c;
	--cream: #fffaf2;
	width: 100%;
	padding: clamp(36px,4vw,56px) 0;
	background:
		radial-gradient(circle at 7% 8%, rgba(229,176,73,.14), transparent 27%),
		linear-gradient(180deg,#fffaf2 0%,#f4e8d7 100%);
	color: var(--brown);
}

.zst-account__inner {
	width: min(1320px, calc(100% - 42px));
	margin: 0 auto;
}

.zst-account__auth {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	min-height: 640px;
	overflow: hidden;
	border: 1px solid rgba(74,41,22,.09);
	border-radius: 32px;
	background: rgba(255,255,255,.8);
	box-shadow: 0 24px 70px rgba(74,41,22,.10);
}

.zst-account__brand {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(34px,4vw,56px);
	background:
		radial-gradient(circle at 85% 10%, rgba(255,255,255,.20), transparent 27%),
		linear-gradient(150deg,#efc45f 0%,#e3a028 100%);
}

.zst-account__brand::after {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	right: -210px;
	bottom: -190px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.24);
}

.zst-account__logo {
	width: min(280px,82%);
	height: auto;
	margin: 0 0 34px;
}

.zst-account__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 13px;
	color: #925614;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.zst-account__eyebrow::before {
	content: "";
	width: 28px;
	height: 2px;
	background: currentColor;
}

.zst-account__brand h1,
.zst-account__member-card h1 {
	margin: 0 0 15px;
	font-family: Georgia,"Times New Roman",serif;
	font-size: clamp(42px,4.5vw,64px);
	line-height: .99;
	letter-spacing: -.04em;
	color: var(--brown);
}

.zst-account__brand > p,
.zst-account__member-card > p {
	max-width: 570px;
	margin: 0;
	color: rgba(74,41,22,.77);
	font-size: 16px;
	line-height: 1.72;
}

.zst-account__brand-line {
	position: relative;
	z-index: 1;
	margin-top: 32px;
	padding-top: 18px;
	border-top: 1px solid rgba(74,41,22,.14);
	color: rgba(74,41,22,.66);
	font-size: 11px;
	font-weight: 800;
	line-height: 1.6;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.zst-account__card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(30px,4vw,58px);
	background: rgba(255,255,255,.82);
}

.zst-account__head {
	margin-bottom: 22px;
}

.zst-account__head h2 {
	margin: 0 0 7px;
	font-family: Georgia,"Times New Roman",serif;
	font-size: clamp(29px,3vw,40px);
	line-height: 1.05;
	color: var(--brown);
}

.zst-account__head p {
	margin: 0;
	color: #7b695c;
	font-size: 14px;
	line-height: 1.6;
}

.zst-account__form {
	display: grid;
	gap: 14px;
}

.zst-account__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.zst-account__form label:not(.zst-account__check) {
	display: grid;
	gap: 7px;
}

.zst-account__form label > span {
	color: #5f402b;
	font-size: 12px;
	font-weight: 900;
}

.zst-account__form input[type="text"],
.zst-account__form input[type="email"],
.zst-account__form input[type="tel"],
.zst-account__form input[type="password"] {
	width: 100%;
	min-height: 50px;
	padding: 0 14px;
	border: 1px solid rgba(74,41,22,.14);
	border-radius: 15px;
	outline: none;
	background: #fffcf8;
	color: var(--brown);
	font: inherit;
}

.zst-account__form input:focus {
	border-color: var(--gold);
	box-shadow: 0 0 0 4px rgba(217,154,44,.10);
}

.zst-account__form small {
	color: #8b786a;
	font-size: 11px;
}

.zst-account__check {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	color: #766357;
	font-size: 12px;
	line-height: 1.5;
}

.zst-account__check input {
	margin-top: 2px;
	accent-color: var(--gold);
}

.zst-account__form-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	font-size: 12px;
}

.zst-account__form-meta a,
.zst-account__switch a,
.zst-account__security a {
	color: #9b5d17;
	font-weight: 900;
	text-decoration: none;
}

.zst-account__primary,
.zst-account__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 49px;
	padding: 0 22px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .04em;
	text-decoration: none;
}

.zst-account__primary {
	justify-self: start;
	border: 0;
	background: var(--brown);
	color: #fffaf2;
	cursor: pointer;
	box-shadow: 0 12px 28px rgba(74,41,22,.15);
}

.zst-account__secondary {
	border: 1px solid rgba(74,41,22,.16);
	background: transparent;
	color: var(--brown);
}

.zst-account__button-link {
	width: fit-content;
}

.zst-account__switch {
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgba(74,41,22,.08);
	color: #7a685b;
	font-size: 13px;
}

.zst-account__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.zst-account__social-slot:empty,
.zst-account__newsletter-slot:empty {
	display: none;
}

.zst-account__social-slot:not(:empty) {
	margin-bottom: 18px;
}

.zst-account__newsletter-slot:not(:empty) {
	margin: 2px 0;
}

.zst-account__notice {
	margin-bottom: 18px;
	padding: 12px 14px;
	border-radius: 14px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.45;
}

.zst-account__notice--ok {
	border: 1px solid #cfe4c7;
	background: #eef7e9;
	color: #345c2c;
}

.zst-account__notice--error {
	border: 1px solid #efcfc2;
	background: #fff0ea;
	color: #793c27;
}

.zst-account__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.zst-account__member {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 24px;
	align-items: start;
}

.zst-account__member-nav,
.zst-account__member-card {
	border: 1px solid rgba(74,41,22,.08);
	border-radius: 26px;
	background: rgba(255,255,255,.80);
	box-shadow: 0 18px 46px rgba(74,41,22,.07);
}

.zst-account__member-nav {
	position: sticky;
	top: 24px;
	overflow: hidden;
}

.zst-account__member-welcome {
	padding: 24px;
	background: linear-gradient(145deg,#efc45f,#e4a128);
}

.zst-account__member-welcome span {
	display: block;
	margin-bottom: 4px;
	color: rgba(74,41,22,.62);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.zst-account__member-welcome strong {
	font-family: Georgia,"Times New Roman",serif;
	font-size: 26px;
	color: var(--brown);
}

.zst-account__member-nav nav {
	display: grid;
	padding: 12px;
}

.zst-account__member-nav nav a {
	padding: 12px 13px;
	border-radius: 12px;
	color: #6e594b;
	text-decoration: none;
	font-size: 13px;
	font-weight: 800;
}

.zst-account__member-nav nav a:hover,
.zst-account__member-nav nav a.is-active {
	background: #f3e8d8;
	color: var(--brown);
}

.zst-account__member-main {
	display: grid;
	gap: 20px;
}

.zst-account__member-card {
	padding: clamp(26px,3vw,38px);
}

.zst-account__summary {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 12px;
	margin-top: 28px;
}

.zst-account__summary > div {
	padding: 16px;
	border-radius: 17px;
	background: #f6ecde;
}

.zst-account__summary span {
	display: block;
	margin-bottom: 5px;
	color: #967a64;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.zst-account__summary strong {
	display: block;
	overflow-wrap: anywhere;
	color: var(--brown);
	font-size: 14px;
}

.zst-account__security {
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid rgba(74,41,22,.09);
}

.zst-account__security strong {
	display: block;
	margin-bottom: 5px;
}

.zst-account__security p {
	margin: 0 0 8px;
	color: #7a675a;
	font-size: 13px;
	line-height: 1.55;
}

@media (max-width: 900px) {
	.zst-account__auth {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.zst-account__brand {
		min-height: 340px;
	}

	.zst-account__member {
		grid-template-columns: 1fr;
	}

	.zst-account__member-nav {
		position: static;
	}

	.zst-account__member-nav nav {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	.zst-account__summary {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.zst-account {
		padding: 28px 0 36px;
	}

	.zst-account__inner {
		width: min(100% - 28px,1320px);
	}

	.zst-account__auth {
		border-radius: 24px;
	}

	.zst-account__brand {
		min-height: 280px;
		padding: 26px 20px;
	}

	.zst-account__logo {
		width: min(230px,78%);
		margin-bottom: 24px;
	}

	.zst-account__brand h1,
	.zst-account__member-card h1 {
		font-size: 41px;
	}

	.zst-account__brand-line {
		margin-top: 22px;
	}

	.zst-account__card {
		padding: 25px 18px;
	}

	.zst-account__row {
		grid-template-columns: 1fr;
	}

	.zst-account__form-meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.zst-account__primary,
	.zst-account__secondary {
		width: 100%;
	}

	.zst-account__primary {
		justify-self: stretch;
	}

	.zst-account__actions {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.zst-account__member-card,
	.zst-account__member-nav {
		border-radius: 22px;
	}

	.zst-account__member-card {
		padding: 24px 18px;
	}

	.zst-account__summary {
		grid-template-columns: 1fr;
	}
}


/* Rendelések a meglévő fiókfelületben. */
.zst-account__orders .zt-history{margin:0;padding:0;max-width:none}
.zst-account__orders-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,3vw,32px);font-weight:700;color:var(--brown)}
.zst-account__orders-toggle::-webkit-details-marker{display:none}
.zst-account__orders-toggle:focus-visible{outline:2px solid #b9873d;outline-offset:5px;border-radius:5px}
.zst-account__orders-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border:1px solid #e7d7bd;border-radius:50%;background:#faf5ed;box-shadow:0 2px 8px rgba(82,56,29,.06);transition:transform .25s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.zst-account__orders-chevron::after{content:"";display:block;width:9px;height:9px;border-right:2px solid #795334;border-bottom:2px solid #795334;transform:translateY(-2px) rotate(45deg)}
.zst-account__orders-toggle:hover .zst-account__orders-chevron{background:#f3e8d8;border-color:#d8bb8c;box-shadow:0 4px 12px rgba(82,56,29,.1)}
.zst-account__orders[open]>.zst-account__orders-toggle .zst-account__orders-chevron,.zst-account__profile[open]>.zst-account__orders-toggle .zst-account__orders-chevron{transform:rotate(180deg)}
.zst-account__orders-content{margin-top:22px;padding-top:20px;border-top:1px solid rgba(74,41,22,.12)}
.zst-account__orders .zt-history>h2{display:none}
.zst-account__summary a{color:var(--brown);text-decoration:none}
.zst-account__summary a:hover{text-decoration:underline}
.zst-account__member-card{scroll-margin-top:28px}
.zst-account .zst-account__nowrap{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}

/* Regisztráció: kissé tömörebb függőleges ritmus */
.zst-account__form--register {
	gap: 10px;
}

.zst-account__form--register .zst-account__row {
	row-gap: 10px;
}

.zst-account__form--register label:not(.zst-account__check) {
	gap: 5px;
}

.zst-account__form--register input[type="text"],
.zst-account__form--register input[type="email"],
.zst-account__form--register input[type="tel"],
.zst-account__form--register input[type="password"] {
	min-height: 46px;
}

.zst-account__form--register small {
	line-height: 1.25;
}

.zst-account__form--register .zst-account__privacy {
	line-height: 1.35;
}

/* Nextend Google button on the custom sign-in and registration pages. */
.zst-account__social-slot .nsl-container,
.zst-account__social-slot .nsl-container-block {
	width: 100%;
	max-width: none;
}
.zst-account__social-slot .nsl-button {
	border-radius: 12px;
}

/* Account deletion: separated from profile editing and order cancellation. */
.zst-account__delete{border:1px solid #d9aaa3;background:#fffaf8}
.zst-account__delete>.zst-account__orders-toggle{color:#963d32}
.zst-account__member-nav nav a[href="#fioktorles"]{color:#963d32}
.zst-account__delete .zst-account__orders-chevron{border-color:#d9aaa3;background:#fff1ed}
.zst-account__delete .zst-account__orders-chevron::after{border-color:#963d32}
.zst-account__delete[open]>.zst-account__orders-toggle .zst-account__orders-chevron{transform:rotate(180deg)}
.zst-account__delete p{font-size:16px;line-height:1.65;margin:0 0 20px}
.zst-account__delete .zst-account__form{margin-top:20px}
.zst-account .zst-account__delete-button{border:1px solid #963d32;border-radius:9px;padding:14px 20px;background:#a44338;color:#fff;font:inherit;font-weight:700;line-height:1.4;cursor:pointer;white-space:normal;text-transform:none}
.zst-account .zst-account__delete-button:hover{background:#87362c}
.zst-account .zst-account__delete-button:focus-visible{outline:3px solid #b9873d;outline-offset:4px}
@media(max-width:600px){.zst-account .zst-account__delete-button{width:100%}}

.zst-email-format-error{display:block;margin-top:7px;color:#a22c2c!important;font-size:13px!important;font-weight:400;line-height:1.5}
.zst-email-format-error[hidden]{display:none!important}
input[data-zst-email-format][aria-invalid="true"]{border-color:#a22c2c!important}