@charset "UTF-8";

@font-face {
    font-family: 'GTEestiPro';
    font-weight: 500;
    font-display: swap;
    font-style: italic;
    src: url('../fonts/gt-eesti-pro-display-medium-italic.woff2') format('woff2')
}

@font-face {
    font-family: 'GTEestiPro';
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/gt-eesti-pro-display-regular.woff2') format('woff2')
}

@font-face {
    font-family: 'GTEestiPro';
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/gt-eesti-pro-display-bold.woff2') format('woff2')
}

@font-face {
    font-family: 'GTEestiPro';
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/gt-eesti-pro-display-medium.woff2') format('woff2')
}

::-webkit-scrollbar {
    display: none;
}

#preloader {
    transition: opacity 0.5s ease;
}

body.preload {
    overflow: hidden;
    height: 100vh;
}

body {
    font-family: GTEestiPro, sans-serif;
}

/* Дополнительные стили для решения проблем с модальным окном */

/* Улучшаем отображение прокрутки в модальном окне */
.overflow-y-auto {
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 130, 246, 0.5) rgba(31, 41, 55, 0.5);
  }
  
  .overflow-y-auto::-webkit-scrollbar {
    width: 8px;
  }
  
  .overflow-y-auto::-webkit-scrollbar-track {
    background: rgba(31, 41, 55, 0.5);
    border-radius: 10px;
  }
  
  .overflow-y-auto::-webkit-scrollbar-thumb {
    background-color: rgba(59, 130, 246, 0.5);
    border-radius: 10px;
  }
  
  /* Обеспечиваем корректное отображение информации о цене и сроках */
  @media (max-width: 640px) {
    /* На мобильных устройствах */
    .overflow-y-auto {
      max-height: calc(65vh - 60px);
      padding-bottom: 60px;
    }
    
    /* Уменьшаем отступ снизу на мобильных устройствах */
    #productModal .flex-grow.overflow-y-auto {
      padding-bottom: 80px !important;
    }
  }
  
  @media (min-width: 641px) {
    /* На десктопах */
    .overflow-y-auto {
      max-height: calc(90vh - 60px);
    }
    
    /* Ограничиваем ширину кнопки оформления заказа только правой колонкой */
    #productModal .absolute.bottom-0 {
      width: 50%;
      right: 0;
      left: auto;
    }
  }
  
  /* Обеспечиваем видимость блоков стоимости и сроков */
  #modalPrice, #modalDelivery {
    position: relative;
    z-index: 5;
  }