:root,[data-theme=light]{--navy:#0b1a2f;--navy-light:#132d4a;--blue:#1a56db;--blue-hover:#1648b7;--blue-light:#eff6ff;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-card:#fff;--bg-nav:#fff;--bg-footer:#0b1a2f;--bg-sidebar:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-footer:#94a3b8;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-focus:#1a56db;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--input-bg:#fff;--input-border:#d1d5db;--red:#dc2626;--green:#16a34a;--pink:#ec4899;--teal:#0d9488;--orange:#f59e0b;--font-heading:"Barlow", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}[data-theme=dark]{--bg-primary:#0b132b;--bg-secondary:#1c2541;--bg-tertiary:#2a365c;--bg-card:#1c2541;--bg-nav:#0b132b;--bg-footer:#050a18;--bg-sidebar:#1c2541;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--text-inverse:#0f172a;--text-footer:#94a3b8;--border-light:#2a365c;--border-medium:#3e4c7a;--border-focus:#3b82f6;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--input-bg:#1c2541;--input-border:#3e4c7a;--blue:#3b82f6;--blue-hover:#2563eb;--blue-light:#1e293b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.5;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);line-height:1.2}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn-primary{background-color:var(--blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--blue-hover)}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);border:1px solid var(--border-medium);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary)}.badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{background-color:var(--blue-light);color:var(--blue)}.card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .2s}.card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px -6px #0f172a1f,0 4px 8px -4px #0f172a0f}.mobile-toggle{display:none!important}@media (max-width:960px){.desktop-nav,.desktop-actions{display:none!important}.mobile-toggle{display:inline-flex!important}}@media (max-width:640px){.hero-title{font-size:2rem!important;line-height:1.2!important}.hero-subtitle{font-size:1rem!important}.container{padding-left:1rem!important;padding-right:1rem!important}.catalog-main-container{padding:1.25rem 1rem 4rem!important}.catalog-title{font-size:1.6rem!important}.catalog-subtitle{font-size:.92rem!important}.navbar-container{height:60px!important}.dubros-logo-img{max-width:140px!important;height:34px!important}.whatsapp-mobile-widget{width:48px!important;height:48px!important;bottom:16px!important;right:16px!important}.contact-main-container{padding:1.5rem 1rem 4rem!important}.contact-title{font-size:1.75rem!important}.contact-subtitle{font-size:.95rem!important}.contact-header{margin-bottom:2rem!important}.contact-card-pad{padding:1.5rem!important}.form-grid-2col{flex-direction:column!important;gap:1.25rem!important;display:flex!important}}.catalog-layout-grid{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}.catalog-desktop-sidebar{display:block}.catalog-mobile-filter-btn{display:none!important}@media (max-width:900px){.catalog-layout-grid{flex-direction:column!important;gap:1.5rem!important;display:flex!important}.catalog-desktop-sidebar{display:none!important}.catalog-mobile-filter-btn{display:inline-flex!important}.contact-layout-grid{flex-direction:column!important;gap:2rem!important;display:flex!important}}html,body{max-width:100vw;overflow-x:hidden}.pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;max-width:100%;margin-top:2.5rem;padding:1rem 0;display:flex}@keyframes marquee-scroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-container{width:100%;padding:1.5rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{will-change:transform;align-items:center;gap:101px;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}.brand-card-item{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .25s,opacity .25s;display:flex}.brand-card-item:hover{opacity:1;transform:scale(1.06)}.brand-card-item img{object-fit:contain;width:120px;height:80px;display:block}@media (max-width:768px){.marquee-track{gap:60px}.brand-card-item img{width:100px!important;height:70px!important}}@media (max-width:480px){.marquee-track{gap:40px}.brand-card-item img{width:80px!important;height:60px!important}}.dubros-logo-img{background-color:#0000!important}[data-theme=dark] .dubros-logo-img:not(.logo-light-variant){filter:brightness(0)invert()}.order-card-modern{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 2px 8px -2px #0000000a}.order-card-modern:hover{border-color:var(--border-medium);box-shadow:0 10px 25px -5px #00000014}.order-meta-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;display:grid}@media (max-width:640px){.order-meta-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.order-item-responsive{border-top:1px solid var(--border-light);align-items:center;gap:1.25rem;padding:1.25rem;display:flex}@media (max-width:640px){.order-item-responsive{align-items:flex-start;gap:.85rem;padding:.9rem}}.cart-layout-grid{grid-template-columns:1fr 360px;align-items:start;gap:2rem;display:grid}@media (max-width:990px){.cart-layout-grid{grid-template-columns:1fr;gap:1.5rem}}.cart-item-grid{grid-template-columns:90px 1fr auto auto;align-items:center;gap:1.25rem;display:grid}@media (max-width:640px){.cart-item-grid{grid-template-columns:80px 1fr;align-items:flex-start;gap:1rem}.cart-item-actions{border-top:1px solid var(--border-light);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.75rem;display:flex}}@keyframes success-pop{0%{opacity:0;transform:scale(.65)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{transform:scale(.9);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 16px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}@keyframes pulse-blue-ring{0%{transform:scale(.9);box-shadow:0 0 #1864f680}70%{transform:scale(1);box-shadow:0 0 0 16px #1864f600}to{transform:scale(.9);box-shadow:0 0 #1864f600}}@keyframes key-rotate{0%{transform:rotate(0)scale(.9)}25%{transform:rotate(-20deg)scale(1.1)}50%{transform:rotate(20deg)scale(1.1)}75%{transform:rotate(-10deg)scale(1.05)}to{transform:rotate(0)scale(1)}}@keyframes cart-shake{0%,to{transform:scale(1)}20%{transform:scale(1.2)rotate(-10deg)}40%{transform:scale(1.2)rotate(10deg)}60%{transform:scale(1.1)rotate(-5deg)}80%{transform:scale(1.05)rotate(5deg)}}.animate-success-pop{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards success-pop}.animate-pulse-ring{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring}.animate-pulse-blue-ring{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-blue-ring}.animate-key-rotate{animation:.65s cubic-bezier(.34,1.56,.64,1) forwards key-rotate}.animate-cart-shake{animation:.5s ease-in-out cart-shake}@keyframes shimmer-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 35%,#f8fafc 50%,#e2e8f0 65%,#f1f5f9 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer-wave}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#1e293b 0%,#334155 35%,#475569 50%,#334155 65%,#1e293b 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer-wave}@keyframes toast-slide-in{0%{opacity:0;transform:translate(110%)scale(.95)}70%{opacity:1;transform:translate(-8px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.9)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}.animate-toast-in{animation:.38s cubic-bezier(.16,1,.3,1) forwards toast-slide-in}.animate-toast-out{animation:.28s ease-in forwards toast-slide-out}@keyframes search-glow-pulse{0%{border-color:var(--blue);box-shadow:0 0 #1864f666}50%{border-color:#3b82f6;box-shadow:0 0 0 5px #1864f626}to{border-color:var(--blue);box-shadow:0 0 #1864f666}}.animate-search-pulse{animation:1.2s ease-in-out search-glow-pulse}.card-product-glow{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .25s}.card-product-glow:hover{border-color:#1864f659;transform:translateY(-5px);box-shadow:0 16px 32px -8px #1864f629,0 6px 16px -4px #0f172a14}