/*====================================
 AL SHEIKH - COMING SOON
=====================================*/
@font-face {
    font-family: 'Bauhaus93';
    src: url('fonts/Bauhaus93.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;




margin:0;
padding:0;
box-sizing:border-box;
}

html,body{
height:100%;
    font-family:'Bauhaus93';
    src:url('fonts/BAUHS93.TTF') format('truetype');

background:#000;
color:#fff;
overflow-x:hidden;
}

body{
position:relative;
}

/* Background */

body::before{

content:"";

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:url("images/hero.jpg") center center/cover no-repeat;

z-index:-3;

}

.overlay{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

background:rgba(0,0,0,.45);

z-index:-2;

}

/* Header */

header{

position:fixed;

top:0;

left:0;

width:100%;

padding:22px 70px;

display:flex;

justify-content:space-between;

align-items:center;

background:rgba(8,8,8,.45);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

border-bottom:1px solid rgba(255,255,255,.08);

z-index:999;

transition:.4s;

}

.logo img{

height:68px;

transition:.35s;

}

.logo img:hover{

transform:scale(1.06);

}

.social a{

width:48px;

height:48px;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

text-decoration:none;

color:white;

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.10);

transition:.35s;

}

.social a:hover{

background:#C9A227;

color:#111;

transform:translateY(-6px) rotate(360deg);

}

.social a:hover{

background:var(--gold);

color:#111;

transform:translateY(-4px);

}

/* Hero */

.hero{

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:120px 20px 60px;

}

.glass{
    width:620px;
    max-width:92%;
    padding:45px 35px;
    border-radius:32px;
    background:rgba(18,18,18,.55);
    backdrop-filter:blur(25px);
    -webkit-backdrop-filter:blur(25px);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
        0 20px 60px rgba(0,0,0,.55),
        0 0 40px rgba(201,162,39,.12);
    text-align:center;

}

.badge{

display:inline-block;

padding:12px 28px;

border-radius:50px;

font-size:14px;

font-weight:600;

letter-spacing:2px;

text-transform:uppercase;

background:rgba(201,162,39,.12);

border:1px solid rgba(201,162,39,.35);

color:#E8C96B;

margin-bottom:30px;

}

.glass h1{
    font-size:46px;
    font-weight:800;
    line-height:1.05;
    letter-spacing:-2px;
    margin:25px 0;
}

.glass h1 span{
    color:#C9A227;
    display:block;
}

.glass p{
    font-size:16px;
    line-height:28px;
    color:#d7d7d7;
    max-width:620px;
    margin:0 auto 40px;
}

/* Form */

.input-group{

display:flex;

align-items:center;

background:#fff;

border-radius:50px;

padding:0 22px;

height:54px;

margin-bottom:18px;

}

.input-group i{

color:var(--gold);

font-size:20px;

margin-right:12px;

}

.input-group input{

flex:1;

border:none;

outline:none;

font-size:15px;

font-family:Poppins,sans-serif;

}

button{

width:100%;

height:54px;

border:none;

border-radius:50px;

background:linear-gradient(135deg,#C9A227,#E8C96B);

font-size:16px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

button:hover{

transform:translateY(-4px);

box-shadow:0 15px 35px rgba(201,162,39,.45);

}

#message{

margin-top:18px;

font-weight:600;

color:#7CFF9E;

min-height:24px;

}

/* Features */

.features{

display:flex;

justify-content:center;

gap:30px;

margin-top:40px;

flex-wrap:wrap;

}

.features div{

background:rgba(255,255,255,.06);

padding:14px 20px;

border-radius:30px;

}

.features i{

color:var(--gold);

margin-right:8px;

}

/* Footer */

footer{

text-align:center;

padding:30px;

color:#999;

}

/* Mobile */

@media(max-width:768px){

header{

padding:20px;

}

.logo img{

height:55px;

}

.glass{

padding:40px 25px;

}

.glass h1{

font-size:42px;

}

.glass p{

font-size:17px;

line-height:30px;

}

.social{

gap:10px;

}

.social a{

width:42px;

height:42px;

}

}
/* ==========================
   PREMIUM FEATURE CARDS
========================== */

.features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:50px;
}

