/* Motion belongs to design 3 only. Content stays usable without JavaScript. */
.rl-motion-enabled{scrollbar-gutter:stable}
.theme-3.motion-dialog-open{overflow:hidden}
.theme-3 .motion-swapping{overflow:hidden}
.theme-3 .motion-details-content{display:flow-root}
.theme-3 .accordion .motion-details-content>p{color:var(--muted);font-size:.9375rem;padding:0 2rem 1.5rem 0;line-height:1.9}
.theme-3 .nav-disclosure>.mega{transform-origin:top center}
.theme-3 .nav-disclosure>summary::after{content:"";display:block;width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;margin-left:.15rem;transform:translateY(-2px) rotate(45deg)}
.theme-3 .nav-disclosure>summary[aria-expanded=true]::after{transform:translateY(1px) rotate(225deg)}
.theme-3 .accordion summary::after,.theme-3 .price-groups summary::after{content:"+";display:block;transform-origin:center;flex:none}
.theme-3 .accordion summary[aria-expanded=true]::after,.theme-3 .price-groups summary[aria-expanded=true]::after{content:"+";transform:rotate(45deg)}
.theme-3 [data-mobile-menu] .menu-stroke-top,.theme-3 [data-mobile-menu] .menu-stroke-middle,.theme-3 [data-mobile-menu] .menu-stroke-bottom{transform-origin:12px 12px}
.theme-3 [data-mobile-menu] .menu-stroke-top{transform:translateY(-5px)}
.theme-3 [data-mobile-menu] .menu-stroke-bottom{transform:translateY(5px)}
.theme-3 [data-mobile-menu][aria-expanded=true] .menu-stroke-top{transform:rotate(45deg)}
.theme-3 [data-mobile-menu][aria-expanded=true] .menu-stroke-middle{opacity:0;transform:scaleX(.5)}
.theme-3 [data-mobile-menu][aria-expanded=true] .menu-stroke-bottom{transform:rotate(-45deg)}

@media(prefers-reduced-motion:no-preference){
 .theme-3 .btn,.theme-3 .icon-btn,.theme-3 .area-tabs button,.theme-3 .filter-tabs button,.theme-3 .hotspot{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
 .theme-3 .category-card,.theme-3 .service-card{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,border-color .2s ease}
 .theme-3 .nav-disclosure>summary::after,.theme-3 .accordion summary::after,.theme-3 .price-groups summary::after{transition:transform .24s cubic-bezier(.22,1,.36,1)}
 .theme-3 [data-mobile-menu] svg path{transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .18s ease}
 .theme-3 dialog[open]::backdrop{animation:rl-backdrop-in .32s ease both}
 .theme-3 dialog.motion-closing::backdrop{animation:rl-backdrop-out .21s ease both}
 .theme-3 .mega a{transition:background-color .18s ease,color .18s ease,transform .2s ease}
 @media(hover:hover){
  .theme-3 .btn:hover,.theme-3 .category-card:hover{transform:translateY(-3px)}
  .theme-3 .catalog-grid .service-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #28181c0c}
  .theme-3 .mega a:hover{transform:translateX(3px)}
  .theme-3 .hotspot:hover{box-shadow:0 5px 20px #28181c20}
 }
 .theme-3 .btn:active,.theme-3 .icon-btn:active{transform:translateY(0) scale(.98)}
}
@keyframes rl-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes rl-backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:720px){.theme-3 .accordion .motion-details-content>p{font-size:.875rem;line-height:1.8}}
.rl-motion-off{scroll-behavior:auto}
.rl-motion-off .theme-3 *,.rl-motion-off .theme-3 *::before,.rl-motion-off .theme-3 *::after{animation:none!important;transition:none!important}
.rl-motion-off .theme-3 dialog::backdrop{animation:none!important}
@media(prefers-reduced-motion:reduce){.theme-3 dialog::backdrop{animation:none!important}}
@media print{.theme-3 .motion-details-content{display:block!important}.theme-3 .motion-swapping{overflow:visible}}
