/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Pages/Contact.razor.rz.scp.css */
#contact-page[b-8wea4t6y4v] {
  max-width: 560px;
  margin: 3em auto 5em;
}

.contact-logo[b-8wea4t6y4v] {
  display: block;
  max-width: 180px;
  height: auto;
  margin: 0 auto 1.5em;
}

#contact-intro p[b-8wea4t6y4v] {
  color: var(--color-slate);
  line-height: 1.6;
  margin-top: .5em;
}

.contact-card[b-8wea4t6y4v] {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--color-line);
  border-radius: 16px;
  box-shadow: 0 20px 40px -28px rgba(11, 31, 58, .3);
  padding: 2em 2.2em 1.8em;
  margin-top: 1.5em;
}

.contact-ref[b-8wea4t6y4v] {
  position: absolute;
  top: 1.6em;
  right: 1.8em;
  font-family: var(--font-mono);
  font-size: .75em;
  color: var(--color-slate);
  letter-spacing: .04em;
}

.form-field[b-8wea4t6y4v] {
  margin-bottom: 1.25em;
  display: flex;
  flex-direction: column;
  gap: .35em;
}

  .form-field label[b-8wea4t6y4v] {
    font-weight: 500;
    color: var(--color-ink);
  }

  .form-field[b-8wea4t6y4v]  .k-textbox,
  .form-field[b-8wea4t6y4v]  .k-textarea {
    width: 100%;
  }

  .form-field[b-8wea4t6y4v]  .validation-message {
    color: var(--kendo-color-error);
    font-size: var(--kendo-font-size-sm);
  }

.contact-details[b-8wea4t6y4v] {
  margin-top: 3em;
  padding-top: 2em;
  border-top: 1px solid var(--color-line);
  display: flex;
  gap: 2.5em;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

.contact-detail-label[b-8wea4t6y4v] {
  display: block;
  font-family: var(--font-mono);
  font-size: .75em;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-slate);
  margin-bottom: .4em;
}

.contact-detail a[b-8wea4t6y4v],
.contact-detail address[b-8wea4t6y4v] {
  font-style: normal;
  color: var(--color-ink);
  line-height: 1.5;
}

.contact-detail a[b-8wea4t6y4v] {
  text-decoration: none;
  font-weight: 500;
}

.contact-success[b-8wea4t6y4v] {
  background: var(--kendo-color-success-subtle);
  color: var(--kendo-color-success-on-subtle);
  border-radius: var(--kendo-border-radius-md);
  padding: 1em 1.25em;
}
/* /Components/Pages/ManagePreferences.razor.rz.scp.css */
#manage-page[b-o3g22e56s4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 220px);
  padding: 2em 1em 3em;
}

.shop-logo[b-o3g22e56s4] {
  max-width: 160px;
  max-height: 160px;
  width: auto;
  height: auto;
  margin-bottom: 1.2em;
}

.manage-card[b-o3g22e56s4] {
  background: #ffffff;
  border: 1px solid var(--color-line);
  border-radius: 22px;
  box-shadow: 0 30px 60px -30px rgba(11, 31, 58, .35);
  padding: 2.4em 2em 2em;
  max-width: 460px;
  width: 100%;
  text-align: center;
}

.manage-card h1[b-o3g22e56s4] {
  font-size: 1.5em;
  line-height: 1.2;
  margin: 0 0 .25em;
}

.manage-lead[b-o3g22e56s4] {
  color: var(--color-slate);
  line-height: 1.6;
  margin: 0 0 1.6em;
}

.method-options[b-o3g22e56s4] {
  display: flex;
  flex-direction: column;
  gap: .9em;
  text-align: left;
  margin-bottom: 1.4em;
}

.method-option[b-o3g22e56s4] {
  display: flex;
  align-items: center;
  gap: .7em;
  font-size: .96em;
  color: var(--color-ink);
  cursor: pointer;
}

  .method-option input[type="radio"][b-o3g22e56s4] {
    flex: none;
    width: 1.1em;
    height: 1.1em;
    accent-color: var(--color-signal);
  }

.method-input[b-o3g22e56s4] {
  width: 100%;
  box-sizing: border-box;
  padding: .7em .9em;
  border: 1px solid var(--color-line);
  border-radius: 10px;
  font: inherit;
  margin-top: -.4em;
}

  .method-input:focus[b-o3g22e56s4] {
    outline: none;
    border-color: var(--color-signal);
  }

.method-reason[b-o3g22e56s4] {
  min-height: 4.5em;
  resize: vertical;
}

.manage-error[b-o3g22e56s4] {
  color: #c0392b;
  font-size: .88em;
  margin: 0 0 1em;
}

.manage-submit[b-o3g22e56s4] {
  width: 100%;
  padding: .95em 1.2em;
  border-radius: 12px;
  border: none;
  background: var(--color-signal);
  color: #ffffff;
  font-weight: 600;
  font-size: 1.02em;
  cursor: pointer;
  transition: transform .06s ease, box-shadow .2s ease;
}

  .manage-submit:hover[b-o3g22e56s4] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px -12px rgba(11, 31, 58, .5);
  }

  .manage-submit:disabled[b-o3g22e56s4] {
    opacity: .6;
    cursor: default;
    transform: none;
    box-shadow: none;
  }

