.details-shop-by-needs{display:block;--gap: clamp(24px, 2.5vw , 48px)}.details-shop-by-needs__inner,.details-shop-by-needs__details__text-with-image{display:flex;flex-direction:column;gap:var(--gap)}.details-shop-by-needs .common-title,.details-shop-by-needs__details__text-with-image__title{margin:0;font-size:clamp(28px,calc(56 / 19.2 * 1vw),56px);text-align:center;line-height:1.2}.details-shop-by-needs__details__text-with-image__title{text-transform:uppercase}.details-shop-by-needs__container{--columns: 4;--row-gap: clamp(8px, calc(32 / 19.2 * 1vw), 32px);--column-gap: clamp(8px, 1.25vw , 24px)}.details-shop-by-needs__wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--row-gap) var(--column-gap)}.details-shop-by-needs__card{width:calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));flex-grow:0;flex-shrink:0;cursor:pointer;position:relative;border-radius:8px;overflow:hidden}.details-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;}.details-shop-by-needs__overlay-text{--bg-0: rgba(0, 0, 0, 0);--bg-1: rgba(0, 0, 0, .8);padding:clamp(8px,1.25vw,24px);background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%);color:#fff;display:flex;align-items:center;justify-content:center;transition:--bg-0 .3s,--bg-1 .3s}.details-shop-by-needs__overlay-text .icon{transition:.3s;width:clamp(17px,1.25vw,24px);height:auto}.details-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;text-align:center}.details-shop-by-needs__card:hover .details-shop-by-needs__overlay-text,.details-shop-by-needs__card.active .details-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%)}.details-shop-by-needs__card:hover .details-shop-by-needs__overlay-text .icon{transform:rotateY(180deg)}.details-shop-by-needs__container .swiper-scrollbar{position:static;margin-top:var(--gap);width:100%;background:transparent;height:8px}.details-shop-by-needs__container .swiper-scrollbar-drag:empty{background:#d0d5dd;display:block;cursor:grab}.details-shop-by-needs__swiper{margin-top:clamp(64px,calc(160 / 19.2 * 1vw),160px)}.details-shop-by-needs__details__text-with-image__content,.details-shop-by-needs__details__product-list svg{border-radius:8px;overflow:hidden}.details-shop-by-needs__details__text-with-image__text{margin:0;background:var(--Colors-Indigo-25, #F5F8FF);padding:clamp(16px,calc(64 / 19.2 * 1vw),64px);text-align:center;font-size:clamp(16px,calc(32 / 19.2 * 1vw),32px);line-height:1.37;font-weight:500;letter-spacing:-.64px}.details-shop-by-needs__details__product-list{margin-top:clamp(24px,calc(64 / 19.2 * 1vw),64px);display:grid;grid-template-columns:1fr 1fr;--gap: clamp(16px, calc(32 / 19.2 * 1vw), 32px);gap:var(--gap)}.details-shop-by-needs__details__product-list__half--left{display:flex;flex-direction:column;gap:var(--gap)}.details-shop-by-needs__details__product-list__image{border-radius:8px}.details-shop-by-needs__details__product-list__half__content{display:grid;grid-template-columns:1fr;gap:var(--gap)}.details-shop-by-needs__details__product-list__half__content__item{position:relative}.details-shop-by-needs__details__product-list__half__content__item__content{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(16px,1.25vw,24px);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.details-shop-by-needs__details__product-list__half__content__item__content__title{margin:0;font-size:clamp(18px,1.25vw,24px);font-weight:600;line-height:1.55;color:var(--Brand-Color_2025, #033EFF)}.details-shop-by-needs__details__product-list__half__content__item__content__button-box{display:flex;justify-content:space-between;gap:48px}.details-shop-by-needs__details__product-list__half__content__item.duo-part .details-shop-by-needs__details__product-list__half__content__item__content__button-box{width:100%;gap:0}.details-shop-by-needs__details__product-list__half__content__item__content__button{text-decoration:none;font-size:16px;line-height:1.68;font-weight:500;transition:.3s;display:flex;align-items:center;gap:4px}.details-shop-by-needs__details__product-list__half__content__item__content__button-1,.details-shop-by-needs__details__product-list__half__content__item__content__button-1:visited{color:var(--colors-gray-light-mode-400, #98A2B3)}.details-shop-by-needs__details__product-list__half__content__item__content__button-1:hover,.details-shop-by-needs__details__product-list__half__content__item__content__button-2,.details-shop-by-needs__details__product-list__half__content__item__content__button-2:visited{color:var(--Brand-Color_2025, #033EFF)}.details-shop-by-needs__details__product-list__half__content__item__content__button-2:hover{color:#002dc2}.details-shop-by-needs__details__product-list__half__content__item__content__button svg{transition:inherit}.details-shop-by-needs__details__product-list__half__content__item__content__button-2:hover svg{transform:rotateY(180deg)}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content{padding:clamp(16px,calc(40 / 19.2 * 1vw),40px)}.details-shop-by-needs__details__product-list__half__content__item__content__header-box{text-align:center;display:flex;flex-direction:column;gap:clamp(8px,calc(16 / 19.2 * 1vw),16px)}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content__title{font-size:clamp(20px,1.5625vw,30px);line-height:1.26}.details-shop-by-needs__details__product-list__half__content__item__content__desc{line-height:1.5;font-size:clamp(14px,calc(16 / 19.2 * 1vw),16px)}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content__button{font-size:18px}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content__button-box{width:50%}.details-shop-by-needs__details__product-list__half__content__item__image{height:100%}.details-shop-by-needs__details__text-with-image__image-placeholder{aspect-ratio:1440 / 587}.details-shop-by-needs__swiper .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:1200px) and (min-width:1001px){.details-shop-by-needs__details__product-list__half__content__item__content__button{font-size:12px}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content__button-box{width:90%}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content__button{font-size:14px}}@media (min-width:1001px){.details-shop-by-needs__details__product-list__half__content.duo-part{grid-template-columns:1fr 1fr}.details-shop-by-needs__details__product-list.flex-reverse .details-shop-by-needs__details__product-list__half--left{order:2}}@media screen and (max-width:1000px){.details-shop-by-needs__container{--columns: 2}.details-shop-by-needs__wrapper{display:grid;grid-template-columns:repeat(var(--columns),1fr)}.details-shop-by-needs__card{width:100%}.details-shop-by-needs__wrapper .details-shop-by-needs__card:last-child{grid-column:span 2}.details-shop-by-needs__inner.page-width{padding-inline:0}.details-shop-by-needs__inner.page-width .common-header,.details-shop-by-needs__container .swiper{padding-inline:var(--page-padding)}.details-shop-by-needs__details__product-list{grid-template-columns:1fr}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content__button-box{width:60%}}@media screen and (max-width:749px){.details-shop-by-needs__details__product-list__half__content{grid-template-columns:1fr}.details-shop-by-needs__details__product-list__half--right .details-shop-by-needs__details__product-list__half__content__item__content__button-box{width:100%}.details-shop-by-needs__details__text-with-image__image,.details-shop-by-needs__details__product-list__image{aspect-ratio:343 / 180;object-fit:cover}.details-shop-by-needs__details__product-list__half__content__item__content__button-box{gap:0;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-details-shop-by-needs.css.map */