/* Единая современная вёрстка страницы печати лекал. */
#lekala-page {
  box-sizing: border-box;
    width: 100%;
      max-width: 1200px;
        margin: 32px auto 72px;
          padding: 0 20px;
            color: #24364b;
              font-family: "Open Sans", Arial, sans-serif;
                font-size: 17px;
                  line-height: 1.65;
                  }

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

                    #lekala-page h1,
                    #lekala-page h2,
                    #lekala-page h3 {
                      margin-top: 0;
                        color: #102e4e;
                          line-height: 1.2;
                          }

                          #lekala-page h1,
                          #lekala-page h2 {
                            font-family: Georgia, "Times New Roman", serif;
                              font-weight: 700;
                              }

                              #lekala-page h1 {
                                margin-bottom: 16px;
                                  font-size: clamp(36px, 4.2vw, 54px);
                                  }

                                  #lekala-page h2 {
                                    margin-bottom: 16px;
                                      font-size: clamp(27px, 3vw, 36px);
                                      }

                                      #lekala-page h3 {
                                        margin-bottom: 10px;
                                          font-size: 21px;
                                          }

                                          #lekala-page p,
                                          #lekala-page ul {
                                            margin-top: 0;
                                              margin-bottom: 16px;
                                              }

                                              #lekala-page > :first-child {
                                                display: grid !important;
                                                  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                                                    grid-template-areas:
                                                        "title photo"
                                                            "intro photo"
                                                                "actions photo"
                                                                    ". caption";
                                                                      align-items: center;
                                                                        gap: 14px 32px;
                                                                          margin: 0 0 28px !important;
                                                                            padding: 38px !important;
                                                                              overflow: hidden;
                                                                                color: #24364b !important;
                                                                                  background: linear-gradient(120deg, #f4fbfe 0%, #e9f7fc 100%) !important;
                                                                                    border: 1px solid #cceaf5;
                                                                                      border-radius: 24px;
                                                                                        box-shadow: 0 12px 32px rgba(21, 73, 99, .08);
                                                                                        }

                                                                                        #lekala-page > :first-child > h1 { grid-area: title; }
                                                                                        #lekala-page > :first-child > :nth-child(2) { grid-area: intro; }
                                                                                        #lekala-page > :first-child > #lekala-contact-options {
                                                                                          grid-area: actions;
                                                                                            display: flex;
                                                                                              flex-wrap: wrap;
                                                                                                gap: 12px;
                                                                                                  margin-top: 6px;
                                                                                                  }
                                                                                                  #lekala-page > :first-child > img {
                                                                                                    grid-area: photo;
                                                                                                      width: 100%;
                                                                                                        max-height: none;
                                                                                                      height: 100%;
                                                                                                      align-self: stretch;
                                                                                                          min-height: 460px;
                                                                                                            object-fit: cover;
                                                                                                              border-radius: 20px;
                                                                                                              }
                                                                                                              #lekala-page > :first-child > :last-child:not(img) {
                                                                                                                grid-area: caption;
                                                                                                                  justify-self: end;
                                                                                                                    margin-top: -58px;
                                                                                                                      margin-right: 12px;
                                                                                                                        padding: 8px 14px;
                                                                                                                          color: #173653;
                                                                                                                            background: rgba(255,255,255,.96);
                                                                                                                              border: 1px solid #d6eaf2;
                                                                                                                                border-radius: 10px;
                                                                                                                                  font-size: 14px;
                                                                                                                                    font-weight: 600;
                                                                                                                                    }

                                                                                                                                    #lekala-page a {
                                                                                                                                      color: #008fbd;
                                                                                                                                      }
                                                                                                                                      #lekala-page #lekala-contact-options a,
                                                                                                                                      #lekala-page #lekala-calculator button {
                                                                                                                                        display: inline-flex;
                                                                                                                                          align-items: center;
                                                                                                                                            justify-content: center;
                                                                                                                                              min-height: 46px;
                                                                                                                                                padding: 10px 20px;
                                                                                                                                                  color: #fff;
                                                                                                                                                    background: #00a3d4;
                                                                                                                                                      border: 1px solid #00a3d4;
                                                                                                                                                        border-radius: 10px;
                                                                                                                                                          font-weight: 700;
                                                                                                                                                            text-decoration: none;
                                                                                                                                                              transition: background-color .18s ease, transform .18s ease;
                                                                                                                                                              }
                                                                                                                                                              #lekala-page #lekala-contact-options a:hover,
                                                                                                                                                              #lekala-page #lekala-calculator button:hover {
                                                                                                                                                                background: #008fbd;
                                                                                                                                                                  transform: translateY(-1px);
                                                                                                                                                                  }
                                                                                                                                                                  #lekala-page #lekala-contact-options a + a {
                                                                                                                                                                    color: #008fbd;
                                                                                                                                                                      background: #fff;
                                                                                                                                                                      }

                                                                                                                                                                      #lekala-page > :nth-child(n+2) {
                                                                                                                                                                        margin: 0 0 24px !important;
                                                                                                                                                                          padding: 30px 34px !important;
                                                                                                                                                                            background: #f1f9fc !important;
                                                                                                                                                                              border: 1px solid #d8edf5;
                                                                                                                                                                                border-radius: 20px;
                                                                                                                                                                                  box-shadow: 0 8px 24px rgba(21, 73, 99, .045);
                                                                                                                                                                                  }

                                                                                                                                                                                  #lekala-page #lekala-calculator {
                                                                                                                                                                                    padding: 28px !important;
                                                                                                                                                                                      background: #fff !important;
                                                                                                                                                                                        border: 1px solid #cceaf5;
                                                                                                                                                                                          border-radius: 16px;
                                                                                                                                                                                            box-shadow: 0 6px 20px rgba(21, 73, 99, .06);
                                                                                                                                                                                            }
                                                                                                                                                                                            #lekala-page #lekala-calculator [role="tab"] {
                                                                                                                                                                                              border-radius: 10px;
                                                                                                                                                                                                font-weight: 600;
                                                                                                                                                                                                }
                                                                                                                                                                                                #lekala-page #lekala-calculator [role="tab"][aria-selected="true"] {
                                                                                                                                                                                                  color: #fff;
                                                                                                                                                                                                    background: #00a3d4;
                                                                                                                                                                                                    }
                                                                                                                                                                                                    #lekala-page #lekala-calculator img,
                                                                                                                                                                                                    #lekala-page > * img {
                                                                                                                                                                                                      max-width: 100%;
                                                                                                                                                                                                      }
                                                                                                                                                                                                      #lekala-page ul { padding-left: 22px; }
                                                                                                                                                                                                      #lekala-page li { margin-bottom: 8px; }

                                                                                                                                                                                                      @media (max-width: 767px) {
                                                                                                                                                                                                        #lekala-page {
                                                                                                                                                                                                            margin: 20px auto 48px;
                                                                                                                                                                                                                padding: 0 14px;
                                                                                                                                                                                                                    font-size: 16px;
                                                                                                                                                                                                                      }
                                                                                                                                                                                                                        #lekala-page > :first-child {
                                                                                                                                                                                                                            grid-template-columns: minmax(0, 1fr);
                                                                                                                                                                                                                                grid-template-areas: "title" "intro" "actions" "photo" "caption";
                                                                                                                                                                                                                                    gap: 12px;
                                                                                                                                                                                                                                        padding: 22px !important;
                                                                                                                                                                                                                                            border-radius: 18px;
                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                                #lekala-page > :first-child > img {
                                                                                                                                                                                                                                                    min-height: 220px;
                                                                                                                                                                                                                                                        max-height: 320px;
                                                                                                                                                                                                                                                            border-radius: 14px;
                                                                                                                                                                                                                                                              }
                                                                                                                                                                                                                                                                #lekala-page > :first-child > :last-child:not(img) {
                                                                                                                                                                                                                                                                    justify-self: end;
                                                                                                                                                                                                                                                                        margin: -24px 8px 0 0;
                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                            #lekala-page > :nth-child(n+2) {
                                                                                                                                                                                                                                                                                margin-bottom: 16px !important;
                                                                                                                                                                                                                                                                                    padding: 22px !important;
                                                                                                                                                                                                                                                                                        border-radius: 16px;
                                                                                                                                                                                                                                                                                          }
                                                                                                                                                                                                                                                                                            #lekala-page #lekala-calculator { padding: 18px !important; }
                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                            @media (max-width: 480px) {
                                                                                                                                                                                                                                                                                              #lekala-page h1 { font-size: 34px; }
                                                                                                                                                                                                                                                                                                #lekala-page h2 { font-size: 27px; }
                                                                                                                                                                                                                                                                                                  #lekala-page #lekala-contact-options { flex-direction: column; }
                                                                                                                                                                                                                                                                                                    #lekala-page #lekala-contact-options a { width: 100%; }
                                                                                                                                                                                                                                                                                                    }
                                                                                                                                                                                                                                                                                                    /* Шапка страницы в стиле сайта. */
