/**
 * Aquapoint — ana stil dosyası.
 *
 * Onaylı tasarım: tasarim/yon-final.html sentezi (28.07.2026).
 * Katmanlar: fonts → tokens → base → utilities → header → drawer →
 *            hero → sections → components → footer → motion
 *
 * Tema: html[data-theme="light|dark"] — token'lar üzerinden.
 * Okunabilirlik kuralları:
 *  - Ürün görsel alanları koyu temada da AÇIK kalır.
 *  - Cyan (#02A8EB) açık zeminde küçük metinde kullanılmaz;
 *    metin vurguları tema bazlı token'lardan gelir (--price, --accent-text, --em).
 */

/* --------------------------------- fonts ---------------------------------- */

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/manrope-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* --------------------------------- tokens ---------------------------------- */

:root {
	/*
	 * Yapiskan ust seridin (.topbar) yuksekligi. `.site-header` bu kadar
	 * asagidan yapisir; deger `.topbar__inner`'daki `min-height` ile
	 * garanti edilir. Tek yerden degistir, header kendiliginden uyar.
	 */
	--aqp-ust-serit: 44px;

	/* marka paleti (sabit) */
	--aqp-cyan: #02a8eb;
	--aqp-navy: #064ea2;
	--aqp-deep: #10347a;
	--aqp-ink: #071228;
	--aqp-green: #79e729;

	/*
	 * Takma adlar: form ve yasal sayfa stilleri 10 yerde --brand/--brand-2
	 * kullanıyor ama token hiç tanımlanmamıştı. var() geçersiz kalınca
	 * "Talebi gönder" düğmesinin gradyanı hiç çizilmiyordu — açık temada
	 * beyaz üstüne beyaz yazı, görünmez düğme (04.08.2026). Kullanımları
	 * tek tek değiştirmek yerine takma ad tanımlanır.
	 */
	--brand: var(--aqp-cyan);
	--brand-2: var(--aqp-navy);

	--aqp-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	--aqp-radius: 16px;
	--aqp-container: 1240px;
	--aqp-gutter: clamp(16px, 4vw, 32px);

	/* açık tema */
	--bg: #ffffff;
	--bg-soft: #f2f8fd;
	--card: #ffffff;
	--text: #22334c;
	--head: #10347a;
	--muted: #5a6b7f;
	--line: #e2ebf4;
	--shadow: 0 18px 50px rgba(6, 78, 162, 0.09);
	--top-bg: #10347a;
	--top-tx: #cfe1f5;
	--hdr-bg: #ffffff;

	/* okunabilirlik token'ları */
	--price: #064ea2;
	--accent-text: #0177b0;
	--em: #0187c0;
	--nav-hover: #064ea2;
}

[data-theme="dark"] {
	--bg: #0a1a30;
	--bg-soft: #0e2140;
	--card: #12294d;
	--text: #d9e6f5;
	--head: #eaf3fc;
	--muted: #8fa6c4;
	--line: #1e3a63;
	--shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
	--top-bg: #071228;
	--top-tx: #8fa6c4;
	--hdr-bg: #0c2038;

	--price: #3fc1f4;
	--accent-text: #3fc1f4;
	--em: #35bdf5;
	--nav-hover: #3fc1f4;
}

/* ---------------------------------- base ----------------------------------- */

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

[hidden] {
	display: none !important;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--aqp-font);
	font-size: 1rem;
	line-height: 1.65;
	color: var(--text);
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
	transition: background 0.3s, color 0.3s;
}

img,
video {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--nav-hover);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.2;
	color: var(--head);
	letter-spacing: -0.02em;
	margin-block: 0 0.6em;
}

:focus-visible {
	outline: 2px solid var(--aqp-cyan);
	outline-offset: 2px;
	border-radius: 2px;
}

button {
	font-family: var(--aqp-font);
}

/* -------------------------------- utilities -------------------------------- */

.container {
	max-width: var(--aqp-container);
	margin-inline: auto;
	padding-inline: var(--aqp-gutter);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

.skip-link:focus {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 1000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.75rem 1.25rem;
	clip-path: none;
	background: var(--aqp-deep);
	color: #fff;
	border-radius: 8px;
	font-weight: 700;
	text-decoration: none;
}

.eyebrow {
	font-size: 12px;
	letter-spacing: 0.2em;
	color: var(--accent-text);
	text-transform: uppercase;
	font-weight: 800;
}

.btn {
	border-radius: 999px;
	font-weight: 700;
	font-size: 14.5px;
	padding: 14px 28px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s, color 0.2s, transform 0.2s;
}

.btn--primary {
	background: var(--aqp-navy);
	color: #fff;
	box-shadow: 0 10px 24px rgba(6, 78, 162, 0.25);
}

.btn--primary:hover {
	background: var(--aqp-cyan);
	color: #fff;
}

.btn--soft {
	background: var(--card);
	color: var(--head);
	border: 1px solid var(--line);
}

.btn--soft:hover {
	border-color: var(--aqp-cyan);
}

/* --------------------------------- topbar ---------------------------------- */

.topbar {
	background: var(--top-bg);
	color: var(--top-tx);
	font-size: 12.5px;
}

.topbar__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding-block: 7px;
	flex-wrap: wrap;
	/* 30 + 7 + 7 = 44 = --aqp-ust-serit. Serit icerige gore kisalirsa
	   header'in yapisma noktasi kayardi; sabitleniyor. */
	min-height: 30px;
}

.topbar a {
	color: inherit;
	text-decoration: none;
}

.topbar b,
.topbar strong {
	color: #fff;
	font-weight: 700;
}

.topbar__actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

.icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: transparent;
	color: #fff;
	cursor: pointer;
	padding: 0;
}

.icon-btn:hover {
	border-color: var(--aqp-cyan);
	color: var(--aqp-cyan);
}

.icon-btn svg {
	width: 15px;
	height: 15px;
}

.flags {
	display: flex;
	gap: 6px;
	align-items: center;
}

.flag {
	display: inline-flex;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.35);
	opacity: 0.55;
	cursor: pointer;
	transition: opacity 0.2s, border-color 0.2s;
	padding: 0;
	background: none;
}

.flag.is-active,
.flag:hover {
	opacity: 1;
	border-color: var(--aqp-cyan);
}

.flag svg {
	width: 24px;
	height: 16px;
	display: block;
}

/* --------------------------------- header ---------------------------------- */

.site-header {
	background: var(--hdr-bg);
	position: sticky;
	/* Ust serit her genislikte yapiskan; header onun ALTINA pinlenir.
	   Onceden 38/36 px gibi eski sabitler vardi, serit 44 px oldugu icin
	   header'in ustu seridin arkasinda kaliyordu (Toprak, 18.08.2026). */
	top: var(--aqp-ust-serit);
	z-index: 50;
	border-bottom: 1px solid var(--line);
	transition: background 0.3s;
}

/*
 * Masaüstünde üst bar (telefonlar, tema anahtarı, bayraklar) da sabitlenir
 * (kullanıcı isteği 04.08.2026). Mobilde bilerek kapalı: dikey alan pahalı,
 * üst bar orada sarabildiği için yüksekliği de değişkendir. 44px, tek
 * satırlı üst barın ölçülmüş yüksekliğidir; nowrap ile garanti edilir.
 */
/* Galeri büyüteci WC çekirdeğinde yüksek z-index alır ve sticky header'ın
   (z-index 50) katman bağlamını geçip açık dropdown'un üstüne biniyordu. */
.woocommerce-product-gallery__trigger {
	z-index: 5 !important;
}

@media (min-width: 901px) {
	.topbar {
		position: sticky;
		top: 0;
		z-index: 51;
	}

	.topbar__inner {
		flex-wrap: nowrap;
	}

}

.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding-block: 14px;
}

.site-branding {
	display: flex;
	align-items: center;
}

.site-branding .custom-logo {
	max-height: 62px;
	width: auto;
}

.site-branding__text {
	font-size: 24px;
	font-weight: 800;
	color: var(--head);
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	letter-spacing: -0.02em;
}

.site-branding__text svg {
	width: 26px;
	height: 26px;
}

.site-branding__text .a {
	color: var(--aqp-cyan);
}

.site-nav {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav .nav-item {
	position: relative;
}

.site-nav .nav-item > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--text);
	padding: 9px 14px;
	border-radius: 999px;
	text-decoration: none;
}

.site-nav .nav-item > a:hover {
	background: var(--bg-soft);
	color: var(--nav-hover);
}

.site-nav .car {
	font-size: 9px;
	opacity: 0.55;
	transition: transform 0.2s;
}

.nav-item:hover .car,
.nav-item:focus-within .car {
	transform: rotate(180deg);
}

