/* Mostra solo sotto 768px */
@media (min-width: 768px) {
	.ps-searchbar--mobile,
	.search-mobile-canvas {
		display: none !important;
	}
}

/* Offcanvas laterale */
.search-mobile-canvas {
	  width: 380px !important;
	  max-width: 100%;
	  border-left: 0;
	  background: #fff;
	  height: 100%;
}

/* Sotto i 400px diventa full width */
@media (max-width: 400px) {
	.search-mobile-canvas {
		width: 100% !important;
	}
}

/* Header */
.search-mobile-canvas__header {
	  display: flex;
	  align-items: center;
	  justify-content: flex-end;
	  padding: 18px 20px 8px;
	  border-bottom: 0;
}

/* X chiusura */
.search-mobile-canvas .btn-close {
	  box-shadow: none;
	  opacity: 1;
}

/* Body */
.search-mobile-canvas__body {
	padding: 0 20px 24px;
}

/* Titolo */
.search-mobile-canvas__title {
	  font-size: 22px;
	  font-weight: 600;
	  line-height: 1.2;
	  margin-bottom: 18px;
	  color: #111;
}

/* Campo ricerca */
.search-mobile-canvas .ps-searchbar__container {
	width: 100%;
}

/* Eventuali input dentro la search */
.search-mobile-canvas .ps-searchbar__container input[type="search"],
.search-mobile-canvas .ps-searchbar__container input[type="text"],
.search-mobile-canvas .ps-searchbar__container .form-control {
	width: 100%;
}

/* Overlay più scuro */
.offcanvas-backdrop.show {
	  opacity: 0.55;
	  background-color: #000;
}
.ps-searchbar__offcanvas .ps-searchbar {
	width: 100%;
}
.ps-searchbar__offcanvas .ps-searchbar__dropdown {
    max-width: 100%;
}