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

body{
font-family:tahoma,sans-serif;
background:#f5f7fb;
color:#1a1a1a;
line-height:1.9
}

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

.hero{
background:linear-gradient(120deg,#1e3a8a,#2563eb);
color:#fff;
padding:110px 20px;
text-align:center
}

.hero h1{
font-size:38px;
margin-bottom:10px
}

.hero p{
font-size:18px;
opacity:.9
}

.btn{
display:inline-block;
margin:15px 8px;
padding:15px 34px;
border-radius:10px;
font-weight:bold;
text-decoration:none;
transition:.3s
}

.btn-blue{
background:#fff;
color:#1e3a8a
}

.btn-blue:hover{
background:#e5e7eb
}

.btn-green{
background:#22c55e;
color:#fff
}

.btn-green:hover{
background:#16a34a
}

.section{
margin-top:70px
}

.grid{
display:grid;
gap:30px
}

.grid-3{
grid-template-columns:repeat(auto-fit,minmax(240px,1fr))
}

.grid-2{
grid-template-columns:repeat(auto-fit,minmax(320px,1fr))
}

.card{
background:#fff;
border-radius:14px;
padding:28px;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.3s
}

.card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.12)
}

h1,h2,h3{
margin-bottom:15px
}

.info p{
margin-bottom:10px;
font-size:16px
}

img,video{
width:100%;
border-radius:12px
}

.media-box{
margin-bottom:20px
}

.faq{
margin-top:30px
}

.faq-item{
background:#fff;
padding:18px;
border-radius:10px;
cursor:pointer;
font-weight:bold;
box-shadow:0 5px 15px rgba(0,0,0,.05);
margin-bottom:12px
}

.faq-answer{
display:none;
padding:15px;
background:#f3f4f6;
border-radius:10px;
margin-bottom:12px
}

.footer{
margin-top:80px;
background:#111827;
color:#fff;
padding:35px;
text-align:center
}



@media(max-width:768px){

.hero{
padding:70px 15px
}

.hero h1{
font-size:28px
}

.btn{
display:block;
margin:12px auto;
width:220px
}

}

.top-call{
background:#111827;
padding:10px 15px;
box-shadow:0 2px 10px rgba(0,0,0,.15)
}

.top-call-inner{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
}

.top-btn{
padding:7px 16px;
border-radius:30px;
font-size:13px;
text-decoration:none;
font-weight:bold;
color:#fff;
transition:.3s;
}

.home-btn{
background:#2563eb;
}

.home-btn:hover{
background:#1e40af;
}

.call-btn{
background:#22c55e;
}

.call-btn:hover{
background:#16a34a;
}

/* تنظیم اندازه رسانه داخل FAQ */
.faq .media-box {
    max-width: 450px;   /* حداکثر عرض */
    margin: 20px auto;  /* وسط‌چین */
}

.faq .media-box img,
.faq .media-box video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.media-row{
display:flex;
gap:20px;
align-items:center;
margin:20px 0;
}

.media-row .media-box{
flex:1;
}

.media-row img,
.media-row video{
width:100%;
height:auto;
border-radius:10px;
}

.btn-disabled {
    position: relative;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.6;
    filter: grayscale(40%);
}

.soon-label {
    position: absolute;
    top: -10px;
    left: -10px;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 8px;
    border-radius: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,.25);
    white-space: nowrap;
    transform: rotate(-8deg);
}