/* CTR SUITE - mobile showcase and services correction (2026-09-22).
   Loaded LAST on the public home, with a fresh filename to avoid cached CSS. */
.ctr-mobile-module-nav{display:none!important}
@media(max-width:820px){
 /* The original navigation stays intact for desktop and for accessible module selection.
    On phones, use the in-panel navigation directly after the two CTA buttons. */
 body.ctr-home-left.premium-v9 main #showcase > .container > .showcase-shell > .showcase-tabs{
   display:none!important;
 }
 body.ctr-home-left.premium-v9 main #showcase .showcase-panel-copy > .ctr-mobile-module-nav{
   display:grid!important;
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:7px!important;
   margin:20px 0 2px!important;
   padding:0!important;
   width:100%!important;
   min-width:0!important;
 }
 body.ctr-home-left.premium-v9 main #showcase .ctr-mobile-module-btn{
   appearance:none;-webkit-appearance:none;
   display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
   gap:9px;min-width:0;min-height:78px;padding:10px 8px;
   color:#e7eeff;background:#181f30;border:1px solid #354158;
   border-radius:14px;box-shadow:none;
   font:inherit;font-size:10px;line-height:1.3;font-weight:700;
   text-align:left;overflow-wrap:anywhere;cursor:pointer;
   transition:background-color .2s ease,border-color .2s ease;
 }
 body.ctr-home-left.premium-v9 main #showcase .ctr-mobile-module-btn[aria-pressed="true"]{
   background:#293858;border-color:#6b9bde;box-shadow:inset 0 0 0 1px #a9caff17;
 }
 body.ctr-home-left.premium-v9 main #showcase .ctr-mobile-module-icon{
   width:30px;height:30px;min-width:30px;border:1px solid #466083;
   border-radius:10px;display:grid;place-items:center;
   background:#243850;color:#91caff;font-size:13px;
 }
 body.ctr-home-left.premium-v9 main #showcase .ctr-mobile-module-btn:focus-visible{
   outline:2px solid #a7d3ff;outline-offset:3px;
 }
 body.ctr-home-left.premium-v9 main #showcase .showcase-panel-copy > .showcase-actions{
   margin-bottom:0!important;
 }
 /* Flex rail neutralises older grid !important rules responsible for stacking cards. */
 body.ctr-home-left.premium-v9 main #services .services-grid.services-grid-modern{
   display:flex!important;
   flex-direction:row!important;
   flex-wrap:nowrap!important;
   align-items:stretch!important;
   grid-template-columns:none!important;
   gap:12px!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   overflow-x:auto!important;overflow-y:hidden!important;
   scroll-snap-type:x mandatory!important;scroll-padding-inline:2px!important;
   overscroll-behavior-x:contain;
   padding:4px 2px 15px!important;
   margin-top:20px!important;
   scrollbar-width:thin;
   scrollbar-color:#7288bf #171e2c;
   -webkit-overflow-scrolling:touch;
 }
 body.ctr-home-left.premium-v9 main #services .services-grid.services-grid-modern > .service-card.service-card-modern{
   display:flex!important;
   flex:0 0 82%!important;
   width:82%!important;min-width:0!important;max-width:none!important;
   height:auto!important;min-height:0!important;
   margin:0!important;
   grid-column:auto!important;grid-row:auto!important;
   padding:18px 16px!important;
   border-radius:18px!important;
   scroll-snap-align:start;scroll-snap-stop:normal;
   transform:none!important;translate:none!important;
   box-sizing:border-box!important;
 }
 body.ctr-home-left.premium-v9 main #services .service-card.service-card-modern h3{
   font-size:17px!important;line-height:1.3!important;
 }
 body.ctr-home-left.premium-v9 main #services .service-card.service-card-modern p{
   font-size:12px!important;line-height:1.65!important;
 }
 body.ctr-home-left.premium-v9 main #services .service-card.service-card-modern .service-points li{
   font-size:11px!important;line-height:1.6!important;
 }
 body.ctr-home-left.premium-v9 main #services .service-card.service-card-modern .service-foot{
   margin-top:auto!important;padding-top:15px!important;
 }
 body.ctr-home-left.premium-v9 main #services .service-card.service-card-modern .service-foot span{
   font-size:11px!important;line-height:1.55!important;
 }
 body.ctr-home-left.premium-v9 main #services + .rail-tools-v11,
 body.ctr-home-left.premium-v9 main #services .rail-tools-v11{
   display:flex!important;
 }
}
@media(min-width:561px) and (max-width:820px){
 body.ctr-home-left.premium-v9 main #services .services-grid.services-grid-modern > .service-card.service-card-modern{
   flex-basis:calc((100% - 12px) / 2)!important;
   width:calc((100% - 12px) / 2)!important;
 }
}
@media(max-width:359px){
 body.ctr-home-left.premium-v9 main #showcase .showcase-panel-copy > .ctr-mobile-module-nav{gap:5px!important}
 body.ctr-home-left.premium-v9 main #showcase .ctr-mobile-module-btn{padding:9px 5px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 body.ctr-home-left.premium-v9 main #showcase .ctr-mobile-module-btn{transition:none!important}
}