/* Start:/assets/components/landing/svidanie-s-knigoy/style.css?177874987234629*/
@font-face {
  font-family: 'Euroscript';
  src: url("/assets/fonts/euroscript/euroscript_regular.woff2") format("woff2"), url("/assets/fonts/euroscript/euroscript_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Old Soviet';
  src: url("/assets/fonts/old-soviet/old-soviet_regular.woff2") format("woff2"), url("/assets/fonts/old-soviet/old-soviet_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

.p-ssk {
  color: #101010;
  padding: 50px 0 100px;
  background: url("/assets/img/media/landing/svidanie-s-knigoy/bg_mobile.webp") repeat center/auto, #FFF17E; }
  @media (min-width: 960px) {
    .p-ssk {
      background: url("/assets/img/media/landing/svidanie-s-knigoy/bg_desktop.webp") repeat center/auto, #FFF17E; } }
  @media (min-width: 1440px) {
    .p-ssk {
      padding: 100px 0 80px; } }

@media (max-width: 1439px) {
  .p-ssk-h1 {
    width: 296px; } }

@media (min-width: 1440px) {
  .p-ssk-h1 {
    width: 615px; } }

.p-ssk-h1 .p-ssk-h1__top,
.p-ssk-h1 .p-ssk-h1__center {
  font-family: 'Old Soviet', serif;
  display: inline-flex;
  align-items: center;
  padding: 16px 12px 8px;
  font-size: 40px;
  line-height: 35px;
  font-weight: 400;
  background: #FDF6EA;
  box-shadow: -0.61px 0 0.61px 0 rgba(0, 0, 0, 0.1); }
  @media (min-width: 1440px) {
    .p-ssk-h1 .p-ssk-h1__top,
    .p-ssk-h1 .p-ssk-h1__center {
      padding: 27px 20px 13px;
      font-size: 67px;
      line-height: 58px;
      box-shadow: -1px 0 1px 0 rgba(0, 0, 0, 0.1); } }

.p-ssk-h1 .p-ssk-h1__top {
  transform: rotate(-8deg);
  white-space: nowrap; }
  @media (min-width: 1440px) {
    .p-ssk-h1 .p-ssk-h1__top {
      transform: rotate(-8deg) translateY(10px); } }

.p-ssk-h1 .p-ssk-h1__center {
  transform: translateX(74px);
  white-space: nowrap; }
  @media (max-width: 1439px) {
    .p-ssk-h1 .p-ssk-h1__center {
      margin-top: 3px; } }
  @media (min-width: 1440px) {
    .p-ssk-h1 .p-ssk-h1__center {
      transform: translateX(228px); } }

.p-ssk-h1 .p-ssk-h1__bottom {
  position: relative;
  font-family: 'Euroscript', cursive;
  display: inline-block;
  font-size: 64px;
  line-height: 53px;
  font-weight: 400;
  white-space: nowrap; }
  @media (max-width: 1439px) {
    .p-ssk-h1 .p-ssk-h1__bottom {
      transform: translateX(8px); } }
  @media (min-width: 1440px) {
    .p-ssk-h1 .p-ssk-h1__bottom {
      font-size: 105px;
      line-height: 87px; } }
  .p-ssk-h1 .p-ssk-h1__bottom::after {
    content: '';
    position: absolute;
    top: 108%;
    left: 50%;
    transform: translateX(-51%);
    width: 97.9%;
    aspect-ratio: 39;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMzQiIGhlaWdodD0iNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDIzNCA2Ij48cGF0aCBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzLjQwMiIgZD0iTTEuNzAzIDIuNjljLjIwOSAwIC40MTggMCAzMC45Mi0uMjQ2IDMwLjUwMy0uMjQ1IDkxLjI5My0uNzM1IDEyNS44NDYtLjc0MyAzNC41NTQtLjAwNyA0MS4wMy40ODMgNDQuNTc1Ljc5NyA0LjkyNS40MzcgOC45IDEuMDU0IDE1LjYwNyAxLjI0NSAyLjQ5OC0uNDMzIDQuNTk5LS42ODIgNy42MDMtLjk5IDEuMzE0LS4wNjMgMy40MDMtLjA2MyA1LjU1NS0uMDYzIi8+PC9zdmc+) no-repeat center/contain; }

.p-ssk-h2 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600; }
  @media (min-width: 1440px) {
    .p-ssk-h2 {
      font-size: 36px; } }

.p-ssk-p {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500; }
  @media (min-width: 1440px) {
    .p-ssk-p {
      font-size: 20px; } }
  .p-ssk-p b {
    font-weight: 600; }

.p-ssk-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  height: 60px;
  padding: 10px 30px;
  border-radius: 60px;
  background: #101010; }
  @media (min-width: 1440px) {
    .p-ssk-btn {
      height: 70px;
      padding: 10px 40px;
      border-radius: 70px; } }
  .p-ssk-btn .p-ssk-btn__title {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    color: #1D1D1D;
    white-space: nowrap; }
    @media (min-width: 1440px) {
      .p-ssk-btn .p-ssk-btn__title {
        font-size: 20px; } }
  .p-ssk-btn[disabled], .p-ssk-btn[aria-disabled="true"] {
    opacity: .5;
    cursor: not-allowed; }
  .p-ssk-btn.p-ssk-btn_dark {
    background: #101010; }
    .p-ssk-btn.p-ssk-btn_dark .p-ssk-btn__title {
      color: #FDF6EA; }
  .p-ssk-btn.p-ssk-btn_light {
    background: #FDF6EA; }
    .p-ssk-btn.p-ssk-btn_light .p-ssk-btn__title {
      color: #101010; }

html.no-touch .p-ssk-btn.p-ssk-btn_dark:not([disabled]):not([aria-disabled="true"]):hover,
html.touch .p-ssk-btn.p-ssk-btn_dark:not([disabled]):not([aria-disabled="true"]):active {
  background: #FDF6EA; }
  html.no-touch .p-ssk-btn.p-ssk-btn_dark:not([disabled]):not([aria-disabled="true"]):hover .p-ssk-btn__title,
  html.touch .p-ssk-btn.p-ssk-btn_dark:not([disabled]):not([aria-disabled="true"]):active .p-ssk-btn__title {
    color: #101010; }

html.no-touch .p-ssk-btn.p-ssk-btn_light:not([disabled]):not([aria-disabled="true"]):hover,
html.touch .p-ssk-btn.p-ssk-btn_light:not([disabled]):not([aria-disabled="true"]):active {
  background: #101010; }
  html.no-touch .p-ssk-btn.p-ssk-btn_light:not([disabled]):not([aria-disabled="true"]):hover .p-ssk-btn__title,
  html.touch .p-ssk-btn.p-ssk-btn_light:not([disabled]):not([aria-disabled="true"]):active .p-ssk-btn__title {
    color: #FDF6EA; }

.p-ssk-plate {
  width: 375px;
  padding: 20px;
  font-family: 'Old Soviet', serif;
  font-size: 16px;
  line-height: 1.2;
  background: #FDF6EA;
  box-shadow: -1px 0 1px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  transform: rotate(4deg); }
  @media (min-width: 1440px) {
    .p-ssk-plate {
      width: 583px;
      font-size: 24px;
      line-height: 1.4; } }

.p-ssk-section-hero .p-ssk-section-hero__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative; }
  @media (min-width: 768px) {
    .p-ssk-section-hero .p-ssk-section-hero__container {
      max-width: 688px; } }
  @media (min-width: 960px) {
    .p-ssk-section-hero .p-ssk-section-hero__container {
      max-width: 880px; } }
  @media (min-width: 1440px) {
    .p-ssk-section-hero .p-ssk-section-hero__container {
      max-width: 1240px; } }
  .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle {
    position: absolute; }
    @media (min-width: 768px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='1'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #FF6923;
        top: 205px;
        left: 50%;
        transform: translateX(calc(-50% - 60px)); } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='1'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='1'] {
        top: 305px;
        transform: translateX(calc(-50% - 148px)); } }
    @media (min-width: 768px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='2'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #26C97A;
        top: 275px;
        left: 50%;
        transform: translateX(calc(-50% - 90px)); } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='2'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='2'] {
        top: 412px;
        transform: translateX(calc(-50% - 207px)); } }
    @media (min-width: 768px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='3'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #3347FF;
        top: 445px;
        left: 50%;
        transform: translateX(calc(-50% + 50px)); } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='3'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='3'] {
        top: 575px;
        transform: translateX(calc(50% + 20px)); } }
    @media (min-width: 768px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='4'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #FF6923;
        top: 525px;
        left: 50%;
        transform: translateX(calc(-50% + 320px)); } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='4'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='4'] {
        top: 703px;
        transform: translateX(calc(50% + 465px)); } }
    @media (min-width: 768px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='5'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #26C97A;
        top: 525px;
        left: 0;
        transform: none; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='5'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__container .p-ssk-section-hero__circle[data-index='5'] {
        top: 717px; } }

@media (max-width: 767px) {
  .p-ssk-section-hero .p-ssk-section-hero__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 0 20px; } }

@media (min-width: 768px) {
  .p-ssk-section-hero .p-ssk-section-hero__top {
    display: flex;
    justify-content: space-between;
    gap: 60px; } }

@media (min-width: 960px) {
  .p-ssk-section-hero .p-ssk-section-hero__top {
    justify-content: center;
    gap: 123px; } }

@media (min-width: 1440px) {
  .p-ssk-section-hero .p-ssk-section-hero__top {
    justify-content: space-between;
    gap: 123px;
    padding-right: 23px; } }

@media (max-width: 767px) {
  .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title {
    position: relative; }
    .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title::before, .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title::after {
      content: ''; }
    .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title::before {
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 9px;
      background: #77D87B;
      right: -20px;
      bottom: 30px; } }
    @media (max-width: 767px) and (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title::before {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }

@media (max-width: 767px) {
    .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title::after {
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 9px;
      background: #FFC3D5;
      right: 15px;
      bottom: 15px; } }
    @media (max-width: 767px) and (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title::after {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }

@media (min-width: 768px) {
  .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-title {
    flex: 0 0 auto; } }

@media (max-width: 767px) {
  .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description {
    text-align: center;
    max-width: 420px; } }

@media (min-width: 768px) {
  .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description {
    flex: 0 1 340px; } }

@media (min-width: 1440px) {
  .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description {
    flex: 0 1 485px; } }

.p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description h2 {
  margin-bottom: 14px; }
  @media (min-width: 1440px) {
    .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description h2 {
      margin-bottom: 30px; } }

@media (max-width: 767px) {
  .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description p {
    position: relative; }
    .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description p::before, .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description p::after {
      content: ''; }
    .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description p::before {
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 9px;
      background: #3347FF;
      left: 5px;
      top: 15px; } }
    @media (max-width: 767px) and (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description p::before {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }

@media (max-width: 767px) {
    .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description p::after {
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 9px;
      background: #FF6923;
      right: 20px;
      bottom: -10px; } }
    @media (max-width: 767px) and (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__top .p-ssk-section-hero__top-description p::after {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }

@media (max-width: 767px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    margin-top: 40px; } }

@media (min-width: 768px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 50px; } }

@media (min-width: 960px) and (max-width: 1439px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom {
    padding-right: 50px; } }

@media (min-width: 768px) and (max-width: 1439px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom {
    min-height: 365px; } }

@media (min-width: 1440px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom {
    padding-right: 65px;
    margin-top: 0; } }

@media (max-width: 767px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture {
    position: relative; }
    .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture::before, .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture::after {
      content: ''; }
    .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture::before {
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 9px;
      background: #77D87B;
      right: 70px;
      bottom: 0; } }
    @media (max-width: 767px) and (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture::before {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }

@media (max-width: 767px) {
    .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture::after {
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 9px;
      background: #FFC3D5;
      left: 20px;
      bottom: 60px; } }
    @media (max-width: 767px) and (min-width: 1440px) {
      .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture::after {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }

@media (max-width: 767px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture {
    position: relative;
    z-index: 1;
    order: 10;
    transform: translateX(20px) translateY(-15px); } }

@media (min-width: 768px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture {
    width: 358px;
    height: 365px;
    position: absolute;
    top: 0;
    left: 0; } }

@media (min-width: 960px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture {
    left: 60px; } }

@media (min-width: 1440px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture {
    width: 451px;
    height: 460px;
    top: 65px;
    left: 0; } }

.p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture picture {
  display: block;
  width: 100%;
  height: 100%; }
  .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-picture picture img {
    display: block;
    width: 100%;
    height: 100%; }

@media (min-width: 768px) {
  .p-ssk-section-hero .p-ssk-section-hero__bottom .p-ssk-section-hero__bottom-label {
    margin-left: auto; } }

@media (max-width: 767px) {
  .p-ssk-section-steps {
    padding-top: 20px; } }

@media (min-width: 1440px) {
  .p-ssk-section-steps {
    padding-top: 75px; } }

.p-ssk-section-steps .p-ssk-section-steps__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative; }
  @media (min-width: 768px) {
    .p-ssk-section-steps .p-ssk-section-steps__container {
      max-width: 688px; } }
  @media (min-width: 960px) {
    .p-ssk-section-steps .p-ssk-section-steps__container {
      max-width: 880px; } }
  @media (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container {
      max-width: 1240px; } }
  .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle {
    position: absolute; }
    @media (min-width: 1440px) {
      .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='1'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #26C97A;
        top: 191px;
        left: 50%;
        transform: translateX(calc(-50% + 140px)); } }
  @media (min-width: 1440px) and (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='1'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='2'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #26C97A;
        top: 217px;
        left: 50%;
        transform: translateX(calc(-50% - 435px)); } }
  @media (min-width: 1440px) and (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='2'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='3'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #3347FF;
        top: 316px;
        left: 50%;
        transform: translateX(calc(-50% + 324px)); } }
  @media (min-width: 1440px) and (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='3'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='4'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #FF6923;
        top: 367px;
        left: 50%;
        transform: translateX(calc(-50% - 289px)); } }
  @media (min-width: 1440px) and (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='4'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='5'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #FFC3D5;
        top: 369px;
        left: 50%;
        transform: translateX(calc(-50% + 612px)); } }
  @media (min-width: 1440px) and (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='5'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='6'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #FFC3D5;
        top: 100%;
        left: 50%;
        transform: translateX(calc(-50% - 463px)); } }
  @media (min-width: 1440px) and (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='6'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='7'] {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #77D87B;
        top: 100%;
        left: 50%;
        transform: translateX(calc(-50% + 463px)); } }
  @media (min-width: 1440px) and (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__container .p-ssk-section-steps__circle[data-index='7'] {
      width: 12px;
      height: 12px;
      border-radius: 12px; } }

