/* Web Studios 4U theme kit: shop (e-commerce) sections. Per-theme variables are set inline in :root. */
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body);padding-top:40px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}
h1,h2,h3,h4,.logo{font-family:var(--head);font-weight:var(--hw,700);letter-spacing:var(--hls,-.02em);line-height:1.04;margin:0}
.up h1,.up h2,.up .logo,.up .bnr h3,.up .ccard h3{text-transform:uppercase}
.it h1 em,.it h2 em{font-style:italic}
h1 em,h2 em{font-style:var(--em,normal);color:var(--ac)}
.w{width:min(var(--max,1240px),calc(100% - 40px));margin-inline:auto}
.g{display:block}
/* demo ribbon */
.rib{position:fixed;top:0;left:0;right:0;z-index:60;height:40px;background:#0b0d0c;color:#e8eae5;font:13px/1.2 -apple-system,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px}
.rib b{color:#c9ff4a}.rb{display:flex;gap:8px;flex:none}.rb a{background:#c9ff4a;color:#0b0d0c;font-weight:700;border-radius:7px;padding:6px 10px}.rb .wa,.rb .bk{background:transparent;color:#c9ff4a;border:1px solid #3a3f37}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:var(--br,var(--r));font-weight:700;font-size:15px;border:0;letter-spacing:var(--bls,0);transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}.b1{background:var(--ac);color:var(--bf)}.b2{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}.b3{background:var(--fg);color:var(--bg)}
.up .btn{text-transform:uppercase;font-size:13px;letter-spacing:.12em}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.lnk{font-weight:700;border-bottom:2px solid var(--ac);padding-bottom:2px}
.ey{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--ac);margin:0 0 18px}
.ey.chip{background:color-mix(in srgb,var(--ac) 14%,transparent);padding:7px 14px;border-radius:99px;letter-spacing:.08em}
.sub{color:var(--mu);font-size:18px;margin:0 0 30px;max-width:480px}
/* announcement */
.ann{background:var(--annbg);color:var(--annfg);font-size:13px;font-weight:600}
.ann .w{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:38px}
.ann .mid{flex:1;text-align:center}.ann .side{display:flex;gap:16px;opacity:.85;flex:none}
.ann-run{overflow:hidden;white-space:nowrap}.ann-run .w{justify-content:center;gap:42px;width:auto}.ann-run span::before{content:"✦";margin-right:42px;opacity:.6}.ann-run span:first-child::before{display:none}
/* header */
.hd{position:sticky;top:40px;z-index:40;background:var(--hdbg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hdi{display:flex;align-items:center;gap:28px;height:78px;position:relative}
.logo{font-size:25px;display:flex;align-items:center;gap:10px;white-space:nowrap;flex:none}
.logo .mk{width:34px;height:34px;border-radius:calc(var(--r)*.6 + 4px);background:var(--ac);display:grid;place-items:center;flex:none}.logo .mk svg{width:20px;height:20px}
.logo .dot{color:var(--ac)}
.lg-spaced .logo{letter-spacing:.32em;font-size:21px;font-weight:600}
.nv{display:flex;gap:30px;font-size:15px;font-weight:500}.nv a{opacity:.82;transition:opacity .2s}.nv a:hover{opacity:1}.nv a.hot{color:var(--ac);opacity:1;font-weight:700}
.nv a.dd::after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 0 3px 7px;opacity:.6}
.icons{display:flex;gap:18px;align-items:center;margin-left:auto;flex:none}
.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cart{position:relative;display:flex;align-items:center;gap:8px}.cart b{position:absolute;top:-7px;left:13px;background:var(--ac);color:var(--bf);font-size:10px;line-height:1;border-radius:9px;padding:3px 5px}
.cart small{font-weight:700;font-size:14px}
.burger{display:none}
.h-classic .nv{margin-left:36px}
.h-center .hdi{justify-content:space-between;height:86px}.h-center .hd .logo{position:absolute;left:50%;transform:translateX(-50%);font-size:32px}
.h-center .nvrow{display:flex;justify-content:center;gap:38px;padding:0 0 16px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}
.h-center .lft{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--mu)}
.mk-top .hdi{height:92px;gap:34px}
.srch{flex:1;display:flex;align-items:center;height:50px;border:2px solid var(--ac);border-radius:var(--r);overflow:hidden;background:var(--srbg,var(--bg));max-width:640px}
.srch span{padding:0 16px;font-size:14px;font-weight:600;border-right:1px solid var(--line);height:100%;display:flex;align-items:center;white-space:nowrap;color:var(--mu)}
.srch input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px;height:100%;outline:0}
.srch button{border:0;background:var(--ac);color:var(--bf);height:100%;padding:0 22px;font-weight:700}
.icons .lab{display:flex;flex-direction:column;font-size:12px;line-height:1.2;color:var(--mu)}.icons .lab b{color:var(--fg);font-size:14px}
.mk-bar{background:var(--barbg);color:var(--barfg)}.mk-bar .w{display:flex;align-items:center;gap:30px;height:54px;font-size:14.5px;font-weight:600}
.dept{display:flex;align-items:center;gap:12px;background:var(--ac);color:var(--bf);height:54px;padding:0 22px;width:260px;font-weight:700;flex:none}
.mk-bar .hot2{margin-left:auto;display:flex;gap:10px;align-items:center;opacity:.9}
.h-pill .hd{background:transparent;border:0;backdrop-filter:none;padding-top:14px}
.h-pill .hdi{background:var(--hdbg);border-radius:99px;padding:0 12px 0 28px;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid var(--line);height:66px;backdrop-filter:blur(14px)}
.h-pill .icons .btn{min-height:44px;padding:0 20px;border-radius:99px}
.h-split .hdi{display:grid;grid-template-columns:1fr auto 1fr;height:84px}.h-split .hd .logo{font-size:30px;justify-self:center}.h-split .nv{gap:26px}
.h-mini .hdi{display:grid;grid-template-columns:1fr auto 1fr;height:72px}.h-mini .burger{display:flex}.h-mini .hd .logo{justify-self:center}
.burger{width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line)}
.h-mini .menu-txt{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.h-trans .hd{position:absolute;left:0;right:0;top:auto;background:transparent;border-color:rgba(255,255,255,.18);color:#fff;backdrop-filter:none}
/* hero: shared */
.hero{position:relative;overflow:hidden}
.ph{position:relative;overflow:hidden;background:var(--card)}.ph img{width:100%;height:100%;object-fit:cover}
.art{position:relative;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 40%,color-mix(in srgb,var(--ac) 28%,var(--card)),var(--card));overflow:hidden}
.art .g{width:46%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.22));position:relative;z-index:1}
.art::after{content:"";position:absolute;bottom:16%;left:30%;right:30%;height:7%;border-radius:50%;background:rgba(0,0,0,.18);filter:blur(10px)}
/* 1 photo full */
.hx-full{min-height:min(760px,calc(100vh - 40px));display:flex;align-items:center;color:#fff}
.hx-full .bgp{position:absolute;inset:0}.hx-full .bgp img,.hx-full .bgp .art{width:100%;height:100%;object-fit:cover}
.hx-full::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ovl,rgba(0,0,0,.62)) 0%,rgba(0,0,0,.25) 50%,transparent 75%)}
.hx-full .w{position:relative;z-index:2;padding:120px 0 90px}.hx-full h1{font-size:clamp(44px,6.6vw,92px);max-width:720px;margin-bottom:22px}.hx-full .sub{color:rgba(255,255,255,.82)}
.hx-full .ey{color:var(--ac2,var(--ac))}.hx-full .b2{color:#fff}
.hx-full .dots{position:absolute;z-index:2;bottom:34px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dots i{width:34px;height:4px;border-radius:4px;background:currentColor;opacity:.35}.dots i:first-child{opacity:1;width:56px}
/* 2 split */
.hx-split{padding:60px 0 70px}.hx-split .hg{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.hx-split h1{font-size:clamp(42px,5.6vw,80px);margin-bottom:22px}
.hx-split .ph,.hx-split .art{aspect-ratio:5/4.4;border-radius:calc(var(--r)*2 + 6px)}
.fl{position:absolute;z-index:3;background:var(--bg);color:var(--fg);border-radius:calc(var(--r) + 6px);padding:14px 18px;box-shadow:0 18px 40px rgba(0,0,0,.16);display:flex;gap:12px;align-items:center;font-size:14px}
.fl b{display:block;font-size:16px}.fl .sw{width:44px;height:44px;border-radius:calc(var(--r)*.6 + 4px);background:var(--card);display:grid;place-items:center}.fl .sw svg{width:28px}
.fl.a{left:-26px;bottom:40px}.fl.b{right:24px;top:24px;background:var(--ac);color:var(--bf);font-weight:800;border-radius:99px;padding:12px 18px}
.hrow{display:flex;gap:28px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line);flex-wrap:wrap}.hrow div{font-size:14px;color:var(--mu)}.hrow b{display:block;color:var(--fg);font-size:15px}
/* 3 slider banner */
.hx-slide{padding:24px 0 10px}.hx-slide .sl{position:relative;border-radius:calc(var(--r)*1.5 + 6px);overflow:hidden;min-height:560px;display:flex;align-items:center;background:var(--card)}
.hx-slide .sl>.ph,.hx-slide .sl>.art{position:absolute;inset:0}
.hx-slide .sl::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--slov) 0%,transparent 62%)}
.hx-slide .tx{position:relative;z-index:2;padding:60px 64px;max-width:640px}.hx-slide h1{font-size:clamp(40px,5vw,72px);margin-bottom:18px}
.hx-slide .arw{position:absolute;z-index:3;right:28px;bottom:28px;display:flex;gap:10px}.arw span{width:48px;height:48px;border-radius:50%;background:var(--bg);color:var(--fg);display:grid;place-items:center;font-size:18px;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.hx-slide .cnt{position:absolute;z-index:3;left:64px;bottom:30px;font-weight:700;letter-spacing:.1em;font-size:13px}
.hx-slide .cnt i{display:inline-block;width:70px;height:2px;background:currentColor;opacity:.4;vertical-align:middle;margin:0 12px}
/* 4 marketplace */
.hx-mkt{padding:22px 0 10px}.hx-mkt .mg{display:grid;grid-template-columns:260px 1fr 300px;gap:18px}
.dlist{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:8px 0;margin:0;list-style:none}
.dlist li a{display:flex;align-items:center;gap:12px;padding:10px 18px;font-size:14.5px;font-weight:500}.dlist li a::after{content:"›";margin-left:auto;opacity:.45}
.dlist svg{width:20px;height:20px}
.hx-mkt .main{position:relative;border-radius:var(--r);overflow:hidden;min-height:440px;display:flex;align-items:center;background:var(--card)}
.hx-mkt .main>.ph,.hx-mkt .main>.art{position:absolute;inset:0}.hx-mkt .main::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--slov),transparent 70%)}
.hx-mkt .main .tx{position:relative;z-index:2;padding:44px;max-width:420px}.hx-mkt h1{font-size:clamp(34px,3.6vw,52px);margin-bottom:14px}
.hx-mkt .side{display:grid;gap:18px}
.mini{border-radius:var(--r);padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:211px}
.mini h3{font-size:22px;max-width:60%}.mini p{margin:4px 0 0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.mini .g{position:absolute;right:-6px;bottom:-6px;width:52%}.mini .lnk{align-self:flex-start;font-size:14px;position:relative;z-index:1}
/* 5 bento */
.hx-bento{padding:26px 0 14px}.bn5{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:290px 290px;gap:16px}
.bn5>*{border-radius:calc(var(--r) + 8px);overflow:hidden;position:relative}
.bn5 .big{grid-row:span 2;display:flex;align-items:flex-end;color:#fff}.bn5 .big>.ph,.bn5 .big>.art{position:absolute;inset:0}
.bn5 .big::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 60%)}
.bn5 .big .tx{position:relative;z-index:2;padding:40px}.bn5 h1{font-size:clamp(36px,4.2vw,62px);margin-bottom:18px}.bn5 .b2{color:#fff}
.bn5 .wide{grid-column:span 2}
.tile{padding:26px;display:flex;flex-direction:column;justify-content:space-between}.tile h3{font-size:24px;position:relative;z-index:1}.tile p{margin:6px 0 0;font-size:14px;opacity:.75;position:relative;z-index:1}
.tile .g{position:absolute;width:44%;right:18px;bottom:18px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18))}.tile .lnk{align-self:flex-start;position:relative;z-index:1;font-size:14px}
/* 6 editorial */
.hx-edit{padding:64px 0 30px}.hx-edit h1{font-size:clamp(52px,9.6vw,150px);font-weight:var(--hw,400);line-height:.92;letter-spacing:-.04em}
.hx-edit .er{display:grid;grid-template-columns:1fr 2.2fr;gap:36px;margin-top:38px;align-items:end}
.hx-edit .er p{color:var(--mu);margin:0 0 22px;max-width:320px}.hx-edit .ph,.hx-edit .art{height:420px;border-radius:var(--r)}
.hx-edit .meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
/* 7 spotlight */
.hx-spot{padding:70px 0 40px;text-align:center;background:radial-gradient(60% 55% at 50% 58%,color-mix(in srgb,var(--ac) 30%,transparent),transparent 70%)}
.hx-spot h1{font-size:clamp(44px,6.4vw,96px);max-width:960px;margin:0 auto 18px}.hx-spot .sub{margin:0 auto 26px}.hx-spot .btns{justify-content:center}
.spot{position:relative;max-width:980px;margin:34px auto 0;height:400px}.spot .ph{position:absolute;inset:0;border-radius:calc(var(--r)*2 + 8px)}
.spot .art{position:absolute;inset:0;background:transparent}.spot .art::after{display:none}.spot .art .g{width:30%}
.chipx{position:absolute;z-index:3;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:99px;padding:10px 18px;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center}
.chipx::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ac)}
.chipx.c1{left:2%;top:18%}.chipx.c2{right:2%;top:30%}.chipx.c3{left:10%;bottom:12%}.chipx.c4{right:8%;bottom:8%}
/* 8 bold */
.hx-bold{padding:56px 0 0}.hx-bold h1{font-size:clamp(56px,11vw,176px);line-height:.86;letter-spacing:-.02em}.hx-bold h1 span{display:block;color:var(--ac)}
.hx-bold .br{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:end;margin-top:30px}
.hx-bold .ph,.hx-bold .art{height:380px;border-radius:var(--r)}.hx-bold .br p{color:var(--mu);font-size:18px;max-width:420px}
.marq{margin-top:50px;background:var(--ac);color:var(--bf);font-family:var(--head);font-weight:800;padding:16px 0;white-space:nowrap;overflow:hidden;font-size:22px;letter-spacing:.04em;text-transform:uppercase}
.marq.tilt{transform:rotate(-1.6deg);margin-inline:-20px}
.marq span{display:inline-block;animation:mq 30s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq span{animation:none}}
/* 9 collage */
.hx-coll{padding:70px 0 60px}.hx-coll .cg{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.hx-coll h1{font-size:clamp(42px,5.6vw,82px);margin-bottom:22px}
.stack{position:relative;height:540px}.stack>*{position:absolute;border-radius:calc(var(--r) + 10px);overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.18)}
.stack .s1{left:8%;top:0;width:62%;height:78%;transform:rotate(-3deg)}.stack .s2{right:0;top:18%;width:46%;height:56%;transform:rotate(4deg)}.stack .s3{left:0;bottom:0;width:40%;height:38%;transform:rotate(2deg)}
/* 10 two panels */
.hx-duo{display:grid;grid-template-columns:1fr 1fr;min-height:640px}
.duo{position:relative;display:flex;align-items:flex-end;padding:56px;overflow:hidden;color:#fff}.duo>.ph,.duo>.art{position:absolute;inset:0}
.duo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 55%)}
.duo .tx{position:relative;z-index:2}.duo h1,.duo h2{font-size:clamp(36px,4.6vw,68px);margin-bottom:16px}.duo .b2{color:#fff}
.duo.solid{background:var(--ac);color:var(--bf)}.duo.solid::before{display:none}.duo.solid .art{background:transparent}.duo.solid .art::after{display:none}.duo.solid .art .g{width:42%;opacity:.9;transform:translate(18%,-14%)}
/* 11 countdown */
.hx-count{padding:80px 0;text-align:center;background:var(--hbg,var(--ink));color:var(--hfg,var(--bg))}
.hx-count h1{font-size:clamp(46px,7vw,110px);margin:0 auto 18px;max-width:1000px}.hx-count .sub{margin:0 auto 32px;color:inherit;opacity:.75}
.timer{display:flex;justify-content:center;gap:14px;margin:0 0 34px}.timer div{min-width:92px;padding:16px 10px;border-radius:var(--r);background:color-mix(in srgb,currentColor 9%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.timer b{display:block;font-family:var(--head);font-size:42px;line-height:1}.timer span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.hx-count .btns{justify-content:center}.hx-count .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}
.hx-count .row3 .art,.hx-count .row3 .ph{height:200px;border-radius:var(--r)}
/* 12 arch */
.hx-arch{padding:60px 0 50px}.hx-arch .ag{display:grid;grid-template-columns:1fr auto 1fr;gap:50px;align-items:center}
.arch{width:min(420px,38vw);aspect-ratio:3/4;border-radius:999px 999px var(--r) var(--r);overflow:hidden}.arch .art,.arch .ph{width:100%;height:100%}
.hx-arch h1{font-size:clamp(40px,5vw,76px)}.hx-arch .rt{align-self:end}.hx-arch .rt p{color:var(--mu);margin:0 0 24px}
/* 13 magazine */
.hx-mag{display:grid;grid-template-columns:1.35fr 1fr;min-height:660px}.hx-mag .ph,.hx-mag .art{height:100%}
.hx-mag .tx{padding:70px 60px;display:flex;flex-direction:column;justify-content:space-between;background:var(--card)}
.hx-mag .iss{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--mu);border-bottom:1px solid var(--line);padding-bottom:16px}
.hx-mag h1{font-size:clamp(44px,5.4vw,84px);margin:36px 0 20px}
/* 14 circle */
.hx-circ{padding:60px 0}.hx-circ .cg{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.hx-circ h1{font-size:clamp(44px,6vw,90px);margin-bottom:22px}
.circ{position:relative;aspect-ratio:1;max-width:540px;margin-left:auto;width:100%}.circ .ph,.circ .art{position:absolute;inset:6%;border-radius:50%}
.ring{position:absolute;right:-2%;top:2%;width:150px;height:150px;z-index:3;background:var(--ac);color:var(--bf);border-radius:50%;display:grid;place-items:center}
.ring svg{width:100%;height:100%;animation:spin 18s linear infinite;position:absolute;inset:0}.ring b{font-size:28px;font-family:var(--head)}@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ring svg{animation:none}}
/* sections */
.sec{padding:84px 0}.sec.tight{padding:56px 0}.sec.alt{background:var(--card)}.sec.dark{background:var(--ink);color:var(--inkfg)}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;flex-wrap:wrap}.sh h2{font-size:clamp(28px,3.4vw,46px)}.sh p{margin:8px 0 0;color:var(--mu)}
.sh.c{flex-direction:column;align-items:center;text-align:center}.sh .lnk{font-size:15px}
/* categories */
.ccirc{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;text-align:center}
.ccirc .cb{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--t);transition:transform .3s}.ccirc .cb svg{width:46%}.ccirc a:hover .cb{transform:scale(1.05)}
.ccirc b{display:block;margin-top:14px;font-size:15.5px}.ccirc small{color:var(--mu)}
.ctile{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ctile a{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--t);display:flex;align-items:flex-end;padding:22px}
.ctile svg{position:absolute;width:38%;right:10%;top:12%;transition:transform .4s}.ctile a:hover svg{transform:scale(1.08) rotate(-4deg)}
.ctile b{position:relative;background:var(--bg);color:var(--fg);padding:10px 18px;border-radius:calc(var(--r)*.5 + 4px);font-size:15px}
.cpill{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cpill a{display:flex;align-items:center;gap:12px;padding:10px 22px 10px 10px;border-radius:99px;border:1px solid var(--line);background:var(--bg);font-weight:600}
.cpill i{width:44px;height:44px;border-radius:50%;background:var(--t);display:grid;place-items:center}.cpill svg{width:26px}
.ccard{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ccard a{border-radius:calc(var(--r) + 6px);padding:32px;min-height:300px;position:relative;overflow:hidden;background:var(--t);display:flex;flex-direction:column;justify-content:space-between}
.ccard h3{font-size:30px;position:relative;z-index:1}.ccard p{margin:6px 0 0;opacity:.7;position:relative;z-index:1}.ccard svg{position:absolute;width:48%;right:-4%;bottom:-6%}.ccard .lnk{align-self:flex-start;position:relative;z-index:1}
.clist{border-top:1px solid var(--line)}.clist a{display:grid;grid-template-columns:70px 1fr auto 60px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-family:var(--head);font-size:clamp(24px,3vw,40px);transition:padding .3s}
.clist a:hover{padding-left:12px}.clist span{font-family:var(--body);font-size:14px;color:var(--mu);font-weight:600}.clist i{width:56px;height:56px;border-radius:50%;background:var(--t);display:grid;place-items:center;justify-self:end}.clist i svg{width:30px}
.cicon{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg)}
.cicon a{padding:26px 12px;text-align:center;border-right:1px solid var(--line);font-weight:600;font-size:14.5px}.cicon a:last-child{border-right:0}.cicon svg{width:54px;height:54px;margin:0 auto 12px}
/* products */
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs span{padding:9px 18px;border-radius:99px;border:1px solid var(--line);font-weight:600;font-size:14px}.tabs span.on{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 20px}.pg.c3{grid-template-columns:repeat(3,1fr)}
.pc{position:relative;display:flex;flex-direction:column}
.pi{position:relative;aspect-ratio:var(--pa,4/5);border-radius:var(--r);background:radial-gradient(80% 70% at 50% 42%,color-mix(in srgb,var(--t) 22%,var(--pbg)),var(--pbg));display:grid;place-items:center;overflow:hidden}
.pi .g{width:54%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18));transition:transform .45s;position:relative;z-index:1}.pc:hover .pi .g{transform:scale(1.07) rotate(-3deg)}
.pi::after{content:"";position:absolute;bottom:13%;left:28%;right:28%;height:6%;border-radius:50%;background:rgba(0,0,0,.14);filter:blur(7px)}
.bdg{position:absolute;z-index:2;top:12px;left:12px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:calc(var(--r)*.4 + 3px);background:var(--fg);color:var(--bg)}.bdg.s{background:var(--sale,#e0412b);color:#fff}
.wl{position:absolute;z-index:2;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--bg);display:grid;place-items:center;opacity:.95}.wl svg{width:17px;height:17px}
.qa{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;min-height:44px;border-radius:calc(var(--r)*.6 + 4px);background:var(--fg);color:var(--bg);font-weight:700;font-size:14px;display:grid;place-items:center;transform:translateY(130%);transition:transform .3s}.pc:hover .qa{transform:none}
.pb{padding-top:14px;display:flex;flex-direction:column;gap:4px;flex:1}.pb .pcat{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:0}
.pb h3{font-family:var(--body);font-size:16px;font-weight:600;letter-spacing:0;line-height:1.35;text-transform:none}
.pp{display:flex;gap:10px;align-items:baseline;font-weight:700}.pp s{color:var(--mu);font-weight:500;font-size:14px}.pp .off{color:var(--sale,#e0412b);font-size:13px}
.sw{display:flex;gap:6px;margin-top:6px}.sw i{width:15px;height:15px;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px var(--line)}.sw i:first-child{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--fg)}
.add{margin-top:12px;min-height:44px;border-radius:var(--br,var(--r));border:1.5px solid var(--fg);background:transparent;font-weight:700;font-size:14px}.add:hover{background:var(--fg);color:var(--bg)}
.pv-boxed .pc{border:1px solid var(--line);border-radius:var(--r);padding:12px;background:var(--bg)}.pv-boxed .pi{--pa:1/1}.pv-boxed .pb{padding:14px 6px 4px}
.pv-boxed .add{background:var(--ac);color:var(--bf);border:0}.pv-boxed .stock{font-size:12.5px;color:#1a9a4b;font-weight:700}
.pv-center .pb{text-align:center;align-items:center}.pv-center .pi{--pa:3/4}
.pv-line .pi{border-radius:0}.pv-line .pc{border-bottom:1px solid var(--line);padding-bottom:16px}
.prow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.prow .pc{flex-direction:row;gap:18px;align-items:center;border:1px solid var(--line);border-radius:var(--r);padding:12px;background:var(--bg)}
.prow .pi{width:120px;flex:none;--pa:1/1}.prow .pb{padding:0}.prow .add{align-self:flex-start;padding:0 18px;min-height:38px;margin-top:8px}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}.scroller .pc{scroll-snap-align:start}
.arws{display:flex;gap:10px}.arws span{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}
/* banners */
.bnr2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bnr3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bnr{position:relative;border-radius:calc(var(--r) + 6px);overflow:hidden;min-height:300px;padding:38px;display:flex;flex-direction:column;justify-content:center;background:var(--t);color:var(--tf,var(--fg))}
.bnr>.ph{position:absolute;inset:0}.bnr.ph-on::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 70%)}.bnr.ph-on{color:#fff}
.bnr>*:not(.ph):not(.g){position:relative;z-index:2}.bnr h3{font-size:clamp(26px,2.8vw,38px);max-width:60%;margin:0 0 10px}.bnr p{margin:0 0 20px;max-width:55%;opacity:.8}
.bnr .g{position:absolute;right:6%;top:50%;transform:translateY(-50%);width:34%;filter:drop-shadow(0 20px 24px rgba(0,0,0,.2))}.bnr .btn{align-self:flex-start;min-height:46px}
.bnr .tag{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;opacity:.85}
/* deal */
.deal{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--dealbg,var(--card));border-radius:calc(var(--r) + 10px);padding:50px;overflow:hidden}
.deal .art,.deal .ph{aspect-ratio:1.15;border-radius:var(--r);background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--ac) 35%,var(--bg)),var(--bg))}
.deal h2{font-size:clamp(30px,3.6vw,50px);margin-bottom:12px}.deal .pp{font-size:28px;margin:10px 0 22px}.deal .timer{justify-content:flex-start}
.deal .timer div{min-width:76px;padding:12px 6px;background:var(--bg);text-align:center}.deal .timer b{font-size:32px}
.bar{height:8px;border-radius:8px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden;margin:6px 0 26px;max-width:420px}.bar i{display:block;height:100%;width:var(--v);background:var(--ac)}
.bar-l{display:flex;justify-content:space-between;max-width:420px;font-size:14px;font-weight:600}
/* features */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feat>div{display:flex;gap:16px;align-items:center}
.feat i{width:54px;height:54px;flex:none;border-radius:calc(var(--r)*.6 + 6px);background:color-mix(in srgb,var(--ac) 15%,transparent);color:var(--ac);display:grid;place-items:center}.feat i svg{width:26px;height:26px}
.feat b{display:block;font-size:16px}.feat span{font-size:14px;color:var(--mu)}
.feat.boxed>div{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--bg)}
.feat.line{border-block:1px solid var(--line);padding:30px 0}
/* brands */
.brands{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:center}.brands span{font-family:var(--head);font-size:22px;font-weight:700;text-align:center;opacity:.5;letter-spacing:.02em;padding:18px 6px;border-radius:var(--r);transition:opacity .2s}
.brands span:nth-child(2n){font-style:italic;font-family:Georgia,serif}.brands span:nth-child(3n){letter-spacing:.24em;font-size:16px;text-transform:uppercase}.brands span:hover{opacity:.9}
/* story */
.story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.story .ph,.story .art{aspect-ratio:4/4.4;border-radius:calc(var(--r) + 8px)}
.story h2{font-size:clamp(30px,3.8vw,54px);margin-bottom:22px}.story p{color:var(--mu);font-size:17px;margin:0 0 18px}
.sig{font-family:Caveat,cursive;font-size:34px;color:var(--ac);margin:4px 0 24px}
.ticks{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}.ticks li{display:flex;gap:12px;align-items:center;font-weight:600}.ticks li::before{content:"✓";width:24px;height:24px;border-radius:50%;background:var(--ac);color:var(--bf);display:grid;place-items:center;font-size:13px;flex:none}
/* lookbook */
.look{position:relative;border-radius:calc(var(--r) + 8px);overflow:hidden;height:600px}.look>.ph,.look>.art{position:absolute;inset:0}
.look .cap{position:absolute;left:40px;top:40px;z-index:2;background:var(--bg);color:var(--fg);padding:26px 28px;border-radius:var(--r);max-width:340px}.look .cap h2{font-size:30px;margin-bottom:8px}.look .cap p{margin:0 0 14px;color:var(--mu);font-size:15px}
.hs{position:absolute;z-index:2;width:34px;height:34px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-weight:800;box-shadow:0 0 0 8px rgba(255,255,255,.35)}
.hs .tt{position:absolute;left:46px;top:50%;transform:translateY(-50%);background:#fff;color:#111;border-radius:10px;padding:8px 12px;font-size:13px;white-space:nowrap;font-weight:600;box-shadow:0 10px 24px rgba(0,0,0,.18)}.hs .tt b{display:block}
/* quotes */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.qt{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:30px}
.sec.alt .qt{border-color:transparent}.qt p{font-size:17px;margin:0 0 20px;line-height:1.55}.qt .who{display:flex;gap:12px;align-items:center;font-size:14px}.qt .who i{width:42px;height:42px;border-radius:50%;background:var(--t);display:grid;place-items:center;font-style:normal;font-weight:800;color:var(--bf)}
.qt .who span{color:var(--mu);display:block;font-size:12.5px}.qt .q{font-family:Georgia,serif;font-size:60px;line-height:.6;color:var(--ac);display:block;margin-bottom:12px}
/* gallery */
.insta{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.insta a{aspect-ratio:1;border-radius:calc(var(--r)*.6);background:var(--t);display:grid;place-items:center;overflow:hidden;position:relative}.insta svg{width:46%}
.insta .ph{position:absolute;inset:0}
/* blog */
.blog{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post .art{aspect-ratio:16/10;border-radius:var(--r);--ac:var(--t)}.post .art .g{width:30%}
.post .meta{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:16px 0 8px}.post h3{font-size:21px;line-height:1.25}
/* statement */
.state{text-align:center}.state h2{font-size:clamp(34px,5.4vw,78px);max-width:1080px;margin:0 auto;line-height:1.08}.state h2 em{font-style:var(--em,italic)}
.state .ico-row{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}.state .ico-row span{padding:10px 18px;border:1px solid var(--line);border-radius:99px;font-weight:600;font-size:14px}
/* steps (subscribe) */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}.steps>div{background:var(--bg);border-radius:var(--r);padding:30px;border:1px solid var(--line)}
.steps>div::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--head);font-size:44px;color:var(--ac);display:block;margin-bottom:12px;line-height:1}.steps b{font-size:19px;display:block;margin-bottom:6px}.steps span{color:var(--mu)}
/* newsletter */
.news{text-align:center}.news h2{font-size:clamp(30px,4vw,52px);margin-bottom:10px}.news p{color:var(--mu);margin:0 auto 26px;max-width:520px}
.nf{display:flex;gap:10px;max-width:520px;margin:0 auto}.nf input{flex:1;min-width:0;min-height:54px;border-radius:var(--br,var(--r));border:1.5px solid var(--line);background:var(--bg);padding:0 20px;outline:0}
.nf button{min-height:54px;padding:0 26px;border:0;border-radius:var(--br,var(--r));background:var(--ac);color:var(--bf);font-weight:700}
.news.band{background:var(--ac);color:var(--bf);border-radius:calc(var(--r) + 10px);padding:60px 40px}.news.band p{color:inherit;opacity:.8}.news.band input{background:rgba(255,255,255,.92);color:#111;border-color:transparent}.news.band button{background:var(--fg);color:var(--bg)}
.news.split{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--card);border-radius:calc(var(--r) + 10px);padding:56px}.news.split .nf{margin:0}.news.split p{margin-left:0}
/* footer */
.ft{background:var(--ftbg);color:var(--ftfg);padding:70px 0 26px;margin-top:20px}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.4fr;gap:34px}.ft p{opacity:.72;max-width:320px;font-size:15px}
.ft h4{margin:0 0 16px;font-family:var(--body);font-size:13px;text-transform:uppercase;letter-spacing:.14em;opacity:.6;font-weight:700}.ft a{display:block;margin:8px 0;opacity:.85;font-size:15px}
.ft .nf{margin:0}.ft .nf input{background:transparent;border-color:color-mix(in srgb,var(--ftfg) 25%,transparent);color:var(--ftfg);min-height:48px}.ft .nf button{min-height:48px;padding:0 18px}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.pay span{font-size:11px;font-weight:800;letter-spacing:.06em;padding:6px 9px;border-radius:6px;border:1px solid color-mix(in srgb,var(--ftfg) 25%,transparent);opacity:.8}
.fb{margin-top:50px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--ftfg) 15%,transparent);font-size:13px;opacity:.65;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ft-big .huge{font-family:var(--head);font-size:clamp(70px,16vw,250px);line-height:.85;letter-spacing:-.04em;font-weight:var(--hw,700);margin:40px 0 0;opacity:.95;white-space:nowrap;overflow:hidden}
.ft-min{text-align:center}.ft-min .fl2{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin:22px 0}.ft-min .fl2 a{margin:0}.ft-min p{margin:0 auto}
/* responsive */
@media (max-width:1100px){.hx-mkt .mg{grid-template-columns:1fr 280px}.hx-mkt .dlist{display:none}.fg{grid-template-columns:1fr 1fr 1fr}.fg>div:first-child{grid-column:1/-1}}
@media (max-width:900px){
.nv,.h-center .nvrow,.mk-bar .nv,.h-center .lft,.icons .lab,.ann .side,.srch span{display:none}.burger{display:flex}.hdi{gap:14px;height:66px}.h-center .hdi,.h-split .hdi{height:66px}
.h-center .hd .logo,.h-split .hd .logo{position:static;transform:none;font-size:24px}.h-split .hdi,.h-mini .hdi{display:flex}.h-mini .hd .logo{margin:0 auto}
.mk-top .hdi{height:auto;flex-wrap:wrap;padding:12px 0}.mk-top .srch{order:3;flex:1 1 100%;max-width:none;height:46px}.dept{width:auto}.mk-bar .hot2{display:none}
.h-pill .hdi{height:58px;padding:0 10px 0 20px}.h-pill .icons .btn{display:none}
.hx-split .hg,.hx-coll .cg,.hx-circ .cg,.story,.deal,.news.split,.hx-bold .br,.hx-edit .er{grid-template-columns:1fr}
.fl.a{left:12px}.hx-mkt .mg{grid-template-columns:1fr}.hx-mkt .side{grid-template-columns:1fr 1fr}
.bn5{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bn5 .big{grid-column:span 2;grid-row:auto;min-height:440px}.bn5 .wide{grid-column:span 2}.bn5>.tile{min-height:220px}
.hx-duo,.hx-mag{grid-template-columns:1fr}.duo{min-height:440px;padding:36px}.hx-mag .ph,.hx-mag .art{height:360px}.hx-mag .tx{padding:40px 24px}
.hx-arch .ag{grid-template-columns:1fr;text-align:center}.arch{width:min(340px,80vw);margin:0 auto}.hx-arch .btns{justify-content:center}.hx-arch .rt p{margin-inline:auto}
.stack{height:420px}.circ{margin:0 auto;max-width:420px}.ring{width:110px;height:110px}.ring b{font-size:22px}
.ccirc{grid-template-columns:repeat(3,1fr)}.cicon{grid-template-columns:repeat(3,1fr)}.cicon a:nth-child(3n){border-right:0}.cicon a:nth-child(-n+3){border-bottom:1px solid var(--line)}
.ctile,.ccard,.bnr3,.quotes,.blog,.steps{grid-template-columns:1fr 1fr}.pg,.pg.c3{grid-template-columns:repeat(2,1fr)}.feat{grid-template-columns:1fr 1fr}.brands{grid-template-columns:repeat(3,1fr)}.insta{grid-template-columns:repeat(3,1fr)}
.prow{grid-template-columns:1fr}.scroller{grid-auto-columns:calc((100% - 20px)/2)}.bnr2{grid-template-columns:1fr}
.hx-slide .sl{min-height:500px}.hx-slide .tx{padding:40px 28px}.hx-slide .cnt{left:28px}.spot{height:300px}.chipx.c3,.chipx.c4{display:none}
.hx-count .row3{grid-template-columns:1fr 1fr 1fr}.hx-count .row3 .art,.hx-count .row3 .ph{height:120px}.look{height:520px}.hs .tt{display:none}
.clist a{grid-template-columns:44px 1fr 56px}.clist span{display:none}.deal{padding:28px}.news.split{padding:32px}
.hx-edit .ph,.hx-edit .art,.hx-bold .ph,.hx-bold .art{height:300px}
}
@media (max-width:560px){
.rib{height:auto;min-height:40px;flex-wrap:wrap;padding:6px 10px;font-size:12px}.rib>span:first-child{flex:1 1 100%}body{padding-top:72px}.hd{top:72px}.rb .bk{display:none}
.w{width:calc(100% - 32px)}.sec{padding:60px 0}.icons{gap:12px}.icons .hide-s{display:none}.logo{font-size:21px}
.ctile,.ccard,.bnr3,.quotes,.blog,.steps,.feat{grid-template-columns:1fr}.ccirc{grid-template-columns:repeat(3,1fr);gap:14px}.ccirc b{font-size:13.5px}
.pg,.pg.c3{gap:20px 12px}.pb h3{font-size:14.5px}.add{font-size:13px}.nf{flex-direction:column}.bnr{padding:28px;min-height:260px}.bnr h3,.bnr p{max-width:62%}
.timer{gap:8px}.timer div{min-width:68px}.timer b{font-size:30px}.deal .timer div{min-width:60px}.deal .timer b{font-size:24px}
.hx-full .w{padding:90px 0 80px}.hx-mkt .side{grid-template-columns:1fr}.hx-mkt .main .tx{padding:30px 24px}.look .cap{left:16px;right:16px;top:auto;bottom:16px;max-width:none}
.fg{grid-template-columns:1fr 1fr}.ft-big .huge{font-size:22vw}.fl{display:none}.chipx{display:none}.cpill a{padding:8px 16px 8px 8px}.cpill i{width:36px;height:36px}
.stack{height:360px}.hx-duo .duo{min-height:380px;padding:28px}.news.band{padding:40px 22px}.brands span{font-size:17px}
}
/* QA fixes */
.fg>div{min-width:0}.mqw{overflow:hidden;padding:18px 0}
.up .hx-edit h1{font-size:clamp(44px,7.4vw,118px)}
@media (max-width:560px){.logo{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.lg-spaced .logo{letter-spacing:.14em;font-size:17px}.up .logo{font-size:19px}
h1,h2{overflow-wrap:break-word}.bn5 h1{font-size:34px}.hx-edit h1{font-size:clamp(40px,12vw,64px)}.hdi{gap:10px}}
.bn5>*,.hg>*,.cg>*,.ag>*,.mg>*,.br>*,.er>*{min-width:0}
@media (max-width:560px){.up .bn5 h1,.up .hx-split h1,.up .hx-coll h1{font-size:30px}.up h1{overflow-wrap:anywhere}}
.hx-full .bgp .art .g{width:28%;margin-left:48%}.hx-full .bgp .art::after{left:56%;right:6%}
.bnr2 .bnr.ph-on .art,.look .art .g{width:30%}.look>.art .g{margin-left:40%}
@media (max-width:900px){.hx-full .bgp .art .g{width:46%;margin:40% 0 0 40%;opacity:.5}}
.ondark .sl .tx,.ondark .hx-mkt .main .tx{color:#fff}.ondark .sl .sub{color:rgba(255,255,255,.8)}.ondark .sl .b2{color:#fff}.ondark .hx-slide .cnt{color:#fff}
/* no-photo fallbacks (illustrated heroes) */
.nophoto .hx-full .bgp .art,.nophoto .bn5 .big>.art,.nophoto .duo:first-child>.art,.nophoto .look>.art{background:radial-gradient(55% 75% at 72% 45%,color-mix(in srgb,var(--ac) 42%,var(--hink)),var(--hink))}
.nophoto .bn5 .big>.art .g{width:40%;margin:-34% 0 0 42%}.nophoto .duo:first-child>.art .g{width:42%;margin:-28% 0 0 34%}
.nophoto .hx-slide .sl>.art .g,.nophoto .hx-mkt .main>.art .g{width:30%;margin-left:54%}.nophoto .hx-mkt .main>.art .g{width:34%;margin-left:56%}
.nophoto .hx-slide .sl::before,.nophoto .hx-mkt .main::before{background:linear-gradient(90deg,var(--slov) 0%,transparent 55%)}
.nophoto .look>.art .g{width:24%;margin-left:44%}
@media (max-width:900px){.nophoto .hx-slide .sl>.art .g,.nophoto .hx-mkt .main>.art .g{opacity:.35;margin-left:40%;width:50%}.nophoto .bn5 .big>.art .g{width:44%;margin:-50% 0 0 50%}}
.sh>div{min-width:0}.sh h2{overflow-wrap:anywhere}
@media (max-width:700px){.nophoto .hx-mkt .main{flex-direction:column;align-items:stretch;min-height:0}.nophoto .hx-mkt .main>.art{position:relative;inset:auto;order:2;height:200px}.nophoto .hx-mkt .main>.art .g{width:auto;height:150px;margin:0 auto}.nophoto .hx-mkt .main .tx{order:1;padding-bottom:6px}.nophoto .hx-slide .sl>.art .g{opacity:.35}}