.offer-anchor-helper{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.offer{display:block}
    .offer-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 7px}
    .offer-head .t{margin:0}
    .offer-share{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
    .share-stickybar .share-social{flex:0 0 auto}
    .offer-id{display:inline-block;transition:transform .18s ease,color .18s ease;transform-origin:center}
    .offer-id:hover,.offer-id:focus-visible{transform:scale(1.045);color:var(--gr-article-hover-text);text-decoration:none}
    .offer-main-stage{position:relative;width:100%;display:block;margin:12px 0 7px}
    .offer-thumb[data-offer-main],.offer-main-media video[data-offer-main]{width:100%;aspect-ratio:1 / 1;height:auto;object-fit:cover;display:block;margin-top:0;border-radius:16px;background:var(--gr-article-thumb-surface)}
    .offer-thumb[data-offer-main]:not(video){cursor:zoom-in}
    .offer-titleline{margin:0;padding-top:0}
    .offer-body{margin-top:8px}
    .offer-strip{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;overflow-x:auto;padding:10px 0 6px;scrollbar-width:none;-ms-overflow-style:none}
    .offer-strip::-webkit-scrollbar{width:0;height:0}
    .thumb-item{position:relative;height:72px;min-width:72px;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--gr-social-border);background:var(--gr-article-thumb-surface);flex:0 0 auto;cursor:pointer;appearance:none;-webkit-appearance:none;z-index:1}
    .thumb-item img,.thumb-item video{height:72px;width:auto;display:block;object-fit:cover;pointer-events:none}
    :root{--gr-offer-active-thumb-ring:0 0 0 3px var(--gr-active-selection)}
    .thumb-item.is-active,
.thumb-item[data-active],
.offer-index-link.is-active .offer-index-thumb{outline:none!important;box-shadow:none!important}

    [data-offer-strip] .row-clip{
      padding:14px 18px!important;
      overflow-x:auto!important;
      overflow-y:visible!important;
      box-sizing:border-box!important;
      scroll-padding-left:18px;
      scroll-padding-right:18px;
    }
    [data-offer-strip-row]{
      justify-content:flex-start!important;
      min-width:max-content;
    }

