*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,sans-serif;color:#222;background:#f7f7f7;line-height:1.5}

a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

.site-shell{min-height:100vh;display:flex;flex-direction:column}

/* HEADER */
.header{
  max-width:1200px;
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.logo{
  font-size:28px;
  font-weight:700;
}
.header-right{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.header-right a{
  padding:8px 12px;
  border-radius:8px;
}
.btn-whatsapp{
  display:inline-block;
  color:#fff!important;
  }
.btn-whatsapp {
    background:#25D366;
    color:#fff;
    padding:12px 18px;
    border-radius:10px;
    font-weight:700;
    box-shadow:0 4px 10px rgba(0,0,0,0.1);
}
.btn-line {
    background:#00c300;
    color:#fff;
    padding:12px 18px;
    border-radius:10px;
    font-weight:700;
    margin-left:10px;
}

/* MAIN BLOCKS */
.hero,
.home-services,
.home-advantages,
.footer{
  max-width:1000px;
  width:100%;
  margin:0 auto;
  padding:24px 20px;
}

.hero{
  background:#fff;
  border-radius:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
  margin-top:12px;
}
.hero h1{
  margin:0 0 14px;
  font-size:32px;
  line-height:1.2;
}
.hero div{
  font-size:16px;
  color:#555;
}
.hero-actions{
  margin-top:18px;
}

.home-services h2,
.home-advantages h2{
  margin:0 0 16px;
  font-size:24px;
  line-height:1.2;
}

.home-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.home-card{
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:14px;
  padding:16px;
  min-height:72px;
  display:flex;
  align-items:center;
  font-size:16px;
  font-weight:600;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}

/* FOOTER */
.footer{
  margin-top:auto;
  font-size:14px;
  color:#777;
  border-top:1px solid #e5e5e5;
}

/* MOBILE */
@media (max-width:900px){
  .home-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero h1{
    font-size:28px;
  }
}
@media (max-width:600px){
  .header{
    flex-direction:column;
    align-items:flex-start;
  }
  .header-right{
    width:100%;
  }
  .hero,
  .home-services,
  .home-advantages,
  .footer{
    padding:20px 16px;
  }
  .home-grid{
    grid-template-columns:1fr;
  }
  .hero h1{
    font-size:24px;
  }
  .home-services h2,
  .home-advantages h2{
    font-size:22px;
  }
}
.hero-home{
  background:linear-gradient(135deg,#ffffff 0%,#f3f7ff 100%);
  border:1px solid #e8edf5;
}
.hero-home__content{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  align-items:center;
}
.hero-home__badge{
  display:inline-block;
  margin-bottom:12px;
  padding:6px 12px;
  border-radius:999px;
  background:#eef4ff;
  color:#2f5fb3;
  font-size:13px;
  font-weight:700;
}
.hero-home h1{
  margin:0 0 16px;
  font-size:30px;
}
.hero-home__text{
  font-size:17px;
  line-height:1.7;
  color:#555;
  max-width:650px;
}
.hero-home__buttons{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
.btn-outline{
  display:inline-block;
  padding:10px 16px;
  border:1px solid #cfd8e3;
  border-radius:10px;
  background:#fff;
  font-weight:700;
}
.hero-home__right{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.hero-mini-card{
  background:#fff;
  border:1px solid #e5e5e5;
  border-radius:14px;
  padding:18px;
  min-height:82px;
  display:flex;
  align-items:center;
  font-size:16px;
  font-weight:700;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
@media (max-width:900px){
  .hero-home__content{grid-template-columns:1fr}
  .hero-home__right{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-home h1{font-size:30px}
}
@media (max-width:600px){
  .hero-home__right{grid-template-columns:1fr}
  .hero-home h1{font-size:26px}
}
.lang-switch{display:flex;gap:8px;margin-right:8px}
.lang-switch a{padding:6px 8px;border:1px solid #ddd;border-radius:8px}
.lang-switch a:hover{background:#f3f3f3}
.btn-phone{display:inline-block;padding:8px 12px;border:1px solid #ddd;border-radius:10px;background:#fff}
.btn-line{display:inline-block;padding:8px 12px;border-radius:10px;background:#06C755;color:#fff!important;font-weight:700}
.lang-select{padding:8px 10px;border:1px solid #ddd;border-radius:8px;background:#fff}
.services-list{max-width:1200px;margin:0 auto;padding:24px 20px}
.services-big-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.service-big-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.service-big-card h3{margin:0 0 12px;font-size:24px}
.service-big-card p{margin:0 0 18px;color:#555;line-height:1.6}
@media(max-width:700px){.services-big-grid{grid-template-columns:1fr}}
.contacts-page{max-width:1200px;margin:0 auto;padding:24px 20px}
.contacts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.contact-card h3{margin:0 0 12px;font-size:24px}
.contact-card p{margin:0;color:#555;line-height:1.6}
.contact-card a{text-decoration:none}
@media(max-width:700px){.contacts-grid{grid-template-columns:1fr}}
.service-title-link { color:#1a73e8; text-decoration:underline; }
.service-title-link:hover { opacity:.75; }
.home-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.home-card-link:hover .home-card { border-color:#7ccf7a; box-shadow:0 6px 16px rgba(0,0,0,.08); transform:translateY(-2px); }
.home-card { transition:.2s ease; }
.service-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px 0 30px;
}

.service-page h1 {
  font-size: 32px;
  line-height: 1.15;
  margin: 0 0 22px;
  font-weight: 600;
}

.service-page h2 {
  font-size: 26px;
  line-height: 1.25;
  margin: 0 0 16px;
  font-weight: 700;
}

.service-page p {
  font-size: 18px;
  line-height: 1.75;
  margin: 0 0 18px;
  color: #333;
}

.service-box {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 24px 28px;
  margin: 0 0 28px;
}

.service-list {
  margin: 0;
  padding-left: 22px;
  font-size: 18px;
  line-height: 1.9;
  color: #333;
}

.service-note {
  border-left: 4px solid #22c55e;
  padding-left: 18px;
  margin: 0 0 28px;
}

.service-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .service-page h1 {
    font-size: 32px;
  }

  .service-page h2 {
    font-size: 22px;
  }

  .service-page p,
  .service-list {
    font-size: 16px;
  }

  .service-box {
    padding: 18px 20px;
  }
}
.service-box a {
    color: #2a7ae2;
    text-decoration: underline;
    font-weight: 500;
}

.service-box a:hover {
    color: #1a5bb8;
}
.service-box li a {
    display: inline-block;
    padding: 4px 0;
}
.service-box li a:hover {
    text-decoration: underline;
    opacity: 0.8;
}
.hero-cta {
    background:#f5f7fa;
    padding:20px;
    border-radius:10px;
    margin:20px 0;
}

.hero-buttons {
    margin:15px 0;
}

.btn-primary {
    background:#25D366;
    color:#fff;
    padding:10px 15px;
    text-decoration:none;
    border-radius:6px;
    margin-right:10px;
}

.btn-secondary {
    background:#333;
    color:#fff;
    padding:10px 15px;
    text-decoration:none;
    border-radius:6px;
}

.hero-list {
    list-style:none;
    padding:0;
}

.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:9999;display:inline-block;background:linear-gradient(180deg,#2eea7a 0%,#25D366 100%);color:#fff;text-decoration:none;padding:12px 18px;border-radius:999px;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.25),0 4px 12px rgba(37,211,102,.35);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.3),0 6px 16px rgba(37,211,102,.45);opacity:.96;}
.service-image-text {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.service-image-text img {
    width: 50%;
    max-width: 500px;
	margin-right: 10px;
    border-radius: 10px;
}

.service-image-text div {
    flex: 1;
}

@media (max-width: 768px) {
    .service-image-text {
        display: block;
    }

    .service-image-text img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}
.footer a {
    color: #0aa83f;
    font-weight: 600;
    text-decoration: underline;
}
.contact-page .service-content {
    background: rgba(255,255,255,0.95) !important;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 16px 20px;
    max-width: 900px;
    margin: 0 auto 22px auto;
}
.contact-page .service-content p {
    margin: 0 0 10px 0;
}

.contact-page .service-content h3 {
    margin: 18px 0 8px 0;
}