/* ======================================================================
   DUKES - CLIENT PROTECTION - "cpg" grounding pass, 20 August 2026.

   Aarav's brief, verbatim in effect:
     - the hero at the very top is fine, leave it alone
     - drop the breadcrumb and the "Clear guidance" caption
     - the AI photographs go, all of them
     - "I don't like how things are floating, fix that"
     - redesign the layout below the hero

   WHAT WAS FLOATING, MEASURED. Every band below the hero was a rounded box
   1320-1354px wide sitting on the page ground #f3efe7 with a 41.6px gap
   above it, and two of them (company, complaints) had no background at all,
   so their content sat directly on the page with nothing holding it. That
   is the Design Authority's "everything floating" rejection exactly.

   THE FIX. Below the hero every band now runs FULL BLEED with its own
   field colour and no gap, and nests three deep as the Authority requires:

       band field  ->  .cpg-inner (container)  ->  .cpg-frame  ->  plate

   Nothing is separated by a shadow alone. Shadows are gone from the band
   layer entirely; separation is carried by measured tone steps and hairlines.

   The hero keeps its inset rounded card, so it now reads as the opener and
   the page proper begins under it.

   Palette is the page's own, sampled from the live page so the hero still
   belongs: navy #344052, maroon #513538, sand #ecdfc9, stone #e5ddd0,
   cream #fdfbf7, gold #c5a880.
   ==================================================================== */

