/* kusprobiyotik.com.tr — beyaz zemin, tüy renkleri: muhabbet yeşili, gökyüzü mavisi, kanarya sarısı, sultan yanağı turuncusu, ara kırmızısı */
:root{
  --zemin:#ffffff; --yaprak-acik:#F4FAF1; --gok-acik:#EEF6FF; --krem:#FFF8E6;
  --murekkep:#17222E; --soluk:#5D6B78; --cizgi:#E3EAE6;
  --yaprak:#22A35A; --yaprak-koyu:#137A40; --gok:#2E8BFF; --kanarya:#FFC21A; --yanak:#FF7A3D; --ara:#E8384F; --menekse:#8A5CF6;
  --tuy:28px 28px 28px 8px; --tuy2:8px 28px 28px 28px;
  --golge:0 26px 50px -26px rgba(23,34,46,.4);
  --govde:'Figtree',system-ui,sans-serif; --baslik:'Bricolage Grotesque','Figtree',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--zemin);color:var(--murekkep);font-family:var(--govde);font-size:17.5px;line-height:1.65;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:var(--yaprak-koyu);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--baslik);line-height:1.06;letter-spacing:-.025em;color:var(--murekkep);text-wrap:balance}
h1{font-size:clamp(42px,6.4vw,84px);font-weight:800}
h2{font-size:clamp(32px,4.4vw,56px);font-weight:800}
h3{font-size:23px;font-weight:700}
p+p{margin-top:.85em}
.kap{width:min(1220px,100% - 40px);margin-inline:auto}
.dar{width:min(800px,100% - 40px);margin-inline:auto}
.vurgu{position:relative;white-space:nowrap;z-index:0}
.vurgu::after{content:"";position:absolute;left:-.08em;right:-.08em;bottom:.06em;height:.36em;background:var(--v,var(--kanarya));border-radius:.2em;z-index:-1;transform:rotate(-1.2deg)}
.etk{display:inline-flex;align-items:center;gap:9px;font:700 13px/1 var(--govde);letter-spacing:.12em;text-transform:uppercase;color:var(--yaprak-koyu);margin-bottom:16px}
.etk i{width:10px;height:10px;border-radius:50% 50% 50% 0;background:var(--yaprak);transform:rotate(-45deg)}
.bolum{padding:110px 0}
.bolum.yesil{background:var(--yaprak-acik)}
.bolum.mavi{background:var(--gok-acik)}
.bolum.krem{background:var(--krem)}
.bas{max-width:760px;margin-bottom:50px}
.bas p{font-size:19px;color:var(--soluk);margin-top:16px}
.bas.orta{text-align:center;margin-inline:auto}
.bas.orta .etk{justify-content:center}
sup a{font-size:.72em;font-weight:700;padding:0 2px}

