.footer-nav{
width:100%;
}
.footer-menu{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
list-style:none;
margin:0;
padding:0;
flex-wrap:wrap;
}
.footer-menu li{
position:relative;
list-style:none;
}
.footer-menu a{
display:block;
padding:10px 15px;
text-decoration:none;
color:#fff;
font-weight:600;
transition:.2s;
}
.footer-menu a:hover{
opacity:.8;
}
/* DROPDOWN */
.footer-menu li ul{
display:none;
position:absolute;
bottom:100%;
left:0;
background:#222;
min-width:180px;
padding:0;
margin:0;
list-style:none;
z-index:999;
}
.footer-menu li:hover > ul{
display:block;
}
.footer-menu li ul li{
width:100%;
}
.footer-menu li ul a{
padding:10px;
}
/* MOBILE */
@media(max-width:768px){
.footer-menu{
flex-direction:column;
gap:5px;
}
.footer-menu li ul{
position:relative;
bottom:auto;
left:auto;
}
}
#r1,#r2{
position:fixed;
inset:0;
background:rgba(rgb(151 0 0 / 25%));
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
display:none;
align-items:center;
justify-content:center;
z-index:999999;
animation:fadeIn .25s ease;
}
@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}
/* GLASS BOX */
.box{
background:rgba(255,255,255,0.85);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
padding:25px;
width:90%;
max-width:520px;
text-align:center;
border-radius:16px;
box-shadow:0 15px 40px rgba(0,0,0,0.25);
transform:scale(0.95);
animation:pop .25s ease forwards;
}
@keyframes pop{
from{transform:scale(0.9);opacity:0}
to{transform:scale(1);opacity:1}
}
/* BUTTONS */
.btn{
padding:12px 20px;
border:0;
border-radius:10px;
cursor:pointer;
margin-top:12px;
font-weight:600;
transition:.2s;
}
.btn:hover{
transform:translateY(-1px);
}
.red{
background:linear-gradient(135deg,#ff2156,#ff4d7d);
color:#fff;
box-shadow:0 8px 20px rgba(255,33,86,0.3);
}
.gray{
background:#f2f2f2;
color:#333;
}
/* TITLE GLASS */
.glass-title{
background:rgba(255,255,255,0.25);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
padding:18px;
border-radius:14px;
margin-bottom:15px;
border:1px solid rgba(255,255,255,0.3);
}
/* MOBILE */
@media(max-width:768px){
.box{
width:95%;
height:100vh;
border-radius:0;
justify-content:center;
}
#r1,#r2{
align-items:stretch;
}
}
.share-buttons {
    display: flex;
    gap: 8px;
    width: 100%;
    margin: 15px 0;
}
.share-btn {
    flex: 1;
    height: 46px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff !important;
    text-decoration: none !important;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    box-sizing: border-box;
    transition: opacity 0.2s ease, transform 0.1s ease;
}
.share-btn:hover {
    opacity: 0.92;
	color:#ffffff;
}
.share-btn:active {
    transform: scale(0.99);
}
/* Facebook */
.share-btn.facebook {
    background: #1877f2;
}
/* Messenger */
.share-btn.messenger {
    background: #0084ff;
}
.fb-icon {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
}
.messenger-icon {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #fff;
    color: #0084ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}
/* Mobil */
@media (max-width: 600px) {
    .share-buttons {
        flex-direction: column;
        gap: 8px;
    }

    .share-btn {
        width: 100%;
        height: 46px;
    }
}
#fbJoinBox{
    position:fixed;
    left:0;
    right:0;
    bottom:10px;
    z-index:999999;
    display:flex;
    justify-content:center;
    padding:0 8px;
    animation:fbFade .4s;
}
.fb-box{
    background:#fff;
    width:100%;
    max-width:420px;
    border-radius:12px;
    padding:14px;
    box-shadow:0 8px 30px rgba(0,0,0,.25);
    text-align:center;
}
.fb-text1{
    font-size:18px;
    font-weight:700;
    color:#111;
}
.fb-text2{
    margin-top:2px;
    margin-bottom:14px;
    color:#222;
    font-size:15px;
}
.fb-button{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    width:100%;
    height:52px;
    background:#1877F2;
    color:#fff;
    text-decoration:none;
    border-radius:10px;
    font-size:20px;
    font-weight:700;
}
.fb-button:hover{
    background:#166FE5;
}
.fb-icon{
    font-family:Arial;
    font-weight:bold;
    font-size:28px;
    line-height:1;
}
@keyframes fbFade{
    from{
        opacity:0;
        transform:translateY(100px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
@media(min-width:768px){
    #fbJoinBox{
        max-width:450px;
        left:50%;
        right:auto;
        transform:translateX(-50%);
    }

}