/* Theme overlay — brand vars + overrides extracted from the original inline <style>. */

:root {
  --mainCol: #0174bc;
  --howerCol: #263364;
}

.logo {
  background:#015bb2;
  color: #fff;
  font-size: 30px;
}

header {
  background: #fff;
}

.header_menu ul li a {
  color: #000;
}

body {
  background: #eff7ff;
}

.cl_title {
  color: #104f8b;
}

.button_st {
  background: var(--mainCol);
}

.button_st:hover {
  background: var(--howerCol);
  color: #fff;
}

.countdown_content {
  background: var(--mainCol);
  color: #fff;
}

.progress-bar .bar {
  background: var(--mainCol);
}

.img_block {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
}

.product_img {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.product_img img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Active variants for the rotating right-side review block.
   Step blocks (question_block / load_block / product_block) and the
   question_row .active rule are already handled by legacy.css. */
.questions_img .rev_glob.active { display: block; }

/* Branded backdrop on the right column (survey flow) and on the
   thank-you / offer page. Asset lives in /assets/prod-bg.webp. */
.content_right,
.product_block .content_right {
  background: url(../assets/prod-bg.png) center/cover no-repeat;
  border-radius: 16px;
}

@media (max-width: 900px) {
  .content_left {
    overflow: hidden;
    background: url(../assets/prod-bg.png);
    background-size: cover;
    background-position: center -60px;
    margin-bottom: 0;
    border-radius: 16px 16px 0 0;
  }

  .cl_title {
    color: #fff;
  }

  .cl_shadow {
    background: linear-gradient(180deg, #FFFFFF00 0%, #6f5c77 70%);
  }

  .product_img {
    height: 450px;
    border-radius: 16px;
  }
}