/* ==========================================================================
   Urania teması: v2 (beyaz) tasarım sistemi.
   Renk ve yazı tipi değişikliği için yalnızca :root token'larını ve theme.json'u düzenleyin.
   ========================================================================== */

:root {
	--gece: #2B1F45;
	--mor: #6D5DAB;
	--mor-koyu: #57489A;
	--lila: #DBD2E7;
	--lila-acik: #F5F1FA;
	--altin: #B29330;
	--altin-koyu: #8A6E1F;
	--soluk: #5E5470;
	--cizgi: #EFE9F5;
	--hata: #B42318;
	--beyaz: #FFFFFF;
	--f-baslik: 'Bodoni Moda', Didot, 'Times New Roman', serif;
	--f-metin: Jost, system-ui, -apple-system, 'Segoe UI', sans-serif;
	--kenar: 24px;
	--bolum: 48px;
	--genis: 1280px;
	--dar: 720px;
}
@media (min-width: 900px) {
	:root { --kenar: 56px; --bolum: 64px; }
}

/* Temel ------------------------------------------------------------------ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--beyaz);
	color: var(--gece);
	font-family: var(--f-metin);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--mor); text-underline-offset: 3px; }
a:hover { color: var(--mor-koyu); }
p { margin: 0 0 1em; }
h1, h2, h3, h4 {
	font-family: var(--f-baslik);
	font-weight: 400;
	line-height: 1.12;
	color: var(--gece);
	margin: 0 0 .5em;
	letter-spacing: -.005em;
}
h1 { font-size: clamp(32px, 5vw, 56px); }
h2 { font-size: clamp(26px, 3.4vw, 40px); }
h3 { font-size: 20px; }
h1 em, h2 em, h3 em { font-style: italic; }
h1 em { color: var(--mor); }
:focus-visible { outline: 2px solid var(--mor); outline-offset: 2px; }
.u-bant--gece :focus-visible, .u-footer :focus-visible { outline-color: var(--altin); }
::selection { background: var(--lila); color: var(--gece); }

.screen-reader-text, .u-gizli {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.u-atla { position: absolute; left: 8px; top: -60px; z-index: 100; background: var(--gece); color: #fff; padding: 12px 16px; }
.u-atla:focus { top: 8px; color: #fff; }

/* Düzen ------------------------------------------------------------------ */
.u-kap { width: 100%; max-width: calc(var(--genis) + 2 * var(--kenar)); margin-inline: auto; padding-inline: var(--kenar); }
.u-kap--dar { max-width: calc(var(--dar) + 2 * var(--kenar)); }
.u-ortala { text-align: center; }
.u-ortala .u-altin-cizgi, .u-ortala hr.u-altin-cizgi { margin-inline: auto; }
.u-bolum { padding-block: var(--bolum); }
.u-bolum--ust-bosluksuz { padding-top: 0; }
.u-bant { padding-block: var(--bolum); }
.u-bant--lila { background: var(--lila); }
.u-bant--acik { background: var(--lila-acik); }
.u-bant--gece { background: var(--gece); color: #fff; }
.u-bant--gece h2, .u-bant--gece h3 { color: var(--altin); }
.u-bant--gece p, .u-bant--gece li { color: var(--lila); }

/* Blok içerik: sayfa ve ana sayfa */
.u-icerik > :where(:not(.alignfull):not(.alignwide)) { max-width: var(--dar); margin-inline: auto; padding-inline: var(--kenar); }
.u-icerik > .alignwide { max-width: var(--genis); margin-inline: auto; padding-inline: var(--kenar); }
.u-icerik .alignfull { width: 100%; max-width: none; }
.u-icerik > .wp-block-group.alignfull { padding-inline: var(--kenar); }
.u-icerik > .wp-block-group.alignfull.u-bolum { margin-block: 0; }
.u-icerik .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--genis); }
.u-icerik .u-sss.is-layout-constrained > *, .u-icerik .u-bant--acik.is-layout-constrained > * { max-width: var(--dar); }
.u-icerik .u-bolum > .wp-block-shortcode, .u-icerik .u-bolum > p:has(> .u-burclar) { max-width: var(--genis); margin-inline: auto; }
.u-icerik > .wp-block-group + .wp-block-group { margin-top: 0; }
.u-sayfa { padding-bottom: var(--bolum); }
.u-sayfa__bas { padding-block: 40px 24px; }

