/* Saulės sūnūs – laikinas pristatymo puslapis (statinis HTML + CSS) */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  background: #fff;
  color: #000;
}

body {
  margin: 0;
}

/* Vertikalūs tarpai tarp blokų (keičiasi pagal ekrano plotį) */
:root {
  --top: 65px;          /* tarpas virš logotipo */
  --logo-gap: 39px;     /* logotipas -> pranešimas */
  --notice-gap: 22px;   /* pranešimas -> kontaktai */
  --contact-gap: 43px;  /* kontaktai -> „Įmonės veikla“ */
  --services-gap: 83px; /* paslaugos -> poraštė */
  --footer-bottom: 2px; /* tarpas po poraštės tekstu */
}

.page {
  position: relative;
  overflow-x: hidden;
}

.page > section,
.page > header {
  position: relative;
  z-index: 1;
}

/* Centruojamas konteineris: fiksuotas plotis nuo 1200px, žemiau – per visą plotį */
.container {
  width: 100%;
  margin: 0 auto;
}

/* ---------- Logotipas ---------- */
.logo {
  padding-top: var(--top);
}

.logo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* ---------- Pranešimas ir kontaktai ---------- */
.contact {
  margin-top: var(--logo-gap);
}

.contact__box {
  width: 50%;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
}

.notice {
  margin: 0 0 var(--notice-gap);
  font-size: 13pt;
  font-weight: 700;
  line-height: 1.4;
  color: #333;
}

.contacts {
  display: block;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 23.33px;
  color: #000;
}

/* ---------- Įmonės veikla ---------- */
.services {
  margin-top: var(--contact-gap);
}

.services__outer {
  width: 82.8788%;
  margin: 0 auto;
  padding: 0 15px;
}

.services__inner {
  width: 83.4%;
  margin: 0 auto;
  padding: 0 15px;
  text-align: left;
}

.services h2 {
  margin: 0 0 20px;
  font-size: 14pt;
  font-weight: 700;
  line-height: 28px;
  color: #000;
}

.services dl {
  margin: 0;
  line-height: 24px;
}

.services dt {
  font-style: italic;
  font-weight: 700;
  color: #740000;
}

.services dd {
  margin: 0;
}

/* ---------- Poraštė su banga ---------- */
.footer {
  position: relative;
  margin-top: var(--services-gap);
  padding-bottom: var(--footer-bottom);
}

.footer p {
  position: relative;
  z-index: 1;
  margin: 0;
  line-height: 24px;
  text-align: center;
}

.wave {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  line-height: 0;
  pointer-events: none;
}

.wave svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 84.94;
  transform: rotate(180deg);
}

.wave path {
  fill: rgba(255, 170, 4, 0.07);
  fill-rule: evenodd;
}

.wave .w1 { opacity: 0.33; }
.wave .w2 { opacity: 0.66; }
.wave .w3 { opacity: 1; }

/* ---------- Responsive ---------- */

/* ≥ 1200px: fiksuotas konteineris */
@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}

@media (min-width: 1400px) {
  .container { max-width: 1320px; }
}

/* ≤ 1199px */
@media (max-width: 1199.98px) {
  :root {
    --top: 75px;
    --logo-gap: 22px;
    --contact-gap: 27px;
    --services-gap: 53px;
    --footer-bottom: 8px;
  }
  .services__outer { width: 83.4%; }
}

/* ≤ 991px (planšetė) */
@media (max-width: 991.98px) {
  :root {
    --top: 18px;
    --logo-gap: 7px;
    --contact-gap: 31px;
    --services-gap: 37px;
    --footer-bottom: 13px;
  }
}

/* ≤ 767px: stulpeliai viena po kito */
@media (max-width: 767.98px) {
  :root {
    --top: 16px;
    --services-gap: 28px;
    --footer-bottom: 75px;
  }
  .contact__box,
  .services__outer,
  .services__inner {
    width: 100%;
  }
}

/* ≤ 575px (telefonas) */
@media (max-width: 575.98px) {
  :root {
    --top: 18px;
    --logo-gap: 22px;
    --contact-gap: 42px;
    --services-gap: 23px;
  }
}