:root{
--primary:#0b1f3a;
--secondary:#ffb400;
--light:#f5f7fa;
}

body{
font-family:'Poppins',sans-serif;
background:#f7f8fb;
}

.custom-navbar{
background:#071a33;
padding:15px 0;
}

.hero-section{
padding:100px 0;
background:
linear-gradient(135deg,#071a33,#0f315f);
color:#fff;
}

.hero-section h1{
font-size:55px;
font-weight:700;
}

.section-title{
text-align:center;
margin-bottom:50px;
}

.product-card{
background:#fff;
border-radius:20px;
overflow:hidden;
box-shadow:
0 10px 25px rgba(0,0,0,.08);
transition:.3s;
height:100%;
}

.product-card:hover{
transform:translateY(-10px);
}

.product-card img{
width:100%;
height:260px;
object-fit:cover;
}

.product-body{
padding:20px;
}

.product-body h3{
font-size:24px;
font-weight:700;
margin-bottom:15px;
}

.spec-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-bottom:20px;
}

.spec-grid small{
display:block;
color:#888;
}

.spec-grid strong{
display:block;
font-size:15px;
}

.product-buttons{
display:flex;
gap:10px;
}

.footer-section{
background:#071a33;
color:#fff;
padding:60px 0;
}

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

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:#fff;
text-decoration:none;
}

@media(max-width:768px){

.hero-section{
text-align:center;
padding:60px 0;
}

.hero-section h1{
font-size:35px;
}

.spec-grid{
grid-template-columns:1fr;
}

.product-buttons{
flex-direction:column;
}

}
/* Header */

.navbar{
    padding:12px 0;
    transition:.3s;
}

.main-logo{
    height:70px;
    width:auto;
}

.nav-link{
    font-size:15px;
    font-weight:600;
    color:#1f2937 !important;
    margin:0 10px;
    position:relative;
}

.nav-link:hover{
    color:#ee7c3a !important;
}

.btn-warning{
    background:#ee7c3a;
    border:none;
    color:#fff;
    font-weight:600;
    padding:10px 22px;
}

.btn-warning:hover{
    background:#d96a2f;
}
.product-title {
    width: 280px;      /* Set your desired width */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.product-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:18px 0;
}

.stock-badge,
.delivery-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 14px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    transition:.3s;
}

/* Stock */

.in-stock{
    background:#e8f9ef;
    color:#12864a;
    border:1px solid #bde9cc;
}

.in-stock i{
    color:#16c15d;
    font-size:10px;
}

.out-stock{
    background:#fdecec;
    color:#d32f2f;
    border:1px solid #f5bcbc;
}

.out-stock i{
    color:#ff3b3b;
    font-size:10px;
}

.order-stock{
    background:#eaf8ff;
    color:#0b72b9;
    border:1px solid #c5e8ff;
}

.order-stock i{
    color:#2aa7ff;
    font-size:10px;
}

/* Delivery */

.delivery-badge{
    background:#f4f6f8;
    color:#555;
    border:1px solid #ddd;
}

.delivery-badge i{
    color:#666;
}
/*=========================
Footer Social Icons
=========================*/

.footer-social{
    display:flex;
    gap:12px;
    margin-top:20px;
}

.footer-social a{
    width:45px;
    height:45px;
    border-radius:50%;
    background:#0f315f;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:18px;
    transition:all .3s ease;
}

.footer-social a:hover{
    background:#fbbf24;
    color:#0f315f;
    transform:translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,.2);
}

/*=========================================
Language Switcher
=========================================*/

.language-switcher{
    display:flex;
    align-items:center;
    gap:10px;
}

.language-switcher a{

    width:40px;
    height:40px;

    border-radius:50%;

    overflow:hidden;

    border:2px solid #ddd;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

    background:#fff;

}

.language-switcher a:hover{

    border-color:#0f315f;

    transform:translateY(-3px);

    box-shadow:0 8px 20px rgba(0,0,0,.15);

}

.language-switcher img{

    width:100%;

    height:100%;

    object-fit:cover;

}
.language-dropdown img{
    width:20px;
    height:14px;
    object-fit:cover;
    border-radius:2px;
}
body{
    top:0 !important;
    position:static !important;
}

.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame,
iframe.goog-te-banner-frame{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
}

.goog-te-gadget{
    font-size:0 !important;
}

.goog-logo-link{
    display:none !important;
}

#google_translate_element{
    display:none !important;
}

.skiptranslate{
    display:none !important;
}

.goog-tooltip,
.goog-tooltip:hover{
    display:none !important;
}

.goog-text-highlight{
    background:none !important;
    box-shadow:none !important;
}
@media(max-width:768px){

    .main-logo{
        height:50px;
    }

    .navbar-nav{
        margin-top:15px;
    }

    .btn-warning{
        margin-top:15px;
        width:100%;
    }

}