@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";.ui-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);font-size:var(--font-size);color:var(--color-text);cursor:pointer;transition:all var(--transition-speed);border:none;align-items:center;display:inline-flex}.ui-button:focus{outline:2px solid var(--color-primary-hover);outline-offset:2px}.ui-button.primary{background:var(--color-primary)}.ui-button.primary:hover{background:var(--color-primary-hover)}.ui-button.secondary{background:var(--color-secondary)}.ui-button.secondary:hover{background:var(--color-secondary-hover)}.ui-button.tertiary{background:var(--color-text);color:var(--color-text-dark);outline-width:1px}.ui-button.tertiary:hover{background:var(--color-text-hover)}.ui-button-icon-text{margin-right:8px;position:relative;top:1px}.ui-button-icon.lucide{position:relative;top:1px}.ui-button.disabled{background-color:var(--color-tertiary);color:var(--color-muted);cursor:not-allowed;pointer-events:none;opacity:.7}.ui-button.disabled:hover{background-color:var(--color-tertiary);color:var(--color-muted)}*{box-sizing:border-box;margin:0;padding:0}:root{--font-family:"Quicksand", sans-serif;--color-primary:#004a99;--color-primary-hover:#0362c6;--color-secondary:#4c5e75;--color-secondary-hover:#373c41;--color-text:#ecedef;--color-text-hover:#e3e4e7;--color-text-dark:#1a1a1a;--color-bg:#fff;--color-border:#c4c4c4;--color-highlight:#f5f5f5;--color-tertiary:#c4c4c4;--color-muted:#7a7a7a;--radius:8px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:20px;--font-size:1rem;--transition-speed:.2s}html,body{font-family:var(--font-family)}.ui-overlay{z-index:1001;opacity:0;pointer-events:none;transition:opacity var(--transition-speed);background-color:#00000080;position:fixed;inset:0}.ui-overlay.open{opacity:1;pointer-events:all}.ui-overlay.center{justify-content:center;align-items:center;display:flex}.ui-overlay.right{justify-content:flex-end;align-items:center;display:flex}.ui-overlay.left{justify-content:flex-start;align-items:center;display:flex}@media (width<=640px){:root{--spacing-sm:8px;--spacing-md:12px;--font-size:.95rem}}.salty-ripple{pointer-events:none;border-radius:inherit;width:100%;height:100%;margin:auto;display:block;position:absolute;inset:0;overflow:hidden}.salty-ripple[aria-disabled=true]{display:none}@media (forced-colors:active){.salty-ripple{display:none}}.salty-ripple .salty-ripple-surface{pointer-events:none;border-radius:inherit;inset:0}.salty-ripple .salty-ripple-surface:before,.salty-ripple .salty-ripple-surface:after{content:"";opacity:0;position:absolute}.salty-ripple .salty-ripple-surface:before{background-color:var(--ripple-color,currentColor);width:100%;height:100%;transition:opacity var(--ripple-duration,.15s), background-color var(--ripple-duration,.15s);inset:0}.salty-ripple .salty-ripple-surface:after{background:radial-gradient(closest-side, var(--ripple-color,currentColor) max(100% - 70px, 65%), transparent 100%);transform-origin:50%;transition:opacity .375s;inset:0}.salty-ripple .salty-ripple-surface.--hover:before{background-color:var(--ripple-color,currentColor);opacity:var(--ripple-hover-opacity,.08)}.salty-ripple .salty-ripple-surface.--press:after{opacity:var(--ripple-pressed-opacity,.12);transition-duration:75ms}.ui-spinner{border:3px solid #0003;border-top-color:inherit;border-radius:50%;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);border:1px solid var(--color-border);background-color:var(--color-bg);font-size:var(--font-size);transition:var(--transition-speed);width:100%}.ui-input.primary{border-color:var(--color-primary)}.ui-input.secondary{border-color:var(--color-secondary)}.ui-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #0362c633}.ui-input:disabled{background-color:var(--color-tertiary);color:var(--color-muted);cursor:not-allowed;opacity:.7}.ui-input:hover:not(:disabled){background-color:var(--color-highlight)}.ui-container{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg);font-size:var(--font-size);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.ui-container.grid-layout{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;gap:20px;display:grid}.ui-container.navbar-layout{z-index:1000}.ui-container.direction-row{flex-direction:row;justify-content:space-between;align-items:center}.ui-container.non-centered{align-items:flex-start}.ui-container.border-all{border-radius:var(--radius);border:1px solid var(--color-border)}.ui-container.border-left{border-left:1px solid var(--color-border)}.ui-container.border-right{border-right:1px solid var(--color-border)}.ui-container.border-top{border-top:1px solid var(--color-border)}.ui-container.border-bottom{border-bottom:1px solid var(--color-border)}.ui-container.border-none{border:none}.ui-container.sticky{z-index:1000;position:sticky;top:0}@media (width<=600px){.ui-container.direction-row{flex-direction:column;justify-content:flex-start}}.ui-divider-vertical{background-color:#0000001a;border:none;align-self:stretch;width:1px;height:auto;margin:0}.ui-divider-horizontal{background-color:#0000001a;border:none;border-radius:1px;width:100%;height:1px;margin:1rem 0}.ui-modal{background-color:var(--color-bg);border-radius:var(--radius);padding:var(--spacing-md);min-width:300px;max-height:90%;position:relative;box-shadow:0 4px 20px #0003}.ui-modal-close{top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute}.ui-table-container{border-radius:var(--radius);border:1px solid var(--color-border);width:100%;overflow-x:auto}.ui-table{border-collapse:collapse;width:100%;font-size:var(--font-size)}.ui-table th{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--color-border);background-color:var(--color-bg)}.ui-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.ui-table tr:hover{background-color:#00000008}.ui-table-striped tr:nth-child(2n){background-color:#00000005}.ui-drawer{background-color:var(--color-bg);height:100%;padding:var(--spacing-md);transition:transform var(--transition-speed) ease;position:relative;overflow-y:auto}.ui-drawer.right{transform:translate(100%)}.ui-overlay.open .ui-drawer.right{transform:translate(0)}.ui-drawer.left{transform:translate(-100%)}.ui-overlay.open .ui-drawer.left{transform:translate(0)}.ui-drawer-close{top:var(--spacing-sm);right:var(--spacing-sm);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute}.ui-product-card{cursor:pointer;position:relative}.ui-product-card-image{object-fit:contain;width:100%;height:150px;transition:transform var(--transition-speed)}.ui-product-card-image-placeholder{background-color:var(--color-text-dark);width:100%;height:150px}.ui-product-card-title{color:var(--color-text-dark);font-weight:600}.ui-product-card-image:hover{transform:scale(1.05)}.ui-product-card-description{color:var(--color-muted)}.ui-product-card-price{color:var(--color-text-dark);margin-top:auto}.ui-label{padding:var(--spacing-sm) var(--spacing-md);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);background-color:var(--color-secondary);color:var(--color-text);top:var(--spacing-sm);z-index:500;font-size:14px;font-weight:500;position:absolute;left:0}.ui-hero{z-index:0;height:auto;position:relative}.ui-hero-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ui-hero-fallback{background:linear-gradient(135deg,#1a1a1a,#444)}.ui-hero-overlay{justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:absolute;inset:0}.ui-hero-content{color:var(--color-text);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;display:flex;position:relative}.ui-footer{padding:var(--spacing-sm) var(--spacing-sm);background-color:var(--color-bg);font-size:var(--font-size);justify-content:space-between;width:100%;margin:3rem 0;display:flex}.ui-navitems{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.ui-navitems.vertical{flex-direction:column}.ui-navlink{font-size:var(--font-size);cursor:pointer;margin:0;text-decoration:none}.ui-navlink.animated{cursor:pointer;position:relative}.ui-navlink.animated:after{content:"";background-color:#000;width:0%;height:2px;transition:all .3s ease-in-out;position:absolute;bottom:-2px}.ui-navlink.animated-left:after{left:0}.ui-navlink.animated-left:hover:after{width:100%}.ui-navlink.animated-right:after{right:0}.ui-navlink.animated-right:hover:after{width:100%}.ui-navlink.animated-center:after{transform-origin:50%;width:100%;left:0;transform:scaleX(0)}.ui-navlink.animated-center:hover:after{transform:scaleX(1)}@media (width<=600px){.ui-navitems{flex-direction:column;align-items:center}}.hero-margin{background-color:#0000;margin-top:200px;display:flex;overflow-y:hidden}.tailgate-img{border-radius:1rem;width:100%;max-width:600px;height:auto}.colors-img{border-radius:1rem;width:800px;height:auto}@media (width<=600px){.hero-margin{flex-wrap:wrap;margin-top:100px}.tailgate-img,.colors-img{width:300px}}