.simple-category-container{padding:20px 0;margin-bottom:30px}.simple-category-header{margin-top:40px;margin-bottom:30px}.simple-category-title{font-size:24px;font-weight:600;color:#333;margin:0;position:relative;display:inline-block}.simple-category-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;border-radius:2px}.simple-category-list{display:flex;flex-wrap:wrap;gap:20px;max-width:1200px;margin:0 auto}.simple-category-item{flex:0 0 auto;padding:12px 28px;background:rgb(41,41,41);border:1px solid #e0e0e0;border-radius:10px;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.05)}.category-name{font-size:16px;font-weight:500;color:white;transition:color .3s ease;white-space:nowrap}.simple-category-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.1);border-color:orange;background:orange}.simple-category-item:hover .category-name{color:white}.simple-category-item:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.05)}.simple-category-loading{text-align:center;padding:40px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.simple-category-loading p{color:#666;font-size:14px}.simple-category-error{text-align:center;padding:40px;background:#fef2f2;border-radius:8px;margin:20px}.simple-category-error p{color:#dc2626;margin-bottom:15px}.retry-btn{padding:8px 20px;background:#007bff;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.retry-btn:hover{background:#0056b3}.simple-category-empty{text-align:center;padding:40px;background:#f9f9f9;border-radius:8px;margin:20px}.simple-category-empty p{color:#666;font-size:14px}@media (max-width:768px){.simple-category-list{gap:12px}.simple-category-item{padding:8px 20px}.category-name{font-size:14px}.simple-category-title{font-size:24px}}@media (max-width:640px){.simple-category-list{gap:10px}.simple-category-item{padding:6px 16px}.category-name{font-size:13px}}