* {margin: 0;padding: 0;box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {font-family: Arial, sans-serif; background-color: #f3f3f3; color: #000000;}
.animate06 {animation: pageFade 0.6s ease-out both;}
.animate07 {animation: pageFade 0.7s ease-out both;}
@keyframes pageFade {
  from {opacity: 0;transform: translateY(10px);}
  to {opacity: 1; transform: translateY(0);}
}
@keyframes fadeUp {
    to {opacity: 1;transform: translateY(0);}
}
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.container {width: 100%;max-width: 1440px;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px;}
main {background-color: #ffffff;}
.mar-boot{padding-bottom: 5px;}
.blochk-heder-wrapp {width: 100%;height: 180px;display: flex;align-items: center;justify-content: space-between;background-color: #ffffff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.logo-header{margin-left: 25px;}
.site-logo img {height: 124px;width: auto;display: block;}
.job-time-header{width: 100%;height: auto;margin-left: 60px;}
.mob-phone-header{width: 100%;height: auto;}
.lang-header{width: 100%;height: auto;}
.job-time-header-blochk-p{font-size: 22px;font-family: "Artifakt Element";}
.job-time-header-blochk-p a, a:hover, a:active {color: #000000;text-decoration: none;}
.job-time-header-blochk-p i{margin-right: 10px;}
.ban-main-wrap{background-image: url("/media/ban-bg.webp");background-repeat: no-repeat;background-position: top center;background-size: cover;width: 100%;height: 525px;}
.ban-main-content{width: 100%;height: 100%;background: rgba(255, 255, 255, 0.390);}
.ban-main-text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.ban-main-text span{display: block;text-align: center;font-size: 60px;font-family: "Artifakt Element";margin-top: 25px;font-weight: 600;}
.ban-main-text p{text-align: center;font-size: 35px;margin-top: 20px;}
.ban-main-text span, .ban-main-text p {color: #fff;text-shadow:0 0 2px #000, 0 0 4px #000;}
h1 {font-size: 40px;margin-top: 45px;margin-bottom: 45px;text-align: center;font-family: "Artifakt Element";font-weight: 700;}
h3 {font-size: 20px;margin-top: 45px;margin-bottom: 45px;text-align: center;font-family: "Artifakt Element";font-weight: 700;}
.main-img-wrap {width: 100%;height: auto;margin-bottom: 60px;background-color: #f3f3f3;display: flex;justify-content: space-around;}
.main-img-content {display: flex;gap: 30px;padding: 20px;}
.main-img-item{max-width: 100%;height: auto;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.main-img-desc{width: 100%;height: auto;}
.main-img-item img {width: 100%;height: auto;transition: transform 0.3s ease;}
.main-img-desc h2 {font-size: 24px;margin-top: 15px;font-family: "Artifakt Element";}
.main-img-desc p {font-size: 16px;margin-top: 10px;color: #555555;line-height: 1.5;text-align: justify;}
.main-img-desc-l{margin-left: 25px;}
.main-img-desc-r{margin-right: 25px;}
.main-img-wrap-clear{width: 100%;height: 60px;background: #fff;}
.main-text-block-wrap {margin: 40px 0;}
.main-text-block-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin: 25px;}
.main-text-block {background: #ffffff;border: 2px solid #e0e0e0;border-radius: 16px;padding: 24px;box-sizing: border-box;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);opacity: 0;transform: translateY(30px);animation: fadeUp 0.8s ease forwards;animation-timeline: view();animation-range: entry 0% cover 30%;}
.main-text-block h4 {margin: 0 0 12px;font-size: 17px;font-family: "Artifakt Element";font-weight: 600;color: #222;}
.main-text-block p {margin: 0;font-size: 15px;line-height: 1.6;color: #555;}
.main-text-block:hover {border-color: #cfcfcf;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);transform: translateY(-2px);}
.order-steps {display: flex;gap: 32px;justify-content: center;flex-wrap: wrap;}
.step-arrow {position: relative;width: 295px;height: 117px;background: #f3f3f3;color: #000;display: flex;flex-direction: column;justify-content: center;padding-left: 15px;box-sizing: border-box;margin: 10px;}
.step-arrow::after {content: "";position: absolute;top: 50%;right: -32px;transform: translateY(-50%);width: 0;height: 0;border-top: 58.5px solid transparent;border-bottom: 58.5px solid transparent;border-left: 32px solid #f3f3f3;}
.step-arrow:last-child::after {display: none;}
.step-num {font-size: 32px;font-weight: bold;line-height: 1;text-align: center;}
.step-arrow p {margin: 6px 0 0;font-size: 12px;line-height: 1.4;text-align: center;}
.cta-order-btn-wrap{width: 170px;height: 55px;margin-right: 25px;}
.cta-order-btn {display: inline-flex;align-items: center;justify-content: center;width: 168px;height: 50px;border-radius: 3%;background: #d0ffdfa6;color: #008608;text-decoration: none;font-size: 14px;font-weight: 500;font-family: "Artifakt Element";line-height: 1.2;text-align: center;padding: 16px;border: solid 2px #11db00;transition: transform 0.25s ease, box-shadow 0.25s ease;}
/* Hover — только для десктопа */
@media (hover: hover) {
  .cta-order-btn:hover {color: #008608;transform: scale(1.05);box-shadow: 0 12px 30px rgba(94, 255, 110, 0.507);}
}
.cta-order-btn {animation: pulse 3s infinite;}
.order-text-wrap{width: 100%;max-width: 1300px;margin: 25px auto 0px;padding: 0 15px;box-sizing: border-box;}
.order-text-wrap p{font-size: 16px;line-height: 1.6;color: #555;margin-bottom: 15px;text-align: justify;}
.main-text-end-form-wrap {margin: 30px;}
.main-text-end-form-h4 {font-size: 25px;font-family: "Artifakt Element";font-weight: 700;color: #222;text-align: center;}
.main-text-end-form-wrap {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.main-text-end-form-block {background: #ffffff;border: 2px solid #e0e0e0;border-radius: 16px;padding: 22px;box-sizing: border-box;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);transition: all 0.25s ease;}
.main-text-end-form-block h5 {margin: 0 0 12px;font-size: 17px;font-weight: 600;color: #222;}
.main-text-end-form-block-text p {margin: 0;font-size: 15px;line-height: 1.6;color: #555;}
.main-text-end-form-block:hover {border-color: #cfcfcf;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);transform: translateY(-2px);}
.faq-wrap {margin-top: 60px;}
.faq-wrap h5 {font-family: "Artifakt Element";font-size: 22px;font-weight: 700;margin-bottom: 30px;text-align: center;}
.faq-item-wrap {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;}
.faq-item {background: #ffffff;border-radius: 14px;padding: 20px 22px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;position: relative;}
.faq-item:hover {transform: translateY(-4px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);}
.faq-item h6 {font-size: 16px;font-weight: 600;margin-bottom: 10px;padding-left: 26px;position: relative;}
.faq-item h6::before {content: "?";position: absolute;left: 0;top: 0;width: 20px;height: 20px;background: #c79a5b;color: #fff;font-size: 13px;font-weight: 700;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.faq-item p {font-size: 14px;line-height: 1.6;color: #555;}
footer {width: 100%;height: auto;background-color: #ffffff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);text-align: center;padding: 20px 0;margin-top: 40px;}
footer p {margin: 0;font-size: 14px;}

/************ Mobile *********/
/* Планшеты */
@media (max-width: 992px) {
    .main-text-block-content {grid-template-columns: repeat(2, 1fr);}
    .main-text-end-form-wrap {grid-template-columns: repeat(2, 1fr);}
}

/* Мобильные */
@media (max-width: 576px) {
  .main-text-block-content {grid-template-columns: 1fr;gap: 16px;}
  .main-text-block {padding: 20px;border-radius: 14px;}
  .main-text-end-form-wrap {grid-template-columns: 1fr;gap: 16px;}
  .main-text-end-form-block {padding: 20px;border-radius: 14px;}
}
@media (max-width: 768px) {
  .faq-wrap h5 {font-size: 20px;}
  .faq-item {padding: 18px;}
  .cta-order-btn {width: auto;height: 56px;border-radius: 999px;padding: 0 32px;font-size: 15px;}
  .order-steps {flex-direction: column;align-items: center;}
  .step-arrow {width: 100%;max-width: 327px;}
  .step-arrow::after {display: none;}
  .step-arrow::before {content: "";position: absolute;bottom: -32px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 58.5px solid transparent;border-right: 58.5px solid transparent;border-top: 32px solid #f3f3f3;}
  .step-arrow:last-child::before {display: none;}
  .site-logo img {height: 100px; margin: 20px;}
}
@media screen and (max-width: 440px) and (min-width: 320px) {
  .blochk-heder-wrapp {height: auto;flex-direction: column;}
  .cta-order-btn-wrap, .job-time-header, .logo-header{margin: 0;}
  .main-img-content {flex-direction: column;}
  .job-time-header-blochk-p{text-align: center; margin-bottom: 20px;}
  .cta-order-btn-wrap{width: 100%; height: auto;}
  .cta-order-btn {display: flex; margin: 30px;}
  .ban-main-text span {font-size: 40px;}
  .ban-main-text p {font-size: 28px;}
  .z-switch > span {min-width: 130px!important;font-weight: 400!important;text-align: left!important;}
  .z-switch {gap: 5px!important;margin-bottom: 20px!important;flex-wrap: nowrap!important;align-items: center!important;}
}