/* =============================================================================
   Weltenpass Shop – Teaser 2026-10-03
   ============================================================================= */
.wpshop-page-wrapper {
    width: min(100% - 2.5rem, 92rem);
    margin: 0 auto;
    padding: 7.3rem 0 4rem !important;
}
.wpshop-shell {
    display: grid;
    gap: 1.3rem;
}
.wpshop-hero,
.wpshop-section,
.wpshop-final {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: .45rem;
    background: rgba(20, 27, 32, .88);
    box-shadow: 0 1.3rem 3.5rem rgba(0,0,0,.24);
    backdrop-filter: blur(14px);
}
.wpshop-hero {
    min-height: 34rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(2.2rem, 6vw, 5.5rem);
    isolation: isolate;
}
.wpshop-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(11,17,21,.98) 0%, rgba(11,17,21,.88) 48%, rgba(11,17,21,.58) 100%),
        radial-gradient(circle at 76% 22%, rgba(212,175,55,.20), transparent 28rem),
        radial-gradient(circle at 18% 78%, rgba(35,91,112,.18), transparent 24rem);
}
.wpshop-hero::after {
    content: 'W';
    position: absolute;
    right: clamp(-1rem, 4vw, 4rem);
    bottom: -5rem;
    z-index: -1;
    color: rgba(212,175,55,.045);
    font-family: Georgia, serif;
    font-size: clamp(18rem, 38vw, 34rem);
    line-height: .72;
    pointer-events: none;
}
.wpshop-hero-glow {
    position: absolute;
    top: 17%;
    right: 10%;
    width: 11rem;
    height: 11rem;
    border: 1px solid rgba(212,175,55,.20);
    border-radius: 50%;
    box-shadow: 0 0 5rem rgba(212,175,55,.08), inset 0 0 3rem rgba(212,175,55,.06);
    pointer-events: none;
}
.wpshop-kicker,
.wpshop-eyebrow {
    margin: 0 0 .8rem;
    color: var(--primary-gold, #d4af37);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .24em;
    text-transform: uppercase;
}
.wpshop-kicker {
    display: flex;
    align-items: center;
    gap: .65rem;
}
.wpshop-kicker > span {
    width: 2.5rem;
    height: 1px;
    background: linear-gradient(90deg, var(--primary-gold, #d4af37), transparent);
}
.wpshop-hero h1 {
    max-width: 64rem;
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 8vw, 7rem);
    font-weight: 600;
    line-height: .94;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.wpshop-hero h1 em {
    color: var(--primary-gold, #d4af37);
    font-family: Georgia, serif;
    font-weight: 400;
    letter-spacing: .02em;
    text-transform: none;
}
.wpshop-lead {
    max-width: 52rem;
    margin: 1.4rem 0 0;
    color: rgba(255,255,255,.82);
    font-size: clamp(1.05rem, 1.6vw, 1.3rem);
    line-height: 1.75;
}
.wpshop-status {
    max-width: 52rem;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: .9rem;
    align-items: start;
    margin-top: 1.7rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(212,175,55,.28);
    background: rgba(212,175,55,.065);
}
.wpshop-status-dot {
    width: .62rem;
    height: .62rem;
    margin-top: .36rem;
    border-radius: 50%;
    background: var(--primary-gold, #d4af37);
    box-shadow: 0 0 .8rem rgba(212,175,55,.65);
}
.wpshop-status strong,
.wpshop-status span {
    display: block;
}
.wpshop-status strong {
    color: #fff;
    font-size: .95rem;
    letter-spacing: .04em;
}
.wpshop-status span {
    margin-top: .3rem;
    color: rgba(255,255,255,.67);
    line-height: 1.55;
}
.wpshop-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 2rem;
}
.wpshop-button {
    min-height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    padding: .8rem 1.25rem;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: .24rem;
    background: rgba(255,255,255,.045);
    color: #fff !important;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .15em;
    line-height: 1.35;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.wpshop-button:hover,
.wpshop-button:focus-visible {
    border-color: rgba(255,255,255,.52);
    background: rgba(255,255,255,.09);
}
.wpshop-button-primary {
    border-color: rgba(212,175,55,.72);
    background: linear-gradient(110deg, #f0d67f, #c99e1f);
    color: #11171a !important;
}
.wpshop-button-primary:hover,
.wpshop-button-primary:focus-visible {
    border-color: #f5dc86;
    background: linear-gradient(110deg, #f7df8e, #d8ae2b);
}
.wpshop-section {
    padding: clamp(1.5rem, 4vw, 3.2rem);
}
.wpshop-section-heading {
    max-width: 62rem;
}
.wpshop-section-heading h2,
.wpshop-author-note h2,
.wpshop-final h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 3.7vw, 3.25rem);
    line-height: 1.08;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.wpshop-section-heading > p:last-child,
.wpshop-author-note p,
.wpshop-final p:last-child {
    color: rgba(255,255,255,.72);
    font-size: 1rem;
    line-height: 1.75;
}
.wpshop-compare-grid,
.wpshop-feature-grid {
    display: grid;
    gap: 1rem;
    margin-top: 1.6rem;
}
.wpshop-compare-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
}
.wpshop-compare-card,
.wpshop-feature-grid article {
    min-width: 0;
    padding: 1.4rem;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.032);
}
.wpshop-compare-card.is-gold {
    border-color: rgba(212,175,55,.36);
    background: linear-gradient(145deg, rgba(212,175,55,.10), rgba(255,255,255,.025));
}
.wpshop-card-label {
    display: inline-block;
    margin-bottom: .8rem;
    color: var(--primary-gold, #d4af37);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}
.wpshop-compare-card h3,
.wpshop-feature-grid h3 {
    margin: 0;
    color: #fff;
    font-size: 1.25rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.wpshop-compare-card p,
.wpshop-feature-grid p {
    color: rgba(255,255,255,.72);
    line-height: 1.7;
}
.wpshop-compare-card a,
.wpshop-coming-link {
    display: inline-flex;
    margin-top: .5rem;
    color: var(--primary-gold, #d4af37);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.wpshop-feature-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
}
.wpshop-feature-grid article > span {
    display: block;
    margin-bottom: 1.2rem;
    color: rgba(212,175,55,.72);
    font-family: Georgia, serif;
    font-size: 2rem;
}
.wpshop-author-note {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 2rem;
    align-items: center;
    border-color: rgba(212,175,55,.23);
}
.wpshop-author-note > div {
    max-width: 60rem;
}
.wpshop-final {
    padding: clamp(2.2rem, 6vw, 5.3rem);
    text-align: center;
    border-color: rgba(212,175,55,.22);
    background:
        radial-gradient(circle at 50% 0%, rgba(212,175,55,.12), transparent 24rem),
        rgba(15,20,24,.92);
}
.wpshop-final .wpshop-eyebrow {
    margin-bottom: 1rem;
}
@media (max-width: 70rem) {
    .wpshop-feature-grid {
        grid-template-columns: 1fr;
    }
    .wpshop-author-note {
        grid-template-columns: 1fr;
    }
    .wpshop-author-note .wpshop-button {
        justify-self: start;
    }
}
@media (max-width: 736px) {
    .wpshop-page-wrapper {
        width: calc(100% - 1rem);
        padding: 5.2rem 0 2.5rem !important;
    }
    .wpshop-hero {
        min-height: auto;
        padding: 2rem 1.2rem;
    }
    .wpshop-hero h1 {
        font-size: clamp(2.4rem, 14vw, 4.2rem);
        overflow-wrap: anywhere;
    }
    .wpshop-hero-glow {
        width: 7rem;
        height: 7rem;
        right: -1.5rem;
    }
    .wpshop-actions,
    .wpshop-button {
        width: 100%;
    }
    .wpshop-compare-grid {
        grid-template-columns: 1fr;
    }
    .wpshop-section,
    .wpshop-final {
        padding: 1.25rem;
    }
    .wpshop-section-heading h2,
    .wpshop-author-note h2,
    .wpshop-final h2 {
        font-size: clamp(1.65rem, 8vw, 2.45rem);
    }
    .wpshop-author-note .wpshop-button {
        justify-self: stretch;
    }
}
.wpshop-dev-warning,.wpshop-message{display:flex;flex-direction:column;gap:.28rem;margin-top:1.4rem;padding:1rem 1.1rem;border:1px solid rgba(212,175,55,.34);background:rgba(212,175,55,.07);color:rgba(255,255,255,.78);line-height:1.55}.wpshop-dev-warning strong,.wpshop-message strong{color:#fff}.wpshop-message.is-error{border-color:rgba(255,115,115,.42);background:rgba(255,115,115,.07)}.wpshop-hero-live{min-height:26rem}.wpshop-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.6rem}.wpshop-product-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.wpshop-cover{aspect-ratio:3/4;overflow:hidden;background:#0d1419}.wpshop-cover img{width:100%;height:100%;display:block;object-fit:cover}.wpshop-product-body{display:flex;flex:1;flex-direction:column;padding:1.15rem}.wpshop-product-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.6rem}.wpshop-product-meta span{padding:.25rem .5rem;border:1px solid rgba(212,175,55,.28);color:#e7c960;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.wpshop-product-card h3{margin:0;color:#fff;font-size:1.18rem;line-height:1.3}.wpshop-author{margin:.4rem 0 0;color:#d4af37;font-size:.86rem}.wpshop-description{margin:.9rem 0;color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.6}.wpshop-product-bottom{display:flex;flex-direction:column;gap:.3rem;margin-top:auto;padding-top:.8rem}.wpshop-product-bottom strong{color:#fff;font-size:1.2rem}.wpshop-product-bottom small,.wpshop-small-note{color:rgba(255,255,255,.57);font-size:.78rem;line-height:1.55}.wpshop-add-form{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.65rem;align-items:end;margin-top:1rem}.wpshop-add-form label,.wpshop-checkout-form label:not(.wpshop-check){display:flex;flex-direction:column;gap:.35rem}.wpshop-add-form label span,.wpshop-checkout-form label>span{color:rgba(255,255,255,.68);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.wpshop-add-form input,.wpshop-checkout-form input,.wpshop-cart-row input{box-sizing:border-box;width:100%}.wpshop-empty{margin-top:1.4rem;padding:1.4rem;border:1px dashed rgba(255,255,255,.15);color:rgba(255,255,255,.7)}.wpshop-empty h2,.wpshop-empty h3{margin-top:0;color:#fff}.wpshop-cart-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1.4rem}.wpshop-cart-row{display:grid;grid-template-columns:minmax(0,1fr) 5rem auto;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.wpshop-cart-row>div{display:flex;flex-direction:column;gap:.25rem}.wpshop-cart-row small{color:rgba(255,255,255,.55)}.wpshop-cart-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.8rem;margin-top:1.2rem}.wpshop-cart-total{display:flex;flex-direction:column;align-items:flex-end;min-width:9rem}.wpshop-cart-total span{color:rgba(255,255,255,.55);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.wpshop-cart-total strong{color:#fff;font-size:1.35rem}.wpshop-checkout .wpshop-section-heading h1,.wpshop-success h1{margin:0;color:#fff;font-size:clamp(2rem,5vw,4rem);letter-spacing:.06em;text-transform:uppercase}.wpshop-checkout-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;margin-top:1.5rem}.wpshop-cart-card,.wpshop-checkout-form{padding:1.25rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025)}.wpshop-cart-card h2,.wpshop-checkout-form h2{margin:0 0 1rem;color:#fff;font-size:1.2rem;text-transform:uppercase;letter-spacing:.08em}.wpshop-checkout-form{display:flex;flex-direction:column;gap:.9rem}.wpshop-total{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(212,175,55,.3);color:#fff}.wpshop-check{display:flex!important;align-items:flex-start!important;gap:.65rem!important;padding:.8rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);color:rgba(255,255,255,.72);font-size:.82rem;line-height:1.5}.wpshop-check input{width:auto!important;min-width:1rem;margin-top:.2rem}.wpshop-button[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.wpshop-small-note.is-warning{color:#e7c960}.wpshop-success-list{display:flex;flex-direction:column;gap:.6rem;margin:1.3rem 0}.wpshop-success-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.72)}.wpshop-success-list strong{color:#fff;white-space:nowrap}
@media(max-width:70rem){.wpshop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wpshop-checkout-grid{grid-template-columns:1fr}}
@media(max-width:44rem){.wpshop-product-grid{grid-template-columns:1fr}.wpshop-add-form{grid-template-columns:1fr}.wpshop-cart-row{grid-template-columns:1fr}.wpshop-cart-actions{align-items:stretch;flex-direction:column}.wpshop-cart-total{align-items:flex-start;width:100%}.wpshop-success-list>div{flex-direction:column}.wpshop-page-wrapper{width:min(100% - 1rem,92rem)}}

/* =============================================================================
   Phase 3.3 – kompakter Desktop-Shop, Warenkorb-/Checkout-Fenster
   ============================================================================= */
.wpshop-cart-fab[hidden],.wpshop-modal[hidden],.wpshop-toast[hidden]{display:none!important}
@media(min-width:737px){
    .wpshop-page-wrapper{width:min(100% - 3rem,82rem);padding-top:5.4rem!important}
    .wpshop-shell{gap:.85rem}
    .wpshop-hero-compact{min-height:0!important;padding:1.35rem 1.55rem!important}
    .wpshop-hero-compact::after{font-size:13rem;right:1rem;bottom:-3.8rem}
    .wpshop-hero-compact .wpshop-hero-glow{width:6rem;height:6rem;right:5%;top:10%}
    .wpshop-hero-compact h1{max-width:none;font-size:clamp(2rem,4vw,3.5rem);line-height:1}
    .wpshop-hero-compact .wpshop-lead{margin-top:.65rem;max-width:44rem;font-size:.98rem;line-height:1.55}
    .wpshop-dev-warning-compact{max-width:52rem;margin-top:.8rem;padding:.65rem .8rem;font-size:.82rem}
    .wpshop-catalogue-section{padding:1.35rem 1.5rem}
    .wpshop-section-heading-compact h2{font-size:clamp(1.55rem,2.4vw,2.2rem)}
    .wpshop-section-heading-compact>p:last-child{margin-bottom:0;font-size:.9rem}
    .wpshop-product-grid-compact{grid-template-columns:repeat(auto-fill,minmax(205px,235px));justify-content:start;gap:.9rem}
    .wpshop-product-card-compact{width:100%;max-width:235px}
    .wpshop-product-card-compact .wpshop-cover{aspect-ratio:2/3;max-height:352px}
    .wpshop-product-card-compact .wpshop-product-body{padding:.9rem}
    .wpshop-product-card-compact h3{font-size:.95rem;line-height:1.28}
    .wpshop-product-card-compact .wpshop-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:.65rem 0;font-size:.82rem;line-height:1.45}
    .wpshop-product-card-compact .wpshop-product-bottom strong{font-size:1.08rem}
    .wpshop-product-card-compact .wpshop-add-form{margin-top:.75rem}
}
.wpshop-card-tax{opacity:.82}
.wpshop-add-form.is-ebook{grid-template-columns:1fr}
.wpshop-cart-fab{position:fixed;z-index:1100;top:4.4rem;right:1.15rem;width:3.15rem;height:3.15rem;border:1px solid rgba(212,175,55,.55);border-radius:50%;background:rgba(13,24,33,.96);box-shadow:0 .7rem 2rem rgba(0,0,0,.32);color:#fff;cursor:pointer;display:grid;place-items:center}
.wpshop-cart-fab:hover,.wpshop-cart-fab:focus-visible{border-color:#e7c960;background:#182630}
.wpshop-cart-icon{display:grid;place-items:center;width:1.35rem;height:1.35rem}.wpshop-cart-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wpshop-cart-badge{position:absolute;top:-.28rem;right:-.22rem;min-width:1.25rem;height:1.25rem;padding:0 .2rem;display:grid;place-items:center;border-radius:999px;background:#d4af37;color:#11171a;font-size:.68rem;font-weight:800;line-height:1}
html.wpshop-modal-open,body.wpshop-modal-open{overflow:hidden!important}
.wpshop-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:1rem}
.wpshop-modal-backdrop{position:absolute;inset:0;background:rgba(4,8,11,.78);backdrop-filter:blur(8px)}
.wpshop-modal-dialog{position:relative;z-index:1;width:min(96vw,860px);max-height:min(88vh,850px);overflow:auto;outline:0;border:1px solid rgba(255,255,255,.18);border-radius:.55rem;background:linear-gradient(145deg,rgba(21,29,35,.99),rgba(13,20,25,.99));box-shadow:0 2rem 6rem rgba(0,0,0,.55)}
.wpshop-modal-content{padding:1.25rem}
.wpshop-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.11)}
.wpshop-modal-head .wpshop-eyebrow{margin-bottom:.35rem}
.wpshop-modal-head h2{margin:0;color:#fff;font-size:1.55rem;letter-spacing:.06em;text-transform:uppercase}
.wpshop-modal-close{width:2.35rem;height:2.35rem;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer}
.wpshop-modal-close:hover,.wpshop-modal-close:focus-visible{border-color:rgba(212,175,55,.6);color:#e7c960}
.wpshop-empty-compact{margin-top:.5rem}
.wpshop-cart-modal-list{display:flex;flex-direction:column}
.wpshop-cart-modal-row{display:grid;grid-template-columns:minmax(0,1fr) 6rem 7rem;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.09)}
.wpshop-cart-modal-row.is-ebook{grid-template-columns:minmax(0,1fr) 7rem}
.wpshop-cart-modal-copy{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.wpshop-cart-modal-copy strong{color:#fff;line-height:1.35}
.wpshop-cart-modal-copy small{color:rgba(255,255,255,.58)}
.wpshop-download-limit{color:#d9c16e!important}
.wpshop-cart-modal-qty label{display:flex;flex-direction:column;gap:.25rem}.wpshop-cart-modal-qty label span{color:rgba(255,255,255,.55);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.wpshop-cart-modal-qty input{width:100%;box-sizing:border-box}
.wpshop-fixed-qty{display:inline-grid;place-items:center;min-width:2.5rem;height:2.35rem;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff}
.wpshop-cart-modal-price{display:flex;align-items:flex-end;flex-direction:column;gap:.32rem}.wpshop-cart-modal-price strong{color:#fff;white-space:nowrap}
.wpshop-link-button{padding:0;border:0;background:none;color:#d8bb5b;font-size:.72rem;text-decoration:underline;cursor:pointer}
.wpshop-cart-summary{margin-top:1rem;padding-top:.7rem;border-top:1px solid rgba(212,175,55,.24)}
.wpshop-cart-summary>div{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0;color:rgba(255,255,255,.68);font-size:.88rem}.wpshop-cart-summary strong{color:#fff}.wpshop-cart-summary .is-total{margin-top:.35rem;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.1);font-size:1rem}.wpshop-cart-summary .is-total strong{font-size:1.2rem;color:#e7c960}
.wpshop-tax-note{margin:.75rem 0 0;color:rgba(255,255,255,.57);font-size:.75rem;line-height:1.55}
.wpshop-modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem;flex-wrap:wrap}
.wpshop-checkout-modal-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1rem}
.wpshop-checkout-summary,.wpshop-checkout-form-modal{padding:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.wpshop-checkout-summary h3,.wpshop-checkout-form-modal h3{margin:0 0 .8rem;color:#fff;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.wpshop-checkout-line{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.72)}.wpshop-checkout-line>div{display:flex;flex-direction:column;gap:.2rem}.wpshop-checkout-line strong{color:#fff}.wpshop-checkout-line small{color:rgba(255,255,255,.55)}.wpshop-checkout-line>span{white-space:nowrap;font-size:.85rem}
.wpshop-check a{color:#e7c960!important;text-decoration:underline}
.wpshop-toast{position:fixed;z-index:6000;left:50%;bottom:1.25rem;transform:translateX(-50%);max-width:min(90vw,34rem);padding:.75rem 1rem;border:1px solid rgba(212,175,55,.5);border-radius:.35rem;background:#14212a;color:#fff;box-shadow:0 1rem 2.5rem rgba(0,0,0,.35);font-size:.86rem}.wpshop-toast.is-error{border-color:rgba(255,115,115,.65)}
.wpshop-standalone-window{max-width:860px;margin:0 auto}
@media(max-width:736px){
    .wpshop-cart-fab{top:4.1rem;right:.8rem;width:2.9rem;height:2.9rem}
    .wpshop-modal{padding:.45rem;align-items:end}
    .wpshop-modal-dialog{width:100%;max-height:91vh;border-radius:.65rem .65rem 0 0}
    .wpshop-modal-content{padding:1rem}
    .wpshop-cart-modal-row{grid-template-columns:minmax(0,1fr) 4.8rem;gap:.75rem}.wpshop-cart-modal-price{grid-column:1/-1;align-items:center;flex-direction:row;justify-content:space-between}
    .wpshop-checkout-modal-grid{grid-template-columns:1fr}.wpshop-modal-actions{flex-direction:column}.wpshop-modal-actions .wpshop-button{width:100%}
}
.wpshop-download-page h1{margin:0;color:#fff;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.045em;text-transform:uppercase}.wpshop-download-author{margin:.55rem 0 1.2rem;color:#d4af37}.wpshop-download-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.2rem 0}.wpshop-download-status>div{padding:1rem;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:.35rem}.wpshop-download-status span{color:rgba(255,255,255,.55);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.wpshop-download-status strong{color:#fff;font-size:1.15rem}.wpshop-download-form{margin:1.1rem 0}.wpshop-download-form .wpshop-button{min-width:15rem}@media(max-width:640px){.wpshop-download-status{grid-template-columns:1fr}.wpshop-download-form .wpshop-button{width:100%}}

/* =============================================================================
   Phase 3.4 – TrueShop/TrueReleases-Breite, Filter, Detailkarten, Checkout-Fix
   ============================================================================= */
@media(min-width:737px){
    .wpshop-page-wrapper{width:min(100% - 2.5rem,92rem)!important;padding-top:5.4rem!important}
    .wpshop-product-grid-compact[data-density="large"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
    .wpshop-product-grid-compact[data-density="standard"]{grid-template-columns:repeat(5,minmax(0,1fr))!important}
    .wpshop-product-grid-compact[data-density="compact"]{grid-template-columns:repeat(6,minmax(0,1fr))!important}
    .wpshop-product-card-compact{max-width:none!important}
}
.wpshop-section-heading-compact{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;max-width:none;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}
.wpshop-section-heading-compact>div{min-width:0}.wpshop-section-heading-compact>div>p:last-child{margin-bottom:0}
.wpshop-filter-reset{min-height:2.55rem;padding:0 .9rem;border:1px solid rgba(255,255,255,.18);border-radius:.28rem;background:rgba(255,255,255,.04);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.wpshop-filter-reset:hover,.wpshop-filter-reset:focus-visible{border-color:rgba(212,175,55,.58);color:#e7c960}
.wpshop-catalog-toolbar{margin:1rem 0 1.2rem}
.wpshop-filter-panel{display:grid;grid-template-columns:minmax(16rem,1.65fr) repeat(4,minmax(9.5rem,1fr));gap:.7rem;padding:.85rem;border:1px solid rgba(255,255,255,.12);background:rgba(8,12,17,.34)}
.wpshop-filter-panel label{min-width:0;margin:0}.wpshop-filter-panel label>span{display:block;margin:0 0 .38rem;color:rgba(255,255,255,.58);font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.wpshop-filter-panel input,.wpshop-filter-panel select{width:100%;height:2.85rem;margin:0;padding:0 .85rem;border:1px solid rgba(255,255,255,.16);border-radius:.28rem;background:rgba(255,255,255,.055);color:#fff;font-size:.84rem;box-shadow:none;color-scheme:dark}
.wpshop-filter-panel input:focus,.wpshop-filter-panel select:focus{border-color:rgba(212,175,55,.65);box-shadow:0 0 0 2px rgba(212,175,55,.1)}
.wpshop-filter-panel select option{background:#1c232c;color:#fff}.wpshop-filter-panel input::placeholder{color:rgba(255,255,255,.42)}
.wpshop-density-row{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;margin-top:.6rem;color:rgba(255,255,255,.58);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.wpshop-density-row>span{margin-right:.25rem}.wpshop-density-row button{min-height:2.1rem;padding:0 .7rem;border:1px solid rgba(255,255,255,.15);border-radius:.24rem;background:rgba(255,255,255,.035);color:rgba(255,255,255,.72);font-size:.63rem;font-weight:700;text-transform:uppercase;cursor:pointer}.wpshop-density-row button.is-active{border-color:rgba(212,175,55,.56);color:#e7c960;background:rgba(212,175,55,.08)}
.wpshop-density-row strong{margin-left:auto;color:#fff;font-size:.7rem;letter-spacing:.08em}
.wpshop-product-grid-compact{align-items:stretch!important}
.wpshop-product-card-compact{transition:transform .18s ease,border-color .18s ease,background .18s ease;cursor:default}.wpshop-product-card-compact:hover{transform:translateY(-.18rem);border-color:rgba(212,175,55,.42);background:rgba(255,255,255,.04)}
.wpshop-cover.wpshop-work-open{appearance:none;width:100%;padding:0;border:0;border-radius:0;display:block;cursor:pointer;text-align:inherit;background:#0d1419}
.wpshop-title-button{appearance:none;display:block;width:100%;margin:0;padding:0;border:0;background:none;color:#fff;text-align:left;font:inherit;font-size:.95rem;font-weight:700;line-height:1.28;letter-spacing:.02em;cursor:pointer}.wpshop-title-button:hover,.wpshop-title-button:focus-visible{color:#e7c960}
.wpshop-author a{color:inherit!important;text-decoration:underline;text-underline-offset:2px}.wpshop-author a:hover,.wpshop-author a:focus-visible{color:#f2d56c!important}
.wpshop-genreline{display:-webkit-box;margin:.45rem 0 0;overflow:hidden;color:rgba(255,255,255,.5);font-size:.7rem;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wpshop-filter-empty{margin-top:1rem}
.wpshop-product-card[hidden]{display:none!important}

/* Modal-Schaltflächen wirklich geometrisch zentrieren */
.wpshop-cart-fab{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;z-index:4200}
.wpshop-cart-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;transform:none!important}.wpshop-cart-icon svg{display:block!important;margin:0!important}
.wpshop-modal-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;overflow:hidden}
.wpshop-modal-close svg{display:block;width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* Warenkorb-Aktion */
.wpshop-remove-button{min-height:2rem;padding:.3rem .62rem;border:1px solid rgba(255,120,120,.3);border-radius:.24rem;background:rgba(255,100,100,.04);color:#efb2b2;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.wpshop-remove-button:hover,.wpshop-remove-button:focus-visible{border-color:rgba(255,130,130,.65);background:rgba(255,90,90,.09);color:#ffd0d0}

/* main.css versteckt Checkboxen nur für input + label. Hier benutzen wir bewusst native Custom-Checkboxen. */
.wpshop-check{display:grid!important;grid-template-columns:1.3rem minmax(0,1fr);align-items:start!important;gap:.72rem!important;cursor:pointer}
.wpshop-check input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;display:block!important;float:none!important;position:relative!important;z-index:1!important;opacity:1!important;width:1.28rem!important;height:1.28rem!important;min-width:1.28rem!important;margin:.08rem 0 0!important;padding:0!important;border:1px solid rgba(255,255,255,.48)!important;border-radius:.2rem!important;background:rgba(255,255,255,.035)!important;cursor:pointer!important}
.wpshop-check input[type="checkbox"]:checked{border-color:#e7c960!important;background:#d4af37!important}
.wpshop-check input[type="checkbox"]:checked::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#11171a;font-size:.9rem;font-weight:900;line-height:1}
.wpshop-check input[type="checkbox"]:focus-visible{outline:2px solid rgba(231,201,96,.8)!important;outline-offset:2px}
.wpshop-check input[type="checkbox"]+label{display:block!important;margin:0!important;padding:0!important;color:rgba(255,255,255,.74)!important;font-size:.82rem!important;font-weight:400!important;line-height:1.5!important;cursor:pointer!important}
.wpshop-check input[type="checkbox"]+label::before{display:none!important;content:none!important}

/* Werkdetails */
.wpshop-work-detail{display:grid;grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);gap:1.25rem}.wpshop-work-detail-cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#0d1419}.wpshop-work-detail-copy h2{margin:.2rem 0 .45rem;color:#fff;font-size:1.55rem;line-height:1.2}.wpshop-work-detail-author{margin:0 0 .8rem;color:#d4af37}.wpshop-work-detail-author a{color:inherit!important;text-decoration:underline;text-underline-offset:2px}.wpshop-work-detail-genres{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0}.wpshop-work-detail-genres span{padding:.28rem .5rem;border:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.68);font-size:.64rem}.wpshop-work-detail-description{color:rgba(255,255,255,.7);line-height:1.65;white-space:pre-line}.wpshop-work-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0}.wpshop-work-detail-meta>div{padding:.65rem;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.wpshop-work-detail-meta span{display:block;color:rgba(255,255,255,.48);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}.wpshop-work-detail-meta strong{display:block;margin-top:.2rem;color:#fff;font-size:.86rem}.wpshop-work-detail-price{margin:1rem 0;color:#fff;font-size:1.35rem;font-weight:700}.wpshop-work-detail-form{margin-top:1rem}.wpshop-work-detail-form.is-ebook{display:block}.wpshop-work-detail-form .wpshop-button{width:100%}

@media(max-width:78rem){.wpshop-filter-panel{grid-template-columns:minmax(15rem,1.6fr) repeat(2,minmax(10rem,1fr))}.wpshop-product-grid-compact[data-density="compact"],.wpshop-product-grid-compact[data-density="standard"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.wpshop-product-grid-compact[data-density="large"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:56rem){.wpshop-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.wpshop-filter-search{grid-column:1/-1}.wpshop-product-grid-compact[data-density]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wpshop-density-row button{display:none}}
@media(max-width:736px){
    .wpshop-page-wrapper{width:calc(100% - 1rem)!important}
    .wpshop-section-heading-compact{display:block}.wpshop-filter-reset{width:100%;margin-top:.75rem}
    .wpshop-filter-panel{grid-template-columns:1fr;padding:.72rem}.wpshop-filter-search{grid-column:auto}.wpshop-density-row{justify-content:space-between}.wpshop-density-row>span{display:none}.wpshop-density-row strong{margin-left:0}
    .wpshop-product-grid-compact[data-density]{grid-template-columns:1fr!important}
    .wpshop-cart-fab{top:calc(env(safe-area-inset-top,0px) + 4.15rem)!important;right:.72rem!important;width:3rem!important;height:3rem!important}
    .wpshop-cart-modal-row,.wpshop-cart-modal-row.is-ebook{grid-template-columns:minmax(0,1fr)!important}.wpshop-cart-modal-price{grid-column:auto!important;align-items:flex-start!important;flex-direction:row!important;justify-content:space-between!important}
    .wpshop-work-detail{grid-template-columns:1fr}.wpshop-work-detail-cover{max-width:15rem;margin:0 auto}.wpshop-work-detail-meta{grid-template-columns:1fr}
}

/* =============================================================================
   Phase 3.5 – Katalog wie TrueReleases/TrueShop, Profilnavigation, Mobile Hero
   ============================================================================= */

/* Der Markenname darf mobil nie innerhalb von "Weltenpass" umbrechen. */
.wpshop-hero h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 .2em;
}
.wpshop-title-word {
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
}

/* Live/Vorschau nutzt bewusst dieselbe große Weltenschmiede-Bühne wie "Demnächst". */
.wpshop-hero-live { min-height: 34rem; }
.wpshop-preview-status { margin-top: 1.55rem; }

/* Toolbar = gleiche Logik wie TrueReleases/TrueShop. */
.wpshop-catalog-viewbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 .7rem;
}
.wpshop-view-switch {
    display: inline-flex;
    gap: .45rem;
}
.wpshop-view-switch button,
.wpshop-density-row button {
    min-height: 2.2rem;
    padding: 0 .8rem;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: .24rem;
    background: rgba(255,255,255,.035);
    color: rgba(255,255,255,.72);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
}
.wpshop-view-switch button:hover,
.wpshop-view-switch button:focus-visible,
.wpshop-density-row button:hover,
.wpshop-density-row button:focus-visible,
.wpshop-view-switch button.is-active,
.wpshop-density-row button.is-active {
    border-color: rgba(212,175,55,.58);
    background: rgba(212,175,55,.08);
    color: #e7c960;
}
.wpshop-catalog-viewbar .wpshop-density-row {
    flex: 1;
    margin-top: 0;
}

/* Exakt dieselbe Card-Basis wie TrueReleases/TrueShop. */
.wpshop-catalog-grid {
    --catalog-grid-columns: 5;
    grid-template-columns: repeat(var(--catalog-grid-columns), minmax(0, 1fr)) !important;
    grid-auto-flow: row;
    align-items: stretch;
    gap: 1rem;
    margin-top: 1rem;
}
.wpshop-catalog-grid > * {
    min-width: 0;
    width: 100%;
}
@media (min-width: 78.001rem) {
    .wpshop-catalog-grid[data-density="large"] { --catalog-grid-columns: 4; }
    .wpshop-catalog-grid[data-density="standard"] { --catalog-grid-columns: 5; }
    .wpshop-catalog-grid[data-density="compact"] { --catalog-grid-columns: 6; }
}

.wpshop-work-card.release-work-card.profile-modal-work-item {
    cursor: default;
    transform: none;
}
.wpshop-work-card:hover {
    transform: translateY(-.2rem);
    border-color: rgba(212,175,55,.48);
    background: rgba(255,255,255,.055);
}
.wpshop-work-main {
    appearance: none;
    display: flex !important;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    line-height: normal !important;
    text-align: left;
    text-transform: none !important;
    white-space: normal !important;
    cursor: pointer;
}
.wpshop-work-main:focus-visible {
    outline: 2px solid rgba(212,175,55,.72);
    outline-offset: -2px;
}
.wpshop-work-card .release-work-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* Anders als der alte Button kann der Titel jetzt sauber umbrechen. */
.wpshop-work-card .profile-modal-work-title {
    min-height: 0;
    -webkit-line-clamp: 3;
}
.wpshop-card-author {
    appearance: none !important;
    display: -webkit-box !important;
    width: fit-content !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: .45rem 0 0 !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255,255,255,.62) !important;
    font: inherit !important;
    font-size: .72rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 1.35 !important;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: rgba(212,175,55,.48);
    text-underline-offset: 2px;
    text-transform: none !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    cursor: pointer;
}
.wpshop-card-author:hover,
.wpshop-card-author:focus-visible { color: #e7c960 !important; }
.wpshop-card-buy-form { margin: 0; }
.wpshop-card-action.shop-card-action {
    border-top: 1px solid rgba(255,255,255,.12) !important;
}

/* Autor:innen-Ansicht = dieselben Cards wie TrueReleases. */
.wpshop-author-card { min-height: 100%; }

/* Detailansicht: identische Taxonomie-Komponenten wie TrueReleases. */
.wpshop-work-detail-modal { width: min(62rem, calc(100vw - 2rem)); }
.wpshop-detail-purchase {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255,255,255,.1);
}
.wpshop-detail-buybox {
    display: grid;
    grid-template-columns: minmax(10rem,.55fr) minmax(0,1fr);
    gap: 1rem;
    align-items: end;
    padding: .9rem;
    border: 1px solid rgba(212,175,55,.22);
    background: rgba(212,175,55,.035);
}
.wpshop-detail-buybox > div {
    display: flex;
    flex-direction: column;
    gap: .22rem;
}
.wpshop-detail-buybox > div > span {
    color: rgba(255,255,255,.48);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.wpshop-detail-buybox > div > strong { color: #fff; font-size: 1.35rem; }
.wpshop-detail-buybox > div > small { color: rgba(255,255,255,.58); line-height: 1.45; }
.wpshop-detail-buybox .wpshop-add-form { margin-top: 0; }
.wpshop-tax-note { color: rgba(255,255,255,.52); font-size: .72rem; line-height: 1.55; }

/* TrueReleases-Profilmodal auf der Weltenpass-Seite: Zurück-Navigation sichtbar. */
#wpshopProfileBackBtn { width: fit-content; }

/* Genre-Gruppierungen beim Sortieren nach Genre. */
.wpshop-catalog-grid .catalog-genre-heading { grid-column: 1 / -1; }

@media (max-width: 78rem) {
    .wpshop-catalog-grid { --catalog-grid-columns: 4; }
}
@media (max-width: 56rem) {
    .wpshop-catalog-grid { --catalog-grid-columns: 3; }
    .wpshop-catalog-viewbar { align-items: flex-start; flex-direction: column; }
    .wpshop-catalog-viewbar .wpshop-density-row { width: 100%; }
}
@media (max-width: 44rem) {
    .wpshop-hero h1 {
        gap: 0 .16em;
        font-size: clamp(2rem, 10.6vw, 3.05rem) !important;
        line-height: .98;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
    .wpshop-title-word { white-space: nowrap !important; }
    .wpshop-catalog-grid { --catalog-grid-columns: 2; gap: .7rem; }
    .wpshop-view-switch { width: 100%; }
    .wpshop-view-switch button { flex: 1; }
    .wpshop-catalog-viewbar .wpshop-density-row { justify-content: space-between; }
    .wpshop-catalog-viewbar .wpshop-density-row > span,
    .wpshop-catalog-viewbar .wpshop-density-row button { display: none; }
    .wpshop-work-card .profile-modal-work-title { font-size: .76rem; -webkit-line-clamp: 3; }
    .wpshop-card-author { font-size: .66rem !important; }
    .wpshop-detail-buybox { grid-template-columns: 1fr; }
}
@media (max-width: 23rem) {
    .wpshop-catalog-grid { --catalog-grid-columns: 1; }
}


/* =============================================================================
   Phase 3.6 – Warenkorb-/Checkout-Navigation
   ============================================================================= */
.wpshop-cart-actions-footer{justify-content:space-between!important;align-items:center}
.wpshop-cart-actions-primary{display:flex;gap:.7rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.wpshop-modal-actions-left{justify-content:flex-start!important}
.wpshop-checkout-actions{margin-top:.15rem;justify-content:space-between;align-items:center}
.wpshop-checkout-actions .wpshop-button-primary{margin-left:auto}
@media(max-width:736px){
    .wpshop-cart-actions-footer,.wpshop-checkout-actions{align-items:stretch!important;flex-direction:column!important}
    .wpshop-cart-actions-primary{display:flex;flex-direction:column;align-items:stretch;width:100%}
    .wpshop-cart-actions-primary .wpshop-button,.wpshop-checkout-actions .wpshop-button{width:100%}
    .wpshop-checkout-actions .wpshop-button-primary{margin-left:0}
}