/* MASSE — "Mağazadan veya Mail Order ile 6 Taksit" duyurusu (11.11.2026)
   Üç yer: üst şerit rozeti + inen panel (.mtk-pill/.mtk-drop), ilk ziyaret penceresi (.mtk-pop), ürün detay satırı (.mtk-urun). */
:root{--mtk-lacivert:#00355a;--mtk-mavi:#00558b;--mtk-altin:#e8a200;--mtk-altin-acik:#f5b928;--mtk-koyu:#1a1a1a;--mtk-cizgi:#e2e8f0;}

/* ── 1) Üst şerit rozeti ── */
.masse-eski-header .msh-announce{position:relative;z-index:60;}
.mtk-pill{position:relative;display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 4px;border:0;border-radius:999px;cursor:pointer;
  background:linear-gradient(90deg,var(--mtk-altin),var(--mtk-altin-acik));color:#1a1a1a;font:inherit;font-size:12.5px;font-weight:700;line-height:1.3;overflow:hidden;white-space:nowrap;}
.mtk-pill__no{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#1a1a1a;color:var(--mtk-altin-acik);font-size:12px;font-weight:800;}
.mtk-pill__ok{font-size:10px;transition:transform .25s ease;}
.mtk-pill::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.65),rgba(255,255,255,0));animation:mtk-parla 3.2s ease-in-out infinite;}
@keyframes mtk-parla{0%,55%{left:-60%}100%{left:130%}}
.msh-announce.mtk-acik .mtk-pill__ok{transform:rotate(180deg);}