.feature-card{

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    border-radius:22px;

    padding:28px;

    transition:.35s;

}

.feature-card:hover{

    transform:translateY(-10px);

    border-color:#C9A227;

    box-shadow:0 15px 35px rgba(201,162,39,.25);

}

.feature-card i{

    font-size:34px;

    color:#C9A227;

    margin-bottom:18px;

}

.feature-card h3{

    font-size:22px;

    margin-bottom:12px;

}

.feature-card p{

    color:#cfcfcf;

    line-height:28px;

    font-size:15px;

}

/* Mobile */

@media(max-width:768px){

.features{

grid-template-columns:1fr;

}

}
/*==============================
  WHATSAPP FLOAT BUTTON
==============================*/

.whatsapp-float{

position:fixed;

right:28px;

bottom:28px;

width:68px;

height:68px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:#25D366;

color:#fff;

font-size:34px;

text-decoration:none;

box-shadow:0 15px 35px rgba(37,211,102,.35);

transition:.35s;

z-index:9999;

animation:floatUp 2.5s infinite ease-in-out;

}

.whatsapp-float:hover{

transform:scale(1.12);

box-shadow:0 20px 45px rgba(37,211,102,.55);

}

@keyframes floatUp{

0%{transform:translateY(0);}

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

100%{transform:translateY(0);}

}
/*==============================
  CARD ANIMATION
==============================*/

.glass{

animation:fadeUp 1s ease;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}
.about-brand{

padding:120px 40px;

background:#0c0c0c;

}

.about-container{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:2fr 1fr;

gap:70px;

align-items:center;

}

.about-text span{

color:#C9A227;

letter-spacing:3px;

font-size:14px;

}

.about-text h2{

font-size:52px;

margin:20px 0;

}

.about-text p{

color:#cfcfcf;

font-size:19px;

line-height:28px;

}

/* Stats Section */
.stats{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:25px;
    max-width:1200px;
    margin:60px auto;
    padding:0 20px;
    flex-wrap:wrap;
}

.stats{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    margin:40px auto;
}

.stat-card{
    width:220px;          /* پہلے سے چھوٹا */
    height:110px;         /* Height کم */
    background:#181818;
    border:1px solid rgba(200,154,75,.35);
    border-radius:30px;   /* زیادہ Rounded */
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:.3s;
}

.stat-card h2{
    font-size:42px;
    margin:0 0 8px;
    color:#C89A4B;
}

.stat-card p{
    font-size:20px;
    margin:0;
    color:#fff;
}

.stat-card:hover{
    transform:translateY(-8px);
    border-color:#C89A4B;
    box-shadow:0 15px 35px rgba(0,0,0,.35);
}

.stat-card h2{
    color:#C89A4B;
    font-size:52px;
    margin-bottom:12px;
    font-weight:700;
}

.stat-card p{
    color:#fff;
    font-size:22px;
    margin:0;
}

/* Mobile */
@media(max-width:900px){

.stats{
    flex-direction:column;
}

.stat-card{
    max-width:100%;
}

}
/*==================================
 TRUST BAR
===================================*/

