/* ============================================================
   refresh01.css v6 - clinic page + booking selection
   Hero rebuild, 2026-09-09.

   Loaded ONLY by profile.html and book.html. Every rule is scoped
   to #view-profile (clinic page) or to .booking-select-box / .svc-*
   (booking selection), neither of which exists anywhere else.

   House rule: a container is defined by its fill and the air around
   it, never by an outline. Borders survive only as dividers inside a
   surface, or as a deliberate accent.
   ============================================================ */

:root{
  --c01-mri: #14657f;   /* brand teal */
  --c01-ct:  #4C4A8F;   /* indigo */
  --c01-us:  #2E6B4F;   /* green */
  --c01-xr:  #8A5324;   /* bronze */
  --c01-gp:  #5A6B75;   /* slate */
  --c01-any: #5A6B75;
}

/* ============================================================
   1 · HERO
   ============================================================ */

#view-profile .c01-hero{
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-shadow: var(--shadow);
  isolation: isolate;
}
#view-profile .c01-hero-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
#view-profile .c01-hero-noimg{ background: var(--teal-c); }

/* Two stops rather than one: the name needs a dense ground, the top of
   the image should stay legible as a photograph. */
#view-profile .c01-hero-scrim{
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(to top,
      rgba(10,32,40,0.94) 0%,
      rgba(10,32,40,0.80) 26%,
      rgba(10,32,40,0.28) 58%,
      rgba(10,32,40,0.10) 100%);
}

#view-profile .c01-hero-inner{
  position: relative;
  z-index: 2;
  padding: 32px 36px 26px;
  color: #fff;
}
#view-profile .c01-hero-badge{
  width: 62px;
  height: 62px;
  border-radius: 14px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 18px;
  font-family: var(--serif);
  font-size: 26px;
  color: var(--main);
  box-shadow: 0 6px 18px -6px rgba(0,0,0,0.45);
}
#view-profile .c01-hero-badge img{
  width: 100%; height: 100%; object-fit: contain;
}
#view-profile .c01-hero-name{
  font-family: var(--serif);
  font-size: clamp(30px, 4.4vw, 46px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0 0 10px;
  max-width: 18ch;
  text-wrap: balance;
}
#view-profile .c01-hero-meta{
  font-size: 14.5px;
  color: rgba(255,255,255,0.92);
  margin: 0 0 22px;
}
#view-profile .c01-hero-meta .c01-sep{ opacity: 0.5; margin: 0 2px; }
#view-profile .c01-hero-meta .c01-dim{ color: rgba(255,255,255,0.72); }
#view-profile .c01-star{ color: #F5B851; }

#view-profile .c01-hero-cta{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
#view-profile .c01-cta{
  border: 0;
  background: #fff;
  color: var(--main);
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 600;
  padding: 13px 26px;
  border-radius: 999px;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 8px 22px -10px rgba(0,0,0,0.6);
}
#view-profile .c01-cta:hover{ transform: translateY(-1px); box-shadow: 0 12px 28px -10px rgba(0,0,0,0.7); }
#view-profile .c01-cta-ghost{
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 13px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.42);
  transition: background 0.15s ease;
}
#view-profile .c01-cta-ghost:hover{ background: rgba(255,255,255,0.14); }

/* Facts ride on the base of the hero - no separate white box below it. */
#view-profile .c01-hero-facts{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1px;
  background: rgba(255,255,255,0.16);
  border-top: 1px solid rgba(255,255,255,0.16);
}
#view-profile .c01-fact{
  background: rgba(10,32,40,0.72);
  backdrop-filter: blur(6px);
  padding: 15px 20px 17px;
  min-width: 0;
}
#view-profile .c01-fact-label{
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.66);
  margin-bottom: 6px;
}
#view-profile .c01-fact-value{
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: #fff;
  line-height: 1.2;
}
#view-profile .c01-fact-value small{
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: rgba(255,255,255,0.7);
}

/* The old "Diagnostic scans starting from" bar duplicated the hero's
   Scans from fact and the price on every row below it. */
#view-profile .profile-price-bar{ display: none !important; }

/* ============================================================
   2 · SECTIONS
   ============================================================ */

