/*
 * Minyaturia B2B — görünüm.
 *
 * İlke: geniş beyaz alan, sakin mürekkep tonu, sıcak kâğıt zemin; turuncu
 * yalnızca vurgu. Ürünün en güçlü yanı ışık: LED'li gece görselleri koyu
 * bantlarda öne çıkar. Sayfada en fazla iki kart stili (.myn-card, .myn-panel).
 *
 * Yön bağımsız yazıldı (mantıksal özellikler): Arapça sayfalarda dir="rtl"
 * ile düzen kendiliğinden aynalanır.
 */

:root {
	--myn-ink: var(--wp--preset--color--contrast);
	--myn-muted: var(--wp--preset--color--muted);
	--myn-soft: var(--wp--preset--color--soft);
	--myn-line: var(--wp--preset--color--line);
	--myn-accent: var(--wp--preset--color--accent);
	--myn-radius: var(--wp--custom--radius, 14px);
	--myn-radius-s: var(--wp--custom--radius-small, 8px);
	--myn-tap: var(--wp--custom--tap, 44px);
	--myn-gece: #14161B;
	--myn-gece-metin: #D8D2C7;
	--myn-header-h: 72px;
	--myn-gecis: 220ms cubic-bezier(.2, .7, .2, 1);
}

html {
	scroll-padding-top: calc(var(--myn-header-h) + 16px);
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	font-feature-settings: "ss01", "cv11";
}
::selection {
	background: var(--wp--preset--color--accent-soft);
}
img {
	display: block;
}

/* --- Erişilebilirlik ------------------------------------------------- */
:focus-visible {
	outline: 2px solid var(--myn-ink);
	outline-offset: 3px;
	border-radius: 4px;
}
.wp-element-button,
.myn-actions a,
.wp-block-navigation-item__content {
	min-block-size: var(--myn-tap);
}

/* --- Üst başlık (eyebrow) --------------------------------------------- */
.myn-ust-baslik,
.myn-ust-baslik a {
	margin: 0;
	color: var(--myn-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase; /* lang="tr" ile i → İ doğru */
	text-decoration: none;
}

/* --- Düğmeler ---------------------------------------------------------- */
/* border-box + flex: en az 44 px yükseklik iç boşluğa eklenip düğmeyi
   72 px'e şişiriyor, yazı üstte kalıyordu. */
a.wp-element-button,
button.wp-element-button,
.wp-block-button__link {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
}
.wp-element-button,
.wp-block-button__link {
	transition: background-color var(--myn-gecis), color var(--myn-gecis), box-shadow var(--myn-gecis), transform var(--myn-gecis);
}
.wp-element-button:hover {
	transform: translateY(-1px);
}
.myn-dugme--ikincil,
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--myn-ink) !important;
	box-shadow: inset 0 0 0 1.5px var(--myn-ink);
}
.myn-dugme--ikincil:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--myn-ink) !important;
	color: var(--wp--preset--color--base) !important;
}
.myn-dugmeler {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-block-start: var(--wp--preset--spacing--50);
}

/* --- Üstbilgi ---------------------------------------------------------- */
.myn-header {
	position: sticky;
	inset-block-start: 0;
	z-index: 50;
	isolation: isolate;
	border-block-end: 1px solid var(--myn-line);
	padding-block: 0 !important;
}
/* Bulanık zemin ayrı katmanda: backdrop-filter üstbilginin kendisinde
   olunca içindeki tam ekran menü (position: fixed) 72 px'lik şeride
   hapsoluyordu ve menü öğeleri görünmüyordu. */
.myn-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgb(255 255 255 / .9);
	backdrop-filter: saturate(160%) blur(14px);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
}
.admin-bar .myn-header {
	inset-block-start: 32px;
}
.myn-header-ic {
	min-block-size: var(--myn-header-h);
	gap: var(--wp--preset--spacing--50);
}
.myn-logo {
	margin: 0;
}
.myn-logo a {
	color: var(--myn-ink);
	font-weight: 700;
	letter-spacing: .08em;
}
.myn-nav .wp-block-navigation__container {
	gap: var(--wp--preset--spacing--60);
}
.myn-nav .wp-block-navigation-item__content {
	position: relative;
	color: var(--myn-ink);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
}
.myn-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: 10px;
	block-size: 1.5px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--myn-gecis);
}
.myn-nav .wp-block-navigation-item__content:hover::after,
.myn-nav .current-menu-item > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}
.myn-actions {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--sm);
	white-space: nowrap;
}
.myn-actions a {
	display: inline-flex;
	align-items: center;
	color: var(--myn-ink);
	text-decoration: none;
	font-weight: 500;
}
.myn-actions .wp-element-button {
	color: var(--myn-ink);
	padding-inline: 20px;
	min-block-size: 40px;
}
@media (max-width: 1000px) {
	.myn-actions a:not(.wp-element-button) {
		display: none;
	}
}
@media (max-width: 600px) {
	.myn-actions .wp-element-button {
		padding-inline: 14px;
		font-size: 13px;
	}
}

/* --- Sayfa iskeleti ---------------------------------------------------- */
.myn-main {
	padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--90);
}
.myn-front,
.myn-main:has(> .myn-hero:first-child) {
	padding-block-start: 0;
}
.myn-main > .wp-block-post-title,
.myn-sayfa-ust h1 {
	margin-block: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}
.myn-sayfa-ust {
	margin-block-end: var(--wp--preset--spacing--60);
}
.myn-sayfa-ust .myn-not {
	font-size: var(--wp--preset--font-size--md);
	color: var(--myn-muted);
	line-height: 1.55;
}

/* Bantlar: tam genişlik bölümler */
.myn-bant {
	padding-block: var(--wp--preset--spacing--90);
	margin-block: 0;
}
.myn-main > .myn-bant:last-child {
	margin-block-end: calc(-1 * var(--wp--preset--spacing--90));
}
.myn-bant--yumusak {
	background: var(--myn-soft);
}
.myn-bant--koyu {
	background: var(--myn-gece);
	color: var(--myn-gece-metin);
}
.myn-bant--koyu h1,
.myn-bant--koyu h2,
.myn-bant--koyu h3,
.myn-bant--koyu strong {
	color: #FFF;
}
.myn-bant--koyu a:not(.wp-element-button) {
	color: #FFF;
}
.myn-bant--koyu .myn-ust-baslik {
	color: #A49D92;
}
.myn-bant--koyu .myn-dugme--ikincil,
.myn-bant--koyu .is-style-outline .wp-block-button__link {
	color: #FFF !important;
	box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .7);
}
.myn-bant--koyu .myn-dugme--ikincil:hover,
.myn-bant--koyu .is-style-outline .wp-block-button__link:hover {
	background: #FFF !important;
	color: var(--myn-ink) !important;
}
.myn-bolum-baslik {
	margin-block-end: var(--wp--preset--spacing--50);
}
.myn-giris-metni {
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.6;
	color: var(--myn-muted);
	max-inline-size: 60ch;
}
.myn-bant--koyu .myn-giris-metni {
	color: var(--myn-gece-metin);
}

