/* Merchwick brand skin */
:root{--fb:'Outfit',system-ui,sans-serif;--fd:'Outfit',system-ui,sans-serif;--fdw:600;--fdl:-.035em;
  --bg:#F7F8F7;--surface:#fff;--surface2:#EEF1EF;--ink:#111213;--mut:#6A6F6C;--line:#E4E7E5;--line2:#D3D8D5;
  --acc:#6255EF;--acc-ink:#fff;--acc-r:#6255EF;--eyb:#6255EF;--r:18px;--ri:12px;--im-bg:#F2F4F3;--pc-ar:4/5;--star:#111213;
  --hdr:rgba(247,248,247,.9);--nav-on:#111213;--nav-on-ink:#fff;--badge:#6255EF;--ft-bg:#111213;--ft-ink:#fff;--ft-mut:#A9AEAB;--ft-line:#2C2F2D;--ft-field:#1C1E1D}
.top{backdrop-filter:blur(12px)}.logo svg{height:30px}
.nav a{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px}
.bagb .ct{background:#6255EF;color:#fff}
.foot .logo{color:#fff}.foot .b-acc{color:#fff}
.m-lk{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}
.m-lk svg{width:15px;height:15px}

/* hero */
.m-hero{padding:18px 0 0}
.m-panel{position:relative;background:#DCE3DF;border-radius:30px;padding:36px 36px 0;display:grid;grid-template-columns:76px 1fr 1fr;grid-template-rows:auto auto;column-gap:30px;overflow:hidden;min-height:640px;background-image:radial-gradient(60% 60% at 75% 30%,#EEF2EF 0,#DCE3DF 70%)}
.m-rail{grid-row:1;display:flex;flex-direction:column;gap:8px;align-self:start;padding:8px;background:rgba(255,255,255,.55);border-radius:22px;margin-top:20px}
.m-rail a{font-size:12.5px;font-weight:500;text-align:center;padding:8px 6px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .2s}
.m-rail a.on{background:#111213;color:#fff}
.m-rail a.on i{width:7px;height:7px;border-radius:2px;background:#CFCAFC}
.m-rail a:hover:not(.on){background:#F2F4F3}
.m-hl{padding-top:50px;position:relative;z-index:2}
.m-new{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;background:rgba(255,255,255,.7);border-radius:999px;padding:4px 12px 4px 4px}
.m-new b{background:#6255EF;color:#fff;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600}
.m-hl h1{font-size:clamp(46px,5.6vw,82px);margin:18px 0 16px;line-height:1}
.m-hl p{color:#3A3D3B;max-width:40ch;font-size:16px}
.m-explore{position:absolute;left:-118px;top:360px;width:118px;height:118px;border-radius:50%;background:#111213;color:#fff;display:grid;place-items:center;align-content:center;gap:8px;font-size:12.5px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);transition:transform .3s}
.m-explore:hover{transform:scale(1.05) rotate(-6deg)}
.m-explore i{width:30px;height:30px;border-radius:50%;background:#CFCAFC;color:#111213;display:grid;place-items:center}
.m-explore svg{width:15px;height:15px}
.m-model{position:relative;grid-row:1/3;grid-column:3;display:flex;justify-content:center;align-items:flex-end;min-height:600px}
.m-model>img{max-height:600px;width:auto;position:relative;z-index:1}
.m-help{position:absolute;right:0;top:46%;z-index:2;background:#fff;border-radius:14px;padding:8px 14px 8px 8px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:0 14px 30px -18px rgba(0,0,0,.4)}
.m-help img{width:34px;height:34px;border-radius:50%;object-fit:cover}.m-help small{display:block;color:var(--mut);font-size:11.5px}
.m-pills{position:absolute;right:10px;top:calc(46% + 62px);z-index:2;display:flex;gap:6px}
.m-pills span{background:#fff;border-radius:999px;padding:4px 10px;font-size:11.5px}
.m-search{grid-column:2/3;grid-row:2;align-self:end;background:#fff;border-radius:24px 24px 0 0;padding:16px 16px 20px;margin-top:30px;position:relative;z-index:3;margin-right:-60px}
.m-sb{width:100%;display:flex;align-items:center;gap:12px;height:52px;border-radius:999px;background:#F2F4F3;padding:0 8px 0 20px;color:var(--mut);font-size:14.5px}
.m-sb i{margin-left:auto;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#111213}
.m-qt{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.m-qt a{border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:2px;font-size:13px;transition:border-color .2s}
.m-qt a:hover{border-color:#111213}
.m-qt a>img{height:40px;width:auto;object-fit:contain;mix-blend-mode:multiply;margin-bottom:4px}
.m-qt small{color:var(--mut);font-size:11.5px}
.m-thumbs{display:flex;margin-bottom:4px}.m-thumbs img{width:34px;height:40px;object-fit:cover;border-radius:6px;border:2px solid #fff;margin-right:-8px}
.m-all{background:#6255EF;color:#fff;border-color:#6255EF!important;align-content:space-between}
.m-all i{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center}.m-all svg{width:14px;height:14px}

/* categories */
.m-cats h2,.m-new2 h2{font-size:clamp(30px,3.4vw,44px)}
.m-cg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.m-cat{background:#F2F4F3;border-radius:20px;padding:18px;display:flex;justify-content:space-between;align-items:center;height:140px;overflow:hidden;transition:background .25s}
.m-cat:hover{background:#E4E9E6}
.m-cat small{display:block;color:var(--mut);font-size:12.5px}
.m-cat b{font-size:17px}
.m-cat img{height:120px;width:100px;object-fit:cover;border-radius:40px;transition:transform .5s}
.m-cat:hover img{transform:scale(1.06) rotate(3deg)}

/* list */
.m-list{padding:10px 0 40px}
.m-lg{background:#DCE3DF;border-radius:30px;padding:28px;display:grid;grid-template-columns:1.1fr .75fr 1fr;gap:14px;align-items:stretch;min-height:440px}
.m-lt{padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}
.m-dk{background:#111213;color:#fff;font-size:11px;font-weight:600;letter-spacing:.06em;border-radius:999px;padding:5px 12px}
.m-lt h2{font-size:clamp(32px,3.4vw,46px);line-height:1.05}
.m-lt p{color:#3A3D3B;max-width:40ch;font-size:14.5px}
.m-lt .b-ghost{border-color:#111213}
.m-lc{display:grid;gap:14px}
.m-im{border-radius:20px;overflow:hidden;background:#fff;position:relative;display:block}
.m-im img{width:100%;height:100%;object-fit:cover}
.m-bt{background:#fff}.m-bt img{object-fit:contain;padding:14px}
.m-off{position:absolute;left:12px;bottom:12px;width:70px;height:70px;border-radius:50%;background:#fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.3);display:grid;place-items:center;align-content:center;line-height:1;text-align:center}
.m-off b{color:#6255EF;font-size:20px}.m-off small{font-size:10px;color:var(--mut)}
.m-chk>div{position:absolute;inset:0;display:grid;align-content:center;justify-items:start;gap:8px;padding:20px}
.m-chk button{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.92);border-radius:999px;padding:7px 16px 7px 8px;font-size:13.5px;font-weight:500;min-width:170px;transition:background .2s,opacity .2s;box-shadow:0 8px 20px -14px rgba(0,0,0,.4)}
.m-chk button svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#E4E9E6;color:transparent;transition:all .2s}
.m-chk button.on svg{background:#111213;color:#fff}
.m-chk button:not(.on){opacity:.7}

/* product cards */
.m-pc .im{background:#F2F4F3}
.m-tag{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500}
.m-nm{font-size:15px;font-weight:500;margin-top:4px}
.m-pr{font-size:17px;color:var(--ink);font-weight:600}.m-pr s{color:var(--mut);font-weight:400;font-size:13px;margin-right:6px}
.m-pc .sub{font-size:12px}

/* marquee */
.m-marq{overflow:hidden;padding:30px 0 50px}
.m-marq div{display:flex;align-items:center;gap:30px;width:max-content;animation:m-mq 28s linear infinite}
.m-marq span{font-size:clamp(48px,7vw,104px);font-weight:700;letter-spacing:-.03em;white-space:nowrap;line-height:1}
.m-marq span.g{color:#C9CDCB}
.m-marq i{width:clamp(44px,5vw,70px);height:clamp(44px,5vw,70px);border-radius:50%;background:#111213;color:#fff;display:grid;place-items:center;flex:none}
.m-marq i.p{background:#6255EF}.m-marq i svg{width:45%;height:45%}
@keyframes m-mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.m-marq div{animation:none}}

/* lookbook */
.m-look{padding-bottom:40px}
.m-lb{position:relative;border-radius:30px;overflow:hidden;height:min(86vh,760px);color:#fff}
.m-lb>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.9)}
.m-lb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 30%,transparent 50%,rgba(0,0,0,.55))}
.m-lay{position:absolute;top:22px;left:28px;z-index:2;font-size:clamp(22px,2.4vw,32px)}
.m-hot{position:absolute;left:50%;top:42%;z-index:2;background:#fff;color:#111213;border-radius:12px;padding:6px 12px 6px 6px;display:flex;gap:8px;align-items:center;font-size:12.5px;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);animation:m-bob 3s ease-in-out infinite}
.m-hot img{width:32px;height:32px;border-radius:8px;object-fit:cover}.m-hot small{display:block;color:var(--mut);font-size:11px}
@keyframes m-bob{50%{transform:translateY(-6px)}}
.m-lbt{position:absolute;left:28px;bottom:28px;z-index:2;max-width:420px}
.m-lbt small{font-size:11.5px;letter-spacing:.08em;opacity:.85}
.m-lbt h2{font-size:clamp(34px,4vw,54px);margin:8px 0 18px}
.m-ef{display:flex;gap:6px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:999px;padding:5px;max-width:360px}
.m-ef input{flex:1;background:none;border:0;outline:none;color:#fff;padding:0 12px;min-width:0}
.m-ef input::placeholder{color:rgba(255,255,255,.75)}
.m-ef button{width:36px;height:36px;border-radius:50%;background:#CFCAFC;color:#111213;display:grid;place-items:center}
.m-lb .m-ef span{color:#fff}
.m-lba{position:absolute;right:28px;bottom:28px;z-index:2;display:flex;gap:8px}
.m-glass{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px)}
.m-wh{background:#fff;color:#111213}

/* deals */
.m-deals{background:#111213;color:#fff;padding:70px 0;border-radius:30px;margin:0 12px 12px;--line:#2C2F2D}
.m-deals h2{font-size:clamp(32px,3.6vw,48px)}
.m-deals .m-lk{color:#fff}
.m-cd{display:flex;align-items:center;gap:6px}.m-cd small{color:#A9AEAB;margin-right:6px}
.m-cd b{width:44px;height:40px;border-radius:10px;background:#232524;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.m-dg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.m-deal{background:var(--dc);color:#111213;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:transform .3s}
.m-deal:hover{transform:translateY(-4px)}
.m-dh{display:flex;justify-content:space-between;align-items:start}
.m-dh b{font-size:19px}.m-dh small{display:block;color:#6A6F6C;font-size:12.5px}
.m-plus{width:32px;height:32px;border-radius:50%;background:#fff;display:grid;place-items:center}.m-plus svg{width:16px;height:16px}
.m-dim{aspect-ratio:1.2;display:grid;place-items:center}
.m-dim img{max-height:100%;max-width:80%;object-fit:contain;transition:transform .5s}
.m-deal:hover .m-dim img{transform:scale(1.06) rotate(-4deg)}
.m-dp{display:flex;align-items:baseline;gap:10px}.m-dp s{color:#6A6F6C;font-size:13px}.m-dp b{font-size:26px}.m-dp span{margin-left:auto;font-size:12.5px}
.m-da{display:flex;gap:8px}.m-da .b-pri{flex:1}.m-da .ib{width:36px;height:36px;background:#fff}.m-da .ib svg{width:16px;height:16px}
.m-da .ib.on{color:#E0384B}.m-da .ib.on svg{fill:currentColor}
.m-dots{display:flex;gap:6px}.m-dots i{width:6px;height:6px;border-radius:3px;background:#3A3D3B}.m-dots i.on{width:22px;background:#CFCAFC}
.m-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}
.m-stats div{border:1px solid #2C2F2D;border-radius:18px;padding:18px 20px}
.m-stats b{font-size:24px;display:block}.m-stats small{color:#A9AEAB;font-size:12.5px}

/* app band */
.m-app{background:#1C1E1D;border-radius:24px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:48px}
.m-app h3{font-size:clamp(26px,3vw,36px)}.m-app p{color:#A9AEAB;margin-top:6px;font-size:14px}
.m-stores{display:flex;gap:10px}.m-stores .b{background:#fff;color:#111213}.m-stores .b-ghost{background:transparent;color:#fff;border-color:#fff}

/* sellers page */
.m-sg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.m-sel{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff;display:grid;gap:14px}
.m-sh{display:flex;align-items:center;gap:10px}.m-sh small{display:block;font-size:12px}.m-sh .b{margin-left:auto}
.m-av{width:40px;height:40px;border-radius:12px;background:#CFCAFC;display:grid;place-items:center;font-weight:700}
.m-sp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.m-sp img{aspect-ratio:1;object-fit:cover;border-radius:10px;background:#F2F4F3}
.m-open{margin-top:48px;background:#DCE3DF;border-radius:24px;padding:30px;display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}
.m-open h2{font-size:32px}.m-of{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}

@media (max-width:1080px){.m-panel{grid-template-columns:1fr 1fr;padding:26px 26px 0}.m-rail{display:none}.m-hl{grid-column:1}.m-model{grid-column:2}.m-search{grid-column:1/-1;margin-right:0}.m-explore{display:none}.m-lg{grid-template-columns:1fr 1fr}.m-lt{grid-column:1/-1;padding:10px}.m-dg{grid-template-columns:1fr 1fr}.m-cg{grid-template-columns:1fr 1fr}.m-sg{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.m-panel{grid-template-columns:1fr;min-height:0}.m-hl{padding-top:10px}.m-model{grid-column:1;grid-row:auto;min-height:0}.m-model>img{max-height:420px}.m-search{grid-row:auto}.m-qt{grid-template-columns:1fr 1fr}.m-stats{grid-template-columns:1fr 1fr}.m-lba{left:28px;right:auto;top:70px;bottom:auto}.m-hot{left:30%;top:36%}.m-open,.m-of{grid-template-columns:1fr}}
@media (max-width:560px){.m-dg,.m-lg,.m-sg{grid-template-columns:1fr}.m-cat{height:110px}.m-cat img{height:90px;width:76px}.m-deals{margin:0 0 12px;border-radius:24px;padding:48px 0}.m-lb{height:640px}.m-help{top:30%}.m-pills{top:calc(30% + 58px)}}