:root {
  --green: #9CFF1E;
  --dark: #151515;
  --gray: #888888;
  --white: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: var(--white);
}

h1 {
  font-family: "Inter";
  font-weight: 600;
  font-size: 51px;
  font-style: italic;
  line-height: 140%;
  color: var(--white);
  margin-bottom: 40px;
}

h2 {
    font-family: "Inter";
    font-weight: 700;
    font-style: italic;
    font-size: 22px;
    line-height: 36px;
}

.hidden {
  display: none;
}

@media (max-width: 1200px) {
  .hidden{
    display: block !important;
  }

  .hidden-mobile {
    display: none !important;
  }
}

/* HEADER */
.header {
  position: relative;
  z-index: 10;
}

.header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 105px;
  background: linear-gradient(#0b0b0b, #111);
}

.header-menu {
    display: flex;
    gap: 140px;
}

.nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

.nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-family: "Inter";
  font-weight: 700;
  font-style: italic;
  font-size: 12px;
  line-height: 24px;
  text-transform: uppercase;
  transition: color .2s ease;
}

.nav-indicator {
  width: 8px;
  height: 6px;
  background: #CCCCCC; /* неактивный */
  clip-path: polygon(
    25% 0%,
    100% 0%,
    75% 100%,
    0% 100%
  );
  transition: background .2s ease;
}

.nav-item.active .nav-indicator {
  background: var(--green);
}

.nav-item.active {
  color: var(--green);
}

.nav-item:hover .nav-indicator {
  background: var(--green);
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 40px;
}

.search {
  width: 300px;
  height: 44px;
}

.search input {
  width: 100%;
  height: 100%;
  padding: 0 14px 0 26px;

  border: none;
  outline: none;

  font-family: "Inter";
  font-weight: 500;
  font-size: 12px;
  color: var(--dark);
  background-color: #fff;

  clip-path: polygon(
    2% 0%,
    100% 0%,
    98% 100%,
    0% 100%
  );

  /* ИКОНКА ВПИСАНА В СКОС */
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='%23000' d='M9.43164 1.76082C8.38607 1.76082 7.39779 1.95417 6.4668 2.34086C5.55013 2.72756 4.74805 3.25236 4.06055 3.91527C3.37305 4.57818 2.82878 5.35158 2.42773 6.23546C2.02669 7.13314 1.82617 8.08608 1.82617 9.09425C1.82617 10.1024 2.02669 11.0485 2.42773 11.9323C2.82878 12.83 3.37305 13.6103 4.06055 14.2732C4.74805 14.9361 5.55013 15.4609 6.4668 15.8476C7.39779 16.2205 8.38607 16.407 9.43164 16.407C10.4772 16.407 11.4583 16.2205 12.375 15.8476C13.306 15.4609 14.1152 14.9361 14.8027 14.2732C15.4902 13.6103 16.0345 12.83 16.4355 11.9323C16.8223 11.0485 17.0156 10.1024 17.0156 9.09425C17.0156 8.08608 16.8223 7.13314 16.4355 6.23546C16.0345 5.35158 15.4902 4.57818 14.8027 3.91527C14.1152 3.25236 13.306 2.72756 12.375 2.34086C11.4583 1.95417 10.4772 1.76082 9.43164 1.76082ZM0.257813 9.09425C0.257813 7.86511 0.501302 6.71883 0.988282 5.65541C1.46094 4.57818 2.11263 3.63906 2.94336 2.83805C3.77409 2.03703 4.74805 1.40865 5.86523 0.952899C6.9681 0.483339 8.1569 0.248558 9.43164 0.248558C10.6921 0.248558 11.8809 0.483339 12.998 0.952899C14.1152 1.40865 15.0856 2.03703 15.9092 2.83805C16.7327 3.63906 17.388 4.57818 17.875 5.65541C18.362 6.71883 18.6055 7.86511 18.6055 9.09425C18.6055 10.2405 18.3906 11.3212 17.9609 12.3363C17.5313 13.3514 16.9512 14.2525 16.2207 15.0397L20.9902 19.6179C21.1335 19.7698 21.2051 19.9494 21.2051 20.1565C21.2051 20.3637 21.1335 20.5432 20.9902 20.6952C20.8327 20.8471 20.6465 20.923 20.4316 20.923C20.2168 20.923 20.0306 20.8471 19.873 20.6952L15.0605 16.0548C14.2871 16.6487 13.4206 17.1113 12.4609 17.4428C11.5013 17.7742 10.4915 17.9399 9.43164 17.9399C8.1569 17.9399 6.9681 17.7052 5.86523 17.2356C4.74805 16.766 3.77409 16.1342 2.94336 15.3401C2.11263 14.546 1.46094 13.6103 0.988281 12.5331C0.501302 11.4559 0.257813 10.3096 0.257813 9.09425Z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: 22px 21px;

  background-position: right 24px center;
}

