.jools-designer-cards__grid{display:grid;grid-template-columns:repeat(var(--designer-columns),minmax(0,1fr));gap:clamp(1.6rem,2.4vw,3.2rem);margin:0;padding:0;list-style:none}.jools-designer-card__inner{position:relative;overflow:hidden;border-radius:1.6rem;background:transparent;box-shadow:0 1rem 2.8rem rgba(var(--color-foreground),.1)}.jools-designer-card__hero,.jools-designer-card__product{display:block;overflow:hidden;background:rgba(var(--color-foreground),.025)}.jools-designer-card__hero{aspect-ratio:3 / 4}.jools-designer-card__hero img,.jools-designer-card__product img,.jools-designer-card__placeholder{width:100%;height:100%}.jools-designer-card__hero img{object-fit:cover;transition:transform .24s ease}.jools-designer-card__products{position:absolute;z-index:1;right:1rem;bottom:1rem;left:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.jools-designer-card__product{aspect-ratio:1;border:0;border-radius:1.2rem;background:#fff;box-shadow:0 .4rem 1.2rem #00000014}.jools-designer-card__product img{object-fit:contain;background:#fff;transition:transform .24s ease}.jools-designer-card__hero:focus-visible,.jools-designer-card__product:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}@media(hover:hover){.jools-designer-card__hero:hover img,.jools-designer-card__product:hover img{transform:scale(1.025)}}@media screen and (max-width:749px){.jools-designer-cards__grid{grid-template-columns:1fr;gap:1.6rem}.jools-designer-cards__grid--mobile-2:not(.jools-designer-cards__grid--swipe){grid-template-columns:repeat(2,minmax(0,1fr))}.jools-designer-cards__grid--swipe{display:flex;overflow-x:auto;margin-inline:-1.5rem;padding-inline:1.5rem;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.jools-designer-cards__grid--swipe::-webkit-scrollbar{display:none}.jools-designer-cards__grid--swipe .jools-designer-card{flex:0 0 min(86vw,38rem);scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.jools-designer-card__hero img,.jools-designer-card__product img{transition:none}}.header__icon--magic-lamp{text-decoration:none}.header>.header__icon--magic-lamp{display:none}.magic-lamp-header-icon{display:block;width:3.2rem;height:3.2rem;object-fit:contain}@media screen and (max-width:749px){.magic-lamp-header-icon{width:3rem;height:3rem}}
/*# sourceMappingURL=/cdn/shop/t/56/compiled_assets/styles.css.map?subset=ACAAAAAAAAAABA */