.ksss-search { min-width: 237px; position: relative; width: 100%; z-index: 100; }
.ksss-search__form { display: flex; margin: 0; position: relative; }
.ksss-search__input { background: #fff !important; border: 1px solid #148bc5 !important; border-radius: 0 !important; height: 46px !important; margin: 0 !important; padding: 0 50px 0 15px !important; width: 100% !important; }
.ksss-search__submit { background: transparent !important; border: 0 !important; color: #148bc5 !important; height: 44px !important; padding: 0 !important; position: absolute; right: 1px; top: 1px; width: 46px; }
.ksss-search__submit span::before { content: '\e825'; font-family: "tm-kiditos-icons", sans-serif; font-size: 18px; }
.ksss-search__results { background: #fff; border: 1px solid #e3e8eb; box-shadow: 0 14px 34px rgba(4,47,66,.17); left: 0; max-height: min(70vh, 620px); overflow-y: auto; position: absolute; right: 0; top: calc(100% + 5px); }
.ksss-search__heading { background: #f3f8fa; color: #47616c; font-size: 11px; font-weight: 800; letter-spacing: .06em; padding: 9px 13px; text-transform: uppercase; }
.ksss-search__item { align-items: center; border-bottom: 1px solid #edf1f3; color: #172f39 !important; display: flex; gap: 11px; min-height: 68px; padding: 9px 12px; text-decoration: none !important; }
.ksss-search__item:hover, .ksss-search__item:focus { background: #f2fafc; outline: none; }
.ksss-search__media { flex: 0 0 68px; height: 68px; position: relative; }
.ksss-search__media img { height: 68px; object-fit: contain; width: 68px; }
.ksss-search__item-content { display: flex; flex: 1; flex-direction: column; line-height: 1.25; min-width: 0; }
.ksss-search__item-content strong { display: -webkit-box; font-size: 13px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ksss-search__price { color: #148bc5; font-size: 12px; margin-top: 3px; }
.ksss-search__badge { background: #84c441; border-radius: 2px; color: #fff; font-size: 8px; font-weight: 800; left: 0; line-height: 1; padding: 4px 5px; position: absolute; text-transform: uppercase; top: 0; }
.ksss-search__badge--outlet { background: #172f39; }
.ksss-search__badge--sale { background: #e94f72; }
.ksss-search__sizes { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 6px; }
.ksss-search__sizes > span { background: #f2f6f7; border: 1px solid #dfe8eb; color: #39505a; font-size: 9px; line-height: 1; min-width: 22px; padding: 3px 4px; text-align: center; }
.ksss-search__sizes > .ksss-search__sizes-label { align-self: center; background: transparent; border: 0; font-size: 10px; font-weight: 700; min-width: 0; padding: 0 2px 0 0; }
.ksss-search__view-all { background: #08aeea; color: #fff !important; display: block; font-size: 13px; font-weight: 800; letter-spacing: .02em; padding: 12px 16px; text-align: center; text-decoration: none !important; }
.ksss-search__view-all:hover, .ksss-search__view-all:focus { background: #078ec0; color: #fff !important; outline: none; }
.ksss-search__item--landing::before, .ksss-search__item--brand::before { color: #84c441; content: '\2192'; font-size: 22px; font-weight: 800; }
.ksss-search__item--brand { min-height: 52px; }
@media (min-width: 1300px) {
	.ksss-search__results { left: auto; max-height: min(76vh, 720px); right: 0; width: min(680px, calc(100vw - 40px)); }
	.ksss-search__grid--product { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ksss-search__grid--product .ksss-search__item:nth-child(odd) { border-right: 1px solid #edf1f3; }
	.ksss-search__grid--product .ksss-search__item { min-height: 112px; }
	.ksss-search__grid--product .ksss-search__media { flex-basis: 82px; height: 82px; }
	.ksss-search__grid--product .ksss-search__media img { height: 82px; width: 82px; }
}

/* Kiditos adds tm-empty-sidebar to product search results even though the
 * filter sidebar exists. Keep both columns in one desktop row. This lives in
 * the plugin stylesheet as well as the child theme so its versioned URL is
 * refreshed together with every search release. */
@media (min-width: 992px) {
	body.search-results.post-type-archive-product #content-inner {
		align-items: flex-start;
		display: flex !important;
		flex-wrap: nowrap;
	}
	body.search-results.post-type-archive-product #primary.content-area {
		flex: 0 0 75%;
		float: none !important;
		margin: 0 !important;
		max-width: 75% !important;
		order: 2;
		padding-left: 15px;
		width: 75% !important;
	}
	body.search-results.post-type-archive-product #sidebar-left.sidebar {
		flex: 0 0 25%;
		float: none !important;
		margin: 0 !important;
		max-width: 25% !important;
		order: 1;
		padding-right: 15px;
		width: 25% !important;
	}
}
@media (max-width: 1299px) { .ksss-search__input { height: 50px !important; } .ksss-search__results { position: absolute; } }

