/* ============================================================
   WAJ Services — Paslaugos (B2B) page. Brand vars from waj-skin.
   ============================================================ */

.waj-sv__h2 { font-size: clamp(1.6rem, 4vw, 2.4rem); margin: 0 0 var(--space-5); }
.waj-page-head .button { margin-top: var(--space-5); padding: 14px 36px; font-weight: 600; }

/* Intro */
.waj-sv__lead { max-width: 740px; color: var(--waj-muted); font-size: 1.05rem; line-height: 1.8; margin: 0; }

/* Services grid */
.waj-sv__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-5); margin-top: var(--space-6); }
.waj-sv__card {
  position: relative; padding: var(--space-6) var(--space-5);
  border: 1px solid var(--waj-border); border-radius: var(--radius-lg);
  background: var(--waj-surface-2); transition: border-color 200ms ease, transform 200ms ease;
}
.waj-sv__card:hover { border-color: var(--waj-accent); transform: translateY(-2px); }
.waj-sv__card-num {
  font-family: var(--font-heading); font-size: 0.8rem; font-weight: 700;
  letter-spacing: 0.1em; color: var(--waj-accent); display: block; margin-bottom: 0.6rem;
}
.waj-sv__card h3 { font-size: 1.15rem; margin: 0 0 0.5rem; }
.waj-sv__card p { margin: 0; color: var(--waj-muted); line-height: 1.7; font-size: 0.94rem; }

/* Gallery */
.waj-sv__gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); margin-top: var(--space-6); }
.waj-sv__photo { margin: 0; border-radius: var(--radius-md); overflow: hidden; aspect-ratio: 4 / 3; }
.waj-sv__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform 300ms ease; }
.waj-sv__photo:hover img { transform: scale(1.04); }

/* Video — responsive 16:9 */
.waj-sv__video { position: relative; border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 16 / 9; background: var(--waj-surface-2); margin: var(--space-6) auto 0; max-width: 760px; }
.waj-sv__jump { text-align: center; margin: var(--space-5) 0 0; color: var(--waj-muted); font-size: 0.95rem; }
.waj-sv__jump a { color: var(--waj-accent); font-weight: 600; white-space: nowrap; }
.waj-sv__video :is(iframe, video, embed, object) { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }

/* Pricing */
.waj-sv__pricing-note { max-width: 680px; color: var(--waj-muted); margin: 0 0 var(--space-6); }
.waj-sv__pricing { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4); }
.waj-sv__price {
  padding: var(--space-5); border: 1px solid var(--waj-border); border-radius: var(--radius-lg);
  background: var(--waj-surface-2);
}
.waj-sv__price-label { display: block; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--waj-muted); }
.waj-sv__price-amount { display: block; font-family: var(--font-heading); font-size: 1.6rem; color: var(--waj-accent); margin: 0.3rem 0 0.6rem; }
.waj-sv__price-desc { margin: 0; font-size: 0.86rem; color: var(--waj-muted); line-height: 1.6; }

/* Inquiry form */
.waj-sv__form-card {
  max-width: 820px; margin: 0 auto; padding: var(--space-7) var(--space-6);
  border: 1px solid var(--waj-border); border-radius: var(--radius-lg);
  background: radial-gradient(ellipse at 50% -20%, rgba(232, 114, 36, 0.10), transparent 60%), var(--waj-surface);
}
.waj-sv__form-intro { color: var(--waj-muted); margin: 0.4rem 0 var(--space-5); }
.waj-sv__form-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--space-5); }
.waj-sv .waj-field { margin: 0 0 14px; }
.waj-sv .waj-field label { display: block; font-size: 11px; color: var(--waj-text); letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 6px; }
.waj-sv .waj-field input, .waj-sv .waj-field textarea, .waj-sv .waj-field select {
  width: 100%; box-sizing: border-box; border-radius: 7px; padding: 11px 13px; font-size: 14px;
  font-family: var(--font-body); background: var(--waj-bg); color: var(--waj-text); border: 1px solid var(--waj-border);
}
.waj-sv .waj-field input:focus, .waj-sv .waj-field textarea:focus, .waj-sv .waj-field select:focus { border-color: var(--waj-accent); outline: none; }
.waj-sv .waj-field__error { color: var(--waj-lvl-adv); font-size: 12px; margin: 6px 0 0; }
.waj-sv .waj-field__error:empty { display: none; }
.waj-sv .waj-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.waj-sv__form-card .button { margin-top: 16px; padding: 14px 36px; font-weight: 600; }
.waj-inquiry__hint { font-size: 11px; color: var(--waj-muted); margin: 10px 0 0; }
.waj-sv .waj-reg__result {
  margin-top: var(--space-4); padding: 16px 20px; border: 1px solid var(--waj-accent);
  border-radius: var(--radius-md); background: rgba(232, 114, 36, 0.08);
}
.waj-sv .waj-reg__result.is-error { border-color: var(--waj-lvl-adv); background: rgba(224, 82, 82, 0.08); }

/* Responsive */
@media (max-width: 900px) {
  .waj-sv__grid { grid-template-columns: 1fr 1fr; }
  .waj-sv__pricing { grid-template-columns: 1fr 1fr; }
  .waj-sv__gallery { grid-template-columns: 1fr 1fr; }
  .waj-sv__form-cols { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .waj-sv__grid, .waj-sv__pricing, .waj-sv__gallery { grid-template-columns: 1fr; }
}