.page--client-protection {
  --cpg-ink: #221f26;
  --cpg-ink-soft: #55505c;
  --cpg-ink-faint: #6f6976;

  /* the two darks already on the page */
  --cpg-navy: #344052;
  --cpg-navy-lift: #3e4c60;
  --cpg-maroon: #513538;
  --cpg-maroon-lift: #5f4145;

  /* the one white token - plates only */
  --cpg-cream: #fdfbf7;

  /* the fields, each with a container tone one measured step lighter */
  --cpg-sand: #ecdfc9;
  --cpg-sand-lift: #f5eddf;
  --cpg-paper: #f2ebdd;
  --cpg-paper-lift: #f9f5ec;
  --cpg-stone: #e5ddd0;
  --cpg-stone-lift: #f0eae0;

  --cpg-gold: #c5a880;
  --cpg-tan: #d9b98c;

  --cpg-rule: rgb(34 31 38 / 14%);
  --cpg-rule-dark: rgb(253 251 247 / 20%);

  --cpg-shell: min(94vw, 1560px);
  --cpg-tap: 48px;
  --cpg-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* The bands are full bleed, so the page ground is only ever visible behind
   the hero. Bottom padding goes too: the reception band closes the page. */
.page--client-protection .main {
  padding-inline: 0;
  padding-bottom: 0;
}

/* ------------------------------------------------------------------ */
/* THE BAND SYSTEM - layer 1                                           */
/* ------------------------------------------------------------------ */

.page--client-protection .cpl-section,
.page--client-protection .cpl-meaning,
.page--client-protection .cpl-company,
.page--client-protection .cpl-stepper-band,
.page--client-protection .cpl-sources,
.page--client-protection .cpb-contact {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(2.8rem, 5.5vw, 5rem) 4vw;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* field colours - the chapter rhythm, never two adjacent in one family */
.page--client-protection .cpl-section { background: var(--cpg-sand); }
.page--client-protection .cpl-meaning { background: var(--cpg-navy); }
.page--client-protection .cpl-company { background: var(--cpg-paper); }
.page--client-protection .cpl-stepper-band { background: var(--cpg-stone); }
.page--client-protection .cpl-sources { background: var(--cpg-paper); }
.page--client-protection .cpb-contact { background: var(--cpg-maroon); }

/* the reception band closes the sequence with no gap above it */
.page--client-protection .reception { margin-top: 0; }

/* ------------------------------------------------------------------ */
/* LAYER 2 - the container. Everything sits on one measured shell.     */
/* ------------------------------------------------------------------ */

.page--client-protection .cpg-inner,
.page--client-protection .cpl-meaning__inner,
.page--client-protection .cpl-stepper-band__inner,
.page--client-protection .cpl-sources__inner,
.page--client-protection .cpb-contact__inner {
  width: var(--cpg-shell);
  max-width: none;
  margin-inline: auto;
  padding: 0;
}

/* ------------------------------------------------------------------ */
/* LAYER 3 - the frame. One measured step lighter than its field.      */
/* ------------------------------------------------------------------ */

.page--client-protection .cpg-frame {
  padding: clamp(1.1rem, 2.2vw, 2rem);
  border-radius: 20px;
  border: 1px solid var(--cpg-rule);
  background: var(--cpg-sand-lift);
}

.page--client-protection .cpl-stepper-band .cpg-frame { background: var(--cpg-stone-lift); }
.page--client-protection .cpl-sources .cpg-frame { background: var(--cpg-paper-lift); }

.page--client-protection .cpg-frame--dark {
  background: var(--cpg-navy-lift);
  border-color: var(--cpg-rule-dark);
}

/* ------------------------------------------------------------------ */
/* Shared: heading lockups, kickers, actions                           */
/* ------------------------------------------------------------------ */

.page--client-protection .cpb-section-eyebrow,
.page--client-protection .cpl-mcard__label,
.page--client-protection .cpl-card__eyebrow {
  margin: 0 0 0.55rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #8a5b45;
}

.page--client-protection .cpl-section__title,
.page--client-protection .cpl-meaning__title,
.page--client-protection .cpl-stepper-band__title,
.page--client-protection .cpl-sources__title,
.page--client-protection .cpb-contact__title {
  margin: 0 0 0.7rem;
  font-size: clamp(1.9rem, 3vw, 2.85rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.page--client-protection .cpb-section-intro,
.page--client-protection .cpl-stepper-band__intro,
.page--client-protection .cpl-sources__intro {
  margin: 0 0 clamp(1.4rem, 2.6vw, 2.2rem);
  max-width: 52ch;
  font-size: 1rem;
  line-height: 1.65;
  color: var(--cpg-ink-soft);
}

/* ------------------------------------------------------------------ */
/* 01 RECORDS - sand field, the two real certificates                  */
/* ------------------------------------------------------------------ */

.page--client-protection .cpl-section__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.5rem);
  margin: 0;
}

.page--client-protection .cpl-card {
  background: var(--cpg-cream);
  border: 1px solid var(--cpg-rule);
  border-radius: 14px;
  box-shadow: none;
}

/* ------------------------------------------------------------------ */
/* 02 COVER - navy field. The two AI photographs are gone; the cards   */
/* now lead on their own icon, which was previously a badge pinned to  */
/* the photo corner.                                                   */
/* ------------------------------------------------------------------ */

.page--client-protection .cpl-meaning__head { margin-bottom: clamp(1.4rem, 2.6vw, 2.2rem); }

.page--client-protection .cpl-meaning__title { color: #f4efe6; }

.page--client-protection .cpl-meaning__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.5rem);
}

.page--client-protection .cpl-mcard {
  display: block;
  padding: clamp(1.2rem, 2.2vw, 1.9rem);
  background: var(--cpg-cream);
  border: 1px solid var(--cpg-rule);
  border-radius: 14px;
  box-shadow: none;
  overflow: visible;
}

/* the media wrapper held the photograph and an absolutely positioned
   icon plate. With the photograph gone it becomes an ordinary block and
   the icon returns to the flow. */
.page--client-protection .cpl-mcard__media {
  position: static;
  display: block;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0 0 1.1rem;
  aspect-ratio: auto;
  background: none;
  border-radius: 0;
  overflow: visible;
}

.page--client-protection .cpl-mcard__iconplate {
  position: static;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  margin: 0;
  border-radius: 15px;
  background: rgb(52 64 82 / 10%);
  box-shadow: none;
  transform: none;
}

.page--client-protection .cpl-mcard__icon {
  width: 26px;
  height: 26px;
}

.page--client-protection .cpl-mcard__body { padding: 0; }

.page--client-protection .cpl-mcard__lead {
  margin: 0 0 0.6rem;
  font-size: clamp(1.3rem, 1.9vw, 1.65rem);
  line-height: 1.12;
  color: var(--cpg-ink);
}

.page--client-protection .cpl-mcard__copy {
  margin: 0;
  max-width: 46ch;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--cpg-ink-soft);
}

/* the honest note, inside the band rather than drifting under it */
.page--client-protection .cpl-meaning__note {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  margin: clamp(1rem, 1.8vw, 1.5rem) 0 0;
  padding: 0.95rem 1.15rem;
  border: 0;
  border-left: 3px solid var(--cpg-tan);
  border-radius: 0 12px 12px 0;
  background: rgb(253 251 247 / 9%);
  font-size: 0.9rem;
  line-height: 1.6;
  color: #ded6cc;
}

