/* RMG "Our services" (9 cards) 2026-10-18 - standalone, scoped to .rmgos only (for pages without rmg-services-2026 CSS, e.g. /shop/).
   Generated from the same template as rmg-services-2026 assets/rmgsv-fixes.css (gen/bottom.tpl.css); keyframes are exact copies of rmgas.css. */
.rmgos{max-width:1240px;margin:34px auto 0;padding:0 32px;font-family:'Red Hat Text',system-ui,sans-serif;font-size:16px;line-height:1.6;color:#606060}
.rmgos *,.rmgos *::before,.rmgos *::after{box-sizing:border-box}
.rmgos .browse{padding:34px 0 60px;border-top:1px solid #F2E6DA;background:transparent}
.rmgos .browse-h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.rmgos .browse-h h2{margin:0;font:900 40px/1.08 'Red Hat Display',sans-serif;letter-spacing:-.015em;color:#1A1B1E;text-transform:none}
.rmgos .browse-h p{margin:6px 0 0;font-size:16px}
/* neutralise theme helpers that share the .row class name (Bootstrap-style .row in the Onum theme) */
.rmgos .row{flex-wrap:initial;width:auto}
.rmgos .row>*{max-width:none;margin-top:0}
@media (max-width:820px){.rmgos{padding:0 18px}.rmgos .browse-h h2{font-size:30px}}
@keyframes rmgos-mmBob{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-2deg)}50%{transform:translateY(-3px) rotate(0)}75%{transform:translateY(-1px) rotate(2deg)}}
@keyframes rmgos-mmPop{0%{transform:scale(1)}45%{transform:scale(1.16) rotate(-6deg)}70%{transform:scale(1.08) rotate(4deg)}100%{transform:scale(1.12) rotate(0)}}
@keyframes rmgos-mmShine{0%,70%{left:-60%}100%{left:130%}}
@keyframes rmgos-fl{50%{transform:translateY(-2px)}}
@keyframes rmgos-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.16)}}
@keyframes rmgos-spin{to{transform:rotate(360deg)}}
@keyframes rmgos-draw{0%{stroke-dasharray:140;stroke-dashoffset:140}100%{stroke-dasharray:140;stroke-dashoffset:0}}
/* Bottom "Our services" cards (9): faded style of the top All Services cards (not blue), big icons with the page's icon animation
   (same keyframes/timing as the All Services buttons: bob 3.2s, shine sweep 5.5s, pop on hover). */
