/* Page styles: contact */
.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start;}
/* INFO SIDE */
.contact-info-card{background:#5c1414;border-radius:16px;padding:36px 30px;color:#fff;}
.contact-info-card h2{font-size:24px;font-weight:800;margin-bottom:8px;}
.contact-info-card p{font-size:13px;color:#dba5a5;line-height:1.7;margin-bottom:28px;}
.info-item{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px;}
.info-icon{width:46px;height:46px;background:rgba(245,166,35,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f5a623;flex-shrink:0;}
.info-text h4{font-size:14px;font-weight:700;color:#fff;margin-bottom:3px;}
.info-text p,.info-text a{font-size:13px;color:#dba5a5;line-height:1.6;}
.info-text a:hover{color:#f5a623;}
.social-row{display:flex;gap:12px;margin-top:28px;}
.social-row a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:.2s;}
.social-row a:hover{background:#f5a623;}
/* QR */
.qr-wrap{margin-top:28px;text-align:center;}
.qr-wrap img{width:110px;height:110px;object-fit:contain;border-radius:10px;background:#fff;padding:6px;}
.qr-wrap p{font-size:11px;color:#dba5a5;margin-top:8px;}
/* FORM SIDE */
.contact-form-card{background:#fff;border-radius:16px;padding:36px 32px;box-shadow:0 4px 22px rgba(0,0,0,.09);}
.contact-form-card h2{font-size:24px;font-weight:800;color:#5c1414;margin-bottom:6px;}
.contact-form-card .sub{font-size:13px;color:#888;margin-bottom:26px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.form-group label{font-size:13px;font-weight:600;color:#333;}
.form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:13px;font-family:inherit;outline:none;transition:border .2s;background:#fafafa;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5c1414;background:#fff;}
.form-group textarea{resize:vertical;min-height:110px;}
.btn-submit{width:100%;background:#f5a623;color:#fff;border:none;padding:14px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;}
.btn-submit:hover{background:#d4891a;}
.success-msg{display:none;background:#e8f8f0;border:1.5px solid #2ecc71;border-radius:10px;padding:16px;text-align:center;font-size:14px;color:#1a7a42;font-weight:600;margin-top:14px;}
.success-msg.show{display:block;}
/* MAP */
.map-section{margin-top:60px;}
.map-section iframe{width:100%;height:420px;border:none;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);}
/* CARDS ROW */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:50px;}
.contact-card{background:#fff;border-radius:14px;padding:28px 22px;text-align:center;box-shadow:0 2px 14px rgba(0,0,0,.07);transition:transform .2s;}
.contact-card:hover{transform:translateY(-5px);}
.cc-icon{width:64px;height:64px;background:#fbf0f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:24px;color:#5c1414;}
.contact-card h3{font-size:15px;font-weight:700;color:#5c1414;margin-bottom:6px;}
.contact-card p,.contact-card a{font-size:13px;color:#666;line-height:1.7;}
.contact-card a:hover{color:#f5a623;}
/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:800px;margin:0 auto;}
.faq-item{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.07);overflow:hidden;}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;font-weight:600;color:#5c1414;font-size:14px;}
.faq-q i{color:#f5a623;transition:transform .3s;}
.faq-item.open .faq-q i{transform:rotate(180deg);}
.faq-a{display:none;padding:0 22px 16px;font-size:13px;color:#666;line-height:1.8;}
.faq-item.open .faq-a{display:block;}

@media(max-width:900px){
  .contact-layout{grid-template-columns:1fr;}
  .contact-cards{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
}
@media(max-width:600px){.contact-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:420px){.contact-cards{grid-template-columns:1fr;}}

/* ---- Contact form image captcha ---- */
.contact-captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.contact-captcha .captcha-box{
  width:180px;height:52px;border:1px solid #d8c4c4;border-radius:8px;overflow:hidden;
  background:#fdf7f7;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.contact-captcha .captcha-box img{width:100%;height:100%;object-fit:contain;}
.contact-captcha .captcha-reload{
  width:46px;height:52px;border:1px solid #d8c4c4;border-radius:8px;background:#faeeee;
  color:#5c1414;cursor:pointer;font-size:15px;flex-shrink:0;transition:.15s;
}
.contact-captcha .captcha-reload:hover{background:#5c1414;color:#fff;}
.contact-captcha .captcha-reload.spin i{animation:captchaSpin .6s linear;}
@keyframes captchaSpin{to{transform:rotate(360deg);}}
.contact-captcha input{flex:1;min-width:160px;text-transform:uppercase;letter-spacing:2px;}