.page--client-protection .cpl-meaning__note strong { color: #f4efe6; }

.page--client-protection .cpl-meaning__note svg {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0.1rem;
  stroke: var(--cpg-tan);
}

/* ------------------------------------------------------------------ */
/* 03 COMPANY - paper field, the split plate is the composed element   */
/* ------------------------------------------------------------------ */

.page--client-protection .cpl-company__inner {
  border-radius: 20px;
  border: 1px solid var(--cpg-rule);
  overflow: hidden;
  box-shadow: none;
}

/* the crown watermark was a full-strength PNG the size of the copy beside
   it. Watermarks on this site run 4-7% and are cropped by an edge. */
.page--client-protection .cpb-company-ghost {
  opacity: 0.07;
  width: 190px;
  height: auto;
  right: -2.5rem;
  bottom: -3rem;
  left: auto;
  filter: grayscale(1);
}

/* ------------------------------------------------------------------ */
/* 04 HELP - stone field. The three stages were a maroon card, a navy  */
/* card and a stone card, which read as three unrelated boxes. They    */
/* are one process, so they are now one plate treatment on a rail.     */
/* ------------------------------------------------------------------ */

.page--client-protection .cpl-stepper-band__head { max-width: 62ch; }

.page--client-protection .cpl-journey {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* the rail: one line through the numerals, so the three plates read as
   a sequence instead of as three cards that happen to sit side by side */
@media (min-width: 56em) {
  .page--client-protection .cpl-journey::before {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    top: calc(clamp(1.1rem, 2vw, 1.7rem) + 21px);
    height: 2px;
    background: linear-gradient(
      90deg,
      rgb(81 53 56 / 0%),
      rgb(81 53 56 / 32%) 12%,
      rgb(81 53 56 / 32%) 88%,
      rgb(81 53 56 / 0%)
    );
  }
}

.page--client-protection .cpl-journey__stage {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(1.1rem, 2vw, 1.7rem);
  background: var(--cpg-cream);
  border: 1px solid var(--cpg-rule);
  border-radius: 14px;
  box-shadow: none;
  color: var(--cpg-ink);
}

.page--client-protection .cpl-journey__track {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0 0 0.9rem;
  padding: 0;
  background: none;
  border: 0;
}

.page--client-protection .cpl-journey__badge {
  display: grid;
  place-items: center;
  flex: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--cpg-maroon);
  color: #f4efe6;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.page--client-protection .cpl-journey__route {
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8a5b45;
}

.page--client-protection .cpl-journey__body { padding: 0; }

.page--client-protection .cpl-journey__title {
  margin: 0 0 0.5rem;
  font-size: clamp(1.2rem, 1.7vw, 1.5rem);
  line-height: 1.14;
  color: var(--cpg-ink);
}

.page--client-protection .cpl-journey__copy {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--cpg-ink-soft);
}

.page--client-protection .cpl-stepper-band__act {
  margin: clamp(1.2rem, 2.2vw, 1.8rem) 0 0;
}

.page--client-protection .cpl-action {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: var(--cpg-tap);
  padding: 0.75rem 1.4rem;
  border-radius: 999px;
  background: var(--cpg-cream);
  border: 1px solid var(--cpg-rule);
  color: var(--cpg-maroon);
  font-size: 0.9rem;
  font-weight: 800;
  text-decoration: none;
  transition: background 180ms var(--cpg-ease), transform 180ms var(--cpg-ease);
}

@media (hover: hover) {
  .page--client-protection .cpl-action:hover {
    background: var(--cpg-maroon);
    border-color: var(--cpg-maroon);
    color: #f4efe6;
    transform: translateY(-2px);
  }
}

/* ------------------------------------------------------------------ */
/* 05 SOURCES - paper field. Two of the three cards lost their photo,  */
/* so all three now carry a mark of the same weight: a stroke glyph on */
/* the two records, and PrimeLocation's real wordmark on the third.    */
/* ------------------------------------------------------------------ */

.page--client-protection .cpl-sources__head { max-width: 62ch; }

.page--client-protection .cpl-sources__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 1.8vw, 1.5rem);
}

