/*
 * Header & Footer styles.
 * Scoped to .zlz-header / .zlz-footer / .zlz-announcement-bar so this file
 * can be cached aggressively (rarely changes) separately from page content.
 */

.zlz-announcement-bar {
	background: var(--zlz-primary);
	color: #fff;
	text-align: center;
	padding: 8px;
	font-size: 12px;
}

.zlz-header {
	background: #fff;
	border-bottom: 0.5px solid #E5E1ED;
}

.zlz-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	gap: 16px;
}

.zlz-header__logo img {
	height: 44px;
	width: auto;
}

.zlz-header__menu {
	display: flex;
	gap: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #6b6478;
}

.zlz-header__actions {
	display: flex;
	align-items: center;
	gap: 16px;
}

.zlz-country-selector {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border: 0.5px solid #E5E1ED;
	border-radius: 8px;
	cursor: pointer;
	font-size: 12px;
	color: #6b6478;
}

.zlz-header__icon-link {
	font-size: 18px;
	color: #6b6478;
	position: relative;
}

.zlz-header__cart-count {
	position: absolute;
	top: -6px;
	right: -8px;
	width: 14px;
	height: 14px;
	background: var(--zlz-accent-orange);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 9px;
	color: #fff;
}

@media (max-width: 768px) {
	.zlz-header__menu {
		display: none; /* mobile uses a hamburger menu — JS toggle to be added */
	}
}

/* ---------- Confidence strip + footer ---------- */

.zlz-confidence {
	position: relative;
	background: #FFFFFF;
	padding: 32px 0 30px;
}

.zlz-confidence__panel {
	position: relative;
	overflow: hidden;
	border: 1px solid #E9E0EE;
	border-radius: 26px;
	background:
		radial-gradient(circle at 8% 0%, rgba(217, 83, 128, 0.08), transparent 29%),
		linear-gradient(135deg, #FFF9F2 0%, #FCFAFF 100%);
	box-shadow: 0 18px 48px rgba(39, 28, 44, 0.08);
}

.zlz-confidence__content {
	position: relative;
	z-index: 2;
	padding: 28px 152px 22px 28px;
}

.zlz-confidence__header {
	margin: 0 0 22px;
	text-align: center;
}

.zlz-confidence__eyebrow {
	display: inline-block;
	margin-bottom: 5px;
	color: #7B3FE4;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.zlz-confidence__header h2 {
	margin: 0;
	color: #271C2C;
	font-size: clamp(24px, 2.4vw, 34px);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: -0.025em;
}

.zlz-confidence__trust-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.zlz-confidence__trust-item {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 11px;
	padding: 14px;
	border: 1px solid rgba(90, 71, 102, 0.10);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 7px 18px rgba(39, 28, 44, 0.04);
}

.zlz-confidence__icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border-radius: 13px;
	color: #7B3FE4;
	background: #EFE7FC;
}

.zlz-confidence__icon svg {
	display: block;
	width: 25px;
	height: 25px;
}

.zlz-confidence__trust-item--1 .zlz-confidence__icon {
	color: #2A7772;
	background: #E5F7F4;
}

.zlz-confidence__trust-item--2 .zlz-confidence__icon {
	color: #A95F0D;
	background: #FFF0DE;
}

.zlz-confidence__trust-item--3 .zlz-confidence__icon {
	color: #62741B;
	background: #EEF4D9;
}

.zlz-confidence__trust-item--4 .zlz-confidence__icon {
	color: #267B9C;
	background: #E5F4FA;
}

.zlz-confidence__trust-copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.zlz-confidence__trust-copy strong {
	color: #271C2C;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}

.zlz-confidence__trust-copy small {
	color: #746B79;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.35;
}

.zlz-confidence__payments {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(90, 71, 102, 0.12);
}

.zlz-confidence__payments-label {
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 10px;
}

.zlz-confidence__lock {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border-radius: 11px;
	background: #E9F7F5;
	color: #2A7772;
}

.zlz-confidence__lock svg {
	width: 19px;
	height: 19px;
}

.zlz-confidence__payments-label > span:last-child {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 1px;
}

.zlz-confidence__payments-label strong {
	color: #271C2C;
	font-size: 12px;
	font-weight: 600;
}

.zlz-confidence__payments-label small {
	color: #817786;
	font-size: 10px;
	line-height: 1.35;
}

.zlz-confidence__payment-list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

.zlz-confidence__payment-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 40px;
	padding: 5px 9px;
	border: 1px solid #E4DCE9;
	border-radius: 11px;
	background: #FFFFFF;
	box-shadow: 0 3px 10px rgba(39, 28, 44, 0.035);
	box-sizing: border-box;
}

