/* Home-only presentation layer. Shared navigation, footer and slider behavior stay unchanged. */
.home-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: max(760px, calc(100vh - 84px));
  min-height: max(760px, calc(100svh - 84px));
  padding: 210px 0 100px;
  isolation: isolate;
  background: #071a35;
}
.home-hero .video-container {
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.home-hero .overlay {
  background: linear-gradient(90deg, rgba(7, 26, 53, .94) 0%, rgba(7, 26, 53, .78) 47%, rgba(7, 26, 53, .48) 100%);
}
.home-hero .home-text-wrapper {
  display: block;
  height: auto;
  max-width: 1200px;
  text-align: left;
}
.home-hero .home-message { display: block; max-width: 980px; }
.home-eyebrow,
.home-hero .home-eyebrow {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 22px;
  color: #d4a321;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.home-eyebrow::before {
  content: "";
  width: 34px;
  height: 2px;
  flex: none;
  background: currentColor;
}
.home-hero .home-message h1 {
  max-width: 1000px;
  margin: 0 0 24px;
  font-size: clamp(48px, 5.4vw, 82px) !important;
  line-height: 1.04 !important;
  color: #fff !important;
}
.home-hero h1 span { display: block; }
.home-hero h1 .home-hero__highlight { color: #d4a321; }
.home-hero .home-message .home-hero__description {
  max-width: 770px;
  margin: 0 0 28px;
  color: #e6eaf0;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.55;
  font-weight: 400;
}
.home-hero .btn-index-start { display:flex;flex-wrap:wrap;gap:12px;margin:0 0 34px; }
.home-hero .home-quote-button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:14px 28px;border:2px solid #fff;border-radius:8px;background:transparent;color:#fff!important;font-size:16px;font-weight:800;text-decoration:none}
.home-hero .home-quote-button:hover{background:rgba(255,255,255,.15)}
.home-hero .index-design-button,
.home-builder .index-designing-button,
.home-reviews__cta .btn,
.home-service .column-index2 .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 58px;
  padding: 14px 28px;
  background: #97152e;
  border: 1px solid #97152e;
  color: #fff !important;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}
.home-hero .index-design-button:hover,
.home-builder .index-designing-button:hover,
.home-reviews__cta .btn:hover,
.home-service .column-index2 .btn:hover { background: #731126; border-color: #731126; }
.home-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 24px;
  padding: 0;
  margin: 0 0 12px;
  list-style: none;
  color: #fff;
  font-size: 15px;
}
.home-hero__trust li { display: flex; gap: 9px; align-items: center; }
.home-hero__trust li::before { content: "✓"; color: #d4a321; font-size: 22px; font-weight: 800; }
.home-hero__trust li + li { border-left: 1px solid rgba(255,255,255,.35); padding-left: 24px; }
.home-hero .home-message .home-hero__uses { color: #d4dce8; font-size: 15px; font-weight: 400; }

.home-builder {
  padding: 96px 0;
  background: linear-gradient(90deg, rgba(7,26,53,.97), rgba(7,26,53,.9)), url('../images/headers/Metal_Building_Components.jpg') center / cover no-repeat;
  color: #fff;
}
.home-builder__grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: center; gap: 60px; }
.home-builder__grid::before,
.home-builder__grid::after { display: none; }
.home-builder__copy h2 {
  margin: 0 0 23px;
  color: #fff !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  line-height: 1.06 !important;
}
.home-builder__copy h2 span { display: block; color: #d4a321; }
.home-builder__copy > p:not(.home-eyebrow) { max-width: 620px; color: #e1e6ef; font-size: 18px; line-height: 1.6; }
.home-builder .builder-feature-list { padding: 0; margin: 24px 0 32px; list-style: none; }
.home-builder .builder-feature-list li { margin: 0 0 13px; color: #fff; font-size: 17px; }
.home-builder .builder-feature-list i { color: #a91431; background: #fff; border-radius: 50%; font-size: 18px; margin: 2px 0 0; }
.home-builder__visual img { display: block; width: 100%; max-height: 540px; object-fit: contain; }

.home-feedback,
.home-reviews { background: #f2f5f9; }
.home-feedback { padding: 90px 0 0; }
.home-feedback__heading { max-width: 900px; margin: 0 auto 32px; text-align: center; }
.home-feedback__heading .home-eyebrow { justify-content: center; }
.home-feedback__heading h2 { max-width: 850px; margin: 0 auto 14px; font-size: clamp(34px, 3.8vw, 55px) !important; }
.home-feedback__heading h2 span { color: #9c1732; }
.home-feedback__heading > p:not(.home-eyebrow) { color: #596579; font-size: 18px; line-height: 1.55; }
.home-feedback .swiper-videos-testimony { max-width: 900px; padding: 0 0 32px; }
.home-feedback .swiper-videos-testimony .swiper-slide { box-sizing: border-box; padding: 0; }
.home-feedback .youtube-wrapper { border-radius: 10px; box-shadow: 0 16px 32px rgba(7,26,53,.13); }
.home-feedback .youtube-facade .play-button { width: 72px; height: 72px; padding: 0 0 0 5px; background: rgba(0,0,0,.78); }
.home-feedback .video-title { margin: 20px 0 6px; color: #1a2e56; font-size: 15px; }
.home-feedback .swiper-button-prev,
.home-feedback .swiper-button-next,
.home-reviews .swiper-button-prev,
.home-reviews .swiper-button-next {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  color: #1a2e56;
  box-shadow: 0 2px 12px rgba(7,26,53,.12);
}
.home-feedback .swiper-button-prev::after,
.home-feedback .swiper-button-next::after,
.home-reviews .swiper-button-prev::after,
.home-reviews .swiper-button-next::after { font-size: 18px; font-weight: 800; }
.home-feedback .swiper-pagination { bottom: 0; }
.home-feedback .swiper-pagination-bullet,
.home-reviews .swiper-pagination-bullet { width: 10px; height: 10px; background: #aeb8c5; opacity: 1; }
.home-feedback .swiper-pagination-bullet-active,
.home-reviews .swiper-pagination-bullet-active { background: #a01430; }

.home-reviews { padding: 22px 0 90px; }
.home-reviews .reviewcontainer { position: relative; display: block; max-width: 950px; margin: 0 auto 28px; padding: 36px 70px 24px; border-radius: 16px; background: #fff; box-shadow: 0 12px 32px rgba(7,26,53,.06); }
.home-reviews .swiper-reviews { width: 100%; text-align: center; }
.home-reviews .swiper-reviews .swiper-slide { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; min-height: 220px; padding: 0; }
.home-reviews .starreviews2 { margin: 0 0 10px; color: #e3a400; font-size: 27px; }
.home-reviews .reviewreviewtext { width: 100%; max-width: 740px; height: auto; max-height: 190px; margin: 0 auto 16px; padding: 0; overflow-y: auto; color: #34425c; font-size: 17px; line-height: 1.55; text-align: center; }
.home-reviews .titlereviewsindividualflex { gap: 8px; margin: auto 0 0; }
.home-reviews .titlereviewsindividualflex img { width: 42px; height: 42px; border-radius: 50%; }
.home-reviews .namereviewindividual h3 { margin: 0 !important; font-size: 15px !important; }
.home-reviews .namereviewindividual p { margin: 0; color: #687386; font-size: 12px; }
.home-reviews__source { display: flex; justify-content: center; align-items: center; gap: 7px; margin: 8px 0; color: #687386; font-size: 12px; }
.home-reviews .swiper-pagination { position: static; margin-top: 10px; }
.home-reviews .swiper-button-prev { left: 15px; }
.home-reviews .swiper-button-next { right: 15px; }
.home-reviews__cta { text-align: center; }

.home-service { padding: 100px 0; background: #fff; }
.home-service .flex-container-index2 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr); gap: 55px; padding: 0; }
.home-service .column-index2 { max-width: none; height: auto; }
.home-service .column-index2 h2 { max-width: 580px; margin: 0 0 22px; font-size: clamp(34px, 3.9vw, 58px) !important; }
.home-service .column-index2 > p:not(.home-eyebrow) { max-width: 560px; margin: 0 0 28px; color: #596579; font-size: 18px; line-height: 1.6; }
.home-service .column-index2 .btn { align-self: flex-start; }
.home-service .card-row { display: grid; width: auto; max-width: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.home-service .card { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 310px; padding: 28px; border: 1px solid #dfe4eb; border-radius: 14px; box-shadow: none; text-align: center; }
.home-service .card > img { width: 72px; max-width: none; height: 72px; object-fit: contain; margin: 0 0 18px; padding: 16px; border-radius: 50%; background: #f9edf0; }
.home-service .card-content h3 { margin: 0 0 10px; color: #1a2e56; font-size: clamp(22px, 2vw, 30px) !important; }
.home-service .card-content p { color: #687386; font-size: 16px; line-height: 1.5; }

@media (max-width: 900px) {
  .home-builder__grid,
  .home-service .flex-container-index2 { grid-template-columns: 1fr; gap: 42px; }
  .home-builder__visual { max-width: 620px; margin: 0 auto; }
  .home-service .column-index2 { align-items: flex-start; text-align: left; }
  .home-service .column-index2 h2 { text-align: left; }
  .home-service .column-index2 .btn { margin: 0; }
}
@media (max-width: 600px) {
  .home-hero {
    min-height: max(700px, calc(100vh - 130px));
    min-height: max(700px, calc(100svh - 130px));
    padding: 210px 0 72px;
  }
  .home-hero .overlay { background: linear-gradient(90deg, rgba(7,26,53,.94), rgba(7,26,53,.75)); }
  .home-hero .home-message h1 { font-size: clamp(38px, 10vw, 56px) !important; }
  .home-hero__trust { flex-direction: column; gap: 6px; }
  .home-hero__trust li + li { border: 0; padding-left: 0; }
  .home-hero .index-design-button,
  .home-hero .home-quote-button,
  .home-builder .index-designing-button,
  .home-reviews__cta .btn,
  .home-service .column-index2 .btn { width: 100%; }
  .home-builder { padding: 72px 0; }
  .home-builder__copy h2 { font-size: 42px !important; }
  .home-builder .btn-wrapper { display: block; }
  .home-feedback { padding-top: 72px; }
  .home-feedback__heading h2 { font-size: 34px !important; }
  .home-feedback .swiper-videos-testimony { padding: 0 0 30px; }
  .home-feedback .swiper-button-prev,
  .home-feedback .swiper-button-next { width: 36px; height: 36px; }
  .home-reviews { padding-bottom: 72px; }
  .home-reviews .reviewcontainer { padding: 28px 42px 20px; }
  .home-reviews .reviewreviewtext { max-height: 210px; font-size: 15px; }
  .home-reviews .swiper-button-prev { left: 4px; }
  .home-reviews .swiper-button-next { right: 4px; }
  .home-service { padding: 72px 0; }
  .home-service .card-row { grid-template-columns: 1fr; }
  .home-service .card { min-height: 230px; }
}
@media (max-width: 600px){
  .home-hero .btn-index-start{display:flex;flex-direction:column}
  .home-hero .home-quote-button{order:-1;background:#97152e;border-color:#97152e}
  .home-hero .home-quote-button:hover{background:#731126;border-color:#731126}
  .home-hero .index-design-button{background:transparent!important;border:2px solid #fff!important}
  .home-hero .index-design-button:hover{background:rgba(255,255,255,.15)!important;border-color:#fff!important}
}