/* ==========================================================================
   Kuyumcu teması
   1. Değişkenler   2. Temel      3. Düğmeler     4. Başlık
   5. Karşılama     6. Bölümler   7. Kategoriler  8. Özellikler
   9. İletişim      10. Alt bilgi 11. İçerik      12. WooCommerce
   13. Duyuru şeridi ve açılış ekranı           14. Duyarlı
   ========================================================================== */

/* 1. Değişkenler ----------------------------------------------------------- */
:root {
	--ink: #15120e;
	--ink-2: #221d16;
	--ivory: #fbf8f2;
	--cream: #f3ece0;
	--sand: #e6d9c2;
	--line: rgba(21, 18, 14, .12);
	--line-light: rgba(244, 236, 220, .14);
	--text: #2a241c;
	--muted: #6f6455;
	--gold: #b8892f;
	--gold-deep: #86621f;
	/* Şampanya: parlak/sarı altın yerine soluk, mat ton (kullanıcı parlak altını rahatsız edici buldu). */
	--gold-light: #d6c7a8;
	--gold-grad: linear-gradient(135deg, #efe6d4 0%, #dccbab 100%);
	--wa: #1fa855;
	--up: #1f8a4c;
	--down: #c0392b;

	--radius: 6px;
	--radius-lg: 16px;
	--shadow: 0 18px 40px -20px rgba(54, 36, 8, .35);

	--font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
	--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--container: 1240px;
	--gutter: clamp(16px, 4vw, 32px);

	/* WooCommerce 8+ renk değişkenleri (varsayılan mor tonları ezer). */
	--wc-primary: #86621f;
	--wc-primary-text: #fff;
	--wc-secondary: #f3ece0;
	--wc-secondary-text: #2a241c;
	--wc-highlight: #86621f;
	--wc-highligh-text: #fff;
	--wc-content-bg: #fff;
	--wc-subtext: #6f6455;
}

/* 2. Temel ----------------------------------------------------------------- */
*,
*::before,
*::after { box-sizing: border-box; }

/* Cormorant'ın küçük "eski usul" rakamları yerine tam boy rakamlar ("12 Design Jewelry", "14 Ayar"). */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; font-variant-numeric: lining-nums; }

body {
	margin: 0;
	background: var(--ivory);
	color: var(--text);
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

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

a { color: var(--gold-deep); text-decoration: none; transition: color .2s; }
a:hover { color: var(--ink); }

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	font-family: var(--font-display);
	font-weight: 600;
	line-height: 1.12;
	color: var(--ink);
}

p { margin: 0 0 1em; }

:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

::selection { background: var(--gold-light); color: var(--ink); }

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	word-wrap: normal !important;
}

.skip-link:focus {
	clip: auto;
	width: auto;
	height: auto;
	top: 8px;
	left: 8px;
	z-index: 100;
	padding: 12px 18px;
	background: var(--ink);
	color: #fff;
}

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

.container--narrow { max-width: 860px; }

.icon { flex: none; }

/* 3. Düğmeler -------------------------------------------------------------- */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .6em;
	min-height: 50px;
	padding: .9em 1.7em;
	border: 1px solid transparent;
	border-radius: 2px;
	font-family: var(--font-body);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.2;
	text-transform: uppercase;
	cursor: pointer;
	transition: transform .2s, box-shadow .2s, background-color .2s, color .2s, filter .2s;
}

.btn:hover { transform: translateY(-1px); }

/* Ana buton: siyah zemin, krem yazı (koyu zeminli bantlarda tersi: krem zemin, siyah yazı). */
.btn--gold {
	background: var(--ink);
	color: var(--ivory);
}
.btn--gold:hover { background: #2e271e; color: #fff; }
.ozel-bant .btn--gold,
.section--dark .btn--gold { background: var(--ivory); color: var(--ink); }
.ozel-bant .btn--gold:hover,
.section--dark .btn--gold:hover { background: #fff; color: var(--ink); }

.btn--ghost {
	border-color: rgba(214, 199, 168, .5);
	color: #efe6d4;
	background: transparent;
}
.btn--ghost:hover { color: #fff; background: rgba(214, 199, 168, .12); }

.btn--dark { background: var(--ink); color: var(--ivory); }
.btn--dark:hover { background: var(--gold-deep); color: #fff; }

.btn--whatsapp { background: var(--wa); color: #fff; }
.btn--whatsapp:hover { background: #168a45; color: #fff; }
.btn .icon-whatsapp { width: 1.35em; height: 1.35em; }

.btn--block { display: flex; width: 100%; }

/* 4. Başlık ---------------------------------------------------------------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(251, 248, 242, .92);
	-webkit-backdrop-filter: saturate(1.4) blur(12px);
	backdrop-filter: saturate(1.4) blur(12px);
	border-bottom: 1px solid var(--line);
	transition: box-shadow .25s;
}

.site-header.is-scrolled { box-shadow: 0 8px 28px -18px rgba(0, 0, 0, .35); }

/* Menü ya da arama açıkken sayfanın üstündeki perde (başlığın altında kalır): dokununca kapanır,
   arkadaki bağlantılara geçilmez (main.js). */
.menu-perde {
	position: fixed;
	inset: 0;
	z-index: 45;
	background: rgba(21, 18, 14, .38);
	opacity: 0;
	visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	transition: opacity .25s ease, visibility 0s linear .25s;
}
body.perde-acik .menu-perde { opacity: 1; visibility: visible; transition: opacity .25s ease; }
body.perde-acik .whatsapp-float { opacity: 0; pointer-events: none; }
@media (max-width: 1080px) {
	body.menu-open { overflow: hidden; }
}

.admin-bar .site-header { top: 32px; }

.site-header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 24px;
	min-height: 78px;
}

.site-brand { line-height: 1; }
.custom-logo-link { display: block; }
.custom-logo { display: block; width: auto; max-height: 52px; }

.primary-nav { justify-self: center; }

.primary-nav .menu {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.primary-nav li { position: relative; }
.primary-nav .menu-item--mobil { display: none; } /* Yalnızca hamburger menüde (1080 px altı). */

.primary-nav a {
	position: relative;
	display: block;
	padding: 10px 14px;
	color: var(--text);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.primary-nav .menu > li > a::after {
	content: "";
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 4px;
	height: 1px;
	background: var(--gold);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s;
}

.primary-nav .menu > li > a:hover::after,
.primary-nav .current-menu-item > a::after,
.primary-nav .current-menu-ancestor > a::after { transform: scaleX(1); }

.primary-nav .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	min-width: 230px;
	margin: 0;
	padding: 8px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .2s, transform .2s, visibility .2s;
}

.primary-nav li:hover > .sub-menu,
.primary-nav li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }

.primary-nav .sub-menu a { padding: 10px 12px; letter-spacing: .08em; }
.primary-nav .sub-menu a:hover { background: var(--cream); color: var(--ink); }
.primary-nav .menu-yakinda { margin-left: 6px; color: var(--gold); font-size: .62rem; font-weight: 600; letter-spacing: .1em; }

.submenu-toggle { display: none; }

.header-actions { display: flex; align-items: center; gap: 2px; }

.icon-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--ink);
	cursor: pointer;
	transition: background-color .2s;
}
.icon-btn:hover { background: var(--cream); color: var(--ink); }

.menu-toggle { display: none; }

.cart-count {
	position: absolute;
	top: 3px;
	right: 1px;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 10px;
	background: var(--gold-grad);
	color: var(--ink);
	font-size: .66rem;
	font-weight: 800;
	line-height: 19px;
	text-align: center;
}
.cart-count.is-empty { display: none; }

.header-search {
	padding: 18px 0;
	border-top: 1px solid var(--line);
	background: var(--ivory);
}

/* Arama formları */
.search-form,
.woocommerce-product-search {
	display: flex;
	gap: 8px;
	max-width: 640px;
	margin-inline: auto;
}
.search-form label { flex: 1; }
.search-form .search-field,
.woocommerce-product-search .search-field { width: 100%; flex: 1; }

.search-form .search-submit,
.woocommerce-product-search button {
	padding: 0 22px;
	border: 0;
	border-radius: 2px;
	background: var(--ink);
	color: var(--ivory);
	font: 700 .75rem/1 var(--font-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	cursor: pointer;
}
.search-form .search-submit:hover,
.woocommerce-product-search button:hover { background: var(--gold-deep); }

/*
 * Form alanları. :where() ile düşük öncelikli tutulur; böylece WooCommerce sepet/ödeme
 * bloklarının kendi bileşen stilleri her zaman önce gelir. Adet seçicinin sayı kutusu
 * tamamen hariçtir (aksi hâlde büyüyüp mobil sepet tablosunu taşırıyordu).
 */
:where(
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="date"],
	select,
	textarea,
	.input-text
):not(.wc-block-components-quantity-selector__input) {
	min-height: 46px;
	padding: .7em .9em;
	border: 1px solid rgba(21, 18, 14, .22);
	border-radius: 2px;
	background: #fff;
	color: var(--text);
	font: inherit;
	transition: border-color .2s, box-shadow .2s;
}

:where(textarea) { min-height: 120px; }

:where(input, select, textarea, .input-text):not(.wc-block-components-quantity-selector__input):focus {
	border-color: var(--gold);
	outline: none;
	box-shadow: 0 0 0 3px rgba(184, 137, 47, .18);
}

/* 5. Karşılama ------------------------------------------------------------- */
.hero {
	position: relative;
	overflow: hidden;
	padding: clamp(56px, 8vw, 112px) 0;
	background:
		radial-gradient(110% 90% at 88% 8%, #3d301c 0%, rgba(21, 18, 14, 0) 58%),
		linear-gradient(180deg, #1a1611 0%, var(--ink) 100%);
	color: #efe6d2;
}

.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: repeating-linear-gradient(115deg, rgba(214, 199, 168, .035) 0 1px, transparent 1px 22px);
	pointer-events: none;
}

.hero__glow {
	position: absolute;
	top: -180px;
	right: -140px;
	width: 680px;
	height: 680px;
	background: radial-gradient(circle, rgba(214, 199, 168, .26), transparent 64%);
	pointer-events: none;
}

.hero__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);
	align-items: center;
	gap: clamp(32px, 6vw, 88px);
}

.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	color: var(--gold-deep);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .26em;
	text-transform: uppercase;
}
.eyebrow::before { content: ""; width: 28px; height: 1px; background: currentColor; }
.eyebrow--light { color: var(--gold-light); }

.hero__title {
	margin-bottom: 24px;
	color: #fbf3df;
	font-size: clamp(2.7rem, 6.2vw, 5rem);
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.01em;
}

.hero__title em {
	font-style: italic;
	background: var(--gold-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	padding-right: .06em;
}

.hero__text { max-width: 520px; margin: 0 0 34px; color: #cdc1a9; font-size: 1.06rem; }

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

.hero__facts {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(20px, 4vw, 52px);
	margin: 52px 0 0;
	padding: 28px 0 0;
	border-top: 1px solid var(--line-light);
	list-style: none;
}
.hero__facts li { display: flex; flex-direction: column; gap: 6px; }
.hero__facts strong {
	color: var(--gold-light);
	font-family: var(--font-display);
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 1;
}
.hero__facts span { color: #a99d85; font-size: .78rem; letter-spacing: .04em; }

.hero__visual { display: flex; justify-content: center; }

.hero__arch {
	position: relative;
	width: min(100%, 430px);
	aspect-ratio: 4 / 5;
	overflow: hidden;
	border: 1px solid rgba(214, 199, 168, .38);
	border-radius: 999px 999px 10px 10px;
	background:
		radial-gradient(80% 60% at 50% 35%, rgba(214, 199, 168, .16), transparent 70%),
		linear-gradient(165deg, #2c2419, #120f0b);
	box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .8);
}

.hero__arch::after {
	content: "";
	position: absolute;
	inset: 14px;
	border: 1px solid rgba(214, 199, 168, .22);
	border-radius: inherit;
	pointer-events: none;
}

/* Ana sayfa bannerı (görsel + yazı + buton tek görsel; tamamı bağlantı). */
.ana-banner { position: relative; max-width: 2000px; margin: 0 auto; background: var(--cream); }
.ana-banner__link { display: block; }
.ana-banner__link:focus-visible { outline: 3px solid var(--gold); outline-offset: -3px; }
.ana-banner picture,
.ana-banner__gorsel { display: block; width: 100%; height: auto; }

/* Birden çok banner: yatay kaydırma (telefonda parmakla), her seferinde tek banner (assets/js/banner.js). */
.ana-banner__serit { position: relative; display: flex; }
.ana-banner--kayan .ana-banner__serit {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}
.ana-banner--kayan .ana-banner__serit::-webkit-scrollbar { display: none; }
.ana-banner__slayt { flex: 0 0 100%; min-width: 0; scroll-snap-align: start; scroll-snap-stop: always; }
/* Noktalar görselin altında durur: görselin üzerindeki yazıları (alt satırdaki notlar gibi) kapatmaz. */
.ana-banner__noktalar {
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 12px 0 14px;
}
.ana-banner__nokta {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(60, 45, 25, .35);
	cursor: pointer;
	transition: width .3s ease, background-color .3s ease;
}
.ana-banner__nokta[aria-current="true"] { width: 22px; background: var(--gold); }
.ana-banner__nokta:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
/* Dokunmatik ekranda nokta küçük kalır ama dokunma alanı büyür. */
@media (pointer: coarse) {
	.ana-banner__nokta { position: relative; }
	.ana-banner__nokta::after { content: ""; position: absolute; inset: -12px -6px; }
}
.ana-banner__ok {
	position: absolute;
	top: calc(50% - 17px); /* Görselin ortası (alttaki 34 px'lik nokta şeridi hariç). */
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .7);
	border-radius: 50%;
	background: rgba(255, 255, 255, .72);
	color: var(--ink, #1a1a1a);
	cursor: pointer;
	opacity: 0;
	transform: translateY(-50%);
	transition: opacity .25s ease, background-color .25s ease;
}
.ana-banner__ok--onceki { left: clamp(10px, 2vw, 28px); }
.ana-banner__ok--onceki svg { transform: scaleX(-1); }
.ana-banner__ok--sonraki { right: clamp(10px, 2vw, 28px); }
.ana-banner__ok:hover { background: #fff; }
.ana-banner:hover .ana-banner__ok,
.ana-banner__ok:focus-visible { opacity: 1; }
.ana-banner__ok:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (hover: none), (max-width: 640px) {
	.ana-banner__ok { display: none; }
}

.hero__arch img,
.hero__arch video { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero__video-yedek { display: none !important; }
@media (prefers-reduced-motion: reduce) {
	.hero__video { display: none; }
	.hero__video-yedek { display: block !important; }
}

.hero__rings {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 14% 8% 10%;
	filter: drop-shadow(0 24px 30px rgba(0, 0, 0, .55));
	animation: kuyumcu-float 7s ease-in-out infinite;
}

@keyframes kuyumcu-float { 50% { transform: translateY(-10px); } }

/* 6. Bölümler -------------------------------------------------------------- */
/* Yalnızca dikey boşluk: aynı öğede .container varsa yan boşluklarını ezmemeli. */
.section { padding-block: clamp(56px, 7vw, 100px); }

.section--dark { background: var(--ink); color: #d8cdb5; }
.section--dark .section-title { color: #fbf3df; }

/* Ana sayfa: kişiye özel tasarım bandı. */
.ozel-bant { position: relative; overflow: hidden; text-align: center; }
.ozel-bant::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(55% 90% at 50% 0%, rgba(214, 199, 168, .16), transparent 70%),
		radial-gradient(40% 70% at 50% 100%, rgba(184, 137, 47, .1), transparent 70%);
	pointer-events: none;
}
.ozel-bant::after {
	content: "";
	position: absolute;
	inset: 14px;
	border: 1px solid rgba(214, 199, 168, .16);
	pointer-events: none;
}
.ozel-bant__ic { position: relative; display: flex; flex-direction: column; align-items: center; }
.ozel-bant .eyebrow::after { content: ""; width: 28px; height: 1px; background: currentColor; }
.ozel-bant__baslik { max-width: 760px; font-size: clamp(1.9rem, 3.6vw, 2.8rem); text-wrap: balance; }
.ozel-bant__metin { max-width: 620px; margin: 18px 0 30px; line-height: 1.75; text-wrap: pretty; }
/* Bantta Kişiye Özel Tasarım aşamaları: ince çizgiyle bağlı yuvarlak fotoğraf/videolar. */
.ozel-asamalar { --asama: clamp(88px, 12vw, 150px); position: relative; display: flex; justify-content: center; gap: clamp(16px, 5vw, 64px); margin: 8px 0 38px; padding: 0; list-style: none; }
.ozel-asamalar::before { content: ""; position: absolute; top: calc(var(--asama) / 2); right: 12%; left: 12%; height: 1px; background: linear-gradient(90deg, transparent, rgba(214, 199, 168, .4) 15%, rgba(214, 199, 168, .4) 85%, transparent); }
.ozel-asamalar__oge { position: relative; display: flex; flex-direction: column; align-items: center; width: var(--asama); }
.ozel-asamalar__medya img,
.ozel-asamalar__medya video { display: block; width: var(--asama); height: var(--asama); object-fit: cover; border: 1px solid rgba(214, 199, 168, .55); border-radius: 50%; background: #131214; box-shadow: 0 0 0 6px var(--ink), 0 0 0 7px rgba(214, 199, 168, .2); }
.ozel-asamalar__ad { margin-top: 16px; color: #fbf3df; font-family: var(--font-display); font-size: clamp(.92rem, 1.5vw, 1.15rem); font-weight: 600; line-height: 1.25; text-align: center; text-wrap: balance; }
/* Telefonda üçü yan yana çok küçük kalıyordu: büyük çemberler, ikisi üstte, üçüncüsü altta ortada (çizgisiz). */
@media (max-width: 600px) {
	.ozel-asamalar { --asama: 140px; flex-wrap: wrap; gap: 26px 26px; }
	.ozel-asamalar::before { display: none; }
	.ozel-asamalar__ad { font-size: 1.05rem; }
}

.section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: clamp(28px, 4vw, 48px);
}

.section-title {
	margin: 0;
	font-size: clamp(2.1rem, 4.2vw, 3.2rem);
	font-weight: 600;
	letter-spacing: -.005em;
}

.link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--gold);
	color: var(--ink);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	white-space: nowrap;
}
.link-arrow svg { transition: transform .2s; }
.link-arrow:hover { color: var(--gold-deep); }
.link-arrow:hover svg { transform: translateX(4px); }

.section--products { background: #fff; border-block: 1px solid var(--line); }

.notice-box {
	margin: 0;
	padding: 18px 22px;
	border: 1px dashed var(--gold);
	border-radius: var(--radius);
	background: var(--ivory);
	color: var(--muted);
}

/* 7. Kategoriler ----------------------------------------------------------- */
/* Esnek sarma: son satırda kalan kartlar ortalanır. */
.cat-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(22px, 3vw, 36px) clamp(18px, 3vw, 32px);
}

.cat-card {
	display: flex;
	flex: 0 1 180px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	color: var(--ink);
	text-align: center;
}
.cat-card:hover { color: var(--ink); }

.cat-card__media {
	position: relative;
	display: block;
	width: 100%;
	max-width: 200px;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 50%;
	background: radial-gradient(circle at 32% 26%, #fffaf0 0%, var(--cream) 55%, var(--sand) 100%);
	box-shadow: 0 0 0 6px var(--ivory), 0 0 0 7px var(--sand);
	transition: transform .35s, box-shadow .35s;
}

.cat-card:hover .cat-card__media {
	transform: translateY(-4px);
	box-shadow: 0 0 0 6px var(--ivory), 0 0 0 7px var(--gold), var(--shadow);
}

.cat-card__media img { width: 100%; height: 100%; object-fit: cover; }

.cat-card__placeholder {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	color: var(--gold);
}

.cat-card__body { display: flex; flex-direction: column; gap: 2px; }
.cat-card__name { font-family: var(--font-display); font-size: 1.4rem; font-weight: 600; line-height: 1.15; }
.cat-card__count { color: var(--muted); font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

/* 8. Özellikler ----------------------------------------------------------- */
.section--features { padding-block: clamp(44px, 5vw, 68px); background: var(--cream); }

.features {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.feature { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; align-items: start; }

.feature__icon {
	grid-row: span 2;
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border: 1px solid rgba(184, 137, 47, .45);
	border-radius: 50%;
	background: var(--ivory);
	color: var(--gold-deep);
}

.feature__title { margin: 4px 0 4px; font-size: 1.32rem; }
.feature__text { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.55; }
/* Tablet genişliğinde 4 sütun sıkışıyor (başlıklar iki satıra kırılıyordu): 1100 px altında 2 sütun. */
@media (max-width: 1100px) { .features { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; } }

/* 9. İletişim -------------------------------------------------------------- */
.contact-layout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: clamp(24px, 4vw, 48px);
}
.contact-layout--single { grid-template-columns: minmax(0, 1fr); max-width: 820px; }

.contact-card {
	padding: clamp(28px, 4vw, 52px);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: #fff;
}

.contact-card__lead { margin: 14px 0 30px; color: var(--muted); }

.contact-list { display: grid; gap: 18px; margin: 0 0 30px; padding: 0; list-style: none; }
.contact-list li { display: flex; align-items: flex-start; gap: 14px; }
.contact-list__icon {
	display: grid;
	flex: none;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--cream);
	color: var(--gold-deep);
}
.contact-list small {
	display: block;
	color: var(--muted);
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.contact-list a { color: var(--ink); font-weight: 600; }

.contact-map { min-height: 380px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); }
.contact-map iframe { display: block; width: 100%; height: 100%; min-height: 380px; border: 0; }

/* 10. Alt bilgi ------------------------------------------------------------ */
.site-footer {
	padding-top: clamp(56px, 6vw, 84px);
	background: var(--ink);
	color: #b3a78f;
	font-size: .92rem;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.3fr;
	gap: 40px;
	padding-bottom: 52px;
}

.footer-about p { max-width: 330px; margin: 18px 0 22px; }

.footer-logo { display: inline-block; }
.footer-logo__img { display: block; width: auto; max-width: 220px; max-height: 64px; }
/* Ayrı beyaz logo yüklenmediyse siyah ana logo beyaza çevrilir. */
.footer-logo__img--invert { filter: brightness(0) invert(1); }

.footer-title {
	margin: 6px 0 18px;
	color: var(--gold-light);
	font-family: var(--font-body);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.footer-links,
.footer-contact { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }

.footer-links a,
.footer-contact a { color: #ddd2ba; }
.footer-links a:hover,
.footer-contact a:hover { color: var(--gold-light); }

.footer-contact li { display: flex; align-items: flex-start; gap: 10px; }
.footer-contact .icon { margin-top: 3px; color: var(--gold); }

.social { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
.social a {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--line-light);
	border-radius: 50%;
	color: #e8dcc0;
	transition: border-color .2s, color .2s;
}
.social a:hover { border-color: var(--gold-light); color: var(--gold-light); }

.footer-bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 24px;
	padding-top: 24px;
	padding-bottom: 24px;
	/* Kenar boşluğu içinde kalan ayırıcı çizgi. */
	background: linear-gradient(var(--line-light), var(--line-light)) center top / calc(100% - 2 * var(--gutter)) 1px no-repeat;
	color: #8a7f69;
	font-size: .8rem;
}
.footer-bottom p { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
body:has(.whatsapp-float) .footer-bottom { padding-right: calc(var(--gutter) + 72px); }

/* WhatsApp destek butonu: marka yeşili, gerçek logo; masaüstünde üzerine gelince "Bize yazın" açılır. */
.whatsapp-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 60;
	display: flex;
	align-items: center;
	height: 60px;
	border-radius: 999px;
	background: #25d366;
	color: #fff;
	box-shadow: 0 12px 28px -10px rgba(18, 140, 126, .75), 0 2px 6px rgba(0, 0, 0, .12);
	transition: transform .25s, box-shadow .25s, background-color .25s;
}

.whatsapp-float::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	animation: kuyumcu-wa-dalga 2.8s ease-out infinite;
	pointer-events: none;
}

.whatsapp-float:hover,
.whatsapp-float:focus-visible {
	background: #1ebe5b;
	color: #fff;
	box-shadow: 0 16px 32px -10px rgba(18, 140, 126, .85), 0 2px 6px rgba(0, 0, 0, .12);
	transform: translateY(-2px);
}

.whatsapp-float__ikon { display: grid; flex: none; place-items: center; width: 60px; height: 60px; }
.whatsapp-float__ikon .icon { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15)); }

.whatsapp-float__etiket {
	max-width: 0;
	overflow: hidden;
	opacity: 0;
	font-size: .86rem;
	font-weight: 700;
	letter-spacing: .02em;
	white-space: nowrap;
	transition: max-width .35s ease, opacity .25s ease, padding .35s ease;
}

.whatsapp-float:hover .whatsapp-float__etiket,
.whatsapp-float:focus-visible .whatsapp-float__etiket { max-width: 140px; padding-left: 22px; opacity: 1; }

@keyframes kuyumcu-wa-dalga {
	0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, .45); }
	75%,
	100% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); }
}

/* 11. İçerik --------------------------------------------------------------- */
/* Sayfa başlığı: koleksiyon başlığıyla aynı dil — açık fildişi zemin, ortada hafif altın ışık,
   arkada ince altın halkalar, üstte küçük etiket, başlığın altında ince altın çizgi. */
.page-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(34px, 5vw, 64px) 0 clamp(30px, 4.5vw, 54px);
	border-bottom: 1px solid var(--line);
	background:
		radial-gradient(50% 120% at 50% 0%, rgba(214, 199, 168, .16), transparent 70%),
		var(--ivory);
	text-align: center;
}
.page-hero::before,
.page-hero::after {
	content: "";
	position: absolute;
	left: 50%;
	border: 1px solid rgba(184, 137, 47, .13);
	border-radius: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}
