@layer components {
	.soga-topbar {
 min-height: 34px;
 align-items: center;
 gap: var(--wp--preset--spacing--40);
 font-size: 0.6875rem;
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: var(--wp--custom--track-wide);
	}
	.soga-topbar__menu {
 display: flex;
 align-items: center;
 gap: var(--wp--preset--spacing--40);
	}
	.soga-topbar a {
 color: var(--wp--preset--color--body);
 transition: color var(--wp--custom--transition-hover);
	}
	.soga-topbar a:hover { color: var(--wp--preset--color--ink); }
	.soga-topbar .soga-topbar__menu a,
	.soga-topbar .soga-dil summary {
 position: relative;
	}
	.soga-topbar .soga-topbar__menu a::before,
	.soga-topbar .soga-dil summary::before {
 content: "";
 position: absolute;
 inset: -12px -8px;
	}
	.soga-dil {
 position: relative;
 padding-inline-start: var(--wp--preset--spacing--40);
 border-inline-start: 1px solid var(--wp--preset--color--border-light);
	}
	.soga-dil--tek {
 display: flex;
 align-items: center;
 gap: 7px;
 color: var(--wp--preset--color--ink);
	}
	.soga-dil summary {
 display: flex;
 align-items: center;
 gap: 7px;
 cursor: pointer;
 list-style: none;
 color: var(--wp--preset--color--ink);
 transition: color var(--wp--custom--transition-hover);
	}
	.soga-dil summary::-webkit-details-marker { display: none; }
	.soga-dil summary:hover { opacity: .55; }
	.soga-dil__bayrak {
 display: block;
 width: 20px;
 flex: none;
 line-height: 0;
 box-shadow: 0 0 0 1px rgb(0 0 0 / .10);
	}
	.soga-dil__bayrak svg { width: 100%; height: auto; display: block; }
	.soga-dil__ok {
 width: 12px; height: 12px;
 stroke: currentColor; fill: none; stroke-width: 2;
 stroke-linecap: round; stroke-linejoin: round;
 transition: transform var(--wp--custom--transition-hover);
	}
	.soga-dil[open] .soga-dil__ok { transform: rotate(180deg); }
	.soga-dil:not([open]) .soga-dil__liste { display: none; }
	.soga-dil__liste {
 position: absolute;
 inset-block-start: calc(100% + 8px);
 inset-inline-end: 0;
 z-index: 40;
 min-width: 168px;
 margin: 0;
 padding: 6px 0;
 list-style: none;
 background: var(--wp--preset--color--base);
 border: 1px solid var(--wp--preset--color--border-light);
 box-shadow: 0 8px 24px rgb(0 0 0 / .10);
	}
	.soga-dil__liste li { margin: 0; }
	.soga-dil__liste a {
 display: flex;
 align-items: center;
 gap: 9px;
 padding: 9px var(--wp--preset--spacing--30);
 color: var(--wp--preset--color--body);
 text-transform: none;
 letter-spacing: 0;
 font-weight: 500;
 transition: background var(--wp--custom--transition-hover), color var(--wp--custom--transition-hover);
	}
	.soga-dil__liste a:hover { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--ink); }
	.soga-dil__liste a[aria-current] { color: var(--wp--preset--color--ink); font-weight: 700; }
	@media (max-width: 620px) {
 .soga-topbar { font-size: 0.625rem; gap: var(--wp--preset--spacing--30); }
 .soga-topbar__menu { gap: var(--wp--preset--spacing--30); }
 .soga-dil { padding-inline-start: var(--wp--preset--spacing--30); }
	}
	.soga-ust {
 height: var(--wp--custom--header-height);
	}
	.soga-ust__logo img { width: var(--wp--custom--logo-width); height: auto; }
	.soga-ust__menu a { transition: color var(--wp--custom--transition-hover); }
	.soga-ust__araclar { display: flex; align-items: center; gap: 12px; }
	.soga-ust__ikon {
 display: grid;
 place-items: center;
 padding: 4px;
 line-height: 0;
 background: none;
 border: 0;
 cursor: pointer;
 color: var(--wp--preset--color--ink);
 transition: color var(--wp--custom--transition-hover);
	}
	.soga-ust__ikon:hover { opacity: .55; }
	.soga-ust__ikon svg {
 width: 18px; height: 18px;
 stroke: currentColor; fill: none;
 stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round;
	}
	.soga-ust__ikon[data-ikon="favori"] svg { scale: .92; }
	.soga-hero {
 display: flex;
 overflow-x: auto;
 scroll-snap-type: x mandatory;
 scrollbar-width: none;
	}
	.soga-hero-sarmal { position: relative; }
	.soga-hero__ok {
 position: absolute;
 inset-block-start: 50%;
 translate: 0 -50%;
 z-index: 10;
 display: grid;
 place-items: center;
 width: 50px;
 height: 50px;
 padding: 0;
 border: 1px solid var(--wp--preset--color--ink);
 border-radius: 0;
 background: var(--wp--preset--color--base);
 color: var(--wp--preset--color--ink);
 cursor: pointer;
 opacity: 0;
 transition:
 opacity var(--wp--custom--transition-move),
 background var(--wp--custom--transition-hover),
 color var(--wp--custom--transition-hover);
	}
	.soga-hero__ok svg {
 width: 18px;
 height: 18px;
 fill: none;
 stroke: currentColor;
 stroke-width: 1.5;
 stroke-linecap: round;
 stroke-linejoin: round;
	}
	.soga-hero__ok:hover {
 background: var(--wp--preset--color--ink);
 color: var(--wp--preset--color--base);
	}
	.soga-hero__ok--onceki { inset-inline-start: 30px; }
	.soga-hero__ok--sonraki { inset-inline-end: 30px; }
	.soga-hero-sarmal:hover .soga-hero__ok,
	.soga-hero-sarmal:focus-within .soga-hero__ok,
	.soga-slider:hover .soga-hero__ok,
	.soga-slider:focus-within .soga-hero__ok,
	.soga-carousel-kap:hover .soga-hero__ok,
	.soga-carousel-kap:focus-within .soga-hero__ok { opacity: 1; }
	@media (hover: none) {
 .soga-hero__ok { display: none; }
	}
	.soga-hero--suruklerken img { pointer-events: none; }
	.soga-hero::-webkit-scrollbar { display: none; }
	.soga-hero__panel {
 position: relative;
 flex: 0 0 calc(100% / 3.05);
 height: var(--wp--custom--hero-height);
 scroll-snap-align: start;
 overflow: hidden;
 display: grid;
 place-items: center;
 text-align: center;
 color: var(--wp--preset--color--inverse);
	}
	.soga-hero__panel img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
	}
	.soga-hero__panel::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(180deg,
 rgb(0 0 0 / .32) 0%,
 rgb(0 0 0 / .30) 20%,
 rgb(0 0 0 / .46) 42%,
 rgb(0 0 0 / .46) 70%,
 rgb(0 0 0 / .32) 86%,
 rgb(0 0 0 / .36) 100%);
	}
	.soga-hero__ic {
 position: relative;
 z-index: 2;
 display: grid;
 gap: var(--wp--preset--spacing--30);
 padding: var(--wp--preset--spacing--50);
 cursor: pointer;
	}
	.soga-hero__ic::before {
 content: "";
 position: absolute;
 inset: -70% -45%;
 z-index: -1;
 background: radial-gradient(ellipse at center,
 rgb(0 0 0 / .20) 0%, rgb(0 0 0 / .15) 34%, rgb(0 0 0 / .05) 60%, rgb(0 0 0 / 0) 78%);
	}
	.soga-hero__etiket {
 margin: 0;
 font-size: var(--wp--preset--font-size--label);
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: var(--wp--custom--track-wide);
	}
	.soga-hero__baslik {
 margin: 0;
 font-size: var(--wp--preset--font-size--hero);
 font-weight: 500;
 line-height: 1.14;
 letter-spacing: var(--wp--custom--track-tight);
	}
	.soga-hero__link {
 justify-self: center;
 padding-bottom: 2px;
 font-size: var(--wp--preset--font-size--label);
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: var(--wp--custom--track-wide);
 color: inherit;
 transition: color var(--wp--custom--transition-hover);
	}
	.soga-hero__panel:hover .soga-hero__link { color: var(--wp--preset--color--accent); }
	.soga-serit {
 --serit-gap: var(--wp--preset--spacing--60);
 display: flex;
 gap: var(--serit-gap);
 overflow: hidden;
 padding-block: var(--wp--preset--spacing--30);
 border-block: 1px solid var(--wp--preset--color--border-light);
	}
	.soga-serit__grup {
 flex: 0 0 auto;
 display: flex;
 gap: var(--serit-gap);
 align-items: center;
 animation: soga-kay 20s linear infinite;
	}
	.soga-serit__oge {
 display: flex;
 align-items: center;
 gap: var(--serit-gap);
 white-space: nowrap;
 font-size: var(--wp--preset--font-size--strip);
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: var(--wp--custom--track-wide);
	}
	.soga-serit__oge::after {
 content: "";
 width: 4px; height: 4px;
 border-radius: 50%;
 background: var(--wp--preset--color--accent);
	}
	@keyframes soga-kay { to { transform: translateX(calc(-100% - var(--serit-gap))); } }
	@media (prefers-reduced-motion: reduce) { .soga-serit__grup { animation: none; } }
	.soga-kart__favori[data-ekli="evet"],
	.soga-kart__btn[data-ekli="evet"],
	.soga-eylem__btn[data-ekli="evet"] { color: var(--wp--preset--color--accent); }
	.soga-kart__favori[data-ekli="evet"] svg,
	.soga-eylem__btn[data-ekli="evet"] svg { fill: currentColor; }
	.soga-liste__bos { color: var(--wp--preset--color--muted); }
	.soga-ust__ikon { position: relative; }
	.soga-rozet {
 position: absolute;
 inset-block-start: -4px;
 inset-inline-end: -6px;
 display: grid;
 place-items: center;
 min-width: 18px;
 height: 18px;
 padding-inline: 5px;
 border-radius: 9px;
 background: var(--wp--preset--color--accent);
 color: var(--wp--preset--color--inverse);
 font-size: 11px;
 font-weight: 700;
 line-height: 1;
 font-variant-numeric: tabular-nums;
	}
	.soga-bildirim {
 position: fixed;
 inset-block-end: var(--wp--preset--spacing--50);
 inset-inline-start: 50%;
 z-index: 90;
 display: flex;
 align-items: center;
 gap: var(--wp--preset--spacing--40);
 padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
 background: var(--wp--preset--color--ink);
 color: var(--wp--preset--color--inverse);
 font-size: var(--wp--preset--font-size--label);
 opacity: 0;
 visibility: hidden;
 transform: translate(-50%, 12px);
 transition: opacity .25s ease, transform .25s ease, visibility .25s;
	}
	.soga-bildirim[data-acik] { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
	.soga-bildirim a {
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: var(--wp--custom--track-wide);
 border-block-end: 1px solid currentColor;
	}
	@media (prefers-reduced-motion: reduce) { .soga-bildirim { transition: none; } }
	.soga-arama {
 width: min(760px, 100% - var(--wp--preset--spacing--50));
 margin-block-start: var(--wp--preset--spacing--70);
 padding: var(--wp--preset--spacing--50);
 border: 1px solid var(--wp--preset--color--border-light);
 background: var(--wp--preset--color--base);
 color: var(--wp--preset--color--ink);
	}
	.soga-arama::backdrop {
 background: color-mix(in srgb, var(--wp--preset--color--ink) 45%, transparent);
	}
	.soga-arama__form {
 display: grid;
 grid-template-columns: auto 1fr auto;
 align-items: center;
 gap: var(--wp--preset--spacing--30);
 padding-block-end: var(--wp--preset--spacing--30);
 border-block-end: 1px solid var(--wp--preset--color--border-light);
	}
	.soga-arama__ikon { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; }
	.soga-arama__girdi {
 border: 0;
 background: none;
 font-family: inherit;
 font-size: var(--wp--preset--font-size--section);
 color: inherit;
	}
	.soga-arama__girdi:focus { outline: none; }
	.soga-arama__girdi::placeholder { color: var(--wp--preset--color--faint); }
	.soga-arama__girdi::-webkit-search-cancel-button { display: none; }
	.soga-arama__kapat {
 display: grid;
 place-items: center;
 width: 40px; height: 40px;
 border: 1px solid var(--wp--preset--color--border-light);
 border-radius: 50%;
 background: none;
 color: inherit;
 cursor: pointer;
 transition: background var(--wp--custom--transition-hover), color var(--wp--custom--transition-hover);
	}
	.soga-arama__kapat:hover { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--inverse); }
	.soga-arama__kapat svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
	.soga-arama__durum {
 margin-block: var(--wp--preset--spacing--30) 0;
 font-size: var(--wp--preset--font-size--label);
 color: var(--wp--preset--color--muted);
	}
	.soga-arama__sonuc { margin: 0; padding: 0; list-style: none; }
	.soga-arama__oge {
 display: grid;
 grid-template-columns: 56px 1fr auto;
 align-items: center;
 gap: var(--wp--preset--spacing--30);
 padding-block: var(--wp--preset--spacing--30);
 border-block-start: 1px solid var(--wp--preset--color--border-light);
 color: inherit;
 text-decoration: none;
	}
	.soga-arama__oge:hover { color: var(--wp--preset--color--accent); }
	.soga-arama__oge img,
	.soga-arama__bos {
 width: 56px; height: 56px;
 object-fit: cover;
 background: var(--wp--preset--color--image-bg);
	}
	.soga-arama__ad { font-size: var(--wp--preset--font-size--body); }
	.soga-arama__fiyat { font-size: var(--wp--preset--font-size--label); color: var(--wp--preset--color--muted); white-space: nowrap; }
	.soga-kategoriler { display: grid; grid-template-columns: repeat(6, 1fr); }
	.soga-kategori { grid-column: span 2; }
	.soga-kategori--genis { grid-column: span 3; }
	.soga-kategori {
 position: relative;
 display: grid;
 place-items: center;
 aspect-ratio: 16 / 10;
 overflow: hidden;
	}
	.soga-kategori--dar { aspect-ratio: 4 / 3; }
	.soga-kategori img {
 position: absolute;
 inset: 0;
 width: 100%; height: 100%;
 object-fit: cover;
	}
	.soga-kategori__btn {
 position: relative;
 z-index: 2;
 padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
 background: var(--wp--preset--color--base);
 color: var(--wp--preset--color--ink);
 font-size: var(--wp--preset--font-size--label);
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: var(--wp--custom--track-wide);
 transition: background var(--wp--custom--transition-hover), color var(--wp--custom--transition-hover);
	}
	.soga-alt__iletisim p { color: rgb(255 255 255 / .72); margin-block: 0 10px; }
	.soga-alt__iletisim strong { color: var(--wp--preset--color--inverse); font-weight: 600; }
	.soga-bulten-serit__ic {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: var(--wp--preset--spacing--50);
 flex-wrap: wrap;
	}
	.soga-bulten-serit__metin {
 margin: 0;
 max-width: 46ch;
 color: var(--wp--preset--color--ink);
 letter-spacing: var(--wp--custom--track-wide);
	}
	.soga-bulten { display: flex; min-width: min(24rem, 100%); }
	.soga-bulten input[type="email"] {
 flex: 1;
 padding: 12px var(--wp--preset--spacing--30);
 background: var(--wp--preset--color--base);
 border: 1px solid var(--wp--preset--color--border-light);
 border-inline-end: 0;
 color: var(--wp--preset--color--ink);
 font-size: var(--wp--preset--font-size--price);
	}
	.soga-bulten button {
 padding-inline: var(--wp--preset--spacing--40);
 cursor: pointer;
 font-size: var(--wp--preset--font-size--price);
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: var(--wp--custom--track-wide);
	}
}
@layer utilities {
	@media (max-width: 860px) {
 .soga-hero__panel { flex-basis: 100%; }
 .soga-hero { --wp--custom--hero-height: 495px; }
 .soga-kategoriler { grid-template-columns: 1fr; }
 .soga-kategori,
 .soga-kategori--genis,
 .soga-kategori--dar { grid-column: auto; aspect-ratio: 16 / 10; }
 .soga-ust__logo img { width: 132px; }
 .soga-arama { padding: var(--wp--preset--spacing--40); }
 .soga-arama__girdi { font-size: var(--wp--preset--font-size--product); }
	}
}
.soga-yuzen {
	position: fixed;
	inset-block-end: calc(var(--wp--preset--spacing--40) + env(safe-area-inset-bottom, 0px));
	inset-inline-end: calc(var(--wp--preset--spacing--40) + env(safe-area-inset-right, 0px));
	z-index: 50;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}
