/* Quiet brand-blue interface palette. Product and brand images keep their original pixels. */
:root{--surface:#fff;--surface-muted:#f5f7fa;--surface-hover:#eaf0f6;--border:#dce3eb;--ink:#283649;--muted:#596b80;--action:#192b4b;--navy:var(--action);--mint:#668f94;accent-color:var(--action)}
body{color:var(--ink);background:var(--surface);font-size:15px}
a{color:var(--ink)}a:hover{color:#21385f}
button{background:var(--action);color:#fff;border-radius:2px}
button:hover{background:#263d60}
input,select,textarea{color:var(--ink);background:#fff;border-color:#bbb}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.local-header{background:#fff;border:0;position:sticky;top:0;z-index:100}
.local-top{display:grid;grid-template-columns:210px minmax(220px,1fr) auto;gap:32px;min-height:76px}
.local-logo img{width:210px;height:auto}
.local-search{display:flex;align-items:stretch;justify-self:center;width:min(320px,100%);position:relative}
.local-search input{width:100%;min-width:0;height:40px;padding:8px 42px 8px 14px;border:1px solid var(--border);background:var(--surface-muted);border-radius:2px}
.local-search button{position:absolute;right:1px;top:1px;width:40px;height:38px;padding:0;background:transparent;color:var(--ink)}
.local-tools{gap:20px;font-size:13px;white-space:nowrap;margin:0}
.local-tools a{color:var(--ink)}
.contact-link{background:var(--action);color:#fff!important;border:1px solid var(--action);padding:6px 12px}
.local-nav{background:var(--action);min-height:48px}
.local-nav>a,.local-nav>.catalog-menu>summary{padding:12px 22px;font-size:14px;font-weight:500;line-height:24px;color:#fff}
.local-nav a:hover,.local-nav>.catalog-menu>summary:hover{background:#263d60;color:#fff}
.local-nav .catalog-mega a{color:var(--ink)}
.catalog-mega,.catalog-mega h2{color:var(--ink)}
.catalog-menu-heading small{color:var(--muted)}
.local-nav .catalog-mega a:hover{background:transparent;color:var(--ink)}
.local-nav .catalog-mega h2{border-color:var(--border)}
.mobile-header button,.mobile-cart{color:var(--ink)}
.mobile-search-panel{background:#fff}
.mobile-search-panel input{background:var(--surface-muted)}
.local-message,.source-conflicts{background:var(--surface-muted);border-color:#555;color:var(--ink)}
.local-brand,.selection-brand,.selection-image::after,.catalog-card small{color:var(--muted)}
.local-section h1{font-size:30px;margin:20px 0 28px}
.selection-filters,.catalog-tree{border:1px solid var(--border)}
.selection-filters>summary,.catalog-tree>summary{background:var(--surface-muted);color:var(--ink)}
.selection-filters fieldset{border-color:var(--border);padding-top:18px;padding-bottom:18px}
.selection-filters legend{font-weight:500;color:var(--ink)}
.selection-options label{border-color:transparent}
.selection-options label:has(input:checked),.catalog-tree [aria-current=page]{background:var(--surface-hover);color:var(--ink)}
.selection-options small{color:var(--muted)}
.selection-chips a{background:var(--surface-muted);color:var(--ink);border-color:var(--border)}
.selection-model,.local-card,.catalog-card{border-color:var(--border);box-shadow:none}
.selection-empty,.catalog-image-pending,.catalog-terminal{background:var(--surface-muted);color:var(--ink)}
.catalog-card:hover{border-color:#777;background:#f8fafc}
.catalog-card .catalog-selection-badge{background:var(--surface-hover);color:var(--ink)}
.catalog-siblings a{border-color:var(--border)}
.catalog-siblings [aria-current=page]{background:var(--action);color:#fff}
.catalog-primary{background:var(--action);color:#fff;border-color:var(--action)}
.catalog-secondary{background:#fff;color:var(--ink);border-color:#aaa}
.table-scroll th{background:#eef2f7;color:var(--ink)}
.table-scroll td,.table-scroll th{border-color:var(--border)}
.table-scroll tr:nth-child(even){background:#f8fafc}
.local-description [style*="color"]{color:inherit!important}
.local-help>summary{background:var(--action);color:#fff}
.local-help{border-color:var(--border)}
.local-preview-note{font-size:11px;color:var(--muted)}
/* Source homepage components use the same brand palette, without image filters. */
.products_type{background:var(--surface-muted);padding:42px 0 48px}
.products_type .container,.products_news .container{max-width:1170px}
.index_title h1,.index_title h2,.page_title .index_title h1{color:var(--ink);background-image:none;padding-left:0;font-size:24px;letter-spacing:.02em;font-weight:500}
.index_title h1 span,.index_title h2 span{color:var(--muted);font-size:16px;font-weight:400}
.products_type_list{margin-top:8px;margin-bottom:16px}
.products_type_list a{min-height:110px;border:1px solid var(--border);box-shadow:none;background-color:#fff;color:var(--ink);transition:border-color .15s}
.products_type_list a:hover{border:1px solid #555;color:#21385f}
.products_type_list p{font-size:14px;line-height:1.7;font-weight:400}
.index_search input{border-color:#bbb;box-shadow:0 2px 8px rgb(0 0 0 / 8%);color:var(--ink)}
.index_search input.form-control:focus{border-color:#222;box-shadow:none}
#main input::placeholder{color:var(--muted);opacity:1}
.carousel-control,.carousel-control:hover,.carousel-control:focus{color:#ccc}
.index_search button,.index_search button:hover,.index_search button:focus{background:var(--action);color:#fff}
.products_news{background:#fff;padding:48px 0}
.products_news_list a,.products_news_list>div{border:1px solid var(--border);box-shadow:none;background:#fff}
.products_news_list .pic{background:#f7f7f7;border-color:var(--border)}
.products_news_list h3,.products_news_list h3 a{color:var(--ink)}
.products_news_list p{color:var(--muted)}
.products_news_area a:hover i.fa-chevron-left,.products_news_area a:hover i.fa-chevron-right{color:var(--ink)}
:is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--action);outline-offset:2px}
.local-nav :focus-visible{outline-color:#fff;outline-offset:-2px}
@media(max-width:900px){.local-top{display:none}.local-nav>a,.local-nav>.catalog-menu>summary{padding:12px 18px}.products_type_list p{font-size:13px}}
@media(max-width:600px){.local-section h1{font-size:25px}.products_type{padding:24px 0}.products_news{padding:28px 0}.index_title h2{font-size:20px;padding:14px 0}.index_title h2 span{font-size:14px}.products_type_list a{min-height:140px}.products_type_list p{padding:0 10px}.selection-filters>summary{background:var(--surface-muted)}}
@media(max-width:600px){.selection-chips{gap:8px}.selection-chips a{font-size:13px}}

.catalog-menu[open]>summary{background:var(--action)}
