/* إضافات بسيطة */
.store-card img{height:180px;object-fit:cover}
.product-img{height:140px;object-fit:cover}
.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:22px}

/* ========== Responsive Enhancements ========== */

/* Tablet */
@media(max-width:991px){
  .card{border-radius:12px !important}
  .table{font-size:.85rem}
}

/* Mobile */
@media(max-width:768px){
  .stat-card h3{font-size:1.4rem}
  .stat-icon{width:40px;height:40px;font-size:18px;border-radius:8px}
  .card{padding:12px !important}
  .card .p-3{padding:10px !important}
  .card .p-4{padding:14px !important}
  h3,h4{font-size:1.2rem}
  h5,h6{font-size:1rem}
  .btn-group{flex-wrap:wrap;gap:4px}
  .btn-group .btn{border-radius:8px !important;font-size:.8rem}
  .table-responsive{margin:0 -8px}
  .table{font-size:.8rem}
  .table th,.table td{padding:6px 8px;white-space:nowrap}
  .d-flex.gap-2{gap:6px !important}
  .d-flex.gap-3{gap:8px !important}
  .badge{font-size:.7rem;padding:4px 8px}
}

/* Small Mobile */
@media(max-width:576px){
  body{font-size:.9rem}
  .container{padding-left:12px;padding-right:12px}
  .stat-icon{width:36px;height:36px;font-size:16px}
  .card{border-radius:10px !important}
  h3{font-size:1.1rem}
  h4{font-size:1rem}
  .btn{font-size:.82rem;padding:6px 12px}
  .btn-sm{font-size:.75rem;padding:4px 10px}
  .form-control,.form-select{font-size:.88rem}
  .alert{padding:10px 12px;font-size:.85rem;border-radius:10px !important}
  .modal-dialog{margin:8px;max-width:calc(100% - 16px)}
  .modal-content{border-radius:14px !important}
  .modal-body{padding:14px}
  .offcanvas{max-width:90vw !important}
}