.christmas-hero {
    text-align: center;
}

.christmas-signage .christmas-hero h1,
.christmas-signage .christmas-hero .range-lead {
    max-width: 28ch;
    margin-inline: auto;
}

.christmas-signage .christmas-hero .range-lead {
    max-width: 48ch;
    margin-bottom: 22px;
}

.christmas-offers .range-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 20px;
}

.christmas-signage .christmas-hero {
    color: #fff;
    background-color: #123c31;
    background-image:
        radial-gradient(circle at 18% 32%, #f2d28c 0 2px, transparent 3px),
        radial-gradient(circle at 83% 66%, #f2d28c 0 2px, transparent 3px),
        radial-gradient(circle at 10% 80%, #f2d28c 0 1px, transparent 2px),
        radial-gradient(circle at 92% 30%, #f2d28c 0 1px, transparent 2px),
        radial-gradient(ellipse at 50% 40%, #205b48, #123c31 72%);
    border-bottom: 3px solid #e4c47f;
}

.christmas-signage .christmas-hero h1,
.christmas-signage .christmas-hero .range-lead {
    color: #fff;
}

.christmas-signage .christmas-hero .range-kicker,
.christmas-signage .christmas-deadline {
    color: #f6d894;
}

.christmas-signage .christmas-deadline {
    margin: 18px 0 0;
    font-size: .9rem;
}

.christmas-signage .christmas-hero .btn-primary {
    background: #f6d894;
    border-color: #f6d894;
    color: #123c31;
}

.christmas-signage .christmas-hero .btn-primary:hover {
    background: #fff0ca;
}

.christmas-offers .christmas-badge {
    align-self: flex-start;
    margin: 0 0 12px;
    padding: 4px 12px;
    border-radius: 4px;
    background: #f6d894;
    color: #123c31;
    font-size: .8rem;
    font-weight: 700;
}

.christmas-signage .range-quote {
    background: #123c31;
}

.christmas-offers-section {
    background: #faf7ef;
}

.christmas-offers .range-card,
.christmas-signage .range-form {
    background: #fffdfa;
}

.christmas-offers .range-card {
    border-color: #e4dbc5;
}

.christmas-signage .christmas-offers-section h2,
.christmas-offers .range-card h3,
.christmas-signage .christmas-product-link {
    color: #123c31;
}

.christmas-signage .christmas-product-link {
    align-self: flex-start;
    margin-top: auto;
    padding-top: 10px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.christmas-signage .range-form .qf-submit-btn {
    background: #f6d894;
    color: #123c31;
    box-shadow: none;
}

.christmas-signage .range-form .qf-submit-btn:hover {
    background: #efd08a;
}

.christmas-signage .range-form .qf-upload-label {
    border-color: #cbbd9e;
    background: #faf7ef;
}

.christmas-signage .range-form .qf-upload-label:hover {
    border-color: #205b48;
    background: #f6f0e0;
}

.christmas-signage .range-form .qf-field input:focus,
.christmas-signage .range-form .qf-field select:focus {
    border-color: #205b48;
    box-shadow: 0 0 0 3px #205b4826;
}