.p-ssk-section-steps .p-ssk-section-steps__share {
  margin-top: 40px;
  display: flex;
  justify-content: center; }
  @media (min-width: 1440px) {
    .p-ssk-section-steps .p-ssk-section-steps__share {
      margin-top: 60px; } }

.p-ssk-steps {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media (min-width: 768px) {
    .p-ssk-steps {
      width: 100%;
      max-width: 420px; } }
  @media (min-width: 1440px) {
    .p-ssk-steps {
      max-width: 505px; } }
  @media (max-width: 1439px) {
    .p-ssk-steps {
      position: relative; }
      .p-ssk-steps::before, .p-ssk-steps::after {
        content: ''; }
      .p-ssk-steps::before {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #FF6923;
        left: 50%;
        transform: translateX(calc(-50% - 130px));
        top: 45px; } }
    @media (max-width: 1439px) and (min-width: 1440px) {
      .p-ssk-steps::before {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }
  @media (max-width: 1439px) {
      .p-ssk-steps::after {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        background: #3347FF;
        left: 50%;
        transform: translateX(calc(-50% + 160px));
        bottom: 80px; } }
    @media (max-width: 1439px) and (min-width: 1440px) {
      .p-ssk-steps::after {
        width: 12px;
        height: 12px;
        border-radius: 12px; } }
  .p-ssk-steps .p-ssk-steps__title {
    margin-bottom: 20px; }
    @media (min-width: 1440px) {
      .p-ssk-steps .p-ssk-steps__title {
        margin-bottom: 30px; } }
  .p-ssk-steps .p-ssk-steps__list-item {
    margin-left: auto;
    margin-right: auto; }
    .p-ssk-steps .p-ssk-steps__list-item:not(:last-child) {
      margin-bottom: 20px; }
      @media (min-width: 1440px) {
        .p-ssk-steps .p-ssk-steps__list-item:not(:last-child) {
          margin-bottom: 30px; } }
    @media (max-width: 767px) {
      .p-ssk-steps .p-ssk-steps__list-item:nth-child(1) {
        max-width: 256px; }
      .p-ssk-steps .p-ssk-steps__list-item:nth-child(2) {
        max-width: 335px; }
      .p-ssk-steps .p-ssk-steps__list-item:nth-child(3) {
        max-width: 300px; } }
  .p-ssk-steps .p-ssk-steps__list-item-title {
    margin-bottom: 14px;
    font-family: 'Euroscript', cursive;
    font-size: 36px;
    line-height: 30px;
    -webkit-text-stroke: 0.8px #101010; }
    @media (min-width: 1440px) {
      .p-ssk-steps .p-ssk-steps__list-item-title {
        margin-bottom: 30px;
        font-size: 48px;
        line-height: 40px;
        -webkit-text-stroke: 1.2px #101010; } }
  .p-ssk-steps .p-ssk-steps__list-item-text {
    font-size: 16px;
    line-height: 1.2; }
    @media (min-width: 1440px) {
      .p-ssk-steps .p-ssk-steps__list-item-text {
        font-size: 20px; } }

.p-ssk-section-catalog {
  padding-top: 60px; }
  @media (min-width: 768px) {
    .p-ssk-section-catalog {
      padding-top: 40px; } }
  .p-ssk-section-catalog .p-ssk-section-catalog__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
    @media (min-width: 768px) and (max-width: 959px) {
      .p-ssk-section-catalog .p-ssk-section-catalog__container {
        max-width: 778px;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 960px) {
      .p-ssk-section-catalog .p-ssk-section-catalog__container {
        max-width: 1117px; } }
    @media (min-width: 1440px) {
      .p-ssk-section-catalog .p-ssk-section-catalog__container {
        max-width: 1398px; } }

.p-ssk-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  --elem-btn-h: 60px; }
  .p-ssk-item .p-ssk-item__cover {
    aspect-ratio: 1;
    position: relative;
    margin-bottom: 10px; }
    @media (max-width: 1439px) {
      .p-ssk-item .p-ssk-item__cover {
        height: 359px;
        background: url(/assets/img/media/landing/svidanie-s-knigoy/books/bg/item-bg_mobile.webp) no-repeat center/auto 317px; } }
  @media (max-width: 1439px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .p-ssk-item .p-ssk-item__cover {
      background-image: url(/assets/img/media/landing/svidanie-s-knigoy/books/bg/item-bg_mobile@2x.webp); } }
  @media (max-width: 1439px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) {
    .p-ssk-item .p-ssk-item__cover {
      background-image: url(/assets/img/media/landing/svidanie-s-knigoy/books/bg/item-bg_mobile@3x.webp); } }
    @media (min-width: 1440px) {
      .p-ssk-item .p-ssk-item__cover {
        height: 453px;
        background: url(/assets/img/media/landing/svidanie-s-knigoy/books/bg/item-bg_desktop.webp) no-repeat center/auto 401px; } }
  @media (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
    .p-ssk-item .p-ssk-item__cover {
      background-image: url(/assets/img/media/landing/svidanie-s-knigoy/books/bg/item-bg_desktop@2x.webp); } }
  @media (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 288dpi) {
    .p-ssk-item .p-ssk-item__cover {
      background-image: url(/assets/img/media/landing/svidanie-s-knigoy/books/bg/item-bg_desktop@3x.webp); } }
    .p-ssk-item .p-ssk-item__cover::after {
      content: '';
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      background: url(/assets/img/media/landing/svidanie-s-knigoy/books/ties/item-tie1.svg) no-repeat center/contain; }
      @media (max-width: 1439px) {
        .p-ssk-item .p-ssk-item__cover::after {
          width: 264px;
          height: 320px;
          transform: translateX(calc(-50% - 12px)) translateY(-50%); } }
      @media (min-width: 1440px) {
        .p-ssk-item .p-ssk-item__cover::after {
          width: 333px;
          height: 404px;
          transform: translateX(calc(-50% - 15px)) translateY(-50%); } }
    .p-ssk-item .p-ssk-item__cover picture {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: 5; }
      .p-ssk-item .p-ssk-item__cover picture img {
        display: block;
        width: 100%;
        height: 100%; }
  @media (min-width: 1440px) {
    .p-ssk-item {
      --elem-btn-h: 70px; } }
  .p-ssk-item .p-ssk-item__btn {
    width: 145px;
    height: var(--elem-btn-h);
    border-radius: var(--elem-btn-h);
    overflow: hidden; }
    @media (min-width: 1440px) {
      .p-ssk-item .p-ssk-item__btn {
        width: 175px; } }
    .p-ssk-item .p-ssk-item__btn .p-ssk-item__btn-inner {
      transition: transform 0.34s cubic-bezier(0.46, 0.03, 0.52, 0.96); }
    .p-ssk-item .p-ssk-item__btn[data-state='default'] .p-ssk-item__btn-inner {
      transform: translateY(0); }
    .p-ssk-item .p-ssk-item__btn[data-state='added'] .p-ssk-item__btn-inner {
      transform: translateY(calc(var(--elem-btn-h) * -1)); }
    .p-ssk-item .p-ssk-item__btn button {
      width: 100%; }
  .p-ssk-item .p-ssk-item__out {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--elem-btn-h);
    font-size: 16px;
    line-height: 1; }
    @media (min-width: 1440px) {
      .p-ssk-item .p-ssk-item__out {
        font-size: 20px; } }
  .p-ssk-item.p-ssk-item_out .p-ssk-item__cover {
    opacity: .45; }

.p-ssk-catalog {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px; }
  @media (min-width: 768px) {
    .p-ssk-catalog {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px 20px; } }
  @media (min-width: 960px) {
    .p-ssk-catalog {
      grid-template-columns: repeat(3, 1fr); } }
  @media (min-width: 1440px) {
    .p-ssk-catalog {
      grid-template-columns: repeat(3, 1fr);
      gap: 60px 20px; } }
  .p-ssk-catalog .p-ssk-item:nth-child(3n + 2) .p-ssk-item__cover::after {
    background: url(/assets/img/media/landing/svidanie-s-knigoy/books/ties/item-tie2.svg) no-repeat center/contain;
    transform: translateX(calc(-50%)) translateY(-50%); }
    @media (max-width: 1439px) {
      .p-ssk-catalog .p-ssk-item:nth-child(3n + 2) .p-ssk-item__cover::after {
        width: 239px;
        height: 320px; } }
    @media (min-width: 1440px) {
      .p-ssk-catalog .p-ssk-item:nth-child(3n + 2) .p-ssk-item__cover::after {
        width: 302px;
        height: 405px; } }
  .p-ssk-catalog .p-ssk-item:nth-child(3n + 3) .p-ssk-item__cover::after {
    background: url(/assets/img/media/landing/svidanie-s-knigoy/books/ties/item-tie3.svg) no-repeat center/contain;
    transform: translateX(calc(-50%)) translateY(-50%); }
    @media (max-width: 1439px) {
      .p-ssk-catalog .p-ssk-item:nth-child(3n + 3) .p-ssk-item__cover::after {
        width: 239px;
        height: 325px; } }
    @media (min-width: 1440px) {
      .p-ssk-catalog .p-ssk-item:nth-child(3n + 3) .p-ssk-item__cover::after {
        width: 301px;
        height: 410px; } }

.tooltipster-sidetip.tooltipster-svidanie-share .tooltipster-box {
  background: #FFC5D0;
  border-radius: 30px; }

.tooltipster-sidetip.tooltipster-svidanie-share .tooltipster-content {
  padding: 30px; }

.ya-share-svidanie .ya-share2__item:not(:last-child) {
  margin-bottom: 20px; }

.ya-share-svidanie .ya-share2__link {
  display: flex;
  align-items: center;
  height: 36px; }

.ya-share-svidanie .ya-share2__title {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  color: #101010; }

.ya-share-svidanie .ya-share2__icon {
  display: block;
  width: 26px;
  height: 26px;
  margin-right: 15px;
  background-color: #101010;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-mask: var(--icon-url) no-repeat center/contain;
  mask: var(--icon-url) no-repeat center/contain; }

.ya-share-svidanie .ya-share2__item.ya-share2__item_service_vkontakte .ya-share2__icon {
  --icon-url: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIxNyIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI3IDE3Ij48cGF0aCBmaWxsPSIjMjMyMjIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBjLjIxOSAxMC40OTMgNS40NjUgMTYuNzk5IDE0LjY2MyAxNi43OTloLjUyMnYtNi4wMDNjMy4zOC4zMzYgNS45MzUgMi44MDggNi45NjEgNi4wMDNoNC43NzZjLTEuMzEyLTQuNzc2LTQuNzYtNy40MTYtNi45MTEtOC40MjVDMjIuMTYzIDcuMTMgMjUuMTkgNC4xMDMgMjUuOTEzIDBoLTQuMzM5Yy0uOTQyIDMuMzMtMy43MzMgNi4zNTYtNi4zOSA2LjY0MlYwaC00LjMzOHYxMS42MzZDOC4xNTYgMTAuOTY0IDQuNzU5IDcuNzAyIDQuNjA3IDB6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4='); }

.ya-share-svidanie .ya-share2__item.ya-share2__item_service_telegram .ya-share2__icon {
  --icon-url: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDIyIj48cGF0aCBmaWxsPSIjMjMyMjIyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc4NyA5LjE2MXExMC40Ny00LjUwNCAxMy45NjItNS45NEMyMi4zOTguNDkyIDIzLjc4LjAxNyAyNC42OC4wMDJjLjE5OC0uMDA0LjY0LjA0NC45MjguMjc0LjI0Mi4xOTQuMzA4LjQ1Ni4zNC42NHMuMDcyLjYwNC4wNC45MzFjLS4zNiAzLjc0LTEuOTE5IDEyLjgxMy0yLjcxMiAxNy0uMzM2IDEuNzcyLS45OTYgMi4zNjYtMS42MzYgMi40MjQtMS4zOS4xMjctMi40NDYtLjkwNy0zLjc5My0xLjc3OS0yLjEwNy0xLjM2NC0zLjI5Ny0yLjIxMy01LjM0My0zLjU0NC0yLjM2My0xLjUzOS0uODMxLTIuMzg0LjUxNi0zLjc2Ni4zNTMtLjM2MiA2LjQ3OC01Ljg2NSA2LjU5Ny02LjM2NC4wMTUtLjA2My4wMjgtLjI5NS0uMTExLS40MTgtLjE0LS4xMjMtLjM0Ny0uMDgxLS40OTYtLjA0OHEtLjMxOC4wNzItMTAuMDk5IDYuNTkzLTEuNDMyLjk3MS0yLjU5Ni45NDdjLS44NTUtLjAxOC0yLjUtLjQ3Ny0zLjcyMi0uODctMS40OTktLjQ4MS0yLjY5LS43MzYtMi41ODctMS41NTNxLjA4MS0uNjQgMS43ODEtMS4zMDciIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=='); }

html.no-touch .ya-share-svidanie .ya-share2__link:hover .ya-share2__icon,
html.touch .ya-share-svidanie .ya-share2__link:active .ya-share2__icon {
  background-color: #FF4438; }

html.no-touch .ya-share-svidanie .ya-share2__link:hover .ya-share2__title,
html.touch .ya-share-svidanie .ya-share2__link:active .ya-share2__title {
  color: #FF4438; }

/*# sourceMappingURL=../../maps/landing/svidanie-s-knigoy/style.css.map */

/* End */
/* /assets/components/landing/svidanie-s-knigoy/style.css?177874987234629 */