.scr-psp{--scr-psp-gap:24px;--scr-psp-columns:3;--scr-psp-columns-tablet:2;--scr-psp-columns-mobile:1;position:relative;width:100%}
.scr-psp__header{text-align:center;margin-bottom:28px}
.scr-psp__title{margin:0 0 8px;line-height:1.2}
.scr-psp__subtitle{line-height:1.6}.scr-psp__viewport{position:relative;overflow:hidden}
.scr-psp__track{display:grid;gap:var(--scr-psp-gap)}
.scr-psp--grid .scr-psp__track{grid-template-columns:repeat(var(--scr-psp-columns),minmax(0,1fr))}
.scr-psp--carousel .scr-psp__track{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--scr-psp-gap)*(var(--scr-psp-columns) - 1)))/var(--scr-psp-columns));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.scr-psp--carousel .scr-psp__track::-webkit-scrollbar{display:none}
.scr-psp__item{min-width:0;scroll-snap-align:start}.scr-psp__card{display:flex;flex-direction:column;height:100%;min-height:520px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.scr-psp__card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.scr-psp__image-wrap{position:relative;width:100%;height:260px;overflow:hidden;background:#f5f5f5}
.scr-psp__image-link,.scr-psp__image{display:block;width:100%;height:100%}
.scr-psp__image{object-fit:cover;object-position:center;transition:transform .35s ease; height: 100% !important;}
.scr-psp__card:hover .scr-psp__image{transform:scale(1.04)}
.scr-psp__badge{position:absolute;top:14px;right:14px;z-index:2;padding:8px 14px;border-radius:999px;background:#ff4b4b;color:#fff;font-size:13px;font-weight:700;line-height:1}
.scr-psp__content{display:flex;flex:1 1 auto;flex-direction:column;padding:22px}
.scr-psp__product-title{margin:0 0 12px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:1.0em}
.scr-psp__product-title a{color:inherit;text-decoration:none}
.scr-psp__desc{margin-bottom:18px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.0em}
.scr-psp__button{margin-top:auto;display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:48px;padding:12px 18px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;transition:background .25s ease,transform .2s ease}
.scr-psp__button:hover{background:#1fb455;color:#fff;transform:translateY(-1px)}.scr-psp__nav{position:absolute;top:38%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(0,0,0,.12);cursor:pointer;font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center}
.scr-psp__nav--prev{left:12px}
.scr-psp__nav--next{right:12px}
.scr-psp__dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.scr-psp__dot{width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,.18);cursor:pointer;border:0}
.scr-psp__dot.is-active{background:rgba(0,0,0,.65)}
.scr-psp__empty{padding:20px;text-align:center;border:1px dashed rgba(0,0,0,.15);border-radius:12px}

@media (max-width:1024px){
    .scr-psp--grid .scr-psp__track{grid-template-columns:repeat(var(--scr-psp-columns-tablet),minmax(0,1fr))}
    .scr-psp--carousel .scr-psp__track{grid-auto-columns:calc((100% - (var(--scr-psp-gap)*(var(--scr-psp-columns-tablet) - 1)))/var(--scr-psp-columns-tablet))}
}

@media (max-width:767px){
    .scr-psp--grid .scr-psp__track{grid-template-columns:repeat(var(--scr-psp-columns-mobile),minmax(0,1fr))    }
    .scr-psp--carousel .scr-psp__track{grid-auto-columns:calc((100% - (var(--scr-psp-gap)*(var(--scr-psp-columns-mobile) - 1)))/var(--scr-psp-columns-mobile))}
    .scr-psp__content{padding:18px}.scr-psp__nav{width:38px;height:38px}
}