/* ===== CONTACT PAGE CSS – DAS INTERIOR ===== */

/* ===== PAGE HERO ===== */
.page-hero{padding:180px 0 100px;text-align:center;position:relative;overflow:hidden}
.page-hero-bg{position:absolute;inset:0}
.page-hero-bg img{width:100%;height:100%;object-fit:cover}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.55) 100%)}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(36px,6vw,68px);font-weight:900;color:#fff;margin-bottom:16px;position:relative;line-height:1.15}
.page-hero p{color:rgba(255,255,255,0.75);font-size:clamp(14px,2vw,17px);position:relative;max-width:600px;margin:0 auto;line-height:1.7}
.breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;font-size:13px;color:rgba(255,255,255,0.5);position:relative}
.breadcrumb a{color:var(--gold)}.breadcrumb a:hover{color:var(--gold-light)}
.breadcrumb span{color:rgba(255,255,255,0.4)}

/* ===== CONTACT INFO CARDS ===== */
.contact-cards-section{background:var(--dark);padding:70px 0}
.contact-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cc-card{background:var(--dark3);border:1px solid var(--border);border-radius:16px;padding:36px 24px;text-align:center;transition:all .4s ease;animation:fadeUp .6s ease calc(var(--i) * .1s) both}
.cc-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,0.5);border-color:rgba(201,168,76,0.5)}
.cc-icon-wrap{width:64px;height:64px;background:rgba(201,168,76,0.1);border:2px solid rgba(201,168,76,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);margin:0 auto 18px;transition:all .3s ease}
.cc-card:hover .cc-icon-wrap{background:rgba(201,168,76,0.2);transform:scale(1.1) rotate(10deg)}
.cc-card h3{font-family:'Playfair Display',serif;font-size:18px;color:#fff;margin-bottom:12px;font-weight:700}
.cc-card p{color:var(--text-muted);font-size:14px;line-height:1.8}
.cc-card p a{color:var(--text-muted);transition:color .2s;display:block}
.cc-card p a:hover{color:var(--gold)}

/* ===== CONTACT MAIN ===== */
.contact-main{background:var(--dark2);padding:100px 0}
.cp-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}

/* Info side */
.cp-info{display:flex;flex-direction:column;gap:28px}
.cp-info-img{position:relative;border-radius:16px;overflow:hidden;height:240px}
.cp-info-img img{width:100%;height:100%;object-fit:cover}
.cp-info-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,transparent 50%)}
.cp-info-badge{
  position:absolute;bottom:18px;left:18px;
  display:flex;align-items:center;gap:12px;
  background:rgba(0,0,0,0.7);backdrop-filter:blur(10px);
  border:1px solid rgba(201,168,76,0.4);
  border-radius:12px;padding:12px 18px;
}
.cp-info-badge i{font-size:28px;color:var(--gold)}
.cp-info-badge strong{display:block;color:#fff;font-size:14px;font-weight:700}
.cp-info-badge span{display:block;color:var(--text-muted);font-size:12px}

.cp-quick{background:var(--dark3);border:1px solid var(--border);border-radius:16px;padding:28px}
.cp-quick h3{font-family:'Playfair Display',serif;font-size:22px;color:#fff;font-weight:700;margin-bottom:20px}
.cp-phones{display:flex;flex-direction:column;gap:12px}
.cp-phone-btn{
  display:flex;align-items:center;gap:16px;
  background:var(--dark4);border:1px solid var(--border);
  border-radius:10px;padding:14px 18px;
  color:#fff;transition:all .3s ease;
}
.cp-phone-btn:hover{border-color:rgba(201,168,76,0.5);background:rgba(201,168,76,0.06);transform:translateX(4px)}
.cp-phone-btn i{width:36px;height:36px;background:rgba(201,168,76,0.1);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:15px;flex-shrink:0}
.cp-phone-btn strong{display:block;color:#fff;font-size:15px;font-weight:700}
.cp-phone-btn span{display:block;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}

.map-box{border-radius:14px;overflow:hidden;border:1px solid var(--border)}

/* Form side */
.cp-form{background:var(--dark3);border:1px solid var(--border);border-radius:16px;padding:44px 40px}
.cp-form h3{font-family:'Playfair Display',serif;font-size:28px;color:#fff;font-weight:700;margin-bottom:6px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:8px;letter-spacing:1px;text-transform:uppercase}
.form-group input,
.form-group select,
.form-group textarea{
  width:100%;padding:14px 18px;
  background:var(--dark4);border:1px solid var(--border);
  border-radius:10px;color:var(--text);
  font-family:'Raleway',sans-serif;font-size:14px;
  transition:var(--transition);outline:none;
}
.form-group input::placeholder,.form-group textarea::placeholder{color:#555}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,0.12)}
.form-group select option{background:var(--dark4);color:var(--text)}
.form-group textarea{resize:vertical;min-height:110px}
.form-success{
  margin-top:16px;padding:16px 20px;
  background:rgba(37,211,102,0.1);border:1px solid rgba(37,211,102,0.3);
  border-radius:10px;color:#25D366;font-size:14px;font-weight:700;
  display:flex;align-items:center;gap:12px;
}

/* ===== REVEAL ===== */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .65s ease,transform .65s ease}
.reveal.revealed{opacity:1;transform:translateY(0)}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .contact-cards-grid{grid-template-columns:repeat(2,1fr)}
  .cp-grid{grid-template-columns:1fr;gap:44px}
}
@media(max-width:640px){
  .contact-cards-grid{grid-template-columns:1fr 1fr}
  .cp-form{padding:28px 20px}
  .form-row{grid-template-columns:1fr}
  .page-hero{padding:140px 0 70px}
}
@media(max-width:420px){
  .contact-cards-grid{grid-template-columns:1fr}
}