/* After-sales service page. Uses the shared MOTOMA page system and backend form conventions. */
body[data-page="after-sales"] { background:#f4f5f7; }
.after-sales-hero .inner-hero-content { width:min(1440px,calc(100% - 40px)); }
.after-sales-hero h1 { font-size:clamp(3.4rem,7.2vw,7.1rem); white-space:nowrap; }
.after-sales-wrap { position:relative; z-index:10; padding:62px 0 110px; }
.after-sales-container { max-width:1180px; }
.after-sales-helpline {
  display:flex;
  align-items:center;
  gap:16px;
  width:max-content;
  max-width:100%;
  margin:0 0 58px;
  padding:10px 14px 10px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.74);
  box-shadow:0 12px 34px rgba(14,21,25,.06);
}
.after-sales-whatsapp {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  color:#fff;
  background:#27c65a;
  border:4px solid #fff;
  border-radius:50%;
  box-shadow:0 6px 18px rgba(39,198,90,.28);
}
.after-sales-whatsapp svg { width:24px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.after-sales-helpline span:not(.after-sales-whatsapp) { display:block; color:#858c90; font-size:.7rem; }
.after-sales-helpline a { display:block; margin-top:2px; color:#151a1d; font-size:.95rem; font-weight:900; letter-spacing:.01em; }

.after-sales-form {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:44px 50px;
}
.after-sales-required-note {
  grid-column:1/-1;
  margin:-14px 0 -14px;
  padding:12px 15px;
  color:#687175;
  border-left:3px solid var(--red);
  background:rgba(255,255,255,.72);
  font-size:.74rem;
  line-height:1.55;
}
.after-sales-fieldset,
.after-sales-diagnostics {
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.after-sales-fieldset { display:grid; align-content:start; gap:18px; }
.after-sales-fieldset legend,
.after-sales-diagnostics legend {
  width:100%;
  margin:0 0 17px;
  padding:0;
  color:#1c2225;
  font-size:1.55rem;
  font-weight:900;
  letter-spacing:-.025em;
}
.after-sales-form .form-field { gap:8px; }
.after-sales-form .form-field label,
.after-sales-label,
.after-sales-check-list > span {
  color:#31383b;
  font-size:.72rem;
  font-weight:800;
}
.after-sales-label span,
.after-sales-form .form-field label span { color:#7c8588; font-weight:500; }
.after-sales-form input,
.after-sales-form select,
.after-sales-form textarea {
  width:100%;
  min-height:52px;
  padding:13px 17px;
  color:#1a2023;
  border:1px solid rgba(17,19,21,.1);
  border-radius:999px;
  outline:none;
  background:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.after-sales-form textarea {
  min-height:180px;
  padding:18px;
  border-radius:14px;
  resize:vertical;
}
.after-sales-form input:focus,
.after-sales-form select:focus,
.after-sales-form textarea:focus {
  border-color:rgba(191,0,8,.62);
  box-shadow:0 0 0 4px rgba(191,0,8,.08);
}
.after-sales-form [aria-invalid="true"] { border-color:#c9000a; box-shadow:0 0 0 4px rgba(201,0,10,.09); }
.after-sales-inline-upload { position:relative; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.after-sales-inline-upload .after-sales-label,
.after-sales-inline-upload small { grid-column:1/-1; }
.after-sales-inline-upload input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.after-sales-upload-button {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:42px;
  padding:0 10px 0 20px;
  color:#fff!important;
  background:var(--red);
  border-radius:999px;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
.after-sales-upload-button:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(191,0,8,.2); }
.after-sales-upload-button span:last-child { display:grid; place-items:center; width:30px; height:30px; color:#fff; border:1px solid rgba(255,255,255,.4); border-radius:50%; font-size:1rem; }
.after-sales-inline-upload small { color:#858d90; font-size:.65rem; }

.after-sales-check-list {
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  padding:5px 0 0;
}
.after-sales-check-list > span { margin-bottom:1px; }
.after-sales-check-list label,
.after-sales-terms {
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#50595d;
  font-size:.72rem;
  line-height:1.5;
}
.after-sales-check-list input,
.after-sales-terms input {
  flex:0 0 auto;
  width:17px;
  height:17px;
  min-height:0;
  margin:1px 0 0;
  padding:0;
  border-radius:4px;
  accent-color:var(--red);
}
.after-sales-diagnostics {
  grid-column:1/-1;
  padding:30px;
  border:1px solid rgba(17,19,21,.08);
  border-radius:22px;
  background:rgba(255,255,255,.65);
}
.after-sales-diagnostics > p { margin:-8px 0 23px; color:#717a7e; font-size:.74rem; }
.after-sales-diagnostic-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; }
.after-sales-full { grid-column:1/-1; }
.after-sales-dropzone {
  position:relative;
  display:grid;
  place-items:center;
  min-height:190px;
  margin-top:9px;
  padding:28px;
  text-align:center;
  border:2px dashed #c5cacc;
  border-radius:18px;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.after-sales-dropzone:hover,
.after-sales-dropzone.is-dragging { border-color:var(--red); background:#fffafa; transform:translateY(-2px); }
.after-sales-dropzone input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.after-sales-drop-icon {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:9px;
  color:#fff;
  background:var(--red);
  border-radius:50%;
  font-size:1.35rem;
}
.after-sales-dropzone strong { font-size:.86rem; }
.after-sales-dropzone small { margin-top:4px; color:#7e878a; font-size:.68rem; }
.after-sales-terms { padding:3px 0; }
.after-sales-submit { display:flex; align-items:center; gap:18px; }
.after-sales-submit .button { min-width:165px; justify-content:space-between; }
.after-sales-submit [data-form-status] { color:#5e686c; font-size:.75rem; line-height:1.5; }
.after-sales-submit [data-status="success"] { color:#16833c; }
.after-sales-submit [data-status="error"] { color:#bd0008; }

@media (max-width:900px) {
  .after-sales-hero h1 { white-space:normal; }
  .after-sales-form { grid-template-columns:1fr; gap:34px; }
  .after-sales-required-note,
  .after-sales-diagnostics,
  .after-sales-full { grid-column:auto; }
}
@media (max-width:640px) {
  .after-sales-wrap { padding-top:40px; }
  .after-sales-helpline { margin-bottom:40px; }
  .after-sales-diagnostic-grid { grid-template-columns:1fr; }
  .after-sales-diagnostics { padding:22px 18px; }
  .after-sales-submit { align-items:flex-start; flex-direction:column; }
  .after-sales-submit .button { width:100%; }
  .after-sales-hero h1 { font-size:clamp(2.8rem,14vw,4.2rem); line-height:.95; }
}