.customer-photo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.customer-photo-thumb { display: block; padding: 0; overflow: hidden; background: #eee; border: 0; cursor: zoom-in; aspect-ratio: 4 / 3; }
.customer-photo-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.customer-photo-thumb:hover img, .customer-photo-thumb:focus img { transform: scale(1.04); }
.customer-photo-lightbox[hidden] { display: none; }
.customer-photo-lightbox { position: fixed; z-index: 12000; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; }
.customer-photo-lightbox-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .82); }
.customer-photo-lightbox-dialog { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; max-width: min(1100px, 100%); max-height: 100%; }
.customer-photo-lightbox img { display: block; max-width: 100%; max-height: calc(100vh - 100px); object-fit: contain; }
.customer-photo-close, .customer-photo-prev, .customer-photo-next { position: absolute; z-index: 2; border: 0; color: #fff; background: rgba(0, 0, 0, .52); cursor: pointer; line-height: 1; }
.customer-photo-close { top: -34px; right: 0; width: 32px; height: 32px; font-size: 28px; }
.customer-photo-prev, .customer-photo-next { top: 50%; width: 44px; height: 56px; transform: translateY(-50%); font-size: 42px; }
.customer-photo-prev { left: 10px; }
.customer-photo-next { right: 10px; }
.customer-photo-lightbox p { position: absolute; right: 0; bottom: -34px; margin: 0; color: #fff; }

#product .tabs .nav-tabs { gap: 8px; border-bottom: 0; }
#product .tabs .nav-tabs .nav-item { margin-bottom: 0; }
#product .tabs .nav-tabs .nav-link {
  cursor: pointer;
  border: 1px solid #d1dce5 !important;
  border-radius: 4px !important;
  background: #f8fafc;
  color: #173042 !important;
  box-shadow: 0 1px 2px rgba(23, 48, 66, .08);
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#product .tabs .nav-tabs .nav-link:hover,
#product .tabs .nav-tabs .nav-link:focus-visible {
  border-color: #0176cd !important;
  background: #e8f3fb;
  color: #0176cd !important;
  box-shadow: 0 2px 5px rgba(1, 118, 205, .18);
  text-decoration: none;
  transform: translateY(-1px);
}
#product .tabs .nav-tabs .nav-link.active {
  border: 1px solid #0176cd !important;
  background: #0176cd !important;
  color: #fff !important;
  box-shadow: 0 2px 5px rgba(1, 118, 205, .24);
}
@media (max-width: 767px) { .customer-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .customer-photo-lightbox { padding: 12px; } .customer-photo-prev { left: 0; } .customer-photo-next { right: 0; } }

@media (max-width: 575px) {
  #product .tabs .nav-tabs { display: flex; flex-wrap: nowrap; gap: 5px; }
  #product .tabs .nav-tabs .nav-item { flex: 0 0 auto; }
  #product .tabs .nav-tabs .nav-link { padding-right: 7px; padding-left: 7px; font-size: 15px; white-space: nowrap; }
}