body{
font-family:Arial, Helvetica, sans-serif;
background:#0b1c3a;
margin:0;
padding:0;
text-align:center;
color:#fff;
}

.container{
max-width:520px;
margin:auto;
padding:25px;
}

/* LOGO */

.topbar{
background:#08152c;
padding:20px;
text-align:center;
}

.logo{
width:220px;
max-width:90%;
height:auto;

border-radius:18px;

border:4px solid #ff7a00;

box-shadow:0 0 20px rgba(255,122,0,0.8);
}


/* INPUTLAR */

input,select{
width:100%;
padding:16px;
margin:10px 0;
font-size:16px;
border-radius:10px;
border:none;
outline:none;
box-sizing:border-box;
}


/* SERVİS KUTULARI */

.services{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin:20px 0;
}

.services label{

display:flex;
align-items:center;
gap:10px;

background:#fff;
color:#000;

padding:16px;

border-radius:12px;

cursor:pointer;

font-weight:bold;

transition:0.3s;

border:2px solid transparent;

}

/* radio */

.services input{

accent-color:#ff7a00;

width:18px;
height:18px;

}

/* hover */

.services label:hover{

background:#ff7a00;
color:#fff;

box-shadow:
0 0 10px #ff7a00,
0 0 25px #ff7a00;

}

/* FOTO ALANI */

.upload{
display:block;
background:#fff;
color:#000;
border:2px dashed #ccc;
padding:20px;
margin:15px 0;
border-radius:12px;
font-size:18px;
cursor:pointer;
transition:0.3s;
}

.upload:hover{

border-color:#ff7a00;

box-shadow:
0 0 10px #ff7a00;

}

.upload input{
display:none;
}


/* PREVIEW */

.preview{
width:100%;
max-width:350px;
margin:10px auto;
display:none;
border-radius:10px;
}


/* FİYAT AL BUTONU */

.price-btn{

width:100%;
background:#ff7a00;
color:#fff;
padding:20px;
border:none;
border-radius:14px;
font-size:20px;
font-weight:bold;
cursor:pointer;
margin-top:20px;
transition:0.3s;

box-shadow:
0 0 10px rgba(255,122,0,0.7);

}

/* hover */

.price-btn:hover{

transform:scale(1.04);

box-shadow:
0 0 20px #ff7a00,
0 0 40px #ff7a00;

}


/* PWA INSTALL */

.install-btn{

width:100%;
background:#ff7a00;
color:#fff;
padding:16px;
border:none;
border-radius:12px;
font-size:18px;
margin-bottom:20px;
cursor:pointer;

box-shadow:
0 0 10px rgba(255,122,0,0.7);

}


/* FOOTER */

.footer{

margin-top:40px;
background:#08152c;
padding:25px;

}

.footer h3{
margin-top:0;
}

.footer p{
margin:6px 0;
}


/* MASAÜSTÜ */

@media (min-width:700px){

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

.container{
max-width:720px;
}

}

.seo-text{
max-width:600px;
margin:40px auto;
font-size:14px;
line-height:1.6;
color:#666;
text-align:center;
}

.counter-box{
background:#fff;
color:#222;   /* EKLEDİK */
border-radius:10px;
padding:12px;
margin:15px 0;
font-size:14px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.counter-item{
margin:6px 0;
font-weight:600;
font-size:15px;
}

.live-activity{
position:fixed;
bottom:20px;
left:20px;
background:#fff;
color:#222;   /* EKLEDİK */
padding:10px 14px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,0.15);
font-size:13px;
opacity:0;
transform:translateY(20px);
transition:0.4s;
z-index:9999;
}

@media(max-width:600px){

.live-activity{
left:10px;
right:10px;
bottom:15px;
max-width:none;
font-size:14px;
}

}

.footer-address{
line-height:1.6;
font-size:14px;
}

.footer-hours{
line-height:1.6;
font-size:14px;
margin-top:8px;
}