/* Product cards — design adapted from Renovex (awaikenthemes) services grid.
   Scoped under .services-item-list so it never affects the rest of the theme. */
.services-item-list {
    --rx-primary: #0D0D0D;
    --rx-white: #FFFFFF;
    --rx-accent: #FED403;
    --rx-divider: rgba(13, 13, 13, .1);
}

.services-item-list .image-anime { position: relative; overflow: hidden; }
.services-item-list .image-anime:after {
    content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg); z-index: 1;
}
.services-item-list .image-anime:hover:after { height: 250%; transition: all 600ms linear; background-color: transparent; }

.services-item-list .service-item {
    display: flex; flex-direction: column; justify-content: space-between; gap: 25px;
    background: var(--rx-white); border-radius: 10px;
    height: calc(100% - 30px); margin-bottom: 30px; padding: 15px;
}
.services-item-list .service-item-header { padding: 15px; }
.services-item-list .service-item-title { display: flex; align-items: center; justify-content: space-between; gap: 10px 20px; }
.services-item-list .service-item-title h2,
.services-item-list .service-item-title h3 { font-size: 20px; line-height: 1.4em; margin: 0; color: var(--rx-primary); }
.services-item-list .service-item-title h2 a { color: inherit; text-decoration: none; }
.services-item-list .service-item-content { border-top: 1px solid var(--rx-divider); margin-top: 15px; padding-top: 15px; }
.services-item-list .service-item-content p { margin: 0; font-size: 15px; }

.services-item-list .service-image-box { position: relative; }
.services-item-list .service-item-image figure { display: block; border-radius: 10px; overflow: hidden; margin: 0; }
.services-item-list .service-item-image img {
    width: 100%; aspect-ratio: 1 / 0.81; object-fit: cover; border-radius: 10px;
    transition: all 0.6s ease-in-out;
}
.services-item-list .service-item:hover .service-item-image img { transform: scale(1.08); }

.services-item-list .service-item-btn {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.4s ease-in-out; opacity: 0; z-index: 1;
}
.services-item-list .service-item:hover .service-item-btn { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.services-item-list .service-item-btn a {
    width: 50px; height: 50px; background: var(--rx-accent); border-radius: 50%;
    display: flex; justify-content: center; align-items: center; transition: all 0.4s ease-in-out;
}
.services-item-list .service-item-btn a:hover { background: var(--rx-white); }
.services-item-list .service-item-btn a img { width: 100%; max-width: 20px; transition: all 0.4s ease-in-out; transform: rotate(-45deg); }
.services-item-list .service-item-btn a:hover img { transform: rotate(0); }

@media (max-width: 991px) {
    .services-item-list .service-item { gap: 15px; }
    .services-item-list .service-item-header { padding: 5px; }
    .services-item-list .service-item-title h2,
    .services-item-list .service-item-title h3 { font-size: 18px; }
}