﻿/* Tablet archive rhythm: remove the stacked catalogue-to-products gap. */
	@media (min-width: 48rem) and (max-width: 74.99rem) {
		/* The archive hero reserves 128px for its actions at smaller widths.
		 * Keep room for the filter/return controls, but let the catalogue and
		 * product list start near the hero instead of pushing the whole stack down. */
		body.tax-product_cat #page :is(
			.elementor-location-archive.elementor > .e-con:first-child,
			.elementor[data-elementor-type="product-archive"] > .e-con:first-child
		),
		body.post-type-archive-product #page :is(
			.elementor-location-archive.elementor > .e-con:first-child,
			.elementor[data-elementor-type="product-archive"] > .e-con:first-child
		) {
			margin-bottom: clamp(88px, 12vw, 128px) ;
		}

		/* Keep every category shortcut visible on iPad without requiring a
		 * horizontal gesture. The controls wrap into additional rows below the
		 * hero, with the tablet hero spacing reserving room for them. */
		body.tax-product_cat #page .kiddee-archive-hero-actions,
		body.post-type-archive-product #page .kiddee-archive-hero-actions {
			top: calc(100% + 14px);
			left: 24px;
			width: calc(100% - 48px);
			gap: 8px;
			padding: 0;
		}

		body.tax-product_cat #page .kiddee-product-category-filter--hero,
		body.post-type-archive-product #page .kiddee-product-category-filter--hero {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: flex-start;
			gap: 8px;
			width: 100%;
			margin: 0;
			padding: 2px 0 8px;
			overflow: visible;
		}

		body.tax-product_cat #page .kiddee-product-category-filter--hero .kiddee-product-category-filter__item,
		body.post-type-archive-product #page .kiddee-product-category-filter--hero .kiddee-product-category-filter__item {
			flex: 0 0 auto;
			max-width: 100%;
			min-height: 40px;
			padding: 9px 15px;
			white-space: normal;
			text-align: center;
		}

		/* iPad Pro is 1024px wide, which also matches the generated desktop
		 * archive rules. Restore the tablet catalogue flow at that boundary so
		 * the intro cannot float into the hero. */
		body.tax-product_cat #page .kiddee-bind-d16d579,
		body.post-type-archive-product #page .kiddee-bind-d16d579 {
			position: relative ;
			z-index: auto ;
			display: flex ;
			align-self: stretch ;
			width: 100% ;
			max-width: none ;
			min-height: 0 ;
			margin: 0 ;
			padding: 0 ;
			background: transparent ;
			border: 0 ;
			border-radius: 0 ;
			box-shadow: none ;
		}

		body.tax-product_cat #page .kiddee-bind-a4c6e70,
		body.post-type-archive-product #page .kiddee-bind-a4c6e70 {
			position: relative ;
			z-index: auto ;
			display: grid ;
			grid-template-columns: minmax(310px, 1.14fr) minmax(0, 0.86fr) ;
			grid-template-rows: auto auto auto ;
			align-items: center ;
			width: min(860px, calc(100% - 32px)) ;
		max-width: 860px ;
		min-height: 0 ;
		margin: clamp(16px, 2vw, 24px) auto ;
		padding: clamp(16px, 2vw, 24px) clamp(28px, 4vw, 38px) ;
			color: var(--kv2-airbnb-ink) ;
			background: transparent ;
			border: 0 ;
			border-radius: 0 ;
			box-shadow: none ;
		}

		body.tax-product_cat #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:first-child,
		body.post-type-archive-product #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:first-child {
			position: static ;
			z-index: auto ;
			grid-column: 2 ;
			grid-row: 1 ;
			align-self: end ;
			justify-self: stretch ;
			width: auto ;
			margin: 44px 0 0 ;
			padding: 0 ;
		}

		body.tax-product_cat #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:first-child .elementor-heading-title,
		body.post-type-archive-product #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:first-child .elementor-heading-title {
			color: var(--kv2-airbnb-ink) ;
			text-align: left ;
			text-shadow: none ;
		}

		body.tax-product_cat #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:nth-child(2),
		body.post-type-archive-product #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:nth-child(2) {
			position: static ;
			z-index: auto ;
			grid-column: 2 ;
			grid-row: 2 ;
			justify-self: stretch ;
			width: auto ;
			margin: 18px 0 0 ;
			padding: 0 ;
		}

		body.tax-product_cat #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:nth-child(2) .elementor-heading-title,
		body.post-type-archive-product #page .kiddee-bind-a4c6e70 > .elementor-widget-heading:nth-child(2) .elementor-heading-title {
			color: var(--kv2-color-muted-text) ;
			text-align: left ;
			text-shadow: none ;
		}

		body.tax-product_cat #page .kiddee-bind-a4c6e70 > .elementor-widget-button,
		body.post-type-archive-product #page .kiddee-bind-a4c6e70 > .elementor-widget-button {
			position: static ;
			z-index: auto ;
			grid-column: 2 ;
			grid-row: 3 ;
			align-self: start ;
			justify-self: start ;
			margin: 30px 0 0 ;
			padding: 0 ;
		}

		body.tax-product_cat #page .kiddee-bind-a4c6e70 > .elementor-widget-image,
		body.post-type-archive-product #page .kiddee-bind-a4c6e70 > .elementor-widget-image {
			position: static ;
			z-index: auto ;
			grid-column: 1 ;
			grid-row: 1 / 4 ;
			align-self: stretch ;
			display: flex ;
			width: auto ;
			max-width: none ;
			margin: 0 ;
			padding: clamp(10px, 1.5vw, 18px) ;
			background: color-mix(in srgb, var(--kv2-color-surface) 82%, transparent) ;
			border: 1px solid color-mix(in srgb, var(--kv2-color-surface) 92%, transparent) ;
			border-radius: 22px ;
			box-shadow: 0 24px 50px color-mix(in srgb, var(--kv2-color-primary-dark) 14%, transparent) ;
			transform: none ;
		}

		/* Apply the same iPad flow to category templates whose Elementor IDs or
		 * container depth differ from the main archive template. */
		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro-shell),
			:where(.kiddee-catalogue-intro-shell),
			:where(.kiddee-catalogue-intro-shell),
			:where(.kiddee-catalogue-intro-shell)
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro-shell),
			:where(.kiddee-catalogue-intro-shell),
			:where(.kiddee-catalogue-intro-shell),
			:where(.kiddee-catalogue-intro-shell)
		) {
			position: relative ;
			z-index: auto ;
			display: flex ;
			align-self: stretch ;
			width: 100% ;
			max-width: none ;
			min-height: 0 ;
			margin: 0 ;
			padding: 0 ;
			background: transparent ;
			border: 0 ;
			border-radius: 0 ;
			box-shadow: none ;
		}

		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro),
			:where(.kiddee-catalogue-intro)
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro),
			:where(.kiddee-catalogue-intro)
		) {
			position: relative ;
			z-index: auto ;
			display: grid ;
			grid-template-columns: minmax(310px, 1.14fr) minmax(0, 0.86fr) ;
			grid-template-rows: auto auto auto ;
			align-items: center ;
			width: min(860px, calc(100% - 32px)) ;
			max-width: 860px ;
			min-height: 0 ;
			margin: clamp(16px, 2vw, 24px) auto ;
			padding: clamp(16px, 2vw, 24px) clamp(28px, 4vw, 38px) ;
			color: var(--kv2-airbnb-ink) ;
			background: transparent ;
			border: 0 ;
			border-radius: 0 ;
			box-shadow: none ;
		}

		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:first-child,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:first-child
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:first-child,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:first-child
		) {
			position: static ;
			z-index: auto ;
			grid-column: 2 ;
			grid-row: 1 ;
			align-self: end ;
			justify-self: stretch ;
			width: auto ;
			margin: 44px 0 0 ;
			padding: 0 ;
		}

		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:first-child .elementor-heading-title,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:first-child .elementor-heading-title,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title
		) {
			color: var(--kv2-airbnb-ink) ;
			text-align: left ;
			text-shadow: none ;
		}

		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:nth-child(2),
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:nth-child(2)
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:nth-child(2),
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:nth-child(2)
		) {
			position: static ;
			z-index: auto ;
			grid-column: 2 ;
			grid-row: 2 ;
			justify-self: stretch ;
			width: auto ;
			margin: 18px 0 0 ;
			padding: 0 ;
		}

		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:nth-child(2) .elementor-heading-title,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-heading:nth-child(2) .elementor-heading-title,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-heading:nth-child(2) .elementor-heading-title
		) {
			color: var(--kv2-color-muted-text) ;
			text-align: left ;
			text-shadow: none ;
		}

		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-button,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-button
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-button,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-button
		) {
			position: static ;
			z-index: auto ;
			grid-column: 2 ;
			grid-row: 3 ;
			align-self: start ;
			justify-self: start ;
			margin: 30px 0 0 ;
			padding: 0 ;
		}

		body.tax-product_cat #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-image,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-image
		),
		body.post-type-archive-product #page .elementor :is(
			:where(.kiddee-catalogue-intro) > .elementor-widget-image,
			:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-image
		) {
			position: static ;
			z-index: auto ;
			grid-column: 1 ;
			grid-row: 1 / 4 ;
			align-self: stretch ;
			display: flex ;
			width: auto ;
			max-width: none ;
			margin: 0 ;
			padding: clamp(10px, 1.5vw, 18px) ;
			background: color-mix(in srgb, var(--kv2-color-surface) 82%, transparent) ;
			border: 1px solid color-mix(in srgb, var(--kv2-color-surface) 92%, transparent) ;
			border-radius: 22px ;
			box-shadow: 0 24px 50px color-mix(in srgb, var(--kv2-color-primary-dark) 14%, transparent) ;
			transform: none ;
		}

		body.tax-product_cat #page .kiddee-product-grid-heading,
		body.post-type-archive-product #page .kiddee-product-grid-heading {
			margin-top: clamp(16px, 3vw, 28px) ;
			margin-bottom: clamp(24px, 4vw, 32px) ;
		}

		body.tax-product_cat #page .elementor-widget-woocommerce-products .elementor-widget-container,
		body.post-type-archive-product #page .elementor-widget-woocommerce-products .elementor-widget-container {
			margin-top: 0 ;
		}

		/* Archive catalogue / iPad Pro only: remove the blue glow from the
		 * catalogue image widget on every product archive, without changing
		 * mobile, iPad mini/Air, desktop, product, or quote pages. */
		@media (min-width: 64rem) and (max-width: 64.99rem) {
			body.tax-product_cat #page .elementor :is(
				:where(.kiddee-catalogue-intro) > .elementor-widget-image,
				:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-image
			),
			body.post-type-archive-product #page .elementor :is(
				:where(.kiddee-catalogue-intro) > .elementor-widget-image,
				:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-image
			) {
				box-shadow: none ;
			}

			body.tax-product_cat #page .elementor :is(
				:where(.kiddee-catalogue-intro) > .elementor-widget-image,
				:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-image
			)::before,
			body.post-type-archive-product #page .elementor :is(
				:where(.kiddee-catalogue-intro) > .elementor-widget-image,
				:where(.kiddee-catalogue-intro) > .e-con-inner > .elementor-widget-image
			)::before {
				content: none ;
				display: none ;
				background: none ;
				filter: none ;
			}
		}
	}

