.production-process-section{padding:5rem 0;background-color:var(--background-light);border-top:1px solid #f3f4f6}[data-theme=dark] .production-process-section{background-color:var(--surface-dark);border-color:#ffffff0d}.production-process-section .container{max-width:1400px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.production-process-section .container{padding:0 1.5rem}}@media(min-width:1024px){.production-process-section .container{padding:0 2rem}}.production-process-section .timeline{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.production-process-section .timeline{grid-template-columns:repeat(4,1fr);gap:0}}.production-process-section .step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.production-process-section .stepIndicator{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:1.5rem;width:100%}.production-process-section .stepNumber{width:2.75rem;height:2.75rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 4px 12px #ff57224d;flex-shrink:0}.production-process-section .stepConnector{display:none}@media(min-width:768px){.production-process-section .stepConnector{display:block;position:absolute;top:50%;left:calc(50% + 1.875rem);right:calc(-50% + 1.875rem);height:2px;background:linear-gradient(90deg,var(--primary),rgba(255,87,34,.2));z-index:1;transform:translateY(-50%)}}.production-process-section .stepCard{padding:1.5rem 1rem}.production-process-section .stepIconWrap{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:.75rem;background:linear-gradient(135deg,#ff57221a,#ff572208);margin-bottom:1rem}.production-process-section .stepIcon{font-size:1.5rem;color:var(--primary)}.production-process-section .stepTitle{font-family:var(--font-space-grotesk),"Space Grotesk",sans-serif;font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 .5rem}[data-theme=dark] .production-process-section .stepTitle{color:#fff}.production-process-section .stepDesc{font-family:var(--font-inter),sans-serif;font-size:.85rem;color:var(--text-muted);line-height:1.6;max-width:220px;margin:0 auto}[data-theme=dark] .production-process-section .stepDesc{color:#9ca3af}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-production-process.css.map */