/* açılır menü */
.dd {
	position: absolute;
	top: calc(100% + 12px);
	left: 50%;
	transform: translate(-50%, 10px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.22s, transform 0.22s, visibility 0.22s;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(6, 30, 74, 0.18);
	padding: 26px;
	display: flex;
	gap: 28px;
	z-index: 60;
}

.dd::before {
	content: "";
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
	height: 14px;
}

.nav-item:hover .dd,
.nav-item:focus-within .dd {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

.dd-col {
	min-width: 230px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.dd-col__title {
	font-size: 10.5px;
	letter-spacing: 0.16em;
	color: var(--accent-text);
	text-transform: uppercase;
	margin: 0 0 8px;
	padding-inline: 12px;
	font-weight: 800;
}

.dd-col a {
	display: block;
	padding: 9px 12px;
	border-radius: 10px;
	text-decoration: none;
}

.dd-col a b {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: var(--text);
	white-space: nowrap;
}

.dd-col a span {
	display: block;
	font-size: 12px;
	color: var(--muted);
	margin-top: 2px;
	white-space: nowrap;
}

.dd-col a:hover {
	background: var(--bg-soft);
}

.dd-col a:hover b {
	color: var(--nav-hover);
}

.dd-promo {
	background: linear-gradient(135deg, var(--aqp-deep), var(--aqp-navy));
	border-radius: 14px;
	padding: 20px;
	color: #fff;
	font-weight: 700;
	font-size: 13.5px;
	width: 190px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 14px;
	line-height: 1.5;
	text-decoration: none;
}

.dd-promo em {
	font-style: normal;
	color: #7cd0f5;
	font-size: 13px;
}

.header-cta {
	background: var(--aqp-navy);
	color: #fff;
	font-weight: 700;
	font-size: 13.5px;
	padding: 11px 22px;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
}

.header-cta:hover {
	background: var(--aqp-cyan);
	color: #fff;
}

.burger {
	display: none;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	border: 1px solid var(--line);
	background: var(--card);
	color: var(--head);
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.burger svg {
	width: 20px;
	height: 20px;
}

/* --------------------------------- drawer ---------------------------------- */

.drawer {
	position: fixed;
	inset: 0;
	z-index: 120;
	pointer-events: none;
}

.drawer__scrim {
	position: absolute;
	inset: 0;
	background: rgba(4, 12, 26, 0.5);
	opacity: 0;
	transition: opacity 0.25s;
}

.drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: min(330px, 88vw);
	background: var(--card);
	transform: translateX(105%);
	transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
	box-shadow: -20px 0 60px rgba(4, 12, 26, 0.25);
	display: flex;
	flex-direction: column;
	overflow: auto;
	padding: 18px;
}

.drawer.is-open {
	pointer-events: auto;
}

.drawer.is-open .drawer__scrim {
	opacity: 1;
}

.drawer.is-open .drawer__panel {
	transform: none;
}

.drawer__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.drawer__close {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	border: 1px solid var(--line);
	background: var(--card);
	color: var(--head);
	font-size: 15px;
	cursor: pointer;
}

.acc {
	border-bottom: 1px solid var(--line);
}

.acc > button {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: none;
	border: 0;
	padding: 14px 4px;
	font-size: 15px;
	font-weight: 800;
	color: var(--head);
	cursor: pointer;
}

.acc .ar {
	transition: transform 0.25s;
	color: var(--muted);
	font-size: 11px;
}

.acc.is-open .ar {
	transform: rotate(180deg);
}

.acc__sub {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.acc.is-open .acc__sub {
	max-height: 560px;
}

.acc__sub a {
	display: block;
	padding: 8px 4px 8px 12px;
	border-left: 2px solid var(--line);
	margin: 0 0 6px 4px;
	text-decoration: none;
}

.acc__sub a b {
	font-size: 13.5px;
	font-weight: 700;
	color: var(--text);
	display: block;
}

.acc__sub a span {
	font-size: 11.5px;
	color: var(--muted);
	display: block;
}

.drawer__link {
	display: block;
	padding: 14px 4px;
	font-size: 15px;
	font-weight: 800;
	color: var(--head);
	border-bottom: 1px solid var(--line);
	text-decoration: none;
}

.drawer__cta {
	display: block;
	margin-top: 16px;
	background: var(--aqp-navy);
	color: #fff;
	text-align: center;
	border-radius: 12px;
	padding: 14px;
	font-weight: 800;
	border: 0;
	width: 100%;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}

.drawer__tel {
	text-align: center;
	margin-top: 14px;
	font-size: 13px;
	color: var(--muted);
}

.drawer__tel a {
	color: var(--head);
	font-weight: 700;
	text-decoration: none;
}

/* ---------------------------------- hero ----------------------------------- */

.hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(720px 440px at 10% -4%, rgba(2, 168, 235, 0.16), transparent 62%),
		radial-gradient(760px 520px at 96% 104%, rgba(6, 78, 162, 0.14), transparent 62%),
		linear-gradient(165deg, var(--bg-soft) 0%, var(--bg) 46%, var(--bg-soft) 100%);
}

.hero__inner {
	position: relative;
	z-index: 2;
}

/* ---------------- Hero sahnesi: iki tasarım -------------------------------
   Seçim: Görünüm → Hero Tasarımı (inc/hero-tasarim.php).
     .hero--zirve → SVG dağ + bulut denizi, sıfır bayt görsel
     .hero--foto1 / .hero--foto2 → gerçek fotoğraf (WebP, ~80 KB / ~35 KB)
   İkisinin üstünde de su yüzeyi ışığı ve pus katmanı var; böylece
   fotoğraf da koyu temada sırıtmıyor.                                       */

.hero__sahne {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 0;
	/* Dekoratif katman; boyanması kendi kutusunda kalsın ki hero yeniden
	   ölçüldüğünde düzen kayması olarak sayılmasın. */
	contain: paint;
}

/* --- Çizim tasarımı: renkler temadan gelir --- */
.hero--zirve {
	--hero-uzak-1: #a3c5e0;
	--hero-uzak-2: #cbe0f0;
	--hero-ana-1: #4a80b8;
	--hero-ana-2: #8bb6dc;
	--hero-on-1: #3a6ea6;
	--hero-on-2: #6e9cc8;
	--hero-kar: #ffffff;
	/* Bulut denizi: saf beyaz zeminde kayboluyordu, hafif mavi-gri tonlandı. */
	--hero-bulut-1: #cfe2f2;
	--hero-bulut-2: #e6f1f9;
}

[data-theme="dark"] .hero--zirve {
	--hero-uzak-1: #16304f;
	--hero-uzak-2: #0e2340;
	--hero-ana-1: #27537f;
	--hero-ana-2: #14355a;
	--hero-on-1: #0f2a49;
	--hero-on-2: #0a1e38;
	--hero-kar: #e8f3fd;
	--hero-bulut-1: rgba(27, 58, 94, 0.92);
	--hero-bulut-2: #12293f;
}

.hero__zirve {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* --- Fotoğraf tasarımları --- */
.hero__foto {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center 42%;
	opacity: 1;
}

.hero--foto1 .hero__foto {
	background-image: url("../img/hero-foto1.webp");
	background-image: image-set(url("../img/hero-foto1.webp") 1x, url("../img/hero-foto1@2x.webp") 2x);
	background-image: -webkit-image-set(url("../img/hero-foto1.webp") 1x, url("../img/hero-foto1@2x.webp") 2x);
}

.hero--foto2 .hero__foto {
	background-image: url("../img/hero-foto2.webp");
	background-image: image-set(url("../img/hero-foto2.webp") 1x, url("../img/hero-foto2@2x.webp") 2x);
	background-image: -webkit-image-set(url("../img/hero-foto2.webp") 1x, url("../img/hero-foto2@2x.webp") 2x);
}

/* Koyu temada fotoğraf biraz kısılır ki yazı ve kart öne çıksın. */
[data-theme="dark"] .hero__foto {
	opacity: 0.72;
	filter: saturate(0.92) brightness(0.86);
}

/* Fotoğrafın altını sayfaya bağlayan pus — iki temada da geçişi yumuşatır. */
.hero__pus {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 42%;
	background: linear-gradient(180deg, transparent, var(--bg) 92%);
}

/*
 * Çizim tasarımında bulut denizinin üstüne ince bir pus: açık temada
 * bulutlarla zemin arasındaki geçişi belirginleştirir (koyu temada zaten
 * görünüyordu).
 */
.hero--zirve .hero__pus {
	background: linear-gradient(180deg, transparent 40%, rgba(163, 197, 224, 0.28) 72%, var(--bg) 100%);
}

[data-theme="dark"] .hero--zirve .hero__pus {
	background: linear-gradient(180deg, transparent 40%, rgba(18, 41, 63, 0.5) 72%, var(--bg) 100%);
}

.hero--zirve .hero__pus {
	height: 22%;
}

/* Su yüzeyi ışığı: dokusu SVG gürültüsüyle üretilir, yavaşça kayar. */
.hero__isik {
	position: absolute;
	inset: -12%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 300'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.028' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.01 0 0 0 0 0.55 0 0 0 0 0.85 1.7 0 0 0 -0.62'/%3E%3C/filter%3E%3Crect width='600' height='300' filter='url(%23s)'/%3E%3C/svg%3E");
	background-size: cover;
	opacity: 0.34;
	mix-blend-mode: multiply;
	animation: aqp-isik 26s linear infinite alternate;
	will-change: transform;
}

[data-theme="dark"] .hero__isik {
	opacity: 0.26;
	mix-blend-mode: screen;
}

@keyframes aqp-isik {
	from { transform: translate3d(-2%, -1%, 0) scale(1.04); }
	to   { transform: translate3d(2%, 1%, 0) scale(1.1); }
}

@media (prefers-reduced-motion: reduce) {
	.hero__isik {
		animation: none;
	}
}

/*
 * Metin perdesi: fotoğrafın TAMAMINI sisle örtmek yerine yalnız sol yanda,
 * yukarıdan aşağı inen hilal biçiminde bir aydınlık bırakılır — başlık ve
 * açıklama onun üstünde okunur, manzaranın gerisi açık kalır
 * (Toprak, 11.08.2026: "sadece o sol kısımdaki hilal kalsın").
 */
.hero__perde {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.hero--foto1 .hero__perde,
.hero--foto2 .hero__perde {
	background: radial-gradient(
		62% 128% at 4% 50%,
		var(--bg) 0%,
		rgba(255, 255, 255, 0.9) 34%,
		rgba(255, 255, 255, 0.52) 54%,
		rgba(255, 255, 255, 0.16) 70%,
		transparent 84%
	);
}

[data-theme="dark"] .hero--foto1 .hero__perde,
[data-theme="dark"] .hero--foto2 .hero__perde {
	background: radial-gradient(
		62% 128% at 4% 50%,
		var(--bg) 0%,
		rgba(7, 18, 40, 0.92) 34%,
		rgba(7, 18, 40, 0.6) 54%,
		rgba(7, 18, 40, 0.22) 70%,
		transparent 84%
	);
}

@media (max-width: 900px) {
	/* Dar ekranda metin ortalanır; hilal yukarıdan aşağı iner. */
	.hero--foto1 .hero__perde,
	.hero--foto2 .hero__perde {
		background: radial-gradient(120% 78% at 50% 6%, var(--bg) 0%, rgba(255, 255, 255, 0.86) 38%, rgba(255, 255, 255, 0.4) 62%, transparent 84%);
	}

	[data-theme="dark"] .hero--foto1 .hero__perde,
	[data-theme="dark"] .hero--foto2 .hero__perde {
		background: radial-gradient(120% 78% at 50% 6%, var(--bg) 0%, rgba(7, 18, 40, 0.9) 38%, rgba(7, 18, 40, 0.5) 62%, transparent 84%);
	}
}

/*
 * Telefon: kadraj daha kare (4:3) olan sürüm iner. Retina ekranlar için
 * 2x sürüm tanımlı — 760 px'lik dosya 2-3 kat gerildiğinde bulanıklaşıyordu
 * (Toprak, 11.08.2026). Cihaz kendi piksel yoğunluğuna uygun olanı seçer.
 */
@media (max-width: 760px) {
	.hero--foto1 .hero__foto {
		background-image: url("../img/hero-foto1-mobil.webp");
		background-image: image-set(url("../img/hero-foto1-mobil.webp") 1x, url("../img/hero-foto1-mobil@2x.webp") 2x);
		background-image: -webkit-image-set(url("../img/hero-foto1-mobil.webp") 1x, url("../img/hero-foto1-mobil@2x.webp") 2x);
	}

	.hero--foto2 .hero__foto {
		background-image: url("../img/hero-foto2-mobil.webp");
		background-image: image-set(url("../img/hero-foto2-mobil.webp") 1x, url("../img/hero-foto2-mobil@2x.webp") 2x);
		background-image: -webkit-image-set(url("../img/hero-foto2-mobil.webp") 1x, url("../img/hero-foto2-mobil@2x.webp") 2x);
	}

	/*
	 * Telefonda görsel DİKEY kadrajda (3:4) iniyor. Yatay kadraj `cover`
	 * ile yüksekliği doldurmak için 1,8 kat geriliyordu; dikey kadrajda
	 * gerilme yerine küçültme oluyor, görüntü netleşiyor.
	 */
	.hero__foto {
		background-position: center center;
	}
}


.hero__inner {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 44px;
	align-items: center;
	padding-block: clamp(44px, 6vw, 76px);
}

.switch {
	display: inline-flex;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 5px;
	gap: 4px;
	margin-bottom: 22px;
	box-shadow: 0 4px 14px rgba(6, 78, 162, 0.06);
}

.switch button {
	font-size: 13.5px;
	font-weight: 700;
	padding: 9px 20px;
	border-radius: 999px;
	color: var(--muted);
	border: 0;
	background: transparent;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.switch button.is-active {
	background: var(--aqp-navy);
	color: #fff;
}

.hero__title {
	font-size: clamp(32px, 4.4vw, 52px);
	line-height: 1.08;
	font-weight: 800;
	margin-bottom: 16px;
}

.hero__title em {
	font-style: normal;
	color: var(--em);
}

.hero__lead {
	color: var(--muted);
	font-size: clamp(15px, 1.6vw, 17px);
	max-width: 470px;
	margin-bottom: 26px;
}

.hero__ctas {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.hero__trust {
	display: flex;
	gap: 26px;
	margin-top: 32px;
	flex-wrap: wrap;
}

.hero__trust b {
	font-size: 20px;
	font-weight: 800;
	color: var(--head);
	display: block;
}

.hero__trust span {
	font-size: 11.5px;
	color: var(--muted);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
}

/* hero ürün kartı / slider */
.pwrap {
	position: relative;
	max-width: 400px;
	margin-inline: auto;
	width: 100%;
}

.pcard {
	position: relative;
	background: var(--card);
	border-radius: 24px;
	box-shadow: var(--shadow);
	padding: 28px;
	border: 1px solid var(--line);
	overflow: hidden;
	min-height: 430px;
}

.pcard__slide {
	transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.45s;
}

.pcard__slide.is-out {
	transform: translateX(-46px);
	opacity: 0;
}

.pcard__slide.is-in {
	transform: translateX(46px);
	opacity: 0;
	transition: none;
}

.pcard__rate {
	position: absolute;
	top: 18px;
	right: 18px;
	background: var(--aqp-green);
	color: #0e2a12;
	font-size: 12px;
	font-weight: 800;
	padding: 6px 12px;
	border-radius: 999px;
	z-index: 2;
}

/* ürün görseli koyu temada da açık kalır (okunabilirlik kuralı) */
/*
 * Görsel alanı sabit yükseklikte: ürün görselleri aynı boyutta gelmiyor
 * (kimi 285, kimi 300 px çıkıyordu) ve slaytlar arası 15 px boy farkı
 * doğurup sayfayı zıplatıyordu — su yumuşatma slaytında görülüyordu
 * (Toprak, 11.08.2026).
 */
.pcard__img {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	padding: 16px 0 10px;
	background: linear-gradient(160deg, #f7fbff, #eaf4fb);
	border-radius: 16px;
	margin-bottom: 18px;
}

.pcard__img img,
.pcard__img svg {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

@media (max-width: 420px) {
	.pcard__img {
		height: 268px;
	}
}

.pcard__name {
	font-size: 17px;
	font-weight: 800;
	text-align: center;
	color: var(--head);
	margin: 0;
}

.pcard__desc {
	font-size: 13px;
	color: var(--muted);
	text-align: center;
	margin-top: 4px;
}

.pcard__price {
	text-align: center;
	font-size: 22px;
	font-weight: 800;
	color: var(--price);
	margin-top: 10px;
}

.pcard__price.is-quote {
	font-size: 16px;
}

.pcard__mini {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	/* Satır kırılmaz: kırılınca slayt boyu değişip sayfa zıplıyordu. */
	flex-wrap: nowrap;
	/* Tek satırda kalsa da yükseklik sabit — slaytlar eşit boyda. */
	min-height: 30px;
}

/* İki fiyatlı rozet tek satırda kalsın. */
.pcard__mini span {
	white-space: nowrap;
}

.pcard__mini del {
	margin-right: 4px;
	opacity: 0.72;
	font-size: 0.92em;
}

.pcard__mini ins {
	text-decoration: none;
	background: transparent;
}

/* Dar kartta uzun fiyat taşarsa yazı küçülsün, satır yine kırılmasın. */
@media (max-width: 420px) {
	.pcard__mini {
		gap: 6px;
	}

	.pcard__mini span {
		font-size: 10.5px;
		padding-inline: 8px;
	}
}

/*
 * İndirimli üründe rozet satırı İKİ fiyat taşıyor (üstü çizili + yeni).
 * 412 px'lik telefonda "2 Yıl Garanti" çipiyle birlikte 342 px istiyor,
 * kart 322 px veriyor; slayt sağa taşıyordu (Toprak, 19.08.2026).
 *
 * Satırı kırmak seçenek değil — kırılınca slayt boyu değişip akan kartlarda
 * sayfa zıplıyor (aynı hata daha önce yaşandı). Garanti çipi zaten masaüstü
 * isteğiydi; dar ekranda YALNIZ indirimli slayttan kaldırılıyor, fiyatın
 * tamamı görünür kalıyor. `:has()` desteklenmezse kural yok sayılır ve
 * eski davranışa dönülür — bozulma olmaz.
 */
@media (max-width: 480px) {
	.pcard__mini:has(del) > span:last-child {
		display: none;
	}
}

.pcard__mini span {
	font-size: 11.5px;
	font-weight: 700;
	background: var(--bg-soft);
	color: var(--head);
	border-radius: 999px;
	padding: 6px 12px;
}

.pdots {
	display: flex;
	justify-content: center;
	gap: 2px;
	margin-top: 10px;
}

/* Nokta 7 px görünür ama dokunma hedefi 24×24 (Lighthouse: dokunma hedefi boyutu). */
.pdots button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.pdots button::after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--line);
	transition: width 0.25s, background 0.25s;
}

.pdots button.is-active::after {
	background: var(--aqp-cyan);
	width: 20px;
	border-radius: 99px;
}

.pdots button:focus-visible {
	outline: 2px solid var(--aqp-cyan);
	outline-offset: 1px;
	border-radius: 50%;
}

/* -------------------------------- sections --------------------------------- */

.sec {
	padding-block: clamp(46px, 6.5vw, 72px);
}

.sec--soft {
	background: var(--bg-soft);
}

.sec-head {
	text-align: center;
	max-width: 640px;
	margin: 0 auto 36px;
}

.sec-head h2 {
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 800;
	margin-top: 10px;
	margin-bottom: 0;
}

.sec-head p {
	color: var(--muted);
	margin-top: 10px;
	font-size: 15px;
}

/* ürün kartları */
.prods {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.prod {
	background: var(--card);
	border-radius: var(--aqp-radius);
	overflow: hidden;
	border: 1px solid var(--line);
	transition: transform 0.25s, box-shadow 0.25s;
	position: relative;
}

.prod:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow);
}

.prod__badge {
	position: absolute;
	top: 12px;
	left: 12px;
	background: var(--aqp-navy);
	color: #fff;
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: 0.06em;
	padding: 5px 11px;
	border-radius: 999px;
	z-index: 2;
}

.prod__badge--green {
	background: var(--aqp-green);
	color: #0e2a12;
}

/* ürün görseli koyu temada da açık kalır */
.prod__media {
	aspect-ratio: 1.05;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(160deg, #f7fbff, #eaf4fb);
}

.prod__media img {
	object-fit: contain;
	max-height: 85%;
}

.prod__in {
	padding: 16px 18px 18px;
}

.prod__title {
	font-size: 14.5px;
	font-weight: 800;
	color: var(--text);
	margin: 0;
}

.prod__title a {
	color: inherit;
	text-decoration: none;
}

.prod__stars {
	font-size: 11px;
	color: #ffa800;
	margin-top: 5px;
}

.prod__stars i {
	font-style: normal;
	color: var(--muted);
}

.prod__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.prod__price {
	font-size: 17px;
	font-weight: 800;
	color: var(--price);
}

.prod__price.is-quote {
	font-size: 13.5px;
	color: var(--head);
	text-decoration: none;
}

/*
 * Sepete ekle düğmesi.
 * Düz --aqp-navy zemin koyu temada kart rengiyle (--card #12294d) neredeyse
 * aynı kalıyordu; düğme ve yuvarlağı seçilmiyordu (Toprak, 10.08.2026).
 * Marka gradyanı + iç halka + gölge her iki temada da düğmeyi ayırıyor.
 */
.prod__add {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	font-weight: 700;
	line-height: 1;
	border: 0;
	cursor: pointer;
	text-decoration: none;
	box-shadow: 0 4px 12px rgba(2, 168, 235, 0.32), inset 0 0 0 1px rgba(255, 255, 255, 0.18);
	transition: transform 0.18s, box-shadow 0.18s, filter 0.18s;
}

.prod__add:hover {
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	color: #fff;
	filter: brightness(1.12);
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(2, 168, 235, 0.45), inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

[data-theme="dark"] .prod__add {
	box-shadow: 0 4px 14px rgba(2, 168, 235, 0.42), inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

/*
 * İndirimli üründe fiyat iki satır oluyor (üstü çizili + indirimli) ve alt blok
 * aşağı kayıp komşu kartlarla hizayı bozuyordu. Kartı kolona çevirip alt satırı
 * tabana sabitliyoruz — tüm kartlarda düğme aynı hizada durur.
 */
.prod {
	display: flex;
	flex-direction: column;
}

.prod__in {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}

.prod__row {
	margin-top: auto;
	padding-top: 10px;
	gap: 10px;
}

.prod__price del {
	display: block;
	font-size: 0.82em;
	font-weight: 600;
	opacity: 0.6;
}

.prod__price ins {
	text-decoration: none;
}

/* kategori kartları */
.cats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	max-width: 960px;
	margin-inline: auto;
}

.cat {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	padding: 24px;
	text-align: center;
	transition: transform 0.25s, box-shadow 0.25s;
	text-decoration: none;
	display: block;
}

.cat:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow);
}

.cat__icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--bg-soft);
	margin: 0 auto 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cat__icon svg {
	width: 24px;
	height: 24px;
	stroke: var(--aqp-cyan);
	fill: none;
	stroke-width: 1.8;
}

.cat h3 {
	font-size: 15px;
	font-weight: 800;
	margin: 0;
}

.cat p {
	font-size: 12.5px;
	color: var(--muted);
	margin: 5px 0 0;
}

/* manifesto — her iki temada sabit koyu */
.manifest {
	background: var(--aqp-ink);
	color: #fff;
	overflow: hidden;
	position: relative;
}

.manifest__inner {
	padding-block: clamp(52px, 7vw, 84px);
	position: relative;
}

.manifest__ghost {
	position: absolute;
	inset-inline: 0;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 800;
	font-size: clamp(90px, 14vw, 190px);
	letter-spacing: -0.04em;
	color: transparent;
	-webkit-text-stroke: 1px rgba(2, 168, 235, 0.15);
	white-space: nowrap;
	pointer-events: none;
	user-select: none;
}

.manifest h2 {
	font-size: clamp(23px, 3.2vw, 36px);
	font-weight: 800;
	max-width: 740px;
	position: relative;
	color: #fff;
	margin-bottom: 0;
}

.manifest h2 em {
	font-style: normal;
	color: var(--aqp-cyan);
}

.manifest__sub {
	color: #8fa6c4;
	margin-top: 14px;
	max-width: 560px;
	font-size: 15px;
	position: relative;
}

.manifest .btn {
	margin-top: 24px;
	background: var(--aqp-cyan);
	color: #fff;
	position: relative;
}

.manifest .btn:hover {
	background: #fff;
	color: var(--aqp-deep);
}

/* yorumlar — akan bant */
.revs-marquee {
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.revs-track {
	display: flex;
	gap: 16px;
	width: max-content;
	animation: aqp-marquee 55s linear infinite;
}

.revs-marquee:hover .revs-track,
.revs-marquee:focus-within .revs-track {
	animation-play-state: paused;
}

@keyframes aqp-marquee {
	to {
		transform: translateX(calc(-50% - 8px));
	}
}

.revs-track .rev {
	width: 340px;
	flex: 0 0 auto;
}

.rev {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	padding: 26px;
}

.rev__stars {
	color: #ffa800;
	font-size: 14px;
	margin-bottom: 12px;
}

.rev__text {
	font-size: 13.5px;
	color: var(--muted);
	line-height: 1.7;
	margin: 0;
}

.rev__who {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 16px;
}

.rev__avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--aqp-navy);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 800;
	flex: 0 0 auto;
}

.rev__who b {
	font-size: 13px;
	color: var(--head);
	display: block;
}

.rev__who span {
	font-size: 11px;
	color: var(--muted);
}

/* --------------------------------- footer ---------------------------------- */

.site-footer {
	background: var(--aqp-ink);
	color: #8fa6c4;
	font-size: 13px;
}

.site-footer__inner {
	padding-block: 44px 24px;
}

.fgrid {
	display: grid;
	/* 6 kolon: marka + 4 bağlantı grubu + Çözümler (04.08.2026) */
	grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr 0.9fr;
	gap: 24px;
	padding-bottom: 28px;
	border-bottom: 1px solid rgba(2, 168, 235, 0.14);
}

/* Footer sütun başlıkları h2'dir (başlık sırası h2'den h4'e atlamasın diye);
   görünüm aynı kalır. */
.site-footer h4,
.site-footer .ftr__baslik {
	color: #fff;
	font-size: 13px;
	letter-spacing: 0.06em;
	margin-bottom: 12px;
	font-weight: 800;
}

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

.site-footer li {
	padding-block: 3px;
}

.site-footer a {
	color: inherit;
	text-decoration: none;
}

.site-footer a:hover {
	color: var(--aqp-cyan);
}

.flogo {
	font-size: 22px;
	font-weight: 800;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	text-decoration: none;
}

.flogo .a {
	color: var(--aqp-cyan);
}

.fbot {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding-top: 18px;
	font-size: 12px;
	color: #7189a9;
}

.madeby {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding-top: 16px;
	font-size: 12px;
	color: #7189a9;
}

.madeby .mc {
	font-family: ui-monospace, monospace;
	font-weight: 700;
	color: var(--aqp-cyan);
	opacity: 0.85;
}

.madeby a {
	color: #7189a9;
	transition: color 0.2s;
	text-decoration: none;
}

.madeby a b {
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.madeby a:hover,
.madeby a:hover b {
	color: var(--aqp-cyan);
}

/* ------------------------------ WooCommerce -------------------------------- */

/* sayfa başlığı bandı + breadcrumb */
.woo-head {
	background: var(--bg-soft);
	border-bottom: 1px solid var(--line);
	padding-block: 18px 22px;
}

.woo-head--single {
	padding-block: 14px;
}

.woo-head__title {
	font-size: clamp(26px, 3.4vw, 38px);
	font-weight: 800;
	margin: 6px 0 0;
}

.woo-head .term-description {
	color: var(--muted);
	font-size: 14.5px;
	max-width: 720px;
	margin-top: 8px;
}

.woo-head .term-description p {
	margin: 0;
}

.aqp-crumbs {
	font-size: 12.5px;
	color: var(--muted);
}

.aqp-crumbs a {
	color: var(--muted);
	text-decoration: none;
}

.aqp-crumbs a:hover {
	color: var(--nav-hover);
}

.aqp-crumbs__sep {
	opacity: 0.5;
	margin-inline: 2px;
}

/* arşiv düzeni */
.woo-archive {
	padding-block: 28px 56px;
}

.cats--archive {
	max-width: none;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 28px;
}

.cats--archive .cat {
	text-align: left;
	padding: 20px 22px;
}

.woo-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.woocommerce-result-count {
	color: var(--muted);
	font-size: 13px;
	margin: 0;
}

.woocommerce-ordering {
	margin: 0;
}

.woocommerce-ordering select,
.orderby {
	font-family: var(--aqp-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--head);
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 9px 34px 9px 16px;
}

/* boş durum */
.woo-empty {
	text-align: center;
	padding: clamp(40px, 8vw, 80px) 20px;
	max-width: 560px;
	margin-inline: auto;
}

.woo-empty h2 {
	font-size: clamp(20px, 2.6vw, 26px);
	font-weight: 800;
	margin: 18px 0 10px;
}

.woo-empty p {
	color: var(--muted);
	font-size: 15px;
	margin: 0 0 24px;
}

.woo-empty__actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

/* WC blok/kısayol listeleri de bizim grid'e girer */
.woocommerce ul.products {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

/*
 * WooCommerce'in kendi yerleşimi (woocommerce-layout.css) liste öğelerine
 * `float: left` ve `width: 22.05%` veriyor. Bizim ızgaramızda hücre zaten
 * 1fr olduğu için bu yüzde hücrenin İÇİNDE uygulanıyordu: "İlgili ürünler"
 * bölümünde kart 60 piksele düşüp başlık harf harf sarıyordu. Kategori
 * sayfalarında sorun görünmüyordu, çünkü orada `ul.products` değil kendi
 * `.prods` div'imiz kullanılıyor.
 */
/*
 * SINIF TEKRARI BILINCLI: WooCommerce'in kurali
 * `.woocommerce ul.products li.product` ile BIREBIR AYNI ozgullukte
 * (3 sinif + 2 tip). Beraberlikte kaynak sirasi karar veriyor ve WooCommerce
 * CSS'i temadan SONRA yuklendigi icin `width:22.05%; float:left` kazaniyordu.
 * Ilgili urunlerde hucre 337 px iken kart 162 px kaliyordu (768 px'te olculdu).
 * `.product.product` ozgullugu bir sinif yukseltir, beraberlik biter.
 */
.woocommerce ul.products li.product.product,
.woocommerce ul.products li.prod-li.prod-li {
	width: auto;
	max-width: none;
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
}

/*
 * İkinci kusur aynı yerde: WooCommerce `ul.products`'a clearfix amaçlı
 * `::before` ve `::after` ekliyor. Float düzeninde görünmezler, ama ızgarada
 * bunlar birer IZGARA ÖĞESİ sayılıp ilk hücreyi kapıyordu — kartlar bir sütun
 * kayıyor, dördüncüsü alt satıra düşüyordu. Ölçüldü: kartlar 282/532/781'den
 * başlıyordu, olması gereken 32/282/532/781.
 */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after {
	content: none;
	display: none;
}

.woocommerce ul.products li.product .prod {
	height: 100%;
}

/* sayfalama */
.pagination {
	margin-top: 32px;
}

.pagination .nav-links {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding-inline: 12px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: var(--card);
	color: var(--head);
	font-weight: 700;
	font-size: 13.5px;
	text-decoration: none;
}

.pagination .page-numbers.current {
	background: var(--aqp-navy);
	border-color: var(--aqp-navy);
	color: #fff;
}

.pagination .page-numbers:hover:not(.current) {
	border-color: var(--aqp-cyan);
	color: var(--nav-hover);
}

/* ürün detay */
.woo-single {
	padding-block: 32px 56px;
}

.woo-single div.product {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 48px);
}

/* Galeri karti sagdaki ozet sutunu kadar uzuyor (grid stretch); kucuk gorsel
   seridinin altinda ~80 px bos kaliyordu. Kart flex sutuna cevrilip seride
   `margin: auto 0` verilince artan bosluk sut/alt esit bolunuyor, yani serit
   o bosluga ortalaniyor (Toprak, 18.08.2026). */
.woo-single .woocommerce-product-gallery {
	display: flex;
	flex-direction: column;
	background: linear-gradient(160deg, #f7fbff, #eaf4fb);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	padding: 18px;
}

.woo-single .woocommerce-product-gallery img {
	border-radius: 10px;
}

/* Secici bilerek uzun: WooCommerce'in `.woocommerce div.product div.images
   .flex-control-thumbs` kurali `margin: 0` basiyor. O secici 4 sinif + 2 TIP
   tasiyor; ayni sinif sayisiyla yazmak yetmiyor, tip sayisini da gecmek
   gerekiyor -- yoksa `margin: auto` sessizce 0'a dusuyor. */
.woo-single div.product div.woocommerce-product-gallery ol.flex-control-thumbs {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: auto 0;
	padding: 0;
}

/* Küçük resimler kapsayıcıya göre esner. Öncesinde `min-width: auto` ve
   görselin 100 px doğal genişliği yüzünden şerit 452 px'in altına inemiyor,
   dar ekranda ürün ızgarasını dışarı itiyordu. */
.woo-single .flex-control-thumbs li {
	flex: 1 1 0;
	min-width: 0;
}

.woo-single .flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
	border: 2px solid transparent;
	cursor: pointer;
}

.woo-single .flex-control-thumbs img.flex-active {
	border-color: var(--aqp-cyan);
}

.woo-single .summary .product_title {
	font-size: clamp(24px, 3vw, 32px);
	font-weight: 800;
	margin-bottom: 10px;
}

.woo-single .summary .price {
	font-size: clamp(22px, 2.6vw, 28px);
	font-weight: 800;
	color: var(--price);
	margin-bottom: 14px;
	display: block;
}

.woo-single .summary .price del {
	color: var(--muted);
	font-size: 0.7em;
	font-weight: 600;
}

.woo-single .woocommerce-product-details__short-description {
	color: var(--muted);
	font-size: 15px;
	margin-bottom: 18px;
}

.woo-single form.cart {
	display: flex;
	gap: 12px;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.woo-single form.cart .quantity .qty {
	width: 84px;
	height: 48px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--card);
	color: var(--head);
	font-family: var(--aqp-font);
	font-weight: 700;
	font-size: 15px;
	text-align: center;
}

.woo-single .product_meta {
	font-size: 12.5px;
	color: var(--muted);
	border-top: 1px solid var(--line);
	padding-top: 14px;
}

.woo-single .product_meta a {
	color: var(--nav-hover);
	text-decoration: none;
	font-weight: 600;
}

/* sekmeler → hap görünümü.
   WooCommerce çekirdek stilleri (kıvrım çizen ::before/::after sahte öğeler,
   negatif margin, gölge) yüksek öncelikli geldiğinden burada aynı öncelikle
   sıfırlanır — aksi hâlde haplar kırpık/bindirmeli görünür. */
.woocommerce div.product .woocommerce-tabs {
	grid-column: 1 / -1;
	margin-top: 12px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
	flex-wrap: wrap;
	overflow: visible;
	border: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	content: none !important;
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	overflow: visible;
	position: static;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: var(--card);
	color: var(--head);
	font-weight: 700;
	font-size: 13.5px;
	text-decoration: none;
	text-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: none;
	box-shadow: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	background: var(--aqp-navy);
	border-color: var(--aqp-navy);
	color: #fff;
}

.woo-single .woocommerce-Tabs-panel {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	padding: clamp(18px, 3vw, 28px);
}

.woo-single .woocommerce-Tabs-panel > h2:first-child {
	display: none;
}

/* ilgili ürünler */
.woo-single .related.products,
.woo-single .upsells.products {
	grid-column: 1 / -1;
	margin-top: 36px;
}

.woo-single .related.products > h2,
.woo-single .upsells.products > h2 {
	font-size: clamp(20px, 2.4vw, 26px);
	font-weight: 800;
	margin-bottom: 18px;
}

/* WooCommerce butonları (sepet/ödeme dahil — yalnız CSS) */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce button[name="add-to-cart"],
.woocommerce .single_add_to_cart_button,
.wc-block-components-button {
	font-family: var(--aqp-font);
	font-weight: 700;
	font-size: 14px;
	padding: 13px 26px;
	border-radius: 999px;
	background: var(--aqp-navy);
	color: #fff;
	border: 0;
	cursor: pointer;
	transition: background 0.2s;
	text-decoration: none;
	line-height: 1.2;
}

.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover {
	background: var(--aqp-cyan);
	color: #fff;
}

.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce #place_order {
	background: var(--aqp-cyan);
}

.woocommerce .button.alt:hover,
.woocommerce #place_order:hover {
	background: var(--aqp-navy);
}

/* bildirimler */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noticegroup {
	border: 1px solid var(--line);
	border-left: 4px solid var(--aqp-cyan);
	border-radius: 12px;
	background: var(--bg-soft);
	color: var(--text);
	padding: 14px 18px;
	margin-bottom: 18px;
	list-style: none;
}

.woocommerce-error {
	border-left-color: #d63638;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none;
}

/* tablolar (sepet/ödeme/hesap — yalnız CSS giydirme) */
.woocommerce table.shop_table {
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	background: var(--card);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	border-top: 1px solid var(--line);
	padding: 13px 16px;
	color: var(--text);
}

.woocommerce table.shop_table thead th {
	border-top: 0;
	background: var(--bg-soft);
	color: var(--head);
	font-weight: 800;
	font-size: 13px;
}

/* form alanları (ödeme dahil — yalnız CSS) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text {
	font-family: var(--aqp-font);
	font-size: 14.5px;
	color: var(--text);
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 10px;
	padding: 12px 14px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	outline: 2px solid var(--aqp-cyan);
	outline-offset: 1px;
	border-color: var(--aqp-cyan);
}

.woocommerce form .form-row label {
	font-size: 13px;
	font-weight: 600;
	color: var(--head);
}

/* ödeme kutusu */
.woocommerce-checkout #payment {
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
}

.woocommerce-checkout #payment div.payment_box {
	background: var(--card);
	color: var(--muted);
	border-radius: 10px;
}

/* hesabım gezinme */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 11px 16px;
	border-radius: 10px;
	border: 1px solid var(--line);
	background: var(--card);
	color: var(--head);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
}

.woocommerce-MyAccount-navigation .is-active a {
	background: var(--aqp-navy);
	border-color: var(--aqp-navy);
	color: #fff;
}

/* indirim rozeti (WC varsayılan onsale gizle — kart rozetimiz var) */
.woocommerce span.onsale {
	display: none;
}

/* yıldızlar */
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
	color: #ffa800;
}

/* ------------------------------ Aqua Asistan -------------------------------- */

/* ---------------------------- yukarı çık düğmesi ----------------------------
   Asistan düğmesinin ÜSTÜNE oturur. Ölçüler canlı sayfadan alındı: FAB
   masaüstünde 47 px (bottom 22 → üst kenar 69), mobilde 45 px (bottom 14 →
   üst kenar 59); 320 px'e kadar tek satır. Katman sırası: yukarı çık
   108 < FAB 110 < asistan paneli 115 < mobil çekmece 120 — düğme hiçbir
   zaman asistanın önüne geçmez. Çerez düğmesi sol altta, çakışma yok.
   Görünürlüğü JS verir; JS yoksa hiç görünmez. */

.aqp-yukari {
	position: fixed;
	right: 22px;
	bottom: 82px;
	z-index: 108;
	width: 48px;
	height: 48px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 999px;
	/*
	 * Marka gradyanı BİLEREK: kart zemini (--card) açık temada beyaz üstüne
	 * beyaz düşüyor (kontrast 1:1), koyuda 1.5:1 — ikisi de WCAG 1.4.11'in
	 * 3:1 arayüz sınırının altında. Gradyan her iki temada ~4.2:1 verir.
	 * FAB'dan ayrışması metinsiz/daire olması ve nabız halkasının olmaması.
	 */
	background: linear-gradient(135deg, var(--aqp-navy), var(--aqp-cyan));
	color: #fff;
	cursor: pointer;
	box-shadow: 0 10px 26px rgba(6, 78, 162, 0.32);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px);
	transition: opacity 0.22s, visibility 0.22s, transform 0.22s, box-shadow 0.18s;
}

.aqp-yukari.is-gorunur {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
}

.aqp-yukari:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 32px rgba(6, 78, 162, 0.42);
}

.aqp-yukari:active {
	transform: translateY(0) scale(0.96);
}

.aqp-yukari svg {
	width: 22px;
	height: 22px;
	display: block;
	fill: currentColor;
}

/* Asistan paneli veya mobil çekmece açıkken gizlenir (üst üste binmesin). */
body.aqp-katman-acik .aqp-yukari {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.ai-fab {
	position: fixed;
	right: 22px;
	bottom: 22px;
	z-index: 110;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: linear-gradient(135deg, var(--aqp-navy), var(--aqp-cyan));
	color: #fff;
	border: 0;
	border-radius: 999px;
	padding: 14px 22px;
	font-weight: 800;
	font-size: 14px;
	cursor: pointer;
	box-shadow: 0 14px 34px rgba(6, 78, 162, 0.4);
}

.ai-fab .sp {
	display: inline-block;
	animation: aqp-spark 2.2s ease-in-out infinite;
}

.ai-fab::after {
	content: "";
	position: absolute;
	inset: -5px;
	border-radius: 999px;
	border: 2px solid rgba(2, 168, 235, 0.45);
	animation: aqp-pulse 2.2s ease-out infinite;
}

@keyframes aqp-pulse {
	0% {
		transform: scale(0.92);
		opacity: 0.9;
	}

	70% {
		transform: scale(1.12);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes aqp-spark {
	0%,
	100% {
		transform: rotate(0) scale(1);
	}

	50% {
		transform: rotate(18deg) scale(1.25);
	}
}

.ai-panel {
	position: fixed;
	right: 22px;
	bottom: 88px;
	z-index: 115;
	width: min(380px, calc(100vw - 24px));
	height: min(560px, 72vh);
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 20px;
	box-shadow: 0 30px 80px rgba(4, 12, 26, 0.35);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: aqp-ai-in 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

@keyframes aqp-ai-in {
	from {
		opacity: 0;
		transform: translateY(14px) scale(0.96);
	}
}

.ai-panel__head {
	background: linear-gradient(135deg, var(--aqp-deep), var(--aqp-navy));
	color: #fff;
	padding: 15px 18px;
	display: flex;
	gap: 12px;
	align-items: center;
}

.ai-panel__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	flex: 0 0 auto;
}

.ai-panel__head b {
	font-size: 15px;
	display: block;
}

.ai-panel__status {
	font-size: 11.5px;
	color: #9dc9ee;
	display: flex;
	align-items: center;
	gap: 5px;
}

.ai-panel__status .on {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--aqp-green);
	display: inline-block;
}

.ai-panel__close {
	margin-left: auto;
	background: none;
	border: 0;
	color: #fff;
	font-size: 17px;
	cursor: pointer;
	opacity: 0.85;
	padding: 4px 8px;
}

.ai-panel__chat {
	flex: 1;
	overflow: auto;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: var(--bg);
}

.msg {
	max-width: 86%;
	padding: 11px 14px;
	font-size: 13.5px;
	line-height: 1.55;
	animation: aqp-pop 0.3s;
}

.msg--bot {
	align-self: flex-start;
	background: var(--bg-soft);
	color: var(--text);
	border-radius: 14px 14px 14px 4px;
}

.msg--user {
	align-self: flex-end;
	background: var(--aqp-navy);
	color: #fff;
	border-radius: 14px 14px 4px 14px;
	font-weight: 600;
}

@keyframes aqp-pop {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
}

.typing {
	align-self: flex-start;
	display: flex;
	gap: 5px;
	background: var(--bg-soft);
	border-radius: 14px 14px 14px 4px;
	padding: 14px 16px;
}

.typing i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--muted);
	animation: aqp-typing 1s infinite;
}

.typing i:nth-child(2) {
	animation-delay: 0.15s;
}

.typing i:nth-child(3) {
	animation-delay: 0.3s;
}

@keyframes aqp-typing {
	0%,
	60%,
	100% {
		transform: none;
		opacity: 0.5;
	}

	30% {
		transform: translateY(-5px);
		opacity: 1;
	}
}

.opts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	animation: aqp-pop 0.35s;
}

.opts button {
	border: 1.5px solid var(--line);
	background: var(--card);
	color: var(--head);
	border-radius: 999px;
	padding: 9px 15px;
	font-weight: 700;
	font-size: 12.5px;
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s, transform 0.2s;
}

.opts button:hover {
	border-color: var(--aqp-cyan);
	color: var(--nav-hover);
	transform: translateY(-1px);
}

.opts button.is-selected {
	border-color: var(--aqp-cyan);
	background: var(--bg-soft);
	color: var(--nav-hover);
}

.opts button.is-selected::after {
	content: " ✓";
	color: var(--accent-text);
}

.opts .opts__next {
	background: var(--aqp-navy);
	color: #fff;
	border-color: var(--aqp-navy);
	font-weight: 800;
}

.opts .opts__next:hover {
	background: var(--aqp-cyan);
	border-color: var(--aqp-cyan);
	color: #fff;
}

.opts .opts__next:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	transform: none;
}

.ai-rec {
	align-self: stretch;
	border: 1.5px solid var(--line);
	border-radius: 16px;
	padding: 16px;
	background: var(--card);
	animation: aqp-pop 0.35s;
}

.ai-rec__top {
	display: flex;
	gap: 12px;
	align-items: center;
	margin-bottom: 10px;
}

