:root{
  color-scheme:dark;
  --ink:#07111d;
  --ink-2:#0b1725;
  --paper:#f8fafc;
  --paper-2:#eef2f7;
  --muted:#8fa0b3;
  --line:rgba(255,255,255,.12);
  --red:#e3172c;
  --red-2:#ff3750;
  --gold:#f2c66d;
  --teal:#2dd4bf;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body.publisher-showcase-body{
  min-height:100vh;
  color:#fff;
  background:
    radial-gradient(circle at 12% 10%,rgba(37,99,235,.12),transparent 30%),
    radial-gradient(circle at 88% 82%,rgba(227,23,44,.14),transparent 34%),
    linear-gradient(135deg,#06101a 0%,#0a1421 55%,#080e17 100%);
  padding:28px 20px 54px;
  overflow-x:hidden;
}
.showcase-toolbar{
  width:min(1080px,100%);
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:16px;
  align-items:center;
}
.showcase-toolbar-title{text-align:center;min-width:0}
.showcase-toolbar-title strong{display:block;font-size:14px;letter-spacing:.02em}
.showcase-toolbar-title span{display:block;margin-top:3px;font-size:11px;color:#8594a6}
.showcase-toolbar-btn{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#e8eef7;
  text-decoration:none;
  padding:10px 14px;
  border-radius:12px;
  font:700 12px/1 inherit;
  cursor:pointer;
  backdrop-filter:blur(12px);
  transition:.2s ease;
}
.showcase-toolbar-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.showcase-toolbar-primary{background:linear-gradient(135deg,#d71428,#ff3148);border-color:rgba(255,74,94,.5);box-shadow:0 8px 28px rgba(227,23,44,.22)}
.showcase-stage{width:100%;display:flex;justify-content:center}
.showcase-poster{
  position:relative;
  isolation:isolate;
  width:min(1080px,100%);
  aspect-ratio:9/16;
  min-height:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  gap:0;
  padding:clamp(22px,4.3vw,54px) clamp(20px,4.7vw,58px) clamp(20px,4vw,50px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:clamp(20px,3vw,38px);
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 16%),
    radial-gradient(circle at 88% 9%,rgba(227,23,44,.18),transparent 30%),
    radial-gradient(circle at 6% 78%,rgba(37,99,235,.16),transparent 26%),
    linear-gradient(145deg,#07121f 0%,#0b1724 48%,#09131f 100%);
  box-shadow:0 42px 120px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08);
}
.showcase-poster::before{
  content:"";
  position:absolute;
  inset:13px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:calc(clamp(20px,3vw,38px) - 8px);
  pointer-events:none;
  z-index:-1;
}
.showcase-poster::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:7px;
  background:linear-gradient(90deg,transparent 0%,var(--red) 18%,#ff5b6e 50%,var(--red) 82%,transparent 100%);
  opacity:.95;
}
.showcase-ambient{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:-2}
.showcase-ambient-a{width:38%;aspect-ratio:1;right:-18%;top:8%;background:rgba(227,23,44,.10)}
.showcase-ambient-b{width:46%;aspect-ratio:1;left:-25%;bottom:12%;background:rgba(45,212,191,.055)}
.showcase-grid-lines{
  position:absolute;inset:0;z-index:-3;opacity:.12;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 78%,transparent 100%);
}
.showcase-header{position:relative;padding-bottom:clamp(10px,1.7vw,22px)}
.showcase-brand-row{display:flex;justify-content:space-between;gap:18px;align-items:center}
.showcase-brand{display:flex;align-items:center;gap:clamp(8px,1.4vw,14px);color:#fff;text-decoration:none;min-width:0}
.showcase-brand-mark{
  width:clamp(38px,5.6vw,64px);height:clamp(38px,5.6vw,64px);
  flex:0 0 auto;display:grid;place-items:center;border-radius:18px;
  background:#fff;color:#111827;font-weight:1000;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 10px 28px rgba(0,0,0,.26),0 0 0 4px rgba(255,255,255,.04);
  overflow:hidden;
}
.showcase-brand-mark img{width:84%;height:84%;object-fit:contain;display:block}
.showcase-brand>span:last-child{min-width:0}
.showcase-brand b{display:block;font-size:clamp(8px,1.35vw,14px);letter-spacing:.12em;white-space:nowrap}
.showcase-brand small{display:block;margin-top:3px;color:#8ea0b3;font-size:clamp(6px,.92vw,9px);font-weight:800;letter-spacing:.18em}
.showcase-season{
  flex:0 0 auto;padding:clamp(7px,1vw,10px) clamp(10px,1.5vw,16px);border-radius:999px;
  font-size:clamp(8px,1.15vw,12px);font-weight:900;letter-spacing:.08em;color:#fff;
  border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);backdrop-filter:blur(10px)
}
.showcase-kicker{display:flex;align-items:center;gap:9px;margin-top:clamp(18px,2.8vw,32px);font-size:clamp(7px,1.15vw,12px);font-weight:900;letter-spacing:.18em;color:#9fb0c2}
.showcase-kicker span{width:clamp(22px,3.2vw,38px);height:2px;border-radius:999px;background:linear-gradient(90deg,var(--red),#ff6b7d);box-shadow:0 0 16px rgba(227,23,44,.45)}
.showcase-header h1{margin:clamp(8px,1.3vw,14px) 0 0;font-size:clamp(42px,8.8vw,96px);line-height:.78;letter-spacing:-.075em;font-weight:1000;text-wrap:balance}
.showcase-header h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.86);text-shadow:0 8px 35px rgba(0,0,0,.2)}
.showcase-subtitle{max-width:72%;margin:clamp(13px,1.7vw,20px) 0 0;color:#a9b7c7;font-size:clamp(9px,1.35vw,14px);line-height:1.45;font-weight:600}
.showcase-stats{
  position:absolute;right:0;bottom:clamp(10px,1.7vw,22px);
  display:flex;align-items:center;gap:clamp(8px,1.25vw,14px);
  padding:clamp(8px,1.1vw,12px) clamp(10px,1.4vw,16px);
  border:1px solid rgba(255,255,255,.105);border-radius:16px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px)
}
.showcase-stats div{text-align:center;min-width:clamp(38px,5.5vw,62px)}
.showcase-stats strong{display:block;color:#fff;font-size:clamp(13px,2.3vw,24px);line-height:1;font-weight:1000}
.showcase-stats span{display:block;margin-top:4px;color:#7f91a4;font-size:clamp(5px,.75vw,8px);font-weight:900;letter-spacing:.08em;white-space:nowrap}
.showcase-stats i{display:block;width:1px;height:clamp(24px,3.5vw,38px);background:rgba(255,255,255,.10)}
.showcase-divider{display:flex;align-items:center;gap:12px;margin:0 0 clamp(10px,1.4vw,16px);color:#7890a7;font-size:clamp(6px,.9vw,9px);font-weight:900;letter-spacing:.22em}
.showcase-divider::before,.showcase-divider::after{content:"";height:1px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.13));flex:1}
.showcase-divider::after{background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.04))}
.publisher-logo-grid{
  min-height:0;
  display:grid;
  grid-template-columns:repeat(var(--showcase-tracks),minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:clamp(6px,1.05vw,13px);
  align-content:stretch;
}
.publisher-showcase-card{
  position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;
  grid-column:span 2;
  display:grid;grid-template-rows:minmax(0,1fr) auto;
  padding:clamp(7px,1vw,11px);
  text-decoration:none;color:#0b1420;
  border-radius:clamp(12px,1.7vw,18px);
  background:linear-gradient(160deg,#fff 0%,#f8fafc 65%,#eef2f7 100%);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 -1px 0 rgba(15,23,42,.05);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.publisher-showcase-card::before{
  content:"";position:absolute;left:10%;right:10%;top:0;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--publisher-accent),transparent);opacity:.86
}
.publisher-showcase-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--publisher-accent) 10%,transparent),transparent 42%);
}
.publisher-showcase-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--publisher-accent) 35%,#fff);box-shadow:0 14px 34px rgba(0,0,0,.22)}
.publisher-card-glow{position:absolute;width:54%;aspect-ratio:1;top:-42%;right:-12%;border-radius:50%;background:var(--publisher-accent);filter:blur(20px);opacity:.08;pointer-events:none}
.publisher-logo-stage{
  min-height:0;display:flex;align-items:center;justify-content:center;
  padding:clamp(3px,.6vw,7px) clamp(3px,.5vw,6px) 1px;
  overflow:hidden;
}
.publisher-logo-stage img{
  display:block;width:94%;height:86%;max-width:94%;max-height:86%;object-fit:contain;object-position:center;
  filter:saturate(1.06) contrast(1.02);
}
.publisher-monogram{display:grid;place-items:center;width:64%;aspect-ratio:1;border-radius:22%;background:linear-gradient(145deg,var(--publisher-accent),#111827);color:#fff;font-size:clamp(18px,3vw,34px);font-weight:1000;letter-spacing:-.06em;box-shadow:0 8px 22px color-mix(in srgb,var(--publisher-accent) 22%,transparent)}
.publisher-card-copy{display:block;text-align:center;padding-top:clamp(3px,.5vw,6px);border-top:1px solid rgba(15,23,42,.065);min-width:0}
.publisher-card-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(7px,1.1vw,12px);line-height:1.1;font-weight:1000;letter-spacing:.01em}
.publisher-card-copy small{display:block;margin-top:clamp(2px,.35vw,4px);font-size:clamp(5px,.72vw,7.5px);font-weight:900;letter-spacing:.08em;color:#748398}
.publisher-logo-grid.is-dense .publisher-showcase-card{padding:clamp(5px,.75vw,8px)}
.publisher-logo-grid.is-dense .publisher-card-copy small{display:none}
.showcase-empty{display:grid;place-items:center;text-align:center;color:#9fb0c2;border:1px dashed rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.03);font-weight:700;padding:30px}
.showcase-footer{padding-top:clamp(11px,1.6vw,18px)}
.showcase-note{
  display:grid;grid-template-columns:auto 1fr;gap:clamp(8px,1.1vw,12px);align-items:start;
  padding:clamp(9px,1.25vw,14px) clamp(10px,1.4vw,16px);
  border:1px solid rgba(255,255,255,.10);border-radius:clamp(12px,1.5vw,17px);
  background:linear-gradient(100deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.showcase-note-icon{display:grid;place-items:center;width:clamp(22px,2.8vw,30px);aspect-ratio:1;border-radius:50%;background:rgba(227,23,44,.15);border:1px solid rgba(255,76,96,.28);color:#ff7182;font-size:clamp(9px,1.2vw,12px);font-weight:1000;font-family:Georgia,serif}
.showcase-note p{margin:0;color:#96a6b7;font-size:clamp(6.4px,.9vw,9.5px);line-height:1.45;font-weight:650}
.showcase-note strong{color:#fff;margin-right:4px;font-weight:1000}
.showcase-footer-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:clamp(8px,1.1vw,12px);font-size:clamp(5.5px,.72vw,7.5px);font-weight:900;letter-spacing:.13em;color:#65798e}
.showcase-footer-line strong{color:#fff;font-size:clamp(7px,1.05vw,11px);letter-spacing:.04em}
.showcase-footer-line span:last-child{text-align:right}
.showcase-poster:fullscreen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;border:0;padding-top:max(24px,3.2vh);padding-bottom:max(22px,3vh)}
.showcase-poster:fullscreen::before{border-radius:18px}
@media (max-width:720px){
  body.publisher-showcase-body{padding:10px 8px 28px}
  .showcase-toolbar{grid-template-columns:1fr 1fr;margin-bottom:10px;gap:8px}
  .showcase-toolbar-title{display:none}
  .showcase-toolbar-btn{text-align:center;padding:9px 8px;font-size:10px}
  .showcase-poster{border-radius:22px;padding-left:17px;padding-right:17px}
  .showcase-subtitle{max-width:68%}
  .publisher-logo-grid{gap:6px}
  .publisher-showcase-card{border-radius:10px;padding:5px}
  .showcase-note{border-radius:11px}
}
@media (max-width:430px){
  .showcase-brand b{letter-spacing:.08em}
  .showcase-brand small{letter-spacing:.1em}
  .showcase-season{padding:6px 8px}
  .showcase-header h1{-webkit-text-stroke-width:1px}
  .showcase-stats{gap:6px;padding:6px 7px;border-radius:10px}
  .showcase-stats div{min-width:34px}
  .publisher-card-copy{padding-top:3px}
  .publisher-logo-stage img{width:98%;height:90%;max-width:98%;max-height:90%}
  .showcase-footer-line{gap:6px}
}
@media print{
  body.publisher-showcase-body{padding:0;background:#07121f}
  .showcase-toolbar{display:none}
  .showcase-poster{width:100%;max-width:none;border:0;border-radius:0;box-shadow:none}
}

/* V6.20.4 — Logo dengeleme + WhatsApp Story paylaşımı */
.showcase-toolbar-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.showcase-toolbar-whatsapp{
  border-color:rgba(37,211,102,.30);
  background:linear-gradient(135deg,rgba(37,211,102,.17),rgba(18,140,126,.13));
  color:#dfffea;
  box-shadow:inset 0 0 0 1px rgba(37,211,102,.04);
}
.showcase-toolbar-whatsapp:hover{border-color:rgba(37,211,102,.52);background:linear-gradient(135deg,rgba(37,211,102,.23),rgba(18,140,126,.19))}
.showcase-toolbar-whatsapp:disabled{opacity:.68;cursor:wait}

/* Logolar kartı domine etmez; kare ve yatay logolar aynı optik ağırlıkta kalır. */
.publisher-logo-stage{padding:clamp(8px,1.15vw,13px) clamp(8px,1.05vw,12px) clamp(5px,.8vw,9px)}
.publisher-logo-stage img{
  width:auto;
  height:auto;
  max-width:76%;
  max-height:60%;
  object-fit:contain;
  object-position:center;
  filter:saturate(1.03) contrast(1.015);
}
.publisher-showcase-card.is-priority{
  border-color:rgba(242,198,109,.46);
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 0 0 1px rgba(242,198,109,.08);
}
.publisher-showcase-card.is-priority::before{height:3px;background:linear-gradient(90deg,transparent,#f2c66d,transparent);opacity:.95}
.publisher-showcase-card.is-priority .publisher-card-copy strong{color:#101827}

.showcase-share-toast{
  position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:9999;
  max-width:min(560px,calc(100vw - 28px));transform:translate(-50%,18px);
  padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);
  background:rgba(5,14,24,.94);color:#eef7ff;box-shadow:0 18px 55px rgba(0,0,0,.42);
  font-size:12px;font-weight:800;line-height:1.45;opacity:0;pointer-events:none;transition:.22s ease;
  backdrop-filter:blur(16px)
}
.showcase-share-toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:720px){
  .showcase-toolbar{grid-template-columns:1fr;gap:8px}
  .showcase-toolbar>a{display:none}
  .showcase-toolbar-actions{width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:8px}
  .showcase-toolbar-actions .showcase-toolbar-btn{width:100%}
  .publisher-logo-stage{padding:8px 7px 4px}
  .publisher-logo-stage img{max-width:72%;max-height:56%}
}
@media (max-width:430px){
  .publisher-logo-stage img{width:auto;height:auto;max-width:70%;max-height:54%}
}