.service-divider{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;min-height:68px;margin-bottom:var(--gutter);padding:0 var(--gutter);background:#fff;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8}
.service-divider a{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:68px;padding:12px 8px;background:#fff;color:#111;text-align:center;font-size:13px;font-weight:600;line-height:1.25;transition:transform .2s ease,box-shadow .2s ease}
.service-divider svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover) and (pointer:fine){.service-divider a:hover{z-index:1;transform:scale(1.025);box-shadow:0 7px 18px rgba(0,0,0,.14)}}
.service-divider a:focus-visible{z-index:1;outline:2px solid #111;outline-offset:-6px;box-shadow:0 7px 18px rgba(0,0,0,.14)}
.shop-page .service-divider,.community-page .service-divider{display:none}
@media(max-width:680px){.service-divider{min-height:56px;padding:0 5px}.service-divider a{min-height:56px;padding:8px 4px}.service-divider svg{flex-basis:22px;width:22px;height:22px}.service-divider a span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(prefers-reduced-motion:reduce){.service-divider a{transition:none;transform:none!important}}