.ai-rec h4 {
	font-size: 14.5px;
	color: var(--head);
	margin: 0;
}

.ai-rec__d {
	font-size: 12px;
	color: var(--muted);
}

.ai-rec__pr {
	font-size: 16px;
	font-weight: 800;
	color: var(--price);
	margin-top: 2px;
}

/* ihtiyaç açıklaması — sonuç kartında "neden bu öneri" (05.08.2026) */
.ai-rec__aciklama {
	font-size: 12.5px;
	color: var(--text);
	line-height: 1.65;
	background: var(--bg-soft);
	border-radius: 10px;
	padding: 10px 12px;
	margin: 10px 0 8px;
}

/* asistan ürün önerileri — kompakt satır kartları */
.ai-urunler {
	align-self: stretch;
	border: 1.5px solid var(--line);
	border-radius: 16px;
	background: var(--card);
	padding: 12px 14px;
	margin-top: 8px;
}

.ai-urunler > b {
	display: block;
	font-size: 12px;
	color: var(--head);
	margin-bottom: 8px;
}

.ai-urun {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 8px;
	border-radius: 10px;
	text-decoration: none;
	transition: background 0.15s;
}

.ai-urun:hover {
	background: var(--bg-soft);
}

.ai-urun__img {
	width: 44px;
	height: 44px;
	object-fit: contain;
	border-radius: 8px;
	background: #fff;
	border: 1px solid var(--line);
	flex: 0 0 44px;
}

.ai-urun__ic {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.ai-urun__ic b {
	font-size: 12.5px;
	line-height: 1.35;
	color: var(--head);
}

.ai-urun__fiyat {
	font-size: 12px;
	font-weight: 800;
	color: var(--price);
}

.ai-urun__fiyat del {
	opacity: 0.55;
	font-weight: 600;
	margin-right: 4px;
}

.ai-urun__teklif {
	font-size: 11px;
	font-weight: 700;
	color: var(--accent-text);
}

/* tamamlayıcı öneri çipleri — tıklanabilir, belirgin (05.08.2026) */
.ai-rec__comp .ai-cips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 6px;
}

.ai-cip {
	display: inline-block;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--head);
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 5px 12px;
	text-decoration: none;
	transition: border-color 0.15s, color 0.15s;
}

a.ai-cip:hover {
	border-color: var(--aqp-cyan);
	color: var(--accent-text);
}

.ai-rec__why,
.ai-rec__comp {
	font-size: 11.5px;
	color: var(--muted);
	line-height: 1.6;
	margin-bottom: 8px;
}

.ai-rec__why b,
.ai-rec__comp b {
	color: var(--head);
}

.ai-rec__go {
	display: block;
	text-align: center;
	background: var(--aqp-navy);
	color: #fff;
	border-radius: 10px;
	padding: 11px;
	font-weight: 800;
	font-size: 13px;
	margin-top: 6px;
	text-decoration: none;
}

.ai-rec__go:hover {
	background: var(--aqp-cyan);
	color: #fff;
}

.ai-rec__go--soft {
	background: var(--bg-soft);
	color: var(--head);
	border: 1px solid var(--line);
}

.ai-rec__go--soft:hover {
	background: var(--bg-soft);
	color: var(--nav-hover);
	border-color: var(--aqp-cyan);
}

.ai-panel__note {
	font-size: 10.5px;
	color: var(--muted);
	text-align: center;
	padding: 8px 14px;
	border-top: 1px solid var(--line);
}

.ai-restart {
	align-self: center;
	background: none;
	border: 0;
	color: var(--accent-text);
	font-weight: 700;
	font-size: 12.5px;
	cursor: pointer;
	padding: 6px;
	animation: aqp-pop 0.35s;
}

/*
 * Panel, sabit iletişim katmanının üstünde bitsin.
 * 900 px altında alt çubuk (WhatsApp/Bizi Arayın + gezinme) 108 px yer
 * kaplıyor; panel 84 px'ten açılınca çubuğun 24 px üstüne biniyordu.
 * `max-height` kısa telefonlarda panelin başlığın altına girmesini önler.
 */
@media (max-width: 900px) {
	.ai-panel {
		bottom: calc(120px + env(safe-area-inset-bottom));
		max-height: calc(100vh - 260px);
	}
}

/* 901 px üstünde sağdaki "Bizi Arayın" sekmesi ekranın sağ kenarında;
   panel onun soluna açılır (16 px boşluk kalır, ölçüldü). */
@media (min-width: 901px) {
	.ai-panel {
		right: 82px;
	}
}

@media (max-width: 560px) {
	.ai-panel {
		right: 12px;
		left: 12px;
		width: auto;
	}

	.ai-fab {
		right: 14px;
		bottom: 14px;
		padding: 13px 18px;
	}

	/* Mobilde FAB 45 px ve bottom 14 (üst kenarı alttan 59 px) — 320 px'e
	   kadar tek satır kalıyor, ölçüldü. Düğme 72 px'e oturur: masaüstüyle
	   aynı 13 px boşluk. Dokunma alanı 44 px (erişilebilirlik alt sınırı). */
	.aqp-yukari {
		right: 14px;
		bottom: 72px;
		width: 44px;
		height: 44px;
	}

	.aqp-yukari svg {
		width: 20px;
		height: 20px;
	}
}

/* ------------------------------ scroll reveal ------------------------------- */

.js .aqp-reveal,
.js .wpt-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition:
		opacity 0.6s cubic-bezier(0.22, 0.61, 0.36, 1),
		transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.js .aqp-reveal.is-visible,
.js .wpt-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* -------------------------------- responsive -------------------------------- */

@media (max-width: 960px) {
	.hero__inner {
		grid-template-columns: 1fr;
	}

	.prods,
	.cats,
	.cats--archive,
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
	}

	/* `1fr` DEĞİL: bir ızgara kolonu varsayılan olarak içeriğinin min-content
	   boyutundan küçülemez. Galerinin küçük resim şeridi 452 px istediği için
	   kolon 494 px'e büyüyor, 360 px'lik telefonda sayfa yana kayıyordu.
	   `minmax(0, …)` kolonun gerçekten daralmasına izin verir. */
	.woo-single div.product {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Tek kolonda galeri kartı esnemiyor, dolayısıyla ortalanacak artan boşluk
	   da yok: `margin: auto` 0'a düşüp şerit görsele yapışıyor. Sabit boşluk. */
	.woo-single div.product div.woocommerce-product-gallery ol.flex-control-thumbs {
		margin-top: 12px;
	}

	.revs-track .rev {
		width: 290px;
	}

	.fgrid {
		grid-template-columns: 1fr 1fr;
	}

	.dd,
	.car {
		display: none;
	}
}

/*
 * Mobil hat 900 px (temanin her yerinde bu). Menu/burger 760'ta kaliyordu;
 * 761-900 bandinda masaustu menusu sigmadigi icin uc satira sariyor, burger
 * de gizli oldugu icin cekmece acilamiyordu. 768 px'te olculdu: baslik icin
 * gereken 785 px, mevcut 753 px.
 */
@media (max-width: 900px) {
	.site-nav {
		display: none;
	}

	.burger {
		display: inline-flex;
	}
}

@media (max-width: 760px) {
	.header-cta {
		padding: 10px 16px;
		font-size: 12.5px;
	}

	.topbar__inner {
		justify-content: center;
	}

	.topbar .kesif {
		display: none;
	}
}

