/* Product detail — industrial steel + amber */
.pd-breadcrumb {
  background: linear-gradient(90deg, #1a1f26 0%, #2a323c 100%);
  padding: 0.85rem 0;
}
.pd-breadcrumb .breadcrumb { --bs-breadcrumb-divider-color: #8b95a3; }
.pd-breadcrumb a { color: #f0a500; text-decoration: none; }
.pd-breadcrumb .active { color: #e8ecf0; }

.pd-hero {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(240, 165, 0, 0.08), transparent 50%),
    linear-gradient(180deg, #f3f5f7 0%, #e8ebef 100%);
  padding: 2.5rem 0 3rem;
}

.pd-gallery { position: sticky; top: 100px; }
.pd-main-frame {
  position: relative;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(26, 31, 38, 0.12);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pd-main-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  padding: 1.5rem;
  cursor: zoom-in;
  transition: transform 0.35s ease;
}
.pd-main-frame:hover .pd-main-img { transform: scale(1.03); }

.pd-badge {
  position: absolute;
  z-index: 2;
  font-family: "Oswald", sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.35rem 0.7rem;
}
.pd-badge-new { top: 1rem; left: 1rem; background: #1a7a4c; color: #fff; }
.pd-badge-sale { top: 1rem; right: 1rem; background: #c43c2c; color: #fff; }

.pd-zoom-btn {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  background: rgba(26, 31, 38, 0.85);
  color: #f0a500;
  cursor: pointer;
}

.pd-thumbs {
  display: flex;
  gap: 0.6rem;
  margin-top: 0.85rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
}
.pd-thumb {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.pd-thumb img { width: 100%; height: 100%; object-fit: cover; }
.pd-thumb.is-active { border-color: #f0a500; }

.pd-brand {
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #f0a500;
  text-decoration: none;
  margin-bottom: 0.5rem;
}
.pd-title {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: clamp(1.6rem, 3vw, 2.15rem);
  line-height: 1.15;
  color: #1a1f26;
  margin-bottom: 0.65rem;
}
.pd-sku { font-size: 0.85rem; color: #6b7580; margin-bottom: 0.75rem; }
.pd-sku span { color: #1a1f26; font-weight: 600; }

.pd-rating { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 1.25rem; }
.pd-stars { color: #f0a500; }
.pd-rating-text { font-size: 0.9rem; color: #6b7580; }

.pd-price-block {
  background: #1a1f26;
  color: #fff;
  padding: 1.25rem 1.4rem;
  border-radius: 4px;
  margin-bottom: 1.25rem;
  position: relative;
  overflow: hidden;
}
.pd-price-block::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #f0a500;
}
.pd-price-try {
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  color: #f0a500;
  line-height: 1;
}
.pd-price-eur { margin-top: 0.35rem; color: #c5ccd4; font-size: 1.05rem; }
.pd-old, .pd-old-try { text-decoration: line-through; opacity: 0.55; margin-left: 0.5rem; font-size: 0.95rem; }
.pd-rate-hint { font-size: 0.75rem; color: #8b95a3; margin-top: 0.4rem; }

.pd-lead {
  font-size: 1.05rem;
  color: #3d4654;
  margin-bottom: 1.25rem;
  line-height: 1.55;
}

.pd-stock {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  padding: 0.4rem 0.85rem;
  border-radius: 4px;
  font-size: 0.95rem;
}
.pd-stock.is-in { background: #e8f6ef; color: #1a7a4c; }
.pd-stock.is-out { background: #fdecea; color: #c43c2c; }

.pd-buy-row {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
  flex-wrap: wrap;
}
.pd-qty {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid #cfd5dc;
  border-radius: 4px;
  overflow: hidden;
}
.pd-qty button {
  width: 42px;
  height: 48px;
  border: none;
  background: #f3f5f7;
  cursor: pointer;
}
.pd-qty input {
  width: 56px;
  height: 48px;
  border: none;
  text-align: center;
  font-weight: 600;
  font-size: 1.05rem;
}
.pd-btn-cart {
  flex: 1;
  min-width: 180px;
  height: 48px;
  border: none;
  border-radius: 4px;
  background: #f0a500;
  color: #1a1f26;
  font-family: "Oswald", sans-serif;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}
.pd-btn-cart:hover { background: #ffb91a; transform: translateY(-1px); }
.pd-btn-alt { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; }

.pd-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.pd-btn-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border: 1px solid #cfd5dc;
  border-radius: 4px;
  background: #fff;
  color: #3d4654;
  text-decoration: none;
  font-size: 0.9rem;
  cursor: pointer;
}
.pd-btn-ghost:hover { border-color: #f0a500; color: #1a1f26; }

.pd-trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}
.pd-trust > div {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  background: #fff;
  padding: 0.7rem 0.85rem;
  border-radius: 4px;
  font-size: 0.85rem;
  color: #3d4654;
  border: 1px solid #e2e6eb;
}
.pd-trust i { color: #f0a500; width: 1.1rem; text-align: center; }

.pd-tabs-section { padding: 2.5rem 0; background: #fff; }
.pd-tabs {
  border-bottom: 2px solid #e2e6eb;
  gap: 0.25rem;
  margin-bottom: 0;
}
.pd-tabs .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  color: #6b7580;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.85rem 1.25rem;
  margin-bottom: -2px;
}
.pd-tabs .nav-link.active {
  color: #1a1f26;
  border-bottom-color: #f0a500;
  background: transparent;
}
.pd-tabs .badge { background: #1a1f26; color: #f0a500; }
.pd-tab-content { padding: 1.75rem 0 0.5rem; }
.pd-prose { font-size: 1.05rem; line-height: 1.7; color: #3d4654; max-width: 72ch; }

.pd-specs { display: grid; gap: 0; margin: 0; }
.pd-specs > div {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 1rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid #e2e6eb;
}
.pd-specs dt { font-weight: 600; color: #1a1f26; margin: 0; }
.pd-specs dd { margin: 0; color: #3d4654; }
.pd-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.pd-tags span {
  background: #f3f5f7;
  padding: 0.2rem 0.55rem;
  border-radius: 3px;
  font-size: 0.85rem;
}

.pd-review {
  padding: 1rem 0;
  border-bottom: 1px solid #e2e6eb;
}

.pd-similar {
  padding: 2.5rem 0 3.5rem;
  background: linear-gradient(180deg, #f3f5f7, #e8ebef);
}
.pd-section-title {
  font-family: "Oswald", sans-serif;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  color: #1a1f26;
}

@media (max-width: 991px) {
  .pd-gallery { position: static; }
  .pd-trust { grid-template-columns: 1fr; }
}