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

html,
body{
width:100%;
overflow-x:hidden;
background:#070707;
color:#fff;
font-family:Arial,sans-serif;
}

/* HERO */

.alfaxxx-hero{
height:100vh;
position:relative;
overflow:hidden;
display:flex;
align-items:center;
padding:0 5%;
}

.alfaxxx-hero video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
opacity:.35;
}

.alfaxxx-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
to bottom,
rgba(0,0,0,.4),
rgba(0,0,0,.95)
);
}

.alfaxxx-content{
position:relative;
z-index:2;
max-width:700px;
}

.alfaxxx-content h1{
font-size:72px;
line-height:1.1;
color:#d4b06a;
margin-bottom:20px;
}

.alfaxxx-content p{
font-size:24px;
color:#ddd;
margin-bottom:30px;
}

.alfaxxx-btn{
display:inline-block;
padding:16px 34px;
background:#d4b06a;
color:#000;
text-decoration:none;
border-radius:50px;
font-weight:bold;
}

/* FEATURES */

.alfaxxx-features{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
padding:80px 5%;
}

.feature-box{
background:#111;
border:1px solid rgba(212,176,106,.15);
padding:40px 20px;
border-radius:22px;
text-align:center;
font-size:30px;
}

.feature-box h3{
margin-top:15px;
font-size:18px;
}

/* PRODUCTS */

.alfaxxx-products{
padding:80px 5%;
}

.alfaxxx-products h2{
font-size:48px;
margin-bottom:40px;
color:#d4b06a;
}

.alfaxxx-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:24px;
width:100%;
}

.alfaxxx-card{
background:#111;
border:1px solid rgba(212,176,106,.15);
border-radius:22px;
padding:18px;
transition:.3s;
overflow:hidden;
}

.alfaxxx-card:hover{
transform:translateY(-6px);
border-color:#d4b06a;
}

.alfaxxx-card a{
text-decoration:none;
color:#fff;
display:block;
width:100%;
}

.alfaxxx-card img{
width:100%;
height:auto;
display:block;
border-radius:16px;
}

.alfaxxx-card h3{
font-size:20px;
margin-top:15px;
line-height:1.3;
}

.price{
margin:14px 0;
font-size:22px;
color:#d4b06a;
font-weight:bold;
}

.alfaxxx-card button{
width:100%;
border:none;
padding:14px;
border-radius:14px;
background:#d4b06a;
color:#000;
font-weight:bold;
cursor:pointer;
}

/* BANNER */

.alfaxxx-banner{
padding:120px 5%;
background:#111;
text-align:center;
}

.banner-inner h2{
font-size:60px;
color:#d4b06a;
margin-bottom:20px;
}

.banner-inner p{
font-size:24px;
margin-bottom:40px;
}

/* WHATSAPP */

.alfaxxx-wa{
position:fixed;
right:15px;
bottom:15px;
background:#25d366;
color:#fff;
padding:14px 24px;
border-radius:50px;
text-decoration:none;
font-weight:bold;
z-index:9999;
}

/* MOBILE */

@media(max-width:768px){

.alfaxxx-hero{
padding:0 20px;
height:85vh;
}

.alfaxxx-content{
width:100%;
}

.alfaxxx-content h1{
font-size:38px;
line-height:1.15;
margin-bottom:14px;
}

.alfaxxx-content p{
font-size:18px;
margin-bottom:22px;
}

.alfaxxx-btn{
padding:14px 24px;
font-size:14px;
}

/* FEATURES */

.alfaxxx-features{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
padding:45px 20px;
}

.feature-box{
padding:20px 10px;
font-size:22px;
border-radius:16px;
}

.feature-box h3{
font-size:14px;
margin-top:10px;
}

/* PRODUCTS */

.alfaxxx-products{
padding:50px 14px;
}

.alfaxxx-products h2{
font-size:30px;
margin-bottom:20px;
}

/* EN ÖNEMLİ DÜZELTME */

.alfaxxx-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

/* KART */

.alfaxxx-card{
padding:10px;
border-radius:16px;
}

.alfaxxx-card h3{
font-size:14px;
margin-top:10px;
}

.price{
font-size:16px;
margin:10px 0;
}

.alfaxxx-card button{
padding:10px;
font-size:12px;
border-radius:10px;
}

/* BANNER */

.alfaxxx-banner{
padding:70px 20px;
}

.banner-inner h2{
font-size:34px;
}

.banner-inner p{
font-size:17px;
}

}