.page--client-protection .cpl-source-card {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: clamp(1.1rem, 2vw, 1.6rem);
  background: var(--cpg-cream);
  border: 1px solid var(--cpg-rule);
  border-radius: 14px;
  box-shadow: none;
  text-decoration: none;
  color: var(--cpg-ink);
  transition: transform 180ms var(--cpg-ease), border-color 180ms var(--cpg-ease);
}

.page--client-protection .cpl-source-card__visual {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin: 0 0 0.6rem;
  padding: 0;
  align-self: flex-start;
  border-radius: 15px;
  background: rgb(81 53 56 / 9%);
  aspect-ratio: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.page--client-protection .cpl-source-card__visual img {
  width: 30px;
  height: auto;
  object-fit: contain;
}

/* the wordmark is wide, not square, so its card gets a lozenge */
.page--client-protection .cpl-sources__grid .cpl-source-card:nth-child(3) .cpl-source-card__visual {
  width: auto;
  min-width: 118px;
  padding-inline: 0.9rem;
}

.page--client-protection .cpl-sources__grid .cpl-source-card:nth-child(3) .cpl-source-card__visual img {
  width: 88px;
}

/* bespoke stroke glyphs for the two records, one weight, no circles */
.page--client-protection .cpl-sources__grid .cpl-source-card:nth-child(1) .cpl-source-card__visual {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23513538' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M5.5 20V9.5L12 5l6.5 4.5V20'/%3E%3Cpath d='M9.5 20v-5h5v5'/%3E%3C/svg%3E");
}

.page--client-protection .cpl-sources__grid .cpl-source-card:nth-child(2) .cpl-source-card__visual {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23513538' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a1.8 1.8 0 0 0-1.8 1.8v14.4A1.8 1.8 0 0 0 7 21h10a1.8 1.8 0 0 0 1.8-1.8V8z'/%3E%3Cpath d='M14 3v5h4.8'/%3E%3Cpath d='M8.6 13h6.8M8.6 16.4h4.6'/%3E%3C/svg%3E");
}

.page--client-protection .cpl-source-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0;
}

.page--client-protection .cpl-source-card__body strong {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.15;
  color: var(--cpg-ink);
}

.page--client-protection .cpl-source-card__body > span {
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--cpg-ink-soft);
}

.page--client-protection .cpl-source-card__action {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 44px;
  margin-top: auto;
  padding-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 800;
  color: var(--cpg-maroon);
}

.page--client-protection .cpl-source-card__action::after {
  content: "\2192";
  transition: transform 180ms var(--cpg-ease);
}

@media (hover: hover) {
  .page--client-protection .cpl-source-card:hover {
    transform: translateY(-3px);
    border-color: rgb(81 53 56 / 40%);
  }
  .page--client-protection .cpl-source-card:hover .cpl-source-card__action::after {
    transform: translateX(3px);
  }
}

/* ------------------------------------------------------------------ */
/* 06 CONTACT - maroon field, the routes plate is the composed element */
/* ------------------------------------------------------------------ */

.page--client-protection .cpb-contact-card {
  background: var(--cpg-cream);
  border: 1px solid var(--cpg-rule);
  border-radius: 16px;
  box-shadow: none;
}

/* ------------------------------------------------------------------ */
/* RESPONSIVE                                                          */
/* ------------------------------------------------------------------ */

@media (max-width: 56em) {
  .page--client-protection .cpl-journey { grid-template-columns: minmax(0, 1fr); }
  .page--client-protection .cpl-sources__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 48em) {
  .page--client-protection .cpl-section__grid,
  .page--client-protection .cpl-meaning__grid,
  .page--client-protection .cpl-sources__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .page--client-protection .cpl-section,
  .page--client-protection .cpl-meaning,
  .page--client-protection .cpl-company,
  .page--client-protection .cpl-stepper-band,
  .page--client-protection .cpl-sources,
  .page--client-protection .cpb-contact {
    padding-inline: 5vw;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page--client-protection .cpl-source-card,
  .page--client-protection .cpl-action,
  .page--client-protection .cpl-source-card__action::after {
    transition: none;
  }
}

/* ==================================================================== */
/* SPECIFICITY REPAIRS                                                  */
/* client-protection.css colours the three complaint stages with        */
/* :nth-child() rules, which outrank a plain class selector. They were  */
/* written for three differently-coloured cards; stage 02 kept its navy */
/* fill and inherited dark ink, which is unreadable. Everything below   */
/* is deliberately one level more specific so the process reads as one  */
/* sequence in one treatment.                                           */
/* ==================================================================== */

.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n) {
  background: var(--cpg-cream);
  color: var(--cpg-ink);
  border: 1px solid var(--cpg-rule);
  border-radius: 14px;
}

