/*
 * Ortak çerçeve: header, footer, WhatsApp butonu ve sayfa başlığı bandı.
 * Ana sayfa v2'de satır içi, diğer sayfalarda (tasarım katmanı açıkken) dosya olarak yüklenir.
 * Her kural .ykc altında; tema CSS'i bu bölgelere sızmasın diye temel sıfırlamalar da burada.
 */
.ykc{
	--canvas:#EEF0E7;--surface:#E1E6D8;--ink:#17241A;--ink-soft:#4A5A4C;--accent:#6F9949;--accent-ink:#41692A;
	--night:#16231A;--bone:#F3F1E8;--bone-soft:#C3CDBE;--accent-night:#A9CC7E;
	--sc-1:4px;--sc-2:8px;--sc-3:12px;--sc-4:16px;--sc-5:24px;--sc-6:32px;--sc-7:48px;--sc-8:64px;
	--gutter:clamp(16px,4vw,48px);--r-1:10px;--r-2:18px;--ease:cubic-bezier(.23,1,.32,1);
	--e2:0 6px 16px -4px rgb(23 36 26/.16),0 2px 4px rgb(23 36 26/.06);
	--e3:0 28px 60px -18px rgb(8 14 10/.55),0 10px 22px -10px rgb(8 14 10/.45);
	font-family:"Poppins","Poppins Fallback",system-ui,sans-serif;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased
}
.ykc,.ykc *,.ykc *::before,.ykc *::after{box-sizing:border-box}
.ykc ul{margin:0;padding:0;list-style:none}
.ykc li{margin:0}
.ykc p,.ykc h1,.ykc h2{margin:0}
.ykc a{color:inherit;text-decoration:none;text-underline-offset:.22em}
.ykc img{display:block;max-width:100%;height:auto}
.ykc svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ykc button,.ykc input{font:inherit;color:inherit;margin:0;box-shadow:none;text-transform:none;letter-spacing:normal;min-height:0;line-height:normal}
.ykc :focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:4px}
.ykc .wrap{width:min(1240px,100% - 2*var(--gutter));margin-inline:auto}
.ykc .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Header */
.site-head.ykc{position:sticky;top:0;z-index:300;background:rgb(238 240 231/.96);border-bottom:1px solid rgb(23 36 26/.08)}
.admin-bar .site-head.ykc{top:32px}
@media screen and (max-width:782px){.admin-bar .site-head.ykc{top:46px}}
@media screen and (max-width:600px){.admin-bar .site-head.ykc{top:0}}
.ykc .site-head__row{display:flex;align-items:center;gap:var(--sc-5);min-height:84px}
.ykc .brand img{width:180px;height:auto}
.ykc .nav{margin-inline:auto}
.ykc .nav ul{display:flex;gap:var(--sc-1)}
.ykc .nav a{display:block;padding:var(--sc-2) var(--sc-3);border-radius:var(--r-1);font-size:.92rem;font-weight:400;white-space:nowrap;color:var(--ink-soft);transition:color .14s var(--ease),background-color .14s var(--ease)}
.ykc .nav a:hover,.ykc .nav a[aria-current]{color:var(--ink);background:rgb(23 36 26/.05)}
.ykc .tools{display:flex;align-items:center;gap:var(--sc-1)}
.ykc .tool,.ykc .menu summary,.ykc .search button{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--r-1);color:var(--ink);background:none;border:0;cursor:pointer;transition:background-color .14s var(--ease)}
.ykc .tool:hover,.ykc .menu summary:hover,.ykc .search button:hover{background:rgb(23 36 26/.06);color:var(--ink)}
.ykc .cart-dot{position:absolute;top:9px;right:8px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--canvas)}
.ykc .search{display:flex;align-items:center;background:var(--surface);border-radius:var(--r-1);padding-left:var(--sc-3);margin:0 var(--sc-2) 0 0}
.ykc .search input{width:150px;height:auto;border:0;background:none;font-size:.875rem;color:var(--ink);padding:var(--sc-2) 0;outline:none}
.ykc .search:focus-within{box-shadow:0 0 0 2px var(--accent-ink)}
.ykc .menu{display:none;position:relative}
.ykc .menu summary{list-style:none}
.ykc .menu summary::-webkit-details-marker{display:none}
.ykc .menu__panel{position:absolute;right:0;top:calc(100% + 10px);width:min(86vw,320px);background:var(--bone);border-radius:var(--r-2);padding:var(--sc-4);box-shadow:var(--e3)}
.ykc .menu__panel input{width:100%;padding:var(--sc-3);border:1px solid rgb(23 36 26/.15);border-radius:var(--r-1);background:#fff;margin-bottom:var(--sc-3)}
.ykc .menu__panel a{display:block;padding:var(--sc-3) var(--sc-2);font-weight:600;border-bottom:1px solid rgb(23 36 26/.07)}

/* Butonlar (footer) */
.ykc .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sc-2);min-height:40px;padding:0 var(--sc-4);border-radius:var(--r-1);font-weight:600;font-size:.875rem;white-space:nowrap;border:1px solid transparent;background:var(--accent-ink);color:#fff;transition:transform .14s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease)}
.ykc .btn:hover{background:#365A22;color:#fff}
.ykc .btn:active{transform:translateY(1px) scale(.98)}
.ykc .btn--outline{background:transparent;color:var(--ink);border-color:rgb(23 36 26/.22)}
.ykc .btn--outline:hover{background:var(--canvas);border-color:var(--ink);color:var(--ink)}
.ykc .btn--outline svg{width:18px;height:18px}

/* Footer */
.site-foot.ykc{background:var(--surface);padding-block:var(--sc-8) var(--sc-5);font-size:.93rem}
.ykc .site-foot__grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:var(--sc-7)}
.ykc .site-foot__brand img{width:150px}
.ykc .site-foot__brand p{color:var(--ink-soft);margin:var(--sc-4) 0 var(--sc-5);max-width:38ch}
.ykc .social{display:flex;flex-wrap:wrap;gap:var(--sc-2)}
.ykc.site-foot h2{font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--sc-4)}
.ykc.site-foot li+li{margin-top:var(--sc-2)}
.ykc.site-foot nav a{color:var(--ink-soft)}
.ykc.site-foot nav a:hover{color:var(--ink);text-decoration:underline}
.ykc .site-foot__legal{margin-top:var(--sc-8);padding-top:var(--sc-5);border-top:1px solid rgb(23 36 26/.1);font-size:.82rem;color:var(--ink-soft)}

