/* Scoped advertising styles: keep existing page layout and natural image dimensions. */
.pvp-ad{position:relative;width:100%;margin:0 auto;aspect-ratio:var(--ad-w)/var(--ad-h);max-height:calc(var(--ad-h)*1px);background:transparent}
.pvp-ad .pvp-ad-slide{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}
.pvp-ad .pvp-ad-slide[hidden],.pvp-ad[hidden]{display:none!important}
.pvp-ad .pvp-ad-slide img{display:block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border:0}
/* Warm, subdued Metin2 framing for the six in-page advertising canvases.
   The overlay border paints inside the existing box and never changes geometry. */
.pvp-ad-placement>.pvp-ad,.pvp-ad-side>.pvp-ad{background:#4a1421}
.pvp-ad-placement>.pvp-ad::after,.pvp-ad-side>.pvp-ad::after{content:"";position:absolute;inset:0;border:1px solid #d5a64a;box-sizing:border-box;pointer-events:none}
.pvp-ad-controls{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:5px}
.pvp-ad-controls button,.pvp-ad-dialog [data-ad-close]{font:14px Arial,sans-serif;background:#151b29;color:#fff;border:1px solid #bbb;border-radius:4px;padding:5px 10px;cursor:pointer}
.pvp-ad-controls button:focus-visible,.pvp-ad-dialog button:focus-visible{outline:3px solid #f5c451}
.pvp-ad-dialog{padding:35px 8px 8px;border:1px solid #888;border-radius:8px;background:#0b0f1a;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
.pvp-ad-dialog::backdrop{background:rgba(0,0,0,.75)}
.pvp-ad-dialog [data-ad-close]{position:absolute;right:8px;top:5px}
.pvp-ad-dialog .pvp-ad{width:min(calc(var(--ad-w)*1px),calc(100vw - 58px),calc((100dvh - 90px)*var(--ad-w)/var(--ad-h)));max-height:calc(100dvh - 90px)}
/* Four native 230px rails are visible only on wide desktop viewports (>=1850px:
   the list then stays at least as wide as on a 1366px laptop; 1920px monitors keep the rails).
   Smaller screens keep their campaign records but reserve no space for rails. */
.pvp-ad-layout,.pvp-ad-layout.sayfa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start;width:100%;max-width:none;margin:0 auto;padding:0 12px;box-sizing:border-box}
.pvp-ad-layout>.pvp-ad-content{grid-column:1/-1;grid-row:1;min-width:0;width:100%;max-width:none;box-sizing:border-box}
.pvp-ad-placement{margin:0 auto 8px;width:100%;max-width:none;min-width:0}
/* Top and headline canvases span the full content width and wrap the image exactly:
   height follows the uploaded image's own ratio, so there is no empty band beside or below it. */
.pvp-ad-placement>.pvp-ad{width:100%;max-width:none!important;max-height:none;aspect-ratio:auto;height:auto}
.pvp-ad-placement .pvp-ad-slide{height:auto}
.pvp-ad-placement .pvp-ad-slide img{width:100%!important;height:auto!important;max-height:none!important}
/* The 1280x200 creative ratio defines height, never a fixed outer width.
   Contain intentionally keeps incompatible legacy creatives whole. */
.pvp-ad-placement>.pvp-ad.pvp-ad-slider{width:100%;max-width:none!important;aspect-ratio:1280/200;height:auto;max-height:none;border-radius:4px;overflow:hidden}
.pvp-ad-placement>.pvp-ad.pvp-ad-slider::after{border-radius:4px}
.pvp-ad-placement .pvp-ad-slider .pvp-ad-slide{height:100%}
.pvp-ad-placement .pvp-ad-slider .pvp-ad-slide img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
/* Only the surrounding advertisement spacing changes; Premium internals stay. */
.pvp-ad-layout.sayfa>.icerik:has(>.pvp-ad-placement){padding-top:5px}
.pvp-ad-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;padding:0;border:1px solid rgba(213,166,74,.6);border-radius:50%;background:rgba(11,15,26,.55);color:#f2f4f8;font:14px/1 Arial,sans-serif;cursor:pointer;opacity:.75;transition:opacity .2s}
.pvp-ad-ok:hover,.pvp-ad-ok:focus-visible{opacity:1;background:rgba(200,25,34,.85)}
.pvp-ad-ok-sol{left:8px}.pvp-ad-ok-sag{right:8px}
.pvp-ad-noktalar{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);z-index:2;display:flex;gap:6px}
.pvp-ad-noktalar button{width:9px;height:9px;padding:0;border:1px solid #d5a64a;border-radius:50%;background:rgba(11,15,26,.6);cursor:pointer}
.pvp-ad-noktalar button[aria-current]{background:#c81922;border-color:#f2f4f8}
.pvp-ad-ok:focus-visible,.pvp-ad-noktalar button:focus-visible{outline:2px solid #f5c451;outline-offset:2px}
.pvp-ad-ok[hidden],.pvp-ad-noktalar[hidden]{display:none!important}
@media(max-width:767px){.pvp-ad-ok{width:26px;height:26px;font-size:11px}.pvp-ad-ok-sol{left:4px}.pvp-ad-ok-sag{right:4px}.pvp-ad-noktalar{bottom:3px}}
/* New-design pages: only the content's own 14px gutter on narrow screens (no extra outer margin). */
.pvp-ad-layout.sayfa{padding:0}
.pvp-ad-side{grid-row:2;min-width:0;display:none;justify-content:center}
.pvp-ad-side>.pvp-ad{width:min(100%,calc(220px * 230 / 950));height:auto;aspect-ratio:auto}
.pvp-ad-side .pvp-ad-slide{height:auto}
.pvp-ad-side .pvp-ad-slide img{max-height:220px!important}
.pvp-ad-side[hidden],.pvp-ad-placement[hidden],.pvp-ad-controls[hidden]{display:none!important}
@media(min-width:1850px){
 .pvp-ad-layout,.pvp-ad-layout.sayfa{grid-template-columns:230px minmax(0,1fr) 230px;grid-template-rows:min-content 1fr;gap:8px;padding:0 8px}
 .pvp-ad-layout:has(>.pvp-ad-side:not([hidden]))>.pvp-ad-content{padding-left:0;padding-right:0}
 .pvp-ad-layout>.pvp-ad-content{grid-column:2;grid-row:1 / span 2}
 .pvp-ad-side{display:flex}
 .pvp-ad-side>.pvp-ad{width:230px;aspect-ratio:230/950}
 .pvp-ad-side .pvp-ad-slide{height:100%}
 .pvp-ad-side .pvp-ad-slide img{max-height:950px!important}
 .pvp-ad-layout:not(:has(>.pvp-ad-side:not([hidden]))){grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
 .pvp-ad-layout:not(:has(>.pvp-ad-side:not([hidden])))>.pvp-ad-content{grid-column:1;grid-row:1}
 .pvp-ad-side-sol-ust{grid-column:1;grid-row:1}.pvp-ad-side-sag-ust{grid-column:3;grid-row:1}
 .pvp-ad-side-sol-alt{grid-column:1;grid-row:2}.pvp-ad-side-sag-alt{grid-column:3;grid-row:2}
}
@media(max-width:479px){
 .pvp-ad-side>.pvp-ad{width:min(100%,calc(180px * 230 / 950))}
 .pvp-ad-side .pvp-ad-slide img{max-height:180px!important}
}

/* Legacy templates used fixed 900–995px wrappers on phones. Keep their content
   within the shared ad canvas instead of hiding overflowing advertising. */
.pvp-legacy{overflow:auto}
.pvp-legacy .pvp-ad-content #gKatman{width:100%!important;max-width:995px;box-sizing:border-box;padding:0!important;margin:0 auto}
.pvp-legacy .pvp-ad-content .bKatman{width:100%!important}
@media(max-width:700px){
 .pvp-legacy .solKatman,.pvp-legacy .sagKatman{width:100%!important;float:none}
 .pvp-legacy .pvp-ad-content img{max-width:100%;height:auto}
 .pvp-legacy .pvp-ad-content table{max-width:100%;table-layout:fixed;overflow-wrap:anywhere}
}