#view-profile .profile-sub-head{
  display: flex;
  align-items: baseline;
  gap: 16px;
  font-family: var(--serif);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.015em;
  color: var(--ink);
  margin: 52px 0 20px;
  scroll-margin-top: 90px;
}
#view-profile .profile-sub-head::after{
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line-soft);
}
#view-profile .profile-info-card{
  border: 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
#view-profile #profileLocationMap{
  border: 0 !important;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

/* ============================================================
   3 · SCAN BROWSER
   ============================================================ */

/* The scan they searched for, lifted out so they never hunt for it. */
#view-profile .c01-chosen{
  background: var(--card);
  border-radius: var(--radius);
  border-left: 3px solid var(--main);
  box-shadow: var(--shadow);
  padding: 18px 22px 16px;
  margin-bottom: 26px;
}
#view-profile .c01-chosen-label{
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--main);
  margin-bottom: 12px;
}
#view-profile .c01-chosen-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
#view-profile .c01-chosen-name{
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--ink);
}
#view-profile .c01-chosen-meta{
  font-size: 12.5px;
  color: var(--ink-soft);
  margin-top: 5px;
}
#view-profile .c01-chosen-right{
  display: flex;
  align-items: center;
  gap: 16px;
}
#view-profile .c01-chosen-price{
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
#view-profile .c01-book-primary{
  border: 0;
  background: var(--main);
  color: #fff;
  font-family: var(--sans);
  font-size: 14.5px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s ease;
}
#view-profile .c01-book-primary:hover{ background: var(--teal-c); }
#view-profile .c01-chosen-note{
  margin: 14px 0 0;
  font-size: 12.5px;
  color: var(--ink-soft);
}

/* toolbar */
#view-profile .c01-tools{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 8px;
}
#view-profile .c01-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#view-profile .c01-tab{
  border: 0;
  background: var(--card);
  color: var(--ink-soft);
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 999px;
  cursor: pointer;
  box-shadow: var(--shadow);
  transition: background 0.15s ease, color 0.15s ease;
}
#view-profile .c01-tab span{
  font-weight: 500;
  opacity: 0.6;
  margin-left: 3px;
}
#view-profile .c01-tab:hover{ color: var(--ink); }
#view-profile .c01-tab.is-on{ background: var(--ink); color: #fff; }
#view-profile .c01-tab.is-on span{ opacity: 0.7; }

#view-profile .c01-search{
  flex: 1;
  min-width: 220px;
  max-width: 320px;
  border: 0;
  background: var(--card);
  border-radius: 999px;
  padding: 11px 18px;
  font-family: var(--sans);
  font-size: 14px;
  color: var(--ink);
  box-shadow: var(--shadow);
}
#view-profile .c01-search::placeholder{ color: var(--ink-soft); }
#view-profile .c01-search:focus{
  outline: 2px solid var(--main);
  outline-offset: 1px;
}

/* one list, however long */
#view-profile .c01-list{
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  margin-top: 14px;
}
#view-profile .c01-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--line-soft);
}
#view-profile .c01-row:last-child{ border-bottom: 0; }
#view-profile .c01-row-main{
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
#view-profile .c01-row-text{ min-width: 0; }
#view-profile .c01-row-name{
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ink);
}
#view-profile .c01-row-meta{
  font-size: 12px;
  color: var(--ink-soft);
  margin-top: 3px;
}

/* Modality label - deliberately larger than the old 12px badge. */
#view-profile .c01-tag{
  --accent: var(--c01-any);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  padding: 7px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent) 12%, #fff);
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}
#view-profile .c01-tag.m-mri{ --accent: var(--c01-mri); }
#view-profile .c01-tag.m-ct { --accent: var(--c01-ct);  }
#view-profile .c01-tag.m-us { --accent: var(--c01-us);  }
#view-profile .c01-tag.m-xr { --accent: var(--c01-xr);  }
#view-profile .c01-tag.m-gp { --accent: var(--c01-gp);  }

#view-profile .c01-row-right{
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
#view-profile .c01-price{
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#view-profile .c01-book{
  border: 1px solid var(--line);
  background: transparent;
  color: var(--main);
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
#view-profile .c01-book:hover{
  background: var(--main);
  border-color: var(--main);
  color: #fff;
}
#view-profile .c01-book:focus-visible{ outline: 2px solid var(--main); outline-offset: 2px; }

