:root {
  --beauty-gold:#c8b284;
  --beauty-gold-deep:#b69c67;
  --beauty-ink:#26231f;
  --beauty-muted:#6a645e;
  --beauty-soft:#f5f1eb;
  --beauty-line:rgba(38,35,31,.14);
}

/* TGOC Beauty page: existing self-pay page structure is kept and only Beauty-specific parts are added. */
.tgoc-beauty-page { background:#fff; }
.tgoc-beauty-page *, .tgoc-beauty-page *::before, .tgoc-beauty-page *::after { box-sizing:border-box; }
.tgoc-beauty-page .beauty-lower-mv { padding-bottom:0; }
.tgoc-beauty-page .beauty-lower-mv .p-lower-mv__inner { position:relative; }

/* Hero uses the same lower-page width/rounding feel as the self-pay page, but with Beauty branding only. */
.tgoc-beauty-page .beauty-logo-hero {
  min-height:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:64px 70px;
  border-radius:12px;
  overflow:hidden;
  background:var(--beauty-gold);
}
.tgoc-beauty-page .beauty-logo-hero img {
  display:block;
  width:min(760px,72%);
  height:auto;
  object-fit:contain;
}

.tgoc-beauty-page .beauty-sidebar .p-sidebar__link.is-active { color:#0874bb; }

.tgoc-beauty-page .beauty-artmake-section { margin-top:0; }
.tgoc-beauty-page .beauty-section-label {
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 18px;
  color:var(--beauty-gold-deep);
  font-size:13px;
  font-weight:600;
  letter-spacing:.13em;
}
.tgoc-beauty-page .beauty-section-label::before {
  content:"";
  width:34px;
  height:1px;
  background:currentColor;
}
.tgoc-beauty-page .beauty-artmake-title { margin-bottom:28px; }
.tgoc-beauty-page .beauty-artmake-lead {
  margin:0;
  color:#4f4a44;
  font-size:16px;
  line-height:2.05;
}

.tgoc-beauty-page .beauty-concerns-box {
  margin-top:46px;
  padding:38px 40px 34px;
  border-radius:12px;
  background:#f3f0ea;
}
.tgoc-beauty-page .beauty-concerns-box h2 {
  margin:0 0 24px;
  text-align:center;
  color:#111;
  font-size:22px;
  font-weight:700;
}
.tgoc-beauty-page .beauty-concerns-list {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 14px;
  margin:0;
  padding:0;
  list-style:none;
}
.tgoc-beauty-page .beauty-concerns-list li {
  position:relative;
  min-height:64px;
  display:flex;
  align-items:center;
  padding:16px 18px 16px 43px;
  border-radius:10px;
  background:#fff;
  color:#3e3934;
  font-size:15px;
  line-height:1.75;
}
.tgoc-beauty-page .beauty-concerns-list li::before {
  content:"";
  position:absolute;
  left:20px;
  top:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--beauty-gold);
  transform:translateY(-50%);
}
/* Detail button: match the size and centered position used on the other self-pay sections. */
.tgoc-beauty-page .beauty-detail-buttons {
  display:flex !important;
  justify-content:center !important;
  width:100%;
  margin-top:60px !important;
}

.tgoc-beauty-page .beauty-detail-buttons .p-insurance-card__btn {
  margin:0 !important;
}

.tgoc-beauty-page .beauty-detail-buttons .p-insurance-card__btn .wp-block-button__link {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:200px !important;
  min-height:42px;
  padding:13px 24px !important;
  font-size:16px !important;
  line-height:1 !important;
}

@media screen and (max-width: 767px) {
  .tgoc-beauty-page .beauty-logo-hero {
    min-height:210px;
    padding:42px 24px;
    border-radius:10px;
  }
  .tgoc-beauty-page .beauty-logo-hero img { width:min(92%,560px); }
  .tgoc-beauty-page .beauty-concerns-box { margin-top:36px; padding:28px 18px 26px; }
  .tgoc-beauty-page .beauty-concerns-box h2 { font-size:20px; }
  .tgoc-beauty-page .beauty-concerns-list { grid-template-columns:1fr; }
  .tgoc-beauty-page .beauty-concerns-list li { min-height:auto; padding:15px 16px 15px 39px; }
  .tgoc-beauty-page .beauty-detail-buttons { margin-top:40px !important; }
  .tgoc-beauty-page .beauty-detail-buttons .p-insurance-card__btn .wp-block-button__link {
    min-width:200px !important;
    padding:13px 24px !important;
    font-size:16px !important;
  }
}