/* =========================================================
   METIN2DOCS — TAM EKRAN REKLAM / DUYURU POPUP'I
   ========================================================= */

body.m2-ad-popup-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}

.m2-ad-popup[hidden]{display:none!important}
.m2-ad-popup{
  --m2ad-gold:#d79a44;
  --m2ad-gold-soft:#f1cc8d;
  --m2ad-red:#8e291d;
  --m2ad-ink:#080707;
  --m2ad-paper:#e9d8bd;
  position:fixed;
  inset:0;
  z-index:2147483600;
  isolation:isolate;
  display:grid;
  place-items:center;
  padding:20px;
  opacity:0;
  visibility:hidden;
  transition:opacity .42s ease,visibility .42s ease;
}
.m2-ad-popup.is-open{opacity:1;visibility:visible}

.m2-ad-popup__backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 38%,rgba(108,44,23,.26),transparent 42%),
    linear-gradient(115deg,rgba(2,5,8,.95),rgba(4,8,10,.88) 52%,rgba(2,4,7,.96)),
    url('../assets/metin2-village.webp') center/cover no-repeat;
  filter:saturate(.72);
}
.m2-ad-popup__backdrop::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(0,0,0,.48),rgba(0,0,0,.72)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
}
.m2-ad-popup__backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 170px 55px #000;
  pointer-events:none;
}

.m2-ad-popup__smoke{
  position:absolute;
  width:62vw;
  height:36vw;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(187,119,60,.12),rgba(0,0,0,0) 67%);
  filter:blur(20px);
  opacity:.7;
  pointer-events:none;
  animation:m2AdSmoke 10s ease-in-out infinite alternate;
}
.m2-ad-popup__smoke--one{left:-18vw;bottom:-19vw}
.m2-ad-popup__smoke--two{right:-22vw;top:-18vw;animation-delay:-5s}

.m2-ad-popup__embers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.m2-ad-popup__embers i{
  position:absolute;
  bottom:-20px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#e99643;
  box-shadow:0 0 9px #d55e25;
  opacity:0;
  animation:m2AdEmber 7s linear infinite;
}
.m2-ad-popup__embers i:nth-child(1){left:8%;animation-delay:-1s}
.m2-ad-popup__embers i:nth-child(2){left:23%;animation-delay:-4s;transform:scale(.7)}
.m2-ad-popup__embers i:nth-child(3){left:43%;animation-delay:-2.5s;transform:scale(1.25)}
.m2-ad-popup__embers i:nth-child(4){left:61%;animation-delay:-5.2s}
.m2-ad-popup__embers i:nth-child(5){left:78%;animation-delay:-3.2s;transform:scale(.6)}
.m2-ad-popup__embers i:nth-child(6){left:91%;animation-delay:-6.1s;transform:scale(1.4)}

.m2-ad-popup__shell{
  position:relative;
  z-index:2;
  width:min(1240px,96vw);
  height:min(720px,calc(100vh - 40px));
  min-height:570px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  color:var(--m2ad-paper);
  background:
    linear-gradient(135deg,rgba(38,24,15,.98),rgba(11,8,7,.995) 42%,rgba(16,8,7,.995));
  border:1px solid rgba(222,151,63,.72);
  box-shadow:0 42px 130px rgba(0,0,0,.88),0 0 0 1px rgba(255,214,142,.07) inset,0 0 50px rgba(144,64,23,.16);
  clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));
  transform:translateY(28px) scale(.965);
  opacity:0;
  transition:transform .48s cubic-bezier(.2,.82,.22,1),opacity .42s ease;
  outline:none;
}
.m2-ad-popup.is-open .m2-ad-popup__shell{transform:none;opacity:1}
.m2-ad-popup__shell::before{
  content:"";
  position:absolute;
  inset:7px;
  z-index:8;
  border:1px solid rgba(230,172,89,.11);
  clip-path:inherit;
  pointer-events:none;
}
.m2-ad-popup__shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:7;
  background:linear-gradient(90deg,transparent 48%,rgba(195,122,50,.035) 48.1%,transparent 48.35%);
  pointer-events:none;
}