/* --- Hero ------------------------------------------------------------- */
.myn-hero {
	min-block-size: min(86vh, 820px);
	padding-block: var(--wp--preset--spacing--90) !important;
	margin-block: 0 !important;
}
.myn-hero .wp-block-cover__image-background {
	object-position: center 60%;
}
.myn-hero .wp-block-cover__background {
	background: linear-gradient(100deg, rgb(10 11 14 / .86) 0%, rgb(10 11 14 / .62) 38%, rgb(10 11 14 / .08) 72%) !important;
	opacity: 1 !important;
}
.myn-hero .wp-block-cover__inner-container {
	max-inline-size: var(--wp--style--global--wide-size);
	margin-inline: auto;
	inline-size: 100%;
}
.myn-hero-icerik {
	max-inline-size: 600px;
}
.myn-hero h1 {
	font-size: var(--wp--preset--font-size--display);
	line-height: 1.04;
	letter-spacing: -.025em;
	color: #FFF;
	margin-block: var(--wp--preset--spacing--40);
	text-wrap: balance;
}
.myn-hero p {
	color: #E9E4DB;
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.6;
}
.myn-hero .myn-ust-baslik {
	color: #F2B079;
}
.myn-hero .wp-block-button__link {
	color: var(--myn-ink);
}

/* --- Değerler şeridi --------------------------------------------------- */
.myn-degerler {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
}
.myn-degerler > * {
	border-block-start: 1px solid var(--myn-ink);
	padding-block-start: var(--wp--preset--spacing--40);
	margin: 0 !important;
}
.myn-degerler h3 {
	font-size: var(--wp--preset--font-size--md);
	margin-block: 0 var(--wp--preset--spacing--20);
}
.myn-degerler p {
	color: var(--myn-muted);
	margin: 0;
}

/* --- Adımlar ----------------------------------------------------------- */
.myn-adimlar {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--wp--preset--spacing--50);
	counter-reset: adim;
}
.myn-adimlar li {
	counter-increment: adim;
	padding-block-start: var(--wp--preset--spacing--40);
	border-block-start: 1px solid var(--myn-ink);
	color: var(--myn-muted);
}
.myn-adimlar strong {
	color: var(--myn-ink);
}
.myn-bant--koyu .myn-adimlar li {
	border-block-start-color: rgb(255 255 255 / .2);
	color: var(--myn-gece-metin);
}
.myn-bant--koyu .myn-adimlar strong {
	color: #FFF;
}
.myn-adimlar--acik {
	margin-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70);
}
.myn-adimlar li::before {
	content: "0" counter(adim);
	display: block;
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 300;
	color: var(--myn-accent);
	margin-block-end: var(--wp--preset--spacing--30);
	font-variant-numeric: tabular-nums;
}
.myn-adimlar strong {
	display: block;
	font-size: var(--wp--preset--font-size--md);
	margin-block-end: 6px;
}

/* --- İki sütunlu görsel + metin ---------------------------------------- */
.myn-ikili {
	align-items: center !important;
	gap: var(--wp--preset--spacing--80) !important;
}
.myn-ikili img,
.myn-gorsel-yuvarlak img {
	border-radius: var(--myn-radius);
	inline-size: 100%;
	block-size: auto;
}

/* --- Ürün kartları ----------------------------------------------------- */
.myn-cards,
.myn-cards--izgara {
	list-style: none;
	padding: 0;
	margin: 0;
	gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) !important;
}
.myn-cards--izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
}
.myn-card {
	gap: 6px !important;
	display: flex;
	flex-direction: column;
}
.myn-card-gorsel {
	display: block;
	overflow: hidden;
	border-radius: var(--myn-radius);
	background: var(--myn-soft);
	aspect-ratio: 4 / 5;
	margin-block-end: var(--wp--preset--spacing--30) !important;
}
.myn-card-gorsel img {
	inline-size: 100% !important;
	block-size: 100% !important;
	object-fit: cover;
	transition: transform 600ms cubic-bezier(.2, .7, .2, 1);
}
.myn-card:hover .myn-card-gorsel img {
	transform: scale(1.035);
}
.myn-card-baslik,
.myn-card .wp-block-post-title {
	font-size: var(--wp--preset--font-size--md) !important;
	font-weight: 600;
	letter-spacing: -.01em;
	margin: 0 !important;
}
.myn-card-baslik a,
.myn-card .wp-block-post-title a {
	color: var(--myn-ink);
	text-decoration: none;
}
.myn-kart {
	color: var(--myn-muted);
	font-size: var(--wp--preset--font-size--xs);
	margin: 0;
}
.myn-kart strong {
	color: var(--myn-ink);
	font-weight: 600;
}
.myn-bant--koyu .myn-card-baslik a {
	color: #FFF;
}
.myn-bant--koyu .myn-card-gorsel {
	background: #22252C;
}

/* Koleksiyon süzgeci */
.myn-filtre ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding: 0;
	margin: 0 0 var(--wp--preset--spacing--60);
}
.myn-filtre a {
	display: inline-flex;
	align-items: center;
	min-block-size: 40px;
	padding-inline: 18px;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px var(--myn-line);
	color: var(--myn-ink);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--sm);
	transition: box-shadow var(--myn-gecis), background var(--myn-gecis);
}
.myn-filtre a:hover {
	box-shadow: inset 0 0 0 1px var(--myn-ink);
}
.myn-filtre a[aria-current="page"] {
	background: var(--myn-ink);
	color: #FFF;
	box-shadow: none;
}

/* --- Ürün sayfası ------------------------------------------------------ */
.myn-kirinti,
.woocommerce-breadcrumb {
	font-size: var(--wp--preset--font-size--xs);
	color: var(--myn-muted);
	margin-block-end: var(--wp--preset--spacing--50) !important;
}
.woocommerce-breadcrumb a {
	color: var(--myn-muted);
	text-decoration: none;
}
.myn-urun-ust {
	gap: var(--wp--preset--spacing--80) !important;
	align-items: flex-start !important;
}
@media (min-width: 782px) {
	.myn-urun-bilgi {
		position: sticky;
		inset-block-start: calc(var(--myn-header-h) + 24px);
	}
}
.myn-urun-galeri .woocommerce-product-gallery {
	inline-size: 100% !important;
	float: none !important;
	margin: 0 !important;
}
.myn-urun-galeri .woocommerce-product-gallery__wrapper img,
.myn-urun-galeri .flex-viewport {
	border-radius: var(--myn-radius);
}
.myn-urun-galeri .flex-control-thumbs {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
	gap: 10px;
	margin-block-start: 12px !important;
	padding: 0;
}
.myn-urun-galeri .flex-control-thumbs li {
	inline-size: auto !important;
	float: none !important;
	margin: 0 !important;
}
.myn-urun-galeri .flex-control-thumbs img {
	border-radius: var(--myn-radius-s);
	opacity: .55;
	transition: opacity var(--myn-gecis);
	cursor: pointer;
}
.myn-urun-galeri .flex-control-thumbs img.flex-active,
.myn-urun-galeri .flex-control-thumbs img:hover {
	opacity: 1;
}
.myn-urun-baslik {
	font-size: var(--wp--preset--font-size--xxl) !important;
	margin-block: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) !important;
}
.myn-urun-bilgi .myn-not:first-of-type {
	margin-block-start: 0;
}

/* Hızlı bilgi şeridi */
.myn-serit {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	padding: 0;
	margin: var(--wp--preset--spacing--50) 0;
	list-style: none;
	border-block: 1px solid var(--myn-line);
}
.myn-serit li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
	border-inline-start: 1px solid var(--myn-line);
}
.myn-serit li:nth-child(3n + 1) {
	border-inline-start: 0;
	padding-inline-start: 0;
}
.myn-serit li:nth-child(n + 4) {
	border-block-start: 1px solid var(--myn-line);
}
.myn-serit span {
	color: var(--myn-muted);
	font-size: 12px;
	letter-spacing: .02em;
}
.myn-serit strong {
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
}

