/* Barra superior, cabecera, buscador, carrito */
.fl-topbar { background: var(--fl-gris-top); height: 45px; }
.fl-topbar__in { display: flex; align-items: center; justify-content: flex-end; gap: 0; height: 45px; }
.fl-topbar a { color: #fff; font-size: 12px; margin-left: 20px; line-height: 45px; }
.fl-topbar a:hover { text-decoration: underline; color: #fff; }
.fl-topbar__money { color: #fff; font-size: 12px; margin-left: 20px; display: flex; align-items: center; gap: 4px; }
.fl-topbar__money select { background: #fff; color: #000; border: 1px solid #767676; height: 22px; font-size: 13px; }

.fl-header { background: var(--fl-verde); }
.fl-header__in {
	display: grid; grid-template-columns: 373px minmax(0, 1fr) auto; align-items: center; column-gap: 20px;
	height: 120px; padding: 20px 0;
}
.fl-header__logo { line-height: 0; }
.fl-header__logo img { width: 373px; height: 80px; }
.fl-header__search { justify-self: center; width: 100%; max-width: 475px; }

.fl-search {
	display: flex; align-items: center; width: 100%; height: 42px; padding: 0 6px 0 20px;
	border-radius: 50px; background: var(--fl-verde-osc);
}
.fl-search input[type="search"] {
	flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; background: transparent; color: #fff;
	font-size: 13px; outline: 0; -webkit-appearance: none; appearance: none;
}
.fl-search input[type="search"]::placeholder { color: #8ccdb9; opacity: 1; }
.fl-search input[type="search"]::-webkit-search-cancel-button { display: none; }
.fl-search__cat { position: relative; flex: 0 0 auto; }
.fl-search__cat::after { content: ""; position: absolute; right: 2px; top: 50%; margin-top: -2px; border: 4px solid transparent; border-top-color: #fff; pointer-events: none; }
.fl-search__cat select {
	-webkit-appearance: none; appearance: none; background: transparent; border: 0; color: #fff;
	font-size: 12px; font-weight: 700; padding: 0 16px 0 0; height: 42px; max-width: 120px; cursor: pointer; text-overflow: ellipsis;
}
.fl-search__cat select option { color: #333; background: #fff; }
.fl-search__btn { flex: 0 0 auto; width: 40px; height: 40px; margin-left: 4px; border: 0; background: transparent; padding: 0; display: grid; place-items: center; }

.fl-cart { display: flex; align-items: center; gap: 8px; justify-self: end; color: #fff; }
.fl-cart:hover { color: #fff; text-decoration: underline; }
.fl-cart__icon { width: 34px; height: 34px; }
.fl-cart__label { font-size: 12px; font-weight: 700; text-shadow: 0 0 2px rgba(0,0,0,.35); white-space: nowrap; }

.fl-burger { display: none; width: 40px; height: 40px; padding: 9px 8px; background: transparent; border: 0; flex-direction: column; justify-content: space-between; }
.fl-burger span { display: block; height: 3px; background: #fff; border-radius: 2px; }