/* Faz 9b: başlık oluşturucu, mega menü ve mobil çekmece. Renkler yalnız --azk-* belirteçlerinden gelir. */
.azk-header, .azk-drawer {
	--azk-hdr-bg: var(--azk-color-bg);
	--azk-hdr-fg: var(--azk-color-text);
	--azk-hdr-hover: var(--azk-color-link);
}
.azk-header--dark { --azk-hdr-bg: var(--azk-footer-bg); --azk-hdr-fg: var(--azk-footer-fg); --azk-hdr-hover: var(--azk-footer-fg); }
.azk-header--brand { --azk-hdr-bg: var(--azk-color-brand); --azk-hdr-fg: var(--azk-color-on-brand); --azk-hdr-hover: var(--azk-color-on-brand); }
.azk-header { position: relative; z-index: 100; background: var(--azk-hdr-bg); color: var(--azk-hdr-fg); transition: box-shadow var(--azk-motion-fast); }
.azk-header--sticky { position: sticky; top: calc(var(--azk-hdr-top-h, 0px) * -1); }
.azk-header.is-stuck { box-shadow: var(--azk-shadow-card); }
body.admin-bar .azk-header--sticky { top: calc(32px - var(--azk-hdr-top-h, 0px)); }
@media (max-width: 782px) { body.admin-bar .azk-header--sticky { top: calc(46px - var(--azk-hdr-top-h, 0px)); } }
@media (max-width: 600px) { body.admin-bar .azk-header--sticky { top: calc(0px - var(--azk-hdr-top-h, 0px)); } }
.azk-header a:not(.azk-btn) { color: var(--azk-hdr-fg); }
.azk-header a:not(.azk-btn):hover { color: var(--azk-hdr-hover); }
.azk-header .azk-brand__name { color: var(--azk-hdr-fg); }

