/* Общие стили страницы */
   body {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       min-height: 100vh;
       margin: 0;
       padding: 0;
       font-family: 'Poppins', sans-serif;
       background-image: url("./assets/images/wall-site.webp");
       background-size: cover;
       background-position: bottom;
       backdrop-filter: brightness(0.8);
       justify-content: flex-end;
   }

   .main {
       display: flex;
       flex-direction: column;
   }

   .container {
       width: 90%;
       max-width: 400px;
       padding: 0px 20px;
       border-radius: 20px;
       text-align: center;

   }

   .h1 {
       color: #fff;
       font-size: 22px;
   }
   .promo-copy {
       margin: 14px 0 0;
       color: #f5f5f5;
       font-size: 17px;
       line-height: 1.5;
   }

   /* Аватар и заголовок */
   .profile-pic {
       width: 100%;
   }

   h1 {
       margin: 10px 0;
       font-size: 24px;

       color: #333;
   }

   /* Стили для списка ссылок */
   .link-list,
   .media-list {
       margin-top: 20px;
       padding: 0;

       list-style: none;

   }

   .link-list li {
       margin: 15px 0;
   }

   /* Общий стиль кнопок */
   .link-list a {
       display: block;
       padding: 15px 20px;
       text-decoration: none;
       border-radius: 10px;
       font-size: 20px;
       font-weight: 600;
       transition: transform 0.2s ease, filter 0.2s ease;
       color: #fff;
   }

   .i-link {
       font-size: 50px;
       color: #fff;
   }

   .media-list {
       display: flex;
       justify-content: center;
       gap: 40px;
   }

   .media-list a {
       display: block;
       width: 50px;
       height: 50px;
   }

   .link-list a:hover {
       transform: scale(1.03);
   }

   .link-list__link {
       border: 2px #fff solid
   }


   .link-list__link .wolt-link {
       color: #00c2e8;
       /* animation: soft-glow 1.5s infinite alternate; */
       font-weight: 800;
       font-size: 26px;
   }
   .menu-item__ingredients {
       margin: 4px 0 0;
       font-size: 16px;
       font-style: italic;
   }

   .menu-item__description {
       margin: 6px 0 0;
       font-size: 16px;
   }
   .menu-section--teas .menu-item__description,
   .menu-section--drinks .menu-item__description {
       font-size: 18px;
       font-style: normal;
   }

   .bottom_address {
       font-size: 18px;
       display: block;
       color: #fff;
   }

   .footer address {
       display: flex;
       /* flex-direction: column; */
       align-items: center;
       justify-content: space-between;
   }

   .cop {
       text-align: center;
       color: #fff;
   }

   .footer_mail_tel_block {
       display: flex;
       flex-direction: column;
       font-size: 20px;
   }

   .footer_address_link {
       display: flex;
       flex-direction: column;
   }

   .footer_tel,
   .footer_mail {
       color: #fff
   }

   .menu {
       max-width: 900px;
       margin: 0 auto;
       padding: 20px;
   }

   .main_logo__image {
       width: 100%;
   }

   .menu__title__color {
       color: #ff4a4a
   }

   .menu__title {
       font-size: 2.5rem;
       text-align: center;
       margin-bottom: 40px;
       color: #fff;
   }

   /* Секции меню */
   .menu-section {
       margin-bottom: 50px;
   }

   .menu-section__title {
       font-size: 1.8rem;
       font-weight: bold;
       margin-bottom: 15px;
       padding-bottom: 5px;
       border-bottom: 2px solid #444;
   }

   /* Список позиций */
   .menu-items {
       list-style: none;
       margin: 0;
       padding: 0;
   }

   .menu-item {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding: 15px 0;
       border-bottom: 1px solid #444;
       /* flex-wrap: wrap; */
   }

   .item-details {
       display: flex;
   }

   .menu-item:last-child {
       border-bottom: none;
   }

   .menu-item__name {
       font-size: 1.2rem;
       font-weight: bold;
       margin: 0 0 5px;
       flex: 1 1 60%;
   }

   .menu-item__ingredients,
   .menu-item__description {
       font-size: 0.9rem;
       opacity: 0.8;
       margin: 0 0 5px;
       flex: 1 1 60%;
   }

   /* Предложения с размерами и ценами */
   .menu-item__offers {
       list-style: none;
       margin: 0;
       padding: 0;
       display: flex;
       flex-direction: column;
       align-items: flex-end;
       flex: 1 1 30%;
       gap: 5px;
   }

   .offer {
       display: flex;
       align-items: center;
       font-weight: bold;
       width: 100%;
   }

   /* Для отдельных цен (типично супы, напитки) */
   .menu-item__price {
       font-weight: bold;
       flex: 1 1 30%;
       text-align: right;
   }

   .menu-item__ingredients--en {
       font-size: 0.85rem;
       color: #a5a5a5;
       margin-top: 0.2rem;
       font-style: italic;
   }

   .back-to-home {
       position: sticky;
       left: 82%;
       bottom: 20px;
       background: #000;
       color: #fff;
       padding: 12px 35px;
       border-radius: 8px;
       text-decoration: none;
       font-weight: bold;
       font-size: 0.95rem;
       border: solid #fff;
       z-index: 999;
       transition: background 0.3s ease;
   }

   .back-to-home:hover {
       background: #333;
   }

   .cookie-banner {
       position: sticky;
       bottom: 0;
       left: 0;
       right: 0;
       background: #1c1c1c;
       color: #f5f5f5;
       padding: 1rem;
       display: flex;
       justify-content: space-between;
       align-items: center;
       gap: 1rem;
       z-index: 1000;
       box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4);
   }

   .cookie-buttons {
       display: flex;
       gap: 0.75rem;
       flex-wrap: wrap;
       justify-content: flex-end;
   }

   .cookie-button {
       min-width: 135px;
       padding: 0.55rem 1.25rem;
       border-radius: 999px;
       border: none;
       font-size: 0.95rem;
       cursor: pointer;
       transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
   }

   .cookie-button--primary {
       background: #f2b705;
       color: #121212;
       font-weight: 600;
   }

   .cookie-button--primary:hover {
       background: #ffc52f;
   }

   .cookie-button--secondary {
       background: transparent;
       color: #f5f5f5;
       border: 1px solid rgba(255, 255, 255, 0.4);
   }

   .cookie-button--secondary:hover {
       border-color: rgba(255, 255, 255, 0.7);
       color: #ffffff;
   }

   .cookie-button--link {
       background: none;
       border: none;
       color: rgba(255, 255, 255, 0.75);
       text-decoration: underline;
       padding: 0.5rem 0.75rem;
   }

   .cookie-button--link:hover {
       color: #ffffff;
   }

   .cookie-modal[hidden] {
       display: none;
   }

   .cookie-modal {
       position: fixed;
       inset: 0;
       background: rgba(0, 0, 0, 0.65);
       display: flex;
       justify-content: center;
       align-items: center;
       padding: 1.5rem;
       z-index: 1100;
   }

   .cookie-modal__dialog {
       background: #1a1a1a;
       color: #f5f5f5;
       padding: 2rem;
       max-width: 520px;
       width: 100%;
       border-radius: 16px;
       box-shadow: 0 20px 48px rgba(0, 0, 0, 0.5);
       display: flex;
       flex-direction: column;
       gap: 1.5rem;
   }

   .cookie-option {
       display: flex;
       justify-content: space-between;
       align-items: center;
       gap: 1rem;
       padding: 1rem 1.25rem;
       border-radius: 12px;
       background: rgba(255, 255, 255, 0.06);
   }

   .cookie-option--essential {
       border: 1px solid rgba(255, 255, 255, 0.1);
   }

   .cookie-option__text {
       display: flex;
       flex-direction: column;
       gap: 0.4rem;
   }

   .cookie-option__text label,
   .cookie-option__text strong {
       font-size: 1rem;
       font-weight: 600;
   }

   .cookie-option__text p {
       font-size: 0.9rem;
       color: rgba(245, 245, 245, 0.75);
       margin: 0;
   }

   .cookie-option__badge {
       font-size: 1.2rem;
       color: #5bd787;
       font-weight: 700;
   }

   .cookie-switch {
       position: relative;
       display: inline-flex;
       width: 46px;
       height: 24px;
   }

   .cookie-switch input {
       opacity: 0;
       width: 0;
       height: 0;
   }

   .cookie-switch__slider {
       position: absolute;
       cursor: pointer;
       inset: 0;
       background: rgba(255, 255, 255, 0.25);
       border-radius: 999px;
       transition: background 0.2s ease;
   }

   .cookie-switch__slider::before {
       content: "";
       position: absolute;
       height: 18px;
       width: 18px;
       left: 3px;
       top: 3px;
       background: #ffffff;
       border-radius: 50%;
       transition: transform 0.2s ease;
   }

   .cookie-switch input:checked + .cookie-switch__slider {
       background: #5bd787;
   }

   .cookie-switch input:checked + .cookie-switch__slider::before {
       transform: translateX(22px);
   }

   .cookie-modal__actions {
       display: flex;
       flex-wrap: wrap;
       gap: 0.75rem;
       justify-content: flex-end;
   }

   body.cookie-modal-open {
       overflow: hidden;
   }

   /* Адаптив */
   /* Адаптивные стили для мобильных устройств */
   @media (min-width: 768px) and (max-width: 1268px) {
       .back-to-home {
           left: 70.2%
       }

   }

   @media (width: 768px) {
       .back-to-home {
           left: 62%
       }

   }
   @media (max-width: 768px) {
    .cookie-buttons {
           width: 100%;
           justify-content: center;
       }

    .cookie-banner {
           flex-direction: column;
           text-align: center;
           align-items: stretch;
       }

    .cookie-modal__dialog {
           padding: 1.5rem;
    }

    .cookie-modal__actions {
           justify-content: stretch;
    }
   }
   @media (min-width: 768px) {
       body {
           background-repeat: no-repeat;
           background-position: 50% 50%;
           justify-content: space-around;
       }

       .main_logo__image {
           display: block;
           width: 42%;
           margin: 0 auto;
       }

       .offer::before {
           content: '';
           flex-grow: 1;
           border-top: 1px dotted #555;
           margin: 0 8px;
       }

       .footer {
           width: 36%;
           margin-top: 70px;
       }

       .cookie-banner {
           justify-content: center;
       }
   }

   @media (max-width: 767px) {
       .menu-item {
           flex-direction: column;
       }

       .item-header {
           align-self: flex-start;
       }

       .menu-item__offers,
       .menu-item__price {
           text-align: left;
           /* align-self: flex-start; */
           margin-top: 10px;
           width: 100%;
           flex-direction: row;
           font-size: 15px;
       }

       .back-to-home {
           right: auto;
           left: auto;
           bottom: 10px;
           width: 220px;
           text-align: center;
           font-size: 16px;
       }

       .container {
           padding: 0px 15px;
       }

       h1 {
           font-size: 20px;
       }

       .menu__title {
           font-size: 2rem;
       }

       .link-list a {
           padding: 10px 10px;
       }

       .footer {
           width: 50%;
           margin-top: 80px;
       }

       
   }

   @media (max-width: 430px) {
       .footer {
           width: 85%;
           margin-top: 0px;
       }
   }

   @media (max-width: 320px) {

       .menu-item__offers,
       .menu-item__price {

           font-size: 13px;
       }
   }