/* ── 2) Şeritten inen panel ── */
.mtk-drop{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-rows:0fr;background:var(--mtk-lacivert);color:#fff;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1);box-shadow:0 18px 30px -18px rgba(0,0,0,.55);}
.mtk-drop__ic{overflow:hidden;min-height:0;}
.msh-announce.mtk-acik .mtk-drop{grid-template-rows:1fr;}
.mtk-drop__govde{max-width:var(--container-max-width,1400px);margin:0 auto;padding:18px 15px 20px;display:flex;align-items:center;gap:28px;opacity:0;transform:translateY(-8px);transition:opacity .3s ease .08s,transform .3s ease .08s;}
.msh-announce.mtk-acik .mtk-drop__govde{opacity:1;transform:none;}
.mtk-drop__rakam{display:flex;align-items:baseline;gap:8px;flex:0 0 auto;line-height:1;}
.mtk-drop__rakam b{font-size:64px;font-weight:800;letter-spacing:-.04em;color:var(--mtk-altin-acik);}
.mtk-drop__rakam span{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
.mtk-drop__metin{flex:1 1 auto;min-width:0;}
.mtk-drop__baslik{font-size:18px;font-weight:700;margin:0 0 4px;color:#fff;text-wrap:balance;}
.mtk-drop__alt{font-size:13.5px;margin:0;color:rgba(255,255,255,.78);}
.mtk-drop__alt strong{color:#fff;}
.mtk-drop__dugmeler{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap;}
.mtk-dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid transparent;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none !important;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.mtk-dugme--altin{background:var(--mtk-altin-acik);color:#1a1a1a !important;}
.mtk-dugme--altin:hover{background:#ffc94a;}
.mtk-dugme--cizgi{background:transparent;border-color:rgba(255,255,255,.4);color:#fff !important;}
.mtk-dugme--cizgi:hover{border-color:#fff;}
.mtk-dugme--mavi{background:var(--mtk-mavi);color:#fff !important;}
.mtk-dugme--mavi:hover{background:#00466f;}
.mtk-dugme--acik{background:#fff;border-color:var(--mtk-cizgi);color:#1e293b !important;}
.mtk-dugme--acik:hover{border-color:#94a3b8;}
.mtk-pill:focus-visible,.mtk-dugme:focus-visible,.mtk-pop__kapat:focus-visible,.mtk-urun:focus-visible{outline:2px solid var(--mtk-altin-acik);outline-offset:2px;}
@media (max-width:900px){
  .mtk-drop__govde{flex-wrap:wrap;gap:14px 18px;padding:14px 16px 16px;}
  .mtk-drop__rakam b{font-size:44px;}
  .mtk-drop__metin{flex:1 1 180px;}
  .mtk-drop__baslik{font-size:15.5px;}
  .mtk-drop__dugmeler{width:100%;}
  .mtk-drop__dugmeler .mtk-dugme{flex:1 1 0;}
  .masse-eski-header .msh-announce__inner{gap:8px 12px;}
}

/* ── 3) İlk ziyaret: ekranı kaplayan kampanya ── */
.mtk-pop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px 20px;overflow:auto;color:#fff;
  background:radial-gradient(1200px 700px at 50% 38%,#0a4a78 0%,#00355a 38%,#031723 100%);opacity:0;transition:opacity .45s ease;}
.mtk-pop.mtk-gor{opacity:1;}
.mtk-pop__isik{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.mtk-pop__isik::before{content:"";position:absolute;left:50%;top:38%;width:min(120vw,1300px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:conic-gradient(from 0deg,rgba(245,185,40,0) 0 8%,rgba(245,185,40,.13) 10%,rgba(245,185,40,0) 14% 30%,rgba(245,185,40,.1) 33%,rgba(245,185,40,0) 37% 55%,rgba(245,185,40,.13) 58%,rgba(245,185,40,0) 62% 80%,rgba(245,185,40,.1) 83%,rgba(245,185,40,0) 87%);
  -webkit-mask:radial-gradient(closest-side,#000 0,transparent 100%);mask:radial-gradient(closest-side,#000 0,transparent 100%);animation:mtk-don 28s linear infinite;}
@keyframes mtk-don{to{transform:translate(-50%,-50%) rotate(360deg)}}
.mtk-pop__yildiz{position:absolute;width:var(--b,10px);height:var(--b,10px);background:#ffe9a8;opacity:0;
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);animation:mtk-kirp var(--s,2.6s) ease-in-out var(--g,0s) infinite;}
@keyframes mtk-kirp{0%,100%{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
.mtk-pop__ic{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;width:100%;max-width:920px;margin:auto;}
.mtk-pop__etiket{font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:#f5b928;opacity:0;}
.mtk-pop__dev{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,28px);line-height:.85;font-weight:800;
  background:linear-gradient(100deg,#b97d00 0%,#f5b928 22%,#fff6d6 38%,#f5b928 52%,#c98a00 72%,#f5b928 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:mtk-parilti 3.4s linear infinite;
  filter:drop-shadow(0 10px 40px rgba(245,185,40,.28));opacity:0;}
@keyframes mtk-parilti{from{background-position:120% 0}to{background-position:-100% 0}}
.mtk-pop__rakam{font-size:clamp(150px,30vw,340px);letter-spacing:-.06em;}
.mtk-pop__taksit{font-size:clamp(44px,9.5vw,118px);letter-spacing:.06em;text-transform:uppercase;}
.mtk-pop__baslik{font-size:clamp(21px,3.3vw,38px);font-weight:700;line-height:1.2;margin:6px 0 0;color:#fff;text-wrap:balance;opacity:0;}
.mtk-pop__alt{font-size:clamp(15px,1.6vw,19px);line-height:1.5;margin:0;color:rgba(255,255,255,.8);max-width:640px;opacity:0;}
.mtk-pop__alt strong{color:#f5b928;}
.mtk-pop__dugmeler{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:12px;opacity:0;}
.mtk-pop__dugmeler .mtk-dugme{padding:14px 24px;font-size:15.5px;border-radius:10px;}
.mtk-pop__devam{background:none;border:0;padding:8px 10px;margin-top:2px;font:inherit;font-size:14px;color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:0;}
.mtk-pop__devam:hover{color:#fff;}
.mtk-pop__kapat{position:fixed;top:18px;right:18px;z-index:2;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mtk-pop__kapat:hover{background:rgba(255,255,255,.18);}
.mtk-pop.mtk-gor .mtk-pop__etiket{animation:mtk-gel .6s ease .15s both;}
.mtk-pop.mtk-gor .mtk-pop__dev{animation:mtk-buyu .9s cubic-bezier(.2,.9,.25,1.15) .25s both,mtk-parilti 3.4s linear infinite;}
.mtk-pop.mtk-gor .mtk-pop__baslik{animation:mtk-gel .6s ease .75s both;}
.mtk-pop.mtk-gor .mtk-pop__alt{animation:mtk-gel .6s ease .9s both;}
.mtk-pop.mtk-gor .mtk-pop__dugmeler{animation:mtk-gel .6s ease 1.05s both;}
.mtk-pop.mtk-gor .mtk-pop__devam{animation:mtk-gel .6s ease 1.2s both;}
@keyframes mtk-gel{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes mtk-buyu{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
@media (max-width:560px){
  .mtk-pop__dev{flex-direction:column;gap:4px;}
  .mtk-pop__dugmeler{width:100%;}
  .mtk-pop__dugmeler .mtk-dugme{flex:1 1 100%;}
}

/* ── 4) Ürün detay satırı ── */
.mtk-urun{display:flex;align-items:center;gap:12px;width:100%;margin:12px 0 0;padding:9px 12px;border:1px solid #f1dca6;border-radius:10px;background:#fffaf0;color:#1e293b;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease;}
.mtk-urun:hover{border-color:var(--mtk-altin);background:#fff5dc;}
.mtk-urun__no{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--mtk-lacivert);color:var(--mtk-altin-acik);font-size:19px;font-weight:800;}
.mtk-urun__metin{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.35;color:#64748b;}
.mtk-urun__metin b{display:block;font-size:13.5px;color:#0f172a;}
.mtk-urun__ok{flex:0 0 auto;font-size:13px;color:var(--mtk-mavi);}

@media (prefers-reduced-motion:reduce){
  .mtk-pill::after,.mtk-pop__isik::before,.mtk-pop__yildiz{animation:none;}
  .mtk-drop,.mtk-drop__govde,.mtk-pop{transition:none;}
  .mtk-pop.mtk-gor .mtk-pop__etiket,.mtk-pop.mtk-gor .mtk-pop__dev,.mtk-pop.mtk-gor .mtk-pop__baslik,.mtk-pop.mtk-gor .mtk-pop__alt,.mtk-pop.mtk-gor .mtk-pop__dugmeler,.mtk-pop.mtk-gor .mtk-pop__devam{animation:none;opacity:1;}
}

/* Header'ın genel düğme sıfırlaması (.masse-eski-header .msh button) rozet ve panel düğmelerini düzleştirmesin */
.masse-eski-header .msh .mtk-pill{background:linear-gradient(90deg,var(--mtk-altin),var(--mtk-altin-acik)) !important;color:#1a1a1a !important;padding:3px 12px 3px 4px !important;border-radius:999px !important;font-size:12.5px !important;font-weight:700 !important;}
.masse-eski-header .msh .mtk-dugme{padding:10px 16px !important;border-radius:8px !important;font-size:13.5px !important;font-weight:700 !important;}
.masse-eski-header .msh .mtk-dugme--altin{background:var(--mtk-altin-acik) !important;color:#1a1a1a !important;}
.masse-eski-header .msh .mtk-dugme--cizgi{background:transparent !important;border:1px solid rgba(255,255,255,.4) !important;color:#fff !important;}
.masse-eski-header .msh .mtk-dugme--cizgi:hover{border-color:#fff !important;}