:root{--bos-orange:#ef5423;--bos-orange-dark:#c94318;--bos-orange-soft:#fff1eb}
.category-nav{border-top:3px solid var(--bos-orange);background:#fff}
.category-nav a{position:relative;font-weight:600;transition:color .18s}
.category-nav a:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:3px;border-radius:3px;background:var(--bos-orange);transform:scaleX(0);transition:transform .18s}
.category-nav a:hover:after,.category-nav a[aria-current]:after{transform:scaleX(1)}
.category-nav a[aria-current]{color:var(--bos-orange);font-weight:800}
.sync-status{border-left:3px solid var(--bos-orange)}
.sync-status button{border-color:var(--bos-orange);color:var(--bos-orange-dark);font-weight:700}
.breadcrumbs a:hover,aside a:hover{color:var(--bos-orange)}
.products article:hover{border-color:#f4a287;box-shadow:0 8px 24px #ef54230d}
.pagination a:hover{border-color:var(--bos-orange);color:var(--bos-orange)}
.home-hero{position:relative;overflow:hidden;border-left:6px solid var(--bos-orange)}
.home-hero:after{content:"";position:absolute;width:310px;height:310px;right:-170px;top:-190px;border:70px solid #ef542322;border-radius:50%;pointer-events:none}
.home-section-head h2,.home-quick h2{position:relative;padding-left:15px}
.home-section-head h2:before,.home-quick h2:before{content:"";position:absolute;left:0;top:.18em;width:5px;height:.8em;border-radius:3px;background:var(--bos-orange)}
.home-product-grid article{transition:border-color .18s,transform .18s,box-shadow .18s}
.home-product-grid article:hover{transform:translateY(-3px);border-color:var(--bos-orange);box-shadow:0 12px 28px #ef542315}
.home-login,.home-account{border-left:6px solid var(--bos-orange)}
.home-contact{border-top:4px solid var(--bos-orange)}
.home-category img[src^="assets/category-themes/"]{object-fit:cover;transition:transform .35s ease}
.home-category:hover img[src^="assets/category-themes/"]{transform:scale(1.035)}
.home-account-first{margin-top:22px}
.home-category{display:flex;flex-direction:column;gap:7px;padding:0 0 16px;overflow:hidden}
.home-category>div{width:100%;min-height:0;aspect-ratio:16/9;border-radius:0}
.home-category img{display:block;width:100%;height:100%}
.home-category>strong,.home-category>span:last-child{padding-right:15px;padding-left:15px}
.home-category>strong{position:relative;z-index:1;display:block;margin-top:0;padding-top:14px;background:#fff;font-size:16px;line-height:1.35}
@media(max-width:760px){.home-category>div{aspect-ratio:16/9}}

/* BOS-TEC GROUP design system */
:root{--bos-night:#182125;--bos-panel:#222c30;--bos-steel:#66747a;--bos-line:#d9dedd;--bos-canvas:#f2f3f1}
body{background:var(--bos-canvas);color:#334047}
.utility{max-width:none;padding:8px max(calc((100vw - 1550px)/2 + 20px),20px);background:var(--bos-night);color:#cbd2d4}
.utility>*{border-color:#ffffff24}.utility a:hover{color:#fff}
body>header{position:relative;max-width:none;padding:18px max(calc((100vw - 1550px)/2 + 25px),25px);background:#fff;border-bottom:1px solid #e3e6e5}
.logo{display:flex;align-items:center;width:250px;padding:5px 12px 5px 0}
.header-search input{border:0;border-bottom:2px solid var(--bos-night);border-radius:0;background:#f4f5f4;padding-left:17px}
.header-search button{background:var(--bos-night);transition:background .18s}.header-search button:hover{background:var(--bos-orange)}
.account{display:flex;align-items:center;gap:7px;padding:9px 0;color:var(--bos-night);font-weight:700}.account:hover{color:var(--bos-orange)}
.category-nav{max-width:none;border:0;background:var(--bos-night);box-shadow:none;padding:0 max(calc((100vw - 1680px)/2 + 18px),18px);gap:0;flex-wrap:nowrap;overflow-x:auto}
.category-nav a{padding:17px 13px;color:#eef1f1;font-size:12px;letter-spacing:.01em;white-space:nowrap}
.category-nav a:hover,.category-nav a[aria-current]{background:#ffffff0b;color:#fff}
.category-nav a:after{right:18px;bottom:8px;left:18px;height:2px}
.contact{display:flex;justify-content:center;gap:36px;margin:0 auto 24px;padding:18px;background:#fff;border-bottom:1px solid var(--bos-line)}
.contact a{font-weight:800;color:var(--bos-night)}.contact a:hover{color:var(--bos-orange)}
main{padding-top:10px}
.home-hero{isolation:isolate;border:0;border-radius:2px 22px 2px 22px;background:linear-gradient(120deg,#151d21,#283337 72%);box-shadow:0 22px 55px #17212618}
.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 65%)}
.home-hero:after{width:360px;height:360px;right:-155px;top:-225px;border-width:86px;border-color:#ef542338}
.home-hero h1{letter-spacing:-.035em}.home-search-card{border-radius:2px 14px 2px 14px;border-top:5px solid var(--bos-orange);box-shadow:0 24px 55px #0005}
.home-primary,.home-secondary{border-radius:2px 8px 2px 8px}.home-primary{box-shadow:inset 0 -3px 0 #b83712}.home-secondary:hover{border-color:#fff;background:#ffffff0d}
.home-login,.home-account{border:0;border-radius:2px 18px 2px 18px;background:linear-gradient(115deg,var(--bos-night),#2d383c);box-shadow:0 18px 40px #17212612}
.home-category-grid{counter-reset:bos-category;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-category-shell{counter-increment:bos-category}
.home-category{position:relative;border:0;border-radius:2px 15px 2px 15px;background:#fff;box-shadow:0 10px 28px #1721260d;transition:transform .2s,box-shadow .2s}
.home-category:before{content:counter(bos-category,decimal-leading-zero);position:absolute;z-index:2;top:12px;left:14px;padding:4px 8px;background:var(--bos-night);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em}
.home-category:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 20px 40px #1721261c}
.home-category>div{aspect-ratio:16/8.5}.home-category>strong{font-size:18px;color:var(--bos-night)}.home-category>span:last-child{font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.home-section-head{padding-bottom:13px;border-bottom:1px solid var(--bos-line)}
.home-section-head h2,.home-quick h2{padding-left:0}.home-section-head h2:before,.home-quick h2:before{display:none}
.home-section-head h2{font-size:34px;color:var(--bos-night)}
.home-contact{border:0;border-radius:2px 16px 2px 16px;background:#fff;box-shadow:0 12px 35px #17212610}
.catalog-layout>aside{border:0;border-top:5px solid var(--bos-orange);border-radius:0 0 12px 12px;background:var(--bos-night);color:#e9eded;box-shadow:0 12px 30px #17212616}
.catalog-layout>aside h2{color:#fff}.catalog-layout>aside details{border-color:#ffffff1c}.catalog-layout>aside a:hover{color:#fff}
.catalog-layout-cart{display:block}.catalog-layout-cart>section{width:100%;min-width:0}
.products article{overflow:hidden;border:0;border-left:5px solid transparent;border-radius:2px 12px 2px 12px;background:#fff;box-shadow:0 8px 26px #1721260d}
.products article:hover{border-left-color:var(--bos-orange);box-shadow:0 16px 34px #17212618}
.products article>.list-purchase button{border-radius:2px 7px 2px 7px}
.subcategory-card{overflow:hidden;border:0;border-radius:2px 12px 2px 12px;box-shadow:0 8px 24px #1721260d}
footer{margin-top:35px;background:var(--bos-night);color:#bfc8ca;border:0}footer h3{color:#fff}footer a:hover{color:#fff}
@media(max-width:1000px){.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-nav{justify-content:flex-start}}
@media(max-width:650px){body>header{padding:14px 15px}.logo{width:185px}.contact{align-items:center;gap:8px;flex-direction:column}.home-category-grid{grid-template-columns:1fr}.home-hero{border-radius:2px 14px 2px 14px}.utility{display:none}}