/* Fiyat paneli ve paneller */
.myn-panel {
	background: var(--myn-soft);
	border-radius: var(--myn-radius);
	padding: var(--wp--preset--spacing--50);
}
.myn-panel > :first-child { margin-block-start: 0; }
.myn-panel > :last-child { margin-block-end: 0; }
.myn-panel--accent {
	background: var(--myn-ink);
	color: var(--myn-gece-metin);
}
.myn-panel--accent strong {
	color: #FFF;
	font-size: var(--wp--preset--font-size--md);
}
.myn-panel--accent .myn-dugme--ikincil {
	color: #FFF !important;
	box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .6);
}
.myn-panel--accent .myn-dugme--ikincil:hover {
	background: #FFF !important;
	color: var(--myn-ink) !important;
}

/* Ürün gövdesi */
.myn-urun-govde {
	margin-block-start: var(--wp--preset--spacing--90) !important;
}
.myn-urun-aciklama {
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.7;
	color: #3A3D45;
}
.myn-urun-aciklama h1,
.myn-urun-aciklama h2,
.myn-urun-aciklama h3 {
	font-size: var(--wp--preset--font-size--lg);
	margin-block-start: var(--wp--preset--spacing--60);
}
.myn-bolum {
	margin-block-start: var(--wp--preset--spacing--80);
}
.myn-bolum h2 {
	font-size: var(--wp--preset--font-size--lg);
	margin-block-end: var(--wp--preset--spacing--40);
}
.myn-liste {
	list-style: none;
	padding: 0;
	margin: 0;
	columns: 2 260px;
	column-gap: var(--wp--preset--spacing--60);
}
.myn-liste li {
	break-inside: avoid;
	padding-block: 10px;
	padding-inline-start: 22px;
	position: relative;
	border-block-end: 1px solid var(--myn-line);
}
.myn-liste li::before {
	content: "";
	position: absolute;
	inset-inline-start: 2px;
	inset-block-start: 19px;
	inline-size: 8px;
	block-size: 8px;
	border-radius: 50%;
	background: var(--myn-accent);
}

/* --- Tablolar ---------------------------------------------------------- */
.myn-tablo {
	inline-size: 100%;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--sm);
}
.myn-tablo th,
.myn-tablo td {
	text-align: start;
	padding: 14px 0;
	border-block-end: 1px solid var(--myn-line);
	vertical-align: top;
}
.myn-tablo th {
	color: var(--myn-muted);
	font-weight: 500;
	inline-size: 45%;
	padding-inline-end: var(--wp--preset--spacing--40);
}
.myn-tablo thead th {
	font-size: 12px;
	letter-spacing: .06em;
}
@media (max-width: 600px) {
	.myn-tablo--kart thead { display: none; }
	.myn-tablo--kart tr {
		display: block;
		border-block-end: 1px solid var(--myn-line);
		padding-block: var(--wp--preset--spacing--30);
	}
	.myn-tablo--kart td {
		display: flex;
		justify-content: space-between;
		gap: var(--wp--preset--spacing--40);
		border: 0;
		padding: 4px 0;
	}
	.myn-tablo--kart td::before {
		content: attr(data-etiket);
		color: var(--myn-muted);
	}
	.myn-serit {
		grid-template-columns: repeat(2, 1fr);
	}
	.myn-serit li:nth-child(n) {
		border-inline-start: 0;
		padding-inline-start: 0;
		border-block-start: 1px solid var(--myn-line);
	}
	.myn-serit li:nth-child(-n + 2) {
		border-block-start: 0;
	}
}

/* --- Metin yardımcıları ------------------------------------------------ */
.myn-not {
	color: var(--myn-muted);
	font-size: var(--wp--preset--font-size--xs);
}
.myn-olumlu {
	color: var(--wp--preset--color--positive);
}

/* --- Altbilgi ---------------------------------------------------------- */
.myn-footer {
	background: var(--myn-gece);
	color: #A49D92;
	padding-block: var(--wp--preset--spacing--90) var(--wp--preset--spacing--50);
	margin-block-start: 0 !important;
	font-size: var(--wp--preset--font-size--sm);
}
.myn-footer a {
	color: var(--myn-gece-metin);
	text-decoration: none;
	line-height: 2;
}
.myn-footer a:hover {
	color: #FFF;
}
.myn-footer .myn-logo a {
	color: #FFF;
}
.myn-footer-ust {
	gap: var(--wp--preset--spacing--60) !important;
	align-items: start;
}
.myn-footer-marka p {
	max-inline-size: 34ch;
	line-height: 1.6;
}
.myn-footer-baslik {
	color: #FFF;
	font-size: 12px !important;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin: 0 0 var(--wp--preset--spacing--30) !important;
}
.myn-iletisim p {
	margin: 0;
	line-height: 1.8;
}
.myn-footer-alt {
	margin-block-start: var(--wp--preset--spacing--80) !important;
	padding-block-start: var(--wp--preset--spacing--40);
	border-block-start: 1px solid #2A2D35;
	font-size: var(--wp--preset--font-size--xs);
}

/* --- Formlar ----------------------------------------------------------- */
.myn-form fieldset {
	border: 0;
	padding: 0;
	margin: 0 0 var(--wp--preset--spacing--70);
}
.myn-form legend {
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 600;
	margin-block-end: var(--wp--preset--spacing--40);
}
.myn-form .myn-alt legend {
	font-size: var(--wp--preset--font-size--sm);
	margin-block-end: var(--wp--preset--spacing--20);
}
.myn-adim {
	color: var(--myn-accent);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
	margin-inline-end: var(--wp--preset--spacing--20);
}
.myn-form label {
	display: block;
	font-weight: 500;
	margin-block-end: 6px;
}
.myn-form input[type="text"],
.myn-form input[type="email"],
.myn-form input[type="tel"],
.myn-form input[type="password"],
.myn-form input[type="search"],
.myn-form input[type="number"],
.myn-form input[type="date"],
.myn-form select,
.myn-form textarea {
	inline-size: 100%;
	min-block-size: 48px;
	padding: 10px 14px;
	border: 1px solid #CFC8BC;
	border-radius: var(--myn-radius-s);
	font: inherit;
	background: var(--wp--preset--color--base);
	color: var(--myn-ink);
	transition: border-color var(--myn-gecis), box-shadow var(--myn-gecis);
}
.myn-form input:focus,
.myn-form select:focus,
.myn-form textarea:focus {
	outline: none;
	border-color: var(--myn-ink);
	box-shadow: 0 0 0 3px rgb(31 34 41 / .12);
}
.myn-form [aria-invalid="true"] {
	border-color: #B3261E;
}
.myn-form .myn-secim {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-weight: 400;
	min-block-size: var(--myn-tap);
}
.myn-form .myn-secim input {
	margin-block-start: 3px;
	inline-size: 18px;
	block-size: 18px;
	flex: none;
	accent-color: var(--myn-ink);
}
.myn-zorunlu,
.myn-hata {
	color: #B3261E;
}
.myn-hata {
	display: block;
	font-size: var(--wp--preset--font-size--xs);
	margin-block-start: 6px;
}
.myn-gizli {
	position: absolute !important;
	inset-inline-start: -9999px;
	block-size: 1px;
	overflow: hidden;
}

