/* hiz3: pati.css'ten üretildi (araclar/hiz3_bol.py), elle düzenleme; şablon single-firma */
h4{font-size: var(--yazi-h4); line-height: var(--satir-ara);}
.demo-serit{background: var(--pembe-acik); color: var(--pembe-koyu); font: 700 13px/1.3 var(--govde); text-align: center; padding: 7px 16px; display: flex; gap: 6px; justify-content: center; align-items: center;}
.demo-serit .ik{width: 15px; height: 15px;}
.logo-isaret{width: 42px; height: 42px; flex: none;}
.mm-baslik{font: 700 12px/1 var(--govde); text-transform: uppercase; letter-spacing: .08em; color: var(--aile-koyu, var(--soluk)); margin: 4px 0 10px;}
.mm-grup ul{list-style: none; margin: 0; padding: 0;}
.mm-grup a{display: block; padding: 6px 8px; margin: 0 -8px; border-radius: 9px; color: var(--murekkep); text-decoration: none; font-weight: 600; font-size: 15px;}
.mm-grup a:hover{background: var(--aile-acik, var(--gunes-acik));}
.mm-hepsi{grid-column: 1 / -1; margin-top: 10px; padding-top: 12px; border-top: 1px dashed var(--cizgi); display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--aile-koyu, var(--pembe-koyu)); text-decoration: none;}
.mm-hepsi .ik{width: 16px; height: 16px;}
.mm-fotolar{border-left: 2px dashed var(--cizgi); padding-left: 26px;}
.mm-fotolar ul{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 112px); gap: 10px;}
.mm-fotolar a{display: flex; flex-direction: column; align-items: center; gap: 7px; text-decoration: none; color: var(--murekkep); font-weight: 800; font-size: 13.5px; text-align: center; line-height: 1.2; padding: 8px 4px; border-radius: 16px; transition: background .15s;}
.mm-fotolar a:hover{background: var(--aile-acik);}
.mm-fotolar img{width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 0 0 2px var(--aile), var(--golge-k); background: var(--aile-acik); transition: transform .5s var(--yumusak);}
.mm-fotolar a:hover img{transform: scale(1.08) rotate(-4deg);}
.bolum{padding: clamp(28px, 3.2vw, 48px) 0; position: relative;}
.bolum-bas{max-width: 640px; margin-bottom: 30px;}
.bolum-bas p:not(.ust-etiket){color: var(--soluk); font-size: var(--yazi-giris);}
.bolum-bas-yatay{max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 20px;}
.ust-etiket{display: inline-flex; align-items: center; gap: 7px; font: 800 var(--yazi-etiket)/1 var(--govde); letter-spacing: var(--iz-etiket); text-transform: uppercase; color: var(--pembe-koyu); background: var(--pembe-acik); padding: 8px 13px; border-radius: 999px; margin-bottom: 18px;}
.ust-etiket .ik{width: 16px; height: 16px;}
.rozet{display: inline-flex; align-items: center; gap: 6px; font: 800 13px/1 var(--govde); padding: 8px 12px; border-radius: 999px;}
.rozet .ik{width: 15px; height: 15px;}
.rozet-yakinda{background: var(--gunes-acik); color: var(--gunes-koyu); border: 1.5px dashed var(--gunes);}
.dalga{display: block; width: 100%; height: 56px; fill: none;}
.kahraman{position: relative; overflow: hidden; background:
radial-gradient(ellipse closest-side at 78% 46%, rgba(255, 179, 126, .18), rgba(255, 179, 126, .06) 55%, transparent),
radial-gradient(ellipse closest-side at 22% 44%, rgba(142, 211, 244, .24), rgba(142, 211, 244, .07) 55%, transparent),
linear-gradient(180deg, rgba(227, 244, 253, 0) 0%, rgba(227, 244, 253, .4) 26%, rgba(227, 244, 253, .4) 58%, rgba(227, 244, 253, 0) 100%);}
.kahraman-ic{position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 40px; padding: clamp(40px, 6vw, 80px) 0 30px;}
.kahraman h1{margin-bottom: 18px;}
.kahraman-alt{font-size: 19px; color: var(--soluk); max-width: 540px; margin-bottom: 26px;}
.cipler{display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 18px; font-size: 14px; color: var(--soluk); font-weight: 700;}
.cipler a{background: rgba(255, 255, 255, .75); border: 1.5px solid var(--cizgi); color: var(--murekkep); text-decoration: none; padding: 6px 12px; border-radius: 999px; font-weight: 700; transition: background .15s, transform .15s;}
.cipler a:hover{background: var(--gunes-acik); transform: translateY(-1px);}
.kolaj-ana img, .blob{width: 100%; height: 100%; object-fit: cover; border-radius: 52% 48% 46% 54% / 55% 45% 55% 45%; border: 7px solid #fff; box-shadow: var(--golge);}
.k1{left: -2%; bottom: 0; transform: rotate(-6deg);}
.k1::after, .k2::after{content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 3px dashed var(--pembe); z-index: -1;}
.k2{right: -2%; top: 2%; width: 27%; transform: rotate(8deg);}
.k2::after{border-color: var(--gok);}
.balon{position: absolute; display: inline-flex; align-items: center; gap: 6px; background: #fff; padding: 9px 14px; border-radius: 999px; font: 800 13.5px/1 var(--govde); box-shadow: var(--golge-k); white-space: nowrap;}
.balon .ik{width: 17px; height: 17px;}
.b1{left: 2%; top: 10%; color: var(--cim-koyu); animation: suzul 6s ease-in-out infinite;}
.b2{right: 0; bottom: 14%; color: var(--gok-koyu); animation: suzul 7s ease-in-out -2s infinite;}
.ucan-pati{position: absolute; color: var(--pembe); opacity: .8;}
.ucan-pati .ik{width: 30px; height: 30px;}
.p1{left: 44%; top: -4%; transform: rotate(-20deg); animation: kipirda 3.2s ease-in-out infinite;}
.p2{right: 18%; bottom: -3%; color: var(--cim); transform: rotate(25deg); animation: kipirda 3.8s ease-in-out -1s infinite;}
.ucan-kus{position: absolute; width: 64px; left: 22%; top: 2%; animation: uc 9s ease-in-out infinite;}
.kahraman .dalga{position: relative; margin-top: -1px; fill: none;}
.tur-kart{position: relative; display: flex; flex-direction: column; background: var(--aile-acik); border-radius: var(--yuvarlak); text-decoration: none; color: var(--murekkep); overflow: hidden; border: 2px solid transparent; transition: transform .5s var(--yumusak), box-shadow .5s var(--yumusak), border-color .3s;}
.tur-kart:hover{transform: translateY(-6px) rotate(-.6deg); box-shadow: var(--golge); border-color: var(--aile);}
:is(.bant, .populer, .mama-bant, .rehber-bant){position: relative; isolation: isolate; --bant-gecis: clamp(120px, 12vw, 200px); --bant-tasma: clamp(48px, 5vw, 96px);}
:is(.bant, .populer, .mama-bant, .rehber-bant)::before{content: ""; position: absolute; z-index: -1; pointer-events: none; left: 0; right: 0; top: calc(-1 * var(--bant-tasma)); bottom: calc(-1 * var(--bant-tasma));
background: linear-gradient(180deg, transparent 0, var(--bant-ton, rgba(255, 234, 219, .45)) var(--bant-gecis), var(--bant-ton2, var(--bant-ton, rgba(255, 234, 219, .45))) calc(100% - var(--bant-gecis)), transparent 100%);}
.populer{--bant-ton: rgba(255, 253, 248, .6);}
.serit{display: grid; grid-auto-flow: column; grid-auto-columns: 196px; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px max(16px, calc((100vw - var(--genislik)) / 2)) 22px; scroll-padding-inline: max(16px, calc((100vw - var(--genislik)) / 2)); scrollbar-width: thin; scrollbar-color: var(--gunes) transparent;}
.irk-kart{scroll-snap-align: start; background: #fff; border-radius: var(--yuvarlak); padding: 10px 10px 16px; text-decoration: none; color: var(--murekkep); box-shadow: var(--golge-k); border: 2px solid var(--cizgi); transition: transform .2s, border-color .2s;}
.irk-kart:hover{transform: translateY(-4px); border-color: var(--aile);}
.irk-foto{display: block; aspect-ratio: 4 / 3.4; border-radius: 16px; overflow: hidden; background: var(--aile-acik); margin-bottom: 10px;}
.irk-foto img{width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.irk-kart:hover .irk-foto img{transform: scale(1.06);}
.irk-kart strong{display: block; font: 700 18px/1.2 var(--baslik); margin: 0 4px;}
.kaydir-dugmeler{display: flex; gap: 8px;}
.kaydir-dugmeler button{all: unset; cursor: pointer; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--gunes-acik); color: var(--murekkep);}
.kaydir-dugmeler button:hover{background: var(--gunes);}
.kd-geri .ik{transform: scaleX(-1);}
.mama-bant{--bant-ton: rgba(255, 234, 219, .55); --bant-ton2: rgba(227, 244, 234, .5); margin-top: 40px;}
.mama-ic{display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center;}
.mama-metin p:not(.ust-etiket){color: var(--soluk); font-size: var(--yazi-giris); max-width: 560px;}
.rehber-bant{--bant-ton: rgba(227, 244, 253, .6); --bant-ton2: rgba(229, 246, 223, .55);}
.rehber-ic{display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: center;}
.rehber-ic p:not(.ust-etiket){color: var(--soluk); font-size: var(--yazi-giris);}
.il-cipler{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px;}
.il-cipler a{display: inline-flex; gap: 6px; align-items: center; background: #fff; border-radius: 999px; padding: 10px 15px; color: var(--murekkep); font-weight: 800; text-decoration: none; box-shadow: var(--golge-k);}
.il-cipler a .ik{width: 16px; height: 16px; color: var(--pembe-koyu);}
.il-cipler a:hover{background: var(--gunes-acik);}
.ilke{background: var(--kagit); border: 2px dashed var(--cizgi); border-radius: var(--yuvarlak); padding: 22px;}
.ilke .ik{width: 34px; height: 34px; color: var(--pembe-koyu); margin-bottom: 10px;}
.ilke strong{display: block; font: 700 18px/1.25 var(--baslik); margin-bottom: 6px;}
.ilke p{margin: 0; color: var(--soluk); font-size: 15px;}
.dalga-alt{position: absolute; top: -55px; left: 0; height: 56px; fill: none;}
.alt-baslik{font: 700 16px/1.2 var(--baslik); margin-bottom: 12px;}
.alt-not p:first-child{display: flex; gap: 8px; align-items: flex-start; font-weight: 700;}
.sayfa{padding: 50px 0 30px;}
.bos-durum{text-align: center; max-width: 560px; margin: 30px auto; background: var(--kagit); border-radius: 30px; padding: 40px 26px; box-shadow: var(--golge-k);}
.bos-ikon{display: inline-grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: var(--gunes-acik); color: var(--pembe); margin-bottom: 16px; animation: kipirda 3s ease-in-out infinite;}
.bos-ikon .ik{width: 44px; height: 44px;}
.bos-durum .arama{margin: 22px auto;}
.atif{font-size: 11px; color: var(--soluk);}
@media (max-width: 1080px){
.alt-marka{grid-column: 1 / -1;}
.mm-fotolar{border-left: 0; padding: 12px 0 0; border-top: 2px dashed var(--cizgi); margin-top: 10px;}
.mm-fotolar ul{grid-template-columns: repeat(4, 1fr); gap: 4px;}
.mm-fotolar a{padding: 6px 2px; font-size: 12px;}
.mm-fotolar img{width: 60px; height: 60px; border-width: 3px;}
.mm-grup a{padding: 8px;}
}
@media (max-width: 820px){
.kahraman-ic{grid-template-columns: 1fr; gap: 14px; padding-top: 28px;}
.kahraman-alt{font-size: 17px;}
.mama-ic, .rehber-ic{grid-template-columns: 1fr;}
.bolum-bas-yatay{align-items: start;}
.kaydir-dugmeler{display: none;}
.serit{grid-auto-columns: 168px;}
}
@media (max-width: 560px){
.bolum{padding: 34px 0;}
.bolum-bas{margin-bottom: 18px;}
.kahraman-ic{padding-bottom: 6px;}
.dalga{height: 34px;}
.mama-bant{margin-top: 24px;}
.balon{font-size: 12px; padding: 7px 11px;}
.logo-isaret{width: 38px; height: 38px;}
}
.irk-bas{background:
radial-gradient(700px 360px at 92% 0%, rgba(255, 212, 94, .5), transparent 65%),
linear-gradient(180deg, color-mix(in srgb, var(--aile-acik) 75%, transparent) 0%, transparent 100%); position: relative; overflow-x: clip;}
.irk-bas .dalga{fill: none; margin-top: -1px; position: relative;}
.irk-bas h1{font-size: clamp(2.4rem, 5.5vw, 4rem); margin-bottom: 6px;}
.irk-diger{color: var(--soluk); font-weight: 700; margin-bottom: 14px;}
.sifatlar{list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 8px;}
.sifatlar li{background: #fff; border: 2px solid var(--aile); color: var(--aile-koyu); font-weight: 800; padding: 6px 14px; border-radius: 999px;}
.irk-ozet{font-size: 18.5px; color: var(--murekkep); max-width: 620px;}
.rozet-taslak{background: var(--pembe-acik); color: var(--pembe-koyu); margin-bottom: 12px;}
.kunye{display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 34px 0 0; position: relative; z-index: 1;}
.kunye-oge{background: #fff; border-radius: 18px; padding: 14px 14px 16px; box-shadow: var(--golge-k); display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: center;}
.kunye-oge .ik{grid-row: span 2; width: 36px; height: 36px; padding: 8px; border-radius: 12px; background: var(--aile-acik); color: var(--aile-koyu);}
.kunye dt{font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--soluk);}
.kunye dd{margin: 0; font-weight: 800; font-size: 15px; line-height: 1.3;}
.irk-govde{display: grid; grid-template-columns: 220px 1fr; gap: 44px; align-items: start; padding: var(--bolum-bas-alt) 0 calc(var(--bolum-aralik) / 2);}
.irk-icindekiler{position: sticky; top: 92px; background: var(--kagit); border: 2px dashed var(--cizgi); border-radius: var(--yuvarlak); padding: 18px;}
.irk-icindekiler ol{list-style: none; margin: 0; padding: 0; counter-reset: b;}
.irk-icindekiler li{counter-increment: b;}
.irk-icindekiler a{display: flex; gap: 8px; padding: 7px 8px; margin: 0 -8px; border-radius: 10px; text-decoration: none; color: var(--murekkep); font-weight: 700; font-size: 15px;}
.irk-icindekiler a::before{content: counter(b); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--aile-acik); color: var(--aile-koyu); font-size: 12px; font-weight: 800; flex: none;}
.irk-icindekiler a:hover{background: var(--aile-acik);}
.irk-icerik{min-width: 0;}
.irk-bolum > p{font-size: 17.5px;}
.olcekler{list-style: none; padding: 0; margin: 8px 0 14px; display: grid; gap: 10px;}
.olcek{display: grid; grid-template-columns: 170px 1fr auto 1fr; gap: 12px; align-items: center; padding: 10px 14px; border-radius: 16px; background: var(--zemin);}
.olcek-ad{font-weight: 800;}
.olcek-uc{font-size: 13px; color: var(--soluk); font-weight: 700; text-align: right;}
.olcek-uc.sag{text-align: left;}
.olcek-pati{display: flex; gap: 4px;}
.olcek-pati i{display: grid; color: #E6D9C2;}
.olcek-pati i .ik{width: 24px; height: 24px;}
.olcek-pati i.dolu{color: var(--aile-koyu);}
.olcek-pati i.dolu:nth-child(odd) .ik{transform: rotate(-12deg);}
.olcek-pati i.dolu:nth-child(even) .ik{transform: rotate(10deg);}
.yontem-not{display: flex; gap: 8px; align-items: flex-start; font-size: 14px !important; color: var(--soluk); margin: 0;}
.kime{display: grid; grid-template-columns: auto 1fr; column-gap: 12px; padding: 16px; border-radius: 18px; background: var(--zemin);}
.kime strong{font-family: var(--baslik); font-size: 18px;}
.kime small{color: var(--soluk); font-size: 14.5px; line-height: 1.45;}
.bakim-ikon{display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--aile); color: var(--murekkep); margin-bottom: 10px;}
.siklik{display: inline-block; margin: 6px 0 8px; font-size: 12.5px; font-weight: 800; background: #fff; color: var(--aile-koyu); padding: 4px 10px; border-radius: 999px;}
.evreler{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 16px; position: relative;}
.evre{background: var(--zemin); border-radius: 20px; padding: 18px; border-top: 6px solid var(--aile);}
.evre:nth-child(2){border-top-color: var(--cim);}
.evre:nth-child(3){border-top-color: var(--gok);}
.evre strong{display: block; font: 700 22px/1.2 var(--baslik); margin: 2px 0 6px;}
.evre p{font-size: 15px; color: var(--soluk); margin-bottom: 10px;}
.ogun{display: inline-flex; gap: 6px; align-items: center; font-weight: 800; font-size: 14px; background: #fff; padding: 6px 11px; border-radius: 999px;}
.ogun .ik{width: 16px; height: 16px; color: var(--gunes-koyu);}
.mama-oneri{display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; background: linear-gradient(120deg, var(--gunes-acik), var(--pembe-acik)); border-radius: 20px; padding: 18px 20px;}
.mama-oneri strong{display: flex; gap: 8px; align-items: center; font-family: var(--baslik); font-size: 18px;}
.mama-oneri p{margin: 4px 0 0; color: var(--soluk); font-size: 15px;}
.saglik-liste{display: grid; gap: 10px; margin-bottom: 14px;}
.saglik-madde{display: flex; gap: 14px; padding: 14px 16px; border-radius: 18px; background: var(--zemin);}
.saglik-madde > span{flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--cim-acik); color: var(--cim-koyu); display: grid; place-items: center;}
.saglik-madde strong{font-family: var(--baslik); font-size: 17.5px;}
.saglik-madde p{margin: 2px 0 0; font-size: 15px; color: var(--soluk);}
.veteriner-kutu{display: flex; gap: 12px; align-items: flex-start; background: var(--pembe-acik); border-radius: 18px; padding: 16px 18px;}
.veteriner-kutu .ik{color: var(--pembe-koyu); width: 26px; height: 26px; margin-top: 2px;}
.veteriner-kutu p{margin: 0; font-size: 15.5px;}
.bos-kutu{background: var(--zemin); border: 2px dashed var(--cizgi); border-radius: 18px; padding: 18px; margin-bottom: 14px;}
.bos-kutu p{margin: 10px 0 0; color: var(--soluk); font-size: 15px;}
.sss summary::-webkit-details-marker{display: none;}
.kaynaklar ol{padding-left: 20px; margin: 0 0 18px;}
.kaynaklar li{margin-bottom: 6px; font-size: 15px;}
.inceleme{display: flex; gap: 12px; align-items: flex-start; background: var(--cim-acik); border-radius: 18px; padding: 16px 18px;}
.inceleme .ik{color: var(--cim-koyu); width: 26px; height: 26px;}
.inceleme p{margin: 0; font-size: 15px;}
@media (max-width: 1080px){
.kunye{grid-template-columns: repeat(3, 1fr);}
.irk-govde{grid-template-columns: minmax(0, 1fr); gap: 0;}
.irk-govde > *{min-width: 0;}
.irk-icindekiler{position: static; margin-bottom: 18px;}
.irk-icindekiler ol{display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px;}
.irk-icindekiler a{white-space: nowrap; background: var(--zemin); margin: 0;}
}
@media (max-width: 820px){
.olcek{grid-template-columns: 1fr auto; row-gap: 4px;}
.olcek-ad{grid-column: 1 / -1;}
.olcek-uc{display: none;}
.evreler{grid-template-columns: 1fr;}
}
@media (max-width: 560px){
.kunye{grid-template-columns: 1fr 1fr; gap: 8px;}
.kunye-oge{padding: 12px;}
.kunye-oge .ik{width: 30px; height: 30px; padding: 6px;}
.kunye dd{font-size: 14px;}
.irk-icindekiler{padding: 12px;}
.irk-icindekiler .mm-baslik{display: none;}
}
.tur-bas{background: radial-gradient(700px 360px at 90% 0%, rgba(255, 212, 94, .5), transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--aile-acik) 75%, transparent) 0%, transparent 100%); overflow-x: clip;}
.tur-bas .dalga{fill: none; margin-top: -1px; position: relative;}
.tur-bas-ic{display: grid; grid-template-columns: 1.3fr .7fr; gap: 30px; align-items: center; padding: 22px 0 10px;}
.tur-bas h1{font-size: clamp(2.3rem, 5vw, 3.6rem);}
.tur-bas-alt{font-size: 18.5px; color: var(--soluk); max-width: 560px;}
.tur-sayi{font-weight: 700; color: var(--soluk);}
.tur-sayi strong{color: var(--aile-koyu); font-size: 20px;}
.tur-bas-foto{margin: 0; position: relative; isolation: isolate; max-width: 320px; justify-self: center; width: 100%;}
.tur-bas-foto::before{content: ""; position: absolute; inset: -6% -6% -3% -5%; background: var(--aile); border-radius: 46% 54% 58% 42% / 52% 44% 56% 48%; transform: rotate(-5deg); z-index: -1;}
.tur-bas-foto img{aspect-ratio: 1;}
.liste-ara{display: flex; align-items: center; gap: 10px; background: #fff; border: 2px solid var(--cizgi); border-radius: 999px; padding: 4px 18px; max-width: 460px; box-shadow: var(--golge-k);}
.liste-ara:focus-within{border-color: var(--aile); box-shadow: 0 0 0 5px var(--aile-acik);}
.liste-ara .ik{color: var(--soluk);}
.liste-ara input{flex: 1; border: 0; background: none; font: 600 16px var(--govde); padding: 12px 0; color: var(--murekkep); min-width: 0;}
.liste-ara input:focus{outline: none;}
.katalog{padding: 10px 0 40px;}
.suzgec{display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 14px; scrollbar-width: none;}
.cip{all: unset; cursor: pointer; white-space: nowrap; background: #fff; border: 2px solid var(--cizgi); border-radius: 999px; padding: 8px 14px; font-weight: 800; font-size: 14px;}
.cip small{color: var(--soluk); font-weight: 700; margin-left: 4px;}
.cip:hover{border-color: var(--aile);}
.cip.secili{background: var(--aile); border-color: var(--aile); color: var(--murekkep);}
.cip.secili small{color: var(--murekkep);}
.harfler{display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 18px; position: sticky; top: 68px; z-index: 5; background: color-mix(in srgb, var(--zemin) 92%, transparent); padding: 8px 0;}
.harfler a{display: grid; place-items: center; min-width: 32px; height: 32px; border-radius: 10px; font: 800 14px var(--govde); color: var(--aile-koyu); background: var(--aile-acik); text-decoration: none;}
.harfler a:hover{background: var(--aile); color: var(--murekkep);}
.katalog-liste{display: grid; grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); gap: 10px;}
.katalog-liste > *{min-width: 0;}
.harf-bas{grid-column: 1 / -1; margin: 18px 0 2px; font-size: 26px; color: var(--aile-koyu); scroll-margin-top: 130px; display: flex; align-items: center; gap: 10px;}
.harf-bas::after{content: ""; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, var(--cizgi) 0 8px, transparent 8px 14px);}
.kat-kart{display: flex; align-items: center; gap: 12px; background: var(--kagit); border: 2px solid transparent; border-radius: 18px; padding: 10px 12px; color: var(--murekkep); text-decoration: none; position: relative; min-height: 66px;}
a.kat-kart:hover{border-color: var(--aile); transform: translateY(-2px); box-shadow: var(--golge-k);}
.kat-kart.yayinda{background: #fff; box-shadow: var(--golge-k);}
.kat-harf, .kat-foto{flex: none; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; overflow: hidden;}
.kat-foto img{width: 100%; height: 100%; object-fit: cover;}
.kat-metin{min-width: 0; flex: 1;}
.kat-metin strong{display: block; font: 700 16.5px/1.2 var(--baslik);}
.kat-metin small{display: block; color: var(--soluk); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.kat-kart:not(.yayinda) .kat-metin strong{color: #5E5872;}
.kat-kart[hidden], .harf-bas[hidden]{display: none;}
.bos-sonuc{text-align: center; color: var(--soluk); font-weight: 700; padding: 20px;}
.renk-bas{margin-top: 36px;}
.renk-not{color: var(--soluk);}
.renk-izgara{display: flex; flex-wrap: wrap; gap: 8px;}
.renk-cip{background: #fff; border-radius: 999px; padding: 8px 14px; font-weight: 800; box-shadow: var(--golge-k);}
.katalog-kaynak{display: flex; gap: 8px; align-items: flex-start; color: var(--soluk); font-size: var(--yazi-kucuk); margin-top: 30px;}
@media (max-width: 820px){
.tur-bas-ic{grid-template-columns: 1fr;}
.tur-bas-foto{order: -1; max-width: 220px;}
.harfler{flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;}
.katalog-liste{grid-template-columns: minmax(0, 1fr); gap: 8px;}
}
.irk-akisi{overflow: hidden;}
.akis{padding: 8px 0; -webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);}
.akis-ic{display: flex; gap: 14px; width: max-content; animation: akis 70s linear infinite;}
.akis.ters .akis-ic{animation-direction: reverse; animation-duration: 80s;}
.akis:hover .akis-ic{animation-play-state: paused;}
.akis-oge{display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 999px; padding: 6px 18px 6px 6px; text-decoration: none; color: var(--murekkep); font: 700 16px/1 var(--baslik); box-shadow: var(--golge-k); border: 2px solid transparent; transition: border-color .2s, transform .2s; white-space: nowrap;}
.akis-oge:hover{border-color: var(--aile); transform: translateY(-3px);}
.akis-oge img{width: 64px; height: 64px; border-radius: 50%; object-fit: cover; border: 3px solid var(--aile-acik);}
@media (max-width: 560px){
.akis-oge img{width: 52px; height: 52px;}
.akis-oge{font-size: 14.5px;}
}
@media (prefers-reduced-motion: reduce){
.akis{overflow-x: auto; -webkit-mask: none; mask: none;}
.akis-ic{animation: none;}
}
.katalog-liste{grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr)); gap: 16px;}
.kat-kart{flex-direction: column; align-items: stretch; gap: 0; padding: 0; overflow: hidden; border-radius: 22px; background: #fff; box-shadow: var(--golge-k); min-height: 0;}
.kat-kart .kat-foto{width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: 0; background: var(--aile-acik);}
.kat-kart .kat-foto img{transition: transform .4s;}
a.kat-kart:hover .kat-foto img, .kat-kart:hover .kat-foto img{transform: scale(1.06);}
.kat-kart .kat-metin{padding: 12px 14px 14px;}
.kat-kart .kat-metin strong{font-size: 17.5px;}
.kat-kart:not(.yayinda) .kat-metin strong{color: var(--murekkep);}
.kat-kart:hover{border-color: var(--aile); transform: translateY(-3px);}
.kat-metin-kart{position: relative; background: linear-gradient(160deg, #fff 0%, var(--aile-acik) 100%); border-top: 4px solid var(--aile); min-height: 210px;}
.kat-metin-kart .kat-metin{display: grid; gap: 8px; align-content: start; padding: 18px 16px 16px;}
.kat-metin-kart.yayinda .kat-metin{padding-top: 42px;}
.kat-metin-kart .kat-metin strong{font-size: 18px; line-height: 1.2;}
@media (max-width: 820px){
.katalog-liste{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
.kat-kart .kat-metin{padding: 10px 11px 12px;}
.kat-kart .kat-metin strong{font-size: 15.5px;}
.kat-kart .kat-metin small{font-size: 11.5px;}
}
.kahraman-ic{grid-template-columns: .9fr 1.1fr;}
.d1{--d: 3deg;}
.d2{--d: -4deg; border-radius: 50%;}
.d4{--d: 2deg; border-radius: 50%;}
.d5{--d: -2deg;}
.d6{--d: 4deg; border-radius: 50%;}
.d7{--d: -3deg;}
.d9{--d: 3deg; border-radius: 50%;}
.d10{--d: -2deg;}
.d11{--d: 2deg; border-radius: 50%;}
.d1{background: var(--pembe-acik);}
.d2{background: var(--gok-acik);}
.d4{background: var(--deniz-acik);}
.d7{background: var(--cim-acik);}
.tur-kart:hover .k1{transform: rotate(-8deg) scale(1.06);}
.tur-kart:hover .k2{transform: rotate(8deg) scale(1.06);}
.akis-ic{gap: 16px;}
.akis-oge{flex-direction: column; border-radius: 26px; padding: 8px 8px 12px; gap: 8px;}
.akis-oge img{width: 150px; height: 150px; border-radius: 20px; border: 0;}
.akis.ters .akis-oge img{border-radius: 50%;}
@media (max-width: 820px){
.kahraman-ic{grid-template-columns: 1fr;}
.akis-oge img{width: 112px; height: 112px;}
}
.irk-akisi .bolum-bas{max-width: none;}
.populer{padding-bottom: 40px;}
.one-cikan-bas{margin: 8px 0 12px;}
.one-cikan{display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-flow: dense; gap: 14px; margin-bottom: 26px;}
.one-kart{position: relative; display: block; border-radius: 24px; overflow: hidden; aspect-ratio: 1; box-shadow: var(--golge-k); border: 4px solid #fff; text-decoration: none; background: var(--aile-acik);}
.one-kart:nth-child(1), .one-kart:nth-child(2){grid-column: span 2; grid-row: span 2;}
.one-kart img{width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.one-kart:hover img{transform: scale(1.06);}
.one-kart span{position: absolute; left: 10px; bottom: 10px; right: 10px; background: rgba(255, 255, 255, .93); border-radius: 999px; padding: 6px 12px; font: 700 15px/1.2 var(--baslik); color: var(--murekkep); width: fit-content; max-width: calc(100% - 20px);}
@media (max-width: 820px){
.one-cikan{grid-template-columns: repeat(3, 1fr); gap: 8px;}
.one-kart{border-width: 3px; border-radius: 16px;}
.one-kart span{font-size: 12.5px; padding: 4px 8px; left: 6px; bottom: 6px;}
}
.video-izgara{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px;}
.video{margin: 0;}
.video-oynat, .video iframe{all: unset; cursor: pointer; display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: var(--aile-acik, var(--gunes-acik)); box-shadow: var(--golge-k);}
.video iframe{border: 0; cursor: auto;}
.video-oynat img{width: 100%; height: 100%; object-fit: cover; transition: transform .35s;}
.video-oynat:hover img{transform: scale(1.05);}
.video-dugme{position: absolute; inset: 0; margin: auto; width: 62px; height: 62px; border-radius: 50%; background: var(--pembe-koyu); color: #fff; display: grid; place-items: center; box-shadow: 0 0 0 6px rgba(255, 255, 255, .6); transition: transform .2s;}
.video-dugme svg{width: 28px; height: 28px; margin-left: 3px;}
.video-oynat:hover .video-dugme{transform: scale(1.1);}
.video-sure{position: absolute; right: 10px; bottom: 10px; background: rgba(45, 42, 62, .82); color: #fff; font: 800 12px var(--govde); padding: 4px 8px; border-radius: 8px;}
.video figcaption{padding: 10px 4px 0;}
.video figcaption strong{display: block; font: 700 16.5px/1.25 var(--baslik);}
.video figcaption small{color: var(--soluk); font-weight: 700;}
@media (max-width: 820px){
.olcek{grid-template-columns: auto 1fr auto; grid-template-areas: "ad ad ad" "sol pati sag"; row-gap: 6px;}
.olcek-ad{grid-area: ad;}
.olcek-uc{display: block; grid-area: sol; font-size: 12px; text-align: left;}
.olcek-uc.sag{grid-area: sag; text-align: right;}
.olcek-pati{grid-area: pati; justify-content: center;}
}
.benzer .one-kart:nth-child(1), .benzer .one-kart:nth-child(2){grid-column: auto; grid-row: auto;}
.mama-gercek{display: grid; gap: 12px;}
.mama-gercek .dugme{justify-self: start;}
.video-izgara:has(> .video:only-child){grid-template-columns: minmax(0, 640px);}
.il-cipler small{background: var(--gok-acik); color: var(--gok-koyu); border-radius: 999px; padding: 2px 7px; font-size: 12px;}
.rehber-sayac{font-weight: 700; color: var(--soluk);}
.rehber-sayac strong{color: var(--gok-koyu); font-size: 20px;}
.tablo-kap{overflow-x: auto; background: #fff; border-radius: 18px; border: 2px solid var(--cizgi); margin-top: 14px;}
.atif-tablo{width: 100%; border-collapse: collapse; font-size: 14px;}
.atif-tablo th, .atif-tablo td{text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--cizgi);}
.atif-tablo th{background: var(--gunes-acik); font-weight: 800;}
.kahraman-ic{grid-template-columns: minmax(0, 1fr) minmax(0, 760px); gap: clamp(32px, 4vw, 72px);}
.kahraman h1{font-size: clamp(36px, 3.6vw, 70px);}
.kahraman-alt{max-width: 620px; font-size: clamp(17px, 1.15vw, 21px);}
.kahraman .arama{max-width: 640px;}
.mama-ic{grid-template-columns: minmax(0, 1fr); gap: 28px;}
.mama-metin{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 48px; align-items: end;}
.mama-metin .ust-etiket, .mama-metin h2, .mama-metin > p{grid-column: 1;}
.mama-gercek{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;}
.mama-gercek > *{max-width: none; width: auto;}
.mama-metin .ust-etiket{justify-self: start;}
@media (max-width: 1100px){
.mama-gercek{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px){
.mama-gercek{grid-template-columns: minmax(0, 1fr);}
}
.mama-gercek > .dugme{grid-column: 1 / -1; justify-self: start;}
@media (max-width: 820px){
.kahraman-ic{grid-template-columns: minmax(0, 1fr);}
.mama-metin{grid-template-columns: minmax(0, 1fr);}
}
.kahraman-ic{padding-bottom: clamp(24px, 3vw, 40px);}
figcaption:empty{display: none;}
.grup-karo-bas{margin: 6px 0 12px;}
.grup-karolar{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 12px; margin-bottom: 30px;}
.grup-karo{position: relative; display: grid; grid-template-rows: auto 1fr; border-radius: 18px; overflow: hidden; background: #fff; box-shadow: var(--golge-k); color: var(--murekkep); text-decoration: none; transition: transform .2s, box-shadow .2s;}
.grup-karo:hover{transform: translateY(-3px);}
.grup-karo-foto{display: grid; place-items: center; aspect-ratio: 16 / 10; background: var(--aile-acik); color: var(--aile-koyu); overflow: hidden;}
.grup-karo-foto img{width: 100%; height: 100%; object-fit: cover; display: block;}
.grup-karo-ad{padding: 10px 44px 12px 12px; font: 800 14.5px/1.25 var(--govde);}
.grup-karo small{position: absolute; right: 10px; bottom: 10px; min-width: 26px; padding: 2px 7px; border-radius: 999px; background: var(--aile-acik); color: var(--aile-koyu); font: 800 12px/1.4 var(--govde); text-align: center;}
.grup-karo.bos{opacity: .4; pointer-events: none;}
.katalog-arac{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; margin-bottom: 4px; border-bottom: 2px solid var(--cizgi); position: sticky; top: 68px; z-index: 5; background: color-mix(in srgb, var(--zemin) 94%, transparent);}
.katalog-arac-bas{margin: 0; color: var(--soluk); font-size: 14.5px;}
.katalog-arac-bas strong{color: var(--murekkep);}
.boy-sec{display: inline-flex; align-items: center; gap: 8px; font: 800 13px var(--govde); color: var(--soluk);}
.boy-sec select{font: 700 14px var(--govde); color: var(--murekkep); background: #fff; border: 2px solid var(--cizgi); border-radius: 12px; padding: 7px 12px;}
.grup-bolum{scroll-margin-top: 130px; padding-top: 6px;}
.grup-bolum[hidden]{display: none;}
.grup-bas{display: flex; align-items: center; gap: 10px; margin: 26px 0 14px; font-size: 24px; color: var(--aile-koyu);}
.grup-bas small{font: 800 13px/1 var(--govde); padding: 5px 9px; border-radius: 999px; background: var(--aile-acik); color: var(--aile-koyu);}
.grup-bas::after{content: ""; flex: 1; height: 2px; background: repeating-linear-gradient(90deg, var(--cizgi) 0 8px, transparent 8px 14px);}
@media (max-width: 820px){
.grup-karolar{display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; gap: 10px; margin: 0 -16px 22px; padding: 2px 16px 8px; scrollbar-width: none; -webkit-mask-image: var(--serit-solma); mask-image: var(--serit-solma);}
.grup-karo{flex: 0 0 150px; scroll-snap-align: start;}
.grup-karo-ad{font-size: 13px; padding: 8px 38px 10px 10px;}
.grup-bas{font-size: 20px; margin: 20px 0 10px;}
.katalog-arac{top: 60px;}
}
.konu-arac{display: flex; align-items: center; gap: 14px; margin-top: 14px; padding: 14px 18px; border-radius: 20px; background: #fff; border: 3px solid var(--gunes); box-shadow: var(--golge-k); color: var(--murekkep); text-decoration: none; max-width: 560px; transition: transform .2s;}
.konu-arac:hover{transform: translateY(-3px);}
.konu-arac > .ik:first-child{width: 42px; height: 42px; padding: 10px; border-radius: 14px; background: var(--gunes-acik); color: var(--gunes-koyu); flex: none;}
.konu-arac span{display: grid; gap: 2px; flex: 1;}
.konu-arac strong{font: 800 18px/1.2 var(--baslik);}
.konu-arac small{color: var(--soluk);}
.araclar{padding-top: 10px;}
.arac-izgara{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px;}
.arac-kart{position: relative; display: flex; flex-direction: column; background: var(--aile-acik); border-radius: var(--yuvarlak); overflow: hidden; color: var(--murekkep); text-decoration: none; border: 2px solid transparent; transition: transform .2s, border-color .2s;}
.arac-kart:hover{transform: translateY(-4px); border-color: var(--aile);}
.arac-foto{aspect-ratio: 16 / 10; overflow: hidden;}
.arac-foto img{width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.arac-kart:hover .arac-foto img{transform: scale(1.05);}
.arac-metin{display: grid; gap: 4px; padding: 14px 52px 16px 16px;}
.arac-metin strong{font: 800 19px/1.2 var(--baslik);}
.arac-metin small{color: var(--soluk); font-size: 14px;}
.arac-ok{position: absolute; right: 14px; bottom: 16px; width: 32px; height: 32px; border-radius: 50%; background: var(--aile); display: grid; place-items: center;}
.arac-ok .ik{width: 16px; height: 16px;}
@media (max-width: 1100px){
.arac-izgara{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px){
.arac-izgara{gap: 10px;}
.arac-metin{padding: 10px 40px 12px 12px;}
.arac-metin strong{font-size: 16px;}
.arac-metin small{font-size: 12.5px;}
.arac-ok{width: 26px; height: 26px; right: 10px; bottom: 12px;}
}
.vurgu-pati{position: relative; white-space: nowrap; color: var(--gok-koyu);}
.vurgu-pati::after{content: ""; position: absolute; left: 0; right: 0; bottom: .02em; height: .14em; border-radius: 99px; background: linear-gradient(90deg, var(--gok), var(--cim), var(--gunes), var(--pembe)); transform-origin: left; animation: cizgi-ac 1.1s .3s cubic-bezier(.2, .9, .3, 1) both;}
.cipler a{display: inline-flex; align-items: center; gap: 7px; padding: 4px 13px 4px 4px;}
.cipler a img{width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none;}
.cipler a img.cip-logo{object-fit: contain; padding: 2px; border-radius: 0;}
.sutunlar{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.2vw, 18px); height: clamp(520px, 44vw, 700px); width: 100%; max-width: 760px; justify-self: end; overflow: hidden;
-webkit-mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent);}
.sutun{min-width: 0;}
.sutun-ic{display: flex; flex-direction: column; gap: clamp(12px, 1.2vw, 18px); animation: sutun-yukari 46s linear infinite; will-change: transform;}
.sutun.s1 .sutun-ic{animation-name: sutun-asagi; animation-duration: 52s;}
.sutun.s2 .sutun-ic{animation-duration: 40s;}
.sutunlar:hover .sutun-ic{animation-play-state: paused;}
.sutun-oge{position: relative; display: block; overflow: hidden; border: 5px solid #fff; box-shadow: var(--golge-k); background: var(--gunes-acik); flex: none; transition: transform .6s var(--yumusak);}
.sutun-oge img{width: 100%; height: 100%; object-fit: cover; display: block;}
.sutun-oge.uzun{aspect-ratio: 4 / 5; border-radius: 30px;}
.sutun-oge.yuvarlak{aspect-ratio: 1; border-radius: 50%;}
.sutun-oge.blob{aspect-ratio: 1; border-radius: 58% 42% 52% 48% / 48% 56% 44% 52%;}
.sutun-oge:hover{transform: scale(1.05) rotate(-2deg);}
.sutun-oge span{position: absolute; left: 50%; bottom: 10px; transform: translate(-50%, 6px); background: rgba(255, 255, 255, .94); color: var(--murekkep); font: 800 12.5px/1.2 var(--govde); padding: 5px 11px; border-radius: 999px; white-space: nowrap; opacity: 0; transition: .25s;}
.sutun-oge.yuvarlak span, .sutun-oge.blob span{bottom: 14%;}
.sutun-oge:hover span, .sutun-oge:focus-visible span{opacity: 1; transform: translate(-50%, 0);}
.s0 .sutun-oge:nth-child(odd){background: var(--pembe-acik);}
.s1 .sutun-oge:nth-child(odd){background: var(--gok-acik);}
.s2 .sutun-oge:nth-child(odd){background: var(--cim-acik);}
@media (prefers-reduced-motion: reduce){
.sutun-ic, .vurgu-pati::after{animation: none;}
}
@media (max-width: 820px){
.sutunlar{order: -1; height: auto; max-width: none; grid-template-columns: minmax(0, 1fr); gap: 10px; justify-self: stretch;
-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
.sutun.s2{display: none;}
.sutun-ic{flex-direction: row; gap: 10px; width: max-content; animation-name: sutun-sola; animation-duration: 40s;}
.sutun.s1 .sutun-ic{animation-name: sutun-saga; animation-duration: 46s;}
.sutun-oge{width: 116px; border-width: 3px;}
.sutun-oge.uzun{aspect-ratio: 1; border-radius: 22px;}
}
.kahraman h1{line-height: 1.12;}
.vurgu-pati::after{bottom: -.02em; height: .08em;}
.kahraman-ic{align-items: stretch; padding-top: 0; padding-bottom: 0; min-height: clamp(560px, calc(100vh - 110px), 820px);}
.kahraman-metin{align-self: center; padding: clamp(36px, 5vw, 70px) 0;}
.sutunlar{height: auto; min-height: 100%; align-self: stretch;}
@media (max-width: 820px){
.kahraman-ic{min-height: 0;}
.kahraman-metin{padding: 18px 0 30px;}
.sutunlar{min-height: 0; margin-top: 16px;}
}
.arac-kart{min-height: clamp(260px, 22vw, 340px); justify-content: flex-end; isolation: isolate; border: 0; box-shadow: var(--golge-k);}
.arac-kart .arac-foto{position: absolute; inset: 0; aspect-ratio: auto; z-index: -2;}
.arac-kart::before{content: ""; position: absolute; inset: 35% 0 0; z-index: -1; background: linear-gradient(transparent, color-mix(in srgb, var(--aile-koyu, #2D2A3E) 82%, transparent));}
.arac-metin{padding: 18px 64px 20px 20px; color: #fff;}
.arac-metin strong{font-size: clamp(20px, 1.6vw, 25px); text-shadow: 0 2px 10px rgba(0, 0, 0, .25);}
.arac-metin small{color: rgba(255, 255, 255, .92); font-size: 15px;}
.arac-ok{right: 18px; bottom: 20px; width: 40px; height: 40px; background: #fff; color: var(--aile-koyu);}
.arac-kart:hover{transform: translateY(-4px);}
@media (max-width: 560px){
.arac-kart{min-height: 200px;}
.arac-metin{padding: 12px 46px 14px 14px;}
.arac-metin strong{font-size: 17px;}
.arac-metin small{font-size: 13px;}
.arac-ok{width: 30px; height: 30px; right: 10px; bottom: 14px;}
}
@media (min-width: 1081px){
.mm-panel-ic{width: min(100% - 80px, var(--genislik)); margin-inline: auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: clamp(28px, 3vw, 56px); padding: 28px 0 30px; min-height: 360px;}
.mm-baglar{display: grid; grid-template-columns: repeat(var(--kolon, 3), minmax(0, 1fr)); gap: 18px 28px; align-content: start;}
.mm-grup ul{display: grid; gap: 1px;}
.mm-grup a{font-size: 15px; padding: 6px 8px;}
.mm-hepsi{grid-column: 1 / -1; align-self: end;}
.mm-vitrin{border-left: 1px solid var(--cizgi); padding-left: clamp(24px, 2.6vw, 44px); min-width: 0; display: flex; flex-direction: column;}
}
.mm-fotolar{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; border: 0;}
.mm-fotolar li a{position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 18px; overflow: hidden; background: var(--aile-acik, var(--gunes-acik)); padding: 0;}
.mm-fotolar img{width: 100%; height: 100%; object-fit: cover; border: 0; border-radius: 0; box-shadow: none; transition: transform .35s ease; display: block;}
.mm-fotolar li a::after{content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(30, 26, 40, .72));}
.mm-fotolar span{position: absolute; left: 9px; right: 9px; bottom: 8px; z-index: 1; color: #fff; font: 800 13.5px/1.2 var(--govde); text-align: left; text-shadow: 0 1px 6px rgba(0, 0, 0, .35);}
.mm-fotolar a:hover img{transform: scale(1.06);}
.mm-fotolar a:hover{background: var(--aile-acik);}
.mm-vitrin-hepsi, .mm-mama-grup .mm-baslik a{display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-weight: 800; font-size: 14px; color: var(--aile-koyu, var(--pembe-koyu)); text-decoration: none;}
.mm-vitrin-hepsi .ik, .mm-mama-grup .mm-baslik a .ik{width: 15px; height: 15px;}
.mm-kartlar{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; height: 100%;}
.mm-kartlar a{position: relative; display: flex; align-items: flex-end; height: 100%; min-height: 260px; border-radius: 22px; overflow: hidden; color: #fff; text-decoration: none; isolation: isolate; background: var(--aile-acik);}
.mm-kartlar img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .4s ease;}
.mm-kartlar a::before{content: ""; position: absolute; inset: 40% 0 0; z-index: -1; background: linear-gradient(transparent, color-mix(in srgb, var(--aile-koyu, #2D2A3E) 85%, transparent));}
.mm-kartlar span{display: grid; gap: 3px; padding: 16px;}
.mm-kartlar strong{font: 800 19px/1.2 var(--baslik);}
.mm-kartlar small{font-size: 13.5px; opacity: .92;}
.mm-kartlar a:hover img{transform: scale(1.05);}
.mm-mama-grup + .mm-mama-grup{margin-top: 16px;}
.mm-mama-grup .mm-baslik{display: flex; justify-content: space-between; align-items: center;}
.mm-mama-grup .mm-baslik a{margin: 0; text-transform: none; letter-spacing: 0;}
.mm-mamalar{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;}
.mm-mamalar a{display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px; border-radius: 16px; background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none; transition: border-color .2s, transform .2s;}
.mm-mamalar a:hover{border-color: var(--gunes); transform: translateY(-2px);}
.mm-mama-foto{aspect-ratio: 5 / 6; border-radius: 12px; overflow: hidden; background: var(--kagit); display: block;}
.mm-mama-foto img{width: 100%; height: 100%; object-fit: contain;}
.mm-mama-metin{display: grid; gap: 2px; min-width: 0;}
.mm-mama-metin small{font-size: 11.5px; font-weight: 800; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em;}
.mm-mama-metin strong{font: 700 13.5px/1.25 var(--govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.mm-mama-metin b{font: 800 16px/1 var(--baslik); color: var(--pembe-koyu); margin-top: 3px;}
.mm-mama-metin b i{font-style: normal; font-size: 11px; color: var(--soluk); margin-left: 2px;}
.mm-mama-metin em{font-style: normal; font-size: 11.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (min-width: 1081px) and (max-width: 1400px){
.mm-panel-ic{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
.mm-baglar{--kolon: 2 !important;}
.mm-fotolar{grid-template-columns: repeat(4, minmax(0, 1fr));}
.mm-fotolar li:nth-child(n+9){display: none;}
.mm-mamalar{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 1080px){
.mm-panel-ic{display: block;}
.mm-baglar{display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px;}
.mm-vitrin{margin-top: 12px; padding-top: 12px; border-top: 2px dashed var(--cizgi);}
.mm-vitrin-kart, .mm-vitrin-mama{display: none;}
.mm-fotolar{grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}
.mm-fotolar li:nth-child(n+9){display: none;}
.mm-fotolar li a{border-radius: 12px;}
.mm-fotolar span{font-size: 11px; left: 6px; bottom: 5px;}
}
.alt-not{display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
@media (min-width: 1081px){
.mm-baglar{grid-template-columns: repeat(3, minmax(0, 1fr));}
.mm-panel-ic{min-height: 0;}
}
.mm-kartlar{grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(150px, 1fr); height: auto;}
.mm-kartlar a{min-height: 150px; height: 100%;}
.mm-kartlar strong{font-size: 17px;}
.mm-kartlar small{font-size: 12.5px;}
.mm-kartlar span{padding: 12px 14px;}
.mm-vitrin-mama{justify-content: space-between;}
.mm-mamalar{gap: 12px;}
.mm-mamalar a{grid-template-columns: 1fr; gap: 8px; padding: 12px 12px 14px; height: 100%; align-content: start;}
.mm-mama-foto{aspect-ratio: auto; height: clamp(120px, 10vw, 150px); background: linear-gradient(180deg, #fff, var(--kagit)); display: grid; place-items: center;}
.mm-mama-foto img{width: auto; height: 100%; max-width: 100%; object-fit: contain; transition: transform .3s ease;}
.mm-mamalar a:hover .mm-mama-foto img{transform: scale(1.06) rotate(-2deg);}
.mm-mama-metin strong{font-size: 14px;}
.mm-mama-metin b{font-size: 18px;}
.mm-one{grid-column: 1 / -1; list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;}
.mm-one a{display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 16px; background: var(--aile-acik, var(--gunes-acik)); color: var(--murekkep); text-decoration: none; transition: transform .2s;}
.mm-one a:hover{transform: translateY(-2px);}
.mm-one img{width: 58px; height: 58px; border-radius: 12px; object-fit: cover; flex: none;}
.mm-one span{display: grid; gap: 2px; min-width: 0;}
.mm-one strong{font: 800 14px/1.2 var(--baslik);}
.mm-one small{font-size: 12px; color: var(--soluk);}
@media (max-width: 1080px){
.mm-one{grid-template-columns: 1fr;}
}
@media (min-width: 1081px){
.mm-panel-mama{grid-template-columns: minmax(0, .62fr) minmax(0, 1.6fr);}
.mm-panel-mama .mm-baglar{grid-template-columns: repeat(2, minmax(0, 1fr));}
.mm-panel-mama .mm-mamalar{grid-template-columns: repeat(6, minmax(0, 1fr));}
}
.mm-mamalar a{padding: 10px 10px 12px;}
.mm-mama-foto{height: auto; aspect-ratio: 5 / 6; padding: 6px; background: #fff; overflow: visible;}
.mm-mama-foto img{width: 100%; height: 100%; max-width: none; object-fit: contain;}
.mm-mama-metin strong{font-size: 13px;}
.mm-mama-metin em{display: none;}
@media (min-width: 1081px) and (max-width: 1400px){
.mm-panel-mama .mm-mamalar{grid-template-columns: repeat(4, minmax(0, 1fr));}
.mm-panel-mama .mm-mamalar li:nth-child(n+5){display: none;}
}
.grup-karolar{grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 230px));}
.one-kart span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (max-width: 820px){
.one-kart span{font-size: 11px;}
}
.siklik, .rozet-gunes{background: var(--gunes-acik); color: var(--gunes-koyu);}
@media (min-width: 1081px){
.mm-panel-mama .mm-one{grid-template-columns: repeat(3, minmax(0, 1fr));}
.mm-panel-mama .mm-one a{flex-direction: column; align-items: flex-start;}
.mm-panel-mama .mm-one img{width: 100%; height: 70px;}
}
.mrz-yigin{position: absolute; z-index: 3; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none;}
.mrz{display: inline-block; padding: 4px 9px; border-radius: 999px; font: 800 11.5px/1.15 var(--govde); letter-spacing: .01em; color: #fff; white-space: nowrap; box-shadow: 0 0 0 2px #fff, 0 3px 8px -3px rgba(45, 42, 62, .35);}
.mrz-indirim{background: #B3204D;}
.mrz-vet{background: #1E5F8C;}
.mrz-uygun{background: #2E6B31;}
.mrz-secilen{background: #4F37A0;}
.mm-mamalar a{position: relative;}
.mrz-mm{top: 4px; left: 4px; gap: 3px;}
.mrz-mm .mrz{padding: 3px 7px; font-size: 10.5px;}
.fiyat-rakam{font-family: "Pati Fiyat", var(--baslik); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em;}
.mm-mama-metin b{color: var(--cim-koyu);}
.irk-icindekiler a.okunan{background: var(--pembe-acik); color: var(--pembe-koyu); font-weight: 800;}
.irk-icindekiler a.okunan::before{background: var(--pembe-koyu); color: #fff;}
.yan-urun{display: grid; gap: 6px; margin-top: 14px; padding: 14px; border-radius: 20px; background: #fff; box-shadow: var(--golge-k); text-decoration: none; color: var(--murekkep); transition: transform .2s;}
.yan-urun:hover{transform: translateY(-2px);}
.yan-urun-ust{font: 800 11px/1.3 var(--govde); letter-spacing: .06em; text-transform: uppercase; color: var(--soluk);}
.yan-urun-gorsel{display: grid; place-items: center; height: 150px;}
.yan-urun-gorsel img, .yan-urun-gorsel svg{max-height: 150px; width: auto; max-width: 100%; object-fit: contain;}
.yan-urun strong{font: 700 15px/1.25 var(--baslik);}
.yan-urun-fiyat{color: var(--cim-koyu); font-size: 20px;}
.yan-urun-fiyat small{font-size: 12px; color: var(--soluk); margin-left: 4px;}
.yan-urun-git{display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13.5px; color: var(--pembe-koyu);}
.yan-urun-git .ik{width: 14px; height: 14px;}
@media (max-width: 900px){
.yan-urun{display: none;}
}
:is(.yok-blob, .tur-bas-foto):has(img:not([src*="/emoji/"]))::after{right: auto; left: 50%; translate: -50% 0; bottom: 9%;}
.karo:has(> .karo-fazla)::after{right: auto; left: clamp(6px, 4%, 14px);}
.ma-vt-sahne:has(img:not([src*="/emoji/"]))::after{right: auto; bottom: auto; left: 3%; top: 6%;}
.mf-liste{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(var(--mf-kolon, 1), minmax(0, 1fr));}
.mf-n2{--mf-kolon: 2;}
.mf-n3{--mf-kolon: 3;}
.mf-n4{--mf-kolon: 2;}
.mf-kart a{position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; height: 100%; padding: 10px 12px 10px 10px; border-radius: 16px;
background: #fff; border: 1px solid var(--cizgi); color: var(--murekkep); text-decoration: none; transition: border-color .2s, transform .2s;}
.mf-kart a:hover{border-color: var(--aile, var(--gunes)); transform: translateY(-2px);}
.mf-foto, .mf-simge{width: 64px; aspect-ratio: 5 / 6; border-radius: 12px; display: grid; place-items: center; overflow: hidden;}
.mf-foto{background: #fff; padding: 4px;}
.mf-foto img{width: 100%; height: 100%; object-fit: contain;}
.mf-simge{background: var(--aile-acik, var(--kagit)); color: var(--aile-koyu, var(--murekkep));}
.mf-simge .ik{width: 30px; height: 30px;}
.mf-metin{display: grid; gap: 3px; min-width: 0;}
.mf-tur{justify-self: start; display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 6px; border-radius: 999px; background: var(--aile-acik, var(--kagit)); color: var(--aile-koyu, var(--murekkep)); font: 800 11.5px/1.4 var(--govde);}
.mf-tur .ik{width: 13px; height: 13px;}
.mf-metin strong{font: 700 13.5px/1.25 var(--govde); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.mf-metin strong i{font-style: normal; font-weight: 600; color: var(--soluk); white-space: nowrap;}
.mf-fiyat{display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 8px;}
.mf-fiyat b{font: 800 18px/1.1 var(--baslik); color: var(--cim-koyu);}
.mf-fiyat b i{font-style: normal; font-size: 11px; color: var(--soluk); margin-left: 2px;}
.mf-fiyat s{font-size: 12.5px; color: var(--soluk);}
.mf-metin em{font-style: normal; font-size: 12px; line-height: 1.3;}
.mf-olgu{color: var(--cim-koyu); font-weight: 700;}
.mf-kaynak{color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mm-firsat{padding-bottom: 14px; margin-bottom: 2px; border-bottom: 1px dashed var(--cizgi);}
.mm-firsat + .mm-mama-grup{margin-top: 14px;}
@media (min-width: 1081px) and (max-width: 1400px){
.mm-firsat .mf-n3{--mf-kolon: 3;}
.mm-firsat .mf-n3 .mf-kart a{grid-template-columns: 1fr;}
.mm-firsat .mf-n3 .mf-foto, .mm-firsat .mf-n3 .mf-simge{width: 56px;}
}
@media (max-width: 1080px){
.mm-vitrin-mama:has(.mm-firsat){display: block;}
.mm-vitrin-mama .mm-mama-grup:not(.mm-firsat){display: none;}
.mm-firsat{border-bottom: 0; padding-bottom: 0;}
.mf-liste{--mf-kolon: 1; gap: 8px;}
.mf-kart a{grid-template-columns: 52px minmax(0, 1fr); padding: 8px 10px 8px 8px; min-height: 44px;}
.mf-foto, .mf-simge{width: 52px;}
}
@media (min-width: 640px) and (max-width: 1080px){
.mf-n2, .mf-n4{--mf-kolon: 2;}
}
@media (min-width: 1081px){
.mm-firsat .mf-n1 .mf-metin{grid-template-columns: minmax(0, 1.4fr) auto minmax(0, 1fr); column-gap: 24px; row-gap: 4px; align-items: center;}
.mm-firsat .mf-n1 .mf-tur{grid-area: 1 / 1;}
.mm-firsat .mf-n1 .mf-metin strong{grid-area: 2 / 1;}
.mm-firsat .mf-n1 .mf-fiyat{grid-area: 1 / 2 / 3 / 3; flex-direction: column; align-items: flex-start; gap: 2px;}
.mm-firsat .mf-n1 .mf-fiyat b{font-size: 22px;}
.mm-firsat .mf-n1 .mf-olgu{grid-area: 1 / 3;}
.mm-firsat .mf-n1 .mf-kaynak{grid-area: 2 / 3;}
}