.adoc-how *,.adoc-how *:before,.adoc-how *:after{box-sizing:border-box}.adoc-how{background-color:var(--adoc-how-bg, #ffffff);color:var(--adoc-how-step-title, #1a1a1a);padding-top:var(--adoc-how-pt, 48px);padding-bottom:var(--adoc-how-pb, 48px)}.adoc-how__inner{max-width:1200px;margin-inline:auto;padding-inline:1rem}.adoc-how__heading{margin:0 0 2rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.15;text-align:center;color:var(--adoc-how-heading, #1a1a1a)}.adoc-how__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2rem}.adoc-how__step{position:relative;text-align:center}.adoc-how__step-link{display:block;color:inherit;text-decoration:none}.adoc-how__step-link:hover .adoc-how__step-title{text-decoration:underline}.adoc-how__step-link:focus-visible{outline:2px solid var(--adoc-how-badge-bg, #ff6a00);outline-offset:4px;border-radius:8px}.adoc-how__step-media{position:relative;display:inline-flex;width:64px;height:64px;margin-bottom:.85rem}.adoc-how__step-circle{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:var(--adoc-how-step-circle, #1a1a1a);color:var(--adoc-how-step-icon, #ffffff)}.adoc-how__step-circle svg,.adoc-how__step-icon-img{width:30px;height:30px;display:block;object-fit:contain}.adoc-how__badge{position:absolute;top:50%;left:-2rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--adoc-how-badge-bg, #ff6a00);color:var(--adoc-how-badge-text, #ffffff);font-size:.8125rem;font-weight:700;line-height:1}.adoc-how__step-title{margin:0 0 .35rem;font-size:1.0625rem;font-weight:700;line-height:1.25;color:var(--adoc-how-step-title, #1a1a1a)}.adoc-how__step-text{margin:0;font-size:.875rem;line-height:1.5;color:var(--adoc-how-step-text, #6b6b6b)}.adoc-how__benefits{list-style:none;margin:2.5rem 0 0;padding:1.25rem;display:grid;grid-template-columns:1fr;gap:1.25rem;background-color:var(--adoc-how-bar-bg, #f5f5f5);border:1px solid var(--adoc-how-bar-border, #ececec);border-radius:16px}.adoc-how__benefit{display:flex;align-items:center;gap:.75rem}.adoc-how__benefit-icon{flex:0 0 auto;line-height:0;color:var(--adoc-how-benefit-icon, #1a1a1a)}.adoc-how__benefit-icon svg,.adoc-how__benefit-icon-img{width:28px;height:28px;display:block;object-fit:contain}.adoc-how__benefit-text{font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--adoc-how-benefit-text, #3d3d3d)}@media screen and (min-width:480px){.adoc-how__benefits{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media screen and (min-width:750px){.adoc-how__inner{padding-inline:1.5rem}.adoc-how__steps{grid-template-columns:repeat(3,1fr);gap:3rem}.adoc-how__step-media{width:72px;height:72px}.adoc-how__step-circle svg,.adoc-how__step-icon-img{width:32px;height:32px}.adoc-how__step:not(:last-child):after{content:"";position:absolute;top:36px;left:100%;width:3rem;height:12px;transform:translateY(-50%);background-color:var(--adoc-how-arrow, #cfcfcf);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 12'%3E%3Cline x1='0' y1='6' x2='38' y2='6' stroke='%23000' stroke-width='2' stroke-dasharray='5 4'/%3E%3Cpath d='M37 1.5 45 6 37 10.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 12'%3E%3Cline x1='0' y1='6' x2='38' y2='6' stroke='%23000' stroke-width='2' stroke-dasharray='5 4'/%3E%3Cpath d='M37 1.5 45 6 37 10.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat}.adoc-how__benefits{grid-template-columns:repeat(4,1fr);padding:1.5rem 2rem}}@media screen and (max-width:749px){.adoc-how__steps{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;margin-inline:-1rem;padding:0 1rem .5rem;scrollbar-width:none}.adoc-how__steps::-webkit-scrollbar{display:none}.adoc-how__step{flex:0 0 80%;scroll-snap-align:center}}@media(prefers-reduced-motion:reduce){.adoc-how__step-link{transition:none}}.adoc-how__heading,.adoc-how__step-title{font-family:Outfit,Fjalla One,sans-serif}
/*# sourceMappingURL=/cdn/shop/t/6/assets/landing-adoc-how-it-works.css.map */