/* Tema mini şeması (views/tema/_tema_mini.php): Panel > Tema Ayarları ve ön yüz tema vitrini (/temalar) ortak kullanır */
.mk { --mk-h: 270px; height: var(--mk-h); background: var(--z); overflow: hidden; display: flex; flex-direction: column; position: relative; font-size: 0; }
.mk i, .mk b { display: block; font-style: normal; }
.mk-img { background: radial-gradient(circle at 42% 38%, var(--a) 0 13%, transparent 14%), radial-gradient(circle at 62% 50%, var(--v) 0 12%, transparent 13%), radial-gradient(circle at 40% 62%, var(--v) 0 9%, transparent 10%), radial-gradient(circle at 58% 30%, var(--ac) 0 9%, transparent 10%), linear-gradient(170deg, #E9EFE6, #C9D8C5); border-radius: calc(var(--r) * .5); }
.mk-c { height: 4px; border-radius: 3px; background: currentColor; opacity: .55; width: 80%; margin-bottom: 4px; }
.mk-c.kisa { width: 50%; }
.mk-serit { height: 6px; background: var(--k); flex: none; }
.mk-ust { height: 24px; flex: none; display: flex; align-items: center; gap: 8px; padding: 0 10px; background: var(--y); border-bottom: 1px solid rgba(0, 0, 0, .06); }
.mk-logo { width: 34px; height: 10px; border-radius: 3px; background: var(--a); flex: none; }
.mk-logo.buyuk { width: 50px; height: 14px; }
.mk-ara { flex: 1; height: 10px; border-radius: 99px; border: 1px solid rgba(0, 0, 0, .14); background: #fff; max-width: 150px; }
.mk-ara.kisa { flex: none; width: 60px; }
.mk-ikler { display: flex; gap: 4px; margin-left: auto; }
.mk-ikler i { width: 8px; height: 8px; border-radius: 50%; background: var(--m); opacity: .55; }
.mk-cizgiler { display: flex; gap: 4px; width: 60px; }
.mk-cizgiler i { height: 3px; width: 20px; background: var(--m); opacity: .4; border-radius: 2px; }
.mk-menu-ic { display: flex; gap: 6px; flex: 1; }
.mk-menu-ic i { width: 16px; height: 3px; background: var(--m); opacity: .5; border-radius: 2px; }
.mk-menu { height: 12px; flex: none; display: flex; gap: 6px; align-items: center; padding: 0 10px; background: var(--y); border-bottom: 1px solid rgba(0, 0, 0, .06); }
.mk-menu i { width: 18px; height: 3px; background: var(--m); opacity: .45; border-radius: 2px; }
.mk-dh-pazar .mk-ust { background: var(--a); height: 28px; }
.mk-dh-pazar .mk-logo { background: #fff; }
.mk-dh-pazar .mk-ara { max-width: none; border: 0; }
.mk-dh-pazar .mk-ikler i { background: #fff; opacity: .8; }
.mk-dh-ortali .mk-ust, .mk-dh-butik .mk-ust { justify-content: space-between; }
.mk-dh-ortali .mk-ikler, .mk-dh-butik .mk-ikler { margin-left: 0; }
.mk-dh-ortali .mk-menu, .mk-dh-butik .mk-menu { justify-content: center; }
.mk-dh-butik .mk-ust { height: 30px; }
.mk-dh-butik .mk-menu i { width: 14px; height: 2px; }
.mk-dh-seffaf .mk-ust { position: absolute; left: 0; right: 0; top: 0; z-index: 2; background: transparent; border: 0; }
.mk-dh-seffaf .mk-logo { background: #fff; }
.mk-dh-seffaf .mk-menu-ic i, .mk-dh-seffaf .mk-ikler i { background: #fff; opacity: .85; }

.mk-hero { height: 92px; flex: none; display: grid; gap: 4px; padding: 6px 10px; color: var(--m); position: relative; }
.mk-panel { background: var(--a); border-radius: var(--r); padding: 10px; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; }
.mk-panel b, .mk-metin b, .mk-yuzen b, .mk-dev b { width: 34px; height: 9px; border-radius: var(--rb); background: var(--a); margin-top: 4px; }
.mk-panel b { background: #fff; }
.mk-ters .mk-hero { direction: rtl; }
.mk-h-kolaj .mk-hero { grid-template-columns: 1fr 1fr .8fr; grid-template-rows: 1fr 1fr; }
.mk-h-kolaj .mk-panel { grid-row: span 2; }
.mk-h-kolaj .mk-k0 { grid-row: span 2; }
.mk-h-tam_slider .mk-hero { padding: 0; display: block; height: 98px; }
.mk-h-tam_slider .mk-tam { position: absolute; inset: 0 0 18px; border-radius: 0; background-size: auto, auto, auto, auto, cover; }
.mk-dh-seffaf .mk-tam { background: radial-gradient(circle at 70% 40%, var(--v) 0 10%, transparent 11%), radial-gradient(circle at 80% 60%, var(--ac) 0 8%, transparent 9%), linear-gradient(120deg, var(--k), var(--a)); }
.mk-dh-seffaf .mk-hero { height: 112px; }
.mk-yuzen { position: absolute; left: 22px; right: 22px; bottom: 2px; height: 28px; background: var(--y); border-radius: var(--r); box-shadow: 0 4px 12px rgba(0, 0, 0, .15); padding: 7px 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; }
.mk-yuzen .mk-c { width: 40%; margin: 0; }
.mk-yuzen b { margin: 0 0 0 auto; }
.mk-h-bolunmus .mk-hero { grid-template-columns: 1fr 1fr; align-items: center; }
.mk-metin { padding: 4px; }
.mk-kemer-sar { position: relative; height: 82px; }
.mk-leke { position: absolute; inset: 8px 4px 0 10px; background: var(--ac); border-radius: 58% 42% 50% 50%; }
.mk-kemer { position: absolute; inset: 0 22% 2px 26%; border-radius: 99px 99px 6px 6px; }
.mk-h-buyuk_yazi .mk-hero { grid-template-rows: 1fr 30px; height: 98px; }
.mk-dev { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
.mk-dev i { height: 9px; width: 70%; border-radius: 3px; background: var(--m); }
.mk-dev i + i { width: 50%; background: var(--a); }
.mk-serit-gorsel { display: flex; gap: 4px; }
.mk-serit-gorsel i { flex: 1; height: 26px; }
.mk-serit-gorsel i:nth-child(even) { margin-top: 4px; }
.mk-h-kart_slider .mk-hero { grid-template-columns: 1fr .9fr .9fr .45fr; }
.mk-h-kart_slider .mk-panel::after { content: ""; position: absolute; }
.mk-h-mozaik .mk-hero { grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; }
.mk-moz-ana { grid-row: span 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 8px; color: #fff; box-shadow: inset 0 -30px 30px -10px rgba(0, 0, 0, .55); }
.mk-h-bento .mk-hero { grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; grid-template-areas: "m m u k" "m m s w"; }
.mk-b-m { grid-area: m; } .mk-b-u { grid-area: u; } .mk-b-k { grid-area: k; }
.mk-b-s { grid-area: s; background: var(--vc); border-radius: var(--r); }
.mk-b-w { grid-area: w; background: #CDEFD9; border-radius: var(--r); }
.mk-h-pazar .mk-hero { grid-template-columns: .8fr 2fr .8fr; }
.mk-liste { background: var(--y); border-radius: var(--r); padding: 6px; display: flex; flex-direction: column; gap: 6px; }
.mk-liste i { height: 3px; border-radius: 2px; background: var(--m); opacity: .4; }
.mk-sag { display: grid; grid-template-rows: 1fr 24px; gap: 4px; }
.mk-kutu { background: var(--ac); border-radius: var(--r); }
/* Slider vitrinleri */
.mk-h-urun_slider .mk-hero { grid-template-columns: 1fr 1.1fr; align-items: center; }
.mk-us { position: relative; height: 80px; }
.mk-us .mk-leke { inset: 6px -2px 10px 14px; }
.mk-us .mk-img { position: absolute; inset: 0 6px 10px 10px; }
.mk-us-kart { position: absolute; left: 2px; bottom: 14px; width: 54%; height: 14px; background: var(--y); border-radius: calc(var(--r) * .5); box-shadow: 0 3px 8px rgba(0, 0, 0, .15); }
.mk-nokta { position: absolute; right: 8px; bottom: 0; display: flex; gap: 3px; }
.mk-nokta i { width: 5px; height: 5px; border-radius: 5px; background: var(--m); opacity: .35; }
.mk-nokta i:first-child { width: 12px; background: var(--a); opacity: 1; }
.mk-h-sinema .mk-hero { padding: 0; display: block; height: 98px; }
.mk-sin { position: absolute; inset: 0; border-radius: 0; box-shadow: inset 70px 0 50px -10px rgba(0, 0, 0, .65); }
.mk-sin-metin { position: absolute; left: 12px; top: 26px; width: 44%; color: #fff; }
.mk-sin-metin b { width: 34px; height: 9px; border-radius: var(--rb); background: #fff; margin-top: 4px; }
.mk-sin-no { position: absolute; left: 12px; bottom: 8px; display: flex; gap: 5px; }
.mk-sin-no i { width: 12px; height: 2px; background: rgba(255, 255, 255, .5); }
.mk-sin-no i:first-child { background: #fff; }
.mk-ters .mk-sin { box-shadow: inset -70px 0 50px -10px rgba(0, 0, 0, .65); }
.mk-ters .mk-sin-metin { left: auto; right: 12px; }
.mk-h-film .mk-hero { grid-template-columns: .8fr 1.4fr; }
.mk-film { display: grid; grid-template-rows: 1fr 16px; gap: 3px; }
.mk-film-serit { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
.mk-film-serit i:first-child { outline: 2px solid var(--a); outline-offset: -2px; }
.mk-h-yigin .mk-hero { display: block; }
.mk-yigin { display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--m); }
.mk-yigin > .mk-c { width: 46%; }
.mk-yigin-kart { position: relative; width: 100%; height: 66px; }
.mk-yigin-kart i { position: absolute; top: 2px; left: 50%; width: 46px; height: 60px; margin-left: -23px; box-shadow: 0 4px 10px rgba(0, 0, 0, .18); }
.mk-yigin-kart .y-sol { transform: translateX(-62%) scale(.84) rotate(-6deg); opacity: .85; }
.mk-yigin-kart .y-sag { transform: translateX(62%) scale(.84) rotate(6deg); opacity: .85; }

.mk-kat { height: 34px; flex: none; display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; padding: 4px 10px; }
.mk-kat i { height: 26px; }
.mk-kat-yuvarlak .mk-kat i { border-radius: 50%; width: 26px; margin: 0 auto; box-shadow: 0 0 0 2px var(--z), 0 0 0 3px var(--a); }
.mk-kat-kare .mk-kat i { border-radius: calc(var(--r) * .4); box-shadow: inset 0 -10px 8px -4px rgba(0, 0, 0, .5); }
.mk-kat-cip .mk-kat { grid-template-columns: repeat(4, 1fr); }
.mk-kat-cip .mk-kat i { height: 14px; margin-top: 6px; border-radius: 99px; background: var(--y); border: 1px solid rgba(0, 0, 0, .12); }
.mk-kat-cip .mk-kat i:nth-child(n+5) { display: none; }
.mk-kat-banner .mk-kat { grid-template-columns: repeat(3, 1fr); }
.mk-kat-banner .mk-kat i { background: var(--ac); border-radius: var(--r); position: relative; }
.mk-kat-banner .mk-kat i:nth-child(2) { background: var(--vc); }
.mk-kat-banner .mk-kat i::after { content: ""; position: absolute; right: 4px; top: 4px; width: 18px; height: 18px; border-radius: 50%; background: #C9D8C5; border: 2px solid #fff; }
.mk-kat-banner .mk-kat i:nth-child(n+4) { display: none; }
.mk-kat-mozaik .mk-kat { grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr; }
.mk-kat-ray .mk-kat { grid-template-columns: repeat(5, 1fr) .4fr; }
.mk-kat-ray .mk-kat i { border-radius: calc(var(--r) * .6); background-color: var(--y); }

.mk-kartlar { flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; padding: 4px 10px 6px; color: var(--m); }
.mk-kart { display: flex; flex-direction: column; gap: 3px; min-height: 0; }
.mk-kart .mk-img { flex: 1; min-height: 0; }
.mk-kart .mk-c { height: 3px; margin: 0; }
.mk-kart-klasik .mk-kart { background: var(--y); border: 1px solid rgba(0, 0, 0, .08); border-radius: calc(var(--r) * .6); padding-bottom: 4px; overflow: hidden; }
.mk-kart-klasik .mk-kart .mk-img { border-radius: 0; }
.mk-kart-klasik .mk-kart .mk-c { margin-left: 4px; }
.mk-kart-yumusak .mk-kart { background: var(--y); border-radius: var(--r); padding: 3px 3px 5px; box-shadow: 0 3px 8px rgba(0, 0, 0, .1); }
.mk-kart-yumusak .mk-kart .mk-c.kisa { width: 40%; height: 6px; border-radius: 99px; background: var(--a); opacity: 1; align-self: flex-end; }
.mk-kart-polaroid .mk-kart { background: #fff; padding: 3px 3px 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, .14); align-items: center; }
.mk-kart-polaroid .mk-kart .mk-img { width: 100%; border-radius: 0; }
.mk-kart-polaroid .mk-kart:nth-child(odd) { transform: rotate(-2deg); }
.mk-kart-polaroid .mk-kart:nth-child(even) { transform: rotate(2deg); }
.mk-kart-ortu .mk-kart { position: relative; }
.mk-kart-ortu .mk-kart .mk-img { border-radius: var(--r); box-shadow: inset 0 -16px 12px -6px rgba(0, 0, 0, .6); }
.mk-kart-ortu .mk-kart .mk-c { position: absolute; left: 4px; bottom: 9px; width: 60%; background: #fff; opacity: .9; }
.mk-kart-ortu .mk-kart .mk-c.kisa { bottom: 4px; width: 34%; }
.mk-kart-kemer .mk-kart { align-items: center; }
.mk-kart-kemer .mk-kart .mk-img { width: 100%; border-radius: 99px 99px 4px 4px; }
.mk-kart-minimal .mk-kart .mk-img { border-radius: calc(var(--r) * .5); }
.mk-alt { height: 22px; flex: none; background: var(--f); display: flex; align-items: center; gap: 8px; padding: 0 10px; position: relative; }
.mk-alt i { width: 30px; height: 3px; border-radius: 2px; background: #fff; opacity: .4; }
.mk-ft-acik .mk-alt, .mk-ft-minimal .mk-alt { background: var(--y); border-top: 1px solid rgba(0, 0, 0, .08); justify-content: center; }
.mk-ft-acik .mk-alt i, .mk-ft-minimal .mk-alt i { background: var(--m); }
.mk-ft-marka .mk-alt i:first-child { width: 80px; height: 8px; opacity: .85; }
.mk-ft-bant .mk-alt { height: 28px; padding-top: 8px; }
.mk-alt-bant { position: absolute; left: 0; right: 0; top: 0; height: 8px; background: var(--a); }