:root{--color-primary: #4F7BF8;--color-primary-dark: #3b5fc9;--color-secondary: #1f2937;--color-background: #FAFBFF;--color-text: #374151;--color-text-light: #6b7280}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text)}.navbar{position:relative;width:90%;height:60px;padding:0 1rem;left:50%;transform:translate(-50%);border-radius:.75rem;box-shadow:0 2px 8px 2px #0000001a;display:flex;align-items:center;justify-content:space-between;background-color:#fff;z-index:50;margin-top:2.5rem}.product-card{border-radius:16px;background:#fff;box-shadow:0 4px 6px -1px #0000001a;padding:1rem;display:flex;gap:1.5rem;border:1px solid #e5e7eb;transition:all .2s ease}.product-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.01)}.kit-toggle{border-radius:16px;border:1px solid black;border-right-width:4px;border-bottom-width:6px;background:#fff}.kit-btn{width:50%;padding:.75rem 1rem;border-radius:14px;font-weight:500;transition:all .2s ease;cursor:pointer}.kit-btn.active{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.carousel-container{display:flex;transition:transform .5s ease-in-out}.carousel-dot{width:1rem;height:.5rem;border-radius:9999px;transition:all .3s ease;cursor:pointer}.carousel-dot.active{background-color:var(--color-primary)}.btn-primary{background-color:var(--color-primary);color:#fff;padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;transition:background-color .2s ease}.btn-primary:hover{background-color:var(--color-primary-dark)}.grid-pattern{background-image:linear-gradient(to right,rgba(79,123,248,.07) 1px,transparent 1px),linear-gradient(rgba(79,123,248,.07) 1px,transparent 1px);background-size:16px 16px}footer{background-color:#fff;padding:2.5rem 1.5rem}.social-link{width:2.5rem;height:2.5rem;border:1px solid var(--color-secondary);border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.social-link:hover{background-color:var(--color-secondary)}.social-link:hover svg{color:#fff}@media(max-width:768px){.navbar{width:95%;padding:0 .5rem}.product-card{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/styles.css.map */