.thumb-video-label{display:flex;align-items:center;justify-content:center;height:100%;min-width:100px;padding:0 12px;color:var(--gr-article-media-label);font-size:.9rem;letter-spacing:.04em}
    .offer-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
    .lightbox{position:fixed;inset:0;z-index:9999;display:none;background:var(--gr-article-lightbox-overlay);padding:18px}
    .lightbox.is-open{display:block}
    .lightbox-dialog{width:min(1400px,100%);height:min(94vh,100%);margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center}
    .lightbox-media-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
    .lightbox-media-wrap img,.lightbox-media-wrap video{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain;border-radius:16px;box-shadow:0 18px 50px rgba(var(--gr-black-rgb),.38)}
    .lightbox-close{position:absolute;top:0;right:0;appearance:none;border:1px solid var(--gr-article-lightbox-control-border);background:var(--gr-article-lightbox-control-surface);color:var(--gr-article-media-label);border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;letter-spacing:.04em;z-index:2}
    .lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);appearance:none;width:56px;height:56px;border-radius:999px;cursor:pointer;border:1px solid var(--gr-article-lightbox-control-border);background:var(--gr-article-lightbox-control-surface);color:var(--gr-article-media-label);font-size:30px;display:flex;align-items:center;justify-content:center;z-index:2}
    .lightbox-arrow.prev{left:6px}
    .lightbox-arrow.next{right:6px}
    .lightbox-arrow[hidden]{display:none}
    @media (max-width: 700px){.lightbox{padding:10px}.lightbox-dialog{height:min(96vh,100%)}.lightbox-close{top:2px;right:2px;padding:8px 12px}.lightbox-arrow{width:46px;height:46px;font-size:24px}.lightbox-arrow.prev{left:2px}.lightbox-arrow.next{right:2px}}

  
    /* FIX-2: Artikelbilder deutlich kleiner und sichtbar harmonisiert */
    .card.offer[data-offer-single] .offer-main-stage,
    [data-offer-single] [data-offer-main-stage]{
      width:min(100%,540px)!important;
      max-width:540px!important;
      margin:14px auto 12px!important;
      display:block!important;
    }
    .card.offer[data-offer-single] .offer-thumb[data-offer-main],
    [data-offer-single] .offer-thumb[data-offer-main],
    .card.offer[data-offer-single] .offer-main-media video[data-offer-main],
    [data-offer-single] .offer-main-media video[data-offer-main]{
      width:100%!important;
      height:auto!important;
      max-height:56vh!important;
      aspect-ratio:auto!important;
      object-fit:contain!important;
      display:block!important;
      margin:0 auto!important;
      border-radius:16px!important;
      background:var(--gr-article-media-surface)!important;
      box-shadow:0 10px 24px var(--gr-article-shadow)!important;
    }
    .card.offer[data-offer-single] .offer-head,
    .card.offer[data-offer-single] .offer-titleline,
    .card.offer[data-offer-single] .offer-body,
    [data-offer-single] .offer-head,
    [data-offer-single] .offer-titleline,
    [data-offer-single] .offer-body{
      max-width:540px!important;
      width:min(100%,540px)!important;
      margin-left:auto!important;
      margin-right:auto!important;
    }
    @media (max-width:760px){
      .card.offer[data-offer-single] .offer-main-stage,
      [data-offer-single] [data-offer-main-stage],
      .card.offer[data-offer-single] .offer-head,
      .card.offer[data-offer-single] .offer-titleline,
      .card.offer[data-offer-single] .offer-body,
      [data-offer-single] .offer-head,
      [data-offer-single] .offer-titleline,
      [data-offer-single] .offer-body{
        max-width:100%!important;
        width:100%!important;
      }
      .card.offer[data-offer-single] .offer-thumb[data-offer-main],
      [data-offer-single] .offer-thumb[data-offer-main],
      .card.offer[data-offer-single] .offer-main-media video[data-offer-main],
      [data-offer-single] .offer-main-media video[data-offer-main]{
        max-height:66vh!important;
      }
    }


  
  /* =========================================================
     Stabile Bildmaße und zuverlässig gerundete Hauptbilder
     - Bildverhältnis ist bereits vor dem Laden bekannt, sofern Metadaten vorliegen.
     - naturalWidth/naturalHeight bleibt nur noch Sicherheits-Fallback.
     - clip-path erzwingt die 16-px-Rundung browserübergreifend.
     - Verkauf und Einzelartikel verwenden weiterhin denselben Medienaufbau.
  ========================================================= */
  .offer-main-image-fit{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    max-width:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:hidden!important;
    clip-path:inset(0 round 16px)!important;
    -webkit-clip-path:inset(0 round 16px)!important;
    -webkit-mask-image:-webkit-radial-gradient(white,black);
    isolation:isolate!important;
    contain:paint;
  }
  .offer-main-image-fit.is-landscape{
    width:100%!important;
    height:auto!important;
    aspect-ratio:var(--gr-media-ratio,16 / 9)!important;
  }
  .offer-main-image-fit.is-portrait{
    width:auto!important;
    height:100%!important;
    aspect-ratio:var(--gr-media-ratio,3 / 4)!important;
  }
  .offer-main-image-fit > .offer-thumb[data-offer-main]{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    display:block!important;
    margin:0!important;
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
    box-shadow:none!important;
    clip-path:inset(0 round 16px)!important;
    -webkit-clip-path:inset(0 round 16px)!important;
  }
  .card.offer[data-offer-single] [data-offer-main-stage],
  .card.offer[data-offer-single] .offer-main-stage,
  #offersGrid .card.offer:not([data-offer-single]) > .offer-main-media-frame{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  

  /* =========================================================
     Einzelartikel exakt auf denselben Medienrahmen gebracht
     - Der erste Seitenaufruf und spätere Galeriewechsel verwenden
       nun identische Markup-Struktur: Medienrahmen > Bild-Fit > Bild.
     - Der feste dunkle Medienbereich bleibt bei Einzelartikel und
       Verkauf gleich hoch; das sichtbare Bild sitzt mittig darin.
  ========================================================= */
  .card.offer[data-offer-single] [data-offer-main-stage],
  .card.offer[data-offer-single] .offer-main-stage{
    width:min(100%,540px)!important;
    max-width:540px!important;
    height:min(540px,56vh)!important;
    min-height:min(540px,56vh)!important;
    margin:14px auto 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:var(--gr-article-media-surface)!important;
    box-shadow:0 10px 24px var(--gr-article-shadow)!important;
  }
  .card.offer[data-offer-single] [data-offer-main-stage] > .offer-main-media-frame,
  .card.offer[data-offer-single] .offer-main-stage > .offer-main-media-frame{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .card.offer[data-offer-single] .offer-main-image-fit > .offer-thumb[data-offer-main]{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    display:block!important;
    margin:0!important;
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
    box-shadow:none!important;
    clip-path:inset(0 round 16px)!important;
    -webkit-clip-path:inset(0 round 16px)!important;
  }
  @media (max-width:760px){
    .card.offer[data-offer-single] [data-offer-main-stage],
    .card.offer[data-offer-single] .offer-main-stage{
      width:100%!important;
      max-width:100%!important;
      height:min(100vw,66vh)!important;
      min-height:min(100vw,66vh)!important;
    }
  }