/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* Применить Rubik ко всему сайту */
body {
    font-family: 'Rubik', sans-serif !important;
}

/* Для заголовков можно сделать жирнее */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500;
}

/* Робимо сторінку на всю висоту та притискаємо футер до низу */
html, body { height: 100%; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Основний контент розтягуємо, щоб заповнював простір */
#main-body, .main-content, .container.main-content {
  flex: 1 0 auto;
}

/* Футер притискаємо вниз */
#footer, footer, .site-footer {
  margin-top: auto;
}

.maxserver {
    display: block;
    width: 100%;       /* уменьши картинку до 50% ширины контейнера */
    height: auto;     /* сохраняем пропорции */
    margin: 0 auto;   /* центрируем */
}

.product-specs {
    font-size: 15px;     /* размер текста */
    line-height: 0.8;    /* расстояние между строками */
}
.product-specs li {
    margin-bottom: 4px;  /* уменьшить отступ между пунктами */
}