/* --- Hesabım ----------------------------------------------------------- */
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.woocommerce-MyAccount-navigation a {
	display: flex;
	align-items: center;
	min-block-size: var(--myn-tap);
	padding-inline: 14px;
	border-radius: var(--myn-radius-s);
	color: var(--myn-ink);
	text-decoration: none;
}
.woocommerce-MyAccount-navigation .is-active a {
	background: var(--myn-soft);
	font-weight: 600;
}
.myn-kartlar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: var(--wp--preset--spacing--40);
	list-style: none;
	padding: 0;
	margin: var(--wp--preset--spacing--50) 0;
}
.myn-kartlar li {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.myn-kartlar strong {
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 600;
}
.myn-hizli [aria-invalid="true"] {
	border-color: #B3261E;
}
.myn-hizli-toplam {
	font-size: var(--wp--preset--font-size--md);
	margin-block: var(--wp--preset--spacing--40);
}

/* --- Hareket hassasiyeti ---------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}
}

/* Hero ince ayar: ev metnin sağında kalsın, ikincil düğme koyu zeminde okunsun */
.myn-hero .wp-block-cover__image-background {
	object-position: 74% 58% !important;
}
.myn-hero .is-style-outline .wp-block-button__link,
.myn-hero .myn-dugme--ikincil {
	color: #FFF !important;
	box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .75) !important;
}
.myn-hero .is-style-outline .wp-block-button__link:hover {
	background: #FFF !important;
	color: var(--myn-ink) !important;
}
@media (max-width: 781px) {
	.myn-hero .wp-block-cover__background {
		background: linear-gradient(180deg, rgb(10 11 14 / .35) 0%, rgb(10 11 14 / .85) 70%) !important;
	}
	.myn-hero {
		align-items: flex-end !important;
	}
}

/* Hero: koyu zemin, solda metin, sağda maketin bütünü */
.myn-hero-bant {
	padding-block: var(--wp--preset--spacing--80) var(--wp--preset--spacing--90) !important;
	overflow: hidden;
}
.myn-hero-bant .myn-ikili {
	gap: var(--wp--preset--spacing--80) !important;
}
.myn-hero-bant h1 {
	font-size: var(--wp--preset--font-size--display);
	line-height: 1.04;
	letter-spacing: -.025em;
	color: #FFF;
	margin-block: var(--wp--preset--spacing--40);
	text-wrap: balance;
}
.myn-hero-bant .myn-giris-metni {
	color: #CFC8BC;
}
.myn-hero-bant .myn-ust-baslik {
	color: #F2B079;
}
.myn-hero-gorsel img {
	border-radius: var(--myn-radius);
	box-shadow: 0 40px 120px -20px rgb(232 118 26 / .28);
}
.myn-actions .wp-element-button {
	min-block-size: 40px;
	padding-block: 8px;
}

/* Ana sayfa son bandı altbilgiye yapışsın */
.myn-front {
	padding-block-end: 0 !important;
}
.myn-front .wp-block-post-content > .myn-bant:last-child {
	margin-block-end: 0;
}
.wp-site-blocks > .myn-front + .wp-block-template-part,
.wp-site-blocks > main + footer {
	margin-block-start: 0;
}

/* Model ızgarası: masaüstünde 3 sütun, kartlar büyük ve ferah */
.myn-cards--izgara,
.myn-katalog .myn-cards {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 900px) {
	.myn-cards--izgara,
	.myn-katalog .myn-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
/* Telefonda iki sütun: tek sütunda her kart bir ekran boyuydu ve altı
   model için çok uzun kaydırma gerekiyordu. */
@media (max-width: 520px) {
	.myn-cards--izgara,
	.myn-katalog .myn-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: var(--wp--preset--spacing--50) 12px !important;
	}
	.myn-card-gorsel {
		margin-block-end: 6px !important;
		border-radius: var(--myn-radius-s);
	}
	.myn-card .myn-ust-baslik {
		font-size: 10.5px;
		letter-spacing: .06em;
		margin-block-end: 2px !important;
	}
	.myn-card-baslik,
	.myn-card .wp-block-post-title {
		font-size: 15px !important;
		line-height: 1.3;
	}
	.myn-kart {
		font-size: 12px;
		line-height: 1.45;
	}
}

/* WooCommerce galeriyi bütün görseller inene kadar opacity:0 tutuyor; büyük
   galeride sayfa uzun süre boş görünüyordu. Görsel baştan görünsün. */
.myn-urun-galeri .woocommerce-product-gallery {
	opacity: 1 !important;
}
.myn-urun-galeri .woocommerce-product-gallery__trigger {
	inset-block-start: 16px;
	inset-inline-end: 16px;
	background: rgb(255 255 255 / .9);
	border-radius: 50%;
}

/* Üstbilgi düğmesi: ince hap, 44 px dokunma alanı korunur */
.myn-actions .wp-element-button {
	display: inline-flex !important;
	align-items: center;
	min-block-size: 44px !important;
	padding-block: 0 !important;
	padding-inline: 20px !important;
	line-height: 1 !important;
}
@media (max-width: 600px) {
	.myn-header-ic {
		gap: 12px;
	}
	.myn-actions .wp-element-button {
		padding-inline: 16px !important;
	}
}

/* Mobil: küçük görseller tek satır, yana kaydırılır */
@media (max-width: 781px) {
	.myn-urun-galeri .flex-control-thumbs {
		display: flex !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 8px;
		padding-block-end: 4px !important;
	}
	.myn-urun-galeri .flex-control-thumbs li {
		flex: 0 0 64px;
		scroll-snap-align: start;
	}
}

/* Talep formları */
.myn-talep {
	max-inline-size: 680px;
}
.myn-secim-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 2px var(--wp--preset--spacing--40);
}
.myn-iki-sutun {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0 var(--wp--preset--spacing--40);
}
.myn-form input[type="file"] {
	inline-size: 100%;
	padding: 12px;
	border: 1px dashed #CFC8BC;
	border-radius: var(--myn-radius-s);
	background: var(--myn-soft);
}
/* SSS */
.myn-sss details {
	border-block-end: 1px solid var(--myn-line);
	padding-block: var(--wp--preset--spacing--40);
}
.myn-sss summary {
	cursor: pointer;
	font-weight: 600;
	font-size: var(--wp--preset--font-size--md);
	list-style: none;
	display: flex;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
	min-block-size: var(--myn-tap);
	align-items: center;
}
.myn-sss summary::-webkit-details-marker {
	display: none;
}
.myn-sss summary::after {
	content: "+";
	font-weight: 300;
	font-size: 24px;
	color: var(--myn-accent);
	transition: transform var(--myn-gecis);
}
.myn-sss details[open] summary::after {
	transform: rotate(45deg);
}
.myn-sss details > :not(summary) {
	color: #3A3D45;
	margin-block: var(--wp--preset--spacing--20) 0;
}
/* Taslak uyarısı (yasal sayfalar) */
.myn-taslak {
	background: var(--wp--preset--color--accent-soft);
	border-inline-start: 3px solid var(--myn-accent);
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--myn-radius-s);
}

/* Sayfa içinde giriş paragrafı başlıkla aynı hizada başlasın (60ch sınırı
   ortalanmış düzende sağa kayma yaratıyordu). */
.wp-block-post-content.is-layout-constrained > .myn-giris-metni {
	max-inline-size: var(--wp--style--global--content-size) !important;
}

