/* Product page in the app's look (ShopProductDetailPage, shop_product_page.dart).
   The page's markup is read by the app, so this file only restyles it. */
.product-details-wrapper { background: #F3F8FE; color: #0F172A; }
.product-details-wrapper .container { max-width: 1240px; }

/* Breadcrumb: quiet, like the app's top bar */
.product-details-wrapper .breadcrumb { background: transparent; padding: 0; margin-bottom: 16px; font-size: .9rem; }
.product-details-wrapper .breadcrumb a { color: #1E88E5 !important; }
.product-details-wrapper .breadcrumb-item.active { color: #475569; }

/* Gallery and info: two flat white cards side by side */
.product-details-wrapper .product-hero { background: transparent; box-shadow: none; border: 0; border-radius: 0; overflow: visible; }
.product-details-wrapper .product-hero > .row { --bs-gutter-x: 16px; gap: 0; }
.product-details-wrapper .product-image-gallery,
.product-details-wrapper .product-info {
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; box-shadow: none; padding: 18px; height: 100%;
}
.product-details-wrapper .col-lg-6:first-child { padding-inline-end: 8px; }
.product-details-wrapper .col-lg-6:last-child { padding-inline-start: 8px; }
.product-details-wrapper .main-product-image { border-radius: 14px; background: #F8FAFC; box-shadow: none; }
.product-details-wrapper .thumbnail-item { border-radius: 12px; border: 2px solid #E2E8F0; }
.product-details-wrapper .thumbnail-item.active,
.product-details-wrapper .thumbnail-item:hover { border-color: #1E88E5; }

.product-details-wrapper .product-badge { background: #E3F2FD; color: #1565C0; border-radius: 999px; box-shadow: none; }
.product-details-wrapper .product-title { color: #0F172A; font-weight: 800; font-size: 1.6rem; }
.product-details-wrapper .rating-text, .product-details-wrapper .product-rating { color: #475569; }
.product-details-wrapper .rating-stars i, .product-details-wrapper .product-rating .fa-star { color: #F59E0B; }

/* Price: current in dark blue, original struck through, discount as the sale badge */
.product-details-wrapper .product-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }
.product-details-wrapper .price-current { color: #1565C0; font-weight: 800; font-size: 1.7rem; }
.product-details-wrapper .price-original { color: #475569; font-size: 1rem; }
.product-details-wrapper .price-discount { background: #E53935; color: #FFFFFF; border-radius: 999px; padding: 3px 10px; font-size: .8rem; font-weight: 800; }
.product-details-wrapper .description-text { color: #475569; }

/* Quantity and add to cart */
.product-details-wrapper .quantity-selector { border: 1px solid #E2E8F0; border-radius: 12px; background: #FFFFFF; }
.product-details-wrapper .quantity-btn { background: #E3F2FD; color: #1565C0; border-radius: 10px; border: 0; }
.product-details-wrapper .quantity-btn:hover { background: #1E88E5; color: #FFFFFF; }
.product-details-wrapper .add-to-cart-btn { background: #1E88E5; border: 0; border-radius: 12px; box-shadow: none; color: #FFFFFF; font-weight: 800; }
.product-details-wrapper .add-to-cart-btn:hover { background: #1565C0; transform: none; box-shadow: none; }
.product-details-wrapper .secondary-btn { border-radius: 12px; border: 1px solid #E2E8F0; background: #FFFFFF; color: #0F172A; }
.product-details-wrapper .secondary-btn:hover { background: #E3F2FD; color: #1565C0; border-color: #E2E8F0; }

/* Shop and meta lines */
.product-details-wrapper .product-meta { border-top: 1px solid #E2E8F0; }
.product-details-wrapper .meta-icon { background: #E3F2FD; color: #1E88E5; border-radius: 12px; }

/* The app's trust row (new element) */
.product-trust {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 16px 0;
}
.product-trust__item {
  display: flex; align-items: center; gap: 10px; padding: 14px 16px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; font-weight: 700; color: #0F172A;
}
.product-trust__item i { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: #E3F2FD; color: #1E88E5; }

/* Tabs: the app's segmented tabs, content in a white card */
.product-details-wrapper .product-tabs { background: transparent; box-shadow: none; border: 0; padding: 0; margin-top: 0; }
.product-details-wrapper .nav-tabs { border: 1px solid #E2E8F0; background: #FFFFFF; border-radius: 14px; padding: 4px; gap: 4px; margin-bottom: 12px; }
.product-details-wrapper .nav-tabs .nav-link { border: 0; border-radius: 10px; color: #475569; font-weight: 700; background: transparent; }
.product-details-wrapper .nav-tabs .nav-link:hover { color: #1565C0; background: #F3F8FE; }
.product-details-wrapper .nav-tabs .nav-link.active { background: #E3F2FD; color: #1E88E5; }
.product-details-wrapper .tab-content { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 20px; box-shadow: none; }
.product-details-wrapper .tab-pane h4, .product-details-wrapper .tab-pane h5 { color: #0F172A; font-weight: 800; }
.product-details-wrapper .specs-table th { background: #F3F8FE; color: #475569; }
.product-details-wrapper .specs-table td, .product-details-wrapper .specs-table th { border-color: #E2E8F0; }

/* Reviews */
.product-details-wrapper .review-summary { background: #F3F8FE; border: 1px solid #E2E8F0; border-radius: 16px; box-shadow: none; }
.product-details-wrapper .review-score { color: #1565C0; }
.product-details-wrapper .rating-progress { background: #E2E8F0; }
.product-details-wrapper .rating-progress-bar { background: #F59E0B; }
.product-details-wrapper .review-item { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; box-shadow: none; }
.product-details-wrapper .review-item:hover { box-shadow: none; transform: none; }
.product-details-wrapper .verified-badge { background: #DCFCE7; color: #166534; border-radius: 999px; }

/* Similar products: the shop card look */
.product-details-wrapper .related-products { margin-top: 24px; }
.product-details-wrapper .related-products h3 { color: #1565C0; font-weight: 800; font-size: 1.15rem; }
.product-details-wrapper .related-product-card { background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; box-shadow: none; overflow: hidden; }
.product-details-wrapper .related-product-card:hover { box-shadow: 0 4px 18px rgba(21, 101, 192, .08); transform: translateY(-2px); }
.product-details-wrapper .product-discount-badge { background: #E53935; border-radius: 999px; }
.product-details-wrapper .related-product-price .price-current,
.product-details-wrapper .related-product-price { color: #1565C0; }

/* The app's "Safe shopping" card (new element) */
.product-safe {
  display: flex; align-items: center; gap: 14px; margin-top: 20px; padding: 16px 18px;
  background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px;
}
.product-safe > i { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #E3F2FD; color: #1E88E5; font-size: 1.2rem; }
.product-safe strong { display: block; color: #0F172A; }
.product-safe span { color: #475569; }

[dir="rtl"] .product-details-wrapper { font-family: 'Vazirmatn', system-ui, sans-serif; }

@media (max-width: 991px) {
  .product-details-wrapper .col-lg-6:first-child,
  .product-details-wrapper .col-lg-6:last-child { padding-inline: 0; }
  .product-details-wrapper .product-info { margin-top: 12px; }
}
@media (max-width: 560px) {
  .product-trust { grid-template-columns: 1fr; }
}