/* ===========================================================
   ARES AIRGUNS TACTICAL — modernized theme
   =========================================================== */

:root{
  --black:#0a0b0c;
  --bg:#111214;
  --bg-alt:#17181b;
  --panel:#1c1e21;
  --panel-2:#222427;
  --border:#2c2e32;
  --red:#c9202e;
  --red-dark:#8f151f;
  --red-bright:#e8293a;
  --white:#f5f4f0;
  --text:#e9e9e7;
  --text-dim:#a3a6aa;
  --text-mute:#75787c;
  --gold:#d4a537;
  --olive:#3c4430;
  --green-ok:#4f9d5c;
  --radius:2px;
  --maxw:1280px;
  --shadow:0 10px 30px rgba(0,0,0,.45);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4{
  font-family:'Oswald',Impact,'Arial Narrow',sans-serif;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin:0 0 .5em;
  font-weight:600;
  color:var(--white);
}
p{margin:0 0 1em;color:var(--text-dim);}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

/* ---------- utility ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Oswald',sans-serif;
  font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--red-bright);font-weight:600;margin-bottom:14px;
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--red-bright);display:inline-block;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  font-size:.85rem;padding:14px 28px;border-radius:var(--radius);
  border:1px solid transparent;cursor:pointer;transition:.15s ease;white-space:nowrap;
}
.btn-primary{background:var(--red);color:#fff;}
.btn-primary:hover{background:var(--red-bright);}
.btn-outline{background:transparent;border-color:var(--border);color:var(--text);}
.btn-outline:hover{border-color:var(--red-bright);color:var(--red-bright);}
.btn-light{background:var(--white);color:var(--black);}
.btn-light:hover{background:var(--red-bright);color:#fff;}
.btn-block{width:100%;}
.btn-sm{padding:10px 18px;font-size:.75rem;}

.section{padding:72px 0;}
.section-tight{padding:40px 0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px;flex-wrap:wrap;}
.section-head h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);}
.section-head .sub{color:var(--text-mute);max-width:560px;margin-top:6px;}

.bg-alt{background:var(--bg-alt);}
.bg-panel{background:var(--panel);}

/* ---------- top bar / header ---------- */
.topbar{
  background:var(--black);color:var(--text-mute);
  font-size:.78rem;border-bottom:1px solid var(--border);
}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px;overflow:hidden;}
.topbar .tb-left{display:flex;gap:22px;white-space:nowrap;}
.topbar a:hover{color:var(--red-bright);}
.topbar .tb-right{display:flex;gap:18px;white-space:nowrap;}

header.site-header{
  background:rgba(10,11,12,.97);
  border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:200;
  backdrop-filter:blur(6px);
}
.header-inner{display:flex;align-items:center;gap:28px;height:92px;}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.brand img{height:60px;width:auto;}

nav.main-nav{flex:1;display:flex;justify-content:center;}
nav.main-nav > ul{display:flex;gap:2px;}
nav.main-nav > ul > li{position:relative;}
nav.main-nav > ul > li > a{
  display:flex;align-items:center;height:92px;padding:0 16px;
  font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.06em;
  font-size:.86rem;text-transform:uppercase;color:var(--text);
  border-bottom:2px solid transparent;
}
nav.main-nav > ul > li:hover > a{color:var(--red-bright);border-bottom-color:var(--red-bright);}
.dropdown{
  position:absolute;top:92px;left:0;min-width:230px;background:var(--panel-2);
  border:1px solid var(--border);border-top:2px solid var(--red);
  padding:8px 0;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:.15s ease;
}
nav.main-nav > ul > li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:10px 20px;font-size:.85rem;color:var(--text-dim);}
.dropdown a:hover{color:#fff;background:var(--panel);border-left:2px solid var(--red-bright);padding-left:18px;}

.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0;}
.header-actions a{font-size:1.1rem;color:var(--text-dim);}
.header-actions a:hover{color:var(--red-bright);}
.cart-pill{
  display:flex;align-items:center;gap:8px;border:1px solid var(--border);
  padding:8px 14px;border-radius:20px;font-family:'Oswald',sans-serif;font-size:.8rem;letter-spacing:.04em;
}
.menu-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text);padding:8px 10px;font-size:1.1rem;}

