/* /style.css */
body {
    font-family: 'MS PGothic', 'Arial', sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #f7f9fa;
    margin: 0;
    padding: 0;
}
.container { max-width: 1100px; margin: 0 auto; background-color: #fff; }
a { color: #004B91; text-decoration: none; }
a:hover { color: #C45500; text-decoration: underline; }
ul { list-style: none; padding: 0; margin: 0; }
h1, h2, h3 { margin: 0; padding: 0; }
button { font-family: inherit; font-size: 12px; }
.header-user-info { font-size: 11px; line-height: 1.4; padding: 5px 20px; border-bottom: 1px solid #ddd; }
.header-main { display: flex; align-items: center; padding: 10px 20px; border-bottom: 1px solid #ddd; }
.header-main .logo { font-size: 24px; font-weight: bold; color: #004B91; }
.search-container { display: flex; flex-grow: 1; margin: 0 20px; position: relative; }
.search-container select { border: 1px solid #ccc; border-right: none; background-color: #f0f0f0; padding: 4px; }
.search-container input[type="text"] { width: 100%; border: 1px solid #ccc; padding: 5px; font-size: 13px; }
.search-container button { background-color: #f3ce73; border: 1px solid #a88734; color: #111; cursor: pointer; padding: 0 15px; }
#clear-search-btn { position: absolute; right: 45px; top: 50%; transform: translateY(-50%); border: none; background: none; font-size: 16px; color: #888; cursor: pointer; padding: 0 5px; display: none; }
.main-wrapper { display: flex; padding: 20px; gap: 20px; }
.sidebar-left { width: 22%; flex-shrink: 0; }
.sidebar-left h3 { background-color: #e3eff8; border: 1px solid #cce0ee; border-bottom: none; margin: 0; padding: 8px 10px; font-size: 14px; color: #004B91; }
.nav-tree { border: 1px solid #cce0ee; padding: 10px; }
.nav-tree li { margin-bottom: 5px; }
.nav-tree > li > a { font-weight: bold; }
.nav-tree .toggle { cursor: pointer; }
.nav-tree ul { padding-left: 10px; margin-top: 5px; border-left: 1px solid #ddd; }
.nav-tree ul a { display: block; padding: 2px 0; }
.nav-tree ul ul { margin-left: 5px; } 
.nav-tree ul a::before { content: '› '; color: #f99300; font-weight: normal; }
.submenu-hidden { display: none; }
.content-main { width: 78%; }
.content-section h2 { font-size: 18px; border-bottom: 2px solid #e7e7e7; padding-bottom: 5px; margin: 0 0 15px 0; }
.product-grid { display: flex; gap: 20px; flex-wrap: wrap; }
.product-item { text-align: center; width: 160px; }
.product-item a { display: block; color: #004B91; }
.product-item img { width: 160px; height: 160px; object-fit: cover; border: 1px solid #eee; margin-bottom: 5px; }
.product-item .product-name { font-size: 12px; line-height: 1.4; display: block; }
.sorting-controls { margin-bottom: 15px; padding: 8px; background-color: #f0f0f0; border: 1px solid #ddd; }