.order-payment-page{background-color:#fff;padding-top:80px}.op-hero{padding:100px 0;background:radial-gradient(circle at top right,#fff7ed,#fff 50%);overflow:hidden}.op-hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.op-badge{display:inline-block;padding:6px 16px;background:#fff7ed;color:#f97316;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:1px}.op-hero-text h1{font-size:4rem;font-weight:900;color:var(--dark-gray);line-height:1.1;margin-bottom:1.5rem}.op-hero-text p{font-size:1.25rem;color:var(--gray);margin-bottom:2.5rem;line-height:1.6;max-width:600px}.op-hero-actions{display:flex;gap:1rem}.op-frame-container{position:relative;width:100%;max-width:400px;margin:0 auto}.phone-mockup{width:300px;height:600px;background:#1a1a1a;border-radius:40px;padding:12px;position:relative;box-shadow:0 50px 100px #00000026;z-index:2;margin:0 auto}.phone-screen{width:100%;height:100%;background:#f8fafc;border-radius:32px;overflow:hidden;position:relative}.op-ui{height:100%;width:100%;display:flex;flex-direction:column}.step-scan{background:#000;color:#fff;justify-content:center;align-items:center}.scan-box{width:160px;height:160px;border:2px solid rgba(255,255,255,.2);border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.scan-line{position:absolute;width:100%;height:2px;background:#f97316;box-shadow:0 0 10px #f97316}.step-menu{padding:50px 15px 15px;background:#fff}.op-header{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.brand{font-weight:800;font-size:.8rem}.mini-item{display:flex;align-items:center;gap:10px;margin-bottom:15px}.item-img{width:40px;height:40px;background:#f1f5f9;border-radius:8px}.item-text{flex:1}.skeleton-title{width:60%;height:8px;background:#f1f5f9;border-radius:4px;margin-bottom:6px}.skeleton-price{width:30%;height:8px;background:#fff7ed;border-radius:4px}.item-add{width:24px;height:24px;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:700;font-size:14px}.menu-bottom{margin-top:auto}.view-cart-btn{background:#1a1a1a;color:#fff;padding:12px;border-radius:12px;text-align:center;font-size:.75rem;font-weight:700}.step-pay{padding:60px 20px 20px}.pay-header{text-align:center;margin-bottom:30px}.pay-header .amount{font-size:2.5rem;font-weight:900;color:#1a1a1a}.payment-methods{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.method{padding:15px;border:1px solid #e2e8f0;border-radius:12px;font-size:.8rem;font-weight:700}.method.selected{border-color:#f97316;background:#fff7ed;color:#f97316}.confirm-pay-btn{background:#1a1a1a;color:#fff;width:100%;padding:16px;border-radius:12px;border:none;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.step-success{justify-content:center;align-items:center;padding:20px;text-align:center}.success-circle{width:80px;height:80px;background:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.success-circle svg{filter:drop-shadow(0 0 5px rgba(16,185,129,.2))}.step-success h3{font-size:1.5rem;font-weight:900;margin-bottom:10px}.success-badge{margin-top:20px;padding:6px 15px;background:#f97316;color:#fff;border-radius:var(--radius-full);font-size:.7rem;font-weight:800}.op-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:100%;background:radial-gradient(circle,rgba(249,115,22,.08) 0%,transparent 70%)}.op-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.op-bento-card{padding:40px;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease}.op-bento-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0000000d}.op-bento-card.color-orange{background:#fdfaf8}.op-bento-card.color-green{background:#f9fdfa}.op-bento-card.color-blue{background:#f8fbff}.op-bento-card .card-icon{width:60px;height:60px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #0000000d}.op-bento-card.color-orange .card-icon{color:#f97316}.op-bento-card.color-green .card-icon{color:#10b981}.op-bento-card.color-blue .card-icon{color:#3b82f6}.op-bento-card h3{font-size:1.5rem;font-weight:800}.op-cta .cta-glass-card{background:linear-gradient(135deg,#f97316,#ea580c);padding:80px 40px;border-radius:3rem;text-align:center;color:#fff}.cta-head{margin-bottom:2rem}.op-cta h2{font-size:3rem;font-weight:900;margin-bottom:1rem}@media(max-width:1024px){.op-hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.op-hero-text h1{font-size:3rem}.op-hero-actions{justify-content:center}.op-bento-grid{grid-template-columns:1fr}}@media(max-width:768px){.op-hero{padding:60px 0}.op-hero-text h1{font-size:2.25rem}.op-hero-actions{flex-direction:column}.cta-glass-card h2{font-size:2rem}}