/* MedyaMağaza — Ücretsiz Deneme Aracı */
.mma{--mma-ana:var(--main-color,#0f7f8f);--mma-yazi:var(--dark-text,#1d2233);--mma-soluk:var(--soft-text,#68718c);position:relative;margin:26px 0;padding:22px;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(20,40,90,.10),0 0 0 1px rgba(20,40,90,.05);overflow:hidden;isolation:isolate;font-family:inherit}
.mma::before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--mma-aci,0deg),transparent 0 70%,color-mix(in srgb,var(--mma-ana) 70%,#7c5cff) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mmaDon 5s linear infinite;z-index:-1;pointer-events:none}
@property --mma-aci{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes mmaDon{to{--mma-aci:360deg}}
.mma-isik{position:absolute;width:320px;height:320px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mma-ana) 22%,transparent),transparent 70%);z-index:-1;pointer-events:none;animation:mmaSuz 8s ease-in-out infinite alternate}
@keyframes mmaSuz{to{transform:translate(-80px,60px)}}
.mma-govde{display:flex;flex-direction:column;gap:14px;animation:mmaGir .35s ease}
.mma-govde[hidden]{display:none}
@keyframes mmaGir{from{opacity:0;transform:translateY(8px)}}

.mma-ust{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--mma-ana) 14%,#fff),color-mix(in srgb,#7c5cff 10%,#fff))}
.mma-ust-ikon{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mma-ana);color:#fff;font-size:20px;box-shadow:0 6px 16px color-mix(in srgb,var(--mma-ana) 40%,transparent)}
.mma-ust-yazi{flex:1;display:flex;flex-direction:column;line-height:1.3}
.mma-ust-yazi b{color:var(--mma-yazi);font-size:15px}
.mma-ust-yazi small{color:var(--mma-soluk);font-size:14px}
.mma-rozet{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;background:#e6f8ee;color:#16884b;font-size:12px;font-weight:800;letter-spacing:.04em}
.mma-rozet i{width:7px;height:7px;border-radius:50%;background:#22c06a;box-shadow:0 0 0 0 rgba(34,192,106,.6);animation:mmaNabiz 1.6s infinite}
@keyframes mmaNabiz{70%{box-shadow:0 0 0 7px rgba(34,192,106,0)}100%{box-shadow:0 0 0 0 rgba(34,192,106,0)}}

.mma-link{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border:1.5px solid #e3e7ef;border-radius:14px;background:#fbfcfe;transition:border-color .2s,box-shadow .2s;margin:0;cursor:text}
.mma-link:focus-within{border-color:var(--mma-ana);box-shadow:0 0 0 4px color-mix(in srgb,var(--mma-ana) 15%,transparent);background:#fff}
.mma-link i{color:var(--mma-soluk);font-size:18px}
.mma-link input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--mma-yazi)}
.mma-link.hata{border-color:#e5484d;animation:mmaSalla .35s}
@keyframes mmaSalla{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.mma-uyari{margin-top:-6px;color:#c8343a;font-size:13px}

.mma-miktar-bas{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;color:var(--mma-soluk);font-size:14px}
.mma-miktar-bas b{font-size:22px;color:var(--mma-yazi);font-variant-numeric:tabular-nums;transition:transform .15s}
.mma-miktar-bas b.zip{transform:scale(1.18)}
.mma-miktar input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;outline:0;background:linear-gradient(90deg,var(--mma-ana),#7c5cff) 0/var(--yuzde,40%) 100% no-repeat,#e8ebf2;cursor:pointer}
.mma-miktar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:6px solid var(--mma-ana);box-shadow:0 4px 12px rgba(0,0,0,.18);transition:transform .15s}
.mma-miktar input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
.mma-miktar input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:6px solid var(--mma-ana);box-shadow:0 4px 12px rgba(0,0,0,.18)}

.mma-secim{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:5px;border-radius:14px;background:#f1f3f8}
.mma-secim button{height:42px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:700;font-size:14.5px;color:var(--mma-soluk);cursor:pointer;transition:all .2s}
.mma-secim button.on{background:#fff;color:var(--mma-ana);box-shadow:0 4px 12px rgba(20,40,90,.10)}

.mma-baslat{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:58px;border:0;border-radius:16px;overflow:hidden;background:linear-gradient(110deg,var(--mma-ana),color-mix(in srgb,var(--mma-ana) 55%,#7c5cff));color:#fff;font:inherit;font-weight:800;font-size:16.5px;cursor:pointer;box-shadow:0 12px 26px color-mix(in srgb,var(--mma-ana) 35%,transparent);transition:transform .15s,box-shadow .2s}
.mma-baslat::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:mmaParla 3.2s ease-in-out infinite}
@keyframes mmaParla{0%,60%{left:-80px}100%{left:110%}}
.mma-baslat:hover{transform:translateY(-2px);box-shadow:0 16px 32px color-mix(in srgb,var(--mma-ana) 42%,transparent)}
.mma-baslat:active{transform:scale(.98)}
.mma-baslat i{font-size:20px;transition:transform .2s}
.mma-baslat:hover i{transform:translateX(4px)}

.mma-adimlar{align-items:center;padding:12px 0 6px}
.mma-halka{position:relative;width:76px;height:76px}
.mma-halka svg{width:100%;height:100%;transform:rotate(-90deg)}
.mma-halka circle{fill:none;stroke:var(--mma-ana);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset .6s ease}
.mma-halka i{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:var(--mma-ana)}
.mma-adimlar ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;width:100%;max-width:340px}
.mma-adimlar li{display:flex;align-items:center;gap:10px;color:#a3abbd;font-size:15px;transition:color .3s}
.mma-adimlar li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #d9deea;transition:all .3s}
.mma-adimlar li.su{color:var(--mma-yazi)}
.mma-adimlar li.su::before{border-color:var(--mma-ana);border-right-color:transparent;animation:mmaDon2 .7s linear infinite}
.mma-adimlar li.ok{color:var(--mma-yazi)}
.mma-adimlar li.ok::before{border-color:#22c06a;background:#22c06a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@keyframes mmaDon2{to{transform:rotate(360deg)}}

.mma-sonuc{align-items:center;text-align:center}
.mma-sonuc-ikon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e6f8ee;color:#22c06a;font-size:38px;animation:mmaZipla .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes mmaZipla{from{transform:scale(.3);opacity:0}}
.mma-sonuc .mma-sonuc-baslik{margin:0;font-size:21px;line-height:1.3;font-weight:800;color:var(--mma-yazi)}
.mma-sonuc p{margin:0;color:var(--mma-soluk);line-height:1.55;max-width:520px}
.mma-ozet{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.mma-ozet span{padding:5px 11px;border-radius:99px;background:#f1f3f8;font-size:13px;color:var(--mma-yazi);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mma-wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:16px;background:linear-gradient(110deg,#25d366,#128c7e);color:#fff!important;font-weight:800;font-size:16.5px;text-decoration:none!important;box-shadow:0 12px 26px rgba(37,211,102,.35);animation:mmaNefes 2.4s ease-in-out infinite}
.mma-wa i{font-size:22px}
@keyframes mmaNefes{50%{transform:scale(1.025)}}
.mma-ayrac{display:flex;align-items:center;gap:10px;width:100%;color:var(--mma-soluk);font-size:13.5px}
.mma-ayrac::before,.mma-ayrac::after{content:"";flex:1;height:1px;background:#e6e9ef}
.mma-kupon{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px 12px 18px;border:2px dashed color-mix(in srgb,var(--mma-ana) 55%,#fff);border-radius:14px;background:color-mix(in srgb,var(--mma-ana) 6%,#fff);font:inherit;cursor:pointer}
.mma-kupon b{font-size:20px;letter-spacing:.12em;color:var(--mma-ana)}
.mma-kupon span{padding:7px 12px;border-radius:9px;background:var(--mma-ana);color:#fff;font-weight:700;font-size:13px}
.mma-kupon.ok span{background:#22c06a}
.mma-paket{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--mma-ana)!important;text-decoration:none!important}
.mma-geri{border:0;background:none;color:var(--mma-soluk);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.mma-konfeti{position:absolute;top:30%;left:50%;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:mmaKonfeti 1.2s ease-out forwards}
@keyframes mmaKonfeti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}

.mma-sayac{width:100%;max-width:340px;display:flex;flex-direction:column;gap:6px}
.mma-cubuk{height:8px;border-radius:99px;background:#e8ebf2;overflow:hidden}
.mma-cubuk span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--mma-ana),#7c5cff);transition:width .25s linear;position:relative}
.mma-cubuk span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:mmaAk 1.4s linear infinite}
@keyframes mmaAk{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.mma-sayac-yazi{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--mma-soluk)}
.mma-sayac-yazi b{font-size:18px;color:var(--mma-yazi);font-variant-numeric:tabular-nums}
@media (max-width:640px){.mma{padding:16px;border-radius:20px;margin:20px 0}.mma-ust{padding:12px}.mma-baslat,.mma-wa{height:54px;font-size:15.5px}}
@media (prefers-reduced-motion:reduce){.mma *,.mma::before,.mma::after{animation:none!important;transition:none!important}}