/* WEKDEN Homepage Optimization - only front page */

/* Hero section: make it cleaner and more B2B */
body.home .wd-hero {
  height: 540px !important;
  background: #0b172a !important;
}

body.home .wd-hero__slide {
  background-image:
    linear-gradient(90deg,
      rgba(11, 23, 42, .95) 0%,
      rgba(11, 23, 42, .90) 34%,
      rgba(11, 23, 42, .58) 54%,
      rgba(11, 23, 42, .12) 78%,
      rgba(11, 23, 42, .02) 100%),
    var(--hero-image) !important;
  background-position: center right !important;
  background-size: cover !important;
}

body.home .wd-hero__content {
  max-width: 1180px !important;
  padding-left: 0 !important;
}

body.home .wd-eyebrow {
  color: #ff2b2b !important;
  font-size: 13px !important;
  letter-spacing: .04em !important;
  margin-bottom: 12px !important;
}

body.home .wd-hero h1,
body.home .wd-hero h2 {
  max-width: 600px !important;
  font-size: 48px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 18px !important;
  color: #ffffff !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.22) !important;
}

body.home .wd-hero p {
  max-width: 560px !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: #e5edf7 !important;
  margin-bottom: 26px !important;
}

body.home .wd-hero__buttons .wd-btn {
  min-height: 46px !important;
  padding: 12px 22px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  letter-spacing: .02em !important;
}

body.home .wd-hero__arrow {
  width: 42px !important;
  height: 42px !important;
  font-size: 28px !important;
  background: rgba(15, 23, 42, .42) !important;
}

body.home .wd-hero__dots {
  bottom: 20px !important;
}

body.home .wd-hero__dots button {
  width: 34px !important;
  height: 4px !important;
  border-radius: 999px !important;
}

/* Section spacing */
body.home .wd-section {
  padding: 66px 0 !important;
}

body.home .wd-section-title {
  margin-bottom: 34px !important;
}

body.home .wd-section-title span,
body.home .wd-section-kicker,
body.home .wd-rfq-band span {
  font-size: 12px !important;
  letter-spacing: .08em !important;
}

body.home .wd-section-title h2 {
  font-size: 30px !important;
  line-height: 1.28 !important;
  max-width: 820px !important;
  margin: 0 auto !important;
}

/* Product cards */
body.home .wd-product-grid {
  gap: 22px !important;
}

body.home .wd-product-card {
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06) !important;
}

body.home .wd-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 36px rgba(15, 23, 42, .10) !important;
}

body.home .wd-product-card__media {
  height: 200px !important;
  background: #eef3f8 !important;
}

