.yunassie-mini-zone{
  width:100%;
  max-width:1450px;
  margin:0 auto;
  padding:0 30px;
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
  scroll-margin-top:100px;
}
.yunassie-mini-zone *{box-sizing:border-box}
.yunassie-mini-zone__bar{
  width:100%;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #e9e9ea;
}
.yunassie-mini-zone__title{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
  white-space:nowrap;
}
.yunassie-mini-zone__title strong{
  color:#202124;
  font-size:13px;
  line-height:1;
  font-weight:700;
  letter-spacing:1.1px;
}
.yunassie-mini-zone__title span{
  color:#8a8b8d;
  font-size:11px;
}
.yunassie-mini-zone__switch{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 0;
  color:#8f5360 !important;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.6px;
  text-decoration:none !important;
  white-space:nowrap;
  transition:opacity .2s ease,transform .2s ease;
}
.yunassie-mini-zone__switch:hover{
  opacity:.72;
  transform:translateX(3px);
}
.yunassie-mini-zone__arrow{
  font-size:15px;
  font-weight:400;
}
@media(max-width:650px){
  .yunassie-mini-zone{
    max-width:100%;
    padding:0 14px;
    overflow:hidden;
  }
  .yunassie-mini-zone__bar{
    min-height:48px;
    gap:8px;
  }
  .yunassie-mini-zone__title{gap:5px}
  .yunassie-mini-zone__title strong{
    font-size:11px;
    letter-spacing:.6px;
  }
  .yunassie-mini-zone__title span{font-size:9px}
  .yunassie-mini-zone__switch{
    font-size:9px;
    letter-spacing:.25px;
    gap:4px;
  }
  .yunassie-mini-zone__arrow{font-size:13px}
}
@media(max-width:360px){
  .yunassie-mini-zone{padding:0 10px}
  .yunassie-mini-zone__title span{display:none}
  .yunassie-mini-zone__switch{font-size:8px}
}