/* menü */
.menu{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .3s}
.menu.golgeli{border-bottom-color:var(--cizgi)}
.menu .kap{display:flex;align-items:center;gap:22px;height:74px}
.logo{display:flex;align-items:center;gap:10px;font:800 21px/1 var(--baslik);color:var(--murekkep);letter-spacing:-.03em}
.logo:hover{text-decoration:none}
.logo b{color:var(--yaprak)}
.logo .tuyler{display:flex;gap:2px;transform:rotate(-12deg)}
.logo .tuyler i{width:9px;height:24px;border-radius:50% 50% 50% 50%/70% 70% 30% 30%}
.logo small{display:block;font:600 11px/1.3 var(--govde);color:var(--soluk);letter-spacing:.02em;margin-top:2px}
.menu nav{display:flex;gap:2px;margin-left:auto;flex-wrap:nowrap}
.menu nav a{color:var(--murekkep);font-weight:600;font-size:14.5px;padding:9px 12px;border-radius:999px;white-space:nowrap}
.menu nav a:hover,.menu nav a[aria-current]{background:var(--yaprak-acik);color:var(--yaprak-koyu);text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:9px;font:700 15px/1 var(--govde);padding:15px 22px;border-radius:999px;background:var(--yaprak);color:#fff;border:0;cursor:pointer;box-shadow:0 12px 24px -12px rgba(34,163,90,.9);transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-2px);background:var(--yaprak-koyu);text-decoration:none}
.btn.beyaz{background:#fff;color:var(--murekkep);box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.btn.beyaz:hover{box-shadow:inset 0 0 0 1.5px var(--yaprak)}
.btn.kucuk{padding:11px 16px;font-size:14px}
.ham{display:none;margin-left:auto;width:44px;height:44px;border-radius:14px;border:1px solid var(--cizgi);background:#fff;cursor:pointer}
.ham span{display:block;width:18px;height:2px;background:var(--murekkep);margin:4px auto;border-radius:2px}
:focus-visible{outline:3px solid var(--gok);outline-offset:3px;border-radius:8px}

/* HERO: tür seçici */
.hero{padding:40px 0 70px;position:relative;overflow:hidden}
.hero .kap{display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}
.hero .alt{font-size:20px;color:var(--soluk);margin:22px 0 28px;max-width:540px}
.hero canvas.tohum{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero .kap>*{position:relative;z-index:1}
.secici{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.secici button{font:700 14px/1 var(--govde);border:0;cursor:pointer;padding:11px 15px 11px 11px;border-radius:999px;background:#fff;color:var(--murekkep);box-shadow:inset 0 0 0 1.5px var(--cizgi);display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}
.secici button i{width:14px;height:14px;border-radius:50%;background:var(--r)}
.secici button:hover{transform:translateY(-2px)}
.secici button.aktif{background:var(--r);color:#fff;box-shadow:0 10px 20px -10px var(--r)}
.secici button.aktif i{background:#fff}
.sahne{position:relative;aspect-ratio:1/1.02;max-width:100%}
.sahne .cerceve{position:absolute;inset:0;border-radius:46% 54% 50% 50%/42% 44% 56% 58%;overflow:hidden;box-shadow:var(--golge);background:#dfe8e2;transition:border-radius 1.2s}
.sahne video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s}
.sahne .kart{position:absolute;left:-14px;bottom:8%;background:#fff;border-radius:var(--tuy);padding:18px 20px;box-shadow:0 20px 40px -18px rgba(23,34,46,.45);width:min(300px,80%);z-index:3}
.sahne .kart h3{font-size:22px;display:flex;align-items:center;gap:8px}
.sahne .kart h3 i{width:12px;height:12px;border-radius:50%;background:var(--r,var(--yaprak))}
.sahne .kart dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 10px}
.sahne .kart dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.sahne .kart dd{font:700 15px/1.2 var(--baslik)}
.sahne .kart a{font-size:14px;font-weight:700}
.sahne .sise{position:absolute;right:-10px;top:2%;width:112px;z-index:3;background:#fff;border-radius:24px 24px 24px 6px;padding:10px 12px;box-shadow:0 20px 34px -16px rgba(23,34,46,.45);animation:salin 6s ease-in-out infinite}
.sahne .rozet{position:absolute;right:6%;bottom:-4px;z-index:3;background:var(--kanarya);color:var(--murekkep);font:800 14px/1.15 var(--baslik);padding:14px 16px;border-radius:50%;width:112px;height:112px;display:grid;place-items:center;text-align:center;transform:rotate(-10deg);box-shadow:0 14px 26px -12px rgba(255,176,0,.9)}
@keyframes salin{50%{transform:translateY(-10px) rotate(2deg)}}
.istat{display:flex;flex-wrap:wrap;gap:30px;margin-top:34px}
.istat b{display:block;font:800 36px/1 var(--baslik)}
.istat span{font-size:14px;color:var(--soluk)}
.serit-ad{overflow:hidden;white-space:nowrap;border-block:1px solid var(--cizgi);padding:16px 0;background:#fff}
.serit-ad div{display:inline-flex;gap:40px;animation:kay 40s linear infinite;font:800 26px/1 var(--baslik);letter-spacing:-.02em}
.serit-ad span{display:inline-flex;align-items:center;gap:40px}
.serit-ad span::after{content:"";width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--c)}
@keyframes kay{to{transform:translateX(-50%)}}

/* belirti kartları */
.belirtiler{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bk{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--tuy);background:#fff;box-shadow:inset 0 0 0 1.5px var(--cizgi);color:var(--murekkep);transition:transform .25s,box-shadow .25s;position:relative;min-height:160px}
.bk:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:inset 0 0 0 2px var(--s),0 20px 30px -22px rgba(23,34,46,.5);text-decoration:none}
.bk .dur{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--s)}
.bk .dur::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--s);box-shadow:0 0 0 4px color-mix(in srgb,var(--s) 22%,transparent)}
.bk h3{font-size:19px;line-height:1.2}
.bk span.ok{margin-top:auto;font-weight:700;font-size:14px;color:var(--yaprak-koyu)}

/* sindirim animasyonu */
.sindirim{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:stretch}
.s-sahne{position:relative;border-radius:34px;background:radial-gradient(700px 400px at 20% 10%,#FFF5D6 0,transparent 60%),radial-gradient(700px 500px at 90% 90%,#E7F6EC 0,transparent 60%),#fff;box-shadow:inset 0 0 0 1.5px var(--cizgi);overflow:hidden;min-height:520px}
.s-sahne canvas{position:absolute;inset:0;width:100%;height:100%}
.duraklar{display:grid;gap:8px;align-content:start}
.durak{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;text-align:left;font:inherit;color:inherit;background:#fff;border:0;border-radius:18px;padding:12px 14px;box-shadow:inset 0 0 0 1.5px var(--cizgi);cursor:pointer;transition:box-shadow .2s,transform .2s}
.durak:hover{transform:translateX(4px)}
.durak.aktif{box-shadow:inset 0 0 0 2.5px var(--r),0 14px 24px -18px var(--r)}
.durak b{width:40px;height:40px;border-radius:14px 14px 14px 4px;background:var(--r);color:#fff;display:grid;place-items:center;font:800 15px/1 var(--baslik)}
.durak strong{display:block;font:700 16px/1.2 var(--baslik)}
.durak span{font-size:13.5px;color:var(--soluk)}
.durak-detay{margin-top:6px;border-radius:var(--tuy2);padding:18px 20px;background:var(--krem);font-size:15.5px;min-height:150px}
.durak-detay h4{font-size:18px;margin-bottom:6px}

/* dışkı okuyucu */
.diski{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.d-tabak{position:relative;aspect-ratio:1;max-width:460px;width:100%;margin-inline:auto;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff 0,#F5F3EC 60%,#E9E5D8 100%);box-shadow:inset 0 -10px 30px rgba(0,0,0,.06),var(--golge)}
.d-tabak canvas{position:absolute;inset:0;width:100%;height:100%}
.d-etiket{position:absolute;font:700 13px/1.2 var(--govde);background:#fff;padding:6px 10px;border-radius:10px;box-shadow:0 6px 14px -8px rgba(0,0,0,.4)}
.d-secim{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.d-secim button{font:700 14px/1 var(--govde);padding:10px 14px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1.5px var(--cizgi);cursor:pointer}
.d-secim button.aktif{background:var(--murekkep);color:#fff;box-shadow:none}
.d-sonuc{border-radius:var(--tuy);padding:22px 24px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--cizgi);min-height:150px}
.d-sonuc .dur{display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--s);margin-bottom:8px}
.d-sonuc .dur::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--s)}

/* ürün bandı */
.urun{position:relative;border-radius:40px;overflow:hidden;background:linear-gradient(140deg,#1C8E4D,#22A35A 45%,#7CC242);color:#fff;padding:60px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;isolation:isolate}
.urun canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.5}
.urun h2{color:#fff}
.urun p{color:rgba(255,255,255,.9)}
.urun .etiketler{display:grid;gap:10px;margin:24px 0}
.urun .etiketler div{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.15);border-radius:16px 16px 16px 4px;padding:13px 16px;font-weight:700}
.urun .etiketler i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--kanarya);color:var(--murekkep);display:grid;place-items:center;font-style:normal;font-weight:900}
.urun .btn{background:var(--kanarya);color:var(--murekkep);box-shadow:0 12px 24px -12px rgba(255,194,26,.9)}
.urun .btn.beyaz{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.urun-video{position:relative;border-radius:30px 30px 30px 8px;overflow:hidden;box-shadow:0 30px 60px -24px rgba(0,0,0,.5);aspect-ratio:16/10}
.urun-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* doz hesaplayıcı */
.doz{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.doz-kart{background:#fff;border-radius:30px;padding:32px;box-shadow:inset 0 0 0 1.5px var(--cizgi),var(--golge)}
.doz-kart h3{font-size:28px}
.doz-kart label{display:block;font-weight:800;margin:20px 0 10px}
.secenek{display:flex;flex-wrap:wrap;gap:8px}
.secenek button{font:700 14px/1.2 var(--govde);padding:11px 14px;border-radius:14px;border:0;background:var(--yaprak-acik);color:var(--murekkep);cursor:pointer;text-align:left}
.secenek button small{display:block;font-weight:500;color:var(--soluk);font-size:12px;margin-top:3px}
.secenek button.aktif{background:var(--yaprak);color:#fff}
.secenek button.aktif small{color:rgba(255,255,255,.85)}
.ml{display:flex;align-items:baseline;gap:10px}
.ml input{width:130px;font:800 44px/1 var(--baslik);border:0;border-bottom:2px solid var(--cizgi);background:transparent;color:var(--murekkep);padding:4px 0}
.ml span{font:700 20px var(--baslik);color:var(--soluk)}
.doz-kart input[type=range]{width:100%;accent-color:var(--yaprak);margin-top:12px}
.sonuc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.sonuc div{background:var(--krem);border-radius:18px 18px 18px 4px;padding:16px 18px}
.sonuc b{display:block;font:800 38px/1 var(--baslik);color:var(--yaprak-koyu)}
.sonuc span{font-size:14px;color:var(--soluk)}
.bardak{position:relative;border-radius:30px;background:linear-gradient(180deg,#F2FAFF,#E2F1FB);overflow:hidden;min-height:400px}
.bardak canvas{position:absolute;inset:0;width:100%;height:100%}
.bardak .not{position:absolute;left:18px;right:18px;bottom:16px;background:rgba(255,255,255,.92);border-radius:14px;padding:12px 15px;font-size:14px;color:var(--soluk)}

/* türler */
.turler{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tur{background:#fff;border-radius:var(--tuy);overflow:hidden;box-shadow:inset 0 0 0 1.5px var(--cizgi);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;color:var(--murekkep)}
.tur:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 2px var(--r),0 26px 40px -30px rgba(23,34,46,.6);text-decoration:none}
.tur .vid{position:relative;aspect-ratio:8/5.4;background:#dfe8e2}
.tur .vid video,.tur .vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tur .ic{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.tur h3{font-size:20px;display:flex;align-items:center;gap:8px}
.tur h3 i{width:11px;height:11px;border-radius:50%;background:var(--r);flex:none}
.tur small{font-style:italic;color:var(--soluk);font-size:13px}
.tur p{font-size:14.5px;color:var(--soluk)}
.tur .bilgi{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.tur .bilgi span{font-size:12.5px;font-weight:700;background:var(--yaprak-acik);border-radius:999px;padding:5px 10px}

/* tüy dökümü takvimi */
.tuy{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.tuy-sahne{position:relative;aspect-ratio:1;max-width:520px;width:100%;margin-inline:auto}
.tuy-sahne canvas{width:100%;height:100%}
.tuy-liste{display:grid;gap:12px;margin-top:18px}
.tuy-liste div{display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.tuy-liste i{width:16px;height:16px;border-radius:50%;margin-top:4px}
.tuy-liste b{display:block;font-family:var(--baslik)}
.tuy-liste span{font-size:14.5px;color:var(--soluk)}

/* günün akışı */
.gun{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.gun::before{content:"";position:absolute;left:4%;right:4%;top:34px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--kanarya),var(--yanak),var(--yaprak),var(--gok),var(--menekse))}
.gun article{position:relative;padding-top:70px}
.gun article::before{content:attr(data-saat);position:absolute;top:14px;left:0;font:800 14px/1 var(--baslik);background:#fff;padding:12px 12px;border-radius:14px 14px 14px 4px;box-shadow:inset 0 0 0 2px var(--r)}
.gun h4{font-size:17px;margin-bottom:6px}
.gun p{font-size:14.5px;color:var(--soluk)}

/* bilim kartları */
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.akart{background:#fff;border-radius:var(--tuy);padding:24px;box-shadow:inset 0 0 0 1.5px var(--cizgi);display:flex;flex-direction:column;gap:11px}
.akart .ust{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--soluk)}
.akart .ust b{color:var(--r)}
.akart h3{font-size:17.5px;line-height:1.3}
.akart p{font-size:15px;color:var(--soluk)}
.akart .anlam{background:var(--yaprak-acik);border-radius:14px 14px 14px 4px;padding:12px 14px;font-size:14.5px;color:var(--murekkep)}
.akart .anlam b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--yaprak-koyu);margin-bottom:3px}
.akart a.doi{margin-top:auto;font-size:13px;font-weight:700;word-break:break-all}

/* bakteri video bandı */
.mikro{position:relative;border-radius:40px;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;color:#fff}
.mikro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mikro::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,40,.82),rgba(10,20,40,.2) 70%);z-index:1}
.mikro .ic{position:relative;z-index:2;padding:48px;max-width:620px}
.mikro h2{color:#fff}
.mikro p{color:rgba(255,255,255,.9);margin-top:14px}

/* sayfa başı, metin */
.sayfa-bas{padding:60px 0 40px;background:radial-gradient(700px 380px at 90% 0%,#FFF2C9 0,transparent 70%),radial-gradient(700px 400px at 0% 100%,#E5F5EA 0,transparent 70%)}
.sayfa-bas p{font-size:20px;color:var(--soluk);max-width:740px;margin-top:16px}
.sayfa-bas.ikili .kap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.sayfa-bas .vkutu{position:relative;border-radius:46% 54% 50% 50%/42% 44% 56% 58%;overflow:hidden;aspect-ratio:1;box-shadow:var(--golge)}
.sayfa-bas .vkutu video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yol{font-size:14px;color:var(--soluk);margin-bottom:18px}
.yol a{color:var(--soluk)}
.metin h2{font-size:clamp(26px,3vw,38px);margin:56px 0 14px}
.metin h3{margin:28px 0 10px}
.metin p,.metin li{color:#2C3A47}
.metin ul{padding-left:22px;margin:10px 0}
.metin li{margin:6px 0}
.kutu{border-radius:var(--tuy);padding:22px 24px;background:var(--krem);margin:22px 0}
.kutu.yesil{background:var(--yaprak-acik)}
.tablo-sar{overflow-x:auto;margin:18px 0}
.tablo{width:100%;border-collapse:separate;border-spacing:0;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1.5px var(--cizgi);font-size:15px;min-width:520px}
.tablo th{background:var(--murekkep);color:#fff;text-align:left;padding:12px 15px;font-family:var(--baslik);font-weight:700}
.tablo td{padding:12px 15px;border-top:1px solid var(--cizgi);vertical-align:top}
.tablo tr:nth-child(even) td{background:#FAFBF8}
.fis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}
.fis div{background:#fff;border-radius:16px 16px 16px 4px;padding:14px;box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.fis dt{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.fis dd{font:800 18px/1.2 var(--baslik);margin-top:4px}
.icerik{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 10px}
.icerik a{font-size:14px;font-weight:700;padding:8px 13px;border-radius:999px;background:var(--yaprak-acik)}

/* belirti bölümleri */
.belirti{scroll-margin-top:90px;border-radius:var(--tuy);padding:28px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--cizgi);margin:18px 0}
.belirti header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.belirti h2{font-size:clamp(22px,2.6vw,30px);margin:0}
.belirti .dur{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--s);padding:7px 12px;border-radius:999px}
.belirti .uc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.belirti .uc section{border-radius:16px;padding:16px;background:var(--b)}
.belirti .uc h3{font-size:15px;margin-bottom:8px;letter-spacing:.02em}
.belirti .uc ul{padding-left:18px;font-size:15px;color:#2C3A47}
.belirti .uc li{margin:5px 0}

/* SSS, literatür */
.sss{display:grid;gap:10px}
.sss details{background:#fff;border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--cizgi);padding:2px 22px}
.sss summary{cursor:pointer;list-style:none;font:700 18px/1.4 var(--baslik);padding:17px 30px 17px 0;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:2px;top:22px;width:14px;height:14px;border-radius:50% 50% 50% 0;background:var(--kanarya);transform:rotate(-45deg);transition:transform .3s,background .3s}
.sss details[open] summary::after{transform:rotate(135deg);background:var(--yaprak)}
.sss details p{padding:0 0 18px;color:var(--soluk)}
.sss-grup{margin:46px 0 16px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--yaprak-koyu)}
.lit{display:grid;gap:14px}
.lit article{display:grid;grid-template-columns:96px 1fr;gap:22px;background:#fff;border-radius:var(--tuy);padding:24px;box-shadow:inset 0 0 0 1.5px var(--cizgi);scroll-margin-top:90px}
.lit .yil{font:800 32px/1 var(--baslik);color:var(--yaprak)}
.lit .yil small{display:block;font:700 11px/1.3 var(--govde);letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);margin-top:8px}
.lit h3{font-size:18px;line-height:1.35}
.lit .kunye{font-size:14px;color:var(--soluk);margin:6px 0 10px;word-break:break-word}
.kaynak-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kaynak-grid a{display:block;background:#fff;border-radius:18px 18px 18px 4px;padding:18px;box-shadow:inset 0 0 0 1.5px var(--cizgi);color:var(--murekkep)}
.kaynak-grid a:hover{box-shadow:inset 0 0 0 2px var(--yaprak);text-decoration:none}
.kaynak-grid small{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--yaprak-koyu)}
.kaynak-grid b{display:block;font-family:var(--baslik);margin:3px 0}
.kaynak-grid span{font-size:14px;color:var(--soluk)}
.siseler{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sise-kart{border-radius:var(--tuy);padding:24px;background:linear-gradient(180deg,#F4FAF1,#fff 60%);box-shadow:inset 0 0 0 1.5px var(--cizgi);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.sise-kart img{height:220px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.sise-kart p{font-size:14.5px;color:var(--soluk)}
.sise-kart .btn{margin-top:auto}

footer{background:#122019;color:#B8C9BF;padding:70px 0 28px}
footer .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
footer h4{color:#fff;font-size:15px;margin-bottom:12px}
footer a{display:block;color:#B8C9BF;padding:4px 0;font-size:15px}
footer a:hover{color:#fff}
footer .logo{color:#fff}
footer .logo small{color:#8EA698}
footer p{font-size:15px;margin-top:14px}
footer .vet{display:inline-block;margin-top:18px;background:#fff;border-radius:12px;padding:8px 12px}
footer .vet img{height:26px}
.alt-cizgi{border-top:1px solid rgba(255,255,255,.12);margin-top:46px;padding-top:22px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

.belir{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.belir.gorundu{opacity:1;transform:none}
.belir.g2{transition-delay:.08s}.belir.g3{transition-delay:.16s}.belir.g4{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.belir{opacity:1;transform:none;transition:none}.serit-ad div,.sahne .sise{animation:none}}

@media (max-width:1080px){
  .menu nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px 18px;border-bottom:1px solid var(--cizgi)}
  .menu nav.acik{display:flex}
  .ham{display:block}
  .menu .btn{display:none}
}
@media (max-width:1000px){
  .hero .kap,.sindirim,.diski,.urun,.doz,.tuy,.sayfa-bas.ikili .kap{grid-template-columns:1fr}
  .urun{padding:34px 22px}
  .belirtiler,.turler{grid-template-columns:1fr 1fr}
  .kartlar,.siseler{grid-template-columns:1fr 1fr}
  .kaynak-grid{grid-template-columns:1fr 1fr}
  .gun{grid-template-columns:1fr 1fr}
  .gun::before{display:none}
  .fis{grid-template-columns:repeat(3,1fr)}
  .belirti .uc{grid-template-columns:1fr}
  footer .kap{grid-template-columns:1fr 1fr}
  .s-sahne{min-height:420px}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .bolum{padding:70px 0}
  .belirtiler,.turler,.kartlar,.siseler,.kaynak-grid,.gun,.sonuc{grid-template-columns:1fr}
  .fis{grid-template-columns:1fr 1fr}
  .lit article{grid-template-columns:1fr;gap:8px}
  footer .kap{grid-template-columns:1fr}
  .sahne .kart{left:0;bottom:-6%;padding:14px 16px}
  .sahne .sise{width:78px;right:6px;top:6%;padding:6px 8px}
  .sahne .rozet{width:88px;height:88px;font-size:12px}
  .mikro .ic{padding:28px 22px}
  .s-sahne{min-height:360px}
}

.sayfa-bas .kap>*{min-width:0}.sayfa-bas h1{overflow-wrap:break-word}.sayfa-bas h1 .vurgu{white-space:normal}