/* Adaptation */

@media screen and (max-width: 1280px) {

    button,
    .button {
        font-size: 14px;
    }

    header .content nav {
        gap: 32px;
    }

    header .content .up a {
        padding: 20px 7.5px;
    }

    header .content nav .navigation .button {
        font-size: 14px;
        padding: 10px;
    }

    header .content nav .navigation .button svg {
        width: 18px;
    }

    header .content nav .navigation a:not(.button) {
        font-size: 12px;
    }

    header .content nav .manage {
        gap: 16px;
    }

    header .content nav .manage a svg {
        width: 24px;
        height: 24px;
    }

    .app .big-title {
        font-size: 48px;
    }

    .app .telegram,
    .app .contact,
    .app .control,
    .app .lookbook {
        margin-top: 140px;
    }

    .app .contact,
    .app .control {
        gap: 32px;
    }

    .app .control .title h1,
    .app .lookbook h1,
    .app .contact form h1,
    .app .about .block .title h1,
    .app .links .link h1,
    .app .telegram h1 {
        font-size: 48px;
    }

    .app .telegram h1 svg {
        width: 100px;
    }

    .app .show,
    .app .show .slide .content {
        min-height: auto;
        height: 450px;
    }

    .app .show .slide .content h2 {
        font-size: 32px;
    }

    .app .show .slide .content h1 {
        font-size: 72px;
    }

    .app .show .slide .content h3 {
        font-size: 16px;
    }

    .app .show .slide .content span {
        font-size: 16px;
    }

    .app .showcase .title {
        padding-right: 48px;
    }

    .app .showcase .title h1 {
        font-size: 36px;
    }

    .app .showcase .title a {
        font-size: 16px;
        margin-top: 100px;
    }

    .landing .showcase .item {
        min-width: 300px;
    }

    .app .showcase .item .up span {
        font-size: 12px;
    }

    .app .showcase .item .up svg {
        width: 18px;
    }

    .app .showcase .item .name div h4 {
        font-size: 12px;
    }

    .app .showcase .item .name div h3 {
        font-size: 14px;
    }

    .app .showcase .item .name h2 {
        font-size: 14px;
    }

    .app .showcase .item .name h2.old {
        font-size: 12px;
    }

    .app .marquee-container div {
        font-size: 32px;
    }

    .app .marquee-container div svg {
        height: 32px;
        width: 32px;
    }

    .app .about .block .title h2 {
        font-size: 14px;
    }

    .app .about .block.alternative .title {
        padding: 32px;
    }

    .app .lookbook .gallery {
        display: grid;
    }

    .app .control .title h3 {
        font-size: 16px;
    }

    .app .control .title h2 {
        font-size: 36px;
    }

    .app .control .title h4 {
        font-size: 14px;
    }

    .app .telegram .gallery {
        gap: 10px;
    }

    .app .telegram .gallery img {
        width: calc((100% - 10px * 3) / 4);
    }

    .app .contact .contacts h1 {
        font-size: 28px;
    }

    .app .contact .contacts h3 {
        font-size: 16px;
    }

    .lookbook .lookbook-block {
        gap: 10px;
        -moz-column-count: 2;
        column-count: 2;
    }

    .lookbook .lookbook-block img {
        margin-bottom: 10px;
    }

    .wishlist .wishlist-block .items .item .up span {
        font-size: 12px;
    }

    .wishlist .wishlist-block .items .item .up svg {
        width: 18px;
    }

    .wishlist .wishlist-block .items .item .name div h4 {
        font-size: 12px;
    }

    .wishlist .wishlist-block .items .item .name div h3 {
        font-size: 14px;
    }

    .wishlist .wishlist-block .items .item .name h2 {
        font-size: 14px;
    }

    .wishlist .wishlist-block .items .item .name h2.old {
        font-size: 12px;
    }

    .items .items-list .filters {
        min-width: 250px;
    }

    .items .items-list .filters .block:not(:first-child) {
        margin-top: 25px;
    }

    .items .items-list .filters .block .title h3 {
        font-size: 14px;
    }

    .items .items-list .filters .block.open .title svg {
        width: 12px;
        height: 12px;
    }

    .items .items-list .filters .block .content .input-container input {
        font-size: 14px;
    }

    .items .items-list .filters .block .content .checkbox-container label,
    .items .items-list .filters .block .content h4 {
        font-size: 14px;
    }

    .items .items-list .filters .block .content .input-container input {
        padding: 12.5px 18px;
        width: calc(100% - 18px * 2);
    }

    .items .items-block .categories .category {
        min-width: calc((100% - 10px * 3) / 4 - 12px * 3);
    }

    .items .items-list .list .selected-value {
        font-size: 14px;
        text-align: left;
    }

    .items .items-list .list .select-dropdown li label {
        font-size: 14px;
    }

    .items .items-list .list .item {
        width: calc((100% - 20px) / 2);
    }

    .items .items-list .list .item .up span {
        font-size: 12px;
    }

    .items .items-list .list .item .up svg {
        width: 18px;
    }

    .items .items-list .list .item .name div h4 {
        font-size: 12px;
    }

    .items .items-list .list .item .name div h3 {
        font-size: 14px;
    }

    .items .items-list .list .item .name h2 {
        font-size: 14px;
    }

    .items .items-list .list .item .name h2.old {
        font-size: 12px;
    }

    .item .item-block {
        gap: 32px;
    }

    .item .item-block .info h1 {
        font-size: 28px;
    }

    .item .item-block .info h1 span {
        font-size: 14px;
        padding: 6px 14px;
    }

    .item .item-block .info .select .select-block .selected-value {
        font-size: 18px;
    }

    .item .item-block .info .select .price {
        font-size: 32px;
    }

    .item .item-block .info .manage button {
        font-size: 14px;
    }

    .item .showcase .item .up span {
        font-size: 12px;
    }

    .item .showcase .item .up svg {
        width: 18px;
    }

    .item .showcase .item .name div h4 {
        font-size: 12px;
    }

    .item .showcase .item .name div h3 {
        font-size: 14px;
    }

    .item .showcase .item .name h2 {
        font-size: 14px;
    }

    .item .showcase .item .name h2.old {
        font-size: 12px;
    }

    .delivery .delivery-block .help h1,
    .delivery .delivery-block .help .contacts a {
        font-size: 32px;
    }

    .cart .cart-block {
        display: grid;
        gap: 32px;
    }

    .cart .cart-block form {
        width: calc(110% - 40px * 2);
        margin-left: -5%;
    }

    .pre-footer {
        padding: 20px 0 40px 0;
        margin-top: 124px;
    }

    .pre-footer h1 {
        margin-top: 45px;
        font-size: 32px;
    }

    .pre-footer .button {
        margin-top: 50px;
    }

    footer .content {
        gap: 24px;
    }

    footer .content .links {
        gap: 24px;
    }
}

