.r4t-oos{max-width:1120px;margin:0 auto;padding:28px 16px 64px}
.r4t-oos__title{margin:0 0 8px;font-size:clamp(1.6rem,2.5vw,2.1rem);line-height:1.2}
.r4t-oos__lede{margin:0 0 28px;max-width:46rem;color:#4a5568;font-size:1.05rem;line-height:1.5}
.r4t-oos__empty{padding:24px;background:#f7fafc;border-radius:12px}
.r4t-oos__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.r4t-oos__card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.r4t-oos__media{display:block;aspect-ratio:1;background:#f8fafc}
.r4t-oos__media img{width:100%;height:100%;object-fit:contain}
.r4t-oos__body{display:flex;flex-direction:column;gap:6px;padding:12px 12px 14px;flex:1}
.r4t-oos__name{margin:0;font-size:.95rem;line-height:1.35;min-height:2.7em}
.r4t-oos__name a{color:inherit;text-decoration:none}
.r4t-oos__name a:hover{text-decoration:underline}
.r4t-oos__price{margin:0;font-weight:700;color:#1a202c}
.r4t-oos__demand{margin:0 0 4px;font-size:.85rem;color:#718096}
.r4t-oos__count{font-weight:700;color:#c2410c}
.r4t-oos__btn{margin-top:auto;appearance:none;border:0;border-radius:10px;padding:10px 12px;font-weight:700;font-size:.95rem;cursor:pointer;background:#1a365d;color:#fff}
.r4t-oos__btn:hover{background:#2a4365}
.r4t-oos__btn:disabled{cursor:default;opacity:.85}
.r4t-oos__btn.is-done{background:#278FF1}
.r4t-oos__btn.is-error{background:#c53030}
.r4t-oos__pager{margin-top:28px;text-align:center}
@media (max-width:600px){.r4t-oos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.r4t-oos__form{margin:0;margin-top:auto}
.r4t-oos__form .r4t-oos__btn{width:100%}