.header-icons {
    display: flex;
    gap: 20px;
}

.cart {
  position: relative;
  display: inline-block;
}

.cart-dot {
  position: absolute;
  top: 14px;
  right: -6px;
  width: 14px;
  height: 15px;
  background: var(--green);
  color: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  font-size: 10px;
  line-height: 15px;
}

.auth {
  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
  color: var(--white);
  text-decoration: none;

  display: flex;
  align-items: center;
  gap: 5px;
}

.header-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  padding: 14px 105px;
  background: var(--green);
  color: #000;
  font-size: 14px;

  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

.header-info svg {
    height: 22px;
}

.info-text {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vertical-line {
    width: 1px;
    height: 22px;
    background-color: var(--dark);
}


/* DROPDOWN */
.shop-dropdown {
  position: absolute;
  top: 165px;
  left: 0;
  width: 100%;

  display: none;
  grid-template-columns: 0.8fr 0.8fr 0.5fr 1fr;
  gap: 80px;
  padding: 60px 375px;

  background: rgba(85,151,2,.43);
  backdrop-filter: blur(10px);
  color: #fff;
}

.shop-dropdown.active {
  display: grid;
}

.dropdown-col .title-section,
.dropdown-cart .title-section{
  justify-content: start;
  font-size: 12px;
  line-height: 24px;
  padding-bottom: 11px;
  border-bottom: 5px solid var(--white);

  margin-bottom: 10px;
}

.dropdown-col a {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 0;
  margin: 0;

  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  font-size: 14px;
  line-height: 40px;
  color: var(--white);
  text-decoration: none;

  border-bottom: 1px solid var(--white);
}

.dropdown-col a::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--green);

  clip-path: polygon(
    25% 0%,
    100% 0%,
    75% 100%,
    0% 100%
  );

  flex-shrink: 0;
}

.dropdown-col a:hover {
  color: var(--green);
}

.dropdown-col a:hover::before {
  background: #fff;
}

.dropdown-cart {
  display: flex;
  flex-direction: column;
}

.dropdown-cart .cart-item {
  display: flex;
  gap: 26px;
  margin-bottom: 12px;
}

.dropdown-cart .cart-item:last-child {
  margin-bottom: 0;
}

.dropdown-cart .cart-thumb {
  position: relative;
  width: 148px;
  flex-shrink: 0;
}

.dropdown-cart .cart-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dropdown-cart .badge {
  position: absolute;
  top: 8px;
  left: 8px;

  background-color: #000;
  color: var(--white);
  font-family: "Plus Jakarta Sans";
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;

  padding: 3px 5px;
  border-radius: 2px;
}

.dropdown-cart .cart-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.dropdown-cart .cart-category {
  font-family: "Plus Jakarta Sans";
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
}

.dropdown-cart .cart-title {
  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  margin: 4px 0 22px;
}

.dropdown-cart .cart-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 23px;
}

