/* ============================================================
   seedk_wide.css — 全站版式统一：宽屏 + 左右双 banner
   配合 themes/default/*.dwt 里的 <div class="sk-logo-row"> 使用
   ============================================================ */

/* ---------- 1. 全部宽屏 ---------- */
.hw,
.sk-wrap,
.fw-wrap,
.page-wrap,
.container {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
.hw,
.sk-wrap,
.fw-wrap,
.page-wrap {
  padding: 10px clamp(12px, 2.5vw, 32px) 36px !important;
}

/* ---------- 2. 全屏背景图 ---------- */
body {
  background-color: #0a3d1f;
}
body::before {
  content: '' !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background-image: url('/BELL-GARDEN-CO-LTD-seedk.com.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* ---------- 3b. 首页 logo-row：任何屏宽都并排，等比缩小 ---------- */
.logo-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.logo-row > * {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.logo-row > * a {
  display: block !important;
  width: 100% !important;
}

/* ---------- 3. 双 banner 行：任何屏宽都并排，等比缩小 ---------- */
.sk-logo-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.sk-logo-row > * {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}
.sk-logo-row img,
.sk-wrap > .sk-logo img,
.fw-wrap > .fw-logo img,
.logo-row > .logo-block img,
.logo-row img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(90px, 12vw, 230px) !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
}

/* ---------- 4. 兜底：未包裹的 banner 也不许上下堆叠 ---------- */
.sk-wrap > .sk-logo,
.fw-wrap > .fw-logo {
  display: inline-block !important;
  vertical-align: top !important;
  width: calc(50% - 6px) !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* ---------- 5. 手机：仍然左右并排，只缩高度 ---------- */
@media (max-width: 640px) {
  .logo-row,
  .sk-logo-row {
    gap: 6px !important;
    flex-wrap: nowrap !important;
  }
  .sk-logo-row img,
  .sk-wrap > .sk-logo img,
  .fw-wrap > .fw-logo img,
  .logo-row > .logo-block img,
  .logo-row img {
    height: clamp(44px, 15vw, 88px) !important;
  }
  .hw,
  .sk-wrap,
  .fw-wrap,
  .page-wrap {
    padding: 8px 8px 28px !important;
  }
}

@media (max-width: 380px) {
  .sk-logo-row img,
  .sk-wrap > .sk-logo img,
  .fw-wrap > .fw-logo img,
  .logo-row > .logo-block img,
  .logo-row img {
    height: clamp(38px, 14vw, 62px) !important;
  }
}