/* Native horizontal scrolling also works without JavaScript. */
#korzysci .benefits-rows{display:flex;gap:24px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;padding:0 0 20px;scroll-padding-inline:0}
#korzysci .benefits-rows .benefit-row{box-sizing:border-box;flex:0 0 calc((100% - 24px)/2);display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:clamp(26px,3vw,44px);background:var(--cream,#fffaf0);border:0;border-radius:12px;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
#korzysci .benefit-number{font-size:16px;font-weight:700;line-height:1.5;padding:0;margin:0 0 30px;color:var(--ink)}
#korzysci .benefit-row h3{font-size:clamp(23px,2vw,30px);line-height:1.3;max-width:28ch;margin:0 0 20px;color:var(--ink)}
#korzysci .benefit-row p{font-size:18px;line-height:1.7;max-width:54ch;margin:0;color:var(--ink)}
#korzysci .benefits-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
#korzysci .benefits-position{font-size:16px;font-variant-numeric:tabular-nums}
#korzysci .benefits-arrows{display:flex;gap:12px}
#korzysci .benefits-arrow{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font:28px/1 Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s,color .15s}
#korzysci .benefits-arrow:hover:not(:disabled){background:var(--ink);color:var(--cream)}
#korzysci .benefits-arrow:disabled{opacity:.3;cursor:default}
#korzysci .benefits-arrow:focus-visible,#korzysci .benefits-rows:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(max-width:720px){
 #korzysci .benefits-rows{gap:16px}
 #korzysci .benefits-rows .benefit-row{flex-basis:88%;padding:26px 24px}
 #korzysci .benefit-number{margin-bottom:24px;font-size:15px}
 #korzysci .benefit-row h3{font-size:23px;margin-bottom:18px}
 #korzysci .benefit-row p{font-size:17px;line-height:1.65}
 #korzysci .benefits-arrow{width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){#korzysci .benefits-arrow{transition:none}}