@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/roboto-latin-400-normal.woff2') format('woff2')}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/roboto-latin-500-normal.woff2') format('woff2')}@font-face{font-family:'Roboto';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/roboto-latin-600-normal.woff2') format('woff2')}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/roboto-latin-700-normal.woff2') format('woff2')}:root{--color-primary:#000000;--color-accent:#8B1C1C;--color-accent-hover:#6B1515;--color-accent-light:#A82828;--color-white:#ffffff;--color-gray-50:#f7fafc;--color-gray-100:#edf2f7;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e0;--color-gray-400:#a0aec0;--color-gray-500:#718096;--color-gray-600:#4a5568;--color-gray-700:#2d3748;--color-gray-800:#1a202c;--color-gray-900:#171923;--color-success:#38a169;--color-warning:#d69e2e;--color-error:#e53e3e;--color-info:#3182ce;--color-link:#8B1C1C;--color-link-hover:#6B1515;--color-link-visited:#5a1212;--bg-body:var(--color-gray-50);--bg-surface:var(--color-white);--bg-surface-elevated:var(--color-white);--bg-muted:var(--color-gray-100);--text-primary:var(--color-gray-800);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-500);--text-inverse:var(--color-white);--border-color:var(--color-gray-200);--border-color-strong:var(--color-gray-300);--font-family-body:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-family-heading:'Roboto',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-family-mono:'SF Mono',SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--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;--container-max:1200px;--container-narrow:800px;--header-height:72px;--footer-min-height:200px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--focus-ring-color:var(--color-accent);--focus-ring-offset:2px;--focus-ring-width:2px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sticky-enquiry-bar,.added-notification{transition:none}}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none;padding:0}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover);text-decoration:underline}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background-color:var(--color-primary);color:var(--text-inverse);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4);text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}[id]{scroll-margin-top:calc(var(--header-height)+var(--space-4))}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}h5{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-base);margin-bottom:var(--space-2)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}.lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--text-secondary)}small,.text-sm{font-size:var(--font-size-sm)}.text-muted{color:var(--text-muted)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-4)}main{flex:1}.section{padding-block:3.6rem}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-primary);box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--space-6)}.site-logo{display:flex;align-items:center;gap:var(--space-3);color:var(--text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:0.02em}.site-logo:hover{color:var(--text-inverse);text-decoration:none}.site-logo img{height:40px;width:auto}.main-nav{display:none}.nav-list{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:flex;align-items:center;padding:var(--space-2) var(--space-4);color:rgba(255,255,255,0.95);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-link:hover,.nav-link:focus{color:var(--text-inverse);background-color:rgba(255,255,255,0.1);text-decoration:none}.nav-link[aria-current="page"]{color:var(--text-inverse);background-color:rgba(255,255,255,0.15)}.header-cart-link{display:none;align-items:center;justify-content:center;position:relative;width:44px;height:44px;color:var(--text-inverse);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.header-cart-link.has-items{display:flex}.header-cart-link:hover,.header-cart-link:focus{background-color:rgba(255,255,255,0.1);text-decoration:none}.header-cart-link svg{width:22px;height:22px;transform:translateY(2px)}.header-cart-badge{display:none;position:absolute;top:6px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:var(--font-weight-bold);line-height:18px;text-align:center;background-color:var(--color-accent);color:var(--text-inverse);border-radius:var(--radius-full)}.header-cart-badge.has-items{display:block}.nav-list>li:has(.header-cart-link){margin-right:var(--space-4)}@media (min-width:1024px){.has-quote-sidebar .header-cart-link{display:none}}.header-phone{display:none}.header-phone-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:44px;color:var(--text-inverse);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background-color var(--transition-fast);white-space:nowrap}.header-phone-link:hover,.header-phone-link:focus{background-color:rgba(255,255,255,0.1);text-decoration:none}.header-phone-link svg{width:18px;height:18px;flex-shrink:0}@media (min-width:768px){.header-phone{display:flex;align-items:center}}@media (max-width:1023px){.header-phone-link .header-phone-number{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.header-whatsapp{display:none}.header-whatsapp-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-inverse);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.header-whatsapp-link:hover,.header-whatsapp-link:focus{background-color:rgba(255,255,255,0.1);text-decoration:none}.header-whatsapp-link svg{width:22px;height:22px}@media (min-width:768px){.header-whatsapp{display:flex;align-items:center}}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;color:var(--text-inverse);cursor:pointer;border-radius:var(--radius-md)}.mobile-menu-toggle:hover{background-color:rgba(255,255,255,0.1)}.mobile-menu-toggle svg{width:24px;height:24px}.mobile-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:var(--z-modal);background-color:var(--color-primary);padding:var(--space-6);transform:translateX(100%);transition:transform var(--transition-normal);overflow-y:auto}.mobile-nav.is-open{transform:translateX(0)}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{display:block;padding:var(--space-4);color:var(--text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link:focus{background-color:rgba(255,255,255,0.1);text-decoration:none}.mobile-nav-link[aria-current="page"]{background-color:rgba(255,255,255,0.15)}.mobile-nav-cart{display:none;align-items:center;gap:var(--space-3)}.mobile-nav-cart.has-items{display:flex}.mobile-nav-cart svg{flex-shrink:0}.mobile-nav-cart-badge{margin-left:auto;min-width:24px;height:24px;padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:24px;text-align:center;background-color:var(--color-accent);color:var(--text-inverse);border-radius:var(--radius-full)}.mobile-nav-phone{display:flex;align-items:center;gap:var(--space-3);background-color:rgba(255,255,255,0.08);font-weight:var(--font-weight-bold)}.mobile-nav-phone svg{flex-shrink:0}.mobile-nav-whatsapp{display:flex;align-items:center;gap:var(--space-3);background-color:rgba(37,211,102,0.18);font-weight:var(--font-weight-bold)}.mobile-nav-whatsapp svg{flex-shrink:0;color:#25D366}.article-mid-cta{margin:var(--space-8) 0;padding:var(--space-6);background-color:var(--color-gray-50);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.article-mid-cta .article-mid-cta-heading{margin:0 0 var(--space-3);font-size:var(--font-size-xl);border:0;padding:0}.article-mid-cta-body{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.6}.article-mid-cta-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.article-mid-cta-actions .btn{flex:0 1 auto}.article-mid-cta-note{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary)}@media (min-width:768px){.main-nav{display:block}.mobile-menu-toggle{display:none}.mobile-nav{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.btn:hover{text-decoration:none}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--text-inverse)}.btn-secondary{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary);color:var(--text-inverse)}.btn-ghost{background-color:transparent;border-color:var(--text-inverse);color:var(--text-inverse)}.btn-ghost:hover:not(:disabled){background-color:var(--text-inverse);color:var(--color-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);min-height:52px}.btn-full{width:100%}.hero{background-color:var(--color-primary);color:var(--text-inverse);padding-block:var(--space-10)}.hero-title{color:var(--text-inverse);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);line-height:1.15;letter-spacing:-0.02em}.hero-subtitle{font-size:var(--font-size-lg);color:rgba(255,255,255,0.85);margin-bottom:0;max-width:700px;line-height:1.6}.hero-credentials{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-3);margin-top:var(--space-6)}.credential-item{font-size:var(--font-size-sm);color:#D43B3B;text-transform:uppercase;letter-spacing:0.05em;font-weight:var(--font-weight-semibold)}.credential-divider{color:rgba(255,255,255,0.4);font-size:var(--font-size-sm);user-select:none}@media (min-width:768px){.hero{padding-block:var(--space-12)}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:var(--font-size-lg);max-width:750px}.hero-credentials{gap:var(--space-4)}}@media (min-width:1024px){.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-xl)}}.products-section{background-color:var(--bg-body);padding-top:var(--space-8)}.hero+*,.page-header+*,.blog-post-header+*{position:relative}.hero+*::before,.page-header+*::before,.blog-post-header+*::before{content:'';position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,var(--color-primary) 0%,rgba(0,0,0,0.92) 8%,rgba(0,0,0,0.82) 16%,rgba(0,0,0,0.7) 25%,rgba(0,0,0,0.57) 35%,rgba(0,0,0,0.44) 45%,rgba(0,0,0,0.32) 55%,rgba(0,0,0,0.2) 65%,rgba(0,0,0,0.12) 75%,rgba(0,0,0,0.06) 85%,rgba(0,0,0,0.02) 93%,transparent 100%);pointer-events:none;z-index:1}.products-section .product-card-category{display:none}.products-section .section-header{margin-top:var(--space-8);margin-bottom:0}.section-header{text-align:center;max-width:var(--container-narrow);margin-inline:auto;margin-bottom:var(--space-8)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{color:var(--text-secondary);font-size:var(--font-size-lg)}.products-grid{display:grid;gap:var(--space-6)}@media (min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal);display:flex;flex-direction:column}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card--highlighted{border-color:var(--color-accent);border-width:2px}.product-card-image{aspect-ratio:4 / 3;background-color:var(--bg-muted);display:grid;place-items:center;padding:var(--space-2);padding-bottom:var(--space-5);flex-shrink:0;overflow:hidden}.product-card-image picture{display:contents}.product-card-image img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.product-card-body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.product-card-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-accent);margin-bottom:var(--space-2)}.product-card-title{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.product-card-title a{color:var(--text-primary)}.product-card-title a:hover{color:var(--color-link)}.product-card-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{display:flex;gap:var(--space-3);margin-top:auto}.product-card-footer .btn{flex:1}.products-cta{text-align:center;margin-top:var(--space-10)}.about-section{background-color:var(--bg-surface)}.about-content h2{margin-bottom:var(--space-4)}.about-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.about-content h3{font-size:var(--font-size-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.about-image{margin-bottom:var(--space-6)}.about-image figure{margin:0}.about-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:280px;display:block;margin:0 auto}.about-image figcaption{text-align:center;margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-600);font-style:italic}.about-features-simple{margin-top:var(--space-4)}.about-features-simple p{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}@media (min-width:768px){.about-image{float:right;margin-left:var(--space-8);margin-bottom:var(--space-2);margin-top:55px}.about-image img{max-width:300px}}.brands-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-6)}@media (max-width:768px){.brands-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.brands-grid{grid-template-columns:1fr;gap:var(--space-3)}}.brand-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--color-white);border-radius:var(--radius-md);text-align:center;overflow:hidden;color:inherit;text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease}a.brand-item:hover,a.brand-item:focus-visible{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}@media (max-width:480px){.brand-item{flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);text-align:center}.brand-item img{height:36px}}.brand-item img{height:50px;max-width:200px;width:auto;object-fit:contain}.brand-item span{margin-top:auto;padding-top:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:0.01em;font-style:italic}.cta-section{background-color:var(--color-primary);color:var(--text-inverse)}.cta-inner{text-align:center;max-width:var(--container-narrow);margin-inline:auto}.cta-inner h2{color:var(--text-inverse);margin-bottom:var(--space-4)}.cta-inner p{font-size:var(--font-size-lg);color:rgba(255,255,255,0.9);margin-bottom:var(--space-6)}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4)}.site-footer{background-color:#111111;color:var(--color-gray-300);padding-block:var(--space-8);margin-top:auto}.footer-grid{display:grid;gap:var(--space-6)}.footer-brand{max-width:300px}.footer-logo{color:var(--text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);display:block;text-transform:uppercase;letter-spacing:0.02em}.footer-logo:hover{color:var(--text-inverse);text-decoration:none}.footer-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-gray-400)}.footer-section h3{color:var(--text-inverse);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-2)}.footer-link{color:var(--color-gray-300);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-link:hover,.footer-link:focus-visible{color:var(--text-inverse);text-decoration:none}.footer-contact-item{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.footer-contact-item:last-child{margin-bottom:0}.footer-contact-item svg{flex-shrink:0;width:20px;height:20px;color:var(--color-gray-500)}.footer-contact-item a{color:var(--color-gray-400)}.footer-contact-item a:hover,.footer-contact-item a:focus-visible{color:var(--text-inverse);text-decoration:none}.footer-bottom{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-gray-800);display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-gray-400)}.footer-abn{font-size:var(--font-size-xs);color:var(--color-gray-300)}.footer-credit{font-size:var(--font-size-xs);color:var(--color-gray-400)}.footer-credit a{color:var(--color-gray-300);text-decoration:none}.footer-credit a:hover{color:var(--text-inverse)}@media (min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-brand{grid-column:span 1}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.form-group{margin-bottom:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.form-label .required{color:var(--color-error)}.form-label-hint{font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);color:var(--text-secondary)}.referral-followup{margin-top:var(--space-6);padding:var(--space-4);background-color:var(--color-gray-50);border-radius:var(--radius-md);text-align:left}.referral-followup-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.referral-followup-thanks{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-success);display:none}.referral-followup-thanks.visible{display:block}.form-input,.form-textarea,.form-select{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--border-color-strong)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(26,54,93,0.1)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:80px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234a5568' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px 12px;padding-right:var(--space-10)}.hp-field{position:absolute;left:-9999px}.bg-muted{background-color:var(--bg-muted)}.contact-section{background-color:var(--bg-body)}.contact-grid{display:grid;gap:var(--space-10);align-items:center}.contact-info{order:2}.contact-form-container{order:1}.contact-form{background-color:var(--bg-surface);padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.contact-form h2{margin-bottom:var(--space-6)}.contact-info h2{margin-bottom:var(--space-6)}.contact-info-item{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-md)}.contact-info-content h4{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.contact-info-content p{color:var(--text-secondary);margin-bottom:0}.contact-info-content a{color:var(--color-link)}@media (min-width:768px){.contact-grid{grid-template-columns:1fr 1fr;align-items:center}.contact-info{order:1;align-self:center}.contact-form-container{order:2}}.blog-section{background-color:var(--bg-body)}.blog-grid{display:grid;gap:var(--space-6)}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-normal)}.blog-card:hover{box-shadow:var(--shadow-lg)}.blog-card-image{aspect-ratio:16 / 9;background-color:var(--bg-muted);overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-body{padding:var(--space-5)}.blog-card-meta{display:flex;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.blog-card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.blog-card-title a{color:var(--text-primary)}.blog-card-title a:hover{color:var(--color-link)}.blog-card-excerpt{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-related{background-color:var(--bg-body)}.blog-related h2{text-align:center;margin-bottom:var(--space-8)}.blog-related .blog-grid{max-width:800px;margin-inline:auto}.blog-post-header{background-color:var(--color-primary);color:var(--text-inverse);padding-block:var(--space-12)}.blog-post-header--hero{background-size:cover;background-position:center 75%;position:relative;padding-block:var(--space-16)}.blog-post-header--hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.65)}.blog-post-header--hero .container{position:relative}.blog-post-header .container{max-width:var(--container-narrow)}.blog-post-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:rgba(255,255,255,0.9);margin-bottom:var(--space-4)}.blog-post-title{color:var(--text-inverse);font-size:var(--font-size-3xl);margin-bottom:0}@media (min-width:768px){.blog-post-title{font-size:var(--font-size-4xl)}}.share-buttons{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.share-buttons-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.share-buttons-list{display:flex;gap:var(--space-2)}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:rgba(255,255,255,0.1);color:var(--text-inverse);text-decoration:none;transition:background-color var(--transition-fast)}.share-btn:hover{background-color:rgba(255,255,255,0.2)}.share-btn svg{width:18px;height:18px}.blog-post-content{background-color:var(--bg-surface);padding-block:var(--space-12)}.blog-post-content .container{max-width:var(--container-narrow)}.blog-post-content h2{margin-top:var(--space-10)}.blog-post-content h3{margin-top:var(--space-8)}.blog-post-content p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-6);padding-left:var(--space-6)}.blog-post-content ul{list-style:disc}.blog-post-content ol{list-style:decimal}.blog-post-content li{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--space-2)}.blog-post-content blockquote{margin:var(--space-8) 0;padding:var(--space-6);padding-left:var(--space-6);background-color:var(--bg-muted);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.blog-post-content blockquote p{font-size:var(--font-size-xl);font-style:italic;margin-bottom:0}.blog-post-content img{margin:var(--space-8) auto;border-radius:var(--radius-lg)}.blog-post-content figure{margin:var(--space-8) 0}.blog-post-content figcaption{text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-2)}.blog-post-content .table-responsive{margin:var(--space-8) 0;overflow-x:auto}.blog-post-content table{width:100%;border-collapse:collapse;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)}.blog-post-content th,.blog-post-content td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.blog-post-content th{font-weight:var(--font-weight-semibold);background-color:var(--color-gray-50);color:var(--text-primary);white-space:nowrap}.blog-post-content td{color:var(--text-secondary);font-size:var(--font-size-base)}.blog-post-content tbody tr:last-child td{border-bottom:none}.blog-post-content tbody tr:hover{background-color:var(--color-gray-50)}.author-bio{display:flex;gap:var(--space-5);padding:var(--space-6);background-color:var(--bg-muted);border-radius:var(--radius-lg);margin-top:var(--space-10)}.author-bio-image{flex-shrink:0}.author-bio-image img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center 10%}.author-bio-content{flex:1}.author-bio-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.author-bio-role{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.author-bio-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}@media (max-width:480px){.author-bio{flex-direction:column;text-align:center}.author-bio-image{align-self:center}}.error-section{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center;background-color:var(--bg-body)}.error-content{max-width:500px}.error-code{font-size:8rem;font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;margin-bottom:var(--space-4)}.error-title{margin-bottom:var(--space-4)}.error-description{color:var(--text-secondary);margin-bottom:var(--space-6)}.error-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text-primary)}.page-header{background-color:var(--color-primary);color:var(--text-inverse);padding-block:var(--space-6)}.page-header h1{color:var(--text-inverse);margin-bottom:var(--space-2);font-weight:var(--font-weight-bold);line-height:1.15}.page-header p{font-size:var(--font-size-lg);color:rgba(255,255,255,0.85);max-width:var(--container-narrow);line-height:1.6}@media (min-width:768px){.page-header{padding-block:var(--space-8)}.page-header h1,.page-header p{padding-left:var(--space-4)}}.legal-download-link{font-size:var(--font-size-sm,0.9rem);margin-top:var(--space-4);margin-bottom:var(--space-12)}.legal-download-link a{display:inline-flex;align-items:center;gap:0.35rem;color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;font-weight:var(--font-weight-semibold,600)}.legal-download-link a:hover,.legal-download-link a:focus-visible{text-decoration-thickness:2px}.legal-download-link svg{flex-shrink:0}.legal-download-link .file-size{color:var(--color-gray-700,#4a5568);margin-left:0.35rem;font-weight:var(--font-weight-normal,400)}.legal-content{padding-block:var(--space-8)}.legal-content .container{max-width:820px}.legal-content section{margin-bottom:var(--space-6)}.legal-content h2{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:1.35rem;font-weight:var(--font-weight-bold,700);color:var(--color-primary);letter-spacing:-0.01em}.legal-content section:first-of-type h2{margin-top:0}.legal-content p{margin-bottom:var(--space-3);line-height:1.7}.legal-content p strong{color:var(--color-primary);font-weight:var(--font-weight-semibold,600);margin-right:0.15em}.legal-content ul{padding-left:1.5rem;margin-bottom:var(--space-3)}.legal-content ul li{margin-bottom:var(--space-2);line-height:1.7}.legal-content hr{border:0;border-top:1px solid var(--color-gray-200,#e2e8f0);margin:var(--space-6) 0 var(--space-4) 0}.legal-signoff{color:var(--color-gray-700,#4a5568);font-size:var(--font-size-sm,0.9rem);line-height:1.7}.form-terms-note{margin-top:var(--space-2);font-size:0.8rem;color:var(--color-gray-700,#4a5568);text-align:center;line-height:1.5}.form-terms-note a{color:var(--color-primary);text-decoration:underline}.products-page{display:flex;flex-direction:column}.products-page-inner{display:grid;gap:var(--space-6);padding-block:var(--space-8)}@media (min-width:1024px){.products-page-inner{grid-template-columns:1fr 320px}}.products-main{min-width:0}.products-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--bg-surface);border-radius:var(--radius-lg)}.products-search{flex:1;min-width:200px;position:relative}.products-search-input{width:100%;padding-left:var(--space-10)}.products-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted);pointer-events:none}.products-filter{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.filter-pills{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-brand{display:flex;align-items:center}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.filter-btn:hover{border-color:var(--border-color-strong)}.filter-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.brand-filter-select{height:38px;padding:0 40px 0 var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;appearance:none;-webkit-appearance:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.brand-filter-select:hover{border-color:var(--border-color-strong);color:var(--text-primary)}.brand-filter-select:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:560px){.products-filter{flex-direction:column;align-items:flex-start}.brand-filter-select{width:100%}}.products-list{display:grid;gap:var(--space-4)}.quote-sidebar{position:sticky;top:calc(var(--header-height)+var(--space-4));height:fit-content;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.quote-sidebar-header{padding:var(--space-4);background-color:var(--color-primary);color:var(--text-inverse)}.quote-sidebar-header h3{color:var(--text-inverse);font-size:var(--font-size-base);margin-bottom:0}.quote-sidebar-body{padding:var(--space-4);max-height:400px;overflow-y:auto}.quote-empty{text-align:center;color:var(--text-muted);font-size:var(--font-size-sm);padding:var(--space-6)}.quote-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-color)}.quote-item:last-child{border-bottom:none}.quote-item-info{flex:1;min-width:0}.quote-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-item-code{font-size:var(--font-size-xs);color:var(--text-muted)}.quote-item-qty{display:flex;align-items:center;gap:var(--space-1);background-color:var(--bg-muted);border-radius:var(--radius-sm);padding:var(--space-1)}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.qty-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.qty-value{min-width:20px;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.quote-item-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.quote-item-remove:hover{color:var(--color-error);background-color:rgba(229,62,62,0.1)}.quote-sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border-color);background-color:var(--bg-muted)}.quote-cta-hint{display:none;margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}#request-quote-btn[disabled]+.quote-cta-hint{display:block}.product-list-item{display:flex;gap:var(--space-4);padding:var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.product-list-item:hover{border-color:var(--border-color-strong);box-shadow:var(--shadow-sm)}.product-list-image{flex-shrink:0;width:120px;height:100px;background-color:var(--bg-muted);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.product-list-image img{max-width:100%;max-height:100%;object-fit:contain}.product-list-content{flex:1;min-width:0}.product-list-title{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.product-list-title a{color:var(--text-primary)}.product-list-title a:hover{color:var(--color-link)}.product-list-meta{display:flex;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.product-list-description{font-size:var(--font-size-sm);color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-list-actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}@media (max-width:560px){.product-list-item{display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto}.product-list-image{width:90px;height:80px;grid-column:1;grid-row:1}.product-list-content{grid-column:2;grid-row:1}.product-list-actions{grid-column:1 / -1;grid-row:2;flex-direction:row;padding-top:var(--space-3);border-top:1px solid var(--border-color);margin-top:var(--space-3)}.product-list-actions .btn{flex:1;text-align:center;justify-content:center}.product-list-meta{flex-direction:column;gap:var(--space-1)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal-backdrop);background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.modal{position:relative;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-xl);transform:translateY(20px);transition:transform var(--transition-normal)}.modal-overlay.active .modal{transform:translateY(0)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:var(--font-size-2xl);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background-color:var(--bg-muted);color:var(--text-primary)}.modal h2{margin-bottom:var(--space-6);padding-right:var(--space-10)}.modal-products{margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--bg-muted);border-radius:var(--radius-md)}.modal-products ul{margin:0;padding-left:var(--space-6);list-style:disc}.modal-products li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.modal-products li:last-child{margin-bottom:0}.modal-success{text-align:center;padding:var(--space-6)}.modal-success svg{margin:0 auto var(--space-4);color:var(--color-success)}.modal-success h3{color:var(--color-success);margin-bottom:var(--space-3)}.modal-success p{color:var(--text-secondary);margin-bottom:var(--space-6)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-cart-btn{display:none;position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-fixed);width:56px;height:56px;background-color:var(--color-accent);color:var(--text-inverse);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;align-items:center;justify-content:center;transition:background-color var(--transition-fast),transform var(--transition-fast)}.mobile-cart-btn:hover{background-color:var(--color-accent-hover);transform:scale(1.05)}.mobile-cart-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.mobile-cart-count{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:22px;text-align:center;background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-full)}@media (max-width:1023px){.mobile-cart-btn.has-items{display:flex}}.product-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,0.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.product-modal-overlay.active{opacity:1;visibility:visible}.product-modal{position:relative;background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-lg);transform:scale(0.95) translateY(20px);transition:transform 0.2s ease;display:flex;flex-direction:column}.product-modal-overlay.active .product-modal{transform:scale(1) translateY(0)}.product-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:50%;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all 0.15s ease;z-index:10}.product-modal-close:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:white}.product-modal-body{flex:1;overflow-y:auto;padding:var(--space-6);padding-top:var(--space-5)}.product-modal-body .product-modal-image{max-width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-white);padding:var(--space-5)}.product-modal-body .product-modal-image img{display:block;width:auto;height:auto;max-width:100%;max-height:220px;margin:0 auto;object-fit:contain}.product-modal-body h1{font-size:1.5rem;margin-bottom:var(--space-2);padding-right:var(--space-8)}.product-modal-body .product-meta{margin-bottom:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--text-secondary);font-size:0.875rem}.product-modal-actions{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:var(--bg-muted);border-radius:var(--radius-md);margin-bottom:var(--space-6);flex-wrap:wrap}.product-modal-actions label{font-weight:500;font-size:0.875rem}.product-modal-actions .qty-input{width:60px;padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center}.product-modal-actions .btn{flex:1;min-width:120px}.product-modal-body section{margin-bottom:var(--space-5)}.product-modal-body section:last-child{margin-bottom:0}.product-modal-body h2{font-size:1.125rem;margin-top:0;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gray-200)}.product-modal-body p{margin-bottom:var(--space-2);line-height:1.6}.product-modal-body ul{margin:0;padding-left:var(--space-5);list-style:disc}.product-modal-body li{margin-bottom:var(--space-2)}.product-modal-body .specs-table{width:100%;border-collapse:collapse}.product-modal-body .specs-table th,.product-modal-body .specs-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-gray-200)}.product-modal-body .specs-table th{font-weight:500;width:40%;color:var(--text-secondary)}.product-modal-body::-webkit-scrollbar{width:8px}.product-modal-body::-webkit-scrollbar-track{background:var(--bg-surface)}.product-modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.product-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:767px){.product-modal-overlay{padding:var(--space-2)}.product-modal{max-height:95vh;border-radius:var(--radius-md)}.product-modal-body{padding:var(--space-4)}.product-modal-body h1{font-size:1.25rem}.product-modal-actions{flex-direction:column}.product-modal-actions .btn{width:100%}}.product-header{padding:var(--space-8) 0;background-color:var(--bg-surface);border-bottom:1px solid var(--color-gray-200)}.product-header-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.product-header-image{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:center;justify-content:center}.product-header-image img{max-width:100%;height:auto;max-height:300px;object-fit:contain}.product-header-content{display:flex;flex-direction:column;gap:var(--space-4)}.product-category{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.05em}.product-header-content h1{font-size:2rem;line-height:1.2;margin:0}.product-header-content .product-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.product-intro{font-size:var(--font-size-lg);line-height:1.6;color:var(--text-secondary)}.product-cta{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.product-cta .cta-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:stretch}.product-cta .cta-row-secondary .btn{flex:1 1 0;min-width:180px}.product-cta .cta-row-primary .qty-input{max-width:70px}.product-cta .cta-enquire-link{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.product-content{padding:var(--space-10) 0}.product-section{margin-bottom:var(--space-10)}.product-section:last-child{margin-bottom:0}.product-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gray-200)}.product-section ul{margin:0;padding-left:var(--space-6);list-style:disc}.product-section li{margin-bottom:var(--space-2);line-height:1.6}.product-section p{line-height:1.7;margin-bottom:var(--space-4)}.product-section p:last-child{margin-bottom:0}.table-responsive{overflow-x:auto}.specs-table{width:100%;border-collapse:collapse;background-color:var(--bg-surface)}.specs-table th,.specs-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-gray-200)}.specs-table th{font-weight:500;color:var(--text-secondary);width:35%;background-color:var(--color-gray-50)}.specs-table td{color:var(--text-primary)}.uvvis-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-5) 0}.uvvis-card{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background-color:var(--bg-surface);padding:var(--space-4)}.uvvis-card-header{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.uvvis-card-tag{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200)}.uvvis-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.uvvis-card-list li{font-size:var(--font-size-sm);color:var(--text-secondary);padding-left:var(--space-4);position:relative}.uvvis-card-list li::before{content:'–';position:absolute;left:0;color:var(--color-gray-400)}.uvvis-contact-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-3)}@media (max-width:640px){.uvvis-selector{grid-template-columns:1fr}}.toc-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin:var(--space-5) 0}@media (max-width:900px){.toc-selector{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.toc-selector{grid-template-columns:1fr}}.variant-selector{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--bg-surface);display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center}.variant-selector-checkboxes{min-width:0}.variant-selector-hint{width:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);align-self:stretch;text-decoration:none;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;cursor:pointer}.variant-selector-hint:hover{background:#dbeafe;border-color:#93c5fd;box-shadow:0 2px 8px rgba(59,130,246,0.15);text-decoration:none}.variant-selector-hint,.variant-selector-hint:hover,.variant-selector-hint:focus{text-decoration:none}.variant-hint-icon{color:#3b82f6;opacity:1;flex-shrink:0}.variant-hint-heading{margin:0;font-size:0.82rem;font-weight:700;color:#1e40af;line-height:1.3;letter-spacing:-0.01em}.variant-hint-cta{margin:0;font-size:0.75rem;color:#3b82f6;font-weight:500;line-height:1.4}.variant-selector--error{border-color:var(--color-error,#e53e3e);animation:shake 0.3s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.variant-selector-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2);padding:0;border:none}.variant-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-gray-100)}.variant-row:last-child{border-bottom:none;padding-bottom:0}.variant-row-label{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4;flex:1;min-width:0}.variant-row-qty{display:flex;align-items:center;gap:0;flex-shrink:0}.variant-qty-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-300);background:var(--bg-surface);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:background 0.15s ease;line-height:1}.variant-qty-btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none}.variant-qty-btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:none}.variant-qty-btn:hover{background:var(--color-gray-100)}.variant-qty-input{width:42px;height:30px;text-align:center;border:1px solid var(--color-gray-300);border-radius:0;font-size:var(--font-size-sm);font-family:inherit;color:var(--text-primary);background:#fff;-moz-appearance:textfield;appearance:textfield}.variant-qty-input::-webkit-inner-spin-button,.variant-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.variant-cta-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.product-modal-actions--variants{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.product-modal-actions--variants .variant-selector{grid-column:1 / -1}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background-color:var(--bg-surface)}.faq-question{padding:var(--space-4);font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'+';font-size:1.25rem;font-weight:400;color:var(--text-muted);transition:transform 0.2s ease}.faq-item[open] .faq-question::after{content:'-'}.faq-answer{padding:0 var(--space-4) var(--space-4);color:var(--text-secondary)}.faq-answer p{margin:0}.callout{padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid}.callout-warning{background-color:#fef3c7;border-color:#d97706}.callout-warning p{margin:0;color:#92400e}.related-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.related-product-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background-color:var(--bg-surface);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-decoration:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.related-product-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.related-product-card strong{color:var(--text-primary)}.related-product-card span{font-size:var(--font-size-sm);color:var(--text-secondary)}.related-articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.related-article-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);text-decoration:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.related-article-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.related-article-card strong{color:var(--text-primary)}.related-article-card span{font-size:var(--font-size-sm);color:var(--text-secondary)}@media (max-width:767px){.product-header-grid{grid-template-columns:1fr;gap:var(--space-6)}.product-header-image{max-width:400px;margin:0 auto}.product-header-content h1{font-size:1.5rem}.product-cta{flex-direction:column}.product-cta .btn{width:100%;text-align:center}.specs-table th{width:40%}}.btn-enquire{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:transparent;color:var(--color-primary);font-weight:600;border:2px solid var(--color-primary);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-sm);cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease}.btn-enquire:hover{background-color:var(--color-primary);color:var(--color-white)}.product-pricing-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.product-pricing-note a{color:var(--text-primary);font-weight:600;text-decoration:underline}.product-bottom-cta{margin-top:var(--space-10);padding:var(--space-8);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center}.product-bottom-cta h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);padding-bottom:0;border-bottom:none}.product-bottom-cta p{color:var(--text-secondary);margin-bottom:var(--space-5);max-width:480px;margin-left:auto;margin-right:auto}.product-bottom-cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.sticky-enquiry-bar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background-color:var(--color-white);border-top:1px solid var(--color-gray-200);box-shadow:0 -2px 12px rgba(0,0,0,0.08);padding:var(--space-3) 0;transform:translateY(100%);transition:transform 0.3s ease}.sticky-enquiry-bar--visible{transform:translateY(0)}.sticky-enquiry-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sticky-enquiry-bar-name{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sticky-enquiry-bar-actions{display:flex;gap:var(--space-2);flex-shrink:0}.sticky-bar-visible .mobile-cart-btn{bottom:4.5rem}.sticky-bar-visible .added-notification{bottom:5rem}@media (max-width:767px){.sticky-enquiry-bar-name{display:none}.sticky-enquiry-bar-actions{width:100%;justify-content:center}.product-bottom-cta-actions{flex-direction:column;align-items:center}.product-bottom-cta-actions .btn{width:100%;max-width:280px}}.added-notification{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-gray-900);color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);opacity:0;transform:translateY(1rem);transition:opacity 0.3s ease,transform 0.3s ease}.added-notification--visible{opacity:1;transform:translateY(0)}.added-notification-link{color:var(--color-white);font-weight:600;text-decoration:underline;white-space:nowrap}.added-notification-link:hover{color:var(--color-gray-200)}.added-notification-close{background:none;border:none;color:var(--color-gray-400);font-size:1.25rem;cursor:pointer;padding:0 0 0 var(--space-2);line-height:1}.added-notification-close:hover{color:var(--color-white)}@media (max-width:767px){.added-notification{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}.photo-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(0,320px))}@media (min-width:900px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.photo-card{display:block;width:100%;padding:0;margin:0;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform var(--transition-normal)}.photo-card:hover,.photo-card:focus-visible{transform:translateY(-4px);outline:none}.photo-card-thumbnail{display:block;position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-200)}.photo-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.photo-card:hover .photo-card-thumbnail img{transform:scale(1.04)}.photo-card-caption{display:block;margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-gray-700)}.section-subtitle{margin:calc(-1 * var(--space-4)) 0 var(--space-6);color:var(--color-gray-600)}.section-group-heading{margin:var(--space-10) 0 var(--space-4);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-gray-500)}.photo-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.photo-modal-overlay.active{display:flex}.photo-modal-container{position:relative;max-width:min(1200px,95vw);max-height:90vh;display:flex;flex-direction:column;align-items:center}.photo-modal-container img{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.photo-modal-caption{margin:var(--space-3) 0 0;color:var(--color-white);font-size:var(--font-size-sm);text-align:center}.photo-modal-close{position:absolute;top:-3rem;right:0;width:2.5rem;height:2.5rem;background:rgba(255,255,255,0.15);color:var(--color-white);border:0;border-radius:50%;font-size:1.75rem;line-height:1;cursor:pointer}.photo-modal-close:hover,.photo-modal-close:focus-visible{background:rgba(255,255,255,0.3);outline:none}.video-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:900px){.video-grid{grid-template-columns:repeat(3,1fr)}}.video-card{cursor:pointer;transition:transform var(--transition-normal)}.video-card:hover{transform:translateY(-4px)}.video-card-thumbnail{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-gray-800)}.video-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.video-card:hover .video-card-thumbnail img{transform:scale(1.05)}.video-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.3);opacity:0;transition:opacity var(--transition-fast)}.video-card:hover .video-card-play{opacity:1}.video-card-play svg{width:64px;height:64px;color:var(--text-inverse);filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}.video-card-body{padding:var(--space-4) var(--space-2)}.video-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-bottom:var(--space-1);font-style:italic}.video-card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.video-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background-color:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);cursor:pointer}.video-modal-overlay.active{opacity:1;visibility:visible}.video-modal-container{position:relative;width:100%;max-width:900px;cursor:default}.video-modal-close{position:absolute;top:calc(-1 * var(--space-10));right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:rgba(255,255,255,0.95);font-size:var(--font-size-3xl);cursor:pointer;transition:color var(--transition-fast);line-height:1}.video-modal-close:hover{color:var(--text-inverse)}.video-modal-wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:#000;border-radius:var(--radius-md);overflow:hidden}.video-modal-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width:640px){.video-modal-overlay{padding:var(--space-2);align-items:flex-start;padding-top:var(--space-16)}.video-modal-close{top:calc(-1 * var(--space-12));right:var(--space-2)}}.form-error-banner{display:none;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:rgba(229,62,62,0.1);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.form-error-banner.visible{display:block}.form-field-error{display:block;margin-top:var(--space-2);color:var(--color-error);font-size:var(--font-size-sm);min-height:1.2em}.form-field-error:empty{display:none}.qty-input{width:60px;padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-base)}.qty-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(26,54,93,0.1)}@media print{.site-header,.site-footer,.mobile-nav,.quote-sidebar,.btn,.skip-link,.sticky-enquiry-bar,.added-notification,.mobile-cart-btn{display:none !important}body{background:white;color:black}a{color:black;text-decoration:underline}a[href]::after{content:" (" attr(href) ")";font-size:0.85em;color:#555}.container{max-width:100%;padding:0}}