/* Five primary services, in the same order on the home and offer pages. */
.stories-grid.services-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.services-five .service-story{display:flex;flex-direction:column;min-width:0}
.services-five .story-media{height:180px;min-height:0;flex:none}
.services-five .story-body{padding:24px 18px}
.services-five .story-body .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.06em;min-height:34px;margin-bottom:16px}
.services-five .story-body h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;min-height:56px;margin-bottom:16px}
.services-five .story-body>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-bottom:23px}
.services-five .story-link{font-size:13px;font-weight:500}
.services-five .service-story[href="logistyka-posm.html"] .eyebrow,.services-five .service-story[href="logistyka-posm.html"] .story-link{color:#34755b}
.services-five .service-story[href="logistyka-posm.html"]:hover{border-color:#a8d8c2;background:#f3faf6}
.service-rail-hint{display:none;font-size:12px!important;color:var(--muted);line-height:1.6;margin:15px 0 0}
@media(max-width:1150px){.stories-grid.services-five{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:290px;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scroll-padding:4px;padding:8px 4px 18px;margin-inline:-4px;scrollbar-width:thin;scrollbar-color:#98b58b #edf3e7}.services-five .service-story{scroll-snap-align:start}.services-five .service-story:hover{transform:none}.services-five .story-media{height:180px}.services-five .story-body{padding:23px}.services-five .story-body .eyebrow{font-size:11px}.services-five .story-body h3{font-size:26px;min-height:63px}.services-five .story-body>p:not(.eyebrow){font-size:15px}.service-rail-hint{display:block}}
@media(max-width:620px){.stories-grid.services-five{grid-auto-columns:min(84%,300px);gap:14px}.services-five .story-media{height:165px}.services-five .story-body{padding:22px}.services-five .story-body h3{font-size:24px;min-height:58px}.services-five .story-body .eyebrow{min-height:36px;font-size:10px}.services-five .story-body>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){.stories-grid.services-five{scroll-behavior:auto}.services-five .service-story{transition:none}}

/* Larger cards and manual controls at every viewport width. */
.stories-grid.services-five{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding:4px;padding:8px 4px 18px;margin-inline:-4px;scrollbar-width:thin;scrollbar-color:#98b58b #edf3e7}
.services-five .service-story{scroll-snap-align:start;scroll-snap-stop:always}
.services-five .service-story:hover{transform:none}
.services-five .story-media{height:230px}
.services-five .story-body{padding:28px}
.services-five .story-body .eyebrow{font-size:11px;min-height:38px}
.services-five .story-body h3{font-size:30px;line-height:1.18;min-height:71px;overflow-wrap:break-word}
.services-five .story-body>p:not(.eyebrow){font-size:16px;line-height:1.75}
.services-five .story-link{font-size:14px}
.service-rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:18px 0 0}
.service-rail-controls[hidden]{display:none}
.service-rail-position{margin-right:auto;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--muted)}
.service-rail-controls button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #8fac80;border-radius:50%;background:white;color:var(--green);font:inherit;font-size:23px;cursor:pointer;transition:background .2s,color .2s}
.service-rail-controls button:hover:not(:disabled){background:var(--green);color:white;border-color:var(--green)}
.service-rail-controls button:disabled{opacity:.3;cursor:default}
.service-rail-controls button:focus-visible,.services-five:focus-visible{outline:3px solid #78b950;outline-offset:4px}
.service-rail-hint{display:block;margin-top:12px}
@media(max-width:1100px){.stories-grid.services-five{grid-auto-columns:calc((100% - 22px)/2.15)}.services-five .story-media{height:220px}.services-five .story-body{padding:25px}.services-five .story-body h3{font-size:28px;min-height:67px}}
@media(max-width:700px){.stories-grid.services-five{grid-auto-columns:86%;gap:16px}.services-five .story-media{height:200px}.services-five .story-body{padding:24px}.services-five .story-body h3{font-size:27px;min-height:0}.services-five .story-body .eyebrow{min-height:0;font-size:10px}.services-five .story-body>p:not(.eyebrow){font-size:15px}.service-rail-controls{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.service-rail-controls button{transition:none}}

.services-five .story-media{position:relative}
.service-image-note{position:absolute;right:10px;bottom:8px;padding:3px 6px;border-radius:3px;background:#12251dc9;color:#fff;font-size:10px;line-height:1.4;pointer-events:none}
