.hs-page{
  max-width:1040px;
  margin:34px auto 55px;
  padding:0 18px
}

.hs-titlebar{
  border:1px solid #d9d9d9;
  background:#f4f4f4;
  margin-bottom:12px;
  padding:12px 18px
}

.hs-titlebar h1{
  margin:0;
  font-size:18px;
  font-weight:500
}

.hs-card{
  border:1px solid #d9d9d9;
  background:#f5f5f5;
  padding:18px
}

.hs-search{
  position:relative;
  display:flex;
  align-items:center;
  max-width:820px;
  margin:0 auto 18px
}

.hs-search>span{
  position:absolute;
  left:14px;
  color:#999;
  font-size:18px;
  pointer-events:none
}

.hs-search input{
  width:100%;
  height:42px;
  padding:0 42px;
  border:1px solid #ececec;
  border-radius:22px;
  background:#fff;
  color:#333;
  outline:none
}

.hs-search input:focus{
  border-color:var(--store-primary,#db4385);
  box-shadow:0 0 0 2px rgba(219,67,133,.12)
}

.hs-search button{
  position:absolute;
  right:12px;
  border:0;
  background:transparent;
  color:#999;
  font-size:22px;
  cursor:pointer;
  opacity:0;
  pointer-events:none
}

.hs-search.has-value button{
  opacity:1;
  pointer-events:auto
}

.hs-tabs{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin-bottom:22px
}

.hs-tab{
  display:flex;
  min-height:84px;
  padding:10px 8px;
  border:1px solid #ddd;
  background:#fff;
  color:#222;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:7px;
  cursor:pointer;
  text-align:center;
  font-size:12px;
  line-height:1.2;
  transition:border-color .15s ease,color .15s ease,transform .15s ease
}

.hs-tab:hover{
  transform:translateY(-1px)
}

.hs-tab.active{
  border-color:var(--store-primary,#db4385);
  color:var(--store-primary,#db4385)
}

.hs-tab-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  font-size:30px;
  line-height:1;
  filter:grayscale(1)
}

.hs-tab.active .hs-tab-icon{
  filter:none
}

.hs-section{
  display:none
}

.hs-section.active{
  display:block
}

.hs-faq{
  margin-bottom:8px
}

.hs-question{
  display:flex;
  width:100%;
  min-height:42px;
  padding:9px 14px;
  border:1px solid #bfbfbf;
  border-radius:4px;
  background:#e6e6e6;
  color:#222;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  text-align:left;
  cursor:pointer;
  font-size:14px
}

.hs-question b{
  font-size:18px;
  font-weight:400;
  transition:transform .18s ease
}

.hs-faq.open .hs-question{
  border-color:var(--store-primary,#db4385);
  background:#fff
}

.hs-faq.open .hs-question b{
  transform:rotate(45deg)
}

.hs-answer{
  padding:14px 18px 7px;
  border:1px solid #e1e1e1;
  border-top:0;
  background:#fff;
  color:#444;
  font-size:14px;
  line-height:1.65
}

.hs-answer p{
  margin:0 0 9px
}

.hs-no-results{
  padding:30px;
  text-align:center;
  color:#777
}

.hs-faq.search-hidden{
  display:none
}

@media(max-width:900px){
  .hs-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

@media(max-width:560px){
  .hs-page{
    margin-top:16px;
    padding:0 10px
  }

  .hs-card{
    padding:12px
  }

  .hs-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px
  }

  .hs-tab{
    min-height:76px;
    font-size:11px
  }

  .hs-question{
    font-size:13px
  }
}