html {
 scroll-behavior: smooth;
}

.article__form {
 margin-block: 30px;
}

.title {
 font-family: "Arial" !important;
 font-weight: 700;
 font-size: 30px;
 line-height: 100%;
 letter-spacing: 0%;

 color: #282828;

 margin-block: 20px;
}

@media (min-width: 1200px) {
 .title {
  font-size: 42px;
 }
}

.subtitle {
 font-family: "Arial" !important;
 font-weight: 700;
 font-size: 24px;
 line-height: 130%;
 letter-spacing: 0%;

 color: #282828;

 margin-block: 20px;
}

.text {
 font-family: "Arial" !important;
 font-weight: 400;
 font-size: 18px;
 line-height: 130%;
 letter-spacing: 0%;

 margin-block: 20px;

 color: #282828;
}

.quote {
 font-style: italic;
}

.red-quote {
 font-family: "Arial";
 padding: 10px;
 font-weight: 400 !important;
 line-height: 130%;
 background-color: #ffeeee;
 color: #555555;
 font-style: italic;
 border-left: 4px solid #ec1616;
 margin-left: 14px;
}

.list {
 font-family: "Arial" !important;
 font-weight: 400;
 font-size: 16px;
 line-height: 160%;
 letter-spacing: 0px;
 vertical-align: middle;

 list-style: disc;
 padding-left: 20px;
}

.photo {
 width: 100%;
 margin-block: 20px;
}

.main-photo {
 width: 70%;
 margin-block: 20px;
}

@media (max-width: 768px) {
 .main-photo {
  width: 100%;
 }
}

.main-video {
 width: 100%;
 margin-block: 20px;
}

.section-border {
 margin-block: 40px;
 height: 1px;
 width: 100%;
 background-color: #e2e2e2;
}

.blue-text-link {
 font-weight: 700;

 color: #235c9e !important;
}

.blue-text {
 font-weight: 700;
 color: #3b5999;
}

.blue-text-link:hover {
 color: #183469 !important;
}

.red-text {
 color: #fd291a;
 font-weight: 700;
}

.red-text-link {
 font-weight: 700;
 text-decoration: none;

 color: #fd291a;
}

.red-text-link:hover {
 color: #ab0000;
}

.article__container {
 max-width: 720px;
 padding-inline: 20px;
}

.registration-container {
 font-family: "Arial";
 background: white;
 border-radius: 12px;
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
 padding: 30px;
 width: 96%;
 max-width: 560px;
 text-align: center;
 margin: 0 auto;
 box-sizing: border-box;
}

.form__header {
 margin-bottom: 25px;
}

.form__title {
 font-size: 24px;
 font-weight: 700;
 color: #333;
 margin-bottom: 15px;
}

.form__text {
 font-size: 16px;
 color: #666;
 margin-bottom: 8px;
}

.old-price {
 text-decoration: line-through;
 color: #999;
 margin-right: 8px;
}

.new-price {
 color: #333;
 font-weight: 600;
}

.plusDate {
 font-size: 18px;
 font-weight: 700;
 color: #333;
 margin-bottom: 25px;
}

.form-group {
 margin-bottom: 15px;
 text-align: left;
}

.form-input {
 width: 100%;
 padding: 12px 15px;
 border: 1px solid #ddd;
 border-radius: 6px;
 font-size: 16px;
 background-color: #f8f9fa;
 transition: border-color 0.3s ease;
 box-sizing: border-box;
}

.form-input:focus {
 outline: none;
 border-color: #28a745;
 background-color: white;
}

.form-input::placeholder {
 color: #aaa;
}

.phone-input {
 flex: 1;
}

.submit-btn {
 width: 100%;
 padding: 15px;
 background-color: #28a745;
 color: white;
 border: none;
 border-radius: 6px;
 font-size: 16px;
 font-weight: 600;
 cursor: pointer;
 transition: background-color 0.3s ease;
 margin-top: 10px;
}

.submit-btn:hover {
 background-color: #218838;
}

.submit-btn:active {
 transform: translateY(1px);
}

/* Адаптивність */
@media (max-width: 480px) {
 .registration-container {
  padding: 20px;
  margin: 10px;
 }

 .title {
  font-size: 20px;
 }

 .timer {
  font-size: 16px;
 }

 .form-input {
  font-size: 16px; /* Запобігання зуму на iOS */
 }
}