.m2-ad-popup__corner{position:absolute;z-index:12;width:66px;height:66px;pointer-events:none}
.m2-ad-popup__corner::before,.m2-ad-popup__corner::after{content:"";position:absolute;background:linear-gradient(90deg,#873022,#e1a653)}
.m2-ad-popup__corner::before{width:48px;height:2px}
.m2-ad-popup__corner::after{width:2px;height:48px}
.m2-ad-popup__corner--tl{left:8px;top:8px}.m2-ad-popup__corner--tl::before,.m2-ad-popup__corner--tl::after{left:0;top:0}
.m2-ad-popup__corner--tr{right:8px;top:8px;transform:scaleX(-1)}.m2-ad-popup__corner--tr::before,.m2-ad-popup__corner--tr::after{left:0;top:0}
.m2-ad-popup__corner--bl{left:8px;bottom:8px;transform:scaleY(-1)}.m2-ad-popup__corner--bl::before,.m2-ad-popup__corner--bl::after{left:0;top:0}
.m2-ad-popup__corner--br{right:8px;bottom:8px;transform:scale(-1)}.m2-ad-popup__corner--br::before,.m2-ad-popup__corner--br::after{left:0;top:0}

.m2-ad-popup__topbar{
  position:relative;
  z-index:10;
  flex:0 0 78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 18px 14px 24px;
  background:linear-gradient(90deg,rgba(7,7,7,.94),rgba(20,11,8,.98));
  border-bottom:1px solid rgba(220,145,57,.27);
}
.m2-ad-popup__topbar::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,#7f2c20,rgba(225,167,80,.75),transparent 68%);
}
.m2-ad-popup__brand{display:flex;align-items:center;gap:12px;min-width:0}
.m2-ad-popup__brand-seal{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  flex:0 0 44px;
  font-family:"Noto Serif SC",serif;
  font-size:24px;
  color:#f0c277;
  background:radial-gradient(circle,rgba(139,42,28,.54),rgba(30,11,8,.98));
  border:1px solid rgba(226,156,70,.48);
  transform:rotate(-3deg);
  box-shadow:0 0 18px rgba(136,39,24,.3);
}
.m2-ad-popup__brand>span:last-child{display:grid;gap:2px}
.m2-ad-popup__brand b{font-family:Georgia,"Times New Roman",serif;font-size:17px;letter-spacing:1.6px;color:#efd7ad}
.m2-ad-popup__brand small{font-size:8px;font-weight:800;letter-spacing:2.1px;color:#8d7d6a}

.m2-ad-popup__close{
  position:relative;
  z-index:4;
  min-width:148px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:5px 14px 5px 6px;
  color:#dfc494;
  background:rgba(9,7,6,.75);
  border:1px solid rgba(216,147,64,.55);
  border-radius:999px;
  box-shadow:0 8px 30px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.025);
  transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.m2-ad-popup__close.is-locked{cursor:not-allowed!important;opacity:.88}
.m2-ad-popup__close.is-ready{cursor:pointer!important;color:#ffe5b4;background:linear-gradient(135deg,#74261d,#33120e);border-color:#e3a757;box-shadow:0 8px 30px rgba(111,34,22,.35),0 0 18px rgba(223,149,63,.13)}
.m2-ad-popup__close.is-ready:hover{transform:translateY(-1px);background:linear-gradient(135deg,#922f22,#42150f);box-shadow:0 11px 32px rgba(111,34,22,.46),0 0 24px rgba(223,149,63,.2)}
.m2-ad-popup__close-count{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  border-radius:50%;
  font-size:13px;
  font-weight:900;
  color:#2a1308;
  background:conic-gradient(#e5a64c var(--m2ad-count-progress,0%),rgba(229,166,76,.16) 0);
  box-shadow:inset 0 0 0 4px #160c08,0 0 0 1px rgba(232,171,83,.58);
}
.m2-ad-popup__close.is-ready .m2-ad-popup__close-count{background:#e5a64c}
.m2-ad-popup__close-copy{display:grid;text-align:left;line-height:1.02}
.m2-ad-popup__close-copy small{font-size:7px;font-weight:800;letter-spacing:1.45px;color:#8f7c63}
.m2-ad-popup__close-copy b{font-size:10px;letter-spacing:1.45px}
.m2-ad-popup__close-icon{display:none;margin-left:auto;font-size:18px;line-height:1}
.m2-ad-popup__close.is-ready .m2-ad-popup__close-icon{display:block}

.m2-ad-popup__body{position:relative;z-index:4;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%)}

.m2-ad-popup__visual{
  position:relative;
  min-width:0;
  overflow:hidden;
  text-decoration:none;
  color:#fff;
  background:#110b08;
  border-right:1px solid rgba(212,132,50,.2);
}
.m2-ad-popup__visual picture,.m2-ad-popup__visual img{position:absolute;inset:0;width:100%;height:100%;display:block}
.m2-ad-popup__visual img{object-fit:cover;object-position:47% center;filter:saturate(.76) contrast(1.05) brightness(.8);transform:scale(1.035);transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .6s ease}
.m2-ad-popup__visual:hover img{transform:scale(1.08);filter:saturate(.92) contrast(1.05) brightness(.86)}
.m2-ad-popup__visual-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(8,5,4,.1),rgba(8,5,4,.03) 45%,rgba(12,6,4,.83) 100%),
    linear-gradient(0deg,rgba(6,4,3,.92),transparent 46%,rgba(0,0,0,.16));
}
.m2-ad-popup__visual-pattern{
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:url('../assets/oriental-pattern.svg');
  background-size:230px;
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(90deg,transparent 35%,#000);
  mask-image:linear-gradient(90deg,transparent 35%,#000);
}
.m2-ad-popup__visual-kicker{
  position:absolute;
  left:34px;
  top:36px;
  padding:8px 12px;
  font-size:8px;
  font-weight:900;
  letter-spacing:2px;
  color:#eacb9a;
  border-left:2px solid #b9462e;
  background:linear-gradient(90deg,rgba(8,5,4,.68),transparent);
}
.m2-ad-popup__visual-title{position:absolute;left:34px;right:32px;bottom:36px;display:grid;gap:7px;text-shadow:0 4px 18px #000}
.m2-ad-popup__visual-title b{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,48px);font-weight:500;letter-spacing:2.5px;color:#f0d7ad}
.m2-ad-popup__visual-title small{font-size:9px;font-weight:900;letter-spacing:3.4px;color:#b99c75}
.m2-ad-popup__visual-seal{
  position:absolute;
  right:25px;
  top:45%;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  font-family:"Noto Serif SC",serif;
  font-size:37px;
  color:rgba(244,195,116,.76);
  border:1px solid rgba(229,164,75,.4);
  background:rgba(87,24,17,.45);
  box-shadow:0 0 30px rgba(0,0,0,.42);
  transform:rotate(4deg);
}

.m2-ad-popup__content{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:46px clamp(34px,4.2vw,72px) 34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0,rgba(123,35,24,.15),transparent 38%),
    linear-gradient(145deg,rgba(31,15,11,.98),rgba(10,7,6,.99));
}
.m2-ad-popup__content::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.08;
  background-image:url('../assets/oriental-pattern.svg');
  background-size:190px;
  pointer-events:none;
}
.m2-ad-popup__kanji{
  position:absolute;
  right:30px;
  top:18px;
  font-family:"Noto Serif SC",serif;
  font-size:145px;
  line-height:1;
  color:rgba(224,154,73,.045);
  pointer-events:none;
}
.m2-ad-popup__eyebrow{position:relative;display:flex;align-items:center;gap:9px;width:100%;margin:0 0 28px;color:#c99b58}
.m2-ad-popup__eyebrow i{height:1px;background:linear-gradient(90deg,#a13b28,#d59d4c);flex:0 0 30px}
.m2-ad-popup__eyebrow i:last-child{flex:1;background:linear-gradient(90deg,rgba(213,157,76,.62),transparent)}
.m2-ad-popup__eyebrow span{font-size:8px;font-weight:900;letter-spacing:2.1px;white-space:nowrap}
.m2-ad-popup__content h2{position:relative;margin:0 0 18px;max-width:620px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.1vw,48px);font-weight:600;line-height:1.1;letter-spacing:-.5px;color:#f0ddbc;text-wrap:balance}
.m2-ad-popup__content>p{position:relative;max-width:620px;margin:0;color:#b7a58f;font-size:12px;line-height:1.85}

.m2-ad-popup__feature-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:28px 0 20px}
.m2-ad-popup__feature-row>span{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 10px;background:rgba(255,255,255,.018);border:1px solid rgba(210,145,66,.14)}
.m2-ad-popup__feature-row i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;font-family:"Noto Serif SC",serif;font-style:normal;font-size:17px;color:#d9a45d;background:rgba(119,37,25,.28);border:1px solid rgba(212,145,65,.18)}
.m2-ad-popup__feature-row b{min-width:0;font-size:10px;letter-spacing:.45px;color:#dbc29c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m2-ad-popup__feature-row small{min-width:0;margin-top:2px;font-size:8px;color:#766b5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.m2-ad-popup__tech{position:relative;display:flex;align-items:center;gap:8px;align-self:flex-start;margin-bottom:24px;padding:7px 10px;border:1px solid rgba(213,145,62,.42);border-radius:999px;background:rgba(8,6,5,.34)}
.m2-ad-popup__tech span{font-size:7px;font-weight:900;letter-spacing:1.25px;color:#ad8550}
.m2-ad-popup__tech b{font-size:8px;letter-spacing:.7px;color:#ead2a8}

.m2-ad-popup__actions{position:relative;display:flex;flex-wrap:wrap;gap:10px}
.m2-ad-popup__button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 20px;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:1.2px;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.m2-ad-popup__button i{font-style:normal;font-size:15px;transition:transform .22s ease}
.m2-ad-popup__button:hover{transform:translateY(-2px)}
.m2-ad-popup__button:hover i{transform:translateX(3px)}
.m2-ad-popup__button--primary{color:#241006;background:linear-gradient(135deg,#f1b75f,#d9842e);border:1px solid #f0c47e;box-shadow:0 10px 25px rgba(178,84,27,.24)}
.m2-ad-popup__button--primary:hover{color:#160a05;background:linear-gradient(135deg,#ffd489,#e9973c);box-shadow:0 13px 31px rgba(178,84,27,.36)}
.m2-ad-popup__button--secondary{color:#d4bb95;background:rgba(255,255,255,.025);border:1px solid rgba(212,145,65,.28)}
.m2-ad-popup__button--secondary:hover{color:#f0d6ad;background:rgba(132,40,27,.22);border-color:rgba(225,159,77,.55)}

.m2-ad-popup__note{position:relative;display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:25px;color:#6f6358}
.m2-ad-popup__note>span{font-size:8px;color:#9c653b}
.m2-ad-popup__note p{margin:0;font-size:8px;letter-spacing:.5px}
.m2-ad-popup__note b{color:#a98c67}

@keyframes m2AdSmoke{to{transform:translate3d(5vw,-2vw,0) scale(1.08);opacity:.46}}
@keyframes m2AdEmber{
  0%{transform:translate3d(0,0,0) scale(.5);opacity:0}
  15%{opacity:.8}
  100%{transform:translate3d(45px,-105vh,0) scale(1.1);opacity:0}
}

@media(max-width:900px){
  .m2-ad-popup{padding:10px}
  .m2-ad-popup__shell{width:100%;height:calc(100dvh - 20px);min-height:0}
  .m2-ad-popup__topbar{flex:0 0 68px;padding:10px 13px 10px 17px}
  .m2-ad-popup__brand-seal{width:38px;height:38px;flex-basis:38px;font-size:20px}
  .m2-ad-popup__brand b{font-size:14px}.m2-ad-popup__brand small{font-size:7px;letter-spacing:1.4px}
  .m2-ad-popup__close{min-width:128px;height:43px}.m2-ad-popup__close-count{width:31px;height:31px;flex-basis:31px}
  .m2-ad-popup__body{grid-template-columns:1fr;grid-template-rows:minmax(185px,38%) minmax(0,62%);overflow:auto}
  .m2-ad-popup__visual{border-right:0;border-bottom:1px solid rgba(212,132,50,.2)}
  .m2-ad-popup__visual img{object-position:center 36%}
  .m2-ad-popup__visual-kicker{left:24px;top:22px}.m2-ad-popup__visual-title{left:24px;bottom:22px}.m2-ad-popup__visual-title b{font-size:30px}.m2-ad-popup__visual-seal{right:20px;top:34%;width:58px;height:58px;font-size:29px}
  .m2-ad-popup__content{justify-content:flex-start;padding:31px 24px 24px;overflow:visible}
  .m2-ad-popup__eyebrow{margin-bottom:18px}.m2-ad-popup__content h2{font-size:31px;margin-bottom:12px}.m2-ad-popup__content>p{font-size:11px;line-height:1.7}
  .m2-ad-popup__feature-row{margin:20px 0 16px}.m2-ad-popup__tech{margin-bottom:18px}.m2-ad-popup__note{margin-top:20px;padding-top:0}
}

@media(max-width:560px){
  .m2-ad-popup{padding:0}
  .m2-ad-popup__shell{height:100dvh;width:100vw;clip-path:none;border-left:0;border-right:0}
  .m2-ad-popup__shell::before,.m2-ad-popup__corner{display:none}
  .m2-ad-popup__topbar{flex-basis:62px;padding:8px 9px 8px 12px}
  .m2-ad-popup__brand{gap:8px}.m2-ad-popup__brand-seal{width:34px;height:34px;flex-basis:34px;font-size:18px}.m2-ad-popup__brand b{font-size:12px}.m2-ad-popup__brand small{display:none}
  .m2-ad-popup__close{min-width:116px;height:40px;gap:7px;padding-right:10px}.m2-ad-popup__close-count{width:29px;height:29px;flex-basis:29px;font-size:11px}.m2-ad-popup__close-copy small{font-size:6px}.m2-ad-popup__close-copy b{font-size:9px}
  .m2-ad-popup__body{grid-template-rows:190px auto}
  .m2-ad-popup__visual-kicker{left:17px;top:17px;font-size:7px}.m2-ad-popup__visual-title{left:17px;right:17px;bottom:17px}.m2-ad-popup__visual-title b{font-size:25px}.m2-ad-popup__visual-title small{font-size:7px;letter-spacing:2px}.m2-ad-popup__visual-seal{width:48px;height:48px;right:15px;font-size:24px}
  .m2-ad-popup__content{padding:25px 17px 21px}.m2-ad-popup__kanji{font-size:100px;right:12px}.m2-ad-popup__eyebrow{margin-bottom:15px}.m2-ad-popup__content h2{font-size:27px;line-height:1.12}.m2-ad-popup__content>p{font-size:10px}
  .m2-ad-popup__feature-row{grid-template-columns:1fr;gap:6px}.m2-ad-popup__feature-row>span{padding:8px 10px}.m2-ad-popup__feature-row i{width:32px;height:32px}.m2-ad-popup__feature-row b{font-size:9px}.m2-ad-popup__feature-row small{font-size:7px}
  .m2-ad-popup__tech{align-items:flex-start;flex-direction:column;border-radius:3px;gap:3px}
  .m2-ad-popup__actions{display:grid;grid-template-columns:1fr}.m2-ad-popup__button{width:100%}.m2-ad-popup__note{padding-bottom:4px}
}

@media(max-height:690px) and (min-width:901px){
  .m2-ad-popup__shell{min-height:0;height:calc(100vh - 24px)}
  .m2-ad-popup__topbar{flex-basis:65px}
  .m2-ad-popup__content{padding-top:30px;padding-bottom:24px}
  .m2-ad-popup__eyebrow{margin-bottom:18px}.m2-ad-popup__content h2{font-size:36px;margin-bottom:12px}.m2-ad-popup__feature-row{margin:18px 0 14px}.m2-ad-popup__tech{margin-bottom:16px}.m2-ad-popup__note{padding-top:16px}
}

@media(prefers-reduced-motion:reduce){
  .m2-ad-popup,.m2-ad-popup__shell,.m2-ad-popup__visual img,.m2-ad-popup__button,.m2-ad-popup__close{transition-duration:.01ms!important}
  .m2-ad-popup__smoke,.m2-ad-popup__embers i{animation:none!important}
}