/* Tipografi yardımcıları ------------------------------------------------- */
.u-etiket {
	font-family: var(--f-metin);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--altin-koyu);
	margin: 0 0 12px;
}
.u-etiket--koyu { color: var(--gece); }
.u-etiket--mor { color: var(--mor); }
.u-etiket--lila { color: var(--lila); }
.u-etiket--soluk { color: var(--soluk); letter-spacing: .12em; margin: 0; }
.u-altin-cizgi, hr.u-altin-cizgi {
	display: block; width: 40px; height: 1px; border: 0; background: var(--altin);
	margin: 16px 0 20px; opacity: 1;
}
.u-giris { font-size: 16px; font-weight: 300; color: var(--soluk); }
.u-okuma { font-size: 16px; font-weight: 300; line-height: 1.75; }
.u-link-etiket {
	font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
	display: inline-flex; align-items: center; min-height: 44px;
}

/* Butonlar -------------------------------------------------------------- */
.u-btn, .button, .wp-block-button__link, button.single_add_to_cart_button, .woocommerce-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 50px; padding: 0 28px;
	background: var(--mor); color: #fff; border: 1px solid var(--mor); border-radius: 0;
	font-family: var(--f-metin); font-size: 13px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
	text-decoration: none; cursor: pointer; transition: background .15s, color .15s;
}
.u-btn:hover, .button:hover, .wp-block-button__link:hover, button.single_add_to_cart_button:hover { background: var(--mor-koyu); border-color: var(--mor-koyu); color: #fff; }
.u-btn--tam { width: 100%; }
.u-btn--altin, .u-btn-altin .wp-block-button__link {
	background: transparent; color: var(--altin); border: 1px solid var(--altin);
}
.u-btn--altin:hover, .u-btn-altin .wp-block-button__link:hover { background: var(--altin); color: var(--gece); border-color: var(--altin); }
.button:disabled, .button.disabled, button.single_add_to_cart_button.disabled, button.single_add_to_cart_button:disabled {
	background: #ECE7F2; border-color: #ECE7F2; color: var(--soluk); cursor: not-allowed;
}

/* Duyuru + Header -------------------------------------------------------- */
.u-duyuru {
	background: var(--lila); color: var(--gece);
	font-size: 12px; letter-spacing: .12em; text-align: center; padding: 9px 16px;
}
.u-header { background: #fff; border-bottom: 1px solid var(--cizgi); position: sticky; top: 0; z-index: 40; }
.u-header__ic {
	display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
	min-height: 64px; padding-inline: 8px; max-width: calc(var(--genis) + 2 * var(--kenar)); margin-inline: auto;
}
.u-logo { justify-self: center; display: block; }
.u-logo__img { height: 34px; width: auto; }
.u-header__sag { justify-self: end; display: flex; }
.u-ikon {
	width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
	background: none; border: 0; color: var(--gece); cursor: pointer; position: relative; padding: 0;
}
.u-ikon:hover { color: var(--mor); }
.u-sepet__sayi {
	position: absolute; top: 5px; right: 3px; min-width: 17px; height: 17px; padding: 0 4px;
	border-radius: 9px; background: var(--mor); color: #fff; font-size: 10px; font-weight: 500;
	display: inline-flex; align-items: center; justify-content: center;
}
.u-sepet__sayi[hidden] { display: none; }

/* Mobil menü (çekmece) */
.u-nav {
	position: fixed; inset: 0 auto 0 0; width: min(86vw, 360px); background: #fff; z-index: 60;
	padding: 72px 24px 24px; transform: translateX(-100%); transition: transform .25s ease; overflow-y: auto;
	visibility: hidden;
}
.u-menu-acik .u-nav { transform: none; visibility: visible; }
.u-menu-kapat { position: absolute; top: 12px; right: 12px; }
.u-nav__liste { list-style: none; margin: 0; padding: 0; }
.u-nav__liste a {
	display: flex; align-items: center; min-height: 52px; border-bottom: 1px solid var(--cizgi);
	color: var(--gece); text-decoration: none; font-size: 14px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase;
}
.u-nav__liste .sub-menu { list-style: none; padding-left: 16px; margin: 0; }
.u-perde { position: fixed; inset: 0; background: rgba(43, 31, 69, .45); z-index: 50; }
.u-perde[hidden] { display: none; }
.u-menu-acik { overflow: hidden; }

.u-arama { border-top: 1px solid var(--cizgi); padding: 12px var(--kenar); background: #fff; }
.u-arama[hidden] { display: none; }
.u-arama form { display: flex; gap: 8px; max-width: var(--dar); margin-inline: auto; }
.u-arama input[type=search] { flex: 1; }

/* Formlar -------------------------------------------------------------- */
input[type=text], input[type=email], input[type=tel], input[type=search], input[type=password], input[type=number], input[type=date], select, textarea, .u-secim {
	font: inherit; font-size: 16px; color: var(--gece); background: #fff;
	border: 1px solid #CFC6DD; border-radius: 0; min-height: 48px; padding: 10px 12px; width: 100%;
}
textarea { min-height: 96px; resize: vertical; }
label { font-size: 14px; }
.u-alan { display: flex; flex-direction: column; gap: 6px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; flex: 1; }
.u-alan--genis { flex: 2; }

/* Hero ------------------------------------------------------------------ */
.u-hero { text-align: center; padding-block: 40px 12px; }
.u-hero .u-altin-cizgi { margin-inline: auto; }
.u-hero h1 { max-width: 14ch; margin-inline: auto; }

/* Chips ------------------------------------------------------------------ */
.u-chips { display: flex; gap: 6px; overflow-x: auto; padding: 4px 0 20px; scrollbar-width: none; }
.u-chips::-webkit-scrollbar { display: none; }
.u-chips--orta { justify-content: center; flex-wrap: wrap; overflow: visible; padding-top: 12px; }
.u-chip {
	flex-shrink: 0; min-height: 44px; padding: 0 16px; border-radius: 22px;
	display: inline-flex; align-items: center;
	background: #fff; color: var(--gece); border: 1px solid var(--lila);
	font: inherit; font-size: 14px; letter-spacing: .04em; cursor: pointer; text-decoration: none;
}
.u-chip:hover { border-color: var(--mor); color: var(--gece); }
.u-chip[aria-pressed=true], .u-chip[aria-current=true] { background: var(--mor); border-color: var(--mor); color: #fff; }

/* Ürün ızgarası ve kart ------------------------------------------------- */
.u-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 12px; }
.u-kart[hidden] { display: none; }
.u-kart__link { display: flex; flex-direction: column; gap: 12px; color: inherit; text-decoration: none; height: 100%; }
.u-kart__gorsel { position: relative; background: var(--lila-acik); aspect-ratio: 4 / 5; overflow: hidden; }
.u-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: opacity .2s; }
.u-kart:not(.u-kart--burc) .u-kart__gorsel { aspect-ratio: 1; }
.u-kart--burc .u-kart__gorsel { background: transparent; }
.u-kart__link:hover img { opacity: .92; }
.u-rozet {
	position: absolute; top: 14px; left: 22px; background: rgba(255, 255, 255, .92); color: var(--mor);
	font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; line-height: 1;
	padding: 6px 12px 5px; border-radius: 999px;
}
.u-kart__metin { display: flex; flex-direction: column; gap: 4px; text-align: center; }
.u-kart__ad { font-family: var(--f-baslik); font-size: 20px; font-weight: 400; margin: 0; line-height: 1.2; }
.u-kart:not(.u-kart--burc) .u-kart__ad { font-size: 17px; }
.u-kart__en { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); }
.u-kart__nota { font-size: 12px; font-weight: 300; color: var(--soluk); line-height: 1.4; }
.u-kart__fiyat { font-size: 14px; font-weight: 500; margin-top: 2px; }
.u-kart__fiyat del { color: var(--soluk); font-weight: 300; margin-right: 6px; }
.u-kart__fiyat ins { text-decoration: none; }
.u-burclar__bos { text-align: center; color: var(--soluk); }

/* Yatay kaydırmalı liste (keşif setleri) */
.u-kaydir { display: grid; grid-auto-flow: column; grid-auto-columns: 230px; gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; margin-right: calc(-1 * var(--kenar)); padding-right: var(--kenar); }
.u-kaydir > * { scroll-snap-align: start; }

/* Burcunu bul ------------------------------------------------------------ */
.u-bul { display: flex; flex-direction: column; gap: 16px; max-width: 560px; }
.u-bant--lila .u-bul, .u-ortala .u-bul { margin-inline: auto; }
.u-bul__alanlar { display: flex; gap: 10px; }
.u-bul select { border-color: var(--gece); }
.u-bul__sonuc { background: #fff; padding: 14px; display: flex; gap: 16px; align-items: center; }
.u-bul__sonuc img { width: 72px; height: 90px; object-fit: cover; }
.u-bul__ad { font-family: var(--f-baslik); font-size: 20px; margin: 2px 0; }

/* Lila bant: içerik tek sütunda ortalı */
.u-icerik .u-bant--lila > * { max-width: 640px; }
.u-bant--lila > .u-etiket, .u-bant--lila > h2 { text-align: center; }

/* Hediye adımları ------------------------------------------------------- */
.u-adimlar { list-style: none; counter-reset: adim; margin: 8px 0 24px; padding: 0; }
.u-adimlar li {
	counter-increment: adim; display: grid; grid-template-columns: 44px 1fr; gap: 4px 12px;
	padding: 16px 0; border-top: 1px solid rgba(178, 147, 48, .45); font-size: 14px; font-weight: 300; line-height: 1.55;
}
.u-adimlar li:last-child { border-bottom: 1px solid rgba(178, 147, 48, .45); }
.u-adimlar li::before {
	content: counter(adim, upper-roman); grid-row: span 2;
	font-family: var(--f-baslik); font-size: 28px; line-height: 1; color: var(--altin);
}
.u-adimlar strong { display: block; font-size: 16px; font-weight: 500; color: #fff; }
.u-bant--gece .wp-block-buttons { margin-top: 8px; }
.u-bant--gece .wp-block-button, .u-bant--gece .wp-block-button__link { width: 100%; }

/* Güven şeridi ------------------------------------------------------------ */
.u-guven { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 16px; text-align: center; max-width: var(--genis); }
.u-guven li { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.u-guven svg { color: var(--altin); }
.u-guven__baslik { font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.u-guven__alt { font-size: 12px; font-weight: 300; color: var(--soluk); }

/* SSS (Ayrıntılar bloğu) ------------------------------------------------ */
.u-sss details, details.wp-block-details { border-top: 1px solid var(--lila); padding: 0; margin: 0; }
.u-sss details:last-of-type { border-bottom: 1px solid var(--lila); }
details.wp-block-details summary {
	list-style: none; cursor: pointer; min-height: 60px; padding: 16px 32px 16px 0; position: relative;
	display: flex; align-items: center; font-size: 16px;
}
details.wp-block-details summary::-webkit-details-marker { display: none; }
details.wp-block-details summary::after {
	content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
	color: var(--altin); font-size: 24px; font-weight: 300; transition: transform .2s;
}
details.wp-block-details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
details.wp-block-details > :not(summary) { font-size: 14px; font-weight: 300; line-height: 1.65; color: var(--soluk); margin: 0 0 16px; }

.u-sss h2 { margin-bottom: 20px; }

/* Özellik listesi (burç sayfası) */
.u-ozellikler { list-style: none; padding: 0; margin: 0; }
.u-ozellikler li { display: grid; grid-template-columns: 96px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid var(--lila); font-size: 14px; line-height: 1.55; }
.u-ozellikler li:last-child { border-bottom: 1px solid var(--lila); }
.u-ozellikler strong { font-family: var(--f-baslik); font-size: 20px; font-weight: 400; color: var(--mor); }

/* Nota tablosu ------------------------------------------------------------- */
.u-notalar { margin: 16px 0 0; text-align: center; }
.u-notalar > div { padding: 16px 0; border-top: 1px solid var(--lila); }
.u-notalar > div:last-child { border-bottom: 1px solid var(--lila); }
.u-notalar dt { font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--mor); margin-bottom: 6px; }
.u-notalar dd { margin: 0; font-family: var(--f-baslik); font-size: 18px; }

/* Konum (breadcrumb) ---------------------------------------------------- */
.u-yol { font-size: 12px; letter-spacing: .08em; color: var(--soluk); padding-top: 16px; margin-bottom: 8px; }
.u-yol a { color: var(--soluk); text-decoration: none; }
.u-yol a:hover { color: var(--mor); }

/* Mağaza ------------------------------------------------------------------ */
.u-magaza .u-sayfa__bas { padding-bottom: 8px; }
.u-magaza .term-description { color: var(--soluk); font-weight: 300; max-width: var(--dar); margin-inline: auto; }
.u-magaza__liste { padding-bottom: var(--bolum); }
.woocommerce-pagination ul { list-style: none; display: flex; justify-content: center; gap: 8px; padding: 32px 0 0; margin: 0; }
.woocommerce-pagination a, .woocommerce-pagination span { display: inline-flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; border: 1px solid var(--lila); text-decoration: none; color: var(--gece); }
.woocommerce-pagination .current { background: var(--mor); border-color: var(--mor); color: #fff; }

/* Bildirimler ------------------------------------------------------------ */
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner {
	list-style: none; margin: 16px auto; padding: 14px 16px; background: var(--lila-acik); border-left: 2px solid var(--mor);
	font-size: 14px; max-width: calc(var(--genis) + 2 * var(--kenar)); display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap;
}
.woocommerce-error { border-left-color: var(--hata); }
.woocommerce-message .button, .woocommerce-info .button { min-height: 40px; padding: 0 16px; order: 2; }

/* Ürün sayfası ------------------------------------------------------------ */
.u-urun__ust { display: grid; gap: 28px; padding-bottom: 40px; }
.u-urun__ozet { text-align: center; display: flex; flex-direction: column; align-items: center; }
.u-urun__ozet h1 { font-size: clamp(34px, 5vw, 48px); margin-bottom: 6px; }
.u-urun__ozet h1 em { color: var(--gece); }
.u-urun__alt { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); margin: 0; }
.u-urun__ozet .u-altin-cizgi { margin-inline: auto; }
.u-urun__ozet .price { font-size: 20px; margin: 0 0 12px; }
.u-urun__ozet .price del { color: var(--soluk); font-size: 16px; margin-right: 6px; }
.u-urun__ozet .price ins { text-decoration: none; }
.woocommerce-product-details__short-description { font-size: 16px; font-weight: 300; line-height: 1.6; max-width: 52ch; }
.u-urun__form { width: 100%; text-align: left; margin-top: 12px; }
.u-urun__form form.cart { display: flex; flex-direction: column; gap: 12px; }
.u-urun__form form.cart:not(.variations_form), .woocommerce-variation-add-to-cart { display: flex; flex-direction: row; gap: 10px; align-items: stretch; }
.u-urun__form .single_add_to_cart_button { flex: 1; }
.u-urun__form .quantity { display: flex; }
.u-urun__form .quantity .qty { width: 64px; text-align: center; min-height: 50px; -moz-appearance: textfield; }
.u-urun__form .quantity .qty::-webkit-inner-spin-button, .u-urun__form .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

table.variations { width: 100%; border-collapse: collapse; margin: 0; }
table.variations tr { display: block; }
table.variations th, table.variations td { display: block; padding: 0; text-align: left; }
table.variations th label { font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; }
table.variations td { margin-top: 10px; }
.u-boylar { display: flex; gap: 10px; flex-wrap: wrap; }
.u-boy {
	flex: 1 1 140px; min-height: 76px; padding: 10px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
	background: #fff; color: var(--gece); border: 1px solid var(--lila); border-radius: 0; cursor: pointer; font: inherit;
}
.u-boy:hover { border-color: var(--mor); }
.u-boy[aria-checked=true] { background: var(--mor); border-color: var(--mor); color: #fff; }
.u-boy__ad { font-family: var(--f-baslik); font-size: 19px; }
.u-boy__fiyat { font-size: 14px; }
.u-ipucu { font-size: 12px; color: var(--mor); margin: 0; }
.u-ipucu[hidden] { display: none; }
.woocommerce-variation-price .price { font-size: 18px; }
.woocommerce-variation-availability .stock { font-size: 13px; color: var(--soluk); margin: 0; }
.stock.out-of-stock { color: var(--hata); }

.u-urun__guven { list-style: none; width: 100%; margin: 20px 0 0; padding: 16px 0 0; border-top: 1px solid var(--cizgi); display: flex; flex-direction: column; gap: 12px; text-align: left; font-size: 14px; font-weight: 300; }
.u-urun__guven li { display: flex; gap: 12px; align-items: center; }
.u-urun__guven svg { color: var(--altin); flex-shrink: 0; }

/* Galeri (WooCommerce, flexslider) */
.woocommerce-product-gallery { position: relative; opacity: 1 !important; }
.woocommerce-product-gallery__wrapper { margin: 0; }
.woocommerce-product-gallery__image { background: #fff; }
.woocommerce-product-gallery__image img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.woocommerce-product-gallery .flex-viewport { background: #fff; }
.woocommerce-product-gallery .flex-control-thumbs { list-style: none; display: flex; justify-content: center; gap: 8px; margin: 0; padding: 0; position: absolute; left: 0; right: 0; bottom: 0; }
.woocommerce-product-gallery .flex-control-thumbs li { width: 64px; height: 64px; cursor: pointer; }
.woocommerce-product-gallery .flex-control-thumbs img { width: 64px; height: 64px; object-fit: cover; border: 1px solid var(--cizgi); opacity: .7; }
.woocommerce-product-gallery .flex-control-thumbs img.flex-active { border-color: var(--altin); opacity: 1; }
.woocommerce-product-gallery__trigger { display: none; }
/* Kayma önleme: galeri betiği başlamadan yalnızca ilk görsel ve küçük resim şeridi için ayrılmış yer */
.woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image:nth-child(n+2) { display: none; }
.u-urun__galeri { container-type: inline-size; }
.woocommerce-product-gallery { height: 125cqw; overflow: hidden; }
.woocommerce-product-gallery:has(.woocommerce-product-gallery__image:nth-child(2)) { height: calc(125cqw + 74px); }
.onsale { position: absolute; top: 12px; left: 12px; z-index: 2; background: #fff; border: 1px solid var(--altin); color: var(--altin-koyu); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; padding: 4px 8px; }

/* Yatay kart (keşif seti önerisi) */
.u-yatay-kart { display: flex; gap: 16px; align-items: center; background: #fff; padding: 12px; color: var(--gece); text-decoration: none; margin: 8px 0 24px; }
.u-yatay-kart img { width: 84px; height: 84px; object-fit: cover; flex-shrink: 0; }
.u-yatay-kart > span { display: flex; flex-direction: column; gap: 4px; }
.u-yatay-kart__ad { font-family: var(--f-baslik); font-size: 18px; }
.u-yatay-kart__alt { font-size: 13px; font-weight: 300; color: var(--soluk); }
.u-yatay-kart__fiyat { font-size: 14px; font-weight: 500; }
.u-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.related.products > h2 { text-align: center; }

/* Yapışkan satın alma çubuğu (yalnızca mobil) */
.u-yapiskan {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
	background: #fff; border-top: 1px solid var(--altin);
	padding: 10px 16px calc(12px + env(safe-area-inset-bottom)); display: flex; gap: 12px; align-items: center;
}
.u-yapiskan[hidden] { display: none; }
.u-yapiskan__bilgi { display: flex; flex-direction: column; flex-shrink: 0; line-height: 1.3; }
.u-yapiskan__ad { font-size: 12px; font-weight: 300; color: var(--soluk); }
.u-yapiskan__fiyat { font-size: 17px; }
.u-yapiskan .u-btn { flex: 1; min-height: 48px; padding: 0 12px; }

/* Burç sayfası ----------------------------------------------------------- */
.u-burc__hero { padding-top: 8px; }
.u-burc__hero-ic { display: grid; gap: 20px; }
.u-burc__hero h1 { font-size: clamp(36px, 6vw, 56px); }
.u-burc__ozet { font-size: 16px; line-height: 1.6; }
.u-burc__not { font-size: 12px; text-align: center; margin: 10px 0 0; }
.u-burc__gorsel { width: 100%; max-width: 420px; justify-self: center; }
.u-burc__tanitim { font-weight: 300; line-height: 1.75; margin-top: 24px; }

/* Footer ------------------------------------------------------------------ */
.u-footer { background: var(--gece); color: var(--lila); }
.u-footer__ic { max-width: var(--genis); margin-inline: auto; padding: 56px var(--kenar); display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.u-footer__logo-img { height: 44px; width: auto; }
.u-footer .u-altin-cizgi { margin: 0; }
.u-footer__menu, .u-footer__yasal { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; width: 100%; max-width: 480px; }
.u-footer__menu a, .u-footer__yasal a { display: flex; align-items: center; justify-content: center; min-height: 44px; color: #fff; text-decoration: none; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; }
.u-footer__yasal a { color: var(--lila); letter-spacing: .06em; text-transform: none; font-weight: 300; }
.u-footer a:hover { color: var(--altin); }
.u-footer .u-btn--altin { width: 100%; max-width: 480px; }
.u-footer__telif { font-size: 12px; font-weight: 300; margin: 0; }

/* Sepet ve ödeme (WooCommerce blokları) -------------------------------- */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { font-family: var(--f-metin); }
.wc-block-components-button:not(.is-link) {
	background: var(--mor) !important; color: #fff !important; border-radius: 0 !important; min-height: 52px;
	font-size: 13px !important; font-weight: 500 !important; letter-spacing: .16em; text-transform: uppercase;
}
.wc-block-components-button:not(.is-link):hover { background: var(--mor-koyu) !important; }
.wc-block-components-button:disabled { background: #ECE7F2 !important; color: var(--soluk) !important; }
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-form .wc-block-components-text-input input, .wc-blocks-components-select__select, .wc-block-components-textarea {
	border-radius: 0 !important; border-color: #CFC6DD !important;
}
.wc-block-components-title, .wc-block-components-checkout-step__title, .wc-block-cart__totals-title {
	font-family: var(--f-metin) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .18em !important; text-transform: uppercase !important;
}
.wc-block-components-product-name { font-family: var(--f-baslik); font-size: 18px !important; color: var(--gece) !important; text-decoration: none; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 18px; font-weight: 500; }
.wc-block-components-radio-control__option-checked, .wc-block-components-radio-control-accordion-option--checked-option-highlighted { box-shadow: inset 0 0 0 1px var(--mor) !important; border-radius: 0 !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked { background: var(--mor); border-color: var(--mor); }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: #fff; }
.wc-block-cart, .wc-block-checkout { padding-bottom: var(--bolum); }
.wc-block-components-totals-footer-item-tax { display: none !important; }
.woocommerce-cart .u-sayfa__bas, .woocommerce-checkout .u-sayfa__bas { text-align: center; }
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide { max-width: var(--genis); margin-inline: auto; padding-inline: var(--kenar); }

/* Hesabım (kısa kod) */
.woocommerce-account .u-icerik > .woocommerce { max-width: var(--genis); }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.woocommerce-MyAccount-navigation a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 16px; border: 1px solid var(--lila); text-decoration: none; color: var(--gece); font-size: 13px; }
.woocommerce-MyAccount-navigation .is-active a { background: var(--mor); border-color: var(--mor); color: #fff; }
.woocommerce form .form-row { margin: 0 0 16px; display: flex; flex-direction: column; gap: 6px; }
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; font-size: 14px; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 12px 8px; border-bottom: 1px solid var(--cizgi); text-align: left; }
.star-rating, .woocommerce-review-link { display: none; }

/* Tablet ------------------------------------------------------------------ */
@media (min-width: 640px) {
	.u-chip { padding: 0 20px; }
	.u-chips { gap: 8px; }
	.u-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.u-guven { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.u-kaydir { grid-auto-columns: 280px; }
}

/* Masaüstü ------------------------------------------------------------- */
@media (min-width: 900px) {
	.u-header__ic { min-height: 84px; padding-inline: var(--kenar); }
	.u-menu-ac, .u-menu-kapat { display: none; }
	.u-nav {
		position: static; width: auto; transform: none; visibility: visible; padding: 0; background: none; overflow: visible;
		grid-column: 1; grid-row: 1;
	}
	.u-nav__liste { display: flex; gap: 28px; }
	.u-nav__liste a { border: 0; min-height: 44px; font-size: 13px; letter-spacing: .12em; }
	.u-nav__liste a:hover { color: var(--mor); }
	.u-nav__liste .sub-menu { display: none; }
	.u-logo { grid-column: 2; grid-row: 1; }
	.u-logo__img { height: 42px; }
	.u-header__sag { grid-column: 3; grid-row: 1; }
	.u-perde { display: none !important; }

	.u-hero { padding-block: 64px 16px; }
	.u-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 20px; }
	.u-izgara--burc { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.u-izgara--2 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.u-chips { justify-content: center; }
	.u-kart__ad { font-size: 22px; }
	.u-kaydir { grid-auto-flow: row; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-columns: auto; margin-right: 0; padding-right: 0; overflow: visible; }

	.u-bant--gece .u-adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
	.u-bant--gece .u-adimlar li { border-bottom: 1px solid rgba(178, 147, 48, .45); grid-template-columns: 1fr; }
	.u-bant--gece .u-adimlar li::before { grid-row: auto; font-size: 40px; margin-bottom: 8px; }
	.u-bant--gece .wp-block-button, .u-bant--gece .wp-block-button__link { width: auto; }

	.u-urun__ust { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 64px; align-items: start; padding-top: 16px; }
	.u-urun__ozet { position: sticky; top: 108px; text-align: left; align-items: flex-start; }
	.u-urun__ozet .u-altin-cizgi { margin-inline: 0; }
	.u-yapiskan { display: none !important; }

	.u-burc__hero-ic { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 64px; align-items: center; }
	.u-footer__ic { display: grid; grid-template-columns: auto 1fr auto; text-align: left; align-items: center; }
	.u-footer .u-altin-cizgi { display: none; }
	.u-footer__menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 28px; max-width: none; }
	.u-footer .u-btn--altin { width: auto; }
	.u-footer__yasal { grid-column: 1 / -1; display: flex; justify-content: center; gap: 24px; max-width: none; }
	.u-footer__telif { grid-column: 1 / -1; text-align: center; }
}

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