.modal-overlay{position:fixed;top:0;left:0;height:100svh;background-color:rgba(15,15,15,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;z-index:10000;padding:2rem}.modal-container,.modal-overlay{width:100%;display:flex;pointer-events:all}.modal-container{background-color:var(--base-700);color:var(--base-100);border-radius:.75rem;max-width:600px;max-height:90vh;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.modal-container:has(.order-modal-content){max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{color:var(--base-100);font-size:clamp(1.5rem,2vw,2rem);margin:0;font-family:var(--font-koulen),sans-serif;text-transform:uppercase;letter-spacing:-.02rem}.modal-close{background:transparent;color:var(--base-100);border:none;padding:0;cursor:pointer;font-family:var(--font-dm-mono),monospace;font-weight:500;font-size:1.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s ease,transform .2s ease;line-height:1}.modal-close:hover{background-color:rgba(255,255,255,.1)}.modal-close:active{transform:scale(.9)}.modal-content{padding:1.25rem;flex:1 1;overflow:visible;max-height:none}.modal-content:has(.order-modal-content){padding:1rem}.modal-message{color:var(--base-100);font-family:var(--font-host-grotesk),sans-serif;font-size:clamp(1rem,.9vw,1.125rem);line-height:1.6;text-transform:none;margin:0}.modal-actions{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.modal-btn{flex:1 1;padding:1rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-family:var(--font-dm-mono),monospace;font-weight:500;font-size:clamp(.85rem,1vw,.85rem);text-transform:uppercase;transition:transform .2s ease,opacity .2s ease;letter-spacing:.05rem}.modal-btn:active{transform:scale(.95)}.modal-btn-cancel{background-color:transparent;color:var(--base-100);border:1px solid rgba(255,255,255,.3)}.modal-btn-cancel:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.modal-btn-confirm{background-color:var(--base-100);color:var(--base-700)}.modal-btn-confirm:hover{opacity:.9}@media (max-width:1024px){.modal-overlay{padding:1rem}.modal-container{max-width:100%}.modal-actions,.modal-content,.modal-header{padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:768px){.modal-overlay{padding:.75rem}.modal-container{max-height:95vh;border-radius:.5rem}.modal-header{padding:1rem 1.25rem .5rem}.modal-content{padding:1rem}.modal-actions{padding:1.25rem 1.25rem 1.5rem;flex-direction:column}.modal-btn{width:100%}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-container{max-height:98vh;border-radius:.375rem}.modal-header{padding:.875rem 1rem .5rem}.modal-title{font-size:1.25rem}.modal-content{padding:.875rem}.modal-actions{padding:1rem;gap:.75rem}}@media (hover:none) and (pointer:coarse){.modal-close{min-width:44px}.modal-btn,.modal-close{min-height:44px}}@media (max-width:360px){.modal-overlay{padding:.25rem}.modal-container{max-height:99vh}.modal-header{padding:.75rem .875rem .5rem}.modal-content{padding:.75rem}.modal-actions{padding:.875rem}}