.page-folie .hero__image { object-position: center; }
.page-folie .about__media img { object-position: center; }
.page-folie .offer-card { scroll-margin-top: 110px; }
.folie-service-art { position: relative; display: grid; place-items: center; min-height: 150px; border-radius: 12px; color: #64c7b1; background: radial-gradient(ellipse at top right, #274842, #101b19); }
.folie-service-art > span { position: absolute; top: 16px; left: 20px; font-size: 13px; letter-spacing: .15em; color: #a0b9b3; }
.folie-service-art > svg { width: 70px; height: 70px; }
.page-folie .modal--service .modal__panel { display: block; }
.page-folie .modal--service .modal__content { padding-top: 64px; }
@media (max-width: 1040px) { .folie-service-art { min-width: 110px; } }

.folie-opinions-note { max-width: 340px; margin: 0; color: #5c6363; font-size: 14px; line-height: 1.6; }

.page-folie .section--atuty {
  background: #eaf0ee;
  border-top: 1px solid #dce5e1;
  border-bottom: 1px solid #dce5e1;
}

.page-folie .section--atuty .section__inner {
  padding-top: clamp(60px, 7vw, 100px);
  padding-bottom: clamp(64px, 7vw, 100px);
}

.page-folie .section--atuty .atut p {
  margin-bottom: 0;
}

@media (min-width: 1041px) { .page-folie .offer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.folie-pricing {
  padding: clamp(64px, 7vw, 100px) 0;
  background: #eaf0ee;
  scroll-margin-top: 100px;
}
.folie-pricing__head { max-width: 720px; margin-bottom: 36px; }
.folie-pricing__head h2 { margin: 0 0 18px; font-size: clamp(36px, 4vw, 56px); line-height: 1.1; }
.folie-pricing__head > p:last-child { margin: 0; color: #5c6363; font-size: 18px; line-height: 1.65; }
.folie-pricing__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.folie-package { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #dce5e1; border-radius: 18px; background: #fff; }
.folie-package__image { display: block; background: #101313; }
.folie-package__image img { display: block; width: 100%; height: auto; }
.folie-package__image:focus-visible { outline: 3px solid var(--red); outline-offset: -3px; }
.folie-package__body { display: flex; flex: 1; flex-direction: column; padding: clamp(20px, 2.3vw, 32px); }
.folie-package__label { margin: 0 0 12px; color: #667870; font-size: 13px; font-weight: 600; letter-spacing: .14em; }
.folie-package h3 { margin: 0 0 20px; font-size: clamp(23px, 2.1vw, 28px); line-height: 1.2; }
.folie-package__price { margin: 0 0 24px; color: #5c6363; font-size: 18px; }
.folie-package__price strong { margin-left: 4px; color: #101313; font-size: clamp(36px, 3.5vw, 46px); line-height: 1.1; font-weight: 600; }
.folie-package ul { display: grid; gap: 12px; margin: 0 0 30px; padding-left: 20px; color: #505957; font-size: 16px; line-height: 1.5; }
.folie-package li::marker { color: #527f6e; }
.folie-package .btn { width: 100%; margin-top: auto; white-space: normal; text-align: center; }
.folie-pricing__note { max-width: 800px; margin: 24px 0 0; color: #5c6363; font-size: 14px; line-height: 1.65; }
@media (max-width: 1040px) {
  .folie-pricing__grid { grid-template-columns: 1fr; }
  .folie-package { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .folie-package__image { align-self: start; }
}
@media (max-width: 600px) {
  .folie-package { display: flex; }
  .folie-package__image img { aspect-ratio: 4 / 3; object-fit: cover; object-position: top; }
}