body[data-page=products]{background:#eef3f7}
body[data-page=products] .page-hero{margin-top:18px;padding-inline:30px;background:linear-gradient(135deg,#e5f4f7,#f4f8fb 62%,#eaf0f8);border:1px solid #d5e2ea;border-radius:8px}
body[data-page=products] .products-layout{background:#f8fafb;margin-top:18px;margin-bottom:35px;padding:18px;border:1px solid #dce5eb;border-radius:8px}
.category-filters .filter-chip{border-inline-start:3px solid transparent}
.category-filters .filter-chip[data-category=surveillance]{border-color:#e5484d}
.category-filters .filter-chip[data-category=networks]{border-color:#2383d8}
.category-filters .filter-chip[data-category=computers]{border-color:#7457c8}
.category-filters .filter-chip[data-category=communication]{border-color:#e49a24}
.category-filters .filter-chip[data-category=access]{border-color:#168c68}
.category-filters .filter-chip[data-category=software]{border-color:#0b7285}
.product-card{box-shadow:0 4px 16px rgba(18,44,70,.05)}
.product-card[data-category=surveillance] .product-image{background:#fff1f1}
.product-card[data-category=networks] .product-image{background:#edf6ff}
.product-card[data-category=computers] .product-image{background:#f3efff}
.product-card[data-category=communication] .product-image{background:#fff6e8}
.product-card[data-category=access] .product-image{background:#eaf8f2}
.product-card[data-category=software] .product-image{background:#e9f7f9}
.product-image img{width:88%;height:88%;object-fit:contain}
.floating-whatsapp{position:fixed;z-index:190;left:18px;bottom:18px;width:54px;height:54px;border-radius:50%;padding:0;background:#128c60;color:#fff;display:grid;place-items:center;font-size:0;box-shadow:0 9px 25px rgba(3,91,60,.3);border:2px solid #fff}
.floating-whatsapp:before{content:"☎";font-size:23px;line-height:1;transform:rotate(-14deg)}
.floating-whatsapp:hover{background:#0c754e;transform:translateY(-2px)}

@media(max-width:760px){
  body[data-page=products] .page-hero{min-height:0;margin-top:10px;padding:18px 16px;grid-template-columns:1fr}
  body[data-page=products] .page-hero-art{display:none}
  body[data-page=products] .page-hero h1{font-size:25px}
  body[data-page=products] .page-hero p{font-size:11px}
  body[data-page=products] .products-layout{padding:10px;margin-top:10px}
  body[data-page=products] .products-layout>*{min-width:0}
  .filter-panel{min-width:0;padding:10px;background:#fff;overflow:hidden}
  .filter-title{margin:12px 0 7px}
  .category-filters{display:flex!important;width:100%;max-width:100%;flex-direction:row!important;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:2px 0 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .category-filters::-webkit-scrollbar{display:none}
  .filter-chip{flex:0 0 auto;min-height:40px;gap:9px;white-space:nowrap;scroll-snap-align:start;border:1px solid #dce5eb!important;border-top:3px solid!important;background:#fff}
  .filter-chip.active{background:#071225;color:#fff}
  .help-card{display:none}
  .catalog-toolbar{flex-direction:row;align-items:center;gap:8px;margin:10px 0}
  .catalog-toolbar select{width:150px;min-width:0;padding:9px;font-size:10px}
  .catalog-toolbar p{font-size:10px;white-space:nowrap}
  .catalog-grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .product-card{min-width:0;border-radius:6px}
  .product-image{height:132px!important}
  .product-badge{top:6px;right:6px;max-width:calc(100% - 12px);padding:3px 5px;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .product-body{padding:9px}
  .product-category{font-size:8px}
  .product-body h3{font-size:11px;line-height:1.6;min-height:35px;margin:3px 0}
  .product-body p{display:none}
  .product-bottom{margin-top:7px;padding-top:7px;align-items:center}
  .price strong{font-size:11px}.price small{font-size:7px}
  .icon-btn{width:30px;height:30px;font-size:16px}
  .floating-whatsapp{left:12px;bottom:12px;width:50px;height:50px}
}
.filter-chip{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;align-items:center!important;gap:8px;text-align:start}.filter-chip>img{width:17px;height:17px}.filter-chip>span{justify-self:end}