:root{--abb-red:#ff000f;--abb-red-dark:#cc000c;--gross-blue:#003366;--gross-blue-light:#004488;--gross-blue-dark:#002244;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#ffffff;--success:#059669;--success-bg:#d1fae5;--error:#dc2626;--error-bg:#fee2e2;--info:#2563eb;--info-bg:#dbeafe;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--radius-sm:0.25rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease;--transition:200ms ease;--transition-slow:300ms ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;background-color:transparent;color:var(--gray-700);font-size:1rem}main>:not(.hero){background-color:var(--gray-50);position:relative;z-index:1}main>.bg-gray{background-color:var(--gray-100)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--gross-blue);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:var(--space-4);background:var(--gross-blue);color:var(--white);padding:var(--space-3) var(--space-4);border-radius:var(--radius);z-index:9999;font-weight:600;transition:top var(--transition)}.skip-link:focus{top:var(--space-4);text-decoration:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-4)}@media (min-width:640px){.container{padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 var(--space-8)}}header{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;gap:var(--space-4)}.logo-section{display:flex;align-items:center;gap:var(--space-4)}.logo-section a{display:flex;align-items:center}.logo-section img{height:48px;width:auto;transition:transform var(--transition)}.logo-section a:hover img{transform:scale(1.02)}@media (min-width:640px){.logo-section img{height:56px}}.logo-tagline{display:none;font-size:.875rem;color:var(--gray-500);font-weight:500}@media (min-width:768px){.logo-tagline{display:block}}.main-nav{display:none;align-items:center;gap:var(--space-1)}@media (min-width:768px){.main-nav{display:flex}}.main-nav a{color:var(--gray-700);font-weight:500;padding:var(--space-2) var(--space-4);border-radius:var(--radius);transition:all var(--transition-fast);position:relative}.main-nav a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gross-blue);transition:all var(--transition);transform:translateX(-50%)}.main-nav a:hover{color:var(--gross-blue);background:var(--gray-50);text-decoration:none}.main-nav a:hover::after{width:60%}.contact-header{display:flex;align-items:center;gap:var(--space-4)}.contact-info{display:none;text-align:right;font-size:.875rem;line-height:1.5}@media (min-width:1024px){.contact-info{display:block}}.contact-info .phone{color:var(--gross-blue);font-weight:600;transition:color var(--transition-fast)}.contact-info .phone:hover{color:var(--gross-blue-light);text-decoration:underline}.contact-info .email{color:var(--gray-500)}.contact-info .email:hover{color:var(--gross-blue)}.partner-logo{height:40px;width:auto;opacity:.9;transition:opacity var(--transition-fast)}.partner-logo:hover{opacity:1}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius);background:0 0;border:none;color:var(--gray-700);transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--gray-100);color:var(--gross-blue)}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-btn svg{width:24px;height:24px}.mobile-nav{display:none;padding:var(--space-4) 0;border-top:1px solid var(--gray-200);animation:slideDown var(--transition) ease-out}.mobile-nav.active{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.mobile-nav{display:none!important}}.mobile-nav a{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--gray-700);font-weight:500;transition:all var(--transition-fast)}.mobile-nav a:hover{background:var(--gray-100);color:var(--gross-blue);text-decoration:none}.search-section{padding:var(--space-4) 0;border-top:1px solid var(--gray-100);background:var(--gray-50)}.search-form{display:flex;max-width:32rem}.search-input{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);font-size:1rem;outline:0;transition:all var(--transition-fast);background:var(--white)}.search-input:focus{border-color:var(--gross-blue);box-shadow:0 0 0 3px rgba(0,51,102,.1)}.search-input::placeholder{color:var(--gray-400)}.search-btn{padding:var(--space-3) var(--space-6);background:var(--gross-blue);color:var(--white);font-weight:600;border:2px solid var(--gross-blue);border-radius:0 var(--radius-lg) var(--radius-lg) 0;transition:all var(--transition-fast)}.search-btn:hover{background:var(--gross-blue-light);border-color:var(--gross-blue-light)}.search-hint{margin-top:var(--space-2);font-size:.813rem;color:var(--gray-500)}.animated-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,var(--gross-blue) 0,var(--gross-blue-light) 50%,#0055a4 100%)}.animated-bg__pulse{position:absolute;inset:0;background-color:#0d5a9e;opacity:.25;animation:bgPulse 7s ease-in-out infinite}.animated-bg__gradients{position:absolute;inset:0;opacity:.85;background:radial-gradient(circle at 20% 50%,rgba(20,100,200,.4) 0,transparent 45%),radial-gradient(circle at 80% 20%,rgba(40,130,230,.35) 0,transparent 45%),radial-gradient(circle at 40% 80%,rgba(0,70,160,.35) 0,transparent 45%);animation:bgFloat 20s ease-in-out infinite}.animated-bg__waves{position:absolute;inset:0;width:100%;height:100%;opacity:.8}@keyframes bgPulse{0%,100%{opacity:.12}50%{opacity:.32}}@keyframes bgFloat{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-25px) rotate(1.5deg)}66%{transform:translateY(12px) rotate(-1.5deg)}}.hero{background:0 0;color:var(--white);padding:var(--space-12) 0;position:relative;overflow:hidden}@media (min-width:768px){.hero{padding:var(--space-16) 0}}@media (min-width:1024px){.hero{padding:var(--space-20) 0}}.hero-grid{display:grid;gap:var(--space-8);align-items:center;position:relative;z-index:1}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:var(--space-12)}}.hero-content h1{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 3.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--space-4);letter-spacing:-.02em}.hero-content .subtitle{font-size:clamp(1.125rem, 2vw, 1.375rem);color:rgba(255,255,255,.9);margin-bottom:var(--space-6);line-height:1.6}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-image{display:none;position:relative}@media (min-width:1024px){.hero-image{display:block}}.hero-image img{border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(-5deg);transition:transform var(--transition-slow)}.hero-image:hover img{transform:perspective(1000px) rotateY(0)}.trust-badges{display:flex;gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.2);flex-wrap:wrap}.trust-badge{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:rgba(255,255,255,.9)}.trust-badge svg{width:20px;height:20px;color:#4ade80}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:600;font-size:1rem;border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition);text-decoration:none;border:2px solid transparent}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.125rem}.btn-primary{background:var(--abb-red);color:var(--white);border-color:var(--abb-red)}.btn-primary:hover{background:var(--abb-red-dark);border-color:var(--abb-red-dark);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--white);color:var(--gross-blue);border-color:var(--white)}.btn-secondary:hover{background:var(--gray-50);box-shadow:var(--shadow-md)}.btn-outline{background:0 0;border:2px solid var(--white);color:var(--white)}.btn-outline:hover{background:rgba(255,255,255,.1)}.btn-outline-dark{background:0 0;border:2px solid var(--gross-blue);color:var(--gross-blue)}.btn-outline-dark:hover{background:var(--gross-blue);color:var(--white)}.section{padding:var(--space-12) 0}@media (min-width:768px){.section{padding:var(--space-16) 0}}.section-header{text-align:center;max-width:48rem;margin:0 auto var(--space-10)}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem, 3vw, 2.25rem);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4);letter-spacing:-.01em}.section-subtitle{font-size:1.125rem;color:var(--gray-600);line-height:1.7}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(1,1fr)}.grid-3{grid-template-columns:repeat(1,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden;transition:all var(--transition);border:1px solid var(--gray-100)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--gray-200)}.card-image{width:100%;height:180px;object-fit:contain;background:var(--white);padding:var(--space-4);border-bottom:1px solid var(--gray-100)}.card-body{padding:var(--space-5)}.card-title{font-weight:600;color:var(--gray-900);margin-bottom:var(--space-2);font-size:1rem;line-height:1.4}.card-text{font-size:.875rem;color:var(--gray-600);line-height:1.6}.card-link{display:block;color:inherit}.card-link:hover{text-decoration:none}.card-link:hover .card-title{color:var(--gross-blue)}.category-card{text-align:center}.category-card .card-image{height:140px;transition:transform var(--transition)}.category-card:hover .card-image{transform:scale(1.05)}.feature-box{background:var(--white);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow);text-align:center;transition:all var(--transition);border:1px solid var(--gray-100)}.feature-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{width:64px;height:64px;margin:0 auto var(--space-5);background:linear-gradient(135deg,var(--gross-blue),var(--gross-blue-light));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--white);transition:transform var(--transition)}.feature-box:hover .feature-icon{transform:scale(1.1)}.feature-icon svg{width:28px;height:28px}.feature-title{font-weight:700;font-size:1.25rem;color:var(--gray-900);margin-bottom:var(--space-3)}.feature-text{font-size:.938rem;color:var(--gray-600);line-height:1.7}.cta-section{background:linear-gradient(135deg,var(--abb-red) 0,#cc0010 100%);color:var(--white);text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.cta-content{position:relative;z-index:1}.cta-title{font-size:clamp(1.5rem, 3vw, 2.25rem);font-weight:700;margin-bottom:var(--space-4)}.cta-text{font-size:1.125rem;margin-bottom:var(--space-8);opacity:.95}.faq-section{background:var(--white)}.faq-item{border-bottom:1px solid var(--gray-200);padding:var(--space-6) 0}.faq-item:last-child{border-bottom:none}.faq-question{font-weight:600;font-size:1.125rem;color:var(--gray-900);margin-bottom:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-3)}.faq-question::before{content:'Q';display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--gross-blue);color:var(--white);border-radius:var(--radius);font-size:.875rem;font-weight:700}.faq-answer{color:var(--gray-600);line-height:1.7;padding-left:calc(28px + var(--space-3))}.breadcrumb{background:var(--gray-100);border-bottom:1px solid var(--gray-200);padding:var(--space-3) 0;font-size:.875rem}.breadcrumb a{color:var(--gross-blue);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--gross-blue-light)}.breadcrumb span{color:var(--gray-400);margin:0 var(--space-2)}.product-detail{display:grid;gap:var(--space-8);padding:var(--space-8) 0}@media (min-width:768px){.product-detail{grid-template-columns:1fr 1fr}}.product-image-box{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow);border:1px solid var(--gray-100)}.product-image-box img{max-width:100%;height:auto;margin:0 auto}.product-info h1{font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.product-catalog{font-size:1.125rem;color:var(--gross-blue);font-weight:600;margin-bottom:var(--space-4)}.product-description{color:var(--gray-600);line-height:1.8;margin-bottom:var(--space-6)}.attributes-table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.attributes-table td,.attributes-table th{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--gray-100)}.attributes-table th{background:var(--gray-50);font-weight:600;color:var(--gray-700);width:40%}.attributes-table td{color:var(--gray-600)}.attributes-table tr:last-child td,.attributes-table tr:last-child th{border-bottom:none}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:1rem;outline:0;transition:all var(--transition-fast);background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gross-blue);box-shadow:0 0 0 3px rgba(0,51,102,.1)}.form-textarea{min-height:140px;resize:vertical}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--success-bg);color:var(--success);border:1px solid #a7f3d0}.alert-error{background:var(--error-bg);color:var(--error);border:1px solid #fecaca}.alert-info{background:var(--info-bg);color:var(--info);border:1px solid #bfdbfe}.pagination{display:flex;justify-content:center;gap:var(--space-2);margin:var(--space-8) 0}.pagination a,.pagination span{padding:var(--space-2) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-700);font-weight:500;transition:all var(--transition-fast)}.pagination a:hover{background:var(--gray-100);border-color:var(--gray-300);text-decoration:none}.pagination .active{background:var(--gross-blue);color:var(--white);border-color:var(--gross-blue)}footer{background:linear-gradient(180deg,var(--gross-blue) 0,var(--gross-blue-dark) 100%);color:var(--white);margin-top:auto;padding:var(--space-12) 0 var(--space-8);position:relative;z-index:1}.footer-grid{display:grid;gap:var(--space-8)}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-4);color:var(--white)}.footer-text{color:rgba(255,255,255,.8);font-size:.938rem;line-height:1.7}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:rgba(255,255,255,.8);font-size:.938rem;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.footer-links a:hover{color:var(--white);transform:translateX(4px);text-decoration:none}.footer-contact a{color:var(--white)}.footer-contact .email{color:rgba(255,255,255,.8)}.footer-bottom{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.15);text-align:center;font-size:.875rem;color:rgba(255,255,255,.6)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-gray{color:var(--gray-600)}.text-blue{color:var(--gross-blue)}.text-red{color:var(--abb-red)}.text-white{color:var(--white)}.bg-white{background:var(--white)}.bg-gray{background:var(--gray-100)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.mobile-menu-btn,.search-section,footer,header{display:none}body{background:#fff}.hero{background:var(--gross-blue);print-color-adjust:exact}}