.benefits{background:#fff;padding:44px 16px 48px;overflow:hidden}.benefits__top{text-align:center;margin-bottom:24px}.benefits__eyebrow{font-family:var(--font-body-family, "Red Hat Text", sans-serif);font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:#c9b06b;margin-bottom:14px;font-size:1.4rem}.benefits__heading{font-family:var(--font-heading-family, "Red Hat Display", sans-serif);font-size:24px;font-weight:800;line-height:1.15;color:#184344;letter-spacing:-.03em;margin:0}.benefits__tags{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:400px;margin:0 auto}.benefits__tag{display:flex;flex-direction:column;align-items:center;gap:6px;background:#1843440a;border:1px solid rgba(24,67,68,.12);border-radius:12px;padding:14px 6px 12px;font-family:var(--font-body-family, "Red Hat Text", sans-serif);font-size:11px;font-weight:500;color:#184344b3;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.2}.benefits__tag:hover{background:#18434414;border-color:#c9b06b80;color:#184344}.benefits__tag.is-active{background:#c9b06b1f;border-color:#c9b06b;color:#184344;box-shadow:0 0 0 1px #c9b06b}.benefits__tag-icon{display:flex;align-items:center;justify-content:center}.benefits__tag svg{width:22px;height:22px;stroke-width:1.8;flex-shrink:0;transition:all .2s ease}.benefits__tag--energy svg{color:#f5a623}.benefits__tag--focus svg{color:#6b8fd4}.benefits__tag--stress svg{color:#7ba67b}.benefits__tag--immunity svg{color:#d4c07c}.benefits__tag--recovery svg{color:#e87461}.benefits__tag--sleep svg{color:#9b84c8}.benefits__tag.is-active svg{filter:drop-shadow(0 0 6px currentColor)}.benefits__detail{max-width:400px;margin:0 auto;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin .3s ease}.benefits__detail.is-visible{max-height:180px;opacity:1;margin-top:12px;margin-bottom:16px}.benefits__detail-inner{background:#1843440f;border:1px solid rgba(24,67,68,.1);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px}.benefits__detail-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.benefits__detail-icon svg{width:18px;height:18px;stroke-width:1.8}.benefits__detail-icon--energy{background:#f5a62326;color:#f5a623}.benefits__detail-icon--focus{background:#6b8fd426;color:#6b8fd4}.benefits__detail-icon--stress{background:#7ba67b26;color:#7ba67b}.benefits__detail-icon--immunity{background:#d4c07c26;color:#d4c07c}.benefits__detail-icon--recovery{background:#e8746126;color:#e87461}.benefits__detail-icon--sleep{background:#9b84c826;color:#9b84c8}.benefits__detail-body{flex:1;min-width:0}.benefits__detail-title{font-family:var(--font-heading-family, "Red Hat Display", sans-serif);font-size:18px;font-weight:700;color:#184344;margin-bottom:4px;line-height:1.25}.benefits__detail-text{font-family:var(--font-body-family, "Red Hat Text", sans-serif);font-size:16px;line-height:1.55;color:#184344a6}.benefits__detail-text strong{color:#c9b06b;font-weight:600}.benefits__detail-text p{margin:0}.benefits__closer,.benefits__closer *{text-align:center!important;font-family:var(--font-body-family, "Red Hat Text", sans-serif);font-size:15px;color:#184344a6;line-height:1.5}.benefits__closer{margin-top:20px;max-width:400px;margin-left:auto;margin-right:auto}.benefits__closer strong{color:#184344}.benefits__closer p{margin:0}@media screen and (min-width:750px){.benefits{padding:80px 40px 88px}.benefits__top{margin-bottom:44px}.benefits__eyebrow{font-size:1.6rem;letter-spacing:3px}.benefits__heading{font-size:48px;max-width:560px;margin:0 auto}.benefits__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px}.benefits__tag{flex-direction:row;gap:10px;border-radius:100px;padding:12px 22px 12px 16px;font-size:15px}.benefits__tag svg{width:20px;height:20px}.benefits__detail{max-width:540px}.benefits__detail.is-visible{max-height:200px;margin-top:20px;margin-bottom:20px}.benefits__detail-inner{padding:22px 24px;border-radius:14px}.benefits__detail-icon{width:42px;height:42px}.benefits__detail-icon svg{width:20px;height:20px}.benefits__detail-title{font-size:20px}.benefits__detail-text{font-size:17px}.benefits__closer{font-size:14px;margin-top:28px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-benefits-trio.css.map */