.zlz-confidence__payment-badge svg,
.zlz-confidence__payment-badge img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.zlz-confidence__payment-text {
	color: #4C4251;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
}

.zlz-decor-character--confidence {
	right: 12px;
	bottom: -20px;
	z-index: 1;
	width: 128px;
	max-height: 170px;
	opacity: 0.96;
	transform: rotate(-2deg);
}


@media (max-width: 1180px) {
	.zlz-confidence__content {
		padding-right: 28px;
	}

	.zlz-decor-character--confidence {
		display: none;
	}
}

@media (max-width: 920px) {
	.zlz-confidence__trust-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zlz-confidence__payments {
		align-items: flex-start;
		flex-direction: column;
	}

	.zlz-confidence__payment-list {
		justify-content: flex-start;
	}
}

.zlz-footer {
	background: var(--zlz-dark-bg);
	color: #fff;
	padding: 28px 0 20px;
}

.zlz-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 24px;
	margin-bottom: 24px;
}

.zlz-footer__brand p {
	font-size: 12px;
	color: #9A92B0;
	line-height: 1.7;
	max-width: 220px;
	margin-top: 12px;
}

.zlz-footer__heading {
	font-size: 11px;
	font-weight: 500;
	color: #9A92B0;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.zlz-footer__col a {
	display: block;
	font-size: 12px;
	color: #C9C2DB;
	line-height: 2;
}

.zlz-footer__bottom {
	border-top: 0.5px solid #352A3D;
	padding-top: 16px;
	font-size: 11px;
	color: #9A92B0;
}

@media (max-width: 768px) {
	.zlz-footer__grid {
		grid-template-columns: 1fr;
	}
}

/* ========== MOBİL DÜZELTMELERİ ========== */

@media (max-width: 640px) {
	.zlz-confidence {
		padding: 20px 0;
	}

	.zlz-confidence__panel {
		border-radius: 20px;
	}

	.zlz-confidence__content {
		padding: 22px 16px 18px;
	}

	.zlz-confidence__header {
		margin-bottom: 18px;
	}

	.zlz-confidence__header h2 {
		font-size: 25px;
	}

	.zlz-confidence__trust-grid {
		grid-template-columns: 1fr 1fr;
		gap: 9px;
	}

	.zlz-confidence__trust-item {
		align-items: flex-start;
		gap: 9px;
		padding: 12px 10px;
	}

	.zlz-confidence__icon {
		width: 36px;
		height: 36px;
		flex-basis: 36px;
		border-radius: 11px;
	}

	.zlz-confidence__icon svg {
		width: 21px;
		height: 21px;
	}

	.zlz-confidence__trust-copy strong {
		font-size: 11px;
	}

	.zlz-confidence__trust-copy small {
		font-size: 9px;
	}

	.zlz-confidence__payments {
		gap: 14px;
		margin-top: 15px;
		padding-top: 15px;
	}

	.zlz-confidence__payments-label small {
		display: none;
	}

	.zlz-confidence__payment-list {
		width: 100%;
		justify-content: center;
		gap: 7px;
	}

	.zlz-confidence__payment-badge {
		width: 66px;
		height: 38px;
		padding: 5px 7px;
	}

	/* Footer: tek kolon, accordion tarzı menüler */
	.zlz-footer__grid {
		grid-template-columns: 1fr !important;
		gap: 0;
	}
	.zlz-footer__col {
		border-top: 0.5px solid #352A3D;
		padding: 12px 0;
	}
	.zlz-footer__col a {
		display: none; /* Accordion açıldığında gösterilecek, şimdilik gizli */
	}
	.zlz-footer__heading {
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		margin-bottom: 0;
		font-size: 13px;
		color: #fff;
		letter-spacing: 0;
		text-transform: none;
	}
	.zlz-footer__heading::after {
		content: '›';
		font-size: 18px;
		color: #9A92B0;
		transform: rotate(90deg);
		display: inline-block;
	}

	/* Header: mobilde ülke seçici ayrı satır */
	.zlz-country-selector {
		display: none; /* Header'dan kaldır */
	}
	.zlz-header__inner {
		flex-wrap: wrap;
	}

	/* Announcement bar font size */
	.zlz-announcement-bar {
		font-size: 11px;
		padding: 6px 12px;
	}
}