:root{--color-primary:#1a3a5c;--color-primary-light:#2d5f8a;--color-primary-dark:#0f2235;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-dark:#d97706;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-500:#6b7280;--color-gray-700:#374151;--color-gray-900:#111827;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--max-width:1280px;--navbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-gray-900);background-color:var(--color-white);-webkit-font-smoothing:antialiased;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}@media (width>=640px){.container{padding:0 var(--space-6)}}@media (width>=1024px){.container{padding:0 var(--space-8)}}.page-wrapper{min-height:calc(100vh - var(--navbar-height));padding-top:var(--navbar-height)}.loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}.section{padding:var(--space-12) 0}.section-title{font-size:var(--text-3xl);color:var(--color-gray-900);margin-bottom:var(--space-2);font-weight:700}.section-subtitle{font-size:var(--text-lg);color:var(--color-gray-500);margin-bottom:var(--space-8)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}nav .desktop-links{display:none!important}.container{padding:0 var(--space-3)!important}.two-col-grid{grid-template-columns:1fr!important}}@media (width<=480px){:root{--text-4xl:1.75rem;--text-3xl:1.5rem;--text-2xl:1.25rem}.container{padding:0 var(--space-3)!important}}@media (width<=768px){.split-container-mobile{grid-template-columns:1fr!important}nav .desktop-search,nav .desktop-links,nav .desktop-whatsapp,nav .desktop-auth{display:none!important}.product-grid{gap:var(--space-3)!important;grid-template-columns:repeat(2,1fr)!important}.categories-layout{grid-template-columns:1fr!important}.categories-sidebar{display:none!important}.product-detail-layout,.checkout-layout{grid-template-columns:1fr!important}.checkout-summary{order:-1}.cart-layout{grid-template-columns:1fr!important}.hero-content{padding:var(--space-8) var(--space-4)!important}.hero-stats{gap:var(--space-4)!important;flex-wrap:wrap!important}.hero-actions{flex-direction:column!important}.hero-actions a,.hero-actions button{text-align:center!important;justify-content:center!important;width:100%!important}.category-grid{grid-template-columns:repeat(2,1fr)!important}.why-grid{grid-template-columns:1fr!important}.cta-actions{flex-direction:column!important;align-items:center!important}.footer-container{gap:var(--space-6)!important;grid-template-columns:1fr!important}.admin-sidebar{display:none!important}.admin-main{margin-left:0!important}.calculator-layout,.import-layout,.shipping-layout{grid-template-columns:1fr!important}.quotation-item-fields{grid-template-columns:1fr 1fr!important}.auth-card{padding:var(--space-5)!important}.auth-row{grid-template-columns:1fr!important}.payment-options{gap:var(--space-2)!important}}@media (width<=480px){.product-grid,.category-grid{grid-template-columns:1fr!important}.rate-grid{grid-template-columns:repeat(2,1fr)!important}.per-unit-box{gap:var(--space-3)!important;grid-template-columns:1fr!important}.per-unit-box .divider{display:none!important}.cart-item{grid-template-columns:60px 1fr!important}.cart-item-controls{flex-direction:row!important;grid-column:1/-1!important;justify-content:space-between!important}}@media (width<=768px){button,a,input,select{min-height:44px}.product-card-actions button,.product-card-actions a{font-size:var(--text-sm)!important;padding:10px!important}.page-wrapper{padding-top:var(--navbar-height)}.admin-table{display:block!important;overflow-x:auto!important}.admin-table-inner{min-width:600px!important}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;max-width:100%!important;max-height:90vh!important;margin:0!important;position:fixed!important;inset:auto 0 0!important}.modal-overlay{align-items:flex-end!important}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}