/* ==========================================
   SushiTime — FAQ page
   ========================================== */
.st-faq, .st-faq *{ box-sizing:border-box; }

.st-title{
  margin:0 0 14px;
  font-size:22px;
  font-weight:1000;
  color:#111;
}

.st-sub{
  margin:0 0 18px;
  color:#666;
  font-weight:800;
  font-size:13px;
  line-height:1.35;
}

.st-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.07);
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.06);
  padding:14px 16px;
  margin-bottom:12px;
}

.st-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight:1000;
  color:#111;
  font-size:14px;
  outline:none;
}
.st-item summary::-webkit-details-marker{ display:none; }

.st-q{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.st-q-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.st-ico{
  width:34px;
  height:34px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,77,79,.10);
  border:1px solid rgba(255,77,79,.25);
  color:#ff4d4f;
  flex:0 0 auto;
  font-weight:1000;
}

.st-chevron{
  width:36px;
  height:36px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f7f7f7;
  border:1px solid rgba(0,0,0,.06);
  flex:0 0 auto;
  transition: transform 180ms ease;
}

.st-item[open] .st-chevron{ transform: rotate(180deg); }

.st-a{
  padding-top:10px;
  margin-top:10px;
  border-top:1px dashed rgba(0,0,0,.10);
  color:#333;
  font-weight:800;
  line-height:1.55;
  font-size:14px;
}

/* CKEditor content inside FAQ */
.st-ckeditor p{ margin: 0 0 10px; }
.st-ckeditor p:last-child{ margin-bottom: 0; }
.st-ckeditor ul, .st-ckeditor ol{ margin: 0 0 10px 18px; padding: 0; }
.st-ckeditor li{ margin: 4px 0; }
.st-ckeditor a{ color:#ff4d4f; font-weight:900; text-decoration:none; }
.st-ckeditor a:hover{ text-decoration:underline; }

.st-empty{
  background:#fff;
  border:1px solid rgba(0,0,0,.07);
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.06);
  padding:16px;
  color:#666;
  font-weight:800;
}

@media (max-width: 576px){
  .shop-page-area{ padding-top: 45px !important; padding-bottom: 45px !important; }
  .st-title{ font-size:20px; }
  .st-item summary{ font-size:13.5px; }
  .st-q-text{ white-space:normal; overflow:visible; text-overflow:clip; }
  .st-a{ font-size:13.5px; }
}