/* Shared controls never cover the images. */
[data-card-surface] { touch-action: pan-y pinch-zoom; }
[data-card-surface] img { -webkit-user-drag: none; user-select: none; }
[data-card-panel][hidden], [data-card-controls][hidden] { display: none; }
.service-pager { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 14px; }
.service-pager button { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border: 1px solid #d9dfd3; border-radius: 50%; background: transparent; color: #415a45; font-size: 20px; }
.service-pager button:hover { background: #edf1e8; }
.service-pager button:focus-visible, [data-card-tab]:focus-visible { outline: 3px solid #94733e; outline-offset: 3px; }
.service-pager p { display: flex; align-items: center; gap: 14px; color: #52624e; font-size: 12px; font-variant-numeric: tabular-nums; }
.service-pager__hint { font-size: 11px; color: #687260; }
[data-card-panel].is-entering { animation: service-card-enter .22s ease-out; }
@keyframes service-card-enter { from { opacity: .5; transform: translateX(calc(var(--card-direction, 1) * 18px)); } to { opacity: 1; transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { [data-card-panel].is-entering { animation: none; } }