/* ============================================================
   BRS GROUP — RESPONSIVE RULES
   ============================================================ */

@media (max-width: 1199px){
  .brs-mega{width:min(720px,90vw);}
  :root{--section-pad:80px;}
}

@media (max-width: 991px){
  .brs-nav-links{display:none;}
  .navbar-toggler-brs{display:block;}
  .brs-nav-cta .btn-brs-dark-outline{display:none;}
  :root{--section-pad:64px;}
  .page-header{padding:100px 0 46px;}
  .spec-strip .spec-item{flex:1 1 45%;}
  .brs-mega{display:none !important;}
}

@media (max-width: 767px){
  .brs-topbar .topbar-links{gap:14px;}
  .brs-topbar{font-size:11px;}
  h1{font-size:clamp(28px,7vw,40px) !important;}
  .section{padding:56px 0;}
  .footer .foot-bottom .container-brs{flex-direction:column;text-align:center;}
  .spec-strip .spec-item{flex:1 1 100%;border-right:none;border-bottom:1px solid var(--c-border);}
  .spec-strip .spec-item:last-child{border-bottom:none;}
  #back-to-top{width:40px;height:40px;bottom:18px;right:18px;}
  .brs-footer .foot-newsletter{max-width:100%;}
}

@media (max-width: 575px){
  .container-brs{padding:0 18px;}
  .btn-brs{padding:13px 22px;font-size:12px;}
  .brs-logo .word b{font-size:16px;}
  .page-header{padding:92px 0 40px;}
}

/* ---------- Product slider ---------- */
@media (max-width: 767px){
  .prod-slider .ps-slide{aspect-ratio:4/5;min-height:340px;}
  .prod-slider .ps-caption{padding:0 24px;background:linear-gradient(0deg,rgba(14,22,19,.92) 30%,rgba(14,22,19,.15) 100%);justify-content:flex-end;padding-bottom:44px;}
  .prod-slider .ps-caption p{display:none;}
  .prod-slider .ps-caption .btn-brs{padding:11px 18px;font-size:11px;}
}

/* ---------- Category filter bar ---------- */
@media (max-width: 767px){
  .prod-filter-bar{overflow-x:auto;flex-wrap:nowrap !important;-webkit-overflow-scrolling:touch;padding-bottom:6px;}
  .prod-filter-bar::-webkit-scrollbar{height:4px;}
  .prod-filter-bar .tag-pill{white-space:nowrap;flex:0 0 auto;}
  .cat-block-head{align-items:flex-start;}
}

/* ---------- Lightbox ---------- */
@media (max-width: 575px){
  .brs-lightbox .lb-stage{width:96vw;height:70vh;}
  .brs-lightbox .lb-zoom-controls{padding:4px;bottom:12px;}
  .brs-lightbox .lb-zoom-controls button{width:30px;height:30px;font-size:13px;}
  .brs-lightbox .lb-caption{bottom:-30px;font-size:10.5px;}
}