@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;600;700&family=JetBrains+Mono&display=swap');



*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter', system-ui, sans-serif;overflow-x:hidden;background:#f0f0f2;-webkit-font-smoothing:antialiased}
.stage{position:relative;width:100%;overflow:hidden}
.page{position:relative;width:1440px;transform-origin:top left}
.page a{text-decoration:none;color:inherit;display:block}
img.limg{width:100%;height:100%;object-fit:cover;display:block}
.lumina-embed>*,.lumina-embed iframe,.lumina-embed video,.lumina-embed img,.lumina-embed svg{width:100%;height:100%;display:block;border:0}
[data-anim]{will-change:opacity,transform}
.lhot{z-index:30;background:transparent!important;border:none!important;box-shadow:none!important;cursor:pointer;padding:0;display:block}
.lhidden{display:none!important}
.lbackdrop{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:40}
.lz{z-index:50}
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-content:start;overflow:auto}
.lcard{display:flex;flex-direction:column;gap:10px;cursor:pointer}
.lcard-img{display:block;position:relative;width:100%;aspect-ratio:1/1;border-radius:14px;background-size:cover;background-position:center}
.lcard-t{font-weight:600;color:#18181b}
.lcard-p{font-size:15px;font-weight:600;color:#6366f1;display:flex;gap:8px;align-items:baseline}
.lcard.lout .lcard-img{filter:grayscale(0.7)}
.lbadge{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,0.65);color:#fff;border-radius:8px;padding:4px 9px;font:600 12px Inter,sans-serif}
.lbadge.lsale{bottom:auto;top:10px;background:#e11d48;font-weight:700}
.lcompare{color:#9ca3af;font-weight:500;font-size:13px}
.ltools{grid-column:1/-1;display:flex;gap:10px;align-items:center;font-family:Inter,sans-serif;margin-bottom:4px}
.ltools-q{flex:1;height:42px;border:1px solid #e4e4e7;border-radius:12px;padding:0 16px;font:15px Inter,sans-serif;color:#18181b;outline:none;background:#fff}
.ltools-q:focus{border-color:#a5a5b1}
.ltools-s{height:42px;border:1px solid #e4e4e7;border-radius:12px;padding:0 12px;font:14px Inter,sans-serif;color:#18181b;outline:none;background:#fff;cursor:pointer}
.lfieldwrap .lfield{width:100%;height:100%;text-transform:uppercase}
.lfieldwrap .lfield::placeholder{text-transform:none}
.ldiscmsg{margin-top:5px;font:600 12px Inter,sans-serif}
.ldiscmsg.ok{color:#10b981}.ldiscmsg.err{color:#f43f5e}
.lfield.lerr{border-color:#f43f5e!important}
[data-add-to-cart].lout{cursor:not-allowed}
.lnav{display:flex;align-items:center;gap:24px;white-space:nowrap}
.lnav a{display:inline-block}
/* live product list: carousel + featured layouts (grid reuses .lgrid) */
.lcar{overflow:hidden}
.lcar-t{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.lcar-t .lcard{flex:0 0 260px;scroll-snap-align:start}
.lfeat{display:grid;grid-template-columns:1fr;gap:24px;align-content:start;overflow:auto}
.lfeat .lcard-img{aspect-ratio:16/9}
/* live category list: nested menu, tiles, breadcrumb */
.lcmenu{font-family:Inter,sans-serif;overflow:auto}
.lcm-l{list-style:none;margin:0;padding:0}
.lcm-l2,.lcm-l3,.lcm-l4{padding-left:16px}
.lcm-i>a{display:block;padding:6px 0;color:#18181b;text-decoration:none}
.lcm-i>a:hover{color:#6366f1}
.lcm-l2 .lcm-i>a{font-size:14px;color:#52525b}
.lcm-l3 .lcm-i>a,.lcm-l4 .lcm-i>a{font-size:13px;color:#6b7280}
.lcm-l1>.lcm-i>a{font-weight:600}
.lcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-content:start;overflow:auto}
.lctile{display:flex;align-items:flex-end;min-height:150px;padding:18px;border-radius:14px;background:#f4f4f5;color:#18181b;text-decoration:none;font:600 16px Inter,sans-serif}
.lctile:hover{background:#e9e9ee}
.lcrumb{display:flex;align-items:center;gap:8px;font:14px Inter,sans-serif;color:#6b7280;white-space:nowrap;overflow:auto}
.lcrumb a{color:inherit;text-decoration:none}
.lcrumb a:hover{color:#18181b}
.lcrumb a+a::before{content:'/';margin-right:8px;color:#c4c4cc}
.lfield{border:1px solid #e4e4e7;border-radius:12px;padding:0 16px;font:15px Inter,sans-serif;color:#18181b;outline:none;background:#fff}
.lempty{padding:24px 0;color:#6b7280}
.page-lpage_wmao1k0a0b09{min-height:1024px;background:#ffffff}
@media (max-width:1024px){.page{width:810px}
}
@media (max-width:600px){.page{width:390px}
.lgrid{grid-template-columns:repeat(2,1fr)}
.lcgrid{grid-template-columns:repeat(2,1fr)}
}