/* 7.60: shared shop entry points; colors follow the visitor's chosen mode. */
.esv-fanshop-teaser {
  box-sizing:border-box;
  width:min(var(--esv-content-rail,1180px),calc(100% - 48px));
  max-width:var(--esv-content-rail,1180px);
  margin:40px auto;
}
.esv-fanshop-teaser .esv-fanshop-card {
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  align-items:stretch;
  color:var(--esv-color-text);
  background:var(--esv-color-surface);
  border:1px solid var(--esv-color-border);
  border-radius:20px;
  overflow:hidden;
  text-decoration:none;
}
.esv-fanshop-copy { align-self:center; min-width:0; padding:clamp(24px,4vw,48px); }
.esv-fanshop-copy .esv-fanshop-kicker {
  margin:0 0 12px; color:var(--esv-color-link); font-size:.8rem; font-weight:800; letter-spacing:.12em;
}
.esv-fanshop-copy h2 { margin:0 0 14px; color:var(--esv-color-text); font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.15; overflow-wrap:break-word; }
.esv-fanshop-copy p { margin:0 0 22px; color:var(--esv-color-muted); line-height:1.6; }
.esv-fanshop-cta {
  display:inline-flex; align-items:center; justify-content:center; gap:14px; box-sizing:border-box;
  min-height:48px; padding:12px 20px; border-radius:10px;
  background:var(--esv-color-primary); color:var(--esv-color-on-primary); font-weight:800;
}
.esv-fanshop-visual {
  display:flex; align-items:center; justify-content:center; min-width:0; padding:24px;
  background:var(--esv-color-surface-2);
}
.esv-fanshop-visual img { display:block; width:100%; height:260px; object-fit:contain; border-radius:12px; }
.esv-fanshop-visual img.esv-fanshop-logo { width:180px; max-width:100%; height:auto; padding:16px; box-sizing:border-box; background:#fff; }
.esv-fanshop-card:hover { border-color:var(--esv-color-link); }
.esv-fanshop-card:hover .esv-fanshop-cta { background:var(--esv-color-primary-hover); }
.esv-fanshop-card:focus-visible { outline:3px solid var(--esv-color-focus); outline-offset:5px; }
@media(max-width:620px) {
  .esv-fanshop-teaser { margin-top:28px; margin-bottom:28px; }
  .esv-fanshop-teaser .esv-fanshop-card { grid-template-columns:minmax(0,1fr); }
  .esv-fanshop-visual { grid-row:1; padding:18px; }
  .esv-fanshop-visual img { height:180px; }
  .esv-fanshop-visual img.esv-fanshop-logo { width:140px; }
  .esv-fanshop-copy { padding:24px; }
}