/* ===== Product page (stil eMAG, afișează toate câmpurile) ===== */
.product-body { background:#fff; color:#1d1f21; }

/* Layout */
.product-media { border-radius:.75rem; }
.position-lg-sticky { position: static; }
@media (min-width: 992px){
  .position-lg-sticky { position: sticky; top: 92px; }
}

/* Carusel */
.product-carousel { border-radius: .75rem; overflow: hidden; background:#f7f9fb; }
.product-slide-img {
  height: 360px; /* mai generos ca să arate bine imagini verticale/orizontale */
  object-fit: contain;
  background: #f7f9fb;
}

/* Thumbs */
.product-thumbs { overflow: hidden; }
.product-thumbs .thumb-btn{
  border: 1px solid rgba(0,0,0,.08);
  background: #fff; padding: 4px; border-radius: .5rem;
  width: 64px; height: 64px; display:inline-flex; align-items:center; justify-content:center;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.product-thumbs .thumb-btn img{
  width: 100%; height: 100%; object-fit: cover; border-radius:.35rem;
}
.product-thumbs .thumb-btn:hover{ transform: translateY(-2px); box-shadow: 0 6px 18px rgba(12,47,66,.12); }
.product-thumbs .thumb-btn.active{ border-color: #2f80ed; }

/* Modal full image */
.object-contain { object-fit: contain; }

/* Brand logo */
.brand-logo-compact { height: 22px; width:auto; object-fit:contain; opacity:.95; }
.brand-logo-xs { height: 16px; width:auto; object-fit:contain; opacity:.9; }

/* Buy box */
.buybox .display-price { font-weight: 700; letter-spacing:-0.02em; }
.buybox .badge { font-weight: 600; }

/* Tabele */
.spec-table th,
.info-table th{ background:#fafafa; border-right: 1px solid #eef2f7; }
.spec-table td,
.info-table td{ background:#fff; }

.table>:not(caption)>*>*{ padding:.55rem .75rem; }

/* Text */
.product-desc { white-space: pre-wrap; }
.tech-specs {
  white-space: pre-wrap;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  background: #fafafa;
  border: 1px dashed #e5e7eb;
  border-radius: .5rem;
  padding: .75rem;
}

/* Cards compacte pentru similar */
.product-card.compact .card-body { padding: .5rem .5rem; }
.product-card.compact .product-thumb img{ object-fit: cover; border-top-left-radius:.5rem; border-top-right-radius:.5rem; }
.product-card.compact .product-thumb{ border-radius:.5rem; }
.btn.btn-xs {
  --bs-btn-padding-y: .15rem;
  --bs-btn-padding-x: .35rem;
  --bs-btn-font-size: .75rem;
  border-radius: .35rem;
}

/* Breadcrumb */
.breadcrumb { --bs-breadcrumb-divider-color: #ced4da; }

/* Pulse reutilizat */
.nav-link-pulse{
  position: relative;
  border-radius: 999px;
  padding: .35rem .75rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.25);
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}
.nav-link-pulse::before,
.nav-link-pulse::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius: 999px;
  border:2px solid #ff2d55;
  pointer-events:none;
  opacity:.85;
  animation: ringPulse 1.6s ease-out infinite;
  will-change: transform, opacity;
}
.nav-link-pulse::after{ opacity:.45; animation-delay:.8s; }
@media (prefers-reduced-motion: reduce){
  .nav-link-pulse::before, .nav-link-pulse::after{ animation:none; opacity:.6; }
}

/* Offcanvas pulse */
.offcanvas-glass .nav-link-pulse{
  display:flex; width:100%; box-sizing:border-box;
  padding:.85rem 1rem; border-radius:.8rem;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.28);
}
.offcanvas-glass .nav-link-pulse::before,
.offcanvas-glass .nav-link-pulse::after{
  border-radius: .8rem; inset: -6px;
}

/* Social micro-anim */
.navbar-social .bi-youtube,
.navbar-social .bi-linkedin{ transition: transform .15s ease; }
.navbar-social a:hover .bi-youtube,
.navbar-social a:hover .bi-linkedin{ transform: translateY(-1px); }

/* Ring anim (fallback dacă nu e în index.css) */
@keyframes ringPulse {
  0%   { transform: scale(.9); opacity:.85; }
  70%  { transform: scale(1.15); opacity:.0; }
  100% { transform: scale(1.2); opacity:0; }
}

.spec-table th{ width:38%; }
.spec-table th, .spec-table td{ vertical-align: top; }

.btn-share {
  background-color: #2f80ed;
  color: #fff;
  border: none;
  border-radius: .5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .55rem 1rem;
  font-weight: 600;
  transition: background-color .2s ease;
}

.btn-share:hover {
  background-color: #256adf;
  color: #fff;
}

.btn-share i {
  color: #fff;
  font-size: 1rem;
}