.gs-deal-list{display:flex;flex-direction:column;gap:18px}
.gs-deal-card{display:grid;grid-template-columns:210px 1fr;gap:22px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 7px 24px rgba(0,0,0,.045)}
.gs-card-image{display:flex;align-items:center;justify-content:center;min-height:185px;border-radius:13px;overflow:hidden;background:#f8f8f8;text-decoration:none}
.gs-card-image-img{width:100%;height:100%;max-height:220px;object-fit:contain}
.gs-image-placeholder{font-weight:800;color:#777}
.gs-card-main{min-width:0}
.gs-card-topline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:7px}
.gs-merchant{display:inline-flex;align-items:center;min-height:28px}
.gs-merchant img{display:block;max-width:118px;max-height:34px;width:auto;height:auto;object-fit:contain}
.gs-merchant-text{font-weight:700;font-size:.92rem}
.gs-card-age{font-size:.84rem;color:#6b7280;white-space:nowrap}
.gs-card-title{font-size:1.32rem;line-height:1.25;margin:0 0 10px!important}
.gs-card-title a{text-decoration:none!important;color:inherit}
.gs-price-line{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:5px}
.gs-card-price{font-size:1.65rem}
.gs-card-compare{text-decoration:line-through;color:#747b86}
.gs-card-saving{font-weight:700}
.gs-card-shipping{font-size:.88rem;color:#626976;margin-bottom:9px}
.gs-card-voucher{display:inline-flex;gap:8px;align-items:center;padding:7px 10px;margin-bottom:9px;border-radius:9px;background:#fff5fa;border:1px solid #efbfd3;font-weight:700;font-size:.9rem}
.gs-card-voucher code{background:#fff;border:1px dashed #d63687;padding:3px 7px;border-radius:6px}
.gs-card-preview{margin:5px 0 15px!important;font-size:.95rem;line-height:1.55;color:#353b43}
.gs-card-footer{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-top:auto}
.gs-card-social{display:flex;align-items:center;gap:15px}
.gs-comment-link{text-decoration:none!important;font-size:.92rem}
.gs-card-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.gs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:9px;font-weight:800;text-decoration:none!important;border:1px solid transparent;white-space:nowrap}
.gs-btn-primary{background:#d63687;color:#fff!important}
.gs-btn-secondary{background:#fff;color:#222!important;border-color:#d7dbe0}
.gs-btn:hover{filter:brightness(.97)}
.gs-voting{display:inline-flex;align-items:center;gap:7px}
.gs-vote-btn{appearance:none;border:0;background:transparent;padding:3px 5px;font-size:1.1rem;line-height:1;cursor:pointer;color:#737b86;border-radius:6px}
.gs-vote-btn:hover,.gs-vote-btn.is-active{background:#f0f1f3;color:#111}
.gs-vote-center{min-width:52px;text-align:center;line-height:1.05}
.gs-vote-score{display:block;font-size:1rem}
.gs-vote-label{display:block;font-size:.72rem;min-height:.75rem;margin-top:3px;font-weight:800}
.gs-vote-label.is-cold{color:#4b6cb7}
.gs-vote-label.is-good{color:#2e7d32}
.gs-vote-label.is-neutral{color:#777}
.gs-login-hint{font-size:.82rem;margin-left:7px}
.gs-single-deal-box{border:1px solid #e4e7eb;border-radius:18px;background:#fff;padding:22px;margin:0 0 26px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.gs-single-deal-box.is-expired{opacity:.75}
.gs-single-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}
.gs-single-prices{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-end}
.gs-single-prices>div{min-width:130px}
.gs-single-prices span{display:block;font-size:.78rem;color:#6f7680;margin-bottom:3px}
.gs-single-prices strong{font-size:1.4rem}
.gs-single-prices>div:first-child strong{font-size:2rem}
.gs-single-meta{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:16px;padding-top:14px;border-top:1px solid #eee;font-size:.92rem}
.gs-voucher-box{margin-top:18px;padding:15px;border:1px solid #efbfd3;background:#fff5fa;border-radius:13px}
.gs-voucher-title{display:block;margin-bottom:6px}
.gs-voucher-value{font-weight:700}
.gs-voucher-code-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.gs-voucher-code-row code{padding:7px 10px;border:1px dashed #d63687;background:#fff;border-radius:7px;font-weight:800}
.gs-voucher-box p{margin:10px 0 0!important}
.gs-single-actions{margin-top:18px}
.gs-expired-badge{display:inline-block;padding:6px 10px;background:#eee;border-radius:999px;font-size:.85rem;font-weight:700;margin-bottom:12px}
@media(max-width:800px){
  .gs-deal-card{grid-template-columns:130px 1fr;gap:15px}
  .gs-card-image{min-height:135px}
  .gs-card-footer{align-items:flex-start;flex-direction:column}
  .gs-card-actions{width:100%;justify-content:flex-start}
}
@media(max-width:570px){
  .gs-deal-card{grid-template-columns:1fr}
  .gs-card-image{min-height:180px;max-height:250px}
  .gs-card-topline{align-items:flex-start}
  .gs-card-actions{display:grid;grid-template-columns:1fr 1fr}
  .gs-btn{width:100%}
  .gs-single-head{align-items:flex-start;flex-direction:column}
}


/* 0.4.0 – vollständige Deal-Einzelansicht */
.gs-single-deal-box{max-width:100%;padding:24px 26px}
.gs-single-head-right{display:flex;align-items:center;gap:16px}
.gs-single-age{font-size:.84rem;color:#6b7280;white-space:nowrap}
.gs-single-hero{display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:32px;align-items:center;padding:8px 0 22px}
.gs-single-hero-no-image{grid-template-columns:1fr}
.gs-single-image-wrap{display:flex;align-items:center;justify-content:center;min-height:250px;padding:15px;background:#fff;border-radius:14px}
.gs-single-product-image{display:block;width:100%;height:auto;max-height:330px;object-fit:contain}
.gs-single-offer{min-width:0}
.gs-single-prices{gap:16px 30px}
.gs-single-price-main{width:100%;min-width:100%!important}
.gs-single-price-main strong{font-size:2.45rem!important;line-height:1.05}
.gs-single-prices s{color:#68707c}
.gs-single-meta{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:18px}
.gs-single-actions-top{margin-top:20px}
.gs-single-offer-button{min-width:220px;min-height:50px;font-size:1.05rem}
.gs-single-content{margin-top:4px;padding-top:24px;border-top:1px solid #e8eaed;font-size:1rem;line-height:1.7}
.gs-single-content > :first-child{margin-top:0}
.gs-single-content > :last-child{margin-bottom:0}
.gs-single-bottom-action{display:flex;justify-content:center;margin-top:26px;padding-top:22px;border-top:1px solid #e8eaed}
.gs-single-bottom-action .gs-single-offer-button{min-width:260px}
@media(max-width:760px){
  .gs-single-deal-box{padding:18px}
  .gs-single-head{gap:12px}
  .gs-single-head-right{align-items:flex-end;flex-direction:column;gap:6px}
  .gs-single-hero{grid-template-columns:1fr;gap:18px}
  .gs-single-image-wrap{min-height:190px}
  .gs-single-product-image{max-height:260px}
  .gs-single-offer-button{width:100%}
}


/* 0.5.0 – Layoutbreiten und Preis-Hierarchie */

/* Die Dealübersicht darf breiter sein als die Einzelansicht. */
.gs-deal-list{
    width:calc(100% - 32px);
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
}

/* Einzelne Deals bewusst kompakter und besser lesbar. */
.gs-single-deal-box{
    width:calc(100% - 32px);
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
}

/* Produktbild + Preisteil kompakter gruppieren. */
.gs-single-hero{
    grid-template-columns:minmax(220px,300px) minmax(0,1fr);
    gap:28px;
    justify-content:center;
    align-items:center;
}

.gs-single-image-wrap{
    min-height:220px;
    padding:10px;
}

.gs-single-product-image{
    max-height:290px;
}

/* Preis-Typografie */
.gs-single-prices > div > span{
    font-size:.9rem;
    line-height:1.25;
    font-weight:600;
    color:#5f6873;
    margin-bottom:5px;
}

.gs-single-price-main strong{
    font-size:2.35rem!important;
    line-height:1.05;
    font-weight:800;
}

.gs-single-price-compare s{
    font-size:1.22rem;
    line-height:1.2;
    font-weight:650;
    color:#6f91bd;
    text-decoration-thickness:1.5px;
}

.gs-single-price-saving strong{
    font-size:1.22rem;
    line-height:1.2;
    font-weight:750;
    color:#4e8a5b;
}

/* Auch in der Übersicht: Vergleichspreis und Ersparnis ruhiger unterscheiden. */
.gs-card-compare{
    color:#6f91bd;
    font-size:.96rem;
}

.gs-card-saving{
    color:#4e8a5b;
    font-size:.96rem;
    font-weight:750;
}

/* Voting deutlicher, aber nicht dominant. */
.gs-vote-btn{
    min-width:32px;
    min-height:32px;
    padding:5px 7px;
    font-size:1.08rem;
}

.gs-vote-center{
    min-width:78px;
}

.gs-vote-score{
    font-size:1.05rem;
    font-weight:800;
}

.gs-vote-label{
    font-size:.78rem;
    line-height:1.15;
    min-height:.9rem;
    margin-top:4px;
    white-space:nowrap;
}

/* Lesebreite innerhalb der Einzelbox. */
.gs-single-content{
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
}

/* Tablet */
@media(max-width:900px){
    .gs-deal-list,
    .gs-single-deal-box{
        width:calc(100% - 24px);
        max-width:none;
    }

    .gs-single-hero{
        grid-template-columns:minmax(190px,260px) minmax(0,1fr);
        gap:22px;
    }

    .gs-single-price-main strong{
        font-size:2.05rem!important;
    }
}

/* Smartphone */
@media(max-width:700px){
    .gs-deal-list,
    .gs-single-deal-box{
        width:calc(100% - 20px);
        max-width:none;
    }

    .gs-single-deal-box{
        padding:16px;
        border-radius:14px;
    }

    .gs-single-head{
        align-items:flex-start;
    }

    .gs-single-head-right{
        width:auto;
        align-items:flex-end;
    }

    .gs-single-hero{
        grid-template-columns:1fr;
        gap:14px;
        padding-top:4px;
    }

    .gs-single-image-wrap{
        min-height:170px;
        max-height:240px;
    }

    .gs-single-product-image{
        max-height:230px;
    }

    .gs-single-prices{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:14px 18px;
    }

    .gs-single-price-main{
        grid-column:1 / -1;
    }

    .gs-single-price-main strong{
        font-size:2rem!important;
    }

    .gs-single-price-compare s,
    .gs-single-price-saving strong{
        font-size:1.08rem;
    }

    .gs-single-content{
        max-width:none;
    }

    .gs-single-actions-top,
    .gs-single-bottom-action{
        width:100%;
    }

    .gs-single-offer-button{
        width:100%;
        min-width:0;
    }

    .gs-vote-btn{
        min-width:38px;
        min-height:38px;
    }
}

/* Sehr kleine Smartphones */
@media(max-width:430px){
    .gs-deal-list,
    .gs-single-deal-box{
        width:calc(100% - 16px);
    }

    .gs-single-prices{
        grid-template-columns:1fr;
        gap:11px;
    }

    .gs-single-price-main{
        grid-column:auto;
    }

    .gs-card-actions{
        grid-template-columns:1fr;
    }
}


/* 0.6.0 – Titel gehört bei Deals zur Dealbox */
.gs-single-title-area{
    margin:4px 0 22px;
    padding-bottom:20px;
    border-bottom:1px solid #e8eaed;
}

.gs-single-title{
    max-width:none;
    margin:0!important;
    font-size:2rem;
    line-height:1.18;
    letter-spacing:-.02em;
    font-weight:800;
    color:inherit;
}

.gs-single-title-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-top:9px;
    font-size:.88rem;
    color:#707782;
}

.gs-single-title-meta a{
    color:inherit;
    text-decoration:none;
}

/*
 * Blocksy erzeugt bei normalen Beiträgen einen eigenen Seitentitel.
 * Nur auf Deal-Einzelansichten wird dieser ausgeblendet.
 * Mehrere Selektoren decken unterschiedliche Blocksy-Single-Post-Konfigurationen ab.
 */
.gs-is-deal-single .hero-section[data-type="type-1"],
.gs-is-deal-single .hero-section[data-type="type-2"],
.gs-is-deal-single .hero-section[data-type="type-3"],
.gs-is-deal-single .entry-header:not(.gs-single-title-area){
    display:none;
}

/* Falls Blocksy durch den ausgeblendeten Hero zusätzlichen Abstand erzeugt. */
.gs-is-deal-single .site-main > .hero-section + .ct-container,
.gs-is-deal-single .site-main > .hero-section + .ct-container-full{
    padding-top:24px;
}

@media(max-width:900px){
    .gs-single-title{
        font-size:1.8rem;
    }
}

@media(max-width:700px){
    .gs-single-title-area{
        margin-bottom:17px;
        padding-bottom:16px;
    }

    .gs-single-title{
        font-size:1.55rem;
        line-height:1.22;
    }

    .gs-single-title-meta{
        font-size:.82rem;
    }
}

@media(max-width:430px){
    .gs-single-title{
        font-size:1.4rem;
    }
}


/* 0.6.1 – Dealbox folgt der Blocksy-/Seitencontainerbreite
 *
 * Die äußere Dealbox bekommt keine eigene feste Maximalbreite mehr.
 * Ihre verfügbare Breite wird vom umgebenden Theme-Container bestimmt.
 * Der eigentliche Deal-Kern und der Beschreibungstext bleiben bewusst kompakter.
 */
.gs-single-deal-box{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
}

/* Titel darf die komplette Dealboxbreite nutzen. */
.gs-single-title-area{
    width:100%;
}

/* Produkt + Preise bleiben kompakt und werden innerhalb der Box zentriert. */
.gs-single-hero{
    width:100%;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
}

/* Beschreibung mit angenehmer Lesebreite. */
.gs-single-content{
    width:100%;
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
}

/* Der untere CTA orientiert sich ebenfalls an der Lesebreite. */
.gs-single-bottom-action{
    max-width:880px;
    margin-left:auto;
    margin-right:auto;
}

/* Dealübersicht bleibt als eigenständiger Listencontainer bei max. 1180 px. */
.gs-deal-list{
    width:calc(100% - 32px);
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
}

@media(max-width:900px){
    .gs-single-deal-box{
        width:100%;
        max-width:none;
    }

    .gs-single-hero{
        max-width:960px;
    }

    .gs-single-content,
    .gs-single-bottom-action{
        max-width:880px;
    }
}

@media(max-width:700px){
    .gs-single-deal-box{
        width:100%;
    }

    .gs-single-hero,
    .gs-single-content,
    .gs-single-bottom-action{
        max-width:none;
    }
}


/* 0.7.0 – Flüssiges, auflösungsunabhängiges Single-Deal-Layout */

/*
 * Keine festen "Desktop-Auflösungen" voraussetzen:
 * Der innere Deal-Kern wächst flüssig mit dem verfügbaren Platz,
 * bleibt auf sehr breiten Screens aber angenehm kompakt.
 */
.gs-single-hero{
    width:min(100%, 72rem);
    max-width:none;
    margin-inline:auto;
    grid-template-columns:minmax(220px, min(34%, 330px)) minmax(300px, 1fr);
    gap:clamp(22px, 3vw, 48px);
}

.gs-single-content{
    width:min(100%, 68rem);
    max-width:none;
    margin-inline:auto;
}

/* Metadaten direkt beim Titel statt weit oben am Rand. */
.gs-single-title-meta{
    gap:7px;
    margin-top:10px;
    font-size:.9rem;
    font-weight:500;
}

.gs-single-meta-age{
    font-weight:650;
}

.gs-single-meta-comments{
    display:inline-flex;
    align-items:center;
    gap:3px;
    font-weight:650;
}

.gs-single-meta-comments:hover{
    text-decoration:underline;
}

/*
 * Beide Angebotsbuttons benutzen exakt dieselbe CTA-Geometrie.
 * Der obere sitzt im Angebotsbereich, der untere darunter –
 * aber beide haben identische Breite/Höhe.
 */
.gs-single-cta-row{
    width:100%;
}

.gs-single-cta-row .gs-single-offer-button{
    box-sizing:border-box;
    width:clamp(220px, 24vw, 300px);
    min-width:0;
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 22px;
}

.gs-single-actions-top{
    display:flex;
    justify-content:flex-start;
}

.gs-single-bottom-action{
    width:min(100%, 68rem);
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    justify-content:flex-start;
}

/* Alte Sonderbreite des unteren Buttons neutralisieren. */
.gs-single-bottom-action .gs-single-offer-button{
    min-width:0;
}

/* Mittelgroße Displays: Proportionen statt harter Desktop-Werte. */
@media(max-width:980px){
    .gs-single-hero{
        width:100%;
        grid-template-columns:minmax(200px, 32%) minmax(0, 1fr);
        gap:clamp(18px, 3vw, 30px);
    }

    .gs-single-content,
    .gs-single-bottom-action{
        width:100%;
    }

    .gs-single-cta-row .gs-single-offer-button{
        width:clamp(220px, 34vw, 290px);
    }
}

/* Mobil: alles einspaltig und CTAs identisch über volle Breite. */
@media(max-width:700px){
    .gs-single-hero{
        grid-template-columns:1fr;
    }

    .gs-single-cta-row .gs-single-offer-button{
        width:100%;
        min-height:50px;
    }

    .gs-single-actions-top,
    .gs-single-bottom-action{
        justify-content:stretch;
    }

    .gs-single-title-meta{
        gap:5px 7px;
        font-size:.84rem;
    }
}


/* 0.7.1 – kompakter, stärker zentriert */

/* Kopfbereich bewusst auf 800 px begrenzen und mittig ausrichten. */
.gs-single-head,
.gs-single-title-area{
    width:min(100%, 800px);
    margin-left:auto;
    margin-right:auto;
}

/* Überschrift und Metadaten mittig. */
.gs-single-title{
    text-align:center;
}

.gs-single-title-meta{
    justify-content:center;
}

/* Händler + Voting bleiben in einer Zeile, aber innerhalb der 800-px-Achse. */
.gs-single-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
}

/* Der eigentliche Deal-Kern bleibt ebenfalls kompakter. */
.gs-single-hero{
    width:min(100%, 800px);
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:minmax(210px, 300px) minmax(0, 1fr);
    gap:clamp(20px, 3vw, 34px);
}

/* Beschreibung passend zur neuen Gesamtachse. */
.gs-single-content{
    width:min(100%, 800px);
    margin-left:auto;
    margin-right:auto;
}

/* Beide CTAs exakt mittig. */
.gs-single-actions-top,
.gs-single-bottom-action{
    width:min(100%, 800px);
    margin-left:auto;
    margin-right:auto;
    display:flex;
    justify-content:center;
}

.gs-single-cta-row .gs-single-offer-button{
    width:260px;
    max-width:100%;
}

/* Unterer CTA ebenfalls mittig statt linksbündig. */
.gs-single-bottom-action{
    justify-content:center;
}

/* Tablet: kompakt bleiben, aber flexibel schrumpfen. */
@media(max-width:860px){
    .gs-single-head,
    .gs-single-title-area,
    .gs-single-hero,
    .gs-single-content,
    .gs-single-actions-top,
    .gs-single-bottom-action{
        width:100%;
        max-width:none;
    }
}

/* Smartphone: Kopf und Voting sauber stapeln/zentrieren. */
@media(max-width:700px){
    .gs-single-head{
        align-items:center;
    }

    .gs-single-title{
        text-align:left;
    }

    .gs-single-title-meta{
        justify-content:flex-start;
    }

    .gs-single-actions-top,
    .gs-single-bottom-action{
        justify-content:stretch;
    }

    .gs-single-cta-row .gs-single-offer-button{
        width:100%;
    }
}


/* 0.8.0 – Layout nach finalem Einzeldeal-Mockup */

/* Die komplette weiße Dealbox ist jetzt bewusst kompakt. */
.gs-single-deal-box{
    box-sizing:border-box;
    width:calc(100% - 24px);
    max-width:800px;
    margin:18px auto 28px;
    padding:24px 28px 26px;
}

/* Kein separater Händler-/Voting-Kopf mehr. */
.gs-single-head{
    display:none!important;
}

/* Überschrift oben mittig, ohne zusätzliche Metazeile. */
.gs-single-title-area{
    width:100%;
    max-width:none;
    margin:0 auto 18px;
    padding:0 0 18px;
    text-align:center;
}

.gs-single-title{
    text-align:center;
    font-size:clamp(1.55rem, 3.2vw, 2rem);
    line-height:1.14;
}

/* Hauptbereich: Produkt links, Dealinfos rechts. */
.gs-single-hero{
    width:100%;
    max-width:none;
    display:grid;
    grid-template-columns:minmax(220px, 40%) minmax(0, 60%);
    gap:26px;
    align-items:start;
    margin:0 auto;
}

.gs-single-product-column{
    min-width:0;
}

.gs-single-image-wrap{
    min-height:0;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gs-single-product-image{
    width:100%;
    height:auto;
    max-height:300px;
    object-fit:contain;
}

.gs-single-merchant-under-image{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:42px;
    margin-top:6px;
}

.gs-single-merchant-under-image .gs-merchant{
    margin:0;
    justify-content:center;
}

.gs-single-merchant-under-image img{
    max-width:105px;
    max-height:34px;
    object-fit:contain;
}

/* Preis und Voting teilen sich den oberen Bereich. */
.gs-single-offer-top{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    gap:18px;
    align-items:center;
}

.gs-single-voting-area{
    align-self:center;
    justify-self:end;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gs-single-voting-area .gs-voting{
    margin:0;
}

.gs-single-prices{
    min-width:0;
}

.gs-single-meta{
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid #e7eaee;
}

/* Button links, Dealersteller + Zeit/Datum/Kommentare rechts. */
.gs-single-deal-footer{
    display:grid;
    grid-template-columns:220px minmax(0, 1fr);
    gap:18px;
    align-items:end;
    margin-top:16px;
}

.gs-single-actions-top{
    width:auto;
    margin:0;
    justify-content:flex-start;
}

.gs-single-cta-row .gs-single-offer-button{
    width:220px;
    min-height:48px;
}

.gs-single-side-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.gs-single-author-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:inherit;
    text-decoration:none;
}

.gs-single-author-avatar{
    width:42px!important;
    height:42px!important;
    border-radius:50%;
    object-fit:cover;
    flex:0 0 42px;
}

.gs-single-author-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    line-height:1.15;
}

.gs-single-author-copy small{
    font-size:.74rem;
    color:#6d7580;
    margin-bottom:3px;
}

.gs-single-author-copy strong{
    font-size:.88rem;
    font-weight:750;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.gs-single-inline-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:5px;
    font-size:.76rem;
    line-height:1.25;
    color:#4f5967;
}

.gs-single-inline-meta a{
    color:inherit;
    text-decoration:none;
}

.gs-meta-separator{
    color:#b5bac2;
}

/* Beschreibung nutzt die Boxbreite statt einer separaten, schmaleren Insel. */
.gs-single-content{
    width:100%;
    max-width:none;
    margin:20px auto 0;
    padding-top:18px;
    border-top:1px solid #e7eaee;
}

/* Unterer CTA + Metadaten in einer gemeinsamen Zeile. */
.gs-single-bottom-row{
    display:grid;
    grid-template-columns:220px minmax(0, 1fr);
    gap:18px;
    align-items:center;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #e7eaee;
}

.gs-single-bottom-action{
    width:auto;
    margin:0;
    justify-content:flex-start;
}

.gs-single-inline-meta-bottom{
    justify-content:flex-end;
}

/* Mittlere Displays: Box bleibt flüssig. */
@media(max-width:840px){
    .gs-single-deal-box{
        width:calc(100% - 20px);
        max-width:800px;
        padding:22px 22px 24px;
    }

    .gs-single-hero{
        grid-template-columns:minmax(190px, 38%) minmax(0, 62%);
        gap:20px;
    }

    .gs-single-deal-footer,
    .gs-single-bottom-row{
        grid-template-columns:200px minmax(0, 1fr);
    }

    .gs-single-cta-row .gs-single-offer-button{
        width:200px;
    }
}

/* Mobile: klare, gestapelte Reihenfolge ohne Überlappungen. */
@media(max-width:700px){
    .gs-single-deal-box{
        width:calc(100% - 16px);
        padding:18px 16px 20px;
    }

    .gs-single-title{
        text-align:left;
    }

    .gs-single-hero{
        grid-template-columns:1fr;
        gap:14px;
    }

    .gs-single-product-image{
        max-height:250px;
    }

    .gs-single-merchant-under-image{
        margin-top:2px;
    }

    .gs-single-offer-top{
        grid-template-columns:minmax(0, 1fr) auto;
        gap:10px;
    }

    .gs-single-deal-footer,
    .gs-single-bottom-row{
        grid-template-columns:1fr;
        gap:12px;
    }

    .gs-single-actions-top,
    .gs-single-bottom-action{
        width:100%;
    }

    .gs-single-cta-row .gs-single-offer-button{
        width:100%;
    }

    .gs-single-inline-meta-bottom{
        justify-content:flex-start;
    }
}

@media(max-width:430px){
    .gs-single-offer-top{
        grid-template-columns:1fr;
    }

    .gs-single-voting-area{
        justify-self:start;
    }

    .gs-single-inline-meta{
        font-size:.74rem;
    }
}


/* 0.8.1 – Sidebar + Feinjustierung */

/* Deal und Sidebar gemeinsam im Theme-Container. */
.gs-single-layout{
    width:calc(100% - 24px);
    max-width:1160px;
    margin:18px auto 28px;
    display:grid;
    grid-template-columns:minmax(0, 800px) minmax(240px, 300px);
    gap:28px;
    align-items:start;
}

/* Die Dealbox selbst hat im Layout keinen eigenen Außenabstand mehr. */
.gs-single-layout .gs-single-deal-box{
    width:100%;
    max-width:800px;
    margin:0;
}

/* Händlerlogo minimal tiefer unter dem Produktbild. */
.gs-single-merchant-under-image{
    margin-top:12px;
}

/* Dealersteller etwas höher in den rechten Informationsblock ziehen. */
.gs-single-side-info{
    transform:translateY(-8px);
}

/* Sidebar */
.gs-deal-sidebar{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:18px;
    position:sticky;
    top:24px;
}

.gs-sidebar-box{
    background:#fff;
    border:1px solid #e6e9ee;
    border-radius:14px;
    padding:16px;
    box-shadow:0 1px 5px rgba(20,35,55,.04);
}

.gs-sidebar-box h2{
    margin:0 0 12px;
    font-size:1rem;
    line-height:1.2;
    font-weight:800;
}

.gs-sidebar-list{
    display:flex;
    flex-direction:column;
}

.gs-sidebar-deal{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-top:1px solid #eef0f3;
    color:inherit;
    text-decoration:none;
}

.gs-sidebar-deal:first-child{
    border-top:0;
    padding-top:0;
}

.gs-sidebar-deal:last-child{
    padding-bottom:0;
}

.gs-sidebar-thumb{
    width:58px!important;
    height:58px!important;
    object-fit:contain;
    border-radius:8px;
    background:#fafafa;
}

.gs-sidebar-deal-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:4px;
}

.gs-sidebar-deal-copy strong{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:.84rem;
    line-height:1.25;
    font-weight:700;
}

.gs-sidebar-deal-copy span{
    font-size:.86rem;
    font-weight:800;
    color:#243d5b;
}

.gs-sidebar-categories{
    display:flex;
    flex-direction:column;
}

.gs-sidebar-categories a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:8px 0;
    border-top:1px solid #eef0f3;
    color:inherit;
    text-decoration:none;
    font-size:.86rem;
}

.gs-sidebar-categories a:first-child{
    border-top:0;
    padding-top:0;
}

.gs-sidebar-categories small{
    color:#7b8490;
    font-size:.75rem;
}

/* Bei weniger Platz rutscht die Sidebar unter den Deal. */
@media(max-width:1100px){
    .gs-single-layout{
        max-width:800px;
        grid-template-columns:1fr;
        gap:20px;
    }

    .gs-deal-sidebar{
        position:static;
        display:grid;
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .gs-sidebar-box:last-child:nth-child(odd){
        grid-column:1 / -1;
    }
}

@media(max-width:700px){
    .gs-single-layout{
        width:calc(100% - 16px);
        margin-top:10px;
    }

    .gs-deal-sidebar{
        grid-template-columns:1fr;
    }

    .gs-sidebar-box:last-child:nth-child(odd){
        grid-column:auto;
    }

    .gs-single-side-info{
        transform:none;
    }
}


/* 0.8.2 – kompakter Preis-/Voting-Kopf */

/*
 * Preisbereich als kleines Raster:
 * Dealpreis nimmt oben links den Hauptplatz ein.
 * Voting sitzt exakt rechts daneben auf derselben Höhe.
 * Vergleichspreis und Ersparnis stehen darunter nebeneinander.
 */
.gs-single-offer-top{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    grid-template-areas:"prices voting";
    column-gap:18px;
    align-items:start;
}

.gs-single-prices{
    grid-area:prices;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
        "main main"
        "compare saving";
    gap:12px 20px;
    align-items:end;
}

.gs-single-price-main{
    grid-area:main;
}

.gs-single-price-compare{
    grid-area:compare;
}

.gs-single-price-saving{
    grid-area:saving;
}

.gs-single-voting-area{
    grid-area:voting;
    align-self:start;
    justify-self:end;
    /* Dealpreis-Label optisch ausgleichen, damit Score/Pfeile auf Höhe des Preises sitzen. */
    padding-top:20px;
}

/* Die alte Preisdarstellung soll keine unnötigen vertikalen Abstände mehr erzeugen. */
.gs-single-prices > div{
    margin:0;
}

.gs-single-price-compare,
.gs-single-price-saving{
    min-width:0;
}

.gs-single-price-compare s,
.gs-single-price-saving strong{
    white-space:nowrap;
}

/* Kleine Displays dürfen Vergleichspreis/Ersparnis weiter nebeneinander lassen,
   solange genügend Platz vorhanden ist. */
@media(max-width:700px){
    .gs-single-offer-top{
        column-gap:12px;
    }

    .gs-single-prices{
        gap:10px 14px;
    }

    .gs-single-voting-area{
        padding-top:18px;
    }
}

/* Auf sehr schmalen Smartphones wird nur der Unterbereich gestapelt. */
@media(max-width:430px){
    .gs-single-offer-top{
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:"prices voting";
    }

    .gs-single-prices{
        grid-template-columns:1fr;
        grid-template-areas:
            "main"
            "compare"
            "saving";
    }

    .gs-single-voting-area{
        justify-self:end;
    }
}


/* 0.9.0 – Customizer-Variablen */
.gs-single-layout{
    max-width:var(--gs-layout-max, 1128px);
    grid-template-columns:minmax(0, var(--gs-deal-box-width, 800px)) minmax(220px, var(--gs-sidebar-width, 300px));
    gap:var(--gs-layout-gap, 28px);
}

.gs-single-layout .gs-single-deal-box,
.gs-single-deal-box{
    max-width:var(--gs-deal-box-width, 800px);
    padding:var(--gs-box-padding, 28px);
    border-radius:var(--gs-radius, 14px);
    background:var(--gs-box-bg, #fff);
}

.gs-single-title{
    font-size:clamp(1.35rem, 3.2vw, var(--gs-title-size, 32px));
}

.gs-single-price-main strong{
    font-size:var(--gs-deal-price-size, 38px)!important;
    color:var(--gs-price-color, #172b4d);
}

.gs-single-price-compare s{
    font-size:var(--gs-compare-size, 20px);
    color:var(--gs-compare-color, #6f91bd);
}

.gs-single-price-saving strong{
    font-size:var(--gs-saving-size, 20px);
    color:var(--gs-saving-color, #4e8a5b);
}

.gs-single-content{
    font-size:var(--gs-body-size, 16px);
}

.gs-single-inline-meta{
    font-size:var(--gs-meta-size, 12px);
}

.gs-single-author-copy strong{
    font-size:var(--gs-author-size, 14px);
}

.gs-sidebar-box h2{
    font-size:var(--gs-sidebar-title-size, 16px);
}

.gs-sidebar-deal-copy strong,
.gs-sidebar-categories a{
    font-size:var(--gs-sidebar-text-size, 13px);
}

.gs-single-cta-row .gs-single-offer-button{
    width:var(--gs-button-width, 220px);
    min-height:var(--gs-button-height, 48px);
    font-size:var(--gs-button-size, 16px);
    background:var(--gs-button-bg, #d31572);
    color:var(--gs-button-text, #fff);
}

.gs-single-product-image{
    max-height:var(--gs-image-max-height, 300px);
}

.gs-single-merchant-under-image img{
    max-width:var(--gs-merchant-logo-width, 105px);
}

.gs-single-voting-area,
.gs-single-voting-area .gs-vote-btn,
.gs-single-voting-area .gs-vote-score{
    font-size:var(--gs-vote-size, 17px);
}

/* Auf Tablet/Mobil werden absolute Customizerbreiten weiterhin sicher überschrieben. */
@media(max-width:1100px){
    .gs-single-layout{
        max-width:var(--gs-deal-box-width, 800px);
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .gs-single-layout .gs-single-deal-box,
    .gs-single-deal-box{
        padding:min(var(--gs-box-padding, 28px), 18px);
    }

    .gs-single-title{
        font-size:min(var(--gs-title-size, 32px), 26px);
    }

    .gs-single-price-main strong{
        font-size:min(var(--gs-deal-price-size, 38px), 34px)!important;
    }

    .gs-single-cta-row .gs-single-offer-button{
        width:100%;
    }
}


/* 0.9.1 – Einzelansicht: Author auf Versand-/Gültigkeits-Höhe + Bild kompakter */

/* Produktbild rund 10 px kleiner in Höhe und Breite als bisher. */
.gs-single-product-image{
    max-height:var(--gs-image-max-height, 290px);
    max-width:calc(100% - 10px);
    width:auto;
    margin-left:auto;
    margin-right:auto;
}

/*
 * Der Dealersteller soll optisch auf derselben Höhe wie
 * "Kostenloser Versand" / "Gültig bis" stehen.
 * Der bisherige negative Versatz aus 0.8.1 wird deshalb zurückgenommen.
 */
.gs-single-side-info{
    transform:none;
}

/* In der oberen Footer-Zeile den Autorenblock etwas höher ausrichten,
   ohne die Meta-Zeile oder den CTA zu verschieben. */
.gs-single-deal-footer{
    align-items:start;
}

.gs-single-side-info{
    align-self:start;
    margin-top:-34px;
}

/* Auf Mobilgeräten wieder normal im Fluss, damit nichts überlappt. */
@media(max-width:700px){
    .gs-single-side-info{
        margin-top:0;
        transform:none;
    }
}


/* 0.9.2 – Author/Metadaten kompakter und bündig zum oberen CTA */

/*
 * Der komplette rechte Informationsblock (Dealersteller + Alter/Datum/Kommentare)
 * wird weiter nach oben gezogen. So beginnt der Dealersteller näher bei
 * Versand/Gültigkeit und die Meta-Zeile endet nicht mehr deutlich unter dem CTA.
 */
.gs-single-side-info{
    margin-top:-48px;
    align-self:start;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:8px;
}

/* Metadaten kompakter, damit ihre Unterkante ungefähr mit dem Angebotsbutton abschließt. */
.gs-single-side-info .gs-single-inline-meta{
    margin-top:0;
    line-height:1.2;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px 9px;
}

/* Auch der Autorenblock selbst etwas kompakter. */
.gs-single-author{
    margin:0;
    line-height:1.15;
}

/* Oberen Footer sauber an der Oberkante ausrichten. */
.gs-single-deal-footer{
    align-items:start;
}

/* Mobil keine negativen Verschiebungen. */
@media(max-width:700px){
    .gs-single-side-info{
        margin-top:0;
        gap:8px;
    }
}


/* 1.0.0 – Startseiten-/Dealübersicht mit Sidebar */
.gs-overview-layout{
    width:calc(100% - 24px);
    max-width:var(--gs-layout-max, 1128px);
    margin:18px auto 32px;
    display:grid;
    grid-template-columns:minmax(0, var(--gs-deal-box-width, 800px)) minmax(220px, var(--gs-sidebar-width, 300px));
    gap:var(--gs-layout-gap, 28px);
    align-items:start;
}

.gs-overview-main{
    min-width:0;
}

/* Abgelaufene Deals optisch klar zurücknehmen. */
.gs-deal-card.is-expired{
    opacity:.58;
    filter:grayscale(.72);
}

/*
 * Badge direkt vor dem Dealtext.
 * 1em = exakt flexibel zur Schriftgröße des Dealtexts.
 */
.gs-expired-badge{
    display:inline-block;
    margin:0 .45em .12em 0;
    padding:.12em .42em;
    border-radius:.22em;
    background:#c90000;
    color:#fff;
    font-size:1em;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.01em;
    vertical-align:baseline;
}

/* Trotz ausgegrauter Karte soll das rote Status-Badge deutlich erkennbar bleiben. */
.gs-deal-card.is-expired .gs-expired-badge{
    opacity:1;
    filter:none;
}

/* Angebot bei abgelaufenem Deal zusätzlich visuell zurücknehmen. */
.gs-deal-card.is-expired .gs-btn-primary{
    background:#858b91;
}

/* Seitennavigation für 16 Deals je Seite. */
.gs-deals-pagination{
    margin:24px 0 0;
}

.gs-deals-pagination .page-numbers{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    list-style:none;
    margin:0;
    padding:0;
}

.gs-deals-pagination .page-numbers li{
    margin:0;
}

.gs-deals-pagination a,
.gs-deals-pagination span{
    min-width:38px;
    height:38px;
    padding:0 10px;
    border:1px solid #dfe4e9;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#2f4052;
    text-decoration:none;
    font-weight:700;
}

.gs-deals-pagination .current{
    background:var(--gs-button-bg, #d31572);
    border-color:var(--gs-button-bg, #d31572);
    color:var(--gs-button-text, #fff);
}

@media(max-width:1100px){
    .gs-overview-layout{
        max-width:var(--gs-deal-box-width, 800px);
        grid-template-columns:1fr;
    }
}

@media(max-width:700px){
    .gs-overview-layout{
        width:calc(100% - 16px);
        margin-top:10px;
    }
}


/* 1.0.1 – Dealübersicht Feintuning */

/* Kein grauer Bildhintergrund mehr. */
.gs-deal-card-image,
.gs-deal-card-image-wrap,
.gs-card-image,
.gs-card-image-wrap{
    background:#fff!important;
}

/* Produktbild höher ansetzen und insgesamt sauber oben ausrichten. */
.gs-deal-card-image,
.gs-card-image{
    justify-content:flex-start!important;
    padding-top:0!important;
    margin-top:-6px;
}

/* Bild selbst ebenfalls ohne graue Fläche und oben bündig. */
.gs-deal-card-image img,
.gs-card-image img{
    background:#fff!important;
}

/* Händlerlogo direkt unter das Produktbild. */
.gs-deal-card-merchant-logo,
.gs-card-merchant-logo,
.gs-merchant-logo{
    display:block;
    margin:8px auto 0;
}

/* Weiterlesen direkt im Snippet statt separatem Deal-ansehen-Button. */
.gs-card-readmore{
    display:inline;
    margin-left:.25em;
    font-size:inherit;
    line-height:inherit;
    font-weight:700;
    color:var(--theme-link-initial-color, #245b9b);
    text-decoration:none;
    white-space:nowrap;
}

.gs-card-readmore:hover{
    text-decoration:underline;
}

/* Falls alte Sekundärbuttons noch durch CSS Platz reservieren: neutralisieren. */
.gs-deal-card .gs-btn-secondary{
    display:none!important;
}


/* 1.0.3 – korrigierter Dealersteller + Kommentarfarbe */
.gs-card-author{
    display:inline-flex;
    align-items:center;
    gap:.25em;
    color:inherit;
    font-size:inherit;
}

.gs-card-author a{
    color:inherit!important;
    font-weight:700;
    text-decoration:none;
}

.gs-card-author a:hover{
    text-decoration:underline;
}

/* Kommentarzahl und Symbol in derselben Farbe wie normaler Kartentext/Snippet. */
.gs-deal-card .gs-card-comments,
.gs-deal-card .gs-card-comments:visited,
.gs-deal-card .gs-card-comments:hover{
    color:inherit!important;
}

/* Deal-ansehen-Schaltfläche gibt es in der Übersicht nicht mehr. */
.gs-deal-card .gs-btn-secondary{
    display:none!important;
}


/* 1.5.0 – Filter und Sortierung */
.gs-overview-filters{
    display:flex;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:12px;
    width:100%;
    max-width:1180px;
    margin:0 auto 18px;
    padding:14px 16px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px;
}

.gs-filter-field{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:175px;
}

.gs-filter-field label{
    font-size:13px;
    font-weight:700;
}

.gs-filter-field select{
    min-height:42px;
    padding:7px 34px 7px 10px;
    border:1px solid rgba(0,0,0,.16);
    border-radius:8px;
    background:#fff;
    font:inherit;
}

.gs-filter-actions{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:42px;
}

.gs-filter-submit{
    min-height:42px;
    padding:8px 18px;
    border:0;
    border-radius:8px;
    background:var(--gs-button-bg, #e83e8c);
    color:var(--gs-button-text, #fff);
    font:inherit;
    font-weight:700;
    cursor:pointer;
}

.gs-filter-reset{
    color:inherit;
    font-size:14px;
    text-decoration:none;
}

.gs-filter-reset:hover{
    text-decoration:underline;
}

@media (max-width:700px){
    .gs-overview-filters{
        display:grid;
        grid-template-columns:1fr;
    }

    .gs-filter-field{
        width:100%;
        min-width:0;
    }

    .gs-filter-field select,
    .gs-filter-submit{
        width:100%;
    }

    .gs-filter-actions{
        align-items:stretch;
        flex-direction:column;
    }
}


/* 1.6.0 – Deal einreichen */
.gs-submit-wrap{
    max-width:860px;
    margin:0 auto;
    padding:24px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px;
}

.gs-submit-form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.gs-submit-field{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.gs-submit-wide{
    grid-column:1 / -1;
}

.gs-submit-field label{
    font-weight:700;
}

.gs-submit-field input,
.gs-submit-field select,
.gs-submit-field textarea{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border:1px solid rgba(0,0,0,.16);
    border-radius:8px;
    background:#fff;
    font:inherit;
}

.gs-submit-field textarea{
    min-height:180px;
    resize:vertical;
}

.gs-submit-help{
    margin:0;
    font-size:13px;
    opacity:.72;
}

.gs-submit-button{
    min-height:46px;
    padding:10px 18px;
    border:0;
    border-radius:8px;
    background:var(--gs-button-bg, #e83e8c);
    color:var(--gs-button-text, #fff);
    font:inherit;
    font-weight:700;
    cursor:pointer;
}

.gs-submit-notice{
    margin:0 0 18px;
    padding:12px 14px;
    border-radius:8px;
}

.gs-submit-notice.is-success{
    background:#edf8f0;
    border:1px solid #9ed3aa;
}

.gs-submit-notice.is-error{
    background:#fff0f0;
    border:1px solid #e0a0a0;
}

.gs-submit-login{
    max-width:700px;
    margin:0 auto;
    padding:18px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:10px;
}

@media (max-width:700px){
    .gs-submit-wrap{
        padding:18px;
    }

    .gs-submit-form{
        grid-template-columns:1fr;
    }

    .gs-submit-wide{
        grid-column:auto;
    }

    .gs-submit-button{
        width:100%;
    }
}


/* 1.7.0 – Favoriten / Merkliste */
.gs-favorite-button{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:36px;
    padding:5px 9px;
    border:1px solid rgba(0,0,0,.14);
    border-radius:8px;
    background:#fff;
    color:inherit;
    font:inherit;
    font-size:13px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
}

.gs-favorite-button:hover{
    border-color:rgba(0,0,0,.28);
}

.gs-favorite-button.is-active{
    background:#fff7d6;
    border-color:#d9b84c;
}

.gs-favorite-button.is-loading{
    opacity:.55;
    pointer-events:none;
}

.gs-favorite-icon{
    font-size:18px;
    line-height:1;
}

.gs-favorites-wrap{
    max-width:1180px;
    margin:0 auto;
}

.gs-favorites-heading{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}

.gs-favorites-heading h2{
    margin:0;
}

.gs-favorites-heading span{
    font-size:14px;
    opacity:.7;
}

.gs-favorites-empty,
.gs-favorites-login{
    max-width:800px;
    margin:0 auto;
    padding:20px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:10px;
}

@media (max-width:700px){
    .gs-favorite-button{
        min-height:40px;
        padding:7px 10px;
    }

    .gs-favorites-heading{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* 1.8.0 – Deal melden */
.gs-report-button{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:5px 9px;
    border:0;
    background:transparent;
    color:inherit;
    opacity:.68;
    font:inherit;
    font-size:13px;
    cursor:pointer;
}

.gs-report-button:hover{
    opacity:1;
    text-decoration:underline;
}

.gs-report-button:disabled{
    opacity:.4;
    cursor:wait;
}

@media (max-width:700px){
    .gs-report-button{
        min-height:40px;
        padding:7px 8px;
    }
}


/* 1.9.3 – Startseite: Deal-Liste + Sidebar */
.gs-overview-layout.gs-overview-home{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(240px, 300px);
    gap:28px;
    align-items:start;
    width:100%;
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
}

.gs-overview-layout.gs-overview-home .gs-overview-main{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
}

.gs-overview-layout.gs-overview-home .gs-deal-list,
.gs-overview-layout.gs-overview-home .gs-deal-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box;
}

.gs-overview-layout.gs-overview-home .gs-sidebar{
    width:100% !important;
    max-width:300px;
    min-width:0 !important;
}

@media (max-width:1100px){
    .gs-overview-layout.gs-overview-home{
        grid-template-columns:1fr !important;
    }

    .gs-overview-layout.gs-overview-home .gs-sidebar{
        max-width:none;
        width:100% !important;
    }
}


/* 1.9.4 – Deal-Karten reagieren auf ihre echte Spaltenbreite.
 * Wichtig bei schmalen Theme-Containern mit gleichzeitig sichtbarer Sidebar.
 */
.gs-overview-main{
    container-type:inline-size;
    container-name:gs-deal-column;
}

@container gs-deal-column (max-width: 680px){
    .gs-deal-card{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .gs-deal-card .gs-card-image{
        width:100%;
        min-height:160px;
        max-height:230px;
        margin:0 !important;
        padding:0 !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .gs-deal-card .gs-card-image-img{
        width:100%;
        height:auto;
        max-height:220px;
        object-fit:contain;
    }

    .gs-deal-card .gs-card-main{
        width:100%;
        min-width:0;
    }

    .gs-deal-card .gs-card-topline{
        gap:10px;
        flex-wrap:wrap;
    }

    .gs-deal-card .gs-card-title{
        overflow-wrap:normal;
        word-break:normal;
        hyphens:auto;
    }

    .gs-deal-card .gs-card-preview{
        overflow-wrap:break-word;
        word-break:normal;
    }

    .gs-deal-card .gs-card-footer{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .gs-deal-card .gs-card-social{
        width:100%;
        flex-wrap:wrap;
        gap:10px;
    }

    .gs-deal-card .gs-card-actions{
        width:100%;
        justify-content:flex-start;
    }
}

@container gs-deal-column (max-width: 420px){
    .gs-deal-card{
        padding:14px;
    }

    .gs-deal-card .gs-card-image{
        min-height:135px;
        max-height:190px;
    }

    .gs-deal-card .gs-card-title{
        font-size:1.15rem;
    }

    .gs-deal-card .gs-card-price{
        font-size:1.45rem;
    }

    .gs-deal-card .gs-btn-primary{
        width:100%;
    }
}

/* Fallback für ältere Browser ohne Container Queries. */
@media (max-width:900px){
    .gs-overview-layout.gs-overview-home{
        grid-template-columns:1fr !important;
    }

    .gs-overview-layout.gs-overview-home .gs-sidebar{
        max-width:none !important;
    }
}


/* 1.9.5 – Sidebar-Korrektur
 * Das aktuelle Sidebar-HTML verwendet .gs-deals-sidebar,
 * .gs-sidebar-deal-title und .gs-sidebar-deal-meta.
 * Frühere CSS-Regeln bezogen sich teilweise auf ältere Klassennamen.
 */
.gs-deals-sidebar{
    width:100%;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:18px;
    position:sticky;
    top:24px;
}

.gs-deals-sidebar .gs-sidebar-box{
    width:100%;
    min-width:0;
    box-sizing:border-box;
}

.gs-deals-sidebar .gs-sidebar-title{
    margin:0 0 14px;
    font-size:1.25rem;
    line-height:1.2;
    font-weight:800;
}

.gs-deals-sidebar .gs-sidebar-list{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.gs-deals-sidebar .gs-sidebar-deal{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    align-items:start !important;
    width:100%;
    min-width:0;
    padding:10px 0;
    border-top:1px solid #eef0f3;
    color:inherit;
    text-decoration:none;
}

.gs-deals-sidebar .gs-sidebar-deal:first-child{
    border-top:0;
    padding-top:0;
}

.gs-deals-sidebar .gs-sidebar-deal:last-child{
    padding-bottom:0;
}

.gs-deals-sidebar .gs-sidebar-deal-title{
    display:block !important;
    min-width:0;
    width:auto !important;
    overflow:hidden;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:auto;
    font-size:.92rem;
    line-height:1.35;
    font-weight:600;
}

.gs-deals-sidebar .gs-sidebar-deal-meta{
    display:block;
    width:auto !important;
    min-width:max-content;
    white-space:nowrap;
    font-size:.82rem;
    line-height:1.35;
    opacity:.72;
    text-align:right;
}

.gs-deals-sidebar .gs-sidebar-categories a{
    overflow-wrap:normal;
    word-break:normal;
}

@media (max-width:1100px){
    .gs-deals-sidebar{
        position:static;
    }
}

/* 2.0.0 – kompaktere Dealübersicht */
.gs-deal-card .gs-voting{gap:4px!important}
.gs-deal-card .gs-vote-label,.gs-deal-card .gs-vote-status{white-space:nowrap}
.gs-deal-card .gs-vote-label{font-size:18px!important;line-height:1!important}

.gs-deal-card .gs-card-image{justify-content:flex-start!important;padding-top:0!important}
.gs-deal-card .gs-card-image-img{margin-top:-8px!important}
.gs-deal-card .gs-card-merchant,.gs-deal-card .gs-merchant-logo{
 align-self:center!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.gs-deal-card .gs-card-merchant img,.gs-deal-card .gs-merchant-logo img{
 display:block;margin-left:auto!important;margin-right:auto!important}

.gs-deal-card .gs-card-topline{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important}
.gs-deal-card .gs-card-topline .gs-card-title{order:1;width:100%;margin-top:0!important;margin-bottom:2px!important}
.gs-deal-card .gs-card-topline .gs-card-age,.gs-deal-card .gs-card-topline .gs-card-time{
 order:2;width:100%;margin:0 0 7px!important;text-align:right!important;white-space:nowrap}

.gs-deal-card .gs-card-author,.gs-deal-card .gs-card-created-by,
.gs-deal-card .gs-card-social{font-size:var(--gs-savings-size,13px)!important}
.gs-deal-card .gs-card-author,.gs-deal-card .gs-card-created-by{
 line-height:1.25!important;white-space:nowrap;margin:0!important}
.gs-deal-card .gs-card-social{gap:7px!important}


/* 2.0.1 – Dealübersicht strukturell neu angeordnet */

/* Linke Spalte: Produktbild + Händlerlogo wirklich gemeinsam */
.gs-deal-card .gs-card-media{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    align-self:start;
}

.gs-deal-card .gs-card-media .gs-card-image{
    width:100%;
    min-width:0;
    margin-top:-8px;
}

.gs-deal-card .gs-card-media .gs-card-image-img{
    margin-top:0 !important;
}

.gs-deal-card .gs-card-merchant-under-image{
    width:100%;
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:7px;
    text-align:center;
}

.gs-deal-card .gs-card-merchant-under-image .gs-merchant{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 auto !important;
}

.gs-deal-card .gs-card-merchant-under-image .gs-merchant img{
    display:block;
    width:auto;
    max-width:120px;
    max-height:38px;
    margin:0 auto !important;
    object-fit:contain;
}

/* Titel zuerst, Dealalter direkt darunter rechts */
.gs-deal-card .gs-card-main{
    min-width:0;
}

.gs-deal-card .gs-card-title{
    margin:0 0 2px !important;
}

.gs-deal-card .gs-card-age{
    display:block;
    width:100%;
    margin:0 0 7px !important;
    text-align:right !important;
    white-space:nowrap;
}

/* Preis / Vergleich / Ersparnis / Ersteller auf einer gemeinsamen Zeile,
   soweit der verfügbare Platz reicht. */
.gs-deal-card .gs-price-line{
    display:flex !important;
    flex-wrap:wrap;
    align-items:baseline;
    gap:5px 9px !important;
}

.gs-deal-card .gs-card-author-price{
    margin:0 0 0 auto !important;
    font-size:var(--gs-savings-size, 13px) !important;
    line-height:1.25 !important;
    font-weight:400;
    white-space:nowrap;
}

.gs-deal-card .gs-card-author-price a{
    font-weight:600;
}

/* Voting: Zahl + Schwein direkt nebeneinander */
.gs-deal-card .gs-voting{
    gap:3px !important;
}

.gs-deal-card .gs-vote-center{
    min-width:0 !important;
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center;
    gap:3px !important;
    text-align:left !important;
    line-height:1 !important;
}

.gs-deal-card .gs-vote-score{
    display:inline-block;
    line-height:1 !important;
}

.gs-deal-card .gs-vote-label{
    display:inline-block;
    margin:0 !important;
    font-size:17px !important;
    line-height:1 !important;
}

/* Übersicht dadurch insgesamt kompakter */
.gs-deal-card .gs-card-social{
    gap:6px !important;
}

@container gs-deal-column (max-width:680px){
    .gs-deal-card .gs-card-media{
        width:100%;
    }

    .gs-deal-card .gs-card-media .gs-card-image{
        margin-top:-5px;
    }

    .gs-deal-card .gs-card-author-price{
        margin-left:0 !important;
    }
}


/* 2.0.2 – Preiszeile nach oben, Meta + Dealalter in gemeinsamer Zeile */
.gs-deal-card .gs-price-line{
    margin:2px 0 6px !important;
}

.gs-deal-card .gs-card-meta-row{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    margin:0 0 8px;
    min-width:0;
    font-size:var(--gs-meta-size, 13px);
    line-height:1.35;
}

.gs-deal-card .gs-card-meta-left{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:6px 10px;
    min-width:0;
    text-align:left;
}

.gs-deal-card .gs-card-age{
    width:auto !important;
    flex:0 0 auto;
    margin:0 0 0 auto !important;
    text-align:right !important;
    white-space:nowrap;
}

.gs-deal-card .gs-card-shipping,
.gs-deal-card .gs-card-expires{
    white-space:nowrap;
}

@container gs-deal-column (max-width:520px){
    .gs-deal-card .gs-card-meta-row{
        gap:8px;
    }

    .gs-deal-card .gs-card-meta-left{
        gap:4px 8px;
    }
}


/* =====================================================================
   GEIZSCHWEIN DESIGN 2.1.0
   Optische Sprache nach dem ausgewählten Mockup:
   Weiß + dunkles Navy + kräftiges Pink, kompakte Deal-Karten und Sidebar.
   ===================================================================== */

:root{
    --gs-brand-pink:#ee1657;
    --gs-brand-pink-dark:#d80d48;
    --gs-brand-navy:#071828;
    --gs-brand-navy-2:#0d2235;
    --gs-brand-text:#101c2b;
    --gs-brand-muted:#6d7784;
    --gs-brand-line:#e6e9ee;
    --gs-brand-bg:#f7f8fa;
    --gs-brand-green:#168b39;
    --gs-brand-orange:#ff9c31;
}

/* Hide Blocksy's normal header only on plugin-designed pages. */
body.gs-geizschwein-design #header,
body.gs-geizschwein-design .ct-header,
body.gs-geizschwein-design header[data-id="type-1"]{
    display:none !important;
}

body.gs-geizschwein-design{
    background:var(--gs-brand-bg) !important;
    color:var(--gs-brand-text);
}

body.gs-geizschwein-design .site-main,
body.gs-geizschwein-design main#main{
    padding-top:0 !important;
}

/* ---------- Brand header ---------- */
.gs-site-shell{
    width:100%;
    background:#fff;
    border-bottom:1px solid var(--gs-brand-line);
    position:relative;
    z-index:50;
}

.gs-site-header{
    width:100%;
    background:#fff;
}

.gs-site-header-top{
    max-width:1500px;
    margin:0 auto;
    min-height:92px;
    padding:13px 42px;
    display:grid;
    grid-template-columns:minmax(310px,430px) minmax(360px,1fr) auto;
    align-items:center;
    gap:34px;
}

.gs-brand{
    display:flex;
    align-items:center;
    gap:11px;
    color:var(--gs-brand-text) !important;
    text-decoration:none !important;
}

.gs-brand-pig{
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    font-size:48px;
    line-height:1;
    background:#fff0f4;
    border-radius:22px;
}

.gs-brand-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.gs-brand-copy strong{
    display:block;
    font-size:39px;
    line-height:.95;
    font-weight:950;
    letter-spacing:-2px;
    white-space:nowrap;
}

.gs-brand-copy strong span{color:var(--gs-brand-navy);}
.gs-brand-copy strong em{
    color:var(--gs-brand-pink);
    font-style:normal;
}

.gs-brand-copy small{
    display:block;
    margin-top:6px;
    font-size:13px;
    color:#111827;
    white-space:nowrap;
}

.gs-site-search{
    display:flex;
    height:48px;
    border:1px solid #dde2e8;
    border-radius:5px;
    overflow:hidden;
    background:#fff;
}

.gs-site-search input{
    flex:1;
    min-width:0;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    padding:0 16px !important;
    font-size:14px;
    background:#fff !important;
}

.gs-site-search button{
    width:57px;
    border:0;
    border-radius:0;
    background:var(--gs-brand-pink);
    color:#fff;
    font-size:27px;
    cursor:pointer;
}

.gs-site-quick{
    display:flex;
    align-items:center;
    gap:30px;
}

.gs-site-quick a{
    min-width:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
    color:var(--gs-brand-text) !important;
    text-decoration:none !important;
    font-size:25px;
    line-height:1;
}

.gs-site-quick small{
    font-size:12px;
    line-height:1.2;
    white-space:nowrap;
}

.gs-site-nav-row{
    min-height:58px;
    background:linear-gradient(90deg,var(--gs-brand-navy),#0b1d2e);
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    padding:0 44px;
}

.gs-site-nav{
    max-width:1120px;
    display:flex;
    align-items:stretch;
}

.gs-site-nav a{
    display:flex;
    align-items:center;
    padding:0 29px;
    color:#fff !important;
    text-decoration:none !important;
    text-transform:uppercase;
    font-size:13px;
    font-weight:750;
    letter-spacing:.1px;
}

.gs-site-nav a:hover,
.gs-site-nav a.is-active{
    background:var(--gs-brand-pink);
}

.gs-site-saved{
    color:#fff;
    display:flex;
    align-items:center;
    gap:9px;
    padding-right:16px;
}

.gs-site-saved-pig{font-size:27px}
.gs-site-saved span:last-child{
    display:flex;
    flex-direction:column;
}
.gs-site-saved strong{color:#ffc147;font-size:14px}
.gs-site-saved small{color:#fff;font-size:12px}

/* ---------- Main frame ---------- */
body.gs-geizschwein-design .ct-container,
body.gs-geizschwein-design .site-main > .ct-container,
body.gs-geizschwein-design .content-area{
    max-width:1500px !important;
}

body.gs-geizschwein-design .entry-content{
    width:100%;
}

.gs-home-tabs{
    max-width:1440px;
    margin:0 auto;
    min-height:72px;
    padding:0 4px;
    display:flex;
    align-items:center;
    gap:34px;
    border-bottom:1px solid var(--gs-brand-line);
    background:transparent;
}

.gs-home-tabs a{
    position:relative;
    padding:24px 15px 20px;
    color:var(--gs-brand-text) !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:650;
}

.gs-home-tabs a.is-active{
    color:var(--gs-brand-pink) !important;
}

.gs-home-tabs a.is-active:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:2px;
    background:var(--gs-brand-pink);
}

.gs-home-filter{
    margin-left:auto;
    border:1px solid #dfe3e8;
    border-radius:5px;
    padding:8px 15px;
    background:#fff;
    font-size:13px;
}

.gs-overview-layout,
.gs-single-layout{
    max-width:1440px !important;
    margin:18px auto 40px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 390px !important;
    gap:26px !important;
    align-items:start;
}

.gs-overview-main{
    min-width:0;
}

.gs-deal-list{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}

/* ---------- Deal cards ---------- */
.gs-deal-card.gs-design-card{
    display:block !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid var(--gs-brand-line) !important;
    border-radius:7px !important;
    background:#fff !important;
    box-shadow:0 1px 3px rgba(15,23,42,.025) !important;
    overflow:hidden !important;
    opacity:1;
}

.gs-deal-card.gs-design-card.is-expired{
    opacity:.64 !important;
    filter:grayscale(.25);
}

.gs-card-grid{
    display:grid;
    grid-template-columns:235px minmax(0,1fr) 205px;
    gap:24px;
    padding:16px 20px 10px 14px;
    min-height:190px;
}

.gs-card-product{
    position:relative;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gs-card-discount-badge{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    height:31px;
    padding:0 10px;
    border-radius:5px;
    background:var(--gs-brand-pink);
    color:#fff;
    font-size:14px;
    font-weight:800;
}

.gs-card-image{
    display:flex !important;
    width:100% !important;
    height:158px !important;
    padding:2px 10px !important;
    align-items:center !important;
    justify-content:center !important;
    background:#fff !important;
}

.gs-card-image-img{
    max-width:190px !important;
    max-height:150px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    margin:0 !important;
}

.gs-card-copy{
    min-width:0;
    padding-top:5px;
}

.gs-card-title{
    margin:0 0 11px !important;
    font-size:20px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-.25px;
}

.gs-card-title a{
    color:var(--gs-brand-text) !important;
    text-decoration:none !important;
}

.gs-card-title a:hover{color:var(--gs-brand-pink) !important;}

.gs-card-preview{
    margin:0 !important;
    max-width:670px;
    color:#2f3946 !important;
    font-size:13px !important;
    line-height:1.55 !important;
}

.gs-card-readmore{
    color:var(--gs-brand-pink) !important;
    font-weight:700;
    text-decoration:none !important;
}

.gs-card-info-line{
    margin-top:26px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    color:var(--gs-brand-muted);
    font-size:11px;
}

.gs-card-info-line a{
    color:inherit !important;
    text-decoration:none !important;
}

.gs-card-offer{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    text-align:right;
    padding-top:1px;
}

.gs-card-price{
    color:var(--gs-brand-pink) !important;
    font-size:24px !important;
    line-height:1.05 !important;
    font-weight:850 !important;
}

.gs-card-compare{
    margin-top:7px;
    color:#8a929d !important;
    font-size:12px !important;
    text-decoration:none !important;
}

.gs-card-saving{
    margin-top:5px;
    color:var(--gs-brand-green) !important;
    font-size:12px !important;
    font-weight:500 !important;
}

.gs-card-merchant{
    min-height:36px;
    margin-top:9px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.gs-card-merchant .gs-merchant{
    margin:0 !important;
}

.gs-card-merchant .gs-merchant img{
    max-width:115px !important;
    max-height:32px !important;
    object-fit:contain;
}

.gs-card-shipping,
.gs-card-expires{
    margin-top:2px;
    color:#727c88;
    font-size:10px;
    line-height:1.25;
}

.gs-btn.gs-card-offer-button,
.gs-btn.gs-single-offer-button,
.gs-sidebar-login{
    border-radius:4px !important;
    border:0 !important;
    background:var(--gs-brand-pink) !important;
    color:#fff !important;
    font-weight:750 !important;
    box-shadow:none !important;
    text-decoration:none !important;
}

.gs-card-offer-button{
    margin-top:auto !important;
    width:140px !important;
    min-height:38px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    font-size:13px !important;
}

.gs-card-bottom{
    min-height:41px;
    border-top:1px solid #edf0f3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 16px;
    background:#fff;
}

.gs-card-vote-strip{
    display:flex;
    align-items:center;
}

.gs-card-bottom .gs-voting{
    gap:3px !important;
}

.gs-card-bottom .gs-vote-btn{
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    border:0 !important;
    background:transparent !important;
    font-size:11px !important;
}

.gs-card-bottom .gs-vote-center{
    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:3px !important;
    min-width:38px !important;
}

.gs-card-bottom .gs-vote-score{
    color:var(--gs-brand-text);
    font-size:13px;
}

.gs-card-bottom .gs-vote-label{
    font-size:16px !important;
}

.gs-card-secondary-actions{
    display:flex;
    align-items:center;
    gap:17px;
    font-size:11px;
    color:var(--gs-brand-muted);
}

.gs-card-secondary-actions button,
.gs-card-secondary-actions a{
    color:inherit !important;
    background:transparent !important;
    border:0 !important;
    padding:4px !important;
    min-height:auto !important;
    text-decoration:none !important;
    box-shadow:none !important;
}

/* ---------- Sidebar ---------- */
.gs-design-sidebar{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:14px;
    position:sticky;
    top:18px;
}

.gs-sidebar-box{
    border:1px solid var(--gs-brand-line) !important;
    border-radius:7px !important;
    background:#fff !important;
    padding:17px 18px !important;
    box-shadow:none !important;
    margin:0 !important;
}

.gs-sidebar-about,
.gs-sidebar-alarm{
    grid-column:1 / -1;
}

.gs-sidebar-title{
    margin:0 0 12px !important;
    color:var(--gs-brand-text) !important;
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
}

.gs-sidebar-about-head{
    display:flex;
    gap:14px;
    align-items:flex-start;
}

.gs-sidebar-about p,
.gs-sidebar-alarm p{
    margin:0 0 12px;
    color:#303944;
    font-size:12px;
    line-height:1.55;
}

.gs-sidebar-pig{
    margin-left:auto;
    font-size:52px;
    line-height:1;
}

.gs-sidebar-checks{
    list-style:none !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    display:flex;
    flex-direction:column;
    gap:8px;
    font-size:12px;
}

.gs-sidebar-checks li:before{
    content:"✓";
    display:inline-grid;
    place-items:center;
    width:15px;
    height:15px;
    margin-right:8px;
    border-radius:50%;
    background:var(--gs-brand-pink);
    color:#fff;
    font-size:10px;
    font-weight:900;
}

.gs-sidebar-category-list{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
}

.gs-sidebar-category-list a{
    display:flex !important;
    flex-direction:column;
    gap:1px;
    padding:0 !important;
    color:var(--gs-brand-text) !important;
    text-decoration:none !important;
    border:0 !important;
    background:transparent !important;
}

.gs-sidebar-category-name{
    font-size:12px;
    font-weight:750;
}

.gs-sidebar-category-list small{
    color:var(--gs-brand-muted);
    font-size:10px;
}

.gs-sidebar-list{
    display:flex;
    flex-direction:column;
    gap:11px;
}

.gs-sidebar-ranked{
    display:grid !important;
    grid-template-columns:25px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:start !important;
    padding:0 !important;
    border:0 !important;
    text-decoration:none !important;
    color:var(--gs-brand-text) !important;
}

.gs-sidebar-rank{
    width:23px;
    height:23px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#ff9d22;
    color:#fff;
    font-weight:800;
    font-size:11px;
}

.gs-sidebar-ranked-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
}

.gs-sidebar-deal-title{
    color:var(--gs-brand-text) !important;
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}

.gs-sidebar-deal-meta{
    margin-top:2px;
    color:var(--gs-brand-muted) !important;
    font-size:9px !important;
    white-space:normal !important;
}

.gs-sidebar-alarm .gs-sidebar-coming{
    display:block;
    color:var(--gs-brand-muted);
    font-size:11px;
    line-height:1.45;
}

.gs-sidebar-login{
    display:flex !important;
    min-height:36px !important;
    align-items:center;
    justify-content:center;
    width:100%;
    font-size:12px !important;
}

/* ---------- Pagination ---------- */
.gs-deals-pagination{
    margin:22px 0;
}
.gs-deals-pagination ul{
    display:flex;
    gap:6px;
    list-style:none;
    padding:0;
}
.gs-deals-pagination a,
.gs-deals-pagination span{
    min-width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:1px solid var(--gs-brand-line);
    border-radius:4px;
    background:#fff;
    text-decoration:none !important;
}
.gs-deals-pagination .current{
    background:var(--gs-brand-pink);
    color:#fff;
    border-color:var(--gs-brand-pink);
}

/* ---------- Single deal ---------- */
.gs-single-deal-box.gs-design-single{
    padding:0 !important;
    border:1px solid var(--gs-brand-line) !important;
    border-radius:7px !important;
    background:#fff !important;
    overflow:hidden;
    box-shadow:none !important;
    max-width:none !important;
}

.gs-design-single .gs-single-title-area{
    padding:22px 26px 16px !important;
    border-bottom:1px solid #eef0f3;
    text-align:left !important;
}

.gs-design-single .gs-single-title{
    margin:0 !important;
    color:var(--gs-brand-text) !important;
    font-size:29px !important;
    line-height:1.18 !important;
    font-weight:850 !important;
    text-align:left !important;
}

.gs-design-single .gs-single-hero{
    display:grid !important;
    grid-template-columns:minmax(250px, 38%) minmax(0,1fr) !important;
    gap:32px !important;
    padding:26px !important;
    align-items:start !important;
}

.gs-design-single .gs-single-product-column{
    min-width:0;
}

.gs-design-single .gs-single-image-wrap{
    min-height:310px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
}

.gs-design-single .gs-single-product-image{
    max-width:100% !important;
    max-height:310px !important;
    object-fit:contain;
}

.gs-design-single .gs-single-merchant-under-image{
    margin-top:16px !important;
    display:flex;
    justify-content:center;
}

.gs-design-single .gs-single-merchant-under-image .gs-merchant img{
    max-width:145px !important;
    max-height:42px !important;
}

.gs-design-single .gs-single-offer{
    min-width:0;
    border-left:1px solid #eef0f3;
    padding-left:31px;
}

.gs-design-single .gs-single-offer-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between;
    gap:20px;
}

.gs-design-single .gs-single-prices{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px 22px !important;
}

.gs-design-single .gs-single-price-main{
    grid-column:1 / -1;
}

.gs-design-single .gs-single-price-main span,
.gs-design-single .gs-single-price-compare span,
.gs-design-single .gs-single-price-saving span{
    color:var(--gs-brand-muted) !important;
    font-size:11px !important;
}

.gs-design-single .gs-single-price-main strong{
    color:var(--gs-brand-pink) !important;
    font-size:35px !important;
    line-height:1 !important;
}

.gs-design-single .gs-single-price-compare s{
    color:#8a929d !important;
    font-size:15px !important;
}

.gs-design-single .gs-single-price-saving strong{
    color:var(--gs-brand-green) !important;
    font-size:15px !important;
}

.gs-design-single .gs-single-voting-area{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:7px !important;
}

.gs-design-single .gs-single-voting-area .gs-favorite-btn{
    display:none !important;
}

.gs-design-single .gs-single-meta{
    margin:20px 0 0 !important;
    padding:13px 15px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px 16px !important;
    border-radius:5px;
    background:#f8fafc;
    color:#4d5967;
    font-size:12px !important;
}

.gs-design-single .gs-voucher-box{
    margin-top:16px !important;
    border:1px dashed #f3a4bd !important;
    background:#fff8fb !important;
}

.gs-design-single .gs-single-deal-footer{
    margin-top:20px !important;
    padding-top:18px !important;
    border-top:1px solid #eef0f3;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
}

.gs-design-single .gs-single-offer-button{
    width:180px !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    font-size:14px !important;
}

.gs-design-single .gs-single-side-info{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:6px !important;
}

.gs-design-single .gs-single-author-link{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--gs-brand-text) !important;
    text-decoration:none !important;
}

.gs-design-single .gs-single-author-avatar{
    width:34px !important;
    height:34px !important;
}

.gs-design-single .gs-single-inline-meta{
    color:var(--gs-brand-muted) !important;
    font-size:10px !important;
}

.gs-design-single .gs-single-content{
    margin:0 !important;
    padding:26px !important;
    border-top:1px solid #eef0f3;
    color:#27313e;
    font-size:15px !important;
    line-height:1.72 !important;
}

.gs-design-single .gs-single-content h2,
.gs-design-single .gs-single-content h3{
    color:var(--gs-brand-text);
}

.gs-design-single .gs-single-bottom-row{
    padding:18px 26px 24px !important;
    border-top:1px solid #eef0f3;
}

/* comments area beneath single */
body.gs-is-deal-single .ct-comments{
    border:1px solid var(--gs-brand-line);
    border-radius:7px;
    background:#fff;
    padding:24px;
}

/* ---------- Responsive ---------- */
@media (max-width:1250px){
    .gs-site-header-top{
        grid-template-columns:300px minmax(280px,1fr) auto;
        padding-left:22px;
        padding-right:22px;
        gap:18px;
    }
    .gs-brand-copy strong{font-size:32px}
    .gs-site-quick{gap:16px}
    .gs-site-nav-row{padding:0 20px}
    .gs-site-nav a{padding:0 17px}
    .gs-overview-layout,
    .gs-single-layout{
        grid-template-columns:minmax(0,1fr) 330px !important;
        padding:0 18px !important;
    }
    .gs-card-grid{
        grid-template-columns:190px minmax(0,1fr) 180px;
        gap:17px;
    }
}

@media (max-width:1050px){
    .gs-site-header-top{
        grid-template-columns:1fr auto;
    }
    .gs-site-search{
        grid-column:1 / -1;
        grid-row:2;
    }
    .gs-site-nav-row{
        overflow-x:auto;
    }
    .gs-site-nav{
        min-width:max-content;
    }
    .gs-site-saved{display:none}
    .gs-overview-layout,
    .gs-single-layout{
        grid-template-columns:1fr !important;
    }
    .gs-design-sidebar{
        position:static;
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:760px){
    .gs-site-header-top{
        min-height:auto;
        grid-template-columns:1fr;
        padding:12px 14px;
    }
    .gs-brand-pig{
        width:54px;height:54px;font-size:39px;
    }
    .gs-brand-copy strong{font-size:28px}
    .gs-brand-copy small{font-size:11px}
    .gs-site-quick{
        display:none;
    }
    .gs-site-search{
        grid-column:auto;
        grid-row:auto;
    }
    .gs-site-nav-row{
        padding:0;
        min-height:48px;
    }
    .gs-site-nav a{
        padding:0 15px;
        font-size:11px;
    }
    .gs-home-tabs{
        overflow-x:auto;
        gap:10px;
        min-height:55px;
        padding:0 12px;
    }
    .gs-home-tabs a{
        padding:18px 10px 15px;
        white-space:nowrap;
        font-size:12px;
    }
    .gs-home-filter{display:none}
    .gs-overview-layout,
    .gs-single-layout{
        margin-top:12px !important;
        padding:0 10px !important;
    }

    .gs-card-grid{
        grid-template-columns:108px minmax(0,1fr);
        gap:12px;
        padding:12px;
        min-height:0;
    }
    .gs-card-product{
        align-items:flex-start;
    }
    .gs-card-image{
        height:110px !important;
        padding-top:22px !important;
    }
    .gs-card-image-img{
        max-width:95px !important;
        max-height:90px !important;
    }
    .gs-card-discount-badge{
        min-width:43px;height:25px;font-size:11px;
    }
    .gs-card-title{
        font-size:16px !important;
        margin-bottom:6px !important;
    }
    .gs-card-preview{
        font-size:11px !important;
        line-height:1.4 !important;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
    .gs-card-info-line{
        margin-top:10px;
        gap:7px;
        font-size:9px;
    }
    .gs-card-offer{
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:1fr auto;
        align-items:center;
        text-align:left;
        gap:4px 10px;
        padding-top:7px;
        border-top:1px solid #eef0f3;
    }
    .gs-card-price{
        font-size:21px !important;
    }
    .gs-card-compare,
    .gs-card-saving,
    .gs-card-shipping,
    .gs-card-expires{
        grid-column:1;
        margin:0;
    }
    .gs-card-merchant{
        grid-column:2;
        grid-row:1 / span 3;
        margin:0;
    }
    .gs-card-offer-button{
        grid-column:1 / -1;
        width:100% !important;
        margin-top:7px !important;
    }
    .gs-card-bottom{
        padding:3px 9px;
    }

    .gs-design-sidebar{
        grid-template-columns:1fr;
    }
    .gs-sidebar-about,
    .gs-sidebar-alarm{
        grid-column:auto;
    }

    .gs-design-single .gs-single-title{
        font-size:23px !important;
    }
    .gs-design-single .gs-single-hero{
        grid-template-columns:1fr !important;
        padding:18px !important;
        gap:16px !important;
    }
    .gs-design-single .gs-single-image-wrap{
        min-height:220px;
    }
    .gs-design-single .gs-single-product-image{
        max-height:220px !important;
    }
    .gs-design-single .gs-single-offer{
        border-left:0;
        border-top:1px solid #eef0f3;
        padding:18px 0 0;
    }
    .gs-design-single .gs-single-offer-top{
        flex-direction:column;
    }
    .gs-design-single .gs-single-voting-area{
        align-items:flex-start !important;
    }
    .gs-design-single .gs-single-deal-footer{
        flex-direction:column !important;
        align-items:stretch !important;
    }
    .gs-design-single .gs-single-offer-button{
        width:100% !important;
    }
    .gs-design-single .gs-single-side-info{
        align-items:flex-start !important;
    }
    .gs-design-single .gs-single-content{
        padding:20px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.1.1 – Feinschliff nach finaler Designvorlage
   ===================================================================== */

/* WordPress/Blocksy-Seitentitel auf der Startseite ausblenden */
body.gs-geizschwein-design.home .entry-header,
body.gs-geizschwein-design.home .hero-section,
body.gs-geizschwein-design.home .page-title,
body.gs-geizschwein-design.home h1.entry-title{
    display:none !important;
}

/* unnötigen oberen Weißraum des Themes entfernen */
body.gs-geizschwein-design.home .site-main,
body.gs-geizschwein-design.home main#main,
body.gs-geizschwein-design.home .content-area,
body.gs-geizschwein-design.home .entry-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Breite näher an der Vorlage */
body.gs-geizschwein-design .ct-container,
body.gs-geizschwein-design .site-main > .ct-container,
body.gs-geizschwein-design .content-area,
body.gs-geizschwein-design .entry-content{
    width:100% !important;
    max-width:none !important;
}

.gs-home-tabs,
.gs-overview-layout,
.gs-single-layout{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
}

.gs-home-tabs{
    margin:0 auto !important;
    padding-left:10px !important;
    padding-right:10px !important;
}

.gs-overview-layout,
.gs-single-layout{
    margin:14px auto 42px !important;
    grid-template-columns:minmax(0, 1fr) 420px !important;
    gap:24px !important;
}

/* Header stärker an die Vorlage */
.gs-site-header-top{
    width:min(1500px, calc(100% - 48px));
    max-width:1500px;
    margin:0 auto;
    min-height:88px;
    padding:10px 0;
    grid-template-columns:410px minmax(420px,1fr) 310px;
    gap:28px;
}

.gs-brand{
    gap:12px;
}

.gs-brand-pig{
    width:70px;
    height:70px;
    border-radius:22px;
    background:linear-gradient(180deg,#fff5f8,#ffe5ed);
    border:1px solid #ffe0ea;
    font-size:50px;
    box-shadow:none;
}

.gs-brand-copy strong{
    font-size:41px;
    line-height:.96;
    letter-spacing:-2.2px;
}

.gs-brand-copy small{
    margin-top:6px;
    font-size:13px;
}

.gs-site-search{
    height:47px;
    border-radius:5px;
}

.gs-site-search button{
    width:58px;
    font-size:24px;
}

.gs-site-quick{
    justify-content:flex-end;
    gap:32px;
}

.gs-site-quick a{
    min-width:68px;
    font-size:24px;
}

.gs-site-nav-row{
    min-height:52px;
    padding:0 max(24px, calc((100vw - 1500px)/2));
}

.gs-site-nav a{
    padding:0 26px;
    font-size:12px;
    font-weight:800;
}

.gs-site-saved{
    padding-right:4px;
}

/* Tabs: kompakter und exakt wie Vorlage */
.gs-home-tabs{
    min-height:66px;
    gap:18px;
    border-bottom:1px solid #e8ebef;
}

.gs-home-tabs a{
    padding:22px 18px 18px;
    font-size:13px;
    font-weight:700;
}

.gs-home-filter{
    padding:7px 14px;
    font-size:12px;
}

/* Deal-Karten etwas flacher, breiter und klarer */
.gs-deal-list{
    gap:10px !important;
}

.gs-deal-card.gs-design-card{
    border-radius:6px !important;
}

.gs-card-grid{
    grid-template-columns:230px minmax(0,1fr) 205px;
    gap:22px;
    padding:13px 18px 8px 13px;
    min-height:176px;
}

.gs-card-product{
    align-items:flex-start;
    padding-top:1px;
}

.gs-card-image{
    height:145px !important;
    padding:8px 10px 0 !important;
}

.gs-card-image-img{
    max-width:180px !important;
    max-height:137px !important;
}

.gs-card-discount-badge{
    top:0;
    left:0;
    min-width:50px;
    height:29px;
    font-size:13px;
    border-radius:4px;
}

.gs-card-copy{
    padding-top:2px;
}

.gs-card-title{
    margin-bottom:7px !important;
    font-size:18px !important;
    line-height:1.18 !important;
}

.gs-card-preview{
    max-width:720px;
    font-size:12px !important;
    line-height:1.5 !important;
}

.gs-card-info-line{
    margin-top:20px;
    gap:13px;
    font-size:10px;
}

.gs-card-offer{
    padding-top:0;
}

.gs-card-price{
    font-size:22px !important;
}

.gs-card-compare{
    margin-top:5px;
    font-size:11px !important;
}

.gs-card-saving{
    margin-top:3px;
    font-size:11px !important;
}

.gs-card-merchant{
    margin-top:6px;
    min-height:30px;
}

.gs-card-merchant .gs-merchant img{
    max-width:110px !important;
    max-height:28px !important;
}

.gs-card-shipping,
.gs-card-expires{
    font-size:9px;
    line-height:1.2;
}

.gs-card-offer-button{
    width:132px !important;
    min-height:34px !important;
    margin-top:7px !important;
    font-size:12px !important;
}

.gs-card-bottom{
    min-height:35px;
    padding:2px 13px;
}

.gs-card-bottom .gs-vote-btn{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
}

.gs-card-bottom .gs-vote-center{
    min-width:33px !important;
}

.gs-card-bottom .gs-vote-score{
    font-size:12px;
}

.gs-card-bottom .gs-vote-label{
    font-size:15px !important;
}

.gs-card-secondary-actions{
    gap:13px;
    font-size:10px;
}

/* Sidebar wie in der Vorlage */
.gs-design-sidebar{
    grid-template-columns:1fr 1fr;
    gap:10px;
    top:14px;
}

.gs-sidebar-box{
    border-radius:6px !important;
    padding:15px 16px !important;
}

.gs-sidebar-title{
    margin-bottom:10px !important;
    font-size:15px !important;
}

.gs-sidebar-about p,
.gs-sidebar-alarm p{
    font-size:11px;
    line-height:1.5;
}

.gs-sidebar-pig{
    font-size:48px;
}

.gs-sidebar-checks{
    gap:7px;
    font-size:11px;
}

.gs-sidebar-category-list{
    gap:7px !important;
}

.gs-sidebar-category-name{
    font-size:11px;
}

.gs-sidebar-category-list small{
    font-size:9px;
}

.gs-sidebar-list{
    gap:9px;
}

.gs-sidebar-ranked{
    grid-template-columns:23px minmax(0,1fr) !important;
    gap:7px !important;
}

.gs-sidebar-rank{
    width:21px;
    height:21px;
    font-size:10px;
}

.gs-sidebar-deal-title{
    font-size:10px !important;
}

.gs-sidebar-deal-meta{
    font-size:8px !important;
}

/* Einzeldeal: gleiche visuelle Sprache, großzügiger und klarer */
.gs-single-layout{
    grid-template-columns:minmax(0,1fr) 420px !important;
}

.gs-single-deal-box.gs-design-single{
    border-radius:6px !important;
}

.gs-design-single .gs-single-title-area{
    padding:19px 24px 14px !important;
}

.gs-design-single .gs-single-title{
    font-size:26px !important;
}

.gs-design-single .gs-single-hero{
    grid-template-columns:minmax(280px, 40%) minmax(0,1fr) !important;
    gap:28px !important;
    padding:23px 24px !important;
}

.gs-design-single .gs-single-image-wrap{
    min-height:285px;
}

.gs-design-single .gs-single-product-image{
    max-height:285px !important;
}

.gs-design-single .gs-single-offer{
    padding-left:28px;
}

.gs-design-single .gs-single-price-main strong{
    font-size:32px !important;
}

.gs-design-single .gs-single-meta{
    margin-top:17px !important;
    padding:11px 13px !important;
    font-size:11px !important;
}

.gs-design-single .gs-single-deal-footer{
    margin-top:16px !important;
    padding-top:15px !important;
}

.gs-design-single .gs-single-offer-button{
    width:165px !important;
    min-height:40px !important;
    font-size:13px !important;
}

.gs-design-single .gs-single-content{
    padding:24px !important;
    font-size:14px !important;
    line-height:1.68 !important;
}

.gs-design-single .gs-single-bottom-row{
    padding:15px 24px 21px !important;
}

/* Desktop admin bar berücksichtigen */
body.admin-bar .gs-design-sidebar{
    top:46px;
}

/* Responsive neu kalibriert */
@media (max-width:1280px){
    .gs-site-header-top{
        width:calc(100% - 32px);
        grid-template-columns:330px minmax(320px,1fr) 260px;
        gap:18px;
    }
    .gs-brand-copy strong{font-size:34px}
    .gs-brand-pig{width:60px;height:60px;font-size:43px}
    .gs-overview-layout,
    .gs-single-layout{
        width:calc(100% - 32px) !important;
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
    .gs-card-grid{
        grid-template-columns:185px minmax(0,1fr) 175px;
        gap:15px;
    }
}

@media (max-width:1050px){
    .gs-site-header-top{
        grid-template-columns:1fr auto;
    }
    .gs-site-search{
        grid-column:1 / -1;
    }
    .gs-overview-layout,
    .gs-single-layout{
        grid-template-columns:1fr !important;
    }
    .gs-design-sidebar{
        position:static;
    }
}



/* =====================================================================
   GEIZSCHWEIN 2.1.2 – Dealübersicht / Navigation Feinschliff
   ===================================================================== */

/* Dealtitel und Snippet jeweils ca. 2px größer */
.gs-card-title{
    font-size:20px !important;
}

.gs-card-preview{
    font-size:14px !important;
}

/* Händlerlogo an seiner bisherigen rechten Position zentrieren */
.gs-card-merchant{
    width:100%;
    justify-content:center !important;
    text-align:center !important;
}

.gs-card-merchant .gs-merchant{
    width:100%;
    display:flex !important;
    justify-content:center !important;
}

.gs-card-merchant .gs-merchant img{
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Kommentar unten rechts optisch auf Voting-Niveau */
.gs-card-comments-bottom{
    display:inline-flex !important;
    align-items:center;
    gap:4px;
    font-size:12px !important;
    line-height:1 !important;
}

.gs-card-comments-bottom::first-letter{
    font-size:15px;
}

/* eigener Kommentar-Icon-Span, falls Browser first-letter ignoriert */
.gs-card-secondary-actions .gs-card-comments-bottom{
    min-height:24px;
}

/* Kategorien-Dropdown im dunklen Hauptmenü */
.gs-nav-dropdown{
    position:relative;
    display:flex;
    align-items:stretch;
}

.gs-nav-dropdown-toggle{
    display:flex;
    align-items:center;
    gap:6px;
    padding:0 26px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    box-shadow:none;
}

.gs-nav-dropdown:hover .gs-nav-dropdown-toggle,
.gs-nav-dropdown:focus-within .gs-nav-dropdown-toggle{
    background:rgba(255,255,255,.06);
}

.gs-nav-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:100;
    min-width:230px;
    padding:7px 0;
    display:none;
    background:#fff;
    border:1px solid #e3e7ec;
    border-radius:0 0 6px 6px;
    box-shadow:0 12px 30px rgba(7,24,40,.13);
}

.gs-nav-dropdown:hover .gs-nav-dropdown-menu,
.gs-nav-dropdown:focus-within .gs-nav-dropdown-menu{
    display:block;
}

.gs-site-nav .gs-nav-dropdown-menu a{
    display:block;
    padding:9px 16px;
    color:var(--gs-brand-text) !important;
    background:#fff !important;
    text-transform:none;
    font-size:12px;
    font-weight:650;
    white-space:nowrap;
}

.gs-site-nav .gs-nav-dropdown-menu a:hover{
    color:var(--gs-brand-pink) !important;
    background:#fff6f9 !important;
}

@media (max-width:760px){
    .gs-nav-dropdown-toggle{
        padding:0 15px;
        font-size:11px;
    }

    .gs-nav-dropdown-menu{
        min-width:205px;
    }

    .gs-card-title{
        font-size:18px !important;
    }

    .gs-card-preview{
        font-size:13px !important;
    }
}

.gs-comment-icon{
    display:inline-block;
    font-size:15px;
    line-height:1;
}

.gs-comment-count{
    display:inline-block;
    font-size:12px;
    line-height:1;
}


/* =====================================================================
   GEIZSCHWEIN 2.1.3 – einheitliche Kartenhöhe / Meta unten
   ===================================================================== */

/*
 * Desktop: Der mittlere Textbereich erhält eine feste Höhe.
 * Titel + Snippet bleiben oben, Dealalter/Ersteller/Kommentare werden
 * zuverlässig an die Unterkante des Inhaltsbereichs gedrückt.
 */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-grid{
        height:176px !important;
        min-height:176px !important;
        box-sizing:border-box;
    }

    .gs-deal-card.gs-design-card .gs-card-copy{
        height:100%;
        min-height:0;
        display:flex !important;
        flex-direction:column !important;
        padding-top:2px;
        padding-bottom:2px;
        box-sizing:border-box;
        overflow:hidden;
    }

    .gs-deal-card.gs-design-card .gs-card-title{
        flex:0 0 auto;
    }

    .gs-deal-card.gs-design-card .gs-card-preview{
        flex:0 1 auto;
        display:-webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        overflow:hidden;
    }

    .gs-deal-card.gs-design-card .gs-card-info-line{
        flex:0 0 auto;
        margin-top:auto !important;
        padding-top:8px;
        min-height:20px;
    }

    .gs-deal-card.gs-design-card .gs-card-product,
    .gs-deal-card.gs-design-card .gs-card-offer{
        height:100%;
        box-sizing:border-box;
    }
}

/* Auf kleineren Geräten wieder natürliche Höhe, damit nichts abgeschnitten wird. */
@media (max-width:760px){
    .gs-deal-card.gs-design-card .gs-card-grid,
    .gs-deal-card.gs-design-card .gs-card-copy{
        height:auto !important;
    }

    .gs-deal-card.gs-design-card .gs-card-info-line{
        margin-top:10px !important;
        padding-top:0;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.1.5
   Basis wieder 2.1.3. Nur Snippet-Höhe + Händlerlogo geändert.
   ===================================================================== */

/* Der Snippet-Bereich hat auf Desktop immer dieselbe feste Höhe.
   Titel und Meta-Zeile bleiben davon unabhängig. */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-preview{
        flex:0 0 48px !important;
        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;
        overflow:hidden !important;
        display:-webkit-box !important;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        box-sizing:border-box;
    }
}

/* Händlerlogo mittig an seiner bisherigen Position in der rechten Spalte.
   Preis, Ersparnis, Versand und CTA werden nicht verändert. */
.gs-deal-card.gs-design-card .gs-card-merchant{
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}

.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant{
    width:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant img{
    display:block !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* =====================================================================
   GEIZSCHWEIN 2.1.6 – vertikale Kartenaufteilung repariert
   ===================================================================== */

/*
 * Problem in 2.1.5:
 * - Meta-Zeile lag direkt auf der Trennlinie.
 * - Voting-Leiste wurde durch zu knappe Gesamthöhe angeschnitten.
 *
 * Lösung:
 * - oberer Kartenbereich etwas höher
 * - Meta-Zeile mit echtem Abstand zur Unterkante
 * - Voting-Leiste bekommt feste, eigene Höhe
 */

@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-grid{
        height:184px !important;
        min-height:184px !important;
        box-sizing:border-box;
        padding-bottom:14px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-copy{
        height:100% !important;
        min-height:0 !important;
        padding-bottom:0 !important;
        overflow:visible !important;
    }

    /* Snippet bleibt starr, aber nicht auf Kosten der Meta-Zeile */
    .gs-deal-card.gs-design-card .gs-card-preview{
        flex:0 0 48px !important;
        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;
        overflow:hidden !important;
        margin-bottom:0 !important;
    }

    /* Meta-Zeile bewusst oberhalb der grauen Linie */
    .gs-deal-card.gs-design-card .gs-card-info-line{
        margin-top:auto !important;
        padding-top:8px !important;
        padding-bottom:4px !important;
        min-height:24px !important;
        box-sizing:border-box;
        align-items:center !important;
    }

    /* untere Aktionsleiste unabhängig vom oberen Kartenbereich */
    .gs-deal-card.gs-design-card .gs-card-bottom{
        height:40px !important;
        min-height:40px !important;
        box-sizing:border-box;
        padding:5px 14px !important;
        overflow:visible !important;
        align-items:center !important;
    }

    .gs-deal-card.gs-design-card .gs-card-vote-strip,
    .gs-deal-card.gs-design-card .gs-card-secondary-actions{
        height:30px !important;
        min-height:30px !important;
        display:flex !important;
        align-items:center !important;
        overflow:visible !important;
    }

    .gs-deal-card.gs-design-card .gs-card-bottom .gs-voting{
        height:30px !important;
        min-height:30px !important;
        align-items:center !important;
        overflow:visible !important;
    }

    .gs-deal-card.gs-design-card .gs-card-bottom .gs-vote-btn{
        margin:0 !important;
        position:static !important;
        transform:none !important;
    }

    .gs-deal-card.gs-design-card .gs-card-bottom .gs-vote-center{
        height:30px !important;
        min-height:30px !important;
        align-items:center !important;
    }
}

/* Mobile bleibt flexibel */
@media (max-width:760px){
    .gs-deal-card.gs-design-card .gs-card-grid,
    .gs-deal-card.gs-design-card .gs-card-bottom,
    .gs-deal-card.gs-design-card .gs-card-vote-strip,
    .gs-deal-card.gs-design-card .gs-card-secondary-actions{
        height:auto !important;
        min-height:0 !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.1.7 – Menü / Händlerlogo / Meta / Produktbild
   ===================================================================== */

/* Händlerlogo in der rechten Spalte wirklich geometrisch zentrieren */
.gs-deal-card.gs-design-card .gs-card-offer{
    position:relative;
}

.gs-deal-card.gs-design-card .gs-card-merchant{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    align-self:stretch !important;
    text-align:center !important;
}

.gs-deal-card.gs-design-card .gs-card-merchant > *,
.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant{
    width:auto !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant img{
    display:block !important;
    margin:0 auto !important;
}

/* Meta-Zeile etwas höher, aber weiterhin bündig */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-info-line{
        transform:translateY(-5px);
        padding-bottom:0 !important;
    }

    /* Produktbild darf die untere Trennlinie nicht berühren/überdecken */
    .gs-deal-card.gs-design-card .gs-card-product{
        overflow:hidden !important;
        padding-bottom:8px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-image{
        height:136px !important;
        max-height:136px !important;
        padding-bottom:6px !important;
        box-sizing:border-box;
    }

    .gs-deal-card.gs-design-card .gs-card-image-img{
        max-height:128px !important;
    }
}


/* 2.1.8 – Händlerlogo rechtsbündig in der Angebotsspalte */
.gs-deal-card.gs-design-card .gs-card-merchant{
    width:100% !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    align-self:stretch !important;
    text-align:right !important;
}

.gs-deal-card.gs-design-card .gs-card-merchant > *,
.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant{
    width:auto !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    justify-content:flex-end !important;
    text-align:right !important;
}

.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant img{
    display:block !important;
    margin-left:auto !important;
    margin-right:0 !important;
}


/* 2.1.9 – Meta-Zeile minimal tiefer */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-info-line{
        transform:translateY(-2px) !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.1.10 – stabile rechte Angebotsspalte
   ===================================================================== */

/*
 * Vergleichspreis und Ersparnis bekommen feste Zeilenhöhen.
 * Sind die Werte bei einem Deal nicht vorhanden, bleiben die Plätze
 * optisch reserviert. Händlerlogo, Gültigkeit und CTA behalten dadurch
 * bei allen Deal-Karten dieselbe vertikale Position.
 */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-offer{
        display:flex !important;
        flex-direction:column !important;
        height:100% !important;
        box-sizing:border-box;
    }

    .gs-deal-card.gs-design-card .gs-card-price{
        flex:0 0 auto;
    }

    .gs-deal-card.gs-design-card .gs-card-compare{
        display:block !important;
        height:17px !important;
        min-height:17px !important;
        line-height:17px !important;
        margin-top:3px !important;
        box-sizing:border-box;
    }

    .gs-deal-card.gs-design-card .gs-card-saving{
        display:block !important;
        height:17px !important;
        min-height:17px !important;
        line-height:17px !important;
        margin-top:0 !important;
        box-sizing:border-box;
    }

    .gs-deal-card.gs-design-card .gs-card-merchant{
        flex:0 0 30px !important;
        min-height:30px !important;
        margin-top:4px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-shipping{
        min-height:12px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-expires{
        min-height:12px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-offer-button{
        margin-top:auto !important;
    }
}


/* 2.1.11 – Versandkosten sind Bestandteil des Dealpreises */
.gs-card-shipping,
.gs-single-shipping,
.gs-deal-shipping{
    display:none !important;
}


/* 2.1.12 – Meta-Zeile 10 Pixel weiter nach unten */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-info-line{
        transform:translateY(8px) !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.1.13 – mehr Platz für Deal-Snippet
   ===================================================================== */
@media (min-width:761px){
    /* Oberen Kartenbereich um 16px erhöhen */
    .gs-deal-card.gs-design-card .gs-card-grid{
        height:200px !important;
        min-height:200px !important;
    }

    /* Snippet bekommt Platz für eine zusätzliche Zeile */
    .gs-deal-card.gs-design-card .gs-card-preview{
        height:64px !important;
        min-height:64px !important;
        max-height:64px !important;
        overflow:hidden !important;
    }

    /* Produktbild bleibt oberhalb der Trennlinie */
    .gs-deal-card.gs-design-card .gs-card-image{
        height:152px !important;
        max-height:152px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-image-img{
        max-height:144px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.1.14 – Snippet um eine weitere Zeile erweitert
   ===================================================================== */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-grid{
        height:220px !important;
        min-height:220px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-preview{
        height:84px !important;
        min-height:84px !important;
        max-height:84px !important;
        overflow:hidden !important;
    }

    /* Produktbild nicht mit der höheren Karte mitwachsen lassen. */
    .gs-deal-card.gs-design-card .gs-card-image{
        height:152px !important;
        max-height:152px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-image-img{
        max-height:144px !important;
    }
}


/* 2.1.15 – 10px Abstand zwischen Überschrift und Snippet */
@media (min-width:761px){
    .gs-deal-card.gs-design-card .gs-card-preview{
        margin-top:10px !important;
    }

    /* Zusätzlichen Abstand auffangen, ohne den Snippet-Platz wieder zu verkleinern */
    .gs-deal-card.gs-design-card .gs-card-grid{
        height:230px !important;
        min-height:230px !important;
    }
}


/* 2.1.16 – überschüssige Weißfläche unter dem Inhalt reduzieren */
@media (min-width:761px){
    /*
     * Abstand Überschrift -> Snippet bleibt bei 10px.
     * Die Karte wird unten 12px kompakter, damit zwischen Meta-Zeile
     * und grauer Trennlinie weniger Leerraum entsteht.
     */
    .gs-deal-card.gs-design-card .gs-card-grid{
        height:218px !important;
        min-height:218px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.2.0 – Mein Geizschwein
   ===================================================================== */

body.gs-geizschwein-design.page .entry-header,
body.gs-geizschwein-design.page .hero-section,
body.gs-geizschwein-design.page .page-title,
body.gs-geizschwein-design.page .ct-page-title{
    display:none !important;
}

body.gs-geizschwein-design.page .site-main,
body.gs-geizschwein-design.page .content-area{
    padding-top:0;
}

.gs-account-shell{
    width:min(1440px, calc(100% - 32px));
    max-width:1440px;
    margin:32px auto 56px;
    color:#0b1b2d;
}

.gs-account-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:28px 30px;
    margin-bottom:18px;
    background:#fff;
    border:1px solid #e5e8ec;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(12,29,49,.04);
}

.gs-account-kicker,
.gs-account-panel-head span{
    display:block;
    margin-bottom:4px;
    font-size:12px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#f31351;
}

.gs-account-hero h1{
    margin:0 0 6px;
    font-size:32px;
    line-height:1.1;
    color:#0b1b2d;
}

.gs-account-hero p{
    margin:0;
    font-size:15px;
    color:#68717d;
}

.gs-account-primary-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 20px;
    border-radius:6px;
    background:#f31351;
    color:#fff !important;
    font-size:14px;
    font-weight:800;
    text-decoration:none !important;
    white-space:nowrap;
    transition:transform .15s ease, background .15s ease;
}

.gs-account-primary-button:hover{
    background:#d90f47;
    transform:translateY(-1px);
}

.gs-account-stats{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:10px;
    margin-bottom:18px;
}

.gs-account-stat{
    min-height:92px;
    padding:16px 18px;
    background:#fff;
    border:1px solid #e5e8ec;
    border-radius:8px;
}

.gs-account-stat strong{
    display:block;
    margin-bottom:3px;
    font-size:26px;
    line-height:1;
    color:#f31351;
}

.gs-account-stat span{
    font-size:12px;
    line-height:1.35;
    font-weight:700;
    color:#67717c;
}

.gs-account-layout{
    display:grid;
    grid-template-columns:minmax(0, 1.65fr) minmax(290px, .65fr);
    gap:18px;
    align-items:start;
}

.gs-account-main,
.gs-account-side{
    display:grid;
    gap:18px;
}

.gs-account-panel,
.gs-account-profile-card{
    background:#fff;
    border:1px solid #e5e8ec;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(12,29,49,.035);
}

.gs-account-panel{
    padding:22px;
}

.gs-account-panel-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    padding-bottom:15px;
    margin-bottom:4px;
    border-bottom:1px solid #edf0f2;
}

.gs-account-panel-head h2{
    margin:0;
    font-size:21px;
    line-height:1.15;
    color:#0b1b2d;
}

.gs-account-panel-head > a,
.gs-account-panel-head > strong{
    color:#f31351;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.gs-account-deal-rows{
    display:grid;
}

.gs-account-deal-row{
    display:grid;
    grid-template-columns:58px minmax(0, 1fr) auto;
    gap:13px;
    align-items:center;
    min-height:78px;
    padding:10px 0;
    border-bottom:1px solid #edf0f2;
}

.gs-account-deal-row:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.gs-account-deal-thumb{
    display:flex;
    width:58px;
    height:58px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border:1px solid #eceff2;
    border-radius:6px;
    background:#fff;
    font-size:26px;
}

.gs-account-deal-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.gs-account-deal-title{
    margin-bottom:5px;
    font-size:14px;
    line-height:1.35;
    font-weight:800;
    color:#0b1b2d;
}

.gs-account-deal-title a{
    color:inherit;
    text-decoration:none;
}

.gs-account-deal-title a:hover{
    color:#f31351;
}

.gs-account-deal-meta{
    display:flex;
    gap:12px;
    font-size:11px;
    color:#8a929c;
}

.gs-account-status{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 9px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
    background:#eef1f4;
    color:#66717b;
}

.gs-account-status.is-publish{
    background:#e7f7ec;
    color:#15833b;
}

.gs-account-status.is-pending{
    background:#fff4d8;
    color:#9b6800;
}

.gs-account-status.is-draft{
    background:#eef1f4;
    color:#66717b;
}

.gs-account-favorite-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    padding-top:12px;
}

.gs-account-favorite{
    display:grid;
    grid-template-columns:62px minmax(0, 1fr);
    gap:11px;
    align-items:center;
    min-height:78px;
    padding:8px;
    border:1px solid #edf0f2;
    border-radius:7px;
    color:#0b1b2d !important;
    text-decoration:none !important;
}

.gs-account-favorite:hover{
    border-color:#f7aac2;
}

.gs-account-favorite-image{
    display:flex;
    width:62px;
    height:62px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#fff;
}

.gs-account-favorite-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.gs-account-favorite-placeholder{
    font-size:26px;
}

.gs-account-favorite-copy{
    min-width:0;
}

.gs-account-favorite-copy strong{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom:4px;
    font-size:12px;
    line-height:1.35;
}

.gs-account-favorite-copy em{
    display:block;
    font-size:15px;
    font-style:normal;
    font-weight:900;
    color:#f31351;
}

.gs-account-comment-list{
    display:grid;
}

.gs-account-comment{
    display:block;
    padding:13px 0;
    border-bottom:1px solid #edf0f2;
    color:#0b1b2d !important;
    text-decoration:none !important;
}

.gs-account-comment:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.gs-account-comment-text{
    display:block;
    margin-bottom:5px;
    font-size:12px;
    line-height:1.45;
}

.gs-account-comment-meta{
    display:block;
    font-size:10px;
    line-height:1.35;
    font-weight:700;
    color:#9299a2;
}

.gs-account-empty{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:24px 4px 10px;
    color:#707985;
}

.gs-account-empty strong{
    font-size:14px;
    color:#0b1b2d;
}

.gs-account-empty span{
    font-size:12px;
}

.gs-account-profile-card{
    display:grid;
    grid-template-columns:64px minmax(0, 1fr);
    gap:14px;
    align-items:center;
    padding:20px;
}

.gs-account-avatar{
    display:block;
    width:64px;
    height:64px;
    overflow:hidden;
    border-radius:50%;
    background:#f2f4f6;
}

.gs-account-avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.gs-account-profile-card > div{
    min-width:0;
}

.gs-account-profile-card > div strong,
.gs-account-profile-card > div span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.gs-account-profile-card > div strong{
    font-size:14px;
}

.gs-account-profile-card > div span{
    margin-top:3px;
    font-size:11px;
    color:#8a929c;
}

.gs-account-profile-card > a{
    display:flex;
    min-height:36px;
    align-items:center;
    justify-content:center;
    grid-column:1/-1;
    border:1px solid #e5e8ec;
    border-radius:5px;
    color:#0b1b2d;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}

.gs-account-profile-card > a:hover{
    border-color:#f31351;
    color:#f31351;
}

.gs-account-profile-card > .gs-account-logout{
    margin-top:-6px;
    border:0;
    color:#89919a;
}

.gs-account-logged-out{
    max-width:720px;
}

.gs-account-login-card{
    padding:54px 40px;
    text-align:center;
    background:#fff;
    border:1px solid #e5e8ec;
    border-radius:12px;
}

.gs-account-login-pig{
    display:block;
    margin-bottom:8px;
    font-size:42px;
}

.gs-account-login-card h1{
    margin:0 0 10px;
    font-size:30px;
}

.gs-account-login-card p{
    max-width:480px;
    margin:0 auto 22px;
    color:#707985;
}

@media (max-width:1050px){
    .gs-account-stats{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .gs-account-layout{
        grid-template-columns:1fr;
    }

    .gs-account-side{
        grid-template-columns:minmax(0, 1fr) minmax(260px, .55fr);
    }
}

@media (max-width:760px){
    .gs-account-shell{
        width:min(100% - 20px, 1180px);
        margin-top:18px;
    }

    .gs-account-hero{
        align-items:flex-start;
        flex-direction:column;
        padding:20px;
    }

    .gs-account-hero h1{
        font-size:27px;
    }

    .gs-account-primary-button{
        width:100%;
    }

    .gs-account-stats{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .gs-account-stat{
        min-height:80px;
    }

    .gs-account-panel{
        padding:16px;
    }

    .gs-account-deal-row{
        grid-template-columns:50px minmax(0, 1fr);
    }

    .gs-account-deal-thumb{
        width:50px;
        height:50px;
    }

    .gs-account-status{
        grid-column:2;
        justify-self:start;
        margin-top:-3px;
    }

    .gs-account-favorite-grid,
    .gs-account-side{
        grid-template-columns:1fr;
    }

    .gs-account-panel-head{
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.2.2 – globaler Portal-Header
   ===================================================================== */

/* Der Geizschwein-Header bleibt beim Scrollen oben sichtbar. */
.gs-design-header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
}

/* Blocksy-Header auf allen Frontend-Seiten ersetzen. */
body.gs-geizschwein-design #header,
body.gs-geizschwein-design header#header,
body.gs-geizschwein-design .site-header,
body.gs-geizschwein-design .ct-header{
    display:none !important;
}

/*
 * Seitentitel/Theme-Page-Header global ausblenden.
 * Die eigentlichen Inhaltsüberschriften innerhalb von Beiträgen,
 * Deals und Plugin-Komponenten bleiben davon unberührt.
 */
body.gs-geizschwein-design .hero-section,
body.gs-geizschwein-design .ct-page-title,
body.gs-geizschwein-design .page-title-section,
body.gs-geizschwein-design.page .entry-header,
body.gs-geizschwein-design.archive .archive-title-wrapper,
body.gs-geizschwein-design.archive .page-title{
    display:none !important;
}

/* Kein unnötiger oberer Leerraum, nachdem der Theme-Seitentitel entfällt. */
body.gs-geizschwein-design.page .site-main,
body.gs-geizschwein-design.page .content-area,
body.gs-geizschwein-design.archive .site-main,
body.gs-geizschwein-design.archive .content-area{
    padding-top:0;
}


/* =====================================================================
   GEIZSCHWEIN 2.2.3 – Geizschwein-Punkte
   ===================================================================== */

.gs-header-points-link,
.gs-header-login-points{
    display:block;
    color:inherit !important;
    text-decoration:none !important;
}

.gs-header-points,
.gs-header-login-points small{
    display:flex !important;
    align-items:center;
    gap:5px;
    white-space:nowrap;
}

.gs-header-login-points small{
    font-size:11px;
    font-weight:700;
}

.gs-header-login-points:hover small{
    color:#f31351;
}

.gs-header-coin,
.gs-account-stat-coin{
    display:inline-flex;
    width:13px;
    height:13px;
    align-items:center;
    justify-content:center;
    flex:0 0 13px;
    border-radius:50%;
    background:#e7b52c;
    border:1px solid #c5910c;
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);
    color:#f7d665;
    font-size:0;
    vertical-align:middle;
}

.gs-header-coin::after,
.gs-account-stat-coin::after{
    content:"€";
    display:block;
    font-size:8px;
    line-height:1;
    font-weight:900;
    color:#8b6400;
}

.gs-account-stats{
    grid-template-columns:repeat(6, minmax(0, 1fr));
}

.gs-account-points-stat strong{
    display:flex;
    align-items:center;
    gap:7px;
}

.gs-account-points-stat .gs-account-stat-coin{
    width:18px;
    height:18px;
    flex-basis:18px;
}

.gs-account-points-stat .gs-account-stat-coin::after{
    font-size:10px;
}

.gs-account-points-total{
    display:flex !important;
    align-items:center;
    gap:6px;
}

.gs-account-points-list{
    display:grid;
    padding-top:8px;
}

.gs-account-points-list > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:11px 0;
    border-bottom:1px solid #edf0f2;
}

.gs-account-points-list > div:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.gs-account-points-list span{
    font-size:11px;
    line-height:1.35;
    color:#707985;
}

.gs-account-points-list strong{
    font-size:11px;
    line-height:1.35;
    white-space:nowrap;
    color:#0b1b2d;
}

@media (max-width:1050px){
    .gs-account-stats{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width:760px){
    .gs-account-stats{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .gs-header-login-points small{
        white-space:normal;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.2.4 – Monatsauswertung der Punkte
   ===================================================================== */

.gs-account-points-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:4px 0 16px;
}

.gs-account-points-summary > div{
    padding:12px 10px;
    border:1px solid #edf0f2;
    border-radius:9px;
    background:#fbfcfd;
}

.gs-account-points-summary > div:first-child{
    background:#fff9e8;
    border-color:#f1dfaa;
}

.gs-account-points-summary span{
    display:block;
    font-size:10px;
    line-height:1.25;
    color:#6b7480;
    margin-bottom:5px;
}

.gs-account-points-summary strong{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:15px;
    line-height:1.2;
    color:#0b1b2d;
}

.gs-account-points-summary strong .gs-account-stat-coin{
    width:14px;
    height:14px;
    flex-basis:14px;
}

.gs-account-points-summary strong .gs-account-stat-coin::after{
    font-size:8px;
}

.gs-account-points-month-title{
    padding:2px 0 5px;
    font-size:11px;
    color:#0b1b2d;
}

@media (max-width:760px){
    .gs-account-points-summary{
        grid-template-columns:1fr;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.3.0 – Login, Registrierung & Deal einreichen
   ===================================================================== */

.gs-auth-shell{
    width:min(1120px,calc(100% - 32px));
    margin:34px auto 52px;
}

.gs-auth-intro{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:20px;
}

.gs-auth-pig{
    display:flex;
    align-items:center;
    justify-content:center;
    width:62px;
    height:62px;
    border-radius:18px;
    background:#fff1f5;
    font-size:34px;
    flex:0 0 62px;
}

.gs-auth-kicker,
.gs-auth-card-kicker,
.gs-submit-kicker{
    display:block;
    margin-bottom:4px;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#f31351;
}

.gs-auth-intro h1,
.gs-submit-hero h1{
    margin:0 0 5px;
    font-size:30px;
    line-height:1.1;
    color:#0b1b2d;
}

.gs-auth-intro p,
.gs-submit-hero p{
    margin:0;
    max-width:720px;
    color:#68727e;
    font-size:14px;
    line-height:1.55;
}

.gs-auth-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.gs-auth-card{
    padding:24px;
    border:1px solid #e2e6e9;
    border-radius:13px;
    background:#fff;
    box-shadow:0 8px 30px rgba(11,27,45,.05);
}

.gs-auth-card h2{
    margin:0 0 18px;
    color:#0b1b2d;
    font-size:21px;
}

.gs-auth-register-card{
    border-top:3px solid #f31351;
}

.gs-auth-form{
    display:grid;
    gap:13px;
}

.gs-auth-form label > span{
    display:block;
    margin-bottom:5px;
    color:#273545;
    font-size:12px;
    font-weight:700;
}

.gs-auth-form label small{
    color:#818996;
    font-weight:500;
}

.gs-auth-form input[type="text"],
.gs-auth-form input[type="email"],
.gs-auth-form input[type="password"]{
    width:100%;
    min-height:45px;
    padding:9px 12px;
    border:1px solid #d9dee3;
    border-radius:8px;
    background:#fff;
    font-size:14px;
}

.gs-auth-form input:focus{
    border-color:#f31351;
    outline:2px solid rgba(243,19,81,.1);
    outline-offset:1px;
}

.gs-auth-check{
    display:flex !important;
    align-items:flex-start;
    gap:8px;
    font-size:12px;
    color:#5e6874;
}

.gs-auth-check input{
    margin-top:2px;
}

.gs-auth-check > span{
    margin:0 !important;
    font-weight:500 !important;
}

.gs-auth-primary{
    min-height:45px;
    border:0;
    border-radius:8px;
    padding:10px 16px;
    background:#f31351;
    color:#fff;
    font-weight:800;
    cursor:pointer;
}

.gs-auth-primary:hover{
    filter:brightness(.95);
}

.gs-auth-secondary-link{
    text-align:center;
    font-size:12px;
}

.gs-auth-honeypot{
    position:absolute !important;
    left:-10000px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

.gs-auth-notice{
    margin:0 0 18px;
    padding:12px 14px;
    border-radius:8px;
    font-size:13px;
    font-weight:700;
}

.gs-auth-notice.is-error{
    background:#fff1f1;
    color:#a12626;
    border:1px solid #f1c9c9;
}

.gs-auth-notice.is-success{
    background:#eefaf1;
    color:#226c36;
    border:1px solid #cde7d3;
}

.gs-auth-benefits{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:14px;
}

.gs-auth-benefits span{
    padding:11px 13px;
    border-radius:8px;
    background:#f6f8fa;
    color:#68727e;
    font-size:11px;
    text-align:center;
}

.gs-auth-benefits strong{
    color:#f31351;
}

/* Deal einreichen */
.gs-submit-modern{
    width:min(980px,calc(100% - 32px));
    margin:32px auto 54px;
}

.gs-submit-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
    padding:22px 24px;
    border-radius:13px;
    background:#fff;
    border:1px solid #e2e6e9;
}

.gs-submit-reward{
    min-width:145px;
    padding:12px 14px;
    border-radius:10px;
    background:#fff8e3;
    border:1px solid #eed99a;
    text-align:center;
}

.gs-submit-reward > span{
    display:block;
    margin-bottom:4px;
    font-size:10px;
    color:#78651e;
}

.gs-submit-reward > strong{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:#0b1b2d;
    font-size:20px;
}

.gs-submit-guided{
    display:grid;
    grid-template-columns:1fr;
    gap:15px;
}

.gs-submit-section{
    padding:22px 24px 24px;
    border:1px solid #e2e6e9;
    border-radius:13px;
    background:#fff;
}

.gs-submit-section-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:19px;
}

.gs-submit-step{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:50%;
    background:#0b1b2d;
    color:#fff;
    font-size:14px;
    font-weight:900;
}

.gs-submit-section-head h2{
    margin:0 0 2px;
    font-size:18px;
    color:#0b1b2d;
}

.gs-submit-section-head p{
    margin:0;
    color:#77808c;
    font-size:11px;
}

.gs-submit-section-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px 18px;
}

.gs-submit-field{
    min-width:0;
}

.gs-submit-wide{
    grid-column:1 / -1;
}

.gs-submit-field label{
    display:block;
    margin-bottom:6px;
    color:#293747;
    font-size:12px;
    font-weight:750;
}

.gs-submit-field label strong{
    color:#f31351;
}

.gs-submit-field input,
.gs-submit-field select,
.gs-submit-field textarea{
    width:100%;
    min-height:44px;
    padding:9px 11px;
    border:1px solid #d9dee3;
    border-radius:8px;
    background:#fff;
    color:#152536;
    font-size:13px;
}

.gs-submit-field textarea{
    min-height:170px;
    resize:vertical;
}

.gs-submit-field input:focus,
.gs-submit-field select:focus,
.gs-submit-field textarea:focus{
    border-color:#f31351;
    outline:2px solid rgba(243,19,81,.09);
    outline-offset:1px;
}

.gs-submit-help{
    margin:5px 0 0;
    font-size:10px;
    line-height:1.4;
    color:#858d97;
}

.gs-submit-money-input{
    position:relative;
}

.gs-submit-money-input input{
    padding-right:38px;
}

.gs-submit-money-input > span{
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    color:#66717d;
    font-weight:800;
}

.gs-submit-savings-preview{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:11px 13px;
    border-radius:8px;
    background:#eef9f0;
    color:#45634c;
    font-size:11px;
}

.gs-submit-savings-preview strong{
    color:#188239;
    font-size:13px;
}

.gs-submit-description-tips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:8px;
}

.gs-submit-description-tips span{
    padding:5px 8px;
    border-radius:20px;
    background:#f5f7f9;
    color:#6b7580;
    font-size:10px;
}

.gs-submit-final{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:17px 20px;
    border-radius:12px;
    background:#0b1b2d;
}

.gs-submit-final > div{
    display:grid;
    gap:3px;
}

.gs-submit-final strong{
    color:#fff;
    font-size:13px;
}

.gs-submit-final span{
    color:#aeb9c4;
    font-size:10px;
}

.gs-submit-button{
    min-height:44px;
    padding:10px 18px;
    border:0;
    border-radius:8px;
    background:#f31351;
    color:#fff;
    font-weight:850;
    cursor:pointer;
    white-space:nowrap;
}

.gs-submit-notice{
    margin:0 0 15px;
    padding:12px 14px;
    border-radius:8px;
    font-size:12px;
    font-weight:700;
}

.gs-submit-notice.is-success{
    background:#eefaf1;
    color:#226c36;
    border:1px solid #cde7d3;
}

.gs-submit-notice.is-error{
    background:#fff1f1;
    color:#a12626;
    border:1px solid #f1c9c9;
}

@media(max-width:760px){
    .gs-auth-shell,
    .gs-submit-modern{
        width:min(100% - 20px,100%);
        margin-top:20px;
    }

    .gs-auth-grid,
    .gs-auth-benefits,
    .gs-submit-section-grid{
        grid-template-columns:1fr;
    }

    .gs-submit-wide{
        grid-column:auto;
    }

    .gs-auth-intro{
        align-items:flex-start;
    }

    .gs-auth-intro h1,
    .gs-submit-hero h1{
        font-size:24px;
    }

    .gs-submit-hero,
    .gs-submit-final{
        align-items:stretch;
        flex-direction:column;
    }

    .gs-submit-reward{
        width:100%;
    }

    .gs-submit-section{
        padding:18px 15px;
    }

    .gs-submit-button{
        width:100%;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.3.1 – Produktbild beim Deal einreichen
   ===================================================================== */

.gs-submit-image-input{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
}

.gs-submit-image-drop{
    display:flex;
    min-height:190px;
    padding:25px;
    border:2px dashed #d6dce2;
    border-radius:11px;
    background:#fafbfc;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    text-align:center;
    cursor:pointer;
    transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

.gs-submit-image-drop:hover,
.gs-submit-image-drop.is-dragging{
    border-color:#f31351;
    background:#fff6f8;
}

.gs-submit-image-drop.is-dragging{
    transform:scale(.995);
}

.gs-submit-image-symbol{
    display:flex;
    width:44px;
    height:44px;
    margin-bottom:5px;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    background:#fff0f4;
    color:#f31351;
    font-size:27px;
    font-weight:400;
}

.gs-submit-image-drop strong{
    color:#0b1b2d;
    font-size:14px;
}

.gs-submit-image-drop > span:not(.gs-submit-image-symbol){
    color:#7a8490;
    font-size:11px;
}

.gs-submit-image-drop small{
    margin-top:5px;
    color:#9299a2;
    font-size:10px;
}

.gs-submit-image-preview{
    display:grid;
    grid-template-columns:170px minmax(0,1fr);
    gap:17px;
    align-items:center;
    padding:13px;
    border:1px solid #e0e4e8;
    border-radius:11px;
    background:#fafbfc;
}

.gs-submit-image-preview[hidden]{
    display:none !important;
}

.gs-submit-image-preview img{
    display:block;
    width:170px;
    height:125px;
    object-fit:contain;
    border-radius:8px;
    background:#fff;
}

.gs-submit-image-preview > div{
    display:grid;
    gap:5px;
    min-width:0;
}

.gs-submit-image-preview strong{
    overflow:hidden;
    color:#0b1b2d;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.gs-submit-image-preview span{
    color:#7c8590;
    font-size:10px;
}

.gs-submit-image-preview button{
    width:max-content;
    margin-top:5px;
    padding:6px 9px;
    border:1px solid #d8dde2;
    border-radius:6px;
    background:#fff;
    color:#59636e;
    font-size:10px;
    cursor:pointer;
}

.gs-submit-image-preview button:hover{
    border-color:#f31351;
    color:#f31351;
}

.gs-submit-image-error{
    margin:8px 0 0;
    padding:8px 10px;
    border-radius:7px;
    background:#fff1f1;
    color:#a12626;
    font-size:11px;
}

@media(max-width:760px){
    .gs-submit-image-preview{
        grid-template-columns:1fr;
    }

    .gs-submit-image-preview img{
        width:100%;
        height:180px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.4.0 – funktionale Startseiten-Tabs
   ===================================================================== */

.gs-home-tabs .gs-home-filter{
    appearance:none;
    -webkit-appearance:none;
    font:inherit;
    cursor:pointer;
}

.gs-home-filter-panel{
    margin:-1px 0 16px;
    padding:14px;
    border:1px solid #e1e5e9;
    border-radius:0 0 10px 10px;
    background:#fff;
}

.gs-home-filter-panel[hidden]{
    display:none !important;
}

.gs-home-filter-panel .gs-overview-filters{
    margin:0;
}

.gs-home-filter-form{
    grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;
}

@media(max-width:760px){
    .gs-home-tabs{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    .gs-home-tabs > a,
    .gs-home-tabs > button{
        white-space:nowrap;
    }

    .gs-home-filter-form{
        grid-template-columns:1fr;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.4.2 – Deal-Kategoriearchive im Startseiten-Design
   ===================================================================== */

.gs-category-overview-page{
    width:100%;
    margin:0;
    padding:28px 20px 48px;
}

.gs-category-overview-inner{
    width:min(1240px,100%);
    margin:0 auto;
}

.gs-category-overview-header{
    margin:0 0 18px;
}

.gs-category-overview-kicker{
    display:block;
    margin-bottom:3px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    opacity:.62;
}

.gs-category-overview-header h1{
    margin:0;
    font-size:clamp(25px,3vw,36px);
    line-height:1.15;
}

.gs-category-overview-description{
    max-width:780px;
    margin-top:10px;
}

.gs-category-overview-description > :last-child{
    margin-bottom:0;
}

.gs-category-overview-page .gs-overview-tabs{
    margin-top:0;
}

@media(max-width:760px){
    .gs-category-overview-page{
        padding:20px 12px 36px;
    }
}


/* GEIZSCHWEIN 2.4.3 – Gutschein-Hinweis und Popup */
.gs-card-voucher-hint{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:inherit;
    line-height:inherit;
    color:inherit;
    white-space:nowrap;
    opacity:.82;
}
.gs-voucher-modal[hidden]{display:none!important}
.gs-voucher-modal{
    position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px
}
.gs-voucher-modal-backdrop{
    position:absolute;inset:0;background:rgba(12,25,45,.56);backdrop-filter:blur(2px)
}
.gs-voucher-modal-dialog{
    position:relative;z-index:1;width:min(520px,100%);padding:26px;border-radius:16px;background:#fff;
    box-shadow:0 24px 70px rgba(10,24,43,.28)
}
.gs-voucher-modal-close{
    position:absolute;top:11px;right:13px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;
    font-size:28px;line-height:1;cursor:pointer;opacity:.62
}
.gs-voucher-modal-kicker{
    display:block;margin-bottom:5px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d52b75
}
.gs-voucher-modal-dialog h2{margin:0 34px 8px 0;font-size:22px;line-height:1.25}
.gs-voucher-modal-copy-message{margin:0 0 18px;font-size:14px;color:#526071}
.gs-voucher-modal-copy-message.is-error{font-weight:600}
.gs-voucher-code-row{display:flex;align-items:stretch;gap:9px;margin:0 0 14px}
.gs-voucher-code{
    flex:1;display:flex;align-items:center;min-width:0;padding:13px 15px;border:1px dashed #c5ccd5;border-radius:9px;
    background:#f7f8fa;font-size:19px;font-weight:800;letter-spacing:.04em;overflow-wrap:anywhere
}
.gs-voucher-copy-button,.gs-voucher-cancel{
    border:1px solid #d7dce2;border-radius:9px;background:#fff;padding:0 14px;font-weight:700;cursor:pointer
}
.gs-voucher-value{margin:10px 0 0;font-weight:700}
.gs-voucher-instructions{margin:8px 0 0;color:#526071;line-height:1.55}
.gs-voucher-modal-actions{display:flex;align-items:center;gap:10px;margin-top:22px}
.gs-voucher-continue{flex:1;text-align:center}
.gs-voucher-cancel{min-height:44px}
html.gs-voucher-modal-open{overflow:hidden}
@media(max-width:600px){
    .gs-voucher-modal{align-items:flex-end;padding:10px}
    .gs-voucher-modal-dialog{padding:22px 18px 18px;border-radius:16px 16px 10px 10px}
    .gs-voucher-code-row,.gs-voucher-modal-actions{flex-direction:column;align-items:stretch}
    .gs-voucher-copy-button{min-height:42px}
}


/* GEIZSCHWEIN 2.4.4 – Gutschein-Meta feinjustiert */
.gs-card-info-line .gs-card-voucher-hint{
    justify-content:flex-start;
    text-align:left;
    margin-left:0;
}
.gs-card-info-line .gs-card-voucher-hint strong{
    font-weight:700;
}


/* =====================================================================
   GEIZSCHWEIN 2.5.0 – Dealfilter
   ===================================================================== */

.gs-home-filter.gs-filter-toggle{
    appearance:none;
    border:0;
    background:transparent;
    font:inherit;
    color:inherit;
    cursor:pointer;
    padding:0;
}
.gs-home-filter.gs-filter-toggle.is-filtered{
    font-weight:700;
}
.gs-deal-filter-panel[hidden]{
    display:none!important;
}
.gs-deal-filter-panel{
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto auto;
    align-items:end;
    gap:14px 18px;
    margin:0 0 20px;
    padding:18px;
    border:1px solid rgba(15,35,60,.10);
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 18px rgba(15,35,60,.05);
}
.gs-deal-filter-field{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.gs-deal-filter-field > span{
    font-size:12px;
    font-weight:700;
    color:#596575;
}
.gs-deal-filter-field select{
    width:100%;
    min-height:42px;
    padding:0 34px 0 11px;
    border:1px solid #d8dde4;
    border-radius:8px;
    background:#fff;
}
.gs-deal-filter-check{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    cursor:pointer;
}
.gs-deal-filter-check input{
    width:17px;
    height:17px;
    margin:0;
}
.gs-deal-filter-actions{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:42px;
}
.gs-deal-filter-actions .gs-btn{
    white-space:nowrap;
}
.gs-deal-filter-actions > a{
    font-size:13px;
    white-space:nowrap;
}

@media(max-width:1050px){
    .gs-deal-filter-panel{
        grid-template-columns:1fr 1fr;
        align-items:center;
    }
    .gs-deal-filter-actions{
        grid-column:1 / -1;
    }
}

@media(max-width:600px){
    .gs-deal-filter-panel{
        grid-template-columns:1fr;
        padding:14px;
    }
    .gs-deal-filter-actions{
        grid-column:auto;
        flex-wrap:wrap;
    }
    .gs-deal-filter-actions .gs-btn{
        flex:1;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.5.1 – Filter-Typografie und Button-Farbe
   ===================================================================== */

/* Einheitliche Schriftgröße im gesamten Filterbereich. */
.gs-deal-filter-panel,
.gs-deal-filter-field > span,
.gs-deal-filter-field select,
.gs-deal-filter-check,
.gs-deal-filter-actions,
.gs-deal-filter-actions > a,
.gs-deal-filter-actions .gs-btn{
    font-size:14px;
}

/* Filter anwenden optisch exakt wie der „Zum Angebot“-Button. */
.gs-deal-filter-actions .gs-btn.gs-btn-primary{
    background:#f20d5e;
    border-color:#f20d5e;
    color:#fff;
}

.gs-deal-filter-actions .gs-btn.gs-btn-primary:hover,
.gs-deal-filter-actions .gs-btn.gs-btn-primary:focus{
    background:#d90b53;
    border-color:#d90b53;
    color:#fff;
}


/* =====================================================================
   GEIZSCHWEIN 2.5.2 – kompakter Filter + deutlicher Gutschein-Hinweis
   ===================================================================== */

/* Filter kompakter: weniger vertikaler Platz, gleiche Funktionalität. */
.gs-deal-filter-panel{
    gap:10px 14px;
    margin-bottom:16px;
    padding:12px 14px;
    border-radius:10px;
}

.gs-deal-filter-field{
    gap:4px;
}

.gs-deal-filter-field select{
    min-height:36px;
    height:36px;
    padding-top:0;
    padding-bottom:0;
}

.gs-deal-filter-check{
    min-height:36px;
}

.gs-deal-filter-actions{
    min-height:36px;
}

.gs-deal-filter-actions .gs-btn{
    min-height:36px;
    padding-top:7px;
    padding-bottom:7px;
}

/* Gutschein-Hinweis: weiterhin dezent, aber besser erkennbar. */
.gs-card-info-line .gs-card-voucher-hint{
    gap:5px;
    opacity:.95;
    font-weight:700;
}

.gs-card-info-line .gs-card-voucher-hint strong{
    font-weight:700;
}

.gs-card-voucher-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:.9em;
    line-height:1;
    transform:translateY(-.5px);
}

@media(max-width:600px){
    .gs-deal-filter-panel{
        padding:12px;
        gap:10px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.5.3 – Hot-Kennzeichnung
   ===================================================================== */
.gs-hot-label{
    display:inline-flex;
    align-items:center;
    gap:4px;
    width:max-content;
    line-height:1;
    white-space:nowrap;
}
.gs-hot-label strong{
    color:#f20d5e;
    font-weight:800;
    letter-spacing:.02em;
}
.gs-hot-flame{
    line-height:1;
}
.gs-hot-label-card{
    margin:0 0 5px;
    font-size:12px;
}
.gs-hot-label-single{
    margin:0 0 8px;
    font-size:14px;
}


/* =====================================================================
   GEIZSCHWEIN 2.5.4 – Hot inline + Gutschein-UX
   ===================================================================== */

/* HEISS steht direkt vor dem Dealtitel, ohne zusätzliche Zeile. */
.gs-card-title .gs-hot-label,
.gs-single-title .gs-hot-label{
    display:inline-flex;
    vertical-align:baseline;
    margin:0 7px 0 0;
    font-size:.72em;
    transform:translateY(-.04em);
}
.gs-card-title .gs-hot-label strong,
.gs-single-title .gs-hot-label strong{
    color:#f20d5e;
    font-weight:800;
}
.gs-card-title .gs-hot-flame,
.gs-single-title .gs-hot-flame{
    font-size:1em;
}

/* Frühere separate Hot-Abstände neutralisieren. */
.gs-hot-label-card,
.gs-hot-label-single{
    margin-top:0;
    margin-bottom:0;
}

/* Gutschein-Hinweis bleibt Meta-Text, ist jetzt aber klickbar. */
button.gs-card-voucher-hint{
    appearance:none;
    border:0;
    padding:0;
    margin:0;
    background:transparent;
    font:inherit;
    color:inherit;
    cursor:pointer;
}
button.gs-card-voucher-hint:hover strong,
button.gs-card-voucher-hint:focus-visible strong{
    color:#f20d5e;
}
button.gs-card-voucher-hint:focus-visible{
    outline:2px solid rgba(242,13,94,.35);
    outline-offset:3px;
    border-radius:3px;
}

/* Gutschein-Code und Kopiermeldung im Popup etwas klarer priorisieren. */
.gs-voucher-code{
    font-size:20px;
}
.gs-voucher-modal-copy-message:not(.is-error){
    font-weight:600;
}

/* Freundlicher leerer Zustand, ohne Filterlayout zu verändern. */
.gs-no-deals-friendly{
    padding:24px;
    border:1px solid rgba(15,35,60,.10);
    border-radius:12px;
    background:#fff;
    text-align:center;
}
.gs-no-deals-friendly strong{
    display:block;
    margin-bottom:5px;
}
.gs-no-deals-friendly p{
    margin:0;
    color:#596575;
}


/* =====================================================================
   GEIZSCHWEIN 2.5.5 – Kategorie-Seiten wie Startseite
   ===================================================================== */

.gs-category-overview-page{
    width:100%;
    margin:0;
    padding:0 0 48px;
}

.gs-category-overview-inner{
    width:100%;
    max-width:none;
    margin:0;
}

/* Kompakter Kategorienkopf; darunter startet unverändert die Startseiten-Übersicht. */
.gs-category-overview-header{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:24px auto 4px;
    padding:0 10px;
}

.gs-category-overview-header h1{
    margin:0;
    color:var(--gs-brand-text);
    font-size:clamp(26px, 3vw, 36px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.02em;
}

.gs-category-overview-header p{
    margin:7px 0 0;
    color:#667384;
    font-size:14px;
    line-height:1.55;
}

/* Die normale WordPress-Kategoriebeschreibung steht bewusst erst nach allen Deals. */
.gs-category-bottom-description{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:10px auto 0;
    padding:24px 10px 0;
    border-top:1px solid var(--gs-brand-line);
    color:#4f5c6b;
    font-size:14px;
    line-height:1.7;
}

.gs-category-bottom-description > :first-child{
    margin-top:0;
}

.gs-category-bottom-description > :last-child{
    margin-bottom:0;
}

@media(max-width:760px){
    .gs-category-overview-page{
        padding-bottom:32px;
    }

    .gs-category-overview-header,
    .gs-category-bottom-description{
        width:calc(100% - 20px);
        padding-left:0;
        padding-right:0;
    }

    .gs-category-overview-header{
        margin-top:18px;
        margin-bottom:2px;
    }

    .gs-category-overview-header h1{
        font-size:25px;
    }

    .gs-category-bottom-description{
        padding-top:18px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.5.6 – Deal-Einreichung UX
   ===================================================================== */
.gs-submit-review-note{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:0 0 14px;
    padding:14px 16px;
    border:1px solid rgba(242,13,94,.16);
    border-radius:10px;
    background:rgba(242,13,94,.035);
}
.gs-submit-review-note strong{
    color:var(--gs-brand-text);
    font-size:14px;
}
.gs-submit-review-note span{
    color:#667384;
    font-size:13px;
    line-height:1.55;
}

/* GEIZSCHWEIN 2.5.7 – Händlerseiten verwenden bewusst das
   identische Übersichtsdesign der Start- und Kategorieseiten. */
.gs-merchant-overview-page .gs-category-overview-header{margin-bottom:4px}


/* =====================================================================
   GEIZSCHWEIN 2.5.8 – eine gemeinsame Filter-Komponente
   ===================================================================== */

/* Gesperrte Kontextfelder behalten exakt dieselbe Größe und Position,
   damit Startseite, Kategorie- und Händlerarchive 1:1 ausgerichtet sind. */
.gs-deal-filter-field.is-locked select:disabled{
    opacity:1;
    color:#344154;
    background:#f5f7f9;
    cursor:not-allowed;
    -webkit-text-fill-color:#344154;
}


/* =====================================================================
   GEIZSCHWEIN 2.6.0 – Dealalarm
   ===================================================================== */
.gs-account-alert-panel{overflow:hidden}
.gs-alert-form{display:flex;flex-direction:column;gap:18px}
.gs-alert-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.gs-alert-intro>div>span{display:block;margin-bottom:3px;color:#7a8797;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.gs-alert-intro h2{margin:0 0 6px;font-size:22px;line-height:1.2}
.gs-alert-intro p{margin:0;color:#667384;font-size:14px;line-height:1.55}
.gs-alert-status{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#f5f7f9;color:#667384;font-size:11px;font-weight:700}
.gs-alert-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gs-alert-group{min-width:0;margin:0;padding:14px;border:1px solid #e5e9ee;border-radius:10px}
.gs-alert-group legend{padding:0 5px;font-size:15px;font-weight:800}
.gs-alert-group>p{margin:0 0 10px;color:#7a8797;font-size:12px}
.gs-alert-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px}
.gs-alert-options label{display:flex;align-items:center;gap:7px;min-width:0;font-size:13px;cursor:pointer}
.gs-alert-options input{margin:0}
.gs-alert-options span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gs-alert-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:2px}
.gs-alert-actions>span{color:#667384;font-size:13px}
.gs-alert-actions .gs-account-primary-button{border:0;cursor:pointer}
.gs-alert-notice{margin-bottom:14px;padding:10px 12px;border-radius:8px;background:#eef8f1;color:#23653a;font-size:13px;font-weight:700}
@media(max-width:760px){
  .gs-alert-intro,.gs-alert-actions{align-items:stretch;flex-direction:column}
  .gs-alert-columns{grid-template-columns:1fr}
  .gs-alert-options{grid-template-columns:1fr}
  .gs-alert-status{align-self:flex-start}
}


/* =====================================================================
   GEIZSCHWEIN 2.6.1 – Kategorie/Händler exakt wie Dealübersicht
   ===================================================================== */

/* Tabs und gemeinsamer Filter folgen immer derselben 1480px-Achse wie
   Deal-Liste + Sidebar. Dadurch laufen Archivseiten nicht mehr über
   die gesamte Viewport-Breite. */
.gs-overview-tabs,
.gs-deal-filter-panel{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

@media (max-width:1280px){
    .gs-overview-tabs,
    .gs-deal-filter-panel{
        width:calc(100% - 32px) !important;
    }
}

@media (max-width:760px){
    .gs-overview-tabs,
    .gs-deal-filter-panel{
        width:calc(100% - 20px) !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.6.2 – aktiver Dealalarm
   ===================================================================== */
.gs-alert-status.is-active{
    background:#eef8f1;
    color:#23653a;
}


/* =====================================================================
   GEIZSCHWEIN 2.7.0 – Mein Geizschwein Dashboard
   ===================================================================== */
.gs-account-nav{
    position:sticky;
    top:0;
    z-index:18;
    display:flex;
    align-items:center;
    gap:6px;
    overflow-x:auto;
    margin:0 0 16px;
    padding:8px;
    border:1px solid #e5e9ee;
    border-radius:10px;
    background:#fff;
}
.gs-account-nav a{
    flex:0 0 auto;
    padding:9px 12px;
    border-radius:7px;
    color:#283444;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}
.gs-account-nav a:hover,
.gs-account-nav a.is-active{
    background:#f20d5e;
    color:#fff;
}
.gs-account-hero,
.gs-account-panel,
.gs-account-profile-card{
    scroll-margin-top:86px;
}
.gs-account-panel[id],
.gs-account-profile-card[id]{
    position:relative;
}
.gs-account-panel-head > div > span{
    letter-spacing:.035em;
}
.gs-account-stats .gs-account-stat{
    min-width:0;
}
.gs-account-stats .gs-account-stat strong{
    line-height:1.05;
}
.gs-account-panel#dealalarm{
    border-color:#e7e9ee;
}
.gs-account-panel#dealalarm .gs-alert-intro{
    margin-bottom:2px;
}
.gs-account-profile-card{
    display:grid;
    gap:10px;
}
.gs-account-profile-card > a{
    justify-self:start;
}
.gs-account-empty{
    min-height:84px;
}
@media(max-width:760px){
    .gs-account-nav{
        top:0;
        margin-left:-2px;
        margin-right:-2px;
        border-radius:8px;
    }
    .gs-account-nav a{
        padding:8px 10px;
        font-size:12px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.9.0 – Einzeldeal: weitere passende Deals
   ===================================================================== */
.gs-single-related{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:28px auto 0;
}
.gs-single-related-section{
    margin-top:28px;
}
.gs-single-related-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:18px;
    margin:0 0 12px;
}
.gs-single-related-head h2{
    margin:0;
    color:#1e2a39;
    font-size:22px;
    line-height:1.2;
}
.gs-single-related-head a{
    flex:0 0 auto;
    color:#f20d5e;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}
.gs-single-related-head a:hover{
    text-decoration:underline;
}
.gs-single-related-list{
    display:grid;
    gap:14px;
}
@media(max-width:1280px){
    .gs-single-related{
        width:calc(100% - 32px);
    }
}
@media(max-width:760px){
    .gs-single-related{
        width:calc(100% - 20px);
        margin-top:20px;
    }
    .gs-single-related-head{
        align-items:flex-start;
    }
    .gs-single-related-head h2{
        font-size:19px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.9.2 – Mein Geizschwein Feinschliff
   ===================================================================== */

/* Dealalarm speichern nutzt bewusst das zentrale Geizschwein-Buttondesign. */
.gs-alert-actions .gs-alert-save-button.gs-btn.gs-btn-primary{
    background:#f20d5e;
    border-color:#f20d5e;
    color:#fff;
    cursor:pointer;
    font-size:14px;
}
.gs-alert-actions .gs-alert-save-button.gs-btn.gs-btn-primary:hover,
.gs-alert-actions .gs-alert-save-button.gs-btn.gs-btn-primary:focus{
    background:#d90b53;
    border-color:#d90b53;
    color:#fff;
}


/* =====================================================================
   GEIZSCHWEIN 2.9.3 – Mobile Deal-Karten
   Bild -> Überschrift -> Snippet -> Angebotsdaten
   ===================================================================== */
@media (max-width:760px){

    /* Die drei Desktop-Spalten werden mobil bewusst untereinander gesetzt.
       DOM-Reihenfolge bleibt Produktbild, Text, Angebot. */
    .gs-deal-card.gs-design-card .gs-card-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:0 !important;
        height:auto !important;
        min-height:0 !important;
        padding:14px !important;
    }

    /* Produktbild nimmt oben die volle Kartenbreite ein. */
    .gs-deal-card.gs-design-card .gs-card-product{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        padding:0 0 12px !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:visible !important;
    }

    .gs-deal-card.gs-design-card .gs-card-image{
        width:100% !important;
        height:180px !important;
        max-height:180px !important;
        min-height:0 !important;
        margin:0 !important;
        padding:4px 8px !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    .gs-deal-card.gs-design-card .gs-card-image-img{
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        max-height:170px !important;
        object-fit:contain !important;
        margin:0 auto !important;
    }

    /* Überschrift beginnt erst unterhalb des Bildes. */
    .gs-deal-card.gs-design-card .gs-card-copy{
        width:100% !important;
        height:auto !important;
        min-width:0 !important;
        min-height:0 !important;
        padding:0 !important;
        overflow:visible !important;
    }

    .gs-deal-card.gs-design-card .gs-card-title{
        margin:0 0 8px !important;
        font-size:18px !important;
        line-height:1.28 !important;
    }

    /* Snippet auf Mobilgeräten wieder sichtbar machen.
       Maximal vier Zeilen, damit die Karte kompakt bleibt. */
    .gs-deal-card.gs-design-card .gs-card-preview{
        display:-webkit-box !important;
        visibility:visible !important;
        opacity:1 !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 0 10px !important;
        color:#2f3946 !important;
        font-size:13px !important;
        line-height:1.5 !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:4 !important;
        overflow:hidden !important;
    }

    .gs-deal-card.gs-design-card .gs-card-readmore{
        display:inline !important;
    }

    .gs-deal-card.gs-design-card .gs-card-info-line{
        margin:0 0 11px !important;
        padding:0 !important;
        gap:6px 10px !important;
        font-size:10px !important;
    }

    /* Angebotsblock bleibt unter Text/Snippet und nicht neben der Überschrift. */
    .gs-deal-card.gs-design-card .gs-card-offer{
        grid-column:1 !important;
        width:100% !important;
        margin:0 !important;
        padding:12px 0 0 !important;
        border-top:1px solid #eef0f3 !important;
        box-sizing:border-box !important;
    }
}

@media (max-width:430px){
    .gs-deal-card.gs-design-card .gs-card-grid{
        padding:12px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-image{
        height:165px !important;
        max-height:165px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-image-img{
        max-height:155px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-title{
        font-size:17px !important;
    }

    .gs-deal-card.gs-design-card .gs-card-preview{
        -webkit-line-clamp:3 !important;
        font-size:12px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.9.4 – Mobile Einzelansicht: Bildbereich ohne Leerraum
   Desktop/Tablet bleiben unverändert.
   ===================================================================== */
@media (max-width:700px){

    /* Der Bildcontainer darf mobil nicht mehr durch alte Mindest-/Maximalhöhen
       künstlich aufgespannt werden. */
    .gs-design-single .gs-single-image-wrap{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 !important;
        padding:6px 0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    /* Bild bleibt responsiv und bestimmt die benötigte Höhe selbst. */
    .gs-design-single .gs-single-product-image{
        display:block !important;
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        max-height:230px !important;
        margin:0 auto !important;
        object-fit:contain !important;
    }

    /* Auch die umgebende Produktspalte bekommt keine künstliche Höhe. */
    .gs-design-single .gs-single-product-column{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    /* Hero soll ausschließlich durch seinen tatsächlichen Inhalt wachsen. */
    .gs-design-single .gs-single-hero{
        height:auto !important;
        min-height:0 !important;
        align-items:start !important;
    }

    /* Händlerlogo folgt direkt auf das Bild. */
    .gs-design-single .gs-single-merchant-under-image{
        margin-top:6px !important;
        margin-bottom:0 !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.9.5 – Mobile Einzelansicht: Hero wirklich einspaltig
   =====================================================================
   Eine spätere Desktop-Regel mit !important konnte auf Smartphones die
   ältere mobile Einspalten-Regel überschreiben. Dadurch blieb der Hero
   technisch zweispaltig und die schmale Angebots-Spalte konnte extrem
   hoch werden. Das sah wie ein langer leerer weißer Bereich aus.
   ===================================================================== */
@media (max-width:700px){

    .gs-design-single .gs-single-hero{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        gap:14px !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        padding:16px !important;
        align-items:start !important;
        box-sizing:border-box !important;
    }

    .gs-design-single .gs-single-product-column,
    .gs-design-single .gs-single-offer{
        grid-column:1 !important;
        width:100% !important;
        min-width:0 !important;
        height:auto !important;
        min-height:0 !important;
        box-sizing:border-box !important;
    }

    .gs-design-single .gs-single-offer{
        margin:0 !important;
        padding:14px 0 0 !important;
        border-left:0 !important;
        border-top:1px solid #eef0f3 !important;
    }

    .gs-design-single .gs-single-offer-top{
        width:100% !important;
        min-width:0 !important;
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
    }

    .gs-design-single .gs-single-prices{
        width:100% !important;
        min-width:0 !important;
    }

    .gs-design-single .gs-single-voting-area{
        width:auto !important;
        align-items:flex-start !important;
    }

    .gs-design-single .gs-single-deal-footer{
        width:100% !important;
        margin-top:14px !important;
        padding-top:14px !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:12px !important;
    }

    .gs-design-single .gs-single-side-info{
        width:100% !important;
        align-items:flex-start !important;
        transform:none !important;
    }

    /* Dealbeschreibung direkt nach dem tatsächlich benötigten Hero-Bereich. */
    .gs-design-single .gs-single-content{
        clear:both !important;
        margin:0 !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.9.6 – Gutschein in der Singleansicht wie in Deal-Karten
   ===================================================================== */
.gs-single-voucher-hint-row{
    display:flex;
    align-items:center;
    margin:14px 0 0;
}

.gs-single-voucher-hint-row .gs-card-voucher-hint{
    font-size:12px;
    color:var(--gs-brand-muted);
}

@media(max-width:700px){
    .gs-single-voucher-hint-row{
        margin-top:12px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 2.9.8 – Sidebar konsolidiert
   Nur Darstellung; keine Funktions- oder Inhaltsänderungen.
   ===================================================================== */

/* Einheitliche Boxen und Überschriften */
.gs-deals-sidebar.gs-design-sidebar{
    gap:18px;
}

.gs-deals-sidebar .gs-sidebar-box{
    text-align:left;
}

.gs-deals-sidebar .gs-sidebar-title{
    margin:0 0 12px !important;
    text-align:left !important;
    line-height:1.25 !important;
}

/* Top Kategorien: Name und Dealanzahl bewusst linksbündig statt auseinandergezogen. */
.gs-deals-sidebar .gs-sidebar-category-list{
    align-items:stretch;
}

.gs-deals-sidebar .gs-sidebar-category-list a{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:baseline !important;
    gap:7px !important;
    width:100%;
    text-align:left !important;
}

.gs-deals-sidebar .gs-sidebar-category-name{
    flex:0 1 auto;
    min-width:0;
    text-align:left !important;
}

.gs-deals-sidebar .gs-sidebar-category-list small{
    flex:0 0 auto;
    min-width:0 !important;
    white-space:nowrap !important;
    text-align:left !important;
}

/* Beliebte Deals: eigene, feste Rangspalte. Titel kann nicht mehr in 1/2/3 laufen. */
.gs-deals-sidebar .gs-sidebar-list{
    width:100%;
}

.gs-deals-sidebar .gs-sidebar-ranked{
    display:grid !important;
    grid-template-columns:30px minmax(0,1fr) !important;
    column-gap:10px !important;
    align-items:start !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
}

.gs-deals-sidebar .gs-sidebar-rank{
    grid-column:1 !important;
    width:24px !important;
    min-width:24px !important;
    height:24px !important;
    margin:0 !important;
    justify-self:start !important;
    position:static !important;
    transform:none !important;
    flex:none !important;
    line-height:24px !important;
    text-align:center !important;
    overflow:hidden;
}

.gs-deals-sidebar .gs-sidebar-ranked-copy{
    grid-column:2 !important;
    min-width:0 !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    position:static !important;
    transform:none !important;
    text-align:left !important;
}

.gs-deals-sidebar .gs-sidebar-deal-title{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    text-align:left !important;
}

.gs-deals-sidebar .gs-sidebar-deal-meta{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin-top:3px !important;
    white-space:normal !important;
    text-align:left !important;
}

/* Dealalarm optisch an die übrigen Boxen angleichen. */
.gs-deals-sidebar .gs-sidebar-alarm p{
    margin:0 0 13px !important;
    text-align:left !important;
}

.gs-deals-sidebar .gs-sidebar-alarm .gs-sidebar-login{
    margin:0 !important;
}

/* Mobil/Tablet: dieselbe sichere Ausrichtung beibehalten. */
@media(max-width:1100px){
    .gs-deals-sidebar .gs-sidebar-ranked{
        grid-template-columns:30px minmax(0,1fr) !important;
        column-gap:10px !important;
    }
}

@media(max-width:700px){
    .gs-deals-sidebar.gs-design-sidebar{
        gap:14px;
    }

    .gs-deals-sidebar .gs-sidebar-box{
        min-width:0;
    }

    .gs-deals-sidebar .gs-sidebar-category-list a{
        flex-wrap:wrap;
        row-gap:2px !important;
    }

    .gs-deals-sidebar .gs-sidebar-ranked{
        grid-template-columns:30px minmax(0,1fr) !important;
    }
}

/* GEIZSCHWEIN 2.9.9 – Modulare Sidebar */
.gs-deals-sidebar .gs-sidebar-secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:12px;padding:7px 11px;border:1px solid var(--gs-brand-line);border-radius:6px;background:#fff;color:var(--gs-brand-text)!important;font-size:11px;font-weight:750;text-decoration:none!important}
.gs-deals-sidebar .gs-sidebar-secondary-button:hover{border-color:#d31572;color:#d31572!important}
.gs-sidebar-tip p,.gs-sidebar-newsletter p{margin:0 0 10px;font-size:11px;line-height:1.5}
.gs-sidebar-popular-meta{display:flex;align-items:center;gap:8px;margin-top:3px}.gs-sidebar-popular-meta strong{font-size:11px;color:#d31572}.gs-sidebar-popular-meta small{font-size:9px;color:var(--gs-brand-muted)}
.gs-sidebar-user-list{list-style:decimal;margin:0;padding-left:22px}.gs-sidebar-user-list li{display:list-item;position:relative;padding:6px 72px 6px 0;border-top:1px solid #eef0f3;min-height:22px}.gs-sidebar-user-list li:first-child{border-top:0;padding-top:0}.gs-sidebar-user-list li::marker{font-size:10px;font-weight:800}
.gs-sidebar-user-name{display:block;min-width:0;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-sidebar-user-points{position:absolute;right:0;top:6px;display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:10px;white-space:nowrap}.gs-sidebar-user-list li:first-child .gs-sidebar-user-points{top:0}.gs-sidebar-user-points .gs-account-stat-coin{width:13px;height:13px;flex-basis:13px}
.gs-sidebar-merchant-list{display:flex;flex-direction:column}.gs-sidebar-merchant-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #eef0f3;text-decoration:none!important;color:var(--gs-brand-text)!important}.gs-sidebar-merchant-list a:first-child{border-top:0;padding-top:0}.gs-sidebar-merchant-brand{display:flex;align-items:center;min-width:0}.gs-sidebar-merchant-brand img{display:block;max-width:88px;max-height:28px;width:auto;height:auto;object-fit:contain}.gs-sidebar-merchant-brand strong{font-size:11px}.gs-sidebar-merchant-list small{font-size:9px;color:var(--gs-brand-muted);white-space:nowrap}


/* =====================================================================
   GEIZSCHWEIN 3.0.0 – Suche im Dealübersichts-Design
   Deal-Karten, Tabs, Filter und Sidebar selbst werden 1:1 wiederverwendet.
   ===================================================================== */
.gs-search-template-shell{
    width:min(1480px, calc(100% - 32px));
    margin:26px auto 46px;
}

.gs-search-overview{
    width:100%;
}

.gs-search-heading{
    margin:0 0 16px;
    text-align:left;
}

.gs-search-heading h1{
    margin:0;
    color:var(--gs-brand-text);
    font-size:26px;
    line-height:1.2;
    font-weight:850;
}

.gs-search-heading p{
    margin:6px 0 0;
    color:var(--gs-brand-muted);
    font-size:13px;
}

.gs-search-empty{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:24px;
    border:1px solid var(--gs-brand-line);
    border-radius:6px;
    background:#fff;
}

.gs-search-empty strong{
    font-size:17px;
}

.gs-search-empty span{
    color:var(--gs-brand-muted);
    font-size:13px;
}

@media(max-width:760px){
    .gs-search-template-shell{
        width:calc(100% - 16px);
        margin-top:14px;
    }

    .gs-search-heading h1{
        font-size:22px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.0.1 – Kommentare direkt unter der Dealkachel
   ===================================================================== */
.gs-comments-after-deal{
    width:min(1480px, calc(100% - 32px));
    margin:0 auto;
}

.gs-comments-after-deal:empty{
    display:none;
}

.gs-comments-after-deal.has-comments{
    display:block;
    margin-top:18px;
    margin-bottom:22px;
}

.gs-comments-after-deal > #comments,
.gs-comments-after-deal > .ct-comments,
.gs-comments-after-deal > .comments-area,
.gs-comments-after-deal > .post-comments,
.gs-comments-after-deal > .ct-comments-container{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

@media(max-width:760px){
    .gs-comments-after-deal{
        width:calc(100% - 16px);
    }
    .gs-comments-after-deal.has-comments{
        margin-top:14px;
        margin-bottom:18px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.0.2 – Kommentare exakt unter Deal + Header „Deal melden“
   ===================================================================== */

/* Linke Einzeldeal-Spalte: Deal und Kommentare bilden eine gemeinsame Spalte.
   Dadurch hängt die Kommentarposition nicht mehr von der Höhe der Sidebar ab. */
.gs-single-main-column{
    min-width:0;
    width:100%;
    display:flex;
    flex-direction:column;
    gap:0;
}

/* Kommentarbereich exakt so breit wie die Dealkachel und direkt darunter. */
.gs-single-main-column .gs-comments-after-deal{
    width:100% !important;
    max-width:none !important;
    margin:12px 0 0 !important;
    padding:0 !important;
}

.gs-single-main-column .gs-comments-after-deal:empty{
    display:none;
}

.gs-single-main-column .gs-comments-after-deal.has-comments{
    display:block;
    margin-top:12px !important;
    margin-bottom:0 !important;
}

/* Blocksy bringt für Kommentare eigene Containerbreiten mit.
   Innerhalb unserer Dealspalte werden diese bewusst aufgehoben. */
.gs-single-main-column .gs-comments-after-deal > #comments,
.gs-single-main-column .gs-comments-after-deal > .ct-comments,
.gs-single-main-column .gs-comments-after-deal > .comments-area,
.gs-single-main-column .gs-comments-after-deal > .post-comments,
.gs-single-main-column .gs-comments-after-deal > .ct-comments-container{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

.gs-single-main-column .gs-comments-after-deal .ct-container,
.gs-single-main-column .gs-comments-after-deal .ct-comments-inner,
.gs-single-main-column .gs-comments-after-deal .comments-area,
.gs-single-main-column .gs-comments-after-deal .comment-respond{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

/* Headeraktion: bewusst sichtbarer als Merkliste/Konto, aber schwächer als
   der pinke Kauf-CTA. */
.gs-site-quick .gs-header-report{
    appearance:none;
    -webkit-appearance:none;
    font:inherit;
    cursor:pointer;
    border:1px solid #f4a7c1 !important;
    background:#fff3f7 !important;
    color:#c70c50 !important;
    border-radius:7px;
    min-width:82px;
    padding:7px 9px !important;
}

.gs-site-quick button.gs-header-report{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    text-decoration:none;
}

.gs-site-quick .gs-header-report span{
    color:#e20d58 !important;
}

.gs-site-quick .gs-header-report small{
    color:#b90946 !important;
    font-weight:800 !important;
}

.gs-site-quick .gs-header-report:hover,
.gs-site-quick .gs-header-report:focus{
    border-color:#e20d58 !important;
    background:#ffe5ee !important;
    color:#a7083e !important;
}

@media(max-width:1050px){
    .gs-single-main-column{
        width:100%;
    }
}

@media(max-width:760px){
    .gs-single-main-column .gs-comments-after-deal,
    .gs-single-main-column .gs-comments-after-deal.has-comments{
        width:100% !important;
        margin-top:10px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.0.3 – Einzeldeal nutzt 1:1 die Übersichtskarte
   ===================================================================== */

/* Überschrift bleibt bewusst eigenständig; darunter beginnt dieselbe zentrale
   Deal-Karte wie in Startseite, Kategorien, Händlerseiten und Suche. */
.gs-single-deal-combined{
    width:100%;
    min-width:0;
}

.gs-single-deal-combined > .gs-single-title-area{
    margin:0 !important;
    padding:18px 20px 14px !important;
    border:1px solid var(--gs-brand-line) !important;
    border-bottom:0 !important;
    border-radius:6px 6px 0 0 !important;
    background:#fff !important;
}

.gs-single-deal-combined > .gs-single-title-area .gs-single-title{
    margin:0 !important;
    color:var(--gs-brand-text) !important;
    font-size:26px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
    text-align:left !important;
}

/* Der eigentliche Einzeldeal IST die zentrale Übersichtskarte. */
.gs-single-deal-combined > .gs-single-overview-card.gs-deal-card.gs-design-card{
    margin:0 !important;
    border-radius:0 0 6px 6px !important;
}

/* Nur die Textmenge ist in der Einzelansicht größer:
   Struktur, Produktbild, Preis, Händlerlogo, Gutschein, Meta, CTA,
   Voting und Melden bleiben exakt dieselben Renderer/Klassen. */
@media(min-width:761px){
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-grid{
        height:auto !important;
        min-height:218px !important;
        align-items:start !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-copy{
        padding-top:2px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-full-content{
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        -webkit-line-clamp:unset !important;
        line-clamp:unset !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-info-line{
        transform:none !important;
        margin-top:18px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-offer{
        height:auto !important;
        min-height:205px !important;
    }
}

.gs-single-overview-card .gs-card-full-content p:first-child,
.gs-single-overview-card .gs-card-full-content ul:first-child,
.gs-single-overview-card .gs-card-full-content ol:first-child{
    margin-top:0 !important;
}

.gs-single-overview-card .gs-card-full-content p:last-child,
.gs-single-overview-card .gs-card-full-content ul:last-child,
.gs-single-overview-card .gs-card-full-content ol:last-child{
    margin-bottom:0 !important;
}

.gs-single-overview-card .gs-card-full-content p,
.gs-single-overview-card .gs-card-full-content li{
    font-size:12px !important;
    line-height:1.55 !important;
}

.gs-single-overview-card .gs-card-full-content ul,
.gs-single-overview-card .gs-card-full-content ol{
    margin-bottom:10px;
}

/* Kommentar-Button optisch und geometrisch wie „Zum Angebot“. */
.gs-comments-after-deal .gs-comment-submit-button,
.gs-comments-after-deal input.gs-comment-submit-button,
.gs-comments-after-deal button.gs-comment-submit-button{
    appearance:none !important;
    -webkit-appearance:none !important;
    width:132px !important;
    min-width:132px !important;
    min-height:34px !important;
    height:auto !important;
    margin-top:7px !important;
    padding:7px 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:4px !important;
    background:var(--gs-brand-pink) !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    box-shadow:none !important;
    text-decoration:none !important;
    cursor:pointer !important;
}

.gs-comments-after-deal .gs-comment-submit-button:hover,
.gs-comments-after-deal .gs-comment-submit-button:focus{
    background:#d90b53 !important;
    color:#fff !important;
}

@media(max-width:760px){
    .gs-single-deal-combined > .gs-single-title-area{
        padding:14px !important;
    }

    .gs-single-deal-combined > .gs-single-title-area .gs-single-title{
        font-size:22px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-full-content{
        display:block !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        overflow:visible !important;
        -webkit-line-clamp:unset !important;
        line-clamp:unset !important;
    }

    .gs-comments-after-deal .gs-comment-submit-button,
    .gs-comments-after-deal input.gs-comment-submit-button,
    .gs-comments-after-deal button.gs-comment-submit-button{
        width:100% !important;
        min-width:0 !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.0.4 – Header: Deal melden in Amber, Community entfernt
   ===================================================================== */
.gs-site-quick .gs-header-report{
    border-color:#F0B35A !important;
    background:#FFF5E6 !important;
    color:#B86500 !important;
}

.gs-site-quick .gs-header-report span,
.gs-site-quick .gs-header-report small{
    color:#B86500 !important;
}

.gs-site-quick .gs-header-report:hover,
.gs-site-quick .gs-header-report:focus{
    border-color:#D89432 !important;
    background:#FFEBCB !important;
    color:#995400 !important;
}

.gs-site-quick .gs-header-report:hover span,
.gs-site-quick .gs-header-report:hover small,
.gs-site-quick .gs-header-report:focus span,
.gs-site-quick .gs-header-report:focus small{
    color:#995400 !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.0.5 – Einzelansicht: Dealkarte wirklich 1:1 Übersicht
   ===================================================================== */

/*
 * 3.0.3 hatte für die Single-Karte noch eigene Höhen/Abstände gesetzt.
 * Diese werden hier vollständig aufgehoben. Bild, Angebotsspalte,
 * Händlerlogo, Preis, Gutschein, CTA, Meta und Bottom-Bar verwenden
 * damit exakt dieselben Regeln wie jede Karte der Dealübersicht.
 */
.gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-grid{
    align-items:stretch !important;
}

@media(min-width:761px){
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-grid{
        height:218px !important;
        min-height:218px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-copy{
        padding-top:0 !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-info-line{
        margin-top:0 !important;
        transform:translateY(8px) !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-offer{
        height:100% !important;
        min-height:0 !important;
    }
}

/* Der eigentliche ausführliche Dealtext steht unterhalb der identischen Karte.
   So muss die Übersichtskarte selbst für die Einzelansicht nicht verbogen werden. */
.gs-single-detail-content{
    margin-top:12px;
    padding:20px 22px;
    border:1px solid var(--gs-brand-line);
    border-radius:6px;
    background:#fff;
    color:var(--gs-brand-text);
    font-size:14px;
    line-height:1.65;
}

.gs-single-detail-content > :first-child{
    margin-top:0 !important;
}

.gs-single-detail-content > :last-child{
    margin-bottom:0 !important;
}

/* Überschrift bleibt die einzige bewusst andere Komponente. */
.gs-single-deal-combined > .gs-single-title-area{
    margin-bottom:0 !important;
}

/* Kommentarbutton weiterhin exakt im zentralen CTA-Stil. */
.gs-comments-after-deal .gs-comment-submit-button,
.gs-comments-after-deal input.gs-comment-submit-button,
.gs-comments-after-deal button.gs-comment-submit-button{
    border-radius:4px !important;
    border:0 !important;
    background:var(--gs-brand-pink) !important;
    color:#fff !important;
    font-weight:750 !important;
    box-shadow:none !important;
    text-decoration:none !important;
}

@media(max-width:760px){
    .gs-single-detail-content{
        margin-top:10px;
        padding:16px;
        font-size:13px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.0.6 – Einzelansicht: großes Produkt + verbundene Dealbox
   ===================================================================== */

/*
 * Die Einzelansicht bleibt inhaltlich beim zentralen Karten-Renderer.
 * Der Snippet wird serverseitig deaktiviert. Für die Einzelansicht wird
 * der obere Kartenbereich nur größer und zweispaltig angeordnet:
 * links großes Produkt, rechts die aus der Übersicht bekannten Infos.
 */
.gs-single-deal-combined{
    overflow:hidden;
    border:1px solid var(--gs-brand-line) !important;
    border-radius:6px !important;
    background:#fff !important;
}

.gs-single-deal-combined > .gs-single-title-area{
    border:0 !important;
    border-bottom:1px solid #edf0f3 !important;
    border-radius:0 !important;
    background:#fff !important;
}

/* Die Übersichtskarte ist Bestandteil derselben Box, nicht mehr ein eigenes Fenster. */
.gs-single-deal-combined > .gs-single-overview-card.gs-deal-card.gs-design-card{
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:#fff !important;
}

/* Dealtext wird direkt an die Karte angeschlossen. */
.gs-single-deal-combined > .gs-single-detail-content{
    margin:0 !important;
    padding:22px 24px 24px !important;
    border:0 !important;
    border-top:1px solid #edf0f3 !important;
    border-radius:0 !important;
    background:#fff !important;
}

/* Desktop: großes Bild links, sämtliche Dealinfos rechts. */
@media(min-width:761px){
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-grid{
        display:grid !important;
        grid-template-columns:minmax(300px, 42%) minmax(0, 1fr) !important;
        grid-template-rows:auto auto !important;
        column-gap:30px !important;
        row-gap:12px !important;
        height:auto !important;
        min-height:330px !important;
        padding:22px 24px !important;
        align-items:start !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-product{
        grid-column:1 !important;
        grid-row:1 / 3 !important;
        width:100% !important;
        height:100% !important;
        min-height:286px !important;
        padding:0 !important;
        overflow:visible !important;
        align-self:stretch !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image{
        width:100% !important;
        height:286px !important;
        max-height:286px !important;
        min-height:286px !important;
        padding:6px 12px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image-img{
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        max-height:274px !important;
        object-fit:contain !important;
        margin:auto !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-discount-badge{
        top:0 !important;
        left:0 !important;
        z-index:2;
    }

    /* Preis, Händler, Gültigkeit und CTA bilden den Hauptinfoblock rechts. */
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-offer{
        grid-column:2 !important;
        grid-row:1 !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        padding:6px 0 0 !important;
        align-items:flex-start !important;
        text-align:left !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-price{
        font-size:30px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant{
        width:100% !important;
        min-height:42px !important;
        margin-top:12px !important;
        justify-content:flex-start !important;
        text-align:left !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant > *,
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant{
        margin-left:0 !important;
        margin-right:auto !important;
        justify-content:flex-start !important;
        text-align:left !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant img{
        max-width:145px !important;
        max-height:38px !important;
        margin-left:0 !important;
        margin-right:auto !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-offer-button{
        width:165px !important;
        min-height:40px !important;
        margin-top:16px !important;
        align-self:flex-start !important;
    }

    /* Snippet ist weg. Diese Spalte enthält nur Meta/Gutschein/Autor/Kommentare. */
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-copy{
        grid-column:2 !important;
        grid-row:2 !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        padding:0 !important;
        overflow:visible !important;
        display:block !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-copy > .gs-card-preview{
        display:none !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-info-line{
        margin:0 !important;
        padding:13px 0 0 !important;
        border-top:1px solid #edf0f3;
        transform:none !important;
        gap:9px 13px !important;
    }
}

/* Untere Voting-/Melden-Zeile bleibt Bestandteil derselben verbundenen Dealbox. */
.gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-bottom{
    border-top:1px solid #edf0f3 !important;
}

/* Mobil: großes Produkt zuerst, dann Dealinfos, danach Text – alles eine Box. */
@media(max-width:760px){
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-grid{
        padding:14px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-product{
        padding-bottom:14px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image{
        height:230px !important;
        max-height:230px !important;
        min-height:0 !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image-img{
        max-height:220px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-copy > .gs-card-preview{
        display:none !important;
    }

    .gs-single-deal-combined > .gs-single-detail-content{
        padding:17px 16px 19px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.0.7 – Einzelansicht Feinschliff
   ===================================================================== */

/* Beitragstext zwei Größen größer als bisher (14px -> 16px). */
.gs-single-deal-combined > .gs-single-detail-content{
    font-size:16px !important;
    line-height:1.72 !important;
}

.gs-single-deal-combined > .gs-single-detail-content p,
.gs-single-deal-combined > .gs-single-detail-content li{
    font-size:16px !important;
    line-height:1.72 !important;
}

/*
 * Desktop:
 * - Produktbild groß und mittig links
 * - Angebotsinformationen rechtsbündig rechts
 * - Meta-Zeile links unten auf derselben Höhe wie der CTA rechts
 */
@media(min-width:761px){
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-grid{
        display:grid !important;
        grid-template-columns:minmax(0, 1fr) 220px !important;
        grid-template-rows:minmax(285px, auto) auto !important;
        column-gap:34px !important;
        row-gap:10px !important;
        min-height:365px !important;
        padding:22px 24px 18px !important;
        align-items:stretch !important;
    }

    /* Großes Produktbild in der Hauptfläche, bewusst mittig. */
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-product{
        grid-column:1 !important;
        grid-row:1 !important;
        width:100% !important;
        height:100% !important;
        min-height:285px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:visible !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image{
        width:100% !important;
        height:310px !important;
        max-height:310px !important;
        min-height:310px !important;
        padding:4px 10px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        box-sizing:border-box !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image-img{
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        max-height:300px !important;
        object-fit:contain !important;
        margin:auto !important;
    }

    /* Angebotsbereich rechtsbündig. */
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-offer{
        grid-column:2 !important;
        grid-row:1 / 3 !important;
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        padding:8px 0 0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:flex-end !important;
        justify-content:flex-start !important;
        text-align:right !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-price,
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-compare,
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-saving,
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-expires{
        width:100% !important;
        text-align:right !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-price{
        font-size:31px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant{
        width:100% !important;
        min-height:44px !important;
        margin-top:12px !important;
        display:flex !important;
        justify-content:flex-end !important;
        align-items:center !important;
        text-align:right !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant > *,
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant{
        margin-left:auto !important;
        margin-right:0 !important;
        justify-content:flex-end !important;
        text-align:right !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant img{
        max-width:150px !important;
        max-height:40px !important;
        margin-left:auto !important;
        margin-right:0 !important;
    }

    /* CTA wird wie in der Übersicht an die Unterkante gedrückt. */
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-offer-button{
        width:165px !important;
        min-height:40px !important;
        margin-top:auto !important;
        align-self:flex-end !important;
    }

    /*
     * Meta-Zeile (Alter, Autor, Kommentare, ggf. Gutschein) sitzt unten
     * links und damit auf einer Ebene mit dem Zum-Angebot-Button rechts.
     */
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-copy{
        grid-column:1 !important;
        grid-row:2 !important;
        width:100% !important;
        height:auto !important;
        min-height:40px !important;
        padding:0 !important;
        display:flex !important;
        align-items:center !important;
        overflow:visible !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-info-line{
        width:100% !important;
        min-height:40px !important;
        margin:0 !important;
        padding:0 !important;
        border-top:0 !important;
        display:flex !important;
        align-items:center !important;
        gap:10px 14px !important;
        transform:none !important;
    }
}

/* Mobil bleibt die Reihenfolge klar: Bild -> Infos -> Meta -> Dealtext. */
@media(max-width:760px){
    .gs-single-deal-combined > .gs-single-detail-content,
    .gs-single-deal-combined > .gs-single-detail-content p,
    .gs-single-deal-combined > .gs-single-detail-content li{
        font-size:15px !important;
        line-height:1.68 !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image{
        height:245px !important;
        max-height:245px !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image-img{
        max-height:235px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.0.8 – Produktbild optisch stärker zentriert
   ===================================================================== */
@media(min-width:761px){
    /*
     * Die rechte Infospalte bleibt unverändert. Nur der Bildbereich wird
     * innerhalb der gesamten oberen Einzelkachel etwas nach rechts versetzt,
     * damit das Produkt optisch mittiger zur Gesamtfläche sitzt.
     */
    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-product{
        transform:translateX(7%) !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image{
        justify-content:center !important;
    }

    .gs-single-overview-card.gs-deal-card.gs-design-card .gs-card-image-img{
        margin-left:auto !important;
        margin-right:auto !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.1.2 – Angebotsbutton auch bei abgelaufenen Deals
   ===================================================================== */
/*
 * Der zentrale Deal-Karten-Renderer zeigt den CTA jetzt auch bei
 * abgelaufenen Deals. Da Single, Übersicht, Kategorien, Händlerseiten,
 * Suche und verwandte Deals denselben Renderer verwenden, gilt dies
 * automatisch überall.
 */
.gs-deal-card.is-expired .gs-card-offer-button{
    opacity:.58 !important;
    filter:grayscale(45%) !important;
    pointer-events:auto !important;
    cursor:pointer !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.1.3 – Ablaufhinweis in der Einzelansicht
   ===================================================================== */
.gs-single-expired-notice{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 16px;
    border-bottom:1px solid #eadede;
    background:#fff4f4;
    color:#9a2e2e;
    font-size:14px;
    font-weight:700;
}

.gs-single-expired-notice .gs-expired-badge{
    flex:0 0 auto;
}

@media(max-width:760px){
    .gs-single-expired-notice{
        padding:10px 13px;
        font-size:13px;
        gap:8px;
    }
}


/* 3.2.6 – ausgewogenere Akzentfarben: Preis in mittlerem Blau, Weiterlesen wieder Pink. */
.gs-deal-card.gs-design-card .gs-card-price{
    color:#1677B8 !important;
}
.gs-deal-card.gs-design-card .gs-card-readmore{
    color:var(--gs-brand-pink) !important;
}
.gs-deal-card.gs-design-card .gs-card-readmore:hover{
    color:var(--gs-brand-pink) !important;
    text-decoration:underline !important;
}




/* 3.2.9 – Original-Schwein + echter Schriftzug im Header */
.gs-site-header-top{
    position:relative;
    overflow:visible;
}
.gs-site-header-top .gs-brand.gs-brand-live{
    display:flex !important;
    align-items:flex-end !important;
    gap:12px !important;
    min-width:0 !important;
    width:100% !important;
    height:88px !important;
    overflow:visible !important;
    text-decoration:none !important;
}
.gs-site-header-top .gs-brand-pig-image{
    display:block !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:92px !important;
    max-width:none !important;
    object-fit:contain !important;
    object-position:left bottom !important;
    margin:0 0 0 0 !important;
    transform:none !important;
}
.gs-site-header-top .gs-brand-live .gs-brand-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    min-width:0 !important;
    padding-bottom:10px !important;
}
.gs-site-header-top .gs-brand-live .gs-brand-copy strong{
    display:block !important;
    margin:0 !important;
    font-size:41px !important;
    line-height:.92 !important;
    font-weight:950 !important;
    letter-spacing:-2.2px !important;
    white-space:nowrap !important;
}
.gs-site-header-top .gs-brand-live .gs-brand-copy strong span{
    color:var(--gs-brand-navy) !important;
}
.gs-site-header-top .gs-brand-live .gs-brand-copy strong em{
    color:var(--gs-brand-pink) !important;
    font-style:normal !important;
}
.gs-site-header-top .gs-brand-live .gs-brand-copy small{
    display:block !important;
    margin-top:6px !important;
    font-size:13px !important;
    line-height:1.1 !important;
    color:#111827 !important;
    white-space:nowrap !important;
}
@media (max-width:1280px){
    .gs-site-header-top .gs-brand.gs-brand-live{
        height:78px !important;
        gap:10px !important;
    }
    .gs-site-header-top .gs-brand-pig-image{
        height:82px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy{
        padding-bottom:8px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy strong{
        font-size:34px !important;
        letter-spacing:-1.8px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy small{
        font-size:11px !important;
    }
}
@media (max-width:700px){
    .gs-site-header-top .gs-brand.gs-brand-live{
        height:66px !important;
        gap:8px !important;
    }
    .gs-site-header-top .gs-brand-pig-image{
        height:70px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy{
        padding-bottom:7px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy strong{
        font-size:28px !important;
        letter-spacing:-1.4px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy small{
        font-size:10px !important;
    }
}
@media (max-width:420px){
    .gs-site-header-top .gs-brand-pig-image{
        height:62px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy strong{
        font-size:25px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy small{
        display:none !important;
    }
}


/* 3.3.0 – Headerlogo optisch bündig mit der Navigationsleiste */
.gs-site-header-top{
    min-height:100px !important;
    height:100px !important;
    padding:0 !important;
    box-sizing:border-box !important;
    align-items:center !important;
}

.gs-site-header-top .gs-brand.gs-brand-live{
    height:100px !important;
    align-items:flex-end !important;
    overflow:visible !important;
}

.gs-site-header-top .gs-brand-pig-image{
    height:100px !important;
    width:auto !important;
    margin:0 !important;
    align-self:flex-end !important;
    object-position:left bottom !important;
}

.gs-site-header-top .gs-brand-live .gs-brand-copy{
    padding-bottom:13px !important;
}

.gs-site-header-top .gs-brand-live .gs-brand-copy strong{
    font-size:44px !important;
    line-height:.9 !important;
    letter-spacing:-2.3px !important;
}

.gs-site-header-top .gs-brand-live .gs-brand-copy small{
    margin-top:7px !important;
    font-size:14px !important;
    line-height:1.05 !important;
}

@media (max-width:1280px){
    .gs-site-header-top{
        min-height:90px !important;
        height:90px !important;
    }
    .gs-site-header-top .gs-brand.gs-brand-live{
        height:90px !important;
    }
    .gs-site-header-top .gs-brand-pig-image{
        height:90px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy{
        padding-bottom:11px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy strong{
        font-size:37px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy small{
        font-size:12px !important;
    }
}

@media (max-width:700px){
    .gs-site-header-top{
        min-height:72px !important;
        height:72px !important;
    }
    .gs-site-header-top .gs-brand.gs-brand-live{
        height:72px !important;
    }
    .gs-site-header-top .gs-brand-pig-image{
        height:72px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy{
        padding-bottom:8px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy strong{
        font-size:29px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy small{
        font-size:10px !important;
    }
}

@media (max-width:420px){
    .gs-site-header-top .gs-brand-pig-image{
        height:66px !important;
    }
    .gs-site-header-top .gs-brand-live .gs-brand-copy strong{
        font-size:25px !important;
    }
}


/* 3.3.1 – Navigation optisch vom Schwein entkoppeln */
@media (min-width:1051px){
    .gs-site-nav-row{
        padding-left:max(24px, calc((100vw - 1500px)/2 + 120px)) !important;
    }
}

/* Auf kleineren Ansichten keinen künstlichen Freiraum erzeugen. */
@media (max-width:1050px){
    .gs-site-nav-row{
        padding-left:0 !important;
    }
}


/* 3.3.2 – Home-Schaltfläche anstelle des leeren Bereichs unter dem Schwein */
@media (min-width:1051px){
    .gs-site-nav-row{
        padding-left:max(24px, calc((100vw - 1500px)/2)) !important;
    }
    .gs-site-nav .gs-nav-home{
        width:120px !important;
        min-width:120px !important;
        padding:0 !important;
        justify-content:center !important;
        background:transparent !important;
    }
    .gs-site-nav .gs-nav-home:hover{
        background:rgba(255,255,255,.09) !important;
    }
}
.gs-site-nav .gs-nav-home{
    padding-left:20px !important;
    padding-right:20px !important;
    background:transparent !important;
}
.gs-site-nav .gs-nav-home:hover{
    background:rgba(255,255,255,.09) !important;
}
.gs-nav-home-icon{
    display:block;
    width:24px;
    height:24px;
    fill:none;
    stroke:#fff;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* 3.3.3 – dynamische Navigation + originale Geizschwein-Icons */
.gs-nav-dropdown-toggle.is-active{
    background:var(--gs-brand-pink) !important;
    color:#fff !important;
}

.gs-sidebar-pig{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:66px !important;
    height:66px !important;
    flex:0 0 66px !important;
    font-size:0 !important;
    background:none !important;
}
.gs-sidebar-pig img{
    display:block !important;
    width:auto !important;
    height:62px !important;
    max-width:66px !important;
    object-fit:contain !important;
}

.gs-site-saved-pig{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    font-size:0 !important;
}
.gs-site-saved-pig img{
    display:block !important;
    width:32px !important;
    height:32px !important;
    object-fit:contain !important;
}

@media (max-width:1280px){
    .gs-site-saved-pig{
        width:31px !important;
        height:31px !important;
        flex-basis:31px !important;
    }
    .gs-site-saved-pig img{
        width:29px !important;
        height:29px !important;
    }
}


/* 3.3.4 – mehr Luft zwischen Wortmarke und Suche */
@media (min-width:1281px){
    .gs-site-header-top .gs-site-search{
        margin-left:34px !important;
    }
}
@media (min-width:701px) and (max-width:1280px){
    .gs-site-header-top .gs-site-search{
        margin-left:24px !important;
    }
}
@media (max-width:700px){
    .gs-site-header-top .gs-site-search{
        margin-left:0 !important;
    }
}



/* 3.3.6 – semantische Badge-Farben + Home-Hover */
.gs-card-discount-badge.is-saving{
    background:#ff9d22 !important;
    color:#fff !important;
}
.gs-card-discount-badge.is-free{
    background:var(--gs-brand-pink) !important;
    color:#fff !important;
}
.gs-site-nav .gs-nav-home:hover{
    background:var(--gs-brand-pink) !important;
}

/* 3.3.7 – Rabatt-Badge nutzt exakt das Gold der Rangnummern bei „Beliebte Deals“. */


/* =====================================================================
   GEIZSCHWEIN 3.3.8 – Abstände + mobile Stabilisierung
   ===================================================================== */

/* Startseite: kompakter, aber ohne negativen Versatz. */
body.home.gs-geizschwein-design .gs-home-tabs,
body.front-page.gs-geizschwein-design .gs-home-tabs{
    margin-top:28px !important;
}

/* Archive/Übersichten mit eigener Überschrift bekommen bewusst mehr Luft. */
.gs-category-overview-page{
    padding-top:38px !important;
}

/* Mobile: Header, Suche und Navigation strikt innerhalb des Viewports halten. */
@media (max-width:760px){
    html,
    body.gs-geizschwein-design{
        max-width:100%;
        overflow-x:hidden;
    }

    .gs-site-shell,
    .gs-site-header,
    .gs-site-header-top,
    .gs-site-nav-row{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    .gs-site-header-top{
        height:auto !important;
        min-height:0 !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        gap:10px !important;
        padding:0 14px 12px !important;
        overflow:visible !important;
    }

    .gs-site-header-top .gs-brand.gs-brand-live{
        grid-column:1 !important;
        grid-row:1 !important;
        width:100% !important;
        max-width:100% !important;
        height:72px !important;
        min-width:0 !important;
    }

    .gs-site-header-top .gs-site-search{
        grid-column:1 !important;
        grid-row:2 !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:44px !important;
        margin:0 !important;
        position:relative !important;
        inset:auto !important;
        transform:none !important;
        box-sizing:border-box !important;
    }

    .gs-site-header-top .gs-site-search input{
        width:0 !important;
        min-width:0 !important;
    }

    .gs-site-nav-row{
        min-width:0 !important;
        padding:0 !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        justify-content:flex-start !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .gs-site-nav-row::-webkit-scrollbar{display:none}

    .gs-site-nav{
        width:max-content !important;
        max-width:none !important;
        min-width:max-content !important;
        flex:0 0 auto !important;
    }

    .gs-site-nav a{
        flex:0 0 auto !important;
        padding-left:14px !important;
        padding-right:14px !important;
        white-space:nowrap !important;
    }

    /* CTA rechtsbündig direkt unter dem Händlerbereich. */
    .gs-deal-card.gs-design-card .gs-card-offer{
        grid-template-columns:minmax(0,1fr) auto !important;
    }
    .gs-deal-card.gs-design-card .gs-card-merchant{
        grid-column:2 !important;
        grid-row:1 / span 3 !important;
        justify-self:end !important;
        justify-content:flex-end !important;
        text-align:right !important;
    }
    .gs-deal-card.gs-design-card .gs-card-merchant > *,
    .gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant,
    .gs-deal-card.gs-design-card .gs-card-merchant img{
        margin-left:auto !important;
        margin-right:0 !important;
    }
    .gs-deal-card.gs-design-card .gs-card-offer-button{
        grid-column:2 !important;
        width:auto !important;
        min-width:145px !important;
        max-width:100% !important;
        justify-self:end !important;
        align-self:end !important;
        margin:8px 0 0 auto !important;
    }

    /* Über-Geizschwein-Schwein sicher innerhalb der Box halten. */
    .gs-deals-sidebar .gs-sidebar-about{
        overflow:hidden !important;
    }
    .gs-deals-sidebar .gs-sidebar-about-head{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 58px !important;
        gap:10px !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
        align-items:start !important;
    }
    .gs-deals-sidebar .gs-sidebar-about-head > :first-child{
        min-width:0 !important;
    }
    .gs-deals-sidebar .gs-sidebar-pig{
        width:58px !important;
        height:58px !important;
        max-width:58px !important;
        flex:0 0 58px !important;
        margin:0 !important;
        justify-self:end !important;
        overflow:hidden !important;
    }
    .gs-deals-sidebar .gs-sidebar-pig img{
        width:auto !important;
        height:55px !important;
        max-width:58px !important;
        object-fit:contain !important;
    }

    body.home.gs-geizschwein-design .gs-home-tabs,
    body.front-page.gs-geizschwein-design .gs-home-tabs{
        margin-top:24px !important;
    }
    .gs-category-overview-page{
        padding-top:30px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.3.9 – mobile Dealkachel unten klarer gegliedert
   ===================================================================== */
@media (max-width:760px){

    /* Unterer Angebotsbereich als klare 2-Spalten-Zone */
    .gs-deal-card.gs-design-card .gs-card-offer{
        position:relative !important;
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 154px !important;
        grid-template-rows:auto auto auto 1fr auto !important;
        column-gap:12px !important;
        row-gap:3px !important;
        align-items:start !important;
        min-height:122px !important;
        padding-top:10px !important;
        padding-bottom:8px !important;
        border-top:1px solid #eef0f3 !important;
        text-align:left !important;
    }

    /* Preis-/Ersparnisblock links */
    .gs-deal-card.gs-design-card .gs-card-price{
        grid-column:1 !important;
        grid-row:1 !important;
        align-self:start !important;
        margin:0 !important;
        text-align:left !important;
    }
    .gs-deal-card.gs-design-card .gs-card-compare{
        grid-column:1 !important;
        grid-row:2 !important;
        margin:0 !important;
        text-align:left !important;
    }
    .gs-deal-card.gs-design-card .gs-card-saving{
        grid-column:1 !important;
        grid-row:3 !important;
        margin:0 !important;
        text-align:left !important;
    }
    .gs-deal-card.gs-design-card .gs-card-expires{
        grid-column:1 !important;
        grid-row:4 !important;
        align-self:end !important;
        margin:6px 0 0 !important;
        text-align:left !important;
    }

    /* Händler rechts oben */
    .gs-deal-card.gs-design-card .gs-card-merchant{
        grid-column:2 !important;
        grid-row:1 / span 2 !important;
        width:100% !important;
        min-height:34px !important;
        margin:0 !important;
        justify-self:end !important;
        align-self:start !important;
        display:flex !important;
        align-items:flex-start !important;
        justify-content:flex-end !important;
        text-align:right !important;
    }
    .gs-deal-card.gs-design-card .gs-card-merchant > *,
    .gs-deal-card.gs-design-card .gs-card-merchant .gs-merchant{
        margin-left:auto !important;
        margin-right:0 !important;
        justify-content:flex-end !important;
        text-align:right !important;
    }
    .gs-deal-card.gs-design-card .gs-card-merchant img{
        display:block !important;
        max-width:132px !important;
        max-height:34px !important;
        width:auto !important;
        height:auto !important;
        margin-left:auto !important;
        margin-right:0 !important;
        object-fit:contain !important;
    }

    /* CTA fest unten rechts */
    .gs-deal-card.gs-design-card .gs-card-offer-button{
        grid-column:2 !important;
        grid-row:5 !important;
        width:154px !important;
        min-width:154px !important;
        max-width:154px !important;
        min-height:40px !important;
        margin:8px 0 0 auto !important;
        justify-self:end !important;
        align-self:end !important;
    }

    /* Sekundäre Metadaten als ruhige, eigene Fußzeile */
    .gs-deal-card.gs-design-card .gs-card-info-line{
        width:100% !important;
        margin-top:8px !important;
        padding-top:8px !important;
        border-top:1px solid #eef0f3 !important;
        display:flex !important;
        flex-wrap:wrap !important;
        gap:5px 8px !important;
        font-size:9px !important;
        line-height:1.35 !important;
    }

    /* Bei sehr schmalen Geräten etwas kompakter */
    @media (max-width:390px){
        .gs-deal-card.gs-design-card .gs-card-offer{
            grid-template-columns:minmax(0,1fr) 140px !important;
            column-gap:9px !important;
        }
        .gs-deal-card.gs-design-card .gs-card-offer-button{
            width:140px !important;
            min-width:140px !important;
            max-width:140px !important;
        }
        .gs-deal-card.gs-design-card .gs-card-merchant img{
            max-width:122px !important;
        }
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.4.0 – mobile Über-Geizschwein-Box kompakter
   ===================================================================== */
@media (max-width:760px){

    /*
     * Mobil keine feste 2-Spalten-Kopfzeile mehr:
     * Das Schwein sitzt rechts oben und der Text läuft darum herum.
     */
    .gs-deals-sidebar .gs-sidebar-about-head{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }

    .gs-deals-sidebar .gs-sidebar-about-head::after{
        content:"";
        display:block;
        clear:both;
    }

    .gs-deals-sidebar .gs-sidebar-pig{
        float:right !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:58px !important;
        height:58px !important;
        max-width:58px !important;
        margin:0 0 8px 12px !important;
        overflow:hidden !important;
    }

    .gs-deals-sidebar .gs-sidebar-pig img{
        display:block !important;
        width:auto !important;
        height:55px !important;
        max-width:58px !important;
        object-fit:contain !important;
    }

    .gs-deals-sidebar .gs-sidebar-about p{
        display:block !important;
        width:auto !important;
        max-width:none !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.4.1 – einfacher Editor beim Deal-Einreichen
   ===================================================================== */
.gs-submit-simple-editor{
    margin-top:6px;
}
.gs-submit-simple-editor .wp-editor-wrap{
    width:100%;
}
.gs-submit-simple-editor .wp-editor-container{
    border:1px solid #d9dee5 !important;
    border-radius:6px !important;
    overflow:hidden !important;
    box-shadow:none !important;
}
.gs-submit-simple-editor .mce-top-part::before{
    box-shadow:none !important;
}
.gs-submit-simple-editor .mce-toolbar-grp{
    border-bottom:1px solid #e7eaf0 !important;
    background:#f8f9fb !important;
}
.gs-submit-simple-editor iframe{
    min-height:210px !important;
}
.gs-submit-editor-note{
    margin-top:7px;
    color:#667085;
    font-size:11px;
    line-height:1.45;
}
@media (max-width:760px){
    .gs-submit-simple-editor iframe{
        min-height:190px !important;
    }
}


/* 3.5.0 – Kategorien-Hover + Auth/Account */
.gs-nav-dropdown:hover .gs-nav-dropdown-toggle,
.gs-nav-dropdown:focus-within .gs-nav-dropdown-toggle{
    color:var(--gs-brand-pink) !important;
    background:rgba(255,255,255,.08) !important;
}
.gs-auth-pig img{display:block;width:100%;height:100%;object-fit:contain}
.gs-auth-pig{display:flex;align-items:center;justify-content:center}
.gs-auth-editor-note{font-size:12px;line-height:1.45;color:#667085;margin:2px 0 0}
.gs-account-notice{margin-bottom:14px;padding:12px 14px;border-radius:10px;background:#fff6f9;color:#9b174c;font-weight:650}
.gs-account-settings-form{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #edf0f3}
.gs-account-settings-form:first-of-type{border-top:0;padding-top:0}
.gs-account-settings-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.gs-account-settings-form input{width:100%;padding:10px 12px;border:1px solid #d9dee5;border-radius:8px;background:#fff}
.gs-account-settings-form button,.gs-account-text-button{justify-self:start;border:0;border-radius:8px;padding:10px 14px;background:var(--gs-brand-pink);color:#fff;font-weight:750;cursor:pointer}
.gs-account-delete-form button{background:#7f1d1d}
.gs-notification-list{display:grid;gap:8px}
.gs-notification{display:grid;gap:3px;padding:12px;border:1px solid #e8ecf1;border-radius:10px;color:inherit;text-decoration:none;background:#fff}
.gs-notification.is-unread{border-left:4px solid var(--gs-brand-pink);background:#fff8fb}
.gs-notification span,.gs-notification small{color:#667085}
@media(max-width:760px){.gs-account-settings-form button,.gs-account-text-button{width:100%;justify-self:stretch}.gs-account-settings{scroll-margin-top:20px}}

.gs-auth-resend{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px;border:1px solid #f0d7e2;border-radius:10px;background:#fff8fb}
.gs-auth-resend input{flex:1;min-width:180px;padding:9px 10px;border:1px solid #d9dee5;border-radius:8px}
.gs-auth-resend button{border:0;border-radius:8px;padding:9px 12px;background:#1f2937;color:#fff;font-weight:700;cursor:pointer}


/* =====================================================================
   GEIZSCHWEIN 3.5.2 – normale Inhaltsseiten im Geizschwein-Kartenlayout
   ===================================================================== */
.gs-static-page{
    width:min(1440px, calc(100% - 32px));
    max-width:1440px;
    margin:38px auto 56px;
    color:#0b1b2d;
}
.gs-static-page-head{margin:0 0 18px}
.gs-static-page-head h1{
    margin:0;
    font-size:clamp(28px,3vw,38px);
    line-height:1.12;
    font-weight:800;
    letter-spacing:-.02em;
    color:#0b1b2d;
}
.gs-static-page-head p{
    margin:7px 0 0;
    max-width:900px;
    color:#667085;
    font-size:15px;
    line-height:1.55;
}
.gs-static-page-card{
    width:100%;
    padding:30px 32px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #e5e8ec;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(12,29,49,.04);
}
.gs-static-page-card > :first-child{margin-top:0 !important}
.gs-static-page-card > :last-child{margin-bottom:0 !important}
.gs-static-page-card h2{margin-top:30px}
.gs-static-page-card h2:first-child{margin-top:0}

@media (max-width:760px){
    .gs-static-page{
        width:calc(100% - 24px);
        margin:30px auto 40px;
    }
    .gs-static-page-head{margin-bottom:14px}
    .gs-static-page-head h1{font-size:28px}
    .gs-static-page-head p{margin-top:6px;font-size:14px}
    .gs-static-page-card{
        padding:20px 18px;
        border-radius:9px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.3 – Startseite ausschließen + Seitenflucht wie Kategorien
   ===================================================================== */

/* Normale Seiten verwenden exakt die horizontale Flucht der Kategorieüberschrift. */
.gs-static-page{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin:38px auto 56px !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
}

@media (max-width:760px){
    .gs-static-page{
        width:calc(100% - 20px) !important;
        margin:30px auto 40px !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.4 – steuerbares Seitenlayout wie Kategorie-Seiten
   ===================================================================== */
.gs-page-layout{
    width:100%;
    margin:0;
    padding:0 0 48px;
}

.gs-page-layout-head{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:24px auto 4px;
    padding:0 10px;
    box-sizing:border-box;
}

.gs-page-layout-head h1{
    margin:0;
    color:var(--gs-brand-text);
    font-size:clamp(26px,3vw,36px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-.02em;
}

.gs-page-layout-head p{
    margin:7px 0 0;
    max-width:900px;
    color:#667384;
    font-size:14px;
    line-height:1.55;
}

/* Normale Inhaltsseite mit aktivierter Kachel. */
.gs-page-layout.has-content-card .gs-static-page-card{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:18px auto 0;
    padding:30px 32px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #e5e8ec;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(12,29,49,.04);
}

/*
 * Seiten ohne Inhaltskachel (Startseite, Mein Geizschwein, Deal einreichen etc.)
 * behalten nur den Seitenkopf; der Plugin-/Seiteninhalt darf seine eigene
 * Breite und sein eigenes Layout verwenden.
 */
.gs-page-layout.no-content-card .gs-page-layout-content{
    width:100%;
    margin:0;
    padding:0;
}

/* Alte 3.5.2/3.5.3 Wrapper dürfen das neue Layout nicht beeinflussen. */
.gs-page-layout .gs-static-page,
.gs-page-layout .gs-static-page-head{
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
}

@media (max-width:760px){
    .gs-page-layout{
        padding-bottom:32px;
    }

    .gs-page-layout-head,
    .gs-page-layout.has-content-card .gs-static-page-card{
        width:calc(100% - 20px);
    }

    .gs-page-layout-head{
        margin-top:18px;
        margin-bottom:2px;
        padding-left:0;
        padding-right:0;
    }

    .gs-page-layout-head h1{
        font-size:25px;
    }

    .gs-page-layout.has-content-card .gs-static-page-card{
        margin-top:14px;
        padding:20px 18px;
        border-radius:9px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.5 – Plugin-Seiten sauber an externen Seitenkopf anbinden
   ===================================================================== */

/* Deal einreichen nutzt dieselbe Außenflucht wie Kategorie-/Seitenüberschriften. */
.gs-page-layout.no-content-card .gs-submit-wrap.gs-submit-modern{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin:18px auto 56px !important;
    box-sizing:border-box !important;
}

/* Die Seitentitel kommen bei Mein Geizschwein und Deal einreichen ausschließlich
   aus dem WordPress-Seitenkopf. Interne Hero-Bereiche brauchen daher keinen
   zusätzlichen H1-Abstand mehr. */
.gs-account-hero .gs-account-kicker + p,
.gs-submit-hero .gs-submit-kicker + p{
    margin-top:6px;
}

@media (max-width:760px){
    .gs-page-layout.no-content-card .gs-submit-wrap.gs-submit-modern{
        width:calc(100% - 20px) !important;
        margin-top:14px !important;
        padding:18px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.6 – einheitliche Gesamtbreite / Fluchtlinien
   Referenz: Dealübersicht der Kategorie-Seiten
   ===================================================================== */

/*
 * Eine gemeinsame Außenbreite für alle zentralen Frontend-Bereiche.
 * Damit beginnen und enden Startseite, Kategorien, Suche, Einzeldeal,
 * Inhaltsseiten, Mein Geizschwein und Deal einreichen an denselben Linien.
 */
.gs-home-tabs,
.gs-overview-layout,
.gs-single-layout,
.gs-category-overview-header,
.gs-category-bottom-description,
.gs-search-template-shell,
.gs-page-layout-head,
.gs-page-layout.has-content-card .gs-static-page-card,
.gs-page-layout.no-content-card .gs-submit-wrap.gs-submit-modern,
.gs-account-shell,
.gs-submit-wrap.gs-submit-modern{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    box-sizing:border-box !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Überschriften beginnen exakt an der Kante der Dealübersicht. */
.gs-category-overview-header,
.gs-category-bottom-description,
.gs-page-layout-head{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Account und Formular dürfen nicht mehr durch alte engere Maximalbreiten begrenzt werden. */
.gs-account-shell{
    max-width:1480px !important;
}
.gs-submit-wrap.gs-submit-modern{
    max-width:1480px !important;
}

/* Tablet / kleinere Desktops: exakt dieselbe Breite wie die Dealübersicht. */
@media (max-width:1280px){
    .gs-home-tabs,
    .gs-overview-layout,
    .gs-single-layout,
    .gs-category-overview-header,
    .gs-category-bottom-description,
    .gs-search-template-shell,
    .gs-page-layout-head,
    .gs-page-layout.has-content-card .gs-static-page-card,
    .gs-page-layout.no-content-card .gs-submit-wrap.gs-submit-modern,
    .gs-account-shell,
    .gs-submit-wrap.gs-submit-modern{
        width:calc(100% - 32px) !important;
        max-width:none !important;
    }
}

/* Mobil ebenfalls eine einzige verbindliche Außenflucht. */
@media (max-width:760px){
    .gs-home-tabs,
    .gs-overview-layout,
    .gs-single-layout,
    .gs-category-overview-header,
    .gs-category-bottom-description,
    .gs-search-template-shell,
    .gs-page-layout-head,
    .gs-page-layout.has-content-card .gs-static-page-card,
    .gs-page-layout.no-content-card .gs-submit-wrap.gs-submit-modern,
    .gs-account-shell,
    .gs-submit-wrap.gs-submit-modern{
        width:calc(100% - 20px) !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /*
     * Frühere Mobile-Regeln gaben der Dealübersicht zusätzlich horizontales
     * Padding. Das würde die sichtbare Flucht wieder verschieben.
     */
    .gs-overview-layout,
    .gs-single-layout{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.7 – echte 1:1-Flucht wie Kategorie-Dealübersicht
   ===================================================================== */

/*
 * Normale WordPress-Seiten laufen innerhalb des Theme-Content-Wrappers.
 * Kategorie-Seiten nutzen dagegen ein Full-Width-Template. Deshalb muss der
 * Geizschwein-Seitenwrapper aus dem Theme-Container ausbrechen, bevor seine
 * inneren Bereiche dieselbe Breite wie .gs-overview-layout bekommen.
 */
.gs-page-layout{
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}

/* Gleiches Mastermaß wie die sichtbare Dealübersicht der Kategorie-Seiten. */
.gs-page-layout-head,
.gs-page-layout.has-content-card .gs-static-page-card,
.gs-page-layout.no-content-card .gs-page-layout-content > .gs-account-shell,
.gs-page-layout.no-content-card .gs-page-layout-content > .gs-submit-wrap.gs-submit-modern,
.gs-page-layout.no-content-card .gs-page-layout-content > .gs-search-template-shell,
.gs-account-shell,
.gs-submit-wrap.gs-submit-modern,
.gs-search-template-shell{
    width:min(1480px, calc(100vw - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

/*
 * Startseiten-/Plugin-Inhalte dürfen nicht zusätzlich von einem Theme- oder
 * Seitenwrapper horizontal eingerückt werden.
 */
.gs-page-layout.no-content-card .gs-page-layout-content{
    width:100vw !important;
    max-width:100vw !important;
    margin:0 !important;
    padding:0 !important;
}

/* Überschrift exakt an derselben linken Kante wie die Dealübersicht. */
.gs-page-layout-head{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Dealübersicht innerhalb einer normalen WordPress-Startseite: ebenfalls
   auf Viewport-Basis rechnen, nicht auf Basis des engeren Theme-Wrappers. */
.gs-page-layout .gs-home-tabs,
.gs-page-layout .gs-overview-layout,
.gs-page-layout .gs-single-layout{
    width:min(1480px, calc(100vw - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Tablet: exakt dieselbe Regel für alle Bereiche. */
@media (max-width:1280px){
    .gs-page-layout-head,
    .gs-page-layout.has-content-card .gs-static-page-card,
    .gs-page-layout.no-content-card .gs-page-layout-content > .gs-account-shell,
    .gs-page-layout.no-content-card .gs-page-layout-content > .gs-submit-wrap.gs-submit-modern,
    .gs-page-layout.no-content-card .gs-page-layout-content > .gs-search-template-shell,
    .gs-page-layout .gs-home-tabs,
    .gs-page-layout .gs-overview-layout,
    .gs-page-layout .gs-single-layout,
    .gs-account-shell,
    .gs-submit-wrap.gs-submit-modern,
    .gs-search-template-shell{
        width:calc(100vw - 32px) !important;
        max-width:none !important;
    }
}

/* Mobil: dieselbe Außenkante wie die mobile Kategorie-Dealübersicht. */
@media (max-width:760px){
    .gs-page-layout-head,
    .gs-page-layout.has-content-card .gs-static-page-card,
    .gs-page-layout.no-content-card .gs-page-layout-content > .gs-account-shell,
    .gs-page-layout.no-content-card .gs-page-layout-content > .gs-submit-wrap.gs-submit-modern,
    .gs-page-layout.no-content-card .gs-page-layout-content > .gs-search-template-shell,
    .gs-page-layout .gs-home-tabs,
    .gs-page-layout .gs-overview-layout,
    .gs-page-layout .gs-single-layout,
    .gs-account-shell,
    .gs-submit-wrap.gs-submit-modern,
    .gs-search-template-shell{
        width:calc(100vw - 20px) !important;
        max-width:none !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.8 – optionale Sidebar für normale Seiten
   ===================================================================== */

/* Mit Sidebar exakt dieselbe Zweispalten-Geometrie wie die Dealübersicht. */
.gs-page-layout.has-page-sidebar .gs-page-layout-grid{
    width:min(1480px, calc(100vw - 56px)) !important;
    max-width:1480px !important;
    margin:18px auto 42px !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 420px !important;
    gap:24px !important;
    align-items:start !important;
    box-sizing:border-box !important;
}

.gs-page-layout.has-page-sidebar .gs-page-layout-main{
    min-width:0 !important;
}

/* Innerhalb des gemeinsamen Grid-Wrappers darf die Inhaltskarte nicht noch
   einmal ihre eigene Außenbreite zentrieren. */
.gs-page-layout.has-page-sidebar .gs-static-page-card,
.gs-page-layout.has-page-sidebar .gs-page-layout-content{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

.gs-page-layout.has-page-sidebar .gs-deals-sidebar.gs-design-sidebar{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
}

/* Ohne Sidebar bleibt das bisherige Full-Width-Seitenlayout erhalten. */
.gs-page-layout.no-page-sidebar .gs-static-page-card{
    width:min(1480px, calc(100vw - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

@media (max-width:1280px){
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid{
        width:calc(100vw - 32px) !important;
        max-width:none !important;
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:1050px){
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:760px){
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid{
        width:calc(100vw - 20px) !important;
        margin-top:14px !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .gs-page-layout.no-page-sidebar .gs-static-page-card{
        width:calc(100vw - 20px) !important;
        max-width:none !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.9 – einheitlicher Abstand H1 zur Hauptnavigation
   Referenz: bisherige Kategorie-Seiten
   ===================================================================== */

/*
 * Kategorie-H1 lag bislang effektiv 62px unter der Menüleiste:
 * 38px Seiten-Padding + 24px Header-Margin.
 * Diesen sichtbaren Abstand verwenden jetzt alle allgemeinen Seitenköpfe.
 */
.gs-category-overview-page{
    padding-top:0 !important;
}
.gs-category-overview-header,
.gs-page-layout-head{
    margin-top:62px !important;
}

/* Händlerarchive verwenden denselben Kategorienkopf und sind damit automatisch gleich. */

/* Suchseiten: eigener Kopf auf dieselbe vertikale Startlinie bringen. */
.gs-search-template-shell{
    margin-top:62px !important;
}

/* Auf Seiten mit allgemeinem Seitenkopf sollen nachgelagerte Plugin-Bereiche
   keinen zusätzlichen großen oberen Abstand erzeugen. */
.gs-page-layout-head + .gs-page-layout-content,
.gs-page-layout-head + .gs-static-page-card,
.gs-page-layout-head + .gs-page-layout-grid{
    margin-top:18px !important;
}

/* Mein Geizschwein / Deal einreichen innerhalb des Seitenlayouts:
   internen Abstand kompakt halten, da H1 bereits außen steht. */
.gs-page-layout.no-content-card .gs-account-shell,
.gs-page-layout.no-content-card .gs-submit-wrap.gs-submit-modern{
    margin-top:18px !important;
}

/* Mobil entsprach die Kategorie-H1 bisher 30px + 18px = 48px. */
@media (max-width:760px){
    .gs-category-overview-page{
        padding-top:0 !important;
    }
    .gs-category-overview-header,
    .gs-page-layout-head{
        margin-top:48px !important;
    }
    .gs-search-template-shell{
        margin-top:48px !important;
    }
    .gs-page-layout-head + .gs-page-layout-content,
    .gs-page-layout-head + .gs-static-page-card,
    .gs-page-layout-head + .gs-page-layout-grid{
        margin-top:14px !important;
    }
    .gs-page-layout.no-content-card .gs-account-shell,
    .gs-page-layout.no-content-card .gs-submit-wrap.gs-submit-modern{
        margin-top:14px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.10 – normale WordPress-Seiten: H1 wie Kategorien
   ===================================================================== */

/*
 * Blocksy/WordPress darf vor unserem eigenen Seitenlayout keinen zusätzlichen
 * oberen Abstand mehr erzeugen. Die vertikale Position wird ausschließlich
 * vom Geizschwein-Seitenkopf gesteuert.
 */
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .site-main,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) main#main,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .content-area,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .ct-container,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .entry-content,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .entry-content > .gs-page-layout{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Theme-eigene Seitentitel oberhalb unseres Geizschwein-Kopfs ausblenden,
   damit es weder Doppel-H1 noch zusätzlichen Leerraum gibt. */
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .hero-section,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .page-title,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .entry-header:not(.gs-page-layout-head){
    margin-top:0 !important;
}

/*
 * Einziger maßgeblicher H1-Abstand:
 * identisch mit der normalisierten Kategorie-Seite aus 3.5.9.
 */
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout-head{
    margin-top:62px !important;
}

/* Die Auswahl "weiße Kachel" / "Sidebar" beeinflusst die H1-Position nicht. */
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-content-card .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-content-card .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-page-sidebar .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-page-sidebar .gs-page-layout-head{
    margin-top:62px !important;
}

@media (max-width:760px){
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-content-card .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-content-card .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-page-sidebar .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-page-sidebar .gs-page-layout-head{
        margin-top:48px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.11 – Seiten-Sidebar wirklich nur per Seiten-Haken
   ===================================================================== */

/* Dealübersicht auf WordPress-Seiten: ohne aktivierten Haken keine reservierte
   Sidebar-Spalte und keine versteckte/automatische Sidebar. */
.gs-overview-layout.gs-no-sidebar{
    grid-template-columns:minmax(0,1fr) !important;
}

.gs-overview-layout.gs-no-sidebar .gs-overview-main{
    width:100% !important;
    max-width:none !important;
}

/* Mit aktivierter Sidebar bleibt exakt die bekannte Kategorie-Geometrie. */
.gs-overview-layout.gs-has-sidebar{
    grid-template-columns:minmax(0,1fr) 420px !important;
}

@media (max-width:1280px){
    .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:1050px){
    .gs-overview-layout.gs-has-sidebar,
    .gs-overview-layout.gs-no-sidebar{
        grid-template-columns:1fr !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.12 – Seiten-Sidebar nutzt exakt Kategorie-Layout
   ===================================================================== */

/*
 * Keine eigene Geometrie mehr für Seiten mit Sidebar:
 * derselbe .gs-overview-layout-Wrapper wie in den Kategorie-Dealübersichten.
 */
.gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout{
    width:min(1480px, calc(100vw - 56px)) !important;
    max-width:1480px !important;
    margin:14px auto 42px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:24px !important;
    align-items:start !important;
    box-sizing:border-box !important;
}

/* Linke Spalte verhält sich exakt wie .gs-overview-main. */
.gs-page-layout.has-page-sidebar .gs-page-layout-main.gs-overview-main{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* Content-Karte bleibt innerhalb der linken Deal-Spalte. */
.gs-page-layout.has-page-sidebar .gs-page-layout-main .gs-static-page-card,
.gs-page-layout.has-page-sidebar .gs-page-layout-main .gs-page-layout-content{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
}

/* Sidebar exakt wie als direktes Kind der Kategorie-Dealübersicht behandeln. */
.gs-page-layout.has-page-sidebar .gs-page-layout-grid > .gs-deals-sidebar.gs-design-sidebar{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    justify-self:stretch !important;
    align-self:start !important;
}

@media (max-width:1280px){
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout{
        width:calc(100vw - 32px) !important;
        max-width:none !important;
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:1050px){
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:760px){
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout{
        width:calc(100vw - 20px) !important;
        margin:12px auto 32px !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.13 – WordPress-Seiten nutzen echte Kategorie-Struktur
   ===================================================================== */

/*
 * Der alte Viewport-Ausbruch war die Ursache für unterschiedliche Fluchten.
 * Normale Seiten und Startseite verwenden jetzt dieselbe äußere Struktur
 * (.gs-category-overview-page / .gs-category-overview-inner) wie Kategorien.
 */
.gs-page-layout.gs-category-overview-page{
    position:static !important;
    left:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
}

.gs-page-layout .gs-page-layout-inner.gs-category-overview-inner{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

/* Seitenkopf exakt dieselbe Geometrie wie Kategorie-H1. */
.gs-page-layout .gs-page-layout-head.gs-category-overview-header{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Startseiten-Dealübersicht und Seiten mit Sidebar benutzen unverändert
   den originalen .gs-overview-layout-Container. */
.gs-page-layout .gs-overview-layout{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Kein zusätzlicher 100vw-Innenwrapper mehr. */
.gs-page-layout.no-content-card .gs-page-layout-content{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

/* Normale Kachel ohne Sidebar bleibt auf derselben Außenkante. */
.gs-page-layout.no-page-sidebar.has-content-card .gs-static-page-card{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Mit Sidebar: exakt derselbe Grid-Container wie bei Kategorien. */
.gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin:14px auto 42px !important;
    padding:0 !important;
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:24px !important;
}

/* Startseiten-Shortcode mit aktivierter Sidebar ebenfalls 1:1 Kategorie. */
.gs-page-layout .gs-overview-layout.gs-has-sidebar{
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:24px !important;
}

@media (max-width:1280px){
    .gs-page-layout .gs-page-layout-head.gs-category-overview-header,
    .gs-page-layout .gs-overview-layout,
    .gs-page-layout.no-page-sidebar.has-content-card .gs-static-page-card,
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout{
        width:calc(100% - 32px) !important;
        max-width:none !important;
    }

    .gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout,
    .gs-page-layout .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:1050px){
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout,
    .gs-page-layout .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:760px){
    .gs-page-layout .gs-page-layout-head.gs-category-overview-header,
    .gs-page-layout .gs-overview-layout,
    .gs-page-layout.no-page-sidebar.has-content-card .gs-static-page-card,
    .gs-page-layout.has-page-sidebar .gs-page-layout-grid.gs-overview-layout{
        width:calc(100% - 20px) !important;
        max-width:none !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.14 – Kategorie-Sidebar immer sichtbar
   ===================================================================== */

/* Kategorie- und Händlerarchive verwenden immer die zweispaltige Übersicht. */
.gs-category-overview-page .gs-overview-layout.gs-has-sidebar{
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:24px !important;
}

@media (max-width:1280px){
    .gs-category-overview-page .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:1050px){
    .gs-category-overview-page .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:1fr !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.16 – WordPress-Seiten vertikal an Kategorien angleichen
   ===================================================================== */

/*
 * Bei normalen WordPress-Seiten steckt oberhalb unseres eigenen Seitenkopfs
 * noch ein Theme-/Content-Offset. Deshalb darf dort NICHT zusätzlich derselbe
 * 62px-Margin wie im echten Kategorie-Template verwendet werden.
 *
 * Kategorie-Template: 62px sichtbarer Abstand.
 * WordPress-Seiten: vorhandener ca. 38px Offset + 24px eigener Abstand = 62px.
 */
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-content-card .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-content-card .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-page-sidebar .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-page-sidebar .gs-page-layout-head{
    margin-top:24px !important;
}

/* Startseite ist ebenfalls eine WordPress-Seite und nutzt exakt dieselbe Regel. */
body.gs-geizschwein-design.home .gs-page-layout-head,
body.gs-geizschwein-design.front-page .gs-page-layout-head{
    margin-top:24px !important;
}

@media (max-width:760px){
    /*
     * Mobil beträgt der zusätzliche Seiten-/Theme-Offset ca. 30px.
     * 30px + 18px entsprechen der sichtbaren 48px-Kategorieposition.
     */
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-content-card .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-content-card .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-page-sidebar .gs-page-layout-head,
    body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-page-sidebar .gs-page-layout-head,
    body.gs-geizschwein-design.home .gs-page-layout-head,
    body.gs-geizschwein-design.front-page .gs-page-layout-head{
        margin-top:18px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.17 – globale Variable für Abstand Menü -> Seiten-H1
   ===================================================================== */

/*
 * Eine einzige Quelle für den vertikalen Abstand aller Hauptüberschriften.
 * Kategorie-Seiten, Startseite, normale Seiten und Plugin-Seiten verwenden
 * denselben Wert. Keine separaten 18/24/48/62px-Korrekturen mehr.
 */
:root{
    --gs-main-heading-top-gap:24px;
}

@media (max-width:760px){
    :root{
        --gs-main-heading-top-gap:18px;
    }
}

/* Alle äußeren Seitenwrapper starten ohne zusätzlichen oberen Innenabstand. */
.gs-category-overview-page,
.gs-page-layout.gs-category-overview-page,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .site-main,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) main#main,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .content-area,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .entry-content{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Eine einzige Regel für alle sichtbaren Seiten-H1. */
.gs-category-overview-header,
.gs-page-layout-head,
.gs-page-layout .gs-page-layout-head.gs-category-overview-header{
    margin-top:var(--gs-main-heading-top-gap) !important;
}

/* Händlerarchive nutzen denselben Kategorienkopf automatisch. */

/* Suche ebenfalls an dieselbe vertikale Startlinie bringen. */
.gs-search-template-shell{
    margin-top:var(--gs-main-heading-top-gap) !important;
}

/* Sicherstellen, dass keine alten spezifischen Seitentyp-Regeln den Wert übersteuern. */
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-content-card .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-content-card .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.has-page-sidebar .gs-page-layout-head,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .gs-page-layout.no-page-sidebar .gs-page-layout-head,
body.gs-geizschwein-design.home .gs-page-layout-head,
body.gs-geizschwein-design.front-page .gs-page-layout-head{
    margin-top:var(--gs-main-heading-top-gap) !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.18 – tatsächlichen Theme-Offset vor Seiten entfernen
   ===================================================================== */

/*
 * Ursache der Abweichung:
 * Blocksy legt nach einer (auch ausgeblendeten) .hero-section noch 24px
 * padding-top auf den folgenden .ct-container/.ct-container-full.
 * Kategorie-Templates haben diesen Wrapper nicht. Dadurch lagen normale
 * Seiten trotz gleicher H1-Variable tiefer.
 *
 * Diese spezifische Theme-Regel wird für Geizschwein-Seiten jetzt neutralisiert.
 */
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .site-main > .hero-section + .ct-container,
body.gs-geizschwein-design.page:not(.gs-is-deal-single) .site-main > .hero-section + .ct-container-full,
body.gs-geizschwein-design.home .site-main > .hero-section + .ct-container,
body.gs-geizschwein-design.home .site-main > .hero-section + .ct-container-full,
body.gs-geizschwein-design.front-page .site-main > .hero-section + .ct-container,
body.gs-geizschwein-design.front-page .site-main > .hero-section + .ct-container-full{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Danach ist diese eine Variable wirklich die einzige vertikale Vorgabe. */
:root{
    --gs-main-heading-top-gap:24px;
}

.gs-category-overview-header,
.gs-page-layout-head,
.gs-page-layout .gs-page-layout-head.gs-category-overview-header{
    margin-top:var(--gs-main-heading-top-gap) !important;
}

@media (max-width:760px){
    :root{
        --gs-main-heading-top-gap:18px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.19 – EINE globale H1-Position für die ganze Website
   Referenz: Kategorieansicht + 15px weiter nach unten
   ===================================================================== */

/*
 * Ab jetzt gibt es für die vertikale Position des Haupt-Seitenkopfs nur
 * noch diese Variable. Die Kategorieansicht ist die Referenz; gewünscht
 * sind zusätzlich 15px Abstand nach unten.
 */
:root{
    --gs-global-page-top-gap:39px; /* bisherige Kategorie 24px + 15px */
}

/* Alle Geizschwein-Seitentypen beginnen ohne eigenen oberen Wrapper-Abstand. */
body.gs-geizschwein-design .site-main,
body.gs-geizschwein-design main#main,
body.gs-geizschwein-design .content-area,
body.gs-geizschwein-design .entry-content,
body.gs-geizschwein-design .ct-container,
body.gs-geizschwein-design .ct-container-full,
.gs-category-overview-page,
.gs-page-layout.gs-category-overview-page{
    padding-top:0 !important;
    margin-top:0 !important;
}

/* Blocksy-Abstand hinter ausgeblendeter Hero-Sektion ebenfalls immer entfernen. */
body.gs-geizschwein-design .site-main > .hero-section + .ct-container,
body.gs-geizschwein-design .site-main > .hero-section + .ct-container-full{
    padding-top:0 !important;
    margin-top:0 !important;
}

/*
 * Dieselbe Variable für Kategorie, Startseite/Dealübersicht und normale Seiten.
 * Keine unterschiedlichen Seitentyp-Werte mehr.
 */
body.gs-geizschwein-design .gs-category-overview-header,
body.gs-geizschwein-design .gs-page-layout-head,
body.gs-geizschwein-design .gs-page-layout .gs-page-layout-head.gs-category-overview-header{
    margin-top:var(--gs-global-page-top-gap) !important;
}

/* Suche nutzt denselben oberen Ausgangswert. */
body.gs-geizschwein-design .gs-search-template-shell{
    margin-top:var(--gs-global-page-top-gap) !important;
}

/* Mobil ebenfalls eine einzige gemeinsame Variable. */
@media (max-width:760px){
    :root{
        --gs-global-page-top-gap:33px; /* bisher 18px + gewünschte 15px */
    }

    body.gs-geizschwein-design .gs-category-overview-header,
    body.gs-geizschwein-design .gs-page-layout-head,
    body.gs-geizschwein-design .gs-page-layout .gs-page-layout-head.gs-category-overview-header,
    body.gs-geizschwein-design .gs-search-template-shell{
        margin-top:var(--gs-global-page-top-gap) !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.20 – Startseite nutzt echtes Kategorie-Template
   ===================================================================== */

/*
 * Die Startseite hat jetzt dieselbe DOM-/Wrapper-Struktur wie Kategorien.
 * Daher greift dieselbe globale Variable ohne Theme-Container-Korrekturen.
 */
.gs-front-page-overview .gs-category-overview-header,
.gs-category-overview-page .gs-category-overview-header{
    margin-top:var(--gs-global-page-top-gap) !important;
}

/* Startseiten-Dealübersicht innerhalb des neuen Full-Width-Templates. */
.gs-front-page-overview .gs-overview-layout,
.gs-front-page-overview .gs-home-tabs{
    margin-left:auto !important;
    margin-right:auto !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.21 – normale Seiten nutzen echtes Kategorie-Template
   ===================================================================== */

/*
 * Ab jetzt haben Kategorie, Startseite und normale WordPress-Seiten
 * dieselbe DOM-Struktur für Seitenkopf und Außencontainer.
 */
.gs-category-overview-page .gs-category-overview-header,
.gs-front-page-overview .gs-category-overview-header,
.gs-standard-page-overview .gs-category-overview-header{
    margin-top:var(--gs-global-page-top-gap) !important;
}

/* Volle Inhaltskarte ohne Sidebar auf derselben Außenflucht wie Dealübersicht. */
.gs-standard-page-overview .gs-static-page-card-full,
.gs-standard-page-overview .gs-page-layout-content-full{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin:18px auto 42px !important;
    box-sizing:border-box !important;
}

.gs-standard-page-overview .gs-page-layout-content-full{
    padding:0 !important;
}

/* Seiten mit Sidebar verwenden exakt den bekannten Dealübersichts-Grid. */
.gs-standard-page-overview .gs-overview-layout.gs-has-sidebar{
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:24px !important;
}

@media (max-width:1280px){
    .gs-standard-page-overview .gs-static-page-card-full,
    .gs-standard-page-overview .gs-page-layout-content-full{
        width:calc(100% - 32px) !important;
        max-width:none !important;
    }

    .gs-standard-page-overview .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:1050px){
    .gs-standard-page-overview .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:760px){
    .gs-standard-page-overview .gs-static-page-card-full,
    .gs-standard-page-overview .gs-page-layout-content-full{
        width:calc(100% - 20px) !important;
        max-width:none !important;
        margin-top:14px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.22 – Dealcontainer Startseite/Kategorie exakt gleich hoch
   ===================================================================== */

/*
 * Startseite und Kategorien nutzen bereits dieselbe Template-Struktur.
 * Der verbleibende Höhenunterschied kam von einer zweiten H1 + Unterzeile
 * im Startseiteninhalt. Diese wird serverseitig entfernt.
 *
 * Zusätzlich gleiche vertikale Anschlussregel für Tabs/Dealübersicht.
 */
.gs-front-page-overview .gs-category-overview-header,
.gs-category-overview-page:not(.gs-front-page-overview) .gs-category-overview-header{
    margin-bottom:4px !important;
}

.gs-front-page-overview .gs-home-tabs,
.gs-category-overview-page .gs-home-tabs{
    margin-top:0 !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.23 – Startseiten-Dealleiste exakt wie Kategorie
   ===================================================================== */

/*
 * Startseite und Kategorie haben nun denselben Abstand zwischen
 * H1/Unterzeile und der Auswahlleiste „Neueste Deals“.
 */
.gs-front-page-overview .gs-category-overview-header,
.gs-category-overview-page:not(.gs-front-page-overview) .gs-category-overview-header{
    margin-bottom:4px !important;
}

.gs-front-page-overview .gs-home-tabs,
.gs-category-overview-page .gs-home-tabs{
    margin-top:0 !important;
}

/* Auf der Startseite darf kein zusätzlicher Block zwischen Kopf und Tabs liegen. */
.gs-front-page-overview .gs-category-overview-header + .gs-home-tabs{
    margin-top:0 !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.24 – Startseiten-Tabs exakt auf Kategoriehöhe
   ===================================================================== */

/*
 * Ursache des 28px-Versatzes:
 * Eine ältere, spezifischere Regel für body.home/front-page setzte auf der
 * Startseite weiterhin margin-top:28px auf .gs-home-tabs.
 * Die Kategorieansicht hat dagegen margin-top:0.
 *
 * Diese finale Regel ist absichtlich spezifischer und setzt Startseite und
 * Kategorie auf exakt denselben Wert.
 */
body.home.gs-geizschwein-design .gs-front-page-overview .gs-home-tabs,
body.front-page.gs-geizschwein-design .gs-front-page-overview .gs-home-tabs,
body.home.gs-geizschwein-design .gs-front-page-overview .gs-overview-tabs,
body.front-page.gs-geizschwein-design .gs-front-page-overview .gs-overview-tabs,
.gs-category-overview-page .gs-home-tabs,
.gs-category-overview-page .gs-overview-tabs{
    margin-top:0 !important;
}

/* Gleicher Anschluss vom Kopf zur Tab-Leiste auf beiden Seitentypen. */
body.home.gs-geizschwein-design .gs-front-page-overview .gs-category-overview-header,
body.front-page.gs-geizschwein-design .gs-front-page-overview .gs-category-overview-header,
.gs-category-overview-page .gs-category-overview-header{
    margin-bottom:4px !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.25 – Magazin-Beiträge wie Seiten
   ===================================================================== */
.gs-magazine-post .gs-category-overview-header{
    margin-top:var(--gs-global-page-top-gap) !important;
}

.gs-magazine-post .gs-static-page-card-full,
.gs-magazine-post .gs-page-layout-content-full{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin:18px auto 42px !important;
    box-sizing:border-box !important;
}

.gs-magazine-post .gs-page-layout-content-full{
    padding:0 !important;
}

.gs-magazine-post .gs-overview-layout.gs-has-sidebar{
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:24px !important;
}

@media (max-width:1280px){
    .gs-magazine-post .gs-static-page-card-full,
    .gs-magazine-post .gs-page-layout-content-full{
        width:calc(100% - 32px) !important;
        max-width:none !important;
    }

    .gs-magazine-post .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media (max-width:1050px){
    .gs-magazine-post .gs-overview-layout.gs-has-sidebar{
        grid-template-columns:1fr !important;
    }
}

@media (max-width:760px){
    .gs-magazine-post .gs-static-page-card-full,
    .gs-magazine-post .gs-page-layout-content-full{
        width:calc(100% - 20px) !important;
        max-width:none !important;
        margin-top:14px !important;
    }
}




/* =====================================================================
   GEIZSCHWEIN 3.5.29 – Magazinarchiv im Dealübersichts-Stil
   ===================================================================== */

.gs-magazine-category-page .gs-category-overview-header{
    margin-top:var(--gs-global-page-top-gap) !important;
}

.gs-magazine-overview-layout{
    margin-top:14px !important;
}

.gs-magazine-list{
    display:grid;
    gap:14px;
}

.gs-magazine-card{
    display:block !important;
    padding:0 !important;
    overflow:hidden;
}

.gs-magazine-card-grid{
    display:grid;
    grid-template-columns:220px minmax(0,1fr) 150px;
    gap:24px;
    align-items:stretch;
    min-height:190px;
    padding:18px 20px;
    box-sizing:border-box;
}

.gs-magazine-card-image{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:154px;
    border-radius:10px;
    overflow:hidden;
    background:#f7f8fa;
    text-decoration:none;
}

.gs-magazine-card-image-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.gs-magazine-image-placeholder{
    font-size:54px;
    line-height:1;
}

.gs-magazine-card-copy{
    min-width:0;
    align-self:center;
}

.gs-magazine-card-category{
    display:inline-block;
    margin:0 0 7px;
    color:var(--gs-pink, #f2055c);
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.gs-magazine-card-title{
    margin:0 0 9px !important;
}

.gs-magazine-card-preview{
    display:block !important;
    margin:0 !important;
    max-width:780px;
    color:#4e5968;
    font-size:14px;
    line-height:1.55;
}

.gs-magazine-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 14px;
    margin-top:13px;
    color:#7a8492;
    font-size:11px;
    line-height:1.4;
}

.gs-magazine-card-action{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
}

.gs-magazine-read-button{
    min-width:130px;
    justify-content:center;
    white-space:nowrap;
}

@media (max-width:1280px){
    .gs-magazine-card-grid{
        grid-template-columns:190px minmax(0,1fr) 140px;
        gap:18px;
    }

    .gs-magazine-card-image{
        height:145px;
    }
}

@media (max-width:900px){
    .gs-magazine-card-grid{
        grid-template-columns:170px minmax(0,1fr);
        grid-template-rows:auto auto;
    }

    .gs-magazine-card-action{
        grid-column:2;
        justify-content:flex-end;
    }
}

@media (max-width:620px){
    .gs-magazine-card-grid{
        grid-template-columns:1fr;
        grid-template-rows:auto;
        gap:14px;
        padding:14px;
    }

    .gs-magazine-card-image{
        width:100%;
        height:auto;
        aspect-ratio:16/9;
    }

    .gs-magazine-card-action{
        grid-column:1;
        justify-content:flex-end;
    }

    .gs-magazine-read-button{
        min-width:140px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.30 – Magazinbilder vollständig sichtbar
   ===================================================================== */

.gs-magazine-card-image{
    background:#fff !important;
    padding:10px !important;
    box-sizing:border-box !important;
}

.gs-magazine-card-image-img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
}

/* Etwas mehr Raum für breite Magazin-Grafiken. */
.gs-magazine-card-grid{
    grid-template-columns:240px minmax(0,1fr) 150px !important;
}

.gs-magazine-card-image{
    height:160px !important;
}

@media (max-width:1280px){
    .gs-magazine-card-grid{
        grid-template-columns:210px minmax(0,1fr) 140px !important;
    }

    .gs-magazine-card-image{
        height:150px !important;
    }
}

@media (max-width:900px){
    .gs-magazine-card-grid{
        grid-template-columns:180px minmax(0,1fr) !important;
    }
}

@media (max-width:620px){
    .gs-magazine-card-grid{
        grid-template-columns:1fr !important;
    }

    .gs-magazine-card-image{
        width:100% !important;
        height:auto !important;
        aspect-ratio:16/9 !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.31 – nur Magazin-Kachel optimiert
   ===================================================================== */

/*
 * Nur die Darstellung innerhalb der Magazin-Artikelkachel wird angepasst.
 * Seitenkopf, Gesamtbreite, Sidebar und übriges Magazinlayout bleiben unverändert.
 */

.gs-magazine-card-grid{
    grid-template-columns:300px minmax(0,1fr) 150px !important;
    gap:24px !important;
    align-items:start !important;
    min-height:210px !important;
    padding:18px 20px !important;
}

/*
 * Fester 2:1-Bildrahmen als Zielbereich (entspricht etwa 800x400).
 * Das Originalbild wird NICHT beschnitten und NICHT auf 800x400 gezwungen,
 * sondern vollständig innerhalb dieses Rahmens zentriert.
 */
.gs-magazine-card-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:2 / 1 !important;
    align-self:start !important;
    margin:0 !important;
    padding:6px !important;
    background:#fff !important;
    border-radius:10px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.gs-magazine-card-image-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
}

/* Bildoberkante bündig mit der Magazin-Unterkategorie rechts. */
.gs-magazine-card-copy{
    align-self:start !important;
    padding-top:0 !important;
}

.gs-magazine-card-category{
    margin-top:0 !important;
}

/* Button bleibt unten rechts in der Kachel. */
.gs-magazine-card-action{
    align-self:stretch !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-end !important;
}

/* Tablet: weiterhin 2:1 und vollständig sichtbar. */
@media (max-width:1280px){
    .gs-magazine-card-grid{
        grid-template-columns:260px minmax(0,1fr) 140px !important;
        gap:20px !important;
    }
}

@media (max-width:900px){
    .gs-magazine-card-grid{
        grid-template-columns:220px minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
    }

    .gs-magazine-card-action{
        grid-column:2 !important;
    }
}

/* Mobil: Bild oben, weiterhin 2:1. */
@media (max-width:620px){
    .gs-magazine-card-grid{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
        gap:14px !important;
        padding:14px !important;
    }

    .gs-magazine-card-image{
        width:100% !important;
        aspect-ratio:2 / 1 !important;
    }

    .gs-magazine-card-action{
        grid-column:1 !important;
    }
}

/* GEIZSCHWEIN 3.5.32 – nur Magazin-Artikelkacheln kompakter */
.gs-magazine-card-grid{grid-template-columns:260px minmax(0,1fr) 140px!important;gap:20px!important;min-height:0!important;padding:14px 16px!important;align-items:start!important}
.gs-magazine-card-image{width:100%!important;aspect-ratio:2/1!important;padding:5px!important;margin:0!important;align-self:start!important}
.gs-magazine-card-copy{align-self:start!important;padding:0!important}
.gs-magazine-card-category{margin:0 0 5px!important}.gs-magazine-card-title{margin:0 0 6px!important}.gs-magazine-card-preview{margin:0!important;line-height:1.45!important}.gs-magazine-card-meta{margin-top:10px!important}
.gs-magazine-card-action{align-self:stretch!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important}.gs-magazine-read-button{min-width:120px!important}.gs-magazine-list{gap:10px!important}
@media(max-width:1280px){.gs-magazine-card-grid{grid-template-columns:235px minmax(0,1fr) 130px!important;gap:16px!important}}
@media(max-width:900px){.gs-magazine-card-grid{grid-template-columns:210px minmax(0,1fr)!important;grid-template-rows:auto auto!important}.gs-magazine-card-action{grid-column:2!important}}
@media(max-width:620px){.gs-magazine-card-grid{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.gs-magazine-card-image{aspect-ratio:2/1!important}.gs-magazine-card-action{grid-column:1!important}}

/* GEIZSCHWEIN 3.5.33 – kompakte Magazin-Kachel, Bildgröße wie 3.5.31 */
.gs-magazine-card-grid{
    grid-template-columns:300px minmax(0,1fr) 140px!important;
}
@media(max-width:1280px){
    .gs-magazine-card-grid{grid-template-columns:260px minmax(0,1fr) 130px!important}
}
@media(max-width:900px){
    .gs-magazine-card-grid{grid-template-columns:220px minmax(0,1fr)!important}
}
@media(max-width:620px){
    .gs-magazine-card-grid{grid-template-columns:1fr!important}
}


/* GEIZSCHWEIN 3.5.34 – Magazin-Unterkategorien im Hauptmenü */
.gs-site-nav a.gs-nav-dropdown-toggle{
    text-decoration:none !important;
    height:100%;
    box-sizing:border-box;
}

.gs-nav-magazine-dropdown .gs-nav-dropdown-menu{
    min-width:210px;
}

/* =====================================================================
   GEIZSCHWEIN 3.5.35 – Beliebte Deals + Neu im Magazin
   ===================================================================== */
.gs-deals-sidebar .gs-sidebar-twin-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px;
    align-items:start;
    width:100%;
}
.gs-deals-sidebar .gs-sidebar-twin-row .gs-sidebar-box{
    height:100%;
}
.gs-deals-sidebar .gs-sidebar-magazine-list{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.gs-deals-sidebar .gs-sidebar-magazine-item{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:8px;
    align-items:center;
    padding:7px 0;
    border-top:1px solid #eef0f3;
    color:var(--gs-brand-text)!important;
    text-decoration:none!important;
    min-width:0;
}
.gs-deals-sidebar .gs-sidebar-magazine-item:first-child{
    border-top:0;
    padding-top:0;
}
.gs-deals-sidebar .gs-sidebar-magazine-item:last-child{
    padding-bottom:0;
}
.gs-deals-sidebar .gs-sidebar-magazine-thumb{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:27px;
    overflow:hidden;
    border-radius:4px;
    background:#fff;
}
.gs-deals-sidebar .gs-sidebar-magazine-thumb img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}
.gs-deals-sidebar .gs-sidebar-magazine-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;height:100%;
    background:#f5f6f8;
    color:var(--gs-brand-muted);
    font-size:12px;font-weight:800;
}
.gs-deals-sidebar .gs-sidebar-magazine-title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    min-width:0;
    font-size:10px;
    line-height:1.28;
    font-weight:750;
    overflow-wrap:anywhere;
}
.gs-deals-sidebar .gs-sidebar-magazine-item:hover .gs-sidebar-magazine-title{
    color:var(--gs-brand-pink);
}
@media(max-width:1180px){
    .gs-deals-sidebar .gs-sidebar-twin-row{grid-template-columns:1fr;gap:18px}
}
\n\n/* =====================================================================\n   GEIZSCHWEIN 3.5.36 – Neu im Magazin als normales Sidebar-Modul\n   ===================================================================== */\n.gs-deals-sidebar .gs-sidebar-twin-row{display:contents!important;}\n.gs-deals-sidebar .gs-sidebar-magazine-box{\n    width:100%!important;\n    max-width:none!important;\n    height:auto!important;\n}\n.gs-deals-sidebar .gs-sidebar-magazine-list{display:flex!important;flex-direction:column!important;}\n.gs-deals-sidebar .gs-sidebar-magazine-item{\n    display:grid!important;\n    grid-template-columns:54px minmax(0,1fr)!important;\n    gap:10px!important;\n    align-items:center!important;\n    padding:8px 0!important;\n    border-top:1px solid #eef0f3!important;\n}\n.gs-deals-sidebar .gs-sidebar-magazine-item:first-child{border-top:0!important;padding-top:0!important;}\n.gs-deals-sidebar .gs-sidebar-magazine-item:last-child{padding-bottom:0!important;}\n.gs-deals-sidebar .gs-sidebar-magazine-thumb{\n    width:54px!important;\n    height:30px!important;\n    border-radius:4px!important;\n}\n.gs-deals-sidebar .gs-sidebar-magazine-title{\n    font-size:11px!important;\n    line-height:1.28!important;\n    font-weight:750!important;\n    -webkit-line-clamp:3!important;\n}\n

/* =====================================================================
   GEIZSCHWEIN 3.5.38 – gleichmäßige Sidebar-Einträge
   Beliebte Deals + Neu im Magazin: feste Titelhöhe, 3 Zeilen, Ellipsis.
   ===================================================================== */

/* Beliebte Deals */
.gs-sidebar-popular-box .gs-sidebar-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}

.gs-sidebar-popular-box .gs-sidebar-ranked{
    display:grid !important;
    grid-template-columns:28px minmax(0,1fr) !important;
    column-gap:10px !important;
    align-items:center !important;
    min-height:52px !important;
    padding:0 !important;
}

.gs-sidebar-popular-box .gs-sidebar-rank{
    align-self:center !important;
    justify-self:center !important;
    flex:0 0 auto !important;
}

.gs-sidebar-popular-box .gs-sidebar-ranked-copy{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    height:52px !important;
}

.gs-sidebar-popular-box .gs-sidebar-deal-title{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    line-height:1.28 !important;
    max-height:3.84em !important;
    width:100% !important;
}

/* Neu im Magazin: gleicher vertikaler Rhythmus */
.gs-sidebar-magazine-box .gs-sidebar-magazine-list{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}

.gs-sidebar-magazine-box .gs-sidebar-magazine-item{
    display:grid !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    column-gap:10px !important;
    align-items:center !important;
    min-height:52px !important;
    padding:0 !important;
}

.gs-sidebar-magazine-box .gs-sidebar-magazine-thumb{
    width:52px !important;
    height:52px !important;
    align-self:center !important;
}

.gs-sidebar-magazine-box .gs-sidebar-magazine-title{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    line-height:1.28 !important;
    max-height:3.84em !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.39 – Sidebar-Feinschliff
   ===================================================================== */

/* Beliebte Deals: Rangkreise horizontal mittiger zum Titelblock setzen. */
.gs-sidebar-popular-box .gs-sidebar-ranked{
    grid-template-columns:34px minmax(0,1fr) !important;
    column-gap:8px !important;
}

.gs-sidebar-popular-box .gs-sidebar-rank{
    width:24px !important;
    height:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    justify-self:center !important;
    align-self:center !important;
    margin:0 !important;
}

/* Neu im Magazin: kleinere Mini-Thumbnails, komplettes Bild sichtbar. */
.gs-sidebar-magazine-box .gs-sidebar-magazine-item{
    grid-template-columns:44px minmax(0,1fr) !important;
    column-gap:9px !important;
    min-height:52px !important;
}

.gs-sidebar-magazine-box .gs-sidebar-magazine-thumb{
    width:44px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:#fff !important;
    border-radius:4px !important;
}

.gs-sidebar-magazine-box .gs-sidebar-magazine-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
}


/* GEIZSCHWEIN 3.5.40 – Sidebar-Hover + reduzierte Metadaten */
.gs-sidebar-popular-box .gs-sidebar-deal-title,
.gs-sidebar-category-list .gs-sidebar-category-name{
    transition:color .18s ease !important;
}
.gs-sidebar-popular-box .gs-sidebar-deal:hover .gs-sidebar-deal-title,
.gs-sidebar-category-list a:hover .gs-sidebar-category-name{
    color:#f4145a !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.41 – Navigation Desktop + Mobile
   ===================================================================== */

/* Desktop: Dropdown-Hover verhält sich wie die übrigen Hauptmenüpunkte.
   Aktive Dropdowns bleiben pink; beim Hover wird auch ein inaktiver
   Kategorien-/Magazin-Punkt pink hinterlegt. */
@media (min-width:761px){
    .gs-site-nav .gs-nav-dropdown:hover > .gs-nav-dropdown-toggle,
    .gs-site-nav .gs-nav-dropdown:focus-within > .gs-nav-dropdown-toggle{
        background:var(--gs-brand-pink) !important;
        color:#fff !important;
    }
}

/* Der mobile Account-Link existiert nur in der mobilen Hauptnavigation. */
.gs-mobile-account-link{
    display:none !important;
}

@media (max-width:760px){
    /* Mobile Navigation darf Untermenüs vertikal ausklappen. */
    .gs-site-nav-row{
        overflow-x:auto !important;
        overflow-y:visible !important;
    }

    .gs-site-nav{
        align-items:stretch !important;
    }

    .gs-nav-dropdown{
        position:relative !important;
        flex:0 0 auto !important;
    }

    .gs-nav-dropdown-toggle{
        height:48px !important;
        min-height:48px !important;
        padding:0 14px !important;
        white-space:nowrap !important;
    }

    /* Touch/Keyboard: :focus-within öffnet das Menü nach Tap auf den Toggle. */
    .gs-nav-dropdown:focus-within .gs-nav-dropdown-menu{
        display:block !important;
    }

    .gs-nav-dropdown-menu{
        top:100% !important;
        z-index:1000 !important;
        min-width:210px !important;
    }

    .gs-mobile-account-link{
        display:flex !important;
        align-items:center !important;
        flex:0 0 auto !important;
        padding:0 16px !important;
        white-space:nowrap !important;
        color:#fff !important;
        background:rgba(255,255,255,.08) !important;
        font-size:11px !important;
        font-weight:800 !important;
        text-transform:uppercase !important;
        text-decoration:none !important;
    }

    .gs-mobile-account-link:hover,
    .gs-mobile-account-link:focus{
        background:var(--gs-brand-pink) !important;
        color:#fff !important;
    }
}

@media (max-width:760px){
    .gs-nav-dropdown.is-mobile-open > .gs-nav-dropdown-menu{
        display:block !important;
    }
}


/* GEIZSCHWEIN 3.5.42 – Sidebar Top Kategorien + Top Händler */
.gs-sidebar-merchants .gs-sidebar-merchant-list a{
    justify-content:center !important;
    text-align:center !important;
}
.gs-sidebar-merchants .gs-sidebar-merchant-brand{
    width:100% !important;
    justify-content:center !important;
}
.gs-sidebar-merchants .gs-sidebar-merchant-brand img{
    margin-left:auto !important;
    margin-right:auto !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.48 – neue Übersichtskopf-Kachel (Basis 3.5.42)
   ===================================================================== */

/*
 * Die Kopf-Kachel nutzt exakt dasselbe Außenmaß wie Dealbereich + Sidebar.
 * Sie ist ein eigenständiges Element und hängt nicht an den alten H1-Regeln.
 */
.gs-overview-head-card{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin:20px auto 14px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:1px solid #dde3e9 !important;
    border-radius:8px !important;
    overflow:hidden !important;
}

.gs-overview-head-copy{
    padding:20px 24px 14px !important;
}

.gs-overview-head-copy h1{
    margin:0 !important;
}

.gs-overview-head-copy p{
    margin:5px 0 0 !important;
}

/* Tabs + Filter sind der untere Bereich derselben Kachel. */
.gs-overview-head-card .gs-overview-head-controls{
    border-top:1px solid #edf0f3 !important;
}

.gs-overview-head-card .gs-home-tabs,
.gs-overview-head-card .gs-overview-tabs{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    min-height:62px !important;
    padding:0 14px !important;
    box-sizing:border-box !important;
    border:0 !important;
    background:transparent !important;
}

/* Filterpanel, wenn geöffnet, bleibt ebenfalls innerhalb der Kopf-Kachel. */
.gs-overview-head-card .gs-deal-filter-panel{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-bottom:0 !important;
    border-radius:0 !important;
}

/* Nach der neuen Kopf-Kachel keine zweite vertikale Einrückung. */
.gs-overview-head-card + .gs-overview-layout{
    margin-top:0 !important;
}

/* Tablet */
@media(max-width:1280px){
    .gs-overview-head-card{
        width:calc(100% - 32px) !important;
        max-width:none !important;
    }
}

/* Mobil */
@media(max-width:760px){
    .gs-overview-head-card{
        width:calc(100% - 20px) !important;
        margin-top:20px !important;
        margin-bottom:12px !important;
    }

    .gs-overview-head-copy{
        padding:16px 16px 12px !important;
    }

    .gs-overview-head-card .gs-home-tabs,
    .gs-overview-head-card .gs-overview-tabs{
        padding-left:6px !important;
        padding-right:6px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.49 – Kopf-Kachel Feinschliff + Seiten/Magazin
   ===================================================================== */

/* Keine graue Trennlinie mehr zwischen Textbereich und Tabs. */
.gs-overview-head-card .gs-overview-head-controls{
    border-top:0 !important;
}

/* Tabs bleiben optisch Teil derselben weißen Kachel. */
.gs-overview-head-card .gs-home-tabs,
.gs-overview-head-card .gs-overview-tabs{
    border-top:0 !important;
}

/*
 * Der aufgeklappte Filter ist wieder eine eigenständige Kachel,
 * wie vor Einführung der großen Kopf-Kachel.
 */
.gs-overview-head-card + .gs-deal-filter-panel{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin:0 auto 14px !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:1px solid #dde3e9 !important;
    border-radius:8px !important;
}

/* Einfache Kopf-Kacheln auf Seiten und im Magazin: nur H1 + Untertitel. */
.gs-overview-head-card-simple{
    margin-bottom:14px !important;
}

.gs-overview-head-card-simple .gs-overview-head-copy{
    padding:20px 24px !important;
}

/* Die alten Header-Abstände dürfen bei den neuen einfachen Kacheln nicht greifen. */
.gs-standard-page-overview .gs-overview-head-card,
.gs-magazine-category-page .gs-overview-head-card,
.gs-magazine-post .gs-overview-head-card{
    margin-top:20px !important;
}

/* Magazin-Inhaltsgrid direkt sauber unter der neuen Kopf-Kachel. */
.gs-magazine-category-page .gs-magazine-overview-layout{
    margin-top:0 !important;
}

@media(max-width:1280px){
    .gs-overview-head-card + .gs-deal-filter-panel{
        width:calc(100% - 32px) !important;
        max-width:none !important;
    }
}

@media(max-width:760px){
    .gs-overview-head-card + .gs-deal-filter-panel{
        width:calc(100% - 20px) !important;
        margin-bottom:12px !important;
    }

    .gs-overview-head-card-simple .gs-overview-head-copy{
        padding:16px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.50 – Magazin-Kacheln an Kopf-Kachel ausrichten
   ===================================================================== */

/*
 * Im Magazin soll das eigentliche Inhaltsgrid dieselbe Außenbreite wie die
 * neue Kopf-Kachel nutzen. Dadurch rückt die erste Magazin-Kachel weiter
 * nach links und schließt links exakt mit der Kopf-Kachel ab; die Sidebar
 * bleibt Bestandteil derselben Gesamtbreite.
 */
.gs-magazine-category-page .gs-magazine-overview-layout{
    width:min(1480px, calc(100% - 56px)) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:minmax(0,1fr) 420px !important;
    gap:24px !important;
    box-sizing:border-box !important;
}

/* Die Magazin-Kachel füllt die dadurch größere linke Hauptspalte vollständig. */
.gs-magazine-category-page .gs-magazine-list,
.gs-magazine-category-page .gs-magazine-card{
    width:100% !important;
    max-width:none !important;
    box-sizing:border-box !important;
}

@media(max-width:1280px){
    .gs-magazine-category-page .gs-magazine-overview-layout{
        width:calc(100% - 32px) !important;
        max-width:none !important;
        grid-template-columns:minmax(0,1fr) 340px !important;
    }
}

@media(max-width:760px){
    .gs-magazine-category-page .gs-magazine-overview-layout{
        width:calc(100% - 20px) !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.51 – Magazin-Spaltenabstand vereinheitlicht
   ===================================================================== */

/*
 * Magazin verwendet nun exakt denselben Abstand zwischen Hauptkacheln
 * und Sidebar wie die übrigen Deal-/Kategorieansichten.
 */
.gs-magazine-category-page .gs-magazine-overview-layout{
    column-gap:24px !important;
    gap:24px !important;
}

@media(max-width:760px){
    .gs-magazine-category-page .gs-magazine-overview-layout{
        column-gap:14px !important;
        gap:14px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.52 – Kopf-Kachel kompakter
   ===================================================================== */

.gs-overview-head-card .gs-overview-head-copy{
    padding-top:16px !important;
    padding-bottom:11px !important;
}

/* Jeweils 2 px kleiner als bisher. */
.gs-overview-head-card .gs-overview-head-copy h1{
    font-size:calc(var(--gs-page-title-size, 32px) - 2px) !important;
}

.gs-overview-head-card .gs-overview-head-copy p{
    font-size:calc(var(--gs-page-subtitle-size, 14px) - 2px) !important;
    margin-top:4px !important;
}

/* Unterer Tab-/Filterbereich ebenfalls etwas flacher. */
.gs-overview-head-card .gs-home-tabs,
.gs-overview-head-card .gs-overview-tabs{
    min-height:54px !important;
}

.gs-overview-head-card-simple .gs-overview-head-copy{
    padding-top:16px !important;
    padding-bottom:16px !important;
}

@media(max-width:760px){
    .gs-overview-head-card .gs-overview-head-copy,
    .gs-overview-head-card-simple .gs-overview-head-copy{
        padding-top:14px !important;
        padding-bottom:12px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.53 – zentrale Typografie aus Einstellungen → Design
   ===================================================================== */
body.gs-geizschwein-design h1:not(.entry-title){
    font-size:var(--gs-font-h1, 30px) !important;
}
body.gs-geizschwein-design h2{
    font-size:var(--gs-font-h2, 22px) !important;
}
body.gs-geizschwein-design h3{
    font-size:var(--gs-font-h3, 18px) !important;
}
body.gs-geizschwein-design h4{
    font-size:var(--gs-font-h4, 16px) !important;
}
body.gs-geizschwein-design .gs-overview-head-card .gs-overview-head-copy h1{
    font-size:var(--gs-font-h1, 30px) !important;
}
body.gs-geizschwein-design .gs-overview-head-card .gs-overview-head-copy p{
    font-size:var(--gs-font-subtitle, 12px) !important;
}
body.gs-geizschwein-design .gs-static-page-card,
body.gs-geizschwein-design .gs-page-layout-content,
body.gs-geizschwein-design .gs-design-single .gs-single-content{
    font-size:var(--gs-font-body, 16px) !important;
}


/* GEIZSCHWEIN 3.5.55 – optionaler Händler beim Deal-Einreichen */
.gs-submit-optional{
    font-weight:500;
    color:#7a8592;
    font-size:.92em;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.56 – Spartipp über volle Sidebar-Breite
   ===================================================================== */

/*
 * Spartipp ist ein eigenständiges Sidebar-Modul und nimmt – genau wie
 * „Über Geizschwein“ und „Dealalarm“ – immer die komplette verfügbare
 * Sidebar-Breite ein.
 */
.gs-deals-sidebar .gs-sidebar-tip{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    grid-column:1 / -1 !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
    align-self:stretch !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.57 – Sidebar-Spartipp aus markiertem Deal
   ===================================================================== */
.gs-deals-sidebar .gs-sidebar-tip-image{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:140px !important;
    margin:0 0 12px !important;
    padding:8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background:#fff !important;
    border-radius:6px !important;
    text-decoration:none !important;
}

.gs-deals-sidebar .gs-sidebar-tip-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
}

.gs-deals-sidebar .gs-sidebar-tip .gs-sidebar-secondary-button{
    width:100% !important;
    box-sizing:border-box !important;
    text-align:center !important;
}

@media(max-width:760px){
    .gs-deals-sidebar .gs-sidebar-tip-image{
        height:125px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.58 – Spartipp als redaktionelle Deal-Empfehlung
   ===================================================================== */

.gs-deals-sidebar .gs-sidebar-tip{
    padding:16px !important;
}

.gs-deals-sidebar .gs-sidebar-tip-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.gs-deals-sidebar .gs-sidebar-tip-head .gs-sidebar-title{
    margin:0 !important;
}

.gs-deals-sidebar .gs-sidebar-tip-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:4px 8px;
    border-radius:999px;
    background:#fff0f6;
    color:var(--gs-brand-pink, #d63687);
    font-size:9px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.035em;
}

.gs-deals-sidebar .gs-sidebar-tip-image{
    height:132px !important;
    margin:0 0 10px !important;
    padding:6px !important;
}

.gs-deals-sidebar .gs-sidebar-tip-deal-title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    color:var(--gs-brand-text) !important;
    text-decoration:none !important;
    font-size:13px;
    line-height:1.35;
    font-weight:800;
    margin:0 0 8px;
}

.gs-deals-sidebar .gs-sidebar-tip-deal-title:hover{
    color:var(--gs-brand-pink, #d63687) !important;
}

.gs-deals-sidebar .gs-sidebar-tip-price-row{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:7px;
    margin:0 0 9px;
}

.gs-deals-sidebar .gs-sidebar-tip-price{
    color:var(--gs-brand-text);
    font-size:16px;
    line-height:1.2;
    font-weight:850;
}

.gs-deals-sidebar .gs-sidebar-tip-saving{
    color:#4e8a5b;
    font-size:10px;
    line-height:1.2;
    font-weight:800;
}

.gs-deals-sidebar .gs-sidebar-tip-copy{
    margin:0 0 11px !important;
    padding-top:9px;
    border-top:1px solid #eef0f3;
    color:var(--gs-brand-muted, #68717d);
    font-size:11px !important;
    line-height:1.48 !important;
}

.gs-deals-sidebar .gs-sidebar-tip-button{
    margin-top:0 !important;
}

@media(max-width:760px){
    .gs-deals-sidebar .gs-sidebar-tip-image{
        height:120px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.59 – redaktioneller Geizschwein-Spartipp
   ===================================================================== */

.gs-deals-sidebar .gs-sidebar-tip{
    padding:16px !important;
}

.gs-deals-sidebar .gs-sidebar-tip-heading{
    margin:0 0 14px !important;
    padding:0 0 10px;
    border-bottom:2px solid var(--gs-brand-pink, #d63687);
}

/* Altes „Unser Tipp“-Badge aus 3.5.58 wird nicht mehr verwendet. */
.gs-deals-sidebar .gs-sidebar-tip-badge,
.gs-deals-sidebar .gs-sidebar-tip-head{
    display:none !important;
}

.gs-deals-sidebar .gs-sidebar-tip-image{
    height:145px !important;
    margin:0 0 13px !important;
    padding:10px !important;
    background:#fafbfc !important;
    border:1px solid #eef0f3 !important;
    border-radius:8px !important;
}

.gs-deals-sidebar .gs-sidebar-tip-deal-title{
    font-size:14px !important;
    line-height:1.38 !important;
    font-weight:800 !important;
    margin:0 0 10px !important;
    -webkit-line-clamp:3;
}

.gs-deals-sidebar .gs-sidebar-tip-price-row{
    display:flex !important;
    align-items:baseline !important;
    flex-wrap:wrap !important;
    gap:7px !important;
    margin:0 0 3px !important;
}

.gs-deals-sidebar .gs-sidebar-tip-price{
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:850 !important;
}

.gs-deals-sidebar .gs-sidebar-tip-compare{
    color:#8a929c;
    font-size:10px;
    line-height:1.2;
    text-decoration:line-through;
}

.gs-deals-sidebar .gs-sidebar-tip-saving{
    display:block !important;
    margin:0 0 13px !important;
    color:#438451 !important;
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
}

.gs-deals-sidebar .gs-sidebar-tip-reason{
    margin:0 0 13px;
    padding:11px 12px;
    background:#fff4f8;
    border:1px solid #f7d7e5;
    border-radius:8px;
}

.gs-deals-sidebar .gs-sidebar-tip-reason strong{
    display:block;
    margin:0 0 5px;
    color:var(--gs-brand-text);
    font-size:11px;
    line-height:1.3;
    font-weight:800;
}

.gs-deals-sidebar .gs-sidebar-tip-reason p{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    color:#626b76 !important;
    font-size:10.5px !important;
    line-height:1.5 !important;
}

.gs-deals-sidebar .gs-sidebar-tip-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:38px;
    margin:0 !important;
    box-sizing:border-box !important;
    font-weight:800 !important;
}

@media(max-width:760px){
    .gs-deals-sidebar .gs-sidebar-tip-image{
        height:130px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.60 – Spartipp-Produktbild auf Weiß
   ===================================================================== */

/*
 * Produktbilder haben meist bereits einen weißen Hintergrund.
 * Deshalb keine zusätzliche graue Bildfläche und keinen Bildrahmen.
 * Die Trennung zum Dealtitel erfolgt nur über Weißraum + feine Linie.
 */
.gs-deals-sidebar .gs-sidebar-tip-image{
    height:145px !important;
    margin:0 0 12px !important;
    padding:6px 8px 14px !important;
    background:#fff !important;
    border:0 !important;
    border-bottom:1px solid #eef0f3 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

.gs-deals-sidebar .gs-sidebar-tip-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
}

@media(max-width:760px){
    .gs-deals-sidebar .gs-sidebar-tip-image{
        height:130px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.62 – 3-zeilige Dealtitel + YouTube 650 px
   ===================================================================== */

/*
 * Dealübersichten:
 * - bis zu 3 Titelzeilen erlaubt
 * - danach Ellipsis
 * - der Titelbereich reserviert immer die Höhe von 3 Zeilen,
 *   damit Beschreibung und Meta-Bereich bei allen Kacheln gleich starten.
 */
body.gs-geizschwein-design .gs-overview-layout .gs-card-title{
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:3 !important;
    line-clamp:3 !important;
    overflow:hidden !important;
    line-height:1.18 !important;
    min-height:calc(3 * 1.18em) !important;
    max-height:calc(3 * 1.18em) !important;
}

/*
 * Mobil keine künstliche Mindesthöhe:
 * dort soll der Titel weiterhin kompakt und vollständig responsiv wirken.
 */
@media(max-width:760px){
    body.gs-geizschwein-design .gs-overview-layout .gs-card-title{
        min-height:0 !important;
        max-height:calc(3 * 1.18em) !important;
    }
}

/*
 * Einzeldeal:
 * YouTube-Einbettungen maximal 650 px breit und zentriert.
 * Andere Seitentypen bleiben unberührt.
 */
body.gs-is-deal-single .gs-single-detail-content figure.wp-block-embed-youtube,
body.gs-is-deal-single .gs-single-detail-content .wp-block-embed-youtube,
body.gs-is-deal-single .gs-single-detail-content .wp-block-embed.is-provider-youtube,
body.gs-is-deal-single .gs-single-detail-content .wp-block-embed__wrapper{
    width:100% !important;
    max-width:650px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

body.gs-is-deal-single .gs-single-detail-content iframe[src*="youtube.com"],
body.gs-is-deal-single .gs-single-detail-content iframe[src*="youtube-nocookie.com"],
body.gs-is-deal-single .gs-single-detail-content iframe[src*="youtu.be"]{
    display:block !important;
    width:100% !important;
    max-width:650px !important;
    aspect-ratio:16 / 9 !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    border:0 !important;
}

@media(max-width:760px){
    body.gs-is-deal-single .gs-single-detail-content figure.wp-block-embed-youtube,
    body.gs-is-deal-single .gs-single-detail-content .wp-block-embed-youtube,
    body.gs-is-deal-single .gs-single-detail-content .wp-block-embed.is-provider-youtube,
    body.gs-is-deal-single .gs-single-detail-content .wp-block-embed__wrapper,
    body.gs-is-deal-single .gs-single-detail-content iframe[src*="youtube.com"],
    body.gs-is-deal-single .gs-single-detail-content iframe[src*="youtube-nocookie.com"],
    body.gs-is-deal-single .gs-single-detail-content iframe[src*="youtu.be"]{
        width:100% !important;
        max-width:100% !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.63 – flexible 3-zeilige Dealtitel
   ===================================================================== */

/*
 * Desktop-Dealübersichten:
 * Der Titel darf 1–3 Zeilen einnehmen. Statt für jeden Titel künstlich
 * drei Zeilen Höhe zu reservieren, arbeitet die komplette Textspalte
 * flexibel innerhalb der festen Kartenhöhe:
 *
 * Titel      = nur so hoch wie tatsächlich benötigt (max. 3 Zeilen)
 * Beschreibung = nimmt den verbleibenden Platz ein
 * Meta-Zeile = bleibt zuverlässig unten verankert
 */
@media(min-width:761px){

    body.gs-geizschwein-design .gs-overview-layout .gs-deal-card.gs-design-card .gs-card-copy{
        display:flex !important;
        flex-direction:column !important;
        height:100% !important;
        min-height:0 !important;
        overflow:hidden !important;
        padding-top:0 !important;
        padding-bottom:0 !important;
        box-sizing:border-box !important;
    }

    body.gs-geizschwein-design .gs-overview-layout .gs-deal-card.gs-design-card .gs-card-title{
        display:-webkit-box !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:3 !important;
        line-clamp:3 !important;
        overflow:hidden !important;
        flex:0 0 auto !important;
        min-height:0 !important;
        max-height:calc(3 * 1.18em) !important;
        margin-bottom:8px !important;
    }

    body.gs-geizschwein-design .gs-overview-layout .gs-deal-card.gs-design-card .gs-card-preview{
        display:-webkit-box !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:4 !important;
        line-clamp:4 !important;
        flex:1 1 auto !important;
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;
        overflow:hidden !important;
        margin:0 0 8px !important;
    }

    body.gs-geizschwein-design .gs-overview-layout .gs-deal-card.gs-design-card .gs-card-info-line{
        flex:0 0 auto !important;
        margin-top:auto !important;
        padding-top:0 !important;
        transform:none !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.64 – Hauptmenü / mobile Dropdowns
   ===================================================================== */

/* Dropdown-Beschriftung und Pfeil voneinander entkoppeln. */
.gs-nav-dropdown-toggle{
    position:relative !important;
    box-sizing:border-box !important;
}

.gs-nav-dropdown-label{
    display:block;
    text-align:center;
}

.gs-nav-dropdown-chevron{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    line-height:1;
}

/* Desktop behält das bisherige kompakte Erscheinungsbild. */
@media(min-width:761px){
    .gs-nav-dropdown-toggle{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }
    .gs-nav-dropdown-chevron{
        margin-left:6px;
    }
}

@media(max-width:760px){

    /*
     * Alle Menüpunkte besitzen auf Mobil exakt dieselbe Höhe und
     * vertikale Zentrierung.
     */
    .gs-site-nav > a,
    .gs-site-nav > .gs-nav-dropdown > .gs-nav-dropdown-toggle,
    .gs-mobile-account-link{
        height:48px !important;
        min-height:48px !important;
        box-sizing:border-box !important;
        align-items:center !important;
        justify-content:center !important;
        line-height:1 !important;
    }

    /*
     * Der Text steht geometrisch in der Mitte. Der Chevron ist absolut
     * positioniert und verschiebt die Beschriftung nicht mehr.
     */
    .gs-site-nav > .gs-nav-dropdown > .gs-nav-dropdown-toggle{
        display:flex !important;
        position:relative !important;
        padding:0 28px 0 14px !important;
        text-align:center !important;
    }

    .gs-site-nav > .gs-nav-dropdown > .gs-nav-dropdown-toggle .gs-nav-dropdown-label{
        width:100% !important;
        text-align:center !important;
    }

    .gs-site-nav > .gs-nav-dropdown > .gs-nav-dropdown-toggle .gs-nav-dropdown-chevron{
        position:absolute !important;
        right:10px !important;
        top:50% !important;
        transform:translateY(-50%) !important;
        margin:0 !important;
        pointer-events:none !important;
    }

    /*
     * Das Untermenü ist fixed. Dadurch wird es nicht mehr vom horizontal
     * scrollbaren Hauptmenü abgeschnitten.
     * Position und Breite setzt das JS beim Öffnen.
     */
    .gs-site-nav .gs-nav-dropdown-menu{
        position:fixed !important;
        right:auto !important;
        bottom:auto !important;
        z-index:100000 !important;
        display:none !important;
        max-height:min(60vh, 420px) !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        border-radius:0 0 7px 7px !important;
        box-shadow:0 12px 30px rgba(7,24,40,.18) !important;
    }

    .gs-site-nav .gs-nav-dropdown.is-mobile-open > .gs-nav-dropdown-menu{
        display:block !important;
    }

    /* focus-within darf auf Mobil nicht gegen die Tap-Logik arbeiten. */
    .gs-site-nav .gs-nav-dropdown:focus-within:not(.is-mobile-open) > .gs-nav-dropdown-menu{
        display:none !important;
    }

    .gs-site-nav .gs-nav-dropdown-menu a{
        min-height:40px !important;
        display:flex !important;
        align-items:center !important;
        padding:9px 16px !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.65 – normale Seiten: H1 im Inhaltscontainer
   ===================================================================== */

/*
 * Normale WordPress-Seiten besitzen keine separate Kopf-Kachel mehr.
 * H1 + Unterüberschrift bilden den Beginn des eigentlichen Inhalts.
 */
.gs-standard-page-overview:not(.gs-magazine-post) .gs-static-page-intro{
    margin:0 0 24px !important;
    padding:0 0 18px !important;
    border-bottom:1px solid #eef0f3;
}

.gs-standard-page-overview:not(.gs-magazine-post) .gs-static-page-intro h1{
    margin:0 !important;
    font-size:var(--gs-font-h1, 30px) !important;
    line-height:1.18 !important;
}

.gs-standard-page-overview:not(.gs-magazine-post) .gs-static-page-intro p{
    margin:6px 0 0 !important;
    color:#667085;
    font-size:var(--gs-font-subtitle, 12px) !important;
    line-height:1.5 !important;
}

/* Nach Wegfall der separaten Kopf-Kachel startet das Seitenraster mit
   demselben oberen Abstand wie die übrigen Geizschwein-Hauptbereiche. */
.gs-standard-page-overview:not(.gs-magazine-post) .gs-category-overview-inner{
    padding-top:20px !important;
}

.gs-standard-page-overview:not(.gs-magazine-post) .gs-overview-layout{
    margin-top:0 !important;
}

@media(max-width:760px){
    .gs-standard-page-overview:not(.gs-magazine-post) .gs-category-overview-inner{
        padding-top:14px !important;
    }

    .gs-standard-page-overview:not(.gs-magazine-post) .gs-static-page-intro{
        margin-bottom:20px !important;
        padding-bottom:14px !important;
    }
}


/* GEIZSCHWEIN 3.5.66 – Magazin-Einzelartikel: Titel im Inhaltscontainer */
.gs-magazine-post .gs-static-page-intro{margin:0 0 24px!important;padding:0 0 18px!important;border-bottom:1px solid #eef0f3}
.gs-magazine-post .gs-static-page-intro h1{margin:0!important;font-size:var(--gs-font-h1,30px)!important;line-height:1.18!important}
.gs-magazine-post .gs-static-page-intro p{margin:6px 0 0!important;color:#667085;font-size:var(--gs-font-subtitle,12px)!important;line-height:1.5!important}
.gs-magazine-post .gs-category-overview-inner{padding-top:20px!important}
.gs-magazine-post .gs-overview-layout{margin-top:0!important}
@media(max-width:760px){
 .gs-magazine-post .gs-category-overview-inner{padding-top:14px!important}
 .gs-magazine-post .gs-static-page-intro{margin-bottom:20px!important;padding-bottom:14px!important}
}


/* =====================================================================
   GEIZSCHWEIN 3.5.67 – globaler Abstand Menü → erster Inhaltsbereich
   ===================================================================== */

:root{
    --gs-content-top-gap:20px;
    --gs-content-top-gap-mobile:14px;
}

/*
 * Eine gemeinsame Quelle für den oberen Abstand.
 * Einzeldeal, Magazin-Einzelartikel und normale Inhaltsseiten starten
 * damit exakt gleich weit unterhalb der Hauptnavigation.
 */

/* Einzeldeal */
body.gs-is-deal-single .gs-single-layout{
    margin-top:var(--gs-content-top-gap) !important;
}

/* Einzelner Magazinartikel */
.gs-magazine-post .gs-category-overview-inner{
    padding-top:var(--gs-content-top-gap) !important;
}
.gs-magazine-post .gs-overview-layout{
    margin-top:0 !important;
}

/* Normale WordPress-Inhaltsseite */
.gs-standard-page-overview:not(.gs-magazine-post) .gs-category-overview-inner{
    padding-top:var(--gs-content-top-gap) !important;
}
.gs-standard-page-overview:not(.gs-magazine-post) .gs-overview-layout{
    margin-top:0 !important;
}

@media(max-width:760px){
    body.gs-is-deal-single .gs-single-layout{
        margin-top:var(--gs-content-top-gap-mobile) !important;
    }

    .gs-magazine-post .gs-category-overview-inner,
    .gs-standard-page-overview:not(.gs-magazine-post) .gs-category-overview-inner{
        padding-top:var(--gs-content-top-gap-mobile) !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.68 – Zeilenumbrüche in Gutscheinhinweisen
   ===================================================================== */

/*
 * Der Gutscheinhinweis wird per textContent eingesetzt.
 * pre-line sorgt dafür, dass im Backend eingegebene Enter-Zeilenumbrüche
 * im Gutschein-Popup sichtbar bleiben, ohne HTML im Feld zu erlauben.
 */
.gs-voucher-instructions{
    white-space:pre-line !important;
}


/* GEIZSCHWEIN 3.5.69 – Vergleiche / Girokonto */
.gs-comparison-list{display:flex;flex-direction:column;gap:16px}
.gs-comparison-card{padding:18px;background:#fff;border:1px solid var(--gs-brand-line);border-radius:8px}
.gs-comparison-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.gs-comparison-brand{display:flex;gap:14px;align-items:center;min-width:0}
.gs-comparison-logo{width:70px;height:46px;object-fit:contain;background:#fff}
.gs-comparison-bank{display:block;margin-bottom:3px;color:#667085;font-size:11px;font-weight:700}
.gs-comparison-card h2{margin:0;font-size:20px;line-height:1.2}
.gs-comparison-card h2 a{color:var(--gs-brand-text)!important;text-decoration:none!important}
.gs-comparison-card h2 a:hover{color:var(--gs-brand-pink)!important}
.gs-comparison-badge{padding:5px 8px;border-radius:999px;background:#fff0f6;color:var(--gs-brand-pink);font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.gs-comparison-keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.gs-comparison-keyfacts>div{padding:12px;background:#f8fafb;border:1px solid #edf0f3;border-radius:7px}
.gs-comparison-keyfacts strong{display:block;font-size:19px;line-height:1.15;color:var(--gs-brand-text)}
.gs-comparison-keyfacts span{display:block;margin-top:3px;color:#667085;font-size:10px}
.gs-comparison-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0 0 16px;padding:0;list-style:none}
.gs-comparison-features li{position:relative;padding-left:17px;font-size:12px}
.gs-comparison-features li:before{content:"✓";position:absolute;left:0;color:var(--gs-brand-pink);font-weight:900}
.gs-comparison-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}
.gs-comparison-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.gs-comparison-detail-grid>div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #eef0f3}
.gs-comparison-detail-grid span{color:#667085;font-size:12px}
.gs-comparison-detail-grid strong{font-size:12px}
.gs-comparison-last-checked{margin-top:24px!important;color:#7a8592!important;font-size:11px!important}
@media(max-width:760px){
 .gs-comparison-keyfacts,.gs-comparison-detail-grid,.gs-comparison-features{grid-template-columns:1fr}
 .gs-comparison-card-head,.gs-comparison-actions{flex-direction:column;align-items:stretch}
 .gs-comparison-actions .gs-btn,.gs-comparison-actions .gs-sidebar-secondary-button{width:100%!important;box-sizing:border-box;text-align:center}
}


/* =====================================================================
   GEIZSCHWEIN 3.5.70 – Startseitenabschluss
   ===================================================================== */
.gs-home-bottom{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:10px auto 44px;
    box-sizing:border-box;
}

.gs-home-about-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:22px 24px;
    background:#fff;
    border:1px solid #dde3e9;
    border-radius:8px;
}

.gs-home-about-copy{max-width:980px}
.gs-home-about-copy h2,
.gs-home-section-heading h2{margin:0;font-size:var(--gs-font-h2,22px);line-height:1.2}
.gs-home-about-copy p{margin:7px 0 0;color:#53606e;font-size:14px;line-height:1.6}
.gs-home-about-button{flex:0 0 auto}

.gs-home-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-top:16px;
}

.gs-home-info-card{
    display:block;
    min-height:126px;
    padding:18px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #dde3e9;
    border-radius:8px;
    color:var(--gs-brand-text)!important;
    text-decoration:none!important;
    transition:border-color .15s, transform .15s, box-shadow .15s;
}
a.gs-home-info-card:hover{
    border-color:#e7a9c4;
    transform:translateY(-1px);
    box-shadow:0 5px 18px rgba(14,26,40,.06);
}
.gs-home-info-card h3{margin:0 0 7px;font-size:16px;line-height:1.25}
.gs-home-info-card p{margin:0;color:#667085;font-size:12px;line-height:1.55}

.gs-home-magazine-section{
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid #dde3e9;
}

.gs-home-section-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:14px;
}
.gs-home-section-heading p{margin:5px 0 0;color:#667085;font-size:12px}
.gs-home-section-link{color:var(--gs-brand-pink)!important;font-size:12px;font-weight:800;text-decoration:none!important}

.gs-home-magazine-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.gs-home-magazine-card{
    overflow:hidden;
    background:#fff;
    border:1px solid #dde3e9;
    border-radius:8px;
    color:var(--gs-brand-text)!important;
    text-decoration:none!important;
}
.gs-home-magazine-image{
    display:flex;
    align-items:center;
    justify-content:center;
    height:170px;
    overflow:hidden;
    background:#fff;
    border-bottom:1px solid #eef0f3;
}
.gs-home-magazine-image img{width:100%;height:100%;object-fit:contain;display:block}
.gs-home-magazine-placeholder{color:#98a2ad;font-size:12px}
.gs-home-magazine-copy{display:block;padding:14px}
.gs-home-magazine-copy strong{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:14px;
    line-height:1.35;
}
.gs-home-magazine-copy>span{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    margin-top:6px;
    color:#667085;
    font-size:11px;
    line-height:1.5;
}

/* Header-Inhalt nutzt dieselbe Außenbreite wie die Hauptkacheln.
   Dadurch sitzt auch „Deal melden“ nicht mehr weiter rechts. */
@media(min-width:1051px){
    body.gs-geizschwein-design .gs-site-header-top{
        width:min(1480px, calc(100% - 56px)) !important;
        max-width:1480px !important;
    }
}

@media(max-width:760px){
    .gs-home-bottom{width:calc(100% - 20px);margin-bottom:28px}
    .gs-home-about-card{align-items:stretch;flex-direction:column;padding:17px}
    .gs-home-info-grid,.gs-home-magazine-grid{grid-template-columns:1fr}
    .gs-home-info-card{min-height:0}
    .gs-home-section-heading{align-items:flex-start;flex-direction:column}
    .gs-home-magazine-image{height:150px}
}


/* =====================================================================
   GEIZSCHWEIN 3.5.71 – Designvariablen aus Plugin-Einstellungen
   ===================================================================== */

/* Dealkachel – Zum Angebot */
.gs-deal-card.gs-design-card .gs-card-offer-button{
    background:var(--gs-design-deal-button-bg) !important;
    color:var(--gs-design-deal-button-text) !important;
    font-size:var(--gs-design-deal-button-font-size) !important;
}

/* Kostenlos-Badge */
.gs-card-discount-badge.is-free{
    background:var(--gs-design-free-badge-bg) !important;
    color:var(--gs-design-free-badge-text) !important;
}

/* Hauptmenü – ausgewählt und Hover */
.gs-site-nav > a.is-active,
.gs-site-nav > .gs-nav-dropdown > .gs-nav-dropdown-toggle.is-active{
    background:var(--gs-design-menu-highlight-bg) !important;
}

.gs-site-nav > a:not(.gs-nav-home):hover,
.gs-site-nav > .gs-nav-dropdown:hover > .gs-nav-dropdown-toggle,
.gs-site-nav > .gs-nav-dropdown:focus-within > .gs-nav-dropdown-toggle{
    background:var(--gs-design-menu-hover-bg) !important;
}

/* Geöffnetes Dropdown */
.gs-site-nav .gs-nav-dropdown-menu,
.gs-site-nav .gs-nav-dropdown-menu a{
    background:var(--gs-design-dropdown-default-bg) !important;
    color:var(--gs-design-dropdown-default-text) !important;
}

.gs-site-nav .gs-nav-dropdown-menu a:hover,
.gs-site-nav .gs-nav-dropdown-menu a:focus{
    background:var(--gs-design-dropdown-hover-bg) !important;
    color:var(--gs-design-dropdown-hover-text) !important;
}

/* Suchbutton Header */
.gs-site-search button{
    background:var(--gs-design-search-button-bg) !important;
}

/* Dealalarm Sidebar */
.gs-sidebar-alarm .gs-sidebar-login{
    background:var(--gs-design-dealalarm-button-bg) !important;
    color:var(--gs-design-dealalarm-button-text) !important;
}

/* Pagination */
.gs-deals-pagination a,
.gs-deals-pagination span{
    background:var(--gs-design-pagination-bg) !important;
    color:var(--gs-design-pagination-text) !important;
}

.gs-deals-pagination .current{
    background:var(--gs-design-pagination-active-bg) !important;
    border-color:var(--gs-design-pagination-active-bg) !important;
    color:var(--gs-design-pagination-active-text) !important;
}

/* Dealkachel-Typografie */
.gs-deal-card.gs-design-card .gs-card-title{
    font-size:var(--gs-design-deal-title-font-size) !important;
}

.gs-deal-card.gs-design-card .gs-card-preview{
    font-size:var(--gs-design-deal-snippet-font-size) !important;
}


/* GEIZSCHWEIN 3.5.72 – Suchlupe stabil + separat färbbar */
.gs-site-search button{
    background:var(--gs-design-search-button-bg) !important;
    color:var(--gs-design-search-button-text) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.gs-site-search button .gs-search-icon{
    display:block !important;
    width:22px !important;
    height:22px !important;
    fill:none !important;
    stroke:var(--gs-design-search-button-text) !important;
    stroke-width:2.2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    pointer-events:none;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.73 – Suchergebnisse wie Dealübersicht
   ===================================================================== */

/*
 * Suche verwendet jetzt dieselbe Kopf-Kachel mit H1, Unterzeile,
 * Tabs und Filter wie Dealübersicht, Kategorien und Händlerseiten.
 */
.gs-search-template-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 0 46px !important;
    padding:0 !important;
}

.gs-search-overview{
    width:100% !important;
    max-width:none !important;
}

.gs-search-overview .gs-overview-head-card{
    margin-top:var(--gs-content-top-gap,20px) !important;
}

.gs-search-overview .gs-overview-layout{
    margin-top:14px !important;
}

@media(max-width:760px){
    .gs-search-overview .gs-overview-head-card{
        margin-top:var(--gs-content-top-gap-mobile,14px) !important;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.76 – Startseitenabschluss repariert
   ===================================================================== */
.gs-home-magazine-section{
    margin-top:16px !important;
    padding:20px !important;
    background:#fff !important;
    border:1px solid #dde3e9 !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
}

.gs-home-magazine-image img{
    max-width:100% !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.78 – neue „Clever sparen“-Kachel
   ===================================================================== */

.gs-home-clever-card{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    margin-top:16px !important;
    padding:20px 22px !important;
    background:#fff !important;
    border:1px solid #dde3e9 !important;
    border-radius:8px !important;
    box-sizing:border-box !important;
}

.gs-home-clever-copy{
    min-width:0 !important;
    max-width:980px !important;
}

.gs-home-clever-copy h2{
    margin:0 !important;
    font-size:var(--gs-font-h2,22px) !important;
    line-height:1.2 !important;
    color:var(--gs-brand-text,#0b1f33) !important;
}

.gs-home-clever-copy p{
    margin:6px 0 0 !important;
    color:#667085 !important;
    font-size:12px !important;
    line-height:1.55 !important;
}

.gs-home-clever-featured{
    display:block !important;
    margin-top:10px !important;
    color:#4f5d6b !important;
    font-size:11px !important;
    line-height:1.45 !important;
}

.gs-home-clever-actions{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex:0 0 auto !important;
}

.gs-home-clever-primary,
.gs-home-clever-secondary{
    text-decoration:none !important;
    font-size:12px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
}

.gs-home-clever-primary{
    color:var(--gs-brand-pink,#d31572) !important;
}

.gs-home-clever-secondary{
    color:var(--gs-brand-text,#0b1f33) !important;
}

.gs-home-clever-primary:hover,
.gs-home-clever-secondary:hover{
    color:var(--gs-brand-pink,#d31572) !important;
}

@media(max-width:760px){
    .gs-home-clever-card{
        flex-direction:column !important;
        align-items:flex-start !important;
        padding:16px !important;
    }

    .gs-home-clever-actions{
        width:100% !important;
        justify-content:space-between !important;
        flex-wrap:wrap !important;
    }
}


/* GEIZSCHWEIN 3.5.79 – Clever sparen vor den drei Infokacheln */
.gs-home-clever-card + .gs-home-info-grid{
    margin-top:16px !important;
}


/* GEIZSCHWEIN 3.5.80 – Clever sparen wieder mit drei Magazinartikeln */
.gs-home-clever-magazine{
    margin-top:16px !important;
    margin-bottom:0 !important;
}
.gs-home-clever-magazine + .gs-home-info-grid{
    margin-top:16px !important;
}


/* GEIZSCHWEIN 3.5.81 – Links in den Startseiten-Kopfkacheln vereinheitlicht */
.gs-home-about-card .gs-home-about-button{
    display:inline-block !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--gs-brand-pink,#d31572) !important;
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

.gs-home-about-card .gs-home-about-button::after{
    content:" →";
}

.gs-home-about-card .gs-home-about-button:hover,
.gs-home-about-card .gs-home-about-button:focus{
    background:transparent !important;
    color:var(--gs-brand-pink,#d31572) !important;
    text-decoration:none !important;
    box-shadow:none !important;
}

.gs-home-about-card .gs-home-about-button,
.gs-home-clever-magazine .gs-home-section-link{
    font-family:inherit !important;
    font-size:12px !important;
    line-height:1.4 !important;
    font-weight:800 !important;
    color:var(--gs-brand-pink,#d31572) !important;
}


/* GEIZSCHWEIN 3.5.82 – Abstand vor dem Startseitenabschluss harmonisiert
   Nur der komplette Block rückt 10px nach oben; Innenabstände bleiben gleich. */
.gs-home-bottom{
    margin-top:0 !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.83 – Abstand Dealübersicht → Startseitenabschluss
   ===================================================================== */

/*
 * Die große Lücke kam nicht vom margin-top von .gs-home-bottom,
 * sondern vom margin-bottom der vorherigen .gs-overview-layout.
 * Auf der Startseite wird dieser Abstand deshalb gezielt reduziert.
 */
.gs-front-page-overview .gs-overview-layout{
    margin-bottom:18px !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.84 – optionale Werbefläche in der Kopf-Kachel
   ===================================================================== */
.gs-overview-head-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    width:100%;
}
.gs-overview-head-top .gs-overview-head-copy{
    min-width:0;
    flex:1 1 auto;
}
.gs-overview-head-ad{
    flex:0 1 400px;
    max-width:400px;
    text-align:right;
    line-height:1;
}
.gs-overview-head-ad-label{
    display:block;
    margin:0 0 4px;
    color:#8b95a1;
    font-size:9px;
    line-height:1.1;
}
.gs-overview-head-ad a{
    display:block;
    text-decoration:none;
}
.gs-overview-head-ad img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:90px;
    margin-left:auto;
    object-fit:contain;
}
@media(max-width:760px){
    .gs-overview-head-top{
        display:block;
    }
    .gs-overview-head-ad{
        max-width:100%;
        margin-top:14px;
        text-align:left;
    }
    .gs-overview-head-ad img{
        max-width:100%;
        max-height:90px;
        margin-left:0;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.85 – globaler Pre-Footer
   ===================================================================== */

/*
 * Der bisherige Startseitenabschluss ist jetzt ein globaler Pre-Footer.
 * Die Klasse bleibt aus Kompatibilitätsgründen gleich.
 */
.gs-home-bottom{
    clear:both !important;
}



/* =====================================================================
   GEIZSCHWEIN 3.5.86 – Abstand vor globalem Pre-Footer korrigiert
   ===================================================================== */

/*
 * Der sichtbare Abstand setzte sich aus zwei Werten zusammen:
 * - margin-bottom der Inhalts-/Übersichtsspalte
 * - padding-bottom des äußeren Seitenwrappers
 *
 * Solange der globale Pre-Footer aktiv ist, braucht der Wrapper unten
 * keinen zusätzlichen 32/48-px-Puffer.
 */
body.gs-has-global-prefooter .gs-category-overview-page{
    padding-bottom:0 !important;
}

body.gs-has-global-prefooter .gs-overview-layout{
    margin-bottom:18px !important;
}

/* Normale Inhaltskarten / Einzelseiten schließen ebenfalls kompakter an. */
body.gs-has-global-prefooter .gs-standard-page-overview,
body.gs-has-global-prefooter .gs-magazine-post{
    padding-bottom:0 !important;
}

/* Abstand zwischen Inhaltsende und Pre-Footer selbst. */
body.gs-has-global-prefooter .gs-home-bottom{
    margin-top:18px !important;
}

@media(max-width:760px){
    body.gs-has-global-prefooter .gs-overview-layout{
        margin-bottom:14px !important;
    }

    body.gs-has-global-prefooter .gs-home-bottom{
        margin-top:14px !important;
    }
}




/* =====================================================================
   GEIZSCHWEIN 3.5.88 – Zwei Banner + neue Startseiten-Ausrichtung
   ===================================================================== */

/* Gemeinsame Werbekachel oberhalb von Dealübersicht und Sidebar */
.gs-overview-top-ads{
    position:relative;
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:0 auto 16px;
    padding:10px;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #dde3e9;
    border-radius:8px;
}
.gs-overview-top-ads-label{
    position:absolute;
    right:10px;
    top:4px;
    color:#8b95a1;
    font-size:8px;
    line-height:1;
    z-index:2;
}
.gs-overview-top-ads-grid{
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(300px,1fr);
    align-items:stretch;
}
.gs-overview-top-ad-slot{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:120px;
    padding:8px 12px;
    box-sizing:border-box;
}
.gs-overview-top-ad-right{
    border-left:2px solid #e3e7eb;
}
.gs-overview-top-ad-slot a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}
.gs-overview-top-ad-slot img{
    display:block;
    width:100%;
    height:100%;
    max-height:160px;
    object-fit:contain;
}
.gs-overview-top-ads-single .gs-overview-top-ads-grid{
    grid-template-columns:1fr;
}
.gs-overview-top-ads-single .gs-overview-top-ad-right{
    border-left:0;
}

/* Startseite: Dealübersicht exakt über Dealspalte, Sidebar beginnt daneben oben */
.gs-front-overview-grid{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    gap:24px;
    align-items:start;
    box-sizing:border-box;
}
.gs-front-overview-main{
    min-width:0;
}
.gs-front-overview-main .gs-overview-head-card{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
.gs-front-overview-main .gs-external-sidebar-layout{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
}
.gs-front-overview-grid > .gs-sidebar{
    margin-top:0 !important;
}

/* Die äußere Startseitenstruktur liefert nun selbst die Breite. */
.gs-front-page-overview .gs-category-overview-inner{
    padding-top:20px !important;
}

@media(max-width:1200px){
    .gs-front-overview-grid{
        grid-template-columns:minmax(0,1fr) 340px;
    }
    .gs-overview-top-ads-grid{
        grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);
    }
}
@media(max-width:900px){
    .gs-overview-top-ads-grid{
        grid-template-columns:1fr;
    }
    .gs-overview-top-ad-right{
        border-left:0;
        border-top:2px solid #e3e7eb;
    }
    .gs-front-overview-grid{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .gs-overview-top-ads,
    .gs-front-overview-grid{
        width:calc(100% - 20px);
    }
    .gs-overview-top-ad-slot{
        min-height:90px;
        padding:8px;
    }
    .gs-overview-top-ad-slot img{
        max-height:130px;
    }
}


/* =====================================================================
   GEIZSCHWEIN 3.5.89 – Übersichtskopf + Sidebar bündig
   ===================================================================== */

/* Die Kopfkachel innerhalb der neuen Zweispaltenstruktur darf keinen
   eigenen oberen Außenabstand mehr mitbringen. Dadurch beginnt sie exakt
   auf derselben Höhe wie die Sidebar. */
.gs-front-overview-main > .gs-overview-head-card,
.gs-overview-shell-main > .gs-overview-head-card,
.gs-overview-shell-main > .gs-overview-head-card-simple{
    margin-top:0 !important;
}

/* Wiederverwendbare äußere Struktur für Startseite, Deal-Kategorien
   und Ratgeber-/Magazinübersicht. */
.gs-overview-shell-grid{
    width:min(1480px, calc(100% - 56px));
    max-width:1480px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    gap:24px;
    align-items:start;
    box-sizing:border-box;
}

.gs-overview-shell-main{
    min-width:0;
}

.gs-overview-shell-main .gs-overview-layout{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
}

.gs-overview-shell-grid > .gs-deals-sidebar{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    align-self:start !important;
}

/* Kopfkachel bündig über der jeweiligen linken Inhalts-/Dealspalte. */
.gs-overview-shell-main .gs-overview-head-card{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* Magazinübersicht innerhalb der linken Spalte nicht erneut auf 1480px ziehen. */
.gs-overview-shell-main .gs-magazine-overview-layout{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:1fr !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

@media(max-width:1200px){
    .gs-overview-shell-grid{
        grid-template-columns:minmax(0,1fr) 340px;
    }
}

@media(max-width:900px){
    .gs-overview-shell-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .gs-overview-shell-grid{
        width:calc(100% - 20px);
    }
}


/* Startseiten-Sonderklasse nutzt dieselben Maße wie die generische Struktur. */
.gs-front-overview-grid > .gs-deals-sidebar{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    align-self:start !important;
}
.gs-front-overview-main > .gs-overview-head-card{
    margin-top:0 !important;
}


/* =====================================================================
   GEIZSCHWEIN 3.5.90 – gleicher Abstand unter dem Hauptmenü
   ===================================================================== */

/* Startseite ist die Referenz: 20 px zwischen Menübereich und erstem
   Geizschwein-Element (Werbekachel bzw. Übersichtskachel). Deal-Kategorien
   und Ratgeber-/Magazin-Kategorien verwenden jetzt exakt denselben Wert. */
.gs-front-page-overview .gs-category-overview-inner,
.gs-deal-category-page .gs-category-overview-inner,
.gs-magazine-category-page .gs-category-overview-inner{
    padding-top:20px !important;
    box-sizing:border-box;
}

@media(max-width:760px){
    .gs-front-page-overview .gs-category-overview-inner,
    .gs-deal-category-page .gs-category-overview-inner,
    .gs-magazine-category-page .gs-category-overview-inner{
        padding-top:14px !important;
    }
}

/* =====================================================================
   GEIZSCHWEIN 3.5.91 – Clever sparen luftiger + mobiler CTA höher
   ===================================================================== */

/* Die große Clever-sparen-Kachel bleibt der gemeinsame Container.
   Die drei Magazinartikel wirken darin nicht mehr wie Kacheln in der Kachel. */
.gs-home-clever-magazine .gs-home-magazine-grid{
    gap:0 !important;
}
.gs-home-clever-magazine .gs-home-magazine-card{
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    padding:0 16px !important;
    background:transparent !important;
}
.gs-home-clever-magazine .gs-home-magazine-card:first-child{
    padding-left:0 !important;
}
.gs-home-clever-magazine .gs-home-magazine-card:last-child{
    padding-right:0 !important;
}
.gs-home-clever-magazine .gs-home-magazine-card + .gs-home-magazine-card{
    border-left:1px solid #dde3e9 !important;
}
.gs-home-clever-magazine .gs-home-magazine-image{
    border-bottom:1px solid #eef0f3 !important;
}
.gs-home-clever-magazine .gs-home-magazine-copy{
    padding:14px 0 4px !important;
}

/* Auf dem Handy keine senkrechten Trenner: Artikel werden mit einer
   dezenten horizontalen Linie voneinander getrennt. */
@media(max-width:760px){
    .gs-home-clever-magazine .gs-home-magazine-card,
    .gs-home-clever-magazine .gs-home-magazine-card:first-child,
    .gs-home-clever-magazine .gs-home-magazine-card:last-child{
        padding:14px 0 !important;
        border-left:0 !important;
    }
    .gs-home-clever-magazine .gs-home-magazine-card:first-child{
        padding-top:0 !important;
    }
    .gs-home-clever-magazine .gs-home-magazine-card:last-child{
        padding-bottom:0 !important;
    }
    .gs-home-clever-magazine .gs-home-magazine-card + .gs-home-magazine-card{
        border-top:1px solid #dde3e9 !important;
    }

    /* „Zum Angebot“ sitzt mobil etwas höher, ohne Desktop/Tablet anzutasten. */
    .gs-deal-card.gs-design-card .gs-card-offer-button{
        transform:translateY(-9px) !important;
    }
}


/* GEIZSCHWEIN 3.5.94 – H1–H4 Fett optional über Design → Typografie */
body.gs-geizschwein-design h1:not(.entry-title){font-weight:var(--gs-font-h1-weight,700) !important;}
body.gs-geizschwein-design h2{font-weight:var(--gs-font-h2-weight,700) !important;}
body.gs-geizschwein-design h3{font-weight:var(--gs-font-h3-weight,700) !important;}
body.gs-geizschwein-design h4{font-weight:var(--gs-font-h4-weight,700) !important;}
body.gs-geizschwein-design .gs-overview-head-card .gs-overview-head-copy h1,
body.gs-geizschwein-design .gs-overview-head-card-simple .gs-overview-head-copy h1{font-weight:var(--gs-font-h1-weight,700) !important;}

/* =====================================================================
   GEIZSCHWEIN 3.5.95 – Händlerhinweise auf Deal-Einzelseiten
   ===================================================================== */
.gs-merchant-notice-card{
    margin:16px 0 0;
    padding:20px 22px;
    background:#fff;
    border:1px solid #e3e7eb;
    border-radius:10px;
    box-sizing:border-box;
}
.gs-merchant-notice-card h2{
    margin:0 0 15px;
    color:var(--gs-brand-text,#17243a);
    font-size:18px;
    line-height:1.25;
    font-weight:850;
}
.gs-merchant-notice-items{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 22px;
}
.gs-merchant-notice-items li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:0!important;
    color:#4f5966;
    font-size:13px;
    line-height:1.45;
}
.gs-merchant-notice-icon{
    display:inline-flex;
    flex:0 0 20px;
    width:20px;
    height:20px;
    align-items:center;
    justify-content:center;
    margin-top:0;
    border-radius:50%;
    background:var(--gs-brand-pink,#d63687);
    color:#fff;
    font-size:12px;
    line-height:1;
    font-weight:900;
}
.gs-merchant-notice-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:16px;
    padding-top:12px;
    border-top:1px solid #eef0f3;
    font-size:11px;
    line-height:1.4;
}
.gs-merchant-notice-checked{color:#8a929c}
.gs-merchant-notice-footer a{
    margin-left:auto;
    color:var(--gs-brand-pink,#d63687)!important;
    font-weight:800;
    text-decoration:none!important;
}
.gs-merchant-notice-footer a:hover{text-decoration:underline!important}
@media(max-width:760px){
    .gs-merchant-notice-card{margin-top:12px;padding:16px}
    .gs-merchant-notice-items{grid-template-columns:1fr;gap:9px}
    .gs-merchant-notice-footer{align-items:flex-start;flex-direction:column;gap:7px}
    .gs-merchant-notice-footer a{margin-left:0}
}