.zodiac-grid{padding:4rem 0;background:#f8f9fa}.zodiac-grid__container{max-width:1200px;margin:0 auto}.zodiac-grid__header{text-align:center;margin-bottom:3rem}.zodiac-grid__title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:#2c3e50}.zodiac-grid__subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.zodiac-grid__signs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.zodiac-grid__sign-card{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;background:#000;border-radius:12px;text-decoration:none;color:#000;border:2px solid #CAB163;transition:all .3s ease;box-shadow:0 2px 8px #dac8292b}.zodiac-grid__sign-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #d4c8171a;border-color:#cab163;text-decoration:none;color:inherit}.zodiac-grid__sign-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#cab163,#e2b01b);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.zodiac-grid__sign-card:hover .zodiac-grid__sign-icon{transform:scale(1.1);box-shadow:0 4px 15px #d3c5244d}.zodiac-grid__symbol{font-size:2.5rem;color:#fff}.zodiac-grid__sign-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.zodiac-grid__sign-name{font-size:1.2rem;font-weight:600;margin:0 0 .5rem;color:#cab163;text-align:center}.zodiac-grid__sign-dates{font-size:.9rem;margin:0;color:#cab163;text-align:center;font-style:italic}@media screen and (max-width: 749px){.zodiac-grid{padding:2rem 1rem}.zodiac-grid__title{font-size:2rem}.zodiac-grid__signs{grid-template-columns:repeat(2,1fr);gap:1rem}.zodiac-grid__sign-card{padding:1.5rem 1rem}.zodiac-grid__sign-icon{width:60px;height:60px}.zodiac-grid__symbol{font-size:2rem}.zodiac-grid__sign-name{font-size:1rem}.zodiac-grid__sign-dates{font-size:.8rem}}@media screen and (min-width: 750px) and (max-width: 989px){.zodiac-grid__signs{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 990px){.zodiac-grid__signs{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1200px){.zodiac-grid__signs{grid-template-columns:repeat(6,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-zodiac-grid.css.map */