:root{--color-primary: #8B5A2B;--color-secondary: #556B2F;--color-accent: #D2B48C;--color-text: #333333;--color-background: #FFFFFF}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transition{transition:all .3s ease}.shadow-sm{box-shadow:0 1px 3px #0000001a}.shadow{box-shadow:0 2px 8px #0000001a}.shadow-lg{box-shadow:0 8px 16px #00000026}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.bg-primary{background-color:var(--color-primary);color:#fff}.bg-secondary{background-color:var(--color-secondary);color:#fff}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:#999}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn:hover{background-color:var(--color-secondary);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary)}.btn-secondary:hover{background-color:var(--color-primary)}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card:hover{box-shadow:0 4px 12px #00000026}input,select,textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;transition:border-color .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5a2b1a}@media(max-width:768px){.grid-cols-2{grid-template-columns:1fr}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/theme.css.map */