.trust-bar{

max-width:1100px;

margin:100px auto;

padding:0 40px;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.trust-item{

background:rgba(255,255,255,.05);

border:1px solid rgba(255,255,255,.08);

padding:35px;

border-radius:24px;

text-align:center;

transition:.35s;

}

.trust-item:hover{

transform:translateY(-10px);

border-color:#C9A227;

box-shadow:0 15px 40px rgba(201,162,39,.18);

}

.trust-item i{

font-size:42px;

color:#C9A227;

margin-bottom:20px;

}

.trust-item h3{

margin-bottom:12px;

font-size:24px;

}

.trust-item p{

color:#cfcfcf;

line-height:28px;

}

@media(max-width:1000px){

.trust-bar{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:650px){

.trust-bar{

grid-template-columns:1fr;

}

}
/*=================================
FOOTER
==================================*/

.footer{
    

margin-top:120px;

padding:70px 30px 40px;

background:#080808;

border-top:1px solid rgba(255,255,255,.08);

text-align:center;

}

.footer-logo h2{

font-size:34px;

letter-spacing:5px;

margin-bottom:12px;

color:#C9A227;

}

.footer-logo p{

color:#cfcfcf;

margin-bottom:35px;

}

.footer-links{

display:flex;

justify-content:center;

gap:35px;

flex-wrap:wrap;

margin-bottom:35px;

}

.footer-links a{

color:#ddd;

text-decoration:none;

transition:.3s;

}

.footer-links a:hover{

color:#C9A227;

}

.footer-social{

display:flex;

justify-content:center;

gap:18px;

margin-bottom:35px;

}

.footer-social a{

width:50px;

height:50px;

display:flex;

justify-content:center;

align-items:center;

border-radius:50%;

background:#171717;

color:white;

text-decoration:none;

transition:.35s;

}

.footer-social a:hover{

background:#C9A227;

color:#111;

transform:translateY(-6px);

}

.copyright{

color:#888;

font-size:14px;

}
.hero h1{

text-shadow:0 10px 40px rgba(0,0,0,.55);

}
.glass{

backdrop-filter:blur(18px);

background:rgba(15,15,15,.55);

border:1px solid rgba(255,255,255,.08);

box-shadow:0 30px 70px rgba(0,0,0,.45);

}
.glass{

animation:float 6s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0px);

}

}
/* COLLECTION SECTION */

.collections{

padding:120px 8%;

background:#0b0b0b;

}

.section-title{

text-align:center;

margin-bottom:70px;

}

.section-title span{

color:#C9A227;

letter-spacing:3px;

font-size:14px;

}

.section-title h2{

font-size:48px;

margin:18px 0;

}

.section-title p{

color:#bdbdbd;

max-width:700px;

margin:auto;

line-height:30px;

}

.collection-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.collection-card{

position:relative;

overflow:hidden;

border-radius:24px;

cursor:pointer;

}

.collection-card img{

width:100%;

height:500px;

object-fit:cover;

transition:.6s;

display:block;

}

.collection-card:hover img{

transform:scale(1.08);

}

.collection-card .overlay{

position:absolute;

left:0;

bottom:0;

width:100%;

padding:35px;

background:linear-gradient(to top,rgba(0,0,0,.92),transparent);

}

.collection-card h3{

font-size:32px;

margin-bottom:8px;

}

.collection-card p{

color:#ddd;

}

@media(max-width:992px){

.collection-grid{

grid-template-columns:1fr;

}

}

/* WHY CHOOSE US */

.why-us{
padding:120px 8%;
background:#0b0b0b;
}

.why-grid{
display:grid;
grid-template-columns:repeat(4,minmax(220px,1fr));
gap:30px;
justify-content:center;
align-items:stretch;
margin:60px auto 0;
max-width:1200px;
}

.why-card{
background:#151515;
padding:40px 30px;
border-radius:20px;
text-align:center;
border:1px solid rgba(255,255,255,.08);
transition:.35s;
}

.why-card:hover{
transform:translateY(-10px);
border-color:#C9A227;
box-shadow:0 20px 40px rgba(201,162,39,.15);
}

.why-card i{
font-size:42px;
color:#C9A227;
margin-bottom:20px;
}

.why-card h3{
margin-bottom:15px;
font-size:24px;
}

.why-card p{
color:#cfcfcf;
line-height:28px;
}

@media(max-width:992px){
.why-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:650px){
.why-grid{
grid-template-columns:1fr;
}
}
/*=========================
HEADER
==========================*/

.header{

position:fixed;

top:0;

left:0;

width:100%;

padding:22px 7%;

display:flex;

justify-content:space-between;

align-items:center;

background:rgba(0,0,0,.35);

backdrop-filter:blur(12px);

z-index:9999;

border-bottom:1px solid rgba(255,255,255,.08);

}

.header .logo img{

height:55px;

width:auto;

display:block;

}

.nav{

display:flex;

gap:45px;

}

.nav a{

color:#fff;

text-decoration:none;

font-size:15px;

font-weight:500;

transition:.3s;

}

