@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap");:root{--main-color:#b20000}*{font-family:"Tajawal",sans-serif}.sbannerBackgroundImage{background-image:url("/assets/Images/main_background.png");background-size:cover;background-position:center;background-repeat:no-repeat}.header-title{color:var(--main-color)}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);transition:right .3s ease;z-index:1000;overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.nav-link{color:#374151;border-bottom:2px solid transparent;transition:all .3s ease;text-decoration:none;padding:.5rem .5rem;margin:0 .25rem}.nav-link:hover{color:var(--main-color);border-bottom-color:var(--main-color)}.nav-link.active{color:var(--main-color) !important;border-bottom-color:var(--main-color) !important}#authBtn{color:#374151;transition:color .3s ease;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;padding:.5rem 1rem}#authBtn:hover{color:var(--main-color)}#cartBtn,#cartBtnDesktop{display:inline-flex;align-items:center;text-decoration:none;padding:.5rem;border-radius:.5rem;transition:background-color .3s ease}#cartBtn:hover,#cartBtnDesktop:hover{background-color:rgba(178,0,0,.1)}.footer{background-image:url("/assets/Images/main_background.png");background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.footer-content{position:relative;z-index:1}.footer-logo{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px}.footer-logo img{width:150px;height:150px;margin-bottom:15px}.footer-text{color:var(--main-color);font-weight:600}.footer-title{color:var(--main-color);font-weight:700}.footer-dropdown{margin-bottom:1.5rem}.footer-dropdown-header{display:flex;justify-content:center;align-items:center;padding:1rem 0;cursor:pointer;border-bottom:2px solid rgba(178,0,0,.2);transition:all .3s ease;position:relative}.footer-dropdown-header:hover{border-bottom-color:var(--main-color)}.footer-dropdown-header h3{margin:0;font-size:1.25rem;transition:color .3s ease;text-align:center}.footer-dropdown-header:hover h3{color:var(--main-color)}.footer-dropdown-icon{transition:transform .3s ease;position:absolute;left:0}.footer-dropdown.active .footer-dropdown-icon{transform:rotate(180deg)}.footer-dropdown-content{max-height:0;overflow:hidden;transition:max-height .4s ease;background:transparent;margin-top:.5rem}.footer-dropdown.active .footer-dropdown-content{max-height:500px}.footer-dropdown-item{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease;text-align:center}.footer-dropdown-item:last-child{border-bottom:none}.footer-dropdown-item:hover{background:transparent;padding-right:0}.footer-dropdown-item a{font-weight:bold;color:#000;text-decoration:none;display:block;transition:color .2s ease}.footer-dropdown-item:hover a{color:var(--main-color)}.branch-info{text-align:center;padding:.5rem 0}.branch-info p{margin:.25rem 0;color:#000}.branch-info .branch-name{font-weight:600;color:var(--main-color);margin-bottom:.5rem}@media(max-width:768px){header .container{padding-top:.75rem;padding-bottom:.75rem}header .md\\:hidden img{width:3rem;height:3rem;transform:scale(1.2) translateY(-.25rem)}header .md\\:hidden button{padding:.375rem}header .md\\:hidden svg{width:1.25rem;height:1.25rem}.text-gray-700:hover\\:bg-red-50:hover{background-color:transparent !important}.text-gray-700:hover\\:text-red-600:hover{color:#dc2626 !important}.footer-logo{margin-bottom:20px}.footer-logo img{width:120px;height:120px}}@media(max-width:480px){.footer-logo{margin-bottom:15px}.footer-logo img{width:100px;height:100px}}@media(max-width:360px){.footer-logo img{width:80px;height:80px}}.custom-link{color:#8b0000;border-color:transparent;transition:all .3s}.custom-link:hover{color:var(--main-color);border-color:var(--main-color)}