body{
margin:0;
padding:0;
}

/* FOOTER */

.site-footer{
background:#111;
color:#ddd;
margin-top:80px;
font-size:14px;
}

.footer-container{
width:100%;
display:grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap:40px;
padding:40px;
box-sizing:border-box;
}

.footer-column h3,
.footer-column h4{
font-size:25px;
font-weight:600;
margin-bottom:12px;
color:white;
}

.footer-section p{
margin-bottom:10px;
color:#ccc;
}

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

.footer-column ul li{
margin-bottom:8px;
}

.footer-column ul li a{
color:#bbb;
text-decoration:none;
font-size: 18px;
}


.footer-column ul li a:hover{
color:white;
}

.social-icons{
margin-top:10px;
display:flex;
gap:10px;
}

.social-icons a{
text-decoration:none;
color:#bbb;
}

.social-icons a:hover{
color:white;
}


/* FOOTER BOTTOM */

.footer-bottom{
text-align:center;
padding:20px;
font-size:14px;
color:#888;
letter-spacing:0.5px;
}

/* PAYMENT METHODS */

.footer-payments{
text-align:center;
padding:20px;
border-top:1px solid #333;
}

.footer-payments h4{
margin-bottom:10px;
color:white;
}

/* PAYMENT METHODS */

.payment-icons{
display:flex;
justify-content:center;
align-items:center;
gap:40px;
flex-wrap:wrap;
margin-top:20px;
}

.payment-method{
display:flex;
flex-direction:column;
align-items:center;
font-size:13px;
color:#ccc;
}

.payment-method img{
width:45px;
height:auto;
margin-bottom:6px;
object-fit:contain;
}

.payment-method img:hover{
opacity:1;
}
/* NEWSLETTER */

.newsletter{
margin-top:20px;
}

.newsletter-form{
display:flex;
gap:8px;
margin-top:10px;
}

.newsletter-form input{
flex:1;
padding:8px;
border:none;
border-radius:4px;
}

.newsletter-form button{
background:#3403e6;
color:white;
border:none;
padding:8px 12px;
border-radius:4px;
cursor:pointer;
}

.newsletter-form button:hover{
background:#666;
}

/* TRUST BADGES */

.footer-trust{
display:flex;
justify-content:center;
align-items:center;
gap:40px;
flex-wrap:wrap;
padding:25px 20px;
font-size:14px;
color:#bbb;
}
.trust-item{
font-size:13px;
color:#ccc;
}

/* BACK TO TOP */

#backToTop{
position:fixed;
bottom:25px;
right:25px;

background:white;   /* visible automotive red */
color:black;

border:none;
width:45px;
height:45px;

border-radius:50%;

display:none;
align-items:center;
justify-content:center;

font-size:20px;
font-weight:bold;

cursor:pointer;

box-shadow:0 4px 12px rgba(0,0,0,0.3);

z-index:999;
}

#backToTop:hover{
background:#ff1c10;
transform:translateY(-2px);
}


/* NEWSLETTER MESSAGE */

/* NEWSLETTER MESSAGE */

.newsletter-message{
margin-top:10px;
font-size:13px;
padding:8px 12px;
border-radius:5px;

opacity:1;
transition:opacity 0.6s ease, transform 0.6s ease;
}

.newsletter-message.success{
background:#e6f7ea;
color:#1b7f3b;
border:1px solid #b8e2c3;
}

.newsletter-message.error{
background:#fdeaea;
color:#b3261e;
border:1px solid #f5c2c2;
}

/* HIDE ANIMATION */

.newsletter-message.hide{
opacity:0;
transform:translateY(-5px);
}

/* SOCIAL ICONS */

.social-icons{
display:flex;
gap:12px;
margin-top:10px;
}

.social{
width:36px;
height:36px;

display:flex;
align-items:center;
justify-content:center;

background:#222;
color:white;

border-radius:50%;

text-decoration:none;
font-size:16px;

transition:0.3s;
}

.social:hover{
transform:translateY(-2px);
}

/* BRAND COLORS */

.facebook:hover{
background:#1877f2;
}

.instagram:hover{
background:#e4405f;
}

.tiktok:hover{
background:#25F4EE;
color:black;
}

/* CONTACT INFO */

.footer-contact{
margin-top:10px;
}

.contact-item{
display:flex;
align-items:center;
gap:10px;
margin-bottom:8px;
font-size:14px;
color:#ddd;
}

.contact-item i{
color:#e63946;
font-size:16px;
}

.contact-item a{
color:#ddd;
text-decoration:none;
}

.contact-item a:hover{
text-decoration:underline;
}


@media (max-width:768px){

.footer-container{
grid-template-columns:1fr;
gap:25px;
}


}

.subscribe-box{
display:flex;
gap:10px;
margin-top:10px;
}

.subscribe-box input{
flex:1;
height:40px;
border-radius:5px;
border:none;
padding-left:10px;
}

.subscribe-box button{
padding:10px 18px;
border:none;
background:#4b00ff;
color:white;
border-radius:5px;
cursor:pointer;
}

.footer-badges{
display:flex;
gap:30px;
margin-top:20px;
color:#ccc;
font-size:14px;
}

/* FOOTER SECTION DIVIDERS */

.footer-trust,
.footer-payments,
.footer-bottom{
border-top:1px solid #2a2a2a;
margin-top:30px;
}

.footer-column{
line-height:1.6;
}