/* =====================================================================
   MVUKE TV, contact.php
   Dark desk: big heading + station details beside a glass form,
   then a two-column FAQ accordion.
===================================================================== */
body.contact-page{background:#07040d;color:#fff;}
.contact-page{--pad:clamp(20px,5vw,72px);}
.contact-page h1,.contact-page h2{font-family:'Montserrat',sans-serif;font-weight:900;letter-spacing:-.045em;line-height:1.02;}

/* ============================ DESK ================================ */
.ct{position:relative;padding:calc(var(--mv-nav-h) + clamp(32px,7vh,72px)) var(--pad) clamp(56px,9vh,100px);overflow:hidden;}
.ct-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 60% at 12% 18%,rgba(124,63,201,.38),transparent 70%),radial-gradient(40% 50% at 95% 90%,rgba(232,162,61,.12),transparent 70%);}
.ct-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,96px);max-width:1380px;margin:0 auto;align-items:start;}

.ct-intro h1{font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:.94;text-wrap:balance;text-shadow:0 6px 40px rgba(0,0,0,.5);}
.ct-intro>p{margin-top:20px;max-width:46ch;font-size:1.02rem;line-height:1.65;color:rgba(248,245,252,.78);}

.ct-details{display:grid;gap:26px;margin-top:clamp(32px,6vh,56px);}
.ct-details>div{padding-top:22px;border-top:1px solid rgba(255,255,255,.16);}
.ct-details h2{font-family:inherit;font-size:.9rem;font-weight:800;letter-spacing:0;color:var(--mv-ember-400);margin-bottom:8px;}
.ct-details p{font-size:1.05rem;font-weight:600;line-height:1.55;color:rgba(248,245,252,.92);}
.ct-details p a:hover{color:var(--mv-ember-400);}
.ct-link{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:.88rem;font-weight:800;color:#fff;border-bottom:2px solid var(--mv-ember-500);padding-bottom:2px;}
.ct-link svg{width:14px;height:14px;transition:transform .3s var(--mv-ease);}
.ct-link:hover svg{transform:translate(2px,-2px);}

/* Form */
.ct-form{padding:clamp(24px,3.4vw,40px);border-radius:var(--mv-radius-lg);background:rgba(23,15,38,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);}
.ct-form h2{font-size:1.6rem;margin-bottom:24px;}
.ct-field{margin-bottom:18px;}
.ct-field label{display:block;margin-bottom:8px;font-size:.84rem;font-weight:700;color:rgba(248,245,252,.8);}
.ct-field input,.ct-field select,.ct-field textarea{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:.95rem;font-weight:500;color-scheme:dark;resize:vertical;transition:border-color .25s var(--mv-ease),background .25s var(--mv-ease);}
.ct-field select option{background:#170F26;color:#fff;}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{outline:none;border-color:var(--mv-ember-400);background:rgba(255,255,255,.11);}
.ct-submit{width:100%;margin-top:6px;padding:16px 28px;}
.ct-status{margin-top:14px;min-height:1.3em;font-size:.88rem;font-weight:700;line-height:1.45;}
.ct-status.is-success{color:var(--mv-steam-400);}
.ct-status.is-error{color:#ff8a7a;}

/* ============================ VISIT =============================== */
.visit{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;max-width:1380px;margin:0 auto;padding:0 var(--pad) clamp(64px,10vh,110px);}
.visit-photo{border-radius:var(--mv-radius-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);}
.visit-photo img{width:100%;height:100%;object-fit:cover;}
.visit-copy h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(1.9rem,3.8vw,3rem);letter-spacing:-.045em;line-height:1.02;}
.visit-copy>p{margin-top:14px;max-width:40ch;line-height:1.65;color:rgba(248,245,252,.75);}
.visit-points{margin:24px 0 28px;display:grid;gap:0;}
.visit-points li{display:flex;flex-direction:column;gap:2px;padding:16px 0;border-top:1px solid rgba(255,255,255,.14);}
.visit-points li:last-child{border-bottom:1px solid rgba(255,255,255,.14);}
.visit-points strong{font-size:1.02rem;font-weight:800;}
.visit-points span{font-size:.92rem;color:rgba(248,245,252,.68);}
@media(max-width:900px){.visit{grid-template-columns:1fr;}}

/* ============================ FAQ ================================= */
.ct-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,6vw,96px);max-width:1380px;margin:0 auto;padding:0 var(--pad) clamp(64px,10vh,110px);}
.ct-faq-lead h2{font-size:clamp(1.9rem,3.8vw,3rem);}
.ct-faq-lead p{margin-top:14px;max-width:32ch;line-height:1.6;color:rgba(248,245,252,.65);}

.faq-item{border-top:1px solid rgba(255,255,255,.16);}
.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.16);}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 2px;text-align:left;font-size:1.05rem;font-weight:800;color:#fff;transition:color .25s var(--mv-ease);}
.faq-question:hover{color:var(--mv-ember-400);}
.faq-question svg{width:20px;height:20px;flex-shrink:0;color:var(--mv-ember-400);transition:transform .3s var(--mv-ease);}
.faq-question[aria-expanded="true"] svg{transform:rotate(180deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s var(--mv-ease);}
.faq-answer p{padding:0 2px 24px;max-width:56ch;font-size:.95rem;line-height:1.65;color:rgba(248,245,252,.72);}

/* ============================ RESPONSIVE ========================== */
@media(max-width:900px){
  .ct-grid,.ct-faq{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .ct{padding-top:calc(var(--mv-nav-h) + 24px);}
  .ct-details p{font-size:1rem;}
}
@media(prefers-reduced-motion:reduce){
  .faq-question svg,.faq-answer,.ct-link svg{transition:none;}
}