.pcc{font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--pcc-text);position:relative;width:100%;max-width:var(--pcc-mw,none);margin-left:auto!important;margin-right:auto!important;padding-left:var(--pcc-pd,40px)!important;padding-right:var(--pcc-pd,40px)!important;box-sizing:border-box!important;overflow:hidden}
.pcc *,.pcc *::before,.pcc *::after{box-sizing:border-box}
.pcc-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}
.pcc-title{margin:0;font-size:var(--pcc-hs);font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--pcc-h)}
.pcc-btn{flex:none;display:inline-flex;align-items:center;padding:15px 30px;background:var(--pcc-accent);color:var(--pcc-btnt)!important;font-size:15px;font-weight:600;text-decoration:none!important;border-radius:4px;line-height:1;transition:transform .25s,box-shadow .25s,filter .25s}
.pcc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(0,0,0,.35);filter:brightness(1.12)}
.pcc-stage{position:relative}
.pcc-track{display:flex;gap:var(--pcc-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0;cursor:grab;overscroll-behavior-x:contain}
.pcc-track::-webkit-scrollbar{display:none}
.pcc-track.is-drag{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.pcc-card{flex:0 0 calc((100% - var(--pcc-gap)*(var(--pcc-cd) - 1))/var(--pcc-cd));scroll-snap-align:start;min-width:0;padding:0}
.pcc-media{position:relative;overflow:hidden;aspect-ratio:var(--pcc-ratio);background:var(--pcc-media);border-radius:2px}
.pcc-media>a{display:block;width:100%;height:100%}
.pcc-media img{width:100%!important;height:100%!important;object-fit:var(--pcc-fit,contain);display:block;margin:0!important;transition:transform .6s cubic-bezier(.2,.7,.2,1);-webkit-user-drag:none;user-select:none}
.pcc[style] .pcc-media img,.pcc-media img{mix-blend-mode:multiply}
.pcc-card:hover .pcc-media img{transform:scale(1.06)}
.pcc-badge{position:absolute;top:14px;left:14px;background:var(--pcc-accent);color:#fff;font-size:11px;font-weight:600;padding:5px 11px;border-radius:20px;line-height:1.2;z-index:2;letter-spacing:.02em}
.pcc-actions{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateX(12px);transition:.3s;z-index:2}
.pcc-card:hover .pcc-actions,.pcc-card:focus-within .pcc-actions{opacity:1;transform:none}
.pcc-ico{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #ececec;color:#111;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;text-decoration:none;transition:.2s;flex:none}
.pcc-ico:hover{background:var(--pcc-accent);border-color:var(--pcc-accent);color:#fff}
.pcc-ico.is-loading{opacity:.5;pointer-events:none}
.pcc-info{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:20px;padding:0 2px}
.pcc-text{min-width:0;flex:1 1 auto}
.pcc-name{display:block;color:var(--pcc-text)!important;text-decoration:none!important;font-size:15px;line-height:1.55;font-weight:500;margin:0;padding:0;text-align:left;white-space:normal;overflow-wrap:anywhere}
.pcc-name:hover{opacity:.65}
.pcc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:8px;font-size:15px;font-weight:600;color:var(--pcc-text);text-align:left}
.pcc-price,.pcc-price *{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;text-align:left;white-space:normal;max-width:100%}
.pcc-price ins{order:-1;text-decoration:none;color:var(--pcc-sale);background:none}
.pcc-price del{color:var(--pcc-text);font-weight:500;margin:0!important}
.pcc-price .amount,.pcc-price bdi{white-space:nowrap}
.pcc-wish.is-active{color:#e5484d;border-color:#e5484d}.pcc-wish.is-active svg{fill:#e5484d}
.pcc-wish:hover{background:#fff;color:#e5484d;border-color:#e5484d}
.pcc-arrow{position:absolute;top:calc(var(--pcc-arrow-top,50%) - 30px);z-index:5;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.16);opacity:0;transition:opacity .3s,transform .25s,background .2s,color .2s}
.pcc-prev{left:14px;transform:translateX(-8px)}.pcc-next{right:14px;transform:translateX(8px)}
.pcc-stage:hover .pcc-arrow{opacity:1;transform:none}
.pcc-arrow:hover{background:var(--pcc-accent);color:#fff}
.pcc-static .pcc-arrow,.pcc-static .pcc-dots{display:none}
.pcc-dots{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:34px;min-height:14px}
.pcc-dot{width:8px;height:8px;border-radius:50%;background:var(--pcc-h);border:0;padding:0;cursor:pointer;transition:.25s;position:relative;flex:none}
.pcc-dot::after{content:"";position:absolute;inset:-8px}
.pcc-dot.is-active{background:transparent;box-shadow:0 0 0 1.5px var(--pcc-h);width:12px;height:12px}
.pcc[data-dots="0"] .pcc-dots{display:none}
.pcc-empty{width:100%;text-align:center;padding:40px 0;color:#888}
/* modal */
.pcc-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.pcc-modal[hidden],.pcc-toast[hidden]{display:none}
.pcc-modal-box{background:#fff;max-width:820px;width:100%;max-height:92vh;overflow:auto;position:relative;border-radius:8px}
.pcc-close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:32px;cursor:pointer;line-height:1;color:#111;z-index:2}
.pcc-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px}
.pcc-qv-img img{width:100%;height:auto;display:block}
.pcc-qv-info h3{margin:0 0 10px;font-size:22px}
.pcc-qv-desc{margin:14px 0;font-size:14px;line-height:1.6;color:#555}
.pcc-qv-btns{display:flex;gap:10px;flex-wrap:wrap}
.pcc-primary,.pcc-secondary{padding:12px 22px;border-radius:4px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;border:1px solid #111}
.pcc-primary{background:#111;color:#fff}.pcc-secondary{background:#fff;color:#111}
.pcc-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:12px 22px;border-radius:30px;font-size:14px;z-index:100000}
.pcc-toast a{color:#fff;text-decoration:underline;margin-left:8px}
/* responsive */
@media(max-width:1024px){
 .pcc{padding-left:var(--pcc-pt,24px)!important;padding-right:var(--pcc-pt,24px)!important}
 .pcc-card{flex-basis:calc((100% - var(--pcc-gap)*(var(--pcc-ct) - 1))/var(--pcc-ct))}
 .pcc-title{font-size:calc(var(--pcc-hs)*.85)}
}
@media(max-width:640px){
 .pcc{padding-left:var(--pcc-pm,16px)!important;padding-right:var(--pcc-pm,16px)!important}
 .pcc-card{flex-basis:calc((100% - var(--pcc-gap)*(var(--pcc-cm) - 1))/var(--pcc-cm))}
 .pcc-head{margin-bottom:24px;gap:12px}
 .pcc-title{font-size:calc(var(--pcc-hs)*.62)}
 .pcc-btn{padding:12px 18px;font-size:13px}
 .pcc-name,.pcc-price{font-size:13px}.pcc-info{margin-top:12px}
 .pcc-ico{width:34px;height:34px}
 .pcc-actions{opacity:1;transform:none;top:10px;right:10px}.pcc-badge{top:10px;left:10px}
 .pcc-arrow{display:none}
 .pcc-dots{margin-top:24px;gap:12px}
 .pcc-modal-body{grid-template-columns:1fr;padding:18px}
}
@media(hover:none){.pcc-actions{opacity:1;transform:none}.pcc-arrow{opacity:1;transform:none}}