/* Zakres ograniczony do oferty serwisu: czytelne karty bez wpływu na układ sklepu. */
.marm-service-offer { color:#344252; line-height:1.65; }
.marm-service-offer p { color:inherit; margin:0 0 16px; }
.marm-service-offer .marm-service-lead { font-size:17px; max-width:960px; }
.marm-service-offer h2 { font-size:22px; line-height:1.3; margin:30px 0 18px; text-transform:none; color:#202b35; }
.marm-service-offer h3 { font-size:18px; line-height:1.35; margin:0 0 12px; text-transform:none; color:#202b35; }
.marm-service-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin:22px 0 28px; }
.marm-service-actions .btn { white-space:normal; }
.marm-service-offer a:not(.btn) { color:#125c80; text-decoration:underline; text-underline-offset:3px; }
.marm-service-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.marm-service-grid section { padding:24px; border:1px solid #dde4e8; border-radius:18px; background:#fafcfd; box-shadow:0 4px 14px #243e5010; }
.marm-service-grid section p:last-child { margin-bottom:0; }
.marm-service-brands { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.marm-service-brands a { display:flex; align-items:center; justify-content:center; width:calc(50% - 5px); min-height:76px; padding:12px; background:#fff; border:1px solid #e3e9ed; border-radius:12px; transition:box-shadow .2s,border-color .2s; }
.marm-service-brands a:hover,.marm-service-brands a:focus-visible { border-color:#28718b; box-shadow:0 3px 12px #243e5020; }
.marm-service-brands img { display:block; width:120px; max-width:100%; height:48px; object-fit:contain; }
.marm-service-offer .marm-service-models { font-size:13px; color:#526273; }
.marm-offer-pill { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:13px 25px; margin-bottom:8px; border:1px solid #174d76; border-radius:28px; background:linear-gradient(135deg,#18355c,#1c6781); color:#fff; font-size:16px; font-weight:600; line-height:1.3; box-shadow:0 5px 14px #18355c26; }
.marm-offer-pill:after { content:""; position:absolute; left:29px; bottom:-6px; width:11px; height:11px; background:#19466b; transform:rotate(45deg); border-radius:0 0 3px 0; }
a.marm-offer-pill:hover,a.marm-offer-pill:focus-visible { color:#fff; background:#174d76; text-decoration:none; box-shadow:0 6px 18px #18355c40; }
.marm-service-support { margin-top:28px; }
.marm-service-area { background:#edf4f7; padding:22px; margin-top:26px; border-left:3px solid #28718b; }
.marm-service-area h2 { margin-top:0; }
.marm-service-area p { margin-bottom:0; }
.marm-service-checklist { padding-left:24px; }
.marm-service-checklist li { margin-bottom:12px; padding-left:4px; }
/* Logo obok pełnego opisu marki; na telefonie przechodzi nad treść. */
.marm-brand-page { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:start; gap:30px; color:#344252; line-height:1.7; }
.marm-brand-sidebar { padding:20px 14px; background:#f4f8fa; border:1px solid #dde4e8; border-radius:18px; text-align:center; }
.marm-brand-sidebar img { width:160px; max-width:100%; height:90px; object-fit:contain; display:block; margin:0 auto 16px; background:#fff; border-radius:10px; }
.marm-brand-sidebar p { color:#344252; font-weight:600; }
.marm-brand-sidebar a { display:block; color:#125c80; text-decoration:underline; padding:5px 0; overflow-wrap:anywhere; }
.marm-brand-description p { color:inherit; margin:0 0 18px; }
.marm-brand-description .marm-brand-intro { font-size:17px; }
.marm-brand-description h2 { color:#202b35; text-transform:none; font-size:22px; line-height:1.35; margin:26px 0 14px; }
.marm-brand-description a { color:#125c80; text-decoration:underline; }
@media (max-width:767px) { .marm-brand-page { grid-template-columns:1fr; gap:22px; } .marm-brand-sidebar { max-width:100%; } }
@media (max-width:767px) { .marm-service-grid { grid-template-columns:1fr; } .marm-service-grid section,.marm-service-area { padding:18px; } .marm-service-offer .marm-service-lead { font-size:16px; } }