.azk-hdr-desktop { display: none; }
.azk-hdr-mobile { display: block; }
@media (min-width: 900px) {
	.azk-hdr-desktop { display: block; }
	.azk-hdr-mobile { display: none; }
}
.azk-hrow__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--azk-space-2) var(--azk-space-5);
	padding-block: var(--azk-space-3);
}
.azk-hrow--has-center .azk-hrow__inner { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.azk-hrow--has-center .azk-hcol--center { max-width: 100%; }
.azk-hcol--center:empty { display: none; }
.azk-hrow + .azk-hrow { border-top: var(--azk-border-w) solid color-mix(in srgb, var(--azk-hdr-fg) 16%, var(--azk-hdr-bg)); }
.azk-hrow--top { background: color-mix(in srgb, var(--azk-hdr-fg) 7%, var(--azk-hdr-bg)); font-size: .875rem; }
.azk-hrow--top .azk-hrow__inner { padding-block: var(--azk-space-1); }
.azk-hrow--main .azk-hrow__inner { padding-block: .65rem; }
.azk-hcol { display: flex; align-items: center; gap: var(--azk-space-4); min-width: 0; }
.azk-hcol--center { justify-content: center; }
.azk-hcol--right { justify-content: flex-end; }
.azk-hel { min-width: 0; }
.azk-hel--search { flex: 1 1 auto; display: flex; justify-content: center; }
.azk-hdr-text { margin: 0; }
.azk-hdr-spacer { flex: 1 1 auto; }
.azk-hdr-lang { display: flex; gap: var(--azk-space-2); margin: 0; padding: 0; list-style: none; }
.azk-hdr-icon, .azk-burger, .azk-drawer__close {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	min-width: var(--azk-control-h);
	min-height: var(--azk-control-h);
	text-decoration: none;
}
.azk-header .azk-hdr-label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
.azk-cart-count {
	position: absolute;
	top: .15rem;
	right: -.1rem;
	min-width: 1.15rem;
	height: 1.15rem;
	padding-inline: .2rem;
	border-radius: 999px;
	background: var(--azk-color-brand);
	color: var(--azk-color-on-brand);
	font-size: .7rem;
	font-weight: 700;
	line-height: 1.15rem;
	text-align: center;
}
.azk-cart-count[hidden] { display: none; }
.azk-header .azk-cart-count { color: var(--azk-color-on-brand); }
.azk-header--brand .azk-cart-count { background: var(--azk-hdr-fg); color: var(--azk-hdr-bg); }
.azk-header--brand .azk-hdr-cart .azk-cart-count { color: var(--azk-hdr-bg); }
.azk-drawer .azk-cart-count { position: static; margin-left: .25rem; }
.azk-header--brand .azk-hdr-button { border-color: var(--azk-hdr-fg); background: var(--azk-hdr-fg); color: var(--azk-hdr-bg); }
.azk-header--brand .azk-hdr-button:hover { background: color-mix(in srgb, var(--azk-hdr-fg) 85%, var(--azk-hdr-bg)); color: var(--azk-hdr-bg); }
.azk-header a.azk-hdr-button { color: var(--azk-color-on-brand); }
.azk-header--brand a.azk-hdr-button { color: var(--azk-hdr-bg); }
.azk-hdr-button { min-height: 2.5rem; padding-block: .35rem; }

.azk-hdr-search {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 32rem;
	border: var(--azk-border-w) solid color-mix(in srgb, var(--azk-hdr-fg) 35%, var(--azk-hdr-bg));
	border-radius: var(--azk-btn-radius);
	background: var(--azk-hdr-bg);
}
.azk-hdr-search input[type="search"] { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; color: var(--azk-hdr-fg); }
.azk-hdr-search input[type="search"]::placeholder { color: color-mix(in srgb, var(--azk-hdr-fg) 72%, var(--azk-hdr-bg)); }
.azk-hdr-search button[type="submit"] { flex: 0 0 auto; min-width: var(--azk-control-h); padding: 0; border: 0; background: transparent; color: var(--azk-hdr-fg); }
.azk-hdr-search button[type="submit"]:hover { background: transparent; color: var(--azk-hdr-hover); }
.azk-hdr-search:focus-within { outline: 3px solid var(--azk-color-focus); outline-offset: 2px; }
.azk-hdr-search input:focus-visible { outline: 0; }

/* Menü: masaüstü açılır panel ve mega panel */
:is(.azk-header, .azk-drawer) .azk-nav a { color: var(--azk-hdr-fg); transition: color var(--azk-motion-fast); }
:is(.azk-header, .azk-drawer) .azk-nav a:hover, :is(.azk-header, .azk-drawer) .azk-nav .current-menu-item > a { color: var(--azk-hdr-hover); }
.azk-nav li { display: flex; flex-wrap: wrap; align-items: center; }
.azk-nav--desktop li.menu-item-has-children:not(.menu-item-has-mega) { position: relative; }
.azk-submenu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	min-height: var(--azk-control-h);
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
}
.azk-submenu-toggle svg { width: 16px; height: 16px; transition: transform var(--azk-motion-fast); }
.azk-submenu-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
html:not(.azk-hdr-js) .azk-submenu-toggle { display: none; }
.azk-nav--desktop .sub-menu, .azk-mega {
	--azk-hdr-bg: var(--azk-color-bg);
	--azk-hdr-fg: var(--azk-color-text);
	--azk-hdr-hover: var(--azk-color-link);
	position: absolute;
	top: 100%;
	z-index: 5;
	background: var(--azk-color-bg);
	color: var(--azk-color-text);
	border: var(--azk-border-w) solid var(--azk-color-border);
	border-radius: var(--azk-radius);
	box-shadow: var(--azk-shadow-card);
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px);
	transition: opacity var(--azk-motion-fast), transform var(--azk-motion-fast), visibility 0s linear var(--azk-motion-fast);
}
.azk-nav--desktop .sub-menu {
	left: 0;
	min-width: 14rem;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0;
	padding: var(--azk-space-2);
	margin: 0;
	list-style: none;
}
.azk-nav--desktop .sub-menu a { width: 100%; padding-inline: var(--azk-space-3); }
.azk-nav--desktop .sub-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding-block: 0; }
.azk-mega ~ .sub-menu { display: none; }
.azk-mega { left: 0; right: 0; max-height: 70vh; overflow: auto; padding: var(--azk-space-5); }
html.azk-hdr-js .azk-nav--desktop li.is-open > .sub-menu,
html.azk-hdr-js .azk-nav--desktop li.is-open > .azk-mega,
html:not(.azk-hdr-js) .azk-nav--desktop li:hover > .sub-menu,
html:not(.azk-hdr-js) .azk-nav--desktop li:hover > .azk-mega,
html:not(.azk-hdr-js) .azk-nav--desktop li:focus-within > .sub-menu,
html:not(.azk-hdr-js) .azk-nav--desktop li:focus-within > .azk-mega {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition-delay: 0s;
}