.rmgos .browse .rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;margin-top:24px}
.rmgos .browse .row.cat{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:0;text-align:center;margin:0;padding:20px 16px 18px;background:linear-gradient(180deg,#fbfdff,#f3f7fd);border:1px solid #e3ebf6;border-radius:14px;box-shadow:0 4px 14px #1a3c6a0d;color:#1A1B1E;text-decoration:none!important;font-family:'Red Hat Text',sans-serif;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.rmgos .browse .row.cat::before,.rmgos .browse .row.cat::after{content:none!important;display:none!important}
.rmgos .browse .row.cat:hover,.rmgos .browse .row.cat:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px #1f6fe022;border-color:#d3e2f4}
.rmgos .browse .row.cat .il{position:relative;overflow:hidden;flex:none;width:124px!important;height:124px!important;min-height:0!important;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#eef4ff,#e3ecfa)!important;box-shadow:none;transition:box-shadow .25s}
.rmgos .browse .row.cat .il::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffffb3,transparent);transform:skewX(-18deg);animation:rmgos-mmShine 5.5s ease-in-out infinite;pointer-events:none;z-index:1}
.rmgos .browse .row.cat .il svg{position:relative;display:block;width:92px!important;height:92px!important;max-width:none;padding:0;background:none;box-shadow:none;border-radius:0;transform-origin:50% 60%;animation:rmgos-mmBob 3.2s ease-in-out infinite!important}
.rmgos .browse .row.cat:nth-child(3n+2) .il svg{animation-delay:-1.1s!important}
.rmgos .browse .row.cat:nth-child(3n) .il svg{animation-delay:-2.2s!important}
.rmgos .browse .row.cat:nth-child(n+5) .il::before{animation-delay:.6s}
.rmgos .browse .row.cat:nth-child(n+9) .il::before{animation-delay:1.2s}
.rmgos .browse .row.cat:hover .il svg,.rmgos .browse .row.cat:focus-visible .il svg{animation:rmgos-mmPop .7s cubic-bezier(.3,1.6,.5,1) both!important}
.rmgos .browse .row.cat:hover .il{box-shadow:0 4px 10px #1f6fe033}
.rmgos .browse .row.cat .il .float{animation:rmgos-fl 3s ease-in-out infinite}
.rmgos .browse .row.cat .il g{transform-box:fill-box;transform-origin:center}
.rmgos .browse .row.cat:hover .il .a-pulse{animation:rmgos-pulse .8s cubic-bezier(.2,.8,.2,1)}
.rmgos .browse .row.cat:hover .il .a-spin{animation:rmgos-spin 1.1s cubic-bezier(.2,.8,.2,1)}
.rmgos .browse .row.cat:hover .il .a-draw path{animation:rmgos-draw .9s cubic-bezier(.2,.8,.2,1)}
.rmgos .browse .row.cat .rb{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;flex:1;padding:14px 2px 0;margin:0}
.rmgos .browse .row.cat .rt{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px}
.rmgos .browse .row.cat .kicker{font:700 12.5px/1.2 'Red Hat Text',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#FE4C1C}
.rmgos .browse .row.cat .tag{display:inline-flex;white-space:nowrap;border-radius:999px;padding:3px 11px;font:700 12px/1.3 'Red Hat Text',sans-serif}
.rmgos .browse .row.cat .tag.c{background:#E3F6EA;color:#11643A}
.rmgos .browse .row.cat .tag.q{background:#FFE9DF;color:#A3300C}
.rmgos .browse .row.cat h3{margin:2px 0 0;font:900 22px/1.15 'Red Hat Display',sans-serif;letter-spacing:normal;color:#1A1B1E;text-transform:none}
.rmgos .browse .row.cat p{margin:0;font-size:14px;line-height:1.45;font-weight:400;color:#5b6472}
.rmgos .browse .row.cat .sub{font-weight:700;font-size:14px;color:#1A1B1E}
.rmgos .browse .row.cat .pkn{font-size:13.5px!important;color:#1A1B1E!important}
.rmgos .browse .row.cat .pkn b{color:#1a6be3}
.rmgos .browse .row.cat .rf{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;width:100%;margin-top:auto;padding-top:12px}
.rmgos .browse .row.cat .pr{display:block;text-align:center;font:900 30px/1.1 'Red Hat Display',sans-serif;color:#1A1B1E}
.rmgos .browse .row.cat .pr small{font:500 13px/1.2 'Red Hat Text',sans-serif;color:#5b6472}
.rmgos .browse .row.cat .rf .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:0;padding:10px 14px;border:1px solid #dbe4ef;border-radius:999px;background:#fff;color:#1a6be3;font:700 16px/1.2 'Red Hat Display',sans-serif;text-align:center;box-shadow:none;transition:background .25s,color .25s,border-color .25s}
.rmgos .browse .row.cat:hover .rf .btn{background:#1a6be3;border-color:#1a6be3;color:#fff}
@media (max-width:1100px){.rmgos .browse .rows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.rmgos .browse .rows{grid-template-columns:1fr;gap:14px}.rmgos .browse .row.cat .il{width:104px!important;height:104px!important}.rmgos .browse .row.cat .il svg{width:78px!important;height:78px!important}.rmgos .browse .row.cat h3{font-size:20px}.rmgos .browse .row.cat p{display:block}.rmgos .browse .row.cat .pr{font-size:26px}}
@media (prefers-reduced-motion:reduce){.rmgos .browse .row.cat,.rmgos .browse .row.cat .rf .btn{transition:none}.rmgos .browse .row.cat:hover{transform:none}.rmgos .browse .row.cat .il::before{display:none}.rmgos .browse .row.cat .il svg,.rmgos .browse .row.cat .il .float,.rmgos .browse .row.cat .il g,.rmgos .browse .row.cat .il path{animation:none!important}}