/* akvaryumtemizligi.com.tr — beyaz zemin, okyanus mavisi, renkli vurgular */
:root{
  --zemin:#ffffff; --acik:#F3F9FD; --acik2:#E8F4FB;
  --lacivert:#062B4A; --mavi:#0B5FA5; --okyanus:#1283D6; --turkuaz:#12B5CB; --camgobegi:#5EE0EE;
  --mercan:#FF6B5B; --gunes:#FFB627; --yosun:#2FB57A; --mor:#7B61FF; --pembe:#FF5FA2;
  --yazi:#163049; --soluk:#5B7186; --cizgi:#DCEAF3;
  --r:22px; --golge:0 30px 60px -28px rgba(6,43,74,.35);
  --font:'Manrope',system-ui,sans-serif; --baslik:'Sora','Manrope',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(--yazi);font-family:var(--font);font-size:17px;line-height:1.65;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--baslik);color:var(--lacivert);line-height:1.12;letter-spacing:-.02em}
h1{font-size:clamp(40px,6vw,76px);font-weight:700}
h2{font-size:clamp(30px,4vw,50px);font-weight:700}
h3{font-size:22px;font-weight:600}
p+p{margin-top:.9em}
.kap{width:min(1200px,100% - 40px);margin-inline:auto}
.dar{width:min(820px,100% - 40px);margin-inline:auto}
.renkli{background:linear-gradient(100deg,var(--okyanus),var(--turkuaz) 45%,var(--yosun) 75%,var(--gunes));-webkit-background-clip:text;background-clip:text;color:transparent}
.ust-etiket{display:inline-flex;align-items:center;gap:10px;font:600 13px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--okyanus);margin-bottom:18px}
.ust-etiket::before{content:"";width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--okyanus),var(--turkuaz))}
.bolum{padding:110px 0}
.bolum.acik{background:var(--acik)}
.bas{max-width:760px;margin-bottom:54px}
.bas p{color:var(--soluk);font-size:19px;margin-top:16px}
.bas.orta{margin-inline:auto;text-align:center}
.bas.orta .ust-etiket{justify-content:center}

/* üst menü */
.menu{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.menu.golgeli{border-bottom-color:var(--cizgi)}
.menu .kap{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:flex;align-items:center;gap:11px;font:700 19px/1 var(--baslik);color:var(--lacivert);letter-spacing:-.02em}
.logo:hover{text-decoration:none}
.logo i{width:34px;height:34px;border-radius:11px;background:conic-gradient(from 200deg,var(--okyanus),var(--turkuaz),var(--yosun),var(--gunes),var(--mercan),var(--okyanus));position:relative;flex:none}
.logo i::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px rgba(18,131,214,.15)}
.logo small{display:block;font:500 11px/1.2 var(--font);color:var(--soluk);letter-spacing:.04em;margin-top:3px}
.menu nav{display:flex;gap:4px;margin-left:auto}
.menu nav a{color:var(--yazi);font-weight:600;font-size:15px;padding:9px 14px;border-radius:999px}
.menu nav a:hover,.menu nav a[aria-current]{background:var(--acik2);color:var(--mavi);text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:10px;font:700 15px/1 var(--font);padding:15px 24px;border-radius:999px;background:linear-gradient(120deg,var(--mavi),var(--okyanus) 60%,var(--turkuaz));color:#fff;box-shadow:0 14px 28px -14px rgba(18,131,214,.8);transition:transform .2s,box-shadow .2s;border:0;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(18,131,214,.9);text-decoration:none}
.btn.cizgi{background:#fff;color:var(--mavi);box-shadow:inset 0 0 0 1.5px var(--cizgi)}
.btn.kucuk{padding:11px 18px;font-size:14px}
.ham{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);background:#fff;cursor:pointer}
.ham span{display:block;width:18px;height:2px;background:var(--lacivert);margin:4px auto;border-radius:2px}

/* hero */
.hero{position:relative;padding:48px 0 90px;overflow:hidden}
.hero .kap{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.hero h1 em{font-style:normal}
.hero .alt{font-size:20px;color:var(--soluk);margin:24px 0 34px;max-width:540px}
.hero .dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.hero-video{position:relative;border-radius:34px;overflow:hidden;aspect-ratio:4/4.4;box-shadow:var(--golge);isolation:isolate}
.hero-video video,.hero-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,43,74,0) 55%,rgba(6,43,74,.55));z-index:1}
.hero canvas.kabarcik{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.cip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border-radius:16px;padding:12px 16px;box-shadow:0 16px 30px -16px rgba(6,43,74,.5);font-size:14px;color:var(--soluk);animation:yuz 6s ease-in-out infinite}
.cip b{display:block;font:700 18px/1.1 var(--baslik);color:var(--lacivert)}
.cip i{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;font:700 13px/1 var(--baslik);color:#fff;font-style:normal}
.cip.c1{left:-22px;top:12%}.cip.c2{right:14px;top:40%;animation-delay:-2s}.cip.c3{left:8%;bottom:7%;animation-delay:-4s}
@keyframes yuz{50%{transform:translateY(-10px)}}
.hero .sise{position:absolute;z-index:4;right:-30px;bottom:-34px;width:150px;filter:drop-shadow(0 24px 30px rgba(6,43,74,.35));animation:yuz 7s ease-in-out infinite}
.dalga{position:absolute;left:0;right:0;bottom:0;height:90px;z-index:0;color:var(--acik)}
.istat{display:flex;gap:34px;margin-top:44px;flex-wrap:wrap}
.istat div b{display:block;font:700 34px/1 var(--baslik);color:var(--lacivert)}
.istat div span{font-size:14px;color:var(--soluk)}

/* iki denge kartları */
.denge{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.dkart{position:relative;border-radius:var(--r);overflow:hidden;min-height:430px;color:#fff;display:flex;align-items:flex-end;box-shadow:var(--golge)}
.dkart video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dkart::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,43,74,.05) 30%,rgba(6,43,74,.85))}
.dkart .ic{position:relative;z-index:2;padding:34px}
.dkart h3{color:#fff;font-size:28px;margin:10px 0 8px}
.dkart p{color:rgba(255,255,255,.88)}
.rozet{display:inline-block;font:700 12px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px)}

