/* Block reassurance 区块，跟随主题 container 布局 */
#block-reassurance-section {
  background: transparent;
  padding-top: 30px;
  padding-bottom: 30px;
}

.reassurance-wrapper .reassurance-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 40px;
}

.reassurance-wrapper .reassurance-col {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}

.reassurance-wrapper .block-reassurance-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  text-align: left; 
}

.reassurance-wrapper .reassurance-icon {
  width: 42px;
  height: auto;
  filter: brightness(0.95) contrast(1.05);
}

.reassurance-wrapper .reassurance-title {
  font-weight: 600;
  color: var(--footer-text-color, #f5f5f7);
  line-height: 1.3;
  margin: 0;
  text-align: left;
}

.reassurance-wrapper .reassurance-desc {
  font-size: 0.9rem;
  color: var(--footer-text-muted, #9f9f9f);
  display: block;
  margin-top: 2px;
  text-align: left;
}

.reassurance-wrapper .reassurance-col:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 25%;
  height: 60%;
  border-right: 1px solid rgba(245,245,247,0.15);
}

/* 响应式处理 */
@media (max-width: 992px) {
  .reassurance-wrapper .reassurance-row {
    flex-wrap: wrap;
    gap: 25px;
  }
  .reassurance-wrapper .block-reassurance-item {
    flex-direction: column;
    text-align: center;
  }
  .reassurance-wrapper .reassurance-col:not(:last-child)::after {
    display: none;
  }
}


/* 🔍 搜索框外观适配 Tailwind 深色主题 */



#header-search #search_widget {
  display: flex !important;
  align-items: center;
  max-width: 260px;
  background-color: #1f1f1f;
  border: 1px solid #333;
  border-radius: 20px;
  padding: 0 10px;
}

#header-search #search_widget input[type="text"] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 6px 8px;
  width: 100%;
}

#header-search #search_widget input::placeholder {
  color: #aaa;
}

#header-search #search_widget input:focus {
  outline: none;
  border: none;
  box-shadow: 0 0 0 1px #f5e347;
}

/* 📱 移动端隐藏搜索框 */
@media (max-width: 1024px) {
  #header-search {
    display: none !important;
  }
}

/* 变量默认值，JS 会实时覆盖 */
:root{
  --footer-h: 0px;
  --cartbar-h: 72px; /* 你的灰色悬浮条大致高度，JS 会改成真实值 */
}

/* A区容器：用任一实际存在的容器即可（JS 也会自动挑一个） */
#wrapper, main, .page-content, #content-wrapper{
  /* 让A区把B区吃掉：撑满到视口底部（减去footer+悬浮栏） */
  min-height: calc(100vh - var(--footer-h) - var(--cartbar-h));
  /* 永远给A区留出悬浮栏的空间，避免被遮住 */
  padding-bottom: calc(var(--cartbar-h) + 12px);
}

/* 悬浮购物栏：固定在右下，底边距=footer高（绝不压footer） */
.sticky.md\:float-right{
  position: fixed !important;
  right: 24px;
  left: auto;
  bottom: calc(var(--footer-h) + 12px);
  z-index: 60;
  transition: bottom .2s ease;
}

/* 移动端可选：全宽贴底（保持你原来的视觉就不必改） */
@media (max-width: 768px){
  .sticky.md\:float-right{
    right: 0;
    left: 0;
  }
}

/* Tooltip 修复样式 - 防止 tooltip 被主题隐藏或挡住鼠标 */
.custom-tooltip {
  position: absolute;
  z-index: 9999;
  display: none;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
  white-space: normal;
  max-width: 300px;
}