/* Блок «Наши работы»: карточки проектов из портфолио для категорий и страниц каталога */
.pf-cases{box-sizing:border-box;margin-bottom:60px}
.pf-cases *{box-sizing:border-box}
.pf-cases__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pf-cases__card{display:flex;flex-direction:column;background:#fff;border:1px solid #ebe7e4;border-radius:14px;overflow:hidden;text-decoration:none!important;color:#1d1d1f!important;transition:border-color .2s,box-shadow .2s}
.pf-cases__card:hover{border-color:#d9d2cd;box-shadow:0 10px 28px rgba(0,0,0,.07)}
.pf-cases__pic{display:block;aspect-ratio:3/4;overflow:hidden;background:#e9e5e1}
.pf-cases__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pf-cases__card:hover .pf-cases__img{transform:scale(1.04)}
.pf-cases__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 18px 18px}
.pf-cases__title{display:block;font-weight:700;font-size:16px;line-height:1.35;color:#1d1d1f}
.pf-cases__tags{display:flex;flex-wrap:wrap;gap:6px}
.pf-cases__tag{font-size:12.5px;line-height:1;color:#62626a;background:#f6f4f2;padding:6px 9px;border-radius:6px}
.pf-cases--light{background:#fff;padding:36px 56px 44px}
.pf-cases--light h2{color:#1d1d1f!important;margin-top:0!important}
.pf-cases--light .pf-cases__lead{color:#3a3a40;margin:0 0 32px}
.pf-cases__head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.pf-cases__head h2{margin:0!important}
.pf-cases .pf-cases__all{color:#e2525a;font-weight:600;white-space:nowrap;text-decoration:none;border-bottom:1px solid currentColor}
.pf-cases .pf-cases__all:hover{color:#cc434b}
@media(max-width:560px){.pf-cases__head{flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:860px){.pf-cases--light{padding:24px 20px 28px}}
@media(max-width:991px){.pf-cases__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.pf-cases__grid{grid-template-columns:1fr}}

/* Слайдер «Примеры готовых входных групп» */
.pf-slider{box-sizing:border-box;background:#fff;padding:36px 56px 40px;margin-bottom:60px}
.pf-slider *{box-sizing:border-box}
.pf-slider__head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}
.pf-slider__head h2{margin:0!important;color:#1d1d1f!important}
.pf-slider .pf-slider__lead{color:#3a3a40;margin:-12px 0 28px}
.pf-slider .pf-slider__all{color:#e2525a;font-weight:600;white-space:nowrap;text-decoration:none;border-bottom:1px solid currentColor}
.pf-slider .pf-slider__all:hover{color:#cc434b}
.pf-slider__wrap{position:relative}
.pf-slider__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.pf-slider__track::-webkit-scrollbar{display:none}
.pf-slider__item{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#e9e5e1}
.pf-slider__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pf-slider__item:hover .pf-slider__img{transform:scale(1.04)}
.pf-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid #ebe7e4;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s}
.pf-slider__arrow svg{width:20px;height:20px;fill:none;stroke:#1d1d1f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-slider__arrow--prev{left:-22px}
.pf-slider__arrow--next{right:-22px}
.pf-slider__arrow--off{opacity:.35;cursor:default}
.pf-slider__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
.pf-slider__dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:#d9d2cd;cursor:pointer}
.pf-slider__dot--active{background:#e2525a}
@media(max-width:991px){.pf-slider__item{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:860px){.pf-slider{padding:24px 20px 28px}.pf-slider__arrow{display:none}}
@media(max-width:560px){.pf-slider__head{flex-direction:column;align-items:flex-start;gap:10px}.pf-slider__item{flex-basis:calc((100% - 16px)/2)}}