.dropdown-cart .cart-price {
  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

.dropdown-cart .qty {
  display: flex;
  align-items: center;
  background: #fff;
  color: #000;
  padding: 8px 5px;
}

.dropdown-cart .qty button {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  cursor: pointer;

  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 12px;
  line-height: 8px;
}

.dropdown-cart .qty span {
  width: 32px;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-weight: 400;
  font-size: 12px;
}

.dropdown-cart .checkout-btn {
  width: 100%;
  margin-top: 20px;

  padding: 10px 0;
  border-radius: 3px;
  background: #000;
  color: #fff;

  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;

  border: none;
  cursor: pointer;

  clip-path: polygon(
    3% 0%,
    100% 0%,
    97% 100%,
    0% 100%
  );
}

.burger {
  display: none;
  width: 39px;
  height: 37px;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.mobile-menu-wrap, .mobile-cart-wrap {
  display: none;
}

@media  (min-width: 1024px) and (max-width: 1200px) {
  .mobile-menu-wrap {
    display: none;
  }

  .header-top {
    padding: 32px 50px;
  }

  .header-info {
    padding: 14px 50px;
    gap: 60px;
  }

  .burger {
    display: flex;
  }

  header .nav {
    display: none;
  }

  .search {
    width: 220px;
    height: 40px;
  }

  .search input {
    padding: 0 12px 0 22px;
    background-size: 18px 18px;
    background-position: right 18px center;
  }

  .header-actions {
    gap: 28px;
  }

  .shop-dropdown {
    z-index: 9999;
    position: fixed;
    top: 120px;
    width: 100%;
    overflow-y: auto;

    gap: 40px;
    padding: 30px 50px 128px;
  }

  .shop-dropdown.active {
    display: flex;
    justify-content: space-between;
  }

  .dropdown-col {
    flex: 1;
  }

  .empty {
    display: none;
  }
}

@media (max-width: 768px) {
  .header-top {
    padding: 27px 20px;
  }

  .header-info {
    padding: 14px 20px;
    gap: 16px;
  }

   .burger {
    display: flex;
  }

  .info-text {
    flex-direction: column;
    gap: 5px;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-size: 8px;
    white-space: nowrap;
  }

  header .nav {
    display: none;
  }

  header .search {
    display: none;
  }

  .header-actions {
    gap: 20px;
  }

  .header-actions .auth {
    display: none;
  }

  .mobile-menu-wrap {
    position: fixed;
    top: 186px;
    left: 0;
    width: 100%;
    height: calc(100vh - 186px);
    background: rgba(74, 131, 2, 0.43);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 200;
    overflow-y: auto;
}

  .mobile-nav-wrap.active {
    display: block;
    padding: 20px;
  }

  .mobile-nav {
    margin-top: 40px;
  }

  .mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .mobile-nav .search {
    width: 100%;
  }

  .mobile-nav .menu {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
  }

  .mobile-nav .nav-item {
    font-size: 22px;
    line-height: 42px;
  }

  .mobile-shop-btn {
    background-color: transparent;
    border: 0;
  }

  .mobile-nav .nav-item:hover .nav-indicator {
    background: #000;
  }

  .mobile-nav .auth {
    font-size: 16px;
    line-height: 29px;
  }

  .mobile-menu, .mobile-shop {
    padding: 30px 20px;
  }
  .mobile-menu,
  .mobile-shop {
    display: none;
  }

  .mobile-menu.active,
  .mobile-shop.active{
    display: block;
  }


  /* desktop dropdown */
  .shop-dropdown {
    display: none !important;
  }

  .mobile-cart-wrap {
    position: fixed;
    top: 186px;          /* высота хедера */
    left: 0;
    width: 100%;
    height: calc(100vh - 186px);

    background: rgba(76, 135, 0, 0.43);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    z-index: 300;

    display: none;
    overflow-y: auto;
  }

  .mobile-cart-wrap.active {
      display: block;
  }

  .mobile-cart {
      margin: 0 auto;
      padding: 20px 20px 150px;
      color: var(--white);
  }

  .mobile-top {
    display: flex;
    justify-content: end;
  }

  .mobile-shop .mobile-top {
    justify-content: space-between;
  }

  .mobile-close, .mobile-back {
    background: none;
    border: none;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 42px;
    color: var(--white);
  }

  .mobile-shop .dropdown-col {
    margin-top: 40px;
  }

  .mobile-shop .title-section {
    color: var(--white);
  }

  .mobile-shop .dropdown-col a::before {
    width: 8px;
    height: 8px;
    background: var(--white)
  }
}


/* HERO */
.contact {
  position: relative;
  overflow: hidden;
}

.contact-bg {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}

.contact-bg--left {
  left: 0;
  bottom: 0;
  width: 656px;
  height: 892px;
  background-image: url("/images/Shape-03\ copy\ 3.png");
}

.contact-bg--right {
  right: 0;
  bottom: 0;
  width: 518px;
  height: 704px;
  transform: scaleX(-1);
  background-image: url("/images/Shape-03\ copy\ 3.png");
}

.contact-container {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 60px 240px 160px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  filter: drop-shadow(0px 141px 200px rgba(25, 58, 75, 30%));
}

.contact-form {
  background-color: rgba(255,255,255,.51);
  backdrop-filter: blur(20px);
  padding: 60px 80px;
}

.contact-form h1 {
  font-family: "Inter";
  font-weight: 700;
  font-size: 43px;
  font-style: italic;
  line-height: 64px;
  color: var(--dark);
  margin-bottom: 12px;
}

.contact-form h1 span {
  color: var(--green);
}

.contact-form p {
  font-family: "Plus Jakarta Sans";
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 20px;
}

.contact-form form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  padding: 14px 20px;
  border: 1px solid #FFFEFE;
  background: transparent;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  line-height: 24px;
}

.contact-form textarea {
  min-height: 140px;
  resize: none;
}

.contact-form button {
  margin-top: 20px;
  background: var(--green);
  border: none;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 2px;
  padding: 10px;
  cursor: pointer;

  clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100% );
}

