/* =========================================
   KLIPSA MOBILE HOMEPAGE SAFE FIX
========================================= */

@media (max-width: 768px) {

	/* Загальні відступи */
	.home .entry-content {
		overflow-x: hidden;
	}

	/* Заголовки */
	.home h1 {
		font-size: 26px !important;
		line-height: 1.25 !important;
		text-align: center !important;
		margin: 20px auto 14px !important;
		max-width: 92% !important;
	}

	.home h2 {
		font-size: 24px !important;
		line-height: 1.25 !important;
		text-align: center !important;
		margin-bottom: 18px !important;
	}

	.home p {
		font-size: 14px;
		line-height: 1.5;
	}

	/* Hero: не стискаємо колонки насильно */
	.home .stk-block {
		max-width: 100%;
	}

	.home .wp-block-button__link,
	.home .stk-button a {
		font-size: 13px !important;
		padding: 12px 18px !important;
	}

	/* Статистика */
	.home .klipsa-stats {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		margin: 25px 15px;
	}

	.home .klipsa-stats-item {
		background: #fff;
		border: 1px solid rgba(214,173,104,.18);
		border-radius: 12px;
		padding: 14px 10px;
		text-align: center;
	}

	.home .klipsa-stats-item strong {
		display: block;
		font-size: 20px;
		font-weight: 800;
		margin-bottom: 5px;
	}

	.home .klipsa-stats-item span {
		font-size: 12px;
		color: #555;
	}

	/* Категорії */
	.klipsa-cat-slider-viewport {
		padding: 5px 0 10px !important;
	}

	.klipsa-cat-slide img {
		width: 78px !important;
		height: 78px !important;
	}

	.klipsa-cat-slide span,
	.klipsa-cat-slide h2,
	.klipsa-cat-slide .klipsa-cat-title {
		font-size: 11px !important;
		line-height: 1.25 !important;
		max-width: 90px !important;
	}

	/* Товари */
	.home .woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 18px 10px !important;
	}

	.home .woocommerce ul.products li.product {
		margin-bottom: 8px !important;
	}

	.home .woocommerce ul.products li.product img {
		border-radius: 8px;
	}

	.home .woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 11.5px !important;
		line-height: 1.35 !important;
		min-height: 48px;
		margin-bottom: 6px !important;
	}

	.home .woocommerce ul.products li.product .price,
	.home .woocommerce ul.products li.product .ct-product-price {
		font-size: 11.5px !important;
		line-height: 1.4 !important;
	}

	.home .woocommerce ul.products li.product .button {
		font-size: 10.5px !important;
		padding: 9px 6px !important;
		min-height: 38px;
	}

	.home .quantity {
		margin-top: 6px;
	}

	/* Відгуки */
	.klipsa-reviews-section {
		margin-top: 45px !important;
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.klipsa-reviews-header h2 {
		font-size: 24px !important;
	}

	.klipsa-review-card {
		padding: 18px !important;
		border-radius: 14px !important;
	}

	/* Floating повідомлення */
	.klipsa-free-shipping-notice,
	.klipsa-discount-notice {
		left: 12px !important;
		right: 12px !important;
		bottom: 12px !important;
		max-width: none !important;
		padding: 13px 38px 13px 13px !important;
		border-radius: 16px !important;
	}

	.klipsa-free-shipping-icon,
	.klipsa-discount-icon {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		font-size: 17px !important;
	}

	.klipsa-free-shipping-content strong,
	.klipsa-discount-content strong {
		font-size: 14px !important;
	}

	.klipsa-free-shipping-content span,
	.klipsa-discount-content span {
		font-size: 12px !important;
		line-height: 1.4 !important;
	}
}

@media (max-width: 480px) {
	.home h1 {
		font-size: 24px !important;
	}

	.home h2 {
		font-size: 22px !important;
	}
}

/* =========================================
   KLIPSA MOBILE HERO FIX
========================================= */

@media (max-width: 767px) {

	.home .stk-4d4ad87 {
		top: 0 !important;
		display: block !important;
		padding: 28px 18px 34px !important;
		background: #eef0f3 !important;
		overflow: hidden !important;
	}

	.home .stk-4d4ad87 .stk-row {
		display: flex !important;
		flex-direction: column-reverse !important;
		gap: 18px !important;
	}

	.home .stk-e5f7ff2 {
		padding: 0 !important;
		z-index: 2 !important;
	}

	.home .stk-e5f7ff2-container {
		padding: 0 !important;
	}

	.home .stk-4368624 {
		margin: 0 0 12px !important;
		padding: 0 !important;
	}

	.home .stk-4368624 .stk-block-heading__text {
		font-size: 26px !important;
		line-height: 1.22 !important;
		text-align: center !important;
		letter-spacing: -0.02em;
	}

	.home .stk-505630e {
		margin-bottom: 18px !important;
	}

	.home .stk-505630e .stk-block-text__text {
		font-size: 14px !important;
		line-height: 1.45 !important;
		text-align: center !important;
	}

	.home .stk-df0ae07 {
		margin: 0 0 18px !important;
	}

	.home .stk-df0ae07 .stk-row {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 8px !important;
	}

	.home .stk-df0ae07 .stk-block-column {
		background: #fff;
		border: 1px solid rgba(214, 173, 104, .22);
		border-radius: 12px;
		padding: 10px 6px !important;
		text-align: center;
	}

	.home .stk-df0ae07 p,
	.home .stk-df0ae07 .stk-block-text__text {
		font-size: 12px !important;
		line-height: 1.25 !important;
		margin: 0 !important;
		text-align: center !important;
	}

	.home .stk-0ac53cb {
		margin-top: 8px !important;
	}

	.home .stk-ab46dcd .stk-button {
		width: 100% !important;
		max-width: 260px !important;
		margin: 0 auto !important;
		padding: 13px 20px !important;
		display: flex !important;
		justify-content: center !important;
	}

	.home .stk-ab46dcd .stk-button__inner-text {
		font-size: 13px !important;
	}

	.home .stk-3712625 {
		position: relative !important;
		bottom: auto !important;
		width: 100% !important;
		z-index: 1 !important;
	}

	.home .stk-49af1bc {
		margin: 0 !important;
		opacity: 1 !important;
	}

	.home .stk-49af1bc .stk-img-wrapper {
		width: 100% !important;
		height: 260px !important;
		aspect-ratio: auto !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}

	.home .stk-49af1bc .stk-img-wrapper img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: 50% 18% !important;
		border-radius: 18px !important;
	}

	.home .stk-1e53790 {
		height: 0 !important;
	}
}

@media (max-width: 420px) {
	.home .stk-4368624 .stk-block-heading__text {
		font-size: 24px !important;
	}

	.home .stk-49af1bc .stk-img-wrapper {
		height: 230px !important;
	}
}