.newest-tab{
  --tab-color:#f05a28;
  --tab-soft:#fff4ef;
  --tab-border:#ffd8c8;
  gap:9px!important;
  min-height:48px!important;
  padding:10px 16px!important;
  color:#4b5563!important;
  background:var(--tab-soft)!important;
  border:1px solid transparent!important;
  overflow:hidden;
}
.newest-tab::before{
  content:"";
  width:21px;
  height:21px;
  flex:0 0 21px;
  background:currentColor;
  opacity:.78;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
  transition:transform .22s ease,opacity .22s ease;
}
.newest-tab:hover{
  color:var(--tab-color)!important;
  border-color:var(--tab-border)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--tab-color) 12%,transparent)!important;
}
.newest-tab:hover::before{transform:scale(1.08);opacity:1}
.newest-tab.is-active{
  background:var(--tab-color)!important;
  border-color:var(--tab-color)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--tab-color) 26%,transparent)!important;
  transform:translateY(-1px);
}
.newest-tab.is-active::before{opacity:1}
.newest-tab.is-active::after{display:none!important;content:none!important}

.newest-tab[data-tab="beauty"]{--tab-color:#d946ef;--tab-soft:#fdf2ff;--tab-border:#f5c5fb}
.newest-tab[data-tab="beauty"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l1.4 4.1L17.5 7.5l-4.1 1.4L12 13l-1.4-4.1L6.5 7.5l4.1-1.4L12 2zm6 10l.9 2.6 2.6.9-2.6.9L18 19l-.9-2.6-2.6-.9 2.6-.9L18 12zM6 13l1.1 3.2 3.2 1.1-3.2 1.1L6 21.5l-1.1-3.1-3.2-1.1 3.2-1.1L6 13z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2l1.4 4.1L17.5 7.5l-4.1 1.4L12 13l-1.4-4.1L6.5 7.5l4.1-1.4L12 2zm6 10l.9 2.6 2.6.9-2.6.9L18 19l-.9-2.6-2.6-.9 2.6-.9L18 12zM6 13l1.1 3.2 3.2 1.1-3.2 1.1L6 21.5l-1.1-3.1-3.2-1.1 3.2-1.1L6 13z'/%3E%3C/svg%3E")}

.newest-tab[data-tab="supplements"]{--tab-color:#0f9f76;--tab-soft:#edfbf6;--tab-border:#bcebdd}
.newest-tab[data-tab="supplements"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3a5.5 5.5 0 0 0-3.89 9.39l7 7a5.5 5.5 0 0 0 7.78-7.78l-7-7A5.48 5.48 0 0 0 8.5 3zm-2.47 2.03a3.5 3.5 0 0 1 4.95 0l2.49 2.49-4.95 4.95-2.49-2.49a3.5 3.5 0 0 1 0-4.95zm4.03 8.85 4.95-4.95 2.97 2.97a3.5 3.5 0 0 1-4.95 4.95l-2.97-2.97z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 3a5.5 5.5 0 0 0-3.89 9.39l7 7a5.5 5.5 0 0 0 7.78-7.78l-7-7A5.48 5.48 0 0 0 8.5 3zm-2.47 2.03a3.5 3.5 0 0 1 4.95 0l2.49 2.49-4.95 4.95-2.49-2.49a3.5 3.5 0 0 1 0-4.95zm4.03 8.85 4.95-4.95 2.97 2.97a3.5 3.5 0 0 1-4.95 4.95l-2.97-2.97z'/%3E%3C/svg%3E")}

.newest-tab[data-tab="sport"]{--tab-color:#2563eb;--tab-soft:#eff6ff;--tab-border:#c7dcff}
.newest-tab[data-tab="sport"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9h2V7h3v4h8V7h3v2h2v6h-2v2h-3v-4H8v4H5v-2H3V9z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9h2V7h3v4h8V7h3v2h2v6h-2v2h-3v-4H8v4H5v-2H3V9z'/%3E%3C/svg%3E")}

.newest-tab[data-tab="mother"]{--tab-color:#f9739b;--tab-soft:#fff1f5;--tab-border:#ffc9d8}
.newest-tab[data-tab="mother"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21s-8-4.7-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6.3-8 11-8 11z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21s-8-4.7-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6.3-8 11-8 11z'/%3E%3C/svg%3E")}

.newest-tab[data-tab="sexual"]{--tab-color:#7c3aed;--tab-soft:#f5f1ff;--tab-border:#d9cbff}
.newest-tab[data-tab="sexual"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3a6 6 0 1 0 4.48 9.99L15 14.5V17h-2v2h2v2h2v-2h2v-2h-2v-3.33l-2.1-2.1A6 6 0 0 0 9 3zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3a6 6 0 1 0 4.48 9.99L15 14.5V17h-2v2h2v2h2v-2h2v-2h-2v-3.33l-2.1-2.1A6 6 0 0 0 9 3zm0 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8z'/%3E%3C/svg%3E")}
@media(max-width:760px){
 .newest-tabs{padding:7px!important}
 .newest-tab{min-height:44px!important;padding:9px 13px!important}
 .newest-tab::before{width:18px;height:18px;flex-basis:18px}
}

.newest-tabs-module{
  margin-top:14px!important;
}
.newest-tabs{
  position:relative!important;
  gap:26px!important;
  padding:0 2px 12px!important;
  border-radius:0!important;
}
.newest-tabs::after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  height:1px;
  background:#edf0f2;
  pointer-events:none;
}
.newest-tab{
  --tab-color:#f05a28!important;
  z-index:1!important;
  min-height:38px!important;
  padding:3px 0 9px!important;
  gap:7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6b7280!important;
  font-weight:700!important;
  transition:color .2s ease!important;
}
.newest-tab::before{
  flex-basis:18px!important;
  opacity:.62!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.newest-tab::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:0!important;
  left:0!important;
  bottom:-12px!important;
  height:3px!important;
  border-radius:999px 999px 0 0!important;
  background:#f05a28!important;
  opacity:0!important;
  transform:scaleX(.45)!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.newest-tab:hover{
  color:#374151!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.newest-tab:hover::before{opacity:.9!important;transform:none!important}
.newest-tab.is-active{
  color:#f05a28!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.newest-tab.is-active::after{
  display:block!important;
  opacity:1!important;
  transform:scaleX(1)!important;
}

.newest-tab[data-tab="beauty"],
.newest-tab[data-tab="supplements"],
.newest-tab[data-tab="sport"],
.newest-tab[data-tab="mother"],
.newest-tab[data-tab="sexual"]{
  --tab-color:#f05a28!important;
  --tab-soft:transparent!important;
  --tab-border:transparent!important;
}
.newest-tab-panels{margin-top:20px!important}
@media(max-width:760px){
  .newest-tabs{gap:22px!important;padding-bottom:11px!important}
  .newest-tab{min-height:36px!important;padding:2px 0 8px!important;font-size:13px!important}
  .newest-tab::after{bottom:-11px!important}
}

.newest-tabs-module{margin-top:16px!important}
.newest-tabs{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.newest-tabs::-webkit-scrollbar{display:none!important}
.newest-tabs::after{display:none!important;content:none!important}
.newest-tab{
  --icon-color:#0f766e;
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  gap:8px!important;
  min-height:40px!important;
  padding:8px 13px!important;
  color:#0f513f!important;
  background:#f3faf8!important;
  border:1px solid #cfe7e2!important;
  border-radius:11px!important;
  box-shadow:none!important;
  font-weight:800!important;
  transform:none!important;
  overflow:visible!important;
  transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.newest-tab::before{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  background:var(--icon-color)!important;
  color:var(--icon-color)!important;
  opacity:1!important;
  transform:none!important;
}
.newest-tab::after{display:none!important;content:none!important}
.newest-tab:hover{
  color:#0f513f!important;
  background:#eaf7f3!important;
  border-color:#9ed2c6!important;
  box-shadow:0 5px 14px rgba(15,118,110,.08)!important;
  transform:translateY(-1px)!important;
}
.newest-tab.is-active{
  color:#fff!important;
  background:#0f766e!important;
  border-color:#0f766e!important;
  box-shadow:0 7px 18px rgba(15,118,110,.18)!important;
  transform:none!important;
}