.page-hero::before { top: -300px; width: 560px; height: 560px; }
.page-hero::after { top: -380px; width: 800px; height: 800px; border-color: rgba(184, 137, 47, .07); }
.page-hero > .container { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.page-hero__etiket { margin-bottom: 10px; }
.page-hero__etiket::after { content: ""; width: 28px; height: 1px; background: currentColor; }
.page-hero .page-title { font-weight: 600; letter-spacing: -.005em; }
.page-hero .page-title::after {
	content: "";
	display: block;
	width: 56px;
	height: 1px;
	margin: 16px auto 0;
	background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.page-hero__alt { margin: 12px 0 0; color: var(--muted); font-size: .82rem; letter-spacing: .02em; }

.page-title { margin: 0; font-size: clamp(2.1rem, 4.4vw, 3.3rem); font-weight: 600; line-height: 1.1; text-wrap: balance; }

/* Sepet → Ödeme → Onay */
.page-hero--adimli { padding-bottom: clamp(24px, 3.5vw, 40px); }
.page-hero--adimli .page-title { font-size: clamp(1.9rem, 3.8vw, 2.8rem); }
.siparis-adimlari { display: flex; align-items: center; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; }
.siparis-adimlari li { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.siparis-adimlari li + li::before { content: ""; width: clamp(18px, 5vw, 44px); height: 1px; background: var(--sand); }
.siparis-adimlari li.is-tamam + li::before { background: var(--gold); }
.siparis-adimlari a,
.siparis-adimlari__ic { display: inline-flex; align-items: center; gap: 7px; color: inherit; }
.siparis-adimlari a:hover { color: var(--gold-deep); }
.siparis-adimlari__no { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--sand); border-radius: 50%; background: #fff; font-size: .72rem; letter-spacing: 0; }
.siparis-adimlari .is-aktif { color: var(--ink); }
.siparis-adimlari .is-aktif .siparis-adimlari__no { border-color: transparent; background: var(--gold-grad); color: var(--ink); }
.siparis-adimlari .is-tamam { color: var(--gold-deep); }
.siparis-adimlari .is-tamam .siparis-adimlari__no { border-color: var(--gold); background: var(--gold); color: #fff; }
/* Boş sepet: WooCommerce'in büyük siyah üzgün surat simgesi yerine ince altın alışveriş çantası. */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	width: 64px;
	height: 64px;
	margin-bottom: 22px;
	background-color: var(--gold);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l1 13h-15z'/%3E%3Cpath d='M9 7.5V6.5a3 3 0 0 1 6 0v1'/%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='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l1 13h-15z'/%3E%3Cpath d='M9 7.5V6.5a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E");
	-webkit-mask-size: 64px;
	mask-size: 64px;
}
/* Üstteki "Teşekkür ederiz / Siparişiniz alındı" başlığı varken WooCommerce'in aynı cümlesi tekrar etmesin. */
.woocommerce-order > .woocommerce-thankyou-order-received { display: none; }

/* ---------- Mini sepet paneli (sağdan açılır) ---------- */
.mini-sepet { position: fixed; inset: 0; z-index: 1000; }
.mini-sepet[hidden] { display: none; }
html.mini-sepet-acik,
html.mini-sepet-acik body { overflow: hidden; }
.mini-sepet__perde { position: absolute; inset: 0; background: rgba(21, 18, 14, .45); opacity: 0; transition: opacity .3s ease; }
.mini-sepet__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	width: min(420px, 92vw);
	background: var(--ivory);
	box-shadow: -24px 0 60px -30px rgba(21, 18, 14, .5);
	transform: translateX(100%);
	transition: transform .32s cubic-bezier(.2, .7, .2, 1);
	outline: none;
}
.mini-sepet.is-acik .mini-sepet__perde { opacity: 1; }
.mini-sepet.is-acik .mini-sepet__panel { transform: none; }
.mini-sepet__ust { display: flex; align-items: center; justify-content: space-between; padding: 16px 14px 16px 22px; border-bottom: 1px solid var(--line); }
.mini-sepet__baslik { margin: 0; font-size: 1.6rem; font-weight: 600; }
.mini-sepet__sayi { color: var(--muted); font-family: var(--font-body); font-size: .85rem; font-weight: 500; }
.mini-sepet__kapat { display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; }
.mini-sepet__kapat:hover { background: var(--cream); }
.mini-sepet__icerik { display: flex; flex: 1; flex-direction: column; min-height: 0; }
.mini-sepet__yukleniyor { margin: auto; color: var(--muted); font-size: .9rem; }
.mini-sepet__eklendi { margin: 0; padding: 11px 22px; background: #edf5ee; color: var(--up); font-size: .85rem; font-weight: 700; }
.mini-sepet__liste { flex: 1; margin: 0; padding: 4px 22px; overflow-y: auto; overscroll-behavior: contain; list-style: none; }
.mini-sepet__oge { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; padding: 18px 30px 18px 0; border-bottom: 1px solid var(--line); transition: opacity .2s; }
.mini-sepet__oge:last-child { border-bottom: 0; }
.mini-sepet__oge.is-siliniyor { opacity: .4; pointer-events: none; }
.mini-sepet__resim { display: block; width: 76px; height: 76px; overflow: hidden; border-radius: var(--radius); background: #fff; }
.mini-sepet__oge.is-yeni .mini-sepet__resim { box-shadow: 0 0 0 2px var(--gold); }
.mini-sepet__gorsel { display: block; width: 100%; height: 100%; object-fit: cover; }
.mini-sepet__ad { margin: 0 0 4px; font-family: var(--font-display); font-size: 1.15rem; font-weight: 600; line-height: 1.2; }
.mini-sepet__ad a { color: var(--ink); }
/* Seçimler satır satır: "Renk: Sarı altın". */
.mini-sepet__bilgi dl.variation { margin: 0; font-size: .78rem; line-height: 1.5; }
.mini-sepet__bilgi dl.variation dt { display: inline; margin-right: 3px; color: var(--muted); font-weight: 500; }
.mini-sepet__bilgi dl.variation dd { display: inline; margin: 0; color: var(--ink); }
.mini-sepet__bilgi dl.variation dd p { display: inline; margin: 0; }
.mini-sepet__bilgi dl.variation dd::after { content: "\A"; white-space: pre; }
.mini-sepet__satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.mini-sepet__tutar { margin: 0; color: var(--ink); font-weight: 700; white-space: nowrap; }
.mini-sepet__tek { color: var(--muted); font-size: .8rem; }
.mini-sepet__oge.is-guncelleniyor { opacity: .6; pointer-events: none; }
/* Adet: − 2 + */
.adet-secici { display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 999px; background: #fff; }
.adet-secici button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--ink); font-size: 1.15rem; line-height: 1; cursor: pointer; }
.adet-secici button:hover:not(:disabled) { background: var(--cream); }
.adet-secici button:disabled { color: var(--sand); cursor: default; }
.adet-secici__deger { min-width: 22px; color: var(--ink); font-size: .9rem; font-weight: 700; text-align: center; }
.mini-sepet__cikar { position: absolute; top: 14px; right: -8px; display: grid; place-items: center; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); cursor: pointer; }
.mini-sepet__cikar:hover { background: var(--cream); color: var(--ink); }
.mini-sepet__alt { padding: 16px 22px calc(18px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line); background: #fff; }
.mini-sepet__toplam { display: flex; align-items: baseline; justify-content: space-between; margin: 0 0 4px; font-size: .95rem; }
.mini-sepet__toplam strong { font-size: 1.2rem; }
.mini-sepet__not { margin: 0 0 14px; color: var(--muted); font-family: var(--font-display); font-size: 1rem; font-style: italic; line-height: 1.35; }
.mini-sepet__odeme { width: 100%; justify-content: center; }
.mini-sepet__baglantilar { display: flex; justify-content: space-between; margin-top: 12px; font-size: .82rem; }
.mini-sepet__baglantilar a,
.mini-sepet__baglantilar button { padding: 4px 0; border: 0; background: none; color: var(--ink); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.mini-sepet__bos { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; padding: 30px 28px; text-align: center; }
.mini-sepet__bos-simge {
	width: 56px;
	height: 56px;
	margin-bottom: 18px;
	background: var(--gold);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l1 13h-15z'/%3E%3Cpath d='M9 7.5V6.5a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 7.5h13l1 13h-15z'/%3E%3Cpath d='M9 7.5V6.5a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mini-sepet__bos-baslik { margin: 0 0 6px; font-family: var(--font-display); font-size: 1.6rem; font-weight: 600; }
.mini-sepet__bos-metin { max-width: 290px; margin: 0 0 22px; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.sepete-ekle-hata { flex: 1 1 100%; margin: 10px 0 0; color: #b42318; font-size: .85rem; font-weight: 600; }
.sepete-ekle-hata p { margin: 0; }
.single_add_to_cart_button.is-ekleniyor { cursor: progress; opacity: .75; }
@media (prefers-reduced-motion: reduce) {
	.mini-sepet__panel,
	.mini-sepet__perde { transition: none; }
}

/* Mağaza / kategori başlığı: ortalı, kategori görseli çemberde, altta kategori sekmeleri. */
.magaza-baslik {
	position: relative;
	overflow: hidden;
	padding-top: clamp(28px, 4.5vw, 56px);
	border-bottom: 1px solid var(--line);
	background:
		radial-gradient(55% 120% at 50% 0%, rgba(214, 199, 168, .28), transparent 65%),
		var(--cream);
	text-align: center;
}
/* Arkada ince altın halkalar. */
.magaza-baslik::before,
.magaza-baslik::after {
	content: "";
	position: absolute;
	left: 50%;
	border: 1px solid rgba(184, 137, 47, .16);
	border-radius: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}
.magaza-baslik::before { top: -260px; width: 620px; height: 620px; }
.magaza-baslik::after { top: -340px; width: 860px; height: 860px; border-color: rgba(184, 137, 47, .09); }
.magaza-baslik__ic { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; }
.magaza-baslik .woocommerce-breadcrumb { margin-bottom: clamp(18px, 2.5vw, 26px); }
.magaza-baslik__gorsel {
	display: block;
	width: clamp(92px, 9vw, 120px);
	aspect-ratio: 1;
	margin-bottom: 18px;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(184, 137, 47, .4), 0 0 0 7px var(--ivory), 0 0 0 8px rgba(184, 137, 47, .28), 0 18px 34px -18px rgba(54, 36, 8, .45);
}
.magaza-baslik__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.magaza-baslik__etiket { margin-bottom: 6px; }
.magaza-baslik__etiket::after { content: ""; width: 28px; height: 1px; background: currentColor; }
/* Alt kategoride etiket, üst kategoriye geri dönen bağlantıdır ("‹ Kolye koleksiyonu"). */
.magaza-baslik__etiket--geri { gap: 6px; padding: 4px 2px; transition: color .2s; }
.magaza-baslik__etiket--geri::before,
.magaza-baslik__etiket--geri::after { content: none; }
.magaza-baslik__etiket--geri .icon { transition: transform .2s; }
.magaza-baslik__etiket--geri:hover { color: var(--ink); }
.magaza-baslik__etiket--geri:hover .icon { transform: translateX(-3px); }
/* Yol satırı artık gösterilmediği için başlık alanının üstünde biraz daha nefes payı. */
.magaza-baslik { padding-top: clamp(36px, 5vw, 64px); }
.magaza-baslik__baslik { font-size: clamp(2.6rem, 6vw, 4.4rem); line-height: 1.05; }
.magaza-baslik__aciklama { max-width: 560px; margin-top: 10px; color: var(--muted); font-size: 1rem; line-height: 1.7; text-wrap: pretty; }
.magaza-baslik__aciklama p { margin: 0; }
.magaza-baslik__adet {
	margin: 14px 0 0;
	color: var(--gold-deep);
	font-size: .7rem;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
}
.magaza-sekmeler {
	display: flex;
	justify-content: center;
	gap: clamp(20px, 3.4vw, 40px);
	max-width: 100%;
	margin-top: clamp(22px, 3vw, 34px);
	overflow-x: auto;
	scrollbar-width: none;
}
.magaza-sekmeler::-webkit-scrollbar { display: none; }
.magaza-sekmeler a {
	position: relative;
	flex: none;
	padding: 12px 2px 16px;
	color: var(--muted);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	transition: color .2s;
}
.magaza-sekmeler a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--gold);
	transform: scaleX(0);
	transition: transform .3s ease;
}
.magaza-sekmeler a:hover,
.magaza-sekmeler a[aria-current="page"] { color: var(--ink); }
.magaza-sekmeler a:hover::after,
.magaza-sekmeler a[aria-current="page"]::after { transform: scaleX(1); }
@media (max-width: 640px) {
	.magaza-sekmeler { justify-content: flex-start; padding-inline: 4px; }
}

/* Alt kategoriler: başlık alanında fotoğraflı çemberler. */
.alt-kategoriler {
	display: flex;
	justify-content: center;
	gap: clamp(14px, 2.4vw, 26px);
	max-width: 100%;
	margin-top: clamp(20px, 2.6vw, 28px);
	padding: 4px 6px 2px;
	overflow-x: auto;
	scrollbar-width: none;
}
.alt-kategoriler::-webkit-scrollbar { display: none; }
.alt-kategoriler__oge { display: flex; flex: none; flex-direction: column; align-items: center; gap: 8px; width: 82px; color: var(--muted); }
.alt-kategoriler__gorsel {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	color: var(--gold-deep);
	box-shadow: 0 0 0 1px var(--line);
	transition: box-shadow .25s, transform .25s;
}
.alt-kategoriler__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.alt-kategoriler__ad { font-size: .74rem; font-weight: 600; line-height: 1.25; }
.alt-kategoriler__oge:hover .alt-kategoriler__gorsel { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(184, 137, 47, .5), 0 10px 20px -12px rgba(54, 36, 8, .45); }
.alt-kategoriler__oge[aria-current="page"] { color: var(--ink); }
.alt-kategoriler__oge[aria-current="page"] .alt-kategoriler__gorsel { box-shadow: 0 0 0 2px var(--gold), 0 0 0 5px var(--ivory), 0 0 0 6px rgba(184, 137, 47, .3); }
@media (max-width: 640px) {
	.alt-kategoriler { justify-content: flex-start; }
}

/* Vitrin kartları: ürünlerin arasında davet ve müşteri yorumu. */
.vitrin-karti { display: flex; min-height: 100%; list-style: none; }
.vitrin-karti__link {
	position: relative;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	gap: 12px;
	padding: clamp(22px, 2.6vw, 34px);
	overflow: hidden;
	border-radius: var(--radius);
	transition: transform .3s, box-shadow .3s;
}
.vitrin-karti__link:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.vitrin-karti--davet .vitrin-karti__link {
	background:
		radial-gradient(90% 70% at 100% 0%, rgba(214, 199, 168, .2), transparent 70%),
		var(--ink);
	color: #e9dfc8;
}
/* İnce altın halkalar (mücevher motifi). */
.vitrin-karti--davet .vitrin-karti__link::before,
.vitrin-karti--davet .vitrin-karti__link::after {
	content: "";
	position: absolute;
	right: -70px;
	bottom: -70px;
	width: 220px;
	height: 220px;
	border: 1px solid rgba(214, 199, 168, .28);
	border-radius: 50%;
	pointer-events: none;
}
.vitrin-karti--davet .vitrin-karti__link::after { right: -30px; bottom: -110px; border-color: rgba(214, 199, 168, .16); }
.vitrin-karti__etiket { color: var(--gold-light); font-size: .68rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.vitrin-karti__baslik { color: #fbf3df; font-family: var(--font-display); font-size: clamp(1.5rem, 2.2vw, 1.9rem); font-weight: 600; line-height: 1.15; }
.vitrin-karti__metin { font-size: .88rem; line-height: 1.6; }
.vitrin-karti__eylem { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; color: var(--gold-light); font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.vitrin-karti__eylem .icon { transition: transform .25s; }
.vitrin-karti__link:hover .vitrin-karti__eylem .icon { transform: translateX(4px); }
.vitrin-karti--yorum .vitrin-karti__link { border: 1px solid var(--line); background: var(--ivory); color: var(--text); text-align: center; align-items: center; }
.vitrin-karti__yildiz { color: var(--gold); font-size: 1rem; letter-spacing: .18em; }
.vitrin-karti__alinti { color: var(--ink); font-family: var(--font-display); font-size: clamp(1.25rem, 1.8vw, 1.5rem); font-style: italic; line-height: 1.35; }
.vitrin-karti__kisi { color: var(--muted); font-size: .74rem; font-weight: 600; letter-spacing: .06em; }
/* Telefonda iki sütunlu ızgarada kart tam genişlikte durur. */
@media (max-width: 640px) {
	.vitrin-karti { grid-column: 1 / -1; }
	.vitrin-karti__link { padding: 26px 22px; }
}

/* Ürünü olmayan kategori: "Çok yakında". */
.cok-yakinda {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 640px;
	margin: clamp(8px, 2vw, 24px) auto clamp(24px, 4vw, 48px);
	padding: clamp(28px, 5vw, 56px) clamp(20px, 4vw, 48px);
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: radial-gradient(70% 90% at 50% 0%, rgba(214, 199, 168, .16), transparent 70%), #fff;
	text-align: center;
}
.cok-yakinda__isaret {
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	margin-bottom: 18px;
	border-radius: 50%;
	color: var(--gold-deep);
	box-shadow: 0 0 0 1px rgba(184, 137, 47, .4), 0 0 0 7px #fff, 0 0 0 8px rgba(184, 137, 47, .2);
}
.cok-yakinda__etiket { margin-bottom: 6px; }
.cok-yakinda__etiket::after { content: ""; width: 28px; height: 1px; background: currentColor; }
.cok-yakinda__baslik { margin: 0; font-size: clamp(1.7rem, 3.4vw, 2.4rem); font-weight: 600; }
.cok-yakinda__metin { max-width: 460px; margin: 12px 0 0; color: var(--muted); line-height: 1.7; }
.cok-yakinda__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 24px 0 0; }

/* Kişiye Özel Tasarım talep formu (inc/ozel-tasarim-formu.php) */
.talep-formu { margin: clamp(28px, 4vw, 44px) 0; padding: clamp(20px, 4vw, 34px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; scroll-margin-top: 110px; }
.entry-content .talep-formu__baslik,
.talep-formu__baslik { margin: 0 0 6px; font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 500; }
.talep-formu__giris { margin: 0 0 20px; color: var(--muted); font-size: .95rem; line-height: 1.6; }
.talep-formu__izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.talep-formu__alan { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.talep-formu__alan--genis { grid-column: 1 / -1; }
.talep-formu__alan > label { color: var(--ink); font-size: .84rem; font-weight: 700; }
.talep-formu__alan > label span[aria-hidden] { color: var(--down); }
.talep-formu__istege { color: var(--muted); font-weight: 500; }
.talep-formu input[type="text"],
.talep-formu input[type="tel"],
.talep-formu input[type="email"],
.talep-formu input[type="date"],
.talep-formu select,
.talep-formu textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid rgba(21, 18, 14, .22); border-radius: 6px; background: #fff; color: var(--ink); font: inherit; font-size: 16px; }
.talep-formu textarea { min-height: 120px; line-height: 1.5; resize: vertical; }
.talep-formu input:focus,
.talep-formu select:focus,
.talep-formu textarea:focus { border-color: var(--gold); outline: 2px solid rgba(184, 137, 47, .22); outline-offset: 1px; }
.talep-formu .is-eksik input,
.talep-formu .is-eksik select,
.talep-formu .is-eksik textarea { border-color: var(--down); }
.talep-formu__onay.is-eksik { color: var(--down); }
.talep-formu__dosya { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.talep-formu__yukle { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 64px; padding: 12px 18px; border: 1.5px dashed rgba(21, 18, 14, .25); border-radius: 10px; background: var(--ivory); color: var(--text); font-size: .92rem; font-weight: 600; cursor: pointer; transition: border-color .2s, background-color .2s; }
.talep-formu__yukle:hover { border-color: var(--gold); background: #fff; }
.talep-formu__yukle svg { color: var(--gold-deep); }
.talep-formu__onizleme { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.talep-formu__onizleme:empty { display: none; }
.talep-formu__onizleme li { position: relative; width: 76px; height: 76px; overflow: hidden; border-radius: 8px; background: var(--cream); }
.talep-formu__onizleme img { display: block; width: 100%; height: 100%; object-fit: cover; }
.talep-formu__onizleme button { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 50%; background: rgba(21, 18, 14, .75); color: #fff; font-size: 14px; line-height: 1; cursor: pointer; }
.talep-formu__onay { display: flex; align-items: flex-start; gap: 9px; margin: 18px 0 0; color: var(--muted); font-size: .84rem; line-height: 1.5; cursor: pointer; }
.talep-formu__onay input { flex: none; width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--ink); }
.talep-formu__onay a { color: var(--gold-deep); text-decoration: underline; text-underline-offset: 2px; }
.talep-formu__gonder { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 20px 0 0; }
.talep-formu__wa { display: inline-flex; align-items: center; gap: 6px; color: var(--wa); font-size: .9rem; font-weight: 600; }
.talep-formu__tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.talep-formu__hata { margin: 0 0 16px; padding: 10px 14px; border-radius: 8px; background: rgba(192, 57, 43, .08); color: var(--down); font-size: .9rem; }
.talep-formu__tamam { padding: 16px 18px; border-radius: 10px; background: rgba(31, 138, 76, .08); color: var(--up); }
.talep-formu__tamam p { margin: 0 0 6px; }
.talep-formu__tamam p:last-child { margin: 0; color: var(--text); }
@media (max-width: 640px) {
	.talep-formu__izgara { grid-template-columns: minmax(0, 1fr); }
	.talep-formu__gonder .btn { width: 100%; }
	.talep-formu__wa { width: 100%; justify-content: center; }
}

/* Arama düzeltme notu (inc/arama-duzelt.php) */
.arama-duzeltme { margin: 0 0 18px; padding: 10px 14px; border-left: 2px solid var(--gold); border-radius: 0 6px 6px 0; background: var(--ivory); color: var(--muted); font-size: .9rem; }
.arama-duzeltme strong { color: var(--ink); }

/* "Gelince haber verelim" (inc/haber-ver.php) */
.haber-ver { width: 100%; max-width: 460px; margin: 28px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); text-align: left; scroll-margin-top: 120px; }
.haber-ver__baslik { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 14px; color: var(--ink); font-family: var(--font-display); font-size: 1.3rem; font-weight: 600; }
.haber-ver__baslik svg { color: var(--gold); }
.haber-ver__satir { display: flex; gap: 8px; }
.haber-ver__satir input { flex: 1; min-width: 0; height: 48px; padding: 0 14px; border: 1px solid rgba(21, 18, 14, .2); border-radius: 8px; background: #fff; color: var(--ink); font: inherit; font-size: 1rem; }
.haber-ver__satir input:focus { border-color: var(--gold); outline: 2px solid rgba(184, 137, 47, .25); outline-offset: 1px; }
.haber-ver__satir .btn { flex: none; height: 48px; padding: 0 20px; }
.haber-ver__onay { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; color: var(--muted); font-size: .8rem; line-height: 1.5; cursor: pointer; }
.haber-ver__onay input { flex: none; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--gold-deep); }
.haber-ver__onay a { color: var(--gold-deep); text-decoration: underline; text-underline-offset: 2px; }
.haber-ver__durum { margin: 0 0 12px; padding: 10px 14px; border-radius: 8px; font-size: .88rem; line-height: 1.5; text-align: center; }
.haber-ver__durum--basari { background: rgba(31, 138, 76, .1); color: var(--up); }
.haber-ver__durum--hata { background: rgba(179, 45, 46, .08); color: #b32d2e; }
.haber-ver__tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Kategori altında tanıtım ve sık sorulan sorular. */
.kategori-bilgi { padding-block: clamp(40px, 6vw, 80px); border-top: 1px solid var(--line); background: var(--ivory); }
.kategori-bilgi__ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.kategori-bilgi__baslik { margin: 0 0 14px; font-size: clamp(1.9rem, 3.4vw, 2.6rem); font-weight: 600; }
.kategori-bilgi__tanitim p:not(.eyebrow) { margin: 0 0 12px; color: var(--muted); font-weight: 300; letter-spacing: .01em; line-height: 1.8; }
.kategori-bilgi__alt-baslik { margin: 0 0 8px; color: var(--gold-deep); font-family: var(--font-body); font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.sss { border-bottom: 1px solid var(--line); }
.sss__soru {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 2px;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 1.22rem;
	font-weight: 600;
	line-height: 1.3;
	list-style: none;
	cursor: pointer;
}
.sss__soru::-webkit-details-marker { display: none; }
.sss__soru::after { content: "+"; flex: none; color: var(--gold-deep); font-family: var(--font-body); font-size: 1.4rem; font-weight: 400; line-height: 1; transition: transform .25s; }
.sss[open] .sss__soru::after { transform: rotate(45deg); }
.sss__soru:hover { color: var(--gold-deep); }
.sss__cevap { padding: 0 2px 18px; color: var(--text); font-size: .95rem; line-height: 1.75; }
.sss__cevap p { margin: 0; }
@media (max-width: 860px) {
	.kategori-bilgi__ic { grid-template-columns: 1fr; }
}

/* ---------- Favoriler (kalp) ---------- */
.favori-buton { display: inline-grid; place-items: center; padding: 0; border: 0; background: transparent; color: var(--ink); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.favori-buton .icon { transition: fill .2s ease, color .2s ease; }
.favori-buton.is-favori { color: var(--gold-deep); }
.favori-buton.is-favori .icon { fill: currentColor; animation: favori-atis .35s ease; }
@keyframes favori-atis { 50% { transform: scale(1.28); } }
.favori-buton--kart {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .35);
	transition: transform .2s ease;
}
.favori-buton--kart:hover { transform: scale(1.08); }
li.product.is-cikiyor { opacity: 0; transform: scale(.96); transition: opacity .3s ease, transform .3s ease; }

/* Ürün sayfası: Favorilere ekle / Paylaş */
.urun-eylemler { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 16px; }
.urun-eylem {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 40px;
	padding: 8px 16px;
	border: 1px solid var(--line);
	border-radius: 999px;
	background: #fff;
	color: var(--ink);
	font-family: var(--font-body);
	font-size: .78rem;
	font-weight: 600;
	cursor: pointer;
	transition: border-color .2s, color .2s;
}
.urun-eylem:hover { border-color: rgba(184, 137, 47, .55); }
.urun-eylem.is-favori { border-color: var(--gold); }
.paylas { position: relative; }
.paylas__menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 30;
	display: flex;
	flex-direction: column;
	min-width: 220px;
	padding: 6px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: #fff;
	box-shadow: var(--shadow);
}
.paylas__menu[hidden] { display: none; }
.paylas__menu a,
.paylas__menu button {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border: 0;
	border-radius: 4px;
	background: none;
	color: var(--ink);
	font-family: var(--font-body);
	font-size: .86rem;
	text-align: left;
	cursor: pointer;
}
.paylas__menu a:hover,
.paylas__menu button:hover { background: var(--cream); }
.paylas__menu .icon-whatsapp { color: var(--wa); }

/* Favorilerim sayfası */
.favoriler__yukleniyor { color: var(--muted); text-align: center; }
.favoriler__bos { display: flex; flex-direction: column; align-items: center; max-width: 520px; margin: 10px auto 30px; padding: clamp(26px, 5vw, 48px) 24px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; text-align: center; }
.favoriler__bos[hidden] { display: none; }
.favoriler__ikon { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 14px; border-radius: 50%; color: var(--gold-deep); box-shadow: 0 0 0 1px rgba(184, 137, 47, .4), 0 0 0 7px #fff, 0 0 0 8px rgba(184, 137, 47, .2); }
.favoriler__baslik { margin: 0 0 8px; font-size: clamp(1.6rem, 3vw, 2rem); font-weight: 500; }
.favoriler__bos p { margin: 0 0 20px; color: var(--muted); }
.favoriler__not { margin: 0; color: var(--muted); font-size: .8rem; text-align: center; }

/* Kısa bilgi balonu */
.kuyumcu-bildirim {
	position: fixed;
	left: 50%;
	bottom: 32px;
	z-index: 90;
	padding: 11px 20px;
	border-radius: 999px;
	background: var(--ink);
	color: #fbf3df;
	font-size: .82rem;
	font-weight: 600;
	box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .5);
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 16px);
	transition: opacity .25s ease, transform .25s ease;
}
.kuyumcu-bildirim.is-gorunur { opacity: 1; transform: translate(-50%, 0); }

/* ---------- Telefonda alt gezinme çubuğu ve kategori paneli ---------- */
.alt-gezinme,
.alt-panel { display: none; }
@media (max-width: 767px) {
	.alt-gezinme {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 40;
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--line);
		background: rgba(251, 248, 242, .97);
		-webkit-backdrop-filter: saturate(1.4) blur(12px);
		backdrop-filter: saturate(1.4) blur(12px);
		box-shadow: 0 -12px 30px -24px rgba(0, 0, 0, .45);
	}
	.alt-gezinme__oge {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3px;
		padding: 6px 0 3px;
		border: 0;
		background: none;
		color: var(--muted);
		font-family: var(--font-body);
		font-size: 10.5px;
		font-weight: 600;
		line-height: 1.1;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.alt-gezinme__oge[aria-current="page"],
	.alt-gezinme__oge.is-aktif,
	.alt-gezinme__oge[aria-expanded="true"] { color: var(--ink); }
	.alt-gezinme__oge[aria-current="page"]::before,
	.alt-gezinme__oge.is-aktif::before {
		content: "";
		position: absolute;
		top: -7px;
		left: 32%;
		right: 32%;
		height: 2px;
		border-radius: 2px;
		background: var(--gold);
	}
	.alt-gezinme__oge--wa { color: var(--wa); }
	.alt-gezinme__sayi,
	.alt-gezinme .cart-count {
		position: absolute;
		top: 1px;
		right: auto;
		left: calc(50% + 5px);
		min-width: 17px;
		height: 17px;
		padding: 0 4px;
		border-radius: 999px;
		background: var(--gold-deep);
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		line-height: 17px;
		text-align: center;
	}
	.alt-gezinme__sayi[hidden],
	.alt-gezinme .cart-count.is-empty { display: none; }

	body.alt-gezinme-var { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
	body.alt-gezinme-var .whatsapp-float { display: none; }
	body.alt-gezinme-var .cerez-bildirimi:not([hidden]) { bottom: calc(74px + env(safe-area-inset-bottom)); }
	body.alt-gezinme-var .kuyumcu-bildirim { bottom: calc(78px + env(safe-area-inset-bottom)); }
	body.yapiskan-sepet-acik .kuyumcu-bildirim { bottom: calc(86px + env(safe-area-inset-bottom)); }

	.alt-panel {
		position: fixed;
		inset: 0;
		z-index: 70;
		display: flex;
		align-items: flex-end;
		background: rgba(21, 18, 14, .42);
		-webkit-tap-highlight-color: transparent;
	}
	.alt-panel[hidden] { display: none; }
	.alt-panel__kutu {
		width: 100%;
		max-height: 84vh;
		overflow-y: auto;
		padding: 10px 18px calc(22px + env(safe-area-inset-bottom));
		border-radius: 20px 20px 0 0;
		background: var(--ivory);
		box-shadow: 0 -20px 40px -20px rgba(0, 0, 0, .4);
		animation: panel-gir .3s cubic-bezier(.2, .8, .2, 1);
	}
	@keyframes panel-gir { from { transform: translateY(100%); } }
	.alt-panel__tutamak { display: block; width: 42px; height: 4px; margin: 2px auto 10px; border-radius: 4px; background: var(--sand); }
	.alt-panel__ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
	.alt-panel__baslik { margin: 0; font-size: 1.7rem; font-weight: 500; }
	.alt-panel__kapat { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 50%; background: #fff; color: var(--ink); cursor: pointer; }
	.kategori-paneli__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 10px; }
	.kategori-paneli__oge { display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--ink); text-align: center; }
	.kategori-paneli__gorsel {
		display: grid;
		place-items: center;
		width: 82px;
		height: 82px;
		overflow: hidden;
		border-radius: 50%;
		background: #fff;
		color: var(--gold-deep);
		box-shadow: 0 0 0 1px rgba(184, 137, 47, .35), 0 0 0 4px var(--ivory), 0 0 0 5px rgba(184, 137, 47, .2);
	}
	.kategori-paneli__gorsel img { width: 100%; height: 100%; object-fit: cover; }
	.kategori-paneli__ad { margin-top: 4px; font-family: var(--font-display); font-size: 1.12rem; font-weight: 600; line-height: 1.1; }
	.kategori-paneli__adet { color: var(--muted); font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
	.alt-panel__alt { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
	.alt-panel__alt .btn { min-height: 46px; padding-inline: .8em; }
	body.panel-acik { overflow: hidden; }
}
.btn--ghost-koyu { border-color: var(--ink); background: transparent; color: var(--ink); }
.btn--ghost-koyu:hover { background: var(--ink); color: var(--ivory); }

/* ---------- Canlı arama ---------- */
.canli-arama { position: relative; }
.canli-arama__sonuclar {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 30;
	max-height: min(70vh, 520px);
	overflow-y: auto;
	padding: 10px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: #fff;
	box-shadow: var(--shadow);
	text-align: left;
}
.canli-arama__sonuclar[hidden] { display: none; }
.canli-arama__baslik { margin: 6px 6px 8px; color: var(--muted); font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.canli-arama__haplar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 6px 12px; }
.canli-arama__hap { padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); font-size: .84rem; }
.canli-arama__hap:hover { border-color: var(--gold); color: var(--gold-deep); }
.canli-arama__liste { margin: 0; padding: 0; list-style: none; }
.canli-arama__urun { display: flex; align-items: center; gap: 12px; padding: 8px 6px; border-radius: 6px; color: var(--ink); }
.canli-arama__urun:hover,
.canli-arama__urun:focus-visible { background: var(--ivory); }
.canli-arama__urun img { flex: none; width: 56px; height: 56px; border-radius: 6px; background: var(--cream); object-fit: cover; }
.canli-arama__bilgi { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.canli-arama__ad { overflow: hidden; font-family: var(--font-display); font-size: 1.08rem; font-weight: 600; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.canli-arama__kod { color: var(--muted); font-size: .72rem; letter-spacing: .06em; }
.canli-arama__fiyat { flex: none; color: var(--gold-deep); font-size: .9rem; font-weight: 700; text-align: right; }
.canli-arama__fiyat del { display: block; color: var(--muted); font-size: .78em; font-weight: 500; }
.canli-arama__fiyat ins { text-decoration: none; }
.canli-arama__durum { margin: 10px 6px; color: var(--muted); font-size: .9rem; }
.canli-arama__tumu { display: block; margin-top: 6px; padding: 12px 6px 6px; border-top: 1px solid var(--line); color: var(--gold-deep); font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

/* ---------- Son baktıklarınız ve "Birlikte güzel durur" ---------- */
.son-bakilanlar,
.tamamlayici { margin: clamp(32px, 5vw, 56px) 0 0; }
.son-bakilanlar[hidden] { display: none; }
.son-bakilanlar--ana { margin: 0; border-top: 1px solid var(--line); }
.son-bakilanlar__ust,
.tamamlayici__ust { margin-bottom: clamp(18px, 2.5vw, 28px); }
.son-bakilanlar__ust .eyebrow,
.tamamlayici__ust .eyebrow { margin-bottom: 6px; }
.son-bakilanlar__baslik,
.tamamlayici__baslik { margin: 0; font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 500; }
/* Son baktıklarınız yatay kayan şerit olarak durur (ızgaradan ayrışır). */
.son-bakilanlar .woocommerce ul.products,
.son-bakilanlar ul.products {
	grid-template-columns: none;
	grid-auto-columns: minmax(200px, 240px);
	grid-auto-flow: column;
	margin-bottom: 0;
	padding-bottom: 8px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
}
.son-bakilanlar ul.products > li { scroll-snap-align: start; }
.son-bakilanlar .vitrin-karti { display: none; }
@media (max-width: 640px) {
	.son-bakilanlar .woocommerce ul.products,
	.son-bakilanlar ul.products { grid-auto-columns: 46%; }
}

/* ---------- Telefonda filtre çubuğu ve paneli ---------- */
.filtre-cubugu { display: none; }
@media (max-width: 767px) {
	.woocommerce .woocommerce-result-count,
	.woocommerce .woocommerce-ordering,
	.filtre-cubugu ~ .butce { display: none; }
	.filtre-cubugu {
		position: sticky;
		top: 64px;
		z-index: 30;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		margin: 0 calc(var(--gutter) * -1) 18px;
		padding: 10px var(--gutter);
		border-bottom: 1px solid var(--line);
		background: rgba(251, 248, 242, .96);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	.filtre-cubugu__dugme {
		display: inline-flex;
		flex: none;
		align-items: center;
		gap: 8px;
		min-height: 40px;
		padding: 8px 16px;
		white-space: nowrap;
		border: 1px solid var(--ink);
		border-radius: 999px;
		background: #fff;
		color: var(--ink);
		font-family: var(--font-body);
		font-size: .8rem;
		font-weight: 700;
		cursor: pointer;
	}
	.filtre-cubugu__sayi { display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--gold-deep); color: #fff; font-size: 10px; }
	.filtre-cubugu__ozet { overflow: hidden; color: var(--muted); font-size: .78rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
	.filtre-paneli__grup { margin-bottom: 22px; }
	.filtre-paneli__grup-baslik { margin: 0 0 10px; color: var(--gold-deep); font-family: var(--font-body); font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
	.filtre-paneli__haplar { display: flex; flex-wrap: wrap; gap: 8px; }
	.filtre-paneli__hap { padding: 9px 16px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font-size: .88rem; }
	.filtre-paneli__hap[aria-current="true"] { border-color: var(--ink); background: var(--ink); color: #fff; }
	.filtre-paneli__liste { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
	.filtre-paneli__liste li { border-bottom: 1px solid var(--line); }
	.filtre-paneli__liste a { display: flex; align-items: center; justify-content: space-between; padding: 14px 2px; color: var(--ink); font-size: .95rem; }
	.filtre-paneli__liste a[aria-current="true"] { font-weight: 700; }
	.filtre-paneli__liste a[aria-current="true"]::after { content: "✓"; color: var(--gold-deep); font-weight: 700; }
}

/* ---------- Telefonda ürün galerisi: noktalar ve sayaç ---------- */
.galeri-sayac,
.galeri-noktalar { display: none; }
@media (max-width: 767px) {
	.woocommerce-product-gallery.has-noktalar .flex-control-thumbs { display: none !important; }
	.woocommerce-product-gallery.has-noktalar .flex-viewport { position: relative; }
	.galeri-sayac {
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 2;
		display: block;
		padding: 4px 10px;
		border-radius: 999px;
		background: rgba(21, 18, 14, .58);
		color: #fff;
		font-size: .72rem;
		font-weight: 700;
		letter-spacing: .06em;
		pointer-events: none;
	}
	.galeri-noktalar { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
	.galeri-noktalar__nokta { position: relative; width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(60, 45, 25, .25); cursor: pointer; transition: width .25s ease, background-color .25s ease; }
	.galeri-noktalar__nokta::after { content: ""; position: absolute; inset: -12px -6px; }
	.galeri-noktalar__nokta.is-aktif { width: 22px; background: var(--gold); }
}

/* Kartlar sayfa kaydıkça yumuşakça belirir (main.js; başta ekranda olanlara dokunulmaz). */
/* Ürün kartının kendi geçişleri (WooCommerce seçicisi daha baskın) belirme süresince bastırılır;
   sınıflar ~1 sn sonra kalkar ve kartın üzerine gelme efekti olduğu gibi çalışır. */
.belirme { opacity: 0 !important; transform: translateY(24px) !important; transition: none !important; }
.belirme.is-belirdi {
	opacity: 1 !important;
	transform: none !important;
	transition: opacity .7s ease var(--belirme-gecikme, 0s), transform .8s cubic-bezier(.2, .7, .2, 1) var(--belirme-gecikme, 0s) !important;
}

.entry-content { font-size: 1.02rem; }
.entry-content h2 { margin-top: 1.6em; font-size: 2rem; }
.entry-content h3 { margin-top: 1.4em; font-size: 1.6rem; }
.entry-content blockquote {
	margin: 1.5em 0;
	padding: .5em 0 .5em 1.4em;
	border-left: 2px solid var(--gold);
	font-family: var(--font-display);
	font-size: 1.4rem;
	font-style: italic;
}
.entry-content img { border-radius: var(--radius); }
.entry-thumbnail { margin: 0 0 2em; }
.entry-thumbnail img { width: 100%; border-radius: var(--radius-lg); }

/* Yazı tarihi ve okuma süresi: başlığın altında sade satır (başlık üstü etiket istenmiyor). */
.entry-meta { margin: 14px 0 0; color: var(--muted); font-size: .84rem; letter-spacing: .02em; }
.post-card .entry-meta { margin: 0 0 8px; }

/* Rehber yazıları (inc/rehber.php). */
.btn--outline { border: 1px solid var(--ink); background: transparent; color: var(--ink); }
.btn--outline:hover { background: var(--ink); color: var(--ivory); }
.yazi-giris { margin: 0 0 1.6em; color: var(--muted); font-family: var(--font-display); font-size: clamp(1.25rem, 2.2vw, 1.45rem); font-style: italic; line-height: 1.5; }
.entry-content h2 { scroll-margin-top: 110px; }
.entry-content table { width: 100%; margin: 1.4em 0; border-collapse: collapse; font-size: .95rem; }
.entry-content th,
.entry-content td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.entry-content thead th { border-bottom: 1px solid var(--ink); color: var(--ink); font-weight: 600; }
.entry-content tbody th { color: var(--ink); font-weight: 500; }
.entry-content ul,
.entry-content ol { padding-left: 1.3em; }
.entry-content li { margin-bottom: .45em; }
.entry-content .sayfa-sss { margin-top: 1em; border-top: 1px solid var(--line); }

/* Dergi tarzı blog (kullanıcının seçtiği "B1 + B3", inc/rehber.php). */
.rehber-ozet { margin: 0 0 2.2em; padding: 22px 24px; border-left: 2px solid var(--ink); background: var(--cream); line-height: 1.75; }

/* Yazı açılışı (B3): solda koyu zeminde başlık, sağda krem zeminde "Bu yazıda". İç boşluklar site kabıyla hizalı. */
.yazi-kapak { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.yazi-kapak--tek { grid-template-columns: minmax(0, 1fr); }
.yazi-kapak__sol { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(64px, 9vw, 120px) clamp(28px, 5vw, 72px) clamp(40px, 5vw, 64px) max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter))); background: var(--ink); }
/* Öne çıkan görsel varsa koyu alanın arka planı olur; alttan koyulaşan karartma başlığı okunur tutar. */
.yazi-kapak--gorselli .yazi-kapak__sol { position: relative; isolation: isolate; overflow: hidden; min-height: clamp(380px, 42vw, 560px); }
.yazi-kapak__gorsel { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.yazi-kapak--gorselli .yazi-kapak__sol::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(21, 18, 14, .25) 0%, rgba(21, 18, 14, .55) 45%, rgba(21, 18, 14, .92) 100%); }
.yazi-kapak__baslik { margin: 0; color: #fbf3df; font-family: var(--font-display); font-size: clamp(2.3rem, 5vw, 3.9rem); font-weight: 600; line-height: 1.05; text-wrap: balance; }
.yazi-kapak__baslik > span { display: block; }
.yazi-kapak__baslik .yazi-kapak__alt { margin-top: 14px; color: #e6dcc6; font-size: clamp(1.2rem, 2.2vw, 1.55rem); font-style: italic; font-weight: 500; line-height: 1.3; }
.yazi-kapak .entry-meta { margin-top: 24px; color: rgba(251, 243, 223, .6); }
.yazi-kapak__sag { display: flex; flex-direction: column; justify-content: center; padding: clamp(36px, 5vw, 64px) max(var(--gutter), calc((100vw - var(--container)) / 2 + var(--gutter))) clamp(36px, 5vw, 64px) clamp(28px, 4vw, 56px); background: var(--cream); }
.yazi-kapak__liste-baslik { margin: 0 0 14px; color: var(--ink); font-size: .9rem; font-weight: 600; letter-spacing: .02em; }
.yazi-kapak__sag ol { margin: 0; padding: 0; list-style: none; }
.yazi-kapak__sag li { border-top: 1px solid rgba(21, 18, 14, .1); }
.yazi-kapak__sag li:last-child { border-bottom: 1px solid rgba(21, 18, 14, .1); }
.yazi-kapak__sag a { display: flex; align-items: baseline; gap: 14px; padding: 9px 0; color: var(--text); font-size: .92rem; transition: color .2s; }
.yazi-kapak__sag a span { flex: none; width: 1.6em; color: var(--muted); font-family: var(--font-display); font-weight: 600; }
.yazi-kapak__sag a:hover { color: var(--ink); }

/* Yazı gövdesi: rahat okuma; her bölüm başlığının arkasında soluk büyük numara (Kişiye Özel adımlarındaki gibi). */
.yazi-govde .entry-content { font-size: 1.06rem; line-height: 1.85; }
.yazi-govde .entry-content h2.yazi-bolum { position: relative; isolation: isolate; margin-top: 2.2em; padding-top: .5em; padding-right: 2.2em; }
.yazi-bolum::before { content: attr(data-no); position: absolute; top: -.18em; right: 0; z-index: -1; color: rgba(214, 199, 168, .5); font-family: var(--font-display); font-size: clamp(4.2rem, 9vw, 6.2rem); font-weight: 600; line-height: 1; pointer-events: none; }

/* Yazı satırları (B1): dergi içindekiler sayfası gibi; Blog sayfası, ana sayfa ve yazı sonu. */
.blog-liste { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.blog-liste li { margin: 0; border-bottom: 1px solid var(--line); }
.blog-satir { display: flex; align-items: center; gap: clamp(16px, 3vw, 36px); padding: clamp(22px, 3vw, 34px) 0; color: var(--text); }
.blog-satir__no { flex: none; min-width: 1.5em; color: rgba(214, 199, 168, .85); font-family: var(--font-display); font-size: clamp(2.6rem, 6vw, 4.2rem); font-weight: 600; line-height: .9; transition: color .25s; }
.blog-satir__gorsel { flex: none; }
.blog-satir__gorsel img { display: block; width: clamp(64px, 9vw, 96px); aspect-ratio: 1; object-fit: cover; border-radius: 4px; }
.blog-satir__metin { display: flex; flex: 1; flex-direction: column; gap: 6px; min-width: 0; }
.blog-satir__baslik { color: var(--ink); font-family: var(--font-display); font-size: clamp(1.45rem, 2.8vw, 2.1rem); font-weight: 600; line-height: 1.12; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: 6px; transition: text-decoration-color .25s; }
.blog-satir__alt { color: var(--muted); font-size: .9rem; }
.blog-satir__ok { flex: none; color: var(--ink); font-size: 1.4rem; transition: transform .25s; }
.blog-satir:hover .blog-satir__no { color: var(--ink); }
.blog-satir:hover .blog-satir__baslik { text-decoration-color: currentColor; }
.blog-satir:hover .blog-satir__ok { transform: translateX(6px); }

/* Blog sayfası kapağı (B1): koyu, sola hizalı. */
.blog-kapak { padding-block: clamp(64px, 9vw, 120px) clamp(40px, 5vw, 64px); background: var(--ink); }
.blog-kapak__ic { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.blog-kapak__baslik { margin: 0; color: #fbf3df; font-family: var(--font-display); font-size: clamp(3rem, 7vw, 5rem); font-weight: 600; line-height: 1; }
.blog-kapak__alt { max-width: 560px; margin: 16px 0 0; color: #e6dcc6; font-family: var(--font-display); font-size: clamp(1.15rem, 2vw, 1.4rem); font-style: italic; line-height: 1.45; }
.blog-kapak__sayi { flex: none; margin: 0; color: rgba(251, 243, 223, .6); font-size: .86rem; }
.blog-sayfa { padding-top: clamp(24px, 4vw, 48px); }

.rehber-davet { margin: clamp(44px, 6vw, 64px) 0 0; padding: clamp(26px, 4vw, 40px); border-radius: var(--radius-lg); background: var(--cream); text-align: center; }
.rehber-davet__baslik { margin: 0 0 10px; font-size: clamp(1.6rem, 3vw, 2rem); }
.rehber-davet p { margin: 0 auto; max-width: 520px; color: var(--muted); }
.rehber-davet .rehber-davet__dugmeler { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 18px; max-width: none; margin-top: 22px; }
.rehber-davet__wa { display: inline-flex; align-items: center; gap: 6px; color: var(--wa); font-size: .9rem; font-weight: 600; }
.rehber-diger { margin-top: clamp(48px, 6vw, 72px); }
.rehber-diger__baslik { margin: 0 0 8px; font-size: clamp(1.5rem, 2.6vw, 1.9rem); }
.section--blog { border-top: 1px solid var(--line); }
@media (max-width: 767px) {
	.yazi-kapak { grid-template-columns: minmax(0, 1fr); }
	.yazi-kapak__sol,
	.yazi-kapak__sag { padding-inline: var(--gutter); }
	.yazi-kapak__sol { padding-top: clamp(56px, 14vw, 80px); }
	.blog-kapak__ic { flex-direction: column; align-items: flex-start; gap: 14px; }
	.blog-satir__ok { display: none; }
}
@media (max-width: 600px) {
	.entry-content table { font-size: .86rem; }
	.entry-content th,
	.entry-content td { padding: 10px 8px; }
	.rehber-davet .btn { width: 100%; }
}

.post-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 28px; }
.post-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.post-card__media img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.post-card__body { padding: 24px; }
.post-card__title { font-size: 1.55rem; }
.post-card__title a { color: var(--ink); }

.empty-state { text-align: center; }
.empty-state .search-form,
.empty-state .woocommerce-product-search { margin: 24px auto; }

.nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 40px; }
.page-numbers {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	border: 1px solid var(--line);
	border-radius: 2px;
	color: var(--text);
}
.page-numbers.current { border-color: var(--ink); background: var(--ink); color: var(--ivory); }

.post-navigation .nav-links { justify-content: space-between; }
.post-navigation a { display: flex; flex-direction: column; color: var(--ink); font-family: var(--font-display); font-size: 1.2rem; }
.post-navigation a span { color: var(--muted); font-family: var(--font-body); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }

.comments-area { margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--line); }
.comment-list { padding-left: 0; list-style: none; }

/* 12. WooCommerce ---------------------------------------------------------- */
.shop-container { padding-top: clamp(28px, 4vw, 48px); padding-bottom: clamp(56px, 7vw, 100px); }

.woocommerce .woocommerce-breadcrumb {
	margin: 0 0 14px;
	color: var(--muted);
	font-size: .76rem;
	letter-spacing: .06em;
}
.woocommerce .woocommerce-breadcrumb a { color: var(--muted); }
.woocommerce .woocommerce-breadcrumb a:hover { color: var(--gold-deep); }
.woocommerce-breadcrumb .sep { margin: 0 8px; opacity: .5; }

.term-description,
.page-description { max-width: 720px; margin-bottom: 28px; color: var(--muted); }

.woocommerce .woocommerce-result-count { margin: 0 0 28px; color: var(--muted); font-size: .85rem; line-height: 46px; }
.woocommerce .woocommerce-ordering { margin: 0 0 28px; }

/* Ürün ızgarası */
.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
	gap: clamp(14px, 2.4vw, 28px);
	clear: both;
	margin: 0 0 2.5em;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after { content: none; display: none; }

.woocommerce ul.products.columns-1 { --cols: 1; }
.woocommerce ul.products.columns-2 { --cols: 2; }
.woocommerce ul.products.columns-3 { --cols: 3; }
.woocommerce ul.products.columns-4 { --cols: 4; }
.woocommerce ul.products.columns-5 { --cols: 5; }
.woocommerce ul.products.columns-6 { --cols: 6; }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
	position: relative;
	display: flex;
	flex-direction: column;
	float: none;
	clear: none;
	width: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: #fff;
	transition: transform .3s, box-shadow .3s, border-color .3s;
}

.woocommerce ul.products li.product:hover {
	border-color: rgba(184, 137, 47, .45);
	box-shadow: var(--shadow);
	transform: translateY(-4px);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex;
	flex: 1;
	flex-direction: column;
	color: inherit;
}

.woocommerce ul.products li.product a img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	margin: 0;
	object-fit: cover;
	background: var(--cream);
	box-shadow: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	margin: 0;
	padding: 18px 18px 0;
	color: var(--ink);
	font-family: var(--font-display);
	font-size: 1.32rem;
	font-weight: 600;
	line-height: 1.18;
}

.woocommerce ul.products li.product .altin-rozet {
	margin: 6px 0 0;
	padding: 0 18px;
	color: var(--gold-deep);
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	opacity: 1;
}

.woocommerce ul.products li.product .star-rating { margin: 8px 18px 0; font-size: .8em; }

.woocommerce ul.products li.product .price {
	display: block;
	margin: auto 0 0;
	padding: 12px 18px 18px;
	color: var(--ink);
	font-size: 1.08rem;
	font-weight: 700;
	font-variant-numeric: lining-nums tabular-nums;
}

.woocommerce ul.products li.product .price del { margin-right: 6px; color: var(--muted); font-size: .82em; font-weight: 500; opacity: .8; }
.woocommerce ul.products li.product .price ins { color: var(--gold-deep); font-weight: 700; text-decoration: none; }

.woocommerce ul.products li.product .button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 16px 18px 18px;
}

.woocommerce ul.products li.product .added_to_cart {
	margin: -8px 18px 16px;
	font-size: .78rem;
	font-weight: 700;
	text-align: center;
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	position: absolute;
	top: 14px;
	left: 14px;
	right: auto;
	z-index: 2;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 7px 12px;
	border-radius: 2px;
	background: var(--ink);
	color: var(--gold-light);
	font-size: .66rem;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1;
	text-transform: uppercase;
}

/* Genel WooCommerce düğmeleri */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-forward {
	padding: 1em 1.5em;
	border: 0;
	border-radius: 2px;
	background: var(--ink);
	color: var(--ivory);
	font-family: var(--font-body);
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1.2;
	text-transform: uppercase;
	transition: background-color .2s, filter .2s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover { background: var(--gold-deep); color: #fff; }

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled:hover {
	background: var(--ink);
	color: var(--ivory);
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background: #2e271e; color: #fff; }

.woocommerce button.button:disabled,
.woocommerce button.button.disabled { opacity: .55; }

/* Tekil ürün */
.woocommerce div.product { position: relative; }
.woocommerce div.product .urun-ust {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
	position: relative;
}
.woocommerce div.product::before,
.woocommerce div.product::after { content: none; display: none; }

.woocommerce div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce #content div.product div.images,
.woocommerce #content div.product div.summary {
	float: none;
	width: auto;
	margin: 0;
}

/* Bilgisayarda ürün fotoğrafı, sağdaki bilgiler kayarken yanında kalır (sol sütun boş kalmaz). */
@media (min-width: 901px) {
	.woocommerce div.product div.images.woocommerce-product-gallery { position: sticky; top: 104px; }
}

.woocommerce div.product div.images img { border-radius: var(--radius); background: var(--cream); }
.woocommerce div.product div.images .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-top: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li { width: auto; float: none; }
.woocommerce div.product div.images .flex-control-thumbs li img { opacity: .55; transition: opacity .2s; }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; }

.woocommerce div.product .product_title { margin: 0 0 .25em; font-size: clamp(2rem, 3.6vw, 2.9rem); font-weight: 600; }

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--ink);
	font-size: 1.75rem;
	font-weight: 700;
	font-variant-numeric: lining-nums tabular-nums;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del { color: var(--muted); font-size: .7em; font-weight: 500; }
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins { color: var(--gold-deep); text-decoration: none; }

.woocommerce-product-details__short-description { color: var(--muted); }

.altin-bilgi { margin: 4px 0 24px; }
.altin-bilgi__ozellikler { gap: 10px; }
.altin-bilgi__ozellikler li { min-width: 120px; padding: 10px 16px; border-color: var(--line); background: #fff; }
.altin-bilgi__ozellikler span { color: var(--muted); font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: 1; }
.altin-bilgi__ozellikler strong { color: var(--ink); font-family: var(--font-display); font-size: 1.3rem; font-weight: 600; }
.altin-bilgi__not { display: flex; align-items: center; gap: 8px; color: var(--muted); opacity: 1; }
.altin-bilgi__not::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: #3ccf7a; }
.altin-bilgi__not--uyari { color: var(--down); }
.altin-bilgi__gram-notu { max-width: 440px; margin: 0 0 10px; color: var(--muted); font-size: .8rem; font-style: italic; line-height: 1.5; opacity: 1; }
.altin-bilgi__not--uyari::before { background: var(--down); }

.woocommerce div.product form.cart { margin: 0 0 14px; }
.woocommerce div.product form.cart:not(.variations_form):not(.grouped_form),
.woocommerce div.product .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.woocommerce div.product form.cart div.quantity { float: none; margin: 0; }
.woocommerce .quantity .qty { width: 84px; height: 54px; text-align: center; }
.woocommerce div.product form.cart .button { flex: 1; float: none; min-height: 54px; }
.woocommerce div.product form.cart .variations { margin-bottom: 16px; }
.woocommerce div.product form.cart .variations select { min-width: 200px; }
.woocommerce div.product .woocommerce-variation-description .altin-rozet { margin: 0 0 6px; color: var(--gold-deep); font-weight: 700; opacity: 1; }

.trust-list {
	display: grid;
	gap: 10px;
	margin: 22px 0;
	padding: 20px 0 0;
	border-top: 1px solid var(--line);
	list-style: none;
	font-size: .9rem;
}
.trust-list li { display: flex; align-items: center; gap: 10px; }
.trust-list .icon { color: var(--gold); }

.woocommerce div.product .product_meta { padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }
.woocommerce div.product .product_meta > span { display: block; margin-bottom: 4px; }

.woocommerce div.product .woocommerce-tabs { margin-top: clamp(32px, 5vw, 64px); }
.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
	margin: 0 0 28px;
	padding: 0;
	border-bottom: 1px solid var(--line);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	padding: 14px 0;
	color: var(--muted);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--ink); box-shadow: inset 0 -2px 0 var(--gold); }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 860px; }
.woocommerce div.product .woocommerce-tabs .panel > h2:first-child { display: none; }

/* Değerlendirmeler: tek sekmeyken sekme çubuğu yerine bölüm başlığı; birden çok sekmede başlık tekrar etmez. */
.woocommerce div.product .woocommerce-tabs ul.tabs:has(> li:only-child) { display: none; }
.woocommerce div.product .woocommerce-tabs:has(ul.tabs > li + li) .woocommerce-Reviews-title { display: none; }
.woocommerce #reviews .woocommerce-Reviews-title { margin: 0 0 14px; font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 500; }
.woocommerce #reviews .woocommerce-noreviews { margin: 0 0 18px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--muted); font-style: italic; }
.woocommerce #reviews .woocommerce-noreviews::before { display: none; }
.woocommerce #review_form_wrapper { padding: clamp(18px, 3vw, 28px); border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.woocommerce #review_form #respond .comment-reply-title { display: block; margin-bottom: 6px; color: var(--ink); font-family: var(--font-display); font-size: 1.35rem; font-weight: 600; line-height: 1.3; }
.woocommerce #review_form #respond .comment-notes { margin: 0 0 18px; color: var(--muted); font-size: .82rem; }
.woocommerce #review_form #respond p { margin: 0 0 16px; }
.woocommerce #review_form #respond label { display: block; margin-bottom: 6px; color: var(--ink); font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.woocommerce #review_form #respond .required { color: var(--gold-deep); }
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"],
.woocommerce #review_form #respond textarea { width: 100%; }
.woocommerce #review_form #respond textarea { min-height: 120px; }
.woocommerce #review_form #respond p.stars a { color: var(--gold); }
.woocommerce #review_form #respond .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 8px; }
.woocommerce #review_form #respond .comment-form-cookies-consent input { margin-top: 3px; }
.woocommerce #review_form #respond .comment-form-cookies-consent label { margin: 0; color: var(--muted); font-size: .82rem; font-weight: 400; letter-spacing: 0; text-transform: none; }
.woocommerce #review_form #respond .form-submit { margin: 4px 0 0; }

.woocommerce .related > h2,
.woocommerce .upsells > h2,
.woocommerce .cross-sells > h2 { margin: clamp(40px, 6vw, 72px) 0 28px; font-size: clamp(1.9rem, 3.4vw, 2.6rem); font-weight: 500; }

/* Bildirimler */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
	border-top-color: var(--gold);
	border-radius: var(--radius);
	background: #fff;
	box-shadow: 0 1px 0 var(--line);
}
.woocommerce-message::before,
.woocommerce-info::before { color: var(--gold); }
.woocommerce-error { border-top-color: var(--down); }

/* Sayfalama */
.woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: 6px; border: 0; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: grid;
	place-items: center;
	min-width: 42px;
	height: 42px;
	padding: 0 10px;
	border: 1px solid var(--line);
	border-radius: 2px;
	color: var(--text);
}
.woocommerce nav.woocommerce-pagination ul li span.current { border-color: var(--ink); background: var(--ink); color: var(--ivory); }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--cream); color: var(--ink); }

/* Sepet, ödeme ve hesap (klasik) */
.woocommerce table.shop_table { border-color: var(--line); border-radius: var(--radius); background: #fff; }
.woocommerce table.shop_table th { font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; }
.woocommerce-cart table.cart img { width: 72px; border-radius: 4px; }
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register { border-color: var(--line); border-radius: var(--radius); background: #fff; }

/* Hesabım (giriş yapılmamışken): önce sipariş sorgulama, giriş formu altta ve daha sade. */
/* Ödeme › Ek sipariş bilgisi: hediye paketi, (işaretliyse) hediye notu, fiyatsız gönder. WooCommerce aralarına
   boşluk koymuyor; not kutusu alttaki onay kutusuna yapışıyordu. */
.wc-block-checkout__order-fields .wc-block-components-address-form > .wc-block-components-checkbox,
.wc-block-checkout__order-fields .wc-block-components-address-form > .wc-block-components-text-input { margin: 0 0 14px; }
.wc-block-checkout__order-fields .wc-block-components-address-form > .wc-block-components-text-input { margin-top: -2px; margin-left: 30px; }
/* Kutu boşken içindeki yazılar onay kutusu yazılarına yakın boyda; müşterinin yazdığı metin 16 px kalır
   (16 px altında iPhone odaklanınca sayfayı büyütür). Satıcı notu kutusu daha alçak. */
.wc-block-checkout__order-fields .wc-block-components-text-input label { font-size: .875rem; }
.wc-block-checkout__order-notes textarea.wc-block-components-textarea { min-height: 64px; padding: 10px 12px; font-size: 16px; line-height: 1.45; }
.wc-block-checkout__order-notes textarea.wc-block-components-textarea::placeholder { font-size: .875rem; }

/* Hesabım (giriş yapılmamış): Giriş yap · Üye ol · Sipariş takibi sekmeleri (inc/woocommerce.php). */
.hesap-sekmeler { display: flex; gap: 4px; max-width: 520px; margin: 0 auto 24px; padding: 4px; border: 1px solid var(--line); border-radius: 999px; background: #fff; }
.hesap-sekmeler[hidden] { display: none; }
.hesap-sekmeler__sekme { flex: 1; height: 40px; padding: 0 8px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font: 600 .82rem/1 var(--font-body); letter-spacing: .02em; white-space: nowrap; cursor: pointer; transition: background-color .2s, color .2s; }
.hesap-sekmeler__sekme:hover { color: var(--ink); }
.hesap-sekmeler__sekme[aria-selected="true"] { background: var(--ink); color: var(--ivory); }
.hesap-sekmeler__sekme:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.hesap-sekmeli [data-hesap-panel]:not(.is-aktif) { display: none; }
.hesap-sekmeli [data-hesap-panel],
.hesap-sekmeli #customer_login { max-width: 520px; margin-right: auto; margin-left: auto; }
.hesap-sekmeli #customer_login .u-column1,
.hesap-sekmeli #customer_login .u-column2 { float: none; width: 100%; }
.hesap-sekmeli [data-hesap-panel] > h2,
.hesap-sekmeli .siparis-sorgula__baslik { margin: 0 0 14px; font-size: clamp(1.5rem, 3vw, 1.9rem); font-weight: 500; }
.hesap-sekmeli .siparis-sorgula { margin-bottom: 0; }
.siparis-sorgula { margin-bottom: clamp(36px, 5vw, 56px); }
.siparis-sorgula__baslik { margin: 0 0 14px; font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 500; }
.woocommerce .siparis-sorgula form.track_order { padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.woocommerce .siparis-sorgula form.track_order > p:first-child { margin: 0 0 16px; color: var(--muted); font-size: .88rem; }
.woocommerce .siparis-sorgula form.track_order .form-row-first,
.woocommerce .siparis-sorgula form.track_order .form-row-last { float: none; width: 100%; }
.woocommerce .siparis-sorgula form.track_order .clear { display: none; }
.woocommerce .siparis-sorgula form.track_order input.input-text { width: 100%; }
.siparis-sorgula ~ h2 { font-size: 1.3rem; }
.siparis-sorgula .order-info { padding: 14px 16px; border-left: 3px solid var(--gold); border-radius: 0 var(--radius) var(--radius) 0; background: #fff; }
/* "103 numaralı sipariş … şu anda Beklemede durumundadır" cümlesindeki tarayıcı sarısı yerine kalın yazı. */
.woocommerce mark.order-number,
.woocommerce mark.order-date,
.woocommerce mark.order-status { padding: 0; background: none; color: var(--ink); font-weight: 700; }
.woocommerce mark.order-status { color: var(--gold-deep); }
.woocommerce-checkout #payment { border-radius: var(--radius); background: var(--cream); }
.woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.woocommerce-MyAccount-navigation li a { display: block; padding: 12px 18px; border-bottom: 1px solid var(--line); color: var(--text); }
.woocommerce-MyAccount-navigation li:last-child a { border-bottom: 0; }
.woocommerce-MyAccount-navigation li.is-active a { color: var(--gold-deep); font-weight: 700; }

/* Sepet ve ödeme blokları */
.wc-block-components-button:not(.is-link) {
	border-radius: 2px;
	background: var(--ink);
	color: var(--ivory);
	font-weight: 700;
	letter-spacing: .08em;
}
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.contained {
	background: var(--ink) !important;
	color: var(--ivory) !important;
}
/* Teşekkür sayfası: Havale/EFT adımları */
.havale-adimlari { margin: 28px 0 36px; padding: clamp(20px, 4vw, 32px); border: 1px solid var(--sand); border-radius: var(--radius-lg); background: #fff; }
.havale-adimlari .havale-adimlari__baslik { margin: 0 0 20px; font-family: var(--font-display); font-size: clamp(1.5rem, 4vw, 1.9rem); font-weight: 600; }
.havale-adimlari__liste { display: grid; gap: 22px; margin: 0; padding: 0; list-style: none; }
.havale-adimi { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; }
.havale-adimi__no { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--gold-grad); color: var(--ink); font-weight: 800; }
.havale-adimi__icerik h3 { margin: 4px 0 6px; font-family: var(--font-body); font-size: 1rem; font-weight: 700; }
.havale-adimi__icerik p { margin: 0 0 12px; color: var(--muted); }
.havale-adimi__icerik p strong { color: var(--ink); }
.havale-adimi__icerik .btn { gap: 8px; }
.banka-karti { margin: 0 0 10px; padding: 14px 16px; border-radius: var(--radius); background: var(--cream); }
.banka-karti p { margin: 0 0 4px; }
.banka-karti__banka { color: var(--ink) !important; font-weight: 700; }
.banka-karti__iban { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 6px 0 0 !important; }
.banka-karti__iban span { color: var(--ink); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .95rem; letter-spacing: .02em; }
.banka-aciklama { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.banka-karti__kopyala { padding: 6px 12px; border: 1px solid var(--ink); border-radius: 999px; background: #fff; color: var(--ink); font-family: var(--font-body); font-size: .75rem; font-weight: 700; cursor: pointer; }
.banka-karti__kopyala:hover { background: var(--ink); color: #fff; }
@media (max-width: 600px) {
	/* Numara ve başlık yan yana; içerik (IBAN kartı, butonlar) kutunun tam genişliğini kullanır. */
	.havale-adimlari { padding: 22px 16px; }
	.havale-adimi { grid-template-columns: 30px minmax(0, 1fr); gap: 0 12px; align-items: center; }
	.havale-adimi__no { width: 30px; height: 30px; font-size: .9rem; }
	.havale-adimi__icerik { display: contents; }
	.havale-adimi__icerik > :not(h3) { grid-column: 1 / -1; }
	.havale-adimi__icerik h3 { margin: 0; }
	.havale-adimi__icerik > h3 + * { margin-top: 10px; }
	.havale-adimi__icerik .btn { width: 100%; justify-content: center; }
	.banka-karti__iban span { font-size: .84rem; letter-spacing: 0; }
}

/* Sipariş detayları tablosu: ürün seçimleri girintisiz ve küçük yazıyla (Renk, Yüzük ölçüsü…). */
.woocommerce td.product-name .wc-item-meta { margin: 6px 0 0; padding: 0; font-size: .85rem; line-height: 1.5; }
.woocommerce td.product-name .wc-item-meta li { margin: 2px 0; }
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label { color: var(--muted); font-weight: 500; }
/* Adresler alt alta düştüğünde (telefon) arada boşluk. */
@media (max-width: 767px) {
	.woocommerce-customer-details .woocommerce-column--shipping-address { margin-top: 28px; }
}

/* Teşekkür sayfası: sipariş özeti (numara, tarih, toplam, ödeme) iki sütunlu kartlar. */
.woocommerce ul.order_details.woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 20px 0 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid var(--sand);
	border-radius: var(--radius-lg);
	background: var(--sand);
	list-style: none;
}
.woocommerce ul.order_details.woocommerce-order-overview::before,
.woocommerce ul.order_details.woocommerce-order-overview::after { display: none; }
.woocommerce ul.order_details.woocommerce-order-overview li {
	float: none;
	margin: 0;
	padding: 14px 16px;
	border: 0;
	background: #fff;
	color: var(--muted);
	font-size: .68rem;
	letter-spacing: .12em;
	line-height: 1.4;
	text-transform: uppercase;
}
.woocommerce ul.order_details.woocommerce-order-overview li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.woocommerce ul.order_details.woocommerce-order-overview li strong { display: block; margin-top: 4px; color: var(--ink); font-size: 1rem; letter-spacing: 0; text-transform: none; }
@media (min-width: 768px) {
	.woocommerce ul.order_details.woocommerce-order-overview { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.woocommerce ul.order_details.woocommerce-order-overview li:last-child:nth-child(odd) { grid-column: auto; }
}

/* Ürün satırı: açıklama yerine seçimler, her biri ayrı satırda ("Renk: Beyaz altın"). */
.wc-block-components-product-metadata__description { display: none; }
.wc-block-components-product-details > span { display: block; margin-top: 2px; }
.wc-block-components-product-details > span > [aria-hidden="true"] { display: none; }
.wc-block-components-product-details__name { color: var(--muted); }
.wc-block-components-product-details__value { color: var(--ink); }

/* Varyasyon seçimi: düğmeler, ölçü rehberi, özel ölçü */
.woocommerce div.product form.cart .variations { width: 100%; margin-bottom: 18px; border: 0; }
.woocommerce div.product form.cart .variations tr { display: block; margin-bottom: 18px; }
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td { display: block; padding: 0; border: 0; text-align: left; line-height: 1.4; }
.woocommerce div.product form.cart .variations th.label { margin-bottom: 10px; }
.woocommerce div.product form.cart .variations th.label label {
	color: var(--ink);
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.woocommerce div.product form.cart .reset_variations { display: inline-block; margin-top: 10px; color: var(--muted); font-size: .8rem; }

.secim-gizli {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0 !important;
	white-space: nowrap;
}

.secim-dugmeleri { display: flex; flex-wrap: wrap; gap: 6px; }

.secim-dugmesi {
	min-width: 46px;
	height: 40px;
	padding: 0 11px; /* 375 px telefonda üç renk tek satıra sığsın. */
	border: 1px solid rgba(21, 18, 14, .22);
	border-radius: 2px;
	background: #fff;
	color: var(--ink);
	font: 600 .86rem/1 var(--font-body);
	cursor: pointer;
	transition: border-color .2s, background-color .2s, color .2s, box-shadow .2s;
}
.secim-dugmesi:hover:not(:disabled) { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold) inset; }
.secim-dugmesi.is-secili { border-color: var(--ink); background: var(--ink); color: var(--ivory); box-shadow: none; }
.secim-dugmesi:disabled { opacity: .35; text-decoration: line-through; cursor: not-allowed; }

/* Ürün başına yüzük ölçüsü: radyo düğmeleri, düğme görünümünde. */
.urun-olcu,
.urun-secenek { flex: 1 1 100%; margin-bottom: 8px; }
.urun-secenek { margin-bottom: 14px; }
.renk-noktasi {
	flex: none;
	width: 14px;
	height: 14px;
	margin-right: 6px;
	border-radius: 50%;
	background: var(--renk);
	box-shadow: inset 0 0 0 1px rgba(21, 18, 14, .18);
}
label.secim-dugmesi.is-secili .renk-noktasi,
label.secim-dugmesi:has(input:checked) .renk-noktasi { box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .7); }
/* Kalın zincirde fiyatın ait olduğu uzunluk: "₺ 12.500 (40 cm)". */
.fiyat-notu { color: var(--muted); font-family: var(--font-body); font-size: .72em; font-weight: 500; letter-spacing: 0; white-space: nowrap; }
.urun-olcu__baslik { margin: 0 0 10px; color: var(--ink); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
label.secim-dugmesi { position: relative; display: inline-flex; align-items: center; justify-content: center; }
label.secim-dugmesi input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
label.secim-dugmesi:has(input:checked),
label.secim-dugmesi.is-secili { border-color: var(--ink); background: var(--ink); color: var(--ivory); box-shadow: none; }
label.secim-dugmesi:has(input:focus-visible) { outline: 2px solid var(--gold); outline-offset: 2px; }
.urun-olcu .ozel-olcu { margin: 14px 0 0; }

.olcu-rehberi-ac {
	margin: 12px 20px 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--gold-deep);
	font: 600 .84rem/1.4 var(--font-body);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.olcu-rehberi-ac:hover { color: var(--ink); }

.ozel-olcu { margin: -4px 0 20px; }
.ozel-olcu__etiket { display: block; margin-bottom: 8px; color: var(--ink); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ozel-olcu input { width: 100%; }

.olcu-rehberi {
	width: min(640px, calc(100vw - 32px));
	max-height: calc(100vh - 48px);
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: var(--radius-lg);
	background: var(--ivory);
	color: var(--text);
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .55);
}
.olcu-rehberi::backdrop { background: rgba(21, 18, 14, .62); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.olcu-rehberi__ic { position: relative; max-height: calc(100vh - 48px); padding: clamp(24px, 4vw, 40px); overflow-y: auto; }
.olcu-rehberi__kapat { position: absolute; top: 12px; right: 12px; }
.olcu-rehberi__baslik { margin: 0 0 18px; font-size: clamp(1.7rem, 4vw, 2.2rem); font-weight: 500; }
.olcu-rehberi__adimlar { display: grid; gap: 10px; margin: 0 0 18px; padding-left: 1.3em; }
.olcu-rehberi__adimlar li::marker { color: var(--gold-deep); font-weight: 700; }
.olcu-rehberi__ipucu { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 18px; padding: 12px 14px; border-radius: var(--radius); background: var(--cream); font-size: .9rem; }
.olcu-rehberi__ipucu .icon { margin-top: 2px; color: var(--gold-deep); }
.olcu-rehberi__tablo { max-height: 280px; margin-bottom: 18px; overflow-y: auto; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.olcu-rehberi__tablo table { width: 100%; border-collapse: collapse; font-variant-numeric: lining-nums tabular-nums; }
.olcu-rehberi__tablo th,
.olcu-rehberi__tablo td { padding: 9px 14px; border-bottom: 1px solid var(--line); text-align: left; font-size: .9rem; }
.olcu-rehberi__tablo thead th { position: sticky; top: 0; background: var(--ink); color: var(--gold-light); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.olcu-rehberi__tablo tbody tr:nth-child(even) { background: var(--ivory); }
.olcu-rehberi__tablo tbody th { color: var(--ink); font-weight: 700; }
.olcu-rehberi__not { margin: 0 0 18px; color: var(--muted); font-size: .88rem; line-height: 1.6; }
.olcu-rehberi__yazi { margin: 0 0 18px; font-size: .9rem; }
.olcu-rehberi__yazi a { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(21, 18, 14, .3); text-underline-offset: 3px; }

/* 13. Duyuru şeridi ve açılış ekranı --------------------------------------- */
.duyuru {
	background: var(--ink);
	color: #f3e7cc;
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.duyuru__ic { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 38px; }
.duyuru__liste { display: grid; flex: 1; text-align: center; }
.duyuru__mesaj { grid-area: 1 / 1; margin: 0; padding: 10px 0; opacity: 0; transform: translateY(6px); transition: opacity .45s, transform .45s; }
.duyuru__mesaj.is-aktif { opacity: 1; transform: none; }
.duyuru__ok {
	display: grid;
	flex: none;
	place-items: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	opacity: .7;
	cursor: pointer;
	transition: opacity .2s, background-color .2s;
}
.duyuru__ok:hover { background: rgba(255, 255, 255, .08); opacity: 1; }

/* Açılış ekranı: yalnızca <html class="acilis-acik"> iken görünür (JS ekler). */
.acilis { display: none; }
html.acilis-acik { overflow: hidden; }
html.acilis-acik .acilis {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: block;
	overflow: hidden;
	color: #fbf3df;
}

/* Logo animasyonu (video) modu: tam ekran video, bitince yumuşak kaybolma. */
.acilis--video { background: #010101; transition: opacity .8s ease; }
.acilis--video.is-soluyor { opacity: 0; pointer-events: none; }
/* Dikey ekranda (telefon) video ekranı kaplar; yatay ekranda yüksekliğe sığar (sade ve net). */
.acilis__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (orientation: landscape) {
	/* Videonun yan kenarları zemine erir (ek yeri görünmez). --acilis-oran: genişlik/yükseklik, acilis.js yazar. */
	.acilis__video {
		--acilis-yari: min(50vw, 50vh * var(--acilis-oran, .5625));
		object-fit: contain;
		transform: scale(var(--acilis-olcek, 1));
		-webkit-mask-image: linear-gradient(to right, transparent calc(50% - var(--acilis-yari)), #000 calc(50% - var(--acilis-yari) * .5), #000 calc(50% + var(--acilis-yari) * .5), transparent calc(50% + var(--acilis-yari)));
		mask-image: linear-gradient(to right, transparent calc(50% - var(--acilis-yari)), #000 calc(50% - var(--acilis-yari) * .5), #000 calc(50% + var(--acilis-yari) * .5), transparent calc(50% + var(--acilis-yari)));
	}
}

/* Geçişler (assets/js/acilis.js). Son kare parçalara ayrılınca video gizlenir, parçalar hareket eder. */
.acilis__perde { position: absolute; z-index: 3; overflow: hidden; }
.acilis__perde canvas { display: block; width: 100%; height: 100%; }
.acilis--video.is-perde { background: transparent !important; }
.acilis--video.is-perde .acilis__video,
.acilis--video.is-bitti .acilis__gec { visibility: hidden; }

/* Perde: ortadan ikiye bölünür, yarılar iki yana açılır. */
.acilis__perde--sol,
.acilis__perde--sag { top: 0; bottom: 0; width: 50%; transition: transform 1.1s cubic-bezier(.77, 0, .18, 1); }
.acilis__perde--sol { left: 0; box-shadow: inset -1px 0 0 rgba(214, 199, 168, .35); }
.acilis__perde--sag { right: 0; box-shadow: inset 1px 0 0 rgba(214, 199, 168, .35); }
.acilis--video.is-perde-acik .acilis__perde--sol { transform: translateX(-101%); }
.acilis--video.is-perde-acik .acilis__perde--sag { transform: translateX(101%); }

/* Mücevher kutusu: üst ve alt kapak geriye katlanır. */
.acilis--video.is-kutu { perspective: 1200px; }
.acilis__perde--ust,
.acilis__perde--alt { left: 0; right: 0; height: 50%; transition: transform 1.2s cubic-bezier(.6, 0, .25, 1), opacity .45s ease .75s; }
.acilis__perde--ust { top: 0; transform-origin: 50% 0; box-shadow: inset 0 -1px 0 rgba(214, 199, 168, .5); }
.acilis__perde--alt { bottom: 0; transform-origin: 50% 100%; box-shadow: inset 0 1px 0 rgba(214, 199, 168, .5); }
.acilis--video.is-kutu-acik .acilis__perde--ust { transform: rotateX(-88deg); opacity: 0; }
.acilis--video.is-kutu-acik .acilis__perde--alt { transform: rotateX(88deg); opacity: 0; }

/* Halka: ortadan büyüyen dairenin içinden sayfa görünür. */
@property --acilis-halka { syntax: '<length>'; inherits: true; initial-value: 0px; }
.acilis--video.is-halka {
	-webkit-mask-image: radial-gradient(circle at 50% 50%, transparent var(--acilis-halka), #000 calc(var(--acilis-halka) + 1px));
	mask-image: radial-gradient(circle at 50% 50%, transparent var(--acilis-halka), #000 calc(var(--acilis-halka) + 1px));
	transition: --acilis-halka 1.2s cubic-bezier(.65, 0, .3, 1);
}
.acilis__halka {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	box-sizing: border-box;
	width: calc(2 * var(--acilis-halka) + 6px);
	height: calc(2 * var(--acilis-halka) + 6px);
	border: 1.5px solid rgba(214, 199, 168, .9);
	border-radius: 50%;
	box-shadow: 0 0 22px 2px rgba(214, 199, 168, .45);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

/* Logo yerine oturur: logo üst menüdeki logoya uçar, siyah zemin erir. */
.acilis--video.is-logo { opacity: 0; pointer-events: none; transition: opacity .7s ease .3s; }
.acilis--video.is-logo .acilis__video { opacity: 0; transition: opacity .3s ease; }
.acilis-ucan-logo { position: fixed; z-index: 100001; pointer-events: none; transform-origin: 50% 50%; }
.acilis-ucan-logo.is-ucuyor { opacity: 0; filter: brightness(.08); transition: transform 1.1s cubic-bezier(.65, 0, .25, 1), filter .7s ease .3s, opacity .35s ease .85s; }
html.acilis-logo-bekle .site-brand img { opacity: 0; }
html.acilis-logo-bekle.acilis-logo-geldi .site-brand img { opacity: 1; transition: opacity .4s ease; }

/* Altın ışık süpürmesi: çapraz ışık şeridi geçer, geçtiği yerden sayfa görünür. */
.acilis--video.is-isik {
	-webkit-mask-image: linear-gradient(100deg, transparent 40%, #000 52%);
	mask-image: linear-gradient(100deg, transparent 40%, #000 52%);
	-webkit-mask-size: 300% 100%;
	mask-size: 300% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: 100% 0;
	mask-position: 100% 0;
	transition: -webkit-mask-position 1.3s cubic-bezier(.55, 0, .35, 1), mask-position 1.3s cubic-bezier(.55, 0, .35, 1);
}
.acilis--video.is-isik-gec { -webkit-mask-position: 0 0; mask-position: 0 0; }
.acilis-isik {
	position: fixed;
	top: -10vh;
	bottom: -10vh;
	left: 0;
	z-index: 100001;
	width: 36vw;
	background: linear-gradient(90deg, rgba(214, 199, 168, 0), rgba(214, 199, 168, .35) 35%, rgba(244, 236, 220, .9) 50%, rgba(214, 199, 168, .35) 65%, rgba(214, 199, 168, 0));
	transform: translateX(-80vw) skewX(-10deg);
	pointer-events: none;
	transition: transform 1.3s cubic-bezier(.55, 0, .35, 1), opacity .3s ease 1.05s;
}
.acilis-isik.is-gec { transform: translateX(120vw) skewX(-10deg); opacity: 0; }

/* Kepenk: ekran yukarı kalkar. */
.acilis--video.is-kepenk {
	transform: translateY(-101%);
	box-shadow: 0 1px 0 rgba(214, 199, 168, .7), 0 18px 50px rgba(0, 0, 0, .35);
	transition: transform 1s cubic-bezier(.7, 0, .2, 1);
}

/* Netleşme: ekran solarken sayfa bulanıktan nete gelir. */
html.acilis-bulanik body > :not(.acilis) { filter: blur(18px); transform: scale(1.05); }
html.acilis-netlesiyor body > :not(.acilis) { transition: filter 1.4s cubic-bezier(.3, 0, .2, 1), transform 1.4s cubic-bezier(.3, 0, .2, 1); }

/* Yakınlaşma: logoya doğru büyüyerek kaybolur. */
.acilis--video.is-yakinlas { opacity: 0; transition: opacity .9s ease .2s; }
.acilis--video.is-yakinlas .acilis__video { transform: scale(calc(var(--acilis-olcek, 1) * 2.2)); transition: transform 1.1s cubic-bezier(.6, 0, .2, 1); }
@media (orientation: portrait) {
	.acilis--video.is-yakinlas .acilis__video { transform: scale(2.2); }
}
.acilis__gec {
	position: absolute;
	right: max(20px, env(safe-area-inset-right));
	bottom: max(24px, env(safe-area-inset-bottom));
	z-index: 2;
	padding: 10px 20px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 999px;
	background: rgba(0, 0, 0, .35);
	color: rgba(255, 255, 255, .85);
	font: 600 .72rem/1 var(--font-body);
	letter-spacing: .2em;
	text-transform: uppercase;
	cursor: pointer;
	opacity: 0;
	animation: acilis-gec-gir .6s ease 1.2s forwards;
}
.acilis__gec:hover,
.acilis__gec:focus-visible { border-color: rgba(214, 199, 168, .7); color: #fff; }
@keyframes acilis-gec-gir { to { opacity: 1; } }

.acilis__yari {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50.5%;
	overflow: hidden;
	background: radial-gradient(120% 95% at 50% 42%, #221b11 0%, #0d0b08 60%, #000 100%) no-repeat;
	background-size: 100vw 100vh;
	transition: transform 1.2s cubic-bezier(.76, 0, .18, 1);
	will-change: transform;
}
.acilis__yari--sol { left: 0; background-position: left top; }
.acilis__yari--sag { right: 0; background-position: right top; }
.acilis.is-aciliyor .acilis__yari--sol { transform: translateX(-101%); }
.acilis.is-aciliyor .acilis__yari--sag { transform: translateX(101%); }

.acilis__yari-logo { position: absolute; max-width: none; height: auto; visibility: hidden; }
.acilis.is-aciliyor .acilis__yari-logo { visibility: visible; }

.acilis__toz { position: absolute; inset: 0; pointer-events: none; transition: opacity .5s; }
.acilis__toz span {
	position: absolute;
	border-radius: 50%;
	background: #fff3d6;
	opacity: 0;
	animation: acilis-parilti var(--sure, 6s) ease-in-out var(--gecikme, 0s) infinite;
}
.acilis.is-aciliyor .acilis__toz { opacity: 0; }

.acilis__orta {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 34px;
	padding: 24px;
	text-align: center;
}
.acilis.is-aciliyor .acilis__orta {
	opacity: 0;
	transform: scale(.97);
	filter: blur(5px);
	pointer-events: none;
	transition: opacity .4s, transform .4s, filter .4s;
}

.acilis__logo-kap { position: relative; width: min(420px, 70vw); animation: acilis-giris 1.4s cubic-bezier(.2, .7, .2, 1) .15s both; }
.acilis__logo-kap::before {
	content: "";
	position: absolute;
	inset: -46% -30%;
	background: radial-gradient(closest-side, rgba(255, 240, 205, .15), rgba(255, 240, 205, .05) 45%, transparent 72%);
	animation: acilis-nefes 5.5s ease-in-out infinite;
	pointer-events: none;
}
.acilis__logo { position: relative; display: block; width: 100%; height: auto; }
.acilis.is-aciliyor .acilis__logo { visibility: hidden; }
.acilis__logo,
.acilis__yari-logo { filter: drop-shadow(0 0 22px rgba(255, 240, 205, .3)); }
.acilis__logo--cevir { filter: brightness(0) invert(1) drop-shadow(0 0 22px rgba(255, 240, 205, .3)); }

.acilis__slogan {
	margin: -14px 0 0;
	color: #e9dcc0;
	font-family: var(--font-display);
	font-size: clamp(1.15rem, 2.6vw, 1.6rem);
	font-style: italic;
	animation: acilis-giris 1.4s cubic-bezier(.2, .7, .2, 1) .35s both;
}

@property --acilis-aci {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}

.acilis__buton {
	position: relative;
	padding: 16px 46px;
	border: 1.5px solid rgba(214, 199, 168, .45);
	border-radius: 999px;
	background: transparent;
	color: #fff3d6;
	font: 500 clamp(.8rem, 1.6vw, .92rem)/1 var(--font-body);
	letter-spacing: .42em;
	text-indent: .42em;
	text-transform: uppercase;
	cursor: pointer;
	animation: acilis-giris 1.4s cubic-bezier(.2, .7, .2, 1) .55s both;
	transition: border-color .3s, box-shadow .3s, letter-spacing .3s, text-indent .3s;
}
.acilis__buton::before {
	content: "";
	position: absolute;
	inset: -1.5px;
	padding: 1.5px;
	border-radius: inherit;
	background: conic-gradient(from var(--acilis-aci), transparent 0deg, transparent 290deg, rgba(255, 240, 205, .95) 330deg, transparent 360deg);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: acilis-yorunge 3.2s linear infinite;
	pointer-events: none;
}
.acilis__buton:hover,
.acilis__buton:focus-visible {
	border-color: var(--gold-light);
	outline: none;
	box-shadow: 0 0 26px rgba(214, 199, 168, .3), inset 0 0 18px rgba(214, 199, 168, .12);
	letter-spacing: .5em;
	text-indent: .5em;
}

/* Kendiliğinden açılmaya kalan süre: butonun altında dolan ince çizgi. */
.acilis__sayac {
	position: relative;
	display: block;
	width: 140px;
	height: 1px;
	margin-top: -14px;
	overflow: hidden;
	background: rgba(214, 199, 168, .2);
	animation: acilis-giris 1.4s cubic-bezier(.2, .7, .2, 1) .7s both;
}
.acilis__sayac::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--gold-light);
	transform: scaleX(0);
	transform-origin: left;
	animation: acilis-sayac var(--acilis-sure, 10s) linear forwards paused;
}
.acilis.is-hazir .acilis__sayac::after { animation-play-state: running; }

@keyframes acilis-giris {
	from { opacity: 0; transform: translateY(12px); filter: blur(3px); }
	to { opacity: 1; transform: none; filter: none; }
}
@keyframes acilis-nefes {
	0%, 100% { opacity: .8; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.06); }
}
@keyframes acilis-parilti {
	0%, 100% { opacity: 0; transform: translateY(0) scale(.6); }
	50% { opacity: var(--opaklik, .6); transform: translateY(-16px) scale(1); }
}
@keyframes acilis-yorunge { to { --acilis-aci: 360deg; } }
@keyframes acilis-sayac { to { transform: scaleX(1); } }

/* 14. Duyarlı -------------------------------------------------------------- */
/* Menü 3 kategori ve Kişiye Özel Tasarım sekmesiyle normal aralıkta ~1180 px'te sığar; altında sıkılaşır. */
@media (max-width: 1240px) {
	.primary-nav a { padding-inline: 8px; letter-spacing: .08em; }
}

@media (max-width: 1100px) {
	.footer-grid { grid-template-columns: 1fr 1fr; }
	.woocommerce ul.products[class*="columns-"] { --cols: 3; }
}

/* Sıkı aralıkla da tek satıra sığmadığı genişliğin altında açılır menüye geçilir. */
@media (max-width: 1080px) {
	/* Telefon/tablet: solda menü + arama, ortada logo, sağda hesap + sepet (logo tam ortada kalır). */
	.site-header__inner {
		grid-template-columns: 44px 44px 1fr 44px 44px;
		grid-template-rows: 64px auto;
		gap: 0 2px;
		min-height: 64px;
	}
	.menu-toggle { display: inline-flex; grid-column: 1; grid-row: 1; justify-self: start; }
	.site-brand { grid-column: 3; grid-row: 1; justify-self: center; }
	.custom-logo { max-height: 42px; }
	.header-actions { display: contents; }
	.header-actions .search-toggle { grid-column: 2; grid-row: 1; }
	.header-actions .hesap-link { grid-column: 4; grid-row: 1; }
	.header-actions .cart-link { grid-column: 5; grid-row: 1; }

	.primary-nav {
		display: none;
		grid-column: 1 / -1;
		grid-row: 2;
		justify-self: stretch;
		max-height: calc(100vh - 110px);
		overflow-y: auto;
		padding-bottom: 12px;
	}
	.primary-nav.is-open { display: block; }
	.primary-nav .menu { flex-direction: column; flex-wrap: nowrap; gap: 0; }
	.primary-nav .menu > li { border-top: 1px solid var(--line); }
	.primary-nav .menu-item--mobil { display: list-item; }
	.primary-nav a { padding: 15px 4px; font-size: .82rem; }
	.primary-nav .menu > li > a::after { display: none; }

	.primary-nav .sub-menu {
		position: static;
		display: none;
		min-width: 0;
		padding: 0 0 8px 14px;
		border: 0;
		box-shadow: none;
		background: transparent;
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.primary-nav li.is-open > .sub-menu { display: block; }
	.primary-nav .sub-menu a { padding: 10px 4px; }

	.submenu-toggle {
		position: absolute;
		top: 4px;
		right: 0;
		display: block;
		width: 44px;
		height: 44px;
		border: 0;
		background: transparent;
		cursor: pointer;
	}
	.submenu-toggle::before {
		content: "";
		position: absolute;
		top: 17px;
		left: 18px;
		width: 8px;
		height: 8px;
		border-right: 1.5px solid var(--ink);
		border-bottom: 1.5px solid var(--ink);
		transform: rotate(45deg);
		transition: transform .2s;
	}
	.submenu-toggle[aria-expanded="true"]::before { transform: rotate(-135deg) translate(-3px, -3px); }
}

/* ---------- Alt bilgi: güven şeridi (ödeme logoları, ETBİS) ---------- */
.guven-seridi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 18px 32px;
	padding-top: 26px;
	padding-bottom: 26px;
	border-top: 1px solid var(--line-light);
}
.guven-seridi__odeme { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.guven-seridi__baslik { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: #fbf3df; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.guven-logolari { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; color: #e9dcc0; }
.guven-logolari svg { display: block; height: 32px; width: auto; }
.guven-seridi__bant { display: block; max-width: 100%; height: auto; max-height: 40px; }
.guven-seridi__etbis { display: inline-flex; align-items: center; gap: 8px; color: #e9dcc0; font-size: .78rem; }
.guven-seridi__etbis img { display: block; width: 72px; height: auto; border-radius: 4px; background: #fff; }
.guven-seridi__etbis:hover { color: var(--gold-light); }

/* ---------- Üst menüde öne çıkan sekme (Kişiye Özel Tasarım) ---------- */
.primary-nav .menu-item--vurgu > a { color: var(--gold-deep); }
.primary-nav .menu-item--vurgu > a::before { content: "✦ "; color: var(--gold); }

/* ---------- Kurumsal sayfalar (Hakkımızda, Kişiye Özel Tasarım) ---------- */
.entry-content .sayfa-giris { max-width: 720px; color: var(--ink); font-family: var(--font-display); font-size: clamp(1.3rem, 2.4vw, 1.6rem); line-height: 1.45; }
.entry-content .sayfa-liste { padding-left: 0; list-style: none; }
.entry-content .sayfa-liste li { position: relative; margin: 0 0 12px; padding-left: 24px; }
.entry-content .sayfa-liste li::before { content: "✦"; position: absolute; top: 0; left: 0; color: var(--gold); }
.entry-content .sayfa-adimlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin: 0 0 24px; padding: 0; list-style: none; counter-reset: adim; }
.entry-content .sayfa-adimlar li { counter-increment: adim; margin: 0; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.entry-content .sayfa-adimlar li::before { content: counter(adim); display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 10px; border-radius: 50%; background: var(--gold-grad); color: var(--ink); font-weight: 700; }
.entry-content .sayfa-adimlar strong { display: block; margin-bottom: 4px; color: var(--ink); }
.entry-content .sayfa-alinti { position: relative; margin: 30px 0; padding: 26px 28px 26px 34px; border: 0; border-left: 2px solid var(--gold); border-radius: 0 var(--radius) var(--radius) 0; background: #fff; }
.entry-content .sayfa-alinti p { margin: 0; color: var(--ink); font-family: var(--font-display); font-size: clamp(1.45rem, 3.2vw, 1.9rem); font-style: italic; font-weight: 500; line-height: 1.3; }

/* ---------- Bantlı sayfalar (Hakkımızda, Kişiye Özel Tasarım): tam genişlikte bantlar (kuyumcu_bantli_sayfa) ---------- */
.hk-acilis,
.hk-bant--alinti,
.hk-bant--liste,
.hk-bant--form { position: relative; overflow: hidden; background: var(--ink); color: #d8cdb5; text-align: center; }
.hk-acilis::before,
.hk-bant--alinti::before,
.hk-bant--liste::before,
.hk-bant--form::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(55% 90% at 50% 0%, rgba(214, 199, 168, .16), transparent 70%),
		radial-gradient(40% 70% at 50% 100%, rgba(184, 137, 47, .1), transparent 70%);
	pointer-events: none;
}
.hk-acilis::after,
.hk-bant--alinti::after,
.hk-bant--liste::after,
.hk-bant--form::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(214, 199, 168, .16); pointer-events: none; }

/* Kullanıcı "yazılar çok ufak, bant boş duruyor" dedi: başlık ve giriş yazısı büyütüldü, dikey boşluk azaltıldı. */
.hk-acilis { padding-block: clamp(64px, 8.5vw, 124px); }
.hk-acilis__ic { position: relative; z-index: 1; }
.hk-acilis__baslik { margin: 0; color: #fbf3df; font-family: var(--font-display); font-size: clamp(3.1rem, 7.6vw, 6.4rem); font-weight: 600; line-height: 1.02; letter-spacing: -.005em; text-wrap: balance; }
.hk-acilis__baslik::after { content: ""; display: block; width: 64px; height: 1px; margin: 30px auto 0; background: var(--gold-light); }
/* Alt açıklama Manrope ince (kullanıcının seçtiği "B"): büyük Cormorant başlığın altında sade, düz yazı. */
.hk-acilis__metin p { max-width: 820px; margin: 30px auto 0; color: #e6dcc6; font-family: var(--font-body); font-size: clamp(1.15rem, 1.95vw, 1.52rem); font-weight: 300; letter-spacing: .01em; line-height: 1.75; text-wrap: pretty; }

/* Sade açılış (kullanıcı altın vurgu istemedi): başlık altındaki çizgi soluk krem, giriş yazısı italik. */
.hk-acilis .hk-acilis__baslik::after { background: rgba(251, 243, 223, .35); }
.hk-acilis__metin p { font-style: normal; }
/* Telefonda (kullanıcı "çok satır kalıyor" dedi): başlık ve alt açıklama küçülür, yazı daha az satıra iner. */
@media (max-width: 600px) {
	.hk-acilis { padding-block: 56px 60px; }
	.hk-acilis__baslik { font-size: 2.55rem; }
	.hk-acilis__baslik::after { width: 48px; margin-top: 22px; }
	.hk-acilis__metin p { margin-top: 20px; font-size: .98rem; line-height: 1.7; }
}

.hk-bant { padding-block: clamp(64px, 9vw, 124px); }
.hk-bant__ic { position: relative; z-index: 1; }
/* Yazı dengesi (kullanıcının seçtiği "1"): başlıklar Cormorant 600 ve biraz büyük, açık zemindeki açıklamalar
   Manrope 300 (koyu zeminde okunurluk için 400). */
.hk-bant h2 { margin: 0 0 20px; color: var(--ink); font-family: var(--font-display); font-size: clamp(2.1rem, 4vw, 3.1rem); font-weight: 600; line-height: 1.12; text-wrap: balance; }
.hk-bant h2::after { content: ""; display: block; width: 44px; height: 1px; margin: 20px auto 0; background: var(--gold); }
.hk-bant__metin > p { margin: 0 0 16px; color: var(--muted); font-weight: 300; letter-spacing: .01em; line-height: 1.85; text-wrap: pretty; }
.hk-bant__metin > :last-child { margin-bottom: 0; }

/* Düz metin: ortalı. Öne çıkan görsel varsa ilk metin bölümü görselle yan yana. */
.hk-bant--metin .hk-bant__metin { max-width: 720px; margin-inline: auto; text-align: center; }
.hk-bant--gorselli .hk-bant__ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(36px, 7vw, 100px); align-items: center; }
.hk-bant--gorselli .hk-bant__metin { max-width: 560px; margin: 0; text-align: left; }
.hk-bant--gorselli h2::after { margin-left: 0; }
.hk-bant__gorsel { position: relative; isolation: isolate; margin: 0 18px 18px 0; }
.hk-bant__gorsel::before { content: ""; position: absolute; inset: 18px -18px -18px 18px; z-index: -1; border: 1px solid var(--gold-light); }
.hk-bant__gorsel img,
.hk-bant__gorsel video { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: var(--ink); }

/* Alıntılı bölüm: koyu zeminde önce büyük alıntı, sonra başlık ve metin. */
.hk-bant--alinti .hk-bant__metin { display: flex; flex-direction: column; align-items: center; max-width: 820px; margin-inline: auto; }
.hk-bant--alinti blockquote { order: -1; margin: 0 0 40px; padding: 0; border: 0; background: none; }
.hk-bant--alinti blockquote::before { content: "\201C"; display: block; height: .5em; color: var(--gold-light); font-family: var(--font-display); font-size: 5rem; line-height: 1; }
.hk-bant--alinti blockquote p { margin: 0; color: #fbf3df; font-family: var(--font-display); font-size: clamp(1.9rem, 4.6vw, 3.3rem); font-style: italic; font-weight: 500; line-height: 1.2; text-wrap: balance; }
.hk-bant--alinti h2 { color: var(--gold-light); font-size: clamp(1.4rem, 2.4vw, 1.75rem); }
.hk-bant--alinti h2::after { background: rgba(214, 199, 168, .5); }
.hk-bant--alinti p { max-width: 640px; color: #cfc4ad; font-weight: 400; }

/* Adımlar (kullanıcının seçtiği "B", açık zeminde): her adımın arkasında dev, soluk altın filigran rakam
   (I · II · III), adımlar arasında ince dikey altın çizgiler, bantta ince iç çerçeve. */
.hk-bant--adimlar { position: relative; overflow: hidden; background: var(--cream); text-align: center; }
.hk-bant--adimlar::before { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 70% at 50% 0%, rgba(255, 255, 255, .7), transparent 70%); pointer-events: none; }
.hk-bant--adimlar::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(184, 137, 47, .2); pointer-events: none; }
.hk-bant--adimlar ol { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; max-width: 1100px; margin: 52px auto 0; padding: 0; list-style: none; counter-reset: hk-adim; }
.hk-bant--adimlar li { position: relative; isolation: isolate; padding: clamp(44px, 5vw, 70px) clamp(18px, 3vw, 44px); border-left: 1px solid rgba(184, 137, 47, .3); color: var(--muted); font-weight: 300; letter-spacing: .01em; line-height: 1.85; counter-increment: hk-adim; }
.hk-bant--adimlar li:first-child { border-left: 0; }
/* Filigran rakam ikonun altında kalmasın diye aşağıda, açıklamanın arkasında. */
.hk-bant--adimlar li::before { content: counter(hk-adim, upper-roman); position: absolute; inset: 0; z-index: -1; display: grid; place-items: end center; padding-bottom: clamp(6px, 1.5vw, 18px); color: rgba(184, 137, 47, .2); font-family: var(--font-display); font-size: clamp(9rem, 16vw, 13rem); font-style: italic; font-weight: 400; line-height: 1; pointer-events: none; }
.hk-bant--adimlar strong { display: block; margin-bottom: 10px; color: var(--ink); font-family: var(--font-display); font-size: clamp(1.35rem, 1.9vw, 1.7rem); font-weight: 600; line-height: 1.2; text-wrap: balance; }
/* Güvenceler: koyu zeminde, ince altın halkalı ikonlar, aralarında ince çizgi. */
.hk-bant--liste h2 { color: #fbf3df; }
.hk-bant--liste h2::after { background: rgba(214, 199, 168, .5); }
.hk-bant--liste ul { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; max-width: 1180px; margin: 56px auto 0; padding: 0; list-style: none; }
.hk-bant--liste li { padding: 4px clamp(14px, 1.6vw, 24px); border-left: 1px solid rgba(214, 199, 168, .18); color: #bfb39b; font-size: .93rem; line-height: 1.7; }
.hk-bant--liste li:first-child { border-left: 0; }
.hk-ikon { display: grid; place-items: center; width: 68px; height: 68px; margin: 0 auto 24px; border: 1px solid rgba(214, 199, 168, .45); border-radius: 50%; box-shadow: 0 0 0 6px rgba(214, 199, 168, .05); color: var(--gold-light); }
.hk-ikon .icon { stroke-width: 1.3; }
.hk-bant--adimlar .hk-ikon,
.hk-bant--acik .hk-ikon { border-color: rgba(184, 137, 47, .5); background: rgba(255, 253, 248, .7); box-shadow: 0 0 0 6px rgba(184, 137, 47, .07); color: var(--gold); }
.hk-bant--adimlar .hk-ikon .icon { width: 35px; height: 35px; }
/* Adıma fotoğraf eklenmişse (ör. 3D teknik çizim): ikon yerine yuvarlak, çift altın halkalı fotoğraf. */
.hk-bant--adimlar .hk-buyut { display: block; width: fit-content; margin-inline: auto; cursor: zoom-in; }
.hk-bant--adimlar .hk-buyut img { transition: transform .35s ease; }
.hk-bant--adimlar .hk-buyut:hover img { transform: scale(1.04); }
.hk-bant--adimlar li img,
.hk-bant--adimlar li video { display: block; width: clamp(190px, 20vw, 250px); height: auto; aspect-ratio: 1; margin: 0 auto 30px; object-fit: cover; border: 1px solid rgba(184, 137, 47, .55); border-radius: 50%; background: #131214; box-shadow: 0 0 0 7px rgba(255, 253, 248, .75), 0 0 0 8px rgba(184, 137, 47, .25), 0 26px 44px -26px rgba(54, 36, 8, .5); }
.hk-bant--acik .hk-ikon .icon { width: 30px; height: 30px; }
.hk-bant--liste strong { display: block; margin-bottom: 10px; color: #fbf3df; font-family: var(--font-display); font-size: clamp(1.3rem, 1.6vw, 1.4rem); font-weight: 600; line-height: 1.25; text-wrap: balance; }

/* Açık zeminli liste (koyu bir banttan hemen sonra gelince; ör. Kişiye Özel Tasarım › Neler Yapabiliriz?). */
.hk-bant--liste.hk-bant--acik { background: var(--ivory); color: var(--text); }
.hk-bant--liste.hk-bant--acik::before { background: radial-gradient(60% 70% at 50% 0%, rgba(255, 255, 255, .8), transparent 70%); }
.hk-bant--liste.hk-bant--acik::after { border-color: rgba(184, 137, 47, .2); }
.hk-bant--acik h2 { color: var(--ink); }
.hk-bant--acik h2::after { background: var(--gold); }
.hk-bant--acik li { border-color: rgba(184, 137, 47, .3); color: var(--muted); font-weight: 300; letter-spacing: .01em; }
.hk-bant--acik strong { color: var(--ink); }

@media (max-width: 1000px) {
	.hk-bant--liste ul { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 48px; max-width: 680px; }
	.hk-bant--liste li:nth-child(odd) { border-left: 0; }
	.hk-bant--liste li:last-child:nth-child(odd) { grid-column: 1 / -1; }
	/* 4 adım tablete sığmaz: 2 × 2. */
	.hk-bant--adimlar ol:has(> li:nth-child(4)) { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hk-bant--adimlar ol:has(> li:nth-child(4)) li:nth-child(odd) { border-left: 0; }
	.hk-bant--adimlar ol:has(> li:nth-child(4)) li:nth-child(n+3) { border-top: 1px solid rgba(184, 137, 47, .3); }
}

/* Özel tasarım formu: koyu zeminde, fildişi kart; kartın dışında ince şampanya çerçeve. */
.hk-bant--form .hk-bant__metin { max-width: 820px; margin-inline: auto; text-align: left; }
.hk-bant--form .talep-formu { margin: 0; padding: clamp(24px, 5vw, 56px); border: 0; background: var(--ivory); box-shadow: 0 50px 90px -50px rgba(0, 0, 0, .7); outline: 1px solid rgba(214, 199, 168, .35); outline-offset: 10px; }
.hk-bant--form .talep-formu__baslik,
.hk-bant--form .talep-formu__giris { text-align: center; }

/* Sık sorulan sorular: açık zeminde, ortalı başlık altında açılır sorular. */
.hk-bant--sss { background: var(--ivory); text-align: center; }
.hk-bant--sss .hk-bant__metin { max-width: 840px; margin-inline: auto; }
.hk-bant--sss .sayfa-sss { margin-top: 44px; border-top: 1px solid var(--line); text-align: left; }
.hk-bant--sss .sss__soru { padding-block: 22px; font-size: clamp(1.15rem, 1.8vw, 1.35rem); }
.hk-bant--sss .sss__cevap { padding-bottom: 22px; color: var(--muted); font-weight: 300; letter-spacing: .01em; line-height: 1.85; }
.hk-bant--sss .sss__cevap a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.hk-bant--ton { background: var(--cream); }
.hk-bant--ton .sayfa-sss, .hk-bant--ton .sss { border-color: var(--sand); }

/* Telefonda sabit "Tasarım Talebi Gönder" butonu (Kişiye Özel Tasarım); alt gezinme çubuğunun üstünde. */
.hk-yapiskan { display: none; }
@media (max-width: 767px) {
	.hk-yapiskan {
		position: fixed;
		right: 16px;
		bottom: calc(16px + env(safe-area-inset-bottom));
		left: 16px;
		z-index: 45;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		min-height: 52px;
		border: 1px solid rgba(214, 199, 168, .4);
		border-radius: 999px;
		background: var(--ink);
		box-shadow: 0 18px 34px -14px rgba(0, 0, 0, .55);
		color: var(--ivory);
		font-size: .74rem;
		font-weight: 700;
		letter-spacing: .14em;
		text-transform: uppercase;
		opacity: 0;
		transform: translateY(16px);
		pointer-events: none;
		transition: opacity .3s ease, transform .3s ease;
	}
	body.alt-gezinme-var .hk-yapiskan { bottom: calc(64px + 12px + env(safe-area-inset-bottom)); }
	.hk-yapiskan .icon { color: var(--gold-light); }
	.hk-yapiskan.is-gorunur { opacity: 1; transform: none; pointer-events: auto; }
	/* Çerez bildirimi açıkken aynı yere düşüyordu: bildirim kapanana kadar gizli. */
	body:has(.cerez-bildirimi:not([hidden])) .hk-yapiskan { display: none; }
	.hk-yapiskan:hover,
	.hk-yapiskan:focus-visible { color: #fff; }
}

/* Ürün listesi: krem zeminde ortalı başlık ve not, altında kartlar. */
.hk-bant--urunler { background: var(--cream); }
.hk-bant--urunler .hk-bant__metin > h2,
.hk-bant--urunler .hk-bant__metin > p { max-width: 720px; margin-inline: auto; text-align: center; }
.hk-bant--urunler .woocommerce { margin: 44px 0; }

/* İletişim: şampanya zeminde (koyu alt bilgiye karışmasın diye). */
.hk-bant--iletisim { background: var(--gold-grad); text-align: center; }
.hk-bant--iletisim .hk-bant__metin { max-width: 680px; margin-inline: auto; }
.hk-bant--iletisim h2::after { background: var(--ink); opacity: .35; }
.hk-bant--iletisim p { color: var(--text); font-weight: 400; }
.hk-bant--iletisim .sayfa-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 30px; }

/* Tasarım müşterilerinin yorumları (görünüm "C", yerleşim "B"): ana sayfada Etsy kartlarından ayrı "Tasarım
   Müşterilerimiz" bölümünde; solda çerçeveli parça fotoğrafı, sağda italik yorum ve yuvarlak küçük fotoğraflarla
   geçiş (main.js). Üstteki krem güvence şeridiyle tek banda dönüşmesin diye beyaz zemin; kullanıcı "çok büyük"
   dediği için ölçüler küçük (görsel 260 px). Telefonda alt alta, ortalı. Kişiye Özel'de yalnızca form bandı kalır. */
.hk-bant--yorumlar { background: var(--cream); }
.section--tasarim-yorumlari { padding-block: clamp(48px, 6vw, 80px); background: #fff; }
.ty { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); grid-template-rows: 1fr auto auto auto 1fr; grid-template-areas: "gorsel ." "gorsel alinti" "gorsel secim" "gorsel davet" "gorsel ."; column-gap: clamp(36px, 6vw, 72px); max-width: 820px; margin-inline: auto; text-align: left; }
/* Çerçeve yok (kullanıcı kaydırılmış çizgi çerçeveyi beğenmedi): sade, hafif yuvarlatılmış fotoğraf. */
.ty__gorseller { grid-area: gorsel; display: grid; overflow: hidden; border-radius: 6px; touch-action: pan-y; }
.ty__gorsel { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.ty__gorsel.is-aktif { opacity: 1; visibility: visible; }
.ty__gorsel img,
.ty__harf { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; background: var(--sand); }
.ty__harf { display: grid; place-items: center; color: var(--ink); font-family: var(--font-display); font-size: clamp(2.8rem, 5vw, 4rem); font-weight: 600; letter-spacing: .04em; }
.ty__alintilar { grid-area: alinti; display: grid; }
.ty__alinti { grid-area: 1 / 1; margin: 0; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.ty__alinti.is-aktif { opacity: 1; visibility: visible; }
.ty__alinti blockquote { margin: 0; }
.ty__alinti blockquote p { margin: 0; color: var(--ink); font-family: var(--font-display); font-size: clamp(1.2rem, 1.9vw, 1.45rem); font-style: italic; font-weight: 500; line-height: 1.45; text-wrap: pretty; }
.ty__alinti figcaption { margin-top: 14px; color: var(--ink); font-size: .84rem; font-weight: 500; letter-spacing: .06em; }
.ty__alinti figcaption span { color: var(--muted); font-weight: 300; }
.ty__secim { grid-area: secim; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.ty__kucuk { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; overflow: hidden; border: 0; border-radius: 50%; background: var(--sand); color: var(--ink); font-family: var(--font-display); font-size: 1.05rem; font-weight: 600; opacity: .5; outline: 1px solid transparent; outline-offset: 3px; cursor: pointer; transition: opacity .25s, outline-color .25s; }
.ty__kucuk:hover { opacity: .85; }
.ty__kucuk.is-aktif { opacity: 1; outline-color: var(--ink); }
.ty__kucuk img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ty__davet { grid-area: davet; margin: 22px 0 0; font-size: .85rem; }
.ty__davet a { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(21, 18, 14, .35); text-underline-offset: 4px; }
.ty__davet a:hover { text-decoration-color: currentColor; }
.hk-bant .deneyim-formu { max-width: 760px; margin: clamp(48px, 6vw, 72px) auto 0; text-align: left; }
.hk-bant .deneyim-formu:first-child { margin-top: 0; }
.deneyim-formu .talep-formu__baslik,
.deneyim-formu .talep-formu__giris { text-align: center; }

@media (max-width: 767px) {
	/* Telefonda: önce başlık ve yazı, altında ortalı, ekranı kaplamayan görsel/video; çerçeve dört yandan eşit. */
	.hk-bant--gorselli .hk-bant__ic { grid-template-columns: 1fr; gap: 44px; }
	.hk-bant--gorselli .hk-bant__metin { text-align: center; }
	.hk-bant--gorselli h2::after { margin-left: auto; }
	.hk-bant__gorsel { order: 2; width: min(76%, 290px); margin: 0 auto 10px; }
	.hk-bant__gorsel::before { inset: -10px; }
	.hk-bant__gorsel img { aspect-ratio: 1; }
	/* Telefonda adımlar alt alta, aralarında yatay ince çizgi. */
	.hk-bant--adimlar ol,
	.hk-bant--adimlar ol:has(> li:nth-child(4)) { grid-auto-flow: row; grid-template-columns: 1fr; max-width: 380px; margin-top: 28px; }
	.hk-bant--adimlar li { padding: 44px 8px; border-top: 1px solid rgba(184, 137, 47, .3); border-left: 0; }
	.hk-bant--adimlar li:first-child { border-top: 0; }
	.hk-bant--adimlar li::before { font-size: 8.5rem; }
	.hk-bant--liste ul { grid-template-columns: 1fr; row-gap: 0; }
	.hk-bant--liste li { padding: 36px 8px 0; border-top: 1px solid rgba(214, 199, 168, .18); border-left: 0; }
	.hk-bant--liste li:first-child { padding-top: 0; border-top: 0; }
	.hk-bant--liste li + li { margin-top: 36px; }
	.hk-bant--acik li { border-top-color: rgba(184, 137, 47, .3); }
	.hk-bant--iletisim .sayfa-cta .btn { width: 100%; }
	.hk-bant--form .talep-formu { outline-offset: 6px; }
	.ty { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-template-areas: "gorsel" "alinti" "secim" "davet"; text-align: center; }
	.ty__gorseller { width: min(62%, 230px); margin: 4px auto 30px; }
	.ty__gorsel img,
	.ty__harf { aspect-ratio: 1; }
	.ty__secim { justify-content: center; }
}
.entry-content .sayfa-cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 28px; }
.entry-content .sayfa-cta .btn { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; }
.entry-content .sayfa-not { margin-top: 24px; padding: 12px 14px; border-left: 3px solid var(--gold); background: var(--cream); font-size: .9rem; }

/* ---------- Ürün sayfası: özet satırı ve açılır bilgiler ---------- */
.woocommerce div.product .urun-ozet {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: -.3em 0 1.1em;
	color: var(--muted);
	font-size: .9rem;
}
/* Fiyatın altında "✦ Havale/EFT ile ödemelerde %5 indirim" (başlık fontunun italiği). */
.havale-indirim-notu { display: table; margin: -18px 0 16px; color: var(--ink); font-family: var(--font-display); font-size: 1.08rem; font-style: italic; font-weight: 500; letter-spacing: .01em; }
.havale-indirim-notu__yildiz { margin-right: 2px; font-size: .8em; font-style: normal; }
.urun-ozet__oge { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.urun-ozet__oge .icon { color: var(--gold-deep); }
.urun-ozet__gram { color: var(--ink); font-weight: 700; }
.urun-ozet__ayrac { color: var(--sand); }
.urun-bilgileri { margin: 22px 0 6px; border-top: 1px solid var(--line); }
.urun-bilgileri details { border-bottom: 1px solid var(--line); }
.urun-bilgileri summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 2px;
	color: var(--ink);
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	list-style: none;
	cursor: pointer;
}
.urun-bilgileri summary::-webkit-details-marker { display: none; }
.urun-bilgileri summary::after { content: "+"; color: var(--gold-deep); font-size: 1.3rem; font-weight: 400; line-height: 1; transition: transform .2s; }
.urun-bilgileri details[open] summary::after { transform: rotate(45deg); }
.urun-bilgileri__ic { padding: 0 2px 14px; color: var(--text); font-size: .9rem; line-height: 1.6; }
.urun-bilgileri__ic p { margin: 0 0 8px; }
.urun-bilgileri__ic a { color: var(--gold-deep); }
/* Kutuların altındaki "İade koşulları" ve "Sık sorulan sorular" bağlantıları: sade, koyu ve altı çizili. */
.urun-bilgileri__baglanti { font-size: .86rem; }
.urun-bilgileri__ic .urun-bilgileri__baglanti a { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(21, 18, 14, .3); text-underline-offset: 3px; }
.urun-bilgileri__ic .urun-bilgileri__baglanti a:hover { text-decoration-color: currentColor; }
/* Ürün özellikleri: iki sütunlu, ince çizgili tablo. */
.ozellik-tablosu { width: 100%; margin: 0 0 6px; border: 0; border-collapse: collapse; font-size: .88rem; }
.ozellik-tablosu tr + tr th,
.ozellik-tablosu tr + tr td { border-top: 1px dashed var(--line); }
.ozellik-tablosu th { width: 38%; padding: 9px 12px 9px 0; border: 0; color: var(--muted); font-weight: 500; text-align: left; vertical-align: top; }
.ozellik-tablosu td { padding: 9px 0; border: 0; color: var(--ink); font-weight: 600; }

/* ---------- Boş arama / kategori önerileri ---------- */
.sonuc-yok { margin: 8px 0 24px; padding: clamp(20px, 4vw, 36px); border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; text-align: center; }
.sonuc-yok__baslik { margin: 0 0 8px; font-size: clamp(1.5rem, 3vw, 2rem); }
.sonuc-yok > p { max-width: 560px; margin: 0 auto 16px; color: var(--muted); }
.sonuc-yok__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.sonuc-yok__dugmeler .btn { display: inline-flex; align-items: center; gap: 8px; }
.sonuc-yok__kategoriler { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.sonuc-yok__kategoriler a { display: inline-block; padding: 7px 16px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); font-size: .85rem; }
.sonuc-yok__kategoriler a:hover { border-color: var(--gold); color: var(--gold-deep); }
.sonuc-yok__alt-baslik { margin: 32px 0 16px; font-size: 1.4rem; }
.sonuc-yok .products { text-align: left; }

/* ---------- Bütçeye göre düğmeler ---------- */
.butce {
	display: flex;
	align-items: center;
	gap: 8px;
	clear: both;
	margin: 0 0 18px;
	padding-bottom: 4px;
	overflow-x: auto;
	scrollbar-width: none;
}
.butce::-webkit-scrollbar { display: none; }
.butce__etiket { flex: none; color: var(--muted); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.butce__dugme { flex: none; padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--ink); font-size: .85rem; white-space: nowrap; }
.butce__dugme:hover { border-color: var(--gold); color: var(--gold-deep); }
.butce__dugme.is-secili { border-color: var(--ink); background: var(--ink); color: #fff; }

/* ---------- Instagram bağlantı sayfası ---------- */
.baglanti-sayfasi .page-hero { display: none; }
.baglanti { max-width: 520px; margin: 0 auto; text-align: center; }
.baglanti__logo { width: 180px; height: auto; margin: 0 auto 10px; }
.baglanti__slogan { margin: 0 0 22px; color: var(--muted); font-size: .92rem; }
.baglanti__dugmeler { display: grid; gap: 10px; margin-bottom: 18px; }
.baglanti__dugme {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 15px 18px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: #fff;
	color: var(--ink);
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	transition: border-color .2s, transform .2s;
}
.baglanti__dugme:hover { border-color: var(--gold); transform: translateY(-1px); }
.baglanti__dugme--vurgu { border-color: transparent; background: var(--gold-grad); }
.baglanti__dugme--wa { border-color: transparent; background: var(--wa); color: #fff; }
.baglanti__ara { display: flex; gap: 8px; margin-bottom: 28px; }
.baglanti__ara input { flex: 1; min-width: 0; }
.baglanti__baslik { margin: 0 0 12px; font-size: 1.4rem; }
.baglanti__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin: 0; padding: 0; list-style: none; }
.baglanti__izgara a { position: relative; display: block; overflow: hidden; border-radius: 4px; background: var(--cream); }
.baglanti__izgara img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.baglanti__fiyat { position: absolute; right: 6px; bottom: 6px; padding: 2px 8px; border-radius: 999px; background: rgba(21, 18, 14, .72); color: #fff; font-size: 11px; font-weight: 700; }

/* ---------- Ürün kodu ---------- */
.woocommerce div.product .urun-kodu { margin: -.2em 0 .9em; color: var(--muted); font-size: .76rem; letter-spacing: .06em; text-transform: uppercase; }
.woocommerce div.product .urun-kodu span { color: var(--ink); font-weight: 700; letter-spacing: .1em; }
/* Kod başlığın altında gösterildiği için WooCommerce'in alttaki "Stok kodu" satırı tekrar etmesin. */
.woocommerce div.product .product_meta .sku_wrapper { display: none; }

/* ---------- Teslim süresi ve kargo ---------- */
.teslim-bilgisi {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 22px;
	padding: 12px 14px;
	border: 1px solid var(--line);
	border-radius: var(--radius);
	background: #fff;
	color: var(--text);
	font-size: .86rem;
	line-height: 1.5;
}
.teslim-bilgisi .icon { flex: none; margin-top: 1px; color: var(--gold-deep); }
.teslim-bilgisi p { margin: 0; }
.teslim-bilgisi strong { color: var(--ink); }
.teslim-bilgisi strong::after { content: " ·"; color: var(--muted); font-weight: 400; }
.teslim-bilgisi__tarih { color: var(--muted); }
.teslim-bilgisi__ek { display: block; margin-top: 2px; color: var(--muted); font-size: .78rem; }
.teslim-bilgisi--uretim .icon { color: var(--gold); }
.kargo-kutusu .kargo-kutusu__buton { display: inline-block; }

/* ---------- Fotoğraflı yorumlar ---------- */
.yorum-fotolari { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.yorum-fotolari__oge { display: block; overflow: hidden; width: 72px; height: 72px; border: 1px solid var(--line); border-radius: var(--radius); }
.yorum-fotolari__oge img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.yorum-fotolari__oge:hover img { transform: scale(1.06); }
.comment-form-fotograf label span { color: var(--muted); font-size: .8em; font-weight: 400; }
.comment-form-fotograf input[type="file"] { display: block; margin-top: 6px; font-size: .85rem; }

/* Ana sayfa yorumları: ortalanmış başlık + Etsy puan rozeti, beyaz kartlar (altın tonlu çerçeve, tırnak işareti, baş harf). */
.section--yorumlar { background: linear-gradient(180deg, #fff 0%, var(--ivory) 100%); border-top: 1px solid var(--line); }
.yorumlar-bas { display: flex; flex-direction: column; align-items: center; margin-bottom: clamp(32px, 4vw, 52px); text-align: center; }
.yorumlar-bas .eyebrow::after { content: ""; width: 28px; height: 1px; background: currentColor; }
.yorumlar-puan { display: inline-flex; align-items: center; gap: 10px; margin-top: 20px; padding: 9px 18px; border: 1px solid rgba(184, 137, 47, .3); border-radius: 999px; background: #fff; color: var(--muted); font-size: .84rem; transition: border-color .2s, box-shadow .2s, color .2s; }
.yorumlar-puan:hover { border-color: var(--gold); box-shadow: var(--shadow); color: var(--ink); }
.yorumlar-puan__sayi { color: var(--ink); font-family: var(--font-display); font-size: 1.45rem; font-weight: 600; line-height: 1; }
.yorumlar-puan__yildiz { color: var(--gold); letter-spacing: .1em; }
.yorumlar-puan svg { color: var(--gold-deep); transition: transform .2s; }
.yorumlar-puan:hover svg { transform: translateX(3px); }

.yorum-kartlari { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 380px)); justify-content: center; gap: 24px; }
.yorum-karti { display: flex; flex-direction: column; margin: 0; overflow: hidden; border: 1px solid rgba(184, 137, 47, .22); border-radius: var(--radius-lg); background: #fff; box-shadow: 0 1px 2px rgba(54, 36, 8, .05); transition: transform .25s, box-shadow .25s, border-color .25s; }
.yorum-karti:hover { border-color: rgba(184, 137, 47, .45); box-shadow: var(--shadow); transform: translateY(-3px); }
.yorum-karti__foto img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.yorum-karti__ic { display: flex; flex: 1; flex-direction: column; gap: 18px; padding: 26px 26px 22px; }
.yorum-karti__ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.yorum-karti__yildiz { margin: 0; color: var(--gold); font-size: 1rem; letter-spacing: .14em; }
.yorum-karti__rozet { padding: 3px 10px; border-radius: 999px; font-size: .7rem; font-weight: 600; letter-spacing: .02em; white-space: nowrap; }
.yorum-karti__rozet--dogrulanmis { background: rgba(31, 138, 76, .1); color: var(--up); }
.yorum-karti__rozet--etsy { background: rgba(241, 100, 30, .1); color: #c2410c; }
.yorum-karti__govde { display: flex; flex: 1; flex-direction: column; gap: 12px; }
.yorum-karti__ceviri { margin: 0; padding-left: 12px; border-left: 2px solid rgba(184, 137, 47, .35); color: var(--muted); font-size: .86rem; line-height: 1.55; }
.yorum-karti__ceviri span { color: var(--gold-deep); font-weight: 600; }
.yorum-karti .yorum-karti__metin { margin: 0; padding: 0; border: 0; background: none; quotes: none; color: var(--ink); font-family: var(--font-display); font-size: 1.36rem; font-weight: 500; line-height: 1.42; text-wrap: pretty; }
.yorum-karti__metin::before { content: "\201C"; display: block; height: 1.7rem; color: var(--gold); font-size: 4.2rem; line-height: 1; opacity: .45; }
.yorum-karti .yorum-karti__metin,
.yorum-karti .yorum-karti__metin p { margin: 0; font-style: normal; }
.yorum-karti__alt { display: flex; align-items: center; gap: 12px; padding-top: 18px; border-top: 1px solid var(--line); }
.yorum-karti__harf { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--cream); color: var(--gold-deep); font-family: var(--font-display); font-size: 1.3rem; font-weight: 600; line-height: 1; }
.yorum-karti__kim { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.yorum-karti__kim strong { color: var(--ink); font-size: .92rem; }
.yorum-karti__detay { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; color: var(--muted); font-size: .8rem; }
.yorum-karti__konum { display: inline-flex; align-items: center; gap: 4px; color: var(--text); font-weight: 600; }
.yorum-karti__konum svg { color: var(--gold); }
.yorum-karti__urun { overflow: hidden; margin-top: -6px; color: var(--muted); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
a.yorum-karti__urun { text-decoration: underline; text-decoration-color: rgba(184, 137, 47, .4); text-underline-offset: 3px; }
a.yorum-karti__urun:hover { color: var(--gold-deep); }
@media (prefers-reduced-motion: reduce) { .yorum-karti:hover { transform: none; } }

/* Yorumsuz ürün sayfası: Etsy puanı + son Etsy yorumları ("Henüz değerlendirme yapılmadı" yerine). */
.urun-etsy { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin: 4px 0 28px; }
.urun-etsy__giris { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.6; }
.urun-etsy .yorumlar-puan { margin-top: 0; }
.urun-etsy__kartlar { width: 100%; justify-content: start; }

/* ---------- Instagram galerisi ---------- */
.section--instagram { background: var(--ivory); }
/* Instagram profil kartı (template-parts/home/instagram.php): fotoğraf | ad + sayılar (+ masaüstünde biyografi) | Takip et. */
.ig-profil {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-template-areas: "foto bilgi takip" "foto bio takip";
	align-items: center;
	gap: 6px 28px;
	margin-bottom: 22px;
	padding: 22px 26px;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: #fff;
}
.ig-profil__foto { grid-area: foto; display: block; border-radius: 50%; }
.ig-profil__foto img { display: block; width: 96px; height: 96px; border-radius: 50%; background: var(--cream); object-fit: cover; }
.ig-profil__bilgi { grid-area: bilgi; align-self: end; min-width: 0; }
.ig-profil__ad { display: flex; align-items: center; gap: 8px; margin: 0; font-family: var(--font-body); font-size: 1.15rem; font-weight: 700; letter-spacing: .01em; }
.ig-profil__ad a { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; }
.ig-profil__tik { flex: none; }
.ig-profil__sayilar { display: flex; flex-wrap: wrap; gap: 4px 22px; margin: 6px 0 0; padding: 0; color: var(--muted); font-size: .92rem; list-style: none; }
.ig-profil__sayilar strong { color: var(--ink); font-weight: 700; }
.ig-profil__bio { grid-area: bio; align-self: start; margin: 4px 0 0; color: var(--text); font-size: .88rem; line-height: 1.55; }
.ig-profil__takip { grid-area: takip; white-space: nowrap; }
@media (max-width: 640px) {
	.ig-profil { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "foto bilgi" "bio bio" "takip takip"; gap: 12px 16px; padding: 18px; }
	.ig-profil__foto img { width: 76px; height: 76px; }
	.ig-profil__bilgi { align-self: center; }
	.ig-profil__bio { margin-top: 2px; }
	.ig-profil__takip { width: 100%; }
}

/* Instagram Feed eklentisinin akışı (inc/instagram.php): elle seçilen galeriyle aynı köşe ve zemin. */
.instagram-akisi #sb_instagram { padding-bottom: 0 !important; }
.instagram-akisi #sb_instagram .sbi_photo_wrap,
.instagram-akisi #sb_instagram .sbi_photo { overflow: hidden; border-radius: var(--radius); background-color: var(--cream); }
.instagram-akisi #sb_instagram .sbi_photo img { transition: transform .5s ease; }
.instagram-akisi #sb_instagram .sbi_photo:hover img,
.instagram-akisi #sb_instagram .sbi_photo:focus-visible img { transform: scale(1.05); }
.instagram-galerisi { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.instagram-galerisi li { position: relative; overflow: hidden; border-radius: var(--radius); background: var(--cream); }
.instagram-galerisi img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform .5s ease; }
.instagram-galerisi__ikon {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(21, 18, 14, .38);
	color: #fff;
	opacity: 0;
	transition: opacity .3s;
}
.instagram-galerisi a:hover img,
.instagram-galerisi a:focus-visible img { transform: scale(1.05); }
.instagram-galerisi a:hover .instagram-galerisi__ikon,
.instagram-galerisi a:focus-visible .instagram-galerisi__ikon { opacity: 1; }
@media (max-width: 900px) {
	.instagram-galerisi { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
}

/* ---------- Kişiye özel yazı ve iade notu ---------- */
.ozel-yazi { flex: 1 1 100%; margin-bottom: 14px; }
.ozel-yazi label.urun-olcu__baslik { display: block; }
.ozel-yazi__istege { color: var(--muted); font-weight: 500; letter-spacing: .02em; text-transform: none; }
.ozel-yazi input,
.ozel-yazi select { width: 100%; }
.ozel-yazi .ozel-yazi__harf { font-size: 1rem; font-weight: 600; }
/* Baş harfler (A & B) ve tarih. */
/* Seçim düğmeleriyle aynı yükseklik (40 px). Yazı 16 px altına inmez: iPhone odaklanınca sayfayı büyütür. */
.ozel-yazi__harfler { display: flex; align-items: center; gap: 9px; }
.ozel-yazi .ozel-yazi__harfler input { width: 42px; height: 40px; min-height: 0; padding: 0; font-size: 1.15rem; font-weight: 700; text-align: center; text-transform: uppercase; }
.ozel-yazi__ve { color: var(--gold-deep); font-family: var(--font-display); font-size: 1.4rem; line-height: 1; }
.ozel-yazi .ozel-yazi__tarih { max-width: 150px; height: 40px; min-height: 0; padding: 0 12px; font-size: 1rem; letter-spacing: .06em; font-variant-numeric: lining-nums tabular-nums; }
.tarih-balon { position: relative; margin-top: 12px; padding: 12px 14px; border-radius: var(--radius); background: var(--ink); color: #fff; font-size: .86rem; line-height: 1.55; }
.tarih-balon::before { content: ""; position: absolute; top: -7px; left: 26px; border: 7px solid transparent; border-top: 0; border-bottom-color: var(--ink); }
.tarih-balon__metin { margin: 0; }
.tarih-balon__metin strong { color: var(--gold-light); }
.tarih-balon__dugme { display: inline-flex; margin-top: 10px; padding: 9px 16px; border: 0; border-radius: 4px; background: var(--gold-grad); color: var(--ink); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.tarih-balon.is-hata { background: var(--down); }
.tarih-balon.is-hata::before { border-bottom-color: var(--down); }
.tarih-balon.is-titre { animation: tarih-titre .45s ease; }
@keyframes tarih-titre { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
.tarih-tamam { margin: 8px 0 0; color: var(--up); font-size: .82rem; font-weight: 600; }
.ozel-yazi__alt { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 6px 0 0; color: var(--muted); font-size: .74rem; }
.ozel-yazi__sayac { color: var(--ink); font-variant-numeric: lining-nums tabular-nums; font-weight: 700; }
.kisiye-ozel-not {
	flex: 1 1 100%;
	margin: 8px 0 0;
	padding: 10px 12px;
	border-left: 3px solid var(--gold);
	border-radius: 0 var(--radius) var(--radius) 0;
	background: var(--cream);
	color: var(--text);
	font-size: .8rem;
	line-height: 1.5;
}
.kisiye-ozel-not--urun { margin: 0 0 14px; }

/* Sabit çubuktan gelinince eksik seçimi vurgula. */
.is-eksik { border-radius: var(--radius); animation: eksik-vurgu 1.7s ease; }
.secim-uyari { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; color: #b42318; font-size: .82rem; font-weight: 600; }
.secim-uyari::before { content: "!"; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%; background: #b42318; color: #fff; font-size: 11px; }
@keyframes eksik-vurgu {
	0%, 65% { background: rgba(192, 57, 43, .06); box-shadow: 0 0 0 3px rgba(192, 57, 43, .5); }
	100% { box-shadow: 0 0 0 3px rgba(192, 57, 43, 0); }
}

/* ---------- Mobil sabit "Sepete ekle" çubuğu ---------- */
.yapiskan-sepet { display: none; }
@media (max-width: 767px) {
	.yapiskan-sepet:not([hidden]) {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 70;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		border-top: 1px solid var(--line);
		background: rgba(251, 248, 242, .97);
		box-shadow: 0 -12px 30px -20px rgba(54, 36, 8, .5);
		-webkit-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
		animation: yapiskan-gir .25s ease;
	}
	.yapiskan-sepet__gorsel { flex: none; width: 46px; height: 46px; border-radius: 4px; object-fit: cover; background: var(--cream); }
	.yapiskan-sepet__bilgi { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
	.yapiskan-sepet__ad { overflow: hidden; color: var(--ink); font-size: .8rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
	.yapiskan-sepet__fiyat { color: var(--gold-deep); font-size: .92rem; font-weight: 700; white-space: nowrap; }
	.yapiskan-sepet .yapiskan-sepet__buton {
		flex: none;
		margin: 0;
		padding: 1em 1.25em;
		border: 0;
		border-radius: var(--radius);
		background: var(--ink);
		color: var(--ivory);
		font-size: .68rem;
		font-weight: 700;
		letter-spacing: .1em;
		text-transform: uppercase;
	}
	/* Ürün sayfasında "WhatsApp ile sipariş ver" butonu var; balon içeriğin ve yapışkan çubuğun üstüne biniyordu. */
	body.single-product .whatsapp-float { display: none; }
	body.yapiskan-sepet-acik .cerez-bildirimi { bottom: calc(80px + env(safe-area-inset-bottom)); }
	body.yapiskan-sepet-acik .site-footer { padding-bottom: 72px; }
}
@keyframes yapiskan-gir { from { transform: translateY(100%); } }

/* ---------- Ürün kartı görseli: ikinci fotoğraf, telefonda kaydırma, etiketler ---------- */
.urun-karti__gorsel { position: relative; overflow: hidden; }
.urun-karti__serit { position: relative; }
.woocommerce ul.products li.product a img.urun-karti__ikinci { position: absolute; inset: 0; height: 100%; opacity: 0; transition: opacity .45s ease; }
@media (hover: hover) {
	.woocommerce ul.products li.product:hover img.urun-karti__ikinci,
	.woocommerce ul.products li.product a:focus-visible img.urun-karti__ikinci { opacity: 1; }
}
.urun-karti__noktalar { display: none; }
/* Dokunmatik: iki fotoğraf yan yana; sola kaydırınca ikincisi gelir, altta hangisinde olunduğunu gösteren noktalar. */
@media (hover: none) {
	.urun-karti__gorsel--iki .urun-karti__serit { display: flex; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
	.urun-karti__gorsel--iki .urun-karti__serit::-webkit-scrollbar { display: none; }
	.urun-karti__gorsel--iki .urun-karti__serit > img { flex: 0 0 100%; min-width: 100%; scroll-snap-align: start; scroll-snap-stop: always; }
	.woocommerce ul.products li.product a .urun-karti__gorsel--iki img.urun-karti__ikinci { position: static; height: auto; opacity: 1; }
	.urun-karti__noktalar { position: absolute; bottom: 9px; left: 50%; display: flex; gap: 5px; transform: translateX(-50%); pointer-events: none; }
	.urun-karti__noktalar i { width: 6px; height: 6px; border-radius: 3px; background: rgba(21, 18, 14, .25); transition: width .2s, background-color .2s; }
	.urun-karti__noktalar i.is-aktif { width: 14px; background: var(--ink); }
}
.urun-karti__rozetler { position: absolute; top: 10px; left: 10px; z-index: 2; display: flex; flex-wrap: wrap; gap: 5px; max-width: calc(100% - 56px); pointer-events: none; }
.urun-karti__rozet { padding: 4px 8px; border-radius: 3px; background: rgba(255, 255, 255, .94); box-shadow: 0 1px 2px rgba(21, 18, 14, .08); color: var(--ink); font-size: .68rem; font-weight: 700; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
/* Telefonda kart dar: iki etiket iki satır kaplayıp ürünü örtüyordu, yalnızca öncelikli olan görünür. */
@media (max-width: 640px) { .urun-karti__rozet + .urun-karti__rozet { display: none; } }
.urun-karti__rozet--indirim { background: var(--down); color: #fff; }
.urun-karti__rozet--lab { background: var(--gold-grad); color: var(--ink); }
/* Ürün sayfası: başlığın üstündeki "Laboratuvar pırlantası" etiketi. */
.urun-lab { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 10px; padding: 5px 12px; border: 1px solid rgba(184, 137, 47, .35); border-radius: 999px; background: #fff; color: var(--gold-deep); font-size: .72rem; font-weight: 700; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.urun-lab svg { flex: none; color: var(--gold); }

/* ---------- Çerez bildirimi ---------- */
.cerez-bildirimi:not([hidden]) {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 80;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 440px;
	padding: 14px 16px;
	border: 1px solid var(--line);
	border-radius: var(--radius-lg);
	background: #fff;
	box-shadow: var(--shadow);
	font-size: .82rem;
	line-height: 1.5;
}
.cerez-bildirimi p { margin: 0; }
.cerez-bildirimi a { color: var(--gold-deep); text-decoration: underline; }
/* Kabul/ret seçimli hâl: metin üstte, iki eşit düğme altta. */
.cerez-bildirimi--onay:not([hidden]) { flex-direction: column; align-items: stretch; }
.cerez-bildirimi__secim { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.cerez-bildirimi .cerez-bildirimi__tamam.cerez-bildirimi__ret { border: 1px solid var(--ink); background: #fff; color: var(--ink); }
.cerez-bildirimi .cerez-bildirimi__tamam {
	flex: none;
	margin: 0;
	padding: .85em 1.3em;
	border: 0;
	border-radius: var(--radius);
	background: var(--ink);
	color: #fff;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	cursor: pointer;
}

/* ---------- Yasal sayfalar ---------- */
.footer-yasal { display: flex; flex-wrap: wrap; flex-basis: 100%; order: 3; gap: 6px 18px; font-size: .78rem; }
.footer-yasal a { color: inherit; opacity: .75; }
.footer-yasal a:hover { color: var(--gold-light); opacity: 1; }
.yasal-bilgiler { margin: 0 0 1em; padding-left: 1.1em; }
.yasal-ozet { width: 100%; margin: 0 0 1.2em; border-collapse: collapse; font-size: .9rem; }
.yasal-ozet th,
.yasal-ozet td { padding: 8px 10px; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.yasal-ozet thead th { background: var(--cream); }
.yasal-ozet tfoot th { font-weight: 600; text-align: right; }
.yasal-ozet dl,
.yasal-ozet .wc-item-meta { display: grid; grid-template-columns: auto 1fr; gap: 0 6px; margin: 4px 0 0; padding: 0; color: var(--muted); font-size: .8rem; list-style: none; }
.yasal-ozet .wc-item-meta li { display: contents; }
.yasal-ozet dd,
.yasal-ozet dd p,
.yasal-ozet .wc-item-meta p { margin: 0; }
.yasal-eksik { padding: 0 4px; background: #fde68a; color: #7c2d12; }
.yasal-bos { padding: 10px 12px; border: 1px dashed var(--line); color: var(--muted); }
details.yasal-siparis { margin: 24px 0; padding: 12px 16px; border: 1px solid var(--line); border-radius: var(--radius); }
details.yasal-siparis summary { font-weight: 600; cursor: pointer; }
.yasal-siparis__icerik { max-height: 480px; margin-top: 12px; overflow: auto; font-size: .85rem; }

@media (max-width: 900px) {
	.hero__inner,
	.contact-layout { grid-template-columns: minmax(0, 1fr); }
	.hero__visual { order: -1; }
	.hero__arch { width: min(72%, 300px); }
	.features { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.woocommerce div.product .urun-ust { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 782px) {
	.admin-bar .site-header { top: 46px; }
}

@media (max-width: 640px) {
	.hide-sm { display: none; }
	.admin-bar .site-header { top: 0; }
	.custom-logo { max-height: 38px; }

	.hero { padding: 32px 0 48px; }
	.hero__inner { gap: 28px; }
	.hero__arch { width: min(56%, 200px); }
	.hero__facts { gap: 18px 28px; margin-top: 36px; }
	.hero__facts strong { font-size: 1.4rem; }
	.hero__actions .btn { flex: 1 1 100%; }

	.section-head { flex-direction: column; align-items: flex-start; gap: 14px; }

	.cat-card { flex-basis: calc(50% - 12px); }
	.cat-card__media { max-width: 150px; }
	.cat-card__name { font-size: 1.2rem; }

	.woocommerce ul.products[class*="columns-"] { --cols: 2; gap: 12px; }
	.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 12px 12px 0; font-size: 1.08rem; }
	.woocommerce ul.products li.product .altin-rozet { padding: 0 12px; font-size: 11px; letter-spacing: .06em; }
	.woocommerce ul.products li.product .price { padding: 8px 12px 14px; font-size: .95rem; }
	.woocommerce ul.products li.product .button { margin: 12px; padding: .9em .6em; font-size: 11px; letter-spacing: .06em; }

	.features { grid-template-columns: minmax(0, 1fr); gap: 20px; }

	/* Mobil sepet: WooCommerce satırı 80px + 132px ızgarayla dizer; adet seçici ve sil butonu
	   yan yana sığmazsa fazladan sütun açılıp satır taşar. Sil butonu alt satıra inebilsin. */
	.wc-block-cart .wc-block-cart-item__quantity { flex-wrap: wrap; row-gap: 8px; }

	.duyuru { font-size: 11px; letter-spacing: .08em; }

	/* Okunurluk: bilgi cümleleri telefonda en az 13 px, büyük harfli kısa etiketler en az 11 px. */
	.altin-bilgi__gram-notu,
	.altin-bilgi__not,
	.teslim-bilgisi,
	.teslim-bilgisi__ek,
	.ozel-yazi__alt,
	.kisiye-ozel-not,
	.cerez-bildirimi,
	.yorum-karti__detay,
	.yorum-karti__ceviri,
	.haber-ver__onay,
	.yorum-karti__urun,
	.footer-yasal,
	.guven-seridi__etbis,
	.yasal-ozet,
	.woocommerce div.product .urun-kodu { font-size: 13px; }
	.altin-bilgi__gram-notu { font-style: normal; }
	.urun-olcu__baslik,
	.ozel-olcu__etiket,
	.altin-bilgi__ozellikler span,
	.guven-seridi__baslik,
	.cat-card__count,
	.eyebrow { font-size: 11px; }
	.duyuru__ic { gap: 4px; padding-inline: 8px; }
	.acilis__orta { gap: 28px; }
	.acilis__buton { padding: 15px 38px; }

	.footer-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }

	.whatsapp-float { right: 14px; bottom: 14px; height: 54px; }
	.whatsapp-float__ikon { width: 54px; height: 54px; }
	.whatsapp-float__etiket { display: none; }

	.cerez-bildirimi:not([hidden]) { right: 12px; bottom: 12px; left: 12px; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ---------- Yazı dengesi (Hakkımızda'da seçilen "1", bütün sitede) ----------
   Başlıklar Cormorant 600; açık zemindeki açıklama metinleri Manrope 300. Form, fiyat, buton ve yasal
   metinler normal kalınlıkta kalır. */
.feature__text,
.contact-card__lead,
.magaza-baslik__aciklama,
.cok-yakinda__metin,
.talep-formu__giris,
.page-description,
.woocommerce-product-details__short-description,
.urun-etsy__giris,
.favoriler__bos p,
.sonuc-yok > p,
.baglanti__slogan,
.mini-sepet__bos-metin { font-weight: 300; letter-spacing: .01em; }