:root {
	--soga-whatsapp: #25d366;
	--soga-whatsapp-koyu: #1da851;
}
.soga-yuzen__dugme {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 1px solid var(--wp--preset--color--ink);
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--ink);
	box-shadow: 0 6px 20px rgb(0 0 0 / .16);
	cursor: pointer;
	transition-property: opacity, transform, visibility, background, color, box-shadow;
	transition-duration: .22s, .22s, 0s,
 var(--wp--custom--transition-hover),
 var(--wp--custom--transition-hover),
 var(--wp--custom--transition-hover);
	transition-timing-function: ease;
}
.soga-yuzen__dugme--whatsapp {
	border-color: transparent;
	background: var(--soga-whatsapp);
	color: #fff;
	box-shadow: 0 6px 20px rgb(37 211 102 / .34);
}
@media (hover: hover) {
	.soga-yuzen__dugme:hover {
 background: var(--wp--preset--color--ink);
 color: var(--wp--preset--color--base);
 transform: translateY(-2px);
	}
	.soga-yuzen__dugme--whatsapp:hover {
 background: var(--soga-whatsapp-koyu);
 color: #fff;
 box-shadow: 0 10px 26px rgb(37 211 102 / .42);
	}
}
.soga-yuzen__dugme:focus-visible {
	outline: 2px solid var(--wp--preset--color--ink);
	outline-offset: 3px;
}
.soga-yuzen__dugme svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.soga-yuzen__dugme--whatsapp svg {
	width: 24px;
	height: 24px;
	stroke-width: 1.7;
}
.soga-yuzen__dugme--gizli {
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px) scale(.9);
	transition-delay: 0s, 0s, .22s, 0s, 0s, 0s;
}
@media (max-width: 515px) {
	.soga-yuzen--cerez-acik {
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.soga-yuzen__dugme {
 transition: none;
	}
	.soga-yuzen__dugme--gizli {
 transform: none;
 transition: none;
	}
	@media (hover: hover) {
 .soga-yuzen__dugme:hover { transform: none; }
	}
}
.soga-topbar__tel {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	position: relative;
	color: inherit;
	font-size: var(--wp--preset--font-size--label);
	text-decoration: none;
	white-space: nowrap;
}
.soga-topbar__tel::before {
	content: "";
	position: absolute;
	inset: -12px -8px;
}
.soga-topbar__tel svg {
	width: 14px;
	height: 14px;
	flex: none;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}
@media (hover: hover) {
	.soga-topbar__tel:hover { text-decoration: underline; }
}
.soga-yuzen__dugme--tel { display: none; }
@media (max-width: 600px) {
	.soga-yuzen__dugme--tel { display: grid; }
}
.soga-urun-wa {
	display: flex;
	width: 100%;
	margin-block-start: var(--wp--preset--spacing--30);
}