@import url("diamond-necklaces.css");

/* Collection-specific hero while preserving the shared product-collection template system. */
.necklaces-hero__image { background-image: url("../../../images/product-library/bracelets/SL0080-product.png"); }

/* Page-local collection routing grid: five live destinations without altering the shared card component. */
.bracelet-collection-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }

@media (max-width: 980px) {
    .image-card-grid.bracelet-collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .image-card-grid.bracelet-collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 540px) {
    .image-card-grid.bracelet-collection-grid { grid-template-columns: 1fr; }
    .necklaces-hero__image {
        background-color: #f8f4ec;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
}