/* Ribbon Blue - Product details shared styles */

/* Breadcrumb */
.breadcrumb { margin: 20px 0; font-size: 14px; }
.breadcrumb a { color: #0056b3; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

/* Product layout */
.product-details { padding: 40px 20px; }
.product-gallery { text-align: center; }
.product-gallery .main-image { width: 100%; max-width: 500px; margin-bottom: 20px; border-radius:4px; }
.thumbnail-gallery { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
.thumbnail-gallery img { width:80px; height:80px; object-fit:cover; cursor:pointer; border:2px solid transparent; border-radius:4px; transition:border-color .2s ease; }
.thumbnail-gallery img:hover, .thumbnail-gallery img.active { border-color: #0056b3; }

.product-info h1 { font-size:28px; margin-bottom:10px; }
.product-info .price { font-size:22px; color:#28a745; margin-bottom:8px; }
.product-info .availability span { color:#28a745; font-weight:bold; }
.product-info .description { margin-bottom:16px; font-size:15px; color:#444; }

.contact-number { font-size:15px; color:#333; margin-bottom:12px; }
.contact-number strong { color:#0056b3; }

.options label { display:block; margin-bottom:6px; font-weight:600; }
.options select { width:100%; padding:8px; margin-bottom:12px; border:1px solid #ddd; border-radius:6px; }

.add-to-cart { margin-top:12px; display:flex; align-items:center; gap:12px; }
.rb-quantity { width:70px; padding:8px; border:1px solid #ddd; border-radius:6px; text-align:center; }
.rb-add-to-cart { padding:10px 18px; background-color:#0056b3; color:#fff; border:none; border-radius:8px; cursor:pointer; transition:background-color .2s ease; }
.rb-add-to-cart:hover { background-color:#003f7f; }

.social-sharing { margin-top:14px; }
.social-sharing a { margin-right:10px; font-size:18px; color:#555; transition:color .2s ease; }
.social-sharing a:hover { color:#0056b3; }

/* Reviews and related */
.customer-reviews { padding:30px 20px; background:#f8f9fa; }
.customer-reviews h2 { font-size:22px; margin-bottom:16px; }
.related-products { padding:30px 20px; }

/* Utility */
@media (max-width: 768px) { .product-details { padding: 20px 10px; } .thumbnail-gallery img { width:60px; height:60px; } }