/* ---------- hero ---------- */
.hero{
  position:relative;min-height:640px;display:flex;align-items:center;
  background:
    linear-gradient(105deg,rgba(10,11,12,.94) 32%,rgba(10,11,12,.55) 62%,rgba(10,11,12,.25) 100%),
    radial-gradient(circle at 80% 30%,#26140f 0%,#0a0b0c 60%),
    repeating-linear-gradient(115deg, #17181b 0 2px, #121315 2px 34px);
  overflow:hidden;
  border-bottom:1px solid var(--border);
}
.hero::after{
  content:"";position:absolute;right:-10%;top:-15%;width:70%;height:130%;
  background:url('../images/ares-mark-white.png') no-repeat center/contain;
  opacity:.05;pointer-events:none;
}
.hero-inner{position:relative;z-index:2;max-width:640px;padding:80px 0;}
.hero h1{font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.05;margin-bottom:18px;}
.hero h1 span{color:var(--red-bright);}
.hero p.lead{color:var(--text-dim);font-size:1.05rem;max-width:520px;margin-bottom:32px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;}
.hero-stats{display:flex;gap:34px;flex-wrap:wrap;}
.hero-stats div{border-left:2px solid var(--red);padding-left:12px;}
.hero-stats strong{display:block;font-family:'Oswald',sans-serif;font-size:1.3rem;color:#fff;}
.hero-stats span{font-size:.78rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em;}

/* ---------- badge strip ---------- */
.badge-strip{background:var(--bg-alt);border-bottom:1px solid var(--border);}
.badge-strip .container{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;padding:22px 24px;}
.badge-item{display:flex;align-items:center;gap:12px;padding:8px 18px;flex:1;min-width:220px;}
.badge-item .ic{
  width:38px;height:38px;border:1px solid var(--red);color:var(--red-bright);
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;border-radius:50%;
}
.badge-item h4{margin:0;font-size:.82rem;color:#fff;letter-spacing:.03em;}
.badge-item p{margin:0;font-size:.78rem;color:var(--text-mute);}

/* ---------- category tiles ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.cat-card{
  position:relative;background:var(--panel);border:1px solid var(--border);
  padding:26px 20px;overflow:hidden;transition:.2s ease;min-height:150px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
.cat-card:hover{border-color:var(--red);transform:translateY(-3px);}
.cat-card .num{position:absolute;top:14px;right:16px;font-family:'Oswald',sans-serif;font-size:2.2rem;color:var(--border);font-weight:700;}
.cat-card h3{font-size:1.05rem;margin:0 0 4px;}
.cat-card span{font-size:.78rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em;}
.cat-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);transform:scaleY(0);transform-origin:bottom;transition:.2s ease;}
.cat-card:hover::before{transform:scaleY(1);}

/* ---------- product grid / cards ---------- */
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.product-grid.cols-3{grid-template-columns:repeat(3,1fr);}
.product-card{
  background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;
  transition:.2s ease;position:relative;
}
.product-card:hover{border-color:var(--red);box-shadow:var(--shadow);transform:translateY(-3px);}
.product-card .thumb{
  aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;
}
.product-card .thumb img{max-height:100%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;}
.product-card .stock-flag{
  position:absolute;top:10px;left:10px;font-family:'Oswald',sans-serif;font-size:.68rem;letter-spacing:.05em;
  text-transform:uppercase;padding:4px 9px;background:var(--olive);color:#fff;
}
.product-card .stock-flag.out{background:var(--red-dark);}
.product-card .body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.product-card .cat-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);}
.product-card h3{font-size:.92rem;margin:0;font-family:'Inter',sans-serif;text-transform:none;letter-spacing:0;font-weight:600;color:var(--text);line-height:1.35;min-height:2.6em;}
.product-card .stars{color:var(--gold);font-size:.78rem;letter-spacing:1px;}
.product-card .stars span{color:var(--text-mute);margin-left:4px;font-size:.72rem;}
.product-card .price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto;}
.product-card .price{font-family:'Oswald',sans-serif;font-size:1.15rem;color:#fff;font-weight:600;}
.product-card .price-strike{font-size:.8rem;color:var(--text-mute);text-decoration:line-through;}
.product-card .cta-row{display:flex;gap:8px;margin-top:10px;}

/* ---------- top sellers strip / carousel-ish ---------- */
.scroll-row{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;}
.scroll-row .product-card{min-width:250px;flex:0 0 250px;}

/* ---------- promo / featured banners ---------- */
.promo-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;}
.promo-card{
  position:relative;min-height:320px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;
  background-size:cover;background-position:center;border:1px solid var(--border);overflow:hidden;
}
.promo-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,11,12,0) 20%,rgba(10,11,12,.92) 100%);}
.promo-card .tag{position:relative;z-index:2;color:var(--red-bright);font-family:'Oswald',sans-serif;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.promo-card h3{position:relative;z-index:2;font-size:1.5rem;margin:0 0 6px;}
.promo-card p{position:relative;z-index:2;font-size:.85rem;max-width:340px;}
.promo-card .btn{position:relative;z-index:2;align-self:flex-start;margin-top:12px;}
.promo-stack{display:flex;flex-direction:column;gap:20px;}
.promo-stack .promo-card{min-height:150px;}

/* ---------- breadcrumb ---------- */
.breadcrumb{font-size:.78rem;color:var(--text-mute);padding:18px 0;border-bottom:1px solid var(--border);background:var(--bg-alt);}
.breadcrumb a:hover{color:var(--red-bright);}
.breadcrumb span{margin:0 6px;}

/* ---------- page banner (category / static pages) ---------- */
.page-banner{
  padding:54px 0;background:
    linear-gradient(105deg,rgba(10,11,12,.95),rgba(10,11,12,.75)),
    repeating-linear-gradient(115deg,#17181b 0 2px,#121315 2px 34px);
  border-bottom:1px solid var(--border);
}
.page-banner h1{font-size:clamp(1.8rem,3.6vw,2.6rem);margin-bottom:8px;}
.page-banner p{max-width:640px;margin:0;color:var(--text-dim);}

/* ---------- shop layout ---------- */
.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:34px;align-items:flex-start;}
.filter-box{background:var(--panel);border:1px solid var(--border);padding:22px;position:sticky;top:112px;}
.filter-box h4{font-size:.85rem;letter-spacing:.06em;color:#fff;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:10px;}
.filter-box .fgroup{margin-bottom:22px;}
.filter-box .fgroup:last-child{margin-bottom:0;}
.filter-box a{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dim);padding:6px 0;}
.filter-box a:hover{color:var(--red-bright);}
.filter-box a.active{color:var(--red-bright);font-weight:600;}
.filter-box a small{color:var(--text-mute);}
.subcat-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px;}
.subcat-tabs a{
  padding:9px 18px;border:1px solid var(--border);font-family:'Oswald',sans-serif;font-size:.78rem;
  letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);
}
.subcat-tabs a.active,.subcat-tabs a:hover{border-color:var(--red);color:#fff;background:var(--panel-2);}
.result-count{color:var(--text-mute);font-size:.85rem;margin-bottom:18px;}
.cat-block{margin-bottom:44px;}
.cat-block h2{font-size:1.25rem;display:flex;align-items:center;gap:12px;}
.cat-block h2::after{content:"";flex:1;height:1px;background:var(--border);}
.note-card{background:var(--panel);border:1px dashed var(--border);padding:18px 22px;font-size:.85rem;color:var(--text-dim);margin-bottom:26px;}
.note-card strong{color:#fff;}

/* ---------- product detail ---------- */
.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:flex-start;}
.pd-gallery .main-img{background:#fff;border:1px solid var(--border);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pd-gallery .main-img img{max-width:88%;max-height:88%;object-fit:contain;mix-blend-mode:multiply;}
.pd-thumbs{display:flex;gap:10px;margin-top:12px;}
.pd-thumbs .t{width:74px;height:74px;background:#fff;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.pd-thumbs .t.active{border-color:var(--red);}
.pd-thumbs .t img{max-width:80%;max-height:80%;mix-blend-mode:multiply;}
.pd-info .brand-line{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red-bright);margin-bottom:10px;font-family:'Oswald',sans-serif;}
.pd-info h1{font-size:1.9rem;margin-bottom:10px;}
.pd-rating{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.85rem;color:var(--text-mute);}
.pd-rating .stars{color:var(--gold);letter-spacing:2px;}
.pd-price-block{background:var(--panel);border:1px solid var(--border);padding:20px 22px;margin-bottom:22px;}
.pd-price-block .price{font-family:'Oswald',sans-serif;font-size:2rem;color:#fff;font-weight:600;}
.pd-price-block .strike{color:var(--text-mute);text-decoration:line-through;font-size:1rem;margin-left:10px;}
.pd-price-block .save{color:var(--green-ok);font-size:.82rem;margin-left:8px;}
.pd-price-block .part-no{color:var(--text-mute);font-size:.8rem;margin-top:8px;}
.pd-price-block .stock{color:var(--green-ok);font-size:.85rem;font-weight:600;margin-top:6px;}
.pd-price-block .stock.out{color:var(--red-bright);}
.pd-options{margin-bottom:20px;}
.pd-options .opt-group{margin-bottom:16px;}
.pd-options label{display:block;font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;}
.swatches{display:flex;gap:8px;flex-wrap:wrap;}
.swatches .sw{padding:8px 14px;border:1px solid var(--border);font-size:.82rem;color:var(--text-dim);cursor:pointer;}
.swatches .sw:hover,.swatches .sw.sel{border-color:var(--red);color:#fff;}
.qty-cart{display:flex;gap:12px;margin-bottom:18px;}
.qty-box{display:flex;align-items:center;border:1px solid var(--border);}
.qty-box button{background:none;border:none;color:var(--text);width:38px;height:48px;font-size:1rem;cursor:pointer;}
.qty-box input{width:44px;text-align:center;background:none;border:none;color:#fff;font-family:'Oswald',sans-serif;}
.pd-meta-list{border-top:1px solid var(--border);padding-top:16px;font-size:.85rem;color:var(--text-mute);}
.pd-meta-list div{display:flex;justify-content:space-between;padding:5px 0;}

.pd-tabs{margin-top:60px;}
.tab-heads{display:flex;gap:2px;border-bottom:1px solid var(--border);}
.tab-heads .th{padding:14px 26px;font-family:'Oswald',sans-serif;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-mute);border-bottom:2px solid transparent;cursor:pointer;}
.tab-heads .th.active{color:#fff;border-color:var(--red);}
.tab-panel{padding:30px 0;color:var(--text-dim);}
.tab-panel p{white-space:pre-line;}
.spec-table{width:100%;border-collapse:collapse;margin-top:14px;}
.spec-table tr{border-bottom:1px solid var(--border);}
.spec-table td{padding:10px 4px;font-size:.88rem;color:var(--text-dim);}
.spec-table td:first-child{color:var(--text-mute);width:38%;}

/* ---------- about / contact / terms ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px;}
.stat-card{background:var(--panel);border:1px solid var(--border);padding:24px 18px;text-align:center;}
.stat-card strong{display:block;font-family:'Oswald',sans-serif;font-size:1.8rem;color:var(--red-bright);}
.stat-card span{font-size:.78rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em;}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px;}
.value-card{background:var(--panel);border:1px solid var(--border);padding:26px;}
.value-card .ic{width:42px;height:42px;border:1px solid var(--red);color:var(--red-bright);display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;}
.value-card h3{font-size:1rem;}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;}
.contact-info-card{background:var(--panel);border:1px solid var(--border);padding:30px;}
.contact-info-card .row{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);}
.contact-info-card .row:last-child{border-bottom:none;}
.contact-info-card .ic{width:36px;height:36px;border:1px solid var(--red);color:var(--red-bright);display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-size:.9rem;}
.contact-info-card h4{margin:0 0 4px;font-size:.85rem;color:#fff;letter-spacing:.03em;text-transform:uppercase;font-family:'Oswald',sans-serif;}
.contact-info-card p{margin:0;font-size:.88rem;}
.hours-table{width:100%;border-collapse:collapse;margin-top:8px;}
.hours-table td{padding:4px 0;font-size:.85rem;color:var(--text-dim);}
.hours-table td:last-child{text-align:right;color:#fff;}
.form-card{background:var(--panel);border:1px solid var(--border);padding:32px;}
.form-row{margin-bottom:18px;}
.form-row label{display:block;font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;}
.form-row input,.form-row select,.form-row textarea{
  width:100%;background:var(--bg);border:1px solid var(--border);color:#fff;padding:12px 14px;font-family:'Inter',sans-serif;font-size:.9rem;
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--red);}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

.terms-body h2{font-size:1.15rem;margin-top:34px;color:var(--red-bright);}
.terms-body p,.terms-body li{color:var(--text-dim);font-size:.92rem;}
.terms-body ul{margin:0 0 1em 1.2em;list-style:disc;}

/* ---------- newsletter cta ---------- */
.cta-strip{
  background:linear-gradient(115deg,var(--red-dark),var(--red));
  padding:54px 0;text-align:center;
}
.cta-strip h2{color:#fff;margin-bottom:10px;}
.cta-strip p{color:rgba(255,255,255,.85);max-width:520px;margin:0 auto 26px;}
.cta-strip form{display:flex;max-width:440px;margin:0 auto;gap:0;}
.cta-strip input{flex:1;padding:14px 16px;border:none;font-size:.9rem;}
.cta-strip button{padding:14px 24px;background:var(--black);color:#fff;border:none;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;}

/* ---------- footer ---------- */
footer.site-footer{background:var(--black);border-top:1px solid var(--border);padding-top:60px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px;}
.footer-grid img{height:46px;margin-bottom:16px;}
.footer-grid p{font-size:.85rem;color:var(--text-mute);}
.footer-col h4{font-family:'Oswald',sans-serif;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:16px;}
.footer-col ul li{margin-bottom:10px;}
.footer-col a{font-size:.85rem;color:var(--text-mute);}
.footer-col a:hover{color:var(--red-bright);}
.footer-social{display:flex;gap:10px;margin-top:16px;}
.footer-social a{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;}
.footer-social a:hover{border-color:var(--red);color:var(--red-bright);}
.footer-bottom{border-top:1px solid var(--border);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--text-mute);}
.footer-bottom a{color:var(--text-mute);}
.footer-bottom a:hover{color:var(--red-bright);}
.pay-icons{display:flex;gap:8px;font-size:1.3rem;color:var(--text-mute);}

/* ---------- misc ---------- */
.divider-chevrons{height:10px;background:repeating-linear-gradient(115deg,var(--red) 0 18px,var(--black) 18px 36px);}
.age-note{background:var(--olive);color:#fff;font-size:.78rem;text-align:center;padding:8px 16px;}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .product-grid{grid-template-columns:repeat(3,1fr);}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .shop-layout{grid-template-columns:1fr;}
  .filter-box{position:static;}
}
@media (max-width:860px){
  .promo-grid{grid-template-columns:1fr;}
  .split,.pd-layout,.contact-grid{grid-template-columns:1fr;gap:30px;}
  nav.main-nav{display:none;}
  .menu-toggle{display:block;}
  .topbar .tb-left{display:none;}
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .value-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .cat-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .form-grid-2{grid-template-columns:1fr;}
  .hero-inner{padding:56px 0;}
  .header-inner{height:76px;}
  nav.main-nav > ul > li > a{height:76px;}
}