/* === Ürün sayfası: bölümlere ayrılmış düzen ============================ */
.myn-urun-bilgi .myn-ozet {
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.65;
	color: #3A3D45;
}
.myn-urun-bilgi .myn-ozet p {
	margin-block: 0 var(--wp--preset--spacing--40);
}
.myn-guven {
	list-style: none;
	padding: 0;
	margin: var(--wp--preset--spacing--50) 0 0;
	display: grid;
	gap: 10px;
	font-size: var(--wp--preset--font-size--sm);
	color: #3A3D45;
}
.myn-guven li {
	display: flex;
	align-items: center;
	gap: 12px;
}
.myn-guven li::before {
	content: "";
	flex: 0 0 18px;
	block-size: 18px;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23C2541B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

/* Gece bandı */
.myn-urun-gece {
	background: var(--myn-gece);
	color: var(--myn-gece-metin);
	margin-block-start: var(--wp--preset--spacing--90) !important;
	padding: var(--wp--preset--spacing--90) var(--wp--style--root--padding-right, 24px);
}
.myn-urun-gece-ic {
	max-inline-size: var(--wp--style--global--wide-size, 1280px);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--wp--preset--spacing--80);
	align-items: center;
}
.myn-urun-gece-gorsel {
	margin: 0;
}
.myn-urun-gece-gorsel img {
	inline-size: 100%;
	block-size: auto;
	border-radius: var(--myn-radius);
	box-shadow: 0 40px 80px -30px rgb(0 0 0 / .7);
}
.myn-urun-gece h2 {
	color: #FFF;
	font-size: var(--wp--preset--font-size--xxl);
	line-height: 1.15;
	margin-block: 0 var(--wp--preset--spacing--40);
}
.myn-urun-gece .myn-ust-baslik {
	color: #F2A36B;
}
.myn-urun-gece .myn-giris-metni {
	color: var(--myn-gece-metin);
	font-size: var(--wp--preset--font-size--md);
	line-height: 1.7;
	margin: 0;
}

/* Gövde */
.myn-urun-govde {
	margin-block-start: 0 !important;
}
.myn-urun-govde > .myn-bolum:first-child {
	margin-block-start: var(--wp--preset--spacing--90);
}
.myn-urun-govde .myn-bolum h2 {
	font-size: var(--wp--preset--font-size--xl);
	margin-block: 0 var(--wp--preset--spacing--60);
}
.myn-ozellikler {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: var(--wp--preset--spacing--40);
}
.myn-ozellikler li {
	background: var(--myn-soft);
	border-radius: var(--myn-radius);
	padding: var(--wp--preset--spacing--50);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
}
.myn-ozellik-no {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	color: var(--myn-accent);
}
.myn-ozellikler p {
	margin: 0;
	line-height: 1.6;
	color: #2B2E35;
}
.myn-iki-bolum {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--80);
	padding-block-start: var(--wp--preset--spacing--80);
	border-block-start: 1px solid var(--myn-line);
}
.myn-iki-bolum h2 + table + h2,
.myn-iki-bolum table + h2 {
	margin-block-start: var(--wp--preset--spacing--70) !important;
}
.myn-liste--tek {
	columns: 1;
}
.myn-kurulum-notu {
	margin-block-start: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--40);
	background: var(--myn-soft);
	border-radius: var(--myn-radius-s);
	line-height: 1.6;
}
.myn-kurulum-notu strong {
	color: var(--myn-ink);
	display: block;
	margin-block-end: 4px;
}
.myn-urun-aciklama {
	max-inline-size: 760px;
}

/* Markanızla üretim */
.myn-urun-ozel {
	margin-block: var(--wp--preset--spacing--90) 0;
	border-radius: calc(var(--myn-radius) * 1.5);
	background: var(--wp--preset--color--accent-soft);
	padding: var(--wp--preset--spacing--80);
}
.myn-urun-ozel > div {
	max-inline-size: 720px;
}
.myn-urun-ozel h2 {
	font-size: var(--wp--preset--font-size--xl);
	margin-block: 0 var(--wp--preset--spacing--40);
}
.myn-urun-ozel .myn-dugmeler {
	margin-block-start: var(--wp--preset--spacing--50);
}

/* Mobil sabit çubuk */
.myn-mobil-cubuk {
	display: none;
}
@media (max-width: 781px) {
	.myn-urun-gece-ic,
	.myn-iki-bolum {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--60);
	}
	.myn-urun-gece {
		padding-block: var(--wp--preset--spacing--80);
	}
	.myn-urun-ozel {
		padding: var(--wp--preset--spacing--60);
	}
	.myn-mobil-cubuk {
		position: fixed;
		inset-inline: 0;
		inset-block-end: 0;
		z-index: 50;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: rgb(255 255 255 / .96);
		backdrop-filter: blur(8px);
		border-block-start: 1px solid var(--myn-line);
		font-size: var(--wp--preset--font-size--sm);
	}
	.myn-mobil-cubuk .wp-element-button {
		display: inline-flex !important;
		align-items: center;
		flex: none;
		min-block-size: 44px !important;
		padding: 0 24px !important;
		line-height: 1 !important;
		white-space: nowrap;
	}
	body.single-product {
		padding-block-end: 72px;
	}
}

/* Form alanları kapsayıcıdan taşmasın (dar ekranda yatay kaydırma yapıyordu) */
.myn-form input,
.myn-form select,
.myn-form textarea {
	box-sizing: border-box;
	max-inline-size: 100%;
}

/* Çerez onayı (Izleme) */
.myn-cerez {
	position: fixed;
	inset-inline: 16px;
	inset-block-end: 16px;
	z-index: 60;
	max-inline-size: 440px;
	margin-inline-start: auto;
	background: var(--myn-ink);
	color: var(--myn-gece-metin);
	border-radius: var(--myn-radius);
	padding: var(--wp--preset--spacing--50);
	box-shadow: 0 20px 50px -20px rgb(0 0 0 / .5);
	font-size: var(--wp--preset--font-size--sm);
	line-height: 1.55;
}
.myn-cerez[hidden] {
	display: none;
}
.myn-cerez p {
	margin: 0 0 var(--wp--preset--spacing--40);
}
.myn-cerez a {
	color: #FFF;
}
.myn-cerez .myn-dugmeler {
	margin: 0;
}
.myn-cerez .myn-dugme--ikincil {
	color: #FFF !important;
	box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .6);
	background: transparent !important;
}
@media (max-width: 781px) {
	body.single-product .myn-cerez {
		inset-block-end: 84px; /* mobil başvuru çubuğunun üstünde */
	}
}