#view-profile .c01-count{
  margin: 12px 2px 0;
  font-size: 12.5px;
  color: var(--ink-soft);
}
#view-profile .c01-note{
  margin: 12px 2px 0;
  font-size: 12.5px;
  color: var(--ink-soft);
}
#view-profile .c01-empty{
  padding: 30px;
  text-align: center;
  font-size: 13.5px;
  color: var(--ink-soft);
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

@media (max-width: 760px){
  #view-profile .c01-hero{ min-height: 400px; }
  #view-profile .c01-hero-inner{ padding: 26px 22px 22px; }
  #view-profile .c01-hero-badge{ width: 52px; height: 52px; margin-bottom: 14px; }
  #view-profile .c01-hero-name{ max-width: none; }
  #view-profile .c01-hero-facts{ grid-template-columns: repeat(2, 1fr); }
  #view-profile .c01-cta, #view-profile .c01-cta-ghost{ flex: 1; text-align: center; }
  #view-profile .profile-sub-head{ font-size: 21px; margin: 38px 0 16px; }

  #view-profile .c01-row{
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 16px 18px;
  }
  #view-profile .c01-row-right{ width: 100%; justify-content: space-between; }
  #view-profile .c01-search{ max-width: none; }
  #view-profile .c01-chosen-row{ align-items: flex-start; }
  #view-profile .c01-chosen-right{ width: 100%; justify-content: space-between; }
}

/* ============================================================
   4 · BOOKING SELECTION  (step 1 of /book)
   Markup comes from renderRealServiceChecklist() in app.js.
   ============================================================ */

.booking-select-box{
  background: var(--card);
  border: 0;
  border-left: 3px solid var(--main);
  border-radius: var(--radius);
  padding: 20px 22px 22px;
  box-shadow: var(--shadow);
}
/* styles.css floats this as a fieldset-style legend on the box's top border
   (position:absolute; top:-11px). With the border gone it would hang in
   mid-air, so it comes back into normal flow. */
.booking-select-title{
  position: static;
  padding: 0;
  background: none;
  font-family: var(--serif);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--ink);
  margin-bottom: 4px;
}
.booking-select-box .svc-picker-row{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-top: 16px;
  padding: 16px;
  background: var(--bg);
  border: 0;
  border-radius: var(--radius-sm, 10px);
}
.booking-select-box .svc-picker-row label{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 7px;
}
.svc-step-num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--main);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  flex-shrink: 0;
}

/* empty state - the one place a dashed edge earns its keep */
#svcCartList > p{
  margin: 0;
  padding: 22px 16px;
  text-align: center;
  border: 1px dashed var(--line);
  border-radius: var(--radius-sm, 10px);
  background: var(--bg);
  font-size: 13px !important;
  color: var(--ink-soft);
}

.svc-cart-row{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  background: var(--bg);
  border: 0;
  border-radius: var(--radius-sm, 10px);
  margin-bottom: 8px;
}
.svc-cart-row:last-child{ margin-bottom: 0; }
.svc-check-label{
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
  min-width: 0;
}
.svc-check-meta{
  font-weight: 400;
  font-size: 12px;
  color: var(--ink-soft);
  margin-left: 6px;
}
.svc-check-price{
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.svc-remove{
  border: 0;
  background: transparent;
  color: var(--ink-soft);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.16s ease, color 0.16s ease;
}
.svc-remove:hover{ background: var(--danger); color: #fff; }

/* running total - inherits flex-direction:column from elsewhere, which
   stacks label over value into a tall black block, so force a row. */
#svcTopTotal{
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  margin-top: 16px;
  padding: 11px 16px;
  background: var(--main);
  color: #fff;
  border: 0;
  border-radius: var(--radius-sm, 10px);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
#svcTopTotalValue{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

/* styles.css already collapses .svc-picker-row to a column at 760px -
   match that breakpoint, or align-items:flex-end (correct for a row)
   right-aligns the stacked column instead. */
@media (max-width: 760px){
  .booking-select-box .svc-picker-row{ flex-direction: column; align-items: stretch; }
  .booking-select-box .svc-picker-row > button{ width: 100% !important; align-self: stretch !important; }
}


/* ============================================================
   5 · HOW TO GET THERE  (under the clinic map)
   ============================================================ */

#view-profile .c01-directions{
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px 24px 24px;
  margin-top: 16px;
}
#view-profile .c01-dir-title{
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0;
}
#view-profile .c01-dir-addr{
  margin: 5px 0 0;
  font-size: 13.5px;
  color: var(--ink-soft);
}
#view-profile .c01-dir-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 18px;
}
#view-profile .c01-dir-tab{
  border: 0;
  background: var(--bg);
  color: var(--ink-soft);
  font-family: var(--sans);
  font-size: 13.5px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
