/* =========================================
   Block: Hervorgehobenes Angebot (kss/lswn-feature-offer)
   Vorlage: angebote-innere-kindheilung.html, Sektion ".feature"
   ========================================= */

.lswn-feature-offer {
    position: relative;
    padding: 0 var(--lswn-edge) 0;
    max-width: 960px;
    margin: 0 auto;
}

.lswn-feature-offer__panel {
    background: linear-gradient(160deg, var(--lswn-wine) 0%, var(--lswn-wine-dk) 100%);
    border-radius: var(--lswn-radius-lg);
    padding: clamp(38px, 5.5vw, 64px);
    color: var(--lswn-parch);
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 44px;
    align-items: center;
    box-shadow: 0 34px 70px -36px rgba(86, 36, 47, .5);
}
@media (max-width: 820px) {
    .lswn-feature-offer__panel {
        grid-template-columns: 1fr;
    }
}

.lswn-feature-offer__tag {
    font-size: 11.5px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--lswn-gold-lt);
    margin-bottom: 16px;
    display: block;
}
.lswn-feature-offer__copy h2 {
    font-family: var(--lswn-serif);
    font-weight: 400;
    line-height: var(--lswn-leading-heading);
    letter-spacing: var(--lswn-tracking-heading);
    font-size: clamp(25px, 3vw, 36px);
    margin: 0 0 16px;
}
.lswn-feature-offer__copy h2 i { font-style: italic; color: var(--lswn-gold-lt); }
.lswn-feature-offer__copy p {
    color: rgba(253, 246, 242, .82);
    font-size: 15.5px;
    line-height: 1.85;
    margin: 0 0 24px;
}

.lswn-feature-offer__cta {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 12.5px;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--lswn-parch);
    background: none;
    border: 1px solid rgba(253, 246, 242, .5);
    border-radius: var(--lswn-radius-pill);
    padding: 13px 30px;
    text-decoration: none;
    font-family: inherit;
    cursor: pointer;
}
.lswn-feature-offer__cta svg { width: 18px; transition: transform .5s cubic-bezier(.2, .7, .3, 1); }
.lswn-feature-offer__panel:hover .lswn-feature-offer__cta svg { transform: translateX(6px); }

.lswn-feature-offer__meta {
    border-left: 1px solid rgba(253, 246, 242, .24);
    padding-left: 36px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
}
@media (max-width: 820px) {
    .lswn-feature-offer__meta {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid rgba(253, 246, 242, .24);
        padding-top: 24px;
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 480px) {
    .lswn-feature-offer__meta { grid-template-columns: 1fr; }
}
.lswn-feature-offer__meta div { display: flex; flex-direction: column; gap: 4px; }
.lswn-feature-offer__meta-label {
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--lswn-gold-lt);
}
.lswn-feature-offer__meta-value {
    font-family: var(--lswn-serif);
    font-size: 19px;
}