.ai-pl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md, 16px);margin-top:16px}@media(min-width:750px){.ai-pl-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg, 24px)}}.ai-card{height:100%;perspective:var(--ai-card-flip-perspective, 1200px)}.ai-card__inner{height:100%;position:relative;transform-style:preserve-3d}.ai-card__front{display:flex;flex-direction:column;gap:var(--space-sm, 12px);height:100%}.ai-card__front,.ai-card__back{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ai-card__back{transform:rotateY(180deg)}.ai-card__media{position:relative;overflow:hidden;border-radius:var(--radius, 6px);aspect-ratio:3 / 4;background:var(--secondary, #ececec)}.ai-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.ai-card__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}.ai-card__media:hover .ai-card__img--hover{opacity:1}.ai-card__media:hover .ai-card__img{transform:scale(1.04)}.ai-card__badge,.ai-card__badge--new{position:absolute;top:var(--space-xs, 8px);left:var(--space-xs, 8px);font-size:var(--text-xs, 12px);font-weight:600;letter-spacing:.04em;padding:.2em .6em;border-radius:var(--radius-sm, 2px);background:var(--striking, #2b2b2b);color:var(--striking-foreground, #fff)}.ai-card__badge--new{left:auto;right:var(--space-xs, 8px);background:var(--accent, #555);color:var(--accent-foreground, #fff)}.ai-card__info{display:flex;flex-direction:column;gap:var(--space-xxs, 4px)}.ai-card__info-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-xxs, 4px)}.ai-card__vendor{font-size:var(--text-xs, 12px);letter-spacing:.1em;text-transform:uppercase;opacity:.6}.ai-card__title{font-size:var(--text-base, 16px);line-height:var(--leading-snug, 1.3);color:var(--foreground, #111)}.ai-card__swatches{display:flex;flex-wrap:wrap;gap:var(--space-xxs, 4px);margin-top:var(--space-xxs, 4px)}.ai-card__swatch-dot{display:block;width:16px;height:16px;border-radius:var(--radius-full, 9999px);border:1px solid rgba(0,0,0,.15)}.ai-card__rating{display:flex;align-items:center;gap:var(--space-xxs, 4px);font-size:var(--text-sm, 14px)}.ai-card__add-btn,.ai-card__overlay-btn,.ai-card__back-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-xs, 8px) var(--space-md, 16px);margin-top:var(--space-xs, 8px);font-size:var(--text-sm, 14px);font-weight:600;background:var(--cta, #111);color:var(--cta-foreground, #fff);border:0;border-radius:var(--radius, 6px);cursor:pointer;transition:opacity .2s ease}.ai-card__add-btn:hover,.ai-card__overlay-btn:hover,.ai-card__back-btn:hover{opacity:.9}.ai-card__back,.ai-card__overlay,.ai-card__wishlist{display:none}:where(ai-hero){display:block}:where(ai-hero[type=cinematic]){--ai-hero-cinematic-safe-height: max(520px, calc(100svh - var(--header-height, 0px)));position:relative;display:block;overflow:hidden;isolation:isolate}:where(ai-hero[type=cinematic]) .hero-cinematic__media{position:relative!important;margin:0;min-height:var(--ai-hero-cinematic-min-height, var(--ai-hero-cinematic-safe-height));overflow:hidden;z-index:0}:where(ai-hero[type=cinematic]) .hero-cinematic__media img{display:block;width:100%;height:var(--ai-hero-cinematic-min-height, var(--ai-hero-cinematic-safe-height));object-fit:var(--ai-hero-image-fit, cover)}:where(ai-hero[type=cinematic]) .hero-cinematic__copy{position:absolute!important;inset:var(--ai-hero-copy-inset, auto auto clamp(24px, 6vw, 80px) clamp(24px, 6vw, 80px))!important;z-index:var(--ai-hero-copy-z-index, 2);width:var(--ai-hero-copy-width, min(620px, calc(100% - 48px) ))!important;max-width:calc(100% - 48px);height:auto!important;min-height:0!important}@media(max-width:749px){:where(ai-hero[type=cinematic]){--ai-hero-cinematic-safe-height: max(540px, calc(100svh - var(--header-height, 0px)));--ai-hero-copy-inset-mobile: auto clamp(20px, 6vw, 32px) clamp(20px, 7vw, 40px) clamp(20px, 6vw, 32px)}:where(ai-hero[type=cinematic]) .hero-cinematic__copy{inset:var(--ai-hero-copy-inset-mobile, auto clamp(20px, 6vw, 32px) clamp(20px, 7vw, 40px) clamp(20px, 6vw, 32px))!important;width:auto!important;max-width:none}}@media(min-width:900px){:where(ai-hero[type=editorial]){--ai-hero-editorial-media-height: clamp(520px, 85svh, 720px)}:where(ai-hero[type=editorial]) .hero-editorial__media{min-height:var(--ai-hero-editorial-media-height)!important;overflow:hidden}:where(ai-hero[type=editorial]) .hero-editorial__media img{display:block;width:100%;height:100%!important;object-fit:cover}}:where(ai-hero[type=slideshow]){position:relative;display:grid;min-height:var(--ai-hero-slideshow-min-height, auto);overflow:hidden;isolation:isolate}:where(ai-hero[type=slideshow]) [data-ai-hero-part=slides]{position:relative;display:block;min-height:inherit}:where(ai-hero[type=slideshow]) [data-ai-hero-slide]{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:block!important;min-width:0;min-height:inherit;padding:0!important;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ai-hero-slide-fade-duration, .42s) ease}:where(ai-hero[type=slideshow]) [data-ai-hero-slide][data-ai-hero-active]{opacity:1;visibility:visible;pointer-events:auto;z-index:1}:where(ai-hero[type=slideshow]) .hero-slideshow__media{position:relative!important;width:100%;height:100%;margin:0;z-index:0;overflow:hidden}:where(ai-hero[type=slideshow]) .hero-slideshow__media img{display:block;width:100%;height:100%;object-fit:var(--ai-hero-image-fit, cover)}:where(ai-hero[type=slideshow]) .hero-slideshow__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--ai-hero-slide-overlay, none)}:where(ai-hero[type=slideshow]) .hero-slideshow__copy{position:absolute!important;inset:var(--ai-hero-copy-inset, auto auto clamp(28px, 6vw, 88px) clamp(28px, 6vw, 88px))!important;z-index:var(--ai-hero-copy-z-index, 2);max-width:calc(100% - 48px)}:where(ai-hero[data-ai-hero-ready]:not([data-ai-hero-editorial])) [data-ai-hero-part=media],:where(ai-hero[data-ai-hero-ready]:not([data-ai-hero-editorial])) [data-ai-hero-part=copy]{opacity:0;transition:opacity var(--ai-hero-reveal-duration, .76s) ease}:where(ai-hero[data-ai-hero-ready]:not([data-ai-hero-editorial])) [data-ai-hero-part=media][data-ai-hero-visible],:where(ai-hero[data-ai-hero-ready]:not([data-ai-hero-editorial])) [data-ai-hero-part=copy][data-ai-hero-visible]{opacity:1}:where(ai-hero[data-ai-hero-ready][data-ai-hero-editorial]) [data-ai-hero-reveal-item]{opacity:0;transform:translateY(var(--ai-hero-reveal-y, 36px));transition:opacity var(--ai-hero-reveal-duration, .88s) ease,transform var(--ai-hero-reveal-duration, .88s) cubic-bezier(.22,1,.36,1);transition-delay:var(--ai-hero-reveal-delay, 0ms)}:where(ai-hero[data-ai-hero-ready][data-ai-hero-editorial]) [data-ai-hero-part=media][data-ai-hero-reveal-item]{transform:translateY(var(--ai-hero-media-reveal-y, 56px))}:where(ai-hero[data-ai-hero-ready][data-ai-hero-editorial]) [data-ai-hero-reveal-item][data-ai-hero-visible]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ai-card__img,.ai-card__img--hover,.ai-card__add-btn{transition:none}.ai-card__media:hover .ai-card__img{transform:none}:where(ai-hero[type=slideshow]) [data-ai-hero-slide]{transition:none!important}:where(ai-hero) [data-ai-hero-part=media],:where(ai-hero) [data-ai-hero-part=copy],:where(ai-hero) [data-ai-hero-reveal-item]{opacity:1!important;transform:none!important;transition:none!important}}:where(ai-hero[type=cinematic]) [data-ai-hero-part=media] img{transform:scale(1.16) translate3d(0,calc(var(--ai-hero-parallax-y, 0px) * -.08),0);will-change:transform}:where(ai-hero[type=cinematic]) [data-ai-hero-part=copy][data-ai-hero-visible]{transform:translate3d(0,calc(var(--ai-hero-copy-parallax-y, 0px) * .18),0)}@media(prefers-reduced-motion:reduce){:where(ai-hero[type=cinematic]) [data-ai-hero-part=media] img,:where(ai-hero[type=cinematic]) [data-ai-hero-part=copy][data-ai-hero-visible]{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ai-components.css.map */