.rr-catalog { --rr-ink:#183027; --rr-paper:#fffdf8; --rr-yellow:#f4ca16; color:var(--rr-ink); }
.rr-catalog * { box-sizing:border-box; }
.rr-catalog section { margin-block:38px; }
.rr-catalog section > h2 { font-size:clamp(1.55rem,3vw,2.25rem); }
.rr-catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.rr-catalog article { display:flex; flex-direction:column; justify-content:space-between; min-width:0; border:1px solid rgba(24,48,39,.14); border-top:4px solid var(--rr-yellow); border-radius:18px; padding:20px; background:var(--rr-paper); }
.rr-catalog-thumb { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:14px; margin-bottom:14px; background:#fff8df; }
.rr-catalog article h3 { margin-top:0; font-size:1.15rem; }
.rr-catalog article p { font-size:.94rem; }
.rr-catalog dl { display:flex; flex-wrap:wrap; gap:14px 20px; margin:16px 0 0; border-top:1px solid rgba(24,48,39,.14); padding-top:12px; }
.rr-catalog dl div { display:grid; }
.rr-catalog dt { color:#5f6b64; font-size:.76rem; text-transform:uppercase; }
.rr-catalog dd { margin:0; font-weight:750; }
.rr-catalog-book { align-self:flex-start; margin-top:16px; color:var(--rr-ink); font-weight:750; text-underline-offset:4px; }
.rr-catalog a:focus-visible { outline:3px solid var(--rr-yellow); outline-offset:3px; }

@media (max-width:700px) {
  .rr-catalog section { margin-block:26px; }
  .rr-catalog-grid { grid-template-columns:1fr; gap:10px; }
  .rr-catalog article { border-radius:15px; padding:16px; }
}
.rr-order-handle,.rr-order-arrow{padding:7px 9px;border:1px solid #d8cfb5;border-radius:7px;background:#fff;min-height:36px;font:inherit;color:#183027}.rr-order-handle{cursor:grab}.rr-is-dragging{opacity:.55;background:#fff5ce}.rr-order-arrow{cursor:pointer}.rr-order-handle:focus-visible,.rr-order-arrow:focus-visible{outline:3px solid #f1ca36}

@media(max-width:600px){.rr-app .rr-card-head:has(.rr-add-service){flex-direction:column;align-items:stretch}.rr-app .rr-add-service summary{white-space:normal;text-align:center}.rr-category-admin>label:has(>input[type=checkbox]){display:flex;align-items:center;gap:8px}.rr-category-admin>label>input[type=checkbox]{width:18px;height:18px;min-height:18px}}