.cardStyles .section-card-content .content-heading-para{margin-bottom:16px;color:#666;font-family:var(--base-font);font-size:18px;line-height:28px}
.section-card-content .content-heading-para{margin-bottom:16px;color:#666;font-family:var(--base-font);font-size:18px;line-height:28px}
.add-Peptides-btn-user{background-color:#27de81;color:#fff;border:none;border-radius:5px;cursor:pointer;padding:6px;font-size:1rem;transition:all .3s}
.SC-text{font-family:var(--base-font);color:#000c;font-size:25px;line-height:33px;font-weight:400}
.blog-content-heading-section{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem}
.blog-content-heading{max-width:500px}
.calc_table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--base-font);box-shadow:0 2px 10px #0000001a;margin:20px auto;border-radius:8px;overflow:hidden}
.calc_table thead th{background:linear-gradient(180deg,#2d587b,#52a1e1);color:#fff;text-align:left;padding:12px;font-weight:700;border-right:1px solid #ffffff33}
.calc_table thead th:last-child{text-align:center;border-right:none}
.calc_table tbody td{padding:12px;border-top:1px solid #ddd;background-color:#fff;vertical-align:middle}
.calc_table tbody td+td{border-left:1px solid #ddd;text-align:center}
.calc_table tbody tr:nth-child(2n) td{background-color:#f9f9f9}
.calc_table tbody tr:hover td{background-color:#e6f2ff}
.bmi-content-list li{font-family:var(--base-font);font-weight:500;font-size:18px;line-height:28px;color:#6f6f6f}
.content-heading-text{font-weight:800;letter-spacing:.2px}
.dsg-search{min-width:240px;border:1px solid rgba(177,176,176,.4);border-radius:8px;height:44px}
.dsg-action-buttons .btn,.dsg-action-buttons .dsg-upload-label{display:inline-flex;align-items:center;gap:8px;border-radius:10px;transition:transform .12s ease,box-shadow .12s ease,background .2s ease}
.dsg-action-buttons .btn:hover,.dsg-action-buttons .dsg-upload-label:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a,0 10px 10px #0000000f,0 18px 14px #00000008}
.dsg-action-icons{width:20px!important;height:20px;object-fit:contain}
.dsg-action-icons2{width:18px!important;height:20px;object-fit:contain}
.calc_table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden}
.calc_table thead th{background:linear-gradient(180deg,#4f86ff,#2f68e5);color:#fff;font-weight:700;padding:14px 16px;border:none;vertical-align:middle;font-size:15px}
.calc_table tbody td{padding:14px 16px;border-bottom:1px solid #eef2f7;color:#111827;vertical-align:middle;background:#fff;font-size:15px}
.calc_table tbody tr:last-child td{border-bottom:0}
.dsg-skel{height:18px;width:100%;border-radius:6px;background:linear-gradient(90deg,#f2f4f8 25%,#e9ecf2 37%,#f2f4f8 63%);background-size:400% 100%;animation:dsg-skel 1.2s ease-in-out infinite}
.dsg-btn-details{background:#fff;border:1px solid rgba(177,176,176,.35);border-radius:8px;font-weight:600;padding:6px 10px}
.dsg-btn-details:hover{background:#f9fafb}
.dsg-action-icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid rgba(177,176,176,.35);transition:background .15s ease,box-shadow .15s ease,transform .12s ease}
.dsg-action-icon-btn:hover{background:#f9fafb;transform:translateY(-1px);box-shadow:0 6px 12px #0000000f}
@media (max-width: 992px){.calc_table thead th,.calc_table tbody td{padding:12px;font-size:14px}.dsg-action-icon-btn{width:34px;height:34px}}
@media (max-width: 540px){.content-heading-text{font-size:1.5rem}.dsg-search{min-width:100%;height:40px}.calc_table thead th,.calc_table tbody td{font-size:13px;padding:10px}.action-cell-wrapper svg{width:16px;height:16px}.dsg-btn-details{padding:5px 8px;font-size:12px}}
.add-Peptides-btn-user{background:#27de81;color:#fff;border-radius:8px;display:inline-flex;align-items:center;gap:8px;height:100%;font-weight:400;box-shadow:0 10px 18px #22c55e2e;transition:transform .12s ease,box-shadow .12s ease}
.add-Peptides-btn-user:hover{transform:translateY(-1px);box-shadow:0 14px 22px #22c55e38}
.dsg-action-buttons button,.dsg-action-buttons .dsg-upload-label{background:#fff;box-shadow:0 1px 3px #0000001a,0 5px 5px #00000017,0 11px 7px #0000000d,0 20px 8px #00000005,0 32px 9px #0000;padding:13px 14.5px;border:none;border-radius:6px;font-family:var(--base-font);font-weight:600;font-size:14px;line-height:20.83px}
.calc_table{border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden}
.calc_table thead tr{background:linear-gradient(#2d587b,#52a1e1)}
.calc_table thead th{background:transparent!important;color:#fff;font-weight:700;padding:14px 16px;border:0}
.calc_table thead th+th{box-shadow:inset 1px 0 #ffffff2e}
.calc_table thead th:first-child{border-top-left-radius:12px}
.calc_table thead th:last-child{border-top-right-radius:12px}
.add-sugg-dsg-modal .form-select{color:#000;border:1px solid #dee2e6}
@media (max-width: 540px){.dsg-all-table-wrapper{padding:2px}.dsg-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.calc_table{border:1px solid rgba(2,6,23,.06);box-shadow:0 6px 18px #02061714,0 2px 6px #0206170a;border-radius:12px;background:#fff}.calc_table thead tr{filter:drop-shadow(0 2px 6px rgba(2,6,23,.08))}.calc_table thead th,.calc_table tbody td{font-size:12.5px;padding:9px 10px}.dsg-action-icon-btn,.dsg-btn-details{box-shadow:0 2px 8px #0206171a;border-color:#0206171a}.action-cell-wrapper{gap:6px}.action-cell-wrapper svg{width:16px;height:16px}}
@media (container-sm){.dsg-eqbtn{width:100%;min-height:56px;display:flex;align-items:center;justify-content:flex-start;box-shadow:0 6px 18px #02061714,0 2px 6px #0206170a;border-radius:12px}}
.dsg-disclaimer{--disc-bg: #FFFCF2;--disc-border: #EBD9A8;--disc-text: #7E4B13;--disc-radius: 14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;width:100%;background:var(--disc-bg);border:1px solid var(--disc-border);border-radius:var(--disc-radius);padding:22px 26px;box-sizing:border-box;color:var(--disc-text)}
.dsg-disc-icon{line-height:0;margin-top:2px}
.dsg-disc-content{color:var(--disc-text)}
.dsg-disc-title{font-weight:700;font-size:18px;line-height:1.25;margin:0 0 10px;color:var(--disc-text)}
.dsg-disc-content p{margin:0;font-size:16px;line-height:1.7;color:var(--disc-text)}
@media (max-width: 480px){.dsg-disclaimer{padding:16px 14px;gap:12px}.dsg-disc-title{font-size:16px}.dsg-disc-content p{font-size:14px;line-height:1.6}}
.content-heading-text{font-family:var(--base-font);font-weight:500;font-size:38px;line-height:48px;color:#121212}
.content-heading-para{font-family:var(--base-font);font-weight:500;font-size:18px;line-height:28px;color:#6f6f6f}
@media only screen and (max-width: 768px){.content-heading-text{font-size:42px;line-height:52px}}
@media only screen and (max-width: 458px){.content-heading-text{font-size:30px;line-height:40px}.content-heading-para{font-size:16px;line-height:26px}.contetn-bold{font-size:26px;line-height:36px}}
@media only screen and (max-width: 420px){.content-heading-text{font-size:28px;line-height:34px}.content-heading-para{font-size:14px;line-height:18px}.contetn-bold{font-size:18px;line-height:26px}}
/* Extras for dosages page layout parity */
.dsg-elevate{box-shadow:0 6px 18px rgba(2,6,23,.08),0 2px 6px rgba(2,6,23,.05)}
.dsg-eqbtn{background:#fff;border:none;border-radius:6px;font-family:var(--base-font);font-weight:600;font-size:14px;line-height:20.83px;padding:13px 14.5px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 1px 3px #0000001a,0 5px 5px #00000017,0 11px 7px #0000000d}
.dsg-ain-table{width:100%}
.dsg-page .main-section-1{background:#f3faff!important;margin-bottom:0!important;padding-bottom:1.5rem!important}
.dsg-page .pc-dosages-lower{background:#fff;padding-bottom:2.5rem}
.calc_table .action-cell-wrapper img{width:18px;height:18px;object-fit:contain}
.dsg-action-icon-btn svg{width:18px;height:18px}


/* ===== Dosages page continuity + Add modal (live f8e parity) ===== */

/* Body paints the same blue as nav/hero so any collapse gap cannot show white */
body.page-template-template-dosages,
body.page-template-templatestemplate-dosages-php {
  background: #f3faff !important;
}
body.page-template-template-dosages .navbar-pc,
body.page-template-templatestemplate-dosages-php .navbar-pc,
body:has(.dsg-page) .navbar-pc {
  background: #f3faff !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.dsg-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #f3faff;
}
.dsg-page .dsg-hero,
.dsg-page .main-section-1 {
  background: #f3faff !important;
  margin: 0 !important;
  /* live uses container.mt-5 (~3rem); use padding so it cannot collapse to white */
  padding-top: 3rem !important;
  padding-bottom: 1.5rem !important;
  overflow: hidden;
  display: flow-root;
}
.dsg-page .dsg-hero .container,
.dsg-page .home-page-first-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.dsg-page .pc-dosages-lower {
  background: #fff;
  padding-bottom: 2.5rem;
}

/* Add Suggested Dosage modal – scroll body, pin actions */
.modal-dialog.add-sugg-dsg-modal {
  max-width: 800px;
}
.modal-dialog.add-sugg-dsg-modal .modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 3.5rem);
  overflow: hidden;
}
.modal-dialog.add-sugg-dsg-modal .modal-header {
  flex-shrink: 0;
}
.modal-dialog.add-sugg-dsg-modal .modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
  max-height: none;
}
.modal-dialog.add-sugg-dsg-modal .ud-add-pep-btns {
  flex-shrink: 0;
  margin: 1rem !important;
}
.ud-add-pep-btns button {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--base-font);
  transition: all .3s;
  cursor: pointer;
  background: #e9ecef;
  color: #212529;
}
.ud-add-pep-btns-save {
  background: #27de81 !important;
  color: #fff !important;
}
.add-sugg-dsg-modal .form-label {
  font-size: .9rem;
  color: #333;
  margin-bottom: .35rem;
  font-weight: 500;
}
/* Keep value + unit columns aligned across rows */
.add-sugg-dsg-modal .row.g-2 > .col-4.col-sm-3 {
  flex: 0 0 96px;
  max-width: 96px;
  width: 96px;
}
.add-sugg-dsg-modal .form-control,
.add-sugg-dsg-modal .form-select {
  min-height: 38px;
}