@property --py{syntax: "<number>"; inherits: false; initial-value: 0;}@property --rise{syntax: "<number>"; inherits: true; initial-value: 0;}shop-shelf-component{display:block}.shelf{--shelf-tile: var(--pcr-bg-surface);--shelf-radius: 10px;--shelf-ink: var(--pcr-text-primary);--shelf-muted: var(--pcr-text-muted);--shelf-accent: var(--pcr-accent-action);--shelf-line: var(--pcr-hairline);--shelf-badge-bg: var(--pcr-white);--shelf-badge-ink: var(--pcr-text-primary);--shelf-quick-bg: var(--pcr-accent-action);--shelf-quick-ink: var(--pcr-white);--shelf-panel-bg: var(--pcr-white);--shelf-cols: 4;--shelf-cat-ratio: 3 / 4;--shelf-cat-fit: cover;--shelf-card-ratio: 1 / 1.1;--shelf-card-fit: contain;--shelf-card-pad: 6%;position:relative;isolation:isolate;background:transparent;color:var(--shelf-ink);padding-block:var(--shelf-pt, 4.5rem) var(--shelf-pb, 4.5rem)}.shelf__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--shelf-bg, transparent)}.shelf[data-bg=image] .shelf__bg{background-color:var(--shelf-bg, transparent);background-repeat:no-repeat;background-size:cover;background-position:var(--shelf-bg-pos, 50% 50%);background-attachment:var(--shelf-bg-attach, scroll)}.shelf[data-bg=image] .shelf__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shelf-overlay, transparent)}.shelf__inner{position:relative;z-index:1;width:100%;max-width:var(--page-width, 84rem);margin-inline:auto;padding-inline:var(--pcr-gutter);container:shelf / inline-size}.shelf__cats{display:grid;grid-template-columns:repeat(var(--shelf-cats, 5),minmax(0,1fr));gap:clamp(.6rem,1.2vw,1rem);list-style:none;margin:0 0 clamp(3rem,7vw,5rem);padding:0}.shelf__cat{--depth: 1;min-width:0;perspective:900px}.shelf__cat-link{display:block;text-decoration:none;color:inherit;transform-style:preserve-3d}.shelf__cat-tile{position:relative;display:block;aspect-ratio:var(--shelf-cat-ratio, 3 / 4);border-radius:var(--shelf-radius);overflow:hidden;background:transparent;transform:rotateX(calc(var(--ty, 0) * -6deg)) rotateY(calc(var(--tx, 0) * 6deg)) scale(var(--press-s, 1));transition:transform .34s var(--pcr-ease-out),box-shadow .4s var(--pcr-ease)}.shelf__cat-link:hover .shelf__cat-tile{box-shadow:0 1rem 2.25rem #211b1c24}.shelf__cat-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shelf-tile);transform:translate3d(var(--bg-x, 0%),0,0);transition:transform 1.6s var(--pcr-ease-out)}.shelf__cat-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--shelf-cat-fit, cover);transform:translate3d(var(--img-x, 0%),0,0) scale(var(--img-s, 1.02));transition:transform 1.6s var(--pcr-ease-out),opacity 1s var(--pcr-ease)}.shelf__cat-link:hover .shelf__cat-img{--img-s: 1.09;transition:transform .45s var(--pcr-ease-out)}.shelf__cat-label{display:block;margin-top:.7rem;font-family:var(--pcr-font-body);font-size:.8125rem;line-height:1.3;text-align:center;color:var(--shelf-ink);transform:translate3d(0,calc(var(--label-y, 0) * 10px),0);opacity:var(--label-o, 1);transition:transform .9s var(--pcr-ease-out),opacity .9s var(--pcr-ease),color .3s var(--pcr-ease)}.shelf__cat-link:hover .shelf__cat-label{color:var(--shelf-accent)}.shelf__cat.is-pressed .shelf__cat-tile{--press-s: .968;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s var(--pcr-ease);box-shadow:0 .5rem 1.25rem #211b1c2e}.shelf__cat.is-pressed .shelf__cat-img{--img-s: 1.14;transition:transform .26s cubic-bezier(.22,1,.36,1)}.shelf__cat.is-leaving .shelf__cat-tile{--press-s: 1.035;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s var(--pcr-ease);box-shadow:0 1.75rem 3.5rem #211b1c38}.shelf__cat.is-leaving .shelf__cat-img{--img-s: 1.28;transition:transform .5s cubic-bezier(.22,1,.36,1)}.shelf__cat.is-leaving .shelf__cat-label{color:var(--shelf-accent)}.shelf__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--pcr-sp-3);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.shelf__title.pcr-h2{color:var(--shelf-ink);margin:0}.shelf__title em{font-style:italic;color:var(--shelf-accent)}.shelf__title-a,.shelf__title-b{display:inline-block;overflow:clip;vertical-align:bottom}.shelf__title-a>span,.shelf__title-b>span{display:inline-block}@media(prefers-reduced-motion:no-preference){.is-armed .shelf__head[data-shelf-head] :is(.shelf__title-a,.shelf__title-b,.shelf__more){--th: 1}.is-armed .shelf__head[data-shelf-head].is-in :is(.shelf__title-a,.shelf__title-b,.shelf__more){--th: 0}.is-armed .shelf__head[data-shelf-head] .shelf__title-a>span,.is-armed .shelf__head[data-shelf-head] .shelf__title-b>span{translate:0 calc(var(--th, 0) * 105%);transition:translate 1.05s var(--pcr-ease-out)}.is-armed .shelf__head[data-shelf-head] .shelf__title-b>span{transition-delay:.14s}.is-armed .shelf__head[data-shelf-head] .shelf__more{opacity:calc(1 - var(--th, 0));translate:0 calc(var(--th, 0) * .5rem);transition:opacity .8s var(--pcr-ease) .3s,translate .8s var(--pcr-ease-out) .3s}}.shelf__more{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--pcr-font-body);font-size:var(--pcr-fs-small);color:var(--shelf-ink);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s var(--pcr-ease)}.shelf__more:hover{border-bottom-color:var(--shelf-ink)}.shelf__more svg{width:.7rem;height:.7rem;transition:transform .35s var(--pcr-ease-out)}.shelf__more:hover svg{transform:translate3d(2px,-2px,0)}.shelf__grid{display:grid;grid-template-columns:repeat(var(--shelf-cols, 4),minmax(0,1fr));gap:clamp(1.5rem,2.8vw,2.25rem) clamp(.6rem,1.2vw,1rem);list-style:none;margin:0;padding:0;perspective:1200px}@container shelf (width >= 105rem){.shelf__grid:has(>.shelf__card:nth-child(6n):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}}.shelf__empty{grid-column:1 / -1;font-family:var(--pcr-font-body);font-size:var(--pcr-fs-small);color:var(--shelf-muted)}.shelf__card{--depth: 1;min-width:0}.shelf__frame{position:relative;aspect-ratio:var(--shelf-card-ratio, 1 / 1.1);border-radius:var(--shelf-radius);overflow:hidden;background:var(--shelf-tile);transform-style:preserve-3d;transform:rotateX(calc(var(--ty, 0) * -5deg)) rotateY(calc(var(--tx, 0) * 5deg));translate:0 calc(var(--hov, 0) * -.45rem);box-shadow:0 0 #211b1c00,inset 0 0 0 1px #fff0;transition:transform .2s linear,opacity .2s linear,translate .42s var(--pcr-ease-out),box-shadow .42s var(--pcr-ease)}.shelf__card:hover .shelf__frame,.shelf__card:focus-within .shelf__frame{--hov: 1;box-shadow:0 1.5rem 2.75rem -.75rem #211b1c33,inset 0 0 0 1px color-mix(in srgb,var(--shelf-line) 55%,transparent)}.shelf__frame:after{content:"";position:absolute;top:-25%;right:-60%;bottom:-25%;left:-60%;z-index:2;transform:translateZ(35px) scale(.97);background:linear-gradient(105deg,transparent 38%,rgb(255 255 255 / 52%) 50%,transparent 62%);opacity:0;pointer-events:none}.shelf__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.shelf__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--shelf-card-fit, contain);padding:var(--shelf-card-pad, 6%);transform:translateZ(30px);scale:var(--img-s, 1);transition:scale .7s var(--pcr-ease),opacity .5s var(--pcr-ease)}.shelf__card:hover .shelf__img,.shelf__card:focus-within .shelf__img{--img-s: 1.07}.shelf__card:active .shelf__img{--img-s: 1.02}.shelf__badge{position:absolute;top:.7rem;left:.7rem;z-index:3;transform:translateZ(54px);padding:.25rem .5rem;border-radius:4px;background:var(--shelf-badge-bg);border:1px solid var(--shelf-line);font-family:var(--pcr-font-body);font-size:var(--pcr-fs-eyebrow);letter-spacing:.1em;text-transform:uppercase;color:var(--shelf-badge-ink)}.shelf__quick{display:none}.is-armed .shelf__quick{position:absolute;inset-inline:.5rem;bottom:.5rem;z-index:4;transform:translateZ(60px);display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .7rem;border:0;border-radius:6px;background:var(--shelf-quick-bg);color:var(--shelf-quick-ink);font-family:var(--pcr-font-body);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 .4rem 1rem #211b1c1f}.shelf__quick span{font-size:1rem;line-height:1;transition:transform .35s var(--pcr-ease-out)}.shelf__card.is-open .shelf__quick span{transform:rotate(45deg)}@media(pointer:coarse){.is-armed .shelf__quick:before{content:"";position:absolute;inset-inline:0;inset-block:min(0px,calc((100% - 2.75rem)/2))}}@media(hover:hover)and (pointer:fine){.is-armed .shelf__quick{opacity:0;transform:translate3d(0,.5rem,60px);transition:opacity .35s var(--pcr-ease),transform .35s var(--pcr-ease)}.is-armed .shelf__card:hover .shelf__quick,.is-armed .shelf__card:focus-within .shelf__quick{opacity:1;transform:translateZ(60px)}}.shelf__buy{position:absolute;inset-inline:0;bottom:0;z-index:5;transform:translateZ(70px);display:grid;gap:.5rem;padding:.85rem;background:var(--shelf-panel-bg);border-top:1px solid var(--shelf-line)}.is-armed .shelf__buy{transform:translate3d(0,101%,70px);transition:transform .5s var(--pcr-ease-out)}.is-armed .shelf__card.is-open .shelf__buy{transform:translateZ(70px)}.is-armed .shelf__card.is-open .shelf__img{transform:translateZ(-30px);scale:.94;opacity:.55}.shelf__buy-title{margin:0;font-family:var(--pcr-font-body);font-size:var(--pcr-fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--shelf-muted)}.shelf__opts{display:flex;flex-wrap:wrap;gap:.35rem;border:0;margin:0;padding:0}.shelf__opts legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.shelf__opt{position:relative}.shelf__opt input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.shelf__opt span{display:block;padding:.3rem .55rem;border:1px solid var(--shelf-line);border-radius:4px;font-family:var(--pcr-font-body);font-size:var(--pcr-fs-small);color:var(--shelf-muted)}.shelf__opt input:checked+span{border-color:var(--shelf-ink);color:var(--shelf-ink);background:color-mix(in srgb,var(--shelf-ink) 6%,transparent)}.shelf__opt input:focus-visible+span{outline:2px solid var(--shelf-accent);outline-offset:2px}.shelf__opt input:disabled+span{opacity:.4;text-decoration:line-through}.shelf__select{position:relative;display:block}.shelf__select select{width:100%;-webkit-appearance:none;appearance:none;min-height:2.5rem;padding:.45rem 2rem .45rem .6rem;border:1px solid var(--shelf-line);border-radius:4px;background:var(--shelf-panel-bg);color:var(--shelf-ink);font-family:var(--pcr-font-body);font-size:var(--pcr-fs-small);cursor:pointer}.shelf__select:after{content:"";position:absolute;top:50%;right:.7rem;width:.4rem;height:.4rem;border-right:1px solid var(--shelf-muted);border-bottom:1px solid var(--shelf-muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}.shelf .shelf__add{--btn-bg: var(--shelf-accent);--btn-bd: var(--shelf-accent);width:100%;min-height:2.6rem;padding:.55rem 1rem}.shelf .shelf__add:hover{--btn-bg: color-mix(in srgb, var(--shelf-accent) 86%, #000);--btn-bd: color-mix(in srgb, var(--shelf-accent) 86%, #000)}.shelf__error{margin:0;font-family:var(--pcr-font-body);font-size:var(--pcr-fs-small);color:var(--shelf-accent)}.shelf__meta{display:grid;gap:.2rem;margin-top:.9rem;text-align:center;transition:transform .35s var(--pcr-ease-out) .1s,opacity .35s var(--pcr-ease) .1s}.shelf__name{margin:0;font-family:var(--pcr-font-body);font-size:.8125rem;line-height:1.4}.shelf__name a{color:var(--shelf-ink);text-decoration:none}.shelf__name a{position:relative;display:inline;background-image:linear-gradient(currentcolor,currentcolor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;padding-bottom:.14em;transition:background-size .42s var(--pcr-ease-out)}.shelf__card:hover .shelf__name a,.shelf__card:focus-within .shelf__name a,.shelf__name a:focus-visible{background-size:100% 1px}.shelf__price{margin:0;font-family:var(--pcr-font-body);font-size:.8125rem;color:var(--shelf-muted);transition:color .4s var(--pcr-ease)}.shelf__card:hover .shelf__price,.shelf__card:focus-within .shelf__price{color:var(--shelf-ink)}.shelf__was{margin-left:.35rem;color:var(--shelf-muted);opacity:.75}@media(prefers-reduced-motion:no-preference){.is-armed .shelf__cat[data-enter] .shelf__cat-bg{--bg-x: -101%;transition-delay:var(--enter-delay, 0s)}.is-armed .shelf__cat[data-enter] .shelf__cat-img{--img-x: 101%;opacity:0;transition-delay:calc(var(--enter-delay, 0s) + .16s)}.is-armed .shelf__cat[data-enter] .shelf__cat-label{--label-y: 1;--label-o: 0;transition-delay:calc(var(--enter-delay, 0s) + .9s)}.is-armed .shelf__cat.is-in .shelf__cat-bg{--bg-x: 0%}.is-armed .shelf__cat.is-in .shelf__cat-img{--img-x: 0%;opacity:1}.is-armed .shelf__cat.is-in .shelf__cat-label{--label-y: 0;--label-o: 1}.is-armed .shelf__card[data-enter],.is-armed .shelf__card[data-enter] .shelf__frame,.is-armed .shelf__card[data-enter] .shelf__meta{transition:none}.is-armed .shelf__card[data-enter]:not(.is-in) .shelf__frame{translate:0 5.5rem;opacity:.1}.is-armed .shelf__card[data-enter]:not(.is-in) .shelf__name,.is-armed .shelf__card[data-enter]:not(.is-in) .shelf__price{opacity:0}.is-armed .shelf__card[data-enter].is-in .shelf__frame{transition:transform .2s linear,translate .42s var(--pcr-ease-out),box-shadow .4s var(--pcr-ease);animation:shelf-in-cornice 1.1s var(--pcr-ease-out) var(--enter-delay, 0s) backwards}.is-armed .shelf__card[data-enter].is-in .shelf__img{animation:shelf-in-foto 1.1s var(--pcr-ease-out) var(--enter-delay, 0s) backwards}.is-armed .shelf__card[data-enter].is-in .shelf__name{animation:shelf-in-riga .7s var(--pcr-ease-out) calc(var(--enter-delay, 0s) + .16s) backwards}.is-armed .shelf__card[data-enter].is-in .shelf__price{--riga-y: 1rem;animation:shelf-in-riga .7s var(--pcr-ease-out) calc(var(--enter-delay, 0s) + .24s) backwards}.is-armed .shelf__card[data-enter].is-in:not(.is-done) .shelf__frame{will-change:translate,opacity}.is-armed .shelf__card[data-enter].is-in:not(.is-done) .shelf__img{will-change:translate,opacity}@keyframes shelf-in-cornice{0%{translate:0 5.5rem;opacity:.1}to{translate:0 0;opacity:1}}@keyframes shelf-in-foto{0%{translate:0 55%;opacity:0}35%{opacity:1}to{translate:0 0;opacity:1}}@keyframes shelf-in-riga{0%{translate:0 var(--riga-y, .7rem);opacity:0}to{translate:0 0;opacity:1}}.is-armed .shelf__card[data-enter].is-in .shelf__frame:after{animation:shelf-sweep 1.1s var(--pcr-ease) calc(var(--enter-delay, 0s) + .3s) both}@keyframes shelf-sweep{0%{translate:-85% 0;opacity:0}20%{opacity:1}80%{opacity:1}to{translate:85% 0;opacity:0}}}.shelf__par{display:block}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.shelf__cats{view-timeline:--shelf-cats block}.shelf__card{view-timeline:--shelf-card block}.shelf__cat .shelf__cat-tile,.shelf__card .shelf__par{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-range:cover calc(50% - 100vh) cover calc(50% + 100vh)}.shelf__cat .shelf__cat-tile{animation-timeline:--shelf-cats}.shelf__card .shelf__par{animation-timeline:--shelf-card}.shelf__cat--p1 .shelf__cat-tile{animation-name:shelf-par-c1}.shelf__cat--p2 .shelf__cat-tile{animation-name:shelf-par-c2}.shelf__cat--p3 .shelf__cat-tile{animation-name:shelf-par-c3}.shelf__cat--p4 .shelf__cat-tile{animation-name:shelf-par-c4}.shelf__cat--p5 .shelf__cat-tile{animation-name:shelf-par-c5}.shelf__card--p1 .shelf__par{animation-name:shelf-par-g1}.shelf__card--p2 .shelf__par{animation-name:shelf-par-g2}.shelf__card--p3 .shelf__par{animation-name:shelf-par-g3}.shelf__card--p4 .shelf__par{animation-name:shelf-par-g4}@keyframes shelf-par-c1{0%{translate:0 -18.2px}to{translate:0 18.2px}}@keyframes shelf-par-c2{0%{translate:0 -29.9px}to{translate:0 29.9px}}@keyframes shelf-par-c3{0%{translate:0 -22.1px}to{translate:0 22.1px}}@keyframes shelf-par-c4{0%{translate:0 -28.6px}to{translate:0 28.6px}}@keyframes shelf-par-c5{0%{translate:0 -19.5px}to{translate:0 19.5px}}@keyframes shelf-par-g1{0%{translate:0 -22.5px}to{translate:0 22.5px}}@keyframes shelf-par-g2{0%{translate:0 -33px}to{translate:0 33px}}@keyframes shelf-par-g3{0%{translate:0 -25.5px}to{translate:0 25.5px}}@keyframes shelf-par-g4{0%{translate:0 -34.5px}to{translate:0 34.5px}}@container shelf (width >= 105rem){.shelf__grid:has(>.shelf__card:nth-child(6n):last-child)>.shelf__card:nth-child(6n+1) .shelf__par{animation-name:shelf-par-g1}.shelf__grid:has(>.shelf__card:nth-child(6n):last-child)>.shelf__card:nth-child(6n+2) .shelf__par{animation-name:shelf-par-g2}.shelf__grid:has(>.shelf__card:nth-child(6n):last-child)>.shelf__card:nth-child(6n+3) .shelf__par{animation-name:shelf-par-g3}.shelf__grid:has(>.shelf__card:nth-child(6n):last-child)>.shelf__card:nth-child(6n+4) .shelf__par{animation-name:shelf-par-g4}.shelf__grid:has(>.shelf__card:nth-child(6n):last-child)>.shelf__card:nth-child(6n+5) .shelf__par{animation-name:shelf-par-g3}.shelf__grid:has(>.shelf__card:nth-child(6n):last-child)>.shelf__card:nth-child(6n+6) .shelf__par{animation-name:shelf-par-g2}}}}.shelf__catsbar{position:relative}.shelf__catnav{display:none}@media not (min-width:60rem){.shelf__catnav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:2rem;height:2rem;margin:0;padding:0;translate:0 -50%;border:1px solid var(--shelf-line, var(--pcr-hairline, #cbb8a2));border-radius:50%;background:var(--shelf-tile, var(--pcr-white, #fff));color:var(--shelf-ink, var(--pcr-text-primary, #241a1b));box-shadow:0 .35rem .9rem #211b1c24;cursor:pointer;transition:border-color .25s var(--pcr-ease),box-shadow .25s var(--pcr-ease),scale .2s var(--pcr-ease)}.shelf__catnav--prev{left:-.35rem}.shelf__catnav--next{right:-.35rem}.shelf__catnav svg{width:.9rem;height:.9rem}.shelf__catnav:active{scale:.92}.shelf__catnav:focus-visible{outline:2px solid var(--shelf-accent, #8e1c2b);outline-offset:2px}}@media not (min-width:60rem){.shelf__cats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--pcr-gutter) * -1);padding-inline:var(--pcr-gutter)}.shelf__cats::-webkit-scrollbar{display:none}.shelf__cats.is-drifting{scroll-snap-type:none;scroll-behavior:auto}.shelf__cat{flex:0 0 clamp(8.5rem,38vw,11rem);scroll-snap-align:start}.shelf__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media not (min-width:40rem){.shelf__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-armed .shelf__quick{font-size:.625rem;padding:.5rem .6rem;letter-spacing:.06em}.shelf__buy{padding:.6rem}}@media(prefers-reduced-motion:reduce){.shelf__cat-tile,.shelf__cat-bg,.shelf__cat-label,.shelf__frame,.shelf__meta,.shelf__name,.shelf__name a,.shelf__price,.shelf__img,.shelf__cat-img,.shelf__title-a>span,.shelf__title-b>span,.shelf__more{transform:none;opacity:1;transition:none}.shelf__card:is(:hover,:focus-within) .shelf__name a{background-size:100% 1px}.shelf__title-a>span,.shelf__title-b>span,.shelf__more{translate:none}.shelf__frame,.shelf__img{translate:none;scale:none;clip-path:none}.shelf__frame:after{animation:none;opacity:0}.is-armed .shelf__buy{transition:none}.shelf__cat.is-pressed .shelf__cat-tile,.shelf__cat.is-pressed .shelf__cat-img,.shelf__cat.is-leaving .shelf__cat-tile,.shelf__cat.is-leaving .shelf__cat-img{--press-s: 1;--img-s: 1;transform:none;transition:none}}@media screen and (not (max-width:48rem))and (pointer:coarse){.is-armed .shelf__quick{min-height:2.75rem}}@media(max-width:47.99rem){.shelf__cats{overflow-y:hidden}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/shop-shelf.css.map */