/* Pompe cu roți dințate — pagini de catalog (manual de design 10.2026; folosește variabilele mu-magazin.css) */
.mm-rd__intro{ max-width:72ch; }
.mm-rd__intro p{ margin:0 0 12px; }
.mm-rd__unelte{ display:flex; flex-wrap:wrap; gap:12px; align-items:stretch; margin-top:8px; }
.mm-rd__unelte .mm-cauta{ flex:1 1 360px; max-width:520px; }
.mm-rd__poza{ flex:0 0 auto; }
.mm-rd__numar{ margin:14px 0 0; color:var(--mm-c2); }
.mm-rd__numar strong{ font-family:var(--mm-fm); color:var(--mm-c1); }

/* carduri pe pagina principală */
.mm-rd__serii{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.mm-rd__card{ display:flex; flex-direction:column; gap:8px; height:100%; padding:22px 22px 20px; background:var(--mm-hartie); border:2px solid var(--mm-c1); color:var(--mm-c2) !important; text-decoration:none !important; box-shadow:0 4px 0 var(--mm-c1); transition:transform .12s, box-shadow .12s; }
.mm-rd__card:hover{ transform:translateY(-2px); box-shadow:0 6px 0 var(--mm-c1); background:var(--mm-in); }
.mm-rd__card:focus-visible{ outline:3px solid var(--mm-galben); outline-offset:3px; }
.mm-rd__card-marca{ font:700 12px/1.2 var(--mm-fm); letter-spacing:.06em; text-transform:uppercase; color:var(--mm-c3); }
.mm-rd__card-t{ font:800 28px/1.15 var(--mm-ft); text-transform:uppercase; color:var(--mm-c1); }
.mm-rd__card-x{ flex:1 1 auto; font-size:16px; }
.mm-rd__card-n{ margin-top:6px; font-weight:700; color:var(--mm-acc); min-height:44px; display:flex; align-items:center; gap:6px; }
.mm-rd__card-n strong{ font-family:var(--mm-fm); }

/* grupe */
.mm-rd__grupe{ margin-bottom:8px; }
.mm-rd__grupa{ margin:0 0 40px; scroll-margin-top:90px; }
.mm-rd__grupa[hidden]{ display:none; }
.mm-rd__h2{ font-size:32px !important; display:flex; align-items:baseline; gap:12px; margin:0 0 14px !important; }
.mm-rd__h2 small{ font:400 14px/1 var(--mm-fm); color:var(--mm-c3); text-transform:none; }

/* tabel */
.mm-rd__tabel{ width:100%; border-collapse:collapse; background:var(--mm-hartie); border:2px solid var(--mm-c1); font-size:16px; }
.mm-rd__tabel th, .mm-rd__tabel td{ padding:8px 14px; text-align:left; vertical-align:middle; border-bottom:1px solid var(--mm-linie); }
.mm-rd__tabel thead th{ background:var(--mm-c1); color:var(--mm-hartie); font:700 13px/1.2 var(--mm-fm); letter-spacing:.06em; text-transform:uppercase; border-bottom:0; }
.mm-rd__tabel tbody tr[hidden]{ display:none; }
.mm-rd__tabel tbody tr:hover{ background:#f6f2ea; }
.mm-rd__tabel tbody tr:target{ background:var(--mm-in); outline:3px solid var(--mm-galben); outline-offset:-3px; }
.mm-rd__tabel tr{ scroll-margin-top:90px; }
.mm-rd__c-cod{ font-weight:400; width:34%; }
.mm-rd__cod{ font:700 16px/1.35 var(--mm-fm) !important; color:var(--mm-c1); background:none; padding:0; word-break:break-word; }
a.mm-rd__cod{ color:var(--mm-acc) !important; text-decoration:underline; text-underline-offset:3px; display:inline-block; min-height:44px; line-height:44px; }
.mm-rd__c-serie{ width:10%; font-family:var(--mm-fm); color:var(--mm-c2); }
.mm-rd__c-obs{ color:var(--mm-c2); font-size:15px; }
.mm-rd__c-act{ width:1%; white-space:nowrap; text-align:right !important; }
.mm-rd__oferta{ min-height:44px !important; padding:8px 16px !important; font-size:15px !important; }
.mm-rd__gol{ margin:24px 0; padding:24px; border:2px dashed var(--mm-c1); background:var(--mm-hartie); }
.mm-rd__gol[hidden]{ display:none; }
.mm-rd__gol p{ margin:0 0 10px; }
.mm-rd__gol [data-mm-rd-text]{ font-family:var(--mm-fm); overflow-wrap:anywhere; }

/* telefon: tabelul devine listă */
@media (max-width:759px){
	.mm-rd__unelte .mm-cauta{ flex:1 1 100%; max-width:none; }
	.mm-rd__poza{ flex:1 1 100%; }
	.mm-rd__serii{ grid-template-columns:1fr; }
	.mm-rd__h2{ font-size:26px !important; flex-wrap:wrap; gap:6px 10px; }
	.mm-rd__tabel, .mm-rd__tabel tbody{ display:block; border-width:2px; }
	.mm-rd__tabel thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
	.mm-rd__tabel tbody tr{ display:grid; grid-template-columns:1fr; gap:4px; padding:14px 16px; border-bottom:1px solid var(--mm-linie); }
	.mm-rd__tabel tbody tr[hidden]{ display:none; }
	.mm-rd__tabel th, .mm-rd__tabel td{ display:block; width:auto !important; padding:0; border:0; }
	.mm-rd__c-cod{ font-size:17px; }
	.mm-rd__cod{ font-size:17px !important; }
	.mm-rd__c-serie:empty, .mm-rd__c-obs:empty{ display:none; }
	.mm-rd__c-serie::before, .mm-rd__c-obs::before{ content:attr(data-et) ': '; font:700 12px/1 var(--mm-fm); letter-spacing:.04em; text-transform:uppercase; color:var(--mm-c3); }
	.mm-rd__c-act{ text-align:left !important; margin-top:6px; white-space:normal; }
	.mm-rd__oferta{ width:100%; min-height:48px !important; }
}
@media (prefers-reduced-motion:reduce){ .mm-rd__card{ transition:none; } }

/* 0.9.21: antet cu imagine în dreapta (imaginea reprezentativă a paginii) */
.mm-rd__hero{ display:grid; grid-template-columns:minmax(0,1fr); gap:24px; align-items:center; }
.mm-rd__hero-txt{ min-width:0; }
.mm-rd__hero-img{ margin:0; border:2px solid var(--mm-c1); background:var(--mm-f2); box-shadow:0 4px 0 var(--mm-c1); }
.mm-rd__hero-img img{ display:block; width:100%; height:auto; max-height:460px; object-fit:cover; }
@media (min-width:1000px){ .mm-rd__hero{ grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:40px; } .mm-rd__hero-img img{ max-height:520px; } }