:root{--spc-bg:#f1f2f2;--spc-card-bg:#fff;--spc-text:#171b1f;--spc-muted:#667078;--spc-accent:#666;--spc-gap:22px}
.section-product-cards-gray{--section-gap:var(--spc-gap);background:var(--section-bg);}
.spc-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:5px;justify-content: flex-end;}
.spc-heading__text{max-width:760px;}
.spc-eyebrow{display:inline-block;margin-bottom:12px;color:#59636b;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.spc-heading h2{margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.08;font-weight:750;letter-spacing:-.035em}.spc-heading p{margin:14px 0 0;color:var(--spc-muted);font-size:16px;line-height:1.6}
.spc-controls{display:flex;gap:9px;flex:0 0 auto}.spc-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;color:#20282e;background:transparent;font:inherit;font-size:23px;line-height:1;cursor:pointer;transition:color .25s,border-color .25s,background .25s,opacity .25s}
.spc-arrow:hover:not(:disabled){color:#fff;border-color:var(--spc-accent);background:var(--spc-accent)}.spc-arrow:disabled{opacity:.28;cursor:not-allowed}
.spc-arrow:focus-visible,.spc-dot:focus-visible,.spc-card__link:focus-visible{outline:3px solid var(--spc-accent);outline-offset:3px}
.spc-viewport{width:100%;touch-action:pan-y}.spc-track{display:flex;gap:var(--section-gap);align-items:stretch;transform:translate3d(0,0,0);transition:transform .58s cubic-bezier(.22,.75,.25,1);will-change:transform}
.spc-card{flex:0 0 calc((100% - (var(--section-gap)*(var(--spc-per-view,4) - 1)))/var(--spc-per-view,4));min-width:0;background:var(--spc-card-bg);overflow:hidden}
.spc-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.spc-card__image{position:relative;overflow:hidden;aspect-ratio:1.38/1;background:linear-gradient(135deg,#c9d4d8,#8b9da4)}
.spc-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.spc-card__link:hover .spc-card__image img{transform:scale(1.045)}
.spc-card__content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:24px 25px 26px;background:#fff}.spc-card__category{margin-bottom:10px;color:#68747b;font-size:10px;font-weight:700;letter-spacing:.14em}
.spc-card h3{margin:0;font-size:clamp(19px,1.55vw,24px);line-height:1.2;font-weight:750}.spc-card p{margin:12px 0 22px;color:#657078;font-size:14px;line-height:1.55}
.spc-card__more{display:inline-flex;align-items:center;gap:18px;margin-top:auto;color:#17232a;font-size:13px;font-weight:700}.spc-card__more b{color:var(--spc-accent);font-size:19px;font-weight:400;transition:transform .25s}.spc-card__link:hover .spc-card__more b{transform:translate(3px,-3px)}
.spc-card--feature .spc-card__link{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);min-height:340px}.spc-card--feature .spc-card__image{aspect-ratio:auto;min-height:340px}.spc-card--feature .spc-card__content{justify-content:center;padding:clamp(26px,1vw,58px)}.spc-card--feature h3{font-size:clamp(25px,3vw,42px)}.spc-card--feature p{font-size:16px}
.spc-bottom{display:flex;align-items:center;gap:24px;margin-top:28px}.spc-progress{position:relative;flex:1;height:2px;overflow:hidden;background:#d0d6d9}.spc-progress__bar{display:block;width:0;height:100%;background:#202b31;transition:width .35s}.spc-dots{display:flex;align-items:center;gap:8px}.spc-dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#b8c0c4;cursor:pointer;transition:transform .2s,background .2s}.spc-dot.is-active{background:#1c262c;transform:scale(1.35)}
.section-product-cards-gray.spc-theme-dark{--section-bg:#132b3a;color:#fff}.spc-theme-dark .spc-heading p,.spc-theme-dark .spc-eyebrow{color:rgba(255,255,255,.7)}.spc-theme-dark .spc-arrow{color:#fff;border-color:rgba(255,255,255,.55)}.spc-theme-dark .spc-arrow:hover:not(:disabled){border-color:var(--spc-accent)}.spc-theme-dark .spc-card__content{background:#203b4b;color:#fff}.spc-theme-dark .spc-card p,.spc-theme-dark .spc-card__category{color:rgba(255,255,255,.68)}.spc-theme-dark .spc-card__more{color:#fff}.spc-theme-dark .spc-progress{background:rgba(255,255,255,.25)}.spc-theme-dark .spc-progress__bar{background:#fff}.spc-theme-dark .spc-dot{background:rgba(255,255,255,.4)}.spc-theme-dark .spc-dot.is-active{background:#fff}
@media(max-width:1024px){.spc-container{width:calc(100% - 48px)}.spc-card__content{padding:20px}}
@media(max-width:767px){.spc-container{width:calc(100% - 1px)}.spc-heading{align-items:flex-end;gap:14px;margin-bottom:23px}.spc-heading h2{font-size:clamp(25px,7vw,34px)}.spc-heading p{margin-top:9px;font-size:13px}.spc-eyebrow{margin-bottom:8px;font-size:9px}.spc-controls{gap:6px}.spc-arrow{width:38px;height:38px;font-size:19px}.spc-card__image{aspect-ratio:1.45/1}.spc-card__content{padding:19px 18px 21px}.spc-card h3{font-size:19px}.spc-card p{font-size:13px;margin:9px 0 16px}.spc-bottom{margin-top:21px;gap:16px}.spc-card--feature .spc-card__link{display:flex;min-height:0}.spc-card--feature .spc-card__image{min-height:0;aspect-ratio:1.45/1}.spc-card--feature .spc-card__content{padding:19px 18px 21px}.spc-card--feature h3{font-size:22px}.spc-card--feature p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.spc-track,.spc-card__image img,.spc-arrow,.spc-dot,.spc-progress__bar{transition:none!important}}