.ytmus-shop-concern{width:100%;padding:55px 0;background:var(--ytmus-section-bg);overflow:hidden}.ytmus-shop-concern__header{max-width:760px;margin:0 auto 30px;text-align:center;animation:ytmusConcernHeaderIn .7s cubic-bezier(.2,.7,.2,1) both}.ytmus-shop-concern__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;border-radius:999px;background:#edf5fc;color:#568da0;font-size:12px;line-height:1;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease}.ytmus-shop-concern__eyebrow:hover{transform:translateY(-2px);box-shadow:0 5px 14px #3264781f}.ytmus-shop-concern__heading{margin:10px 0 0;color:#292624;font-size:55px;line-height:1.05;font-weight:700;letter-spacing:-.035em}.ytmus-shop-concern__description{max-width:830px;margin:12px auto 0;color:#7a6055;font-size:14px;line-height:1.55}.ytmus-shop-concern__description p{margin:0}.ytmus-shop-concern__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:var(--ytmus-card-gap)}.ytmus-shop-concern__card{position:relative;min-width:0;height:var(--ytmus-card-height);overflow:hidden;border-radius:var(--ytmus-card-radius);background:#edf3f4;animation:ytmusConcernCardIn .7s cubic-bezier(.2,.7,.2,1) both}.ytmus-shop-concern__card:nth-child(1){animation-delay:.05s}.ytmus-shop-concern__card:nth-child(2){animation-delay:.12s}.ytmus-shop-concern__card:nth-child(3){animation-delay:.19s}.ytmus-shop-concern__card:nth-child(4){animation-delay:.26s}.ytmus-shop-concern__card:nth-child(5){animation-delay:.33s}.ytmus-shop-concern__card:nth-child(6){animation-delay:.4s}.ytmus-shop-concern__card:nth-child(7){animation-delay:.47s}.ytmus-shop-concern__card:nth-child(8){animation-delay:.54s}.ytmus-shop-concern__card-link{position:relative;display:block;width:100%;height:100%;color:inherit;text-decoration:none}.ytmus-shop-concern__media{position:relative;width:100%;height:100%;overflow:hidden}.ytmus-shop-concern__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .45s ease}.ytmus-shop-concern__card:hover .ytmus-shop-concern__image{transform:scale(1.04)}.ytmus-shop-concern__video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.ytmus-shop-concern__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);transition:transform .8s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.ytmus-shop-concern__card:hover .ytmus-shop-concern__video-wrapper{opacity:1;visibility:visible}.ytmus-shop-concern__card:hover .ytmus-shop-concern__video{transform:scale(1.04)}}.ytmus-shop-concern__card.is-active .ytmus-shop-concern__video-wrapper{opacity:1;visibility:visible}.ytmus-shop-concern__card.is-active .ytmus-shop-concern__video{transform:scale(1.02)}.ytmus-shop-concern__overlay{position:absolute;display:block;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.35) 100%);pointer-events:none;transition:opacity .4s ease}.ytmus-shop-concern__button{position:absolute;left:50%;bottom:38px;z-index:4;display:flex;align-items:center;justify-content:space-between;width:140px;min-height:40px;padding:0 16px;transform:translate(-50%);border-radius:999px;background:#27778c;color:#fff;font-size:14px;line-height:1;font-weight:600;box-shadow:0 5px 14px #0000001f;transition:width .35s ease,transform .35s ease,background-color .35s ease,box-shadow .35s ease}.ytmus-shop-concern__card:hover .ytmus-shop-concern__button{width:155px;transform:translate(-50%) translateY(-4px);background:#075b72;box-shadow:0 9px 20px #0000002e}.ytmus-shop-concern__button-arrow{display:flex;align-items:center;justify-content:center;font-size:13px;transition:transform .3s ease}.ytmus-shop-concern__card:hover .ytmus-shop-concern__button-arrow{transform:translate(4px)}.ytmus-shop-concern__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#e4eeee;color:#5d8994;font-size:11px;font-weight:600}@keyframes ytmusConcernHeaderIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ytmusConcernCardIn{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:990px){.ytmus-shop-concern{padding:45px 0}.ytmus-shop-concern__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ytmus-shop-concern__card{height:350px}}@media screen and (max-width:749px){.ytmus-shop-concern{padding:40px 0}.ytmus-shop-concern>.page-width{padding-left:15px;padding-right:15px}.ytmus-shop-concern__header{margin-bottom:25px}.ytmus-shop-concern__heading{font-size:32px}.ytmus-shop-concern__description{font-size:12px}.ytmus-shop-concern__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ytmus-shop-concern__grid::-webkit-scrollbar{display:none}.ytmus-shop-concern__card{flex:0 0 72vw;width:72vw;height:390px;scroll-snap-align:start}.ytmus-shop-concern__button{bottom:25px;width:130px;min-height:36px;font-size:13px}}@media screen and (max-width:480px){.ytmus-shop-concern__card{flex-basis:78vw;width:78vw;height:600px}}@media(prefers-reduced-motion:reduce){.ytmus-shop-concern__header,.ytmus-shop-concern__card{animation:none!important;opacity:1!important}.ytmus-shop-concern__image,.ytmus-shop-concern__video,.ytmus-shop-concern__video-wrapper,.ytmus-shop-concern__button{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ytmus-shop-by-concern.css.map */