.steps-section{padding:80px 0;border-top:1px solid var(--ivory)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;position:relative;text-align:center}.step-image{margin-bottom:1rem;margin-inline:auto}.step-image img{max-width:100%;height:auto;object-fit:cover}.step-card{background:var(--white);padding:56px 40px;border:1px solid var(--ivory);position:relative;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000000a;border-color:var(--sand)}.step-icon-wrap{width:64px;height:64px;background:var(--warm-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:32px;color:var(--sand);position:relative;z-index:2}.step-num-bg{position:absolute;top:15px;right:25px;font-family:var(--serif);font-size:3.5rem;font-weight:700;color:var(--black);line-height:1;opacity:.04;pointer-events:none;z-index:1}.product-how-it-work .step-title{font-family:var(--serif);font-size:1.4rem;color:var(--black);position:relative;z-index:2;font-weight:700;letter-spacing:.04em;margin-bottom:10px}.step-desc{font-size:.82rem;color:var(--mid-gray);line-height:1.8;max-width:260px;position:relative;margin-inline:auto;z-index:2}h3.step-title{margin-block:1.25rem}.steps-note{font-size:.72rem;color:var(--text-muted);text-align:center;margin-top:40px;line-height:1.75;max-width:600px;margin-left:auto;margin-right:auto}.steps-note a{color:var(--sand);text-decoration:underline;text-underline-offset:2px;font-weight:600;transition:color .2s}.steps-note a:hover{color:var(--black)}.step-num{font-family:var(--serif);font-size:2.5rem;font-weight:700;color:var(--clay);line-height:1;margin-bottom:20px}@media(max-width:1024px){.steps-grid{gap:24px}.step-card{padding:48px 32px}}@media(max-width:768px){.steps-grid{grid-template-columns:1fr;gap:32px;text-align:center}.step-image{max-width:200px}.step-desc{margin-inline:auto}.steps-section{padding-block:48px}.step-num{font-size:1.625rem;margin-bottom:.625rem}h3.step-title{font-size:1.325rem;margin-block:.625rem}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/TIS_product-how-it-works.css.map */