.nopa-pc{padding-top:var(--pt,4rem);padding-bottom:var(--pb,4rem)}
.nopa-pc__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--pccols,4) - 1)*var(--gap,1.6rem))/var(--pccols,4));gap:var(--gap,1.6rem);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.nopa-pc__track::-webkit-scrollbar{display:none}
.nopa-pc__track>*{scroll-snap-align:start}
@media screen and (max-width:989px){.nopa-pc__track{grid-auto-columns:calc((100% - 2*var(--gap,1.6rem))/3)}}
@media screen and (max-width:749px){.nopa-pc__track{grid-auto-columns:var(--pcmw,58%)}}
.nopa-card{display:flex;flex-direction:column}
.nopa-card__figure{position:relative;overflow:hidden;background:#ececec}
.nopa-card__link{display:block;position:absolute;inset:0}
.nopa-card__media{position:absolute;inset:0}
.nopa-card__media img,.nopa-card__media video{width:100%;height:100%;object-fit:cover;display:block}
.nopa-card__media--hover{opacity:0;transition:opacity calc(.25s*var(--nopa-speed)) ease}
@media (hover:hover){.nopa-card:hover .nopa-card__media--hover{opacity:1}}
.nopa-card__heart{position:absolute;top:1rem;right:1rem;width:calc(3.2rem*var(--heart-scale,1));height:calc(3.2rem*var(--heart-scale,1));border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--nopa-black);box-shadow:0 1px 6px rgba(0,0,0,.12);transition:transform .2s ease;z-index:2}
.nopa-card__heart .nopa-card__heart-filled{display:none}
.nopa-card__heart.is-active .nopa-card__heart-filled{display:flex;color:var(--nopa-accent)}
.nopa-card__heart.is-active .nopa-card__heart-outline{display:none}
.nopa-card__heart.is-popping{animation:nopaPop .3s ease}
@keyframes nopaPop{50%{transform:scale(1.25)}}
.nopa-card__heart span{display:flex}
.nopa-card__quickbuy{position:absolute;left:1rem;right:1rem;bottom:1rem;padding:1rem;background:#fff;color:var(--nopa-black);border:none;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity calc(.2s*var(--nopa-speed)) ease,transform calc(.2s*var(--nopa-speed)) ease;z-index:2}
.nopa-card__quickbuy:hover{background:var(--nopa-black);color:#fff}
.nopa-card__quickbuy.is-loading{opacity:.6;pointer-events:none}
@media (hover:hover){.nopa-card:hover .nopa-card__quickbuy{opacity:1;transform:none}}
@media (hover:none){.nopa-card__quickbuy{opacity:1;transform:none;position:static;margin-top:.8rem}} 
.nopa-card__info{padding:1.2rem 0 0;display:flex;flex-direction:column;gap:.4rem}
.nopa-card__title{color:inherit;text-decoration:none;font-size:var(--card-title-size,1.3rem);line-height:1.4}
.nopa-card__title:hover{text-decoration:underline}
.nopa-card__price{font-size:var(--card-price-size,1.3rem);color:#555}
.nopa-card__price s{margin-right:.6rem;opacity:.6}