/* the rail replaces the chevron that used to sit between the cards */
.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n)::after {
  content: none;
}

/* 27 Aug (Amrit): the base layer's vertical connector line ran straight
   through the numerals and copy on phones - retired here the same way. */
.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n)::before {
  content: none;
}

.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n) .cpl-journey__badge {
  background: var(--cpg-maroon);
  border: 0;
  color: #f4efe6;
}

.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n) .cpl-journey__route {
  font-size: 0.7rem;
  color: #8a5b45;
}

.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n) .cpl-journey__title {
  color: var(--cpg-ink);
}

.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n) .cpl-journey__copy {
  color: var(--cpg-ink-soft);
}

@media (hover: hover) {
  .page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n):hover {
    transform: none;
    border-color: rgb(81 53 56 / 38%);
  }
}

/* The icon was filtered to a pale tan because it used to sit on a navy
   plate pinned over a photograph. The photograph is gone, so the plate
   comes with it and the tint stays legible against it. */
.page--client-protection .cpl-mcard .cpl-mcard__iconplate {
  background: var(--cpg-navy);
  border: 1px solid rgb(197 168 128 / 55%);
  border-radius: 15px;
}

/* PrimeLocation's wordmark is pale and washed out on a tinted lozenge. */
.page--client-protection .cpl-sources__grid .cpl-source-card:nth-child(3) .cpl-source-card__visual {
  background-color: #fff;
  border: 1px solid var(--cpg-rule);
}

/* ==================================================================== */
/* VERIFICATION FIXES                                                   */
/* ==================================================================== */

/* The eyebrow measured 4.36:1 on the sand field, just under the 4.5
   minimum. One step darker clears it and still reads as the same accent
   on the cream plates where it is also used. */
.page--client-protection .cpb-section-eyebrow,
.page--client-protection .cpl-mcard__label,
.page--client-protection .cpl-card__eyebrow,
.page--client-protection .cpg-frame .cpl-journey__stage:nth-child(n) .cpl-journey__route {
  color: #7a4d3c;
}

/* An inline text link is still a control: it needs the 48px target. */
.page--client-protection .cpb-contact__alt a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

/* The section pill's rows measured 40px against a 44px minimum. Matching
   the owning selector exactly, so this wins on order rather than by
   inflating specificity; the pill keeps its own look. Its label contrast
   was measured separately at 10.35:1 and needs nothing. */
.page--client-protection .hxnav [data-hxnav-link] {
  min-height: 44px;
}

/* ==================================================================== */
/* CONTACT ROUTE ICONS                                                  */
/* The glyphs were a bare rectangle with a V for email, a thin handset,  */
/* and a generic speech bubble standing in for WhatsApp. They are now    */
/* three solid marks of matching weight, with the real WhatsApp brand    */
/* mark (the same one the contact rail lower down this page uses).       */
/*                                                                      */
/* The lozenge was cream on a cream card with a hairline, so the plate   */
/* was effectively invisible and the icon floated. It now sits on a      */
/* maroon tint and reads as an object.                                   */
/* ==================================================================== */

.page--client-protection .cpb-contact-row .cpb-ico {
  width: 44px;
  height: 44px;
  background: rgb(81 53 56 / 9%);
  border: 0;
  border-radius: 13px;
  color: var(--cpg-maroon);
}

.page--client-protection .cpb-contact-row .cpb-ico .cpb-ico__glyph {
  width: 20px;
  height: 20px;
  fill: currentColor;
  stroke: none;
}

/* A brand mark fills its viewBox edge to edge, so it needs to be set a
   little smaller than the drawn glyphs to look the same size. */
.page--client-protection .cpb-contact-row[href^="https://wa.me"] .cpb-ico .cpb-ico__glyph {
  width: 19px;
  height: 19px;
}

/* the same rows on the dark reception band */
.page--client-protection .cpb-reception-contact .cpb-contact-row .cpb-ico {
  background: rgb(244 239 230 / 10%);
  border: 0;
  color: #d9b98c;
}