/* NetRaptor - Jusztinn Web-Tech Kft. */
/* Termékkereső: automatikus javaslatok és mobil kereső */

.header-style-1 .search-style-2 {position: relative;}

.kereso-javaslatok {display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 1000; background: #fff; border: 1px solid #ececec; border-top: 0; border-radius: 0 0 10px 10px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); max-height: 70vh; overflow-y: auto; text-align: left;}
.kereso-javaslatok.nyitva {display: block;}
.header-style-1 .search-style-2 > .kereso-javaslatok {top: 56px; z-index: 10000; border-top: 1px solid #ececec; border-radius: 10px;}
.kereso-javaslat-kategoriak {padding: 10px 15px; font-size: 13px; border-bottom: 1px solid #ececec; line-height: 1.8;}
.kereso-javaslat-kategoriak span {font-weight: 700; margin-right: 6px;}
.kereso-javaslat-kategoriak a {display: inline-block; margin-right: 10px; text-decoration: underline;}
.kereso-javaslat {display: flex; align-items: center; gap: 12px; padding: 8px 15px; color: #253D4E; border-bottom: 1px solid #f4f4f4;}
.kereso-javaslat:hover, .kereso-javaslat.aktiv {background: #f4f6fa; color: #253D4E;}
.kereso-javaslat img {width: 50px; height: 50px; flex: 0 0 50px; object-fit: contain; border-radius: 6px; background: #fff;}
.kereso-javaslat-nev {flex: 1; font-size: 14px; font-weight: 600; line-height: 1.3;}
.kereso-javaslat-nev mark {background: none; color: inherit; padding: 0; font-weight: 800; text-decoration: underline;}
.kereso-javaslat-ar {flex: 0 0 auto; text-align: right; font-size: 14px; font-weight: 700; white-space: nowrap;}
.kereso-javaslat-ar .product-price {display: flex; flex-direction: column; align-items: flex-end; padding: 0; margin: 0;}
.kereso-javaslat-ar .product-price span {font-size: 14px; margin: 0;}
.kereso-javaslat-ar .product-price .old-price {font-size: 12px; font-weight: 500; color: #7E7E7E; text-decoration: line-through;}
.kereso-javaslat-ar .akcio-szoveges {display: block; font-size: 11px; font-weight: 600;}
.kereso-javaslat-osszes {display: block; padding: 11px 15px; text-align: center; font-size: 14px; font-weight: 700;}
.kereso-javaslat-nincs {padding: 15px; font-size: 14px;}
.kereso-javaslat-cim {padding: 10px 15px; font-size: 13px; font-weight: 700; border-bottom: 1px solid #ececec;}
.kereso-javaslatok.toltes {opacity: 0.6;}

/* Mobil és tablet kereső */
.mobil-kereso {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000000; background: #fff; flex-direction: column;}
html.mobil-kereso-nyitva, body.mobil-kereso-nyitva {overflow: hidden !important;}
body.mobil-kereso-nyitva .mobil-kereso {display: flex;}
.mobil-kereso-fejlec {display: flex; align-items: center; gap: 10px; padding: 12px 12px 12px 15px; flex: 0 0 auto;}
.mobil-kereso-urlap {flex: 1; position: relative; display: flex; margin: 0;}
.mobil-kereso-urlap input {width: 100%; height: 46px; border: 0; border-radius: 23px; padding: 0 54px 0 18px; font-size: 16px; color: #253D4E; background: #fff;}
.mobil-kereso-urlap input::-webkit-search-cancel-button {display: none;}
.mobil-kereso-urlap input {text-overflow: ellipsis;}
/* Csak a helyőrző kisebb: 16px alatti beírt szövegnél iPhone-on ránagyít a mezőre */
.mobil-kereso-urlap input::placeholder {font-size: 14px;}
@media only screen and (max-width: 399.98px) {
	.mobil-kereso-urlap input::placeholder {font-size: 13px;}
}
.mobil-kereso-urlap button {position: absolute; top: 4px; right: 4px; width: 38px; height: 38px; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0;}
.mobil-kereso-urlap button svg {width: 16px; height: 16px; fill: #fff;}
.mobil-kereso-bezar {flex: 0 0 auto; background: none; border: 0; font-size: 36px; line-height: 1; padding: 0 4px;}
.mobil-kereso-tartalom {flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.mobil-kereso .kereso-javaslatok {position: static; display: block; border: 0; border-radius: 0; box-shadow: none; max-height: none;}
.mobil-kereso-kulcsszavak {display: flex; flex-wrap: wrap; gap: 8px; padding: 15px 15px 5px;}
.mobil-kereso-kulcsszavak a {padding: 6px 14px; border-radius: 16px; background: #f4f6fa; color: #253D4E; font-size: 13px; font-weight: 600;}
.mobil-kereso-megnyit svg {width: 22px; height: 22px;}
.mobil-kereso-bal {margin-right: auto;}
.header-action-2.mobil-kereso-bal .mobil-kereso-megnyit {margin-left: 16px;}
.mobil-kereso-jobb {display: none !important;}
.mobile-header-wrapper-inner, .mobil-kereso-tartalom {overscroll-behavior: contain;}

/* Asztali nézetben csak ott kell kereső ikon, ahol a keresősáv nem fér ki */
.kereso-ikon-asztali {display: none !important;}
@media only screen and (min-width: 992px) and (max-width: 1150px) {
	.kereso-ikon-asztali {display: flex !important;}
}

/* Telefonon nincs menü ikon a fejlécben, ott a kereső ikon jobb oldalon marad */
@media only screen and (max-width: 480px) {
	.mobil-kereso-bal {display: none !important;}
	.mobil-kereso-jobb {display: flex !important;}
}