/* Tejori — text pages (policies, terms, share wish list) */

.cms {
  width: 100%;
  padding-block: 2.604vw;
  overflow: hidden;
}

/* ---------- title block ---------- */

.cms__hd {
  padding-inline: 5.208vw;
  padding-bottom: 2.604vw;
}

.cms__h {
  margin: 0;
  font-size: 2.5vw;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--c-green);
}

/* a single link in the copy is underlined */
.u {
  text-decoration: underline;
}

.cms__pre {
  color: #000;
}

.cms__u {
  margin: 0;
  padding-bottom: 1.823vw;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0;
  color: #000;
}

.cms__d,
.cms__d p {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 2vw;
  letter-spacing: 0;
  color: #000;
}

/* ---------- numbered blocks ---------- */

.tb {
  background: #f5f5f5;
}

.tb + .tb {
  margin-top: 1.563vw;
}

.tb__h {
  background: var(--c-green);
}

.tb__h h2 {
  margin: 0;
  padding: 1.458vw 5.208vw 1.458vw 10.417vw;
  font-size: 1.667vw;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}

.tb__b {
  padding: 1.042vw 5.208vw 1.042vw 10.417vw;
}

.tb__b h4 {
  margin: 1.823vw 0 .26vw;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 2.188vw;
  color: #000;
}

.tb__b h4:first-child,
.tb__b h4.nmt {
  margin-top: 0;
}

.tb__b p,
.tb__b ol li,
.tb__b ul li {
  margin: 0;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 2.188vw;
  color: #000;
}

.tb__b ol,
.tb__b ul {
  margin: 0;
  padding-left: 1.302vw;
}

/* a plain list that keeps its own dash instead of a marker */
.tb__b ul.ins {
  position: relative;
  margin-left: -1.146vw;
  padding-left: .625vw;
  list-style: none;
}

.tb__b ul.ins li::before {
  content: "-";
  position: absolute;
  left: 0;
}

.tb__b .b,
.tb__b ol.b li,
.tb__b ul.b li {
  font-weight: 700;
}

.tb__b .sb {
  font-weight: 500;
}

.tb__b strong {
  color: #000;
}

.tb__b a {
  color: #000;
  text-decoration: none;
}

.tb__b a:hover {
  color: #f89521;
}

/* ---------- lines that carry a small icon ---------- */

.tb__b .ifo,
.tb__b .eml {
  position: relative;
}

.tb__b .ifo { padding-left: 1.823vw; }
.tb__b .eml { padding-left: 1.875vw; }

.tb__b .ifo::before,
.tb__b .eml::before {
  content: "";
  position: absolute;
  top: .521vw;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.tb__b .ifo::before {
  width: 1.354vw;
  height: 1.354vw;
  background-image: url(../img/info.webp);
}

.tb__b .eml::before {
  width: 1.302vw;
  height: 1.302vw;
  background-image: url(../img/em.webp);
}

@media (max-width: 767px) {
  .cms {
    padding-block: 9.091vw;
  }

  .cms__hd {
    padding-inline: 4.545vw;
    padding-bottom: 8.182vw;
  }

  .cms__h {
    font-size: 8.182vw;
    line-height: 8.182vw;
  }

  .cms__u {
    padding-top: 1.818vw;
    padding-bottom: 5.682vw;
    font-size: 4.091vw;
    line-height: 6.545vw;
  }

  .cms__d,
  .cms__d p {
    font-size: 3.409vw;
    line-height: 5.455vw;
  }

  .tb + .tb {
    margin-top: 4.545vw;
  }

  .tb__h h2 {
    padding: 4.091vw 4.545vw;
    font-size: 5.455vw;
    line-height: 6.818vw;
  }

  .tb__b {
    padding: 4.545vw;
  }

  .tb__b p {
    font-size: 3.409vw;
    line-height: 5.455vw;
  }

  /* purani site par sirf ol li ka mobile size diya gaya hai, ul li ka nahi —
     wahi rakha hai taake render bilkul reference jaisa rahe */
  .tb__b ol li {
    font-size: 3.409vw;
    line-height: 5.966vw;
  }

  .tb__b h4 {
    margin-top: 5.682vw;
    font-size: 3.409vw;
    line-height: 5.966vw;
  }

  .tb__b ol,
  .tb__b ul {
    padding-left: 3.409vw;
  }

  .tb__b .mt { margin-top: 3.409vw; }
  .tb__b .mtp { margin-top: 2.273vw; }

  .tb__b .ifo {
    margin-block: 3.409vw;
    padding-left: 6.364vw;
    font-size: 3.409vw;
  }

  .tb__b .eml {
    padding-left: 6.364vw;
    font-size: 3.409vw;
  }

  .tb__b .ifo::before { width: 4.394vw; height: 4.323vw; }
  .tb__b .eml::before { width: 4.261vw; height: 4.261vw; }
}