#shopify-section-template--17402498908378__newproduct_header_AefY9M {
  position:sticky;
  top:0;
  left:0;
  z-index:1000;
}
#anouncementbar {
  padding:10px 15px;
  background: #257A60;
  text-align:center;
  z-index:20;
  position:relative;
  display: none;
}
#anouncementbar .box {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
}
#anouncementbar .box p {
  color: #FFF;
  text-align: center;
  font-family: Pluto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.32px;
}
#anouncementbar .box a {
  padding: 17px 42px;
  border-radius: 31.648px;
  background: #A8CAC0;
  margin:0;
  color: #257A60;
  text-align: center;
  font-family: "Work Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 0px; /* 0% */
  letter-spacing: 0.203px;
  text-decoration:none;
  white-space:nowrap;
}
#header {
  box-sizing:border-box;
  z-index:1;
  position:relative;
}
#header .box {
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#header .box ul , .rigth-mobile ul {
  display:flex;
  list-style-type:none;
  gap:40px;
}
#header .box ul a , .rigth-mobile ul a {
  color: #257A60;
  font-family: Pluto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  letter-spacing: 0.32px;
  text-decoration:none;
}
#header .box ul a:hover {
  text-decoration:underline;
  text-decoration-thickness: 2px;
  text-underline-position: under;
}
.rigth-mobile {    
  background: #FDE5C8;
  width: 100%;    
  padding: 30px 0;    
  animation-delay: 2s;
  position: absolute;
  top: -100px;
  right:155px;
  transition: 1s;
  opacity: 0;
  width:375px;
  
}
.rigth-mobile.active {
  top:141px;
  opacity: 1;
  transform: translate(0, 0);
}
.rigth-mobile ul {
  flex-direction:column;
  gap:40px;
  padding-left:16px;
}
.rigth-mobile ul a {
  color: #257A60;
  font-family: Pluto;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 100% */
  letter-spacing: 0.32px;
  text-decoration:none;
  margin:20px 0;
  
}
#header .box {
  position:relative;
  
}
.rigth-mobile {
  position:absolute;
}
.rigth-mobile {
  
}
#header .box .burger {
  
}
@media(max-width: 1108px) {
  .rigth-mobile {
    right:30px;
  }
  #header .box .right {
    
  }
}
@media(max-width: 767px) {
  #header {
    height: 48px;
  }
  #header .box .right {
    display:none;
  }
  .rigth-mobile {
    display:block;
  }
  .rigth-mobile.active {
    opacity:1;
    top:159px;
    background: rgba(253, 229, 200, 0.80);
    backdrop-filter: blur(20px);
  }
  #header .box .burger {
    display:block;
    max-width:24px;
  }
  #anouncementbar .box p {
    text-align:left;
  }
  .rigth-mobile {
    right:0;
    width:100%;
  }
}
.top-vanity {
  background: #2D8552;
  position:relative;
  overflow:hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 49px;
}
.top-vanity p{
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.02em;
  line-height: 30.72px;
  margin-bottom: 0;
  color: #fff;
  position: relative;
  z-index: 3;
}
.top-vanity i{
  font-weight: 500;
}
.timer-vanity {
  background: rgba(255, 224, 112, 1);
  padding: 10px 0; 
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.timer-vanity .timer-sale-text p{
  color: #333;
  font-family: 'Roboto';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.25px;
}
.timer-vanity .timer-box span{
  color: #E91513;
  font-family: 'Pluto';
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.timer-vanity .timer-box {
  gap: 4px;
}
.timer-vanity .timer-box p{
  margin-bottom: 0;
  font-family: 'Myriad Pro';
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: -0.01em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
}
.timer-vanity .timer-colon {
  font-family: 'Pluto';
  color: #E91513;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 0 4px;
}
.timer-container {
  gap: 12px;
}
.timer-vanity a.timer-vanity-shop-link-mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .shopify-section-vanity-banner{
    height: 56px;
  }
  .timer-vanity {
    padding: 0;
    padding-top:8px;
  }
  .timer-container {
    gap:0;
  }
  .timer-vanity .timer-sale-text p{
    font-size: 14px;
    letter-spacing: -0.5px;
  }
}