@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&display=swap');
.mhs{--ink:#1c1b1a;--soft:#6a655f;--mute:#958f88;--line:#e7e2da;--line2:#d9d2c7;--acc:#b0764a;--deep:#7a5136;--cream:#f4efe8;--sand:#ebe2d6;--paper:#fdfcfa;--sale:#a8432f;--saleBg:#fbefea;--go:#3b7f60;max-width:1320px;margin:0 auto;padding:0 24px 72px;color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;box-sizing:border-box;text-align:left}
.mhs *,.mhs *:before,.mhs *:after{box-sizing:border-box}
.mhs h1,.mhs h2,.mhs h3,.mhs h4{font-family:"Fraunces",Georgia,serif;font-weight:500;color:var(--ink);border:0!important;padding:0!important;letter-spacing:-.01em;margin:0;text-transform:none}
.mhs h1{font-size:clamp(32px,4.4vw,52px);line-height:1.04}
.mhs h2{font-size:clamp(24px,2.6vw,32px);line-height:1.1}
.mhs h3{font-size:18px;line-height:1.25}
.mhs p{margin:0}
.mhs a{color:inherit;text-decoration:none}
.mhs button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.mhs img{max-width:100%;display:block}
.mhs .crumb{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--soft);padding:18px 0 0}
.mhs .crumb a:hover{color:var(--acc);text-decoration:underline}
.mhs .crumb span:before{content:"/";margin-right:6px;color:var(--line2)}
.mhs .disc{font-size:12.5px;color:var(--soft);background:var(--cream);border-radius:999px;padding:7px 14px;display:inline-flex;gap:8px;align-items:center;margin-top:14px}
.mhs .disc b{color:var(--deep);font-weight:600}
/* hero */
.mhs .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:end;padding:22px 0 26px;border-bottom:1px solid var(--line)}
.mhs .hero .k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);font-weight:600;margin-bottom:10px;display:block}
.mhs .hero p.lead{font-size:18px;color:var(--soft);margin-top:12px;max-width:560px}
.mhs .search{position:relative;margin-top:20px;max-width:560px}
.mhs .search input{width:100%;height:52px;border:1px solid var(--line2);border-radius:999px;padding:0 54px 0 22px;font:inherit;font-size:16px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}
.mhs .search input:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(176,118,74,.14)}
.mhs .search button{position:absolute;right:6px;top:6px;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.mhs .search svg{width:18px;height:18px}
.mhs .sugg{position:absolute;left:0;right:0;top:58px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(28,27,26,.12);z-index:30;padding:8px;display:none}
.mhs .sugg.on{display:block}
.mhs .sugg button{display:flex;width:100%;text-align:left;padding:9px 12px;border-radius:10px;gap:10px;align-items:center;font-size:14.5px}
.mhs .sugg button:hover,.mhs .sugg button.hl{background:var(--cream)}
.mhs .sugg small{color:var(--mute);margin-left:auto;font-size:12px}
.mhs .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mhs .trust div{background:var(--cream);border-radius:16px;padding:16px 16px 14px}
.mhs .trust b{display:block;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:26px;line-height:1;color:var(--deep)}
.mhs .trust span{font-size:13px;color:var(--soft);display:block;margin-top:6px}
/* sections */
.mhs .sec{padding:34px 0 6px}
.mhs .sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.mhs .sec-h a,.mhs .sec-h button.more{font-size:14px;color:var(--deep);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* department tiles */
.mhs .tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.mhs .tile{display:block;text-align:center}
.mhs .tile .ph{aspect-ratio:1;border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}
.mhs .tile .ph img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply}
.mhs .tile:hover .ph{transform:translateY(-3px);box-shadow:0 12px 26px rgba(28,27,26,.09)}
.mhs .tile b{display:block;font-weight:600;font-size:14.5px;margin-top:10px;line-height:1.25}
.mhs .tile small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}
/* need chips */
.mhs .needs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mhs .need{border-radius:18px;padding:20px 18px;background:var(--sand);display:flex;flex-direction:column;gap:6px;min-height:128px;transition:background .15s}
.mhs .need:nth-child(2n){background:var(--cream)}
.mhs .need:hover{background:#e6d6c4}
.mhs .need b{font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:21px;line-height:1.15}
.mhs .need span{font-size:13.5px;color:var(--soft)}
.mhs .need i{font-style:normal;margin-top:auto;font-size:13px;color:var(--deep);font-weight:600}
/* carousel */
.mhs .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 64px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.mhs .rail>*{scroll-snap-align:start}
.mhs .railnav{display:flex;gap:8px}
.mhs .railnav button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;background:#fff}
.mhs .railnav button:hover{border-color:var(--ink)}
/* brands */
.mhs .brands{display:flex;flex-wrap:wrap;gap:10px}
.mhs .brands a{border:1px solid var(--line2);border-radius:999px;padding:9px 16px;font-size:14px;background:#fff;transition:all .15s}
.mhs .brands a:hover{border-color:var(--ink);background:var(--ink);color:#fff}
/* guides strip */
.mhs .gstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mhs .gstrip a{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff;display:block;transition:border-color .15s}
.mhs .gstrip a:hover{border-color:var(--acc)}
.mhs .gstrip small{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:600}
.mhs .gstrip b{display:block;font-family:"Fraunces",Georgia,serif;font-weight:500;font-size:19px;margin-top:6px;line-height:1.2}
.mhs .about{margin-top:40px;background:var(--cream);border-radius:22px;padding:26px 28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:14.5px;color:var(--soft)}
.mhs .about h3{margin-bottom:8px}
/* listing */
.mhs .lhead{padding:16px 0 18px;border-bottom:1px solid var(--line)}
.mhs .lhead h1{margin-top:8px}
.mhs .lhead p.lead{color:var(--soft);margin-top:8px;font-size:16px;max-width:760px}
.mhs .subs{display:flex;gap:14px;overflow-x:auto;padding:18px 0 6px;scrollbar-width:thin}
.mhs .sub{flex:0 0 112px;text-align:center;font-size:13px;font-weight:600;line-height:1.25}
.mhs .sub .ph{width:96px;height:96px;margin:0 auto 8px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:border-color .15s}
.mhs .sub .ph img{width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply}
.mhs .sub.on .ph{border:2px solid var(--acc)}
.mhs .sub.on{color:var(--deep)}
.mhs .sub:hover .ph{border-color:var(--acc)}
.mhs .layout{display:grid;grid-template-columns:260px 1fr;gap:32px;margin-top:18px}
.mhs .side{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:6px;scrollbar-width:thin}
.mhs .fgroup{border-bottom:1px solid var(--line);padding:14px 0}
.mhs .fgroup>button{display:flex;justify-content:space-between;align-items:center;width:100%;font-weight:600;font-size:14.5px}
.mhs .fgroup>button:after{content:"";width:8px;height:8px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:rotate(45deg);margin-top:-4px;transition:transform .2s}
.mhs .fgroup.shut>button:after{transform:rotate(-135deg);margin-top:4px}
.mhs .fgroup.shut .fbody{display:none}
.mhs .fbody{margin-top:10px;display:flex;flex-direction:column;gap:2px}
.mhs .fbody input[type=search]{width:100%;height:36px;border:1px solid var(--line2);border-radius:10px;padding:0 12px;font:inherit;font-size:14px;margin-bottom:6px;background:#fff}
.mhs .opt{display:flex;align-items:center;gap:10px;padding:5px 2px;font-size:14px;cursor:pointer;border-radius:8px;user-select:none}
.mhs .opt:hover{color:var(--deep)}
.mhs .opt input{position:absolute;opacity:0;pointer-events:none}
.mhs .opt .bx{width:18px;height:18px;border:1.5px solid var(--line2);border-radius:5px;flex:0 0 18px;display:grid;place-items:center;background:#fff;transition:all .12s}
.mhs .opt input:checked+.bx{background:var(--ink);border-color:var(--ink)}
.mhs .opt input:checked+.bx:after{content:"";width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-1px,-1px)}
.mhs .opt input:focus-visible+.bx{box-shadow:0 0 0 3px rgba(176,118,74,.3)}
.mhs .opt em{font-style:normal;color:var(--mute);margin-left:auto;font-size:12.5px}
.mhs .opt.zero{opacity:.4}
.mhs .showall{font-size:13.5px;color:var(--deep);text-decoration:underline;align-self:flex-start;margin-top:6px}
.mhs .sw{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;margin-top:4px}
.mhs .sw label{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;color:var(--soft);cursor:pointer;text-transform:capitalize}
.mhs .sw label input{position:absolute;opacity:0}
.mhs .sw label i{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 3px #fff;display:block;transition:box-shadow .12s}
.mhs .sw label input:checked+i{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--ink)}
.mhs .sw label.zero{opacity:.35}
.mhs .tog{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600;font-size:14.5px;cursor:pointer}
.mhs .tog input{position:absolute;opacity:0}
.mhs .tog i{width:42px;height:24px;border-radius:999px;background:var(--line2);position:relative;transition:background .15s;flex:0 0 42px}
.mhs .tog i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.mhs .tog input:checked+i{background:var(--sale)}
.mhs .tog input:checked+i:after{transform:translateX(18px)}
.mhs .tog small{display:block;font-weight:400;color:var(--mute);font-size:12.5px}
.mhs .bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mhs .count{font-size:14px;color:var(--soft)}
.mhs .count b{color:var(--ink)}
.mhs .bar .r{display:flex;gap:10px;align-items:center}
.mhs select{height:40px;border:1px solid var(--line2);border-radius:999px;padding:0 36px 0 16px;font:inherit;font-size:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231c1b1a' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;color:var(--ink);cursor:pointer}
.mhs .fbtn{display:none;height:40px;border:1px solid var(--ink);border-radius:999px;padding:0 18px;font-weight:600;font-size:14px;align-items:center;gap:8px}
.mhs .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.mhs .chip{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border-radius:999px;padding:6px 8px 6px 14px;font-size:13.5px}
.mhs .chip b{width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:400;font-size:14px;line-height:1}
.mhs .chip.clear{background:none;text-decoration:underline;padding-left:6px}
/* grid + cards */
.mhs .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px}
.mhs .card{position:relative;display:flex;flex-direction:column;min-width:0}
.mhs .card .ph{position:relative;aspect-ratio:1;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer}
.mhs .card .ph img{width:88%;height:88%;object-fit:contain;transition:transform .35s}
.mhs .card:hover .ph img{transform:scale(1.04)}
.mhs .card .ph .qv{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(255,255,255,.95);border-radius:999px;padding:8px;font-size:13px;font-weight:600;text-align:center;opacity:0;transform:translateY(6px);transition:all .2s;border:1px solid var(--line)}
.mhs .card:hover .ph .qv,.mhs .card .ph:focus-visible .qv{opacity:1;transform:none}
.mhs .tag{position:absolute;left:10px;top:10px;background:var(--sale);color:#fff;font-size:12px;font-weight:700;border-radius:6px;padding:4px 8px;letter-spacing:.02em;z-index:1}
.mhs .tag.cl{background:var(--ink)}
.mhs .card .br{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);font-weight:600;margin-top:12px}
.mhs .card h3{font-family:inherit;font-weight:500;font-size:15px;line-height:1.35;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;letter-spacing:0}
.mhs .card h3:hover{text-decoration:underline}
.mhs .dots{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:12.5px;color:var(--mute)}
.mhs .dots i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.14);display:block}
.mhs .price{margin-top:8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.mhs .price b{font-size:17px;font-weight:700}
.mhs .price.sale b{color:var(--sale)}
.mhs .price .rrp{color:var(--mute);font-size:13px}.mhs .price s{color:var(--mute)}
.mhs .price small{font-size:12.5px;color:var(--sale);font-weight:600;width:100%}
.mhs .price .from{font-size:12.5px;color:var(--soft);font-weight:400}
.mhs .go{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:999px;border:1px solid var(--ink);font-size:13.5px;font-weight:600;transition:all .15s}
.mhs .go:hover{background:var(--ink);color:#fff}
.mhs .card .go{margin-top:auto}
.mhs .card .sp{flex:1;min-height:12px}
.mhs .moreb{display:flex;flex-direction:column;align-items:center;gap:10px;margin:40px 0 0;font-size:14px;color:var(--soft)}
.mhs .moreb .pbar{width:220px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.mhs .moreb .pbar i{display:block;height:100%;background:var(--ink)}
.mhs .moreb button{height:46px;padding:0 34px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600}
.mhs .empty{padding:60px 20px;text-align:center;background:var(--cream);border-radius:20px}
.mhs .empty h3{font-size:24px;margin-bottom:8px}
.mhs .empty p{color:var(--soft)}
.mhs .empty button{margin-top:16px;text-decoration:underline;color:var(--deep)}
.mhs .gtip{margin:6px 0 22px;border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;gap:14px;align-items:center;background:#fff}
.mhs .gtip i{font-style:normal;width:42px;height:42px;border-radius:50%;background:var(--cream);display:grid;place-items:center;flex:0 0 42px;font-family:"Fraunces",Georgia,serif;color:var(--deep);font-size:20px}
.mhs .gtip p{font-size:14.5px;color:var(--soft)}
.mhs .gtip a{color:var(--deep);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.mhs .skel{background:linear-gradient(90deg,#f3efe9 25%,#ebe5dc 37%,#f3efe9 63%);background-size:400% 100%;animation:mhsk 1.4s ease infinite;border-radius:14px}
@keyframes mhsk{0%{background-position:100% 50%}100%{background-position:0 50%}}
/* modal */
.mhs-ov{position:fixed;inset:0;background:rgba(28,27,26,.48);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s}
.mhs-ov.on{opacity:1}
.mhs-ov.mhs{max-width:none;margin:0;padding:20px}
.mhs-ov .mdl{background:var(--paper,#fdfcfa);border-radius:22px;width:min(1040px,100%);max-height:calc(100vh - 40px);overflow:auto;position:relative;display:grid;grid-template-columns:1.05fr 1fr;transform:translateY(10px);transition:transform .2s}
.mhs-ov.on .mdl{transform:none}
.mhs-ov .x{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:22px;line-height:1;z-index:2}
.mhs-ov .mimg{background:#fff;display:grid;place-items:center;padding:30px;border-radius:22px 0 0 22px;min-height:420px;position:relative}
.mhs-ov .mimg img{width:100%;max-height:520px;object-fit:contain}
.mhs-ov .minfo{padding:34px 34px 30px}
.mhs-ov .minfo h2{font-size:28px;line-height:1.12;margin-top:6px}
.mhs-ov .minfo .price{margin-top:14px}
.mhs-ov .minfo .price b{font-size:26px}
.mhs-ov .vlab{font-size:13.5px;font-weight:600;margin-top:20px}
.mhs-ov .vlab span{font-weight:400;color:var(--soft)}
.mhs-ov .vars{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.mhs-ov .vars button{width:58px;height:58px;border-radius:12px;border:1px solid var(--line);background:#fff;overflow:hidden;padding:4px;display:grid;place-items:center}
.mhs-ov .vars button img{width:100%;height:100%;object-fit:contain}
.mhs-ov .vars button.on{border:2px solid var(--ink)}
.mhs-ov .vars button.txt{width:auto;padding:0 12px;font-size:12.5px;height:38px}
.mhs-ov .buy{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:15.5px}
.mhs-ov .buy:hover{background:var(--deep)}
.mhs-ov .fine{font-size:12.5px;color:var(--mute);margin-top:10px;text-align:center}
.mhs-ov .desc{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;font-size:14.5px;color:var(--soft);line-height:1.65}
.mhs-ov .desc h4{font-family:inherit;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:6px;letter-spacing:0}
.mhs-ov .gl{margin-top:16px;background:var(--cream);border-radius:14px;padding:12px 14px;font-size:14px}
.mhs-ov .gl a{color:var(--deep);font-weight:600;text-decoration:underline}
.mhs-ov .rel{grid-column:1/-1;padding:0 34px 30px}
.mhs-ov .rel h3{font-size:20px;margin:6px 0 14px}
.mhs-ov .rel .grid{grid-template-columns:repeat(4,1fr)}
/* mobile filter drawer */
.mhs-dr .dhead,.mhs-dr .dfoot{display:none}.mhs .go .sm{display:none}.mhs-bd{display:none}
@media (max-width:1100px){.mhs .tiles{grid-template-columns:repeat(4,1fr)}.mhs .grid{grid-template-columns:repeat(3,1fr)}.mhs .rail{grid-auto-columns:calc((100% - 48px)/4)}}
@media (max-width:900px){
.mhs{padding:0 16px 56px}
.mhs .hero{grid-template-columns:1fr;gap:18px}
.mhs .layout{grid-template-columns:1fr}
.mhs .fbtn{display:inline-flex}
.mhs .side{position:fixed;inset:0 0 0 auto;width:min(380px,90vw);max-height:none;background:var(--paper);z-index:9998;padding:0 20px 90px;transform:translateX(100%);transition:transform .25s;top:0;visibility:hidden}
.mhs .side.on{transform:none;visibility:visible;box-shadow:-20px 0 40px rgba(0,0,0,.15)}
.mhs .mhs-bd.on{display:block;position:fixed;inset:0;background:rgba(28,27,26,.4);z-index:9997}
.mhs-dr .dhead{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--paper);padding:18px 0 12px;border-bottom:1px solid var(--line);z-index:1}
.mhs-dr .dhead b{font-family:"Fraunces",Georgia,serif;font-size:22px;font-weight:500}
.mhs-dr .dhead button{font-size:26px;line-height:1}
.mhs-dr .dfoot{display:flex;gap:10px;position:fixed;bottom:0;right:0;width:min(380px,90vw);padding:14px 20px;background:var(--paper);border-top:1px solid var(--line)}
.mhs-dr .dfoot button{flex:1;height:46px;border-radius:999px;font-weight:600;border:1px solid var(--ink)}
.mhs-dr .dfoot button.p{background:var(--ink);color:#fff}
.mhs .needs{grid-template-columns:repeat(2,1fr)}
.mhs .gstrip,.mhs .about{grid-template-columns:1fr}
.mhs-ov,.mhs-ov.mhs{padding:0;align-items:flex-end}
.mhs-ov .mdl{grid-template-columns:1fr;border-radius:22px 22px 0 0;max-height:94vh}
.mhs-ov .mimg{border-radius:22px 22px 0 0;min-height:0;padding:24px}
.mhs-ov .mimg img{max-height:300px}
.mhs-ov .minfo{padding:22px 20px 24px}
.mhs-ov .rel{padding:0 20px 24px}
.mhs-ov .rel .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.mhs .tiles{grid-template-columns:repeat(3,1fr);gap:12px}
.mhs .tile b{font-size:13px}
.mhs .tile small{display:none}
.mhs .grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}
.mhs .rail{grid-auto-columns:46%}
.mhs .trust b{font-size:21px}
.mhs .trust span{font-size:12px}
.mhs .card .go{height:36px;font-size:13px}.mhs .card .go .lg{display:none}.mhs .card .go .sm{display:inline}.mhs .disc{border-radius:14px;display:block;line-height:1.45}
.mhs .card .ph .qv{display:none}
.mhs .bar .r select{max-width:170px}
.mhs .about{padding:20px}
}

/* v2: wishlist + finder banner */
.mhs .ph{position:relative}
.mhs .wlh{position:absolute;top:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #e7e2da;background:rgba(255,255,255,.94);color:#8a8378;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .12s,color .12s}
.mhs .wlh:hover{transform:scale(1.1);color:#b0764a}
.mhs .wlh.on{color:#b3362c;border-color:#e8c7c2}
.mhs .wlh.on svg path{fill:#b3362c;stroke:#b3362c}
.mhs .mimg .wlh{top:12px;right:12px;width:38px;height:38px}
.mhs-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);background:#1c1b1a;color:#fff;font-family:Newsreader,Georgia,serif;font-size:15px;padding:11px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:99999;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.mhs-toast.on{opacity:1;transform:translate(-50%,0)}
.mhs .wlbtn{display:inline-flex;align-items:center;gap:7px;border:1px solid #e7e2da;background:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-size:14px;color:#1c1b1a;cursor:pointer}
.mhs .wlbtn:hover{border-color:#b0764a;color:#b0764a}
.mhs .wlbtn svg{color:#b3362c}
.mhs .wlbtn b{font-weight:600}
.mhs .wlbtn.hub{margin-top:14px;background:transparent}
.mhs .wlsum{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #e7e2da;border-radius:14px;padding:14px 18px;margin:0 0 18px}
.mhs .wlsum .wln{font-size:15.5px;color:#4c463f}
.mhs .wlsum .wln b{font-family:Fraunces,Georgia,serif;font-size:18px}
.mhs .shr{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mhs .shr span{font-size:13.5px;color:#6a655f}
.mhs .shr a,.mhs .shr button{font:inherit;font-size:14px;border:1px solid #e7e2da;background:#f4efe8;color:#1c1b1a;border-radius:999px;padding:8px 15px;cursor:pointer;text-decoration:none}
.mhs .shr a:hover,.mhs .shr button:hover{border-color:#b0764a;color:#7a5136}
.mhs .shr .cp.p,.mhs .empty .p{background:#b0764a;border-color:#b0764a;color:#fff}
.mhs .shr .cp.p:hover{background:#7a5136;color:#fff}
.mhs .finderb{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center;background:#1c1b1a;color:#fff;border-radius:18px;padding:30px 32px}
.mhs .finderb .k2{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d9a97f;font-weight:600;margin-bottom:8px}
.mhs .finderb h2{font-family:Fraunces,Georgia,serif;font-size:clamp(22px,3vw,30px);margin:0 0 8px;color:#fff}
.mhs .finderb p{margin:0;color:#c9c3b9;font-size:15.5px;line-height:1.6}
.mhs .fbtns{display:grid;gap:10px}
.mhs .fbtns a{display:block;text-align:center;background:#b0764a;color:#fff;border-radius:999px;padding:12px 18px;font-size:15px;text-decoration:none}
.mhs .fbtns a:hover{background:#9c6137}
.mhs .fbtns a.w{background:transparent;border:1px solid #5a554e;color:#e8e3da}
.mhs .fbtns a.w:hover{border-color:#b0764a;color:#fff}
@media (max-width:760px){.mhs .finderb{grid-template-columns:1fr;padding:24px 20px}}

/* v3: in-shop baby kit finder */
.mhs .fhead2 .k{display:inline-block;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:#b0764a;font-weight:600;margin-top:4px}
.mhs .ftabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}
.mhs .ftabs button{border:1px solid #e7e2da;background:#fff;border-radius:999px;padding:10px 18px;font:inherit;font-size:14.5px;color:#1c1b1a;cursor:pointer}
.mhs .ftabs button.on{background:#1c1b1a;border-color:#1c1b1a;color:#fff}
.mhs .fbody{margin-top:14px}
.mhs .fq{max-width:640px;margin:6px auto 30px;background:#fff;border:1px solid #e7e2da;border-radius:18px;padding:28px 26px;box-shadow:0 10px 30px rgba(28,27,26,.05)}
.mhs .fprog{height:5px;background:#f4efe8;border-radius:99px;overflow:hidden;margin-bottom:12px}
.mhs .fprog i{display:block;height:100%;background:#b0764a;transition:width .3s}
.mhs .fstep{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6b6560}
.mhs .fq h3{font-family:Fraunces,Georgia,serif;font-size:clamp(22px,3.4vw,28px);margin:8px 0 6px;line-height:1.15}
.mhs .fs{color:#6b6560;font-size:15px;margin:0 0 6px}
.mhs .fopts{display:grid;gap:10px;margin-top:16px}
.mhs .fopt{display:block;text-align:left;border:1.5px solid #e7e2da;background:#fff;border-radius:14px;padding:14px 16px;font:inherit;font-size:16px;cursor:pointer;transition:border-color .15s,transform .15s}
.mhs .fopt b{font-family:Fraunces,Georgia,serif;font-weight:600;display:block}
.mhs .fopt span{color:#6b6560;font-size:14px}
.mhs .fopt:hover{border-color:#b0764a;transform:translateY(-1px)}
.mhs .fopt.on{border-color:#b0764a;background:#faf5ef}
.mhs .fcols{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:16px}
.mhs .fcol{border:1.5px solid #e7e2da;border-radius:14px;background:#fff;padding:12px 8px;display:grid;justify-items:center;gap:7px;font:inherit;font-size:13.5px;cursor:pointer}
.mhs .fcol i{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
.mhs .fcol:hover,.mhs .fcol.on{border-color:#b0764a}
.mhs .fcol.on{background:#faf5ef}
.mhs .fweek{margin-top:18px;display:grid;gap:14px;justify-items:center}
.mhs .fweek input[type=range]{width:100%;accent-color:#b0764a}
.mhs .fwv{text-align:center}
.mhs .fwv b{font-family:Fraunces,Georgia,serif;font-size:24px;display:block}
.mhs .fwv em{color:#6b6560;font-style:normal;font-size:14px}
.mhs .fnext2{background:#b0764a;color:#fff;border:0;border-radius:999px;padding:12px 24px;font:inherit;font-size:16px;cursor:pointer}
.mhs .fnext2:hover{background:#7a5136}
.mhs .fskip,.mhs .fback,.mhs .fredo,.mhs .flink{background:none;border:0;color:#6b6560;text-decoration:underline;font:inherit;font-size:14px;padding:4px;cursor:pointer}
.mhs .flink{color:#b0764a;padding:0}
.mhs .fnav{margin-top:14px}
.mhs .fsum{background:#1c1b1a;color:#fff;border-radius:18px;padding:24px;text-align:center}
.mhs .fsum h3{font-family:Fraunces,Georgia,serif;font-size:clamp(22px,3.4vw,30px);color:#fff;margin:0}
.mhs .fsum p{color:#d8d2c9;margin:6px auto 2px;max-width:620px;font-size:15px}
.mhs .fsum .fredo{color:#d8d2c9}
.mhs .fnow{background:#faf5ef;border:1px solid #ecdcc9;border-radius:14px;padding:14px 18px;margin:14px 0 0;font-size:15px}
.mhs .fnow b{font-family:Fraunces,Georgia,serif}
.mhs .fnow p{margin:4px 0 0;color:#4c463f}
.mhs .fest{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 6px}
.mhs .fest>div{background:#fff;border:1px solid #e7e2da;border-radius:14px;padding:14px;text-align:center}
.mhs .fest b{font-family:Fraunces,Georgia,serif;font-size:clamp(18px,2.6vw,24px);display:block}
.mhs .fest span{font-size:12.5px;color:#6b6560}
.mhs .fest .ok b{color:#3e6e3a}
.mhs .fest .over b{color:#9c3b32}
.mhs .fsec{border-top:1px solid #e7e2da;margin-top:26px;padding-top:20px}
.mhs .fsech{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.mhs .fsech i{font-style:normal;font-family:Fraunces,Georgia,serif;color:#b0764a;font-size:15px}
.mhs .fsech h3{font-family:Fraunces,Georgia,serif;font-size:clamp(21px,3vw,27px);margin:0}
.mhs .fbud{font-size:13px;color:#6b6560;background:#f4efe8;border-radius:999px;padding:4px 12px}
.mhs .fwhy{max-width:720px;color:#4c463f;font-size:16px;margin:8px 0 4px}
.mhs .fw2{margin-top:18px;font-weight:600}
.mhs .fpicks{margin-top:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.mhs .fmore{margin:10px 0 0;font-size:14.5px}
.mhs .fmore a{color:#b0764a}
.mhs .fwbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e7e2da;border-radius:14px;padding:14px 18px}
.mhs .fwbar label{font-family:Fraunces,Georgia,serif;font-size:18px}
.mhs .fwbar input[type=number]{width:74px;font:inherit;font-size:18px;padding:8px 10px;border:1.5px solid #e7e2da;border-radius:10px;text-align:center}
.mhs .fwbar input[type=range]{flex:1;min-width:160px;accent-color:#b0764a}
.mhs .fwbar em{color:#6b6560;font-style:normal;font-size:14px}
.mhs .fwblock{margin-top:22px;border:1px solid #e7e2da;border-radius:16px;overflow:hidden;background:#fff}
.mhs .fwblock .fwh{padding:12px 18px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.mhs .fwblock .fwh b{font-family:Fraunces,Georgia,serif;font-size:19px}
.mhs .fwblock .fwh span{color:#6b6560;font-size:13.5px}
.mhs .fwblock.now .fwh{background:#eef3ea;color:#2f4d2b}
.mhs .fwblock.now .fwh span{color:#51724c}
.mhs .fwblock.past .fwh{background:#f4efe8}
.mhs .fwblock.next .fwh{border-bottom:1px dashed #e7e2da}
.mhs .fwblock.ahead .fwh{background:#1c1b1a}
.mhs .fwblock.ahead .fwh b{color:#fff}
.mhs .fwblock.ahead .fwh span{color:#bdb7ad}
.mhs .fwitem{padding:14px 18px;border-top:1px solid #e7e2da}
.mhs .fwitem:first-of-type{border-top:0}
.mhs .fwtt{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.mhs .fwtt b{font-family:Fraunces,Georgia,serif;font-size:17px}
.mhs .fwtt span{font-size:12.5px;color:#b0764a;letter-spacing:.08em;text-transform:uppercase}
.mhs .fwitem>p{margin:4px 0 0;color:#4c463f;font-size:15px;max-width:720px}
.mhs .fbbar{background:#fff;border:1px solid #e7e2da;border-radius:14px;padding:16px 18px}
.mhs .fbbar label{font-family:Fraunces,Georgia,serif;font-size:19px;display:block;margin-bottom:10px}
.mhs .fbrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mhs .fbrow .cur{font-family:Fraunces,Georgia,serif;font-size:20px;color:#6b6560}
.mhs .fbrow input{width:120px;font:inherit;font-size:19px;padding:9px 12px;border:1.5px solid #e7e2da;border-radius:10px}
.mhs .fbq{display:flex;gap:8px;flex-wrap:wrap}
.mhs .fbq button{border:1px solid #e7e2da;background:#f4efe8;border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer}
.mhs .fbq button:hover{border-color:#b0764a;color:#b0764a}
.mhs .fbbar .fs{margin-top:10px;margin-bottom:0}
.mhs .fbcat{border:1px solid #e7e2da;border-radius:16px;background:#fff;margin-top:14px;padding:14px 18px}
.mhs .fbcat.off{background:#f4efe8;opacity:.75}
.mhs .fbch{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.mhs .fbch label{display:flex;gap:10px;align-items:center;font-family:Fraunces,Georgia,serif;font-size:17.5px;cursor:pointer}
.mhs .fbch input{width:18px;height:18px;accent-color:#b0764a}
.mhs .fbch em{font-style:normal;color:#6b6560;font-size:13.5px;background:#f4efe8;border-radius:999px;padding:4px 12px}
.mhs .fbcat.off .fbch em{background:#fff}
@media (max-width:700px){
  .mhs .fest{grid-template-columns:1fr 1fr}
  .mhs .fest>div:last-child{grid-column:1/-1}
  .mhs .fq{padding:22px 16px}
  .mhs .fpicks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}

/* v4: centre the finder views on wide screens */
.mhs .fhead2,.mhs .fbody{max-width:1100px;margin-left:auto;margin-right:auto}
.mhs .fpicks{grid-template-columns:repeat(auto-fit,minmax(200px,280px))}
@media (max-width:700px){.mhs .fpicks{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}

/* v5: finder matches the blog column width and format */
.mhs .fhead2,.mhs .fbody{max-width:760px}
.mhs .fhead2{text-align:center}
.mhs .fhead2 .crumb{justify-content:center;text-align:center}
.mhs .fhead2 .lead{margin-left:auto;margin-right:auto}
.mhs .ftabs{justify-content:center}
.mhs .fq{max-width:none}
.mhs .fpicks{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
