/* Custom CSS for Yours Product Designer */
body { font-family: 'Inter', sans-serif; background-color: #ffffff; }
.nike-font { font-family: 'Outfit', sans-serif; text-transform: uppercase; letter-spacing: -0.02em; }
.view-toggle.active { background: #000; color: #fff; border-color: #000; }
.color-swatch { width: 30px; height: 30px; border-radius: 50%; cursor: pointer; border: 1px solid #ddd; }
.color-swatch.active { box-shadow: 0 0 0 2px #000; }
.product-option { border: 1px solid #eee; padding: 12px; cursor: pointer; transition: 0.2s; text-align: center; border-radius: 4px; }
.product-option.active { border-color: #000; background: #f9f9f9; }
canvas { border: 1px solid #eee; }
#cartContent { transition: transform 0.3s ease; }