/* Controls added to the existing detail design. All overrides are page scoped. */
#product-detail-page .gallery-main-img img { object-fit: contain; background: #fff; }
#product-detail-page .gallery-label { padding: 0; background: #fff; }
#product-detail-page .gallery-label.active { border-color: var(--primary); }
#product-detail-page .gallery-label img { object-fit: contain; }
#product-detail-page .detail-option { display: inline-flex; align-items: center; gap: 6px; }
#product-detail-page .detail-option input { accent-color: var(--primary); }
#product-detail-page .detail-option:has(input:checked) { background: var(--primary); border-color: var(--primary); color: #fff; }
#product-detail-page .product-actions button { width: 38px; height: 38px; border: 0; border-radius: 50%; background: #fff; color: var(--primary); box-shadow: 0 5px 15px #00000014; }
#product-detail-page .product-actions button:hover { background: var(--primary); color: #fff; }
#product-detail-page button:disabled { opacity: .5; cursor: not-allowed; }
#product-detail-page .product-image > a { display: block; width: 100%; height: 100%; }
#product-detail-page .product-meta { align-items: center; }
#product-detail-page .fragrance-notes { display: block; }
#product-detail-page button:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
@media (max-width: 575px) {
    #product-detail-page .product-purchase { flex-wrap: wrap; }
    #product-detail-page .add-to-cart { min-width: 130px; }
    #product-detail-page .review-summary { gap: 15px; }
    #product-detail-page .product-benefits { grid-template-columns: 1fr; }
}
