/* ================================================================
   HARCHI KOLO — Compact Desktop Home 1.0
   Dedicated home presentation layer for laptop / small desktop only.

   HARD SCOPE CONTRACT
   - media: 1025–1399px
   - identity: html.hk-compact-desktop
   - no phone, no physical tablet, no large desktop
   ================================================================ */
@media (min-width: 1025px) and (max-width: 1399px) {
	/* ---- Category rail: complete cards only, never a clipped last card. ---- */
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel {
		padding-top: 24px !important;
		padding-bottom: 30px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__inner {
		width: min(1180px, calc(100% - 32px)) !important;
		max-width: 1180px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__head {
		margin-bottom: 12px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__head h2 {
		font-size: clamp(31px, 2.65vw, 36px) !important;
		line-height: 1.08 !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__head p {
		max-width: 720px !important;
		margin-top: 7px !important;
		font-size: 14px !important;
		line-height: 1.42 !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__navrow {
		margin-bottom: 10px !important;
		padding-inline: 2px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__track {
		--hk-cd-category-gap: 14px;
		display: grid !important;
		grid-auto-flow: column !important;
		grid-auto-columns: calc((100% - (var(--hk-cd-category-gap) * 5)) / 6) !important;
		gap: var(--hk-cd-category-gap) !important;
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 6px 0 10px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-padding-inline: 0 !important;
		scroll-snap-type: x proximity !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__card {
		box-sizing: border-box !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 188px !important;
		min-height: 188px !important;
		max-height: 188px !important;
		padding: 8px 12px 8px !important;
		gap: 0 !important;
		justify-content: center !important;
		border-radius: 19px !important;
		flex: none !important;
		scroll-snap-align: start !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__visual {
		width: 110px !important;
		height: 108px !important;
		flex: 0 0 108px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-image {
		width: 104px !important;
		height: 104px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-image--compact {
		width: 92px !important;
		height: 92px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-category-carousel__card strong {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 34px !important;
		margin: 0 !important;
		font-size: 13.5px !important;
		line-height: 1.20 !important;
		text-align: center !important;
	}

	/* Core 2.0.98.510 — Category artwork/caption cohesion.
	 * Keep the 188px card shell and proven width. The artwork + caption now form
	 * one centered vertical unit: no auto-margin spacer and no bottom-aligned
	 * one-line captions creating a false gap below the illustration. */

	/* ---- Promotions: compact desktop must never overlap the category rail. ---- */
	html.hk-compact-desktop body.hk-core-home-mobile .hk-promo-home {
		z-index: 1 !important;
		margin-top: 0 !important;
		padding: 18px 18px 34px !important;
		background: linear-gradient(180deg, rgba(247,249,247,.28), rgba(255,253,248,.72)) !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-promo-home__inner {
		max-width: 1180px !important;
		padding: 26px 26px 28px !important;
		border-radius: 24px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-promo-home__header {
		margin-bottom: 18px !important;
	}

	/* ---- Closing block: readable but compact on 768px-height laptops. ---- */
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-closing {
		padding-top: 34px !important;
		padding-bottom: 32px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-closing__inner {
		width: min(1160px, calc(100% - 36px)) !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-closing__head h2 {
		font-size: clamp(31px, 2.6vw, 36px) !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-closing__head p {
		font-size: 14px !important;
		line-height: 1.48 !important;
	}

	/* Real narrower browser viewports: show five complete category cards rather
	 * than exposing a clipped sixth card at the rail edge. */
	html.hk-compact-desktop.hk-cd-narrow body.hk-core-home-mobile .hk-home-desktop-category-carousel__track {
		grid-auto-columns: calc((100% - (var(--hk-cd-category-gap) * 4)) / 5) !important;
	}

	/* Low-height laptop viewports reclaim vertical space with spacing only. */
	html.hk-compact-desktop.hk-cd-low-height body.hk-core-home-mobile .hk-home-desktop-category-carousel {
		padding-top: 18px !important;
		padding-bottom: 24px !important;
	}

	html.hk-compact-desktop.hk-cd-low-height body.hk-core-home-mobile .hk-promo-home {
		padding-top: 14px !important;
		padding-bottom: 28px !important;
	}

	html.hk-compact-desktop.hk-cd-low-height body.hk-core-home-mobile .hk-home-desktop-closing {
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}
}


/* ================================================================
   Core 2.0.98.507 — Compact Desktop Hero Axis + Search Row Root Fix 1.0
   Acer 1366x768 reference. One shared left axis for title, divider, copy,
   search and quick actions. Search keyword control and submit CTA share one
   physical row and one control height. Compact Desktop only.
   ================================================================ */
@media (min-width: 1025px) and (max-width: 1399px) {
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-hero {
		--hk-cd-home-left: clamp(66px, 6vw, 82px);
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-hero-heading.hk-home-hero-heading--brand,
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-hero-divider,
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-hero-description.hk-home-hero-description--brand,
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-shell,
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-quick-actions {
		margin-left: var(--hk-cd-home-left) !important;
		margin-right: auto !important;
	}

	/* Search shell follows the same axis and remains wide enough for one row. */
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-shell {
		box-sizing: border-box !important;
		width: min(52vw, 700px) !important;
		max-width: 700px !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form {
		display: flex !important;
		align-items: stretch !important;
		gap: 10px !important;
		flex-wrap: nowrap !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form .hp-form__fields {
		display: flex !important;
		align-items: stretch !important;
		gap: 10px !important;
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form :is(.hp-form__field, .hp-field) {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form .hp-form__footer {
		display: flex !important;
		align-items: stretch !important;
		flex: 0 0 auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form input[type="search"],
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form input[type="text"] {
		box-sizing: border-box !important;
		width: 100% !important;
		height: 46px !important;
		min-height: 46px !important;
		margin: 0 !important;
	}

	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form button[type="submit"],
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form input[type="submit"],
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-search-form .hp-form__button {
		box-sizing: border-box !important;
		height: 46px !important;
		min-height: 46px !important;
		max-height: 46px !important;
		margin: 0 !important;
		align-self: stretch !important;
	}

	/* The quick actions share the same left edge as the search field. */
	html.hk-compact-desktop body.hk-core-home-mobile .hk-home-desktop-quick-actions {
		width: min(52vw, 700px) !important;
		max-width: 700px !important;
	}
}