.order-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease-in-out}.order-modal-backdrop.visible{opacity:1}.order-modal-content{background:white;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:scale(.95);transition:transform .3s ease-in-out}.order-modal-backdrop.visible .order-modal-content{transform:scale(1)}.order-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.order-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#111827}.order-modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.order-modal-close:hover{background:#e5e7eb;color:#374151}.order-modal-body{padding:24px}.order-modal-body p{margin:0 0 20px;color:#6b7280;font-size:1rem}.locations-container{display:grid;grid-gap:16px;gap:16px}.location-card{border:2px solid #e5e7eb;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease;background:#ffffff}.location-card:hover{border-color:#f59e0b;box-shadow:0 4px 12px rgba(245,158,11,.15);transform:translateY(-2px)}.location-logo{margin-bottom:16px;display:flex;justify-content:center;align-items:center}.location-logo img{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.location-card h3{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:#111827}.order-location-btn{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px rgba(245,158,11,.2)}.order-location-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 8px rgba(245,158,11,.3);color:white;text-decoration:none}.order-location-btn:active{transform:translateY(0)}@media (max-width:768px){.order-modal-content{width:95%;margin:20px}.order-modal-header{padding:20px 20px 16px}.order-modal-header h2{font-size:1.25rem}.order-modal-body{padding:20px}.location-card{padding:16px}.location-card h3{font-size:1.125rem}}