body.home .wd-product-card__media img {
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

body.home .wd-product-card__media:after {
  background: linear-gradient(180deg, rgba(11,35,66,.02), rgba(11,35,66,.28)) !important;
}

body.home .wd-product-card__media strong {
  left: 16px !important;
  bottom: 14px !important;
  background: #d00000 !important;
  border-radius: 5px !important;
  padding: 7px 11px !important;
}

body.home .wd-product-card__body {
  min-height: 220px !important;
  padding: 22px 22px 24px !important;
}

body.home .wd-product-card h3 {
  font-size: 20px !important;
  line-height: 1.28 !important;
}

body.home .wd-product-card p {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

body.home .wd-product-card a {
  color: #d00000 !important;
  font-weight: 900 !important;
}

/* About section */
body.home .wd-about {
  padding-top: 58px !important;
}

body.home .wd-split {
  gap: 48px !important;
}

body.home .wd-split__image {
  min-height: 380px !important;
  border-radius: 8px !important;
  background: #f3f6fa !important;
}

body.home .wd-split__image img {
  width: 100% !important;
  height: 380px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.home .wd-split__content h2,
body.home .wd-quality h2 {
  font-size: 32px !important;
  line-height: 1.22 !important;
}

body.home .wd-split__content p,
body.home .wd-quality p {
  font-size: 15.8px !important;
  line-height: 1.72 !important;
}

body.home .wd-stat-grid div {
  background: #f3f6fa !important;
  border-left-color: #d00000 !important;
  padding: 16px 18px !important;
}

body.home .wd-stat-grid strong {
  font-size: 24px !important;
}

/* Support and process cards */
body.home .wd-support-card,
body.home .wd-process-step,
body.home .wd-news-card {
  border-radius: 8px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .055) !important;
}

body.home .wd-support-card {
  padding: 24px 22px !important;
}

body.home .wd-support-card i,
body.home .wd-process-step b {
  background: #0b2342 !important;
}

body.home .wd-process-row {
  gap: 16px !important;
}

body.home .wd-process-step {
  min-height: 128px !important;
  padding: 22px 16px !important;
}

body.home .wd-process-step b {
  width: 38px !important;
  height: 38px !important;
}

/* Quality section on homepage */
body.home .wd-quality__image {
  height: 380px !important;
  border-radius: 8px !important;
}

body.home .wd-quality-list li {
  background: #f3f6fa !important;
  padding: 11px 15px !important;
}

/* News cards */
body.home .wd-news-card {
  padding: 24px !important;
  min-height: 210px !important;
}

body.home .wd-news-card h3 {
  font-size: 19px !important;
}

/* Red RFQ band: less heavy */
body.home .wd-rfq-band {
  padding: 48px 0 !important;
  background: #c90000 !important;
}

body.home .wd-rfq-band h2 {
  font-size: 30px !important;
}

body.home .wd-rfq-band p {
  font-size: 15.5px !important;
  line-height: 1.65 !important;
}

body.home .wd-rfq-band .wd-btn {
  min-width: 150px !important;
  min-height: 46px !important;
  border-radius: 5px !important;
}

/* Responsive */
@media (max-width: 921px) {
  body.home .wd-hero {
    height: 430px !important;
  }

  body.home .wd-hero h1,
  body.home .wd-hero h2 {
    font-size: 34px !important;
  }

  body.home .wd-product-grid,
  body.home .wd-support-grid,
  body.home .wd-news-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  body.home .wd-split,
  body.home .wd-quality__grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.home .wd-hero {
    height: 420px !important;
  }

  body.home .wd-hero h1,
  body.home .wd-hero h2 {
    font-size: 30px !important;
  }

  body.home .wd-product-grid,
  body.home .wd-support-grid,
  body.home .wd-news-grid,
  body.home .wd-process-row,
  body.home .wd-stat-grid {
    grid-template-columns: 1fr !important;
  }

  body.home .wd-section {
    padding: 48px 0 !important;
  }
}

/* WEKDEN Homepage Simulation Module */
body.home .wd-hero__arrow,
body.home .wd-hero__dots {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* slightly reduce visual conflict in hero */
body.home .wd-hero h1,
body.home .wd-hero h2 {
  font-size: 44px !important;
  max-width: 560px !important;
}

body.home .wd-hero p {
  max-width: 520px !important;
}

body.home .wd-simulation {
  background: #f4f7fb !important;
  padding: 68px 0 !important;
}

body.home .wd-simulation .wd-section-title {
  max-width: 900px !important;
  margin-bottom: 34px !important;
}

body.home .wd-simulation .wd-section-title p {
  margin: 14px auto 0 !important;
  max-width: 760px !important;
  color: #526276 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

body.home .wd-sim-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  margin-top: 26px !important;
}

body.home .wd-sim-card {
  perspective: 1200px !important;
  min-height: 270px !important;
}

body.home .wd-sim-card__inner {
  position: relative !important;
  width: 100% !important;
  min-height: 270px !important;
  transition: transform .65s ease !important;
  transform-style: preserve-3d !important;
}

body.home .wd-sim-card:hover .wd-sim-card__inner {
  transform: rotateY(180deg) !important;
}

body.home .wd-sim-card__front,
body.home .wd-sim-card__back {
  position: absolute !important;
  inset: 0 !important;
  padding: 30px 26px !important;
  border-radius: 14px !important;
  border: 1px solid #dbe6f2 !important;
  backface-visibility: hidden !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}

body.home .wd-sim-card__front {
  background:
    radial-gradient(circle at top right, rgba(11,79,138,.12), transparent 35%),
    #ffffff !important;
}

body.home .wd-sim-card__back {
  background: #0b2342 !important;
  color: #ffffff !important;
  transform: rotateY(180deg) !important;
}

body.home .wd-sim-card i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  background: #0b4f8a !important;
  color: #ffffff !important;
  font-style: normal !important;
  font-weight: 900 !important;
  margin-bottom: 22px !important;
  letter-spacing: .04em !important;
}

body.home .wd-sim-card h3 {
  margin: 0 0 12px !important;
  color: #0b2342 !important;
  font-size: 20px !important;
  line-height: 1.28 !important;
  font-weight: 900 !important;
}

body.home .wd-sim-card__back h3 {
  color: #ffffff !important;
}

body.home .wd-sim-card p {
  margin: 0 !important;
  color: #526276 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

body.home .wd-sim-card__back p {
  color: #dbeafe !important;
}

body.home .wd-sim-accordion {
  margin-top: 32px !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
}

body.home .wd-sim-accordion details {
  background: #ffffff !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
}

body.home .wd-sim-accordion summary {
  cursor: pointer !important;
  padding: 18px 20px !important;
  font-weight: 900 !important;
  color: #0b2342 !important;
  list-style: none !important;
}

body.home .wd-sim-accordion summary::-webkit-details-marker {
  display: none !important;
}

body.home .wd-sim-accordion summary::after {
  content: "+" !important;
  float: right !important;
  color: #0b4f8a !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

body.home .wd-sim-accordion details[open] summary::after {
  content: "−" !important;
}

body.home .wd-sim-accordion p {
  padding: 0 20px 20px !important;
  margin: 0 !important;
  color: #526276 !important;
  font-size: 14.8px !important;
  line-height: 1.65 !important;
}

@media (max-width: 1050px) {
  body.home .wd-sim-grid,
  body.home .wd-sim-accordion {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 680px) {
  body.home .wd-sim-grid,
  body.home .wd-sim-accordion {
    grid-template-columns: 1fr !important;
  }

  body.home .wd-sim-card,
  body.home .wd-sim-card__inner {
    min-height: 250px !important;
  }

  body.home .wd-hero h1,
  body.home .wd-hero h2 {
    font-size: 32px !important;
  }
}