body{
background:#0f172a;
color:white;
}

.hero{
    min-height:auto;
    background:linear-gradient(135deg,#0f172a,#1e293b);
    padding:30px 20px;
}

.premium-card{
background:#1b263b;
color:white;
border-radius:20px;
border:1px solid rgba(255,255,255,.08);
transition:.4s;
overflow:hidden;
}

.premium-card:hover{
transform:translateY(-10px);
box-shadow:0 15px 35px rgba(255,193,7,.4);
}

.btn-warning{
border-radius:50px;
font-weight:bold;
}

.navbar{
background:rgba(15,23,42,.85)!important;
backdrop-filter:blur(12px);
}

.form-control{
border-radius:50px;
}

.input-group .btn{
border-radius:50px;
margin-left:10px;
}

.floating{
animation:float 3s ease-in-out infinite;
}

@keyframes float{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-15px);
}

100%{
transform:translateY(0px);
}

}

.card img{
transition:.5s;
}

.card:hover img{
transform:scale(1.08);
}

/* ---------- Premium Navbar ---------- */

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

.navbar{
    background:#050505 !important;
    border-bottom:2px solid #ffc107;
    box-shadow:0 0 25px rgba(255,193,7,.25);
}

.navbar-brand img{
    transition:.3s;
}

.navbar-brand img:hover{
    transform:scale(1.08);
}

.nav-link{
    color:#ddd !important;
    font-weight:500;
    margin-left:12px;
    transition:.25s;
}

.nav-link:hover{
    color:#ffc107 !important;
    transform:translateY(-2px);
}

.dropdown-menu{
    background:#111;
    border:1px solid #ffc107;
}

.dropdown-item{
    color:white;
}

.dropdown-item:hover{
    background:#ffc107;
    color:black;
}

.btn-warning{
    font-weight:600;
    border-radius:10px;
}

/* Premium Card */
.card{
    background: rgba(255,255,255,0.05);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255,193,7,.3);
    border-radius: 18px;
    transition: .35s;
}

.card:hover{
    transform: translateY(-8px);
    box-shadow: 0 0 25px rgba(255,193,7,.35);
}

/* Premium Buttons */
.btn-warning{
    border-radius:30px;
    padding:10px 28px;
    font-weight:bold;
    transition:.3s;
}

.btn-warning:hover{
    transform:scale(1.05);
}

/* Search Box */
.form-control{
    background:#111;
    color:white;
    border:1px solid #ffc107;
    border-radius:30px;
}

.form-control:focus{
    box-shadow:0 0 15px #ffc107;
}

/* Product Image */
.card img{
    transition:.4s;
}

.card:hover img{
    transform:scale(1.08);
}

/* Footer */
footer{
    background:#050505;
    border-top:2px solid #ffc107;
}

/* Hero Section */
.hero{
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,193,7,.3);
    border-radius: 20px;
    padding: 50px;
    backdrop-filter: blur(12px);
    box-shadow: 0 0 30px rgba(255,193,7,.2);
}

.hero h1{
    font-size:60px;
    font-weight:700;
    color:#ffc107;
}

.hero p{
    font-size:20px;
    color:#ddd;
}

.hero img{
    border-radius:20px;
    box-shadow:0 0 25px rgba(255,193,7,.4);
}

/* Navbar Dropdown Fix */
.navbar {
    position: relative;
    z-index: 1000;
}

.dropdown-menu {
    z-index: 99999 !important;
    position: absolute !important;
}

.dropdown {
    position: relative;
}

.hero,
.container,
.card,
.product-card,
footer {
    position: relative;
    z-index: 1;
}