.nav a:hover{

color:#C9A227;

}

.notify-btn{

background:#C9A227;

color:#fff;

padding:12px 28px;

border-radius:40px;

text-decoration:none;

font-weight:600;

transition:.3s;

}

.notify-btn:hover{

transform:translateY(-2px);

box-shadow:0 10px 30px rgba(201,162,39,.35);

}

body{

padding-top:95px;

}

@media(max-width:900px){

.nav{

display:none;

}

.notify-btn{

display:none;

}

.header{

justify-content:center;

}

}
/* ===== Coming Soon Page ===== */

/* Main Heading */
h1{
    font-size:42px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    margin-bottom:15px !important;
}

/* Description */
p{
    font-size:16px !important;
    line-height:1.7 !important;
    max-width:650px;
    margin:0 auto 25px auto !important;
}

/* Email Input */
input[type="email"]{
    height:48px !important;
    font-size:15px !important;
    border-radius:30px !important;
    padding:0 20px !important;
}

/* Notify Button */
button,
input[type="submit"]{
    height:48px !important;
    padding:0 28px !important;
    font-size:15px !important;
    border-radius:30px !important;
    font-weight:600;
}

/* Reduce top/bottom spacing */
section{
    padding-top:60px !important;
    padding-bottom:60px !important;
}

/* Mobile */
@media(max-width:768px){

h1{
    font-size:30px !important;
}

p{
    font-size:14px !important;
}

input[type="email"]{
    height:44px !important;
}

button,
input[type="submit"]{
    height:44px !important;
    width:100%;
    margin-top:10px;
}

}
/* Floating Home Button */

.home-float{
    position:fixed;
    right:20px;
    bottom:95px;   /* WhatsApp button ke upar */
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 20px;
    background:linear-gradient(135deg,#C89A4B,#E5C76B);
    color:#111;
    font-weight:700;
    text-decoration:none;
    border-radius:50px;
    box-shadow:0 10px 25px rgba(0,0,0,.35);
    z-index:99999;
    transition:.3s;
}

.home-float:hover{
    transform:translateY(-3px);
    color:#111;
    box-shadow:0 15px 35px rgba(0,0,0,.45);
}

.home-float i{
    font-size:20px;
}

@media(max-width:768px){

.home-float{
    right:15px;
    bottom:85px;
    padding:12px 18px;
}

.home-float span{
    font-size:14px;
}

}
#homeBtn{
    position:fixed;
    right:20px;
    bottom:95px;
    background:#0d6efd;
    color:#fff;
    padding:10px 16px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
    z-index:999999;
    box-shadow:0 5px 15px rgba(13,110,253,.35);
    transition:all .3s ease;
}

#homeBtn:hover{
    background:#0b5ed7;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(13,110,253,.45);
}

@media(max-width:768px){
    #homeBtn{
        right:15px;
        bottom:85px;
        padding:9px 14px;
        font-size:13px;
    }
}
.header-home{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:8px;
    background:#0d6efd;
    color:#fff;
    text-decoration:none;
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    transition:.3s;
}

.header-home:hover{
    background:#0b5ed7;
    color:#fff;
}

   #musicBtn{
    position: fixed;
    right: 20px;
    bottom: 110px;   /* WhatsApp کے اوپر */
    left: auto;

    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg,#D4AF37,#C89A4B);
    color: #fff;
    border: none;
    font-size: 22px;
    cursor: pointer;
    z-index: 999999;
}


#musicBtn:hover{
    transform:scale(1.1);
    box-shadow:0 8px 25px rgba(200,154,75,.65);
}

@keyframes musicDance{

    0%{
        transform:translateY(0) rotate(0deg);
    }

    25%{
        transform:translateY(-4px) rotate(-8deg);
    }

    50%{
        transform:translateY(0) rotate(0deg);
    }

    75%{
        transform:translateY(-4px) rotate(8deg);
    }

    100%{
        transform:translateY(0) rotate(0deg);
    }
}
#musicBtn{
    animation:none;
}

#musicBtn.playing{
    animation:musicDance 1s infinite ease-in-out;
}