/* Mobil çekmece */
.azk-burger { color: var(--azk-hdr-fg); }
.azk-drawer { position: fixed; inset: 0; z-index: 1000; visibility: hidden; transition: visibility 0s linear 300ms; }
.azk-drawer.is-open, .azk-drawer:target { visibility: visible; transition-delay: 0s; }
.azk-drawer__overlay { position: absolute; inset: 0; background: rgb(0 0 0 / 50%); opacity: 0; transition: opacity 300ms; }
.azk-drawer.is-open .azk-drawer__overlay, .azk-drawer:target .azk-drawer__overlay { opacity: 1; }
.azk-drawer__panel {
	position: absolute;
	z-index: 1;
	inset: 0 auto 0 0;
	display: flex;
	flex-direction: column;
	gap: var(--azk-space-4);
	width: min(86vw, 320px);
	padding: var(--azk-space-3) var(--azk-space-4) var(--azk-space-5);
	overflow-y: auto;
	background: var(--azk-color-bg);
	color: var(--azk-color-text);
	transform: translateX(-100%);
	transition: transform 300ms var(--azk-motion-ease);
}
.azk-drawer.is-open .azk-drawer__panel, .azk-drawer:target .azk-drawer__panel { transform: none; }
.azk-drawer__head { display: flex; justify-content: flex-end; }
.azk-drawer a:not(.azk-btn) { color: var(--azk-hdr-fg); }
.azk-drawer .azk-hdr-search { max-width: none; }
.azk-drawer .azk-nav ul { flex-direction: column; flex-wrap: nowrap; gap: 0; }
.azk-drawer .azk-nav li { display: grid; grid-template-columns: minmax(0, 1fr) auto; border-bottom: var(--azk-border-w) solid var(--azk-color-border); }
.azk-drawer .azk-nav .sub-menu { display: none; grid-column: 1 / -1; padding-left: var(--azk-space-4); border-top: var(--azk-border-w) solid var(--azk-color-border); }
.azk-drawer .azk-nav li.is-open > .sub-menu { display: flex; }
.azk-drawer .azk-nav li li:last-child { border-bottom: 0; }
.azk-drawer__item { display: flex; flex-wrap: wrap; align-items: center; gap: var(--azk-space-3); }
.azk-drawer .azk-hdr-text { color: var(--azk-color-muted); }
/* Çekmece sola yaslı: ikon metnin sol kenarıyla hizalı, dokunma alanı 44 px kalır. */
.azk-drawer .azk-footer__social a { justify-content: flex-start; }
html.azk-drawer-lock { overflow: hidden; }
@media (min-width: 900px) { .azk-drawer { display: none; } }
/* Faz 9h: marka rengi geniş yüzeyde, dikey kategori menüsü, kategori seçmeli arama, metinli giriş, dolu üst şerit, hareket */
.azk-header--light .azk-hrow--top { background: var(--azk-color-brand); color: var(--azk-color-on-brand); }
.azk-header--light .azk-hrow--top a:not(.azk-btn), .azk-header--light .azk-hrow--top a:not(.azk-btn):hover { color: var(--azk-color-on-brand); }
.azk-header--light .azk-hrow--top a:not(.azk-btn):hover { text-decoration: underline; text-underline-offset: 3px; }
.azk-hdr-contact { display: flex; flex-wrap: wrap; gap: var(--azk-space-1) var(--azk-space-4); margin: 0; padding: 0; list-style: none; }
.azk-hdr-contact a { display: inline-flex; align-items: center; gap: .4rem; min-height: 1.75rem; text-decoration: none; }
.azk-hdr-contact svg { width: 16px; height: 16px; }
.azk-brand__name { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; font-weight: var(--azk-heading-weight); letter-spacing: var(--azk-heading-tracking); }
.azk-brand__mark {
	display: inline-grid;
	place-items: center;
	width: 2.1rem;
	height: 2.1rem;
	border-radius: var(--azk-btn-radius);
	background: var(--azk-color-brand);
	color: var(--azk-color-on-brand);
	font-family: var(--azk-font-heading);
	font-size: 1.25rem;
	line-height: 1;
}
.azk-header--brand .azk-brand__mark { background: var(--azk-hdr-fg); color: var(--azk-hdr-bg); }