.wa.ykc{position:fixed;right:16px;bottom:16px;z-index:400;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#1F7A4A;color:#fff;box-shadow:var(--e2);transition:transform .16s var(--ease)}
.wa.ykc svg{width:28px;height:28px;fill:currentColor;stroke:none}
.wa.ykc:hover{transform:translateY(-2px);color:#fff}
.wa.ykc:active{transform:scale(.96)}

/* Sayfa başlığı bandı: ana sayfa hero'sunun küçük kardeşi; koyu sera zemini, farklı derinlikte dönen saksılar. */
.ykc-band.ykc{--p:0;position:relative;overflow:hidden;isolation:isolate;background:var(--night);color:var(--bone);padding-block:clamp(40px,7vw,96px)}
.ykc-band__glow{position:absolute;inset:-40% -10% auto auto;width:70vw;height:200%;background:radial-gradient(closest-side,rgb(214 140 70/.28),rgb(214 140 70/.08) 55%,transparent);z-index:-1}
.ykc .ykc-band__inner{position:relative;z-index:2}
.ykc .ykc-band__crumbs{font-size:.8rem;color:var(--bone-soft);margin-bottom:var(--sc-5)}
.ykc .ykc-band__crumbs a{color:var(--bone-soft)}
.ykc .ykc-band__crumbs a:hover{color:var(--bone);text-decoration:underline}
.ykc .ykc-band__crumbs .sep{opacity:.5;margin:0 6px}
.ykc .eyebrow{font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-night);margin-bottom:var(--sc-3)}
.ykc-band.ykc .ykc-band__title{margin:0;max-width:20ch;font-size:clamp(2rem,1.1rem + 3.2vw,3.6rem);line-height:1.04;letter-spacing:-.03em;font-weight:600;color:var(--bone);text-wrap:balance}
.ykc .ykc-band__meta{margin-top:var(--sc-4);max-width:60ch;color:var(--bone-soft);font-size:1rem}
/* Örnek yelpazesi: üç saksı farklı derinlikte üst üste; bir kez yerine oturur, sonra çok hafif süzülür (kaydırmaya bağlı değil). */
.ykc .ykc-band__fan{position:absolute;right:max(2vw,calc(50vw - 600px));top:50%;width:min(420px,40vw);height:min(300px,28vw);transform:translateY(-50%);pointer-events:none}
.ykc .ykc-band__pot{position:absolute;border-radius:50%;animation:ykc-in .9s cubic-bezier(.23,1,.32,1) both}
.ykc .ykc-band__pot--a{width:min(260px,24vw);left:50%;top:50%;margin:calc(min(260px,24vw)/-2) 0 0 calc(min(260px,24vw)/-2);box-shadow:var(--e3)}
.ykc .ykc-band__pot--b{width:min(160px,15vw);left:0;top:8%;filter:blur(2px) brightness(.72) saturate(.8);animation-delay:.08s;--r:-14deg}
.ykc .ykc-band__pot--c{width:min(150px,14vw);right:0;bottom:4%;filter:blur(2.5px) brightness(.66) saturate(.75);animation-delay:.16s;--r:12deg}
.ykc .ykc-band__pot--b,.ykc .ykc-band__pot--c{transform:rotate(var(--r))}
@keyframes ykc-in{from{opacity:0;translate:0 18px;scale:.94}to{opacity:1;translate:0 0;scale:1}}

.ykc .grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

@media (max-width:1200px){
	.ykc .nav{display:none}
	.ykc .menu{display:block}
	.ykc .search{display:none}
	.ykc .tools{margin-left:auto}
}
@media (max-width:860px){
	.ykc .site-foot__grid{grid-template-columns:1fr 1fr}
	.ykc .site-foot__brand{grid-column:span 2}
}
@media (max-width:760px){
	.ykc .site-head__row{min-height:68px}
	.ykc .brand img{width:140px}
	.ykc .ykc-band__inner{padding-right:112px}
	.ykc .ykc-band__fan{right:-36px;width:180px;height:150px}
	.ykc .ykc-band__pot--a{width:132px;margin:-66px 0 0 -66px}
	.ykc .ykc-band__pot--b{width:64px}
	.ykc .ykc-band__pot--c{width:58px}
}
@media (max-width:420px){
	.ykc .site-foot__grid{grid-template-columns:1fr}
	.ykc .site-foot__brand{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){
	.ykc .ykc-band__pot{animation:none!important}
	.wa.ykc,.ykc .btn{transition:none}
}

/* Dil seçici */
.ykc .lang{position:relative}
.ykc .lang summary{list-style:none;display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:999px;cursor:pointer;font-size:.8rem;font-weight:600;color:var(--ink);transition:background .15s var(--ease)}
.ykc .lang summary::-webkit-details-marker{display:none}
.ykc .lang summary:hover,.ykc .lang[open] summary{background:var(--surface)}
.ykc .lang__flag{flex:none;width:21px;height:14px;border-radius:0;box-shadow:0 0 0 1px rgb(23 36 26/.18);fill:initial;stroke:none}
.ykc .lang__flag *{stroke-linecap:butt}
.ykc .lang__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:176px;padding:6px;background:#fff;border:1px solid #E3E7DC;border-radius:14px;box-shadow:var(--e2)}
.ykc .lang__name{flex:1}
.ykc .lang__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;font-size:.9rem;color:var(--ink)}
.ykc a.lang__item:hover{background:#EEF4E8}
.ykc .lang__item[aria-current]{font-weight:700;color:var(--accent-ink);background:#EEF4E8}
.ykc .lang__item small{font-size:.72rem;font-weight:600;color:var(--ink-soft)}
@media (max-width:760px){.ykc .lang summary{padding:0 8px}.ykc .lang summary span{font-size:.75rem}}

/* Çerez bildirimi */
.ykc.consent{position:fixed;right:16px;bottom:88px;z-index:9999;width:min(420px,calc(100vw - 32px));padding:18px;background:#fff;border:1px solid #E3E7DC;border-radius:18px;box-shadow:var(--e3)}
.ykc.consent[hidden]{display:none}
.ykc .consent__title{font-weight:700;font-size:1rem;margin-bottom:6px}
.ykc .consent__text{margin-bottom:14px;font-size:.86rem;line-height:1.55;color:var(--ink-soft)}
.ykc .consent__text a{color:var(--accent-ink);text-decoration:underline}
.ykc .consent__actions{display:flex;gap:8px;flex-wrap:wrap}
.ykc .consent__btn{flex:1 1 auto;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid #DCE3D5;background:#fff;font-weight:600;font-size:.88rem;cursor:pointer;color:var(--ink)}
.ykc .consent__btn:hover{background:#EEF4E8}
.ykc .consent__btn--primary{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}
.ykc .consent__btn--primary:hover{background:#355A22}
.ykc .consent__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ykc .site-foot__cookies{margin-left:12px;text-decoration:underline;cursor:pointer}
@media (max-width:600px){.ykc.consent{left:12px;right:12px;bottom:84px;width:auto}}