.order-container{max-width:1000px;margin:0 auto;padding:20px}.order-section{border-radius:15px;border:2.5px solid var(--color-border);background:var(--color-white);box-shadow:0 4px 8px #0000001a;padding:30px;color:var(--color-dark);font-family:var(--font-sans)}.order-section h2{font-family:var(--font-serif);font-size:2em;margin-bottom:30px;text-align:center;color:var(--color-primary);font-weight:700;padding-bottom:15px;border-bottom:2px solid var(--color-border)}.order-steps{margin-bottom:35px}.step{position:relative;padding:25px 20px 25px 80px;margin-bottom:20px;background:var(--color-surface);border-radius:10px;border:.5px solid var(--color-border);border-left:4px solid var(--color-primary)}.step-number{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem}.step h3{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-primary);margin-bottom:10px;font-weight:600}.step p{font-size:.95rem;line-height:1.6;color:var(--color-dark);margin:8px 0}.contact-methods{background:#fff;padding:10px 15px;border-radius:5px;margin:10px 0}.contact-methods p{margin:5px 0;font-size:.95rem}.pickup-details{background:#fff;padding:10px 15px;border-radius:5px;margin-top:10px}.pickup-details p{margin:5px 0;font-size:.95rem}.email-template{background:var(--color-primary);border-radius:10px;padding:25px;border:2px solid var(--color-secondary)}.email-template h3{font-family:var(--font-serif);font-size:1.4rem;color:var(--color-bg-light);margin-bottom:15px;text-align:center;font-weight:600}.template-box{background:#fff;border:1px solid var(--color-border);border-radius:8px;padding:20px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.8}.template-field{margin:10px 0;color:var(--color-dark)}.template-list{margin:10px 0 10px 20px;list-style-type:disc}.template-list li{margin:5px 0;color:var(--color-dark)}@media(max-width:1000px){.order-container{padding:15px}.order-section{padding:25px}}@media(max-width:500px){.order-container{padding:10px}.order-section{padding:20px;border-radius:10px}.order-section h2{font-size:1.6em;margin-bottom:20px}.step{padding:20px 15px 20px 60px;margin-bottom:15px}.step-number{left:12px;width:35px;height:35px;font-size:1.1rem}.step h3{font-size:1.15rem}.step p{font-size:.9rem}.email-template{padding:20px}.email-template h3{font-size:1.2rem}.template-box{padding:15px;font-size:.85rem}}@media(max-width:350px){.order-container{padding:8px}.order-section{padding:15px;border-radius:8px}.order-section h2{font-size:1.4em;margin-bottom:15px;padding-bottom:10px}.step{padding:15px 10px 15px 50px;margin-bottom:12px}.step-number{left:8px;width:30px;height:30px;font-size:1rem}.step h3{font-size:1rem;margin-bottom:8px}.step p,.contact-methods p,.pickup-details p{font-size:.85rem;margin:4px 0}.email-template{padding:15px;border-width:1.5px}.email-template h3{font-size:1.1rem;margin-bottom:12px}.template-box{padding:12px;font-size:.8rem;line-height:1.6}.template-list{margin-left:15px}}@media(max-width:580px){.template-box{padding-top:30px;padding-bottom:30px}}.template-box-wrapper{position:relative}.copy-button{position:absolute;top:10px;right:10px;background:var(--color-primary);color:#fff;border:none;border-radius:5px;padding:8px 12px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease;z-index:1}.copy-button:hover{background:#7a6248;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:#4caf50}.copy-icon{font-size:1rem}@media(max-width:500px){.copy-button{padding:6px 10px;font-size:.8rem}.copy-text{display:none}}