#view-profile .c01-dir-tab:hover{ color: var(--ink); }
#view-profile .c01-dir-tab.is-on{ background: var(--main); color: #fff; }
#view-profile .c01-dir-line{
  margin: 0 0 16px;
  font-size: 14px;
  color: var(--ink-soft);
  line-height: 1.55;
}
#view-profile .c01-dir-sub{
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 8px;
}
#view-profile .c01-dir-stations{ margin-bottom: 18px; }
#view-profile .c01-dir-station{
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line-soft);
}
#view-profile .c01-dir-station:last-child{ border-bottom: 0; }
#view-profile .c01-dir-st-name{
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
}
#view-profile .c01-dir-st-modes{
  flex: 1;
  font-size: 12px;
  color: var(--ink-soft);
}
#view-profile .c01-dir-st-dist{
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#view-profile .c01-dir-go{
  display: inline-block;
  background: var(--main);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 11px 22px;
  border-radius: 999px;
  transition: background 0.15s ease;
}
#view-profile .c01-dir-go:hover{ background: var(--teal-c); }

@media (max-width: 620px){
  #view-profile .c01-directions{ padding: 20px 18px 22px; }
  #view-profile .c01-dir-station{ flex-wrap: wrap; gap: 4px 12px; }
  #view-profile .c01-dir-st-modes{ flex-basis: 100%; order: 3; }
  #view-profile .c01-dir-go{ display: block; text-align: center; }
}

/* ============================================================
   6 · "Scans selected" heading in the booking basket
   ============================================================ */

.svc-cart-title{
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.005em;
  text-transform: none;
  color: var(--ink);
  margin-bottom: 12px;
}
.svc-cart-title span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--main);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0;
}


/* ============================================================
   8 · MAP PIN CENTRING
   styles.css pads the pill 5px 12px 5px 5px - right padding sized for the
   search-results pin, which carries price and rating text beside the logo.
   The profile pin has only the logo, so that padding pushed it 3.5px left
   of the tail. Even padding puts the logo back over the point it marks.
   ============================================================ */

#view-profile .clinic-pin-pill{ padding: 5px; gap: 0; }


#view-profile .c01-chosen-all{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--line-soft);
}
#view-profile .c01-book-all{
  border: 0;
  background: var(--main);
  color: #fff;
  font-family: var(--sans);
  font-size: 14.5px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.15s ease;
}
#view-profile .c01-book-all:hover{ background: var(--teal-c); }
#view-profile .c01-chosen-all-note{ font-size: 12.5px; color: var(--ink-soft); }


/* ============================================================
   9 · SCAN PICKER  (replaces the filter bar on the clinic page)
   ============================================================ */

#view-profile .c01-picker{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px;
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px 20px;
  margin-bottom: 26px;
}
#view-profile .c01-picker-field{
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1;
  min-width: 170px;
}
#view-profile .c01-picker-field label{
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
#view-profile .c01-picker-field select{
  font-family: var(--sans);
  font-size: 14.5px;
  color: var(--ink);
  background: var(--bg);
  border: 0;
  border-radius: var(--radius-sm, 10px);
  padding: 12px 14px;
  width: 100%;
}
#view-profile .c01-picker-field select:focus{ outline: 2px solid var(--main); outline-offset: 1px; }
#view-profile .c01-picker-go{
  border: 0;
  background: var(--main);
  color: #fff;
  font-family: var(--sans);
  font-size: 14.5px;
  font-weight: 600;
  padding: 13px 28px;
  border-radius: 999px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease;
}
#view-profile .c01-picker-go:hover{ background: var(--teal-c); }
#view-profile .c01-picker-go:disabled{ opacity: 0.5; cursor: default; }

#view-profile .c01-sec-label{
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--ink-soft);
  margin-bottom: 10px;
}

@media (max-width: 620px){
  #view-profile .c01-picker{ flex-direction: column; align-items: stretch; }
  #view-profile .c01-picker-go{ width: 100%; }
}