/* Адаптивні стилі для стікерів на мобільних пристроях */

.productnew {
	background-color: #e8c503;
	border: 3px solid #e8c503;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 8px;
}

.productnew_border {
	border: 3px solid #e8c503;
}

@media (max-width: 767px) {
	.product-thumb .special {
		font-size: 11px !important;
		line-height: 16px !important;
		padding: 2px 6px !important;
	}
	.product-thumb .discount {
		font-size: 12px !important;
		line-height: 18px !important;
		padding: 2px 6px !important;
	}
	.product-thumb .productnew {
		font-size: 11px !important;
		line-height: 16px !important;
		padding: 2px 6px !important;
		border-width: 2px !important;
	}
	/* Назва товару */
	.product-layout h5 {
		font-size: 13px !important;
		line-height: 1.2 !important;
		min-height: 36px !important;
	}
	/* Таймер - .compact на батьківському контейнері */
	.compact .product-timer .timer-digit,
	.product-layout .product-timer .timer-digit {
		width: 18px !important;
		height: 18px !important;
		font-size: 11px !important;
		border-radius: 3px !important;
	}
	.compact .product-timer .timer-separator,
	.product-layout .product-timer .timer-separator {
		font-size: 10px !important;
		margin: 0 !important;
	}
	.compact .product-timer .timer-display,
	.product-layout .product-timer .timer-display {
		flex-wrap: nowrap !important;
		gap: 0 !important;
	}
	.compact .product-timer .timer-unit,
	.product-layout .product-timer .timer-unit {
		gap: 1px !important;
	}
	.compact .product-timer .timer-label,
	.product-layout .product-timer .timer-label {
		font-size: 10px !important;
		margin-bottom: 3px !important;
	}
	/* Варіанти товару */
	.variants {
		flex-wrap: nowrap !important;
		gap: 2px !important;
	}
	.variant_header {
		flex-basis: auto !important;
		margin-bottom: 0 !important;
		font-size: 10px !important;
		white-space: nowrap;
	}
	.variant_item {
		font-size: 9px !important;
		padding: 2px 4px !important;
	}
}

@media (max-width: 480px) {
	.product-thumb .special {
		font-size: 9px !important;
		line-height: 13px !important;
		padding: 1px 5px !important;
	}
	.product-thumb .discount {
		font-size: 10px !important;
		line-height: 14px !important;
		padding: 1px 5px !important;
	}
	.product-thumb .productnew {
		font-size: 9px !important;
		line-height: 13px !important;
		padding: 1px 5px !important;
		border-width: 1px !important;
	}
	/* Назва товару */
	.product-layout h5 {
		font-size: 12px !important;
		line-height: 1.15 !important;
		min-height: 28px !important;
	}
	/* Таймер */
	.compact .product-timer .timer-digit,
	.product-layout .product-timer .timer-digit {
		width: 15px !important;
		height: 15px !important;
		font-size: 9px !important;
		border-radius: 2px !important;
	}
	.compact .product-timer .timer-separator,
	.product-layout .product-timer .timer-separator {
		font-size: 9px !important;
		margin: 0 !important;
	}
	.compact .product-timer .timer-display,
	.product-layout .product-timer .timer-display {
		flex-wrap: nowrap !important;
		gap: 0 !important;
	}
	.compact .product-timer .timer-unit,
	.product-layout .product-timer .timer-unit {
		gap: 1px !important;
	}
	.compact .product-timer .timer-label,
	.product-layout .product-timer .timer-label {
		font-size: 8px !important;
		margin-bottom: 2px !important;
	}
	/* Варіанти товару */
	.variants {
		flex-wrap: nowrap !important;
		gap: 1px !important;
	}
	.variant_header {
		display: none !important;
	}
	.variant_item {
		font-size: 8px !important;
		padding: 1px 3px !important;
	}
}

/* =============================================
   Особистий кабінет - Мої замовлення
   ============================================= */

@media (max-width: 767px) {
	/* Список замовлень */
	#account-order .columns-title {
		display: none !important;
	}
	#account-order .order-block-item {
		padding: 10px !important;
	}
	#account-order .order-block-item .row {
		flex-wrap: wrap;
	}
	#account-order .order_id,
	#account-order .order_date,
	#account-order .order_status {
		font-size: 12px !important;
	}
	#account-order .btn-info {
		font-size: 11px !important;
	}
	#account-order .remove_btn {
		width: 24px !important;
		height: 24px !important;
		padding: 0 !important;
	}

	/* Деталі замовлення */
	#account-order .table td {
		font-size: 12px !important;
		padding: 8px 5px !important;
	}
	#account-order .table th {
		font-size: 12px !important;
		padding: 8px 5px !important;
	}
	#account-order .table td[style*="width: 50%"] {
		width: 100% !important;
		display: block;
	}
	#account-order .table-responsive {
		font-size: 11px;
	}
	#account-order h2 {
		font-size: 18px !important;
	}
	#account-order h3 {
		font-size: 16px !important;
	}
}

@media (max-width: 480px) {
	/* Список замовлень - компактний вигляд */
	#account-order .order-block-item > .row > div {
		padding: 2px 5px !important;
	}
	#account-order .order_id {
		font-size: 11px !important;
	}
	#account-order .order_date {
		font-size: 10px !important;
	}
	#account-order .order_status {
		font-size: 10px !important;
	}
	#account-order .btn-info {
		font-size: 10px !important;
	}

	/* Деталі замовлення */
	#account-order .table td,
	#account-order .table th {
		font-size: 10px !important;
		padding: 5px 3px !important;
	}
	#account-order .table .btn {
		padding: 3px 6px !important;
		font-size: 10px !important;
	}
	#account-order .table .btn i {
		font-size: 10px !important;
	}
}