.htu-section{background:var(--htu-bg, #fff);width:100%;overflow:hidden}.htu-container{max-width:1200px;margin:0 auto;padding:0 24px}.htu-subheading{text-align:center;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--htu-subheading-color, #a5ed43);margin:0 0 12px}.htu-heading{text-align:center;color:var(--htu-heading-color, #003024);margin:0 0 32px;line-height:1.2;font-weight:800}.htu-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;margin-bottom:56px}.htu-connector{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff26;border-radius:50%;color:var(--htu-heading-color, #003024);flex-shrink:0}.htu-connector svg{width:24px;height:24px}.htu-card{position:relative;border-radius:var(--htu-card-radius, 20px);overflow:hidden;padding:40px 36px;cursor:default;background:var(--htu-card-bg, rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.08);transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .3s ease,background .3s ease;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,border-color .3s ease}.htu-card.htu-visible{opacity:1;transform:translateY(0)}.htu-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--htu-heading-color, #003024);background:var(--htu-card-bg-hover, rgba(255,255,255,.09))}.htu-card--mouthwash,.htu-card--effervescent{background:var(--htu-card-bg, rgba(255,255,255,.06))}.htu-card-content{position:relative;z-index:2;text-align:center}.htu-card-icon{width:72px;height:72px;margin:0 auto 24px;color:var(--htu-icon-color, var(--htu-heading-color, #003024));border:2px solid var(--htu-icon-color, var(--htu-heading-color, #003024));border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease}.htu-card:hover .htu-card-icon{background:var(--htu-icon-color, var(--htu-heading-color, #003024));color:#fff}.htu-card-icon svg{width:32px;height:32px}.htu-step-number{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--htu-heading-color, #003024);opacity:.7;margin-bottom:16px}.htu-card-title{color:var(--htu-card-title-color, #003024);margin:0 0 16px;font-weight:700;line-height:1.3;font-size:20px}.htu-steps{list-style:none;padding:0;margin:0 auto;display:inline-block;text-align:left}.htu-steps li{color:var(--htu-step-color, #285a48);padding:7px 0 7px 22px;position:relative;line-height:1.55;font-size:14px}.htu-steps li:before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--htu-heading-color, #003024);opacity:.35;flex-shrink:0}.htu-timeline{padding:48px 40px;opacity:0;transform:translateY(30px);transition:opacity .6s ease .15s,transform .6s ease .15s}.htu-timeline.htu-visible{opacity:1;transform:translateY(0)}.htu-tl-title{text-align:center;color:var(--htu-tl-title-color, #003024);margin:0 0 40px;font-weight:800}.htu-tl-track{position:relative;max-width:900px;margin:0 auto;height:6px;background:#e0e0e0;border-radius:6px}.htu-tl-progress{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,var(--htu-tl-start),var(--htu-tl-end));border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.htu-tl-milestones{display:flex;justify-content:space-between;position:relative;top:-14px}.htu-milestone{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.htu-milestone--active{opacity:1;transform:translateY(0)}.htu-milestone-dot{width:24px;height:24px;border-radius:50%;background:var(--htu-milestone-dot, #4db8a8);border:4px solid var(--htu-milestone-ring, #e0f7f4);box-shadow:0 2px 10px #00000026;transition:transform .3s ease}.htu-milestone--active .htu-milestone-dot{transform:scale(1.15)}.htu-milestone-week{font-size:13px;font-weight:700;color:var(--htu-milestone-week, #003024);white-space:nowrap}.htu-milestone-text{font-size:12px;color:var(--htu-milestone-text, #666);text-align:center;max-width:120px;line-height:1.4}@media(max-width:768px){.htu-cards{grid-template-columns:1fr}.htu-connector{transform:rotate(90deg)}.htu-card{padding:32px 24px}.htu-timeline{padding:36px 20px}.htu-tl-milestones{gap:8px}.htu-milestone-text{font-size:11px;max-width:80px}.htu-heading{font-size:32px!important}}@media(max-width:480px){.htu-tl-track{height:3px}.htu-milestone-dot{width:18px;height:18px;border-width:3px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-how-to-use.css.map */