.rolla-card-form {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;text-align:left}
.rolla-card-form input[type="tel"] {box-sizing:border-box;flex:1 1 100px;min-width:0;width:100%;height:38px;padding:8px 12px;border:1px solid #ddd;border-radius:20px;background:#fff;color:#222;font:inherit}
.rolla-card-form button {flex:1 1 85px;min-height:38px;padding:8px 14px;border:0;border-radius:20px;background:#ff7900;color:#fff;font:inherit;cursor:pointer}
.rolla-card-form button:disabled {opacity:.65;cursor:wait}
.rolla-card-form [data-rolla-status] {flex-basis:100%;margin:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
[data-rolla-status][data-state="error"] {color:#b00020}
[data-rolla-status][data-state="success"] {color:#176330}
[data-rolla-form] .rolla-honeypot {display:none!important}
/* Возвращаем четыре карточки в ряд */
#products .items {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}

#products .items > .item {
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
}

#products .items > .item > .image,
#products .items > .item > .link {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
}

#products .items > .item > .image img {
    width: 100% !important;
    max-width: 100%;
}

/* Поле и кнопка помещаются внутри карточки */
.rolla-card-form {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.rolla-card-form input[type="tel"] {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    padding: 8px 10px;
    font-size: 14px;
}

.rolla-card-form button {
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    padding: 8px 12px;
    font-size: 14px;
}

.rolla-card-form [data-rolla-status] {
    grid-column: 1 / -1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.rolla-card-form [data-rolla-status]:empty,
.rolla-card-form input[type="hidden"] {
    display: none !important;
}

@media (max-width: 991px) {
    #products .items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
}

@media (max-width: 479px) {
    #products .items {
        grid-template-columns: minmax(0, 1fr);
    }
}