pe-floating-grid{display:block;--pe-space-1:4px;--pe-space-2:8px;--pe-space-3:12px;--pe-space-4:16px;--pe-space-5:20px;--pe-space-6:24px;--pe-text-xs:12px;--pe-text-sm:14px;--pe-text-base:16px;--pe-text-card:clamp(18px,14px + .58vw,24px);--pe-bg:#000;--pe-transition:.18s cubic-bezier(.16,1,.3,1);color:var(--pe-ink,#f4f2ed)}pe-floating-grid .pe-float-tools{display:flex;justify-content:flex-end;margin-bottom:var(--pe-space-3)}pe-floating-grid .pe-float-toggle{background:transparent;border:0;color:var(--pe-muted,#aaa9a5);font:inherit;font-size:var(--pe-text-sm);min-height:44px;padding:var(--pe-space-2) 0 var(--pe-space-2) var(--pe-space-4);text-decoration:underline;text-underline-offset:4px;cursor:pointer}pe-floating-grid .pe-float-toggle:hover{color:var(--pe-ink)}pe-floating-grid .pe-float-toggle:disabled{cursor:default;text-decoration:none}pe-floating-grid .pe-float-toggle[hidden]{display:none}pe-floating-grid .pe-float-card{display:block;min-width:0;height:100%;border:1px solid var(--pe-border,#d4d2cd);border-radius:20px;background:var(--pe-bg);overflow:hidden;transition:border-color var(--pe-transition)}pe-floating-grid .pe-float-card:hover,pe-floating-grid .pe-float-card:focus-within{border-color:var(--pe-ink)}pe-floating-grid .pe-float-card:focus-within{outline:2px solid var(--pe-ink);outline-offset:4px}pe-floating-grid .pe-float-card__link{display:flex;flex-direction:column;height:100%;color:var(--pe-ink);text-decoration:none}pe-floating-grid .pe-float-card__link:focus-visible{outline:none;box-shadow:none}pe-floating-grid .pe-float-stage{aspect-ratio:4/5;position:relative;margin:var(--pe-space-4) var(--pe-space-3) 0;overflow:hidden}pe-floating-grid .pe-float-chapter{position:absolute;top:var(--pe-space-2);left:var(--pe-space-2);font-size:var(--pe-text-xs);color:var(--pe-muted)}pe-floating-grid .pe-float-image{display:block;position:absolute;width:78%;max-width:none;height:var(--pe-image-size,87%);object-fit:contain;top:6%;left:11%;transform-origin:50% 25%}pe-floating-grid[data-ready][data-enabled=true] .pe-float-image{animation:pe-watch-float var(--pe-duration,7.8s) ease-in-out var(--pe-phase,-1.4s) infinite}pe-floating-grid .grid__item:nth-child(4n+2){--pe-duration:8.6s;--pe-phase:-5.8s;--pe-sway:-1.1deg}pe-floating-grid .grid__item:nth-child(4n+3){--pe-duration:8.1s;--pe-phase:-3.2s;--pe-sway:1deg}pe-floating-grid .grid__item:nth-child(4n+4){--pe-duration:9.2s;--pe-phase:-7s;--pe-sway:-1.2deg}@keyframes pe-watch-float{0%,to{transform:translate3d(-2px,5px,0) rotate(calc(-1 * var(--pe-sway,1.2deg)))}50%{transform:translate3d(2px,-5px,0) rotate(var(--pe-sway,1.2deg))}}pe-floating-grid[data-ready][data-paused] .pe-float-image,pe-floating-grid[data-ready][data-hidden] .pe-float-image,pe-floating-grid .pe-float-card[data-offscreen] .pe-float-image,pe-floating-grid .pe-float-card:focus-within .pe-float-image{animation-play-state:paused}@media(hover:hover){pe-floating-grid .pe-float-card:hover .pe-float-image{animation-play-state:paused}}pe-floating-grid .pe-float-copy{padding:var(--pe-space-4) var(--pe-space-5) var(--pe-space-5);margin-top:auto}pe-floating-grid .pe-float-copy h3{margin:0;color:var(--pe-ink);font-family:var(--font-heading-family);font-size:var(--pe-text-card);font-weight:600;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}pe-floating-grid .pe-float-material{color:var(--pe-muted);font-size:var(--pe-text-sm);line-height:1.4;margin:var(--pe-space-2) 0 0;min-height:2.8em}pe-floating-grid .pe-float-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--pe-space-2);padding-top:var(--pe-space-4)}pe-floating-grid .pe-float-price{font-size:var(--pe-text-base);line-height:1.4;color:var(--pe-ink);letter-spacing:0}pe-floating-grid .pe-float-price .price__container{margin:0}pe-floating-grid .pe-float-price .price-item{margin:0}pe-floating-grid .pe-float-price .price__sale .price-item--regular{margin-right:var(--pe-space-2)}pe-floating-grid .pe-float-explore{display:inline-flex;align-items:center;gap:var(--pe-space-2);font-size:var(--pe-text-sm);white-space:nowrap}pe-floating-grid .pe-float-heart{font-family:Arial,sans-serif;font-size:var(--pe-text-card);line-height:1;color:#000;-webkit-text-stroke:.9px var(--pe-ink)}pe-floating-grid .pe-float-unavailable{position:absolute;inset:40% var(--pe-space-3) auto;text-align:center;font-size:var(--pe-text-sm);color:var(--pe-muted)}pe-floating-grid .pe-float-badge{position:absolute;bottom:var(--pe-space-2);left:var(--pe-space-2);font-size:var(--pe-text-xs);padding:var(--pe-space-1) var(--pe-space-2);background:var(--pe-bg);border:1px solid var(--pe-border)}@media(max-width:749px){pe-floating-grid .pe-float-stage{margin:var(--pe-space-3) var(--pe-space-2) 0;aspect-ratio:3/4}pe-floating-grid .pe-float-image{width:84%;left:8%;top:7%}pe-floating-grid .pe-float-chapter{left:var(--pe-space-1);top:var(--pe-space-1)}pe-floating-grid .pe-float-copy{padding:var(--pe-space-3) var(--pe-space-3) var(--pe-space-4)}pe-floating-grid .pe-float-copy h3{font-size:18px}pe-floating-grid .pe-float-material,pe-floating-grid .pe-float-explore{font-size:var(--pe-text-xs)}pe-floating-grid .pe-float-bottom{padding-top:var(--pe-space-3)}}@media(prefers-reduced-motion:reduce){pe-floating-grid[data-ready][data-enabled=true] .pe-float-image{animation:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/pe-floating-cards.css.map */