.tm-zg{--tm-zg-radius: 8px;background:var(--tm-paper, #fffdf8);color:var(--tm-ink, #18211c);padding-left:clamp(1.6rem,5vw,6.4rem);padding-right:clamp(1.6rem,5vw,6.4rem)}.tm-zg__inner{margin:0 auto;max-width:880px}.tm-zg__head{margin-bottom:4rem}.tm-zg__eyebrow{color:var(--tm-cinnabar, #a94434);font-size:1.248rem;font-weight:800;letter-spacing:.14em;margin:0 0 1.6rem;text-transform:uppercase}.tm-zg__heading{font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,3.4vw,4.8rem);line-height:1.12;margin:0 0 1.2rem}.tm-zg__desc{color:var(--tm-muted, #69726a);font-size:1.5rem;line-height:1.6;margin:0;max-width:640px}.tm-zg-step{margin-bottom:3.6rem}.tm-zg-step__head{align-items:flex-start;display:flex;gap:1.2rem;margin-bottom:1.6rem}.tm-zg-step__num{align-items:center;border:1px solid var(--tm-gold, #b98b42);border-radius:999px;color:var(--tm-gold, #b98b42);display:inline-flex;flex:0 0 auto;font-size:1.3rem;font-weight:700;height:28px;justify-content:center;width:28px}.tm-zg-step__title{font-family:Georgia,Times New Roman,serif;font-size:2rem;margin:0 0 .3rem}.tm-zg-step__hint{color:var(--tm-muted, #69726a);font-size:1.3rem;margin:0}.tm-zg-animals{display:grid;gap:1rem;grid-template-columns:repeat(6,1fr)}.tm-zg-animal{align-items:center;background:#fff;border:1px solid var(--tm-line, rgba(24, 33, 28, .14));border-radius:var(--tm-zg-radius);color:var(--tm-ink, #18211c);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.4rem;min-height:44px;padding:1.2rem .6rem 1rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tm-zg-animal:hover,.tm-zg-animal:focus-visible{border-color:var(--tm-gold, #b98b42);box-shadow:0 8px 22px #b98b4224;outline:none;transform:translateY(-2px)}.tm-zg-animal[aria-pressed=true]{background:var(--tm-rice, #f7f0e6);border-color:var(--tm-gold, #b98b42);box-shadow:inset 0 0 0 1px var(--tm-gold, #b98b42)}.tm-zg-animal__hanzi{font-family:Georgia,Times New Roman,serif;font-size:2.4rem;line-height:1}.tm-zg-animal__name{font-size:1.15rem;letter-spacing:.04em}.tm-zg-year{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem}.tm-zg-year__field{display:flex;flex-direction:column;gap:.5rem}.tm-zg-year__field span{color:var(--tm-muted, #69726a);font-size:1.2rem;letter-spacing:.04em}.tm-zg-year__field input{background:#fff;border:1px solid var(--tm-line, rgba(24, 33, 28, .14));border-radius:var(--tm-zg-radius);color:var(--tm-ink, #18211c);font-family:inherit;font-size:1.4rem;min-height:44px;padding:.8rem 1.2rem;width:12ch}.tm-zg-year__field input:focus-visible{border-color:var(--tm-gold, #b98b42);outline:none}.tm-zg-note{color:var(--tm-muted, #69726a);font-size:1.25rem;line-height:1.55;margin:1.2rem 0 0;max-width:560px}.tm-zg-btn{align-items:center;background:transparent;border:1px solid var(--tm-ink, #18211c);border-radius:999px;color:var(--tm-ink, #18211c);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.376rem;font-weight:700;justify-content:center;min-height:44px;padding:1.1rem 1.92rem;text-decoration:none}.tm-zg-btn--primary{background:var(--tm-ink, #18211c);color:#fffaf0}.tm-zg-btn--soft{background:#fffdf8bf;border-color:var(--tm-line, rgba(24, 33, 28, .14))}.tm-zg-btn--soft:hover,.tm-zg-btn--soft:focus-visible{border-color:var(--tm-gold, #b98b42);outline:none}.tm-zg-month select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid var(--tm-line, rgba(24, 33, 28, .14));border-radius:var(--tm-zg-radius);color:var(--tm-ink, #18211c);font-family:inherit;font-size:1.4rem;min-height:44px;min-width:22ch;padding:.8rem 1.2rem}.tm-zg-month select:focus-visible{border-color:var(--tm-gold, #b98b42);outline:none}.tm-zg-result{background:var(--tm-rice, #f7f0e6);border:1px solid var(--tm-line, rgba(24, 33, 28, .14));border-radius:var(--tm-zg-radius);margin-top:1.2rem;padding:2.8rem clamp(1.6rem,3vw,3.2rem)}.tm-zg-result__element{color:var(--tm-gold, #b98b42);font-size:1.2rem;font-weight:700;letter-spacing:.12em;margin:0 0 .6rem;text-transform:uppercase}.tm-zg-result__title{font-family:Georgia,Times New Roman,serif;font-size:2.8rem;margin:0 0 1.2rem}.tm-zg-result__essence,.tm-zg-result__counsel{color:var(--tm-ink, #18211c);font-size:1.45rem;line-height:1.65;margin:0 0 1.2rem;max-width:640px}.tm-zg-result__counsel{color:var(--tm-muted, #69726a)}.tm-zg-label{color:var(--tm-cinnabar, #a94434);font-size:1.15rem;font-weight:800;letter-spacing:.12em;margin:2rem 0 .8rem;text-transform:uppercase}.tm-zg-season__text{color:var(--tm-ink, #18211c);font-size:1.4rem;line-height:1.65;margin:0 0 .8rem;max-width:640px}.tm-zg-pieces__why{color:var(--tm-muted, #69726a);font-size:1.3rem;line-height:1.6;margin:0 0 1.4rem;max-width:640px}.tm-zg-result .tm-zg-shop{margin-top:1.8rem}.tm-zg .tm-rm-products{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.tm-zg .tm-rm-product{background:#fff;border:1px solid var(--tm-line, rgba(24, 33, 28, .14));border-radius:var(--tm-zg-radius);color:var(--tm-ink, #18211c);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tm-zg .tm-rm-product:hover,.tm-zg .tm-rm-product:focus-visible{border-color:var(--tm-gold, #b98b42);box-shadow:0 8px 22px #b98b4224;outline:none;transform:translateY(-2px)}.tm-zg .tm-rm-product__media{aspect-ratio:1 / 1;background:var(--tm-mist, #eef4ef);display:block}.tm-zg .tm-rm-product__media img{display:block;height:100%;object-fit:cover;width:100%}.tm-zg .tm-rm-product__title{font-size:1.3rem;font-weight:600;line-height:1.3;padding:.8rem .9rem .2rem}.tm-zg .tm-rm-product__price{color:#50605a;font-size:1.2rem;padding:0 .9rem .9rem}.tm-zg-prompt{border:1px dashed var(--tm-line, rgba(24, 33, 28, .14));border-radius:var(--tm-zg-radius);margin-top:1.2rem;padding:2.4rem;text-align:center}.tm-zg-prompt p{color:var(--tm-muted, #69726a);font-size:1.4rem;margin:0}@media(max-width:920px){.tm-zg-animals{grid-template-columns:repeat(4,1fr)}.tm-zg .tm-rm-products{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.tm-zg-animals{grid-template-columns:repeat(3,1fr)}.tm-zg-year{align-items:stretch;flex-direction:column}.tm-zg-year__field input,.tm-zg-btn{width:100%}}@media(prefers-reduced-motion:reduce){.tm-zg-animal,.tm-zg .tm-rm-product{transition:none}.tm-zg-animal:hover,.tm-zg-animal:focus-visible,.tm-zg .tm-rm-product:hover,.tm-zg .tm-rm-product:focus-visible{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tm-zodiac-guide.css.map */
