.spx-showcase{--spx-bg: #f6f3ee;--spx-ink: #24211f;--spx-muted: #746d67;--spx-line: #cec5bb;--spx-accent: #8a6a4f;--spx-media-bg: #ece7df;--spx-feature-width: 31%;--spx-stage-min-height: 500px;--spx-gap: 18px;--spx-max-width: 1680px;--spx-product-ratio: 4 / 5;--spx-image-fit: cover;--spx-heading-size: 54px;--spx-ease: cubic-bezier(.22, 1, .36, 1);color:var(--spx-ink);background:var(--spx-bg)}.spx-showcase[data-section-size=compact]{padding-top:60px!important;padding-bottom:65px!important}.spx-showcase[data-section-size=standard]{padding-top:90px!important;padding-bottom:100px!important}.spx-showcase[data-section-size=spacious]{padding-top:120px!important;padding-bottom:130px!important}.spx-showcase *,.spx-showcase *:before,.spx-showcase *:after{box-sizing:border-box}.spx-showcase__shell{width:min(100%,var(--spx-max-width));margin-inline:auto;padding-inline:clamp(1.8rem,3.3vw,5.6rem)}.spx-showcase__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4rem;padding-top:2.2rem;border-top:1px solid var(--spx-line)}.spx-showcase__heading-wrap{max-width:86rem}.spx-showcase__eyebrow{margin:0 0 1.1rem;color:var(--spx-accent);font-size:1.12rem;font-weight:700;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.spx-showcase__heading{max-width:20ch;margin:0;color:var(--spx-ink);font-family:var(--font-heading-family);font-size:clamp(3.8rem,4.4vw,var(--spx-heading-size));font-weight:var(--font-heading-weight);line-height:.98;letter-spacing:-.038em}.spx-showcase__description{max-width:66rem;margin-top:1.5rem;color:var(--spx-muted);font-size:1.48rem;line-height:1.65}.spx-showcase__description p,.spx-feature__text p{margin:0}.spx-showcase__view-all,.spx-feature__link{display:inline-flex;align-items:center;gap:1rem;color:inherit;font-size:1.16rem;font-weight:700;letter-spacing:.11em;line-height:1.2;text-decoration:none;text-transform:uppercase}.spx-showcase__view-all{padding-bottom:.7rem;border-bottom:1px solid currentColor}.spx-showcase__view-all svg,.spx-feature__link svg,.spx-product__reveal svg{width:1.8rem;height:1.8rem;flex:0 0 auto;transition:transform .35s var(--spx-ease)}.spx-showcase__view-all:hover svg,.spx-feature__link:hover svg,.spx-product__link:hover .spx-product__reveal svg{transform:translate(.35rem)}.spx-showcase__view-all:focus-visible,.spx-feature__link:focus-visible,.spx-product__link:focus-visible,.spx-showcase__tab:focus-visible,.spx-products__arrow:focus-visible{outline:2px solid var(--spx-accent);outline-offset:4px}.spx-showcase__tabs{display:flex;gap:3rem;overflow-x:auto;margin-top:4rem;padding:0;border-bottom:1px solid var(--spx-line);scrollbar-width:none}.spx-showcase__tabs::-webkit-scrollbar,.spx-products__rail::-webkit-scrollbar{display:none}.spx-showcase__tab{position:relative;flex:0 0 auto;border:0;padding:0 0 1.3rem;background:transparent;color:var(--spx-muted);font:inherit;font-size:1.32rem;letter-spacing:.015em;cursor:pointer;transition:color .28s ease}.spx-showcase__tab:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:var(--spx-ink);transition:right .42s var(--spx-ease)}.spx-showcase__tab:hover,.spx-showcase__tab.is-active{color:var(--spx-ink)}.spx-showcase__tab.is-active:after{right:0}.spx-showcase__panels{margin-top:3.2rem}.spx-showcase__panel[hidden]{display:none!important}.spx-showcase__panel{animation:spx-panel-enter .42s var(--spx-ease) both}@keyframes spx-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spx-showcase__stage{min-height:var(--spx-stage-min-height);display:grid;grid-template-columns:minmax(31rem,var(--spx-feature-width)) minmax(0,1fr);gap:clamp(2rem,2.8vw,4.4rem);align-items:stretch}.spx-showcase__stage--feature-right{grid-template-columns:minmax(0,1fr) minmax(31rem,var(--spx-feature-width))}.spx-showcase__stage--feature-right .spx-feature{order:2}.spx-feature{position:relative;min-height:var(--spx-stage-min-height);overflow:hidden;isolation:isolate;background:var(--spx-media-bg)}.spx-feature__media,.spx-feature__shade,.spx-feature__image,.spx-feature .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.spx-feature__image,.spx-feature .placeholder-svg{object-fit:cover;transition:transform 1.2s var(--spx-ease),filter .8s ease}.spx-feature__shade{z-index:1;background:linear-gradient(180deg,#120f0d0a 8%,#120f0d33 48%,#120f0deb);opacity:var(--spx-overlay);pointer-events:none}.spx-feature__number{position:absolute;z-index:2;top:2.4rem;right:2.5rem;color:#ffffffbd;font-size:1.08rem;font-weight:700;letter-spacing:.16em}.spx-feature__content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(2.5rem,3vw,4.4rem);color:#fffdfa}.spx-feature__eyebrow{margin:0 0 1rem;color:#fffdfac2;font-size:1.05rem;font-weight:700;letter-spacing:.17em;line-height:1.2;text-transform:uppercase}.spx-feature__heading{max-width:12ch;margin:0;color:#fffdfa;font-family:var(--font-heading-family);font-size:clamp(3rem,3.1vw,4.6rem);font-weight:var(--font-heading-weight);line-height:1.01;letter-spacing:-.035em}.spx-feature__text{max-width:42rem;margin-top:1.4rem;color:#fffdfad1;font-size:1.35rem;line-height:1.58}.spx-feature__link{margin-top:2.3rem;padding-bottom:.45rem;border-bottom:1px solid rgba(255,253,250,.7)}.spx-feature:hover .spx-feature__image{transform:scale(1.025);filter:saturate(.96)}.spx-products{min-width:0;display:flex;flex-direction:column}.spx-products__toolbar{min-height:5.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.8rem;padding-bottom:1.35rem;border-bottom:1px solid var(--spx-line)}.spx-products__context,.spx-products__navigation,.spx-products__arrows,.spx-product__price-row{display:flex;align-items:center}.spx-products__context{min-width:0;gap:1.2rem}.spx-products__label{color:var(--spx-ink);font-size:1.22rem;font-weight:650;letter-spacing:.035em}.spx-products__count{color:var(--spx-muted);font-size:1.1rem;white-space:nowrap}.spx-products__navigation{flex:0 0 auto;gap:1.8rem}.spx-products__page{min-width:5.7rem;color:var(--spx-muted);font-size:1.08rem;font-variant-numeric:tabular-nums;letter-spacing:.13em;text-align:right}.spx-products__arrows{gap:.8rem}.spx-products__arrow{width:4.2rem;height:4.2rem;display:grid;place-items:center;border:1px solid var(--spx-line);border-radius:0;padding:0;background:transparent;color:var(--spx-ink);cursor:pointer;transition:color .28s ease,background .28s ease,border-color .28s ease,opacity .28s ease}.spx-products__arrow svg{width:2rem;height:2rem}.spx-products__arrow:not(:disabled):hover{border-color:var(--spx-ink);background:var(--spx-ink);color:var(--spx-bg)}.spx-products__arrow:disabled{opacity:.28;cursor:default}.spx-products__rail{min-width:0;display:flex;gap:var(--spx-gap);overflow-x:auto;overflow-y:hidden;padding:0 0 .5rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}.spx-product{min-width:0;flex:0 0 calc((100% - var(--spx-gap) - var(--spx-gap) - var(--spx-gap)) / 4);scroll-snap-align:start;scroll-snap-stop:always}.spx-showcase[data-products-per-view="3"] .spx-product{flex-basis:calc((100% - var(--spx-gap) - var(--spx-gap)) / 3)}.spx-showcase[data-products-per-view="5"] .spx-product{flex-basis:calc((100% - var(--spx-gap) - var(--spx-gap) - var(--spx-gap) - var(--spx-gap)) / 5)}.spx-product__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.spx-product__media{position:relative;overflow:hidden;aspect-ratio:var(--spx-product-ratio);background:var(--spx-media-bg)}.spx-product__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--spx-image-fit);transition:opacity .45s var(--spx-ease),transform .75s var(--spx-ease),filter .45s ease}.spx-product__image--secondary{opacity:0;transform:scale(1.018)}.spx-product--motion:hover .spx-product__image--primary{opacity:0}.spx-product--motion:hover .spx-product__image--secondary{opacity:1;transform:scale(1)}.spx-product--motion:hover .spx-product__image:only-of-type,.spx-product--motion:hover .spx-product__media>.spx-product__image--primary:last-of-type{transform:scale(1.022)}.spx-product__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:2rem;color:var(--spx-muted);text-align:center;font-size:1.2rem}.spx-product__badge{position:absolute;z-index:2;top:1rem;left:1rem;padding:.65rem .8rem;border:1px solid rgba(36,33,31,.16);border-radius:0;background:#faf8f4f0;color:var(--spx-ink);font-size:.96rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.spx-product__reveal{position:absolute;z-index:2;left:0;right:0;bottom:0;min-height:4.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;border-top:1px solid rgba(36,33,31,.12);background:#f8f5f0f0;color:var(--spx-ink);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transform:translateY(101%);transition:transform .4s var(--spx-ease);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spx-product--motion:hover .spx-product__reveal{transform:translateY(0)}.spx-product__meta{position:relative;flex:1 1 auto;padding:1.45rem 0 .2rem}.spx-product__number{display:block;margin-bottom:.75rem;color:var(--spx-accent);font-size:.94rem;font-weight:700;letter-spacing:.15em}.spx-product__title{margin:0;color:var(--spx-ink);font-family:var(--font-heading-family);font-size:clamp(1.55rem,1.28vw,1.9rem);font-weight:var(--font-heading-weight);line-height:1.2;letter-spacing:-.015em}.spx-product__cue{min-height:3.5rem;margin:.7rem 0 0;color:var(--spx-muted);font-size:1.14rem;line-height:1.48}.spx-product__price-row{flex-wrap:wrap;gap:.8rem;margin-top:1rem}.spx-product__price{color:var(--spx-ink);font-size:1.28rem;font-weight:700;line-height:1.2}.spx-product__compare-price{color:var(--spx-muted);font-size:1.12rem;line-height:1.2}.spx-products__progress{width:min(34rem,52%);height:1px;margin:2.4rem 0 0 auto;overflow:hidden;background:var(--spx-line)}.spx-products__progress span{display:block;width:100%;height:100%;background:var(--spx-ink);transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--spx-ease)}@media screen and (max-width:1299px){.spx-showcase__stage,.spx-showcase__stage--feature-right{grid-template-columns:minmax(30rem,34%) minmax(0,1fr)}.spx-showcase__stage--feature-right{grid-template-columns:minmax(0,1fr) minmax(30rem,34%)}.spx-showcase[data-products-per-view="4"] .spx-product,.spx-showcase[data-products-per-view="5"] .spx-product{flex-basis:calc((100% - var(--spx-gap) - var(--spx-gap)) / 3)}}@media screen and (max-width:989px){.spx-showcase__header{grid-template-columns:1fr;align-items:start;gap:2.4rem}.spx-showcase__view-all{justify-self:start}.spx-showcase__stage,.spx-showcase__stage--feature-right{min-height:0;grid-template-columns:1fr}.spx-showcase__stage--feature-right .spx-feature{order:0}.spx-feature{min-height:clamp(42rem,68vw,58rem)}.spx-products{margin-top:.6rem}.spx-showcase .spx-product{flex-basis:calc((100% - var(--spx-gap)) / 2)}}@media screen and (max-width:749px){.spx-showcase[data-section-size=compact]{padding-top:45px!important;padding-bottom:50px!important}.spx-showcase[data-section-size=standard]{padding-top:65px!important;padding-bottom:72px!important}.spx-showcase[data-section-size=spacious]{padding-top:85px!important;padding-bottom:95px!important}.spx-showcase__shell{padding-inline:1.8rem}.spx-showcase__header{padding-top:1.7rem}.spx-showcase__heading{max-width:13ch;font-size:clamp(3.5rem,11.5vw,4.8rem)}.spx-showcase__description{font-size:1.4rem}.spx-showcase__tabs{gap:2.2rem;margin-right:-1.8rem;margin-top:3rem;padding-right:1.8rem}.spx-showcase__panels{margin-top:2.4rem}.spx-feature{min-height:43rem}.spx-feature__content{padding:2.4rem 2.2rem 2.6rem}.spx-feature__heading{font-size:clamp(3rem,9.5vw,4rem)}.spx-feature__number{top:1.8rem;right:1.8rem}.spx-products__toolbar{margin-top:1rem;margin-bottom:1.5rem}.spx-products__context,.spx-products__label,.spx-products__count{display:block}.spx-products__count{margin-top:.4rem}.spx-products__navigation{gap:1.2rem}.spx-products__page{display:none}.spx-products__arrow{width:4rem;height:4rem}.spx-products__rail{width:calc(100% + 1.8rem);padding-right:1.8rem}.spx-showcase .spx-product{flex-basis:min(78vw,31rem)}.spx-product__title{font-size:1.65rem}.spx-product__cue{min-height:0}.spx-products__progress{width:100%;margin-top:2rem}}@media(hover:none){.spx-product__image--secondary,.spx-product__reveal{display:none}.spx-feature:hover .spx-feature__image,.spx-product--motion:hover .spx-product__image{transform:none}}@media(prefers-reduced-motion:reduce){.spx-showcase *,.spx-showcase *:before,.spx-showcase *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.spx-showcase .spx-showcase__stage--no-feature{grid-template-columns:minmax(0,1fr);min-height:0}@media screen and (min-width:990px){.spx-showcase[data-products-per-view="4"] .spx-showcase__stage--no-feature .spx-product{flex-basis:calc((100% - var(--spx-gap) - var(--spx-gap) - var(--spx-gap)) / 4)}.spx-showcase[data-products-per-view="5"] .spx-showcase__stage--no-feature .spx-product{flex-basis:calc((100% - var(--spx-gap) - var(--spx-gap) - var(--spx-gap) - var(--spx-gap)) / 5)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sopapets-editorial-product-showcase.css.map */