.d-service-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.d-service-card {
    background: var(--bg-surface);
    border-radius: var(--radius-box);
    padding: 30px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
    .d-service-card:hover { background: var(--bg-surface-hover); transform: none !important; }
}

.m-service-layout { display: flex; flex-direction: column; padding: 16px; gap: 16px; }
.m-service-card {
    background: var(--bg-surface);
    padding: 18px;
    border-radius: var(--radius-box);
    cursor: pointer;
}

.m-service-back-btn {
    border: none;
    background: transparent;
    color: var(--color-primary);
    font-size: var(--fs-base);
    font-weight: var(--font-medium);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 14px;
    cursor: pointer;
}