/* پالت جدید (اگر در جای دیگری تعریف شده، می‌تونی حذف کنی) */
:root{
    --pgco-brand:#19284F; --pgco-accent:#EF4444; --pgco-muted:#6E7A90;
    --pgco-bg:#F7F8FA; --pgco-card:#FFFFFF; --pgco-text:#1B2748;
    --pgco-chip: #eaedef; --pgco-border:#E5E8EF; --container:1200px;
}

/* صفحه تماس */
.pgco-contact{background:var(--pgco-bg); color:var(--pgco-text); padding:48px 16px 80px;}
.pgco-contact .container{max-width:var(--container); margin:0 auto}

/* هدر */
.pgco-contact .head{margin-bottom:18px; text-align:right}
.pgco-contact .title{font-weight:900; font-size:28px; margin:0 0 6px}
.pgco-contact .desc{margin:0; color:var(--pgco-muted); font-size:15px}

/* گرید کلی: راست (اطلاعات+فرم) | چپ (نقشه) */
.pgco-contact .grid{
    display:grid; grid-template-columns:1fr; gap:18px; align-items:start; margin-top:18px;
}
@media (min-width:992px){
    .pgco-contact .grid{grid-template-columns: 1.1fr 1.2fr; gap:26px;}
}

@media (max-width:992px){
    .pgco-contact{margin-right:50px;}
}

/* کارت عمومی */
.pgco-contact .card{
    background:var(--pgco-card);
    border:1px solid var(--pgco-border);
    border-radius:16px;
    box-shadow:0 8px 22px rgba(0,0,0,.06);
}

/* استک ستون راست (اطلاعات + فرم) */
.pgco-contact .stack{display:flex; flex-direction:column; gap:18px}

/* اطلاعات تماس */
.pgco-contact .info{padding:18px}
.pgco-contact .list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px}
.pgco-contact .list li{display:flex; align-items:center; gap:10px; font-weight:700}
.pgco-contact .ico{
    width:34px;height:34px;border-radius:10px;display:grid;place-items:center; background:var(--pgco-chip);
    flex:0 0 34px;
}
.pgco-contact .ico i{font-size:16px; color:var(--pgco-brand)}
.pgco-contact .txt{line-height:1.6}
.pgco-contact .link{color:var(--pgco-brand); text-decoration:none; border-bottom:1px dashed transparent; transition:color .15s, border-color .15s}
.pgco-contact .link:hover{color:var(--pgco-accent); border-color:var(--pgco-accent)}

/* فرم ایمیل */
.pgco-contact .form{padding:18px}
.pgco-contact .form-title{margin:0 0 12px; font-weight:900; font-size:18px}
.pgco-contact .pgco-form{display:flex; flex-direction:column; gap:14px}
.pgco-contact .row{display:flex; flex-wrap:wrap; gap:14px}
.pgco-contact .row.two .field{flex:1 1 260px; min-width:0}
.pgco-contact .field{flex:1 1 100%}
.pgco-contact label{display:block; font-weight:800; font-size:13px; margin-bottom:6px; color:var(--pgco-brand)}
.pgco-contact input[type="text"],
.pgco-contact input[type="email"],
.pgco-contact textarea{
    width:100%; padding:12px 12px; border:1px solid var(--pgco-border); border-radius:12px; background:#fff;
    font:600 14px/1.4 Vazirmatn,system-ui; color:var(--pgco-text); outline:none; transition:border-color .15s, box-shadow .15s;
}
.pgco-contact textarea{resize:vertical; min-height:120px}
.pgco-contact input:focus,
.pgco-contact textarea:focus{border-color:#cfd6e6; box-shadow:0 0 0 4px rgba(31, 41, 55, .06)}
.pgco-contact .actions{display:flex; justify-content:flex-start}
.pgco-contact .btn-submit{
    background:var(--pgco-accent); color:#fff; border:none; border-radius:12px; padding:12px 18px;
    font-weight:900; cursor:pointer; box-shadow:0 10px 18px rgba(239,68,68,.24); transition:transform .06s ease, box-shadow .15s ease;
}
.pgco-contact .btn-submit:active{transform:translateY(1px); box-shadow:0 6px 12px rgba(239,68,68,.2)}

/* پیام‌های فرم */
.pgco-contact .pgco-alert{margin:8px 0 12px; padding:10px 12px; border-radius:12px; font-weight:700}
.pgco-contact .pgco-alert.success{background:#eaf8ef; color:#136b2c; border:1px solid #cdebd6}
.pgco-contact .pgco-alert.error{background:#fdeaea; color:#8a1f1f; border:1px solid #f2c7c7}

/* نقشه */
.pgco-contact .map{min-height:340px; overflow:hidden}
.pgco-contact .map iframe{display:block; width:100%; height:100%; border:0; min-height:340px}
.pgco-contact .map-ph{display:grid; place-items:center; height:100%; min-height:340px; color:var(--pgco-muted)}

/* ریسپانسیو موبایل: فیکس کشیدگی/به‌هم‌ریختگی */
@media (max-width:768px){
    .pgco-contact{padding-top:36px}
    .pgco-contact .grid{grid-template-columns:1fr; gap:16px}
    .pgco-contact .title{font-size:24px}
    .pgco-contact .info{padding:14px}
    .pgco-contact .form{padding:14px}
    .pgco-contact .row.two{flex-direction:column}
    .pgco-contact .row.two .field{flex:1 1 100%}
    .pgco-contact .map{min-height:300px}
    .pgco-contact .map iframe{min-height:300px}
}