.tile-look--shape-circle{--tile-ratio:1;--tile-radius:50%}.tile-look--shape-square{--tile-ratio:1;--tile-radius:var(--radius-lg)}.tile-look--shape-rect{--tile-ratio:3/4;--tile-radius:var(--radius-md)}.tile-look--shape-joined{--tile-ratio:3/4;--tile-radius:0;--tile-border:0;--strip-gap:0}.tile-look--shape-joined .product-strip__track,.product-grid.tile-look--shape-joined{gap:0}.tile-look--shape-joined .product-strip__track>:first-child .product-tile__media{border-radius:var(--radius-md)0 0 var(--radius-md)}.tile-look--shape-joined .product-strip__track>:last-child .product-tile__media{border-radius:0 var(--radius-md)var(--radius-md)0}.tile-look--shape-star,.tile-look--shape-sparkle{--tile-ratio:1;--tile-radius:0;--tile-border:0;--tile-bg:transparent;--tile-hover-shadow:none}.tile-look--shape-star{--tile-clip:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.tile-look--shape-sparkle{--tile-clip:polygon(50% 0%,58% 32%,72% 12%,66% 34%,88% 28%,68% 43%,100% 50%,68% 57%,88% 72%,66% 66%,72% 88%,58% 68%,50% 100%,42% 68%,28% 88%,34% 66%,12% 72%,32% 57%,0% 50%,32% 43%,12% 28%,34% 34%,28% 12%,42% 32%)}.tile-look--shape-star .product-tile:hover,.tile-look--shape-sparkle .product-tile:hover{--tile-filter:drop-shadow(0 0 14px color-mix(in srgb,var(--primary)55%,transparent))}.tile-look--shape-circle .product-tile__badges,.tile-look--shape-star .product-tile__badges,.tile-look--shape-sparkle .product-tile__badges{display:none}.tile-look--shape-circle .product-tile__soldout,.tile-look--shape-star .product-tile__soldout,.tile-look--shape-sparkle .product-tile__soldout{display:block}.tile-look--cap-off:-webkit-any(.tile-look--shape-circle,.tile-look--shape-star,.tile-look--shape-sparkle) .product-tile--soldout .product-tile__body{display:block;padding-top:var(--space-2)}.tile-look--cap-off:-moz-any(.tile-look--shape-circle,.tile-look--shape-star,.tile-look--shape-sparkle) .product-tile--soldout .product-tile__body{display:block;padding-top:var(--space-2)}.tile-look--cap-off:is(.tile-look--shape-circle,.tile-look--shape-star,.tile-look--shape-sparkle) .product-tile--soldout .product-tile__body{display:block;padding-top:var(--space-2)}.tile-look--cap-off .product-tile--soldout .product-tile__body>:not(.product-tile__soldout){display:none}.tile-look--glow,.tile-look--glow-hover{--tile-hover-shadow:none;--strip-glow-filter:drop-shadow(0 0 calc(2px + 8px*var(--strip-glow,.5))color-mix(in srgb,var(--strip-glow-color,var(--primary))calc(90%*var(--strip-glow,.5)),transparent))drop-shadow(0 0 calc(6px + 24px*var(--strip-glow,.5))color-mix(in srgb,var(--strip-glow-color,var(--primary))calc(45%*var(--strip-glow,.5)),transparent))}.tile-look--glow,.tile-look--glow .product-tile:hover,.tile-look--glow-hover .product-tile:hover{--tile-filter:var(--strip-glow-filter)}.tile-look--glow .product-strip__track,.tile-look--glow-hover .product-strip__track,.tile-look--shape-star .product-strip__track,.tile-look--shape-sparkle .product-strip__track{--strip-bleed:calc(12px + 40px*var(--strip-glow,.4));padding:var(--strip-bleed);margin:calc(-1*var(--strip-bleed));scroll-padding:var(--strip-bleed)}.tile-look--dim .product-strip__track:has(.product-tile:hover) .product-tile:not(:hover){filter:grayscale(var(--strip-dim,.6))opacity(calc(1 - .5*var(--strip-dim,.6)));transition:filter var(--dur-base)}.product-grid.tile-look--dim:has(.product-tile:hover) .product-tile:not(:hover){filter:grayscale(var(--strip-dim,.6))opacity(calc(1 - .5*var(--strip-dim,.6)));transition:filter var(--dur-base)}.tile-look--cap-off .product-tile__body{display:none}.tile-look--cap-off .product-tile{gap:0}.tile-look--cap-over .product-tile{position:relative}.tile-look--cap-over .product-tile__body{position:absolute;z-index:1;justify-content:var(--tile-cap-anchor,flex-end);padding:var(--space-3);border-radius:var(--tile-radius,var(--radius-lg));overflow:hidden;pointer-events:none;inset:0}.tile-look--cap-over .product-tile__body>*{padding-inline:var(--space-3);background:color-mix(in srgb,var(--surface)92%,transparent)}.tile-look--cap-over .product-tile__body>:first-child{padding-top:var(--space-2)}.tile-look--cap-over .product-tile__body>:first-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:first-child:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:first-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:first-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:first-child:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:first-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--radius-md);border-top-left-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:last-child{padding-bottom:var(--space-2)}.tile-look--cap-over .product-tile__body>:last-child:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:last-child:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:last-child:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:last-child:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:last-child:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.tile-look--cap-over .product-tile__body>:last-child:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.tile-look--cap-over .product-tile__badges{z-index:2}.tile-look--cap-over .product-tile__body>.price{padding-top:var(--space-1);margin-top:0}.tile-look--cap-top{--tile-cap-anchor:flex-start}.tile-look--cap-middle{--tile-cap-anchor:center}.tile-look--cap-bottom{--tile-cap-anchor:flex-end}.tile-look--shape-star.tile-look--cap-over .product-tile__body>*,.tile-look--shape-sparkle.tile-look--cap-over .product-tile__body>*{background:0 0;border-radius:0;padding:0}.tile-look--shape-star.tile-look--cap-over .product-tile__body,.tile-look--shape-sparkle.tile-look--cap-over .product-tile__body{position:static;color:inherit;background:0 0;padding:0}.tile-look--no-meta .product-tile__meta,.tile-look--no-meta .price{display:none}.tile-look--text-left{--tile-text-align:left;--tile-text-justify:flex-start}.tile-look--text-center{--tile-text-align:center;--tile-text-justify:center}.tile-look--text-right{--tile-text-align:right;--tile-text-justify:flex-end}.tile-look--text-justify{--tile-text-align:justify;--tile-text-justify:flex-start}.tile-look--text-xs{--tile-text-size:var(--text-xs)}.tile-look--text-s{--tile-text-size:var(--text-sm)}.tile-look--text-m{--tile-text-size:var(--text-base)}.tile-look--text-l{--tile-text-size:var(--text-lg)}.tile-look--text-xl{--tile-text-size:var(--text-xl)}.tile-look--glow-primary{--strip-glow-color:var(--primary)}.tile-look--glow-secondary{--strip-glow-color:var(--secondary)}.tile-look--glow-violet{--strip-glow-color:var(--accent-violet)}.tile-look--glow-mint{--strip-glow-color:var(--accent-mint)}.tile-look--glow-gold{--strip-glow-color:var(--warning)}.tile-look--glow-white{--strip-glow-color:var(--white)}.tile-look--ink-muted{--tile-text-color:var(--ink-muted)}.tile-look--ink-primary{--tile-text-color:var(--primary)}.tile-look--ink-secondary{--tile-text-color:var(--secondary)}.tile-look--ink-gold{--tile-text-color:var(--warning)}.tile-look--text-brand{--tile-text-font:var(--font-brand)}.tile-look--text-w400{--tile-text-weight:400}.tile-look--text-w900{--tile-text-weight:900}.tile-look--text-italic{--tile-text-style:italic}.tile-look--text-caps{--tile-text-transform:uppercase;--tile-text-tracking:.06em}@media (prefers-reduced-motion:reduce){.product-tile__media{transition:none}.tile-look--dim .product-strip__track:has(.product-tile:hover) .product-tile:not(:hover){transition:none}.product-grid.tile-look--dim:has(.product-tile:hover) .product-tile:not(:hover){transition:none}}.tile-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.tile-grid--2{grid-template-columns:repeat(2,1fr)}.tile-grid--3{grid-template-columns:repeat(3,1fr)}.tile-grid--4{grid-template-columns:repeat(4,1fr)}}.tile{display:block;color:inherit;text-decoration:none;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);transition:box-shadow var(--dur-base),border-color var(--dur-base)}a.tile:hover{border-color:var(--primary);box-shadow:var(--glow-pink)}.tile__media{aspect-ratio:1;overflow:hidden;background:var(--surface-raised)}.tile__media--empty{background:repeating-linear-gradient(45deg,transparent 0 8px,var(--line)8px 9px);border-bottom:1px dashed var(--line)}.tile-grid--portrait .tile__media{aspect-ratio:4/5}.tile-grid--wide .tile__media{aspect-ratio:16/9}.tile__media img{display:block;object-fit:cover;transition:transform var(--dur-base)var(--ease-out);width:100%;height:100%}a.tile:hover .tile__media img{transform:scale(1.03)}.tile__caption{padding:var(--space-3)var(--space-4)}.tile__title{font-size:var(--text-lg);margin:0;font-weight:700;line-height:1.3}.tile__body{margin:var(--space-1)0 0;font-size:var(--text-sm);color:var(--ink-muted)}.tile-grid--caption-overlay .tile{position:relative}.tile-grid--caption-overlay .tile__caption{position:absolute;padding:var(--space-6)var(--space-4)var(--space-4);color:var(--hero-ink);background:linear-gradient(to top,color-mix(in srgb,var(--scrim-ink)65%,transparent),transparent);inset:auto 0 0}.tile-grid--caption-overlay .tile__body{display:none}@media (prefers-reduced-motion:reduce){.tile__media img{transition:none}a.tile:hover .tile__media img{transform:none}}
