/*=========================================================
= HEADER
=========================================================*/

.pp-header{

    width:100%;

}

.pp-header,
.pp-header *{

    box-sizing:border-box;

}


/*=========================================================
= TOP
=========================================================*/

.pp-header__top{

    display:flex;

    align-items:center;

    padding:18px 25px;

}


/*=========================================================
= BRAND
=========================================================*/

.pp-header__brand{

    display:flex;

    align-items:center;

    flex:1;

    min-width:0;
	
	text-decoration:none;

	color:inherit;

}

.pp-header__brand:hover{

    color:inherit;

    text-decoration:none;

}


/*=========================================================
= LOGO
=========================================================*/

.pp-header__logo{

    flex-shrink:0;

}

.pp-header__logo img{

    display:block;

    width:clamp(120px,18vw,150px);

    height:auto;

}

.pp-header__logo a{

    display:block;

}


/*=========================================================
= CLAIM
=========================================================*/

.pp-header__claim{

    flex:1;

    text-align:center;

    transform:rotate(-4deg);

}


.pp-header__title{

    margin:0;

    font-family:"Pacifico", sans-serif;

    font-size:clamp(2px,4vw,28px);

    font-weight:400;

    line-height:20px;

    color:#4C494B;

}

.pp-header__subtitle{

    margin:10px 0 0;

    font-family:"Pacifico", sans-serif;

    font-size:clamp(14px,3vw,20px);

    font-weight:400;

    line-height:20px;

    color:#BB8EA7;

}


/*=========================================================
= RIGHT
=========================================================*/

.pp-header__right{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    flex-shrink:0;
}


/*=========================================================
= SEARCH
=========================================================*/

.pp-header__search{

    width:clamp(250px,28vw,370px);

    flex-shrink:0;
	
	min-width:0;
	
	margin-right: 20px;

}


/*=========================================================
= ACTIONS
=========================================================*/

.pp-header__actions{

    display:flex;

    align-items:center;

    gap:28px;

    flex-shrink:0;

}


/*=========================================================
= ACTION
=========================================================*/

.pp-header__action{

    display:flex;

    align-items:center;

    justify-content:center;

    height:40px;

    border-radius:6px;

    text-decoration:none;

    transition:color .2s ease;

}

.pp-header__action:hover{

    color:#fbcbe3;

}

.pp-header__action svg{

    display:block;

    width:22px;

    height:22px;

}


.pp-header__action img{

    display:block;

    width:22px;

    height:22px;

}


/*=========================================================
= CART
=========================================================*/

.pp-header__cart{

    margin-right:6px;
	
	display:flex;

    align-items:center;

}

.pp-header__cart-link{

    display:flex;

    align-items:center;

    gap:8px;

    color:#333333;

    text-decoration:none;

    font-size:17px;

    font-weight:700;
	
	line-height:1;

}

.pp-header__cart-link:hover{

    color:#fbcbe3;

}


.pp-header__cart-price{

    color:#333333;

}


.pp-header__cart-icon{

    position:relative;

    display:flex;

    align-items:center;

}


.pp-header__cart-icon svg{

    width:24px;

    height:24px;

}


.pp-header__cart-count{

    position:absolute;

    top:-6px;

    right:-8px;

    width:18px;

    height:18px;

    border-radius:50%;

    font-size:11px;

    display:flex;

    align-items:center;

    justify-content:center;
	
	background:#BB8EA7;

    color:#FFFFFF;

}

.pp-header__wishlist,
.pp-header__account{

    color:#BB8EA7;

}




.pp-header__action:focus-visible{

    outline:2px solid #BB8EA7;

    outline-offset:3px;

}


.pp-header__cart-link:focus-visible{

    outline:2px solid #BB8EA7;

    outline-offset:3px;

}

/*=========================================================
= TABLET + MOBILE
=========================================================*/

@media (max-width:1024px){

    .pp-header__top{

    display:flex;

    flex-direction:column;
	
	align-items:stretch;

    padding:20px 5px;

    gap:18px;

	}

    .pp-header__brand{

    width:100%;

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

}

    .pp-header__right{

        width:100%;

        display:flex;

        flex-direction:column;

        gap:18px;

    }

    .pp-header__actions{

    width:100%;

    display:grid;

    grid-template-columns:1fr 1fr 1fr;

    align-items:center;

}

    .pp-header__search{

        width:100%;

        order:2;
		
		margin: 0;

    }
	
	.pp-header__logo{

    justify-self:center;

}
	
	.pp-header__claim{

    justify-self:center;

    text-align:center;

}

.pp-header__cart{

    justify-self:center;

}

.pp-header__wishlist{

    justify-self:center;

}

.pp-header__account{

    justify-self:center;

}

}