/* ===== BIZON TACTICAL — тёмна тема для OpenCart (перекриває basic) ===== */
:root{--bg:#0c0e0a;--panel:#14180e;--panel2:#191d12;--line:#2a301c;--line2:#3a422a;--ink:#e9e7dc;--dim:#a4a893;--mute:#6f7560;--olive:#9fb03a;--olive2:#b7c94a;--amber:#e0a53a}
body{background:#0c0e0a !important;color:var(--ink) !important;font-family:'Onest','Segoe UI',sans-serif}
h1,h2,h3,h4,h5,h6,.h4,legend{font-family:'Oswald',sans-serif !important;text-transform:uppercase;letter-spacing:.01em;color:var(--ink)}
a{color:var(--olive2)}a:hover{color:var(--olive);text-decoration:none}
hr{border-color:var(--line)}
.container{max-width:1320px}
/* top bar */
#top,.top{background:#0a0b07;border-bottom:1px solid var(--line)}
#top .list-inline .list-inline-item a,#top a{color:var(--dim) !important}
#top a:hover{color:var(--ink) !important}
/* header */
header,#header{background:#0c0e0a !important;border-bottom:1px solid var(--line);padding:8px 0}
#logo a,#logo{font-family:'Oswald',sans-serif;font-size:28px;font-weight:700;text-transform:uppercase;color:var(--ink) !important;letter-spacing:.04em}
#logo a::after{content:none}
#search .form-control,#search input{background:var(--panel);border:1px solid var(--line2);color:var(--ink)}
#search .btn,#search button{background:var(--olive);border-color:var(--olive);color:#0c0e0a}
#cart>.btn,#cart button.dropdown-toggle{background:var(--panel2) !important;border:1px solid var(--line2) !important;color:var(--olive2) !important}
/* nav menu */
#menu,.navbar,#narbar-menu{background:#101309 !important;border:1px solid var(--line) !important;border-radius:3px}
#menu .navbar-nav>li>a,#menu a.nav-link,.navbar-nav .nav-link{color:var(--dim) !important;text-transform:uppercase;font-family:'Oswald',sans-serif;letter-spacing:.02em;font-size:14px}
#menu .navbar-nav>li>a:hover,.navbar-nav .nav-link:hover{color:var(--olive2) !important}
.dropdown-menu{background:var(--panel) !important;border:1px solid var(--line2) !important}
.dropdown-item,.dropdown-menu a{color:var(--dim) !important}
.dropdown-item:hover{background:var(--panel2) !important;color:var(--olive2) !important}
/* content / headings */
#content h1,#content h2{margin-bottom:20px}
.breadcrumb{background:transparent;padding-left:0}
.breadcrumb-item a{color:var(--olive2)}.breadcrumb-item.active,.breadcrumb-item+.breadcrumb-item::before{color:var(--mute)}
/* sidebar */
#column-left .list-group-item,#column-right .list-group-item{background:var(--panel) !important;color:var(--ink) !important;border-color:var(--line) !important}
#column-left .list-group-item:hover{background:var(--panel2) !important;color:var(--olive2) !important}
#column-left .list-group-item.active{background:var(--olive) !important;color:#0c0e0a !important;border-color:var(--olive) !important}
/* product cards */
.product-thumb,.product-layout .product-thumb{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:3px;overflow:hidden;transition:.25s}
.product-thumb:hover{border-color:var(--line2) !important;transform:translateY(-4px);box-shadow:0 20px 40px -20px #000}
.product-thumb .image{background:#f4f4ef}
.product-thumb .image img{mix-blend-mode:normal}
.product-thumb .caption{padding:14px}
.product-thumb .caption h4 a,.product-thumb h4 a{color:var(--ink) !important;font-family:'Onest',sans-serif;text-transform:none;font-size:14px}
.product-thumb .description{color:var(--mute);font-size:12.5px}
.price,.product-thumb .price{color:var(--olive2) !important;font-family:'Oswald',sans-serif;font-size:20px}
.price-new{color:var(--olive2) !important}.price-old{color:var(--mute) !important;text-decoration:line-through}
.price .price-tax,span.price-tax{color:var(--mute);font-size:11px;font-family:'Onest',sans-serif}
/* buttons */
.btn-primary{background:var(--olive) !important;border-color:var(--olive) !important;color:#0c0e0a !important;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em}
.btn-primary:hover{background:var(--olive2) !important;border-color:var(--olive2) !important}
.btn-light,.btn-default,.btn-secondary,.button-group .btn{background:var(--panel2) !important;border:1px solid var(--line2) !important;color:var(--ink) !important}
.btn-light:hover,.button-group .btn:hover{background:var(--olive) !important;color:#0c0e0a !important;border-color:var(--olive) !important}
.product-thumb .button-group{border-top:1px solid var(--line);background:transparent}
/* forms */
.form-control,.form-select,textarea,select,input{background:var(--panel) !important;border:1px solid var(--line2) !important;color:var(--ink) !important}
.form-control::placeholder{color:var(--mute)}
.form-control:focus{border-color:var(--olive) !important;box-shadow:0 0 0 2px rgba(159,176,58,.2) !important}
/* panels / cards */
.card,.panel,.well,.alert-info{background:var(--panel) !important;border:1px solid var(--line) !important;color:var(--ink)}
.nav-tabs .nav-link{color:var(--dim)}.nav-tabs .nav-link.active{background:var(--panel) !important;color:var(--olive2) !important;border-color:var(--line2) var(--line2) var(--panel)}
.table{color:var(--ink)}.table td,.table th{border-color:var(--line)}
/* pagination */
.pagination .page-link{background:var(--panel);border-color:var(--line2);color:var(--dim)}
.pagination .page-item.active .page-link{background:var(--olive);border-color:var(--olive);color:#0c0e0a}
/* footer */
footer{background:#090a06 !important;border-top:1px solid var(--line);color:var(--dim);margin-top:30px;padding-top:34px}
footer h5,footer .h5{color:var(--ink);font-family:'Oswald',sans-serif;text-transform:uppercase}
footer a{color:var(--dim)}footer a:hover{color:var(--olive2)}
/* misc dark fixes */
.bg-light,.bg-white{background:var(--panel) !important}
.text-muted{color:var(--mute) !important}
.dropdown-menu.show{background:var(--panel) !important}
#product .price-new,.product-info .price{font-size:30px}
/* ===== головна BIZON ===== */
.bz-hero{position:relative;height:clamp(460px,64vh,660px);overflow:hidden;background:var(--bg);display:flex;align-items:center;border-bottom:1px solid var(--line)}
.bz-hero-bg{position:absolute;inset:0}
.bz-hero-bg img{position:absolute;right:0;top:0;height:100%;width:62%;object-fit:cover;object-position:center 40%}
.bz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 30%,rgba(12,14,10,.6) 48%,transparent 82%)}
.bz-hero-in{position:relative;z-index:2}
.bz-tag{color:var(--olive2);letter-spacing:.2em;text-transform:uppercase;font-size:13px;font-weight:600}
.bz-hero h1{font-family:'Oswald';font-size:clamp(38px,6vw,74px);text-transform:uppercase;line-height:1;margin:16px 0}
.bz-hero h1 em{font-style:normal;color:var(--olive2)}
.bz-hero p{color:var(--dim);max-width:44ch;margin-bottom:24px}
.bz-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.bz-btn{background:var(--olive);color:#0c0e0a !important;font-family:'Oswald';text-transform:uppercase;padding:13px 24px;border-radius:3px;font-weight:600;letter-spacing:.03em}
.bz-btn:hover{background:var(--olive2)}
.bz-btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--ink) !important}
.bz-stats{display:flex;gap:34px;flex-wrap:wrap}
.bz-stats b{font-family:'Oswald';font-size:30px;color:var(--ink);display:block;line-height:1}
.bz-stats span{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.bz-usp{border-bottom:1px solid var(--line);background:var(--bg-2,#101309)}
.bz-usp .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.bz-usp .u{padding:20px 18px;border-right:1px solid var(--line);font-size:13px;color:var(--mute)}
.bz-usp .u:last-child{border-right:0}.bz-usp .u b{display:block;color:var(--ink);font-family:'Oswald';text-transform:uppercase;font-size:15px}
.bz-cats-wrap{padding:56px 15px}
.bz-h{margin-bottom:28px}.bz-h span{color:var(--olive2);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:600}.bz-h h2{font-size:clamp(28px,3.6vw,42px)}
.bz-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bz-cat{position:relative;aspect-ratio:16/11;border:1px solid var(--line);border-radius:3px;overflow:hidden;display:block}
.bz-cat.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.bz-cat.wide{grid-column:1/-1;aspect-ratio:auto;height:210px}
.bz-cat img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.8);transition:.6s}
.bz-cat:hover img{transform:scale(1.07)}
.bz-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,6,.92),transparent 60%)}
.bz-cat .m{position:absolute;left:0;bottom:0;padding:18px;z-index:2}
.bz-cat h3{font-size:18px;color:#fff;text-shadow:0 2px 10px #000;margin:0}
.bz-cat.big h3{font-size:28px}
.bz-cat .fl{background:var(--amber);color:#0c0e0a;font-family:'Oswald';font-size:11px;text-transform:uppercase;padding:4px 9px;border-radius:2px;font-weight:700}
@media(max-width:820px){.bz-cats,.bz-usp .container{grid-template-columns:repeat(2,1fr)}.bz-hero-bg img{width:100%}.bz-cat.big{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}}
@media(max-width:520px){.bz-cats{grid-template-columns:1fr}.bz-cat.big,.bz-cat.wide{grid-column:auto}}