/* Local compatibility stylesheet for DEWA1000 template.
   This is a baseline fallback, not the original vendor stylesheet. */
*,*::before,*::after{box-sizing:border-box}
html{font-family:Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}
body{margin:0;font-size:14px;line-height:1.5;color:#222;background:#fff}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:100%;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap}
.topbar-container{background:#b51019;color:#fff}
.site-header{background:#fff;border-bottom:1px solid #ddd}
.top-menu{display:flex;gap:16px;list-style:none;margin:0;padding:12px 0}
.login-panel{display:flex;gap:8px}
.login-button,.register-button,.btn,.btn-primary{display:inline-block;padding:9px 14px;border-radius:4px;background:#b51019;color:#fff;border:0;cursor:pointer}
.register-button{background:#222}
.modal{display:none}
.modal.show{display:block;position:fixed;inset:0;z-index:1050;overflow:auto;background:rgba(0,0,0,.55)}
.modal-dialog{max-width:540px;margin:5vh auto;padding:12px}
.modal-content{background:#fff;border-radius:6px;padding:18px}
.popup-loader-container{padding:20px;text-align:center}
.loader-spinner{width:28px;height:28px;border:3px solid #ddd;border-top-color:#b51019;border-radius:50%;margin:auto;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:768px){.container{max-width:750px}}
@media(min-width:992px){.container{max-width:970px}}
@media(min-width:1200px){.container{max-width:1170px}}