.offerModal {
    background: transparent;
}

.offerModal__close {
    position: absolute;
    right: 16px;
    top: 16px;
}

.offerModal__container {
    margin: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
}

.offerModal__wrapper {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 100%;
    height: 100%;
    max-width: 768px;
    padding: 64px;

    background: var(--color-iceland-100, #FBF9F6);

    overflow-y: auto;
    position: relative;
    border-radius: 0;

    @media (min-width: 768px) {
        height: auto;
        margin: 0 auto;
    }

    @media (max-width: 768px) {
        padding: 64px 20px;
    }
}

.offerModal__layout {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 48px;
}

.offerModal__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    width: 100%;

    @media (min-width: 768px) {
        flex-direction: row-reverse;
    }
}

.offerModal__headerText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    width: 100%;
}

.offerModal__title {
    display: flex;
    align-items: center;
    margin: 0;
}

.offerModal__imageContainer {
    width: 100%;
}

.offerModal__image {
    width: 100%;
    height: 164px;
    object-fit: cover;
    background: linear-gradient(35deg, rgba(0, 0, 0, 0.00) 75.14%, rgba(0, 0, 0, 0.30) 87.68%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}

.offerModal__priceDetails {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.offerModal__priceRow {
    display: flex;
    align-items: baseline;
    gap: 8px;
}
 
.offerModal__priceFrom, .offerModal__priceText, .offerModal__priceValue{
    margin: 0 !important;
    padding: 0 !important;
}

.offerModal__contentTextContainer {
    display: none;
    flex-direction: column;
    align-self: stretch;

    @media (min-width: 768px) {
        max-height: 360px;
        overflow-y: auto;  
    }
}

.offerModal__contentText p {
    color: #000 var(--color-contrast-200, #000);
    font: var(--font-body-lg);
    margin: 0 !important;
}

.offerModal__cta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--sizing-xs, 8px);

    width: 100%;

    @media (min-width: 768px) {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

.offerModal__cta button,
.offerModal__cta a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 56px;
    min-width: 120px;
    padding: 16px var(--sizing-m, 16px);
    font: var(--font-body-sm);
    font-weight: 600;
    text-decoration: none;

    @media (min-width: 768px) {
        width: auto;
    }
}