:root{--mhl-styling-line: #e6e6e6;--mhl-styling-muted: #888;--mhl-styling-maxw: 1160px}.mhl-styling__wrap{max-width:var(--mhl-styling-maxw);margin:0 auto;padding:0 20px}.mhl-styling-card__media img,.mhl-styling-slider__slide img,.mhl-styling-item__media img{display:block;width:100%;height:100%;object-fit:cover}.mhl-styling-card,.mhl-styling-detail__back,.mhl-styling-item{color:inherit;text-decoration:none}.mhl-styling__head{max-width:var(--mhl-styling-maxw);margin:0 auto;text-align:left;padding:56px 20px 40px}.mhl-styling__title{margin:0;font-size:26px;letter-spacing:.34em;font-weight:500;text-transform:uppercase}.mhl-styling__sub{margin:10px 0 0;font-size:12px;letter-spacing:.12em;color:var(--mhl-styling-muted)}.mhl-styling__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px;padding-bottom:80px}.mhl-styling-card{cursor:pointer}.mhl-styling-card__media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#f3f3f3}.mhl-styling-card__media img{transition:transform .6s ease}.mhl-styling-card:hover .mhl-styling-card__media img{transform:scale(1.03)}.mhl-styling-card__name{margin:14px 0 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.mhl-styling-card__meta{margin:3px 0 0;font-size:12px;letter-spacing:.04em;color:var(--mhl-styling-muted)}.mhl-styling__empty{text-align:center;color:var(--mhl-styling-muted);font-size:13px;padding:40px 0 80px}.mhl-styling-detail{max-width:800px;margin:0 auto;padding:24px 20px 96px}.mhl-styling-detail__back{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.08em;color:var(--mhl-styling-muted);padding:0 0 26px}.mhl-styling-detail__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:start}.mhl-styling-detail__info{position:sticky;top:24px}.mhl-styling-detail__name{margin:0;font-size:18px;letter-spacing:.08em;font-weight:500}.mhl-styling-detail__meta{margin:6px 0 28px;font-size:12px;letter-spacing:.06em;color:var(--mhl-styling-muted)}.mhl-styling-slider{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#f3f3f3;touch-action:pan-y}.mhl-styling-slider__track{display:flex;width:100%;height:100%;transition:transform .35s ease}.mhl-styling-slider__slide{flex:0 0 100%;width:100%;height:100%}.mhl-styling-slider__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border:0;border-radius:50%;background:#ffffffc7;color:#222;font-size:20px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background .2s ease}.mhl-styling-slider__nav:hover{background:#fffffff5}.mhl-styling-slider__nav--prev{left:10px}.mhl-styling-slider__nav--next{right:10px}.mhl-styling-slider__progress{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;background:#0000002e;pointer-events:none}.mhl-styling-slider__bar{display:block;height:100%;background:#000;transition:transform .35s ease}.mhl-styling-slider--single .mhl-styling-slider__nav,.mhl-styling-slider--single .mhl-styling-slider__progress{display:none}@media(hover:hover)and (pointer:fine){.mhl-styling-slider__nav{display:flex}.mhl-styling-slider:hover .mhl-styling-slider__nav{opacity:1}.mhl-styling-slider__progress{display:none}}.mhl-styling-items__label{font-size:11px;letter-spacing:.22em;color:#111;padding-bottom:14px;border-bottom:1px solid var(--mhl-styling-line);margin-bottom:20px}.mhl-styling-items{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 18px}.mhl-styling-item__media{width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#fff;margin-bottom:10px}.mhl-styling-item__media img{object-fit:contain}.mhl-styling-item__name{font-size:12px;letter-spacing:.04em;margin:0}.mhl-styling-item__price{font-size:12px;color:var(--mhl-styling-muted);margin:4px 0 8px}.mhl-styling-item__link{font-size:11px;letter-spacing:.1em;text-decoration:underline;text-underline-offset:3px}@media(max-width:900px){.mhl-styling-detail__layout{grid-template-columns:1fr;gap:28px}.mhl-styling-detail__info{position:static}}@media(max-width:680px){.mhl-styling__grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}.mhl-styling__head{padding:40px 20px 28px}.mhl-styling__title{font-size:21px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-mhl-styling.css.map */