/* hb.lkdie.com · 静态 Hero + 全宽布局（无 Revolution Slider 绝对定位） */

/* ── 1. 整页宽度 ── */
#page-wrapper {
  width: 100% !important;
  max-width: none !important;
}

#page-wrapper > .container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

#page-wrapper .columns.seventeen {
  width: 100% !important;
  float: none !important;
}

.hb-content-width,
#page-wrapper .site_goto_center,
#page-wrapper .site_goto_center_two {
  width: min(1280px, calc(100vw - 48px)) !important;
  max-width: min(1280px, calc(100vw - 48px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

#page-wrapper #sitetop_div_fullw {
  width: 100% !important;
  float: none !important;
}

#page-wrapper #sitetop_div {
  width: min(1280px, calc(100vw - 48px)) !important;
  max-width: min(1280px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
  padding: 3px 24px 0 24px !important;
  box-sizing: border-box !important;
  float: none !important;
}

/* ── 2. 顶栏 Logo + 导航（flex 分行，禁止叠压） ── */
#page-wrapper .site_goto_center {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px 20px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

#page-wrapper .site_goto_center > .columns.seven,
#page-wrapper .site_goto_center > .columns.ten {
  width: auto !important;
  float: none !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#page-wrapper .site_goto_center > .columns.ten {
  flex: 1 1 420px !important;
}

#page-wrapper .container .seven.columns.first {
  padding-left: 0 !important;
}

#site_logo {
  float: none !important;
  margin: 12px 0 !important;
  min-height: 48px !important;
}

#site_logo a {
  margin-left: 63px !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
}

#site_logo i {
  font-size: 32px !important;
}

#access .menu {
  float: none !important;
  margin-top: 0 !important;
  width: 100% !important;
}

#access .menu ul#tiny {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 4px 6px !important;
  height: auto !important;
  min-height: 63px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

#access .menu ul li {
  float: none !important;
  display: block !important;
  margin: 0 !important;
}

#access .menu ul li a {
  white-space: nowrap !important;
}

/* ── 3. 静态 Hero（双栏 flex，文档流布局） ── */
.hb-hero-wrap.bannercontainer {
  width: min(1280px, calc(100vw - 48px)) !important;
  max-width: min(1280px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
  padding: 28px 24px 40px !important;
  box-sizing: border-box !important;
  float: none !important;
}

.hb-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 40px 48px !important;
  width: 100% !important;
}

.hb-hero-left {
  flex: 1 1 380px !important;
  min-width: 0 !important;
  max-width: 520px !important;
}

.hb-hero-right {
  flex: 0 1 480px !important;
  min-width: 0 !important;
  text-align: center !important;
}

.hb-hero-title.main_text {
  position: static !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  font-size: 42px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: #272727 !important;
}

.hb-hero-title.main_text i,
.hb-hero-title.main_text strong {
  color: #0099cc !important;
  font-style: normal !important;
}

.hb-hero-subtitle.sub_text {
  position: static !important;
  margin: 0 0 14px !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #272727 !important;
}

.hb-hero-subtitle em {
  font-style: normal !important;
  font-weight: 600 !important;
}

.hb-hero-features.list_text {
  position: static !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  list-style: none !important;
}

.hb-hero-features.list_text li {
  position: static !important;
  padding: 0 0 4px 25px !important;
  margin: 0 !important;
  line-height: 1.65 !important;
  font-size: 14px !important;
  color: #454545 !important;
  background: url(/sites/www.lkdie.com/buddy/images/slider/tickmark-icon.png) no-repeat left 6px !important;
}

.hb-hero-buy-label.sub_text2 {
  position: static !important;
  margin: 0 0 8px !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  color: #0099cc !important;
  text-align: left !important;
}

.hb-hero-buy-label i {
  color: #009900 !important;
  font-style: normal !important;
}

.hb-hero-price.price {
  position: static !important;
  margin: 0 0 20px !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  background: none !important;
  text-align: left !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  color: #727272 !important;
}

.hb-hero-price b {
  font-weight: 600 !important;
  color: #454545 !important;
}

.hb-hero-cta.button1 {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: none !important;
}

.hb-hero-img.slider_img_pur {
  width: 100% !important;
  max-width: 460px !important;
  height: auto !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(28, 58, 96, 0.25) !important;
  display: block !important;
  margin: 0 auto !important;
}

/* 购买按钮 */
a.button1-s,
a.plans_button,
.hosting_plans_area a.plans_button {
  display: inline-block !important;
  padding: 12px 28px !important;
  min-height: 48px !important;
  line-height: 24px !important;
  background: #0099cc !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-left: 5px solid #007faf !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(0, 105, 148, 0.35) !important;
  background-image: none !important;
}

a.button1-s:hover,
a.plans_button:hover {
  background: #007faf !important;
  color: #00e4f8 !important;
}

/* ── 4. 套餐区 ── */
.hosting_plans_area_main {
  width: 100% !important;
}

.hosting_plans_area_main .site_goto_center {
  width: min(1280px, calc(100vw - 48px)) !important;
  max-width: min(1280px, calc(100vw - 48px)) !important;
  display: block !important;
}

.hosting_plans_center_div {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 28px !important;
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}

.hosting_plans_area .plan_box {
  float: none !important;
  margin: 0 !important;
  flex: 0 1 240px !important;
}

/* ── 5. 响应式 ── */
@media (max-width: 960px) {
  .hb-hero {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 28px !important;
  }

  .hb-hero-left {
    max-width: none !important;
    order: 2 !important;
  }

  .hb-hero-right {
    order: 1 !important;
    flex: 1 1 auto !important;
  }

  .hb-hero-title.main_text {
    font-size: 32px !important;
  }

  #access .menu ul#tiny {
    justify-content: flex-start !important;
  }

  #page-wrapper .site_goto_center {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

@media (max-width: 600px) {
  .hb-hero-title.main_text {
    font-size: 26px !important;
  }

  #site_logo a,
  #site_logo i {
    font-size: 26px !important;
  }
}