/*//////////////////////////////////////////////////////////////////
[ Height ]*/
.size-301 {
	min-height: 30px;
}

.size-302 {
	min-height: 80px;
}

.size-303 {
	height: 390px;
}

/*==================================================================
   BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND 
==================================================================*/
.bg-none {
	background-color: transparent;
}

.bg0 {
	background-color: #fff;
}

.bg1 {
	background-color: var(--primary-color, #717fe0);
	color: var(--on-primary, #ffffff);
}

.bg2 {
	background-color: #e6e6e6;
}

.bg3 {
	background-color: var(--primary-color, #222);
	color: var(--on-primary, #ffffff);
}

/* .cl0 is hardcoded white — force contrast token on primary fills */
.bg1.cl0,
.bg3.cl0,
a.bg1.cl0,
button.bg1.cl0,
a.bg3.cl0,
button.bg3.cl0 {
	color: var(--on-primary, #ffffff);
}

footer.site-footer.bg3 {
	background: linear-gradient(180deg,
		color-mix(in srgb, var(--primary-color, #222) 90%, #000) 0%,
		var(--primary-color, #222) 42%,
		color-mix(in srgb, var(--primary-color, #222) 86%, #000) 100%);
	border-top: 1px solid color-mix(in srgb, var(--on-primary, #fff) 14%, transparent);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--on-primary, #fff) 8%, transparent);
}

/* Footer / primary band: headings, body, links follow contrast vs --primary-color */
footer.bg3 .cl0 {
	color: var(--on-primary, #ffffff);
}

footer.bg3 .cl7 {
	color: var(--on-primary-muted, #e8e8e8);
}

footer.bg3 .cl6 {
	color: var(--on-primary-muted, #e8e8e8);
}

footer.bg3 p.stext-107.cl6 a {
	color: var(--on-primary-muted, #e8e8e8);
	text-decoration: underline;
	text-underline-offset: 2px;
}

footer.bg3 a.hov-cl1:hover {
	color: var(--on-primary, #ffffff) !important;
	text-decoration: underline;
}

/* Footer modernized typography + spacing */
.site-footer-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2.25rem clamp(1.75rem, 3.5vw, 3.5rem);
}

.site-footer-col {
	flex: 0 1 auto;
	min-width: 0;
	padding-bottom: 0;
}

.site-footer-col--categories {
	flex-basis: clamp(140px, 12vw, 170px);
	max-width: 170px;
}

.site-footer-col--pages {
	flex-basis: clamp(150px, 14vw, 190px);
	max-width: 190px;
}

/* 7+ Diğer Sayfalar: web'de 2 sütun (daha dengeli footer) */
.site-footer-col--pages.site-footer-col--pages-multi {
	flex-basis: clamp(320px, 34vw, 420px);
	max-width: 420px;
}

.site-footer .site-footer-link-list--cols {
	column-count: 2;
	column-gap: clamp(1.25rem, 2.2vw, 1.85rem);
}

.site-footer .site-footer-link-list--cols .site-footer-link-item {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	padding-bottom: 10px;
}

.site-footer-col--legal {
	flex-basis: clamp(170px, 16vw, 220px);
	max-width: 220px;
}

.site-footer-col--contact {
	flex: 0 0 clamp(240px, 22vw, 272px);
	width: clamp(240px, 22vw, 272px);
	max-width: 272px;
	margin-left: auto;
}

.site-footer .site-footer-title {
	font-family: var(--main-font);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	opacity: 0.82;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid color-mix(in srgb, var(--on-primary, #fff) 16%, transparent);
}

.site-footer .site-footer-link-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-footer .site-footer-link-item {
	padding-bottom: 8px;
}

.site-footer .site-footer-link-item:last-child {
	padding-bottom: 0;
}

.site-footer .site-footer-link-list--legal {
	display: block;
}

.site-footer-contact-panel {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.site-footer .site-footer-contact-block {
	max-width: 100%;
}

.site-footer .site-footer-contact-address {
	margin: 0;
	font-style: normal;
}

.site-footer .site-footer-contact-meta {
	margin: 0;
}

.site-footer-contact-panel .site-footer-contact-block,
.site-footer-contact-panel .site-footer-contact-block .site-footer-contact-address,
.site-footer-contact-panel .site-footer-contact-block .site-footer-contact-meta,
.site-footer-contact-panel .site-footer-contact-block a {
	font-family: var(--main-font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.65 !important;
}

.site-footer-contact-actions {
	margin-top: 0.15rem;
}

.site-footer-col--contact .site-footer-social {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-top: 0.1rem;
}

.site-footer .site-footer-contact-btn {
	width: 100%;
	margin-top: 0;
}

.site-footer-bottom {
	padding-top: 2.25rem;
}

.site-footer-bottom-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem 2rem;
	padding-top: 1.5rem;
	border-top: 1px solid color-mix(in srgb, var(--on-primary, #fff) 12%, transparent);
}

.site-footer-legal--inline {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.85rem 1.25rem;
	margin-top: 0;
}

.site-footer .site-footer-link {
	display: inline-block;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.site-footer .site-footer-link:hover {
	transform: translateX(3px);
}

.site-footer .site-footer-link,
.site-footer .site-footer-copyright {
	font-family: var(--main-font) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.65 !important;
}

.site-footer-legal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.875rem;
	margin-top: 0.25rem;
}

.site-footer-legal .site-footer-copyright {
	margin: 0;
}

.site-footer-powered {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	text-decoration: none;
	border: 1px solid color-mix(in srgb, var(--on-primary, #fff) 20%, transparent);
	background: linear-gradient(135deg,
		color-mix(in srgb, var(--on-primary, #fff) 14%, transparent) 0%,
		color-mix(in srgb, var(--on-primary, #fff) 5%, transparent) 100%);
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.14);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.site-footer-powered:hover,
.site-footer-powered:focus-visible {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--on-primary, #fff) 36%, transparent);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	outline: none;
}

.site-footer-powered__label {
	color: color-mix(in srgb, var(--on-primary, #fff) 72%, transparent);
}

.site-footer-powered__brand {
	color: var(--on-primary, #ffffff);
}

.site-footer .site-footer-contact-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 0 16px;
	border: 1px solid color-mix(in srgb, var(--on-primary, #fff) 34%, transparent);
	border-radius: 999px;
	background: color-mix(in srgb, var(--on-primary, #fff) 10%, transparent);
	color: var(--on-primary, #ffffff);
	font-family: var(--main-font);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease,
		background-color 0.2s ease;
}

.site-footer .site-footer-contact-btn:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--on-primary, #fff) 58%, transparent);
	background: color-mix(in srgb, var(--on-primary, #fff) 16%, transparent);
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
}

.js-panel-contact .js-panel-contact-inner {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden;
}

.wrap-header-cart.js-panel-contact {
	z-index: 1200;
}

.wrap-header-cart.js-panel-contact .header-cart {
	z-index: 1201;
}

.js-panel-contact .contact-us-drawer {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #fff;
}

.js-panel-contact .contact-us-drawer__head {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	align-items: flex-start;
	flex-wrap: nowrap;
	padding: 22px 24px 18px !important;
	border-bottom: 1px solid #e9ecf3;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.js-panel-contact .contact-us-drawer__close {
	position: absolute;
	top: 18px;
	right: 18px;
	z-index: 2;
	margin: 0;
}

.js-panel-contact .contact-us-drawer__title-wrap {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	padding-right: 52px;
}

.js-panel-contact .contact-us-drawer__subtitle {
	margin: 8px 0 0;
	padding-left: 34px;
	font-size: 13px;
	line-height: 1.55;
	font-weight: 500;
	color: #64748b;
	text-transform: none;
	letter-spacing: normal;
}

.js-panel-contact .contact-panel-shell {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding: 20px 24px 12px;
	-webkit-overflow-scrolling: touch;
}

.js-panel-contact .contact-us-form {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

.js-panel-contact .contact-us-drawer__footer {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 16px 24px calc(18px + env(safe-area-inset-bottom, 0px));
	background: #fff;
	border-top: 1px solid #e9ecf3;
	box-shadow: 0 -10px 28px rgba(15, 23, 42, 0.06);
}

.js-panel-contact .contact-us-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 1rem 1.75rem;
	border: none;
	border-radius: 999px;
	background: linear-gradient(145deg, var(--primary-color, #717fe0), color-mix(in srgb, var(--primary-color, #717fe0) 72%, #4338ca));
	color: #fff;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: 0 10px 28px color-mix(in srgb, var(--primary-color, #717fe0) 34%, transparent);
	transition: transform 0.15s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.js-panel-contact .contact-us-submit:hover,
.js-panel-contact .contact-us-submit:focus-visible {
	filter: brightness(1.05);
	box-shadow: 0 12px 32px color-mix(in srgb, var(--primary-color, #717fe0) 40%, transparent);
	outline: none;
}

.js-panel-contact .contact-us-submit:active {
	transform: translateY(1px);
}

.js-panel-contact .contact-us-submit.is-loading,
.js-panel-contact .contact-us-submit:disabled {
	opacity: 0.78;
	pointer-events: none;
}

.js-panel-contact .contact-us-form-alert {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 500;
}

.js-panel-contact .contact-us-form-alert.is-error {
	background: color-mix(in srgb, #ef4444 10%, #fff);
	border: 1px solid color-mix(in srgb, #ef4444 28%, #fecaca);
	color: #b91c1c;
}

.js-panel-contact .contact-us-form-alert.is-success {
	background: color-mix(in srgb, #22c55e 12%, #fff);
	border: 1px solid color-mix(in srgb, #22c55e 28%, #bbf7d0);
	color: #15803d;
}

.js-panel-contact .contact-us-form-alert i {
	margin-top: 1px;
	font-size: 15px;
	flex-shrink: 0;
}

.js-panel-contact .contact-us-field-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}

.js-panel-contact .contact-us-field {
	margin-bottom: 16px;
}

.js-panel-contact .contact-us-field-grid .contact-us-field {
	margin-bottom: 0;
}

.js-panel-contact .contact-us-field--message {
	margin-bottom: 0;
}

.js-panel-contact .contact-us-label {
	display: block;
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #64748b;
}

.js-panel-contact .checkout-rounded-field {
	border-radius: 12px !important;
	border: 1px solid #e2e8f0 !important;
	background: #fff !important;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.js-panel-contact .checkout-rounded-field input,
.js-panel-contact .checkout-rounded-field textarea {
	border: none;
	background: transparent;
	width: 100%;
	min-height: 48px;
	font-size: 15px;
	color: #0f172a;
}

.js-panel-contact .contact-us-message-wrap {
	min-height: 128px;
}

.js-panel-contact .contact-us-message {
	min-height: 112px;
	max-height: 220px;
	resize: vertical;
}

body.contact-drawer-open {
	overflow: hidden;
}

body.contact-drawer-open .btn-back-to-top {
	display: none !important;
	visibility: hidden;
	pointer-events: none;
}

body.contact-drawer-open #checkout-sticky-bar-mount > .cart-sticky-bar--interactive:not(.cart-sticky-bar--embedded),
body.mobile-menu-open #checkout-sticky-bar-mount > .cart-sticky-bar--interactive:not(.cart-sticky-bar--embedded) {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body.contact-drawer-open .cart-sticky-bar-spacer,
body.mobile-menu-open .cart-sticky-bar-spacer {
	height: 0 !important;
}

body.account-drawer-open .btn-back-to-top,
body.mobile-menu-open .btn-back-to-top {
	display: none !important;
	visibility: hidden;
	pointer-events: none;
}

body.account-drawer-open .checkout-sticky-dock,
body.mobile-menu-open .checkout-sticky-dock {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Checkout sipariş dock — mobil menü / drawer açıkken login CTA'nın üstünü örtmesin */
body.mobile-menu-open .checkout-mobile-dock,
body.account-drawer-open .checkout-mobile-dock,
body.cart-drawer-open .checkout-mobile-dock,
body.wishlist-drawer-open .checkout-mobile-dock,
body.contact-drawer-open .checkout-mobile-dock {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body.account-drawer-open #checkout-sticky-bar-mount > .cart-sticky-bar--interactive:not(.cart-sticky-bar--embedded),
body.account-drawer-open #checkout-sticky-bar-mount > .cart-sticky-bar--dock,
body.mobile-menu-open #checkout-sticky-bar-mount > .cart-sticky-bar--interactive:not(.cart-sticky-bar--embedded),
body.mobile-menu-open #checkout-sticky-bar-mount > .cart-sticky-bar--dock,
body.contact-drawer-open #checkout-sticky-bar-mount > .cart-sticky-bar--interactive:not(.cart-sticky-bar--embedded),
body.contact-drawer-open #checkout-sticky-bar-mount > .cart-sticky-bar--dock {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

@media (min-width: 992px) {
	body.wishlist-drawer-open #checkout-sticky-bar-mount > .cart-sticky-bar--interactive:not(.cart-sticky-bar--embedded),
	body.wishlist-drawer-open #checkout-sticky-bar-mount > .cart-sticky-bar--dock,
	body.wishlist-drawer-closing #checkout-sticky-bar-mount > .cart-sticky-bar--interactive:not(.cart-sticky-bar--embedded),
	body.wishlist-drawer-closing #checkout-sticky-bar-mount > .cart-sticky-bar--dock {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
}

body.account-drawer-open .cart-sticky-bar-spacer,
body.mobile-menu-open .cart-sticky-bar-spacer {
	height: 0 !important;
}

@media (min-width: 768px) {
	.js-panel-contact .header-cart.contact-us-drawer {
		width: min(460px, calc(100vw - 40px));
		max-width: 460px;
	}

	.js-panel-contact .contact-us-drawer__head {
		padding: 26px 28px 20px !important;
	}

	.js-panel-contact .contact-panel-shell {
		padding: 22px 28px 16px;
	}

	.js-panel-contact .contact-us-drawer__footer {
		padding: 16px 28px 24px;
	}
}

@media (max-width: 767px) {
	.js-panel-contact .contact-us-drawer__head {
		padding: calc(14px + env(safe-area-inset-top, 0px)) 18px 16px !important;
	}

	.js-panel-contact .contact-us-drawer__close {
		top: calc(12px + env(safe-area-inset-top, 0px));
		right: 14px;
	}

	.js-panel-contact .contact-us-drawer__subtitle {
		padding-left: 0;
		margin-top: 10px;
		font-size: 12px;
	}

	.js-panel-contact .header-drawer-title-text {
		flex-wrap: nowrap;
	}

	.js-panel-contact .contact-panel-shell {
		padding: 16px 18px 10px;
	}

	.js-panel-contact .contact-us-drawer__footer {
		padding: 14px 18px calc(16px + env(safe-area-inset-bottom, 0px));
	}

	.js-panel-contact .contact-us-submit {
		padding: 0.95rem 1.5rem;
		font-size: 0.95rem;
	}

	.js-panel-contact .contact-us-field-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

@media (max-width: 420px) {
	.js-panel-contact .contact-us-field-grid .contact-us-field {
		margin-bottom: 0;
	}
}

.site-footer .site-footer-social a {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid color-mix(in srgb, var(--on-primary, #fff) 26%, transparent);
	border-radius: 999px;
	margin-right: 0;
	background: color-mix(in srgb, var(--on-primary, #fff) 8%, transparent);
	transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.site-footer .site-footer-social a:last-child {
	margin-right: 0;
}

.site-footer .site-footer-social a:hover {
	transform: translateY(-1px);
	border-color: color-mix(in srgb, var(--on-primary, #fff) 48%, transparent);
	background: color-mix(in srgb, var(--on-primary, #fff) 14%, transparent);
	text-decoration: none !important;
}

.site-footer .site-footer-social a.hov-cl1:hover {
	text-decoration: none !important;
}

.site-footer .site-footer-social a svg {
	width: 14px;
	height: 14px;
	display: block;
	fill: currentColor;
}

/* Footer — secure shopping + payment logos */
.site-footer-payments-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.85rem;
	width: 100%;
	max-width: 380px;
	margin: 0;
	padding: 0.9rem 1rem;
	border-radius: 12px;
	background: color-mix(in srgb, var(--on-primary, #fff) 6%, transparent);
	border: 1px solid color-mix(in srgb, var(--on-primary, #fff) 12%, transparent);
}

.site-footer-secure {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
}

.site-footer-secure__icon {
	width: 2.5rem;
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 1rem;
	color: var(--on-primary, #ffffff);
	background: color-mix(in srgb, var(--on-primary, #fff) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--on-primary, #fff) 24%, transparent);
}

.site-footer-secure__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.15rem;
	line-height: 1.2;
}

.site-footer-secure__title {
	font-family: var(--main-font);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--on-primary, #ffffff);
	text-transform: uppercase;
}

.site-footer-secure__badge {
	font-family: var(--main-font);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	color: var(--on-primary-muted, #e8e8e8);
}

.site-footer .site-footer-payments {
	column-gap: 1rem;
	row-gap: 0.75rem;
	justify-content: flex-start;
	width: 100%;
}

.site-footer .site-footer-payments .site-footer-payment-logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
}

.site-footer .site-footer-payments .site-footer-payment-logo img {
	height: 22px;
	width: auto;
	max-width: 58px;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
}

@media ( min-width : 768px) {
	.site-footer-payments-wrap {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		max-width: 100%;
		gap: 1.25rem 1.75rem;
	}

	.site-footer .site-footer-payments {
		flex: 1 1 auto;
		justify-content: flex-end;
		width: auto;
	}
}

.checkout-payment-logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	column-gap: 1.125rem;
	row-gap: 0.75rem;
}

.checkout-payment-logos .checkout-payment-logo {
	height: 24px;
	width: auto;
	max-width: 68px;
	object-fit: contain;
	vertical-align: middle;
	opacity: 0.88;
	filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05));
}

/* Dynamic font bindings for utility typography classes */
.stext-101, .stext-102, .stext-103, .stext-104, .stext-105, .stext-106,
.stext-107, .stext-108, .stext-109, .stext-110, .stext-111, .stext-112,
.stext-113, .stext-114, .stext-115, .stext-116, .stext-117, .mtext-101,
.mtext-102, .mtext-104, .mtext-105, .mtext-106, .mtext-107, .mtext-108,
.mtext-110 {
	font-family: var(--main-font) !important;
}

.stext-301, .mtext-103, .mtext-109, .mtext-111, .mtext-112, .mtext-113,
.ltext-101, .ltext-102, .ltext-103, .ltext-104, .ltext-105, .ltext-106,
.ltext-107, .ltext-108, .ltext-109, .ltext-201, .ltext-202 {
	font-family: var(--accent-font) !important;
}

@media (max-width: 1199px) {
	.site-footer-col--categories,
	.site-footer-col--pages,
	.site-footer-col--legal {
		flex-basis: calc(50% - 1rem);
		max-width: none;
	}

	.site-footer-col--pages.site-footer-col--pages-multi {
		flex-basis: 100%;
		max-width: none;
	}

	.site-footer-col--contact {
		flex: 1 1 100%;
		width: 100%;
		max-width: 320px;
		margin-left: auto;
		margin-right: auto;
	}

	.site-footer-bottom-bar {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1.5rem;
	}

	.site-footer-payments-wrap {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.site-footer-secure {
		justify-content: center;
	}

	.site-footer-secure__text {
		align-items: center;
	}

	.site-footer .site-footer-payments {
		justify-content: center;
		width: 100%;
	}

	.site-footer-legal--inline {
		justify-content: center;
		width: 100%;
	}

	.site-footer .site-footer-copyright {
		text-align: center;
	}
}

@media ( max-width : 767px) {
	.site-footer-bottom-bar {
		flex-direction: column;
		align-items: center;
	}

	.site-footer-legal--inline {
		justify-content: center;
	}

	.site-footer-grid {
		flex-direction: column;
		align-items: center;
		gap: 2rem;
	}

	.site-footer-col--categories,
	.site-footer-col--pages,
	.site-footer-col--legal,
	.site-footer-col--contact {
		flex: 1 1 100%;
		width: 100%;
		max-width: 320px;
	}

	.site-footer-col--pages.site-footer-col--pages-multi {
		max-width: 320px;
	}

	.site-footer .site-footer-link-list--cols {
		column-count: 1;
		column-gap: 0;
	}

	.site-footer-col--contact {
		margin-left: auto;
		margin-right: auto;
	}

	.site-footer .site-footer-col {
		text-align: center;
	}

	.site-footer .site-footer-title {
		text-align: center;
	}

	.site-footer .site-footer-col ul {
		padding-left: 0;
		text-align: center;
	}

	.site-footer .site-footer-link {
		display: inline-block;
	}

	.site-footer .site-footer-contact-block {
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.site-footer .site-footer-contact-address,
	.site-footer .site-footer-contact-meta {
		text-align: center;
	}

	.site-footer-col--contact .site-footer-social {
		justify-content: center;
	}

	.site-footer .site-footer-social a {
		margin-right: 0;
	}

	.site-footer-payments-wrap {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		box-sizing: border-box;
	}

	.site-footer-secure {
		justify-content: center;
	}

	.site-footer-secure__text {
		align-items: center;
	}

	.site-footer .site-footer-payments {
		justify-content: center;
		width: 100%;
	}

	.site-footer .site-footer-copyright {
		text-align: center;
	}
}

.bg5 {
	background-color: rgba(0, 0, 0, 0.5);
}

.bg6 {
	background-color: #f2f2f2;
}

.bg7 {
	background-color: #333;
}

.bg8 {
	background-color: #f3f3f3;
}

.bg9 {
	background-color: rgba(255, 255, 255, 0.9);
}

/*---------------------------------------------*/
.bg-overlay1::before {
	content: "";
	position: absolute;
	z-index: -100;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.5;
}

/*---------------------------------------------*/
.bg-img1 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*==================================================================
       BORDER BORDER  BORDER  BORDER  BORDER  BORDER  BORDER  BORDER
==================================================================*/
.bor0 {
	border-radius: 50%;
}

.bor1 {
	border-radius: 23px;
}

.bor2 {
	border-radius: 20px;
}

.bor3 {
	border-bottom: 1px solid transparent;
}

.bor4 {
	border: 1px solid #e6e6e6;
	border-radius: 3px;
}

.bor5 {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.bor6 {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.bor7 {
	border: 1px solid #ccc;
	border-radius: 15px;
}

.bor8 {
	border: 1px solid #e6e6e6;
	border-radius: 2px;
}

.bor9 {
	border-right: 1px solid #e6e6e6;
}

.bor10 {
	border: 1px solid #e6e6e6;
}

.bor11 {
	border-radius: 21px;
}

.bor12 {
	border-bottom: 1px dashed #d9d9d9;
}

.bor13 {
	border: 1px solid #e6e6e6;
	border-radius: 22px;
}

.bor14 {
	border-radius: 25px;
}

.bor15 {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.bor16 {
	border-left: 3px solid #e6e6e6;
}

.bor17 {
	border: 1px solid #e6e6e6;
	border-radius: 25px;
}

/*---------------------------------------------*/
.bor18 {
	border-top: 1px solid #e6e6e6;
}

.bor18:last-child {
	border-bottom: 1px solid #e6e6e6;
}

/*---------------------------------------------*/
.bor19 {
	border: 1px solid #d9d9d9;
	border-radius: 2px;
}

/*==================================================================
 HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW HOW 
==================================================================*/
.plh0::-webkit-input-placeholder {
	color: #999999;
}

.plh0:-moz-placeholder {
	color: #999999;
}

.plh0::-moz-placeholder {
	color: #999999;
}

.plh0:-ms-input-placeholder {
	color: #999999;
}

.plh1::-webkit-input-placeholder {
	color: #b2b2b2;
}

.plh1:-moz-placeholder {
	color: #b2b2b2;
}

.plh1::-moz-placeholder {
	color: #b2b2b2;
}

.plh1:-ms-input-placeholder {
	color: #b2b2b2;
}

.plh2::-webkit-input-placeholder {
	color: #333;
}

.plh2:-moz-placeholder {
	color: #333;
}

.plh2::-moz-placeholder {
	color: #333;
}

.plh2:-ms-input-placeholder {
	color: #333;
}

.plh3::-webkit-input-placeholder {
	color: #555;
}

.plh3:-moz-placeholder {
	color: #555;
}

.plh3::-moz-placeholder {
	color: #555;
}

.plh3:-ms-input-placeholder {
	color: #555;
}

.plh4::-webkit-input-placeholder {
	color: #888;
}

.plh4:-moz-placeholder {
	color: #888;
}

.plh4::-moz-placeholder {
	color: #888;
}

.plh4:-ms-input-placeholder {
	color: #888;
}

/*---------------------------------------------*/
.js-addedwish-detail {
	color: #6c7ae0;
}

/*---------------------------------------------*/
.label1 {
	position: relative;
}

.label1::after {
	content: attr(data-label1);
	font-family: Poppins-Regular;
	font-size: 10px;
	line-height: 15px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	display: block;
	position: absolute;
	top: 3px;
	right: -9px;
	height: 15px;
	min-width: 32px;
	border-radius: 7px;
	padding: 0 4px;
	background-color: #f74877;
}

.label1.rs1::after {
	top: calc(50% - 8px);
	right: auto;
	left: 90%;
}

/*---------------------------------------------*/
.how-active1 {
	color: #333;
	border-color: #797979;
}

/*---------------------------------------------*/
.wrap-input1 {
	position: relative;
	border-bottom: 2px solid rgba(204, 204, 204, 0.1);
}

.input1 {
	background-color: transparent;
	width: 100%;
}

.focus-input1 {
	position: absolute;
	width: 0%;
	height: 2px;
	background-color: #6774d5;
	left: 0;
	bottom: -2px;
}

.input1:focus+.focus-input1 {
	width: 100%;
}

/*---------------------------------------------*/
.how-pagination1 {
	font-family: Poppins-Regular;
	font-size: 14px;
	color: #808080;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
}

.how-pagination1:hover {
	background-color: #999;
	border-color: #999;
	color: #fff;
}

.active-pagination1 {
	background-color: #999;
	border-color: #999;
	color: #fff;
}

/*---------------------------------------------*/
.how-shadow1 {
	box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
}

/*---------------------------------------------*/
.how-pos1 {
	position: absolute;
	top: 10px;
	right: 10px;
}

/*---------------------------------------------*/
.how-pos2 {
	padding-left: 10.7%;
	padding-right: 11%;
}

@media ( max-width : 991px) {
	.how-pos2 {
		padding-left: 8%;
		padding-right: 8%;
	}
}

/*---------------------------------------------*/
.how-pos3-parent {
	position: relative;
}

.how-pos3 {
	position: absolute;
	top: -35px;
	right: 0px;
}

/*---------------------------------------------*/
.how-pos4-parent {
	position: relative;
}

.how-pos4 {
	position: absolute;
	top: calc(50% - 9px);
	left: 28px;
}

/*---------------------------------------------*/
.how-pos5-parent {
	position: relative;
}

.how-pos5 {
	position: absolute;
	top: 15px;
	left: 10px;
}

/*---------------------------------------------*/
.how-itemcart1 {
	width: 60px;
	position: relative;
	margin-right: 20px;
	cursor: pointer;
}

.how-itemcart1 img {
	width: 100%;
}

.how-itemcart1::after {
	content: '\e870';
	font-family: Linearicons-Free;
	font-size: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	opacity: 0;
}

.how-itemcart1:hover:after {
	opacity: 1;
}

/*---------------------------------------------*/
.how-bor2, .how-bor1 {
	position: relative;
	z-index: 1;
}

.how-bor2::before, .how-bor1::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	border: 3px solid #ccc;
}

.how-bor1::before {
	bottom: -21px;
	left: -21px;
}

@media ( max-width : 767px) {
	.how-bor1::before {
		bottom: -21px;
		right: -21px;
		left: auto;
	}
}

.how-bor2::before {
	bottom: -21px;
	right: -21px;
}

/*==================================================================
      PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO PSEUDO
==================================================================*/

/*//////////////////////////////////////////////////////////////////
[ Focus ]*/
.focus-in0:focus::-webkit-input-placeholder {
	color: transparent;
}

.focus-in0:focus:-moz-placeholder {
	color: transparent;
}

.focus-in0:focus::-moz-placeholder {
	color: transparent;
}

.focus-in0:focus:-ms-input-placeholder {
	color: transparent;
}

/*//////////////////////////////////////////////////////////////////
[ Hover ]*/
.hov-cl0:hover {
	color: #fff;
}

.hov-bg0:hover {
	background-color: #fff;
}

.hov-cl1:hover {
	color: var(--primary-ink, var(--primary-color, #717fe0));
}

.hov-bg1:hover {
	background-color: #717fe0;
}

/*---------------------------------------------*/
.hov-img0 {
	display: block;
	overflow: hidden;
}

.hov-img0 img {
	width: 100%;
	-webkit-transition: transform 0.9s ease;
	-o-transition: transform 0.9s ease;
	-moz-transition: transform 0.9s ease;
	transition: transform 0.9s ease;
}

.hov-img0:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

/*---------------------------------------------*/
.hov-btn1:hover {
	border-color: var(--primary-color, #222);
	background-color: var(--primary-color, #222);
	color: var(--on-primary, #ffffff);
}

.hov-btn1:hover i {
	color: var(--on-primary, #ffffff);
}

/*---------------------------------------------*/
.hov-btn2:hover {
	border-color: #fff;
	background-color: #fff;
	color: #717fe0;
}

/*---------------------------------------------*/
.hov-btn3:hover {
	border-color: var(--primary-color, #717fe0);
	background-color: var(--primary-color, #717fe0);
	color: var(--on-primary, #ffffff);
}

.hov-btn3:hover i {
	color: var(--on-primary, #ffffff);
}

/*---------------------------------------------*/
.hov-tag1:hover {
	color: #717fe0;
	border-color: #717fe0;
}

/*---------------------------------------------*/
.hov-ovelay1 {
	position: relative;
}

.hov-ovelay1::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(103, 117, 214, 0.8);
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.hov-ovelay1:hover:after {
	opacity: 1;
}

/*---------------------------------------------*/
.hov1:hover {
	color: #333;
	border-color: #797979;
}

/*---------------------------------------------*/
.hov2:hover {
	background-color: #f2f2f2;
}

/*---------------------------------------------*/
.hov3 {
	opacity: 0.6;
}

.hov3:hover {
	opacity: 1;
}

/*==================================================================
  RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE
==================================================================*/

/*//////////////////////////////////////////////////////////////////
[ XL ]*/
@media ( max-width : 1199px) {
	.m-0-xl {
		margin: 0;
	}
	.m-lr-0-xl {
		margin-left: 0;
		margin-right: 0;
	}
	.m-lr-15-xl {
		margin-left: 15px;
		margin-right: 15px;
	}
	.m-l-0-xl {
		margin-left: 0;
	}
	.m-r-0-xl {
		margin-right: 0;
	}
	.m-l-15-xl {
		margin-left: 15px;
	}
	.m-r-15-xl {
		margin-right: 15px;
	}
	.p-0-xl {
		padding: 0;
	}
	.p-lr-0-xl {
		padding-left: 0;
		padding-right: 0;
	}
	.p-lr-15-xl {
		padding-left: 15px;
		padding-right: 15px;
	}
	.p-l-0-xl {
		padding-left: 0;
	}
	.p-r-0-xl {
		padding-right: 0;
	}
	.p-l-15-xl {
		padding-left: 15px;
	}
	.p-r-15-xl {
		padding-right: 15px;
	}
	.w-full-xl {
		width: 100%;
	}

	/*---------------------------------------------*/
}

/*//////////////////////////////////////////////////////////////////
[ LG ]*/
@media ( max-width : 991px) {
	.m-0-lg {
		margin: 0;
	}
	.m-lr-0-lg {
		margin-left: 0;
		margin-right: 0;
	}
	.m-lr-15-lg {
		margin-left: 15px;
		margin-right: 15px;
	}
	.m-l-0-lg {
		margin-left: 0;
	}
	.m-r-0-lg {
		margin-right: 0;
	}
	.m-l-15-lg {
		margin-left: 15px;
	}
	.m-r-15-lg {
		margin-right: 15px;
	}
	.p-0-lg {
		padding: 0;
	}
	.p-lr-0-lg {
		padding-left: 0;
		padding-right: 0;
	}
	.p-lr-15-lg {
		padding-left: 15px;
		padding-right: 15px;
	}
	.p-l-0-lg {
		padding-left: 0;
	}
	.p-r-0-lg {
		padding-right: 0;
	}
	.p-l-15-lg {
		padding-left: 15px;
	}
	.p-r-15-lg {
		padding-right: 15px;
	}
	.w-full-lg {
		width: 100%;
	}

	/*---------------------------------------------*/
	.respon4 {
		width: 50%;
	}

	/*---------------------------------------------*/
	.respon5 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

/*//////////////////////////////////////////////////////////////////
[ MD ]*/
@media ( max-width : 767px) {
	.m-0-md {
		margin: 0;
	}
	.m-lr-0-md {
		margin-left: 0;
		margin-right: 0;
	}
	.m-lr-15-md {
		margin-left: 15px;
		margin-right: 15px;
	}
	.m-l-0-md {
		margin-left: 0;
	}
	.m-r-0-md {
		margin-right: 0;
	}
	.m-l-15-md {
		margin-left: 15px;
	}
	.m-r-15-md {
		margin-right: 15px;
	}
	.p-0-md {
		padding: 0;
	}
	.p-lr-0-md {
		padding-left: 0;
		padding-right: 0;
	}
	.p-lr-15-md {
		padding-left: 15px;
		padding-right: 15px;
	}
	.p-l-0-md {
		padding-left: 0;
	}
	.p-r-0-md {
		padding-right: 0;
	}
	.p-l-15-md {
		padding-left: 15px;
	}
	.p-r-15-md {
		padding-right: 15px;
	}
	.w-full-md {
		width: 100%;
	}

	/*---------------------------------------------*/
	.respon4 {
		width: 100%;
	}
}

/*//////////////////////////////////////////////////////////////////
[ SM ]*/
@media ( max-width : 575px) {
	.m-0-sm {
		margin: 0;
	}
	.m-lr-0-sm {
		margin-left: 0;
		margin-right: 0;
	}
	.m-lr-15-sm {
		margin-left: 15px;
		margin-right: 15px;
	}
	.m-l-0-sm {
		margin-left: 0;
	}
	.m-r-0-sm {
		margin-right: 0;
	}
	.m-l-15-sm {
		margin-left: 15px;
	}
	.m-r-15-sm {
		margin-right: 15px;
	}
	.p-0-sm {
		padding: 0;
	}
	.p-lr-0-sm {
		padding-left: 0;
		padding-right: 0;
	}
	.p-lr-15-sm {
		padding-left: 15px;
		padding-right: 15px;
	}
	.p-l-0-sm {
		padding-left: 0;
	}
	.p-r-0-sm {
		padding-right: 0;
	}
	.p-l-15-sm {
		padding-left: 15px;
	}
	.p-r-15-sm {
		padding-right: 15px;
	}
	.w-full-sm {
		width: 100%;
	}

	/*---------------------------------------------*/
	.respon1 {
		font-size: 40px;
	}

	/*---------------------------------------------*/
	.respon2 {
		font-size: 20px;
	}

	/*---------------------------------------------*/
	.respon6 {
		width: 65px;
	}
	.respon6-next {
		width: calc(100% - 65px);
	}

	/*---------------------------------------------*/
	.respon7 {
		padding-left: 60px;
	}
}

/*//////////////////////////////////////////////////////////////////
[ SSM ]*/
@media ( max-width : 480px) {
	.m-0-ssm {
		margin: 0;
	}
	.m-lr-0-ssm {
		margin-left: 0;
		margin-right: 0;
	}
	.m-lr-15-ssm {
		margin-left: 15px;
		margin-right: 15px;
	}
	.m-l-0-ssm {
		margin-left: 0;
	}
	.m-r-0-ssm {
		margin-right: 0;
	}
	.m-l-15-ssm {
		margin-left: 15px;
	}
	.m-r-15-ssm {
		margin-right: 15px;
	}
	.p-0-ssm {
		padding: 0;
	}
	.p-lr-0-ssm {
		padding-left: 0;
		padding-right: 0;
	}
	.p-lr-15-ssm {
		padding-left: 15px;
		padding-right: 15px;
	}
	.p-l-0-ssm {
		padding-left: 0;
	}
	.p-r-0-ssm {
		padding-right: 0;
	}
	.p-l-15-ssm {
		padding-left: 15px;
	}
	.p-r-15-ssm {
		padding-right: 15px;
	}
	.w-full-ssm {
		width: 100%;
	}

	/*---------------------------------------------*/
	.respon3 {
		padding: 20px;
	}
}

#modal-images-container .item-slick3 {
	width: 100%;
	aspect-ratio: 3/4;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background-color: #f7f7f7;
	overflow: hidden;
	border-radius: 8px;
}

#modal-images-container .item-slick3 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 10px;
}

.slick3-dots li {
	width: 60px !important;
	height: 60px !important;
	margin-bottom: 10px !important;
}

.slick3-dots li img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

@media ( max-width : 767px) {
	.arrow-slick3 {
		position: absolute !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 35px !important;
		height: 35px !important;
		background-color: rgba(0, 0, 0, 0.3) !important;
		color: white !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		z-index: 100 !important;
		border: none !important;
	}
	.prev-slick3 {
		left: 10px !important;
	}
	.next-slick3 {
		right: 10px !important;
	}
	.arrow-slick3 i {
		font-size: 18px !important;
		margin: 0 !important;
	}
	.wrap-slick3 {
		position: relative !important;
	}
	.wrap-slick3-dots {
		margin-bottom: 15px !important;
	}
}

.wrap-header-account {
	position: fixed;
	z-index: 1190;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.0);
	visibility: hidden;
	-webkit-transition: background-color 0.28s ease, visibility 0s linear 0.28s;
	-o-transition: background-color 0.28s ease, visibility 0s linear 0.28s;
	-moz-transition: background-color 0.28s ease, visibility 0s linear 0.28s;
	transition: background-color 0.28s ease, visibility 0s linear 0.28s;
}

.wrap-header-account.show-header-account {
	visibility: visible;
	z-index: 1200;
	background-color: rgba(15, 23, 42, 0.58);
	-webkit-transition: background-color 0.28s ease, visibility 0s;
	-o-transition: background-color 0.28s ease, visibility 0s;
	-moz-transition: background-color 0.28s ease, visibility 0s;
	transition: background-color 0.28s ease, visibility 0s;
}

.show-header-account .header-cart {
	right: 0 !important;
}

.wrap-header-account .header-cart {
	right: -400px;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.wrap-header-account {
	position: fixed;
	z-index: 1190;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.0);
	visibility: hidden;
	-webkit-transition: background-color 0.28s ease, visibility 0s linear 0.28s;
	-o-transition: background-color 0.28s ease, visibility 0s linear 0.28s;
	-moz-transition: background-color 0.28s ease, visibility 0s linear 0.28s;
	transition: background-color 0.28s ease, visibility 0s linear 0.28s;
}

.wrap-header-account.show-header-account {
	visibility: visible;
	z-index: 1200;
	background-color: rgba(15, 23, 42, 0.58);
	-webkit-transition: background-color 0.28s ease, visibility 0s;
	-o-transition: background-color 0.28s ease, visibility 0s;
	-moz-transition: background-color 0.28s ease, visibility 0s;
	transition: background-color 0.28s ease, visibility 0s;
}

.header-account {
	position: fixed;
	z-index: 1201;
	width: 390px;
	max-width: calc(100% - 30px);
	height: 100vh;
	top: 0;
	right: -400px;
	background-color: #f6f7fb;
	-webkit-transition: right 0.32s cubic-bezier(0.32, 0.72, 0, 1);
	-o-transition: right 0.32s cubic-bezier(0.32, 0.72, 0, 1);
	-moz-transition: right 0.32s cubic-bezier(0.32, 0.72, 0, 1);
	transition: right 0.32s cubic-bezier(0.32, 0.72, 0, 1);
	box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
}

.wrap-header-account.show-header-account .header-account {
	right: 0;
}

.wrap-header-account .s-full {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}

.header-account::after {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
}

.js-pscroll {
	position: relative;
	overflow: hidden;
}

.js-addcart-detail {
	cursor: pointer;
}

/* Wishlist drawer: column layout so CTA sits on bottom, list scrolls */
.js-panel-wishlist .js-panel-wishlist-inner {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden;
}

.js-panel-wishlist .wishlist-panel-shell {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Mini cart drawer: same column + shell as wishlist */
.js-panel-cart .js-panel-cart-inner {
	display: flex !important;
	flex-direction: column !important;
	overflow: hidden;
}

.js-panel-cart .cart-panel-shell {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Mini drawer (cart + wishlist + contact + account) — shared panel */
.js-panel-cart .mini-drawer-panel,
.js-panel-wishlist .mini-drawer-panel,
.js-panel-contact .mini-drawer-panel,
.js-panel-account .mini-drawer-panel {
	background: #f6f7fb;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.js-panel-cart .header-cart-title,
.js-panel-wishlist .header-cart-title {
	width: 100% !important;
	max-width: 100% !important;
}

.js-panel-cart .mini-drawer-title,
.js-panel-wishlist .mini-drawer-title {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 18px 14px 14px 16px !important;
	height: auto !important;
	min-height: 0 !important;
	border-bottom: 1px solid #e9ecf3;
	background: #fff;
}

.header-drawer-title-text {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
}

.mini-drawer-title-label {
	font-weight: 700;
}

.mini-drawer-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 7px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	background: var(--primary-color, #717fe0);
	color: var(--on-primary, #fff);
}

.header-drawer-title-icon--wishlist {
	color: #ef4444;
}

.mini-drawer-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #eef0f4;
	color: #4b5563;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	flex-shrink: 0;
	transition: background-color 0.2s, color 0.2s;
}

.mini-drawer-close:hover {
	background: #e5e7eb;
	color: #111827;
}

.mini-drawer-body {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	width: 100%;
	background: #f6f7fb;
}

.mini-drawer-scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	padding: 4px 12px 12px;
	width: 100%;
	list-style: none;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	box-sizing: border-box;
	position: relative;
}

.mini-drawer-item-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px;
	border: 1px solid #e8ecf4;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
	width: 100%;
	box-sizing: border-box;
}

.mini-drawer-item-card--empty {
	border: none;
	box-shadow: none;
	background: transparent;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 48px 20px;
	min-height: 200px;
}

.mini-drawer-empty-icon {
	font-size: 48px;
	color: #d1d5db;
	margin-bottom: 12px;
	line-height: 1;
}

.mini-drawer-empty-text {
	font-size: 14px;
	color: #6b7280;
	margin-bottom: 16px;
}

.mini-drawer-empty-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 22px;
	border-radius: 999px;
	background: var(--primary-color, #717fe0);
	color: var(--on-primary, #fff);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.mini-drawer-item-img {
	display: block;
	position: relative;
	width: 68px;
	height: 68px;
	flex-shrink: 0;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e5e7eb;
	--block2-badge-inset: 4px;
}

.mini-drawer-item-img .block2-pic-badges--discount {
	top: auto;
	left: auto;
	right: var(--block2-badge-inset, 4px);
	bottom: var(--block2-badge-inset, 4px);
	z-index: 2;
	max-width: calc(100% - var(--block2-badge-inset, 4px) * 2);
}

.mini-drawer-item-img .block2-discount-badge {
	padding: 0.2rem 0.34rem 0.18rem 0.28rem;
	border-radius: 0.32rem;
	gap: 0.12rem;
	animation: none;
}

.mini-drawer-item-img .block2-discount-badge__value {
	font-size: 0.5625rem;
}

.mini-drawer-item-img .block2-discount-badge__label {
	font-size: 0.4375rem;
	letter-spacing: 0.02em;
}

.mini-drawer-item-img::before,
.mini-drawer-item-img::after {
	display: none !important;
	content: none !important;
}

.mini-drawer-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mini-drawer-item-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mini-drawer-item-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}

.mini-drawer-item-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
}

.mini-drawer-item-name {
	font-size: 13px;
	font-weight: 600;
	color: #1f2937;
	line-height: 1.4;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.mini-drawer-item-variant {
	display: block;
	font-size: 11px;
	color: #9ca3af;
	line-height: 1.35;
	margin: 0;
}

.mini-drawer-item-info .mini-cart-stock-slot {
	margin: 0;
	min-height: 0;
}

.mini-drawer-item-info .mini-cart-stock-slot:empty {
	display: none;
}

.mini-drawer-item-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #cbd5e1;
	font-size: 18px;
	cursor: pointer;
	flex-shrink: 0;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.mini-drawer-item-remove:hover {
	color: #ef4444;
	background: #fef2f2;
}

/* myCart / myWishlist drawer — aynı silme ikonu standardı */
.js-panel-cart .mini-drawer-item-remove,
.js-panel-wishlist .mini-drawer-item-remove {
	color: var(--primary-ink, var(--primary-color, #717fe0));
	width: 2.5rem;
	height: 2.5rem;
	font-size: 1.45rem;
	background: color-mix(in srgb, var(--primary-color, #717fe0) 10%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--primary-color, #717fe0) 22%, #e5e7eb);
	border-radius: 10px;
}

.js-panel-cart .mini-drawer-item-remove:hover,
.js-panel-cart .mini-drawer-item-remove:focus-visible,
.js-panel-wishlist .mini-drawer-item-remove:hover,
.js-panel-wishlist .mini-drawer-item-remove:focus-visible {
	color: color-mix(in srgb, var(--primary-ink, var(--primary-color, #717fe0)) 90%, #111827);
	background: color-mix(in srgb, var(--primary-color, #717fe0) 16%, #ffffff);
	border-color: color-mix(in srgb, var(--primary-color, #717fe0) 34%, #e5e7eb);
	outline: none;
}

.mini-drawer-item-remove.is-loading,
.checkout-cart-remove.is-loading {
	opacity: 0.7;
	pointer-events: none;
	cursor: wait;
}

.mini-drawer-item-remove.is-loading i,
.checkout-cart-remove.is-loading i {
	display: inline-block;
	animation: ecom-toast-spin 0.75s linear infinite;
}

.js-addwish-b2.is-loading,
.js-addwish-detail.is-loading {
	opacity: 0.65;
	pointer-events: none;
	cursor: wait;
}

.mini-drawer-item-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.mini-drawer-item-bottom--wishlist {
	justify-content: space-between;
}

.mini-drawer-item-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: var(--primary-color, #717fe0);
	color: var(--on-primary, #fff);
	font-size: 18px;
	cursor: pointer;
	flex-shrink: 0;
	text-decoration: none;
	transition: filter 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
	box-shadow: 0 6px 16px color-mix(in srgb, var(--primary-color, #717fe0) 30%, transparent);
}

.mini-drawer-item-action--link {
	background: #f3f4f6;
	color: #4b5563;
	box-shadow: none;
}

.mini-drawer-item-action--link:hover {
	color: var(--primary-ink, var(--primary-color, #717fe0));
	background: #eef2ff;
}

.mini-drawer-item-action--cart:hover:not(:disabled) {
	filter: brightness(1.05);
	transform: translateY(-1px);
}

.mini-drawer-item-action--disabled,
.mini-drawer-item-action:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}

.account-store-card__view--disabled,
.account-store-card__view:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
	filter: none;
}

.mini-drawer-item-action.is-loading {
	opacity: 0.65;
	pointer-events: none;
}

.mini-drawer-item-price {
	text-align: right;
	flex-shrink: 0;
}

.js-panel-cart .mini-drawer-item-bottom {
	padding-top: 8px;
	border-top: 1px solid #eef0f4;
}

.mini-drawer-footer {
	flex-shrink: 0;
	margin-top: auto;
	padding: 14px 14px calc(14px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid #e9ecf3;
	background: #f6f7fb;
}

@media (min-width: 992px) {
	.js-panel-cart .mini-drawer-footer,
	.js-panel-wishlist .mini-drawer-footer {
		padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	}
}

/* Header cart / wishlist icon pulse on add */
@keyframes headerIconPulse {
	0% {
		transform: scale(1);
	}
	35% {
		transform: scale(1.18);
	}
	65% {
		transform: scale(0.95);
	}
	100% {
		transform: scale(1);
	}
}

.js-show-cart.header-icon-pulse i,
.js-show-wishlist.header-icon-pulse i,
#cart-icon-badge.header-icon-pulse i,
#wishlist-icon-badge.header-icon-pulse i,
#wishlist-icon-badge-mobile.header-icon-pulse i {
	animation: headerIconPulse 0.55s ease;
}


.js-panel-wishlist .wishlist-panel-shell {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Drawer title standard (cart + wishlist) */
.header-drawer-panel {
	background: #fff;
}

.header-drawer-title {
	width: 100%;
	flex-shrink: 0;
	margin: 0 !important;
	padding-top: 24px !important;
	padding-bottom: 16px !important;
	border-bottom: 1px solid #e9ecf3;
	background: #fff;
}

.js-panel-cart .header-drawer-title,
.js-panel-wishlist .header-drawer-title,
.js-panel-contact .header-drawer-title {
	margin: 0 !important;
}

/* Normalize legacy cart header spacing to match wishlist */
.js-panel-cart .header-cart-title,
.js-panel-wishlist .wishlist-header,
.js-panel-contact .header-cart-title,
.js-panel-contact .contact-us-drawer__head {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
}

.js-panel-cart .header-cart-title,
.js-panel-wishlist .wishlist-header {
	align-items: center;
}

.header-drawer-title-text {
	display: inline-flex;
	align-items: center;
	font-weight: 700;
}

.header-drawer-title-icon {
	color: var(--primary-ink, var(--primary-color, #d4a017));
	font-size: 26px;
	line-height: 1;
}

/* Theme adds bottom spacer to .header-cart; drawer footers handle layout */
.js-panel-wishlist .header-cart::after,
.js-panel-cart .header-cart::after,
.js-panel-contact .header-cart::after,
.js-panel-account .header-account::after {
	display: none;
	content: none;
	height: 0;
	min-height: 0;
}

/* Header slide-out drawers: depth aligned with main cart cards */
.js-panel-cart .header-cart,
.js-panel-wishlist .header-cart,
.js-panel-contact .header-cart,
.js-panel-account .header-account {
	box-shadow: -8px 0 32px rgba(17, 24, 39, 0.1);
	height: 100dvh !important;
	max-height: 100dvh !important;
}

@media (max-width: 991px) {
	/* Drawer overlay (z 1205) header'ı (z 1101) zaten örter.
	   visibility:hidden staged open'da logo/header'ı anlık beyaza düşürüyordu — dokunma. */
	body.cart-drawer-open .mobile-header-fixed-shell,
	body.cart-drawer-closing .mobile-header-fixed-shell,
	body.wishlist-drawer-open .mobile-header-fixed-shell,
	body.wishlist-drawer-closing .mobile-header-fixed-shell,
	body.account-drawer-open .mobile-header-fixed-shell,
	body.contact-drawer-open .mobile-header-fixed-shell {
		pointer-events: none;
	}

	.wrap-header-cart.js-panel-cart,
	.wrap-header-cart.js-panel-wishlist,
	.wrap-header-cart.js-panel-contact,
	.wrap-header-account.js-panel-account {
		height: 100dvh;
		z-index: 1205;
		-webkit-transition: background-color 0.28s ease, visibility 0s linear 0.32s;
		-o-transition: background-color 0.28s ease, visibility 0s linear 0.32s;
		transition: background-color 0.28s ease, visibility 0s linear 0.32s;
	}

	.wrap-header-cart.js-panel-cart.show-header-cart,
	.wrap-header-cart.js-panel-wishlist.show-header-wishlist,
	.wrap-header-cart.js-panel-contact.show-header-cart,
	.wrap-header-account.js-panel-account.show-header-account,
	body.cart-drawer-open .wrap-header-cart.js-panel-cart,
	body.cart-drawer-closing .wrap-header-cart.js-panel-cart,
	body.wishlist-drawer-open .wrap-header-cart.js-panel-wishlist,
	body.wishlist-drawer-closing .wrap-header-cart.js-panel-wishlist,
	body.account-drawer-open .wrap-header-account.js-panel-account,
	body.contact-drawer-open .wrap-header-cart.js-panel-contact {
		visibility: visible;
		z-index: 1205;
		pointer-events: auto;
		-webkit-transition: background-color 0.28s ease, visibility 0s;
		-o-transition: background-color 0.28s ease, visibility 0s;
		transition: background-color 0.28s ease, visibility 0s;
	}

	body.cart-drawer-open .wrap-header-cart.js-panel-cart,
	body.wishlist-drawer-open .wrap-header-cart.js-panel-wishlist,
	body.account-drawer-open .wrap-header-account.js-panel-account,
	body.contact-drawer-open .wrap-header-cart.js-panel-contact,
	.wrap-header-cart.js-panel-cart.show-header-cart,
	.wrap-header-cart.js-panel-wishlist.show-header-wishlist,
	.wrap-header-cart.js-panel-contact.show-header-cart,
	.wrap-header-account.js-panel-account.show-header-account {
		background-color: rgba(15, 23, 42, 0.58);
	}

	body.cart-drawer-closing .wrap-header-cart.js-panel-cart,
	body.wishlist-drawer-closing .wrap-header-cart.js-panel-wishlist {
		background-color: rgba(15, 23, 42, 0);
		pointer-events: none;
	}

	.js-panel-cart .header-cart.mini-drawer-panel,
	.js-panel-wishlist .header-cart.mini-drawer-panel,
	.js-panel-contact .header-cart.mini-drawer-panel,
	.js-panel-account .header-account.mini-drawer-panel {
		left: 0;
		right: 0 !important;
		width: 100%;
		max-width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
		border-radius: 0;
		z-index: 1;
		transform: translate3d(0, 100%, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translate3d(0, 100%, 0);
		contain: layout paint;
		will-change: transform;
		-webkit-transition: -webkit-transform 0.34s cubic-bezier(0.32, 0.72, 0, 1);
		-o-transition: transform 0.34s cubic-bezier(0.32, 0.72, 0, 1);
		transition: transform 0.34s cubic-bezier(0.32, 0.72, 0, 1);
	}

	/* Eski full-width sticky: drawer altını kesiyordu. FAB modunda gerek yok —
	   cart açıkken footer embedded bar var (bottom:0), wishlist’te sticky footer yok. */
	body.has-cart-sticky-bar.cart-drawer-open .js-panel-cart .header-cart.mini-drawer-panel,
	body.has-cart-sticky-bar.cart-drawer-closing .js-panel-cart .header-cart.mini-drawer-panel,
	body.has-cart-sticky-bar.wishlist-drawer-open .js-panel-wishlist .header-cart.mini-drawer-panel,
	body.has-cart-sticky-bar.wishlist-drawer-closing .js-panel-wishlist .header-cart.mini-drawer-panel {
		bottom: 0 !important;
		height: 100dvh !important;
		max-height: 100dvh !important;
	}

	.show-header-cart .header-cart.mini-drawer-panel,
	.show-header-wishlist .header-cart.mini-drawer-panel,
	.wrap-header-account.show-header-account .header-account.mini-drawer-panel {
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}

	body.cart-drawer-closing .js-panel-cart .header-cart.mini-drawer-panel,
	body.wishlist-drawer-closing .js-panel-wishlist .header-cart.mini-drawer-panel {
		transform: translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		pointer-events: none;
	}

	.js-panel-cart .mini-drawer-title,
	.js-panel-wishlist .mini-drawer-title,
	.js-panel-contact .mini-drawer-title,
	.js-panel-account .account-drawer-title {
		padding-top: calc(12px + env(safe-area-inset-top, 0px)) !important;
		padding-bottom: 10px !important;
	}

	/* Mobil/tablet: dış FAB; drawer açıkken footer'daki checkout bar kullanılır */
	.js-panel-cart .mini-drawer-footer,
	.js-panel-wishlist .mini-drawer-footer {
		display: none !important;
	}

	body.cart-drawer-open .js-panel-cart .mini-drawer-footer,
	body.cart-drawer-closing .js-panel-cart .mini-drawer-footer {
		display: block !important;
		padding: 0;
		border-top: 0;
		background: transparent;
	}

	.js-panel-cart .mini-drawer-scroll,
	.js-panel-wishlist .mini-drawer-scroll,
	.js-panel-contact .mini-drawer-scroll {
		padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	}

	/* Scroll lock: scroll-lock.js (ecom-scroll-locked) — body overflow:hidden scroll sıfırlar */

	@media (prefers-reduced-motion: reduce) {
		.wrap-header-cart.js-panel-cart,
		.wrap-header-cart.js-panel-wishlist,
		.wrap-header-account.js-panel-account {
			-webkit-transition: none;
			-o-transition: none;
			transition: none;
		}

		.js-panel-cart .header-cart.mini-drawer-panel,
		.js-panel-wishlist .header-cart.mini-drawer-panel,
		.js-panel-account .header-account.mini-drawer-panel {
			-webkit-transition: none;
			-o-transition: none;
			transition: none;
			transform: none;
		}

		.show-header-cart .header-cart.mini-drawer-panel,
		.show-header-wishlist .header-cart.mini-drawer-panel,
		.wrap-header-account.show-header-account .header-account.mini-drawer-panel {
			transform: none;
		}
	}
}

.wrap-header-account .header-account {
	box-shadow: -8px 0 32px rgba(17, 24, 39, 0.1);
}

/*//////////////////////////////////////////////////////////////////
[ Header Wishlist ]*/

.wrap-header-wishlist {
	position: fixed;
	z-index: 1100;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.0);
	visibility: hidden;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.show-header-wishlist {
	visibility: visible;
	pointer-events: auto;
	background-color: rgba(0, 0, 0, 0.6);
}

.show-header-wishlist .header-cart {
	right: 0;
}

.js-addwish-detail.active i,
.js-addwish-b2.active i,
.js-addwish-b2.is-active i {
	color: var(--primary-ink, var(--primary-color));
}

.js-addwish-detail:hover,
.js-addwish-b2:hover {
	text-decoration: none;
}