.site-footer {padding: 15px 20px; font-family: system-ui; position: relative;}

.desktop-footer {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 15px;}

.footer-column h3 {margin: 0; padding: 0;}

.footer-column p, .footer-column ul li a {margin: 3px 0; text-decoration: none; color: inherit;}

.footer-column ul {list-style: none; padding: 0; margin: 5px 0 0 0;}

.footer-column ul li {margin-bottom: 3px; -webkit-transition: -o-transition: transition: 0.3s;}

.footer-column ul li a:hover {text-decoration: underline;}

.mobile-footer {display: none; text-align: center; line-height: 1.4; padding: 10px 5px;}

.footer-copyright {text-align: center; margin-top: 15px; font-size: 14px;}

#backToTop {position: fixed; bottom: 20px; right: 20px; background: linear-gradient(45deg,#34d399,#10b981); color: #fff; padding: 12px 16px; -webkit-border-radius: border-radius: 50%; text-decoration: none; font-size: 20px; font-weight: bold; -webkit-box-shadow: box-shadow: 0 5px 15px rgba(0,0,0,0.3); cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 999; opacity: 0; pointer-events: none; transition: 0.3s;}

#backToTop:hover {-webkit-transform: -ms-transform: transform: scale(1.1); box-shadow:0 8px 20px rgba(0,0,0,0.4);}

/* MOBILE FOOTER DISPLAY */
@media screen and (max-width:768px){display:none !important;}
    .mobile-footer {display:block !important;}
    #backToTop {bottom:15px; right:15px; font-size:18px; padding:10px 14px;}

    .bottom-ad-container {width:300px; height:100px; margin:15px auto !important;}
    .bottom-ad-container a, .bottom-ad-container > * {display:block; width:100%; height:100%; max-width:100%; max-height:100%;}
}