/* The user-edited window-finishing page is the shared visual source. */
@import url("./window-finishing.css");

.service-detail .trim-service-rail { list-style: none; }
.service-detail .trim-service-rail:focus-visible { outline: 3px solid #53b97c; outline-offset: -3px; }
.service-detail .trim-service-rail > li { min-width: 0; }
.service-detail .trim-service-rail > .trim-service-link-slide { padding: 0; display: flex; }
.service-detail .trim-service-link-slide::after { content: none; }
.trim-service-card-link { display: flex; flex: 1; flex-direction: column; min-width: 0; color: inherit; text-decoration: none; }
.trim-service-card-link > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; pointer-events: none; }
.trim-service-card-body { display: flex; flex: 1; flex-direction: column; padding: 32px 28px 26px; }
.trim-service-card-action { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 24px; color: #057230; font-size: 16px; font-weight: 600; }
.trim-service-card-action svg { flex-shrink: 0; }
.trim-service-card-link:hover .trim-service-card-action { text-decoration: underline; text-underline-offset: 5px; }
.service-detail .trim-service-rail.is-dragging { cursor: grabbing; }
.service-detail .trim-service-rail.is-dragging a { cursor: grabbing; }
/* Situations with 2 or 4+ items should still read as a clean grid. */
.service-detail .trim-situations:has(> :nth-child(2):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 800px) {
  .service-detail .trim-situations:has(> :nth-child(2):last-child) {
    grid-template-columns: 1fr;
  }
}