/* BRIEF 10 istisnası (m/kartlar.html): önceki tasarımın kuralları .m-kartlar altında. Üretilir: cms/araclar/kapsam_css.py kartlar */
.m-kartlar{--e-onna:cubic-bezier(.16,1,.3,1);--e-yumusak:cubic-bezier(.45,0,.55,1);--ust:64px;--ust:72px}
.m-kartlar .kapak-bos{display:block;width:100%;height:100%;min-height:160px;background:linear-gradient(135deg,#2A1B45,#120A20)}
.m-kartlar .dugme-altin:hover,.m-kartlar .dugme-altin:focus-visible{background:#F6F1E7 !important;color:#120A20 !important}
.m-kartlar .dugme-cizgi:hover,.m-kartlar .dugme-cizgi:focus-visible{border-color:#E9C46A !important;color:#E9C46A !important}
@media (max-width:760px){.m-kartlar .gizle-tel{display:none !important}}
@media (prefers-reduced-motion:no-preference){.m-kartlar .ok{transition:translate .45s var(--e-onna)}}
@media (prefers-reduced-motion:no-preference){.m-kartlar :is(a,.m-kartlar button):is(:hover,.m-kartlar :focus-visible) > .ok{translate:5px 0}}
.m-kartlar .yazi-izgara{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.m-kartlar .yazi-kart{position:relative;display:flex;flex-direction:column;height:100%;box-sizing:border-box;border-radius:22px;overflow:hidden;background:#FFFFFF;border:1px solid rgba(18,10,32,.08)}
.m-kartlar .kapak{position:relative;aspect-ratio:16/10;overflow:hidden;background:#2A1B45}
.m-kartlar .kapak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m-kartlar .kart-govde{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px;flex:1 1 auto}
.m-kartlar .meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;color:#5A4E6E}
.m-kartlar .meta .kat{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#F3EAD6;color:#6B4E0E;font-size:13px;font-weight:600}
.m-kartlar .meta i{font-style:normal;color:#9A6F14}
.m-kartlar .yazi-kart h3{font-size:20px;line-height:1.3}
.m-kartlar .ozet{margin:0;font-size:15px;line-height:1.65;color:#3B3150}
.m-kartlar .oku{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#7A5A10}
.m-kartlar .sayfalama{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.m-kartlar .sayfalama a,.m-kartlar .sayfalama span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:48px;min-height:48px;padding:0 14px;box-sizing:border-box;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none}
.m-kartlar .sayfalama a{border:1px solid rgba(18,10,32,.22);background:#FFFFFF;color:#120A20 !important}
.m-kartlar .sayfalama a:hover{border-color:#9A6F14}
.m-kartlar .sayfalama a[aria-current="page"]{background:#120A20;border-color:#120A20;color:#F6F1E7 !important}
.m-kartlar .sayfalama .pasif{color:#8A7F99;border:1px dashed rgba(18,10,32,.18)}
@media (prefers-reduced-motion:no-preference){@media (hover:hover){.m-kartlar .yazi-kart:hover{translate:0 -4px;box-shadow:0 22px 44px rgba(18,10,32,.10)}}}
@media (prefers-reduced-motion:no-preference){.m-kartlar .oku .ok{transition:translate .45s var(--e-onna)}}
@media (max-width:1000px){.m-kartlar .yazi-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.m-kartlar .yazi-izgara{grid-template-columns:minmax(0,1fr);gap:16px}}
@media (max-width:760px){.m-kartlar .kart-govde{padding:18px 18px 20px}}
@media (max-width:760px){.m-kartlar .ozet{font-size:14px}}
@media (max-width:760px){.m-kartlar .sayfalama .gizle-tel{display:none !important}}
.m-kartlar .y929be{margin: 0px}
.m-kartlar .sayfalama .uc{border:0;min-width:0;padding:0 4px;color:#5A4E6E}
@media (min-width:1001px){.m-kartlar .yazi-izgara{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1001px){.m-kartlar .yazi-izgara > li{grid-column:span 2}}
@media (min-width:1001px){.m-kartlar .yazi-izgara > li:last-child:nth-child(3n+1){grid-column:3 / 5}}
@media (min-width:1001px){.m-kartlar .yazi-izgara > li:nth-last-child(2):nth-child(3n+1){grid-column:2 / 4}}
@media (min-width:1001px){.m-kartlar .yazi-izgara > li:last-child:nth-child(3n+2){grid-column:4 / 6}}
@media (min-width:761px) and (max-width:1000px){.m-kartlar .yazi-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:761px) and (max-width:1000px){.m-kartlar .yazi-izgara > li{grid-column:span 2}}
@media (min-width:761px) and (max-width:1000px){.m-kartlar .yazi-izgara > li:last-child:nth-child(odd){grid-column:2 / 4}}