.contact-info {
  display: flex;
  gap: 50px;
  margin-top: 35px;
  justify-content: center;
}

.contact-group {
  display: flex;
  align-items: center;
  gap: 15px;
}

.contact-info span {
  font-family: "Plus Jakarta Sans";
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.contact-info p {
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.contact-media img {
  width: 597px;
}

@media (max-width: 1200px) {
  .contact-container {
    display: flex;
    align-items: start;
    gap: 0;
    padding: 50px;
    overflow: hidden;
  }

  .contact-form {
    margin-top: 60px;
    margin-right: -200px;   /* ← ЗАХОД НА КАРТИНКУ */
    height: 826px;
    padding: 50px;
    z-index: 2;
  }

  .contact-form h1 {
    font-size: 30px;
  }

  .contact-media {
    z-index: 1;
  }

  .contact-media img {
    width: 460px;
    height: 700px;
    display: block;
  }

  .contact-bg--left {
    width: 486px;
    height: 661px;
    left: -114px;
  }

  .contact-bg--right {
    width: 763px;
    height: 1037px;
    right: -308px;
  }
}

@media (max-width: 768px) {
  .contact-container {
    display: flex;
    flex-direction: row; /* форма слева, картинка справа */
    justify-content: flex-start;
    padding: 50px 0px 90px;
    gap: 0;
  }

  .contact-form {
    position: relative;
    width: 335px;
    background-color: rgba(255,255,255,.51);
    backdrop-filter: blur(20px);
    padding: 20px 20px 40px;
    z-index: 2;
    /* Заход на картинку */
    margin-right: -60px; /* можно подкорректировать по макету */
  }

  .contact-media {
    position: relative;
    flex-shrink: 0;
    width: calc(100% - 335px + 100px); /* оставшееся место + заход формы */
    object-fit: cover;
  }

  .contact-media img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
  }

  .contact-info {
    justify-content: space-between;
    gap: 0;
  }

  .contact-group:last-child {
    display: none;
  }

  .contact-media img {
    height: 370px;
  }

  .contact-bg--left {
    width: 363px;
    height: 494px;
    left: -65px;
  }

  .contact-bg--right {
    display: none;
  }
}


/*footer*/
.footer {
  background: radial-gradient(circle at top, #1b1b1b, #0b0b0b);
  color: #bdbdbd;
  font-family: Inter, sans-serif;
}

.footer-divider {
  height: 1px;
  background: rgba(255,255,255,0.10);
}

.title-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 22px;
}

/* Newsletter */
.footer-newsletter {
  padding: 60px 300px;
  text-align: center;
}

.footer-newsletter .title-section h2 {
  color: #fff;
}

.footer-newsletter .title-section {
  margin-bottom: 10px;
}

.footer-newsletter .description {
  width: 100%;
}

.newsletter-form {
  display: flex;
  justify-content: center;
  margin-top: 26px;

  background: none;
  border-radius: 0;
  overflow: visible;
}

.newsletter-form input {
  width: 480px;
  padding: 14px 25px;
  border: none;
  outline: none;
  border-radius: 3px;

  clip-path: polygon(
    3% 0%,
    100% 0%,
    97% 100%,
    0% 100%
  );

  font-family: "Plus Jakarta Sans";
  font-weight: 400;
  font-size: 12px;
}

.newsletter-form button {
  background: var(--green);
  border: none;
  padding: 9px 28px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 3px;

  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 2px;

  clip-path: polygon(
    11% 0%,
    100% 0%,
    89% 100%,
    0% 100%
  );
}

/* Main */
.footer-main {
  margin: 0 auto;
  padding: 60px 300px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}

.footer-logo img {
  width: 270px;
}

.footer-column h4 {
  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: var(--white);
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 11px;
}

.footer-column .footer-menu {
  margin-top: 0;
}

.footer-column li {
  position: relative;
  font-family: "Plus Jakarta Sans";
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  color: var(--gray);
}

.footer-column .footer-menu li {
  font-weight: 400;
  line-height: 40px;
  padding-left: 16px;
  border-bottom: 1px solid var(--gray);
}

.footer-column .footer-menu li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;

  width: 7px;
  height: 6px;

  background: rgba(255,255,255,0.4);
  transform: translateY(-50%);

  clip-path: polygon(
    25% 0%,
    100% 0%,
    75% 100%,
    0% 100%
  );
}


