.dm-pricelist {
    align-items: center;
    background:
        radial-gradient(circle at 88% 20%, rgba(245, 231, 189, .17), transparent 14rem),
        linear-gradient(120deg, var(--dm-green-dark, #0b372c), var(--dm-green, #124d3d));
    border: 1px solid rgba(245, 231, 189, .25);
    border-radius: var(--dm-radius, 1.15rem);
    box-shadow: var(--dm-shadow, 0 18px 50px rgba(64, 20, 25, .12));
    color: rgba(255, 255, 255, .9);
    display: grid;
    gap: clamp(1.5rem, 5vw, 4rem);
    grid-template-columns: minmax(0, 1fr) minmax(17rem, .42fr);
    overflow: hidden;
    padding: clamp(1.5rem, 5vw, 3.5rem);
    position: relative;
}

.dm-pricelist h2 {
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.2rem);
    margin-bottom: .8rem;
}

.dm-pricelist__intro {
    font-size: 1.08rem;
    margin: 0;
    max-width: 43rem;
}

.dm-pricelist__action {
    align-items: stretch;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    text-align: center;
}

.dm-pricelist__season {
    color: var(--dm-gold-soft, #f5e7bd);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.5rem;
}

.dm-pricelist__period {
    margin-bottom: 1rem;
}

.dm-pricelist__button {
    background: var(--dm-gold, #d4a73d);
    border-color: var(--dm-gold, #d4a73d);
    color: var(--dm-green-dark, #0b372c);
    width: 100%;
}

.dm-pricelist__button:hover,
.dm-pricelist__button:focus-visible {
    background: var(--dm-gold-soft, #f5e7bd);
    border-color: var(--dm-gold-soft, #f5e7bd);
    color: var(--dm-green-dark, #0b372c);
}

.dm-pricelist__button--disabled,
.dm-pricelist__button--disabled:hover {
    background: rgba(245, 231, 189, .72);
    border-color: rgba(245, 231, 189, .72);
    box-shadow: none;
    color: var(--dm-blue-dark, #123b67);
    cursor: not-allowed;
    opacity: .8;
    transform: none;
}

.dm-pricelist__action small {
    color: rgba(255, 255, 255, .72);
    margin-top: .7rem;
}

@media (max-width: 799.98px) {
    .dm-pricelist {
        grid-template-columns: 1fr;
    }
}
