.spcc-wrap,
.spcc-wrap *{box-sizing:border-box}

/* Break out of boxed Elementor/Woodmart containers and use the real viewport width. */
.spcc-wrap{
  width:100vw;
  max-width:100vw;
  position:relative;
  left:50%;
  margin-left:-50vw;
  overflow:hidden;
}

.spcc-title-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 14px;padding:0 20px}
.spcc-heading{margin:0!important;padding:0;text-align:center;font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:.1px;text-transform:uppercase;color:#161616}
.spcc-heading-line{display:block;width:38px;height:1.5px;background:#d7a33d;position:relative;flex:0 0 38px}
.spcc-heading-line:first-child:after{content:"";position:absolute;right:-2px;top:-1.5px;width:4px;height:4px;border-radius:50%;background:inherit}
.spcc-heading-line:last-child:before{content:"";position:absolute;left:-2px;top:-1.5px;width:4px;height:4px;border-radius:50%;background:inherit}

.spcc-carousel{--spcc-gap:10px;--spcc-per-view:6;width:100%;position:relative}
.spcc-viewport{width:100%;overflow:hidden;touch-action:pan-y;cursor:grab;padding:0 20px}
.spcc-viewport.is-dragging{cursor:grabbing;user-select:none}
.spcc-track{display:flex;align-items:stretch;gap:var(--spcc-gap);width:max-content;will-change:transform;transform:translate3d(0,0,0);transition:transform .58s cubic-bezier(.22,.61,.36,1)}
.spcc-track.spcc-no-transition{transition:none!important}

.spcc-card{position:relative;display:block;flex:0 0 calc((100vw - 40px - (var(--spcc-gap) * (var(--spcc-per-view) - 1))) / var(--spcc-per-view));width:calc((100vw - 40px - (var(--spcc-gap) * (var(--spcc-per-view) - 1))) / var(--spcc-per-view));max-width:none;overflow:hidden;border:1px solid #ececec;border-radius:4px;background:#111;text-decoration:none!important;color:#fff;isolation:isolate;cursor:pointer}
.spcc-card-media{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#111}
.spcc-card-media img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center!important;transform:scale(1.001);transition:transform .35s ease}
.spcc-card:hover .spcc-card-media img{transform:scale(1.045)}
.spcc-card-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 45%,rgba(0,0,0,.82) 100%);z-index:1;pointer-events:none}
.spcc-card-title{position:absolute;z-index:2;left:8px;right:8px;bottom:9px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.15;font-weight:700;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.75);pointer-events:none}

.spcc-carousel.is-ready .spcc-card{flex-basis:var(--spcc-card-width)!important;width:var(--spcc-card-width)!important}

@media (max-width:1024px){
  .spcc-carousel{--spcc-per-view:3}
  .spcc-heading{font-size:20px}
  .spcc-card-title{font-size:13px}
}

@media (max-width:767px){
  .spcc-carousel{--spcc-per-view:2;--spcc-gap:8px}
  .spcc-title-row{gap:9px;margin-bottom:11px;padding:0 12px}
  .spcc-heading{font-size:17px}
  .spcc-heading-line{width:28px;flex-basis:28px}
  .spcc-viewport{padding:0 10px}
  .spcc-card-title{font-size:12px;left:5px;right:5px;bottom:7px}
}

/* v1.2 click/touch hardening */
.spcc-card{pointer-events:auto!important;z-index:1}
.spcc-card-media,.spcc-card-media img{pointer-events:none}
.spcc-card-media img{-webkit-user-drag:none;user-select:none}


/* v1.4 category link click fix */
.spcc-card a,
.spcc-item a,
.spcc-link,
.shopoint-collection-card a{
    pointer-events:auto !important;
    position:relative;
    z-index:10;
}
.spcc-card::before,
.spcc-card::after,
.spcc-item::before,
.spcc-item::after,
.shopoint-collection-card::before,
.shopoint-collection-card::after{
    pointer-events:none !important;
}


/* v1.5 definitive collection click fix */
.spcc-card{
    pointer-events:auto !important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}
a.spcc-card{
    cursor:pointer !important;
}
.spcc-card-media,
.spcc-card-media img{
    pointer-events:none !important;
}
.spcc-card-shade,
.spcc-card-title{
    pointer-events:none !important;
}
