/* Shop your way: light, quiet, same palette as the rest of the homepage. Logical properties. */
.mm-pk{padding-block:clamp(48px,8vw,96px)}
.mm-pk__head{display:grid;gap:8px;margin-block-end:22px}
.mm-pk__kick{margin:0;font-family:inherit;font-weight:800;font-size:11px;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:#4f6b00}
.mm-pk h2{margin:0;font-family:inherit;font-weight:800;font-size:clamp(1.7rem,5vw,2.8rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink,#0b0d12)}
.mm-pk__tabs{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:rgba(11,13,18,.06);max-inline-size:100%;overflow-x:auto;scrollbar-width:none}
.mm-pk__tabs::-webkit-scrollbar{display:none}
.mm-pk__tabs button{position:relative;z-index:1;border:0;background:none;padding:11px 18px;border-radius:999px;font-family:inherit;font-weight:700;font-size:13px;line-height:1;letter-spacing:.02em;color:rgba(11,13,18,.62);cursor:pointer;white-space:nowrap;transition:color .25s}
.mm-pk__tabs button[aria-selected="true"]{color:#fff}
.mm-pk__ink{position:absolute;z-index:0;inset-block:4px;left:4px;inline-size:var(--w,90px);transform:translateX(var(--x,0));border-radius:999px;background:var(--ink,#0b0d12);transition:transform .35s cubic-bezier(.2,.8,.2,1),inline-size .35s cubic-bezier(.2,.8,.2,1)}
.mm-pk__ctl{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-block:18px 6px;min-block-size:50px}
.mm-pk__sel{position:relative;display:block;inline-size:min(100%,320px)}
.mm-pk__sel::after{content:"";position:absolute;inset-inline-end:16px;inset-block-start:50%;inline-size:7px;block-size:7px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none;opacity:.7}
.mm-pk select{appearance:none;-webkit-appearance:none;inline-size:100%;block-size:50px;padding-inline:18px 44px;border:1.5px solid rgba(11,13,18,.22);border-radius:14px;background:#fff;color:var(--ink,#0b0d12);font-family:inherit;font-weight:700;font-size:14px;line-height:1;cursor:pointer}
.mm-pk select:focus-visible,.mm-pk input[type=range]:focus-visible,.mm-pk__go:focus-visible,.mm-pk__tabs button:focus-visible{outline:3px solid var(--ion,#7b6cff);outline-offset:2px}
.mm-pk__bud{display:flex;align-items:center;gap:16px;inline-size:min(100%,520px)}
.mm-pk__bud output{min-inline-size:9.5em;font-family:inherit;font-weight:800;font-size:15px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink,#0b0d12)}
.mm-pk input[type=range]{flex:1;appearance:none;-webkit-appearance:none;block-size:28px;background:none;cursor:pointer;--p:60%}
.mm-pk input[type=range]::-webkit-slider-runnable-track{block-size:4px;border-radius:4px;background:linear-gradient(90deg,var(--ink,#0b0d12) var(--p),rgba(11,13,18,.14) var(--p))}
.mm-pk input[type=range]::-moz-range-track{block-size:4px;border-radius:4px;background:rgba(11,13,18,.14)}
.mm-pk input[type=range]::-moz-range-progress{block-size:4px;border-radius:4px;background:var(--ink,#0b0d12)}
.mm-pk input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;inline-size:24px;block-size:24px;margin-block-start:-10px;border-radius:50%;background:var(--volt,#c8ff2e);border:2px solid var(--ink,#0b0d12);box-shadow:0 4px 14px rgba(11,13,18,.25)}
.mm-pk input[type=range]::-moz-range-thumb{inline-size:20px;block-size:20px;border-radius:50%;background:var(--volt,#c8ff2e);border:2px solid var(--ink,#0b0d12)}
.mm-pk__go{min-block-size:50px;padding-inline:26px;border:0;border-radius:999px;background:var(--ink,#0b0d12);color:var(--volt,#c8ff2e);font-family:inherit;font-weight:800;font-size:13px;line-height:1;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .2s}
.mm-pk__go:hover{transform:translateY(-2px)}
.mm-pk__all{margin-inline-start:auto;font-family:inherit;font-weight:800;font-size:13px;line-height:1;color:var(--ink,#0b0d12);text-decoration:underline;text-underline-offset:4px}
.mm-pk__count{margin:0 0 12px;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;color:rgba(11,13,18,.58);min-block-size:1.3em}
.mm-pk__rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 2px 18px;margin-inline:-2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.mm-pk__rail::-webkit-scrollbar{display:none}
.mm-pk__c{position:relative;flex:0 0 min(58vw,230px);scroll-snap-align:start;display:grid;gap:10px;color:inherit;text-decoration:none;animation:mmPkIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 45ms)}
.mm-pk__c figure{margin:0;aspect-ratio:4/5;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 1px 0 rgba(11,13,18,.06),0 18px 40px -26px rgba(11,13,18,.35);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.mm-pk__c img{inline-size:100%;block-size:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.mm-pk__c:hover figure,.mm-pk__c:focus-visible figure{transform:translateY(-4px);box-shadow:0 1px 0 rgba(11,13,18,.06),0 26px 50px -24px rgba(11,13,18,.45)}
.mm-pk__c:focus-visible{outline:3px solid var(--ion,#7b6cff);outline-offset:3px;border-radius:20px}
.mm-pk__c b{font-family:inherit;font-weight:800;font-size:14px;line-height:1.25;text-transform:uppercase;letter-spacing:.01em;color:var(--ink,#0b0d12);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-pk__c span{font-family:inherit;font-weight:700;font-size:13px;line-height:1;color:rgba(11,13,18,.7);font-variant-numeric:tabular-nums}
.mm-pk__c em{position:absolute;inset-block-start:12px;inset-inline-start:12px;padding:6px 10px;border-radius:999px;background:var(--ink,#0b0d12);color:var(--volt,#c8ff2e);font-family:inherit;font-weight:800;font-size:10px;line-height:1;font-style:normal;letter-spacing:.14em;text-transform:uppercase}
.mm-pk__none{padding:30px 4px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;color:rgba(11,13,18,.6)}
@keyframes mmPkIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(min-width:900px){.mm-pk__c{flex-basis:220px}}
@media(prefers-reduced-motion:reduce){.mm-pk__c{animation:none}.mm-pk__ink,.mm-pk__go,.mm-pk__c figure{transition:none}}