@media (max-width: 560px) {
	/* mobilde ürünler 2'li grid kalır (iş kararı) */
	.prods,
	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.cats--archive {
		grid-template-columns: 1fr;
	}

	.prod__in {
		padding: 12px 12px 14px;
	}

	.prod__title {
		font-size: 13px;
	}

	.prod__price {
		font-size: 15px;
	}

	.prod__add {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}

	.cats {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------- motion ----------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.js .aqp-reveal,
	.js .wpt-reveal,
	.pcard__slide,
	.prod,
	.cat,
	.drawer__panel,
	.acc__sub {
		transition: none;
		opacity: 1;
		transform: none;
	}

	/* hareket azaltmada yorum bandı akmaz, elle kaydırılır */
	.revs-track {
		animation: none;
	}

	.revs-marquee {
		overflow-x: auto;
		mask-image: none;
		-webkit-mask-image: none;
	}

	.ai-fab::after,
	.ai-fab .sp {
		animation: none;
	}

	/* Yukarı çık düğmesi kayarak değil, doğrudan belirir. */
	.aqp-yukari {
		transform: none;
		transition: opacity 0.2s, visibility 0.2s;
	}
}

/* Teklif ürünü CTA bloku (ürün detay) */
/* ---------------------- teklifli ürün: fiyat yerine geçen kart -------------
 * Fiyatlı üründe fiyat + taksit satırı ne kadar yer tutuyorsa burada da o
 * ağırlık olmalı; yoksa teklifli ürün sayfası yarım görünüyor. Kart üç
 * bölümden oluşur: başlık, üç adımlık süreç, eylemler.
 * ------------------------------------------------------------------------ */

.aqp-teklif {
	margin: 18px 0 6px;
	padding: 20px 22px;
	border: 1px solid var(--line);
	border-left: 4px solid var(--brand);
	border-radius: 16px;
	/* `--soft` diye bir token YOK; kart baştan beri şeffaf kalıyordu
	   (20.08.2026'da yakalandı). Doğru yüzey değişkeni `--bg-soft`. */
	background: var(--bg-soft);
}

.aqp-teklif__rozet {
	display: inline-block;
	margin-bottom: 9px;
	padding: 4px 11px;
	border-radius: 999px;
	background: var(--brand);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.aqp-teklif__baslik {
	display: block;
	font-size: clamp(17px, 2vw, 19px);
	line-height: 1.3;
	color: var(--text);
	letter-spacing: -0.01em;
}

.aqp-teklif__ozet {
	margin: 7px 0 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.6;
}

/* Süreç: numara sırayı taşıdığı için liste bilerek numaralı. */
.aqp-teklif__adimlar {
	list-style: none;
	margin: 16px 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.aqp-teklif__adim {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

.aqp-teklif__no {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--card);
	border: 1px solid var(--line);
	color: var(--brand);
	font-size: 12.5px;
	font-weight: 800;
	line-height: 22px;
	text-align: center;
}

.aqp-teklif__ad {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.aqp-teklif__ad b {
	font-size: 14px;
	color: var(--text);
	line-height: 1.35;
}

.aqp-teklif__ad small {
	font-size: 12.5px;
	color: var(--muted);
	line-height: 1.4;
}

.aqp-teklif__row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.aqp-teklif__not {
	margin: 12px 0 0;
	color: var(--muted);
	font-size: 12.5px;
	line-height: 1.5;
}

/* Ürün sayfası: WooCommerce çekirdeğinin %48 float genişlikleri grid içinde
   kolonları daraltıp içeriği dikine sıkıştırıyor — tam genişliğe zorlanır. */
.woo-single div.product .woocommerce-product-gallery,
.woo-single div.product div.summary {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

/* Hero ürün kartı: başlık linki çizgisiz, fiyat marka renginde */
.pcard__name a {
	color: inherit;
	text-decoration: none;
}

.pcard__name a:hover {
	color: var(--nav-hover);
}

.pcard__mini .woocommerce-Price-amount {
	color: var(--price);
	font-weight: 800;
}

/* ------------------------------ arama & hesap ------------------------------ */

.hdr-icons {
	display: flex;
	align-items: center;
	gap: 8px;
}

.hdr-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: none;
	color: var(--head);
	cursor: pointer;
	padding: 0;
	transition: border-color 0.2s, color 0.2s;
}

.hdr-icon:hover,
.hdr-icon[aria-expanded="true"] {
	border-color: var(--aqp-cyan);
	color: var(--accent-text);
}

.hdr-icon svg {
	width: 18px;
	height: 18px;
}

.srch {
	border-top: 1px solid var(--line);
	background: var(--hdr-bg);
	padding-block: 14px;
	box-shadow: 0 22px 34px rgba(6, 78, 162, 0.1);
}

.srch__form {
	display: flex;
	align-items: center;
	gap: 8px;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 5px 5px 5px 22px;
	box-shadow: 0 10px 26px rgba(6, 78, 162, 0.06);
	transition: border-color 0.2s;
}

.srch__form:focus-within {
	border-color: var(--aqp-cyan);
}

.srch__input {
	flex: 1;
	min-width: 0;
	height: 42px;
	border: 0;
	background: none;
	outline: none;
	font-family: var(--aqp-font);
	font-size: 15px;
	color: var(--text);
}

.srch__input::placeholder {
	color: var(--muted);
}

.srch__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.srch__btn {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	border: 0;
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 8px 18px rgba(6, 78, 162, 0.3);
	transition: transform 0.2s;
}

.srch__btn:hover {
	transform: scale(1.06);
}

.srch__btn svg {
	width: 17px;
	height: 17px;
}

.srch__form--drawer {
	margin: 14px 0 4px;
}

.drawer__logo img {
	max-height: 40px;
	width: auto;
	display: block;
}

.drawer__account {
	display: grid;
	gap: 6px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--line);
}

.drawer__account a {
	color: var(--head);
	font-weight: 700;
	text-decoration: none;
	padding: 8px 4px;
}

.flogo--img img {
	max-height: 46px;
	width: auto;
	display: block;
	filter: brightness(0) invert(1);
	opacity: 0.92;
}

/* 900 px: mobil buyutec (.hdr-ara-mobil) devreye girdigi an masaustu
   buyuteci cekilmeli, yoksa tablette IKI arama dugmesi yan yana duruyor. */
@media (max-width: 900px) {
	/* İkonlar gizli ama kap DOM'da kalır: sepet popup'ı mobilde alt-ortada çıkabilsin */
	.hdr-icons {
		position: static;
	}

	.hdr-icons .hdr-icon {
		display: none;
	}
}

/* Üyelik sihirbazı (Hesabım): e-posta → kod → şifre → otomatik giriş */
.aqp-kayit {
	max-width: 560px;
	margin: 0 auto 30px;
	padding: 26px 28px;
	border: 1px solid var(--line);
	border-left: 4px solid var(--aqp-cyan);
	border-radius: 16px;
	background: var(--bg-soft);
}

.aqp-kayit__head h3 {
	margin-bottom: 4px;
	font-size: 18px;
}

.aqp-kayit__head p {
	margin: 0 0 16px;
	color: var(--muted);
	font-size: 14px;
}

.aqp-kayit__hata {
	margin: 0 0 14px;
	padding: 11px 15px;
	border-radius: 10px;
	background: rgba(214, 54, 56, 0.08);
	border: 1px solid rgba(214, 54, 56, 0.3);
	color: #b3261e;
	font-size: 13.5px;
	font-weight: 600;
}

[data-theme="dark"] .aqp-kayit__hata {
	color: #ff8f8a;
}

.aqp-kayit__adim {
	display: none;
	gap: 10px;
}

.aqp-kayit__adim.is-active {
	display: grid;
	animation: aqp-kayit-gir 0.35s ease;
}

@keyframes aqp-kayit-gir {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: none; }
}

.aqp-kayit__adim input {
	height: 48px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--card);
	color: var(--text);
	font-family: var(--aqp-font);
	font-size: 15px;
	padding-inline: 16px;
	outline: none;
}

.aqp-kayit__adim input:focus {
	border-color: var(--aqp-cyan);
}

.aqp-kayit__adim input[data-kod] {
	text-align: center;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 10px;
}

.aqp-kayit__ipucu {
	margin: 0;
	color: var(--muted);
	font-size: 13.5px;
}

.aqp-kayit__link {
	background: none;
	border: 0;
	color: var(--accent-text);
	font-family: var(--aqp-font);
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
	justify-self: start;
	padding: 4px 0;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.aqp-kayit__adim--merkez {
	justify-items: center;
	text-align: center;
	padding-block: 14px;
}

.aqp-kayit__adim--merkez p {
	margin: 0;
	font-weight: 700;
	color: var(--head);
}

.aqp-kayit .btn.is-busy {
	opacity: 0.6;
	pointer-events: none;
}

.aqp-spinner {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 4px solid var(--line);
	border-top-color: var(--aqp-cyan);
	animation: aqp-don 0.8s linear infinite;
}

@keyframes aqp-don {
	to { transform: rotate(360deg); }
}

.aqp-tik {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2eaf5c, #1d8a45);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 24px rgba(30, 150, 70, 0.35);
	animation: aqp-tik-pop 0.45s cubic-bezier(0.2, 1.6, 0.4, 1);
}

.aqp-tik svg {
	width: 26px;
	height: 26px;
}

@keyframes aqp-tik-pop {
	from { transform: scale(0.3); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}

/* WooCommerce'in kendi kayıt kolonu gizli — kayıt yalnız sihirbazdan */
.woocommerce-account .u-column2.col-2 {
	display: none;
}

.woocommerce-account .u-column1.col-1 {
	float: none;
	width: 100%;
	max-width: 560px;
	margin-inline: auto;
}

/* ------------------------- sepet rozeti & popup --------------------------- */

.hdr-icons {
	position: relative;
}

.hdr-icon--sepet {
	position: relative;
}

.hdr-sepet-sayi {
	position: absolute;
	top: -5px;
	left: -5px;
	min-width: 19px;
	height: 19px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	display: none;
	align-items: center;
	justify-content: center;
	padding-inline: 4px;
	box-shadow: 0 4px 10px rgba(6, 78, 162, 0.35);
	pointer-events: none;
}

.hdr-sepet-sayi.is-var {
	display: inline-flex;
}

.sepet-pop {
	position: absolute;
	top: calc(100% + 14px);
	right: -8px;
	width: 290px;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 16px;
	box-shadow: var(--shadow);
	padding: 16px;
	z-index: 90;
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 0.25s, transform 0.25s;
}

.sepet-pop.is-acik {
	opacity: 1;
	transform: none;
}

.sepet-pop::before {
	content: "";
	position: absolute;
	top: -7px;
	right: 22px;
	width: 12px;
	height: 12px;
	background: var(--card);
	border-left: 1px solid var(--line);
	border-top: 1px solid var(--line);
	transform: rotate(45deg);
}

.sepet-pop__baslik {
	font-weight: 800;
	color: var(--head);
	font-size: 14px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.sepet-pop__tik {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2eaf5c, #1d8a45);
	color: #fff;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.sepet-pop__govde {
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--bg-soft);
	padding: 6px 10px;
	margin-bottom: 12px;
}

.sepet-pop__satir {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-block: 8px;
}

.sepet-pop__satir + .sepet-pop__satir {
	border-top: 1px solid var(--line);
}

.sepet-pop__satir img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	border-radius: 8px;
	background: #fff;
	flex: 0 0 auto;
}

.sepet-pop__ad {
	flex: 1;
	min-width: 0;
	font-size: 12.5px;
	font-weight: 700;
	color: var(--head);
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sepet-pop__adet {
	font-size: 12px;
	font-weight: 800;
	color: var(--price);
	white-space: nowrap;
}

/*
 * Sepet önizlemesinde satır silme (26.08.2026, Toprak isteği).
 *
 * YALNIZ MASAÜSTÜ. Gövde HTML'i WooCommerce fragmanı olarak her cihaza aynı
 * gidiyor, bu yüzden sınır PHP'de değil burada çiziliyor: düğme varsayılan
 * olarak GİZLİ, sadece gerçek fare girdisi olan cihazlarda açılıyor. Aynı
 * koşul JS tarafında da var (main.js — ikon hover'ıyla açılan önizleme),
 * yani iki taraf aynı ölçütü kullanıyor.
 *
 * Dokunmatikte gizli olmasının nedeni yer değil davranış: parmakla yanlışlıkla
 * silmek kolay ve mobilde geri alma yok. Mobil kullanıcı sepete girip siler.
 */
.sepet-pop__sil {
	display: none;
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin-inline-start: 2px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: transparent;
	color: var(--muted);
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	transition: color .15s, border-color .15s, background .15s;
}

@media (hover: hover) and (pointer: fine) {
	.sepet-pop__sil {
		display: inline-flex;
	}
}

.sepet-pop__sil:hover,
.sepet-pop__sil:focus-visible {
	color: #c0392b;
	border-color: #c0392b;
	background: rgba( 192, 57, 43, .08 );
}

/* Silme sürerken WC satırı devre dışı bırakır; çift tıklamayı görsel olarak da kes. */
.sepet-pop__satir.is-siliniyor {
	opacity: .45;
	pointer-events: none;
}

.sepet-pop__fazla {
	text-align: center;
	font-size: 12px;
	color: var(--muted);
	padding-block: 6px;
	border-top: 1px dashed var(--line);
}

.sepet-pop__toplam {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-block: 9px 6px;
	border-top: 1px solid var(--line);
	font-size: 13px;
	color: var(--muted);
}

.sepet-pop__toplam b {
	color: var(--price);
	font-size: 14.5px;
}

.sepet-pop__bos {
	margin: 8px 4px;
	font-size: 13px;
	color: var(--muted);
}

.sepet-pop__git {
	width: 100%;
	justify-content: center;
	padding-block: 11px;
	font-size: 13.5px;
}

@media (max-width: 760px) {
	.sepet-pop {
		position: fixed;
		top: auto;
		bottom: 18px;
		left: 50%;
		right: auto;
		transform: translate(-50%, 8px);
		width: min(92vw, 340px);
	}

	.sepet-pop.is-acik {
		transform: translate(-50%, 0);
	}

	.sepet-pop::before {
		display: none;
	}
}

/* Ürün galerisi: yakından inceleme imleci (WC zoom destekli) */
.woo-single .woocommerce-product-gallery .woocommerce-product-gallery__image,
.woo-single .woocommerce-product-gallery img {
	cursor: zoom-in;
}

/* ---------- SEO rehber blokları (ana sayfa, mağaza, kategori, blog) -------- */
.aqp-rehber-alan{margin:clamp(48px,7vw,88px) auto;max-width:940px}
.aqp-rehber-alan--arsiv{padding:0 0 clamp(24px,4vw,40px)}
.aqp-rehber h2{font-size:clamp(21px,3.2vw,27px);font-weight:800;color:var(--head);letter-spacing:-.3px;margin:0 0 12px}
.aqp-rehber>p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 14px}
.aqp-rehber__blok{border:1px solid var(--line);border-radius:16px;background:var(--card);margin:0 0 10px;overflow:hidden}
.aqp-rehber__blok summary{cursor:pointer;list-style:none;padding:18px 22px;display:flex;align-items:center;gap:12px;transition:background .18s}
.aqp-rehber__blok summary::-webkit-details-marker{display:none}
.aqp-rehber__blok summary:hover{background:var(--bg-soft)}
.aqp-rehber__blok summary h3{margin:0;font-size:17px;font-weight:800;color:var(--head);flex:1}
.aqp-rehber__blok summary::after{content:"+";font-size:22px;font-weight:700;color:var(--brand);line-height:1;transition:transform .2s}
.aqp-rehber__blok[open] summary::after{transform:rotate(45deg)}
.aqp-rehber__ic{padding:2px 22px 22px}
.aqp-rehber__ic p{color:var(--muted);font-size:15.5px;line-height:1.8;margin:0 0 12px}
.aqp-rehber__ic h4{margin:18px 0 6px;font-size:15.5px;font-weight:800;color:var(--head)}
.aqp-rehber__ic a{color:var(--accent-text);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.aqp-rehber__gorsel{margin:18px 0 6px}
.aqp-rehber__gorsel img{width:100%;height:auto;border:1px solid var(--line);border-radius:14px;background:#F7FBFE}
.aqp-rehber__gorsel figcaption{margin-top:7px;font-size:12.5px;color:var(--muted)}
.aqp-rehber .wp-block-rank-math-toc-block{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:0 0 18px}
.aqp-rehber .wp-block-rank-math-toc-block h2{font-size:16px;margin:0 0 10px}
.aqp-rehber .wp-block-rank-math-toc-block ul{margin:0;padding-left:18px;columns:2;column-gap:26px}
.aqp-rehber .wp-block-rank-math-toc-block a{color:var(--accent-text);text-decoration:none;font-weight:600;font-size:14.5px}
@media(max-width:640px){.aqp-rehber .wp-block-rank-math-toc-block ul{columns:1}}

.fnav__soon{opacity:.55;cursor:default}

/* --- Ürün açıklamasının koyu tema uyumu ---------------------------------- */
/* Açıklama gövdesi satır içi renklerle üretilir (tek kaynaktan, importer).
   Koyu temada bu sabit renkler okunmadığı için hedefli olarak eşleştirilir. */
html[data-theme="dark"] #tab-description [style*="color:#10347A"],
html[data-theme="dark"] #tab-description [style*="color:#22334C"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="color:#10347A"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="color:#22334C"]{color:var(--head)!important}
/* Gövde metinleri koyu temada ana metin rengini alır; yalnız alt yazı gibi
   ikincil notlar sönük kalır — muted tonu okumayı zorlaştırıyordu. */
html[data-theme="dark"] #tab-description [style*="color:#5A6B7F"],
html[data-theme="dark"] #tab-description [style*="color:#4A5C72"],
html[data-theme="dark"] #tab-description [style*="color:#3C566F"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="color:#5A6B7F"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="color:#4A5C72"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="color:#3C566F"]{color:var(--text)!important}
html[data-theme="dark"] #tab-description [style*="color:#7A8CA3"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="color:#7A8CA3"]{color:var(--muted)!important}
html[data-theme="dark"] #tab-description [style*="color:#064EA2"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="color:#064EA2"]{color:var(--accent-text)!important}
html[data-theme="dark"] #tab-description [style*="color:#0177B0"]{color:var(--accent-text)!important}
html[data-theme="dark"] #tab-description [style*="color:#1F6B3A"]{color:#7bd69b!important}
html[data-theme="dark"] #tab-description [style*="color:#8A3A22"]{color:#eda488!important}
html[data-theme="dark"] #tab-description [style*="background:#fff"],
html[data-theme="dark"] .woocommerce-Tabs-panel--description [style*="background:#fff"]{background:var(--card)!important;border-color:var(--line)!important}
html[data-theme="dark"] #tab-description [style*="background:#F2F8FD"],
html[data-theme="dark"] #tab-description [style*="background:#E9F3FB"],
html[data-theme="dark"] #tab-description [style*="background:linear-gradient(135deg,#F2F8FD"]{background:var(--bg-soft)!important;border-color:var(--line)!important}
html[data-theme="dark"] #tab-description [style*="background:#F1FAF3"]{background:rgba(121,231,41,.08)!important;border-color:rgba(121,231,41,.25)!important}
html[data-theme="dark"] #tab-description [style*="background:#FBF4F2"]{background:rgba(224,106,74,.1)!important;border-color:rgba(224,106,74,.3)!important}
html[data-theme="dark"] #tab-description [style*="background:rgba(255,255,255,.7)"],
html[data-theme="dark"] #tab-description [style*="background:rgba(255,255,255,.6)"]{background:var(--card)!important}
html[data-theme="dark"] #tab-description [style*="border:1px solid #E2EBF4"],
html[data-theme="dark"] #tab-description [style*="border-bottom:1px solid #E9F0F7"],
html[data-theme="dark"] #tab-description [style*="border-top:1px solid #E2EBF4"],
html[data-theme="dark"] #tab-description [style*="border:1.5px dashed #B9CCE4"]{border-color:var(--line)!important}

/* Rehber bloklari (ana sayfa / magaza / kategori) - koyu tema okunabilirligi */
html[data-theme="dark"] .aqp-rehber>p,
html[data-theme="dark"] .aqp-rehber__ic p,
html[data-theme="dark"] .aqp-rehber li{color:var(--text)}
html[data-theme="dark"] .aqp-rehber__gorsel figcaption{color:var(--muted)}

/* ---------------- Ürün galerisi — koyu tema -------------------------------
   Ürün fotoğrafları beyaz stüdyo zeminli. Koyu temada açık gradyan kutu
   ekranda parlak bir dikdörtgen gibi duruyordu; kutu koyu yüzeye alınıp
   fotoğrafın kendisi "kağıt" gibi ayrı bir katman olarak sunuluyor.       */
html[data-theme="dark"] .woo-single .woocommerce-product-gallery{
	background:linear-gradient(160deg,var(--card),var(--bg-soft));
	border-color:var(--line);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

html[data-theme="dark"] .woo-single .woocommerce-product-gallery__wrapper{
	border-radius:12px;
	overflow:hidden;
}

/* Ana görsel: koyu zeminden ayrışsın diye hafif kenar ve derinlik */
html[data-theme="dark"] .woo-single .woocommerce-product-gallery__image img{
	box-shadow:0 10px 34px rgba(0,0,0,.42);
	border:1px solid rgba(255,255,255,.06);
}

/* Küçük görseller: koyu zeminde nefes alan bir şerit */
html[data-theme="dark"] .woo-single .flex-control-thumbs{
	gap:10px;
	/* margin-top KALDIRILDI: seridi bos alana ortalayan `margin: auto 0`
	   kuralini eziyordu, ortalama yalniz acik temada calisiyordu. */
}

html[data-theme="dark"] .woo-single .flex-control-thumbs li{
	border-radius:10px;
	background:var(--bg-soft);
	padding:3px;
	transition:background .18s,box-shadow .18s;
}

html[data-theme="dark"] .woo-single .flex-control-thumbs li:hover{
	background:#16325c;
}

html[data-theme="dark"] .woo-single .flex-control-thumbs img{
	border-color:transparent;
	opacity:.82;
	transition:opacity .18s,border-color .18s;
}

html[data-theme="dark"] .woo-single .flex-control-thumbs img:hover{
	opacity:1;
}

html[data-theme="dark"] .woo-single .flex-control-thumbs img.flex-active{
	border-color:var(--em);
	opacity:1;
	box-shadow:0 0 0 1px var(--em),0 6px 18px rgba(63,193,244,.28);
}

/* Büyüteç düğmesi: açık temada beyaz daire, koyu temada kart yüzeyi */
html[data-theme="dark"] .woo-single .woocommerce-product-gallery__trigger{
	background:var(--card);
	border:1px solid var(--line);
	border-radius:999px;
	color:var(--head);
	box-shadow:0 6px 18px rgba(0,0,0,.35);
}

html[data-theme="dark"] .woo-single .woocommerce-product-gallery__trigger:hover{
	background:var(--bg-soft);
	border-color:var(--em);
}

/* Lightbox (PhotoSwipe) koyu tema uyumu */
html[data-theme="dark"] .pswp__bg{background:#04101f}
html[data-theme="dark"] .pswp__caption__center{color:var(--text)}

/* Ürün kartı görsel alanı — koyu temada açık gradyan yerine kart yüzeyi.
   Beyaz stüdyo fotoğrafı ile koyu kart arasındaki sert sınırı yumuşatmak
   için görselin altına yumuşak bir hale konuyor.                          */
html[data-theme="dark"] .prod__media{
	background:linear-gradient(160deg,#12294d,#0e2140);
	border-bottom:1px solid var(--line);
	position:relative;
}

html[data-theme="dark"] .prod__media::after{
	content:"";
	position:absolute;
	inset:auto 12% 6% 12%;
	height:26%;
	border-radius:50%;
	background:radial-gradient(ellipse at center,rgba(63,193,244,.16),transparent 70%);
	pointer-events:none;
}

html[data-theme="dark"] .prod__media img{
	position:relative;
	z-index:1;
	filter:drop-shadow(0 10px 22px rgba(0,0,0,.45));
}

/* Yazı içine gömülen ürün kartları ve ilgili ürünler aynı dili paylaşır */
html[data-theme="dark"] .prods--gomulu .prod__media,
html[data-theme="dark"] .prods--yazi .prod__media{
	background:linear-gradient(160deg,#12294d,#0e2140);
}

/* Blog kart kapağı ve yazı kapağı — koyu zeminde ince çerçeve */
html[data-theme="dark"] .blog-kart__gorsel{
	background:var(--bg-soft);
	border-bottom:1px solid var(--line);
}

html[data-theme="dark"] .yazi-kapak img{
	border:1px solid var(--line);
	box-shadow:0 18px 44px rgba(0,0,0,.45);
}

/* Ürün açıklamasındaki şema görselleri (SVG, açık zeminli) */
html[data-theme="dark"] .aqp-rehber__gorsel img,
html[data-theme="dark"] #tab-description figure img,
html[data-theme="dark"] .woocommerce-Tabs-panel--description figure img{
	background:#eef6fd;
	border-color:var(--line);
	box-shadow:0 8px 24px rgba(0,0,0,.32);
}


/* ======================= BLOG: liste, kart, yazı ========================= */
.blog-hero{background:linear-gradient(140deg,#071228,#10347a 55%,#064ea2);padding:clamp(48px,8vw,86px) 0 clamp(40px,6vw,64px);position:relative;overflow:hidden}
.blog-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(2,168,235,.32),transparent 46%);pointer-events:none}
.blog-hero .container{position:relative;z-index:1}
.blog-hero__etiket{display:inline-block;padding:7px 15px;border-radius:999px;background:rgba(2,168,235,.16);border:1px solid rgba(2,168,235,.38);color:#7cd0f5;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:700}
.blog-hero h1{margin:16px 0 0;color:#fff;font-size:clamp(26px,4.6vw,44px);line-height:1.14;font-weight:800;letter-spacing:-.6px;max-width:22ch}
.blog-hero__giris{margin-top:16px;max-width:74ch}
.blog-hero__giris p{color:#c6d8ef;font-size:16.5px;line-height:1.8}
.blog-hero__giris .aqp-rehber__gorsel,.blog-hero__giris figure{display:none}

.blog-liste{padding:clamp(36px,6vw,64px) 0 clamp(48px,8vw,90px)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:clamp(18px,2.6vw,28px)}
.blog-kart{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.blog-kart:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(2,168,235,.42)}
.blog-kart__gorsel{display:block;aspect-ratio:16/9;background:#f2f8fd;overflow:hidden;position:relative}
.blog-kart__gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.blog-kart__damla{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#02a8eb;background:linear-gradient(135deg,#eaf4fd,#d8ecfa)}
.blog-kart__ic{padding:20px 22px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.blog-kart__etiket{align-self:flex-start;font-size:11.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-text);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.blog-kart__baslik{margin:0;font-size:18px;line-height:1.35;font-weight:800;letter-spacing:-.2px}
.blog-kart__baslik a{color:var(--head);text-decoration:none}
.blog-kart__baslik a:hover{color:var(--accent-text)}
.blog-kart__ozet{margin:0;color:var(--muted);font-size:14.5px;line-height:1.7;flex:1}
.blog-kart__alt{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}
.blog-kart__oku{margin-left:auto;font-weight:800;color:var(--accent-text)}

/* ------------------------------ tek yazı -------------------------------- */
.yazi-hero{background:linear-gradient(140deg,#071228,#10347a 55%,#064ea2);padding:clamp(40px,7vw,76px) 0 clamp(34px,5vw,56px);position:relative;overflow:hidden}
.yazi-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 10%,rgba(2,168,235,.3),transparent 48%);pointer-events:none}
.yazi-hero__inner{position:relative;z-index:1;max-width:880px}
.yazi-hero__yol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#9fbbdc;margin-bottom:16px}
.yazi-hero__yol a{color:#9fbbdc;text-decoration:none}
.yazi-hero__yol a:hover{color:#fff}
.yazi-hero__etiket{display:inline-block;padding:6px 14px;border-radius:999px;background:rgba(2,168,235,.16);border:1px solid rgba(2,168,235,.38);color:#7cd0f5;font-size:11.5px;letter-spacing:1.8px;text-transform:uppercase;font-weight:700}
.yazi-hero__baslik{margin:14px 0 0;color:#fff;font-size:clamp(25px,4.4vw,42px);line-height:1.16;font-weight:800;letter-spacing:-.6px}
.yazi-hero__ozet{margin:14px 0 0;color:#c6d8ef;font-size:clamp(15.5px,2vw,18px);line-height:1.75;max-width:70ch}
.yazi-hero__meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#9fbbdc}

.yazi-kapak{margin-top:-28px;position:relative;z-index:2;max-width:940px}
.yazi-kapak img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);display:block}

.yazi-govde{max-width:940px;padding:clamp(30px,5vw,52px) 0 0}
.yazi-govde>.aqp-rehber{margin:0}
.yazi-govde h2{margin:clamp(30px,4.6vw,46px) 0 4px;font-size:clamp(21px,3.2vw,28px);font-weight:800;color:var(--head);letter-spacing:-.35px;scroll-margin-top:96px}
.yazi-govde h2::after{content:"";display:block;width:52px;height:4px;border-radius:4px;background:linear-gradient(90deg,#02a8eb,#064ea2);margin-top:12px}
.yazi-govde h3{margin:26px 0 6px;font-size:clamp(17px,2.4vw,20px);font-weight:800;color:var(--head)}
.yazi-govde h4{margin:20px 0 4px;font-size:16px;font-weight:800;color:var(--text)}
.yazi-govde p{color:var(--muted);font-size:16.5px;line-height:1.85;margin:0 0 14px}
.yazi-govde a{color:var(--accent-text);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.yazi-govde strong{color:var(--head)}
.yazi-govde ul,.yazi-govde ol{margin:0 0 16px;padding-left:22px}
.yazi-govde li{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:8px}
.yazi-govde li strong{color:var(--head)}
.yazi-govde figure{margin:24px 0}
.yazi-govde figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px;background:#f7fbfe;display:block}
.yazi-govde figcaption{margin-top:8px;font-size:13px;color:var(--muted)}
.aqp-tablo{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 18px;font-size:14.5px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.aqp-tablo th{background:var(--bg-soft);color:var(--head);font-weight:800;text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}
.aqp-tablo td{padding:12px 15px;color:var(--muted);border-bottom:1px solid var(--line);vertical-align:top}
.aqp-tablo tr:last-child td{border-bottom:0}
.aqp-tablo td:first-child{color:var(--head);font-weight:700}

.prods--gomulu{margin:22px 0 26px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.yazi-urunler{max-width:1160px;padding:clamp(40px,6vw,64px) 0 0}
.yazi-urunler h2{margin:0;font-size:clamp(21px,3.2vw,28px);font-weight:800;color:var(--head)}
.yazi-urunler__not{margin:8px 0 20px;color:var(--muted);font-size:15px;max-width:70ch}
.prods--yazi{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}

.yazi-cta{max-width:940px;padding:clamp(36px,5vw,56px) 0}
.yazi-cta__kart{border-radius:20px;padding:clamp(26px,4vw,42px);text-align:center;background:radial-gradient(circle at 50% 0%,rgba(2,168,235,.3),transparent 55%),linear-gradient(140deg,#071228,#10347a,#064ea2)}
.yazi-cta__kart h2{margin:0;color:#fff;font-size:clamp(19px,3vw,25px);font-weight:800}
.yazi-cta__kart p{margin:12px auto 0;color:#c6d8ef;font-size:15.5px;line-height:1.75;max-width:60ch}
.yazi-cta__aksiyon{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}

.yazi-diger{max-width:1160px;padding:0 0 clamp(48px,8vw,88px)}
.yazi-diger h2{margin:0 0 20px;font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--head)}

@media(max-width:640px){
	.blog-grid{grid-template-columns:1fr}
	.yazi-kapak{margin-top:-18px}
	.yazi-govde p,.yazi-govde li{font-size:15.5px}
}

/* ================= KURUMSAL VE YASAL SAYFALAR + FORM ===================== */
.aqp-yasal{max-width:860px;margin:0 auto}
.aqp-yasal>p:first-child{font-size:17.5px;line-height:1.85;color:var(--text);border-left:3px solid var(--brand);padding-left:18px;margin:0 0 28px}
.aqp-yasal__blok{margin:0 0 30px;padding:0 0 26px;border-bottom:1px solid var(--line)}
.aqp-yasal__blok:last-child{border-bottom:0;padding-bottom:0}
.aqp-yasal__blok h2{font-size:clamp(19px,2.6vw,23px);font-weight:800;color:var(--head);letter-spacing:-.3px;margin:0 0 14px}
.aqp-yasal p{color:var(--text);font-size:16px;line-height:1.85;margin:0 0 14px}
.aqp-yasal__liste{list-style:none;margin:0 0 14px;padding:0}
.aqp-yasal__liste li{position:relative;padding:0 0 0 26px;margin:0 0 11px;color:var(--text);font-size:16px;line-height:1.8}
.aqp-yasal__liste li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--brand);opacity:.75}
.aqp-yasal__liste strong{color:var(--head);font-weight:700}
.aqp-yasal a{color:var(--accent-text);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.aqp-tablo--satici{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.aqp-tablo--satici th,.aqp-tablo--satici td{padding:13px 18px;text-align:left;font-size:15.5px;border-bottom:1px solid var(--line)}
.aqp-tablo--satici tr:last-child th,.aqp-tablo--satici tr:last-child td{border-bottom:0}
.aqp-tablo--satici th{width:38%;font-weight:700;color:var(--head);background:var(--bg-soft)}
.aqp-tablo--satici td{color:var(--text)}
@media(max-width:560px){
	.aqp-tablo--satici th{width:44%;font-size:14.5px}
	.aqp-tablo--satici td{font-size:14.5px}
}

/* ---- Teklif / iletişim formu ---- */
.aqp-form{margin:clamp(34px,5vw,52px) 0 0;padding:clamp(24px,4vw,34px);background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.aqp-form__ust{margin:0 0 22px}
.aqp-form__baslik{font-size:clamp(20px,2.8vw,25px);font-weight:800;color:var(--head);margin:0 0 8px}
.aqp-form__not{color:var(--muted);font-size:15.5px;line-height:1.7;margin:0}
.aqp-form__sonuc{margin:0 0 20px;padding:14px 18px;border-radius:12px;font-size:15.5px;font-weight:600;line-height:1.6}
.aqp-form__sonuc--ok{background:rgba(121,231,41,.12);border:1px solid rgba(121,231,41,.4);color:#1f6b3a}
.aqp-form__sonuc--hata{background:rgba(224,106,74,.1);border:1px solid rgba(224,106,74,.35);color:#8a3a22}
html[data-theme="dark"] .aqp-form__sonuc--ok{color:#8fe0a8}
html[data-theme="dark"] .aqp-form__sonuc--hata{color:#f0a88c}
.aqp-form__tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aqp-form__satir{margin:0 0 16px}
.aqp-form__ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aqp-form__etiket{display:block;font-size:14.5px;font-weight:700;color:var(--head);margin:0 0 7px}
.aqp-form__etiket span{color:var(--brand)}
.aqp-form__giris{width:100%;padding:13px 15px;font:inherit;font-size:15.5px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:11px;transition:border-color .18s,box-shadow .18s}
.aqp-form__giris:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(2,168,235,.18)}
.aqp-form__giris--uzun{resize:vertical;min-height:130px;line-height:1.7}
.aqp-form__giris::placeholder{color:var(--muted);opacity:.85}
.aqp-form__onay{display:flex;gap:11px;align-items:flex-start;margin:4px 0 20px;font-size:14.5px;line-height:1.65;color:var(--text);cursor:pointer}
.aqp-form__onay input{margin-top:3px;width:18px;height:18px;accent-color:var(--brand);flex:0 0 auto}
.aqp-form__buton{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 30px;font:inherit;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2,#064ea2));border:0;border-radius:999px;cursor:pointer;transition:transform .16s,box-shadow .16s}
.aqp-form__buton:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,168,235,.32)}
.aqp-form__kisa{margin:16px 0 0;font-size:14.5px;color:var(--muted)}
.aqp-form__kisa a{color:var(--accent-text);font-weight:700;text-decoration:none}
@media(max-width:600px){.aqp-form__ikili{grid-template-columns:1fr;gap:0}}

/* ---- HTML site haritası ---- */
.aqp-harita h2{font-size:clamp(20px,2.8vw,25px);font-weight:800;color:var(--head);margin:34px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.aqp-harita h3{font-size:18px;font-weight:800;margin:24px 0 8px}
.aqp-harita h3 a{color:var(--head);text-decoration:none}
.aqp-harita h3 a:hover{color:var(--accent-text)}
.aqp-harita h4{font-size:15.5px;font-weight:700;margin:16px 0 6px}
.aqp-harita h4 a{color:var(--accent-text);text-decoration:none}
.aqp-harita__liste{list-style:none;margin:0 0 14px;padding:0;columns:2;column-gap:32px}
.aqp-harita__liste li{margin:0 0 7px;break-inside:avoid;font-size:15px;line-height:1.6}
.aqp-harita__liste a{color:var(--text);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.aqp-harita__liste a:hover{color:var(--accent-text);border-bottom-color:currentColor}
@media(max-width:700px){.aqp-harita__liste{columns:1}}

/* ---- İletişim sayfası ---- */
.aqp-ilt{max-width:940px;margin:0 auto}
.aqp-ilt__giris{font-size:17.5px;line-height:1.85;color:var(--text);border-left:3px solid var(--brand);padding-left:18px;margin:0 0 30px}
.aqp-ilt__kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-auto-rows:1fr;gap:14px;margin:0 0 30px}
.aqp-ilt-kart{display:flex;flex-direction:column;gap:3px;padding:20px 20px 18px;background:var(--card);border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}
.aqp-ilt-kart:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 14px 32px rgba(2,168,235,.16)}
.aqp-ilt-kart__ikon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 0 10px;border-radius:12px;background:linear-gradient(135deg,rgba(2,168,235,.16),rgba(6,78,162,.12));color:var(--brand)}
.aqp-ilt-kart__ust{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.aqp-ilt-kart__metin{font-size:17px;font-weight:800;color:var(--head);letter-spacing:-.2px;line-height:1.35;overflow-wrap:anywhere}
.aqp-ilt-kart__alt{font-size:13.5px;color:var(--muted)}
.aqp-ilt__ikili{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.aqp-ilt-panel{padding:24px 26px;background:var(--bg-soft);border:1px solid var(--line);border-radius:18px}
.aqp-ilt-panel__baslik{font-size:17px;font-weight:800;color:var(--head);margin:0 0 14px}
.aqp-ilt-panel__not{margin:14px 0 0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.aqp-ilt-panel__adres{margin:0;font-size:16px;line-height:1.75;color:var(--text);font-weight:600}
.aqp-saat{list-style:none;margin:0;padding:0}
.aqp-saat__satir{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px dashed var(--line)}
.aqp-saat__satir:last-child{border-bottom:0;padding-bottom:0}
.aqp-saat__gun{font-size:15px;font-weight:600;color:var(--text)}
.aqp-saat__deger{font-size:15px;font-weight:800;color:var(--head);font-variant-numeric:tabular-nums;white-space:nowrap}
.aqp-saat__satir--kapali .aqp-saat__deger{color:var(--muted);font-weight:600}
.aqp-ilt .aqp-form{margin-top:26px}
@media(max-width:820px){.aqp-ilt__ikili{grid-template-columns:1fr}}
@media(max-width:520px){
	/* minmax(0,…): e-posta adresi tek uzun kelime, 1fr kolonu içerik kadar büyütüyordu */
	.aqp-ilt__kartlar{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
	.aqp-ilt-kart{padding:16px 15px 14px;border-radius:15px}
	.aqp-ilt-kart__metin{font-size:15.5px}
	.aqp-ilt-kart__ikon{width:36px;height:36px;margin-bottom:8px}
}

/* ================= FOOTER — MOBİL DÜZEN ================================== */
.fbot__tel{display:inline-flex;gap:7px;align-items:center;flex-wrap:wrap}
.fbot__tel a{color:inherit;text-decoration:none}
.fbot__tel a:hover{color:var(--aqp-cyan)}

@media(max-width:900px){
	.fgrid{grid-template-columns:1fr 1fr;gap:26px 22px}
	/* Marka bloğu iki kolonu birden kaplasın, listeler yan yana kalsın */
	.fgrid>div:first-child{grid-column:1 / -1}
}

@media(max-width:640px){
	.site-footer__inner{padding-block:34px 20px}
	.fgrid{grid-template-columns:1fr;gap:0;padding-bottom:20px}
	/* Her sütun kendi bloğu: aralarında ince ayraç, dokunma hedefleri geniş */
	.fgrid>div{padding:16px 0;border-top:1px solid rgba(2,168,235,.12)}
	.fgrid>div:first-child{padding-top:0;border-top:0}
	.site-footer h4,.site-footer .ftr__baslik{margin-bottom:8px;font-size:12.5px;color:#b9cce4}
	.site-footer ul{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
	.site-footer li{padding-block:0}
	.site-footer li a,.site-footer li .fnav__soon{display:block;padding:9px 0;font-size:13.5px;line-height:1.35}
	.flogo{margin-bottom:8px}
	.flogo--img img{max-height:44px;width:auto}
	.fgrid>div:first-child p{font-size:13px;line-height:1.7;margin:0}
	.fbot{flex-direction:column;align-items:flex-start;gap:8px;padding-top:16px;font-size:12.5px;line-height:1.6}
	.fbot__tel a{padding:4px 0;display:inline-block}
	.madeby{padding-top:14px;flex-wrap:wrap;justify-content:flex-start}
}

/* Sabit duran asistan butonu son bağlantıların üstüne binmesin */
@media(max-width:640px){
	.site-footer__inner{padding-bottom:78px}
}

@media(max-width:330px){
	.site-footer ul{grid-template-columns:1fr}
}


/* ================= HESABIM — panel düzeni ================================ */
.woocommerce-account .woocommerce{max-width:1120px;margin:0 auto}
.woocommerce-MyAccount-navigation ul{gap:4px}
.aqp-hesap-oge a{display:flex;align-items:center;gap:11px;padding:12px 16px;border-radius:12px;transition:background .16s,border-color .16s,transform .16s}
.aqp-hesap-oge a::before{content:"";width:19px;height:19px;flex:0 0 auto;background:currentColor;opacity:.75;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.aqp-hesap-oge--dashboard a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E")}
.aqp-hesap-oge--orders a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16l-1.4 12.2a2 2 0 0 1-2 1.8H7.4a2 2 0 0 1-2-1.8Z'/%3E%3Cpath d='M9 7V5.5a3 3 0 0 1 6 0V7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16l-1.4 12.2a2 2 0 0 1-2 1.8H7.4a2 2 0 0 1-2-1.8Z'/%3E%3Cpath d='M9 7V5.5a3 3 0 0 1 6 0V7'/%3E%3C/svg%3E")}
.aqp-hesap-oge--edit-address a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.2 7-11a7 7 0 1 0-14 0c0 4.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E")}
.aqp-hesap-oge--edit-account a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")}
.aqp-hesap-oge--customer-logout a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/%3E%3Cpath d='M10 17l-5-5 5-5'/%3E%3Cpath d='M5 12h10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/%3E%3Cpath d='M10 17l-5-5 5-5'/%3E%3Cpath d='M5 12h10'/%3E%3C/svg%3E")}
.aqp-hesap-oge a:hover{background:var(--bg-soft);border-color:var(--brand);transform:translateX(2px)}
.woocommerce-MyAccount-navigation .is-active a{background:linear-gradient(135deg,var(--aqp-navy),#0a3c7d);border-color:transparent;box-shadow:0 8px 22px rgba(6,78,162,.24)}
.woocommerce-MyAccount-navigation .is-active a::before{opacity:1}
.woocommerce-MyAccount-content{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,3vw,30px)}
.woocommerce-MyAccount-content>p:first-child{margin-top:0}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{color:var(--head);font-weight:800;letter-spacing:-.2px}
.woocommerce-MyAccount-content a:not(.button){color:var(--accent-text);font-weight:600}
.woocommerce-MyAccount-content .woocommerce-Address{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.woocommerce-MyAccount-content .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.woocommerce-MyAccount-content .woocommerce-Address-title h2,.woocommerce-MyAccount-content .woocommerce-Address-title h3{margin:0;font-size:17px}
.woocommerce-MyAccount-content address{font-style:normal;color:var(--text);line-height:1.75;font-size:15px}
.aqp-adres-not{background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:12px;padding:13px 16px;font-size:14.5px;line-height:1.7;color:var(--text)}
.aqp-adres-ayni{margin:6px 0 18px !important;padding:14px 16px;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px}
.aqp-adres-ayni__etiket{display:flex;gap:11px;align-items:flex-start;cursor:pointer;margin:0 !important}
.aqp-adres-ayni__etiket input{margin-top:2px;width:18px;height:18px;accent-color:var(--brand);flex:0 0 auto}
.aqp-adres-ayni__etiket b{display:block;font-size:14.5px;color:var(--head);font-weight:700}
.aqp-adres-ayni__etiket small{display:block;margin-top:3px;font-size:13px;line-height:1.6;color:var(--muted)}
.woocommerce-MyAccount-content .woocommerce-message,.woocommerce-MyAccount-content .woocommerce-info{background:var(--bg-soft);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:12px;color:var(--text)}
@media(max-width:860px){
	.woocommerce-account .woocommerce{display:block}
	.woocommerce-MyAccount-navigation{margin-bottom:18px}
	.woocommerce-MyAccount-navigation ul{flex-direction:row;flex-wrap:wrap;gap:8px}
	.aqp-hesap-oge a{padding:10px 14px;font-size:13.5px}
	.woocommerce-MyAccount-content{padding:18px}
}

/* ---- "Sepete Ekle" düğmeleri (sepet altı öneriler, arşiv, blok ızgara) ---- */
.woocommerce a.button.add_to_cart_button,
.woocommerce a.button.product_type_simple,
.woocommerce .cross-sells a.button,
.woocommerce-cart ul.products a.button{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:11px 22px;font:inherit;font-size:14.5px;font-weight:700;line-height:1.2;
	color:#fff;background:linear-gradient(135deg,var(--aqp-cyan),var(--aqp-navy));
	border:0;border-radius:999px;text-decoration:none;
	box-shadow:0 8px 20px rgba(2,168,235,.22);
	transition:transform .16s,box-shadow .16s,filter .16s}
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce a.button.product_type_simple:hover,
.woocommerce .cross-sells a.button:hover,
.woocommerce-cart ul.products a.button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(2,168,235,.3);filter:brightness(1.04)}
.woocommerce a.button.added_to_cart{display:inline-block;margin-left:10px;font-size:13.5px;font-weight:700;color:var(--accent-text);text-decoration:underline}
.woocommerce a.button.loading{opacity:.75}
.woocommerce-cart ul.products li.product{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;padding-bottom:16px;text-align:center}
.woocommerce-cart ul.products li.product img{border-radius:12px 12px 0 0;margin-bottom:12px}
.woocommerce-cart ul.products li.product .woocommerce-loop-product__title{font-size:14.5px;font-weight:700;color:var(--head);padding:0 14px;line-height:1.45}
.woocommerce-cart ul.products li.product .price{color:var(--price);font-weight:800;font-size:16px}
.woocommerce-cart .cart-empty{font-size:17px;font-weight:700;color:var(--head)}

/* -- Blok tabanlı ürün ızgarası ("Mağazada yeni" — boş sepet altı öneriler) -- */
.wp-block-woocommerce-product-new{margin-top:40px}
.wp-block-woocommerce-product-new > h2,
.wp-block-woocommerce-empty-cart-block h2{
	font-size:clamp(20px,2.4vw,26px);font-weight:800;color:var(--head);
	text-align:center;margin:0 0 22px}
/* WooCommerce, 480px altında `.wc-block-grid.has-N-columns .wc-block-grid__products`
   ile display:block dayatıyor (0,3,0). Izgaranın her breakpoint'te ayakta kalması için
   seçici o kuraldan spesifik olmalı — yoksa telefonda kartlar alt alta diziliyor.
   auto-fit + sabit üst sınır: 4 ürün geniş ekranda gereksiz yayılmaz, grup ortalanır. */
.wc-block-grid[class*="has-"] .wc-block-grid__products,
.wc-block-grid__products{
	display:grid;grid-template-columns:repeat(3,minmax(0,240px));
	justify-content:center;
	gap:20px;margin:0;padding:0;list-style:none}
/* auto-fit sütun sayısını üst sınıra (240px) göre hesapladığı için 1000-1100px
   aralığında 4 ürün 3+1 diziliyordu; sütun sayısı breakpoint'e bağlandı. */
@media (min-width:900px){
	.wc-block-grid[class*="has-"] .wc-block-grid__products,
	.wc-block-grid__products{grid-template-columns:repeat(4,minmax(0,240px))}
}
/* WooCommerce'in all-products.css'i `.wc-block-grid.has-N-columns .wc-block-grid__product`
   ile flex:1 0 %N + max-width:%N dayatır; ızgarada bu kartı kolonun içinde ezer
   (4 sütunda 213px yerine 53px). Seçici o kuraldan bir adım spesifik olmalı. */
.wc-block-grid[class*="has-"] .wc-block-grid__products .wc-block-grid__product{
	flex:0 0 auto;width:auto;max-width:none;min-width:0}
.wc-block-grid__product{
	display:flex;flex-direction:column;
	background:var(--card);border:1px solid var(--line);border-radius:16px;
	overflow:hidden;padding:0 0 18px;margin:0;text-align:center;
	box-shadow:0 10px 26px rgba(6,78,162,.06);
	transition:transform .16s,box-shadow .16s}
.wc-block-grid__product:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(6,78,162,.14)}
.wc-block-grid__product-link{display:block;text-decoration:none}
.wc-block-grid__product-image{display:block;margin:0 0 14px;padding:0;border:0}
/* ürün görsel alanı koyu temada da açık kalır (base kuralıyla aynı ilke) */
.wc-block-grid__product-image img{
	display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;
	background:#f7fafd;padding:10px;border-radius:0}
.wc-block-grid__product-title{
	display:block;font-size:14.5px;font-weight:700;color:var(--head);
	line-height:1.45;padding:0 14px;margin:0 0 10px;text-decoration:none}
.wc-block-grid__product-link:hover .wc-block-grid__product-title{color:var(--nav-hover)}
.wc-block-grid__product-price{
	display:block;color:var(--price);font-weight:800;font-size:16px;margin:0 0 14px}
.wc-block-grid__product-price del{color:var(--muted);font-weight:600;font-size:14px;margin-right:6px}
.wc-block-grid__product-add-to-cart{margin:auto 14px 0}
.wc-block-grid__product-add-to-cart .wp-block-button__link{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	width:100%;padding:11px 22px;
	font:inherit;font-size:14.5px;font-weight:700;line-height:1.2;
	color:#fff;background:linear-gradient(135deg,var(--aqp-cyan),var(--aqp-navy));
	border:0;border-radius:999px;text-decoration:none;
	box-shadow:0 8px 20px rgba(2,168,235,.22);
	transition:transform .16s,box-shadow .16s,filter .16s}
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover{
	transform:translateY(-2px);box-shadow:0 12px 26px rgba(2,168,235,.3);filter:brightness(1.05)}
.wc-block-grid__product-add-to-cart .wp-block-button__link:focus-visible{
	outline:2px solid var(--aqp-cyan);outline-offset:3px}
.wc-block-grid__product-add-to-cart .wp-block-button__link.loading{opacity:.72;pointer-events:none}
.wc-block-grid__product-add-to-cart .added_to_cart{
	display:block;margin-top:9px;font-size:13.5px;font-weight:700;
	color:var(--accent-text);text-decoration:underline}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale,
.wc-block-grid__product-onsale{
	background:var(--aqp-green);color:var(--aqp-ink);border:0;border-radius:999px;
	font-weight:800;font-size:12px;padding:4px 12px}
/* telefonda mağaza arşiviyle aynı ritim: 2 sütun, 10px aralık */
@media (max-width:600px){
	.wc-block-grid[class*="has-"] .wc-block-grid__products,
	.wc-block-grid__products{
		grid-template-columns:repeat(2,1fr);justify-content:stretch;gap:10px}
	.wc-block-grid__product{border-radius:14px;padding-bottom:14px}
	.wc-block-grid__product-image img{padding:8px}
	.wc-block-grid__product-title{font-size:13px;padding:0 10px;margin-bottom:8px}
	.wc-block-grid__product-price{font-size:14.5px;margin-bottom:10px}
	.wc-block-grid__product-add-to-cart{margin:auto 10px 0}
	.wc-block-grid__product-add-to-cart .wp-block-button__link{padding:9px 12px;font-size:13px}
}

/* ------------------- çerez rıza bandı (CookieAdmin) mobil ------------------
 * Eklentinin varsayılan bandı telefonda ekranın yarısını kaplıyordu (458px).
 * Metin kırpılmıyor — kutu kısalıp kaydırılabilir oluyor, butonlar tek sıraya
 * geçiyor. Ölçülen sonuç: 458px → 214px (%56 → %26 ekran).
 */
@media (max-width: 600px) {
	.cookieadmin_consent_inside { padding: 12px 14px !important; }
	.cookieadmin_consent_inside h1,
	.cookieadmin_consent_inside h2,
	.cookieadmin_consent_inside h3 {
		font-size: 15px !important;
		line-height: 1.3 !important;
		margin: 0 0 6px !important;
	}
	.cookieadmin_notice_con {
		padding: 0 !important;
		max-height: 4.6em;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.cookieadmin_notice_con p {
		font-size: 12.5px !important;
		line-height: 1.45 !important;
		margin: 0 !important;
	}
	.cookieadmin_consent_btns {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 6px !important;
		margin-top: 10px !important;
	}
	.cookieadmin_consent_btns .cookieadmin_btn {
		width: auto !important;
		margin: 0 !important;
		padding: 9px 4px !important;
		font-size: 12px !important;
		min-height: 38px !important;
	}
	.cookieadmin-poweredby {
		font-size: 10px !important;
		opacity: 0.55;
		margin-top: 6px !important;
	}
}

/* çerezleri kapalı tarayıcıda sepet/ödeme uyarısı */
/* .aqp-cerez-uyari stilleri KALDIRILDI (21.08.2026): uyarı kutusu artık
   basılmıyor. Rıza banner'ını gizleyen .aqp-cerezsiz kuralı duruyor. */


/* ========================= taksit tablosu penceresi ========================= */

/* sepete ekle formunun altındaki açma düğmesi */
/* .aqp-taksit-ac stilleri KALDIRILDI (21.08.2026): o düğme artık
   basılmıyor, taksit penceresini fiyat altındaki satır açıyor. */


/* pencere */
.aqp-taksit-pencere {
	position: fixed;
	inset: 0;
	z-index: 9500;
	display: grid;
	place-items: center;
	padding: 20px;
}

.aqp-taksit-pencere__perde {
	position: absolute;
	inset: 0;
	background: rgba(7, 18, 40, 0.62);
	backdrop-filter: blur(3px);
	opacity: 0;
	transition: opacity 0.2s;
}

.aqp-taksit-pencere.is-acik .aqp-taksit-pencere__perde {
	opacity: 1;
}

.aqp-taksit-pencere__kart {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(940px, 100%);
	max-height: min(86vh, 760px);
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 18px;
	box-shadow: 0 30px 80px rgba(6, 78, 162, 0.28);
	opacity: 0;
	transform: translateY(14px) scale(0.985);
	transition: opacity 0.2s, transform 0.2s;
}

.aqp-taksit-pencere.is-acik .aqp-taksit-pencere__kart {
	opacity: 1;
	transform: none;
}

.aqp-taksit-pencere__ust {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 22px 14px;
	border-bottom: 1px solid var(--line);
}

.aqp-taksit-pencere__ust h2 {
	margin: 0;
	font-size: clamp(18px, 2.2vw, 22px);
	font-weight: 800;
	color: var(--head);
	line-height: 1.25;
}

.aqp-taksit-pencere__urun {
	margin: 5px 0 0;
	font-size: 13.5px;
	color: var(--muted);
	line-height: 1.45;
}

.aqp-taksit-pencere__urun strong {
	color: var(--price);
	font-weight: 800;
}

.aqp-taksit-pencere__kapat {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	font-size: 26px;
	line-height: 1;
	color: var(--muted);
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: 50%;
	cursor: pointer;
	transition: color 0.16s, border-color 0.16s;
}

.aqp-taksit-pencere__kapat:hover {
	color: var(--head);
	border-color: var(--aqp-cyan);
}

.aqp-taksit-pencere__govde {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 18px 22px 6px;
	-webkit-overflow-scrolling: touch;
}

.aqp-taksit-pencere__yukleniyor {
	margin: 20px 0;
	text-align: center;
	color: var(--muted);
	font-size: 14px;
}

.aqp-taksit-pencere__not {
	margin: 0;
	padding: 12px 22px 18px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--muted);
	border-top: 1px solid var(--line);
}

/* PayTR'nin ürettiği tablo — tema paletine giydirme */
#paytr_taksit_tablosu {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 12px;
	font-family: var(--aqp-font);
}

#paytr_taksit_tablosu .taksit-tablosu-wrapper {
	width: auto;
	margin: 0;
	padding: 14px 12px;
	text-align: center;
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: 14px;
}

#paytr_taksit_tablosu .taksit-logo {
	display: grid;
	place-items: center;
	height: 40px;
	margin-bottom: 10px;
	/* banka logoları beyaz zemine göre hazırlanmış; koyu temada da açık kalır */
	background: #fff;
	border-radius: 8px;
}

#paytr_taksit_tablosu .taksit-logo img {
	max-height: 26px;
	width: auto;
	padding: 0;
}

#paytr_taksit_tablosu .taksit-baslik {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	margin-bottom: 6px;
}

#paytr_taksit_tablosu .taksit-tutari-text {
	float: none;
	width: auto;
	margin: 0;
	font-size: 11.5px;
	font-weight: 700;
	color: var(--muted);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

#paytr_taksit_tablosu .taksit-tutar-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	background: transparent;
	border-radius: 8px;
	transition: background-color 0.14s;
}

#paytr_taksit_tablosu .taksit-tutar-wrapper:hover {
	background: rgba(2, 168, 235, 0.09);
}

#paytr_taksit_tablosu .taksit-tutari {
	float: none;
	width: auto;
	padding: 6px 4px;
	font-size: 12.5px;
	color: var(--text);
	border: 0;
	white-space: nowrap;
}

#paytr_taksit_tablosu .taksit-tutari:first-child {
	font-weight: 700;
	color: var(--head);
}

#paytr_taksit_tablosu .taksit-tutari-bold {
	font-weight: 800;
}

@media (max-width: 600px) {
	.aqp-taksit-pencere {
		padding: 0;
		align-items: end;
	}

	.aqp-taksit-pencere__kart {
		width: 100%;
		max-height: 88vh;
		border-radius: 18px 18px 0 0;
		transform: translateY(24px);
	}

	.aqp-taksit-pencere__ust {
		padding: 16px 16px 12px;
	}

	.aqp-taksit-pencere__govde {
		padding: 14px 16px 4px;
	}

	.aqp-taksit-pencere__not {
		padding: 10px 16px 16px;
	}

	#paytr_taksit_tablosu {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}

/* ==========================================================================
   Arama sonuçları ve 404
   ========================================================================== */

.woo-head__alt {
	color: var(--muted);
	font-size: 15px;
	max-width: 640px;
	margin: 10px 0 0;
}

.aqp-404 {
	padding-block: clamp(28px, 5vw, 52px);
}

.srch__form--404 {
	max-width: 560px;
	margin: 0 auto clamp(28px, 5vw, 44px);
}

.srch__form--404 .srch__btn {
	width: auto;
	padding-inline: 20px;
	border-radius: 999px;
}

.aqp-404__baslik {
	font-size: clamp(18px, 2.4vw, 22px);
	font-weight: 800;
	margin: 0 0 16px;
}

.aqp-404__eylem {
	margin-top: clamp(28px, 5vw, 44px);
}

.aqp-sonuc-liste {
	display: grid;
	gap: 14px;
	margin-bottom: 32px;
}

.aqp-sonuc {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 16px;
	padding: 14px;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.aqp-sonuc:hover {
	border-color: var(--aqp-cyan);
	box-shadow: 0 10px 26px rgba(6, 78, 162, 0.08);
}

.aqp-sonuc__gorsel {
	flex: 0 0 96px;
	line-height: 0;
}

.aqp-sonuc__gorsel img {
	width: 96px;
	height: 96px;
	object-fit: cover;
	border-radius: 12px;
}

.aqp-sonuc__govde {
	min-width: 0;
	flex: 1;
}

.aqp-sonuc__tur {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--aqp-cyan);
	margin-bottom: 4px;
}

.aqp-sonuc__baslik {
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 6px;
	line-height: 1.3;
}

.aqp-sonuc__baslik a {
	color: var(--text);
	text-decoration: none;
}

.aqp-sonuc__baslik a:hover {
	color: var(--aqp-cyan);
}

.aqp-sonuc__ozet {
	color: var(--muted);
	font-size: 14px;
	margin: 0;
}

.aqp-sonuc__alt {
	margin-top: 10px;
}

.aqp-sonuc__fiyat {
	font-weight: 800;
	color: var(--aqp-navy);
}

.btn--kucuk {
	padding: 7px 14px;
	font-size: 13px;
}

/* Sonuçsuz aramada öneri başlığı: altındaki ürün ızgarasına yapışır. */
.woo-empty--dar {
	padding-block: clamp(24px, 4vw, 40px) 12px;
}

/* --------------------------------------------------------------------------
   Ürün açıklamasındaki bakım takvimi — dar ekranda tek sütun.

   Satırlar `minmax(140px,1.1fr) minmax(90px,.6fr) minmax(200px,2fr)` ile
   kuruluyor: taban ihtiyaç 450 px. 360 px'lik telefonda kapsayıcı 326 px
   kalıyor ve satır dışarı taşıp sayfayı yana kaydırıyordu.

   Öznitelik seçici, içerik veritabanında satır içi stille durduğu için
   gerekli — 164 ürünü yeniden içe aktarmadan eski kayıtları da düzeltir.
   Yeni üretilen içerik ayrıca `aqp-bakim-satir` sınıfını taşır.
   -------------------------------------------------------------------------- */
@media (max-width: 720px) {
	.woo-single [style*="minmax(200px,2fr)"],
	.woo-single .aqp-bakim-satir {
		grid-template-columns: 1fr !important;
		gap: 4px !important;
	}
}

@media (max-width: 560px) {
	.aqp-sonuc {
		gap: 12px;
		padding: 12px;
	}

	.aqp-sonuc__gorsel,
	.aqp-sonuc__gorsel img {
		flex-basis: 72px;
		width: 72px;
		height: 72px;
	}

	.aqp-sonuc__baslik {
		font-size: 15px;
	}
}

/* --------------------------------------------------------------------------
   WooCommerce'in sepete ekleme sonrası bıraktığı ham "Sepetim" bağlantısı.
   Ürün kartının içinde stilsiz mavi bir satır olarak beliriyor ve kart
   yüksekliğini kaydırıyordu; aynı yönlendirmeyi zaten sepete ekleme panelinin
   "Sepete Git" düğmesi veriyor.
   -------------------------------------------------------------------------- */
.prod .added_to_cart,
.prods .added_to_cart {
	display: none !important;
}

/* --------------------------------------------------------------------------
   DOKUNMA HEDEFLERİ
   Parmak ucu ekranda ~9 mm oturur, bu da yaklaşık 44 px eder. Ölçtüğümüzde
   sepete ekle düğmesi 34×34, dil bayrakları 26×18, ikon düğmeler 30×30'du:
   erişilebilirlik alt sınırını (24×24) geçiyor ama rahat basma sınırının
   altında kalıyordu — özellikle yaşlı kullanıcı için.

   Düğmeler BÜYÜTÜLMEZ; görünmez bir katman (::after) ile yalnız basılabilir
   alan genişletilir. Görsel tasarım birebir aynı kalır.
   -------------------------------------------------------------------------- */

.prod__add,
.icon-btn,
.drawer__close,
.flag,
.woocommerce-product-gallery__trigger {
	position: relative;
}

.prod__add::after,
.icon-btn::after,
.drawer__close::after,
.woocommerce-product-gallery__trigger::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	transform: translate(-50%, -50%);
}

/* Bayraklar yan yana durduğu için alan biraz dar tutulur; yine de
   26×18'den 36×36'ya çıkar. */
.flag::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	transform: translate(-50%, -50%);
}

/* Sepet ve hesap sayfalarındaki ürün bağlantıları gövde tipografisine uyar. */
.woocommerce-cart .wc-block-components-product-name,
.woocommerce-cart .wc-block-cart-item__wrap a,
.woocommerce-cart td.product-name > a {
	color: var(--text);
	text-decoration: none;
	font-weight: 700;
}

.woocommerce-cart .wc-block-components-product-name:hover,
.woocommerce-cart .wc-block-cart-item__wrap a:hover,
.woocommerce-cart td.product-name > a:hover {
	color: var(--aqp-cyan);
	text-decoration: underline;
}

/* ---------------------- sektörel çözüm sayfaları (v0.10.0) -----------------
   Hero blog-hero dilini paylaşır (koyu lacivert sabit); kartlar .cats/.cat
   bileşenini --cz varyantıyla genişletir. İçerik bölümleri tema token'larını
   kullanır, yeni renk/font yok. */

/* Çözümler dropdown'u — ürün menülerinden bilerek ayrışır: sektör adı büyük,
   açıklama problem cümlesi, üstte panel başlığı, altta hub bağlantısı. */
.dd--cz {
	flex-direction: column;
	align-items: stretch;
}

.dd-cz__baslik {
	margin: 0 0 12px;
	padding: 0 12px 10px;
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--accent-text);
	border-bottom: 1px solid var(--line);
}

.dd-cz__kolonlar {
	display: flex;
	gap: 18px;
}

.dd--cz .dd-col a {
	display: flex;
	gap: 10px;
	align-items: center;
}

/* Genel menü kuralı `.dd-col a span{display:block}` daha özgül olduğu için
   flex'i eziyordu; sembol karenin sol üstünde kalıyordu (04.08.2026). */
.dd--cz .dd-col a .dd-cz__ikon {
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: var(--bg-soft);
	display: flex;
	align-items: center;
	justify-content: center;
}

.dd-cz__ikon svg {
	width: 16px;
	height: 16px;
	stroke: var(--aqp-cyan);
	fill: none;
	stroke-width: 1.8;
}

.dd-cz__yazi b {
	display: block;
	font-size: 15px;
	font-weight: 800;
	color: var(--text);
	white-space: nowrap;
}

.dd-cz__yazi > span {
	display: block;
	font-size: 11.5px;
	color: var(--muted);
	margin-top: 2px;
	white-space: nowrap;
}

.dd--cz .dd-col a:hover .dd-cz__yazi b {
	color: var(--nav-hover);
}

.dd-cz__tumu {
	display: block;
	margin-top: 12px;
	padding: 11px 12px;
	border-top: 1px solid var(--line);
	text-align: center;
	font-weight: 800;
	font-size: 13.5px;
	color: var(--accent-text);
	text-decoration: none;
	border-radius: 0 0 12px 12px;
}

.dd-cz__tumu:hover {
	background: var(--bg-soft);
	color: var(--nav-hover);
}

/* hero eklentileri: kırıntı + CTA çifti (koyu zemin, temadan bağımsız) */
.aqp-cz-kirinti {
	font-size: 13px;
	color: #8fb7de;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.aqp-cz-kirinti a {
	color: #aecdf0;
	text-decoration: none;
}

.aqp-cz-kirinti a:hover {
	color: #fff;
	text-decoration: underline;
}

.aqp-cz-kirinti [aria-current] {
	color: #e6f1fc;
	font-weight: 700;
}

.aqp-cz-hero__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}

/* Soft düğme açık temada beyaz karta düşer; lacivert hero üstünde cam efekti. */
.aqp-cz-hero__soft {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.35);
	color: #fff;
}

.aqp-cz-hero__soft:hover {
	background: rgba(255, 255, 255, 0.16);
	border-color: rgba(255, 255, 255, 0.6);
	color: #fff;
}

/* sektör kart ızgarası — hub, anasayfa */
.cats--cz {
	max-width: none;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cat--cz p {
	min-height: 2.6em;
}

.cat--bekliyor {
	border-style: dashed;
	opacity: 0.75;
}

.cat--bekliyor:hover {
	transform: none;
	box-shadow: none;
}

.cat__rozet {
	display: inline-block;
	margin-top: 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.4px;
	color: var(--accent-text);
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 4px 10px;
}

.cat--tumu {
	background: var(--bg-soft);
}

.cat--tumu .cat__icon {
	background: var(--card);
}

/* hub gövdesi */
.aqp-cz-hub {
	padding-block: clamp(36px, 6vw, 64px);
}

.aqp-cz-hub__giris {
	max-width: 74ch;
	margin-inline: auto;
}

.aqp-cz-hub__giris p {
	font-size: 16px;
	line-height: 1.8;
}

.aqp-cz-hub__baslik {
	text-align: center;
	font-size: clamp(22px, 3vw, 30px);
	margin: clamp(28px, 4vw, 44px) 0 24px;
}

/* kapanış CTA bandı — hub ve sektör sayfaları */
.aqp-cz-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	padding: clamp(22px, 3.5vw, 36px);
	margin-top: clamp(32px, 5vw, 52px);
}

.aqp-cz-cta h2 {
	font-size: clamp(19px, 2.4vw, 24px);
	margin-bottom: 6px;
}

.aqp-cz-cta p {
	margin: 0;
	color: var(--muted);
	max-width: 56ch;
}

/* sektör sayfası içerik alanı */
.aqp-cz-icerik {
	padding-block: clamp(36px, 6vw, 64px);
	max-width: 900px;
}

.aqp-cz-icerik > h2,
.aqp-cz-icerik section > h2 {
	font-size: clamp(21px, 2.6vw, 27px);
	margin-top: clamp(30px, 4.5vw, 46px);
}

.aqp-cz-icerik p {
	line-height: 1.8;
}

/* Düz yazı bölümleri ürün açıklamalarındaki kart diline çekildi
   (kullanıcı isteği 04.08.2026): her bölüm kart, başlıkta kısa turkuaz
   çizgi, alt başlıklarda nokta imi. Özel bloklar (tablo, zincir, süreç,
   SSS, ürünler, form) kendi yapısında kalır. */
.aqp-cz-icerik .aqp-cz-bolum {
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	padding: clamp(20px, 3.2vw, 34px);
	margin-top: clamp(18px, 2.8vw, 26px);
}

.aqp-cz-icerik .aqp-cz-bolum > h2 {
	position: relative;
	margin-top: 0;
	margin-bottom: 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--line);
}

.aqp-cz-icerik .aqp-cz-bolum > h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 56px;
	height: 3px;
	border-radius: 2px;
	background: var(--aqp-cyan);
}

.aqp-cz-bolum > h2 + p {
	font-size: 16.5px;
}

.aqp-cz-bolum h3 {
	position: relative;
	padding-left: 21px;
	margin-top: 22px;
	font-size: 17px;
}

.aqp-cz-bolum h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--aqp-cyan);
}

.aqp-cz-bolum > p:last-child {
	margin-bottom: 0;
}

/* Ürünler artık sayfanın başında; ilk bölümün üstünde dev boşluk olmasın. */
.aqp-cz-icerik > section:first-child > h2,
.aqp-cz-icerik .aqp-cz-urunler:first-child h2 {
	margin-top: 0;
}

/* Geniş tablo kutunun içinde kendi alanında kaysın (mobil güvenliği). */
.aqp-tablo-sar {
	overflow-x: auto;
}

/* çözüm zinciri — kademe kutuları, her kutu ilgili kategoriye bağlanır */
.aqp-cz-zincir {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 22px 0;
}

.aqp-cz-zincir__kutu {
	display: inline-block;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 700;
	color: var(--head);
	text-decoration: none;
	transition: border-color 0.2s, transform 0.2s;
}

a.aqp-cz-zincir__kutu:hover {
	border-color: var(--aqp-cyan);
	transform: translateY(-2px);
}

.aqp-cz-zincir__kutu--duz {
	background: var(--bg-soft);
	font-weight: 600;
}

.aqp-cz-zincir__ok {
	color: var(--accent-text);
	font-weight: 700;
}

/* Tablo kaydırma sarmalayıcısı: sınıf kurumsal sayfalarda da basılıyordu ama
   stili hiç yazılmamış — dar ekranda parametre tablosu sayfayı yana itmesin,
   kendi içinde kaysın (04.08.2026 mobil taşma dersinin devamı). */
.aqp-tablo-sar {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.aqp-tablo-sar .aqp-tablo {
	min-width: 560px;
}

/* süreç adımları — numaralı dikey akış */
.aqp-cz-surec {
	list-style: none;
	counter-reset: aqp-cz-adim;
	margin: 22px 0 0;
	padding: 0;
	display: grid;
	gap: 14px;
}

.aqp-cz-surec li {
	counter-increment: aqp-cz-adim;
	position: relative;
	background: var(--card);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	padding: 18px 22px 18px 66px;
}

.aqp-cz-surec li::before {
	content: counter(aqp-cz-adim);
	position: absolute;
	left: 18px;
	top: 20px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--bg-soft);
	color: var(--accent-text);
	font-weight: 800;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aqp-cz-surec h3 {
	font-size: 16px;
	margin: 0 0 4px;
}

.aqp-cz-surec p {
	margin: 0;
	color: var(--muted);
	font-size: 14.5px;
}

/* SSS bölümü rehber bloklarını kullanır; yalnız üst boşluk ayarı gerekir */
.aqp-cz-sss {
	margin-top: clamp(30px, 4.5vw, 46px);
}

/* sektöre uygun ürünler — mevcut ürün kartı yeniden kullanılır */
.aqp-cz-prods {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

/* WooCommerce çekirdeği li.product'a float + yüzde genişlik dayatır. */
.aqp-cz-prods li.product {
	width: auto;
	float: none;
	margin: 0;
}

.aqp-cz-prods::before,
.aqp-cz-prods::after {
	content: none;
	display: none;
}

@media (max-width: 1000px) {
	.cats--cz {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aqp-cz-prods {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.cats--cz {
		grid-template-columns: minmax(0, 1fr);
	}

	.cat--cz p {
		min-height: 0;
	}
}

/* ------------------------ sabit iletişim katmanı --------------------------- *
 * Masaüstünde iki dikey sekme (sol WhatsApp, sağ telefon), mobilde ekranın
 * altına sabitlenen iki katlı çubuk. Aqua Asistan sağ altta durduğu için
 * sekmeler dikey ortada konumlanır; mobilde ise asistan ve yukarı-çık
 * düğmeleri çubuk yüksekliği kadar yukarı kaydırılır (10.08.2026).
 * -------------------------------------------------------------------------- */

.aqp-ilet__sekme {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	z-index: 106;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 26px 15px;
	color: #fff;
	text-decoration: none;
	font-weight: 800;
	font-size: 16.5px;
	letter-spacing: 0.05em;
	transition: padding 0.22s, box-shadow 0.22s, filter 0.22s;
}

.aqp-ilet__sekme--wa {
	left: 0;
	border-radius: 0 16px 16px 0;
	background: linear-gradient(160deg, #2fd071, #128c3e);
	box-shadow: 6px 10px 26px rgba(18, 140, 62, 0.34);
}

.aqp-ilet__sekme--tel {
	right: 0;
	border-radius: 16px 0 0 16px;
	background: linear-gradient(160deg, var(--aqp-cyan), var(--aqp-navy));
	box-shadow: -6px 10px 26px rgba(6, 78, 162, 0.36);
	/* İki sekme yazı uzunluğu yüzünden farklı boyda kalıyordu; kısa olan
	   WhatsApp sekmesinin boyuna sabitlendi (Toprak, 10.08.2026). */
	min-height: 257px;
	justify-content: center;
}



.aqp-ilet__sekme:hover {
	color: #fff;
	filter: brightness(1.08);
}

/* İki sekme de aynı miktarda (6 px) içeri kaysın: taban padding 15 px,
   hover 21 px. WhatsApp'ta 16 px yazıyordu, hareket 1 px kalıyordu. */
.aqp-ilet__sekme--wa:hover {
	padding-left: 21px;
	box-shadow: 8px 12px 30px rgba(18, 140, 62, 0.45);
}

.aqp-ilet__sekme--tel:hover {
	padding-right: 21px;
	box-shadow: -8px 12px 30px rgba(6, 78, 162, 0.46);
}

.aqp-ilet__ikon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	flex: 0 0 auto;
}

.aqp-ilet__ikon svg {
	width: 21px;
	height: 21px;
	display: block;
}

.aqp-ilet__yazi {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	white-space: nowrap;
}

/*
 * Asistan paneli açıkken sekmeler GİZLENMEZ (Toprak, 19.08.2026).
 * Ölçüm: 1440 px'de panel 963-1343, sol WhatsApp sekmesi 0-66 — hiç
 * çakışmıyordu, boşuna gizleniyordu. Sağdaki telefon sekmesi 1359'da
 * başlıyor ve panelle 44 px kesişiyordu; panel sağa değil, sekmenin
 * soluna açılacak şekilde kaydırıldı (aşağıdaki `.ai-panel` kuralı).
 */

/* mobil çubuk: masaüstünde gizli */
.aqp-mbar {
	display: none;
}

@media (max-width: 900px) {
	.aqp-ilet__sekme {
		display: none;
	}

	.aqp-mbar {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 109;
		background: var(--card);
		border-top: 1px solid var(--line);
		box-shadow: 0 -10px 30px rgba(6, 78, 162, 0.16);
		padding-bottom: env(safe-area-inset-bottom);
	}

	.aqp-mbar__eylem {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.aqp-mbar__eylem a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: 48px;
		color: #fff;
		font-weight: 800;
		font-size: 14.5px;
		text-decoration: none;
	}

	.aqp-mbar__eylem svg {
		width: 19px;
		height: 19px;
		flex: 0 0 auto;
	}

	.aqp-mbar__wa {
		background: linear-gradient(135deg, #2fd071, #128c3e);
	}

	.aqp-mbar__tel {
		background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	}

	.aqp-mbar__gezinme {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.aqp-mbar__gezinme a {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 4px;
		padding: 9px 4px 10px;
		color: var(--muted);
		font-size: 11.5px;
		font-weight: 700;
		text-decoration: none;
		line-height: 1.2;
		text-align: center;
	}

	.aqp-mbar__gezinme a.is-aktif {
		color: var(--accent-text);
	}

	.aqp-mbar__gezinme svg {
		width: 22px;
		height: 22px;
	}

	.aqp-mbar__sepet {
		position: relative;
		display: inline-flex;
	}

	.aqp-mbar__sepet .hdr-sepet-sayi {
		top: -6px;
		left: auto;
		right: -8px;
	}

	/*
	 * Alt çubuk da gizlenmez; panel çubuğun ÜSTÜNDE bitecek şekilde
	 * yükseltildi (bkz. `.ai-panel` — max-width: 900px kuralı).
	 */

	/* çubuk içeriği örtmesin; yüzen düğmeler çubuğun üstünde dursun */
	body {
		padding-bottom: calc(106px + env(safe-area-inset-bottom));
	}

	.ai-fab {
		bottom: calc(120px + env(safe-area-inset-bottom));
	}

	.aqp-yukari {
		bottom: calc(178px + env(safe-area-inset-bottom));
	}
}

/* başlıktaki mobil büyüteç: çekmecedeki arama kutusunun yerini aldı */
.hdr-ara-mobil {
	display: none;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	border: 1px solid var(--line);
	background: var(--card);
	color: var(--head);
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
}

.hdr-ara-mobil svg {
	width: 19px;
	height: 19px;
}

.hdr-ara-mobil[aria-expanded="true"] {
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	border-color: transparent;
	color: #fff;
}

@media (max-width: 900px) {
	.hdr-ara-mobil {
		display: inline-flex;
	}
}

@media (max-width: 420px) {
	.hdr-ara-mobil {
		flex: 0 0 38px;
		width: 38px;
		height: 38px;
	}

	.hdr-ara-mobil svg {
		width: 17px;
		height: 17px;
	}

	.aqp-mbar__eylem a {
		font-size: 13.5px;
		gap: 6px;
	}
}

/* Mobil başlıkta logo, sıkışan flex alanı yüzünden 92x22'ye kadar iniyordu
 * (Toprak, 10.08.2026). Yükseklik sabitlenip genişlik serbest bırakıldı. */
@media (max-width: 900px) {
	.site-branding {
		flex: 0 1 auto;
		min-width: 0;
	}

	.site-branding img,
	.custom-logo {
		height: 44px;
		width: auto;
		max-height: none;
		max-width: none;
	}
}

@media (max-width: 420px) {
	.site-branding img,
	.custom-logo {
		height: 38px;
	}

	.header-cta {
		padding: 9px 13px;
		font-size: 12px;
	}
}

/* Çerez tercihi verildikten sonra ekranda kalan "yeniden onay" ikonu mobilde
 * alt çubuğun üstüne biniyordu (Toprak, 10.08.2026). Tercih zaten alınmış
 * olduğu için ikon gizlendi; tercih değişikliği çerez politikası sayfasından
 * yapılabilir. */
.cookieadmin_re_consent {
	display: none !important;
}

/* Kısa kodla basılan ürün ızgarasında kartlar eşit boyda kalsın: indirimli
 * üründe iki satırlık fiyat kartı uzatıyor, satırdaki diğer kartlarla hiza
 * bozuluyordu (10.08.2026). li flex olunca article satır yüksekliğine uzar. */
.aqp-cz-prods li.product {
	display: flex;
}

.aqp-cz-prods li.product > .prod {
	width: 100%;
}

/* Mobilde sepet önizlemesi ekranın dibinde açılıyordu ve yeni alt iletişim
 * çubuğunun arkasında kalıyordu (Toprak, 10.08.2026). Çubuğun üstüne alınıp
 * asistan düğmesinin de önüne getirildi. */
@media (max-width: 760px) {
	.sepet-pop {
		bottom: calc(118px + env(safe-area-inset-bottom));
		z-index: 111;
	}
}

/* Kapsayıcı akıştan tamamen çıkar: sekmeler kendi fixed konumlarını alıyor,
 * kapsayıcı stilsiz kalırsa (kritik CSS ertelemesi) footer altında boşluk
 * bırakıyordu — 10.08.2026. */
.aqp-ilet {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 106;
}

/* ============================================================
   İÇİNDEKİLER KARTI  (inc/icerik-duzen.php)
   Liste yerine numaralı, ikonlu ve tek kutuda toplanmış bir
   gezinme kartı. Serbest çipler sayfaya dağınık görünüyordu;
   numara sırayı, kutu da bütünlüğü geri veriyor.
   ============================================================ */

.aqp-ic {
	margin: clamp(24px, 4vw, 34px) 0;
	padding: clamp(16px, 2.4vw, 22px);
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	background: var(--bg-soft);
	box-shadow: 0 10px 30px rgba(6, 78, 162, 0.05);
}

.aqp-ic__ust {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 14px;
	color: var(--head);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.aqp-ic__ustikon {
	color: var(--aqp-cyan);
	flex: 0 0 auto;
}

.aqp-ic__serit {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 8px;
}

.aqp-ic__cip {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 10px 13px;
	border-radius: 11px;
	border: 1px solid transparent;
	background: var(--card);
	color: var(--head);
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: transform 0.16s, box-shadow 0.16s, border-color 0.16s, background 0.16s, color 0.16s;
}

/* Tema bağlantı stilleri buraya sızmasın (alt çizgi çıkıyordu). */
.aqp-ic__cip,
.aqp-ic__cip:hover,
.aqp-ic__cip:focus,
.aqp-ic__cip:visited {
	text-decoration: none;
}

.aqp-ic__no {
	flex: 0 0 auto;
	min-width: 22px;
	color: var(--aqp-cyan);
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: 0.06em;
	font-variant-numeric: tabular-nums;
	transition: color 0.16s;
}

.aqp-ic__ikon {
	flex: 0 0 auto;
	color: var(--aqp-cyan);
	opacity: 0.85;
	transition: color 0.16s, opacity 0.16s;
}

.aqp-ic__cip > span {
	flex: 1 1 auto;
	min-width: 0;
}

.aqp-ic__cip:hover,
.aqp-ic__cip:focus-visible {
	transform: translateX(3px);
	border-color: rgba(2, 168, 235, 0.42);
	box-shadow: 0 6px 16px rgba(2, 168, 235, 0.14);
}

/* Okunan bölüm — kaydırma izleyicisi işaretler (main.js). */
.aqp-ic__cip.is-okunan {
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	border-color: transparent;
	color: #fff;
	box-shadow: 0 6px 18px rgba(2, 168, 235, 0.3);
}

.aqp-ic__cip.is-okunan .aqp-ic__no,
.aqp-ic__cip.is-okunan .aqp-ic__ikon {
	color: #fff;
	opacity: 1;
}

@media (max-width: 560px) {
	.aqp-ic__serit {
		grid-template-columns: 1fr;
	}

	.aqp-ic__cip {
		font-size: 14px;
		padding: 9px 12px;
	}
}

/* Koyu tema: kart zemini koyulaşır, yazı açık kalır. */
[data-theme="dark"] .aqp-ic {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .aqp-ic__cip {
	background: rgba(255, 255, 255, 0.05);
	color: #e8f1fb;
}

[data-theme="dark"] .aqp-ic__cip:hover {
	background: rgba(255, 255, 255, 0.09);
}

/* ============================================================
   ADET KUTUSU — eksi / artı  (main.js sarmalıyor)
   ============================================================ */

.aqp-adet {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--card);
	overflow: hidden;
	box-shadow: inset 0 1px 2px rgba(6, 78, 162, 0.05);
}

.aqp-adet input.qty {
	width: 52px;
	border: 0;
	background: transparent;
	color: var(--head);
	font-weight: 800;
	font-size: 15.5px;
	text-align: center;
	padding: 9px 0;
	-moz-appearance: textfield;
	appearance: textfield;
}

/* Tarayıcının kendi ok düğmeleri gizlenir — yerine kendi düğmelerimiz var. */
.aqp-adet input.qty::-webkit-outer-spin-button,
.aqp-adet input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.aqp-adet input.qty:focus {
	outline: none;
	box-shadow: none;
}

.aqp-adet__dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: var(--bg-soft);
	color: var(--aqp-navy);
	transition: background 0.16s, color 0.16s;
}

.aqp-adet__dugme:hover {
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	color: #fff;
}

.aqp-adet__dugme:active {
	transform: scale(0.94);
}

[data-theme="dark"] .aqp-adet__dugme {
	background: rgba(255, 255, 255, 0.06);
	color: #cfe1f5;
}

/* ============================================================
   HEMEN AL  (inc/satin-alma.php)
   ============================================================ */

.aqp-hemen-al {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin-left: 10px;
	padding: 13px 26px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #ff8a3d, #f2591f) !important;
	color: #fff !important;
	font-weight: 800;
	font-size: 15.5px;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(242, 89, 31, 0.32);
	transition: transform 0.16s, box-shadow 0.16s, filter 0.16s;
}

.aqp-hemen-al:hover {
	transform: translateY(-2px);
	filter: brightness(1.05);
	box-shadow: 0 10px 24px rgba(242, 89, 31, 0.42);
	color: #fff !important;
}

@media (max-width: 520px) {
	.aqp-hemen-al {
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
		justify-content: center;
	}
}

/* ============================================================
   FATURA TİPİ  (inc/satin-alma.php)
   ============================================================ */

.aqp-fatura-tipi > label {
	display: block;
	margin-bottom: 8px;
	font-weight: 800;
	color: var(--head);
}

.aqp-fatura-tipi .woocommerce-input-wrapper > span {
	display: inline-flex;
	gap: 10px;
	flex-wrap: wrap;
}

.aqp-fatura-tipi input[type="radio"] {
	margin-right: 6px;
	accent-color: var(--aqp-cyan);
}

.aqp-fatura-tipi label.radio {
	display: inline-flex;
	align-items: center;
	padding: 10px 18px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: var(--card);
	font-weight: 700;
	color: var(--head);
	cursor: pointer;
	transition: border-color 0.16s, box-shadow 0.16s;
}

.aqp-fatura-tipi label.radio:hover {
	border-color: rgba(2, 168, 235, 0.55);
	box-shadow: 0 4px 12px rgba(2, 168, 235, 0.15);
}

.aqp-kurumsal-alan[hidden] {
	display: none !important;
}

/* ============================================================
   İNDİRİM ORANI ROZETİ  (inc/satin-alma.php)
   ============================================================ */

.prod__badge--indirim {
	background: linear-gradient(135deg, #ff9f43, #f2591f);
	color: #fff;
	font-weight: 800;
	letter-spacing: 0.02em;
	box-shadow: 0 4px 12px rgba(242, 89, 31, 0.35);
}

/* Tekil ürün sayfası: galeri köşesinde. */
.aqp-indirim-rozet {
	position: absolute;
	top: 14px;
	right: 14px;
	/* Başlığın üstüne binmesin: özet sütunu bunun üstünde kalır. */
	z-index: 2;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 56px;
	padding: 8px 10px;
	border-radius: 14px;
	background: linear-gradient(135deg, #ff9f43, #f2591f);
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	box-shadow: 0 8px 20px rgba(242, 89, 31, 0.38);
	pointer-events: none;
}

.aqp-indirim-rozet small {
	margin-top: 2px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.92;
}

/* Rozet galeriye göre konumlanır. */
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
	position: relative;
}

/* Arama sonucu listesinde indirim rozeti. */
.aqp-sonuc__gorsel {
	position: relative;
	display: block;
}

.aqp-sonuc__rozet {
	position: absolute;
	top: 8px;
	right: 8px;
	padding: 4px 9px;
	border-radius: 999px;
	background: linear-gradient(135deg, #ff9f43, #f2591f);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
	box-shadow: 0 4px 10px rgba(242, 89, 31, 0.32);
}

/* ============================================================
   TEKNİK ÖZELLİK TABLOSU  (inc/icerik-duzen.php)
   Etiket+değer kartları, üçüncü sütunda "ne işe yarar"
   açıklamasıyla birlikte tabloya dönüşür.
   ============================================================ */

.aqp-tek {
	margin-top: 20px;
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	background: var(--card);
	box-shadow: 0 10px 30px rgba(6, 78, 162, 0.06);
	overflow: hidden;
}

/* Geniş tabloyu sayfa değil kendi kabı kaydırsın. */
.aqp-tek__kaydir {
	overflow-x: auto;
}

.aqp-tek__tablo {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
	min-width: 640px;
}

.aqp-tek__tablo th {
	background: linear-gradient(135deg, var(--aqp-cyan), var(--aqp-navy));
	color: #fff;
	font-size: 12.5px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: left;
	padding: 13px 18px;
	white-space: nowrap;
}

.aqp-tek__tablo td {
	padding: 14px 18px;
	border-top: 1px solid var(--line);
	vertical-align: top;
	line-height: 1.65;
}

/* Açık temada şerit çok soluktu; hafif marka tonu kontrastı taşıyor. */
.aqp-tek__tablo tbody tr:nth-child(even) {
	background: rgba(2, 168, 235, 0.05);
}

.aqp-tek__ad {
	color: var(--muted);
	font-weight: 700;
	white-space: nowrap;
	width: 1%;
}

.aqp-tek__deger {
	color: var(--head);
	font-weight: 800;
}

.aqp-tek__not {
	color: var(--text);
	font-size: 14px;
}

/* Koyu tema: zemin koyulaşır, yazı açık kalır. */
[data-theme="dark"] .aqp-tek {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .aqp-tek__tablo tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .aqp-tek__tablo td {
	border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .aqp-tek__deger {
	color: #eaf3fd;
}

[data-theme="dark"] .aqp-tek__ad,
[data-theme="dark"] .aqp-tek__not {
	color: #b9cbe0;
}

/* Telefonda tablo yerine satır satır kartlar. */
@media (max-width: 700px) {
	.aqp-tek__tablo {
		min-width: 0;
	}

	.aqp-tek__tablo thead {
		display: none;
	}

	.aqp-tek__tablo tr {
		display: block;
		border-top: 1px solid var(--line);
		padding: 12px 16px;
	}

	.aqp-tek__tablo tr:first-child {
		border-top: 0;
	}

	.aqp-tek__tablo td {
		display: block;
		border: 0;
		padding: 2px 0;
		white-space: normal;
		width: auto;
	}

	.aqp-tek__ad {
		font-size: 11.5px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.aqp-tek__deger {
		font-size: 16px;
	}

	.aqp-tek__not {
		margin-top: 4px;
		color: var(--muted);
	}

	.aqp-tek__not:empty {
		display: none;
	}
}

/* Kartta iki rozet: solda "İNDİRİM", sağda oran. */
.prod__badge--oran {
	position: absolute;
	top: 10px;
	right: 10px;
	left: auto;
	padding: 5px 10px;
	border-radius: 999px;
	background: linear-gradient(135deg, #ff9f43, #f2591f);
	color: #fff;
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1.25;
	box-shadow: 0 4px 12px rgba(242, 89, 31, 0.35);
	z-index: 2;
}

/* Ürün sayfası özet sütunu indirim rozetinin üstünde kalsın. */
.woocommerce div.product .summary,
.woocommerce div.product .entry-summary {
	position: relative;
	z-index: 3;
}

/* ============================================================
   ÜRÜN SAYFASI BİLGİ KARTLARI  (inc/urun-sayfasi.php)
   ============================================================ */

/* Künye çipleri: stok kodu, marka, indirim. */
.aqp-kunye {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 14px;
}

.aqp-kunye__cip {
	display: inline-flex;
	align-items: center;
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid var(--line);
	background: var(--bg-soft);
	color: var(--muted);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.4;
}

.aqp-kunye__cip--marka {
	border-color: rgba(2, 168, 235, 0.35);
	background: rgba(2, 168, 235, 0.09);
	color: var(--accent-text);
}

.aqp-kunye__cip--indirim {
	border-color: rgba(242, 89, 31, 0.3);
	background: rgba(242, 89, 31, 0.1);
	color: #d1490f;
}

[data-theme="dark"] .aqp-kunye__cip {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.12);
	color: #c3d4e6;
}

[data-theme="dark"] .aqp-kunye__cip--indirim {
	color: #ffb184;
}

/* Kısa açıklama kartı. */
.aqp-kisa {
	display: flex;
	gap: 12px;
	margin: 16px 0;
	padding: 15px 17px;
	border: 1px solid var(--line);
	border-left: 3px solid var(--aqp-cyan);
	border-radius: 12px;
	background: var(--bg-soft);
}

.aqp-kisa__ikon {
	flex: 0 0 auto;
	color: var(--aqp-cyan);
	line-height: 0;
	padding-top: 2px;
}

.aqp-kisa__govde {
	flex: 1 1 auto;
	min-width: 0;
	color: var(--text);
	font-size: 15px;
	line-height: 1.7;
}

.aqp-kisa__govde > *:first-child {
	margin-top: 0;
}

.aqp-kisa__govde > *:last-child {
	margin-bottom: 0;
}

[data-theme="dark"] .aqp-kisa {
	background: rgba(255, 255, 255, 0.035);
	border-color: rgba(255, 255, 255, 0.1);
	border-left-color: var(--aqp-cyan);
}

/* Fiyatın hemen altındaki taksit satırı. */
.aqp-taksit-satir {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 2px 0 14px;
	padding: 9px 15px;
	border-radius: 11px;
	border: 1px solid rgba(2, 168, 235, 0.3);
	background: rgba(2, 168, 235, 0.07);
	color: var(--accent-text);
	font-size: 14px;
	line-height: 1.4;
}

.aqp-taksit-satir svg {
	flex: 0 0 auto;
}

.aqp-taksit-satir b {
	color: var(--price);
	font-weight: 800;
}

[data-theme="dark"] .aqp-taksit-satir {
	background: rgba(2, 168, 235, 0.13);
	border-color: rgba(2, 168, 235, 0.35);
	color: #8fd6f8;
}

[data-theme="dark"] .aqp-taksit-satir b {
	color: #b7e6ff;
}

/* Satıcı şeridi. */
.aqp-satici {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 16px;
	padding: 11px 15px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--card);
	font-size: 14px;
}

.aqp-satici__ad {
	color: var(--muted);
}

.aqp-satici__ad b {
	color: var(--head);
	font-weight: 800;
}

/*
 * Rozet şeridin sağına yaslanır. Bu `margin-left: auto` eskiden puan
 * kutusundaydı; puan kaldırılınca (24.08.2026) şeridin sağı boş kalmasın diye
 * görevi rozet devraldı.
 */
.aqp-satici__resmi {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 11px;
	border-radius: 999px;
	background: rgba(2, 168, 235, 0.12);
	color: var(--accent-text);
	font-size: 12.5px;
	font-weight: 800;
}

[data-theme="dark"] .aqp-satici {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.11);
}

[data-theme="dark"] .aqp-satici__ad b {
	color: #eaf3fd;
}

/* Güvence kartları (formun altı). */
/*
 * İki sütun sabit: dört kart 3+1 kırılıp tek başına sarkıyordu; şimdi
 * 2×2 duruyor (Toprak, 11.08.2026 — "2 Yıl Garanti" İndirimli Ürün'ün
 * altına gelsin).
 */
.aqp-guvence {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 18px;
}

.aqp-guvence__kart {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: var(--card);
	color: var(--text);
	text-decoration: none;
	transition: border-color 0.16s, box-shadow 0.16s, transform 0.16s;
}

a.aqp-guvence__kart:hover {
	transform: translateY(-2px);
	border-color: rgba(2, 168, 235, 0.45);
	box-shadow: 0 8px 20px rgba(2, 168, 235, 0.15);
}

.aqp-guvence__ikon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: rgba(2, 168, 235, 0.1);
	color: var(--aqp-cyan);
}

.aqp-guvence__yazi {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.aqp-guvence__yazi b {
	color: var(--head);
	font-size: 13.5px;
	font-weight: 800;
	line-height: 1.3;
}

.aqp-guvence__yazi small {
	color: var(--muted);
	font-size: 12px;
	margin-top: 1px;
}

[data-theme="dark"] .aqp-guvence__kart {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.11);
}

[data-theme="dark"] .aqp-guvence__yazi b {
	color: #eaf3fd;
}

/* ============================================================
   11.08.2026 DÜZELTMELERİ (Toprak'ın ekran görüntüleri)
   ============================================================ */

/*
 * İndirimli fiyat <ins> içinde geliyor; tarayıcı varsayılanı alt çizgi
 * (ve bazı motorlarda sarımsı vurgu) uyguluyordu. Marka rengine sabitlenir.
 */
.woo-single .summary .price ins,
.woocommerce div.product p.price ins,
.prod__price ins {
	text-decoration: none;
	background: transparent;
	color: var(--price);
	font-weight: 800;
}

.woo-single .summary .price del,
.woocommerce div.product p.price del,
.prod__price del {
	text-decoration: line-through;
	color: var(--muted);
	opacity: 0.75;
}

/*
 * İçindekiler çipleri: makalelerin kendi kapsamlı stilleri
 * `.aq-...-blog a { text-decoration: ... }` diyerek alt çizgi veriyordu.
 * Sınıf iki kez yazılarak özgüllük yükseltilir, çizgi her yerde kalkar.
 */
.aqp-ic .aqp-ic__cip,
.aqp-ic .aqp-ic__cip:hover,
.aqp-ic .aqp-ic__cip:focus,
.aqp-ic .aqp-ic__cip:visited,
.aqp-ic .aqp-ic__cip span,
.aqp-ic .aqp-ic__cip b {
	text-decoration: none !important;
	text-underline-offset: 0;
}

/* Künye kategori çipi tıklanabilir; alt çizgisiz kalsın. */
a.aqp-kunye__cip {
	text-decoration: none;
	transition: border-color 0.16s, box-shadow 0.16s;
}

a.aqp-kunye__cip:hover {
	border-color: rgba(2, 168, 235, 0.5);
	box-shadow: 0 4px 12px rgba(2, 168, 235, 0.14);
}

.aqp-kunye__cip--kategori {
	border-color: rgba(6, 78, 162, 0.25);
	background: rgba(6, 78, 162, 0.07);
	color: var(--price);
}

[data-theme="dark"] .aqp-kunye__cip--kategori {
	color: #9fd8f5;
}

/* Taksit satırı: iki satırlı hâle geçti. */
.aqp-taksit-satir {
	align-items: flex-start;
}

.aqp-taksit-satir__yazi {
	display: block;
	line-height: 1.45;
}

.aqp-taksit-satir__yazi small {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	opacity: 0.85;
}

/*
 * Teknik tablo koyu gradyanlı bölümün içindeyken: beyaz kart yerine
 * saydam koyu yüzey. Açık temada da bu bölüm koyu olduğu için tema
 * değişkenlerine değil sabit değerlere bağlanır.
 */
.aqp-tek--koyu {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.16);
	box-shadow: none;
}

.aqp-tek--koyu .aqp-tek__tablo tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.05);
}

.aqp-tek--koyu .aqp-tek__tablo td {
	border-color: rgba(255, 255, 255, 0.14);
}

.aqp-tek--koyu .aqp-tek__ad {
	color: #b9cbe0;
}

.aqp-tek--koyu .aqp-tek__deger {
	color: #ffffff;
}

.aqp-tek--koyu .aqp-tek__not {
	color: #cfe0f2;
}

@media (max-width: 700px) {
	.aqp-tek--koyu .aqp-tek__tablo tr {
		border-color: rgba(255, 255, 255, 0.14);
	}

	.aqp-tek--koyu .aqp-tek__not {
		color: #b9cbe0;
	}
}

/*
 * Mobilde de üst şerit kaydırmayla birlikte gelsin (telefonlar ve tema
 * düğmesi oradaydı; yalnız 901 px üstünde yapışkandı).
 */
@media (max-width: 900px) {
	.topbar {
		position: sticky;
		top: 0;
		z-index: 51;
	}

}

@media (max-width: 560px) {
	.topbar {
		font-size: 11.5px;
	}

}

/*
 * WP yonetim cubugu sayfanin tepesinde SABIT duruyor; yapiskan ust serit
 * `top: 0` ile onun arkasina giriyordu. Yalniz oturum acmis yoneticide
 * gorulur, ziyaretcide `admin-bar` sinifi yok (Toprak, 18.08.2026).
 * Cubuk yuksekligi kadar asagi itiyoruz. 600 px altinda WordPress cubugu
 * `position: absolute` yapip kaydirmayla goturdugu icin orada duzeltme yok.
 */
@media (min-width: 783px) {
	body.admin-bar .topbar {
		top: 32px;
	}

	body.admin-bar .site-header {
		top: calc(32px + var(--aqp-ust-serit));
	}
}

/* 601-782 px: cubuk hala sabit ama 46 px yuksekliginde. */
@media (min-width: 601px) and (max-width: 782px) {
	body.admin-bar .topbar {
		top: 46px;
	}

	body.admin-bar .site-header {
		top: calc(46px + var(--aqp-ust-serit));
	}
}

/*
 * Telefonda ürün formu: adet solda, "Sepete Ekle" sağa yaslı.
 */
/*
 * Telefonda ürün formu: adet kutusu ve "Sepete Ekle" AYNI ölçüde iki eş
 * sütun (Toprak, 11.08.2026 — adet kutusu daha kısa kalıyordu), "Hemen Al"
 * altta tam genişlik.
 */
@media (max-width: 520px) {
	.woocommerce div.product form.cart {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 10px;
	}

	/*
	 * `flex: 1 1 0` üçüncü öğe (Hemen Al) yüzünden tam yarıya bölünmüyordu
	 * (149/171 px ölçüldü). Genişlik doğrudan yarıya sabitlenir; aradaki
	 * 10 px boşluğun yarısı düşülür.
	 */
	/*
	 * WooCommerce'in clearfix `::before`/`::after` psodo ogeleri flex
	 * kapsayicida birer FLEX OGESI oluyor: genislikleri sifir ama her biri
	 * 10 px `gap` tuketiyor. Satir 379 px'lik forma sigmayip "Sepete Ekle"
	 * alt satira dusuyordu (Toprak, 18.08.2026 - telefon).
	 */
	div.woo-single div.product form.cart::before,
	div.woo-single div.product form.cart::after {
		display: none;
	}

	/*
	 * Secici bilerek `div.` ile uzatildi: WooCommerce cekirdegi
	 * `.woocommerce div.product form.cart div.quantity` ile
	 * `margin: 0 4px 0 0` basiyor (4 sinif + 3 TIP). Bir tip eksik yazinca
	 * o 4 px sag bosluk hayatta kaliyor, satir 4 px tasiyor ve
	 * "Sepete Ekle" alt satira dusuyordu (Toprak, 18.08.2026 - telefon).
	 */
	div.woo-single div.product form.cart div.quantity,
	div.woo-single div.product form.cart button.single_add_to_cart_button {
		flex: 0 0 calc(50% - 5px);
		width: calc(50% - 5px);
		max-width: calc(50% - 5px);
		min-width: 0;
		height: 52px;
		margin: 0;
	}

	.woocommerce div.product form.cart .quantity.aqp-adet {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
	}

	/*
	 * Girdi `flex-basis: auto` iken kendi içeriğine göre büyüyüp artı
	 * düğmesini kabın dışına itiyordu (overflow:hidden yüzünden düğme
	 * görünmez oluyordu). Esneme sıfır tabandan yapılır.
	 */
	.woocommerce div.product form.cart .aqp-adet input.qty {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		height: 100%;
	}

	.woocommerce div.product form.cart .aqp-adet__dugme {
		flex: 0 0 44px;
		width: 44px;
		min-width: 44px;
		height: 100%;
	}

	.woocommerce div.product form.cart .single_add_to_cart_button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding-inline: 12px;
	}

	.woocommerce div.product form.cart .aqp-hemen-al {
		flex: 1 0 100%;
		height: 52px;
		margin: 0;
	}
}

/* ============================================================
   ŞEMALAR — satır içi SVG  (inc/icerik-duzen.php)
   Renkler değişkenden gelir, koyu temada da okunur; dar ekranda
   küçülmek yerine kendi kabında yatay kayar.
   ============================================================ */

:root {
	--sema-zemin: #f7fbfe;
	--sema-kutu: #ffffff;
	--sema-kutu2: #f2f8fd;
	--sema-not: #edf5fc;
	--sema-cizgi: #d7e4f2;
	--sema-baslik: #10347a;
	--sema-vurgu: #064ea2;
	--sema-metin: #5a6b7f;
	--sema-imza: #9db2c9;
}

[data-theme="dark"] {
	--sema-zemin: #0d1b34;
	--sema-kutu: #142744;
	--sema-kutu2: #10203a;
	--sema-not: #16294a;
	--sema-cizgi: #26436e;
	--sema-baslik: #dceaf9;
	--sema-vurgu: #6fc8f2;
	--sema-metin: #a8bdd6;
	--sema-imza: #5f7a9c;
}

.aqp-sema {
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.aqp-sema svg {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--sema-cizgi);
	border-radius: 16px;
	background: var(--sema-zemin);
}

/*
 * Dar ekranda şema kutusu küçüldükçe yazılar okunmaz oluyordu; asgari
 * genişlik verilip kutu yatay kaydırılır.
 */
@media (max-width: 780px) {
	.aqp-sema svg {
		min-width: 700px;
	}

	.aqp-sema {
		border-radius: 16px;
	}
}

/* Şemanın altındaki açıklama yazısı. */
.aqp-sema-kap figcaption {
	color: var(--muted);
}

/* ============================================================
   İÇERİK İÇİ ÜRÜN IZGARASI
   Makale ve çözüm sayfalarındaki dar kartlarda adet sayacı
   sıkışıyordu; oralarda yalnız fiyat ve ekleme düğmesi kalır.
   ============================================================ */


/* Denetim bulguları (11.08.2026): eksik kalan tema ve dar ekran kuralları. */

[data-theme="dark"] .aqp-fatura-tipi label.radio {
	background: rgba(255, 255, 255, 0.05);
	border-color: rgba(255, 255, 255, 0.13);
	color: #eaf3fd;
}

[data-theme="dark"] .aqp-fatura-tipi > label {
	color: #eaf3fd;
}

/* Satıcı şeridi dar ekranda: rozet sağa yaslanmasın, ada bitişik kalsın. */
@media (max-width: 480px) {
	.aqp-satici {
		gap: 8px;
		padding: 10px 12px;
		font-size: 13.5px;
	}

	.aqp-satici__resmi {
		margin-left: 0;
	}

	.aqp-guvence {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.aqp-guvence__kart {
		padding: 10px;
		gap: 8px;
	}

	.aqp-guvence__ikon {
		width: 30px;
		height: 30px;
	}

	.aqp-guvence__yazi b {
		font-size: 12.5px;
	}

	.aqp-guvence__yazi small {
		font-size: 11px;
	}
}

@media (max-width: 340px) {
	.aqp-guvence {
		grid-template-columns: 1fr;
	}
}

/* ============================================================
   FOTOĞRAF TASARIMINDA OKUNABİLİRLİK
   Fotoğraf arkada dururken hero kartı ve yazılar zemine
   karışıyordu; kart opaklaştırılıp fotoğraf biraz açılır.
   ============================================================ */

/* Ürün kartı fotoğrafın üstünde kendi zeminine otursun. */
.hero--foto1 .pcard,
.hero--foto2 .pcard {
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 22px 60px rgba(6, 78, 162, 0.22);
}

[data-theme="dark"] .hero--foto1 .pcard,
[data-theme="dark"] .hero--foto2 .pcard {
	background: rgba(9, 22, 42, 0.9);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
}


/* ============================================================
   HERO SLAYT YÜKSEKLİĞİ
   Slaytlar arasında 198 px'e varan boy farkı vardı (başlık iki
   ya da üç satır olabiliyor, marka kartı ise çok kısa). Geçişte
   sayfa zıplıyordu; başlık ve açıklama satır sayısı sabitlenip
   slayta asgari yükseklik verildi.
   ============================================================ */

/* Ölçüm: ürün slaytlarının hepsi 468 px çıkıyor (masaüstü ve telefon).
   Marka kartı daha kısa olduğu için aynı tabana çekilir. */
.pcard__slide {
	min-height: 468px;
	display: flex;
	flex-direction: column;
}

.pcard__name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	overflow: hidden;
	min-height: 2.5em;
}

.pcard__desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	overflow: hidden;
	min-height: 3em;
}

/* Rozet satırı her slaytta tabana yaslansın. */
.pcard__mini {
	margin-top: auto;
}

@media (max-width: 420px) {
	.pcard__slide {
		min-height: 452px;
	}
}

/* ============================================================
   BLOK TABANLI ÖDEME EKRANI — KOYU TEMA
   WooCommerce Blocks kendi renklerini getiriyor: koyu zeminde
   girdiler beyaz kalıp sırıtıyordu. Yüzeyler tema token'larına
   bağlanır; açık temaya dokunulmaz.
   ============================================================ */

/*
 * WooCommerce Blocks kendi girdilerini
 * `.wc-block-components-form .wc-block-components-text-input input[type="..."]`
 * ile boyuyor; bu seçici tema önekli sadelerden daha güçlü olduğu için
 * beyaz zemin kazanıyordu. Tema geçersiz kılması burada `!important`
 * ile yapılır — alternatif, her girdi tipi için ayrı ayrı daha uzun
 * seçici yazmak olurdu.
 */
[data-theme="dark"] .wc-block-components-form .wc-block-components-text-input input,
[data-theme="dark"] .wc-block-components-text-input input,
[data-theme="dark"] .wc-block-components-text-input textarea,
[data-theme="dark"] .wc-blocks-components-select__select,
[data-theme="dark"] .wc-block-components-textarea,
[data-theme="dark"] .wc-block-components-address-form input,
[data-theme="dark"] .wc-block-components-address-form select {
	background-color: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.18) !important;
	color: #eaf3fd !important;
}

[data-theme="dark"] .wc-blocks-components-select,
[data-theme="dark"] .wc-blocks-components-select__container {
	background-color: rgba(255, 255, 255, 0.06);
	border-radius: 8px;
}

[data-theme="dark"] .wc-block-components-text-input input:focus,
[data-theme="dark"] .wc-blocks-components-select__select:focus {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: var(--aqp-cyan);
	outline-color: var(--aqp-cyan);
}

/* Etiketler ve yardımcı metinler */
[data-theme="dark"] .wc-block-components-form .wc-block-components-text-input label,
[data-theme="dark"] .wc-block-components-text-input label,
[data-theme="dark"] .wc-blocks-components-select__label,
[data-theme="dark"] .wc-block-components-checkout-step__description,
[data-theme="dark"] .wc-block-components-address-card,
[data-theme="dark"] .wc-block-components-totals-item,
[data-theme="dark"] .wc-block-components-product-name,
[data-theme="dark"] .wc-block-components-product-metadata {
	color: #b9cbe0 !important;
}

[data-theme="dark"] .wc-block-components-title,
[data-theme="dark"] .wc-block-components-checkout-step__heading-content,
[data-theme="dark"] .wc-block-components-totals-item__value,
[data-theme="dark"] .wc-block-components-order-summary-item__total-price {
	color: #eaf3fd;
}

/* Seçim kutuları: kargo ve ödeme yöntemi kartları */
[data-theme="dark"] .wc-block-components-radio-control-accordion-option,
[data-theme="dark"] .wc-block-components-radio-control__option,
[data-theme="dark"] .wc-block-components-panel,
[data-theme="dark"] .wc-block-checkout__payment-method .wc-block-components-radio-control {
	background-color: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.14);
	color: #dbe7f5;
}

[data-theme="dark"] .wc-block-components-radio-control__option--checked-option-highlighted,
[data-theme="dark"] .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	background-color: rgba(2, 168, 235, 0.12);
	border-color: rgba(2, 168, 235, 0.45);
}

/* Sipariş özeti paneli */
[data-theme="dark"] .wc-block-components-sidebar,
[data-theme="dark"] .wp-block-woocommerce-checkout-order-summary-block {
	background-color: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.12);
	color: #dbe7f5;
}

/* Ayraç çizgileri ve onay kutuları */
[data-theme="dark"] .wc-block-components-checkout-step,
[data-theme="dark"] .wc-block-components-totals-wrapper {
	border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .wc-block-components-checkbox__input {
	accent-color: var(--aqp-cyan);
}

[data-theme="dark"] .wc-block-components-checkbox__label,
[data-theme="dark"] .wc-block-components-address-form__address_2-toggle {
	color: #c3d4e6;
}

/* Yer tutucu yazılar okunur olsun */
[data-theme="dark"] .wc-block-components-text-input input::placeholder,
[data-theme="dark"] .wc-block-components-textarea::placeholder {
	color: rgba(185, 203, 224, 0.65);
}

/* ============================================================
   FATURA TİPİ — radyo düğmeleri  (main.js dönüştürür)
   Blok ödemede alan seçim kutusu olarak kayıtlı; ekranda radyo
   gösterilir, asıl kutu gizlenir.
   ============================================================ */

.aqp-fatura-kap .wc-blocks-components-select,
.aqp-fatura-kap select {
	display: none !important;
}

.aqp-fatura {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px 16px;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: var(--card);
}

.aqp-fatura__baslik {
	color: var(--muted);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}

.aqp-fatura__secenekler {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}

.aqp-fatura__secenek {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--text);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	line-height: 1.3;
}

.aqp-fatura__secenek input[type="radio"] {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--aqp-navy);
	cursor: pointer;
	flex: 0 0 auto;
}

[data-theme="dark"] .aqp-fatura {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.18);
}

[data-theme="dark"] .aqp-fatura__baslik {
	color: #b9cbe0;
}

[data-theme="dark"] .aqp-fatura__secenek {
	color: #eaf3fd;
}

[data-theme="dark"] .aqp-fatura__secenek input[type="radio"] {
	accent-color: var(--aqp-cyan);
}

/*
 * Açılır liste seçenekleri: koyu temada işletim sistemi listeyi kendi
 * varsayılan zeminiyle çiziyor, yazılar okunmuyordu. Seçenekler de
 * boyanır (option, tarayıcı listesinde ayrı bir yüzeydir).
 */
[data-theme="dark"] .wc-blocks-components-select__select option,
[data-theme="dark"] .wc-block-components-address-form select option,
[data-theme="dark"] .woocommerce select option,
[data-theme="dark"] .aqp-form select option {
	background-color: #0d1b34;
	color: #eaf3fd;
}

[data-theme="dark"] .wc-blocks-components-select__select option:checked,
[data-theme="dark"] .wc-blocks-components-select__select option:hover {
	background-color: var(--aqp-navy);
	color: #ffffff;
}

/*
 * "(isteğe bağlı)" eki gizlenir: fatura alanları teknik olarak isteğe
 * bağlı kayıtlı (zorunluluk seçime göre sunucuda uygulanıyor), ama
 * ekranda her alanın yanında bu ek görünüp formu kalabalıklaştırıyordu.
 */
.wc-block-components-text-input .optional,
.wc-blocks-components-select .optional,
.wc-block-components-checkout-step .optional {
	display: none !important;
}

/* Fatura tipi alanının kendi seçim kutusu (radyoya dönüştürüldü). */
.aqp-fatura-kap > .wc-blocks-components-select,
.aqp-fatura-kap > select,
.aqp-fatura-kap .wc-blocks-components-select__container,
.aqp-fatura-kap > label {
	display: none !important;
}

/*
 * Sipariş özetindeki adet rozeti: zemini `currentColor` ile boyandığı için
 * koyu tema kuralımızdan sonra yazıyla aynı renge düşüyor ve içi boş bir
 * daire gibi görünüyordu (Toprak, 11.08.2026). Zemin ve yazı ayrı ayrı
 * verilir — iki temada da rakam okunur.
 */
.wc-block-components-order-summary-item__quantity {
	background: var(--aqp-navy) !important;
	color: #ffffff !important;
	border-color: var(--aqp-navy) !important;
	box-shadow: 0 0 0 2px var(--card);
}

[data-theme="dark"] .wc-block-components-order-summary-item__quantity {
	background: var(--aqp-cyan) !important;
	color: #06243f !important;
	border-color: var(--aqp-cyan) !important;
	box-shadow: 0 0 0 2px #0d1b34;
}

/*
 * Gönderim seçenekleri bölümü gizlenir: tek seçenek (ücretsiz kargo) var,
 * bedeli zaten sipariş özetinde ve ürün sayfasında yazıyor. Seçenek
 * gizlense de WooCommerce tek yöntemi kendiliğinden seçili sayar.
 */
.wp-block-woocommerce-checkout-shipping-method-block,
.wp-block-woocommerce-checkout-shipping-methods-block,
.wc-block-checkout__shipping-method,
.wc-block-checkout__shipping-option {
	display: none !important;
}

/* ============================================================
   SEPET — TOPLAMLAR KARTI
   Blok sepetin yan paneli sayfada ortalı duruyor (ölçüm: sol 125 /
   sağ 125 px), fakat kartın içi asimetrikti: başlık ve satırlar
   sola yapışık, sağda 16 px boşluk kalıyordu — kart sağa kaymış
   gibi görünüyordu (Toprak, 11.08.2026). İç boşluk eşitlenir ve
   kart kendi yüzeyine oturur.
   ============================================================ */

/*
 * Yüzey panelin kendisine verilir: "Ödemeye git" düğmesi ayrı bir blok
 * olduğu için yalnız özete zemin verilince kartın dışında kalıyordu.
 * `!important`: WooCommerce blok stilleri panele yüzde tabanlı bir iç
 * boşluk veriyor ve canlıda (birleştirilmiş CSS sırasıyla) bizimkini
 * eziyordu — telefonda iç boşluk sıfırlanıp başlık kartın dışına
 * taşıyordu (11.08.2026 canlı doğrulaması).
 */
.wc-block-cart__sidebar {
	padding: 20px 22px !important;
	border: 1px solid var(--line);
	border-radius: var(--aqp-radius);
	background: var(--card);
	align-self: flex-start;
}

.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block {
	padding: 0;
	background: transparent;
	border: 0;
}

.wc-block-cart__sidebar .wc-block-cart__totals-title {
	padding-inline: 0;
	margin-bottom: 4px;
}

.wc-block-cart__sidebar .wc-block-components-totals-item,
.wc-block-cart__sidebar .wc-block-components-totals-wrapper {
	padding-inline: 0;
}

.wc-block-cart__sidebar .wc-block-cart__submit-container {
	padding-inline: 0;
}

[data-theme="dark"] .wc-block-cart__sidebar {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.12);
}

/* Dar ekranda panel tam genişliğe iner; kenar boşluğu sayfayla eşitlenir. */
@media (max-width: 780px) {
	.wc-block-cart__sidebar {
		padding: 18px !important;
	}
}

/* ---- Ürün öneri / bilgi düzeltme sekmesi ----
   Sekme paneli zaten kart (.woocommerce-Tabs-panel): burada ikinci bir çerçeve
   çizilmez, iki kolonlu bir düzen kurulur. Sol tarafta form, sağda "ne olacak"
   kartı — teklifli ürün kutusuyla aynı numaralı adım dili. */
.aqp-oneri__ic{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:clamp(20px,3vw,30px);align-items:start}
.aqp-oneri__baslik{margin:0 0 8px;font-size:clamp(19px,2.6vw,23px);font-weight:800;color:var(--head);line-height:1.25;letter-spacing:-.01em}
.aqp-oneri__not{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.7}
.aqp-oneri__konular{margin:0 0 18px;padding:0;border:0}
.aqp-oneri__etiket{display:block;padding:0;font-size:13px;font-weight:800;color:var(--head);letter-spacing:.06em;text-transform:uppercase;margin:0 0 9px}
.aqp-oneri__etiket span{color:var(--brand)}
.aqp-oneri__cipler{display:flex;flex-wrap:wrap;gap:8px}
.aqp-oneri__cip{position:relative;display:inline-flex}
.aqp-oneri__cip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.aqp-oneri__cip span{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);font-size:13.5px;font-weight:600;line-height:1.35;transition:border-color .16s,background .16s,color .16s,transform .16s}
.aqp-oneri__cip:hover span{border-color:var(--brand);color:var(--accent-text)}
.aqp-oneri__cip input:checked+span{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#fff}
.aqp-oneri__cip input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.aqp-oneri__satir{margin:0 0 16px}
.aqp-oneri__ikili{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.aqp-oneri__giris{width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:11px;transition:border-color .18s,box-shadow .18s}
.aqp-oneri__giris:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(2,168,235,.18)}
.aqp-oneri__giris--uzun{resize:vertical;min-height:132px;line-height:1.7}
.aqp-oneri__giris::placeholder{color:var(--muted);opacity:.85}
.aqp-oneri__tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aqp-oneri__onay{display:flex;gap:10px;align-items:flex-start;margin:2px 0 18px;font-size:14px;line-height:1.6;color:var(--text);cursor:pointer}
.aqp-oneri__onay input{margin-top:2px;width:17px;height:17px;accent-color:var(--brand);flex:0 0 auto}
.aqp-oneri__onay a{color:var(--accent-text);font-weight:700}
.aqp-oneri__eylem{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.aqp-oneri__buton{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;font:inherit;font-size:15.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;border-radius:999px;cursor:pointer;transition:transform .16s,box-shadow .16s,opacity .16s}
.aqp-oneri__buton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,168,235,.32)}
.aqp-oneri__buton:disabled{opacity:.6;cursor:progress;transform:none}
.aqp-oneri__sonuc{margin:0;flex:1 1 220px;min-width:0;font-size:14.5px;font-weight:600;line-height:1.55;color:var(--muted)}
.aqp-oneri__sonuc:empty{display:none}
.aqp-oneri__sonuc--ok{padding:12px 15px;border-radius:12px;background:rgba(121,231,41,.12);border:1px solid rgba(121,231,41,.4);color:#1f6b3a}
.aqp-oneri__sonuc--hata{padding:12px 15px;border-radius:12px;background:rgba(224,106,74,.1);border:1px solid rgba(224,106,74,.35);color:#8a3a22}
html[data-theme="dark"] .aqp-oneri__sonuc--ok{color:#8fe0a8}
html[data-theme="dark"] .aqp-oneri__sonuc--hata{color:#f0a88c}

/* Gönderildikten sonra form kapanır: aynı bildirim ikinci kez yollanmasın,
   teşekkür mesajı tek başına kalsın. */
.aqp-oneri.is-gonderildi .aqp-oneri__konular,
.aqp-oneri.is-gonderildi .aqp-oneri__satir,
.aqp-oneri.is-gonderildi .aqp-oneri__ikili,
.aqp-oneri.is-gonderildi .aqp-oneri__onay,
.aqp-oneri.is-gonderildi .aqp-oneri__buton{display:none}

/* Yan kart */
.aqp-oneri__yan{padding:20px 22px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:16px;background:var(--bg-soft)}
.aqp-oneri__yan-baslik{margin:0 0 14px;font-size:15.5px;font-weight:800;color:var(--head);line-height:1.35}
.aqp-oneri__adimlar{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:11px}
.aqp-oneri__adim{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.5;color:var(--text)}
.aqp-oneri__adim-no{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--card);border:1px solid var(--line);color:var(--brand);font-size:12.5px;font-weight:800;line-height:22px;text-align:center}
.aqp-oneri__yan-not{margin:0 0 12px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;line-height:1.6}
.aqp-oneri__yan-tel{margin:0;color:var(--muted);font-size:13px}
.aqp-oneri__yan-tel a{color:var(--accent-text);font-weight:700;text-decoration:none;white-space:nowrap}
.aqp-oneri__yan-tel a:hover{text-decoration:underline}

@media(max-width:940px){
	/* Tek kolona düşünce DOM sırası geçerli: önce form, sonra açıklama kartı. */
	.aqp-oneri__ic{grid-template-columns:1fr}
}
@media(max-width:560px){
	.aqp-oneri__ikili{grid-template-columns:1fr;gap:0}
	.aqp-oneri__buton{width:100%}
	.aqp-oneri__cip span{padding:7px 12px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
	.aqp-oneri__cip span,.aqp-oneri__buton{transition:none}
	.aqp-oneri__buton:hover:not(:disabled){transform:none}
}

/* ---- Soru & Cevap sekmesi ----
   Öneri sekmesiyle AYNI iki kolonlu ritim: solda içerik, sağda form. İki sekme
   yan yana durduğu için düzenlerinin de akraba görünmesi gerekiyor. Fark
   içeriktedir: burada liste herkese açık, orada form gizli bildirim. */
.aqp-sc{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:clamp(20px,3vw,30px);align-items:start}
.aqp-sc__ust,.aqp-sc__bos{grid-column:1}
.aqp-sc__baslik{margin:0 0 8px;font-size:clamp(19px,2.6vw,23px);font-weight:800;color:var(--head);line-height:1.25;letter-spacing:-.01em}
.aqp-sc__not{margin:0;color:var(--muted);font-size:15px;line-height:1.7}

/* liste */
.aqp-sc__liste{grid-column:1;list-style:none;margin:16px 0 0;padding:0;display:grid;gap:14px}
.aqp-sc__kart{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 2px 10px rgba(6,78,162,.05)}
.aqp-sc__soru,.aqp-sc__cevap{display:flex;align-items:flex-start;gap:12px}
.aqp-sc__cevap{margin-top:14px;padding:14px 16px;border-radius:12px;border-left:3px solid var(--brand);background:var(--bg-soft)}
.aqp-sc__rozet{flex:0 0 26px;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:800;line-height:26px;text-align:center;letter-spacing:0}
.aqp-sc__rozet--s{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);line-height:24px}
.aqp-sc__rozet--c{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}
.aqp-sc__govde{min-width:0;flex:1 1 auto}
.aqp-sc__metin{margin:0;font-size:15px;line-height:1.65;color:var(--text);overflow-wrap:anywhere}
.aqp-sc__kim{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.aqp-sc__satici{display:inline-flex;align-items:center;gap:5px;color:var(--accent-text);font-weight:700}
.aqp-sc__tik{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--aqp-green);color:#08301a;font-size:10px;font-weight:900;line-height:1}
.aqp-sc__etiket{padding:2px 8px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* Eşikten sonrası düğmeye kadar gizli: uzun listede sekme sonsuza uzamasın. */
.aqp-sc__liste.is-kisali>.aqp-sc__kart:nth-child(n+7){display:none}
.aqp-sc__daha{grid-column:1;justify-self:start;margin-top:14px;padding:10px 20px;font:inherit;font-size:14px;font-weight:700;color:var(--accent-text);background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:border-color .16s,background .16s}
.aqp-sc__daha:hover{border-color:var(--brand);background:var(--bg-soft)}

/* soru sorma formu */
.aqp-sc__form{grid-column:2;grid-row:1 / span 4;align-self:start;padding:20px 22px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:16px;background:var(--bg-soft)}
.aqp-sc__form-baslik{margin:0 0 7px;font-size:16px;font-weight:800;color:var(--head);line-height:1.35}
.aqp-sc__form-not{margin:0 0 16px;color:var(--muted);font-size:12.5px;line-height:1.6}
.aqp-sc__satir{margin:0 0 14px}
.aqp-sc__ikili{display:grid;grid-template-columns:1fr;gap:0}
.aqp-sc__etiket-alan{display:block;font-size:13px;font-weight:800;color:var(--head);letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px}
.aqp-sc__etiket-alan span{color:var(--brand)}
.aqp-sc__giris{width:100%;padding:11px 13px;font:inherit;font-size:14.5px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:11px;transition:border-color .18s,box-shadow .18s}
.aqp-sc__giris:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(2,168,235,.18)}
.aqp-sc__giris--uzun{resize:vertical;min-height:104px;line-height:1.65}
.aqp-sc__giris::placeholder{color:var(--muted);opacity:.85}
.aqp-sc__tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aqp-sc__onay{display:flex;gap:10px;align-items:flex-start;margin:2px 0 16px;font-size:13px;line-height:1.55;color:var(--text);cursor:pointer}
.aqp-sc__onay input{margin-top:2px;width:17px;height:17px;accent-color:var(--brand);flex:0 0 auto}
.aqp-sc__onay a{color:var(--accent-text);font-weight:700}
.aqp-sc__eylem{display:flex;flex-direction:column;gap:12px}
.aqp-sc__buton{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;border-radius:999px;cursor:pointer;transition:transform .16s,box-shadow .16s,opacity .16s}
.aqp-sc__buton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,168,235,.32)}
.aqp-sc__buton:disabled{opacity:.6;cursor:progress;transform:none}
.aqp-sc__sonuc{margin:0;font-size:13.5px;font-weight:600;line-height:1.55;color:var(--muted)}
.aqp-sc__sonuc:empty{display:none}
.aqp-sc__sonuc--ok{padding:11px 13px;border-radius:12px;background:rgba(121,231,41,.12);border:1px solid rgba(121,231,41,.4);color:#1f6b3a}
.aqp-sc__sonuc--hata{padding:11px 13px;border-radius:12px;background:rgba(224,106,74,.1);border:1px solid rgba(224,106,74,.35);color:#8a3a22}
html[data-theme="dark"] .aqp-sc__sonuc--ok{color:#8fe0a8}
html[data-theme="dark"] .aqp-sc__sonuc--hata{color:#f0a88c}

/* Gönderildikten sonra form kapanır, teşekkür mesajı kalır. */
.aqp-sc.is-gonderildi .aqp-sc__satir,
.aqp-sc.is-gonderildi .aqp-sc__ikili,
.aqp-sc.is-gonderildi .aqp-sc__onay,
.aqp-sc.is-gonderildi .aqp-sc__buton,
.aqp-sc.is-gonderildi .aqp-sc__form-not{display:none}

@media(max-width:940px){
	/* Tek kolona düşünce DOM sırası geçerli: liste, sonra soru formu. */
	.aqp-sc{grid-template-columns:1fr}
	.aqp-sc__ust,.aqp-sc__bos,.aqp-sc__liste,.aqp-sc__daha,.aqp-sc__form{grid-column:1}
	.aqp-sc__form{grid-row:auto;margin-top:8px}
	.aqp-sc__ikili{grid-template-columns:1fr 1fr;gap:14px}
}
@media(max-width:560px){
	.aqp-sc__ikili{grid-template-columns:1fr;gap:0}
	.aqp-sc__buton{width:100%}
	.aqp-sc__kart{padding:14px 15px}
}
@media(prefers-reduced-motion:reduce){
	.aqp-sc__buton,.aqp-sc__daha{transition:none}
	.aqp-sc__buton:hover:not(:disabled){transform:none}
}

/* ---- Soru & Cevap: mobil "Soru Sor" paneli ----
   Mobilde form listenin ALTINDA kalıyordu; 8 soruluk bir listede kimse oraya
   inmiyor. Artık listenin ÜSTÜNDE bir düğme var ve form alttan açılan panelde
   geliyor. Masaüstü düzen aynen duruyor — orada form zaten sağ kolonda görünür,
   ikinci bir katman gereksiz olurdu. */
.aqp-sc__ac,
.aqp-sc__kapat,
.aqp-sc__perde{display:none}

@media(max-width:940px){
	.aqp-sc__ac{grid-column:1;justify-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:14px 0 2px;padding:13px 22px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px rgba(2,168,235,.28)}
	.aqp-sc__ac:active{transform:translateY(1px)}

	.aqp-sc__perde{display:block;position:fixed;inset:0;z-index:129;background:rgba(7,18,40,.55);opacity:0;transition:opacity .22s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
	.aqp-sc.is-form-acik .aqp-sc__perde{opacity:1}

	/* Panel: alttan gelir, ekranın en fazla %88'ini kaplar, içi kayar. */
	.aqp-sc__form{position:fixed;left:0;right:0;bottom:0;z-index:130;margin:0;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border:0;border-top:3px solid var(--brand);border-radius:20px 20px 0 0;background:var(--card);box-shadow:0 -18px 50px rgba(7,18,40,.35);padding:22px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(102%);transition:transform .26s cubic-bezier(.22,.75,.3,1);visibility:hidden}
	.aqp-sc.is-form-acik .aqp-sc__form{transform:translateY(0);visibility:visible}

	.aqp-sc__kapat{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:14px;right:14px;width:34px;height:34px;padding:0;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:50%;cursor:pointer}
	.aqp-sc__kapat:hover{color:var(--head);border-color:var(--brand)}
	.aqp-sc__form-baslik{padding-right:44px}
}

/* Panel açıkken arka plan kaymasın. */
body.aqp-sc-kilit{overflow:hidden}

@media(prefers-reduced-motion:reduce){
	.aqp-sc__form,.aqp-sc__perde{transition:none}
}

/* ---- Sekme şeridi: mobilde 2×2 ızgara ----
   Dördüncü sekme gelince pill'ler farklı genişliklerde iki satıra dağılıyor,
   dağınık duruyordu. Eşit hücreli ızgara hepsini GÖRÜNÜR tutar — yatay
   kayan şerit seçilmedi, orada son sekmeyi kimse bulamaz. */
@media(max-width:600px){
	.woocommerce div.product .woocommerce-tabs ul.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
	.woocommerce div.product .woocommerce-tabs ul.tabs li{display:block}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:9px 10px;font-size:13px;line-height:1.25;text-align:center}
}

/* ---- Değerlendirmeler sekmesi ----
   Şimdiye kadar ham WooCommerce çıktısıydı; Soru & Cevap kart diliyle eşitlendi.
   ŞABLON OVERRIDE YOK — yalnız CSS (sert kısıt). */
.woo-single #reviews{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:clamp(20px,3vw,30px);align-items:start}
.woo-single #reviews #comments{grid-column:1;min-width:0}
.woo-single #reviews #review_form_wrapper{grid-column:2;min-width:0}
.woo-single #reviews .clear{display:none}

.woo-single .woocommerce-Reviews-title{margin:0 0 14px;font-size:clamp(19px,2.6vw,23px);font-weight:800;color:var(--head);line-height:1.25;letter-spacing:-.01em}
.woo-single .woocommerce-noreviews{margin:0;padding:18px 20px;border:1px dashed var(--line);border-radius:16px;background:var(--bg-soft);color:var(--muted);font-size:14.5px;line-height:1.6}

/* yorum kartları */
.woo-single #reviews #comments ol.commentlist{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.woo-single #reviews #comments ol.commentlist li{margin:0;padding:0;background:none;border:0}
.woo-single #reviews #comments ol.commentlist li .comment_container{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 2px 10px rgba(6,78,162,.05)}
.woo-single #reviews #comments ol.commentlist li img.avatar{position:static;float:none;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--bg-soft);box-shadow:none}
.woo-single #reviews #comments ol.commentlist li .comment-text{margin:0;padding:0;border:0;border-radius:0;min-width:0;flex:1 1 auto}
.woo-single #reviews #comments ol.commentlist li .comment-text p.meta{margin:0 0 6px;font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.woo-single #reviews #comments ol.commentlist li .comment-text .woocommerce-review__author{font-size:14.5px;font-weight:800;color:var(--head)}
.woo-single #reviews #comments ol.commentlist li .comment-text .woocommerce-review__dash{display:none}
.woo-single #reviews #comments ol.commentlist li .comment-text .description{color:var(--text);font-size:15px;line-height:1.65}
.woo-single #reviews #comments ol.commentlist li .comment-text .description p{margin:0 0 8px}
.woo-single #reviews #comments ol.commentlist li .comment-text .description p:last-child{margin-bottom:0}
.woo-single #reviews #comments ol.commentlist li .comment-text .star-rating{margin:0 0 8px;float:none}

/* yorum yazma kartı — Soru & Cevap formuyla aynı dil */
.woo-single #review_form_wrapper #respond{margin:0;padding:20px 22px;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:16px;background:var(--bg-soft)}
.woo-single #review_form #respond .comment-reply-title{display:block;margin:0 0 8px;font-size:16px;font-weight:800;color:var(--head);line-height:1.35}
.woo-single #review_form #respond .comment-reply-title small{display:block;font-size:13px;font-weight:600;margin-top:4px}
.woo-single #review_form #respond .comment-notes{margin:0 0 16px;color:var(--muted);font-size:12.5px;line-height:1.6}
.woo-single #review_form #respond .comment-form label{display:block;font-size:13px;font-weight:800;color:var(--head);letter-spacing:.05em;text-transform:uppercase;margin:0 0 7px}
.woo-single #review_form #respond .comment-form .required{color:var(--brand)}
.woo-single #review_form #respond .comment-form p{margin:0 0 14px}
.woo-single #review_form #respond .comment-form input[type="text"],
.woo-single #review_form #respond .comment-form input[type="email"],
.woo-single #review_form #respond .comment-form textarea,
.woo-single #review_form #respond .comment-form select{width:100%;max-width:100%;padding:11px 13px;font:inherit;font-size:14.5px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:11px;transition:border-color .18s,box-shadow .18s}
.woo-single #review_form #respond .comment-form textarea{min-height:110px;line-height:1.65;resize:vertical}
.woo-single #review_form #respond .comment-form input:focus,
.woo-single #review_form #respond .comment-form textarea:focus,
.woo-single #review_form #respond .comment-form select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(2,168,235,.18)}

/* yıldız seçici — WooCommerce select'i JS ile yıldıza çeviriyor; ikisi de giydirildi */
.woo-single #review_form #respond .comment-form-rating{margin:0 0 14px}
.woo-single #review_form #respond .comment-form-rating label{margin-bottom:8px}
.woo-single #review_form #respond p.stars{margin:0;display:flex;gap:2px}
.woo-single #review_form #respond p.stars a{color:#ffa800}
.woo-single #review_form #respond p.stars a::before{color:#ffa800}

.woo-single #review_form #respond .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;margin:2px 0 16px}
.woo-single #review_form #respond .comment-form-cookies-consent input{margin-top:2px;width:17px;height:17px;accent-color:var(--brand);flex:0 0 auto}
.woo-single #review_form #respond .comment-form-cookies-consent label{margin:0;font-size:13px;font-weight:500;line-height:1.55;color:var(--text);letter-spacing:0;text-transform:none}

.woo-single #review_form #respond .form-submit{margin:0}
.woo-single #review_form #respond .form-submit input#submit{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 24px;font:inherit;font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;border-radius:999px;cursor:pointer;transition:transform .16s,box-shadow .16s}
.woo-single #review_form #respond .form-submit input#submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(2,168,235,.32)}

@media(max-width:940px){
	.woo-single #reviews{grid-template-columns:1fr}
	.woo-single #reviews #comments,
	.woo-single #reviews #review_form_wrapper{grid-column:1}
}
@media(max-width:560px){
	.woo-single #reviews #comments ol.commentlist li .comment_container{padding:15px 16px;gap:11px}
	.woo-single #reviews #comments ol.commentlist li img.avatar{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
	.woo-single #review_form #respond .form-submit input#submit{transition:none}
	.woo-single #review_form #respond .form-submit input#submit:hover{transform:none}
}

/* ---- Üst şerit: vaatler + mobil döngü (21.08.2026) ----
   YÜKSEKLİK SÖZLEŞMESİ: satır 30 px, .topbar__inner’daki 7+30+7 = 44 px
   (--aqp-ust-serit) DEĞİŞMEZ. Bu yüzden liste sabit yükseklikli ve
   overflow:hidden — içerik ne olursa olsun şeridi büyütemez, yoksa
   yapışkan başlığın ve yönetim çubuğu offsetlerinin hesabı kayar. */
.topbar__inner {
	flex-wrap: nowrap;
}

.topbar__marka {
	margin: 0;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: .82;
	letter-spacing: .01em;
}

.topbar__vaatler {
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 0;
	height: 30px;
	display: flex;
	align-items: center;
}

.topbar__vaat {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.topbar__vaat-ic {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 24px;
	padding: 0 2px;
	border-radius: 999px;
	line-height: 1;
}

.topbar__vaat-ikon {
	display: inline-flex;
	flex: 0 0 15px;
}

.topbar__vaat-ikon svg {
	width: 15px;
	height: 15px;
	color: var(--aqp-cyan);
}

.topbar__vaat-metin {
	font-weight: 600;
	color: #fff;
}

/* Öne çıkan vaat: koyu lacivert şeritte camgöbeği dolgu en yüksek kontrastı
   verir. Yanıp sönme/kayan yazı YOK — kurumsal dille çelişir ve reklam
   panosu izlenimi bırakır; vurgu tek seferlik ve sabit. */
.topbar__vaat--one .topbar__vaat-ic {
	padding: 0 11px;
	background: var(--aqp-cyan);
	box-shadow: 0 2px 10px rgba(2, 168, 235, .35);
}

.topbar__vaat--one .topbar__vaat-ikon svg,
.topbar__vaat--one .topbar__vaat-metin {
	color: #062038;
}

.topbar__vaat--one .topbar__vaat-metin {
	font-weight: 800;
	letter-spacing: .01em;
}

/* ---- masaüstü: yan yana ---- */
@media (min-width: 901px) {
	.topbar__vaatler {
		gap: 20px;
		overflow: visible;
	}

	/* Marka cümlesi solda ayrıca yazıyor; döngü maddesi yalnız telefonda. */
	.topbar__vaat--marka {
		display: none;
	}
}

/* Dar masaüstünde önce 3. vaat, sonra marka cümlesi çekilir — sıkışıp ikinci
   satıra düşmesin diye. Öne çıkan vaat en son gider. İç içe @media yerine
   birleşik sorgu: temanın geri kalanıyla aynı yazım. */
@media (min-width: 901px) and (max-width: 1150px) {
	.topbar__vaat:not(.topbar__vaat--one):last-of-type {
		display: none;
	}
}

@media (min-width: 901px) and (max-width: 1020px) {
	.topbar__marka {
		display: none;
	}
}

/* ---- telefon/tablet: tek satırda döner ---- */
@media (max-width: 900px) {
	.topbar__marka {
		display: none;
	}

	.topbar__vaatler {
		position: relative;
		flex: 1 1 auto;
		overflow: hidden;
	}

	.topbar__vaat {
		position: absolute;
		inset: 0;
		opacity: 0;
		transform: translateY(70%);
		transition: opacity .34s ease, transform .34s cubic-bezier(.22, .75, .3, 1);
		pointer-events: none;
	}

	.topbar__vaat.is-etkin {
		opacity: 1;
		transform: none;
	}

	.topbar__vaat.is-cikan {
		opacity: 0;
		transform: translateY(-70%);
	}

	.topbar__vaat--one .topbar__vaat-ic {
		box-shadow: none;
	}
}

@media (max-width: 420px) {
	.topbar__vaat-metin {
		font-size: 11.5px;
	}

	.topbar__vaat--one .topbar__vaat-ic {
		padding: 0 9px;
	}
}

/* Hareket azaltma: geçiş yok, yine de sırayla değişir — tüm vaatler
   okunabilir kalsın. */
@media (prefers-reduced-motion: reduce) {
	.topbar__vaat {
		transition: none;
	}
}

/* ---- Taksit: peşin fiyat müjdesi ---- */
.aqp-taksit-mujde {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 16px;
	padding: 13px 16px;
	border: 1px solid rgba(121, 231, 41, .38);
	border-left: 4px solid var(--aqp-green);
	border-radius: 14px;
	background: rgba(121, 231, 41, .1);
}

.aqp-taksit-mujde__ikon {
	flex: 0 0 22px;
	color: #2f8f14;
}

.aqp-taksit-mujde__ikon svg {
	width: 22px;
	height: 22px;
	display: block;
}

.aqp-taksit-mujde__yazi {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.aqp-taksit-mujde__yazi b {
	font-size: 15px;
	font-weight: 800;
	color: var(--head);
	line-height: 1.3;
}

.aqp-taksit-mujde__yazi small {
	font-size: 12.5px;
	line-height: 1.55;
	color: var(--muted);
}

html[data-theme="dark"] .aqp-taksit-mujde__ikon {
	color: var(--aqp-green);
}

/* PayTR tablosunda vade farksız satır — JS işaretler. */
.taksit-tutar-wrapper.aqp-pesin {
	position: relative;
	border-radius: 8px;
	background: rgba(121, 231, 41, .14);
	box-shadow: inset 0 0 0 1px rgba(121, 231, 41, .4);
}

/*
 * ROZET SATIR İÇİ DEĞİL, ALT SATIRDA — bilerek.
 * PayTR satırı `display:grid` ve kolonlar SABİT genişlikte
 * (96,78px + 83,97px). Rozeti tutarın yanına inline koyunca 1. hücre
 * 193px'e çıkıp 2. kolonu kartın dışına itiyordu; toplam tutarlar üst üste
 * biniyordu (21.08.2026'da yakalandı). `display:block` ile rozet kendi
 * satırına iner, hücre genişliği hiç değişmez.
 */
.aqp-pesin__etiket {
	display: block;
	width: fit-content;
	max-width: 100%;
	/* Hücreye ORTALANIR: mobilde hücre genişleyince rozet sola yapışıp
	   tutardan kopuk duruyordu (Toprak, 21.08.2026). */
	margin: 3px auto 0;
	padding: 1px 6px;
	border-radius: 999px;
	background: var(--aqp-green);
	color: #08301a;
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: .02em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Sabit ızgara kolonunda içerik taşmasın. */
.taksit-tutar-wrapper.aqp-pesin .taksit-tutari {
	min-width: 0;
}

/* ---- Ürün sayfası taksit satırı: peşin fiyat rozeti ---- */
.aqp-taksit-satir--pesin {
	position: relative;
	flex-wrap: wrap;
}

.aqp-taksit-satir__tutar {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 9px;
	border-radius: 999px;
	background: var(--card);
	border: 1px solid var(--line);
	color: var(--price);
	font-size: 13px;
	font-weight: 800;
	white-space: nowrap;
}

.aqp-taksit-satir__rozet {
	display: inline-flex;
	align-items: center;
	margin-left: auto;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--aqp-green);
	color: #08301a;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .03em;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (max-width: 560px) {
	.aqp-taksit-satir__rozet {
		margin-left: 0;
		margin-top: 6px;
	}
}

/* ---- Taksit satırı artık DÜĞME ----
   Alttaki ayrı "Taksit seçeneklerini gör" kutusu kaldırıldı; pencereyi bu
   satır açıyor. Düğme varsayılanları sıfırlanıp tıklanabilirlik ok ve hover
   ile belli ediliyor. */
button.aqp-taksit-satir {
	width: 100%;
	font: inherit;
	font-size: 14px;
	text-align: left;
	cursor: pointer;
	transition: border-color .16s, background .16s, transform .16s;
}

button.aqp-taksit-satir:hover {
	border-color: var(--brand);
	background: rgba(2, 168, 235, .13);
}

button.aqp-taksit-satir:focus-visible {
	outline: 2px solid var(--brand);
	outline-offset: 2px;
}

.aqp-taksit-satir__ok {
	flex: 0 0 auto;
	margin-left: 4px;
	font-size: 17px;
	line-height: 1;
	opacity: .7;
	transition: transform .16s, opacity .16s;
}

button.aqp-taksit-satir:hover .aqp-taksit-satir__ok {
	transform: translateX(3px);
	opacity: 1;
}

[data-theme="dark"] button.aqp-taksit-satir:hover {
	background: rgba(2, 168, 235, .2);
}

@media (prefers-reduced-motion: reduce) {
	button.aqp-taksit-satir,
	.aqp-taksit-satir__ok {
		transition: none;
	}

	button.aqp-taksit-satir:hover .aqp-taksit-satir__ok {
		transform: none;
	}
}

@media (max-width: 560px) {
	.aqp-taksit-satir__ok {
		display: none;
	}
}

/* ---- Çerezleri kapalı tarayıcı: rıza banner’ı gizlenir ----
   Rıza kararı çereze yazılıyor; çerez yazılamayınca banner her sayfada
   yeniden çıkıyor ve ziyaretçi ondan kurtulamıyordu. Çerez yazılamayan bir
   tarayıcıda rıza istenecek bir şey de yok — eklenti tek bir çerez bile
   koyamaz. `!important` gerekli: eklenti kendi stillerini satır içi basıyor. */
.aqp-cerezsiz .cookieadmin_law_container,
.aqp-cerezsiz .cookieadmin_cookie_modal {
	display: none !important;
}

/*
 * Keşif ücret koşulu notu (24.08.2026). "Ücretsiz Keşif" düğmelerinin altında
 * durur; iddiayı kaldırmadan koşulunu söyler. Metnin tek kaynağı
 * aqp_kesif_notu() — inc/asistan.php.
 */
.aqp-kesif-not {
	margin: 10px 0 0;
	max-width: 46ch;
	color: var(--muted);
	font-size: 12.5px;
	line-height: 1.5;
}

/*
 * Koyu zeminli iki yer: çözüm sayfası hero'su (.blog-hero) ve manifesto bandı.
 * Varsayılan `var(--muted)` açık zemin grisi — buralarda okunmaz. Renkler
 * hero'nun kendi alt metniyle aynı aileden (bkz. .blog-hero__giris p).
 */
.blog-hero .aqp-kesif-not {
	color: #c6d8ef;
}

/*
 * Manifesto bandının TAMAMI sola hizalı (başlık, alt metin ve düğme hepsi
 * aynı 32 px'ten başlıyor). Not da öyle olmalı — ortalanınca tek başına
 * kayık duruyordu.
 */
.manifest__not {
	max-width: 52ch;
	color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 600px) {
	.aqp-kesif-not {
		font-size: 12px;
	}
}

/*
 * Kategori/rehber metninde tablo, standalone h3, liste ve bağlantı stili YOKTU
 * — tarayıcı varsayılanına düşüyorlardı (25.08.2026). Kategori metinleri
 * derinleştirilirken eklendi. Akordiyon (.aqp-rehber__blok) ve h2 stilleri
 * zaten vardı, onlara dokunulmadı.
 */
.aqp-rehber .aqp-tablo {
	overflow-x: auto;
	margin: 0 0 18px;
	-webkit-overflow-scrolling: touch;
}

.aqp-rehber .aqp-tablo table {
	border-collapse: collapse;
	width: 100%;
	min-width: 520px;
	font-size: 15px;
}

.aqp-rehber .aqp-tablo th {
	text-align: left;
	font-weight: 800;
	color: var(--head);
	border-bottom: 2px solid var(--line);
	padding: 0 14px 9px 0;
	white-space: nowrap;
}

.aqp-rehber .aqp-tablo td {
	color: var(--muted);
	border-bottom: 1px solid var(--line);
	padding: 10px 14px 10px 0;
	vertical-align: top;
	font-variant-numeric: tabular-nums;
}

.aqp-rehber .aqp-tablo tr:last-child td {
	border-bottom: 0;
}

.aqp-rehber > h3 {
	margin: 22px 0 8px;
	font-size: 17.5px;
	font-weight: 800;
	color: var(--head);
	letter-spacing: -.2px;
}

.aqp-rehber > ul {
	margin: 0 0 16px;
	padding-left: 22px;
}

.aqp-rehber > ul li {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 8px;
}

.aqp-rehber > p a,
.aqp-rehber > ul a,
.aqp-rehber .aqp-tablo a {
	color: var(--accent-text);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* ----------------------------- ETBİS rozeti -------------------------------
 * Footer'da, telif satırının üstünde. Kartın tamamı bağlantı; "Sorgulamak
 * için tıklayın" görsel düğme olarak duruyor ve kart hover'ında tepki veriyor.
 *
 * Logo kutusu HER İKİ TEMADA da beyaz: ETBİS markası koyu renkli ve saydam
 * zeminli, koyu temada doğrudan konsa okunmazdı.
 */
.aqp-etbis {
	display: flex;
	justify-content: center;
	padding: 22px 0 4px;
}

.aqp-etbis__kart {
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 620px;
	padding: 16px 20px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--card);
	text-decoration: none;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.aqp-etbis__kart:hover,
.aqp-etbis__kart:focus-visible {
	border-color: rgba(2, 168, 235, .45);
	transform: translateY(-2px);
	box-shadow: var(--shadow);
}

.aqp-etbis__logo {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 164px;
	height: 116px;
	padding: 8px;
	border-radius: 12px;
	background: #fff;
}

.aqp-etbis__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.aqp-etbis__govde {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.aqp-etbis__baslik {
	color: var(--head);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -.2px;
}

.aqp-etbis__metin {
	color: var(--muted);
	font-size: 12.5px;
	line-height: 1.55;
}

.aqp-etbis__dugme {
	align-self: flex-start;
	margin-top: 4px;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(2, 168, 235, .12);
	color: var(--accent-text);
	font-size: 12px;
	font-weight: 700;
}

.aqp-etbis__kart:hover .aqp-etbis__dugme,
.aqp-etbis__kart:focus-visible .aqp-etbis__dugme {
	background: rgba(2, 168, 235, .22);
}

@media (max-width: 520px) {
	.aqp-etbis__kart {
		gap: 12px;
		padding: 12px 14px;
	}

	.aqp-etbis__logo {
		width: 122px;
		height: 86px;
	}

	.aqp-etbis__metin {
		font-size: 12px;
	}
}