.service-grid-section{background:var(--color-bg-light);box-sizing:border-box;padding:var(--spacing-3xl) 0;position:relative;width:100%}.service-grid-inner{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:0 var(--spacing-container);width:100%}.service-grid-header{margin-bottom:24px;text-align:center}.service-grid-header h2{color:var(--color-heading);margin:0 0 var(--spacing-md)}.service-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.service-carousel-wrapper{margin-top:var(--spacing-xl);overflow:hidden;position:relative}.service-grid{display:flex;gap:32px;position:relative;transition:transform 2s ease-in-out;width:100%;will-change:transform}.service-card{flex:0 0 auto}.service-grid-track{display:none}.carousel-nav{display:none!important}.carousel-nav:hover{background:var(--color-text);transform:translateY(-50%) scale(1.1)}.carousel-nav:hover svg{color:var(--color-bg)}.carousel-nav svg{color:var(--color-text);height:28px;transition:var(--transition-normal);width:28px}.carousel-nav-prev{left:0}.carousel-nav-next{right:0}.carousel-nav:disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.carousel-progress-container{background-color:var(--color-gray-light);border-radius:2px;height:4px;margin:40px auto 0;max-width:200px;overflow:hidden;position:relative;width:100%}.carousel-progress-bar{background:var(--color-primary);border-radius:2px;height:100%;transition:width .3s ease-out;width:0}.carousel-dots{display:none!important}.carousel-dot{display:none}.service-grid-empty{color:var(--color-text-light);font-size:1.125rem;grid-column:1/-1;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}body.blue-mode .service-grid-section{background:var(--color-blue-mode-bg-alt)}body.blue-mode .service-grid-header h2{color:var(--color-bg)}body.blue-mode .service-grid-header p{color:hsla(0,0%,100%,.7)}body.blue-mode .carousel-nav{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}body.blue-mode .carousel-nav:hover{background:var(--color-secondary);border-color:var(--color-secondary)}body.blue-mode .carousel-nav svg{color:hsla(0,0%,100%,.9)}body.blue-mode .carousel-nav:hover svg{color:var(--color-text)}body.blue-mode .carousel-dot{background:hsla(0,0%,100%,.3)}body.blue-mode .carousel-dot.active,body.blue-mode .carousel-dot:hover{background:var(--color-secondary)}body.blue-mode .service-grid-empty{color:hsla(0,0%,100%,.6)}@media (max-width:1200px){.service-grid,.service-grid-track{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.carousel-nav-prev{left:-20px}.carousel-nav-next{right:-20px}}@media (max-width:1023px){.service-grid,.service-grid-track{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.service-grid-section{padding:var(--spacing-xl) 0}.service-grid-inner{padding:0}.service-grid-header{margin-bottom:var(--spacing-xl);padding:0 var(--spacing-container)}.service-grid-header h2{font-size:2.5rem;line-height:1.1}.service-grid-header p{font-size:1.125rem}.service-carousel-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}.service-carousel-wrapper::-webkit-scrollbar{display:none}.service-grid{display:flex;gap:20px;overflow:visible;padding:0;transition:none}.service-grid-spacer{flex:0 0 20px;height:1px;width:20px}.service-grid,.service-grid-track{gap:var(--spacing-md);grid-template-columns:1fr}.carousel-nav{display:none!important}}