@media(max-width:767px){
  .topbar{font-size:.66rem;padding:.36rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-header{position:relative!important}
  .navbar{min-height:auto;padding:.7rem .85rem;gap:.7rem}
  .navbar-brand{font-size:1rem;min-width:0}.navbar-brand .brand-logo{width:35px;height:35px}
  .navbar-toggler{margin-left:auto;border:1px solid #d7dfe5;padding:.42rem .58rem}
  .search{order:3;flex-basis:100%;max-width:none;border-radius:10px;overflow:hidden;background:#f4f7f9}
  .search input{font-size:.88rem;background:transparent;padding:.68rem .8rem}.search button{background:transparent}
  .offcanvas{max-width:84vw}.offcanvas-body{padding-top:.5rem}.offcanvas-body a{width:100%;padding:.7rem .2rem;border-bottom:1px solid #edf1f4;font-weight:650}
  .hero{padding:3rem 0}.hero h1{font-size:clamp(2.35rem,12vw,3.25rem);line-height:1;overflow-wrap:anywhere}.hero p{font-size:1rem;line-height:1.55}
  .hero .d-flex{display:grid!important}.hero .btn{padding:.72rem 1rem}
  .section{padding-top:2.8rem;padding-bottom:2.8rem}.section-head{align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.section-head h1,.section-head h2{font-size:2rem;margin-bottom:0}.section-head>span{white-space:nowrap;font-size:.8rem}
  .category-grid,.service-grid{border-radius:12px;overflow:hidden}.category-grid a,.service-grid>div{padding:1.3rem}.category-grid i,.service-grid i{font-size:1.55rem}.service-grid h3{font-size:1.1rem}.service-grid p{font-size:.88rem;margin:0}
  .filters{background:#f4f7f9;padding:1rem;border-radius:12px;margin-bottom:1.2rem}.filters .btn{width:100%}.filters .btn-link{padding:.35rem}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.product-card{border-radius:10px;overflow:hidden}.product-img{height:140px}.product-card h3{font-size:.9rem;line-height:1.25;min-height:2.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card p{display:none}.product-card .p-3{padding:.8rem!important}.product-card .price{font-size:.9rem}.product-card .stock{font-size:.68rem}
  .product-detail{gap:1.5rem}.gallery{min-height:300px}.gallery img{height:300px}.spec-wrap{margin-top:2.5rem}.spec-wrap th{width:42%;font-size:.78rem}.spec-wrap td{font-size:.8rem}
  footer{padding-top:2.5rem}.footer-grid{gap:1.7rem}.footer-grid h3{font-size:1rem}.footer-grid p{font-size:.83rem}.copyright{margin-top:2rem}
}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-img{height:190px}}