/* Общий стиль календаря */
.pika-single {
    max-width: 660px; /* Ограничение ширины на больших экранах */
    margin: 0 auto;   /* Центровка */
}

.pika-lendar {
    float: left;
    width: 95% !important;
    margin: 8px;
}

/* Таблица календаря занимает 100% ширины */
.pika-single table {
    width: 100%; /* Таблица занимает всю ширину контейнера */
    table-layout: fixed; /* Все ячейки равной ширины */
    border-collapse: collapse; /* Убираем лишние промежутки */
}

/* Ячейки календаря равномерно распределяются */
.pika-single td,
.pika-single th {
    width: 14.28%; /* Каждая из 7 колонок занимает равную часть */
    text-align: center; /* Центровка текста */
    padding: 10px; /* Внутренние отступы */
    box-sizing: border-box; /* Учитываем padding и границы */
}
.wc-booking-products {
	display:flex;
	  flex-direction: row;
  flex-flow: row wrap;
  justify-content: center;
}
.wc-booking-product {
	width: 33%;
	padding: 10px;
}
.wc-booking-title {
	height: 70px;
	display:flex;
	font-size: 22px;
	align-items: center;
	justify-content:center;
	text-align:center;
	padding-bottom: 10px;
}
.product-description {
	line-height: 2;
}

/* Адаптивный стиль для мобильных устройств */
@media (max-width: 768px) {
    .pika-single {
        max-width: 100%; /* На мобильных устройствах календарь занимает всю ширину */
        width: 100%;     /* Явно задаём ширину 100% */
        box-sizing: border-box; /* Учитываем внутренние отступы */
    }

.wc-booking-product {
	width: 100%;
	padding: 10px;
}

    


}