/* [no container] */


    * {
            box-sizing: border-box;
         }

    *::after {
            box-sizing: border-box;
         }

    *::before {
            box-sizing: border-box;
         }

    .logo-park {
            color: #f5f3ef;
         }

    .logo-pin {
            color: #ff5f56;
font-size: 28px;
margin: 0 2px;
transform: translateY(-1px);
         }

    .logo-shop {
            color: #f5f3ef;
         }

    .sp-footer {
            background: #2d4f64;
color: #ffffff;
width: 100%;
         }

    .sp-footer__bottom {
            background: #142a36;
         }

    .sp-footer__bottom-inner {
            width: 100%;
max-width: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: stretch;
         }

    .sp-footer__bottom-inner a {
            display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
min-height: 72px;
padding: 12px 58px;
white-space: normal;
         }

    .sp-footer__col a {
            text-decoration: none;
color: rgba(255, 255, 255, 0.72);
font-size: 14px;
line-height: 1.4;
         }

    .sp-footer__col a:hover {
            color: #ffffff;
         }

    .sp-footer__col h4 {
            margin: 0 0 14px;
font-size: 17px;
line-height: 1.35;
font-weight: 700;
color: #ffffff;
text-align: left;
         }

    .sp-footer__col li + li {
            margin-top: 10px;
         }

    .sp-footer__col ul {
            list-style: none;
margin: 0;
padding: 0;
         }

    .sp-footer__content {
            display: grid;
grid-template-columns: 1.6fr 1fr 1fr;
gap: 70px;
align-items: start;
padding-bottom: 42px;
         }

    .sp-footer__cta {
            display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0 16px;
border-radius: 999px;
background: #ff6a61;
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-weight: 700;
         }

    .sp-footer__inner {
            max-width: 1280px;
margin: 0 auto;
padding: 52px 62px 0;
         }

    .sp-footer__intro {
            max-width: 230px;
         }

    .sp-footer__intro h3 {
            margin: 0 0 10px;
font-size: 15px;
line-height: 1.3;
font-weight: 700;
color: #ffffff;
         }

    .sp-footer__intro p {
            margin: 0 0 22px;
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: rgba(255, 255, 255, 0.72);
         }

    .sp-footer__logo {
            display: inline-flex;
align-items: center;
text-decoration: none;
font-weight: 900;
font-size: 44px;
line-height: 1;
letter-spacing: -0.04em;
         }

    .sp-footer__logo img {
            display: block;
width: clamp(180px, 22vw, 320px);
max-width: 100%;
height: auto;
         }

    .sp-footer__top {
            margin-bottom: 45px;
         }

    body {
            margin: 0;
font-family: "Inter", "Avenir", "Helvetica Neue", Arial, sans-serif;

         }



/* @media (max-width: 768px) */

@media (max-width: 768px) {
 .sp-footer__bottom-inner {
  display: flex;
flex-direction: column;
padding: 0;
  }
 .sp-footer__bottom-inner a {
  width: 100%;
min-height: 56px;
padding: 14px 20px;
  }
 .sp-footer__col h4 {
  text-align: center;
  }
 .sp-footer__content {
  grid-template-columns: 1fr;
gap: 28px;
text-align: center;
  }
 .sp-footer__inner {
  padding: 36px 24px 0;
  }
 .sp-footer__intro {
  max-width: none;
  }
 .sp-footer__logo {
  justify-content: center;
font-size: 36px;
  }
 .sp-footer__top {
  text-align: center;
  }

}


/* @media (max-width: 900px) */

@media (max-width: 900px) {
 .sp-footer__content {
  grid-template-columns: 1fr 1fr;
gap: 32px;
  }
 .sp-footer__inner {
  padding: 40px 32px 0;
  }

}