/* MedyaMağaza — anasayfa vitrin görseli */
.mmv{--t:#0F5E6E;--a:#FFB020;--y:#10242B;--g:#5B6F75;position:relative;width:430px;max-width:100%;aspect-ratio:1/1.05;margin:0 auto;color:var(--y);container-type:inline-size}
.mmv *{box-sizing:border-box}
.mmv-isik{position:absolute;inset:4% 2% 10%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(27,181,165,.30),rgba(15,94,110,.10) 50%,transparent 72%);animation:mmvNefes 6s ease-in-out infinite}
@keyframes mmvNefes{50%{transform:scale(1.06);opacity:.75}}
.mmv-halka{z-index:3;position:absolute;left:50%;top:47%;width:96%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px dashed rgba(15,94,110,.18);animation:mmvDon 50s linear infinite}
@keyframes mmvDon{to{rotate:360deg}}
.mmv-uydu{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--c);font-size:19px;
  box-shadow:0 8px 20px -8px rgba(16,36,43,.35);transform:rotate(var(--a)) translateX(48cqw) rotate(calc(-1 * var(--a)))}
.mmv-uydu i{display:block;animation:mmvDon 50s linear infinite reverse}

/* Kemer: kişinin arkasındaki turkuaz zemin, içinde logodaki yükselen M */
.mmv-kemer{position:absolute;left:50%;bottom:0;width:72%;height:76%;translate:-50% 0;border-radius:999px 999px 34px 34px;overflow:hidden;
  background:linear-gradient(160deg,#1BB5A5 0%,#14808F 38%,#0F5E6E 72%,#0B4F5C 100%);box-shadow:0 40px 70px -35px rgba(15,94,110,.75)}
.mmv-kemer::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.28),transparent 45%)}
.mmv-logo{position:absolute;left:17%;top:16%;width:72px;height:72px;z-index:2;border-radius:20px;filter:drop-shadow(0 16px 24px rgba(11,79,92,.45));animation:mmvLogo 4s ease-in-out infinite}
.mmv-logo::after{content:"";position:absolute;inset:-8px;border-radius:26px;border:2px solid rgba(20,128,143,.35);animation:mmvDalga 4s ease-out infinite}
.mmv-logo svg{display:block;width:100%;height:100%}
@keyframes mmvLogo{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes mmvDalga{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.mmv-m{stroke-dasharray:100;stroke-dashoffset:100;animation:mmvCizL 5s cubic-bezier(.6,.1,.2,1) infinite}
.mmv-mok{animation:mmvOkPop 3s ease-in-out infinite;transform-origin:48px 18px;transform-box:view-box;filter:drop-shadow(0 0 6px rgba(255,176,32,.8))}
@keyframes mmvCiz{0%{stroke-dashoffset:100}40%,100%{stroke-dashoffset:0}}
@keyframes mmvOk{0%,36%{opacity:0;transform:scale(.4)}44%{opacity:1;transform:scale(1.15)}50%,100%{opacity:1;transform:scale(1)}}

.mmv-kisi{position:absolute;left:50%;bottom:0;width:68%;height:auto;translate:-50% 0;filter:drop-shadow(0 20px 30px rgba(11,79,92,.35));
  -webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}

/* Takipçi kartı */
.mmv-kart{position:absolute;left:-4%;bottom:12%;width:44%;min-width:190px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:18px;padding:12px 12px 8px;
  box-shadow:0 22px 44px -20px rgba(16,36,43,.45);animation:mmvSuz 6s ease-in-out infinite}
.mmv-kb{display:flex;align-items:center;gap:9px}
.mmv-ki{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#E3F3F1;color:var(--t);font-size:18px;flex:none}
.mmv-kb>span:nth-child(2){display:flex;flex-direction:column;line-height:1.15}
.mmv-kb small{font-size:11.5px;color:var(--g)}
.mmv-kb b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.mmv-kb em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:#1f9d63;background:#E6F6EE;border-radius:8px;padding:3px 6px;display:flex;align-items:center}
.mmv-mini{display:block;width:100%;height:46px;margin-top:6px;overflow:visible}
.mmv-cizgi{stroke-dasharray:100;stroke-dashoffset:100;animation:mmvCizL 7s cubic-bezier(.6,.1,.2,1) infinite}
.mmv-alan{opacity:0;animation:mmvAlan 7s ease infinite}
@keyframes mmvAlan{0%,25%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
.mmv-nokta{opacity:0;animation:mmvOkL 7s ease infinite;transform-origin:194px 6px;filter:drop-shadow(0 0 5px rgba(255,176,32,.9))}
@keyframes mmvSuz{50%{transform:translateY(-8px)}}

.mmv-cip{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border-radius:14px;padding:7px 12px 7px 7px;font-size:13px;color:var(--g);
  box-shadow:0 14px 30px -14px rgba(16,36,43,.45);white-space:nowrap;animation:mmvSuz 5s ease-in-out infinite}
.mmv-cip b{color:var(--y);font-weight:800;font-variant-numeric:tabular-nums}
.mmv-cip span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-size:16px}
.mmv-c1{right:-3%;top:46%;animation-delay:-1.5s}
.mmv-c2{left:-5%;top:44%;animation-delay:-3s}
.mmv-bildirim{position:absolute;right:-2%;bottom:6%;display:flex;align-items:center;gap:8px;background:#10242B;color:#fff;border-radius:14px;padding:9px 13px;font-size:12.5px;
  box-shadow:0 16px 30px -14px rgba(16,36,43,.6);animation:mmvBildirim 7s ease infinite}
.mmv-bildirim i{color:#3EE0C0;font-size:20px}
.mmv-bildirim span{display:flex;flex-direction:column;line-height:1.25}
.mmv-bildirim small{color:rgba(255,255,255,.65);font-size:11px}
@keyframes mmvBildirim{0%,46%{opacity:0;transform:translateY(12px) scale(.96)}54%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-6px)}}

/* Tema: görsel kutusu */
.main--intro .intro--image.mmv-kap{max-width:450px;width:100%;margin-bottom:24px;position:relative;z-index:0}
@media (max-width:600px){
  .main--intro .intro--image.mmv-kap{max-width:100%;margin-bottom:10px}
  .mmv{width:340px}
  .mmv-uydu{width:34px;height:34px;margin:-17px;font-size:16px}
  .mmv-kart{min-width:0;width:50%;left:-2%;padding:9px 9px 6px;border-radius:14px}
  .mmv-kb b{font-size:15px}
  .mmv-ki{width:28px;height:28px;font-size:15px}
  .mmv-mini{height:32px}
  .mmv-cip{font-size:12px;padding:5px 9px 5px 5px}
  .mmv-cip span{width:24px;height:24px;font-size:14px}
  .mmv-c2{display:none}
  .mmv-logo{width:54px;height:54px;border-radius:15px;left:18%;top:17%}
  .mmv-c1{top:44%}
  .mmv-bildirim{font-size:11.5px;padding:7px 10px;right:0}
}
@media (prefers-reduced-motion:reduce){.mmv *{animation:none!important}.mmv-m,.mmv-cizgi{stroke-dashoffset:0}.mmv-alan,.mmv-mok,.mmv-nokta,.mmv-bildirim{opacity:1}}
/* Temanın ".intro--image img" kurallarını ez */
.main--intro .intro--image .mmv img.mmv-kisi{width:68%!important;max-width:none!important;height:auto!important;object-fit:initial!important}
@keyframes mmvCizL{0%{stroke-dashoffset:100}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes mmvOkL{0%,36%{opacity:0;transform:scale(.4)}44%{opacity:1;transform:scale(1.15)}50%,90%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes mmvOkPop{0%,100%{transform:translate(0,0)}50%{transform:translate(2px,-2px)}}