.manage-mark[b-o3g22e56s4] {
  width: 64px;
  height: 64px;
  margin: 0 auto 1em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  font-weight: 600;
}

.manage-mark-muted[b-o3g22e56s4] {
  background: var(--color-paper);
  color: var(--color-slate);
}

.manage-muted[b-o3g22e56s4] {
  color: var(--color-slate);
  line-height: 1.6;
  margin: 0;
}
/* /Components/Pages/ReviewLanding.razor.rz.scp.css */
#review-page[b-9bol42sg5k] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 220px);
  padding: 2em 1em 3em;
}

.review-card[b-9bol42sg5k] {
  background: #ffffff;
  border: 1px solid var(--color-line);
  border-radius: 22px;
  box-shadow: 0 30px 60px -30px rgba(11, 31, 58, .35);
  padding: 2.4em 2em 2em;
  max-width: 460px;
  width: 100%;
  text-align: center;
}

.review-stars[b-9bol42sg5k] {
  display: flex;
  justify-content: center;
  gap: .2em;
  color: var(--color-amber);
  margin-bottom: 1em;
}

  .review-stars svg[b-9bol42sg5k] {
    width: 26px;
    height: 26px;
  }

.review-card h1[b-9bol42sg5k] {
  font-size: 1.7em;
  line-height: 1.2;
  margin: 0 0 .25em;
}

.review-visit[b-9bol42sg5k] {
  font-family: var(--font-mono);
  font-size: .82em;
  letter-spacing: .03em;
  color: var(--color-slate);
  margin: 0 0 1.4em;
}

.review-lead[b-9bol42sg5k] {
  color: var(--color-slate);
  line-height: 1.6;
  margin: 0 0 1.8em;
}

.work-summary[b-9bol42sg5k] {
  text-align: left;
  background: var(--color-paper);
  border: 1px solid var(--color-line);
  border-radius: 14px;
  padding: 1.1em 1.3em;
  margin: 0 0 1.8em;
}

.work-summary-head[b-9bol42sg5k] {
  font-size: .9em;
  font-weight: 600;
  color: var(--color-ink);
  margin: 0 0 .7em;
}

.work-list[b-9bol42sg5k] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .5em;
}

  .work-list li[b-9bol42sg5k] {
    position: relative;
    padding-left: 1.6em;
    font-size: .92em;
    color: var(--color-ink);
    line-height: 1.4;
  }

    .work-list li[b-9bol42sg5k]::before {
      content: "";
      position: absolute;
      left: 0;
      top: .12em;
      width: 1.1em;
      height: 1.1em;
      border-radius: 50%;
      background: var(--color-signal);
      /* white check drawn inside the dot */
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
      background-size: .7em .7em;
      background-repeat: no-repeat;
      background-position: center;
    }

.work-more[b-9bol42sg5k] {
  margin: .8em 0 0;
  font-size: .82em;
  font-style: italic;
  color: var(--color-slate);
}

.review-links[b-9bol42sg5k] {
  display: flex;
  flex-direction: column;
  gap: .7em;
}

.review-btn[b-9bol42sg5k] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .65em;
  width: 100%;
  padding: .95em 1.2em;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.02em;
  text-decoration: none;
  border: 1px solid transparent;
  transition: transform .06s ease, box-shadow .2s ease;
}

  .review-btn:hover[b-9bol42sg5k] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px -12px rgba(11, 31, 58, .5);
  }

  .review-btn[b-9bol42sg5k]  svg {
    width: 20px;
    height: 20px;
    flex: none;
  }

  .review-btn.facebook[b-9bol42sg5k] {
    background: #1877F2;
    color: #ffffff;
  }

  .review-btn.google[b-9bol42sg5k] {
    background: #ffffff;
    color: var(--color-ink);
    border-color: var(--color-line);
  }

  .review-btn.shopcritics[b-9bol42sg5k] {
    background: var(--color-signal);
    color: #ffffff;
  }

  .review-btn.yelp[b-9bol42sg5k] {
    background: #d32323;
    color: #ffffff;
  }

.review-notme[b-9bol42sg5k] {
  margin-top: 1.6em;
  background: none;
  border: none;
  padding: .4em;
  font: inherit;
  font-size: .88em;
  color: var(--color-slate);
  text-decoration: underline;
  cursor: pointer;
}

  .review-notme:hover[b-9bol42sg5k] {
    color: var(--color-ink);
  }

.review-mark[b-9bol42sg5k] {
  width: 64px;
  height: 64px;
  margin: 0 auto 1em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  font-weight: 600;
}

.review-mark-muted[b-9bol42sg5k] {
  background: var(--color-paper);
  color: var(--color-slate);
}

.review-muted[b-9bol42sg5k] {
  color: var(--color-slate);
  line-height: 1.6;
  margin: 0;
}
