/* Explicit form/grid rules must not override authentication and pagination visibility. */
[hidden]{display:none!important}
/* A short login form should not stretch to the height of the registration form. */
.forms{align-items:start}
:root{--ink:#17202a;--line:#d9dee5;--soft:#f4f6f8;--accent:#235b85;--orange:#e66b20}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"Malgun Gothic",Arial,sans-serif;background:#fff}.topbar{height:74px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line);padding:0 28px;position:sticky;top:0;background:#fff;z-index:2}.brand{font-size:22px;font-weight:800;border:0;background:none;white-space:nowrap}.search{display:flex;flex:1;max-width:720px}.search input{flex:1;padding:12px;border:2px solid var(--accent);border-radius:4px 0 0 4px}.search button,.panel button,form button{border:0;background:var(--accent);color:#fff;padding:11px 18px;border-radius:4px}.search button{border-radius:0 4px 4px 0}.topbar nav{display:flex;gap:8px}.topbar nav button{border:1px solid var(--line);background:#fff;padding:10px;border-radius:4px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 74px)}aside{border-right:1px solid var(--line);padding:24px 16px;background:var(--soft)}aside h2{font-size:15px;margin:0 0 14px}#categories button{width:100%;text-align:left;border:0;background:none;padding:10px;border-radius:4px}#categories button:hover,#categories button.active{background:#dce8f1;color:var(--accent);font-weight:700}main{padding:26px}.view{display:none}.view.active{display:block}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.product{border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.product img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}.product .body{padding:14px}.product h3{font-size:16px;min-height:44px;margin:0 0 8px}.product .spec{font-size:13px;color:#606b75;min-height:38px}.product .price{font-size:19px;font-weight:800;margin:12px 0}.product button{width:100%;border:0;background:var(--orange);color:#fff;padding:10px;border-radius:4px}.panel{max-width:980px}.forms{display:grid;grid-template-columns:1fr 1fr;gap:28px}form{display:grid;gap:12px}label{display:grid;gap:6px;font-size:13px}input,textarea{padding:10px;border:1px solid #bfc8d2;border-radius:4px}textarea{min-height:80px}.message{padding:10px 0;color:#e50000}.cart-row,.order-row{display:grid;grid-template-columns:1fr auto auto auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}#cartTotal{font-size:20px;font-weight:800;text-align:right;padding:20px 0}.status{color:var(--orange);font-weight:700}@media(max-width:800px){.topbar{height:auto;flex-wrap:wrap;padding:14px}.search{order:3;flex-basis:100%}.shell{display:block}aside{border-right:0;border-bottom:1px solid var(--line)}#categories{display:flex;overflow:auto}.products{grid-template-columns:repeat(2,1fr)}.forms{grid-template-columns:1fr}.topbar nav{margin-left:auto}}