/*--------------------------------------------------------------
=pp desktop/mobile
--------------------------------------------------------------*/
.search-widget-desktop .blocksearch-display-wrappper {
background: #fff;
box-shadow: 0px 0px 99px #00000029;
}
.search-widget-desktop .blocksearch-display-wrappper>* {
padding: 2.4rem;
}
.blocksearch.topBar .pp-1 {
padding-top: calc(3rem * var(--glob-30));
}
.blocksearch.topBar .pp-2 {
padding-top: calc(3.4rem * var(--glob-10));
padding-bottom: calc(3.4rem * var(--glob-10));
background: var(--color-grey6);
}

#ppSidebarSearch .sidebar-close {
	justify-content: flex-end;
}
#header.sticky :has(#ppSidebarSearch.open) .header-content {
position: relative;
}




/* form */
.blocksearch form {
max-width: 116rem;
/*border:1px solid var(--color-B);
border-radius: 4rem;*/
display: flex;
align-items: center;
margin:auto;
/*padding-left: 1.5rem;*/
/*height: 8rem;*/
border-bottom: 1px solid var(--color-black2);
}

/*.blocksearch-select-category {
border:none;
font-size: 1.8rem;
}*/
.blocksearch-input-wrapper {
/*margin-left: 1.8rem;
padding-left: 1.3rem;*/

}
.blocksearch-input {
    flex:1;
}
.blocksearch-words {
    width: 100%;
    border:none;
    height: 3.8rem;
    font-size: 1.6rem;
    padding: .5rem 1.2rem;
}
.blocksearch-button {
/*border-radius: 0 4rem 4rem 0;*/
overflow: hidden;
/*width: 7.8rem;*/
display: flex;
justify-content: center;
align-items: center;
}
.blocksearch .blocksearch-btn {
padding: .5rem 1rem;
font-family: var(--font-2);
text-transform: uppercase;
}
.blocksearch .blocksearch-btn span {
margin-left: .6rem;
display: inline-block;
}
.blocksearch-btn svg {
stroke: var(--color-black);
}
.blocksearch-btn:hover * {
stroke: currentColor;
color: var(--color-pink);
}

/*--------------------------------------------------------------
=pp result desktop/mobile
--------------------------------------------------------------*/
.blocksearch-result {
/*	position: absolute;
	left: 0;
	right: 0;
	z-index: 33;*/
}
.blocksearch-dropdown {
/*margin: auto;
	width: 100%;
	max-width: 132rem;
	padding: 2rem;
	background: #fff;
	box-shadow: 0px 0px 2.5rem #00000022;*/
max-width: 116rem;
margin:auto;
}
.blocksearch-dropdown>*+* {

}
.blocksearch-dropdown-top-wrapper {
justify-content: space-between;
align-items: center;
}
.blocksearch-dropdown-top-wrapper>* {
margin-top: 1rem;
margin-bottom: .6rem;
}
.blocksearch-dropdown-close {

}
.blocksearch-dropdown-wrapper {
gap:1rem;
flex-wrap: wrap;
}
.blocksearch-dropdown-wrapper .item {
flex: 30%;
border: 1px solid #ddd;
border-radius: 7px;
}

.blocksearch-dropdown-wrapper .item-a {
display: flex;
position: relative;
transition: all .4s ease-out .1s;
align-items: center;
}
.blocksearch-dropdown-wrapper .item-a>* {
padding: .6rem;
}
.blocksearch-dropdown-wrapper .item-a:hover {
box-shadow: 0px 0px 2.5rem #00000022;
z-index: 5;
transition: all .2s ease-out .1s;
}

.blocksearch-dropdown-wrapper .pp-11 img {
max-width: 6.9rem;
}
.blocksearch-dropdown-wrapper .pp-12 {
flex:1;
}
.blocksearch-dropdown-wrapper .pp-12>*+* {
margin-top: .8rem;
}
.blocksearch-dropdown-wrapper .price>*+* {
color: var(--color-orange);
}
.blocksearch-dropdown-wrapper .name {
font-size: 1.4rem;
line-height: 1.8rem;
}

.blocksearch-dropdown-wrapper .price {
font-weight: 600;
}
.blocksearch-dropdown-wrapper .regular-price {
font-weight: 400;
}


.blocksearch-dropdown-more-wrapper {
justify-content: center;
padding-top: var(--gap-2);
}

button.close:after {
    font-size: 1.5rem;
}

button.blocksearch-more-search.btn.btn-secondary {
    background: var(--color-orange);
    border: none;
    min-width: 222px;
}
button.blocksearch-more-search.btn.btn-secondary:hover {
background: var(--color-black)
}

/*--------------------------------------------------------------
=pp mobile
--------------------------------------------------------------*/
.search-widget-mobile .blocksearch-display-wrappper {
	margin-top: -1.4rem;
}
.search-widget-mobile form {
padding: 0;
border-width: 0 0 1px;
border-radius: 0;
height: auto;
}
.search-widget-mobile .blocksearch-button {
width: 3.2rem;
height: auto;
}
.search-widget-mobile .blocksearch-btn {
font-size: 3.2rem;
padding: 0;
}
.search-widget-mobile .blocksearch-input-wrapper {
	margin: 0;
	padding: 0;
	border:none;
}

.search-widget-mobile .blocksearch-words {
	padding-left: 0;
	padding-right: 0;
}
.search-widget-mobile .blocksearch-dropdown {
	padding: 1rem 0rem 1rem;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}
.search-widget-mobile .blocksearch-dropdown-total {
margin:0;
}
.search-widget-mobile button.close {
	width: 2rem;
	height: 2rem;
	font-size: 2rem;
	position: relative;
	right:0;
	top:0;
}
.search-widget-mobile .blocksearch-dropdown-wrapper {
gap: var(--gap);
}
.search-widget-mobile .blocksearch-dropdown-wrapper .item {
flex:0 0 100%;
margin-left: -.6rem;
margin-right: -.6rem;
}
.search-widget-mobile .item img {
max-width: 6rem;
}
.search-widget-mobile .blocksearch-dropdown-more-wrapper {
padding-top: var(--gap);
padding-bottom: var(--gap);
}


/*--------------------------------------------------------------
=pp tags modules
--------------------------------------------------------------*/
#pptagssearch {
	padding-top: var(--gap-2);
}

#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.2rem 1rem;
justify-content: center;
}
#pptagssearch .item>* {
display: flex;
align-items: center;
gap: .8rem;
min-height: 3.3rem;
background: #F5F5F5;
padding: .5rem 1.6rem;
border-radius: 3.3rem;
color: var(--Base-Base-Text, #444);
text-align: center;
font-size: 1.4rem;
font-style: normal;
font-weight: 400;
line-height: 1.2;
}
#pptagssearch .item i {
font-size: 1.8rem;
top: 1px;
color: var(--color-orange);
}
#pptagssearch .item>*:hover {
border-color:currentColor;
/*color: var(--color-orange);*/
}