/* SpeedFloor rekomendacje 1.2: firmowe #444A66 i #EE3231 */
.sf-expert-reco,.sf-expert-reco *{box-sizing:border-box}
.sf-expert-reco{--sf-er-blue:#444A66;--sf-er-red:#EE3231;--sf-er-border:#DFE2EB;--sf-er-muted:#6B7385;color:#353C51;width:100%;max-width:1300px;margin:34px auto 42px;padding:0 20px;clear:both;font-family:inherit}
.sf-expert-reco a{text-decoration:none!important}
.sf-er-products{margin-bottom:29px}
.sf-er-head{margin:0 0 14px}
.sf-expert-reco .sf-er-head h2{font-size:clamp(20px,2vw,26px)!important;line-height:1.25!important;font-weight:750!important;color:var(--sf-er-blue)!important;margin:0 0 6px!important;padding:0!important}
.sf-er-head p{font-size:14px;line-height:1.5;color:var(--sf-er-muted);margin:0!important}
.sf-er-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.sf-er-product{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sf-er-border);border-radius:15px;overflow:hidden;box-shadow:0 4px 16px rgba(68,74,102,.045);transition:transform .2s ease,box-shadow .2s ease}
.sf-er-product:hover{transform:translateY(-2px);box-shadow:0 8px 23px rgba(68,74,102,.095)}
.sf-er-product-image{height:148px;display:flex;align-items:center;justify-content:center;background:#F5F6F8;padding:11px}
.sf-er-product-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.sf-er-product-body{display:flex;flex-direction:column;gap:7px;flex:1;padding:12px 14px 15px}
.sf-er-kicker{font-size:10px;line-height:1.3;font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:var(--sf-er-muted)}
.sf-expert-reco .sf-er-product h3{font-size:15px!important;line-height:1.4!important;font-weight:700!important;margin:0!important;padding:0!important}
.sf-er-product h3 a{color:var(--sf-er-blue)!important}
.sf-er-price{font-size:14px;font-weight:750;color:var(--sf-er-blue);margin-top:auto}
.sf-er-price .amount{color:var(--sf-er-blue)}
.sf-er-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--sf-er-red)!important;font-size:13px;font-weight:750;margin-top:auto}
.sf-er-link:hover{text-decoration:underline!important}
/* Baner usług: edytowalne zdjęcie z lewej, komunikat i jeden przycisk. */
.sf-er-banner{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:240px;overflow:hidden;isolation:isolate;border-radius:19px;background:var(--sf-er-blue);color:#fff;box-shadow:0 8px 26px rgba(68,74,102,.13)}
.sf-er-banner-photo{position:relative;min-height:240px;overflow:hidden;background:#3F4560}
.sf-er-banner-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.sf-er-banner-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(68,74,102,.45) 100%)}
.sf-er-banner-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:29px clamp(23px,3vw,47px);min-width:0}
.sf-er-banner-eyebrow{font-size:11px;letter-spacing:.11em;font-weight:750;color:#E5E8F0;margin-bottom:10px}
.sf-expert-reco .sf-er-banner h2{font-size:clamp(22px,2.45vw,32px)!important;font-weight:780!important;line-height:1.19!important;letter-spacing:-.025em;color:#fff!important;margin:0 0 10px!important;padding:0!important}
.sf-er-banner p{font-size:15px;line-height:1.6;color:#EDF0F8;margin:0 0 20px!important;max-width:630px}
.sf-expert-reco .sf-er-banner-button{display:inline-flex;align-items:center;gap:22px;justify-content:space-between;padding:12px 20px;border-radius:10px;min-height:45px;background:var(--sf-er-red);border:1px solid var(--sf-er-red);color:#fff!important;font-size:13px;font-weight:800;transition:background .2s ease,transform .2s ease}
.sf-expert-reco .sf-er-banner-button:hover{background:#D72A2A;transform:translateY(-1px)}
.sf-er-banner-button span{font-size:20px;line-height:1}
.sf-er-banner-without-image{grid-template-columns:1fr;min-height:205px;background:linear-gradient(115deg,#444A66 0%,#515975 75%,#454C68 100%)}
.sf-er-banner-without-image .sf-er-banner-copy{padding:30px 44px;max-width:900px}
.sf-expert-reco a:focus-visible{outline:3px solid var(--sf-er-red);outline-offset:3px}
@media(max-width:970px){.sf-er-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-er-banner{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}}
@media(max-width:650px){.sf-expert-reco{margin:25px auto 32px;padding:0 14px}.sf-er-grid{gap:10px}.sf-er-product-image{height:115px}.sf-er-product-body{padding:10px 11px}.sf-expert-reco .sf-er-product h3{font-size:13px!important}.sf-er-kicker{font-size:9px}.sf-er-banner{grid-template-columns:1fr;min-height:0;border-radius:15px}.sf-er-banner-photo{height:172px;min-height:172px}.sf-er-banner-photo:after{background:linear-gradient(0deg,rgba(68,74,102,.35),transparent 60%)}.sf-er-banner-copy,.sf-er-banner-without-image .sf-er-banner-copy{padding:23px 22px 25px}.sf-er-banner p{font-size:14px}.sf-expert-reco .sf-er-banner h2{font-size:23px!important}}
@media(max-width:390px){.sf-er-grid{grid-template-columns:1fr}.sf-er-product{display:grid;grid-template-columns:108px 1fr}.sf-er-product-image{height:100%;min-height:116px}}
@media(prefers-reduced-motion:reduce){.sf-er-product,.sf-er-banner-button{transition:none!important}.sf-er-product:hover,.sf-er-banner-button:hover{transform:none!important}}