/* Dikey "Kategoriler" menüsü */
.azk-nav--cats > ul { display: flex; margin: 0; padding: 0; list-style: none; }
.azk-header .azk-nav--cats a.azk-cats__label {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	min-height: var(--azk-control-h);
	padding-inline: 1rem .75rem;
	border-radius: var(--azk-btn-radius) 0 0 var(--azk-btn-radius);
	background: var(--azk-color-brand);
	color: var(--azk-color-on-brand);
	font-weight: 700;
	text-decoration: none;
}
.azk-header .azk-nav--cats a.azk-cats__label:hover { color: var(--azk-color-on-brand); filter: brightness(1.12); }
.azk-nav--cats > ul > li > .azk-submenu-toggle {
	min-width: 2.4rem;
	border-radius: 0 var(--azk-btn-radius) var(--azk-btn-radius) 0;
	background: var(--azk-color-brand);
	color: var(--azk-color-on-brand);
	box-shadow: inset 1px 0 0 color-mix(in srgb, var(--azk-color-on-brand) 25%, transparent);
}
.azk-header--brand .azk-nav--cats a.azk-cats__label, .azk-header--brand .azk-nav--cats > ul > li > .azk-submenu-toggle { background: var(--azk-hdr-fg); color: var(--azk-hdr-bg); }
.azk-header--brand .azk-nav--cats a.azk-cats__label:hover { color: var(--azk-hdr-bg); }
.azk-nav--cats .azk-cats__list { min-width: 17rem; }
.azk-nav--cats .azk-cats__list a { display: flex; align-items: center; gap: .7rem; min-height: 2.6rem; border-radius: var(--azk-btn-radius); }
.azk-nav--cats .azk-cats__list a:hover { background: var(--azk-color-surface); }
.azk-nav--cats .azk-cats__list svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--azk-color-brand); }
.azk-drawer .azk-nav--cats > ul { display: block; }

/* Kategori seçmeli arama */
.azk-hdr-search--cat { max-width: 40rem; overflow: hidden; }
.azk-hdr-search__cat {
	flex: 0 0 auto;
	max-width: 11rem;
	min-height: var(--azk-control-h);
	padding-inline: .75rem 1.9rem;
	border: 0;
	border-right: var(--azk-border-w) solid color-mix(in srgb, var(--azk-hdr-fg) 22%, var(--azk-hdr-bg));
	border-radius: 0;
	background-color: color-mix(in srgb, var(--azk-hdr-fg) 6%, var(--azk-hdr-bg));
	color: var(--azk-hdr-fg);
	font-size: .9rem;
}
.azk-hdr-search--cat button[type="submit"] { background: var(--azk-color-brand); color: var(--azk-color-on-brand); min-width: 3rem; }
.azk-hdr-search--cat button[type="submit"]:hover { background: color-mix(in srgb, var(--azk-color-brand) 86%, #000); color: var(--azk-color-on-brand); }
.azk-header--brand .azk-hdr-search--cat button[type="submit"], .azk-header--brand .azk-hdr-search--cat button[type="submit"]:hover { background: var(--azk-hdr-fg); color: var(--azk-hdr-bg); }

/* Metinli giriş / kayıt */
@media (min-width: 1100px) {
	.azk-header .azk-hdr-account--text { padding-inline: .4rem; }
	.azk-header .azk-hrow:not(.azk-hrow--has-menu) .azk-hdr-account--text .azk-hdr-label {
		position: static;
		width: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		clip-path: none;
		font-size: .92rem;
		font-weight: 600;
	}
}

/* Hareket: menü alt çizgisi (azaltılmış harekette durağan, aşağıdaki genel kural geçişleri keser) */
.azk-nav--desktop:not(.azk-nav--cats) > ul > li > a { position: relative; }
.azk-nav--desktop:not(.azk-nav--cats) > ul > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: .3rem;
	height: 2px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--azk-motion-fast) var(--azk-motion-ease);
}
.azk-nav--desktop:not(.azk-nav--cats) > ul > li:hover > a::after,
.azk-nav--desktop:not(.azk-nav--cats) > ul > li.is-open > a::after,
.azk-nav--desktop:not(.azk-nav--cats) > ul > li.current-menu-item > a::after { transform: scaleX(1); }

