:root{--color-white: #FFFFFF;--color-black: #000000;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: #E0E0E0;--color-gray-400: #BDBDBD;--color-gray-500: #9E9E9E;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-orange-50: #FFF3E0;--color-orange-100: #FFE0B2;--color-orange-200: #FFCC80;--color-orange-300: #FFB74D;--color-orange-400: #FFA726;--color-orange-500: #FF9800;--color-orange-600: #FF6B00;--color-orange-700: #E65100;--color-yellow-50: #FFFDE7;--color-yellow-100: #FFF9C4;--color-yellow-200: #FFF59D;--color-yellow-300: #FFF176;--color-yellow-400: #FFEE58;--color-yellow-500: #FFB800;--color-yellow-600: #FFC107;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-info: #3B82F6;--color-info-light: #DBEAFE}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-heading-family);font-weight:600;line-height:1.2;margin:0 0 var(--spacing-md) 0;color:var(--color-base-text);text-transform:uppercase;letter-spacing:.02em}h1,.h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.04em}h2,.h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3,.h3{font-size:clamp(1.25rem,3vw,1.75rem)}h4,.h4{font-size:1.25rem}h5,.h5{font-size:1.125rem}h6,.h6{font-size:1rem}p{margin:0 0 var(--spacing-md) 0}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-orange-700)}strong,b{font-weight:600}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-to-content-link:focus{position:fixed;top:0;left:0;z-index:9999;padding:var(--spacing-md);background:var(--color-accent);color:var(--color-white)}.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0}.section--gray{background-color:var(--color-base-background-secondary)}.section--dark{background-color:var(--color-gray-900);color:var(--color-white)}.section--accent{background-color:var(--color-accent);color:var(--color-white)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.875rem 1.75rem;font-family:var(--font-heading-family);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1;text-decoration:none;border:2px solid transparent;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-base)}.button--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.button--primary:hover{background-color:var(--color-orange-700);border-color:var(--color-orange-700);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button--secondary{background-color:transparent;border-color:var(--color-base-text);color:var(--color-base-text)}.button--secondary:hover{background-color:var(--color-base-text);color:var(--color-white)}.button--outline{background-color:transparent;border-color:var(--color-accent);color:var(--color-accent)}.button--outline:hover{background-color:var(--color-accent);color:var(--color-white)}.button--ghost{background-color:transparent;border-color:transparent;color:var(--color-base-text);padding:var(--spacing-sm) var(--spacing-md)}.button--ghost:hover{background-color:var(--color-gray-100)}.button--white{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-base-text)}.button--white:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-100);color:var(--color-base-text)}.button--sm{padding:.5rem 1rem;font-size:.75rem}.button--lg{padding:1rem 2rem;font-size:1rem}.button--full{width:100%}.button:disabled,.button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button .icon{width:1.25em;height:1.25em}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--color-base-text);text-transform:uppercase;letter-spacing:.05em}.form-label--required:after{content:"*";color:var(--color-error);margin-left:.25em}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;font-family:var(--font-body-family);font-size:1rem;color:var(--color-base-text);background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--border-radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-orange-100)}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--color-error)}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form-textarea{min-height:150px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:3rem}.form-hint{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary)}.form-error{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-error)}.form-check{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.form-check-input{width:1.25rem;height:1.25rem;margin-top:.125rem;accent-color:var(--color-accent)}.form-check-label{font-size:1rem;color:var(--color-base-text)}.card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card__media{position:relative;overflow:hidden}.card__media img{width:100%;height:auto;display:block;transition:transform var(--transition-base)}.card:hover .card__media img{transform:scale(1.05)}.card__content{padding:var(--spacing-lg)}.card__title{margin-bottom:var(--spacing-sm)}.product-card{position:relative}.product-card__link{display:block;text-decoration:none;color:inherit}.product-card__media{position:relative;overflow:hidden;background-color:var(--color-gray-100);aspect-ratio:1}.product-card__image{width:100%;height:100%;object-fit:contain;transition:opacity var(--transition-base)}.product-card__image--secondary{position:absolute;top:0;left:0;opacity:0}.product-card:hover .product-card__image--primary{opacity:0}.product-card:hover .product-card__image--secondary{opacity:1}.product-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-gray-200)}.product-card__placeholder .placeholder-svg{width:50%;fill:var(--color-gray-400)}.product-card__badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:.25rem .75rem;font-family:var(--font-heading-family);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm)}.product-card__badge--sale{background-color:var(--color-accent);color:var(--color-white)}.product-card__badge--sold-out{background-color:var(--color-gray-800);color:var(--color-white)}.product-card__content{padding:var(--spacing-md) 0}.product-card__vendor{display:block;font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.product-card__title{font-family:var(--font-heading-family);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.product-card:hover .product-card__title{color:var(--color-accent)}.product-card--industrial{border:2px solid transparent;padding:var(--spacing-md);background-color:var(--color-white);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.product-card--industrial:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.product-card--industrial .product-card__media{border:1px solid var(--color-border)}.price{font-family:var(--font-heading-family);font-size:1.125rem;font-weight:600;color:var(--color-base-text)}.price__container{display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}.price__prefix{font-size:.875rem;font-weight:400;color:var(--color-text-secondary);text-transform:uppercase}.price__compare{font-size:.875rem;font-weight:400;color:var(--color-text-secondary)}.price__compare s{text-decoration:line-through}.price--on-sale .price__regular{color:var(--color-error)}.price__badge{display:inline-block;padding:.125rem .5rem;font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm);margin-left:var(--spacing-sm)}.price__badge--sale{background-color:var(--color-error);color:var(--color-white)}.price__badge--sold-out{background-color:var(--color-gray-600);color:var(--color-white)}.grid{display:grid;gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--products{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 1024px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-family:var(--font-heading-family);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--border-radius-sm)}.badge--usa{background-color:var(--color-gray-900);color:var(--color-white)}.badge--usa:before{content:"\1f1fa\1f1f8";font-size:.875rem}.badge--sale{background-color:var(--color-accent);color:var(--color-white)}.badge--new{background-color:var(--color-success);color:var(--color-white)}.warning-stripe{background:repeating-linear-gradient(45deg,var(--color-yellow-500),var(--color-yellow-500) 10px,var(--color-gray-900) 10px,var(--color-gray-900) 20px);height:4px}.border-industrial{border:2px solid var(--color-gray-300);border-left:4px solid var(--color-accent)}.bg-steel{background-color:var(--color-gray-200);background-image:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.3) 50%),linear-gradient(90deg,transparent 50%,rgba(0,0,0,.02) 50%);background-size:4px 100%,8px 100%}.corner-bolts{position:relative}.corner-bolts:before,.corner-bolts:after{content:"";position:absolute;width:8px;height:8px;background-color:var(--color-gray-500);border-radius:50%;box-shadow:inset 1px 1px 2px #0000004d}.corner-bolts:before{top:8px;left:8px}.corner-bolts:after{top:8px;right:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.slide-in-right{animation:slideInRight .4s ease forwards}.slide-in-up{animation:slideInUp .4s ease forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}body.menu-open,body.cart-open{overflow:hidden}@media (max-width: 1023px){.hide-mobile{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.focus-none:focus{outline:none}@media print{.no-print{display:none!important}body{font-size:12pt}a[href]:after{content:" (" attr(href) ")"}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/base.css.map */