/* === Menü: 1000 px altında tam ekran açılır menü ======================= */
.myn-nav .myn-yalniz-menu {
	display: none;
}
@media (min-width: 1001px) {
	.myn-nav .wp-block-navigation__responsive-container-open.always-shown {
		display: none;
	}
	.myn-nav .wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open) {
		display: block;
		position: relative;
		inline-size: 100%;
		z-index: auto;
		background-color: inherit;
	}
	.myn-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none;
	}
	.myn-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content,
	.myn-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
}
@media (max-width: 1000px) {
	.myn-header-ic > .myn-nav {
		order: 3;
	}
	.myn-header-ic > .myn-actions,
	.myn-header-ic > * > .myn-actions {
		margin-inline-start: auto;
	}
	.myn-nav .wp-block-navigation__responsive-container-open {
		inline-size: var(--myn-tap);
		block-size: var(--myn-tap);
		justify-content: center;
		align-items: center;
		color: var(--myn-ink);
	}
	.myn-nav .wp-block-navigation__responsive-container-open svg {
		inline-size: 28px;
		block-size: 28px;
	}
}
/* Açık menü */
.myn-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--base, #FFF) !important;
	color: var(--myn-ink) !important;
	padding: 16px var(--wp--style--root--padding-right, 16px) calc(24px + env(safe-area-inset-bottom)) !important;
	overflow-y: auto;
}
.myn-nav .is-menu-open .wp-block-navigation__responsive-container-close {
	inset-block-start: 14px;
	inset-inline-end: 16px;
	inline-size: var(--myn-tap);
	block-size: var(--myn-tap);
	display: flex;
	align-items: center;
	justify-content: center;
}
.myn-nav .is-menu-open .wp-block-navigation__responsive-container-close svg {
	inline-size: 28px;
	block-size: 28px;
}
.myn-nav .is-menu-open .wp-block-navigation__responsive-container-content {
	padding-block-start: 64px !important;
	align-items: stretch !important;
}
.myn-nav .is-menu-open .wp-block-navigation__container {
	gap: 0 !important;
	inline-size: 100%;
	align-items: stretch !important;
}
.myn-nav .is-menu-open .wp-block-navigation-item {
	inline-size: 100%;
	border-block-end: 1px solid var(--myn-line);
}
.myn-nav .is-menu-open .wp-block-navigation-item__content {
	display: flex !important;
	inline-size: 100%;
	min-block-size: 56px;
	padding-block: 0 !important;
	align-items: center;
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 500;
}
.myn-nav .is-menu-open .wp-block-navigation-item__content::after {
	display: none;
}
.myn-nav .is-menu-open .myn-yalniz-menu {
	display: flex;
}
.myn-nav .is-menu-open .myn-menu-hesap .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--md);
	color: var(--myn-muted);
}
.myn-nav .is-menu-open .myn-menu-basvur {
	border: 0;
	margin-block-start: var(--wp--preset--spacing--50);
}
.myn-nav .is-menu-open .myn-menu-basvur .wp-block-navigation-item__content {
	justify-content: center;
	background: var(--myn-accent);
	color: var(--myn-ink) !important;
	border-radius: 999px;
	font-size: var(--wp--preset--font-size--md);
	font-weight: 600;
}

/* Mobil okunurluk ve dokunma alanları */
@media (max-width: 781px) {
	.myn-serit span {
		font-size: 13px;
	}
	footer a {
		display: inline-flex;
		align-items: center;
		min-block-size: 40px;
	}
	footer .myn-yasal {
		line-height: 1.2;
	}
}

/* Telefonda paneldeki düğmeler alt alta, tam genişlik (başparmakla rahat) */
@media (max-width: 520px) {
	.myn-panel .myn-dugmeler,
	.myn-urun-ozel .myn-dugmeler,
	.myn-cerez .myn-dugmeler {
		flex-direction: column;
		align-items: stretch;
	}
	.myn-panel .myn-dugmeler .wp-element-button,
	.myn-urun-ozel .myn-dugmeler .wp-element-button {
		inline-size: 100%;
	}
	.myn-cerez .myn-dugmeler {
		flex-direction: row;
	}
	.myn-cerez .myn-dugmeler .wp-element-button {
		flex: 1 1 0;
	}
}

/* Stoğa giriş tarihi notu ("1 Aralık’ta stoklarda") */
.myn-yakinda {
	display: inline-block;
	margin: 4px 0 0;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-soft);
	color: #8A3F0C;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .02em;
}
.myn-urun-bilgi .myn-yakinda {
	font-size: 13px;
	margin-block-end: var(--wp--preset--spacing--30);
}

/* --- Dil seçici (myn-b2b-core Dil::secici) ------------------------------ */
.myn-dil {
	position: relative;
}
.myn-dil > summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-block-size: var(--myn-tap);
	padding-inline: 4px;
	cursor: pointer;
	list-style: none;
	font-weight: 500;
	color: var(--myn-ink);
}
.myn-dil > summary::-webkit-details-marker {
	display: none;
}
.myn-dil > ul {
	position: absolute;
	inset-block-start: calc(100% + 6px);
	inset-inline-end: 0;
	z-index: 30;
	min-inline-size: 168px;
	margin: 0;
	padding: 6px;
	list-style: none;
	background: var(--wp--preset--color--base, #fff);
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius-s);
	box-shadow: 0 12px 32px rgb(0 0 0 / .12);
}
.myn-actions .myn-dil a,
.myn-dil a {
	display: flex;
	min-block-size: 40px;
	padding-inline: 12px;
	border-radius: 6px;
	color: var(--myn-ink);
	text-decoration: none;
	font-weight: 400;
}
.myn-dil a:hover,
.myn-dil a[aria-current] {
	background: var(--myn-soft);
}
.myn-dil a[aria-current] {
	font-weight: 600;
}
@media (max-width: 1000px) {
	.myn-actions .myn-dil a:not(.wp-element-button) {
		display: flex;
	}
	.myn-dil > summary span {
		display: none;
	}
}

/* Uzun menü adları (de, fr, ru): 1001–1280 px arasında tek satırda kalsın. */
.myn-nav .wp-block-navigation-item__content {
	white-space: nowrap;
}
@media (min-width: 1001px) and (max-width: 1280px) {
	.myn-nav .wp-block-navigation__container {
		gap: var(--wp--preset--spacing--40);
		flex-wrap: nowrap;
	}
	:lang(de) .myn-nav .wp-block-navigation-item__content,
	:lang(fr) .myn-nav .wp-block-navigation-item__content,
	:lang(ru) .myn-nav .wp-block-navigation-item__content,
	:lang(es) .myn-nav .wp-block-navigation-item__content,
	:lang(it) .myn-nav .wp-block-navigation-item__content {
		font-size: 14px;
	}
	.myn-header-ic {
		gap: var(--wp--preset--spacing--40);
	}
}

/* Düzenleyicide büyük harf dönüşümü yok (24 Ekim 2026): düzenleyici
   çerçevesinde lang="tr" olmadığından i → I görünüyor, sahibi metni "İ" ile
   yazmak zorunda kalıyordu. Düzenleyicide metin yazıldığı gibi; sitede
   lang="tr" ile büyük harf ve doğru İ. */
.editor-styles-wrapper .myn-ust-baslik,
.editor-styles-wrapper .myn-ust-baslik a,
.editor-styles-wrapper .myn-footer-baslik {
	text-transform: none;
}

/* --- Marka: rozet logo (adı içinde; yanına metin yazılmaz) -------------- */
.myn-marka {
	align-items: center;
	flex-shrink: 0;
}
.myn-logo-rozet,
.myn-logo-rozet a {
	display: block;
	line-height: 0;
}
.myn-logo-rozet img {
	inline-size: 60px;
	block-size: 60px;
	object-fit: contain;
}
@media (max-width: 600px) {
	.myn-logo-rozet img {
		inline-size: 52px;
		block-size: 52px;
	}
}

/* ======================================================================
   Hesabım — yeniden tasarım (24 Ekim 2026)
   WooCommerce float düzeni (ve kapatılmış smallscreen stili) mobilde
   menüyü içeriğin yanına sıkıştırıyordu. Izgara: masaüstünde sol menü
   kartı + içerik; 900 px altında üstte kaydırılabilir sekmeler.
   ====================================================================== */
