/* =============================================================
   PRICES.CSS
   Блок "Цены": таблица с прайсом.
   -------------------------------------------------------------
   Главная тонкость — table-layout: fixed + word-wrap:
   таблица НЕ вылезает за экран даже на мобильных.
   Раньше был min-width: 500px, из-за него появлялся горизонтальный скролл.
   Не возвращать.
   ============================================================= */


/* -------------------------------------------------------------
   ОБЁРТКА ТАБЛИЦЫ
   Отдельный div в index.php, чтобы можно было задать
   ширину/отступы независимо от самой таблицы.
   ------------------------------------------------------------- */
.prices-table-wrapper {
    width  : 100%;
    margin : 20px 0;
}


/* -------------------------------------------------------------
   ТАБЛИЦА ЦЕН
   table-layout: fixed — фиксированные колонки, чтобы длинный
   текст переносился внутри ячейки, а не растягивал таблицу.
   ------------------------------------------------------------- */
.prices-table {
    width           : 100%;
    max-width       : 100%;
    table-layout    : fixed;
    border-collapse : collapse;
    background      : #fff;
    border-radius   : 8px;
    overflow        : hidden;
}


/* -------------------------------------------------------------
   ЯЧЕЙКИ ТАБЛИЦЫ
   word-wrap + overflow-wrap — страховка от длинных слов
   (адресов, артикулов), которые иначе вылезут за пределы.
   ------------------------------------------------------------- */
.prices-table th,
.prices-table td {
    padding       : 12px 15px;
    text-align    : left;
    border-bottom : 1px solid #eee;
    word-wrap     : break-word;
    overflow-wrap : break-word;
}


/* -------------------------------------------------------------
   ЗАГОЛОВОК ТАБЛИЦЫ
   Синий фон, белый текст — фирменный акцент.
   ------------------------------------------------------------- */
.prices-table th {
    background  : #0984e3;
    color       : #fff;
    font-weight : bold;
}