:root{--primary-color:#2563eb;--bg-light:#f8fafc;--text-dark:#1e293b;--text-muted:#64748b}.how-to-order-section{background-color:var(--bg-light);padding:60px 0;font-family:Inter,sans-serif}.header-wrapper{text-align:center;margin-bottom:50px}.header-wrapper h1{color:var(--text-dark);margin-bottom:10px;font-size:36px;font-weight:800}.title-underline{background:var(--primary-color);border-radius:2px;width:60px;height:4px;margin:15px auto}.timeline-container{max-width:900px;margin:0 auto;position:relative}.step-card{background:#fff;border-radius:20px;gap:30px;margin-bottom:40px;padding:30px;transition:transform .3s;display:flex;box-shadow:0 4px 20px #0000000d}.step-card:hover{transform:translateY(-5px)}.step-number{color:#2563eb1a;font-size:40px;font-weight:900;line-height:1}.step-content h3{color:var(--text-dark);margin-bottom:12px;font-size:22px;font-weight:700}.step-content p{color:var(--text-muted);margin-bottom:20px;line-height:1.6}.img-browser-frame{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.img-browser-frame img{width:100%;display:block}.img-grid{grid-template-columns:1fr 1fr;gap:15px}.img-grid img{border:1px solid #ddd;border-radius:8px;width:100%}@media (max-width:768px){.step-card{flex-direction:column;padding:20px}.img-grid{grid-template-columns:1fr}}