.zodiac-test{padding:70px 0}.zodiac-test .container{max-width:1200px;margin:0 auto;padding:0 15px}.zodiac-header{text-align:center;margin-bottom:50px}.zodiac-test .section-title{font-size:32px;font-weight:600;margin-bottom:20px;color:#333}.zodiac-test .section-description{max-width:700px;margin:0 auto;font-size:16px;line-height:1.7;color:#666}.zodiac-content{display:flex;gap:40px;align-items:center;justify-content:center}.zodiac-grid{flex:2;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.zodiac-item{transition:transform .3s ease}.zodiac-item.active{transform:translateY(-10px)}.zodiac-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow:hidden;border:2px solid transparent;transition:all .3s ease}.zodiac-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.zodiac-icon{width:60px;height:60px;border-radius:50%;margin:20px auto 10px;display:flex;align-items:center;justify-content:center;color:#fff}.zodiac-icon img{width:40px;height:40px;object-fit:contain}.default-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;font-weight:700;color:#fff}.zodiac-details{padding:0 20px 20px;text-align:center}.zodiac-name{margin:10px 0;font-size:20px;font-weight:600;color:#333}.zodiac-years{font-size:12px;color:#777;margin-bottom:10px}.zodiac-desc{font-size:14px;color:#555;line-height:1.5}.zodiac-finder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.finder-card{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000001a;padding:32px 28px;max-width:350px;width:100%}.finder-title{font-size:24px;font-weight:600;margin-bottom:10px;color:#333;text-align:center}.finder-subtitle{font-size:15px;color:#666;text-align:center;margin-bottom:30px}.finder-form{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.birth-year-field{margin-bottom:20px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;max-width:320px}.birth-year-field label{margin-bottom:0;font-weight:500;color:#555;text-align:right;width:auto;min-width:72px;font-size:1em}.birth-year-input{flex:1 1 0;max-width:180px;min-width:0;padding:14px;border:1.5px solid #e0e0e0;border-radius:22px;background:#fff;font-size:18px;box-shadow:0 2px 8px #00000008;transition:box-shadow .2s,border-color .2s;outline:none;color:#222}.birth-year-input:focus,.birth-year-input:hover{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;background:#f7faff}.finder-button{width:100%;max-width:260px;padding:14px 0;border:none;border-radius:16px;color:#fff;font-weight:500;font-size:18px;background:#1976d2;box-shadow:0 2px 8px #1976d214;cursor:pointer;transition:background .2s,box-shadow .2s;margin-top:8px}.finder-button:hover{background:#1565c0;box-shadow:0 4px 16px #1976d21f}.finder-result{background:#f9f9f9;border-radius:8px;padding:20px;margin-top:30px}.result-title{font-size:18px;margin-bottom:10px;color:#333}.result-desc{font-size:15px;color:#555;line-height:1.5}@media (max-width: 991px){.zodiac-content{flex-direction:column}.zodiac-grid{grid-template-columns:repeat(2,1fr)}.zodiac-test .section-title{font-size:28px}}@media (max-width: 767px){.zodiac-test{padding:50px 0}.zodiac-grid{grid-template-columns:1fr}.zodiac-test .section-title{font-size:24px}.finder-title{font-size:20px}}.zodiac-center-container{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.zodiac-center-card{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000001a;padding:36px 32px;max-width:360px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}
/*# sourceMappingURL=/cdn/shop/t/150/assets/section-zodiac-test.css.map */