.logged-in.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 236px minmax(0, 1fr);
	gap: var(--wp--preset--spacing--60);
	align-items: start;
}
.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}
/* WooCommerce clearfix sözde öğeleri ızgarada ilk hücreyi kaplıyordu. */
.logged-in.woocommerce-account .woocommerce::before,
.logged-in.woocommerce-account .woocommerce::after {
	display: none;
}
.logged-in.woocommerce-account .woocommerce-MyAccount-navigation {
	grid-column: 1;
}
.logged-in.woocommerce-account .woocommerce-MyAccount-content {
	grid-column: 2;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	inline-size: auto;
	min-inline-size: 0;
}
.woocommerce-MyAccount-navigation {
	position: sticky;
	inset-block-start: calc(var(--myn-header-h) + 24px);
	padding: 8px;
	background: #FFF;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius);
}
.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
}
.woocommerce-MyAccount-navigation a {
	text-decoration: none;
	min-block-size: 42px;
	padding-inline: 14px;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 500;
	white-space: nowrap;
	transition: background-color var(--myn-gecis), color var(--myn-gecis);
}
.woocommerce-MyAccount-navigation a:hover {
	background: var(--myn-soft);
}
.woocommerce-MyAccount-navigation .is-active a {
	background: var(--myn-ink);
	color: #FFF;
	font-weight: 600;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
	margin-block-start: 6px;
	padding-block-start: 6px;
	border-block-start: 1px solid var(--myn-line);
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--myn-muted);
}
.woocommerce-MyAccount-content > :first-child {
	margin-block-start: 0;
}
.myn-panel-ust h2 {
	margin: 0;
	font-size: var(--wp--preset--font-size--xl);
}
.myn-kartlar {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-block: var(--wp--preset--spacing--40);
}
.myn-kartlar li.myn-panel {
	min-block-size: 132px;
	padding: 20px;
	background: #FFF;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius);
}
.myn-kartlar strong {
	font-variant-numeric: tabular-nums;
}
.woocommerce-MyAccount-content .myn-tablo,
.woocommerce-MyAccount-content table.shop_table {
	inline-size: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}
@media (max-width: 900px) {
	.logged-in.woocommerce-account .woocommerce {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--40);
	}
	.logged-in.woocommerce-account .woocommerce-MyAccount-navigation,
	.logged-in.woocommerce-account .woocommerce-MyAccount-content {
		grid-column: 1;
	}
	.woocommerce-MyAccount-navigation {
		position: static;
		padding: 0;
		background: none;
		border: 0;
		border-radius: 0;
	}
	.woocommerce-MyAccount-navigation ul {
		flex-direction: row;
		gap: 8px;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		padding-block: 2px 6px;
	}
	.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
		display: none;
	}
	.woocommerce-MyAccount-navigation li {
		flex: 0 0 auto;
		scroll-snap-align: start;
	}
	.woocommerce-MyAccount-navigation a {
		min-block-size: 40px;
		border: 1px solid var(--myn-line);
		border-radius: 999px;
		background: #FFF;
	}
	.woocommerce-MyAccount-navigation-link--customer-logout {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.myn-kartlar {
		grid-template-columns: minmax(0, 1fr);
	}
	.myn-kartlar li.myn-panel {
		min-block-size: 0;
	}
}

/* --- Hızlı sipariş ------------------------------------------------------ */
.myn-hizli-ara input[type="search"] {
	inline-size: 100%;
	min-block-size: 48px;
}
.myn-hizli-liste {
	list-style: none;
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 0;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius);
	background: #FFF;
	overflow: hidden;
}
.myn-hizli-satir {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) 130px 148px 120px;
	align-items: center;
	gap: 16px;
	padding: 12px 16px;
	border-block-start: 1px solid var(--myn-line);
	transition: background-color var(--myn-gecis);
}
.myn-hizli-satir:first-child {
	border-block-start: 0;
}
.myn-hizli-satir[hidden] {
	display: none;
}
.myn-hizli-satir.is-secili {
	background: #FBF7F1;
}
.myn-hizli-gorsel img {
	display: block;
	inline-size: 56px;
	block-size: 56px;
	object-fit: cover;
	border-radius: var(--myn-radius-s);
	background: var(--myn-soft);
}
.myn-hizli-ad {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-inline-size: 0;
}
.myn-hizli-ad a {
	font-weight: 600;
	color: var(--myn-ink);
	text-decoration: none;
}
.myn-hizli-ad a:hover {
	text-decoration: underline;
}
.myn-hizli-ad .myn-not,
.myn-hizli-fiyat .myn-not {
	font-size: var(--wp--preset--font-size--xs);
}
.myn-hizli-fiyat,
.myn-hizli-tutar {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: end;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.myn-hizli-tutar {
	font-weight: 600;
}
.myn-adet {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) 40px;
	align-items: stretch;
	inline-size: 148px;
	block-size: 44px;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius-s);
	background: #FFF;
	overflow: hidden;
}
.myn-adet:focus-within {
	border-color: var(--myn-ink);
	box-shadow: 0 0 0 1px var(--myn-ink);
}
.myn-adet-dugme {
	display: grid;
	place-items: center;
	min-block-size: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: var(--myn-soft);
	color: var(--myn-ink);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}
.myn-adet-dugme:hover {
	background: var(--myn-line);
}
.myn-form .myn-adet input[type="number"] {
	inline-size: 100%;
	min-inline-size: 0;
	block-size: 100%;
	min-block-size: 0;
	margin: 0;
	padding: 0 4px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: var(--myn-ink);
	font-variant-numeric: tabular-nums;
	-moz-appearance: textfield;
	appearance: textfield;
}
.myn-adet input::-webkit-outer-spin-button,
.myn-adet input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.myn-adet:has(input[aria-invalid="true"]) {
	border-color: #B3261E;
	box-shadow: 0 0 0 1px #B3261E;
}
.myn-hizli-teklif {
	margin-block-start: var(--wp--preset--spacing--40);
	padding: 4px 16px;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius);
	background: #FFF;
}
.myn-hizli-teklif summary {
	min-block-size: 44px;
	display: flex;
	align-items: center;
	cursor: pointer;
	font-weight: 600;
}
.myn-hizli-ozet {
	position: sticky;
	inset-block-end: 0;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	margin-block-start: var(--wp--preset--spacing--40);
	padding: 14px 18px;
	background: #FFF;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius);
	box-shadow: 0 -8px 24px rgb(20 22 27 / .06);
}
.myn-hizli-ozet-bilgi {
	display: grid;
	gap: 2px;
	min-block-size: 3.6em;
	align-content: center;
}
.myn-hizli-ozet-bilgi strong {
	font-size: var(--wp--preset--font-size--lg);
	font-variant-numeric: tabular-nums;
}
.myn-hizli-uyari {
	color: #B3261E;
	font-size: var(--wp--preset--font-size--xs);
}
.myn-hizli-uyari:empty {
	display: none;
}
.myn-hizli-ozet .myn-dugmeler {
	margin: 0;
}
.myn-hizli:not(.is-dolu) .myn-hizli-ozet button {
	opacity: .55;
}
@media (max-width: 760px) {
	.myn-hizli-satir {
		grid-template-columns: 56px minmax(0, 1fr) auto;
		grid-template-areas:
			"gorsel ad ad"
			"gorsel fiyat fiyat"
			"adet adet tutar";
		gap: 8px 12px;
		padding: 14px;
	}
	.myn-hizli-gorsel { grid-area: gorsel; align-self: start; }
	.myn-hizli-ad { grid-area: ad; }
	.myn-hizli-fiyat {
		grid-area: fiyat;
		flex-direction: row;
		align-items: baseline;
		justify-content: flex-start;
		gap: 6px;
	}
	.myn-adet { grid-area: adet; }
	.myn-hizli-tutar { grid-area: tutar; justify-content: center; }
	.myn-hizli-ozet {
		padding: 12px 14px;
	}
	.myn-hizli-ozet .myn-dugmeler {
		inline-size: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}
	.myn-hizli-ozet .wp-element-button {
		inline-size: 100%;
		justify-content: center;
		padding-inline: 10px;
	}
}

