:root{--hiw-bg: #f7f5f2;--hiw-card-bg: #ffffff;--hiw-primary: #1c2b3a;--hiw-text-body: #475569;--hiw-text-muted: #64748b;--hiw-accent: #15803d;--hiw-accent-bg: #ecfdf5;--hiw-accent-border: #bbf7d0;--hiw-border: #e2ded7;--hiw-border-hover: rgba(21, 128, 61, .4)}.hiw-section{width:100%;padding-top:8px;background-color:var(--hiw-bg);box-sizing:border-box;overflow:hidden}.hiw-container{max-width:1140px;margin:0 auto;padding:0 20px;box-sizing:border-box}.hiw-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.hiw-eyebrow{display:block;margin-bottom:6px;color:var(--hiw-accent);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hiw-title{margin:0;color:var(--hiw-primary);font-size:clamp(26px,3.2vw,36px);font-weight:750;letter-spacing:-.025em;line-height:1.2}.hiw-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.hiw-count{color:var(--hiw-text-muted);font-size:15px;font-weight:600}.hiw-arrows{display:flex;gap:8px}.hiw-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--hiw-card-bg);border:1px solid var(--hiw-border);border-radius:50%;color:var(--hiw-primary);cursor:pointer;transition:all .2s ease}.hiw-arrow:hover{background-color:var(--hiw-primary);color:#fff;border-color:var(--hiw-primary)}.hiw-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:20px;scroll-padding-right:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:6px 20px 20px}.hiw-viewport::-webkit-scrollbar{display:none}.hiw-track{display:flex;gap:20px;margin:0;padding:0;list-style:none;width:max-content}.hiw-track:after{content:"";display:block;flex:0 0 1px;margin-left:-1px}.hiw-card{flex:0 0 320px;max-width:360px;background:var(--hiw-card-bg);border:1px solid var(--hiw-border);border-radius:14px;padding:26px 22px;box-sizing:border-box;scroll-snap-align:start;box-shadow:0 2px 10px #1c2b3a09;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hiw-card:hover{transform:translateY(-3px);border-color:var(--hiw-border-hover);box-shadow:0 10px 22px #1c2b3a12}.hiw-card__top{margin-bottom:14px}.hiw-card__badge{display:inline-block;padding:4px 10px;background-color:var(--hiw-accent-bg);color:var(--hiw-accent);border:1px solid var(--hiw-accent-border);border-radius:6px;font-size:13px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.hiw-card__title{margin:0 0 8px;color:var(--hiw-primary);font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.015em}.hiw-card__description{margin:0;color:var(--hiw-text-body);font-size:15px;line-height:1.6;font-weight:400}.hiw-footer{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.hiw-progress{width:140px;height:4px;background-color:var(--hiw-border);border-radius:9999px;overflow:hidden}.hiw-progress-bar{width:25%;height:100%;background-color:var(--hiw-accent);border-radius:9999px;transition:width .15s ease-out}.hiw-mobile-swipe-text{display:none;color:var(--hiw-text-muted);font-size:13px;font-weight:500}@media screen and (max-width:767px){.hiw-section{padding:4px 0}.hiw-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.hiw-arrows{display:none}.hiw-card{flex:0 0 82vw;min-width:260px;padding:22px 18px;scroll-snap-align:center}.hiw-card__title{font-size:18px}.hiw-card__description{font-size:14.5px;line-height:1.55}.hiw-mobile-swipe-text{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-how-it-works-carousel.css.map */