/* metabolizma animasyonu */
.meta{position:relative;border-radius:30px;background:radial-gradient(1200px 500px at 20% 0%,#E9F7FF 0,transparent 60%),radial-gradient(900px 500px at 100% 100%,#E8FBF4 0,transparent 60%),#fff;box-shadow:inset 0 0 0 1px var(--cizgi);padding:34px 34px 30px;overflow:hidden}
.meta svg{width:100%;height:auto;display:block}
.meta .istasyonlar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:10px}
.ist{background:#fff;border-radius:18px;padding:16px 16px 18px;box-shadow:0 1px 0 var(--cizgi),0 12px 26px -20px rgba(6,43,74,.4);cursor:pointer;border:1.5px solid transparent;transition:border-color .25s,transform .25s;text-align:left;font:inherit;color:inherit}
.ist:hover{transform:translateY(-3px)}
.ist.aktif{border-color:var(--renk,var(--okyanus))}
.ist .no{font:700 12px/1 var(--baslik);color:var(--renk);letter-spacing:.08em}
.ist h4{font-size:16px;margin:8px 0 4px}
.ist p{font-size:14px;color:var(--soluk);line-height:1.5}
.meta-detay{margin-top:18px;background:linear-gradient(120deg,#F3FAFF,#F2FCF8);border-radius:18px;padding:22px 26px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;min-height:120px}
.meta-detay .ik{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font:700 20px/1 var(--baslik);color:#fff}
.meta-detay h4{font-size:19px;margin-bottom:6px}
.meta-detay p{color:var(--soluk);font-size:16px}

/* azot döngüsü */
.azot{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
.azot-sahne{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin-inline:auto}
.azot-sahne canvas{width:100%;height:100%}
.secici{display:inline-flex;background:var(--acik2);border-radius:999px;padding:5px;margin:22px 0}
.secici button{border:0;background:transparent;font:700 14px/1 var(--font);color:var(--soluk);padding:11px 18px;border-radius:999px;cursor:pointer}
.secici button.aktif{background:#fff;color:var(--mavi);box-shadow:0 6px 16px -10px rgba(6,43,74,.5)}
.adim-liste{list-style:none;display:grid;gap:12px}
.adim-liste li{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--cizgi)}
.adim-liste li b{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font:700 13px/1 var(--baslik)}
.adim-liste li strong{display:block;color:var(--lacivert);font-family:var(--baslik)}
.adim-liste li span{font-size:15px;color:var(--soluk)}

/* ürün */
.urun-band{position:relative;border-radius:34px;overflow:hidden;background:linear-gradient(125deg,#0A4E8C,#0B6FBF 45%,#11A8C4);color:#fff;padding:64px;display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center;isolation:isolate}
.urun-band canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55}
.urun-band h2{color:#fff}
.urun-band p{color:rgba(255,255,255,.88)}
.urun-band .etiket{display:grid;gap:10px;margin:26px 0}
.urun-band .etiket div{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.13);border-radius:14px;padding:13px 16px;font-weight:600}
.urun-band .etiket i{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--mavi);display:grid;place-items:center;font-style:normal;font-weight:800;flex:none}
.urun-foto{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.45)}
.urun-foto img{width:100%;aspect-ratio:1/1.05;object-fit:cover;object-position:50% 45%}
.urun-band .btn{background:#fff;color:var(--mavi)}
.urun-band .btn.cizgi{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}

/* doz hesaplayıcı */
.doz{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}
.doz-kart{background:#fff;border-radius:26px;padding:34px;box-shadow:inset 0 0 0 1px var(--cizgi),var(--golge)}
.doz-kart label{font-weight:700;color:var(--lacivert);display:block;margin-bottom:12px}
.doz-kart input[type=range]{width:100%;accent-color:var(--okyanus);height:6px}
.litre{display:flex;align-items:baseline;gap:10px;margin:8px 0 20px}
.litre input{width:120px;font:700 44px/1 var(--baslik);color:var(--lacivert);border:0;border-bottom:2px solid var(--cizgi);padding:4px 0;background:transparent}
.litre span{font:600 20px var(--baslik);color:var(--soluk)}
.sonuc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.sonuc div{background:var(--acik);border-radius:18px;padding:18px}
.sonuc b{display:block;font:700 36px/1 var(--baslik);background:linear-gradient(120deg,var(--mavi),var(--turkuaz));-webkit-background-clip:text;background-clip:text;color:transparent}
.sonuc span{font-size:14px;color:var(--soluk)}
.doz-tank{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#DFF3FF,#B9E6F7 60%,#9ED8EE);min-height:380px}
.doz-tank canvas{position:absolute;inset:0;width:100%;height:100%}
.doz-tank .not{position:absolute;left:20px;right:20px;bottom:18px;background:rgba(255,255,255,.88);border-radius:14px;padding:12px 16px;font-size:14px;color:var(--soluk)}
.doz-tank .not b{color:var(--lacivert)}

/* türler */
.tur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tur{background:#fff;border-radius:24px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--cizgi),0 20px 40px -32px rgba(6,43,74,.6);transition:transform .3s,box-shadow .3s}
.tur:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--cizgi),0 30px 50px -30px rgba(6,43,74,.6)}
.tur .vid{position:relative;aspect-ratio:8/5;background:#0b2238}
.tur .vid video,.tur .vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tur .vid .renk{position:absolute;left:16px;bottom:-14px;width:44px;height:44px;border-radius:14px;background:var(--renk);box-shadow:0 10px 20px -8px var(--renk);z-index:2}
.tur .ic{padding:26px 22px 22px}
.tur h3{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tur h3 small{font:italic 400 14px var(--font);color:var(--soluk)}
.tur dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:16px 0}
.tur dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);font-weight:700}
.tur dd{font-weight:700;color:var(--lacivert);font-family:var(--baslik);font-size:16px}
.tur p{font-size:15px;color:var(--soluk)}
.tur .fp{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--mavi);background:var(--acik2);border-radius:999px;padding:7px 12px}
.serit{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:thin}
.serit .tur{flex:0 0 300px;scroll-snap-align:start}

/* sıcaklık metabolizma */
.isi{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.isi-sahne{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:16/11;background:#0b2238;box-shadow:var(--golge)}
.isi-sahne video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.isi-sahne canvas{position:absolute;inset:0;width:100%;height:100%}
.isi-sahne .gosterge{position:absolute;right:18px;top:18px;background:rgba(255,255,255,.92);border-radius:16px;padding:12px 16px;text-align:right}
.isi-sahne .gosterge b{display:block;font:700 30px/1 var(--baslik);color:var(--lacivert)}
.isi-sahne .gosterge span{font-size:13px;color:var(--soluk)}
.cubuklar{display:grid;gap:14px;margin-top:22px}
.cubuk span{display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:var(--lacivert);margin-bottom:6px}
.cubuk i{display:block;height:10px;border-radius:10px;background:var(--acik2);overflow:hidden}
.cubuk i em{display:block;height:100%;border-radius:10px;width:50%;transition:width .4s}

/* araştırma kartları */
.kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.akart{background:#fff;border-radius:22px;padding:26px;box-shadow:inset 0 0 0 1px var(--cizgi);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.akart::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--renk,linear-gradient(90deg,var(--okyanus),var(--turkuaz)))}
.akart .ust{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--soluk)}
.akart .ust b{color:var(--renk2,var(--okyanus))}
.akart h3{font-size:18px;line-height:1.3}
.akart p{font-size:15px;color:var(--soluk)}
.akart .anlam{background:var(--acik);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--yazi)}
.akart .anlam b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--yosun);margin-bottom:4px}
.akart a.doi{margin-top:auto;font-size:13px;font-weight:700}

/* üç bakteri grubu */
.uc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.uc div{border-radius:22px;padding:28px;color:#fff;position:relative;overflow:hidden}
.uc div h3{color:#fff;margin:10px 0 8px}
.uc div p{color:rgba(255,255,255,.9);font-size:15px}
.uc canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}.uc div>*:not(canvas){position:relative;z-index:1}
.urun-bas{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}

/* rutin */
.rutin{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rutin section{background:#fff;border-radius:22px;padding:24px;box-shadow:inset 0 0 0 1px var(--cizgi)}
.rutin h3{font-size:18px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.rutin h3 small{font:700 12px var(--font);color:var(--okyanus)}
.rutin label{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--cizgi);cursor:pointer}
.rutin label:first-of-type{border-top:0}
.rutin input{width:20px;height:20px;accent-color:var(--yosun);margin-top:3px}
.rutin label b{display:block;font-size:15px;color:var(--lacivert)}
.rutin label span{font-size:13px;color:var(--soluk)}
.rutin label:has(input:checked) b{text-decoration:line-through;color:var(--soluk)}
.ilerleme{height:8px;border-radius:8px;background:var(--acik2);margin-top:26px;overflow:hidden}
.ilerleme i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--okyanus),var(--turkuaz),var(--yosun));transition:width .4s}

/* rehber metin */
.metin h2{font-size:clamp(26px,3vw,36px);margin:60px 0 16px}
.metin h3{margin:30px 0 10px}
.metin p,.metin li{color:#2A4560}
.metin ul{padding-left:22px;margin:12px 0}
.metin li{margin:6px 0}
.kutu{border-radius:20px;padding:22px 26px;background:linear-gradient(120deg,#EEF8FF,#EFFBF6);margin:24px 0}
.kutu b{color:var(--lacivert)}
.tablo{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--cizgi);font-size:15px}
.tablo th{background:var(--lacivert);color:#fff;text-align:left;padding:13px 16px;font-family:var(--baslik);font-weight:600}
.tablo td{padding:13px 16px;border-top:1px solid var(--cizgi)}
.tablo tr:nth-child(even) td{background:var(--acik)}
.sayfa-bas{padding:70px 0 40px;background:radial-gradient(800px 400px at 85% 0%,#E3F4FF 0,transparent 70%),radial-gradient(700px 400px at 0% 100%,#E9FBF3 0,transparent 70%)}
.sayfa-bas p{font-size:20px;color:var(--soluk);max-width:720px;margin-top:18px}
.yol{font-size:14px;color:var(--soluk);margin-bottom:20px}
.yol a{color:var(--soluk)}

/* SSS */
.sss{display:grid;gap:12px}
.sss details{background:#fff;border-radius:18px;box-shadow:inset 0 0 0 1px var(--cizgi);padding:4px 24px}
.sss summary{cursor:pointer;list-style:none;font:600 18px/1.4 var(--baslik);color:var(--lacivert);padding:18px 30px 18px 0;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:0;top:14px;font-size:26px;color:var(--okyanus);transition:transform .3s}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss details p{padding:0 0 20px;color:var(--soluk)}
.sss-grup{margin:50px 0 18px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--okyanus)}

/* literatür */
.lit{display:grid;gap:16px}
.lit article{display:grid;grid-template-columns:90px 1fr;gap:22px;background:#fff;border-radius:20px;padding:24px;box-shadow:inset 0 0 0 1px var(--cizgi);scroll-margin-top:90px}
.lit .yil{font:700 30px/1 var(--baslik);color:var(--okyanus)}
.lit .yil small{display:block;font:700 11px/1.3 var(--font);letter-spacing:.06em;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}
.lit p{font-size:15px}
.kaynak-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kaynak-grid a{background:#fff;border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px var(--cizgi);color:var(--yazi);display:block}
.kaynak-grid a:hover{text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--okyanus)}
.kaynak-grid b{display:block;font-family:var(--baslik);color:var(--lacivert)}
.kaynak-grid small{font-size:12px;font-weight:700;color:var(--okyanus);letter-spacing:.06em;text-transform:uppercase}
.kaynak-grid span{display:block;font-size:14px;color:var(--soluk);margin-top:6px}
sup a{font-size:.72em;font-weight:700;padding:0 2px}

/* ürün kartları */
.siseler{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sise-kart{background:linear-gradient(180deg,#F2F9FF,#fff 60%);border-radius:24px;padding:26px 20px 22px;text-align:center;box-shadow:inset 0 0 0 1px var(--cizgi);display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .3s}
.sise-kart:hover{transform:translateY(-6px)}
.sise-kart img{height:200px;width:auto;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(6,43,74,.25));margin-bottom:8px}
.sise-kart h3{font-size:17px}
.sise-kart p{font-size:14px;color:var(--soluk)}
.sise-kart .btn{margin-top:auto}
.yontem{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.yontem article{border-radius:24px;padding:30px;background:#fff;box-shadow:inset 0 0 0 1px var(--cizgi);position:relative;overflow:hidden}
.yontem article.onerilen{box-shadow:inset 0 0 0 2px var(--yosun)}
.yontem .rozet2{position:absolute;right:20px;top:20px;background:var(--yosun);color:#fff;font:700 12px/1 var(--font);padding:7px 11px;border-radius:999px}
.yontem ol{padding-left:20px;margin-top:12px;color:#2A4560}
.yontem li{margin:6px 0}
.yontem .buyuk{font:700 46px/1 var(--baslik);margin:10px 0 4px;background:linear-gradient(120deg,var(--mavi),var(--turkuaz));-webkit-background-clip:text;background-clip:text;color:transparent}

/* alt bilgi */
footer{background:var(--lacivert);color:#B9CCDD;padding:70px 0 30px;margin-top:0}
footer .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
footer h4{color:#fff;font-size:15px;margin-bottom:14px}
footer a{color:#B9CCDD;display:block;padding:4px 0;font-size:15px}
footer a:hover{color:#fff}
footer .logo{color:#fff}
footer .logo small{color:#8FA9C0}
footer p{font-size:15px;margin-top:14px}
footer .vet{display:inline-flex;align-items:center;gap:10px;margin-top:20px;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:50px;padding-top:24px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* görünme animasyonu */
.belir{opacity:1;transform:none;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:.1s}.belir.g3{transition-delay:.2s}.belir.g4{transition-delay:.3s}
@media (prefers-reduced-motion:reduce){.belir{opacity:1;transform:none;transition:none}.cip,.hero .sise{animation:none}}

@media (max-width:1000px){
  .hero .kap,.azot,.doz,.isi,.urun-band,.denge,.urun-bas{grid-template-columns:1fr}
  .urun-band{padding:36px 24px}
  .meta .istasyonlar{grid-template-columns:repeat(2,1fr)}
  .tur-grid,.kartlar,.uc{grid-template-columns:1fr 1fr}
  .rutin,.siseler,.kaynak-grid{grid-template-columns:1fr 1fr}
  footer .kap{grid-template-columns:1fr 1fr}
  .menu nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:12px 20px 20px;border-bottom:1px solid var(--cizgi)}
  .menu nav.acik{display:flex}
  .ham{display:block}
  .menu .btn{display:none}
  .cip.c1{left:10px}.cip.c2{right:10px}
  .hero .sise{right:6px;width:110px}
}
@media (max-width:640px){
  body{font-size:16px}
  .bolum{padding:70px 0}
  .tur-grid,.kartlar,.uc,.rutin,.siseler,.kaynak-grid,.yontem,.sonuc{grid-template-columns:1fr}
  .meta{padding:20px 14px}
  .meta .istasyonlar{grid-template-columns:1fr}
  .meta-detay{grid-template-columns:1fr}
  .lit article{grid-template-columns:1fr;gap:8px}
  footer .kap{grid-template-columns:1fr}
  .cip{font-size:12px;padding:9px 12px}.cip b{font-size:15px}.cip.c2{display:none}
  .meta canvas{height:220px!important}
  .istat{gap:22px}
}

.adim-liste li{min-width:0}@media(min-width:760px){.adim-liste.iki{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}