.phs{background:var(--holus-cream);padding:clamp(3rem,4vw,4.8rem) 0;position:relative;z-index:0}.phs__container{width:min(clamp(980px,84vw,1180px),calc(100% - 48px));margin:0 auto}.phs__heading{margin:0 0 clamp(2.4rem,3.6vw,4rem);color:var(--holus-brown);font-family:var(--holus-font-heading);font-size:clamp(2.4rem,2.7vw,3.4rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;text-align:center}.phs__viewer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:stretch}.phs__product-wrap{display:flex;height:100%;align-items:stretch;justify-content:center;min-width:0}.phs__product-stage{position:relative;display:flex;align-items:center;justify-content:center;height:100%;width:auto;max-width:100%;aspect-ratio:200 / 393}.phs__product-stage picture{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.phs__product-img{display:block;width:100%;height:100%;object-fit:contain}.phs__hotspot{position:absolute;z-index:3;width:30px;height:30px;border-radius:50%;background:var(--holus-brown);border:none;cursor:pointer;transform:translate(-50%,-50%);padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.phs__hotspot-num{color:#fff;font-family:var(--holus-font-heading);font-size:13px;font-weight:800;line-height:1;pointer-events:none;position:relative;z-index:1}.phs__hotspot--1{top:2%;left:50%}.phs__hotspot--2{top:18%;left:60%}.phs__hotspot--3{top:28%;left:52%}.phs__hotspot--4{top:80%;left:59%}.phs__hotspot--5{top:87%;left:106%}.phs__hotspot-line{position:absolute;z-index:1;height:2px;border-radius:999px;pointer-events:none;background:#422d2547;transition:background .2s ease}.phs__hotspot-line--5{top:87%;left:53.5%;width:52%;transform:translateY(-50%) rotate(7deg);transform-origin:right center}.phs__hotspot:hover,.phs__hotspot.is-active{background:var(--holus-blue)}.phs__hotspot--5:hover+.phs__hotspot-line--5,.phs__hotspot--5.is-active+.phs__hotspot-line--5{background:#8fbfd4b8}.phs__hotspot-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--holus-blue);opacity:0;pointer-events:none}.phs__hotspot.is-active .phs__hotspot-ring{animation:phs-pulse 2s ease-out infinite}@keyframes phs-pulse{0%{transform:scale(.4);opacity:.8}to{transform:scale(2.2);opacity:0}}.phs__controls{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:.8rem;padding:10px 12px}.phs__progress{position:relative;flex:1 1 auto;min-width:0;display:flex;gap:5px}.phs__progress-bar{flex:1;height:3px;background:#ffffff59;border-radius:2px;overflow:hidden}.phs__progress-fill{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left;border-radius:2px}.phs__progress-bar.is-done .phs__progress-fill{transform:scaleX(1)}@keyframes phs-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.phs__progress-bar.is-active .phs__progress-fill{animation:phs-bar-fill 3.5s linear forwards}.phs__autoplay-toggle{flex:0 0 auto;width:2.8rem;height:2.8rem;border:0;border-radius:999px;padding:0;background:#422d2557;color:#fff;box-shadow:inset 0 0 0 1px #ffffff3d;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,transform .18s ease}.phs__autoplay-toggle:hover{background:#422d2575;transform:translateY(-1px)}.phs__autoplay-toggle:active{transform:translateY(0)}.phs__autoplay-toggle:focus-visible{outline:2px solid rgba(255,255,255,.88);outline-offset:2px}.phs__autoplay-icon{display:none;align-items:center;justify-content:center;width:1.2rem;height:1.2rem}.phs__autoplay-toggle[data-state=playing] .phs__autoplay-icon--pause,.phs__autoplay-toggle[data-state=paused] .phs__autoplay-icon--play{display:inline-flex}.phs__autoplay-icon--pause{gap:.3rem}.phs__autoplay-icon--pause span{display:block;width:.24rem;height:1.1rem;border-radius:999px;background:currentColor}.phs__autoplay-icon--play:before{content:"";display:block;margin-left:.16rem;width:0;height:0;border-top:.6rem solid transparent;border-bottom:.6rem solid transparent;border-left:.9rem solid currentColor}.phs__panel{position:relative;display:grid;min-width:0;isolation:isolate;border-radius:1.8rem;overflow:hidden;background:#fff}.phs__panel-feature{grid-area:1 / 1;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(1.2rem) scale(.985);transition:opacity .28s ease,transform .42s cubic-bezier(.22,.61,.36,1),visibility 0s linear .42s;will-change:opacity,transform}.phs__panel-feature.is-active{height:100%;min-height:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:1;transition-delay:0s}.phs__panel-media{background:#d8d0c6}.phs__panel-img{display:block;width:100%;height:auto}.phs__panel-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:.6rem;padding:1.6rem 1.8rem 1.8rem;background:#fff}.phs__panel-header{display:flex;align-items:center;gap:1rem}.phs__panel-num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--holus-brown);color:#fff;font-family:var(--holus-font-heading);font-size:1.2rem;font-weight:800;line-height:1}.phs__panel-name{color:var(--holus-brown);font-family:var(--holus-font-heading);font-size:clamp(1.35rem,1.15vw,1.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}.phs__panel-desc{margin:0;color:#422d25b8;font-family:var(--holus-font-body);font-size:clamp(1.2rem,.95vw,1.4rem);font-weight:500;line-height:1.55}.phs__footer{display:flex;justify-content:center;margin-top:clamp(2.4rem,3.2vw,3.6rem)}.phs__cta{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.2rem;background:var(--holus-green);color:var(--holus-brown);font-family:var(--holus-font-heading);font-size:clamp(.98rem,.98vw,1.28rem);font-weight:900;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .16s,transform .2s cubic-bezier(.22,.61,.36,1)}.phs__cta:hover{background:var(--holus-green-dark);transform:translateY(-2px)}.phs__cta:active{transform:translateY(0)}@media(max-width:749px){.phs__cta{font-size:1.52rem;padding:1.16rem 2.72rem}.phs__viewer{grid-template-columns:1fr;align-items:center;gap:2rem}.phs__product-wrap{width:100%;min-height:0}.phs__product-stage{width:min(16rem,55vw);height:auto}.phs__hotspot{width:28px;height:28px}.phs__hotspot--5{left:104%}.phs__hotspot-line--5{left:57.5%;width:46%}.phs__panel{flex:none;width:calc(100% - 4.2rem);max-width:none;height:auto;margin-left:auto;margin-right:auto;border-radius:1.4rem}.phs__panel-feature.is-active{height:auto}.phs__panel-media{flex:0 0 auto;aspect-ratio:16 / 9;width:100%;overflow:hidden;line-height:0}.phs__panel-feature.is-active .phs__panel-img{width:100%;height:auto}.phs__panel-body{flex:0 0 auto;padding:1.4rem 1.6rem 1.8rem}.phs__controls{gap:.6rem;padding:.9rem 1rem}.phs__autoplay-toggle{width:2.5rem;height:2.5rem}.phs__panel-desc{font-size:1.4rem}}@media(min-width:750px){.phs__viewer{--phs-product-height: clamp(33rem, 34vw, 43rem);grid-template-columns:minmax(0,2.5fr) minmax(0,1.6fr);gap:clamp(2rem,3vw,3.4rem);align-items:center}.phs__product-wrap{height:var(--phs-product-height);align-self:center}.phs__panel{width:100%;align-self:center;margin-block:0}.phs__panel-feature{flex-direction:column}.phs__panel-feature.is-active{flex-direction:column;height:100%;min-height:0}.phs__panel-media{flex:0 0 auto;aspect-ratio:16 / 9;width:100%;background:var(--holus-beige);overflow:hidden;line-height:0}.phs__panel-img{display:block;width:100%;height:100%}.phs__panel-body{flex:1 1 auto;min-height:0;justify-content:center;padding:1.8rem 2.3rem 2rem;gap:.9rem}.phs__controls{right:0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-product-holus-schema.css.map */