#header,.breadcrumb{display:none!important}
html,body{overflow-x:hidden}
body{background:#fff!important}
.wrapper{padding:0!important}
.wrapper>.container{width:100%;max-width:none;margin:0;padding:0}
.wrapper>.container>.row{margin:0}
.wrapper-inner{padding:0!important}
.lekala-topbar{height:68px;border-bottom:1px solid #e3e9ed;background:#fff}
.lekala-topbar__inner{width:min(1180px,calc(100% - 96px));height:100%;margin:0 auto;display:grid;grid-template-columns:220px 1fr 200px;align-items:center;gap:16px}
.lekala-logo{display:block}
.lekala-logo img{display:block;width:220px;height:auto}
.lekala-nav{display:flex;align-items:center;justify-content:center;gap:20px}
.lekala-nav a{color:#07194d;font-size:12px;text-decoration:none}
.lekala-phone{display:flex;justify-content:flex-end;align-items:center;gap:9px}
.lekala-phone__icon{color:#09a9d8;font-size:21px}
.lekala-phone a{display:block;color:#07194d;font-size:17px;font-weight:700;text-decoration:none}
.lekala-phone small{display:block;color:#52697f;font-size:10px;margin-top:2px}
#lekala-page{margin:16px auto 72px}

/* Первый экран: весь контент и крупное фото внутри голубого блока. */
#lekala-page > :first-child {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  grid-template-areas:
    "eyebrow image"
    "title image"
    "intro image"
    "details image"
    "actions image";
  align-items: center;
  gap: 12px 32px;
}
#lekala-page > :first-child .pp-lekala__eyebrow { grid-area: eyebrow; margin: 0; }
#lekala-page > :first-child h1 { grid-area: title; margin: 0; }
#lekala-page > :first-child > div:first-child > p:nth-of-type(2),
#lekala-page > :first-child > div:first-child > p:nth-of-type(3) {
  color: #34485f !important;
  margin: 0;
}
#lekala-page > :first-child > div:first-child > p:nth-of-type(2) { grid-area: intro; }
#lekala-page > :first-child > div:first-child > p:nth-of-type(3) { grid-area: details; }
#lekala-page > :first-child #lekala-contact-options {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 4px 0 0;
  width: max-content;
  max-width: 100%;
}
#lekala-page > :first-child > :last-child.pp-lekala__hero-image {
  grid-area: image;
  display: flex;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 500px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 20px;
  box-shadow: none;
}
#lekala-page .pp-lekala__hero-image picture {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 500px;
}
#lekala-page .pp-lekala__hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 500px;
  max-height: none;
  object-fit: cover;
  border-radius: 20px;
}
#lekala-page .pp-lekala__badge { right: 16px; bottom: 16px; z-index: 1; }
@media (max-width: 980px) {
  #lekala-page > :first-child {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "eyebrow" "title" "intro" "details" "actions" "image";
    gap: 12px;
    padding: 26px !important;
  }
  #lekala-page > :first-child > :last-child.pp-lekala__hero-image { height: 320px; min-height: 320px; }
  #lekala-page .pp-lekala__hero-image picture,
  #lekala-page .pp-lekala__hero-image img { height: 320px; min-height: 320px; }
}
@media (max-width: 680px) {
  #lekala-page > :first-child { padding: 22px !important; }
  #lekala-page > :first-child > :last-child.pp-lekala__hero-image { height: 240px; min-height: 240px; }
  #lekala-page .pp-lekala__hero-image picture,
  #lekala-page .pp-lekala__hero-image img { height: 240px; min-height: 240px; }
}
@media(max-width:980px){.lekala-topbar__inner{width:calc(100% - 40px);grid-template-columns:220px 1fr}.lekala-nav{display:none}.lekala-phone{grid-column:2}}
@media(max-width:680px){.lekala-topbar{height:62px}.lekala-topbar__inner{width:calc(100% - 24px);grid-template-columns:1fr auto}.lekala-logo img{width:175px}.lekala-phone small{display:none}.lekala-phone a{font-size:14px}}

/* Усилить правила первого экрана поверх стилей шаблона. */
#lekala-page > :first-child .pp-lekala__eyebrow {
  display: block !important;
  grid-area: eyebrow !important;
  color: #007fa8 !important;
  font-size: 14px;
  font-weight: 700;
}
#lekala-page > :first-child h1 { grid-area: title !important; }
#lekala-page > :first-child > div:first-child > p:nth-of-type(2) { grid-area: intro !important; }
#lekala-page > :first-child > div:first-child > p:nth-of-type(3) { grid-area: details !important; }
#lekala-page > :first-child #lekala-contact-options { grid-area: actions !important; }
#lekala-page > :first-child > :last-child.pp-lekala__hero-image {
  grid-area: image !important;
  width: 100% !important;
  max-width: none !important;
}
@media (max-width: 980px) {
  #lekala-page > :first-child {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "eyebrow" "title" "intro" "details" "actions" "image" !important;
  }
}