.shop-by-effect{width:100%;box-sizing:border-box}.shop-by-effect__header{text-align:center;margin-bottom:32px;display:flex;flex-direction:column;gap:4px;line-height:1.15}.shop-by-effect__heading-bold{display:block;font-weight:800;text-transform:uppercase;line-height:1;margin:0}.shop-by-effect__heading-light{display:block;font-weight:600;text-transform:uppercase;line-height:1;margin:0}.shop-by-effect__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shop-by-effect__card{overflow:hidden;border-radius:4px}.shop-by-effect__card-link{display:block;text-decoration:none;color:inherit}.shop-by-effect__card-image-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px}.shop-by-effect__card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.shop-by-effect__card-link:hover .shop-by-effect__card-image{transform:scale(1.04)}.shop-by-effect__card-placeholder{width:100%;height:100%;display:block}.shop-by-effect__card-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 0 4px}.shop-by-effect__card-label{font-size:clamp(16px,2.2vw,32px);font-weight:700;text-transform:capitalize;line-height:1;margin:0}.shop-by-effect__card-arrow{font-size:clamp(14px,1.6vw,24px);width:clamp(32px,3.5vw,44px);height:clamp(32px,3.5vw,44px);box-shadow:inset 0 0 3.2px 3px #cbcbcb,0 0 22.4px #cdd3ca,inset 0 0 3.2px 3px #ebede0,0 0 22.4px #fffefd99;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:normal;flex-shrink:0}@media(min-width:750px)and (max-width:989px){.shop-by-effect__grid{grid-template-columns:repeat(2,1fr)}.shop-by-effect__card-label{font-size:clamp(15px,3vw,26px)}.shop-by-effect__card-arrow{width:38px;height:38px;font-size:20px}.shop-by-effect__heading-bold{text-transform:uppercase;font-size:25px}}@media(max-width:749px){.shop-by-effect__grid{grid-template-columns:1fr;margin:0 auto;gap:20px}.shop-by-effect__card-image-wrap{aspect-ratio:16 / 9}.shop-by-effect__card-label{font-size:clamp(20px,5.5vw,28px)}.shop-by-effect__card-footer{padding:8px 0 4px}.shop-by-effect__card-arrow{width:40px;height:40px;font-size:20px}.shop-by-effect__header{margin-bottom:24px}}@media(max-width:480px){.shop-by-effect__card-label{font-size:clamp(18px,5vw,24px)}.shop-by-effect__card-arrow{width:36px;height:36px;font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */