/* ======================================================================
   HARCHI KOLO — Tablet System 2.0
   Purpose-built tablet layer for 783–1024px.
   Mobile <=782, Compact Desktop >=1025 and Large Desktop >=1400 untouched.
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
	html.hk-tablet body {
		--hk-t-max:960px;
		--hk-t-gutter:clamp(20px,3vw,30px);
		--hk-t-gap:clamp(14px,2vw,20px);
		--hk-t-radius:24px;
		--hk-t-shadow:0 18px 46px rgba(18,63,47,.10);
	}

	/* ---------- Tablet header: one compact app bar, no orphan CTA row. ---------- */
	html.hk-tablet body .hk-tablet-header-ready [data-row] > .ct-container,
	html.hk-tablet body .hk-tablet-header-ready [data-row] > .ct-container-fluid {
		box-sizing:border-box!important;
		width:min(calc(100vw - 36px),960px)!important;
		max-width:960px!important;
		margin-inline:auto!important;
	}
	html.hk-tablet body .hk-tablet-header-ready [data-row="middle"],
	html.hk-tablet body .hk-tablet-header-ready [data-row]:has(.site-logo-container) {
		min-height:76px!important;
	}
	html.hk-tablet body .hk-tablet-header-ready [data-id="logo"] img,
	html.hk-tablet body .hk-tablet-header-ready [data-id^="logo"] img,
	html.hk-tablet body .hk-tablet-header-ready .site-logo-container img {
		width:auto!important;
		max-width:220px!important;
		max-height:50px!important;
		object-fit:contain!important;
	}
	html.hk-tablet body .hk-tablet-header-ready [data-column="end"] {
		display:flex!important;
		align-items:center!important;
		justify-content:flex-end!important;
		gap:10px!important;
		min-width:0!important;
	}
	html.hk-tablet body .hk-tablet-header-cta,
	html.hk-tablet body .hk-tablet-header-cta:visited {
		display:inline-flex!important;
		align-items:center!important;
		justify-content:center!important;
		min-height:40px!important;
		padding:0 15px!important;
		border:1px solid #123f2f!important;
		border-radius:11px!important;
		background:#123f2f!important;
		color:#fffdf8!important;
		-webkit-text-fill-color:#fffdf8!important;
		box-shadow:none!important;
		font-size:12px!important;
		font-weight:850!important;
		line-height:1!important;
		letter-spacing:.01em!important;
		text-decoration:none!important;
		white-space:nowrap!important;
	}
	html.hk-tablet body .hk-tablet-header-cta:hover,
	html.hk-tablet body .hk-tablet-header-cta:focus-visible {
		border-color:#c79a2b!important;
		background:#185641!important;
		outline:2px solid rgba(199,154,43,.24)!important;
		outline-offset:2px!important;
	}
	html.hk-tablet body .hk-tablet-source-cta-hidden,
	html.hk-tablet body .hk-tablet-empty-source-row {display:none!important;}
	html.hk-tablet body .hk-tablet-header-ready [data-id="account"],
	html.hk-tablet body .hk-tablet-header-ready [data-id^="account"],
	html.hk-tablet body .hk-tablet-header-ready [data-id="trigger"],
	html.hk-tablet body .hk-tablet-header-ready [data-id^="trigger"] {
		flex:0 0 auto!important;
	}

	/* ---------- Global tablet canvas and controls. ---------- */
	html.hk-tablet body main :is(.hp-page,.hp-page__content,.hp-page__sidebar,.hp-row,.hp-col,.elementor-widget-container){min-width:0;}
	html.hk-tablet body main :is(img,video,iframe,svg){max-width:100%;}
	html.hk-tablet body main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,button,.button,.hp-button){min-height:44px;}
	html.hk-tablet body main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%;font-size:15px;}
	html.hk-tablet body main :is(.wp-block-table,.hp-table,.hk-table){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

	/* ---------- Home: hero is a composed tablet card, not enlarged phone UI. ---------- */
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero {
		position:relative!important;
		isolation:isolate!important;
		box-sizing:border-box!important;
		width:min(calc(100% - 44px),960px)!important;
		max-width:960px!important;
		min-height:430px!important;
		height:auto!important;
		margin:16px auto 0!important;
		padding:42px 34px 30px!important;
		overflow:hidden!important;
		border:1px solid rgba(18,63,47,.08)!important;
		border-radius:28px!important;
		box-shadow:var(--hk-t-shadow)!important;
		background-position:68% center!important;
		background-size:cover!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero::after {
		content:"";
		position:absolute;
		z-index:0;
		inset:0;
		pointer-events:none;
		background:linear-gradient(90deg,rgba(255,253,248,.96) 0%,rgba(255,253,248,.91) 35%,rgba(255,253,248,.62) 54%,rgba(255,253,248,.10) 76%,rgba(255,253,248,0) 100%);
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero > * {position:relative;z-index:1;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero-heading.hk-home-hero-heading--brand {
		box-sizing:border-box!important;
		width:min(53%,470px)!important;
		max-width:470px!important;
		margin:2px 0 0!important;
		padding:0!important;
		color:#123f2f!important;
		font-family:Georgia,"Times New Roman",serif!important;
		font-size:clamp(39px,5.25vw,51px)!important;
		font-weight:700!important;
		line-height:1.01!important;
		letter-spacing:-.038em!important;
		text-align:left!important;
		text-shadow:0 2px 10px rgba(255,253,248,.86)!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero-heading--brand .hk-home-hero-heading__line {display:block;white-space:nowrap!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero-heading--brand .hk-home-hero-heading__line + .hk-home-hero-heading__line {margin-top:2px!important;color:#b88618!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero-divider {
		width:128px!important;
		margin:13px 0 12px!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero-description.hk-home-hero-description--brand {
		box-sizing:border-box!important;
		width:min(49%,430px)!important;
		max-width:430px!important;
		margin:0!important;
		padding:0!important;
		border:0!important;
		background:transparent!important;
		box-shadow:none!important;
		color:#24493c!important;
		font-size:clamp(16px,2.05vw,19px)!important;
		font-weight:530!important;
		line-height:1.42!important;
		letter-spacing:-.006em!important;
		text-align:left!important;
		backdrop-filter:none!important;
		-webkit-backdrop-filter:none!important;
	}
	html.hk-tablet body.hk-core-home-mobile.hk-home-search-ready .hk-home-search-shell {
		position:relative!important;
		top:auto!important;
		z-index:3!important;
		box-sizing:border-box!important;
		width:100%!important;
		max-width:none!important;
		margin:30px 0 0!important;
		padding:12px!important;
		border:1px solid rgba(18,63,47,.11)!important;
		border-radius:18px!important;
		background:rgba(255,253,248,.96)!important;
		box-shadow:0 12px 30px rgba(18,63,47,.11)!important;
		backdrop-filter:blur(8px);
		-webkit-backdrop-filter:blur(8px);
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-search-form input[type="search"],
	html.hk-tablet body.hk-core-home-mobile .hk-home-search-form input[type="text"] {
		min-height:50px!important;
		font-size:14px!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-search-form button[type="submit"],
	html.hk-tablet body.hk-core-home-mobile .hk-home-search-form input[type="submit"],
	html.hk-tablet body.hk-core-home-mobile .hk-home-search-form .hp-form__button {
		min-height:50px!important;
		height:50px!important;
		padding:0 24px!important;
		border-radius:11px!important;
		font-size:13.5px!important;
		font-weight:850!important;
	}

	/* ---------- Category rail: tablet uses a calm multi-card shelf. ---------- */
	html.hk-tablet body.hk-core-home-mobile .hk-tablet-legacy-categories-hidden,
	html.hk-tablet body.hk-core-home-mobile.hk-home-category-rail-ready .hk-home-original-categories,
	html.hk-tablet body.hk-core-home-mobile.hk-home-category-rail-ready .hk-home-category-source-hidden {display:none!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-mobile-category-rail {
		display:block!important;
		box-sizing:border-box!important;
		width:min(calc(100% - 44px),960px)!important;
		max-width:960px!important;
		margin:18px auto 0!important;
		padding:22px 0 20px!important;
		overflow:hidden!important;
		border:1px solid rgba(18,63,47,.08)!important;
		border-radius:24px!important;
		background:linear-gradient(180deg,#fffdf8 0%,#fbf8ef 100%)!important;
		box-shadow:0 12px 32px rgba(18,63,47,.065)!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__head {
		display:grid!important;
		grid-template-columns:minmax(0,1fr) auto!important;
		grid-template-areas:"kicker desc" "title desc"!important;
		align-items:end!important;
		gap:2px 20px!important;
		box-sizing:border-box!important;
		width:100%!important;
		margin:0!important;
		padding:0 24px 14px!important;
		text-align:left!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__kicker {grid-area:kicker;display:block!important;margin:0!important;color:#c79a2b!important;font-size:9.5px!important;font-weight:900!important;line-height:1.2!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__head h2 {grid-area:title;margin:2px 0 0!important;color:#123f2f!important;font-family:Georgia,"Times New Roman",serif!important;font-size:29px!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.025em!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__head p {grid-area:desc;max-width:280px!important;margin:0!important;color:#6f7e77!important;font-size:12px!important;line-height:1.42!important;text-align:right!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__track {
		display:flex!important;
		align-items:stretch!important;
		gap:12px!important;
		box-sizing:border-box!important;
		width:100%!important;
		margin:0!important;
		padding:2px 24px 8px!important;
		overflow-x:auto!important;
		overflow-y:hidden!important;
		scroll-snap-type:x proximity!important;
		scroll-padding-inline:24px!important;
		-webkit-overflow-scrolling:touch!important;
		scrollbar-width:none!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__track::-webkit-scrollbar {display:none!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__card {
		display:grid!important;
		grid-template-rows:88px minmax(36px,auto)!important;
		place-items:center!important;
		flex:0 0 clamp(160px,20.5vw,188px)!important;
		min-width:0!important;
		min-height:146px!important;
		gap:5px!important;
		box-sizing:border-box!important;
		padding:10px 10px 12px!important;
		border:1px solid rgba(18,63,47,.10)!important;
		border-radius:18px!important;
		background:#fff!important;
		box-shadow:0 7px 18px rgba(18,63,47,.045)!important;
		color:#123f2f!important;
		text-decoration:none!important;
		opacity:1!important;
		transform:none!important;
		scroll-snap-align:start!important;
		transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__card:is(:hover,:focus-visible,.is-active) {border-color:rgba(199,154,43,.58)!important;box-shadow:0 10px 24px rgba(18,63,47,.08)!important;transform:translateY(-1px)!important;outline:none!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__visual {display:grid!important;place-items:center!important;width:88px!important;height:88px!important;margin:0!important;overflow:visible!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__image,
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__svg {display:block!important;width:102px!important;height:102px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:translate(-5px,-4px)!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__image--frozen-products,
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__image--tea-coffee {transform:translate(-5px,-8px)!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__card strong {display:-webkit-box!important;max-width:100%!important;margin:0!important;overflow:hidden!important;color:#123f2f!important;font-size:12px!important;font-weight:800!important;line-height:1.22!important;text-align:center!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__hint {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;padding:4px 24px 0!important;color:#7b8982!important;font-size:10.5px!important;line-height:1.3!important;text-align:right!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__hint span {color:#c79a2b!important;font-size:14px!important;}

	/* ---------- Promoted recommendations: remove desktop overlap, fit tablet. ---------- */
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home {
		z-index:1!important;
		box-sizing:border-box!important;
		width:min(calc(100% - 44px),960px)!important;
		max-width:960px!important;
		margin:18px auto 34px!important;
		padding:0!important;
		background:transparent!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__inner {
		box-sizing:border-box!important;
		max-width:none!important;
		padding:24px!important;
		border-radius:24px!important;
		box-shadow:0 14px 36px rgba(18,63,47,.08)!important;
	}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__header {align-items:center!important;gap:18px!important;margin-bottom:17px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__title-wrap {gap:12px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__seal {flex-basis:52px!important;width:52px!important;height:52px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__seal b {font-size:24px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__eyebrow {left:24px!important;top:-12px!important;font-size:8.5px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home h2 {font-size:clamp(27px,3.45vw,34px)!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__title-wrap p {max-width:500px!important;font-size:12.5px!important;line-height:1.42!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__about {font-size:0!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__about:before {content:"Усі пропозиції"!important;font-size:12px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid {gap:14px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="1"] {--hk-promo-featured-h:218px!important;grid-template-columns:1fr!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="1"] .hk-promo-home-card {grid-template-columns:38% minmax(0,62%)!important;height:218px!important;max-height:218px!important;border-radius:19px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="1"] .hk-promo-home-card__media {height:218px!important;max-height:218px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="1"] .hk-promo-home-card__body {height:218px!important;padding:20px 22px 18px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="1"] .hk-promo-home-card h3 {font-size:21px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="2"],
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="3"],
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="4"],
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="5"],
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="6"] {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="3"] .hk-promo-home-card:nth-child(n+3),
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="4"] .hk-promo-home-card:nth-child(n+3),
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="5"] .hk-promo-home-card:nth-child(n+3),
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home__grid[data-count="6"] .hk-promo-home-card:nth-child(n+3) {display:none!important;}

	/* ---------- Account navigation safety on medium width. ---------- */
	html.hk-tablet body .hp-menu--user-account,
	html.hk-tablet body .hp-menu--user-account > ul {max-width:100%;}
	html.hk-tablet body .hp-menu--user-account li > a,
	html.hk-tablet body .hp-menu--user-account li > button {box-sizing:border-box!important;min-height:42px!important;padding-block:9px!important;font-size:13px!important;line-height:1.3!important;white-space:normal!important;}
}

/* Portrait tablet: preserve the same system, slightly strengthen image/readability balance. */
@media (min-width:783px) and (max-width:900px) {
	html.hk-tablet body .hk-tablet-header-ready [data-row] > .ct-container,
	html.hk-tablet body .hk-tablet-header-ready [data-row] > .ct-container-fluid {width:calc(100vw - 28px)!important;}
	html.hk-tablet body .hk-tablet-header-cta {padding-inline:12px!important;font-size:11.5px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero {width:calc(100% - 32px)!important;min-height:420px!important;padding:38px 28px 27px!important;border-radius:25px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero::after {background:linear-gradient(90deg,rgba(255,253,248,.97) 0%,rgba(255,253,248,.92) 39%,rgba(255,253,248,.68) 58%,rgba(255,253,248,.13) 82%,rgba(255,253,248,0) 100%);}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero-heading.hk-home-hero-heading--brand {width:56%!important;font-size:clamp(38px,5.35vw,46px)!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-hero-description.hk-home-hero-description--brand {width:54%!important;font-size:16.5px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-mobile-category-rail,
	html.hk-tablet body.hk-core-home-mobile .hk-promo-home {width:calc(100% - 32px)!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__card {flex-basis:164px!important;}
	html.hk-tablet body.hk-core-home-mobile .hk-home-category-rail__head p {max-width:230px!important;}
}

/* ======================================================================
   HARCHI KOLO — Tablet System 1.2 / Global Site Polish
   Shared tablet shell for all front-end workspaces, not only Home.
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
	/* Header CTA — force the original Blocksy CTA into the same brand geometry
	   even before/without JS relocation. */
	html.hk-tablet body :is(#header,.site-header,.ct-header) :is([data-id="button"],[data-id^="button"]) a,
	html.hk-tablet body :is(#header,.site-header,.ct-header) a.hk-tablet-header-cta {
		border-radius:14px!important;
		min-height:42px!important;
		padding:0 17px!important;
		background:#123f2f!important;
		border:1px solid #123f2f!important;
		color:#fffdf8!important;
		-webkit-text-fill-color:#fffdf8!important;
		box-shadow:0 5px 14px rgba(18,63,47,.10)!important;
		font-weight:850!important;
	}
	html.hk-tablet body :is(#header,.site-header,.ct-header) :is([data-id="button"],[data-id^="button"]) a:hover,
	html.hk-tablet body :is(#header,.site-header,.ct-header) a.hk-tablet-header-cta:hover {
		background:#c79a2b!important;
		border-color:#c79a2b!important;
		color:#fff!important;
		-webkit-text-fill-color:#fff!important;
	}

	/* Global tablet content shell. Keep full-width maps/media exceptions untouched. */
	html.hk-tablet body main > :is(.ct-container,.ct-container-fluid),
	html.hk-tablet body main .site-main > :is(.ct-container,.ct-container-fluid),
	html.hk-tablet body main :is(.hp-page,.hk-page,.hk-shell,.hk-workspace) {
		box-sizing:border-box;
		max-width:960px!important;
		margin-inline:auto!important;
	}
	html.hk-tablet body main :is(.hp-page,.hk-page,.hk-shell,.hk-workspace) {
		width:calc(100% - 32px)!important;
	}

	/* Typography scale: desktop authority without oversized laptop headings. */
	html.hk-tablet body main :is(h1,.hk-page-title,.hp-page__title) {
		font-size:clamp(31px,4vw,40px)!important;
		line-height:1.08!important;
		letter-spacing:-.025em!important;
	}
	html.hk-tablet body main :is(h2,.hk-section-title) {
		line-height:1.12;
	}

	/* Brand controls everywhere on tablet. */
	html.hk-tablet body main :is(.button,.wp-element-button,.hp-button,button[type="submit"],input[type="submit"],a.hk-button) {
		border-radius:13px!important;
	}
	html.hk-tablet body main :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
		border-radius:12px!important;
	}

	/* Two-column desktop shells become a deliberate tablet 2-col layout only when
	   the sidebar is narrow enough; otherwise stack without tiny squeezed content. */
	html.hk-tablet body main .hp-row {
		column-gap:20px!important;
		row-gap:20px!important;
	}
	html.hk-tablet body main .hp-page__content:not(:only-child) {
		min-width:0!important;
	}
	html.hk-tablet body main .hp-page__sidebar {
		min-width:0!important;
	}

	/* Common card collections: use tablet-friendly two columns. */
	html.hk-tablet body main :is(.hp-listings,.hp-vendors,.hp-users,.hk-cards,.hk-grid,.hk-recipe-grid,.hk-places-grid) {
		min-width:0!important;
	}
	html.hk-tablet body main :is(.hp-listings,.hp-vendors,.hp-users) > :is(.hp-row,.row),
	html.hk-tablet body main :is(.hk-grid,.hk-recipe-grid,.hk-places-grid) {
		gap:16px!important;
	}

	/* Listing/catalog cards: media remains readable and cards never force overflow. */
	html.hk-tablet body main :is(.hp-listing,.hp-listing--view-block,.hk-listing-card,.hk-card) {
		min-width:0!important;
		border-radius:18px!important;
	}
	html.hk-tablet body main :is(.hp-listing__image,.hk-card__media,.hk-listing-card__media) img {
		width:100%!important;
		height:auto;
		object-fit:cover;
	}

	/* User account/workspace navigation: never lose Messages or last items. */
	html.hk-tablet body :is(.hp-menu--user-account,.hk-account-nav,.hk-context-nav) {
		box-sizing:border-box!important;
		max-width:100%!important;
		overflow-x:auto!important;
		overflow-y:hidden!important;
		-webkit-overflow-scrolling:touch!important;
		scrollbar-width:thin;
	}
	html.hk-tablet body :is(.hp-menu--user-account,.hk-account-nav,.hk-context-nav) > ul {
		display:flex!important;
		flex-wrap:nowrap!important;
		align-items:stretch!important;
		gap:8px!important;
		min-width:max-content!important;
		padding-bottom:4px!important;
	}
	html.hk-tablet body :is(.hp-menu--user-account,.hk-account-nav,.hk-context-nav) > ul > li {
		flex:0 0 auto!important;
	}
	html.hk-tablet body :is(.hp-menu--user-account,.hk-account-nav,.hk-context-nav) > ul > li > a {
		white-space:nowrap!important;
		border-radius:11px!important;
	}

	/* Tables/workspaces: keep real data usable, no microscopic columns. */
	html.hk-tablet body main :is(.hp-table,.hk-table,.wp-list-table,table) {
		font-size:13px;
	}
	html.hk-tablet body main :is(.hp-table,.hk-table,.wp-list-table) :is(th,td) {
		padding:10px 11px!important;
	}
	html.hk-tablet body main :is(.hp-table,.hk-table,.wp-list-table) {
		min-width:680px;
	}
	html.hk-tablet body main :is(.hp-table,.hk-table,.wp-list-table):not(.hk-tablet-no-scroll) {
		max-width:100%;
	}

	/* Forms: two-column where useful, with full-width long fields/actions. */
	html.hk-tablet body main :is(.hp-form,.hk-form) {
		min-width:0!important;
	}
	html.hk-tablet body main :is(.hp-form__fields,.hk-form__grid) {
		gap:14px!important;
	}
	html.hk-tablet body main :is(.hp-form__field,.hk-field) {
		min-width:0!important;
	}

	/* Messenger: tablet gets an app-like split workspace when both panes exist. */
	html.hk-tablet body :is(.hk-messages,.hk-messenger,.hp-messages) {
		max-width:960px!important;
		margin-inline:auto!important;
	}
	html.hk-tablet body :is(.hk-messages__layout,.hk-messenger__layout,.hp-messages__container) {
		min-width:0!important;
		max-width:100%!important;
	}
	html.hk-tablet body :is(.hk-messages__sidebar,.hk-messenger__sidebar) {
		min-width:250px!important;
		max-width:300px!important;
	}
	html.hk-tablet body :is(.hk-messages__main,.hk-messenger__main,.hp-messages__content) {
		min-width:0!important;
	}

	/* Directory / Help / Recipes / Places / Business / Notifications cards. */
	html.hk-tablet body main :is(.hk-guide-card,.hk-recipe-card,.hk-place-card,.hk-business-card,.hk-notification-card,.hk-request-card,.hk-promotion-card) {
		box-sizing:border-box!important;
		min-width:0!important;
		border-radius:18px!important;
	}

	/* Modals and drawers fit the physical tablet viewport. */
	html.hk-tablet body :is(.ct-panel,.modal,.hk-modal,.hp-modal) {
		max-width:min(92vw,760px)!important;
	}

	/* Prevent accidental horizontal page scroll from desktop fixed widths. */
	html.hk-tablet body,
	html.hk-tablet body #main-container,
	html.hk-tablet body main {overflow-x:clip;}
}

/* Portrait tablet: stack true desktop sidebars if the usable width is too narrow. */
@media (min-width:783px) and (max-width:860px) {
	html.hk-tablet body main .hp-page > .hp-row:has(> .hp-page__sidebar) {
		display:grid!important;
		grid-template-columns:1fr!important;
	}
	html.hk-tablet body main .hp-page__sidebar,
	html.hk-tablet body main .hp-page__content {
		width:100%!important;
		max-width:none!important;
		flex-basis:auto!important;
	}
}

/* ======================================================================
   Tablet System 1.3 — Catalog Workspace
   Catalog controls use a native tablet composition. This intentionally
   overrides both the desktop toolbar compression and phone overlay styles.
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
	html.hk-tablet body.hk-catalog-page { overflow-x:hidden!important; }
	html.hk-tablet body.hk-catalog-page #main,
	html.hk-tablet body.hk-catalog-page #main > .ct-container-full,
	html.hk-tablet body.hk-catalog-page .hp-page,
	html.hk-tablet body.hk-catalog-page .hp-page__content,
	html.hk-tablet body.hk-catalog-page .hk-catalog-results { min-width:0!important; max-width:100%!important; }

	/* Search is one calm row: field + Search. No controls may sit on top of it. */
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-toolbar {
		display:grid!important;
		grid-template-columns:minmax(0,1fr)!important;
		gap:10px!important;
		width:100%!important;
		margin:0 0 12px!important;
		padding:12px!important;
		background:#fff!important;
		border:1px solid rgba(18,63,47,.13)!important;
		border-radius:16px!important;
		box-shadow:0 8px 22px rgba(18,63,47,.055)!important;
		overflow:visible!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-toolbar__search { width:100%!important; min-width:0!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form {
		display:grid!important;
		grid-template-columns:minmax(0,1fr) 148px!important;
		align-items:stretch!important;
		gap:9px!important;
		width:100%!important;
		margin:0!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form .hp-form__fields,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form .hp-form__field,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form .hp-field,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form .hp-form__footer { width:100%!important; min-width:0!important; margin:0!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form input[type="text"],
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form input[type="search"],
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form button[type="submit"],
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form input[type="submit"] {
		box-sizing:border-box!important;
		width:100%!important;
		height:48px!important;
		min-height:48px!important;
		max-height:48px!important;
		margin:0!important;
		border-radius:12px!important;
		font-size:14px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form button[type="submit"],
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-search-form input[type="submit"] { padding:0 18px!important; font-weight:800!important; }

	/* Filter / sort / Smart Alerts are peers, never a green strip behind each other. */
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-toolbar__actions {
		display:grid!important;
		grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
		align-items:stretch!important;
		gap:9px!important;
		width:100%!important;
		min-width:0!important;
		background:transparent!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-filter-toggle,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-sort-form,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-sort-form--desktop-native,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-sort-form--desktop-native select.hk-catalog-desktop-native-sort,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-toolbar__actions > .hk-save-search,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-save-search__button {
		box-sizing:border-box!important;
		width:100%!important;
		min-width:0!important;
		max-width:none!important;
		height:46px!important;
		min-height:46px!important;
		max-height:46px!important;
		margin:0!important;
		border-radius:12px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-filter-toggle { justify-content:center!important; padding:0 12px!important; background:#fff!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-sort-form--desktop-native { display:block!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-sort-form--desktop-native select.hk-catalog-desktop-native-sort { padding:0 34px 0 14px!important; background-color:#fff!important; border:1px solid rgba(18,63,47,.24)!important; color:#123f2f!important; font-size:13px!important; font-weight:750!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-toolbar__actions > .hk-save-search { grid-column:auto!important; display:flex!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-save-search__button { justify-content:center!important; padding:0 12px!important; background:#fffdf8!important; border:1px solid rgba(199,154,43,.72)!important; color:#123f2f!important; font-size:13px!important; font-weight:780!important; white-space:nowrap!important; }

	/* Regional search stays inside the page and uses the tablet width efficiently. */
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog {
		box-sizing:border-box!important;
		width:100%!important;
		max-width:100%!important;
		grid-template-columns:minmax(220px,.72fr) minmax(0,1.8fr)!important;
		gap:14px!important;
		padding:14px 16px!important;
		margin:0 0 13px!important;
		border-radius:17px!important;
		overflow:hidden!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__fields { min-width:0!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog :is(input,select,button) { max-width:100%!important; }

	/* Listings: exactly two stable columns without negative-width horizontal drag. */
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hp-listings.hp-grid,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hp-listings .hp-grid {
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:14px!important;
		width:100%!important;
		max-width:100%!important;
		margin:0!important;
		padding:0!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid > .hk-catalog-listing-item,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hp-listings .hp-grid__item,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hp-listings.hp-grid > .hp-grid__item {
		box-sizing:border-box!important;
		width:auto!important;
		max-width:none!important;
		min-width:0!important;
		padding:0!important;
		margin:0!important;
		flex:none!important;
	}

	/* Account menu: horizontal swipe is explicit and the final item remains reachable. */
	html.hk-tablet body .hp-menu--user-account { padding-bottom:4px!important; overscroll-behavior-inline:contain; scroll-snap-type:x proximity; }
	html.hk-tablet body .hp-menu--user-account > ul { padding-right:18px!important; }
	html.hk-tablet body .hp-menu--user-account > ul > li { scroll-snap-align:start; }
}

@media (min-width:783px) and (max-width:860px) {
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-toolbar__actions { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-toolbar__actions > .hk-save-search { grid-column:1/-1!important; }
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog { grid-template-columns:1fr!important; }
}

/* ======================================================================
   Tablet System 1.4 — Catalog Full-Width Results + Regional Search Safety
   Fixes the real 8–10" portrait tablet layout observed on 2026-08-31:
   results must consume the complete workspace, while the Nearby search CTA
   must remain fully inside its card at every 783–1024px viewport.
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
	/* The results node is moved out of its original HivePress column by JS.
	   Reset every Bootstrap/HivePress flex-basis remnant, not only width. */
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-results {
		box-sizing:border-box!important;
		display:block!important;
		position:relative!important;
		left:auto!important;
		right:auto!important;
		float:none!important;
		clear:both!important;
		flex:0 0 100%!important;
		flex-basis:100%!important;
		width:100%!important;
		min-width:0!important;
		max-width:100%!important;
		margin-left:0!important;
		margin-right:0!important;
		padding-left:0!important;
		padding-right:0!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-results > :is(.hp-listings,.hp-grid),
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-results .hp-listings,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid {
		box-sizing:border-box!important;
		float:none!important;
		flex:0 0 100%!important;
		flex-basis:100%!important;
		width:100%!important;
		min-width:0!important;
		max-width:100%!important;
		margin-left:0!important;
		margin-right:0!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid {
		display:grid!important;
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:16px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid > .hk-catalog-listing-item {
		width:100%!important;
		min-width:0!important;
		max-width:100%!important;
	}

	/* Nearby search: explicitly own the internal form grid. This prevents the
	   city field and "Знайти поруч" from pushing outside the right edge. */
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog {
		grid-template-columns:minmax(205px,.72fr) minmax(0,1.78fr)!important;
		gap:14px!important;
		overflow:visible!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__intro,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__form,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__field,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__actions {
		box-sizing:border-box!important;
		min-width:0!important;
		max-width:100%!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__form {
		display:grid!important;
		grid-template-columns:minmax(118px,.78fr) minmax(180px,1.35fr) minmax(126px,.72fr)!important;
		align-items:end!important;
		gap:10px!important;
		width:100%!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__field :is(select,input[type="text"]),
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__actions,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__submit {
		box-sizing:border-box!important;
		width:100%!important;
		min-width:0!important;
		max-width:100%!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__submit {
		padding-inline:12px!important;
		font-size:12px!important;
		white-space:nowrap!important;
	}
}

/* Narrow portrait tablets keep Nearby search readable in two clean rows:
   intro above, then region + city + action underneath. */
@media (min-width:783px) and (max-width:880px) {
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog {
		display:grid!important;
		grid-template-columns:1fr!important;
		gap:12px!important;
		padding:14px 16px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__intro {
		max-width:520px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-regional-catalog__form {
		grid-template-columns:minmax(150px,.82fr) minmax(240px,1.28fr) minmax(132px,.66fr)!important;
		gap:9px!important;
	}
}


/* Tablet Catalog 1.5 — compact commercial cards.
   Keep the approved two-column layout, but remove phone-like vertical stretching. */
@media (min-width:783px) and (max-width:1399px) {
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid {
		align-items:start!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid > .hk-catalog-listing-item {
		display:flex!important;
		align-self:start!important;
		height:auto!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item :is(.hp-listing,.hp-listing--view-block) {
		display:flex!important;
		flex-direction:column!important;
		width:100%!important;
		height:auto!important;
		min-height:0!important;
		border-radius:15px!important;
		overflow:hidden!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__header > :is(.hp-listing__image,.hp-listing__images) {
		aspect-ratio:16/9!important;
		min-height:0!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__header img {
		width:100%!important;
		height:100%!important;
		object-fit:cover!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__content {
		flex:0 0 auto!important;
		min-height:0!important;
		padding:10px 11px 7px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item :is(.hp-listing__categories,.hp-listing__category) {
		display:-webkit-box!important;
		margin:0 0 4px!important;
		overflow:hidden!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:2!important;
		font-size:10px!important;
		line-height:1.25!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__title {
		display:-webkit-box!important;
		min-height:0!important;
		margin:0 0 5px!important;
		overflow:hidden!important;
		-webkit-box-orient:vertical!important;
		-webkit-line-clamp:2!important;
		font-size:16px!important;
		line-height:1.18!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item :is(.hp-listing__created-date,.hp-listing__details--primary,.hp-listing__details--secondary,.hk-listing-location--card) {
		margin-top:2px!important;
		font-size:9.7px!important;
		line-height:1.28!important;
	}
	html.hk-tablet body.hk-catalog-page .hk-catalog-listing-item .hk-trust-card-badge {
		margin:4px 0!important;
		padding:3px 5px!important;
		font-size:7.8px!important;
	}
	html.hk-tablet body.hk-catalog-page .hk-catalog-listing-item :is(.hk-listing-views,.hk-listing-rating,.hk-listing-vendor-status) {
		margin-top:3px!important;
		margin-bottom:0!important;
		font-size:9px!important;
		line-height:1.2!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__footer {
		margin-top:5px!important;
		min-height:40px!important;
		padding:6px 10px 8px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__footer .hp-listing__attributes--primary,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__footer .hp-listing__details--primary,
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__footer > :first-child {
		font-size:13.5px!important;
		line-height:1.12!important;
	}
}


/* ======================================================================
   Tablet System 1.6 — Adaptive Catalog Density + workspace width lock.
   The measured toolbar width is the source of truth, so results cannot
   inherit a half-width HivePress column after DOM re-composition.
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-results {
		width:var(--hk-tablet-catalog-workspace-width,100%)!important;
		max-width:none!important;
		overflow:visible!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid {
		width:var(--hk-tablet-catalog-workspace-width,100%)!important;
		max-width:none!important;
		align-items:start!important;
		grid-template-columns:repeat(3,minmax(0,1fr))!important;
		gap:12px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid > .hk-catalog-listing-item {
		min-width:0!important;
		width:100%!important;
	}
}

/* Wider portrait / landscape tablet: four commercial cards per row.
   At this width each card remains around the proven ~190–220px density. */
@media (min-width:900px) and (max-width:1024px) {
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid {
		grid-template-columns:repeat(4,minmax(0,1fr))!important;
		gap:12px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__title {
		font-size:15px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__content {
		padding:9px 9px 6px!important;
	}
	html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__footer {
		padding:6px 9px 8px!important;
	}
}

/* ======================================================================
   HARCHI KOLO — Tablet System 2.0 / Full-site foundation
   One coherent responsive layer for 783–1024px. Page modules keep their
   brand identity; this layer normalises geometry, density and overflow.
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
  html.hk-tablet body {
    --hk-t2-width:min(calc(100vw - 32px),960px);
    --hk-t2-gap:14px;
    --hk-t2-radius:18px;
    --hk-t2-card-border:1px solid rgba(18,63,47,.10);
    --hk-t2-card-shadow:0 10px 28px rgba(18,63,47,.06);
  }

  /* Global workspace: no hidden desktop half-columns or accidental overflow. */
  html.hk-tablet body main :is(.hp-page,.hp-page__content,.hk-page,.hk-shell,.hk-workspace,
    .hk-account-shell,.hk-requests-page,.hk-places-page,.hk-business-page,.hk-recipes-page,
    .hk-guide-page,.hk-notifications-page,.hk-user-promo-page) {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:960px!important;
  }
  html.hk-tablet body main :is(.hp-row,.hp-grid,.hk-grid,.hk-cards,.hk-list,.hk-layout) > * {min-width:0!important;}
  html.hk-tablet body main :is(.hp-page__content,.hp-page__sidebar) {min-width:0!important;}

  /* Shared cards and panels. */
  html.hk-tablet body main :is(
    .hp-listing,.hp-vendor,.hk-request-card,.hk-place-card,.hk-business-card,.hk-promotion-card,
    .hk-notification-card,.hk-recipe-card,.hk-guide-card,.hk-panel,.hk-card,.hk-account-card,
    .hk-smart-match-card,.hk-buyer-request-card,.hk-user-promo-campaign
  ) {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    border-radius:var(--hk-t2-radius)!important;
  }

  /* Forms and action bars: controls never collide. */
  html.hk-tablet body main :is(.hp-form,.hk-form) :is(input:not([type=checkbox]):not([type=radio]),select,textarea,button,.button,.hp-button) {
    box-sizing:border-box!important;
    max-width:100%!important;
  }
  html.hk-tablet body main :is(.hk-toolbar,.hk-actions,.hk-filters,.hk-filterbar,.hp-form__footer) {
    min-width:0!important;
    max-width:100%!important;
  }
  html.hk-tablet body main :is(.button,.hp-button,button,input[type=submit]) {border-radius:12px!important;}

  /* Account navigation is touch-scrollable and all entries remain reachable. */
  html.hk-tablet body :is(.hp-menu--user-account,.hk-account-nav,.hk-context-nav) {
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
  }
  html.hk-tablet body :is(.hp-menu--user-account,.hk-account-nav,.hk-context-nav) > ul {
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    min-width:max-content!important;
    padding-right:22px!important;
  }

  /* Data tables use horizontal containment instead of crushing columns. */
  html.hk-tablet body main :is(.hp-table,.hk-table,.wp-list-table,table) {font-size:12.5px!important;}
  html.hk-tablet body main :is(.hp-table,.hk-table,.wp-list-table) {min-width:650px!important;}
  html.hk-tablet body main :is(.wp-block-table,.hk-table-wrap,.hp-table-wrap) {
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Buyer Requests / Smart Match: balanced two-column tablet cards when possible. */
  html.hk-tablet body :is(.hk-buyer-requests-grid,.hk-smart-matching-grid,.hk-requests-grid,.hk-request-grid) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  html.hk-tablet body :is(.hk-buyer-request-card,.hk-request-card,.hk-smart-match-card) {height:100%!important;}

  /* Places / Business / Promotions / Recipes: use tablet-native density. */
  html.hk-tablet body :is(.hk-places-grid,.hk-business-grid,.hk-promotions-grid,.hk-recipes-grid,.hk-recipe-grid) {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  html.hk-tablet body :is(.hk-place-card,.hk-business-card,.hk-promotion-card,.hk-recipe-card) {height:100%!important;}

  /* Notifications and settings stay single-column and readable. */
  html.hk-tablet body :is(.hk-notifications-list,.hk-settings-shell,.hk-account-settings) {
    width:100%!important;
    max-width:100%!important;
  }

  /* Messenger: preserve app character, remove desktop fixed-width traps. */
  html.hk-tablet body :is(.hk-messenger-shell,.hk-messenger,.hkcm-messages-thread-page .hp-page,
    .hkcm-messages-view-page .hp-page) {
    box-sizing:border-box!important;
    width:var(--hk-t2-width)!important;
    max-width:960px!important;
    margin-inline:auto!important;
  }
  html.hk-tablet body :is(.hk-messenger-list,.hk-messenger-chat,.hk-messenger-compose,
    .hk-messenger-head,.hk-messenger-thread,.hk-messenger-composer) {min-width:0!important;max-width:100%!important;}

  /* Guide / long informational screens: sidebar + content on wider tablet. */
  html.hk-tablet body :is(.hk-guide-layout,.hk-directory-layout) {
    display:grid!important;
    grid-template-columns:minmax(190px,230px) minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }

  /* Catalog 2.0: equal-height commercial cards within each row. */
  html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid {
    align-items:stretch!important;
    grid-auto-rows:1fr!important;
  }
  html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listings-grid > .hk-catalog-listing-item {
    display:flex!important;
    align-self:stretch!important;
    height:100%!important;
  }
  html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item :is(.hp-listing,.hp-listing--view-block) {
    display:grid!important;
    grid-template-rows:auto 1fr auto!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
  }
  html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__content {
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__title {
    min-height:2.36em!important;
  }
  html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item :is(.hp-listing__categories,.hp-listing__category) {
    min-height:2.5em!important;
  }
  html.hk-tablet body.hk-catalog-page.hk-catalog-enhanced .hk-catalog-listing-item .hp-listing__footer {
    margin-top:auto!important;
  }
}

@media (min-width:783px) and (max-width:860px) {
  html.hk-tablet body :is(.hk-buyer-requests-grid,.hk-smart-matching-grid,.hk-requests-grid,.hk-request-grid,
    .hk-places-grid,.hk-business-grid,.hk-promotions-grid,.hk-recipes-grid,.hk-recipe-grid) {
    grid-template-columns:1fr!important;
  }
  html.hk-tablet body :is(.hk-guide-layout,.hk-directory-layout) {grid-template-columns:1fr!important;}
}


/* ======================================================================
   Tablet System 2.1 — regression pass from physical-tablet review
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
  /* Single listing: tablet is not a squeezed desktop. Give the product and
     commercial sidebar the whole canvas, then place the sidebar below. */
  html.hk-tablet body.hk-core-listing-layout .hp-page__columns,
  html.hk-tablet body.hk-core-listing-layout .hp-listing--view-page.hp-row,
  html.hk-tablet body.hk-core-listing-layout .hp-page > .hp-row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
  }
  html.hk-tablet body.hk-core-listing-layout .hp-page__content,
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    min-width:0!important;
  }
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:start!important;
  }
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar > * {min-width:0!important;max-width:100%!important;}
  html.hk-tablet body.hk-core-listing-layout :is(.hk-gallery,.hp-listing__images,.hp-listing__description,.hp-listing__attributes) {max-width:100%!important;}

  /* Blocksy off-canvas: opaque tablet sheet. The previous global max-width
     exposed page controls through the unused right side of the drawer. */
  html.hk-tablet body .ct-panel {
    width:min(86vw,760px)!important;
    max-width:min(86vw,760px)!important;
    background:#fff!important;
    overflow-x:hidden!important;
  }
  html.hk-tablet body .ct-panel :is(.ct-panel-inner,.ct-panel-content,.ct-panel-actions) {
    box-sizing:border-box!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
}

@media (min-width:783px) and (max-width:860px) {
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {grid-template-columns:1fr!important;}
}


/* ======================================================================
   Tablet System 2.3 — physical tablet orientation + category ownership contract
   Tablet identity follows the touch device across portrait and landscape.
   ====================================================================== */
@media (min-width:1025px) and (max-width:1399px) {
  html.hk-tablet body {
    --hk-t-max:1180px;
    --hk-t2-width:min(calc(100vw - 40px),1180px);
  }

  /* Landscape remains TABLET: compact app bar + tablet category rail. */
  html.hk-tablet body .hk-tablet-header-ready [data-row] > .ct-container,
  html.hk-tablet body .hk-tablet-header-ready [data-row] > .ct-container-fluid {
    width:min(calc(100vw - 32px),1180px)!important;
    max-width:1180px!important;
  }
  html.hk-tablet body.hk-core-home-mobile .hk-home-mobile-category-rail {
    display:block!important;
    width:min(calc(100vw - 32px),1180px)!important;
    max-width:1180px!important;
    margin-inline:auto!important;
  }
  html.hk-tablet body.hk-core-home-mobile.hk-home-category-rail-ready .hk-home-original-categories,
  html.hk-tablet body.hk-core-home-mobile.hk-home-category-rail-ready .hk-home-category-source-hidden,
  html.hk-tablet body.hk-core-home-mobile .hk-tablet-legacy-categories-hidden {display:none!important;}

  /* Single listing landscape: use the display instead of one long left column. */
  html.hk-tablet body.hk-core-listing-layout main :is(.hp-page,.hp-page__columns,.hp-listing--view-page) {
    width:min(calc(100vw - 40px),1180px)!important;
    max-width:1180px!important;
    margin-inline:auto!important;
  }
  html.hk-tablet body.hk-core-listing-layout .hp-page__columns,
  html.hk-tablet body.hk-core-listing-layout .hp-listing--view-page.hp-row,
  html.hk-tablet body.hk-core-listing-layout .hp-page > .hp-row {
    display:grid!important;
    grid-template-columns:minmax(0,1.72fr) minmax(300px,.88fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
  html.hk-tablet body.hk-core-listing-layout .hp-page__content,
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {width:100%!important;max-width:none!important;min-width:0!important;}
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {display:grid!important;grid-template-columns:1fr!important;gap:14px!important;}
  html.hk-tablet body.hk-core-listing-layout .hp-page__content > * {max-width:100%!important;}
  html.hk-tablet body.hk-core-listing-layout :is(.hk-gallery,.hp-listing__images,.hp-listing__description,.hp-listing__attributes) {width:100%!important;max-width:100%!important;}
}

@media (min-width:783px) and (max-width:1024px) {
  /* Portrait listing: full-width main content, then a balanced two-column commerce area. */
  html.hk-tablet body.hk-core-listing-layout main :is(.hp-page,.hp-page__columns,.hp-listing--view-page) {
    width:min(calc(100vw - 32px),960px)!important;
    max-width:960px!important;
    margin-inline:auto!important;
  }
  html.hk-tablet body.hk-core-listing-layout .hp-page__columns,
  html.hk-tablet body.hk-core-listing-layout .hp-listing--view-page.hp-row,
  html.hk-tablet body.hk-core-listing-layout .hp-page > .hp-row {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html.hk-tablet body.hk-core-listing-layout .hp-page__content,
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {width:100%!important;max-width:100%!important;min-width:0!important;}
  html.hk-tablet body.hk-core-listing-layout .hp-page__content > * {width:100%!important;max-width:100%!important;}
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start!important;}
}

@media (min-width:783px) and (max-width:860px) {
  html.hk-tablet body.hk-core-listing-layout .hp-page__sidebar {grid-template-columns:1fr!important;}
}


/* Tablet 2.3: when the branded rail is active, legacy Elementor category cards never coexist with it. */
@media (min-width:783px) and (max-width:1399px) {
  html.hk-tablet body.hk-core-home-mobile .hk-tablet-legacy-category-card-hidden,
  html.hk-tablet body.hk-core-home-mobile .hk-tablet-legacy-categories-hidden {display:none!important;}
}

/* ======================================================================
   HARCHI KOLO — Tablet System 2.4 / Account Navigation + Catalog Motion
   Portrait account navigation becomes a compact dashboard grid instead of
   a long phone-like stack. Catalog touch rendering avoids expensive visual
   effects that can make landscape scrolling and the filter drawer feel sticky.
   ====================================================================== */
@media (min-width:783px) and (max-width:1399px) {
  /* Account menu: stable card, no horizontal carousel and no oversized stack. */
  html.hk-tablet body .hp-menu--user-account {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:12px!important;
    border:1px solid rgba(18,63,47,.10)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fffdf8 0%,#fbfaf5 100%)!important;
    box-shadow:0 9px 26px rgba(18,63,47,.055)!important;
    scroll-snap-type:none!important;
    overscroll-behavior:auto!important;
  }
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol),
  html.hk-tablet body :is(ul,ol).hp-menu--user-account {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol) > li,
  html.hk-tablet body :is(ul,ol).hp-menu--user-account > li {
    box-sizing:border-box!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
    scroll-snap-align:none!important;
  }
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol) > li > :is(a,button),
  html.hk-tablet body :is(ul,ol).hp-menu--user-account > li > :is(a,button) {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:44px!important;
    height:100%!important;
    padding:9px 12px!important;
    border:1px solid rgba(18,63,47,.18)!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#173d30!important;
    -webkit-text-fill-color:#173d30!important;
    font-size:12.5px!important;
    font-weight:720!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol) > li:is(.current-menu-item,.current_page_item,.is-active,.active) > :is(a,button),
  html.hk-tablet body :is(ul,ol).hp-menu--user-account > li:is(.current-menu-item,.current_page_item,.is-active,.active) > :is(a,button),
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol) > li > :is(a,button)[aria-current="page"] {
    border-color:#123f2f!important;
    background:#123f2f!important;
    color:#fffdf8!important;
    -webkit-text-fill-color:#fffdf8!important;
  }
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol) > li:last-child {
    grid-column:1/-1!important;
  }

  /* Catalog touch-performance contract. */
  html.hk-tablet body.hk-catalog-page,
  html.hk-tablet body.hk-catalog-page #main,
  html.hk-tablet body.hk-catalog-page .hp-page {
    scroll-behavior:auto!important;
  }
  html.hk-tablet body.hk-catalog-page .hk-catalog-listing-item :is(.hp-listing__image,.hp-listing__images) img {
    transition:none!important;
    transform:none!important;
  }
  html.hk-tablet body.hk-catalog-page .hk-catalog-listing-item :is(.hp-listing,.hp-listing--view-block) {
    transform:none!important;
    transition:border-color .12s linear,box-shadow .12s linear!important;
  }
  html.hk-tablet body.hk-catalog-page .hk-catalog-drawer__backdrop {
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html.hk-tablet body.hk-catalog-page .hk-catalog-drawer__panel {
    animation:none!important;
    box-shadow:-10px 0 30px rgba(8,25,18,.18)!important;
  }
  html.hk-tablet body.hk-catalog-page .hk-catalog-drawer__body {
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scrollbar-gutter:auto!important;
  }
}

@media (min-width:783px) and (max-width:900px) {
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol),
  html.hk-tablet body :is(ul,ol).hp-menu--user-account {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.hk-tablet body .hp-menu--user-account > :is(ul,ol) > li:last-child,
  html.hk-tablet body :is(ul,ol).hp-menu--user-account > li:last-child {
    grid-column:1/-1!important;
  }
}