.pf-hero{position:relative;padding:var(--pf-space-6) 0 var(--pf-space-7);overflow:hidden}.pf-hero--sand{background:var(--pf-surface-2)}.pf-hero__inner{display:grid;gap:var(--pf-space-6);align-items:center}.pf-hero__content{display:flex;flex-direction:column;gap:var(--pf-space-4);max-width:640px}.pf-hero__eyebrow .pf-icon{color:var(--pf-olive)}.pf-hero__title{max-width:14ch}.pf-hero__lead{max-width:46ch}.pf-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--pf-space-2)}.pf-hero__actions .pf-btn{flex:1 1 auto}.pf-hero__trust{display:inline-flex;align-items:center;gap:8px;font-size:var(--pf-text-sm);color:var(--pf-ink-muted)}.pf-hero__trust .pf-icon{color:var(--pf-success)}.pf-hero__scene{display:flex;flex-direction:column;gap:var(--pf-space-4)}.pf-hero__media{position:relative;display:block}.pf-hero__image{width:100%}.pf-hero__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;counter-reset:none}.pf-hero__chip .pf-num{color:var(--pf-olive);font-size:var(--pf-text-sm)}.pf-hotspot{position:absolute;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%);z-index:2}.pf-hotspot__btn{display:block;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:transparent}.pf-hotspot__dot{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pf-yellow);color:var(--pf-ink);box-shadow:0 0 0 4px #fafaf0bf,0 6px 16px #1a1a1a2e;font-size:var(--pf-text-xs);transition:transform var(--pf-dur-2) var(--pf-ease),background var(--pf-dur-1)}.pf-hotspot__dot .pf-num{font-size:13px}.pf-hotspot__btn:hover .pf-hotspot__dot,.pf-hotspot.is-open .pf-hotspot__dot,.pf-hotspot.is-highlight .pf-hotspot__dot{transform:scale(1.12);background:var(--pf-canvas)}.pf-hotspot__btn:focus-visible{outline:none}.pf-hotspot__btn:focus-visible .pf-hotspot__dot{box-shadow:0 0 0 3px var(--pf-canvas),0 0 0 6px var(--pf-ink)}.pf-hotspot__dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--pf-yellow);opacity:0}.is-intro .pf-hotspot__dot:after{animation:pf-pulse 1.6s var(--pf-ease) 1}.is-intro .pf-hotspot:nth-child(2) .pf-hotspot__dot:after{animation-delay:.25s}.is-intro .pf-hotspot:nth-child(3) .pf-hotspot__dot:after{animation-delay:.5s}.is-intro .pf-hotspot:nth-child(4) .pf-hotspot__dot:after{animation-delay:.75s}.is-intro .pf-hotspot:nth-child(5) .pf-hotspot__dot:after{animation-delay:1s}@keyframes pf-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.pf-hotspot__card{position:absolute;left:calc(100% - 6px);top:50%;transform:translateY(-50%);z-index:3;width:260px;padding:10px;border-radius:var(--pf-r-md);background:var(--pf-canvas);box-shadow:var(--pf-shadow-float);animation:pf-dialog-in var(--pf-dur-2) var(--pf-ease)}.pf-hotspot--flip .pf-hotspot__card{left:auto;right:calc(100% - 6px)}.pf-hotspot--up .pf-hotspot__card{top:auto;bottom:calc(100% + 6px);left:50%;right:auto;transform:translate(-50%)}.pf-hotspot__product{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--pf-ink)}.pf-hotspot__thumb{width:64px;flex:none}.pf-hotspot__text{display:flex;flex-direction:column;gap:2px;min-width:0}.pf-hotspot__title{font-weight:600;font-size:var(--pf-text-sm);line-height:1.3}.pf-hotspot__price .pf-price__current{font-weight:500}@media(max-width:767.98px){.pf-hotspot__card{position:fixed;left:16px;right:16px;bottom:calc(16px + var(--pf-bottom-nav-h));top:auto;width:auto;transform:none}.pf-hotspot--flip .pf-hotspot__card,.pf-hotspot--up .pf-hotspot__card{left:16px;right:16px;top:auto;bottom:calc(16px + var(--pf-bottom-nav-h));transform:none}}@media(min-width:768px){.pf-hero{padding:var(--pf-space-8) 0}.pf-hero__actions .pf-btn{flex:0 0 auto}}@media(min-width:1024px){.pf-hero{padding:var(--pf-space-7) 0 var(--pf-space-8)}.pf-hero__inner{grid-template-columns:minmax(0,11fr) minmax(0,10fr);gap:var(--pf-space-8)}.pf-hero--image-left .pf-hero__content{order:2}.pf-hero--image-left .pf-hero__scene{order:1}.pf-hero__content{padding-block:var(--pf-space-6)}.pf-hero--large .pf-hero__inner{min-height:calc(100vh - var(--pf-header-h) - var(--pf-announcement-h))}.pf-hero--large .pf-hero__inner{min-height:min(760px,calc(100vh - 120px))}.pf-hero__chips{display:none}.pf-hero__media.has-hotspots+.pf-hero__chips{display:flex}}@media(min-width:1280px){.pf-hero__inner{gap:var(--pf-space-9)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero.css.map */