/* 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; }
.trim-service-price-intro { margin-bottom: 28px; }
.service-detail .trim-quote-card { margin-top: 12px; }
@media (min-width: 1025px) {
  /* A two-card category still has a visible next card and room to drag. */
  .service-detail .trim-service-rail[data-card-count="2"] > li { width: min(78vw, 760px); }
  .service-detail .trim-service-rail[data-card-count="3"] > li { width: min(78vw, 500px); }
}