.how-buying-works{--hbw-color-heading: #222222;--hbw-color-title: #1b1b1b;--hbw-color-body: #6b6b6b;--hbw-color-card-bg: #ffffff;--hbw-color-card-border: #f1f1f1;--hbw-color-icon-circle-bg: #fbeaea;--hbw-color-icon: #1b1b1b;--hbw-color-accent: #d61f1f;--hbw-color-badge-first-bg: #d61f1f;--hbw-color-badge-rest-bg: #1b1b1b;--hbw-color-badge-text: #ffffff;--hbw-color-connector-active: #d61f1f;--hbw-color-connector-idle: #d4d4d4;--hbw-color-connector-marker: #d61f1f;--hbw-shadow-card: 0 24px 48px -28px rgba(17, 17, 17, .16), 0 4px 14px -8px rgba(17, 17, 17, .08);--hbw-shadow-card-first: 0 24px 48px -28px rgba(214, 31, 31, .22), 0 4px 14px -8px rgba(214, 31, 31, .12);--hbw-shadow-process: 0 20px 44px -30px rgba(17, 17, 17, .18), 0 2px 10px -4px rgba(17, 17, 17, .06);--hbw-icon-wrap-size: clamp(72px, 6vw, 100px);--hbw-icon-size: clamp(42px, 4vw, 56px);--hbw-badge-size: clamp(34px, 2.4vw, 42px);--hbw-card-radius: 20px;--hbw-card-pad-block: clamp(28px, 2.6vw, 36px);--hbw-card-pad-inline: clamp(18px, 1.8vw, 26px);--hbw-card-min-width: 210px;--hbw-card-gap: clamp(16px, 2vw, 32px);display:block;padding-block:clamp(35px,6vw,50px);padding-inline:clamp(20px,5vw,50px);background-color:#fff;overflow-x:clip}.how-buying-works,.how-buying-works *,.how-buying-works *:before,.how-buying-works *:after{box-sizing:border-box}.how-buying-works__container{max-width:1320px;margin-inline:auto}.how-buying-works__heading{margin:0 0 clamp(40px,5.5vw,58px);color:var(--hbw-color-heading);font-weight:800;text-align:center;font-size:36px;line-height:1.05;letter-spacing:.2px;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}@media(min-width:750px){.how-buying-works__heading{font-size:48px;line-height:1.08;letter-spacing:.8px}}@media(min-width:1440px){.how-buying-works__heading{font-size:48px;line-height:1.05;letter-spacing:1px}}.how-buying-works__cards-viewport{display:none}.how-buying-works__cards{position:relative;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(var(--hbw-step-count, 5),minmax(var(--hbw-card-min-width),1fr));gap:var(--hbw-card-gap);align-items:stretch}.how-buying-works__card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--hbw-color-card-bg);border:1px solid var(--hbw-color-card-border);border-radius:var(--hbw-card-radius);padding-block:var(--hbw-card-pad-block);padding-inline:var(--hbw-card-pad-inline);box-shadow:var(--hbw-shadow-card)}.how-buying-works__card:first-child{box-shadow:var(--hbw-shadow-card-first)}.how-buying-works__card-title{margin:0 0 8px;color:var(--hbw-color-title);font-size:clamp(16px,1vw + 12px,19px);font-weight:700;line-height:1.3}.how-buying-works__card-desc{margin:0;color:var(--hbw-color-body);font-size:clamp(13px,.4vw + 12px,14.5px);line-height:1.55}.how-buying-works__card-desc p{margin:0}.how-buying-works__card-visual{position:relative;margin-block-end:calc(var(--hbw-badge-size) / 2 + 20px)}.how-buying-works__icon-wrap{display:flex;align-items:center;justify-content:center;inline-size:var(--hbw-icon-wrap-size);block-size:var(--hbw-icon-wrap-size);border-radius:50%;background-color:var(--hbw-color-icon-circle-bg);margin-inline:auto}.how-buying-works__icon{display:inline-flex;color:var(--hbw-color-icon)}.how-buying-works__icon svg{inline-size:var(--hbw-icon-size);block-size:var(--hbw-icon-size);display:block}.how-buying-works__cards:before{content:"";position:absolute;z-index:0;top:calc(var(--hbw-card-pad-block) + var(--hbw-icon-wrap-size));inset-inline-start:calc(var(--hbw-card-pad-inline) + (var(--hbw-icon-wrap-size) / 2));inset-inline-end:calc(var(--hbw-card-pad-inline) + (var(--hbw-icon-wrap-size) / 2));height:1px;background-image:repeating-linear-gradient(to right,var(--hbw-color-connector-idle) 0,var(--hbw-color-connector-idle) 5px,transparent 5px,transparent 11px);opacity:1;transition:opacity .25s ease}.how-buying-works__cards--connector-ready:before{opacity:0}.how-buying-works__connector{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;inline-size:100%;block-size:100%;pointer-events:none;overflow:visible;opacity:0;transition:opacity .3s ease}.how-buying-works__cards--connector-ready .how-buying-works__connector{opacity:1}.how-buying-works__connector-line{stroke:var(--hbw-color-connector-idle);stroke-width:1.5;stroke-dasharray:4 5;stroke-linecap:round}.how-buying-works__connector-line--active{stroke:var(--hbw-color-connector-active);stroke-width:2.25;stroke-dasharray:none}.how-buying-works__connector-marker{fill:var(--hbw-color-connector-marker)}.how-buying-works__badge{position:absolute;z-index:2;inset-inline-start:50%;inset-block-end:0;transform:translate(-50%,50%);inline-size:var(--hbw-badge-size);block-size:var(--hbw-badge-size);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--hbw-color-badge-text);background-color:var(--hbw-color-badge-rest-bg);font-size:clamp(13px,.9vw,15px);font-weight:700;line-height:1;box-shadow:0 0 0 4px var(--hbw-color-card-bg)}.how-buying-works__card:first-child .how-buying-works__badge{background-color:var(--hbw-color-badge-first-bg)}.how-buying-works__process{background-color:var(--hbw-color-card-bg);border:1px solid var(--hbw-color-card-border);border-radius:var(--hbw-card-radius);box-shadow:var(--hbw-shadow-process);padding-inline:clamp(16px,4vw,28px)}.how-buying-works__process-list{position:relative;margin:0;padding:0;list-style:none}.how-buying-works__process-list:before{content:"";position:absolute;z-index:0;inset-inline-start:calc(var(--hbw-process-track-width) / 2 - .75px);top:calc(var(--hbw-process-row-pad) + (var(--hbw-process-badge-size) / 2));bottom:calc(var(--hbw-process-row-pad) + (var(--hbw-process-badge-size) / 2));inline-size:1.5px;background-color:var(--hbw-color-connector-idle)}.how-buying-works__process{--hbw-process-track-width: 40px;--hbw-process-badge-size: 34px;--hbw-process-icon-size: 44px;--hbw-process-row-pad: 18px}.how-buying-works__process-row{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px;padding-block:var(--hbw-process-row-pad);border-block-end:1px solid var(--hbw-color-card-border)}.how-buying-works__process-row:last-child{border-block-end:none}.how-buying-works__process-track{flex:0 0 auto;inline-size:var(--hbw-process-track-width);block-size:var(--hbw-process-badge-size);display:flex;align-items:center;justify-content:center}.how-buying-works__process-badge{inline-size:var(--hbw-process-badge-size);block-size:var(--hbw-process-badge-size);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--hbw-color-badge-text);background-color:var(--hbw-color-badge-rest-bg);font-size:14px;font-weight:700;line-height:1;box-shadow:0 0 0 4px var(--hbw-color-card-bg)}.how-buying-works__process-row:first-child .how-buying-works__process-badge{background-color:var(--hbw-color-badge-first-bg)}.how-buying-works__process-icon-box{flex:0 0 auto;inline-size:var(--hbw-process-icon-size);block-size:var(--hbw-process-icon-size);border-radius:12px;background-color:#f4f4f4;color:var(--hbw-color-icon);display:flex;align-items:center;justify-content:center}.how-buying-works__process-icon-box svg{inline-size:24px;block-size:24px}.how-buying-works__process-text{display:flex;flex-direction:column;gap:2px;padding-block-start:2px;min-width:0}.how-buying-works__process-title{color:var(--hbw-color-title);font-size:15px;font-weight:700;line-height:1.35}.how-buying-works__process-desc{color:var(--hbw-color-body);font-size:13px;line-height:1.5}.how-buying-works__process-desc p{margin:0}@media(max-width:389.98px){.how-buying-works__process{--hbw-process-track-width: 34px;--hbw-process-badge-size: 30px;--hbw-process-icon-size: 48px;--hbw-process-row-pad: 14px;padding-inline:14px}.how-buying-works__process-icon-box svg{inline-size:20px;block-size:20px}.how-buying-works__process-title{font-size:14px}.how-buying-works__process-desc{font-size:12.5px}}@media(min-width:750px){.how-buying-works__process{display:none}.how-buying-works__cards-viewport{display:block;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-block:4px;margin-block:-4px}.how-buying-works__card{scroll-snap-align:start}}@media(min-width:1200px){.how-buying-works{--hbw-card-min-width: 220px;--hbw-card-gap: clamp(20px, 1.6vw, 32px)}}@media(min-width:1440px){.how-buying-works{--hbw-card-min-width: 230px}.how-buying-works__cards-viewport{overflow-x:visible}}@media(min-width:750px)and (hover:hover)and (pointer:fine){.how-buying-works__card{transition:transform .25s ease,box-shadow .25s ease}.how-buying-works__card:hover,.how-buying-works__card:focus-within{transform:translateY(-4px);box-shadow:0 32px 56px -28px #1113,0 6px 16px -6px #1111111a}.how-buying-works__card:first-child:hover,.how-buying-works__card:first-child:focus-within{box-shadow:0 32px 56px -28px #d61f1f42,0 6px 16px -6px #d61f1f24}}@media(prefers-reduced-motion:no-preference){.how-buying-works__card,.how-buying-works__process-row{animation:hbw-fade-in .5s ease both}.how-buying-works__card:nth-child(1),.how-buying-works__process-row:nth-child(1){animation-delay:0s}.how-buying-works__card:nth-child(2),.how-buying-works__process-row:nth-child(2){animation-delay:.08s}.how-buying-works__card:nth-child(3),.how-buying-works__process-row:nth-child(3){animation-delay:.16s}.how-buying-works__card:nth-child(4),.how-buying-works__process-row:nth-child(4){animation-delay:.24s}.how-buying-works__card:nth-child(5),.how-buying-works__process-row:nth-child(5){animation-delay:.32s}.how-buying-works__card:nth-child(n+6),.how-buying-works__process-row:nth-child(n+6){animation-delay:.4s}@keyframes hbw-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.how-buying-works__connector,.how-buying-works__cards:before{transition:none}}.how-buying-works .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/1/assets/how-buying-works.css.map */