/*--------------------------------------------------------------
=pp desktop/mobile
--------------------------------------------------------------*/
.blocksearch form {
/*gap: var(--gap);*/
border:2px solid var(--color-B-1);
border-radius: 2.8rem;
padding: 0 0 0 .6rem;
display: flex;
}
.blocksearch form input[type="text"] {
border:none;
min-height: 4.8rem;
border-radius: inherit;
padding-right: .3rem;
flex:1;
}
.blocksearch .blocksearch-btn {
border:none;
width: 4.8rem;
height: 4.8rem;
flex:0 0 4.8rem;
font-size: 2.4rem;
border-radius: 50%;
}
.blocksearch .blocksearch-btn:hover {
background: var(--color-H);
color: #fff;
}



/*--------------------------------------------------------------
=pp result desktop/mobile
--------------------------------------------------------------*/
.blocksearch-result {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 33;
}
.blocksearch-dropdown {
margin: auto;
	width: 100%;
	max-width: 132rem;
	padding: var(--gap-2);
	background: #fff;
	display: flex;
	flex-direction: column;
gap: var(--gap-1_5);
}
.search-widget .blocksearch-dropdown {
	box-shadow: 0px 0px 2.5rem #00000022;
	border-radius: var(--radius-3);
}
.blocksearch-dropdown-top {
justify-content: space-between;
align-items: center;
display: flex;
gap: var(--gap-2);
}

.blocksearch-dropdown-close {

}
.blocksearch-dropdown-content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-gap:var(--gap-1_5);
grid-auto-flow:row;
}
.blocksearch-dropdown-content .item {

}

.blocksearch-dropdown-content .item-a {
display: flex;
position: relative;
transition: all .4s ease-out .1s;
align-items: center;
gap: var(--gap);
}
.blocksearch-dropdown-content .item-a>* {

}
.blocksearch-dropdown-content .item-a:hover {
box-shadow: 0px 0px 2.5rem #00000022;
z-index: 5;
transition: all .2s ease-out .1s;
}

.blocksearch-dropdown-content .pp-11 img {
max-width: 6.9rem;
aspect-ratio: 1/1;
object-fit: cover;
}
.blocksearch-dropdown-content .pp-12 {
flex:1;
}
.blocksearch-dropdown-content .pp-12>*+* {
margin-top: .8rem;
}
.blocksearch-dropdown-content .price>*+* {
color: var(--color-red);
}
.blocksearch-dropdown-content .name {
font-size: 1.4rem;
}
.blocksearch-dropdown-content .price {
font-weight: 500;
}
.blocksearch-dropdown-content .regular-price {
font-weight: 400;
}


.blocksearch-dropdown-more {
justify-content: center;
display: flex;
/*padding-top: var(--gap);*/
/*padding-bottom: var(--gap-2);*/
}

/*--------------------------------------------------------------
=pp mobile
--------------------------------------------------------------*/
.search-widget-mobile .blocksearch-wrappper {
/*	margin-top: -1.4rem;*/
position: relative;
}
.search-widget-mobile form {
padding: 0;
border:none;
border-bottom: 1px solid var(--color-gray);
border-radius: 0;
height: auto;
background: none;
}
.search-widget-mobile .blocksearch-btn {
font-size: 3.2rem;
max-width: .92em;
padding: 0;
}
.search-widget-mobile .blocksearch-input-wrapper {
	margin: 0;
	padding: 0;
	border:none;
}

.search-widget-mobile .blocksearch-text {

}
.search-widget-mobile .blocksearch-dropdown {
	padding: var(--gap) 0;
}
.search-widget-mobile .blocksearch-dropdown-top {

}
.search-widget-mobile button.close {
	width: 2rem;
	height: 2rem;
	font-size: 2rem;
	position: relative;
	right:0;
	top:0;
}
.search-widget-mobile .blocksearch-dropdown-content {

}
.search-widget-mobile .blocksearch-dropdown-content .item {
flex:0 0 100%;
max-width: 100%;
padding: 0 .2rem;
}
.search-widget-mobile .item img {
max-width: 6rem;
}



/*--------------------------------------------------------------
=pp tags modules
--------------------------------------------------------------*/
/* #pptagssearch .title {
text-align: center;
line-height: 1.1;
margin-bottom: 1.1em;
}
#pptagssearch .items {
max-width: 88rem;
margin: auto;
display: flex;
flex-wrap: wrap;
gap:1.8rem 1rem;
justify-content: center;
}
#pptagssearch .item>* {
display: flex;
align-items: center;
min-height: 3.3rem;
border:1px solid var(--color-black2);
padding: .5rem 1.3rem;
border-radius: 3.3rem;
font-size: 1.4rem;
}
#pptagssearch .item i {
font-size: 1.8rem;
margin-right: .4rem;
top: 1px;
}
#pptagssearch .item>*:hover {
border-color:currentColor;
color: var(--color-pink);
}
 */