:root{--hf:'Lora',serif;--bf:'Manrope',sans-serif;--hw:600;--bg:#F6F1EA;--surf:#FFFFFF;--alt:#ECE4D8;--text:#2F2823;--mute:#6B5F55;--line:#E0D6C8;--pri:#4E5D43;--priT:#FFFFFF;--acc:#B5785A;--accSoft:#F1E3D6;--sale:#A8442A;--rad:14px;--radL:22px;--em:#9A5E40}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:var(--bf);font-size:17px;line-height:1.55}
a{color:inherit;text-decoration:none}
.ic{display:inline-flex;width:24px;height:24px;flex:none}.ic svg{width:100%;height:100%}
.wrap{padding:0 16px;max-width:1280px;margin:0 auto}
.h{font-family:var(--hf);font-weight:var(--hw);line-height:1.15;letter-spacing:-.005em}
.topbar{background:var(--pri);color:var(--priT);font-size:14px;font-weight:600;text-align:center;padding:9px 12px}
header{background:var(--surf);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.hbtn{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;position:relative}
.hbtn .ic{width:26px;height:26px}
.badge{position:absolute;top:4px;right:2px;background:var(--acc);color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center}
.logo{text-align:center;line-height:1}
.logo b{font-family:var(--hf);font-weight:var(--hw);font-size:26px;letter-spacing:.12em;display:block}
.logo small{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-weight:600}
.hl,.hr{display:flex;gap:2px}
.dnav{display:none}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:var(--rad);background:var(--pri);color:var(--priT);font-weight:700;font-size:18px;border:2px solid var(--pri);width:100%}
.btn.ghost{background:transparent;color:var(--pri)}
.btn.sm{min-height:48px;font-size:16px}
.sec{padding:40px 0}
.sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;gap:12px}
.sh h2{font-size:28px}
.sh a{font-weight:700;color:var(--pri);font-size:16px;white-space:nowrap;border-bottom:2px solid currentColor}
/* hero */
.hero{padding:16px 0 8px}
.hero h1{font-size:36px;margin:18px 0 12px}
.hero h1 em{font-style:normal;color:var(--em)}
.hero p{font-size:18px;color:var(--mute);margin-bottom:22px}
.hero .ph{height:330px;background-size:cover;background-position:center;border-radius:var(--radL)}
.hero.arch .ph{border-radius:200px 200px var(--radL) var(--radL);height:360px}
.hero.block{padding:0}
.hero.block .wrap{padding:0}
.hero.block .ph{border-radius:0;height:300px}
.hero.block .box{background:var(--pri);color:#fff;margin:-48px 16px 0;position:relative;border-radius:var(--radL);padding:26px 22px 22px}
.hero.block .box p{color:#fff;opacity:.95}
.hero.block .box h1{margin-top:0}

.hero.block .btn{background:var(--acc);border-color:var(--acc);color:var(--text)}
.hero.block .btn.ghost{background:transparent;border-color:#fff;color:#fff;margin-top:10px}
.hero.card .ph{position:relative}
.hero.card .chip{position:absolute;left:14px;bottom:14px;background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;font-size:15px;display:flex;gap:8px;align-items:center;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.hero.card .chip .ic{color:var(--pri)}
.hero .btns{display:grid;gap:10px}
.trust{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
.trust div{display:flex;align-items:center;gap:14px;background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:14px 16px;font-weight:600;font-size:16px;line-height:1.3}
.trust .ic{width:30px;height:30px;color:var(--pri)}
.trust small{display:block;font-weight:400;color:var(--mute);font-size:14px}
/* cats */
.cats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cat{border-radius:var(--radL);overflow:hidden;background:var(--surf);border:1px solid var(--line)}
.cat .im{height:150px;background-size:cover;background-position:center}
.cat .t{padding:12px 14px 14px}
.cat h3{font-size:19px;font-family:var(--bf);font-weight:700;line-height:1.2}
.cat span{font-size:15px;color:var(--mute)}
.cats.color .cat{border:0;color:#fff}
.cats.color .cat span{color:#fff;opacity:.9}
.cats.circle{grid-template-columns:repeat(2,1fr)}
.cats.circle .cat{background:var(--surf);text-align:center;padding:16px 10px 14px}
.cats.circle .cat .im{width:118px;height:118px;border-radius:50%;margin:0 auto}
.cats.circle .cat .t{padding:10px 0 0}
/* products */
.prods{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.p{background:var(--surf);border-radius:var(--radL);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.p .im{height:180px;background-size:cover;background-position:center;position:relative}
.p .tag{position:absolute;top:10px;left:10px;background:var(--sale);color:#fff;font-weight:700;font-size:14px;padding:4px 10px;border-radius:8px}
.p .tag.hit{background:var(--acc);color:var(--text)}
.p .b{padding:12px 12px 14px;display:flex;flex-direction:column;flex:1}
.p h4{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:6px}
.p .meta{font-size:14px;color:var(--mute);line-height:1.35}
.dots{display:flex;gap:6px;margin:8px 0}
.dots i{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.15);display:block}
.price{font-size:22px;font-weight:800;margin:auto 0 10px;padding-top:4px}
.price s{font-size:15px;color:var(--mute);font-weight:500;margin-left:6px}
/* set */
.set{background:var(--surf);border-radius:var(--radL);overflow:hidden;border:1px solid var(--line)}
.set .im{height:220px;background-size:cover;background-position:center}
.set .b{padding:18px}
.set h3{font-size:24px;margin-bottom:8px}
.set ul{list-style:none;margin:12px 0 16px}
.set li{display:flex;gap:10px;align-items:center;font-size:17px;padding:4px 0}
.set li .ic{color:var(--pri);width:22px;height:22px}
.set .pr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.set .pr b{font-size:28px}
.save{background:var(--accSoft);color:var(--sale);font-weight:700;font-size:15px;padding:4px 10px;border-radius:8px}
/* steps */
.steps{display:grid;gap:12px;counter-reset:s}
.steps div{display:flex;gap:16px;align-items:flex-start;background:var(--surf);border-radius:var(--rad);padding:16px;border:1px solid var(--line)}
.steps b.n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--pri);color:var(--priT);display:grid;place-items:center;font-size:18px}
.steps h4{font-size:18px;line-height:1.3}
.steps p{font-size:16px;color:var(--mute)}
/* contact */
.contact{background:var(--alt);border-radius:var(--radL);padding:24px 18px}
.contact h2{font-size:26px;margin-bottom:6px}
.contact p{color:var(--mute);margin-bottom:16px}
.cbtns{display:grid;gap:10px}
.cb{display:flex;align-items:center;gap:12px;min-height:56px;border-radius:var(--rad);padding:0 18px;font-weight:700;font-size:18px;color:#fff}
.cb .ic{width:26px;height:26px}
.cb.v{background:#7360F2}.cb.t{background:#229ED9}.cb.c{background:var(--surf);color:var(--text);border:2px solid var(--text)}
.cb small{margin-left:auto;font-weight:500;font-size:15px;opacity:.9}
.mgr{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mgr .av{width:56px;height:56px;border-radius:50%;background:url(https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=200&q=80&auto=format&fit=crop) center/cover;flex:none;border:3px solid #fff}
.mgr b{display:block;font-size:17px}.mgr span{font-size:15px;color:var(--mute)}
.online{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2DB163;margin-right:6px}
/* delivery */
.deliv{display:grid;gap:10px}
.dv{display:flex;gap:14px;align-items:center;background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:14px 16px}
.dv .lg{flex:none;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff}
.dv h4{font-size:17px;line-height:1.3}.dv p{font-size:15px;color:var(--mute);line-height:1.4}
/* reviews */
.revs{display:grid;gap:12px}
.rv{background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);padding:18px}
.rv .st{color:#E3A008;font-size:18px;letter-spacing:2px}
.rv p{margin:8px 0 10px;font-size:17px}
.rv b{font-size:15px}.rv span{font-size:15px;color:var(--mute)}
footer{background:var(--text);color:#fff;padding:36px 0 110px;margin-top:40px}
footer .logo{text-align:left}footer .logo small{color:rgba(255,255,255,.7)}
footer .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}
footer h5{font-size:16px;margin-bottom:10px;opacity:.7;font-weight:600}
footer li{list-style:none;font-size:16px;padding:5px 0}
footer .ph{font-size:24px;font-weight:800;margin:18px 0 4px}
footer .cp{font-size:14px;opacity:.6}
.fab{position:fixed;right:16px;bottom:20px;z-index:30;display:flex;gap:10px}
.fab a{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.fab .ic{width:30px;height:30px}
/* product page */
.crumb{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--mute);font-size:16px;min-height:48px}
.gal{position:relative;margin:0 -16px}
.gal .main{height:400px;background-size:cover;background-position:center}
.gal .cnt{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.6);color:#fff;font-size:14px;font-weight:600;padding:4px 10px;border-radius:20px}
.gal .tg{position:absolute;left:14px;top:14px;background:var(--sale);color:#fff;font-weight:700;padding:5px 12px;border-radius:8px;font-size:15px}
.gal .fav{position:absolute;right:14px;top:14px;width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center}
.thumbs{display:flex;gap:8px;margin:10px 0 0;overflow:hidden}
.thumbs div{width:72px;height:72px;border-radius:12px;background-size:cover;background-position:center;flex:none;border:2px solid transparent}
.thumbs div.on{border-color:var(--pri)}
.pt{font-size:26px;margin:18px 0 8px}
.rate{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--mute);flex-wrap:wrap}
.rate .st{color:#E3A008;font-size:18px}
.pp{display:flex;align-items:baseline;gap:12px;margin:14px 0 6px;flex-wrap:wrap}
.pp b{font-size:34px;font-weight:800}
.pp s{font-size:18px;color:var(--mute)}
.stock{display:flex;align-items:center;gap:8px;color:#1E8449;font-weight:600;font-size:16px}
.stock .ic{width:20px;height:20px}
.opt{margin-top:24px}
.opt .lb{font-weight:700;font-size:18px;margin-bottom:10px}
.opt .lb span{font-weight:500;color:var(--mute)}
.sw{display:flex;gap:12px;flex-wrap:wrap}
.sw div{text-align:center;font-size:14px;color:var(--mute);width:64px}
.sw i{display:block;width:56px;height:56px;border-radius:50%;margin:0 auto 4px;border:1px solid rgba(0,0,0,.12);outline:3px solid transparent;outline-offset:3px}
.sw div.on i{outline-color:var(--pri)}
.sw div.on{color:var(--text);font-weight:700}
.sizes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sz{border:2px solid var(--line);background:var(--surf);border-radius:var(--rad);padding:12px 14px;min-height:64px}
.sz b{display:block;font-size:17px}.sz span{font-size:15px;color:var(--mute)}
.sz.on{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}
.sz.off{opacity:.45}
.sizelink{display:inline-block;margin-top:10px;font-weight:600;color:var(--pri);border-bottom:1px dashed;font-size:16px}
.sets{display:grid;gap:10px}
.so{display:flex;gap:14px;align-items:center;border:2px solid var(--line);background:var(--surf);border-radius:var(--rad);padding:14px}
.so.on{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}
.so .rd{width:26px;height:26px;border-radius:50%;border:2px solid var(--mute);flex:none;display:grid;place-items:center}
.so.on .rd{border-color:var(--pri)}.so.on .rd:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--pri)}
.so .si{width:64px;height:64px;border-radius:10px;background-size:cover;background-position:center;flex:none}
.so h5{font-size:17px;line-height:1.3}.so p{font-size:14px;color:var(--mute);line-height:1.35}
.so .sp{margin-left:auto;text-align:right;font-weight:800;font-size:18px;white-space:nowrap}
.so .sp small{display:block;color:var(--sale);font-size:13px;font-weight:700}
.buy{display:grid;gap:10px;margin-top:24px}
.qinfo{margin-top:20px;background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:6px 16px}
.qinfo div{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;line-height:1.35}
.qinfo div:last-child{border:0}
.qinfo .ic{color:var(--pri);width:28px;height:28px}
.qinfo b{display:block}
.acc{margin-top:28px;border-top:1px solid var(--line)}
.ai{border-bottom:1px solid var(--line);padding:18px 0}
.ai h3{font-size:20px;font-family:var(--bf);font-weight:700;display:flex;justify-content:space-between;align-items:center}
.ai h3:after{content:"–";font-size:26px;color:var(--pri)}
.ai.cl h3:after{content:"+"}
.ai .c{margin-top:12px;font-size:17px}
.ai table{width:100%;border-collapse:collapse;font-size:16px}
.ai td{padding:9px 0;border-bottom:1px dashed var(--line);vertical-align:top}
.ai td:first-child{color:var(--mute);width:46%}
.care{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}
.care div{display:flex;gap:10px;align-items:center;font-size:15px;line-height:1.3;background:var(--surf);border-radius:12px;padding:10px}
.care .ic{width:34px;height:34px;color:var(--pri)}
.paylist{display:grid;gap:8px}
.paylist div{display:flex;gap:10px;align-items:flex-start}
.paylist .ic{color:var(--pri);width:22px;height:22px;margin-top:3px}
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surf);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(0,0,0,.08);padding:10px 16px 14px;display:flex;align-items:center;gap:12px}
.stickybar .sp{line-height:1.2}
.stickybar .sp b{font-size:22px;font-weight:800;display:block}
.stickybar .sp span{font-size:14px;color:var(--mute)}
.stickybar .btn{flex:1;width:auto}
.stickybar .vb{width:56px;height:56px;border-radius:var(--rad);background:#7360F2;color:#fff;display:grid;place-items:center;flex:none}
.stickybar .vb .ic{width:28px;height:28px}
.ppage footer{padding-bottom:120px}
/* desktop */
@media(min-width:1000px){
 body{font-size:18px}
 .wrap{padding:0 48px}
 header .wrap{height:84px}
 .dnav{display:flex;gap:6px}
 .dnav a{font-weight:600;font-size:17px;padding:12px 14px;border-radius:10px;white-space:nowrap}
 .hdr-phone{white-space:nowrap}
 .dnav a.on{background:var(--alt)}
 .mob{display:none!important}
 .logo{text-align:left}.logo b{font-size:30px}
 .hdr-phone{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-right:12px}
 .hdr-phone small{display:block;font-weight:500;font-size:13px;color:var(--mute)}
 .sec{padding:64px 0}
 .sh h2{font-size:40px}
 .hero{padding:32px 0 0}
 .hero .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
 .hero .tx{order:-1}
 .hero h1{font-size:58px}
 .hero p{font-size:20px;max-width:520px}
 .hero .ph,.hero.arch .ph{height:560px}
 .hero .btns{grid-template-columns:auto auto;justify-content:start}
 .hero .btn{width:auto;padding:0 34px}
 .hero.block .wrap{grid-template-columns:1fr 1fr;gap:0;padding:0 48px}
 .hero.block .ph{border-radius:0 var(--radL) var(--radL) 0;height:600px}
 .hero.block .box{margin:0;border-radius:var(--radL) 0 0 var(--radL);height:600px;padding:64px 56px;display:flex;flex-direction:column;justify-content:center}
 .hero.block .btn.ghost{margin-top:0}
 .trust{grid-template-columns:repeat(3,1fr);margin-top:36px}
 .cats{grid-template-columns:repeat(4,1fr);gap:20px}
 .cat .im{height:280px}.cat h3{font-size:22px}.cat .t{padding:16px 18px 18px}
 .cats.circle{grid-template-columns:repeat(4,1fr)}
 .cats.circle .cat .im{width:200px;height:200px}
 .prods{grid-template-columns:repeat(4,1fr);gap:20px}
 .p .im{height:300px}.p h4{font-size:18px}.p .b{padding:16px 16px 18px}.price{font-size:24px}
 .duo{display:grid;grid-template-columns:1fr 1.25fr;gap:28px;align-items:start}
 .set{display:grid;grid-template-columns:1fr 1fr}.set .im{height:auto;min-height:380px}.set .b{padding:36px}.set h3{font-size:32px}
 .steps{grid-template-columns:repeat(3,1fr)}
 .contact{padding:36px}.contact h2{font-size:32px}
 .deliv{grid-template-columns:repeat(2,1fr)}
 .revs{grid-template-columns:repeat(3,1fr)}
 footer{padding-bottom:40px}
 footer .cols{grid-template-columns:2fr 1fr 1fr 1.4fr}
 .fab{right:32px;bottom:32px}
}

.sz em{display:block;font-style:normal;font-weight:800;font-size:17px;margin-top:2px}
.sw{gap:8px}.sw div{width:76px}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.facts span{background:var(--alt);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:600}
.gal.inset{margin:0}.gal.inset .main{border-radius:var(--radL);height:390px}
.gal.card{margin:0;background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);padding:10px}
.gal.card .main{border-radius:calc(var(--radL) - 8px);height:370px}
.gal.card .tg,.gal.card .fav{top:22px}.gal.card .tg{left:22px}.gal.card .fav{right:22px}.gal.card .cnt{right:22px;bottom:22px}
.gal.sheet .main{height:430px}
.gal.sheet .cnt{bottom:44px}
.gal.sheet~.pbody{background:var(--bg);border-radius:28px 28px 0 0;margin:-28px -16px 0;padding:14px 16px 0;position:relative}
.gal.sheet~.pbody .thumbs{margin-top:0}
.gal.sheet~.pbody:before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}

.cat .arr{display:none}
.trust.strip{background:var(--acc);border-radius:var(--radL);grid-template-columns:repeat(3,1fr);gap:4px;padding:18px 8px}
.trust.strip div{flex-direction:column;text-align:center;background:none;border:0;padding:4px;gap:8px;font-size:15px;color:var(--text)}
.trust.strip .ic{color:var(--text)}
.trust.strip small,.trust.chips small{display:none}
.trust.chips{grid-template-columns:repeat(3,1fr);gap:8px}
.trust.chips div{flex-direction:column;text-align:center;gap:8px;padding:14px 6px;font-size:15px}
.cats.rows{grid-template-columns:1fr;gap:10px}
.cats.rows .cat{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--rad)}
.cats.rows .cat .im{width:92px;height:92px;border-radius:12px;flex:none}
.cats.rows .cat .t{padding:0;flex:1}
.cats.rows .cat h3{font-size:20px}
.cats.rows .arr{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--alt);color:var(--pri);font-size:22px;font-weight:700;flex:none}
.prods.list{grid-template-columns:1fr}
.prods.list .p{flex-direction:row}
.prods.list .p .im{width:150px;height:auto;min-height:220px;flex:none}
.prods.list .p h4{font-size:17px}
@media(min-width:1000px){
 .trust.strip{grid-template-columns:repeat(3,1fr);padding:24px}
 .trust.strip div{flex-direction:row;justify-content:center;font-size:17px}
 .trust.chips div{flex-direction:row;justify-content:center;font-size:17px}
 .trust.strip small,.trust.chips small{display:block}
 .trust.strip div,.trust.chips div{text-align:left}
 .cats.rows{grid-template-columns:repeat(4,1fr);gap:20px}
 .cats.rows .cat{flex-direction:column;align-items:stretch;padding:12px}
 .cats.rows .cat .im{width:100%;height:240px}
 .cats.rows .cat .t{padding:4px 6px}
 .cats.rows .arr{display:none}
 .prods.list{grid-template-columns:1fr 1fr}
 .prods.list .p .im{width:240px;height:auto}
}

/* ===== v3: calm frame, prints are the hero ===== */
.logo small{white-space:nowrap;letter-spacing:.1em;font-size:11.5px}
.h3hero h1 em{font-style:italic;color:var(--em)}
.ctiles.sub .ct .im{aspect-ratio:4/3}
.topbar{font-size:14px}
.crumbs{display:flex;gap:6px;align-items:center;font-size:15px;color:var(--mute);padding:14px 0 4px;flex-wrap:wrap}
.crumbs b{color:var(--text);font-weight:600}
.back{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:16px;color:var(--text);min-height:48px}
.back .ic{width:22px;height:22px}
.ttl{font-size:32px;margin:6px 0 4px}
.cnt{color:var(--mute);font-size:16px}
.lead{font-size:17px;color:var(--mute)}
/* hero v3 */
.h3hero{padding:14px 0 6px}
.h3hero .ph{height:440px;border-radius:var(--radL);background-size:cover;background-position:center;position:relative;overflow:hidden}
.h3hero .ph .lbl{position:absolute;left:12px;bottom:12px;right:12px;background:rgba(246,241,234,.94);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px}
.h3hero .ph .lbl .th{width:52px;height:52px;border-radius:10px;background-size:cover;flex:none}
.h3hero .ph .lbl b{display:block;font-size:16px;line-height:1.25}.h3hero .ph .lbl span{font-size:14px;color:var(--mute)}
.h3hero .ph .lbl .pr{margin-left:auto;text-align:right;font-weight:800;font-size:18px;white-space:nowrap}
.h3hero .ph .lbl .pr s{display:block;font-size:13px;color:var(--mute);font-weight:500}
.kick{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--em)}
.h3hero h1{font-size:34px;margin:16px 0 10px}
.h3hero p{font-size:18px;color:var(--mute);margin-bottom:18px}
.btns{display:grid;gap:10px}
.trow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.trow div{background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:12px 6px;text-align:center;font-size:14px;font-weight:600;line-height:1.25}
.trow .ic{display:block;margin:0 auto 6px;color:var(--pri);width:28px;height:28px}
/* category tiles */
.ctiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct{position:relative;border-radius:var(--radL);overflow:hidden;background:var(--surf);border:1px solid var(--line)}
.ct .im{aspect-ratio:1/1;background-size:cover;background-position:center}
.ct .t{padding:10px 12px 12px}
.ct h3{font-family:var(--bf);font-size:18px;font-weight:700;line-height:1.2}
.ct span{font-size:14px;color:var(--mute)}
.ct.wide{grid-column:1/-1;display:flex;align-items:center}
.ct.wide .im{width:44%;aspect-ratio:auto;align-self:stretch;min-height:130px}
.ct.wide .t{padding:14px 16px}
/* print collections */
.prints{display:flex;gap:12px;overflow:hidden;margin:0 -16px;padding:0 16px}
.pr1{flex:none;width:96px;text-align:center;font-size:14px;font-weight:600;line-height:1.25}
.pr1 i{display:block;width:96px;height:96px;border-radius:50%;background-size:cover;background-position:center;margin-bottom:6px;border:3px solid var(--surf);box-shadow:0 0 0 1px var(--line)}
.pr1 small{display:block;font-weight:500;color:var(--mute);font-size:13px}
.pr1.on i{box-shadow:0 0 0 2px var(--pri)}
/* product card v3 */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hscroll{display:flex;gap:12px;overflow:hidden;margin:0 -16px;padding:0 16px}
.hscroll .pc{flex:none;width:200px}
.pc{background:var(--surf);border-radius:var(--radL);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.pc .im{aspect-ratio:1/1;background-size:cover;background-position:center;position:relative}
.pc .tag{position:absolute;top:8px;left:8px;background:var(--sale);color:#fff;font-weight:700;font-size:13px;padding:3px 8px;border-radius:8px}
.pc .tag.new{background:var(--pri)}
.pc .fav{position:absolute;top:6px;right:6px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center}
.pc .fav .ic{width:20px;height:20px}
.pc .setb{position:absolute;left:8px;bottom:8px;background:rgba(246,241,234,.95);font-size:12.5px;font-weight:700;padding:4px 8px;border-radius:8px}
.pc .b{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.pc .ty{font-size:14px;color:var(--mute);font-weight:600;line-height:1.3}
.pc h4{font-size:17px;font-weight:700;line-height:1.25;margin:2px 0 4px}
.pc .sz{font-size:14.5px;color:var(--mute);line-height:1.35;border:0;padding:0;min-height:0;background:none}
.pc .price{font-size:21px;font-weight:800;margin:auto 0 10px;padding-top:8px!important;padding:0;line-height:1.1}
.pc .price s{display:block;font-size:14px;margin:2px 0 0;font-weight:500}
.pc .btn{min-height:52px;font-size:17px}
.pc .out{color:var(--mute);font-weight:700;font-size:15px}
/* set banner */
.setb2{background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);overflow:hidden}
.setb2 .ims{display:grid;grid-template-columns:1fr 1fr;gap:3px;height:190px}
.setb2 .ims div{background-size:cover;background-position:center}
.setb2 .b{padding:18px}
.setb2 h3{font-size:24px;margin:6px 0 8px}
.setb2 ul{list-style:none;margin:8px 0 14px}
.setb2 li{display:flex;gap:10px;font-size:16px;padding:3px 0}
.setb2 li .ic{width:22px;height:22px;color:var(--pri)}
.setb2 .pr{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}
.setb2 .pr b{font-size:28px}
.setb2 .pr s{color:var(--mute)}
/* toolbar & chips */
.chips{display:flex;gap:8px;overflow:hidden;margin:0 -16px;padding:2px 16px}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--surf);border:1px solid var(--line);font-weight:600;font-size:15.5px;white-space:nowrap}
.chip.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.chip.sel{background:var(--accSoft);border-color:var(--acc)}
.chip .ic{width:18px;height:18px}
.tbar{position:sticky;top:64px;z-index:15;background:var(--bg);padding:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tb{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:var(--rad);border:1.5px solid var(--text);font-weight:700;font-size:16.5px;background:var(--surf)}
.tb .ic{width:22px;height:22px}
.tb .n{background:var(--pri);color:#fff;border-radius:10px;min-width:22px;height:22px;font-size:13px;display:grid;place-items:center}
.active{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 14px}
.active .chip{min-height:38px;font-size:14.5px;padding:0 12px}
.active a{font-size:15px;font-weight:700;color:var(--pri);align-self:center;border-bottom:1.5px solid}
.more{display:flex;justify-content:center;margin:18px 0 0}
.more .btn{width:100%}
.pgn{text-align:center;font-size:15px;color:var(--mute);margin-top:10px}
/* info blocks */
.tips{display:grid;gap:10px}
.tip{background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:14px 16px}
.tip b{display:block;font-size:17px}.tip span{font-size:15.5px;color:var(--mute)}
.sztab{width:100%;border-collapse:collapse;background:var(--surf);border-radius:var(--rad);overflow:hidden;font-size:16px}
.sztab td,.sztab th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.sztab th{background:var(--alt);font-size:14px;color:var(--mute);font-weight:700}
/* faq */
.faq{border-top:1px solid var(--line)}
.fq{border-bottom:1px solid var(--line);padding:16px 0}
.fq h4{font-size:17.5px;font-weight:700;display:flex;justify-content:space-between;gap:12px;line-height:1.35}
.fq h4:after{content:"+";font-size:24px;color:var(--pri);line-height:1;flex:none}
.fq.op h4:after{content:"–"}
.fq p{margin-top:8px;font-size:16.5px;color:var(--text)}
/* bottom sheet */
.shade{position:fixed;inset:0;background:rgba(30,24,20,.5);z-index:50}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:var(--bg);border-radius:24px 24px 0 0;max-height:88vh;overflow:hidden;display:flex;flex-direction:column}
.sheet .grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:10px auto 4px}
.sheet .hd{display:flex;justify-content:space-between;align-items:center;padding:6px 16px 10px;border-bottom:1px solid var(--line)}
.sheet .hd h3{font-size:24px}
.sheet .hd a{font-weight:700;color:var(--pri);font-size:16px}
.sheet .bd{padding:6px 16px;overflow:hidden;flex:1}
.fg{padding:14px 0;border-bottom:1px solid var(--line)}
.fg h4{font-size:18px;margin-bottom:10px;display:flex;justify-content:space-between}
.fg h4 span{font-weight:500;color:var(--mute);font-size:15px}
.fopts{display:flex;flex-wrap:wrap;gap:8px}
.fopts .chip{min-height:46px}
.range{display:flex;gap:10px;align-items:center}
.range div{flex:1;min-height:52px;border:1.5px solid var(--line);border-radius:12px;background:var(--surf);display:flex;align-items:center;padding:0 14px;font-size:17px;font-weight:600}
.range small{color:var(--mute);font-weight:500;margin-right:6px}
.slider{height:6px;background:var(--line);border-radius:3px;margin:18px 10px 6px;position:relative}
.slider i{position:absolute;left:8%;right:38%;top:0;bottom:0;background:var(--pri);border-radius:3px}
.slider b{position:absolute;top:-10px;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--pri)}
.cols{display:flex;gap:10px;flex-wrap:wrap}
.cols div{text-align:center;font-size:13px;width:60px;color:var(--mute)}
.cols i{display:block;width:48px;height:48px;border-radius:50%;margin:0 auto 4px;border:1px solid rgba(0,0,0,.15)}
.cols .on i{outline:3px solid var(--pri);outline-offset:2px}.cols .on{color:var(--text);font-weight:700}
.sheet .ft{padding:12px 16px 18px;border-top:1px solid var(--line);background:var(--surf);display:grid;grid-template-columns:auto 1fr;gap:10px}
.sheet .ft .btn.ghost{width:auto;padding:0 18px}
/* menu overlay */
.menu{position:fixed;inset:0;z-index:60;background:var(--bg);overflow:hidden;display:flex;flex-direction:column}
.menu .mh{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 8px 0 16px;border-bottom:1px solid var(--line);background:var(--surf)}
.menu .bd{padding:14px 16px;overflow:hidden}
.srch{display:flex;align-items:center;gap:10px;min-height:56px;border-radius:var(--rad);border:1.5px solid var(--line);background:var(--surf);padding:0 16px;color:var(--mute);font-size:17px}
.mrow{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);min-height:76px}
.mrow .th{width:58px;height:58px;border-radius:12px;background-size:cover;background-position:center;flex:none}
.mrow b{font-size:19px;flex:1}.mrow b small{display:block;font-weight:500;font-size:14px;color:var(--mute)}
.mrow .ic{color:var(--mute);width:22px;height:22px}
.mrow.op{border-bottom:0}
.msub{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;padding:4px 0 14px 72px;border-bottom:1px solid var(--line)}
.msub a{min-height:44px;display:flex;align-items:center;font-size:16px;font-weight:500}
.msub a.all{font-weight:700;color:var(--pri)}
.mlinks{display:grid;gap:0;margin-top:14px}
.mlinks a{min-height:50px;display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}
.mlinks .ic{color:var(--pri);width:22px;height:22px}
/* cart */
.ci{display:grid;grid-template-columns:96px 1fr;gap:14px;background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);padding:12px;margin-bottom:12px}
.ci .im{width:96px;height:96px;border-radius:12px;background-size:cover;background-position:center}
.ci h4{font-size:17px;line-height:1.3}
.ci .o{font-size:14.5px;color:var(--mute);margin:2px 0 8px}
.ci .r{display:flex;justify-content:space-between;align-items:center;gap:8px}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;height:48px}
.qty a{width:40px;height:44px;display:grid;place-items:center}.qty .ic{width:20px;height:20px}
.qty b{min-width:24px;text-align:center;font-size:17px}
.ci>div{min-width:0}.ci .p{overflow:visible;white-space:nowrap;font-size:20px;font-weight:800;text-align:right;line-height:1.1;border:0;background:none;display:block}
.ci .p s{display:block;font-size:13.5px;color:var(--mute);font-weight:500}
.ci .rm{font-size:14px;color:var(--mute);display:inline-flex;gap:4px;align-items:center;margin-top:6px}
.ci .rm .ic{width:16px;height:16px}
.ups{display:flex;gap:12px;align-items:center;background:var(--accSoft);border-radius:var(--radL);padding:12px}
.ups .im{width:72px;height:72px;border-radius:12px;background-size:cover;flex:none}
.ups b{display:block;font-size:16px;line-height:1.3}.ups span{font-size:14.5px;color:var(--mute)}
.ups .add{margin-left:auto;flex:none;min-height:48px;padding:0 14px;border-radius:12px;background:var(--surf);border:1.5px solid var(--pri);color:var(--pri);font-weight:700;display:flex;align-items:center;font-size:15px}
.sum{background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);padding:16px}
.sum .l{display:flex;justify-content:space-between;padding:6px 0;font-size:16.5px}
.sum .l span:first-child{color:var(--mute)}
.sum .l.g span:last-child{color:#1E8449;font-weight:700}
.sum .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}
.sum .tot b{font-size:26px}
/* checkout */
.cst{background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);padding:18px 16px;margin-bottom:14px}
.cst h3{font-family:var(--bf);font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cst h3 i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--pri);color:#fff;font-size:15px;display:grid;place-items:center}
.fld{margin-bottom:12px}
.fld label{display:block;font-size:15px;font-weight:600;margin-bottom:6px}
.fld .in{min-height:56px;border:1.5px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;padding:0 14px;font-size:17.5px;gap:10px}
.fld .in.ph{color:#9C9087}
.fld .in.foc{border-color:var(--pri);box-shadow:0 0 0 3px rgba(78,93,67,.15)}
.fld .in .ic{color:var(--mute);width:22px;height:22px}
.fld .in .r{margin-left:auto}
.fld .hint{font-size:14px;color:var(--mute);margin-top:5px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.seg div{min-height:64px;border:2px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:700;font-size:16px;line-height:1.2;background:#fff}
.seg div small{display:block;font-weight:500;color:var(--mute);font-size:13px}
.seg div.on{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}
.seg .lg{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800;flex:none}
.tabs3{display:flex;background:var(--alt);border-radius:12px;padding:4px;margin-bottom:12px}
.tabs3 a{flex:1;text-align:center;min-height:44px;display:grid;place-items:center;font-weight:700;font-size:15px;border-radius:9px;color:var(--mute)}
.tabs3 a.on{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pay{border:2px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:12px;margin-bottom:10px;background:#fff}
.pay.on{border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri)}
.pay .rd{width:26px;height:26px;border-radius:50%;border:2px solid var(--mute);flex:none;display:grid;place-items:center;margin-top:1px}
.pay.on .rd{border-color:var(--pri)}.pay.on .rd:after{content:"";width:14px;height:14px;border-radius:50%;background:var(--pri)}
.pay b{display:block;font-size:17px}.pay span{font-size:14.5px;color:var(--mute);line-height:1.4;display:block}
.pay .cards{display:flex;gap:6px;margin-top:6px}
.pay .cards{flex-wrap:wrap}.pay .cards i{white-space:nowrap;font-style:normal;font-size:11.5px;font-weight:800;border:1px solid var(--line);border-radius:5px;padding:2px 6px;color:var(--text)}
.cbx{display:flex;gap:12px;align-items:flex-start;font-size:16px;padding:6px 0;line-height:1.4}
.cbx i{width:26px;height:26px;border-radius:7px;border:2px solid var(--mute);flex:none}
.cbx i.on{background:var(--pri);border-color:var(--pri);position:relative}
.cbx i.on:after{content:"";position:absolute;left:7px;top:2px;width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.mini{display:flex;align-items:center;gap:10px;background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:10px 14px;margin:14px 0}
.mini .th{width:44px;height:44px;border-radius:9px;background-size:cover;flex:none;margin-right:-18px;border:2px solid #fff}
.mini b{margin-left:24px;font-size:16px}.mini .r{margin-left:auto;font-weight:800;font-size:18px;display:flex;gap:4px;align-items:center}
.mini .ic{width:20px;height:20px}
.legal{font-size:13.5px;color:var(--mute);text-align:center;margin-top:10px}
/* thanks */
.ok{width:84px;height:84px;border-radius:50%;background:var(--pri);color:#fff;display:grid;place-items:center;margin:28px auto 16px}
.ok .ic{width:44px;height:44px}
.tl{display:grid;gap:0;margin:8px 0}
.tl div{display:grid;grid-template-columns:36px 1fr;gap:12px;padding-bottom:16px;position:relative}
.tl div:before{content:"";position:absolute;left:17px;top:34px;bottom:0;width:2px;background:var(--line)}
.tl div:last-child:before{display:none}
.tl i{width:36px;height:36px;border-radius:50%;background:var(--alt);color:var(--pri);display:grid;place-items:center;font-style:normal;font-weight:800}
.tl i.on{background:var(--pri);color:#fff}
.tl b{display:block;font-size:17px;line-height:1.3;padding-top:6px}.tl span{font-size:15px;color:var(--mute)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:16px}
.kv span{color:var(--mute)}
/* landing */
.lhead{background:var(--surf);border-bottom:1px solid var(--line)}
.lhead .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.lhero{position:relative;height:520px;background-size:cover;background-position:center}
.lhero .play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--text);box-shadow:0 6px 30px rgba(0,0,0,.25)}
.lhero .play .ic{width:36px;height:36px;margin-left:4px}
.lhero .vl{position:absolute;left:50%;top:calc(44% + 56px);transform:translateX(-50%);color:#fff;font-weight:700;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.5);white-space:nowrap}
.lhero .off{position:absolute;left:16px;top:16px;background:var(--sale);color:#fff;font-weight:800;padding:8px 14px;border-radius:12px;font-size:16px}
.lbox{background:var(--bg);border-radius:26px 26px 0 0;margin-top:-26px;position:relative;padding-top:22px}
.lbox h1{font-size:31px;margin:8px 0 10px}
.lprice{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:10px 0 4px}
.lprice b{font-size:34px;font-weight:800}.lprice s{color:var(--mute);font-size:18px}
.bul{display:grid;gap:10px;margin:18px 0}
.bul div{display:flex;gap:14px;align-items:center;background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:12px 14px;font-size:16px;line-height:1.35}
.bul .ic{color:var(--pri);width:30px;height:30px}
.bul b{display:block;font-size:17px}
.strip3{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:300px}
.strip3 div{border-radius:16px;background-size:cover;background-position:center}
.strip3 div:first-child{grid-row:1/3}
.ordf{background:var(--surf);border:2px solid var(--pri);border-radius:var(--radL);padding:20px 16px}
.ordf h2{font-size:26px;margin-bottom:4px}
.ordf .sel{display:flex;gap:12px;align-items:center;background:var(--alt);border-radius:12px;padding:10px;margin:12px 0 14px}
.ordf .sel .th{width:56px;height:56px;border-radius:10px;background-size:cover;flex:none}
.ordf .sel b{display:block;font-size:16px;line-height:1.3}.ordf .sel span{font-size:14px;color:var(--mute)}
.ordf .sel .p{margin-left:auto;font-weight:800;font-size:19px;white-space:nowrap}
.rvp{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.rvp div{aspect-ratio:1/1;border-radius:10px;background-size:cover;background-position:center}
.stars{color:#E3A008;font-size:18px;letter-spacing:2px}
.ftr{background:var(--text);color:#fff;padding:32px 0 120px;margin-top:40px}
.ftr .logo{text-align:left}.ftr .logo small{color:rgba(255,255,255,.7)}
.ftr .ph{font-size:24px;font-weight:800;margin:16px 0 2px}
.ftr .cp{font-size:14px;opacity:.65}
.ftr .cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.ftr h5{font-size:15px;opacity:.65;margin-bottom:8px;font-weight:600}
.ftr li{list-style:none;font-size:16px;padding:5px 0}
.soc{display:flex;gap:10px;margin:14px 0}
.soc a{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center}
.soc .ic{width:22px;height:22px}
.pg{padding-bottom:10px}
.panel{background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);padding:18px 16px}
.panel h3{font-family:var(--bf);font-weight:800;font-size:20px;margin-bottom:8px;display:flex;gap:10px;align-items:center}
.panel h3 .ic{color:var(--pri);width:28px;height:28px}
.panel p,.panel li{font-size:16.5px}
.panel ul{list-style:none;display:grid;gap:6px;margin-top:6px}
.panel li{display:flex;gap:10px}.panel li .ic{color:var(--pri);width:22px;height:22px;margin-top:2px}
.stack{display:grid;gap:12px}
.note{background:var(--accSoft);border-radius:var(--rad);padding:14px 16px;font-size:16px}
.note b{display:block}
.stat{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat div{background:var(--surf);border:1px solid var(--line);border-radius:var(--rad);padding:14px}
.stat b{display:block;font-family:var(--hf);font-size:28px;color:var(--pri);line-height:1.1}
.stat span{font-size:14.5px;color:var(--mute)}
.photos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.photos div{aspect-ratio:1/1;border-radius:12px;background-size:cover;background-position:center}
/* product v3 bits */
.pgal .main{aspect-ratio:1/1;height:auto!important;border-radius:var(--radL);background-size:cover;background-position:center;position:relative}
.pgal{position:relative}
.thumbs .vid{position:relative}
.thumbs .vid:after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:20px;background:rgba(0,0,0,.35);border-radius:10px}
.printsel{display:flex;gap:10px;overflow:hidden}
.printsel div{flex:none;width:70px;text-align:center;font-size:12.5px;color:var(--mute);line-height:1.2}
.printsel i{display:block;width:70px;height:70px;border-radius:14px;background-size:cover;background-position:center;margin-bottom:5px;border:2px solid transparent;outline:1px solid var(--line)}
.printsel .on i{border-color:var(--pri);outline:2px solid var(--pri)}
.printsel .on{color:var(--text);font-weight:700}
.facttab{width:100%;border-collapse:collapse;font-size:16px;background:var(--surf);border-radius:var(--rad);overflow:hidden}
.facttab td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.facttab td:first-child{color:var(--mute);width:44%}
.h2s{font-size:26px;margin-bottom:14px}
@media(min-width:1000px){
 .ttl{font-size:44px}
 .crumbs{padding-top:22px}
 .ctiles.sub{grid-template-columns:repeat(8,1fr);gap:14px}
 .ctiles.sub .ct .im{aspect-ratio:1/1}
 .ctiles.sub h3{font-size:16px}
 .prints{margin:0;padding:0;gap:22px}
 .pr1{width:112px}.pr1 i{width:112px;height:112px}
 .grid2{grid-template-columns:repeat(4,1fr);gap:20px}
 .hscroll{margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
 .hscroll .pc{width:auto}
 .chips{margin:0;padding:0;flex-wrap:wrap}
 .lay{display:grid;grid-template-columns:290px 1fr;gap:36px;align-items:start}
 .side{position:sticky;top:100px;background:var(--surf);border:1px solid var(--line);border-radius:var(--radL);padding:6px 20px 18px}
 .side .fg:last-child{border:0}
 .ckb{display:grid;gap:4px}
 .ckb div{display:flex;gap:10px;align-items:center;font-size:16px;min-height:38px}
 .ckb div i{width:22px;height:22px;border-radius:6px;border:2px solid var(--mute);flex:none}
 .ckb div i.on{background:var(--pri);border-color:var(--pri)}
 .ckb div span{margin-left:auto;color:var(--mute);font-size:14px}
 .dtool{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}
 .sorts{display:flex;gap:6px}
 .sorts a{min-height:44px;padding:0 14px;border-radius:10px;display:flex;align-items:center;font-weight:600;font-size:15.5px;color:var(--mute)}
 .sorts a.on{background:var(--surf);color:var(--text);border:1px solid var(--line)}
 .tbar{display:none}
 .lay .grid2{grid-template-columns:repeat(3,1fr)}
 .two .grid2{grid-template-columns:1fr 1fr}
 .pcols{display:grid;grid-template-columns:1.45fr 1fr;gap:56px;align-items:start;margin-top:10px}
 .pgal2{display:grid;grid-template-columns:96px 1fr;gap:14px}
 .pgal2 .thumbs{flex-direction:column;margin:0}
 .pgal2 .thumbs div{width:96px;height:96px}
 .pinfo{position:sticky;top:100px}
 .pt{font-size:38px}
 .two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
 .ckcols{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start;max-width:1180px;margin:0 auto}
 .ckside{position:sticky;top:110px}
 .cst{padding:26px 28px}
 .ckrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .ftr{padding-bottom:40px}
 .ftr .cols2{grid-template-columns:repeat(4,1fr)}
 .stickybar{display:none}
 .dhide{display:none!important}
}
@media(max-width:999px){.monly-hide{display:none!important}}