@import url("./lab-grown-diamond-rings.css");

:root { --color-primary:#D8C078; --color-primary-dark:#9c8130; }

.five-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px; }
.five-grid--dark .info-card { border-color:rgba(255,255,255,.18); color:#fff; background:rgba(255,255,255,.08); box-shadow:none; }
.five-grid--dark .info-card p { color:#eee5d9; }
.five-grid--dark .info-card img { opacity:.87; }

/* Give bracelet-wear examples enough visual height while keeping supporting photography edge-to-edge. */
.scenarios .info-card img {
    height: 220px;
    object-fit: cover !important;
}

.process .process-card img,
.specifications .image-heading > img,
.specifications .fact-card img,
.checklist .check-card img,
.oem .info-card img,
.faq .faq-layout > img,
.ring-inquiry__copy > img {
    object-fit: cover !important;
}

@media (max-width:1080px) { .five-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .five-grid { grid-template-columns:1fr; } }