.sr-any-repair-footer {
    background: linear-gradient(135deg, #fff 0%, #fff8ef 100%);
    border-top: 1px solid #f2dfc9;
    color: #122e3e;
    padding: 72px 20px;
    text-align: center;
}

.sr-any-repair-footer,
.sr-any-repair-footer * { box-sizing: border-box; }
.sr-any-repair-footer__inner { margin: 0 auto; max-width: 900px; }
.sr-any-repair-footer__eyebrow { color: #ef7c00; font-size: 13px; font-weight: 900; letter-spacing: .2em; margin: 0 0 15px; text-transform: uppercase; }
.sr-any-repair-footer h2 { font-family: Montserrat, Arial, sans-serif; font-size: clamp(38px, 7vw, 78px); font-weight: 900; letter-spacing: -.065em; line-height: .9; margin: 0; text-transform: uppercase; }
.sr-any-repair-footer__price { color: #ef7c00; font-family: Montserrat, Arial, sans-serif; font-size: clamp(76px, 14vw, 150px); font-weight: 900; letter-spacing: -.09em; line-height: .95; margin: 20px 0; }
.sr-any-repair-footer__promise { color: #5f717c; font-size: 20px; font-weight: 600; margin: 0 0 28px; }
.sr-any-repair-footer__benefits { font-weight: 800; margin: 0 0 35px; }
.sr-any-repair-footer__form { margin: 0 auto; max-width: 580px; }

.sr-any-repair-footer__quantity { align-items: center; background: #fff; border: 1px solid #d7e2e7; border-radius: 999px; display: flex; margin: 0 auto 18px; max-width: 290px; overflow: hidden; }
.sr-any-repair-footer__quantity button { align-items: center; background: transparent; border: 0; color: #122e3e; cursor: pointer; display: flex; flex: 0 0 74px; font-size: 32px; font-weight: 500; height: 57px; justify-content: center; line-height: 1; padding: 0; }
.sr-any-repair-footer__quantity input { appearance: textfield; -moz-appearance: textfield; background: transparent; border: 0; color: #122e3e; flex: 1 1 auto; font-size: 24px; font-weight: 800; min-width: 0; outline: 0; padding: 0; text-align: center; width: 100%; }
.sr-any-repair-footer__quantity input::-webkit-inner-spin-button, .sr-any-repair-footer__quantity input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.sr-any-repair-footer__buy { background: #ef7c00; border: 0; border-radius: 999px; color: #fff; cursor: pointer; font-family: Montserrat, Arial, sans-serif; font-size: 22px; font-weight: 900; min-height: 68px; padding: 18px 48px; text-transform: uppercase; width: 100%; }
.sr-any-repair-footer__buy:hover, .sr-any-repair-footer__buy:focus { background: #cf6706; color: #fff; }

/* PrestaShop uses this variation immediately above its contact footer. */
.sr-any-repair-footer--dark { background: linear-gradient(135deg, #102d3d 0%, #081e2b 100%); border-top: 0; color: #fff; padding: 110px 20px; }
.sr-any-repair-footer--dark .sr-any-repair-footer__eyebrow { color: #ff830d; }
.sr-any-repair-footer--dark h2 { color: #fff; font-size: clamp(42px, 6vw, 74px); }
.sr-any-repair-footer--dark .sr-any-repair-footer__price { color: #ff830d; font-size: clamp(76px, 12vw, 145px); }
.sr-any-repair-footer--dark .sr-any-repair-footer__promise { color: #d5e2e7; font-size: 19px; font-weight: 700; }
.sr-any-repair-footer--dark .sr-any-repair-footer__quantity { border-color: #d7e2e7; }

@media (max-width: 600px) {
    .sr-any-repair-footer, .sr-any-repair-footer--dark { padding: 55px 18px; }
    .sr-any-repair-footer__promise { font-size: 17px; }
    .sr-any-repair-footer__benefits { font-size: 15px; line-height: 1.65; }
    .sr-any-repair-footer__buy { font-size: 18px; min-height: 60px; }
}
