/* ==========================================================================
   AIS-TEC: карточка товара в списке на телефоне
   Правка живёт в /local, подключается из /local/php_interface/init.php

   ЗАЧЕМ: тема dresscode на ширине до 700 px прячет кнопку «В корзину»
   и весь блок .optional (купить в 1 клик, наличие, сравнение, избранное):
       @media (max-width: 700px) { .product .addCart  { display: none } }
       @media (max-width: 700px) { .product .optional { display: none } }
   На компьютере они видны, на телефоне — никогда, поэтому в плитке
   оставалась только ссылка «Подробнее».

   ЧТО ДЕЛАЕМ: на телефоне разворачиваем карточку на всю ширину,
   кладём фото слева, текст справа, возвращаем кнопку и наличие.
   ========================================================================== */

@media screen and (max-width: 700px) {
	/* одна карточка в ряд вместо двух */
	#catalogSection .product {
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}

	#catalogSection .product .tabloid {
		padding-bottom: 10px;
		border-bottom: 1px solid #ececf2;
	}

	/* фото слева, текст справа */
	#catalogSection .product .productTable {
		display: flex !important;
		align-items: flex-start;
		gap: 12px;
	}

	#catalogSection .product .productColImage {
		flex: 0 0 112px;
		max-width: 112px;
	}

	#catalogSection .product .productColImage img {
		width: 100%;
		height: auto;
	}

	/* «Быстрый просмотр» на телефоне не нужен — он по наведению */
	#catalogSection .product .getFastView {
		display: none !important;
	}

	#catalogSection .product .productColText {
		flex: 1 1 auto;
		min-width: 0;
		padding: 0;
		text-align: left;
	}

	#catalogSection .product .name {
		display: block;
		margin: 0 0 6px;
		text-align: left;
	}

	#catalogSection .product .price {
		display: block;
		margin: 0 0 8px;
		font-size: 17px;
		text-align: left;
	}

	/* возвращаем кнопку в корзину, размер под палец */
	#catalogSection .product .addCartContainer {
		display: block;
		margin: 0 0 8px;
	}

	#catalogSection .product .addCart {
		display: flex !important;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		height: auto !important;
		padding: 0 12px !important;
		font-size: 14px;
		border-radius: 4px;
	}

	#catalogSection .product .addCart span {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	/* поле количества в списке ни к чему — задаётся в карточке товара */
	#catalogSection .product .quantityContainer {
		display: none !important;
	}

	/* «Подробнее» больше не нужна: по названию и фото и так переход */
	#catalogSection .product .btn-simple.add-cart {
		display: none !important;
	}

	/* наличие и быстрый заказ */
	#catalogSection .product .optional {
		display: block !important;
		margin: 0;
	}

	#catalogSection .product .optional .row {
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
		margin: 0 0 4px;
	}

	#catalogSection .product .optional .label {
		font-size: 12px;
	}

	/* сравнение и избранное на телефоне прячем — они есть в карточке товара */
	#catalogSection .product .optional .addCompare,
	#catalogSection .product .optional .addWishlist {
		display: none !important;
	}
}