/* Faz 10u: başlık ince ayarları. Sınıflar yalnız ilgili ayar doluyken eklenir; boşken bu kurallar hiçbir şeye uymaz. */
/* Saydam başlık: ilk bölümün üstüne biner; kaydırınca (yapışkansa) dolgu rengine döner. */
.azk-header--transparent { position: absolute; top: 0; left: 0; right: 0; --azk-hdr-bg: transparent; --azk-hdr-fg: #fff; --azk-hdr-hover: #fff; }
.azk-header--transparent .azk-hrow--top, .azk-header--transparent .azk-hrow + .azk-hrow { background: transparent; border-color: color-mix(in srgb, #fff 28%, transparent); }
.azk-header--transparent.azk-header--sticky { position: fixed; top: 0; }
body.admin-bar .azk-header--transparent.azk-header--sticky, body.admin-bar .azk-header--transparent { top: 32px; }
@media (max-width: 782px) { body.admin-bar .azk-header--transparent.azk-header--sticky, body.admin-bar .azk-header--transparent { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .azk-header--transparent.azk-header--sticky, body.admin-bar .azk-header--transparent { top: 0; } }
/* Faz 10x5: açık zeminli ilk bölümde koyu yazı (saydam başlık; kaydırınca/üstüne gelince normal renklere döner). */
.azk-header--transparent.azk-header--tone-dark { --azk-hdr-fg: var(--azk-color-text); --azk-hdr-hover: var(--azk-color-link); }
.azk-header--transparent.azk-header--tone-dark .azk-hrow--top, .azk-header--transparent.azk-header--tone-dark .azk-hrow + .azk-hrow { border-color: color-mix(in srgb, var(--azk-color-text) 18%, transparent); }
.azk-header--transparent.is-stuck, .azk-header--transparent:hover, .azk-header--transparent:focus-within { --azk-hdr-bg: var(--azk-color-bg); --azk-hdr-fg: var(--azk-color-text); --azk-hdr-hover: var(--azk-color-link); }
.azk-header--transparent.azk-header--dark.is-stuck, .azk-header--transparent.azk-header--dark:hover, .azk-header--transparent.azk-header--dark:focus-within { --azk-hdr-bg: var(--azk-footer-bg); --azk-hdr-fg: var(--azk-footer-fg); }
.azk-header--transparent.azk-header--brand.is-stuck, .azk-header--transparent.azk-header--brand:hover, .azk-header--transparent.azk-header--brand:focus-within { --azk-hdr-bg: var(--azk-color-brand); --azk-hdr-fg: var(--azk-color-on-brand); --azk-hdr-hover: var(--azk-color-on-brand); }
.azk-header--transparent.is-stuck .azk-hrow--top, .azk-header--transparent:hover .azk-hrow--top, .azk-header--transparent:focus-within .azk-hrow--top { background: color-mix(in srgb, var(--azk-hdr-fg) 7%, var(--azk-hdr-bg)); }
/* Yapışkan başlık biçimleri */
.azk-header--stick-shrink .azk-hrow__inner { transition: padding-block var(--azk-motion-fast); }
.azk-header--stick-shrink.is-stuck .azk-hrow--main .azk-hrow__inner { padding-block: .2rem; }
.azk-header--stick-shrink.is-stuck .custom-logo { max-height: 2rem; width: auto; }
.azk-header--stick-smart { transition: transform var(--azk-motion-fast), box-shadow var(--azk-motion-fast); }
.azk-header--stick-smart.is-hidden { transform: translateY(-110%); }
/* Satır yüksekliği ve ortalı satırlarda sütun oranı */
.azk-header--h-compact .azk-hrow--main .azk-hrow__inner, .azk-header--h-compact .azk-hrow--bottom .azk-hrow__inner { padding-block: .25rem; }
.azk-header--h-tall .azk-hrow--main .azk-hrow__inner, .azk-header--h-tall .azk-hrow--bottom .azk-hrow__inner { padding-block: 1.1rem; }
.azk-header--cols-equal .azk-hrow--has-center .azk-hrow__inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.azk-header--cols-wide-center .azk-hrow--has-center .azk-hrow__inner { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr); }
.azk-header--cols-wide-sides .azk-hrow--has-center .azk-hrow__inner { grid-template-columns: minmax(0, 2fr) auto minmax(0, 2fr); }
/* İkincil menü, HTML Bloğu, mobil arama, açılır giriş */
.azk-nav--secondary ul { display: flex; flex-wrap: wrap; gap: var(--azk-space-3) var(--azk-space-4); margin: 0; padding: 0; list-style: none; font-size: .875rem; }
.azk-nav--drawer.azk-nav--secondary ul { display: block; }
.azk-hdr-block { min-width: 0; }
.azk-hdr-search--mobile { max-width: none; width: 100%; }
.azk-hel--msearch { flex: 1 1 auto; min-width: 0; }
.azk-hdr-login { position: relative; }
.azk-hdr-login > summary { display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; list-style: none; min-height: var(--azk-control-h); }
.azk-hdr-login > summary::-webkit-details-marker { display: none; }
.azk-hdr-login > summary:focus-visible { outline: 3px solid var(--azk-color-focus); outline-offset: 2px; }
.azk-hdr-login__panel {
	position: absolute;
	inset-inline-end: 0;
	top: calc(100% + .4rem);
	z-index: 120;
	width: min(20rem, 88vw);
	padding: var(--azk-space-4);
	border: var(--azk-border-w) solid color-mix(in srgb, var(--azk-hdr-fg) 16%, var(--azk-hdr-bg));
	border-radius: var(--azk-radius-md, 8px);
	background: var(--azk-color-bg);
	color: var(--azk-color-text);
	box-shadow: var(--azk-shadow-card);
}
.azk-hdr-login__panel a:not(.azk-btn) { color: var(--azk-color-link); }
.azk-hdr-login__panel p { margin: 0 0 var(--azk-space-3); }
.azk-hdr-login__panel label { display: block; font-size: .875rem; }
.azk-hdr-login__panel input[type="text"], .azk-hdr-login__panel input[type="password"] { width: 100%; box-sizing: border-box; }
.azk-hdr-login__panel .login-remember label { display: flex; align-items: center; gap: .4rem; }
.azk-hdr-login__more { margin: var(--azk-space-3) 0 0; font-size: .8125rem; }
/* Faz 10x5: giriş yan paneli (sağdan açılır; betik gövdeye taşır, dönüştürülmüş üst öğelerden bağımsız). Açma düğmesi JS yokken #azk-login-panel hedefiyle de çalışır. */
.azk-login-side { position: fixed; inset: 0; z-index: 1001; visibility: hidden; transition: visibility 0s linear 300ms; }
.azk-login-side.is-open, .azk-login-side:target { visibility: visible; transition-delay: 0s; }
.azk-login-side__overlay { position: absolute; inset: 0; background: rgb(0 0 0 / 50%); opacity: 0; transition: opacity 300ms; }
.azk-login-side.is-open .azk-login-side__overlay, .azk-login-side:target .azk-login-side__overlay { opacity: 1; }
.azk-login-side__panel {
	position: absolute;
	z-index: 1;
	inset: 0 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: var(--azk-space-3);
	width: min(92vw, 380px);
	padding: var(--azk-space-3) var(--azk-space-5) var(--azk-space-5);
	overflow-y: auto;
	background: var(--azk-color-bg);
	color: var(--azk-color-text);
	transform: translateX(100%);
	transition: transform 300ms var(--azk-motion-ease);
}
.azk-login-side.is-open .azk-login-side__panel, .azk-login-side:target .azk-login-side__panel { transform: none; }
.azk-login-side__head { display: flex; justify-content: flex-end; }
.azk-login-side__close { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--azk-color-text); }
.azk-login-side__title { margin: 0; font-size: 1.25rem; font-weight: 700; }
.azk-login-side a:not(.azk-btn):not(.azk-login-side__close) { color: var(--azk-color-link); }
.azk-login-side p { margin: 0 0 var(--azk-space-3); }
.azk-login-side label { display: block; font-size: .875rem; }
.azk-login-side input[type="text"], .azk-login-side input[type="password"] { width: 100%; box-sizing: border-box; }
.azk-login-side .login-remember label { display: flex; align-items: center; gap: .4rem; }
html.azk-login-lock { overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}