/* --- Hesabım: adresler ve tablolar ------------------------------------ */
.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
	margin-block-start: var(--wp--preset--spacing--40);
}
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
	display: none;
}
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
	float: none;
	inline-size: auto;
	margin: 0;
	padding: 20px;
	background: #FFF;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius);
}
.woocommerce-account .woocommerce-Address-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 4px 12px;
}
.woocommerce-account .woocommerce-Address-title h2 {
	margin: 0;
	font-size: var(--wp--preset--font-size--md);
}
.woocommerce-account .woocommerce-Address-title .edit {
	font-size: var(--wp--preset--font-size--sm);
	float: none;
}
.woocommerce-account .woocommerce-Address address {
	margin-block-start: 12px;
	font-style: normal;
	line-height: 1.6;
}
.woocommerce-MyAccount-content table.shop_table {
	background: #FFF;
	border: 1px solid var(--myn-line);
	border-radius: var(--myn-radius);
	overflow: hidden;
}
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
	padding: 12px 14px;
	border-block-end: 1px solid var(--myn-line);
	text-align: start;
}
@media (max-width: 760px) {
	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* --- Başvuru daveti (myn-b2b-core Davet) ------------------------------- */
.myn-davet {
	position: fixed;
	inset-inline-end: 20px;
	inset-block-end: 20px;
	z-index: 40;
	display: flex;
	align-items: center;
	max-inline-size: calc(100vw - 32px);
	background: var(--myn-gece);
	color: #FFF;
	border-radius: 999px;
	box-shadow: 0 12px 32px rgb(20 22 27 / .28);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .3s ease, transform .3s ease;
}
.myn-davet.is-acik {
	opacity: 1;
	transform: none;
}
.myn-davet[hidden] {
	display: none;
}
.myn-davet-bag {
	display: flex;
	align-items: center;
	gap: 12px;
	min-block-size: 56px;
	padding-block: 8px;
	padding-inline: 8px 6px;
	color: inherit;
	text-decoration: none;
}
.myn-davet-ikon {
	display: grid;
	place-items: center;
	flex: 0 0 40px;
	block-size: 40px;
	border-radius: 50%;
	background: var(--myn-accent);
	color: #FFF;
}
.myn-davet-metin {
	display: grid;
	line-height: 1.25;
}
.myn-davet-metin strong {
	font-size: 15px;
	font-weight: 600;
}
.myn-davet-metin span {
	font-size: 12.5px;
	color: var(--myn-gece-metin);
}
.myn-davet-ok {
	margin-inline-start: 4px;
	font-size: 18px;
	color: var(--myn-accent);
}
[dir="rtl"] .myn-davet-ok {
	transform: scaleX(-1);
}
.myn-davet-bag:hover .myn-davet-ok {
	transform: translateX(3px);
}
.myn-davet-kapat {
	display: grid;
	place-items: center;
	inline-size: 40px;
	block-size: 40px;
	margin-inline-end: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--myn-gece-metin);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.myn-davet-kapat:hover {
	background: rgb(255 255 255 / .1);
	color: #FFF;
}
@media (max-width: 600px) {
	.myn-davet {
		inset-inline: 12px;
		inset-block-end: 12px;
		max-inline-size: none;
		border-radius: 18px;
	}
	.myn-davet-bag {
		flex: 1;
	}
}
@media (prefers-reduced-motion: reduce) {
	.myn-davet {
		transition: none;
	}
}

/* --- Başvuru formu: vergi levhası ve adres ----------------------------- */
.myn-alan-belge {
	display: grid;
	gap: 6px;
	margin-block: 0 var(--wp--preset--spacing--40);
	padding: 16px;
	border: 1px dashed var(--myn-line);
	border-radius: var(--myn-radius-s);
	background: #FFF;
}
.myn-alan-belge label {
	font-weight: 600;
}
.myn-alan-belge input[type="file"] {
	inline-size: 100%;
	max-inline-size: 100%;
}
.myn-alan-belge .myn-hata:empty {
	display: none;
}
.myn-iki {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	gap: 0 16px;
}
@media (max-width: 600px) {
	.myn-iki {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Sizden gelenler: müşteri videoları (myn/hikayeler) */
.myn-hikayeler-ic {
	max-inline-size: var(--wp--style--global--wide-size, 1240px);
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 20px);
}
.myn-hikayeler-alt {
	margin-block: 0 var(--wp--preset--spacing--50, 24px);
	color: var(--myn-muted);
}
.myn-hikaye-sahne {
	position: relative;
}
.myn-hikaye-serit {
	display: flex;
	gap: 16px;
	margin: 0;
	padding: 0 0 4px;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.myn-hikaye-serit::-webkit-scrollbar {
	display: none;
}
.myn-hikaye {
	position: relative;
	flex: 0 0 calc((100% - 64px) / 5);
	scroll-snap-align: start;
	aspect-ratio: 9 / 16;
	border-radius: var(--myn-radius);
	overflow: hidden;
	background: var(--myn-soft);
}
.myn-hikaye-video {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	cursor: pointer;
}
.myn-hikaye-ses {
	position: absolute;
	inset-block-end: 10px;
	inset-inline-end: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 36px;
	block-size: 36px;
	min-block-size: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	color: #FFF;
	cursor: pointer;
}
.myn-hikaye-ses:hover {
	background: rgba(0, 0, 0, .7);
}
.myn-hikaye-ses .myn-hikaye-acik,
.myn-hikaye-ses[aria-pressed="true"] .myn-hikaye-kapali {
	display: none;
}
.myn-hikaye-ses[aria-pressed="true"] .myn-hikaye-acik {
	display: inline;
}
.myn-hikaye-ok {
	position: absolute;
	inset-block-start: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: var(--myn-tap);
	block-size: var(--myn-tap);
	padding: 0;
	border: 1px solid var(--myn-line);
	border-radius: 50%;
	background: #FFF;
	color: var(--myn-ink);
	box-shadow: 0 2px 10px rgba(20, 22, 27, .15);
	transform: translateY(-50%);
	cursor: pointer;
}
/* Oklar fiziksel yönde: sol ok her dilde şeridi sola kaydırır. */
.myn-hikaye-ok--sol {
	left: -22px;
}
.myn-hikaye-ok--sag {
	right: -22px;
}
@media (max-width: 1100px) {
	.myn-hikaye {
		flex-basis: calc((100% - 48px) / 4);
	}
}
@media (max-width: 800px) {
	.myn-hikaye {
		flex-basis: calc((100% - 32px) / 2.6);
	}
	.myn-hikaye-ok {
		display: none;
	}
}
@media (max-width: 480px) {
	.myn-hikaye {
		flex-basis: 62%;
	}
}

/* Başvuru: parola göster/gizle (tekrar alanı yok) */
.myn-parola {
	display: flex;
	gap: 8px;
}
.myn-parola input[type="password"],
.myn-parola input[type="text"] {
	flex: 1;
	min-inline-size: 0;
}
.myn-parola-goster {
	flex: none;
	min-block-size: 48px;
	padding: 0 14px;
	border: 1px solid #CFC8BC;
	border-radius: var(--myn-radius-s);
	background: var(--wp--preset--color--base);
	color: var(--myn-ink);
	font: inherit;
	cursor: pointer;
}
.myn-parola-goster:focus-visible {
	outline: 2px solid var(--myn-ink);
	outline-offset: 2px;
}
