.mh-sp{position:relative;width:100%;overflow:hidden;contain:layout style}.mh-sp__inner{max-width:100%;margin:0 auto;padding:80px 0 60px}.mh-sp__heading{text-align:center;font-size:clamp(28px,2.8vw,40px);line-height:1.2;margin:0 0 48px;padding:0 24px}.mh-sp__heading-regular{font-family:var(--mh-font-body);font-weight:700;color:var(--mh-text)}.mh-sp__heading-accent{font-family:var(--mh-font-heading);font-weight:700;color:var(--mh-green)}.mh-sp__carousel{position:relative;overflow:visible;padding:0}.mh-sp__track{display:flex;gap:24px;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform;cursor:grab;align-items:flex-end;padding:0 16px;min-height:calc((25vw - 18px) / .82 + 94px)}.mh-sp__track.is-dragging{cursor:grabbing;transition:none}.mh-sp__track.no-transition{transition:none!important}.mh-sp__card{flex-shrink:0;width:calc(25% - 18px);display:flex;flex-direction:column;transition:filter .5s ease,opacity .5s ease;filter:grayscale(100%);opacity:.75;cursor:pointer}.mh-sp__card.is-active{filter:grayscale(0%);opacity:1;cursor:default}.mh-sp__card--clone .mh-sp__product{visibility:hidden}.mh-sp__media{position:relative;width:100%;aspect-ratio:.85/1;border-radius:14px;overflow:hidden;background:var(--mh-border);transition:aspect-ratio .4s ease}.mh-sp__card.is-active .mh-sp__media{aspect-ratio:.82/1}.mh-sp__media img,.mh-sp__media video{display:block;width:100%;height:100%;object-fit:cover}.mh-sp__media iframe{display:block;width:100%;height:100%;border:none;pointer-events:none}.mh-sp__card.is-active .mh-sp__media iframe{pointer-events:auto}.mh-sp__product{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;margin-top:12px;box-shadow:0 2px 8px #0000000a}.mh-sp__product-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--mh-surface)}.mh-sp__product-info{flex:1;min-width:0}.mh-sp__product-name{font-family:var(--mh-font-body);font-size:13px;font-weight:500;color:var(--mh-text);margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mh-sp__product-price{font-family:var(--mh-font-body);font-size:12px;font-weight:400;color:var(--mh-text);margin:0;line-height:1.5}.mh-sp__product-price--compare{text-decoration:line-through;opacity:.5;display:block;font-size:12px}.mh-sp__product-price--sale{color:var(--mh-sale);font-weight:600;font-size:14px;display:block}.mh-sp__product-magnifier{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:var(--mh-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.mh-sp__product-magnifier:hover{background:var(--mh-green)}.mh-sp__product-magnifier svg{width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none}.mh-sp__expanded{position:relative;width:100%;height:var(--mh-expanded-h, auto);border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);padding:24px;display:flex;flex-direction:column;justify-content:flex-start;animation:mhExpandSlideUp .4s cubic-bezier(.4,0,.2,1) forwards}.mh-sp__expanded-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.mh-sp__expanded-close:hover{background:#0000000a}.mh-sp__expanded-close svg{width:14px;height:14px;stroke:var(--mh-text);stroke-width:2;fill:none}.mh-sp__expanded-product{display:flex;align-items:center;gap:14px;margin-bottom:20px}.mh-sp__expanded-thumb{width:72px;height:72px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--mh-surface)}.mh-sp__expanded-info{flex:1;min-width:0}.mh-sp__expanded-name{font-family:var(--mh-font-body);font-size:15px;font-weight:500;color:var(--mh-text);margin:0 0 4px;line-height:1.3}.mh-sp__expanded-price{font-family:var(--mh-font-body);font-size:14px;font-weight:400;color:var(--mh-text);margin:0}.mh-sp__expanded-atc{width:100%;padding:14px 24px;background:var(--mh-text);color:#fff;border:none;border-radius:999px;font-family:var(--mh-font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease;margin-bottom:10px;position:relative;overflow:hidden;isolation:isolate;z-index:0}.mh-sp__expanded-atc:before{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--mh-green);transition:height .45s ease;z-index:-1}.mh-sp__expanded-atc:hover:before{height:100%}.mh-sp__expanded-atc:disabled{opacity:.5;cursor:not-allowed}.mh-sp__expanded-details{width:100%;padding:14px 24px;background:transparent;color:var(--mh-text);border:1.5px solid rgba(0,0,0,.12);border-radius:999px;font-family:var(--mh-font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background .3s ease;text-decoration:none;text-align:center;display:block}.mh-sp__expanded-details:hover{background:#00000008}.mh-sp__dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:32px}.mh-sp__dot{width:10px;height:10px;border-radius:50%;background:#00000026;border:none;cursor:pointer;padding:0;transition:background .3s ease,width .3s ease,border-radius .3s ease;position:relative;overflow:hidden}.mh-sp__dot.is-active{width:52px;border-radius:4px;background:#00000026}.mh-sp__dot.is-active:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:var(--mh-text);border-radius:4px;animation:mhSpDotFill var(--mh-sp-fill-duration, 10s) linear forwards}@keyframes mhSpDotFill{0%{width:0%}to{width:100%}}@media(max-width:1200px){.mh-sp__card{width:calc(30% - 18px)}.mh-sp__track{min-height:calc((30vw - 18px) / .82 + 94px)}}@keyframes mhExpandSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes mhExpandSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@media(max-width:768px){.mh-sp__inner{padding:48px 0 40px}.mh-sp__heading{margin-bottom:32px}.mh-sp__track{gap:12px;padding:0 24px;min-height:calc(85vw / .65 + 80px)}.mh-sp__card{width:85%;filter:grayscale(0%);opacity:1}.mh-sp__media,.mh-sp__card.is-active .mh-sp__media{aspect-ratio:.65/1}.mh-sp__expanded{border-radius:12px}.mh-sp__product{padding:10px 12px;border-radius:10px}.mh-sp__card--clone .mh-sp__product{display:none}.mh-sp__dots{margin-top:24px}}.mh-sp--padded{padding-top:var(--mh-sp-pt, 0px);padding-bottom:var(--mh-sp-pb, 0px)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mh-portrait-video-carousel.css.map */