.shop-by-collection__grid{display:grid;grid-template-columns:repeat(var(--sbc-columns-xl,5),1fr);gap:var(--sbc-card-gap,16px);width:100%}.shop-by-collection__grid>motion-element{display:block}.shop-by-collection__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--sbc-min-height,398px);border-radius:20px;overflow:hidden;text-decoration:none}.shop-by-collection__grid.has-max-height-desktop .shop-by-collection__card{height:var(--sbc-max-height);min-height:auto}@media (max-width:749px){.shop-by-collection__grid.has-max-height-mobile .shop-by-collection__card{height:var(--sbc-max-height-mobile);min-height:var(--sbc-max-height-mobile);max-height:var(--sbc-max-height-mobile)}}.shop-by-collection__card-image{position:absolute;inset:0;width:100%;height:100%;z-index:0}.shop-by-collection__card-image img,.shop-by-collection__card-image svg{width:100%;height:100%;object-fit:cover;transition:transform .4s}.shop-by-collection__card-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--sbc-gradient-direction,to top),var(--sbc-gradient-color) 0,rgba(0,0,0,0) var(--sbc-gradient-height,50%));opacity:var(--sbc-gradient-opacity, .5);z-index:2}.shop-by-collection__card--has-gradient .shop-by-collection__card-image::after{display:none}.shop-by-collection__gradient-overlay{display:block!important;background:linear-gradient(var(--gradient-direction,to top),var(--gradient-color,#000) 0,transparent 100%);opacity:calc(var(--gradient-opacity, 40) * 1%);position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2;transition:opacity .7s}.shop-by-collection__card:hover .shop-by-collection__card-image img{transform:scale(1.05)}.shop-by-collection__card--hover-reveal .shop-by-collection__card-description,.shop-by-collection__card--hover-reveal .shop-by-collection__card-image::after,.shop-by-collection__card--hover-reveal .shop-by-collection__card-title,.shop-by-collection__card--hover-reveal .shop-by-collection__gradient-overlay{transition:transform var(--animation-hover-reveal),opacity var(--animation-hover-reveal),color var(--animation-hover-reveal),max-height var(--animation-hover-reveal),margin var(--animation-hover-reveal)}.shop-by-collection__card--hover-reveal:hover .shop-by-collection__card-image::after{opacity:calc(var(--sbc-gradient-opacity, .5) * 1.5)}.shop-by-collection__card--hover-reveal:hover .shop-by-collection__gradient-overlay{opacity:calc(var(--gradient-opacity, 40) * 1.5%)}.shop-by-collection__card--hover-reveal:hover .shop-by-collection__card-title{transform:translateY(-.4rem)}.shop-by-collection__card--hover-reveal .shop-by-collection__card-description{transform:translateY(1rem);opacity:0;color:rgba(255,255,255,0);max-height:0;overflow:hidden;margin:0}.shop-by-collection__card--hover-reveal:hover .shop-by-collection__card-description{transform:translateY(0);opacity:1;color:rgba(255,255,255,.85);max-height:20rem;margin-top:.5rem}.shop-by-collection__card-content{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:var(--sbc-card-content-padding,27px);width:100%;gap:12px}.shop-by-collection__card-text{flex:1;min-width:0}.shop-by-collection__card-title{font-weight:700;font-size:var(--sbc-card-title-size, var(--font-size-3xl));line-height:var(--sbc-card-title-line, 28px);color:#fff;margin:0}.shop-by-collection__card-description{font-size:var(--font-size-xs);line-height:1.5;color:rgba(255,255,255,.85);margin-top:.5rem}.shop-by-collection__card-description p{margin:0}.shop-by-collection__card-btn{flex-shrink:0}.shop-by-collection__card-icon-btn{--buttons-height:48px;flex-shrink:0}.shop-by-collection__card-icon-btn .btn__text{display:none}.shop-by-collection__card-btn .btn--icon-only{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.shop-by-collection__card-placeholder{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background))}.shop-by-collection__card-placeholder .placeholder-svg{width:100%;height:100%;max-width:none;max-height:none}.shop-by-collection .swiper-slide{height:auto}.shop-by-collection .swiper-wrapper{display:flex}@media (max-width:1199px){.shop-by-collection__grid{grid-template-columns:repeat(var(--sbc-columns-lg,3),1fr)}}@media (max-width:989px){.shop-by-collection__grid{grid-template-columns:repeat(var(--sbc-columns-md,2),1fr);gap:var(--sbc-card-gap-mobile,var(--sbc-card-gap,16px))}.shop-by-collection__card{min-height:var(--sbc-min-height-mobile,var(--sbc-min-height,320px))}.shop-by-collection__card-title{font-size:var(
      --sbc-card-title-size-mobile,
      calc(var(--sbc-card-title-size, var(--font-size-3xl)) * .8)
    );line-height:var(
      --sbc-card-title-line-mobile,
      calc(var(--sbc-card-title-line, 28px) * .8)
    )}}