/* Nowy wygląd – strony CMS (agent cms): strona z własnym układem treści – Stojaki na zamówienie (_cms/strona).
   Część dawnego cms.css (podział 04.10 – każdy układ ładuje tylko swoje reguły; kolejność reguł bez zmian).
   Wspólne poprawki stron CMS: cms.css (ładowany PO tym pliku). */
/* ---- home.css: kafelki rd + kroki cz5 ---- */
.rd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rd-f{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 8px;border-radius:12px;border:1px solid var(--line-2);background:#fff;color:var(--navy);text-align:center;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.rd-f:hover{border-color:var(--blue);box-shadow:var(--shadow-1)}
.rd-img{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px}
.rd-img img{width:100%;height:100%;object-fit:contain}
.rd-f b{font-size:12px;line-height:1.2}
.rd-f .n{margin:0;font-size:11px}
.cz5-steps{list-style:none;margin:0 0 14px;padding:0;position:relative}
.cz5-steps::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:var(--sky-200)}
.cz5-steps li{position:relative;display:flex;gap:12px;align-items:center;padding:6px 0}
.cz5-i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue-700);z-index:1;flex:none}
.cz5-steps b{display:block;color:var(--navy);font-size:15px}
.cz5-steps small{color:var(--muted);font-size:13px}
/* ---- home.css: Stojaki na zamówienie ---- */
.zam .crumbs{margin:18px 0 10px}
.zam-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start;padding:10px 0 24px}
.zam-hero h1{font-size:34px;line-height:1.15;margin:4px 0 12px}
.zam-lead{font-size:17px;line-height:1.65;color:#34424F;margin:0 0 16px;max-width:720px}
.zam-hero .cz5-steps{max-width:520px}
.zam-go{min-height:50px;gap:10px}
.zam-contact{padding:22px;border-radius:20px;background:var(--sky-50);border:1px solid var(--sky-200)}
.zam-contact h2{font-size:20px;margin-bottom:4px}
.zam-contact p{margin:0 0 12px;color:var(--muted);font-size:14.5px}
.zam-c{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;margin-top:8px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--navy);text-decoration:none!important}
.zam-c:hover{border-color:var(--blue)}
.zam-c .i{color:var(--blue-600);flex:none}
.zam-c b{display:block;font-size:16.5px}
.zam-c small{display:block;font-size:12.5px;color:var(--muted)}
.zam-form{max-width:860px;padding:26px 28px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-2);scroll-margin-top:90px}
.zam-form .cf-head{padding-right:0}
.zam-ex{grid-template-columns:repeat(8,minmax(0,1fr))}
.zam-faq{max-width:860px}
.zam-q{border-bottom:1px solid var(--line-2)}
.zam-q summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;cursor:pointer;font-weight:700;color:var(--navy);list-style:none}
.zam-q summary::-webkit-details-marker{display:none}
.zam-q summary svg{transform:rotate(90deg);transition:transform .15s;flex:none}
.zam-q[open] summary svg{transform:rotate(-90deg)}
.zam-q p{margin:0 0 14px;color:#34424F}
/* link do strony z pola na głównej i z kategorii */
@media (max-width:980px){.zam-hero{grid-template-columns:minmax(0,1fr)}.zam-ex{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.zam-hero h1{font-size:26px}.zam-lead{font-size:16px}.zam-form{padding:18px 14px}}
/* Stojaki na zamówienie – opis zamiast formularza (bez nowego backendu) */
.zam-form h2{font-size:24px;margin:0 0 8px}
.zam-lista{margin:0 0 16px;padding-left:22px;color:#34424F}
.zam-lista li{margin:4px 0}
.zam-akcje{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.cms-strona .hs{margin-top:36px}