/* 1.46.0 Açılış penceresi (haber67.com)
 * Varsayılan: sayfayı kapatmayan sağ alt köşe kartı. "Orta pencere" yalnız geniş ekranda açılır;
 * telefonda her iki görünüm de küçük alt karttır (Google'ın "sayfayı kapatan pencere" uyarısına uygun).
 */
.h67-pop{position:fixed;z-index:160;right:20px;bottom:20px;width:min(360px,calc(100vw - 32px));box-sizing:border-box;overflow:hidden;
  background:#0f1620;color:#f3f6fa;border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.45);
  font:inherit;opacity:0;transform:translateY(18px);transition:opacity .28s ease,transform .28s ease}
.h67-pop.is-open{opacity:1;transform:none}
.h67-pop.is-closing{opacity:0;transform:translateY(12px);pointer-events:none}
.h67-pop *{box-sizing:border-box}
.h67-pop-close{position:absolute;top:8px;right:8px;z-index:3;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;
  background:rgba(5,9,14,.74);color:#fff;font:700 21px/1 Arial,sans-serif;cursor:pointer;transition:background .2s ease}
.h67-pop-close:hover{background:#e24f42}
.h67-pop-close:focus-visible,.h67-pop a:focus-visible,.h67-pop-play:focus-visible{outline:2px solid #ffd166;outline-offset:2px}
.h67-pop-media{position:relative;aspect-ratio:16/9;background:#05090e}
.h67-pop-media>a{display:block;width:100%;height:100%}
.h67-pop-media img{display:block;width:100%;height:100%;object-fit:cover}
.h67-pop-media iframe,.h67-pop-media video{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000}
.h67-pop-noimg{display:grid;place-items:center;width:100%;height:100%;color:#fff;font-weight:900;font-size:28px;letter-spacing:-.02em;
  background:radial-gradient(circle at 30% 20%,#23324a,#0b1119 70%)}
.h67-pop-noimg b{color:#e24f42}
.h67-pop-badge{position:absolute;left:10px;top:10px;padding:3px 8px;border-radius:4px;background:#e24f42;color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;pointer-events:none}
.h67-pop-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;padding:0 0 0 3px;border:0;border-radius:50%;
  background:#e24f42;color:#fff;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 10px 26px rgba(226,79,66,.45);transition:transform .2s ease}
.h67-pop-play:hover{transform:translate(-50%,-50%) scale(1.07)}
.h67-pop-copy{display:grid;gap:6px;padding:12px 14px 14px}
.h67-pop-eyebrow{color:#ff8a7e;font-size:10.5px;font-weight:800;letter-spacing:.12em}
.h67-pop-title{display:-webkit-box;overflow:hidden;color:#fff;font-size:16px;font-weight:800;line-height:1.3;text-decoration:none;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}
.h67-pop-title:hover{text-decoration:underline;text-underline-offset:3px}
.h67-pop-cta{justify-self:start;color:#ffd166;font-size:12.5px;font-weight:800;text-decoration:none}
.h67-pop-cta:hover{text-decoration:underline}
.h67-pop-backdrop{position:fixed;inset:0;z-index:159;background:rgba(3,6,10,.55);opacity:0;transition:opacity .28s ease}
.h67-pop-backdrop.is-open{opacity:1}

/* Orta pencere: yalnız geniş ekranda */
@media (min-width:761px){
  .h67-pop.is-center{top:50%;left:50%;right:auto;bottom:auto;width:min(640px,calc(100vw - 64px));transform:translate(-50%,calc(-50% + 18px))}
  .h67-pop.is-center.is-open{transform:translate(-50%,-50%)}
  .h67-pop.is-center.is-closing{transform:translate(-50%,calc(-50% + 12px))}
  .h67-pop.is-center .h67-pop-copy{padding:16px 20px 20px}
  .h67-pop.is-center .h67-pop-title{font-size:22px}
  .h67-pop.is-center .h67-pop-play{width:76px;height:76px}
  .h67-pop.is-portrait.is-playing .h67-pop-media{width:min(100%,calc(min(70vh,620px) * 9 / 16));aspect-ratio:9/16;margin:0 auto}
  .h67-pop.is-corner.is-portrait.is-playing .h67-pop-media{width:100%;max-height:62vh}
}

/* Telefon: küçük alt kart (görsel solda, başlık sağda) */
@media (max-width:760px){
  .h67-pop,.h67-pop.is-center{left:10px;right:10px;bottom:10px;width:auto;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch;border-radius:12px}
  .h67-pop-backdrop{display:none}
  .h67-pop-media{aspect-ratio:auto;min-height:96px}
  .h67-pop-copy{align-content:center;gap:3px;padding:9px 40px 9px 12px}
  .h67-pop-eyebrow{font-size:9.5px;letter-spacing:.1em}
  .h67-pop-title{font-size:14px;-webkit-line-clamp:3;line-clamp:3}
  .h67-pop-cta{font-size:11.5px}
  .h67-pop-close{top:6px;right:6px;width:30px;height:30px;font-size:19px}
  .h67-pop-play{width:42px;height:42px}
  .h67-pop-play svg{width:18px;height:18px}
  .h67-pop-badge{display:none}
  .h67-pop.is-playing{grid-template-columns:1fr}
  .h67-pop.is-playing .h67-pop-media{aspect-ratio:16/9;min-height:0}
  .h67-pop.is-playing.is-portrait .h67-pop-media{width:min(100%,calc(60vh * 9 / 16));aspect-ratio:9/16;margin:0 auto}
  .h67-pop.is-playing .h67-pop-copy{padding:9px 12px 11px}
}
@media (prefers-reduced-motion:reduce){
  .h67-pop,.h67-pop-backdrop,.h67-pop-play,.h67-pop-close{transition:none}
}
@media print{.h67-pop,.h67-pop-backdrop{display:none!important}}