:root{--accent:#4f46e5;--bg:#f4f6fb;--surface:#ffffff;--surface-2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e6e9f2;--sidebar:#0f172a;--sidebar-text:#cbd5e1;--sidebar-active:#ffffff;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--info:#2563eb;--radius:14px;--shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px -12px rgba(15,23,42,.12);--fs:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}[data-theme=dark]{--bg:#0b1120;--surface:#111a2e;--surface-2:#0f1729;--text:#e6ebf5;--muted:#8b98b3;--line:#20293f;--sidebar:#080d19;--sidebar-text:#94a3b8;--sidebar-active:#ffffff;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--fs);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.shell{display:grid;grid-template-columns:250px 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;padding:18px 14px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 20px;font-weight:800;font-size:1.18rem;color:#fff;letter-spacing:-.02em}.brand .logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--accent);font-size:1.1rem;flex:none}.nav-sec{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#64748b;margin:16px 8px 6px;font-weight:700}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;font-size:.9rem;font-weight:500;color:var(--sidebar-text);transition:.15s;width:100%;text-align:left}.nav-item .ic{width:20px;text-align:center;font-size:1rem;flex:none}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px var(--accent)}.sb-foot{margin-top:auto;padding:12px 8px 4px;font-size:.72rem;color:#475569}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:16px;padding:0 26px;height:64px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}.page-title{font-weight:700;font-size:1.05rem}.search{flex:1;max-width:420px;position:relative}.search input{width:100%;padding:9px 14px 9px 38px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:.9rem}.search input:focus{outline:none;border-color:var(--accent)}.search .si{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:.5}.tb-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-btn{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:1.05rem;border:1px solid var(--line);background:var(--surface-2);position:relative}.icon-btn:hover{border-color:var(--accent)}.dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 6px;border-radius:30px;border:1px solid var(--line);background:var(--surface-2)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%}.user-chip .nm{font-size:.82rem;font-weight:600;line-height:1.1}.user-chip .rl{font-size:.68rem;color:var(--muted)}.content{flex:1;overflow-y:auto;padding:26px}.page-head{margin-bottom:22px}.page-head h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.page-head p{color:var(--muted);font-size:.92rem;margin-top:3px}.grid{display:grid;gap:18px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:1100px){.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3,.cols-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.card-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.card-h h3{font-size:.98rem;font-weight:700}.card-h .sub{font-size:.8rem;color:var(--muted)}.kpi{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi .lbl{font-size:.8rem;color:var(--muted);font-weight:600}.kpi .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.kpi .val{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.kpi .delta{font-size:.78rem;font-weight:600;margin-top:5px}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:.88rem}.tbl th{text-align:left;padding:11px 20px;color:var(--muted);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:12px 20px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.74rem;font-weight:700}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.b-ok{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.b-warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.b-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.b-info{background:color-mix(in srgb,var(--info) 14%,transparent);color:var(--info)}.b-muted{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:10px;font-weight:600;font-size:.88rem;background:var(--accent);color:#fff;transition:.15s;border:1px solid transparent}.btn:hover{filter:brightness(1.06)}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--line)}.chart svg{width:100%;height:auto;display:block;overflow:visible}.legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.8rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.panel{position:absolute;top:52px;right:0;width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);z-index:60;overflow:hidden}.panel-h{padding:14px 16px;border-bottom:1px solid var(--line);font-weight:700;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.notif{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line)}.notif:hover{background:var(--surface-2)}.notif .nd{width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:5px;flex:none}.notif.read .nd{background:var(--line)}.notif .nt{font-weight:600;font-size:.85rem}.notif .nb{font-size:.8rem;color:var(--muted)}.notif .ntime{font-size:.72rem;color:var(--muted);margin-top:3px}.tb-rel{position:relative}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 100% -10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent),var(--bg)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:34px}.login-card .brand{color:var(--text);padding:0 0 8px;justify-content:flex-start}.login-card h2{font-size:1.3rem;font-weight:800;margin-bottom:4px}.login-card p.sub{color:var(--muted);font-size:.88rem;margin-bottom:22px}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:6px}.field input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:.92rem}.field input:focus{outline:none;border-color:var(--accent)}.login-err{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);padding:9px 12px;border-radius:9px;font-size:.83rem;margin-bottom:14px}.btn-block{width:100%;justify-content:center;padding:12px}.demo-users{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.demo-users .t{font-size:.74rem;color:var(--muted);margin-bottom:8px;font-weight:600}.demo-chip{display:inline-block;margin:3px 5px 3px 0;padding:5px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);font-size:.76rem;cursor:pointer}.demo-chip:hover{border-color:var(--accent)}.empty{padding:40px;text-align:center;color:var(--muted)}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.mt{margin-top:18px}.mb{margin-bottom:18px}.row-flex{display:flex;align-items:center;gap:10px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}:root{--fd:var(--fs);--fm:var(--fs)}h1,h2,h3,h4,.brand-name,.page-head h1,.login-card h2,.hero h1{font-family:var(--fd)}.kpi .val,.mono{font-family:var(--fm);font-feature-settings:"tnum" 1}.brand-name{font-weight:900;letter-spacing:-.02em}.user-meta{display:flex;flex-direction:column;line-height:1.15}.nav-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell.layout-rail{grid-template-columns:78px 1fr}.rail{background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;align-items:stretch;padding:16px 10px;overflow:hidden}.rail .brand{justify-content:center;padding:4px 0 18px}.rail .brand-name,.rail .nav-sec{display:none}.rail .nav-item{flex-direction:column;gap:5px;padding:10px 4px;font-size:.66rem;text-align:center;border-radius:12px}.rail .nav-item .ic{font-size:1.35rem}.rail .nav-item .nav-label{font-size:.64rem;font-weight:600;max-width:100%}.rail .sb-foot{text-align:center;font-size:.6rem;opacity:.6}.rail .nav-item.active{box-shadow:none;background:color-mix(in srgb,var(--accent) 22%,transparent);color:#fff;position:relative}.rail .nav-item.active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:0 4px 4px 0;background:var(--accent)}.shell.layout-topbar{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topnav{display:flex;align-items:center;gap:22px;padding:0 30px;height:70px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}.topnav .brand{padding:0;font-size:1.3rem}.topnav-links{display:flex;gap:4px;align-items:center;flex:1;overflow-x:auto;scrollbar-width:none}.topnav-links::-webkit-scrollbar{display:none}.topnav-item{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;font-weight:600;font-size:.9rem;color:var(--muted);white-space:nowrap;transition:.15s}.topnav-item .ic{font-size:1.05rem}.topnav-item:hover{background:var(--surface-2);color:var(--text)}.topnav-item.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.content-topbar{flex:1;overflow-y:auto;padding:34px 40px;width:min(1240px,100%);margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.field-half{grid-column:span 1}.field:not(.field-half){grid-column:span 2}.field select{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:.92rem;font-family:inherit}.field select:focus{outline:none;border-color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c168c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:200;padding:20px;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:0 30px 80px -20px #00000080;overflow:hidden;animation:pop .18s cubic-bezier(.2,.8,.2,1)}.modal-wide{max-width:760px}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-h{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-h h3{font-size:1.08rem;font-weight:800}.modal-x{width:32px;height:32px;border-radius:8px;font-size:.9rem;color:var(--muted)}.modal-x:hover{background:var(--surface-2);color:var(--text)}.modal-b{padding:22px}.modal-f{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);background:var(--surface-2)}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px;align-items:start}.board-col{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);min-height:120px;transition:.15s}.board-col.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.board-h{display:flex;align-items:center;gap:8px;padding:13px 15px;font-weight:700;font-size:.85rem;border-bottom:1px solid var(--line);--col-tint:var(--accent)}.board-dot{width:9px;height:9px;border-radius:50%;background:var(--col-tint)}.board-n{margin-left:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1px 9px;font-size:.72rem;color:var(--muted)}.board-list{padding:12px;display:flex;flex-direction:column;gap:10px;min-height:60px}.board-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:grab;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s}.board-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px #00000059}.board-card:active{cursor:grabbing}.board-empty{padding:16px;text-align:center;font-size:.78rem;color:var(--muted);border:1.5px dashed var(--line);border-radius:10px}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:300}.toast{padding:13px 18px;border-radius:12px;font-size:.9rem;font-weight:600;color:#fff;box-shadow:0 14px 34px -12px #00000080;animation:slidein .2s ease}@keyframes slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.toast-ok{background:var(--ok)}.toast-err{background:var(--danger)}.toolbar input,.toolbar select{padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:.9rem}.act-btns{display:flex;gap:6px}.mini-btn{padding:5px 10px;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.mini-btn:hover{border-color:var(--accent);color:var(--accent)}.mini-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.pos-grid{grid-template-columns:1fr 340px;align-items:start}@media (max-width:980px){.pos-grid{grid-template-columns:1fr}}.board-move{position:relative;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.board-move-btn{font-size:.74rem;font-weight:600;color:var(--muted);padding:3px 8px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2)}.board-move-btn:hover{border-color:var(--accent);color:var(--accent)}.board-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 34px -12px #0006;padding:5px;min-width:170px}.board-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border-radius:7px;font-size:.82rem;font-weight:500;color:var(--text)}.board-menu button:hover{background:var(--surface-2)}.m-appbar,.drawer,.drawer-scrim{display:none}@media (max-width:860px){.m-appbar{display:flex;align-items:center;gap:10px;padding:0 14px;height:58px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;flex:none}.m-burger{width:40px;height:40px;border-radius:10px;font-size:1.25rem;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface-2);flex:none}.m-brand{flex:1;min-width:0;overflow:hidden}.m-brand .brand{padding:0;font-size:1.05rem}.m-appbar-actions{display:flex;gap:6px;flex:none}.shell{height:100dvh}.shell.layout-sidebar,.shell.layout-rail{display:flex;flex-direction:column;grid-template-columns:none}.sidebar,.rail,.topbar,.topnav{display:none}.main{width:100%;min-width:0}.content{padding:16px}.content-topbar{padding:16px;max-width:100%;width:100%}.drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:min(84vw,320px);background:var(--sidebar);color:var(--sidebar-text);z-index:120;transform:translate(-100%);transition:transform .25s ease;padding:14px;overflow-y:auto}.drawer.open{transform:none;box-shadow:0 0 60px #00000080}.drawer .brand,.drawer .brand-name{color:#fff}.drawer-top{display:flex;align-items:center;justify-content:space-between}.drawer-top .modal-x{color:#cbd5e1}.drawer-user{display:flex;align-items:center;gap:10px;padding:12px 6px;margin:6px 0 10px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.drawer-user .nm{color:#fff;font-size:.85rem;font-weight:600}.drawer-user .rl{color:#94a3b8;font-size:.72rem}.drawer .nav-item{color:var(--sidebar-text)}.drawer .nav-item .nav-label{display:inline}.drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s;z-index:110}.drawer-scrim.open{opacity:1;pointer-events:auto}.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3,.cols-2{grid-template-columns:1fr}.page-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.page-head h1{font-size:1.3rem}.board{grid-auto-columns:82vw}.form-grid{grid-template-columns:1fr}.field-half,.field:not(.field-half){grid-column:span 1}.modal{max-width:100%}.toast-wrap{left:16px;right:16px;bottom:16px}.toast{width:100%}.kpi .val{font-size:1.45rem}}@media (max-width:560px){.cols-4{grid-template-columns:1fr}.kpi .val{font-size:1.55rem}}@media (max-width:430px){.content{padding:13px}.m-brand .brand-name{font-size:.98rem}}.store{--ink: #1d1d1f;--ink2: #6e6e73;--ink3: #86868b;--line: #e7e7ec;--line2: #f0f0f3;--paper: #ffffff;--bg: #fbfbfd;--tile: #f5f5f7;--blue: #0071e3;--blue-d: #0064c8;--ok: #1a9c4c;--danger: #d83a30;--amber: #b25e00;--r: 16px;--r-lg: 22px;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 30px rgba(0,0,0,.06);font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;letter-spacing:-.01em;min-height:100vh;overflow-x:clip}.store *,.store *:before,.store *:after{box-sizing:border-box}.store img{max-width:100%;display:block}.store button{font-family:inherit;cursor:pointer;color:inherit}.store input,.store select{font-family:inherit}.store svg{width:1.2em;height:1.2em;flex:none}.store h1,.store h2,.store h3,.store h4{font-family:Manrope,sans-serif;letter-spacing:-.03em;margin:0}.store b,.store strong{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--blue);color:#fff;border:none;border-radius:980px;padding:11px 20px;font-size:.92rem;font-weight:600;transition:background .18s,transform .1s,box-shadow .18s;white-space:nowrap}.btn:hover{background:var(--blue-d)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.sm{padding:8px 14px;font-size:.84rem}.btn.lg{padding:14px 22px;font-size:1rem}.btn.block{display:flex;width:100%}.btn.ghost{background:var(--tile);color:var(--ink)}.btn.ghost:hover{background:#ececf0}.ic-btn{background:none;border:none;width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:var(--ink2);font-size:1.05rem}.ic-btn:hover{background:var(--tile)}.hd{position:sticky;top:0;z-index:60;background:#fbfbfdd1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.hd-row{max-width:1200px;margin:0 auto;height:56px;padding:0 16px;display:flex;align-items:center;gap:12px}.hd-logo{display:flex;align-items:center;gap:6px;background:none;border:none;font-family:Manrope,sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.hd-mark{color:var(--blue);display:grid;place-items:center;font-size:1.05rem}.hd-search{display:flex;align-items:center;gap:8px;background:var(--tile);border-radius:12px;padding:0 12px;height:40px;flex:1}.hd-search input{border:none;background:none;outline:none;flex:1;font-size:.92rem;color:var(--ink);min-width:0}.hd-si{color:var(--ink3);display:grid;place-items:center}.hd-clear{background:none;border:none;color:var(--ink3);display:grid;place-items:center}.hd-search.desk{display:none;max-width:440px}.hd-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.hd-ic{position:relative;background:none;border:none;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:var(--ink);font-size:1.15rem}.hd-ic:hover{background:var(--tile)}.badge{position:absolute;top:4px;right:4px;background:var(--blue);color:#fff;font-size:.64rem;font-weight:800;min-width:16px;height:16px;border-radius:999px;display:grid;place-items:center;padding:0 4px}.hd-search.mob{margin:0 16px 10px}.catbar{position:sticky;top:56px;z-index:50;display:flex;gap:8px;padding:10px 16px;overflow-x:auto;scrollbar-width:none;background:#fbfbfde6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line2)}.catbar::-webkit-scrollbar{display:none}.catchip{display:inline-flex;align-items:center;gap:6px;background:var(--tile);border:none;color:var(--ink2);font-size:.84rem;font-weight:600;padding:8px 14px;border-radius:980px;white-space:nowrap;transition:.15s}.catchip i{display:grid;place-items:center;font-size:.95rem}.catchip.on{background:var(--ink);color:#fff}.main{max-width:1200px;margin:0 auto;padding-bottom:80px}.wrap{padding:0 16px}.ph{font-size:1.6rem;font-weight:800;padding:18px 0 4px}.hero{margin:12px 16px 4px;background:linear-gradient(160deg,#f5f5f7,#eceef3);border-radius:var(--r-lg);padding:22px;display:grid;grid-template-columns:1fr;gap:8px;overflow:hidden}.hero-img{order:-1;display:grid;place-items:center}.hero-img img{max-height:230px;object-fit:contain;cursor:pointer;mix-blend-mode:multiply;transition:transform .4s}.hero-img img:hover{transform:scale(1.03)}.hero-kick{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-weight:700;font-size:.82rem}.hero-copy h1{font-size:clamp(2rem,8vw,2.6rem);font-weight:800;margin:6px 0 4px}.hero-copy>p{color:var(--ink2);font-size:1rem;margin:0 0 12px}.hero-price{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.hero-price b{font-size:1.4rem;font-weight:800}.hero-price span{color:var(--ink3);font-size:.84rem}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.promobar{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:14px 16px;margin-top:6px}.promobar::-webkit-scrollbar{display:none}.promobar span{display:inline-flex;align-items:center;gap:7px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:.8rem;font-weight:600;color:var(--ink);white-space:nowrap;box-shadow:var(--shadow)}.promobar span svg{color:var(--blue)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 12px;flex-wrap:wrap}.tb-l{font-size:.88rem;color:var(--ink2)}.tb-l b{color:var(--ink)}.tb-r{display:flex;align-items:center;gap:8px}.tb-filter{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:980px;padding:8px 14px;font-size:.84rem;font-weight:600}.tb-count{background:var(--blue);color:#fff;font-size:.68rem;min-width:16px;height:16px;border-radius:999px;display:grid;place-items:center}.tb-sort{position:relative;display:flex;align-items:center}.tb-sort select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--paper);border:1px solid var(--line);border-radius:980px;padding:8px 32px 8px 14px;font-size:.84rem;font-weight:600;color:var(--ink)}.tb-sort i{position:absolute;right:11px;pointer-events:none;color:var(--ink3);font-size:.85rem;display:grid}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:24px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dcdce2}.card-media{position:relative;aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:10px;cursor:pointer}.card-media img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}.tag-off{position:absolute;top:8px;left:8px;background:var(--danger);color:#fff;font-size:.66rem;font-weight:800;padding:3px 7px;border-radius:7px}.tag-stock{position:absolute;bottom:8px;left:8px;font-size:.64rem;font-weight:700;padding:3px 7px;border-radius:7px}.tag-stock.low{background:#fff3e0;color:var(--amber)}.tag-stock.out{background:#f0f0f3;color:var(--ink3)}.card-wish{position:absolute;top:6px;right:6px;background:#ffffffd9;border:none;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;color:var(--ink2);font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.15s}.card-wish:hover,.card-wish.on{color:var(--danger)}.card-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:3px;flex:1}.card-eye{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}.card-body h3{font-size:.96rem;font-weight:700;cursor:pointer;line-height:1.25}.card-rate{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--ink3)}.card-price{display:flex;align-items:baseline;gap:6px;margin-top:4px}.card-price b{font-size:1rem;font-weight:800}.card-price s{font-size:.76rem;color:var(--ink3)}.card-fin{font-size:.72rem;color:var(--ink3);margin-bottom:8px}.card .btn{margin-top:auto}.stars{display:inline-flex;gap:1px;color:#f5a623}.stars i{display:grid;font-size:.82rem;color:#d9d9de}.stars i.on{color:#f5a623}.stars.sm i{font-size:.72rem}.loading{display:grid;place-items:center;min-height:50vh}.spin{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:999px;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.empty{text-align:center;padding:54px 24px;color:var(--ink2);display:flex;flex-direction:column;align-items:center;gap:8px}.empty-ic{font-size:2rem;color:var(--ink3);display:grid}.empty b{color:var(--ink);font-size:1.05rem}.empty p{margin:0;font-size:.88rem}.empty .btn{margin-top:8px}.muted2{color:var(--ink3);font-size:.8rem}.dv-ov,.dr-ov,.sheet-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000006b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;overflow:hidden;animation:fade .2s}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}@keyframes slide{0%{transform:translate(100%)}}.sheet-ov{align-items:flex-end}.sheet{background:var(--paper);width:100%;max-height:88vh;max-height:88dvh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;animation:up .3s cubic-bezier(.2,.8,.2,1)}.sheet-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.sheet-h h3{font-size:1.2rem;font-weight:800}.sheet-b{padding:8px 20px 20px;overflow-y:auto;flex:1;min-height:0}.fgroup{padding:16px 0;border-bottom:1px solid var(--line2)}.fgroup h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--tile);border:1.5px solid transparent;color:var(--ink);font-size:.82rem;font-weight:600;padding:8px 13px;border-radius:980px;transition:.15s}.chip em{font-style:normal;color:var(--ink3);font-size:.72rem}.chip.on{border-color:var(--blue);background:#eaf4ff;color:var(--blue)}.chip.on em{color:var(--blue)}.switch{display:flex;align-items:center;gap:10px;font-size:.9rem;padding:8px 0;cursor:pointer}.switch input{display:none}.switch span{width:42px;height:25px;border-radius:999px;background:var(--line);position:relative;transition:.2s;flex:none}.switch span:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:999px;background:#fff;transition:.2s;box-shadow:0 1px 3px #0003}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translate(17px)}.sheet-f{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--line)}.sheet-f .btn{flex:1}.dv-ov{align-items:flex-end;justify-content:center}.dv{position:relative;background:var(--paper);width:100%;max-height:94vh;max-height:92dvh;border-radius:22px 22px 0 0;overflow:hidden;animation:up .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.dv-x{position:absolute;top:12px;right:12px;z-index:5;width:34px;height:34px;border-radius:999px;border:none;background:#0000000f;color:var(--ink);display:grid;place-items:center}.dv-x:hover{background:#0000001f}.dv-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.dv-bar{display:flex;align-items:center;gap:12px;padding:11px 16px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);flex:none}.dv-bar-p{display:flex;flex-direction:column;line-height:1.12;min-width:0}.dv-bar-p b{font-size:1.15rem;font-weight:800}.dv-bar-p span{font-size:.72rem;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-bar .btn{margin-left:auto}.dv-top{display:grid;grid-template-columns:1fr}.dv-media{background:var(--tile);display:grid;place-items:center;padding:26px}.dv-media img{max-height:300px;object-fit:contain;mix-blend-mode:multiply}.dv-info{padding:22px 20px}.dv-info h2{font-size:1.7rem;font-weight:800;margin:3px 0 6px}.dv-tag{color:var(--ink2);margin:8px 0 12px}.dv-price{display:flex;align-items:baseline;gap:10px}.dv-price b{font-size:1.7rem;font-weight:800}.dv-price s{color:var(--ink3);font-size:.95rem}.dv-fin{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--ink2);margin:8px 0 18px}.dv-fin svg{color:var(--blue)}.dv-opt{margin-bottom:18px}.dv-lbl{font-size:.82rem;color:var(--ink2);margin-bottom:10px}.swatch-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:34px;height:34px;border-radius:999px;border:2px solid var(--line);background:none;padding:3px;transition:.15s}.swatch span{display:block;width:100%;height:100%;border-radius:999px;box-shadow:inset 0 0 0 1px #00000014}.swatch.on{border-color:var(--blue)}.dv-buy{display:flex;align-items:center;gap:12px;margin-bottom:12px}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:980px}.qty button{background:none;border:none;width:40px;height:42px;display:grid;place-items:center;color:var(--ink);font-size:1rem}.qty button:hover{color:var(--blue)}.qty span{min-width:30px;text-align:center;font-weight:700}.qty.sm button{width:30px;height:32px}.qty.sm span{min-width:22px;font-size:.85rem}.icbtn-lg{width:46px;height:46px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--ink2);display:grid;place-items:center;font-size:1.1rem}.icbtn-lg.on{color:var(--danger);border-color:#f3c9c6;background:#fff4f3}.dv-perks{list-style:none;padding:16px 0 4px;margin:8px 0 0;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line2)}.dv-perks li{display:flex;align-items:center;gap:10px;font-size:.84rem;color:var(--ink2)}.dv-perks svg{color:var(--ink)}.dv-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid var(--line);margin-top:8px}.dv-tabs button{background:none;border:none;padding:14px 4px;margin-right:18px;font-size:.92rem;font-weight:600;color:var(--ink3);border-bottom:2px solid transparent}.dv-tabs button.on{color:var(--ink);border-color:var(--ink)}.dv-panel{padding:20px}.dv-desc{color:var(--ink2);line-height:1.6;margin:0 0 16px;font-size:.92rem}.specs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.specs li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line2);font-size:.88rem}.specs li span{color:var(--ink2)}.rev-sum{display:flex;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--line2)}.rev-big{font-size:2.4rem;font-weight:800}.rev-big small{font-size:1rem;color:var(--ink3);font-weight:600}.rev{padding:14px 0;border-bottom:1px solid var(--line2)}.rev-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.rev p{margin:0;font-size:.88rem;color:var(--ink2)}.dv-rel{padding:8px 20px 26px}.dv-rel h3{font-size:1.1rem;font-weight:800;margin-bottom:12px}.rel-row{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.rel-row::-webkit-scrollbar{display:none}.rel{flex:0 0 130px;background:var(--tile);border:none;border-radius:14px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:4px}.rel img{height:90px;object-fit:contain;mix-blend-mode:multiply}.rel-n{font-size:.8rem;font-weight:600;line-height:1.2}.rel-p{font-size:.82rem;font-weight:800}.dr-ov{justify-content:flex-end}.dr{background:var(--paper);width:100%;max-width:440px;height:100%;height:100dvh;display:flex;flex-direction:column;animation:slide .3s cubic-bezier(.2,.8,.2,1)}.dr-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.dr-h h3{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:800}.dr-ship{padding:14px 20px;background:var(--tile);font-size:.82rem;color:var(--ink2)}.dr-ship .ok{color:var(--ok);font-weight:700;display:inline-flex;align-items:center;gap:5px}.dr-ship .bar{height:6px;background:#e2e2e8;border-radius:999px;margin-top:8px;overflow:hidden}.dr-ship .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#34c759);border-radius:999px;transition:width .4s}.dr-lines{flex:1;min-height:0;overflow-y:auto;padding:6px 20px}.ln{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line2)}.ln img{width:64px;height:64px;object-fit:contain;background:var(--tile);border-radius:12px;padding:5px;mix-blend-mode:multiply}.ln-mid{flex:1;min-width:0}.ln-n{font-weight:700;font-size:.9rem}.ln-v{font-size:.76rem;color:var(--ink3);margin:2px 0 8px}.ln-r{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}.ln-r span{font-weight:700;font-size:.9rem;white-space:nowrap}.ln-x{background:none;border:none;color:var(--ink3);font-size:.8rem;display:grid;place-items:center}.ln-x:hover{color:var(--danger)}.dr-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.promo{display:flex;gap:8px;margin-bottom:10px}.promo input{flex:1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.85rem;text-transform:uppercase}.promo input:focus{outline:none;border-color:var(--blue)}.promo-ok{display:flex;align-items:center;gap:6px;color:var(--ok);font-size:.8rem;margin-bottom:10px}.sum{display:flex;justify-content:space-between;font-size:.9rem;color:var(--ink2);margin-bottom:7px}.sum b{color:var(--ink)}.sum.disc b{color:var(--ok)}.sum.total{font-size:1.15rem;margin:10px 0 14px;padding-top:12px;border-top:1px solid var(--line)}.sum.total span,.sum.total b{color:var(--ink);font-weight:800}.dv-ov .co{position:relative;background:var(--paper);width:100%;max-height:94vh;max-height:92dvh;border-radius:22px 22px 0 0;overflow-y:auto;animation:up .32s cubic-bezier(.2,.8,.2,1)}.co-grid{display:grid;grid-template-columns:1fr}.co-main{padding:24px 20px}.steps{display:flex;gap:10px;margin-bottom:20px}.steps span{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--ink3);background:var(--tile);padding:7px 14px;border-radius:999px}.steps span.on{color:#fff;background:var(--ink)}.steps span.done{color:var(--ok);background:#e7f6ec}.err{background:#fdeceb;color:#c0261d;border:1px solid #f5c6c2;border-radius:10px;padding:10px 14px;font-size:.85rem;margin-bottom:14px}.frm{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ff{display:flex;flex-direction:column;gap:6px}.ff.full{grid-column:1 / -1}.ff label{font-size:.78rem;color:var(--ink2);font-weight:600}.ff input{border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:.95rem;color:var(--ink);background:#fff;transition:.15s}.ff input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #0071e321}.frm .btn{grid-column:1 / -1}.paytabs{grid-column:1/-1;display:flex;gap:6px;background:var(--tile);padding:4px;border-radius:12px}.paytabs button{flex:1;background:none;border:none;padding:9px;border-radius:9px;font-size:.82rem;font-weight:700;color:var(--ink2)}.paytabs button.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000001a}.paynote{grid-column:1/-1;background:var(--tile);border-radius:12px;padding:15px;font-size:.86rem;color:var(--ink2)}.paynote i{color:var(--ink3)}.secure{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--ink3);font-size:.76rem}.co-sum{background:var(--tile);padding:22px 20px}.co-sum h4{font-size:1rem;font-weight:800;margin-bottom:14px}.co-ln{display:flex;align-items:center;gap:12px;margin-bottom:12px}.co-ln img{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:10px;padding:4px;mix-blend-mode:multiply}.co-ln>div{flex:1;min-width:0}.co-ln .n{font-size:.84rem;font-weight:700}.co-ln .v{font-size:.74rem;color:var(--ink3)}.co-ln span{font-size:.85rem;font-weight:700;white-space:nowrap}.co-sum .sum{margin-top:8px}.dv-ov .ok-card{background:var(--paper);width:100%;max-width:440px;border-radius:22px;padding:40px 28px;text-align:center;margin:auto;animation:up .3s cubic-bezier(.2,.8,.2,1)}.ok-ring{width:62px;height:62px;margin:0 auto 18px;border-radius:999px;background:#e7f6ec;color:var(--ok);display:grid;place-items:center;font-size:1.6rem}.ok-card h2{font-size:1.5rem;font-weight:800;margin-bottom:10px}.ok-card p{color:var(--ink2);margin:0 0 20px}.ok-btns{display:flex;flex-direction:column;gap:10px}.track{max-width:640px;margin:0 auto;padding:28px 16px}.track h2{font-size:1.6rem;font-weight:800}.track-sub{color:var(--ink2);margin:6px 0 18px;font-size:.92rem}.track-in{display:flex;gap:8px;margin-bottom:16px}.track-in input{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:1rem;text-transform:uppercase}.track-in input:focus{outline:none;border-color:var(--blue)}.track-res{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow)}.track-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.track-head b{font-size:1.1rem}.track-head span.muted2{display:block}.pill{font-size:.74rem;font-weight:800;padding:5px 11px;border-radius:999px}.pill.st-PAGADO,.pill.st-ENVIADO{background:#e5f0ff;color:var(--blue)}.pill.st-ENTREGADO{background:#e7f6ec;color:var(--ok)}.pill.st-PENDIENTE{background:#fff3e0;color:var(--amber)}.pill.st-CANCELADO{background:#fdeceb;color:var(--danger)}.track-line{display:flex;justify-content:space-between;position:relative;margin:10px 0 24px}.track-line:before{content:"";position:absolute;top:15px;left:12%;right:12%;height:2px;background:var(--line)}.tstep{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1;flex:1}.tstep .dot{width:32px;height:32px;border-radius:999px;background:var(--paper);border:2px solid var(--line);color:var(--ink3);display:grid;place-items:center;font-weight:700;font-size:.85rem}.tstep.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.tlbl{font-size:.76rem;color:var(--ink2);font-weight:600}.tstep.done .tlbl{color:var(--ink)}.track-cancel{color:var(--danger);font-size:.9rem}.track-items{border-top:1px solid var(--line2);padding-top:12px}.track-it{display:flex;justify-content:space-between;font-size:.88rem;padding:5px 0;color:var(--ink2)}.track-it b{color:var(--ink)}.track-it.total{border-top:1px solid var(--line2);margin-top:6px;padding-top:10px;font-size:1rem}.track-it.total b{font-weight:800}.bnav{position:fixed;bottom:0;left:0;right:0;z-index:70;display:flex;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.bnav button{flex:1;background:none;border:none;padding:8px 0 7px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink3);font-size:.64rem;font-weight:600;position:relative}.bnav button svg{font-size:1.35rem}.bnav button.on{color:var(--blue)}.bn-badge{position:absolute;top:2px;right:calc(50% - 20px);background:var(--danger);color:#fff;font-size:.58rem;font-weight:800;min-width:15px;height:15px;border-radius:999px;display:grid;place-items:center;padding:0 3px}.ft{background:var(--tile);margin-top:20px}.ft-in{max-width:1200px;margin:0 auto;padding:34px 20px}.ft-brand{display:flex;align-items:center;gap:7px;font-family:Manrope,sans-serif;font-weight:800;font-size:1.1rem}.ft-in>p{color:var(--ink2);font-size:.86rem;margin:6px 0 0}.ft-links{display:flex;gap:18px;margin:16px 0 10px;flex-wrap:wrap}.ft-links a,.ft-links button{background:none;border:none;color:var(--ink2);font-size:.84rem;text-decoration:none;padding:0}.ft-links a:hover,.ft-links button:hover{color:var(--blue)}.ft-legal{color:var(--ink3);font-size:.74rem;margin-top:8px!important}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:.88rem;font-weight:600;box-shadow:0 10px 30px #00000040;animation:up2 .25s}.toast svg{color:#34c759}@keyframes up2{0%{transform:translate(-50%,12px);opacity:0}}@media (min-width: 700px){.grid{grid-template-columns:repeat(3,1fr);gap:16px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;padding:40px;margin:20px auto;max-width:1168px}.hero-img{order:0}.hero-img img{max-height:320px}.card-body{padding:14px 16px 16px}.card-body h3{font-size:1.02rem}}@media (min-width: 820px){.hd-search.desk{display:flex}.hd-search.mob{display:none}.catbar{top:56px}.bnav{display:none}.main{padding-bottom:20px}.toast{bottom:30px}.promobar{justify-content:center;flex-wrap:wrap}.catbar{justify-content:center}.dv-ov{align-items:center;padding:24px}.dv{max-width:960px;border-radius:24px;max-height:90vh;max-height:90dvh}.dv-bar{display:none}.dv-top{grid-template-columns:1.05fr 1fr}.dv-media{padding:40px}.dv-media img{max-height:380px}.dv-ov .co{max-width:900px;border-radius:24px;max-height:90vh;max-height:90dvh}.co-grid{grid-template-columns:1.3fr 1fr}.sheet-ov{align-items:center;justify-content:center;padding:24px}.sheet{max-width:460px;border-radius:22px}}@media (min-width: 1000px){.grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion: reduce){.store *,.store *:before,.store *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}