.zodiac-section{background:#fffaf7;padding:40px 0}.zodiac-container{max-width:1200px;margin:0 auto;padding:0 20px}.zodiac-header{text-align:center;margin-bottom:50px;padding:40px 20px;background:#0000000d;border-radius:20px}.zodiac-header h1{font-size:clamp(2rem,5vw,3rem);color:#2c3e50;margin-bottom:10px;font-weight:700}.zodiac-header p{font-size:clamp(1rem,2.5vw,1.2rem);color:#666;max-width:600px;margin:0 auto;line-height:1.6}.search-container{text-align:center;margin-bottom:30px}.search-box{padding:15px 25px;font-size:1.1rem;border:2px solid #ddd;border-radius:25px;background:#fff;width:100%;max-width:400px;box-shadow:0 5px 15px #0000000d;transition:all .3s ease}.search-box:focus{outline:none;border-color:#3498db;box-shadow:0 5px 20px #3498db33}.filter-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.fire{background:#ff6b6b;color:#fff}.fire:hover{background:#ff5252}.earth{background:#8b4513;color:#fff}.earth:hover{background:#7a3e0f}.metal{background:#95a5a6;color:#fff}.metal:hover{background:#839192}.water{background:#3498db;color:#fff}.water:hover{background:#2980b9}.wood{background:#27ae60;color:#fff}.wood:hover{background:#229954}.zodiac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:40px}.zodiac-card{background:#fff;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease;box-shadow:0 8px 25px #00000014;cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.zodiac-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.zodiac-card:hover:before{left:100%}.zodiac-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.zodiac-image{width:80px;height:80px;margin:0 auto 15px;display:block;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.zodiac-card:hover .zodiac-image{transform:scale(1.1)}.zodiac-name{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:#2c3e50}.zodiac-chinese{font-size:1.2rem;color:#e74c3c;margin-bottom:15px;font-weight:500}.zodiac-element{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.zodiac-years{font-size:1rem;color:#7f8c8d;margin-bottom:15px;font-weight:500}.zodiac-traits{font-size:.9rem;color:#555;line-height:1.5;font-style:italic}.hidden{display:none!important}.zodiac-grid:empty:after{content:"Loading zodiac animals...";display:block;text-align:center;color:#999;font-style:italic;padding:40px;grid-column:1 / -1}@media (max-width: 768px){.zodiac-section{padding:20px 0}.zodiac-container{padding:0 15px}.zodiac-header{margin-bottom:30px;padding:30px 15px}.zodiac-grid{grid-template-columns:1fr;gap:20px}.filter-buttons{gap:8px}.filter-btn{padding:8px 16px;font-size:.8rem}.search-box{padding:12px 20px;font-size:1rem}}@media (max-width: 480px){.zodiac-card{padding:20px 15px}.zodiac-image{width:60px;height:60px}.zodiac-name{font-size:1.3rem}.zodiac-chinese{font-size:1.1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.zodiac-card{animation:fadeInUp .6s ease forwards}.zodiac-card:nth-child(1){animation-delay:.1s}.zodiac-card:nth-child(2){animation-delay:.2s}.zodiac-card:nth-child(3){animation-delay:.3s}.zodiac-card:nth-child(4){animation-delay:.4s}.zodiac-card:nth-child(5){animation-delay:.5s}.zodiac-card:nth-child(6){animation-delay:.6s}.filter-btn:focus,.search-box:focus,.zodiac-card:focus{outline:2px solid #3498db;outline-offset:2px}.zodiac-card:focus{transform:translateY(-5px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zodiac-collection.css.map */