.mk-scale{background:#f5efe4;color:#1e1b16;padding-block:clamp(56px,8vw,104px)}.mk-scale__inner{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2.1fr);gap:clamp(28px,5vw,72px);align-items:center;max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--page-margin, 24px)}.mk-eyebrow{font-family:var(--font-subheading--family);font-weight:500;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7e6236;margin:0 0 14px}.mk-scale__heading{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(28px,3.2vw,40px);line-height:1.12;margin:0 0 14px;color:#1e1b16}.mk-scale__intro{font-size:15px;line-height:1.65;color:#6e655a;margin:0 0 18px;max-width:36ch}.mk-scale__tier{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 26px;font-family:var(--font-accent--family);font-style:italic;color:#6e655a;font-size:15px}.mk-scale__tier .mk-tier__badge{font-family:var(--font-subheading--family);font-style:normal;font-weight:500;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#7e6236;border:1px solid #7E6236;padding:5px 10px 4px;line-height:1}.mk-scale__label{font-family:var(--font-subheading--family);font-weight:500;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#6e655a;margin:0 0 10px}.mk-scale__tabs{display:flex;flex-direction:column;border-top:1px solid rgba(168,134,79,.35);margin-bottom:20px}.mk-scale__tab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 2px;border-bottom:1px solid rgba(168,134,79,.35);font-size:14.5px;color:#6e655a;transition:color .2s ease,padding .2s ease}.mk-scale__tab-spec{font-size:12.5px;color:#7e6236;opacity:1;font-variant-numeric:tabular-nums}.mk-scale__tab:hover{color:#1e1b16}.mk-scale__tab.is-active{color:#1e1b16;padding-inline-start:14px;position:relative}.mk-scale__tab.is-active:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:6px;height:6px;margin-top:-3px;background:#a8864f;transform:rotate(45deg)}.mk-scale__tab:focus-visible{outline:1px solid #A8864F;outline-offset:2px}.mk-scale__sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(168,134,79,.45);margin-bottom:22px}.mk-scale__size{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:8px 6px;text-align:center;color:#6e655a;transition:background .2s ease,color .2s ease}.mk-scale__size+.mk-scale__size{border-inline-start:1px solid rgba(168,134,79,.45)}.mk-scale__size-name{font-size:14px;letter-spacing:.02em}.mk-scale__size-spec{font-size:11.5px;color:#7e6236;font-variant-numeric:tabular-nums;white-space:nowrap}.mk-scale__size:not(.is-active):hover:not(:disabled){color:#1e1b16;background:#a8864f14}.mk-scale__size.is-active{background:#1e1b16;color:#f5efe4}.mk-scale__size.is-active .mk-scale__size-spec{color:#d9c29a}.mk-scale__size:disabled{cursor:not-allowed;opacity:.38}.mk-scale__size:disabled .mk-scale__size-spec{text-decoration:line-through}.mk-scale__size:focus-visible{outline:1px solid #A8864F;outline-offset:-3px}.mk-scale__fit{min-height:64px}.mk-scale__grade{display:flex;align-items:center;gap:12px;margin:0 0 4px;font-family:var(--font-heading--family);font-size:22px;color:#1e1b16}.mk-scale__dots{display:inline-flex;gap:5px}.mk-scale__dots i{width:7px;height:7px;border:1px solid #7E6236;transform:rotate(45deg);display:block}.mk-scale__dots i.on{background:#a8864f}.mk-scale__hint,.mk-scale__note{font-size:14px;color:#6e655a;margin:0 0 4px;line-height:1.55}.mk-scale__note{font-family:var(--font-accent--family);font-style:italic;color:#1e1b16}.mk-scale__dims{margin:16px 0 6px;font-size:13px;letter-spacing:.02em;color:#1e1b16;font-variant-numeric:tabular-nums}.mk-scale__small{margin:0;font-size:12px;color:#6e655a}.mk-scale__stage{position:relative;width:100%;height:clamp(420px,44vw,580px);background:linear-gradient(#f8f3ea,#f5efe4 70%);outline:1px solid rgba(168,134,79,.25);outline-offset:-1px;overflow:hidden;direction:ltr}.mk-scale__stage svg{display:block}.mk-scale__visual{min-width:0}.mk-svg-t{font-family:var(--font-body--family);fill:#1e1b16;font-size:12px}.mk-svg-t--dim{font-size:12.5px;fill:#1e1b16;font-variant-numeric:tabular-nums}.mk-svg-t--sub{font-size:11.5px;fill:#6e655a}.mk-svg-t--cap{font-size:11px;fill:#6e655a;letter-spacing:.04em}@media(max-width:849px){.mk-scale__inner{grid-template-columns:1fr}.mk-scale__visual{order:2}.mk-scale__stage{height:400px}.mk-scale__copy{display:contents}.mk-scale__copy>*{order:1}.mk-scale__copy>.mk-scale__fit,.mk-scale__copy>.mk-scale__dims,.mk-scale__copy>.mk-scale__small{order:3}.mk-scale__inner{gap:0}.mk-scale__stage{margin-block:6px 0}.mk-scale__visual{margin-bottom:18px}.mk-scale__tabs{flex-direction:row;overflow-x:auto;border-top:0;gap:8px;margin-bottom:14px;scrollbar-width:none;padding-bottom:2px}.mk-scale__tabs::-webkit-scrollbar{display:none}.mk-scale__tab{flex:none;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 14px;border:1px solid rgba(168,134,79,.45);font-size:13.5px}.mk-scale__tab.is-active{padding-inline-start:14px;background:#1e1b16;color:#f5efe4;border-color:#1e1b16}.mk-scale__tab.is-active:before{display:none}.mk-scale__tab.is-active .mk-scale__tab-spec{color:#d9c29a}.mk-scale__sizes{margin-bottom:14px}.mk-scale__size{min-height:48px}}.mk-scale__tab{min-height:44px;box-sizing:border-box;align-items:center}@media(max-width:849px){.mk-scale__tab{justify-content:center}.mk-scale__tabs.has-more{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}[dir=rtl] .mk-scale__tabs.has-more{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 24px),transparent)}}:lang(zh) .mk-scale__tier,:lang(zh) .mk-scale__note,:lang(zh) .mk-svg-t,:lang(ja) .mk-scale__tier,:lang(ja) .mk-scale__note,:lang(ja) .mk-svg-t{font-style:normal}.mk-scale__dims bdi,.mk-scale__size-spec bdi{unicode-bidi:isolate}@media(min-width:750px){body:has(.sticky-add-to-cart__bar[data-stuck=true]) .mk-scale{padding-bottom:calc(clamp(56px,8vw,104px) + 88px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/maraki-scale.css.map */