.home-shop-by-needs{display:block;--gap: clamp(24px, 2.5vw , 48px)}.home-shop-by-needs__inner{display:flex;flex-direction:column;gap:var(--gap)}.home-shop-by-needs .common-title{margin:0;font-size:clamp(28px,calc(56 / 19.2 * 1vw),56px);text-align:center;line-height:1.2}.home-shop-by-needs__container{--columns: 4;--column-gap: 32px}.home-shop-by-needs__card{width:calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));position:relative;border-radius:8px;overflow:hidden}.home-shop-by-needs__wrapper .home-shop-by-needs__card:not(:last-child){margin-right:var(--column-gap)}.home-shop-by-needs__overlay-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column-reverse;text-decoration:unset}@property --bg-0{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --bg-1{syntax: "<color>"; inherits: false; initial-value: transparent;}.home-shop-by-needs__overlay-text{--bg-0: rgba(0, 0, 0, 0);--bg-1: rgba(0, 0, 0, .8);padding:16px clamp(16px,1.25vw,24px);background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;transition:--bg-0 .3s,--bg-1 .3s}.home-shop-by-needs__overlay-text .icon{transition:.3s;width:clamp(17px,1.25vw,24px);height:auto}.home-shop-by-needs__overlay-text .overlay-title{margin:0;font-size:clamp(14px,calc(20 / 19.2 * 1vw),20px);font-weight:500;line-height:1.6}.home-shop-by-needs__card:hover .home-shop-by-needs__overlay-text{--bg-0: rgba(3, 62, 255, 0);--bg-1: rgba(3, 62, 255, .8);background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%)}.home-shop-by-needs__card:hover .home-shop-by-needs__overlay-text .icon{transform:rotateY(180deg)}.home-shop-by-needs__container .swiper-scrollbar{position:static;margin-top:var(--gap);width:100%;background:transparent;height:8px}.home-shop-by-needs__container .swiper-scrollbar-drag:empty{background:#d0d5dd;display:block;cursor:grab}@media screen and (max-width:1400px){.home-shop-by-needs__container{--columns: 3;--column-gap: 24px}}@media screen and (max-width:1000px){.home-shop-by-needs__container{--columns: 2.5;--column-gap: 16px}.home-shop-by-needs__inner.page-width{padding-inline:0}.home-shop-by-needs__inner.page-width .common-header,.home-shop-by-needs__container .swiper{padding-inline:var(--page-padding)}}@media screen and (max-width:749px){.home-shop-by-needs__container{--columns: 1.5}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-home-shop-by-needs.css.map */