.how-it-works-section{padding:4rem 0;background-color:var(--color-background, #ffffff);color:var(--color-foreground, #000000)}.how-it-works-section .container{max-width:32rem;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.how-it-works-section .container{max-width:80rem}.shipping-steps-container{max-width:75rem}}.how-it-works-header{text-align:center;margin-bottom:2rem;padding-top:2rem}.how-it-works-header h1{margin-bottom:.5rem;font-size:2rem;font-weight:600;line-height:1.2}.how-it-works-header .subtitle{color:rgb(var(--color-foreground) / .7);margin-bottom:.5rem}.how-it-works-header .transparency-note{font-size:.875rem;color:rgb(var(--color-base-accent-1));margin-top:.5rem}.shipping-steps-container{width:100%;max-width:28rem;margin:0 auto;background-color:var(--color-background, #ffffff);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:1px solid rgba(0,0,0,.1)}.shipping-steps-header{margin-bottom:1.5rem}.shipping-steps-header h2{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.shipping-steps-header .steps-subtitle{color:rgb(var(--color-foreground) / .7)}.shipping-steps-header .steps-hint{font-size:.75rem;color:rgb(var(--color-foreground) / .7);margin-top:.25rem}.steps-timeline{position:relative}.step-item{position:relative;padding-bottom:2rem}.step-item:last-child{padding-bottom:0}.step-connector.has-line:after{content:"";position:absolute;left:1.5rem;top:3rem;width:.125rem;height:4rem;background-color:#00000026;z-index:0}.step-content{display:flex;align-items:flex-start}.step-circle{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:2px solid rgba(0,0,0,.15);background-color:#f8f9fa;color:#6b7280;margin-right:1rem;flex-shrink:0}.step-circle.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.step-circle svg{width:1.25rem;height:1.25rem}.step-details{flex:1;min-width:0;padding-top:.25rem}.step-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;background-color:#f1f5f9;color:#64748b;margin-bottom:.25rem}.step-badge.active{background-color:#3b82f61a;color:#3b82f6}.step-title{margin-bottom:.25rem;font-size:1rem;font-weight:500;color:rgb(var(--color-foreground) / .7)}.step-title.active{color:rgb(var(--color-foreground))}.step-description{color:rgb(var(--color-foreground) / .7);margin-bottom:.75rem;line-height:1.5}.transparency-section{margin-bottom:.75rem}.transparency-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:rgb(var(--color-foreground) / .7);background:none;border:none;padding:.5rem;margin-left:-.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.transparency-toggle:hover{color:rgb(var(--color-foreground));background-color:rgb(var(--color-background-2) / .5)}.transparency-toggle .chevron-icon{width:1rem;height:1rem;transition:transform .2s ease}.transparency-toggle.expanded .chevron-icon{transform:rotate(180deg)}.transparency-content{margin-top:.75rem;padding:1rem;background-color:#3b82f60d;border-radius:.5rem;border-left:4px solid rgba(59,130,246,.3)}.transparency-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.transparency-header svg{width:1rem;height:1rem}.transparency-header span{font-size:.875rem;color:rgb(var(--color-foreground));font-weight:500}.transparency-content p{font-size:.875rem;color:rgb(var(--color-foreground) / .7);line-height:1.6;margin:0}.shipping-note{margin-top:1.5rem;padding:1rem;background-color:rgb(var(--color-background-2) / .5);border-radius:.5rem}.shipping-note p{color:rgb(var(--color-foreground) / .7);margin:0;font-size:.875rem;line-height:1.5}.transparency-commitment{margin-top:1rem;padding:1rem;background-color:rgb(var(--color-base-accent-1) / .05);border-radius:.5rem;border:1px solid rgb(var(--color-base-accent-1) / .2)}.transparency-commitment p{font-size:.875rem;color:rgb(var(--color-foreground) / .7);margin:0;line-height:1.5}.community-section{margin-top:2rem;padding:1.5rem;background-color:rgb(var(--color-base-accent-1) / .05);border-radius:.5rem;border:1px solid rgb(var(--color-base-accent-1) / .2)}.community-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.community-header .community-icon{width:1.25rem;height:1.25rem;color:rgb(var(--color-base-accent-1))}.community-header h3{color:rgb(var(--color-base-accent-1));font-size:1rem;font-weight:500;margin:0}.community-description{color:rgb(var(--color-foreground) / .7);margin-bottom:1rem;line-height:1.5}.community-button{display:inline-flex;align-items:center;gap:.5rem;background-color:rgb(var(--color-base-accent-1));color:rgb(var(--color-background));padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:background-color .2s ease}.community-button:hover{background-color:rgb(var(--color-base-accent-1) / .9)}.community-button svg{width:1rem;height:1rem}.support-section{margin-top:1.5rem;text-align:center}.support-question{color:rgb(var(--color-foreground) / .7);margin-bottom:1rem}.support-button{display:inline-block;background-color:rgb(var(--color-background-2));color:rgb(var(--color-foreground));padding:.5rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:background-color .2s ease}.support-button:hover{background-color:rgb(var(--color-background-2) / .9)}.transparency-statement{margin-top:2rem;text-align:center}.transparency-statement p{font-size:.75rem;color:rgb(var(--color-foreground) / .7);line-height:1.5;margin:0}@media (min-width: 769px){.mobile-timeline,.mobile-footer{display:none}.desktop-timeline{display:block}.desktop-steps-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.steps-connecting-line{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;height:2px;background-color:#00000026;z-index:0}.desktop-step-item{position:relative;z-index:1;text-align:center}.desktop-step-circle{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:2px solid rgba(0,0,0,.15);background-color:#f8f9fa;color:#6b7280;margin:0 auto 1rem}.desktop-step-circle.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.desktop-step-content .step-badge{display:inline-block;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;background-color:rgb(var(--color-background-2));color:rgb(var(--color-foreground) / .7);margin-bottom:.5rem}.desktop-step-content .step-badge.active{background-color:rgb(var(--color-base-accent-1) / .1);color:rgb(var(--color-base-accent-1))}.desktop-step-content .step-title{margin-bottom:.5rem;color:rgb(var(--color-foreground) / .7)}.desktop-step-content .step-title.active{color:rgb(var(--color-foreground))}.desktop-step-content .step-description{color:rgb(var(--color-foreground) / .7);font-size:.875rem;margin-bottom:1rem}.desktop-transparency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.desktop-transparency-card{padding:1.5rem;background-color:rgb(var(--color-base-accent-2) / .5);border-radius:.5rem;border-left:4px solid rgb(var(--color-base-accent-1) / .3)}.desktop-transparency-card .transparency-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.desktop-transparency-card .transparency-header span{font-size:.875rem;color:rgb(var(--color-foreground));font-weight:500}.desktop-transparency-card p{font-size:.875rem;color:rgb(var(--color-foreground) / .7);line-height:1.6;margin:0}.desktop-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.desktop-footer-grid .shipping-note,.desktop-footer-grid .transparency-commitment{margin-top:0}.community-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.community-description{margin-bottom:0;flex:1}.community-button{flex-shrink:0}}@media (max-width: 768px){.how-it-works-section{padding:2rem 0}.how-it-works-section .container{padding:0 .75rem}.shipping-steps-container{padding:1rem}.how-it-works-header{padding-top:1rem}.how-it-works-header h1{font-size:1.5rem}.desktop-timeline{display:none}.mobile-timeline,.mobile-footer{display:block}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/how-it-works.css.map */