/* SMART CAMERA v47 – readability + product detail correction.
   Loaded last so the older dark product rules cannot override these public-page fixes.
   No changes to admin, store data, checkout JS, or Supabase configuration. */

/* Main product: light page, readable breadcrumb and a unified two-card layout. */
.product-page {
  background: #f2f6fb !important;
  background-image: none !important;
  color: #17253a !important;
  min-height: 0 !important;
  padding: 30px 0 48px !important;
}
.product-page::before { content: none !important; display: none !important; }
.product-page > .container { max-width: 1240px !important; margin: 0 auto !important; }
.product-page .product-breadcrumb {
  margin: 0 0 28px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid #dce5f0 !important;
  color: #526378 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}
.product-page .product-breadcrumb a { color: #334b66 !important; }
.product-page .product-breadcrumb a:hover { color: #1d4ed8 !important; }
.product-page .product-breadcrumb #productBreadcrumbName { color: #16283f !important; }
.product-page .product-detail:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}
.product-page .product-gallery {
  background: #fff !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 20px !important;
  padding: 22px !important;
  box-shadow: 0 12px 38px rgba(15, 37, 67, .07) !important;
  overflow: hidden;
}
.product-page .product-detail .product-main-image-wrap {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 12px !important;
}
.product-page .product-detail .product-main-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  mix-blend-mode: normal !important;
  padding: 6px !important;
  transform: none !important;
}
.product-page .product-detail .product-main-image-wrap:hover .product-main-image {
  transform: none !important;
}
.product-page .product-thumbnail-list { margin-top: 14px !important; }
.product-page .product-thumbnail {
  background: #fff !important;
  border-color: #d8e3f0 !important;
}
.product-page .product-thumbnail.active { border-color: #2563eb !important; }
.product-page .product-detail-info {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 20px !important;
  padding: clamp(22px, 3vw, 38px) !important;
  box-shadow: 0 12px 38px rgba(15, 37, 67, .07) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  color: #17253a !important;
}
.product-page .product-detail-brand {
  color: #1d4ed8 !important;
  font-size: 12px !important;
  letter-spacing: .09em !important;
}
.product-page .product-detail-title {
  color: #111f33 !important;
  font-size: clamp(27px, 2.7vw, 38px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
  margin: 8px 0 10px !important;
}
.product-page .product-detail-category {
  color: #51627a !important;
  font-size: 14px !important;
  margin-bottom: 12px !important;
}
.product-page .product-detail-price-row {
  padding: 4px 0 18px !important;
  margin: 0 0 14px !important;
  border-bottom: 1px solid #e5ebf3 !important;
}
.product-page .product-detail-price-row .product-detail-price {
  color: #1d4ed8 !important;
  font-size: clamp(27px, 2.4vw, 36px) !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
}
.product-page .product-detail-old-price { color: #7b8798 !important; }
.product-page .product-description-block {
  margin: 0 0 16px !important;
  padding: 8px 0 16px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #e5ebf3 !important;
}
.product-page .product-description-block h2 {
  color: #192a43 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
}
.product-page .product-description-block .product-detail-description,
.product-page .product-detail-description {
  color: #4b5d73 !important;
  opacity: 1 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  white-space: pre-line;
}
.product-page .product-stock-info,
.product-page .product-stock-info.low-stock {
  background: #eef8ef !important;
  color: #166534 !important;
  border: 1px solid #bbdfc3 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}
.product-page .product-stock-info.out-of-stock {
  background: #fff1f2 !important;
  border-color: #fecdd3 !important;
  color: #9f1239 !important;
}
.product-page .product-option-heading strong,
.product-page .product-quantity-label { color: #1c304c !important; font-size: 14px !important; }
.product-page .product-option-heading span { color: #53657b !important; }
.product-page .product-quantity-row { border-color: #e5ebf3 !important; }
.product-page .quantity-control { background: #fff !important; border: 1px solid #d7e1ee !important; }
.product-page .quantity-control button,
.product-page .quantity-control input { background: #fff !important; color: #13243b !important; }
.product-page .product-detail-actions { gap: 12px !important; }
.product-page .product-detail-actions .product-add-button {
  background: #2563eb !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #2563eb !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
.product-page .product-detail-actions .product-buy-button {
  background: #fff !important;
  color: #1d4ed8 !important;
  border: 1.5px solid #a9bee5 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.product-page .product-detail-actions .product-buy-button:hover { background: #eff6ff !important; }
.product-page .wishlist-detail-button { background: #fff !important; border-color: #cbd8e8 !important; color: #1a3150 !important; }
.product-page .product-meta-list { background: #f6f9fd !important; border: 1px solid #e4ebf5 !important; }
.product-page .product-meta-row { border-color: #e2e9f2 !important; color: #53657b !important; }
.product-page .product-meta-row span { color: #53657b !important; }
.product-page .product-meta-row strong { color: #182b45 !important; }
.product-page .product-loading, .product-page .product-error-state { color: #1a2b42 !important; }
.related-products-section { background: #f2f6fb !important; border-top: 1px solid #dce5f0 !important; }
.related-products-section .section-heading h2 { color: #152840 !important; }
.related-products-section .section-link { color: #1d4ed8 !important; }

/* Sidebar options were pale text on a newly white surface. */
.products-section .advanced-filter-panel { color: #17253a !important; }
.products-section .advanced-filter-header { border-bottom: 1px solid #e1e8f2 !important; }
.products-section .advanced-filter-header strong,
.products-section .advanced-filter-group summary { color: #17253a !important; font-size: 14px !important; }
.products-section .advanced-filter-group { border-bottom: 1px solid #e7edf5 !important; }
.products-section .advanced-filter-options label,
.products-section .advanced-filter-options label span { color: #27384f !important; opacity: 1 !important; font-size: 13px !important; font-weight: 600 !important; }
.products-section .advanced-filter-group summary::after,
.products-section .advanced-filter-header button { color: #1d4ed8 !important; }
.products-section .advanced-filter-options input { accent-color: #2563eb !important; }
.products-section .filter-apply-button { background: #2563eb !important; color: #fff !important; }

@media (max-width: 900px) {
  .product-page .product-detail:not([hidden]) { grid-template-columns: 1fr !important; gap: 18px !important; }
  .product-page .product-gallery { max-width: 680px; width: 100%; margin: 0 auto; }
}
@media (max-width: 600px) {
  .product-page { padding: 18px 0 30px !important; }
  .product-page > .container { padding: 0 14px !important; }
  .product-page .product-breadcrumb { margin-bottom: 18px !important; font-size: 12px !important; }
  .product-page .product-gallery { padding: 12px !important; border-radius: 14px !important; }
  .product-page .product-detail .product-main-image-wrap { padding: 4px !important; }
  .product-page .product-detail-info { padding: 18px !important; border-radius: 14px !important; }
  .product-page .product-detail-actions { gap: 8px !important; }
  .product-page .product-detail-actions .product-add-button,
  .product-page .product-detail-actions .product-buy-button { font-size: 12px !important; }
}