@media screen and (max-width: 1024px) {
    header .content .up {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    header .content .up a {
        font-size: 10px;
        padding: 15px 7.5px;
    }

    header .content nav {
        margin-top: 18px;
        gap: 16px;
    }

    header .content nav .navigation a img {
        width: 32px;
    }

    header .content nav .navigation .button {
        font-size: 10px;
        padding: 6px;
    }

    header .content nav .navigation .button svg {
        width: 14px;
    }

    header .content nav .manage {
        gap: 12px;
    }

    .app .telegram,
    .app .contact,
    .app .control,
    .app .lookbook {
        margin-top: 100px;
    }

    .app .control .title h1,
    .app .lookbook h1,
    .app .contact form h1,
    .app .about .block .title h1,
    .app .links .link h1,
    .app .telegram h1 {
        font-size: 42px;
    }

    .landing .showcase {
        margin: 100px auto;
    }

    .app .contact,
    .app .control {
        display: grid;
    }

    .app .control {
        justify-content: center;
    }

    .app .control img,
    .app .control .title {
        margin: auto;
        width: 100%;
    }

    .app .about .block {
        min-height: 500px;
    }

    .app .about .block .title h1 {
        font-size: 32px;
    }

    .app .about .block.alternative {
        display: grid;
        justify-content: center;
    }

    .app .about .block.alternative .gallery {
        margin: auto;
        width: 100%;
        order: 1;
    }

    .app .about .block.alternative .title {
        width: var(--width);
        padding: 0;
        margin: 50px auto;
    }

    .landing .about .block.alternative .gallery img.big {
        margin-top: 0;
    }

    .landing .about .block.alternative .gallery div img {
        margin-top: 0;
    }

    .wishlist .wishlist-block .items .item {
        width: calc((100% - 20px * 2) / 3);
    }

    .items .items-block .categories .category {
        min-width: calc((100% - 10px * 2) / 3 - 12px * 3);
    }

    .item .item-block {
        display: grid;
    }

    .item .showcase {
        flex-wrap: wrap;
    }

    .item .showcase .item {
        width: calc((100% - 20px) / 2);
    }

    .contacts .contacts-block,
    .delivery .delivery-block {
        gap: 32px;
    }

    .delivery .delivery-block {
        display: grid;
    }

    .delivery .delivery-block .help {
        order: -1;
    }

    .delivery .delivery-block .help .contacts {
        margin-top: 25px;
    }

    .contacts .contacts-block .info h1 {
        font-size: 36px;
    }

    .contacts .contacts-block .info h3 {
        font-size: 14px;
    }

    .contacts .contacts-block .info .faq .question,
    .delivery .delivery-block .faq .question {
        padding: 20px;
    }

    .contacts .contacts-block .info .faq .question .title h2,
    .delivery .delivery-block .faq .question .title h2 {
        font-size: 16px;
    }

    .contacts .contacts-block .info .faq .question h3,
    .delivery .delivery-block .faq .question h3 {
        margin-top: 15px;
        font-size: 12px;
    }

    footer .content {
        display: grid;
        justify-content: center;
        gap: 48px;
    }

    footer .content .company {
        margin: auto;
        text-align: center;
    }

    footer .content .company h3 {
        margin-top: 18px;
    }
}

@media screen and (max-width: 768px) {
    header .content .up {
        display: none;
    }

    header .content nav .navigation .media-container .media-trigger {
        display: block;
    }

    header .content nav .navigation a:not(:has(img)) {
        display: none;
    }

    header .content nav .navigation a img {
        width: 40px;
    }

    header .content nav .manage a svg {
        width: 28px;
        height: 28px;
    }

    .app {
        margin-top: 15px;
    }

    .app .big-title {
        font-size: 28px;
    }

    .lookbook .lookbook-block,
    .wishlist .wishlist-block .items,
    .contacts .contacts-block,
    .delivery .delivery-block,
    .item .item-block,
    .items .items-block {
        margin-top: 20px;
    }

    .contacts .contacts-block {
        display: grid;
    }

    .contacts .contacts-block .info h1 {
        font-size: 24px;
    }

    .delivery .delivery-block .help h1,
    .delivery .delivery-block .help .contacts a {
        font-size: 24px;
    }

    .delivery .delivery-block .help .contacts h2 {
        font-size: 14px;
    }

    .delivery .delivery-block .help h3 {
        font-size: 14px;
        margin-top: 15px;
    }

    .delivery .delivery-block .help .contacts a[href="mailto:client@gdluxurykitchen.ru"] {
        font-size: 6vw;
    }

    .contacts .contacts-block iframe {
        width: 110%;
        margin-left: -5%;
        height: 250px;
    }

    .contacts .contacts-block .info .faq .question .title h2,
    .delivery .delivery-block .faq .question .title h2 {
        font-size: 14px;
    }

    .lookbook .lookbook-block {
        gap: 5px;
    }

    .lookbook .lookbook-block img {
        margin-bottom: 5px;
    }

    .wishlist .wishlist-block .items {
        gap: 15px;
    }

    .wishlist .wishlist-block .items .item {
        width: calc((100% - 15px) / 2);
    }

    .wishlist .wishlist-block .items .item img {
        width: calc(100% - 25px * 2);
        padding: 25px;
    }

    .wishlist .wishlist-block .items .item:hover img {
        width: calc(100% - 20px * 2);
        padding: 20px;
    }

    .wishlist .wishlist-block .items .item .up {
        padding: 5px;
        width: calc(calc(100% - 5px * 2))
    }

    .wishlist .wishlist-block .items .item .up span {
        font-size: 8px;
        padding: 3px 8px;
    }

    .wishlist .wishlist-block .items .item .up svg {
        width: 14px;
    }

    .wishlist .wishlist-block .items .item .name {
        display: grid;
        gap: 10px;
        padding: 0;
    }

    .wishlist .wishlist-block .items .item .name div h4 {
        font-size: 10px;
    }

    .wishlist .wishlist-block .items .item .name div h3 {
        font-size: 12px;
    }

    .wishlist .wishlist-block .items .item .name h2 {
        font-size: 16px;
    }

    .wishlist .wishlist-block .items .item .name h2.old {
        font-size: 14px;
        position: static;
        margin-top: -5px;
    }

    .item .item-block {
        gap: 25px;
    }

    .item .item-block .gallery .photos {
        margin-top: 15px;
    }

    .item .item-block .gallery .photos .list {
        margin-top: 5px;
        gap: 5px;
    }

    .item .item-block .gallery .photos .list img {
        width: calc((100% - 5px * 3) / 4);
    }

    .item .item-block .info h1 {
        margin-top: 5px;
        font-size: 24px;
    }

    .item .item-block .info h1 span {
        font-size: 12px;
        padding: 5px 8px;
        margin-left: 6px;
    }

    .item .item-block .info h2 {
        font-size: 12px;
        margin-top: 20px;
    }

    .item .item-block .info .select {
        margin-top: 20px;
        display: grid;
    }

    .item .item-block .info .select .select-block {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #D7D7D750;
    }

    .item .item-block .info .manage {
        margin-top: 20px;
        display: grid;
        gap: 10px;
    }

    .item .item-block .info .select .price {
        font-size: 28px;
        padding: 20px;
    }

    .item .showcase-title {
        margin-top: 20px !important;
        font-size: 20px;
    }

    .item .showcase {
        margin-top: 15px;
        gap: 15px;
    }

    .item .showcase .items {
        gap: 15px;
    }

    .item .showcase .item {
        width: calc((100% - 15px) / 2);
    }

    .item .showcase .item img {
        width: calc(100% - 25px * 2);
        padding: 25px;
    }

    .item .showcase .item:hover img {
        width: calc(100% - 20px * 2);
        padding: 20px;
    }

    .item .showcase .item .up {
        padding: 5px;
        width: calc(calc(100% - 5px * 2))
    }

    .item .showcase .up span {
        font-size: 8px;
        padding: 3px 8px;
    }

    .item .showcase .up svg {
        width: 14px;
    }

    .item .showcase .item .name {
        display: grid;
        gap: 10px;
        padding: 0;
    }

    .item .showcase .item .name div h4 {
        font-size: 10px;
    }

    .item .showcase .item .name div h3 {
        font-size: 12px;
    }

    .item .showcase .item .name h2 {
        font-size: 16px;
    }

    .item .showcase .item .name h2.old {
        font-size: 14px;
        position: static;
        margin-top: -5px;
    }

    .cart .cart-block .items h5 {
        margin-top: 20px;
    }

    .cart .cart-block .items h1 {
        margin-top: 20px;
        font-size: 28px;
    }

    .cart .cart-block .items .list .item {
        flex-wrap: wrap;
        gap: 10px;
        padding: 20px 0;
    }

    .cart .cart-block .items .list .item .title {
        width: 100%;
        gap: 20px;
    }

    .cart .cart-block .items .list .item .title img {
        width: 90px;
        height: 90px;
    }

    .cart .cart-block .items .list .item .title .name h2 {
        font-size: 14px;
    }

    .cart .cart-block .items .list .item .title .name h3 {
        font-size: 10px;
    }

    .cart .cart-block .items .list .item .manage {
        width: 100%;
        justify-content: space-between;
    }

    .cart .cart-block .items .list .item .manage h2,
    .cart .cart-block .items .list .item .manage .count span {
        font-size: 16px;
    }

    .cart .cart-block .items .result {
        margin-top: 20px;
        font-size: 20px;
    }

    .cart .cart-block form {
        padding: 5%;
        width: 100%;
    }

    .cart .cart-block form h1 {
        font-size: 28px;
    }

    .cart .cart-block form .block {
        margin-top: 15px;
    }

    .cart .cart-block form .block h2 {
        font-size: 16px;
    }

    .cart .cart-block form .block input:not([type="radio"]),
    .cart .cart-block form .block textarea {
        font-size: 14px;
        padding: 15px 20px;
        width: calc(100% - 20px * 2);
    }

    .cart .cart-block form .block .radio-container .radio,
    .cart .cart-block form .block .radio-container .radio input {
        width: 18px;
        height: 18px;
    }

    .cart .cart-block form .block .radio-container label {
        font-size: 14px;
    }

    .cart .cart-block form .block.promocode .flex {
        display: grid;
    }

    .cart .cart-block form .block.promocode .flex button {
        width: 100%;
    }

    .cart .cart-block form .submit {
        margin-top: 20px;
    }

    .items .items-block .items-title {
        font-size: 28px;
    }

    .items .items-block .categories {
        margin-top: 20px;
    }

    .items .items-block .categories .category {
        min-width: calc(100% - 12px * 3);
    }

    .items .items-block .shadow {
        top: 58px;
    }

    .items .items-block svg.controls {
        top: calc(58px + 14px)
    }

    .items .items-list {
        display: grid;
        gap: 25px;
    }

    .items .items-list .filters.hidden {
        display: none;
    }

    .items .items-list .list {
        gap: 15px;
    }

    .items .items-list .list .filter-button {
        display: flex;
        order: -1;
        justify-content: flex-start;
        gap: 8px;
    }

    .items .items-list .list .item,
    .items .items-list .list .custom-select {
        width: calc((100% - 15px) / 2);
    }

    .items .items-list .list .item img {
        width: calc(100% - 25px * 2);
        padding: 25px;
    }

    .items .items-list .list .item:hover img {
        width: calc(100% - 20px * 2);
        padding: 20px;
    }

    .items .items-list .list .item .up {
        padding: 5px;
        width: calc(calc(100% - 5px * 2));
    }

    .items .items-list .list .item .up span {
        font-size: 8px;
        padding: 3px 8px;
    }

    .items .items-list .list .item .up svg {
        width: 14px;
    }

    .items .items-list .list .item .name {
        display: grid;
        gap: 10px;
        padding: 0;
    }

    .items .items-list .list .item .name div h4 {
        font-size: 10px;
    }

    .items .items-list .list .item .name div h3 {
        font-size: 12px;
    }

    .items .items-list .list .item .name h2 {
        font-size: 16px;
    }

    .items .items-list .list .item .name h2.old {
        font-size: 14px;
        position: static;
        margin-top: -5px;
    }

    .items .items-list .list .item:nth-of-type(1),
    .items .items-list .list .item:nth-of-type(2),
    .items .items-list .filters {
        margin-top: 30px;
    }

    .items .items-list .list .custom-select,
    .items .items-list .list .filter-button {
        position: absolute;
        top: 0;
    }

    .items .items-list .list .custom-select {
        right: 0;
    }

    .app .show,
    .app .show .slide .content {
        height: 178px;
    }

    .app .show .slide .content h2 {
        font-size: 12px;
    }

    .app .show .slide .content h1 {
        font-size: 36px;
        margin-top: 5px;
    }

    .app .show .slide .content h3 {
        font-size: 8px;
        margin-toP: 5px;
    }

    .app .show .slide .content span {
        font-size: 10px;
        margin-top: 20px;
    }

    .landing .showcase {
        margin-top: 20px;
        margin-bottom: 35px;
        gap: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        width: 110%;
        padding-left: 5%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .landing .showcase::-webkit-scrollbar {
        display: none;
    }

    .landing .showcase-media-title,
    .landing .showcase-media-link {
        display: block;
    }

    .landing .showcase .title {
        display: none;
    }

    .landing .showcase .item {
        min-width: calc((100vw - 15px * 2) / 2.25);
    }

    .landing .showcase .item:last-child {
        margin-right: calc(5% * 4 - 15px / 2);
    }

    .landing .showcase .item img {
        width: calc(100% - 25px * 2);
        padding: 25px;
    }

    .landing .showcase .item:hover img {
        width: calc(100% - 20px * 2);
        padding: 20px;
    }

    .landing .showcase .item .up {
        padding: 5px;
        width: calc(calc(100% - 5px * 2));
    }

    .landing .showcase .item .up span {
        font-size: 8px;
        padding: 3px 8px;
    }

    .landing .showcase .item .up svg {
        width: 14px;
    }

    .landing .showcase .item .name {
        display: grid;
        gap: 10px;
        padding: 0;
    }

    .landing .showcase .item .name div h4 {
        font-size: 10px;
    }

    .landing .showcase .item .name div h3 {
        font-size: 12px;
    }

    .landing .showcase .item .name h2 {
        font-size: 16px;
    }

    .landing .showcase .item .name h2.old {
        font-size: 14px;
        position: static;
        margin-top: -5px;
    }

    .landing .marquee-container {
        padding: 6px 0;
        padding-bottom: 3px;
    }

    .app .marquee-container div {
        font-size: 22px;
        gap: 16px;
    }

    .app .marquee-container div svg {
        width: 22px;
        height: 22px;
    }

    .landing .marquee-container .marquee .js-marquee-wrapper .js-marquee {
        padding-left: 16px;
    }

    .landing .banner {
        width: 110%;
        margin-left: -5%;
        margin: 35px auto;
    }

    .landing .links .link {
        width: 100%;
        height: 535px;
    }

    .landing .links .link h1 {
        font-size: 48px;
    }

    .landing .about .block {
        display: grid;
    }

    .app .about .block .title {
        width: var(--width);
        margin: auto;
        margin-top: 50px;
    }

    .app .about .block .title h2 {
        margin-top: 20px;
    }

    .landing .about .block img {
        width: 100%;
        margin-top: 35px;
    }

    .app .about .block .title h1 {
        font-size: 28px;
    }

    .landing .lookbook {
        margin-top: 35px;
    }

    .landing .lookbook h1 {
        font-size: 28px;
    }

    .app .lookbook .gallery {
        margin-top: 35px;
        gap: 10px;
    }

    .landing .lookbook .gallery .grid {
        gap: 10px;
    }

    .landing .lookbook .gallery .grid img {
        width: calc((100% - 10px) / 2);
    }

    .landing .lookbook .gallery .grid .name h2 {
        font-size: 28px;
    }

    .landing .lookbook .gallery .grid .name h2 svg {
        width: 60px;
        height: 20px;
        margin-top: 5px;
    }

    .app .control {
        margin-top: 75px;
    }

    .landing .control .title h1,
    .app .control .title h2 {
        font-size: 28px;
    }

    .landing .control .title h2 {
        margin-top: 35px;
    }

    .app .control .title h3 {
        font-size: 14px;
        margin-top: 20px;
    }

    .landing .telegram {
        margin-top: 75px;
    }

    .landing .telegram h1 {
        font-size: 28px;
    }

    .app .telegram h1 svg {
        width: 90px;
        height: 24px;
    }

    .landing .telegram .gallery {
        margin-top: 20px;
    }

    .landing .telegram .gallery img {
        min-width: calc((100% - 10px * 2) / 2.25);
    }

    .landing .contact {
        margin-top: 75px;
        gap: 50px;
    }

    .landing .contact form {
        width: 100%;
    }

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

    .landing .contact form h3 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 25px;
        min-width: auto;
    }

    .landing .contact form .agreement h4 {
        font-size: 12px;
    }

    .landing .contact .contacts .widjet {
        width: 110%;
        margin-left: -5%;
        height: 250px;
    }

    .pre-footer {
        margin-top: 40px;
    }

    body:has(.landing) .pre-footer,
    body:has(.cart) .pre-footer,
    body:has(.app.contacts) .pre-footer {
        margin-top: 0;
    }

    .pre-footer img {
        height: 40px;
    }

    .pre-footer h1 {
        margin-top: 25px;
        font-size: 24px;
    }

    .pre-footer .button {
        margin-top: 35px;
        font-size: 12px;
        padding: 15px 30px;
    }

    footer .content {
        gap: 25px;
    }

    footer .content .company {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    footer .content .company .media-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    footer .content .company .media-container img {
        width: 95px;
    }

    footer .content .company .media-container div {
        display: grid;
        gap: 12px;
    }

    footer .content .company h3 {
        margin-top: 25px;
    }

    footer .content .links {
        flex-wrap: wrap;
        gap: 35px;
    }

    footer .content .links .block {
        width: calc((100% - 35px) / 2);
    }

    footer .content .links .block:has(h4) {
        display: none;
    }

    footer .content .links .block:has(form) {
        width: 100%;
    }

    footer p {
        text-align: left;
        margin-left: 5%;
    }
}