/* Bottom */
.footer-bottom {
  margin: 0 auto;
  padding: 30px 300px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}

.footer-bottom span {
  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: var(--gray);
  display: block;
  margin-bottom: 16px;
}

.footer-help strong {
  font-family: "Plus Jakarta Sans";
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  color: var(--white);
}

.footer-socials {
  border-left: 1px solid rgba(255,255,255,.10);
  border-right: 1px solid rgba(255,255,255,.10);
}

.social-icons {
  display: flex;
  justify-content: center;
  gap: 5px;
}

/* Copy */
.footer-copy {
  padding: 40px 300px;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.footer-copy span {
  padding: 0 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  color: var(--green);
}

@media (max-width: 1200px) {
  .footer-newsletter {
    padding: 100px auto 40px;
  }

  .newsletter-form input {
    width: 490px;
  }

  .footer-main {
    padding: 60px 50px;
    grid-template-columns: 1.2fr 1fr 1fr;
  }

  .footer-logo {
    display: none;
  }

  .footer-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 11px;
  }

  .footer-column .footer-menu {
    margin-top: 0;
  }

  .footer-bottom {
    padding: 40px 50px;
  }
}

@media (max-width: 768px) {
  .footer-newsletter {
    padding: 30px 20px 60px;
  }

  .newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .newsletter-form input {
    width: 100%;
  }

  .newsletter-form button {
      clip-path: polygon(
      3% 0%,
      100% 0%,
      97% 100%,
      0% 100%
    )
  }

  .footer-main {
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .footer-bottom {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .footer-copy {
    padding: 30px 20px;
  }
}

.footer-column a, .footer-column li a {
  color: var(--gray);
  text-decoration: none;
}
.footer-column a:visited { color: var(--gray); }
.footer-column a:hover { color: var(--green); }

a.info-text {
  transition: transform .2s ease;
  cursor: pointer;
}
a.info-text:hover {
  transform: scale(1.08);
}