.product-tabs{--tab-b:#e5e7eb;--bg:#fff;--muted:#f9fafb;--text:#111827;--radius:12px; margin:1rem 0}
.product-tabs .tabset{position:relative}
.product-tabs .tabset input[type=radio]{position:absolute; inset:0; opacity:0; pointer-events:none}
.product-tabs .tab-nav{display:flex; flex-wrap:wrap; gap:.25rem; border-bottom:1px solid var(--tab-b)}
.product-tabs .tab-nav label{
  padding:.65rem 1rem; font-weight:600; cursor:pointer; user-select:none;
  background:var(--muted); border:1px solid var(--tab-b); border-bottom:none;
  border-top-left-radius:var(--radius); border-top-right-radius:var(--radius);
}
.product-tabs .tab-nav label:focus-visible{outline:2px solid #3b82f6; outline-offset:2px}

.product-tabs .tab-panels{border:1px solid var(--tab-b); border-top:none; background:var(--bg); border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius)}
.product-tabs .tab-panel{display:none; padding:1rem}
.product-tabs .tab-panel > :first-child{margin-top:0}

#tab-desc:checked ~ .tab-nav label[for=tab-desc],
#tab-lab:checked  ~ .tab-nav label[for=tab-lab],
#tab-profile:checked  ~ .tab-nav label[for=tab-profile],
#tab-faq:checked  ~ .tab-nav label[for=tab-faq]{background:var(--bg); color:var(--text); border-bottom:1px solid var(--bg)}

#tab-desc:checked ~ .tab-panels #panel-desc{display:block}
#tab-lab:checked  ~ .tab-panels #panel-lab{display:block}
#tab-profile:checked  ~ .tab-panels #panel-profile{display:block}
#tab-faq:checked  ~ .tab-panels #panel-faq{display:block}

.product-tabs:has(#panel-lab:empty) label[for=tab-lab]{display:none}
.product-tabs #panel-lab:empty{display:none !important}

@media (max-width:640px){
  .product-tabs .tab-nav{gap:.35rem}
  .product-tabs .tab-nav label{font-size:.95rem; padding:.55rem .8rem}
}

@media print{
  .product-tabs .tab-nav{display:none}
  .product-tabs .tab-panel{display:block}
}

@media (max-width:640px){
  .product-tabs{ margin:.5rem 0 }
  .product-tabs .tab-nav{
    position:sticky; top:0; z-index:2; background:var(--bg);
    overflow-x:auto; -webkit-overflow-scrolling:touch; white-space:nowrap;
    gap:.5rem; padding:.5rem .25rem; scrollbar-width:thin;
  }
  .product-tabs .tab-nav label{
    flex:0 0 auto; padding:.75rem 1rem; border-radius:999px; /* comfy tap targets */
    font-size:1rem;
  }
  .product-tabs .tab-panel{ padding:.9rem .75rem }
}

.fas, .far, .fab { display:inline-block; width:1.25em; text-align:center; }

.faq-section .toggle-container{
  contain: layout paint;
}

.subtitle {
            font-size: 1.2rem;
            color: #7f8c8d;
            font-style: italic;
        }

        .key-points {
            background-color: #e8f4fc;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }
        .key-points h3 {
            margin-top: 0;
            color: #2c3e50;
        }
        .protocol-box {
            background-color: #f8f9fa;
            border-left: 4px solid #F70125;
            padding: 15px 20px;
            margin: 20px 0;
        }

        .caption {
            font-style: italic;
            color: #7f8c8d;
            margin-top: 10px;
            font-size: 0.9rem;
        }
       .page-story table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
       .page-story table, .page-story th, .page-story td {
            border: 1px solid #ddd;
        }
       .page-story th, .page-story td {
            padding: 12px 15px;
            text-align: left;
        }
      .page-story th {
            background-color: #f2f2f2;
        }
        .page-story tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        .conclusion {
            background-color: #e8f6f3;
            padding: 25px;
            border-radius: 8px;
            margin-top: 40px;
        }
        .conclusion h2 {
            color: #F70125;
            margin-top: 0;
        }
        .brand-mention {
            background-color: #fff8e1;
            padding: 15px;
            border-radius: 8px;
            margin: 20px 0;
            border-left: 4px solid #ffc107;
        }

.menu-lvl-2 sup, .category-title sup {
    color: #dc3545;
    font-size: 75%;
}

        .peptide-calc {
            display: inline-flex;
            align-items: center;
            background-color: #F70125;
            color: var(--white) !important;
            padding: 8px 16px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 10px;
        }
        
  .peptide-calc a {color: var(--white) !important;}

        .peptide-calc i {
            margin-right: 8px;
        }

.info-peptide {background-color: #fff9e6; border-left: 5px solid #F70125; border-radius: 8px; padding-top: 14px; padding-right: 12px; padding-bottom: 1px; padding-left: 12px; margin-bottom: 20px;}

        .info-peptide i {
            color: #F70125;
            margin-top: 3px;
            flex-shrink: 0;
        }

 .lab-section {
    padding: 48px 20px;
    background: #fff;
  }

  .lab-wrap {
    max-width: 1280px;
    margin: 0 auto;
  }

  .lab-header {
    text-align: center;
    margin-bottom: 30px;
  }

  .lab-title {
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: 700;
    color: #111;
  }

  .lab-text {
    max-width: 700px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
  }

  .lab-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
  }

  .lab-card {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
    transition: all .25s ease;
    display: flex;
    flex-direction: column;
  }

  .lab-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
    border-color: rgba(247, 1, 37, 0.2);
  }

  .lab-thumb {
    position: relative;
    aspect-ratio: 4/5;
    background: #f5f5f5;
    overflow: hidden;
  }

  .lab-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
  }

  .lab-card:hover img {
    transform: scale(1.03);
  }

  .lab-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 8px;
    border-radius: 10px;
  }

  .lab-body {
    padding: 16px;
    text-align: center;
  }

  .lab-product {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    color: #111;
  }

  .lab-badge {
    display: inline-block;
    margin-bottom: 14px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(247,1,37,0.08);
    color: #F70125;
    font-size: 12px;
    font-weight: 700;
  }

  .lab-meta {
    display: grid;
    gap: 8px;
  }

  .lab-label {
    font-size: 11px;
    font-weight: 700;
    color: #888;
    text-transform: uppercase;
  }

  .lab-value {
    font-size: 14px;
    color: #222;
  }

  @media (max-width: 1199px) {
    .lab-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 767px) {
    .lab-grid {
      display: flex;
      overflow-x: auto;
      gap: 14px;
    }

    .lab-card {
      min-width: 80%;
      flex: 0 0 auto;
    }
  }
/* LATEST TAB STYLE */

 :root {
      --primary-dark: #cc001d;
      --text: #141414;
      --muted: #666;
      --border: #e9e9ec;
      --surface: #ffffff;
      --surface-soft: #f7f7f9;
      --success: #1e8e5a;
      --shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.05);
      --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.08);
      --radius-sm: 12px;
      --radius-md: 18px;
      --radius-lg: 24px;
      --container: 1280px;
      --transition: 0.25s ease;
    }

    .section {
      margin-top: 32px;
    }

   
    .pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 14px;
      border: 1px solid var(--border);
      border-radius: 999px;
      background: #fff;
      font-size: 13px;
      font-weight: 700;
      color: #222;
    }

    .subheadline {
      font-size: 16px;
      color: #333;
      margin: 12px 0 0;
      max-width: 60ch;
    }

    .trust-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 22px 0;
    }

    .trust-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 14px;
      border: 1px solid var(--border);
      border-radius: 16px;
      background: linear-gradient(180deg, #fff 0%, #fcfcfc 100%);
    }

    .trust-icon,
    .info-icon,
    .lab-icon,
    .panel-icon {
      width: 40px;
      height: 40px;
      border-radius: 12px;
      display: inline-grid;
      place-items: center;
      background: rgba(247, 1, 37, 0.08);
      color: var(--primary);
      flex: 0 0 40px;
    }

    .trust-item strong,
    .info-card strong,
    .spec-grid dt,
    .lab-card strong,
    .feature-card strong,
    .related-card strong,
    .faq-item summary {
      color: #151515;
    }

    .trust-item p,
    .info-card p,
    .lab-card p,
    .feature-card p,
    .related-card p,
    .faq-item p,
    .shipping-list li,
    .storage-box p {
      margin: 4px 0 0;
      color: #444;
      font-size: 14px;
    }


    .quick-info {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 14px;
      margin-top: 22px;
    }

    .info-card {
      padding: 16px;
      border-radius: 18px;
      border: 1px solid var(--border);
      background: linear-gradient(180deg, #fff 0%, #fcfcfd 100%);
      box-shadow: var(--shadow-sm);
    }

    .info-top {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 8px;
    }

    .info-card p {
      margin: 0;
      font-size: 13px;
      color: var(--muted);
    }

    .section-header {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 18px;
      margin-bottom: 18px;
    }

    .section-header h2 {
      margin: 0;
      font-size: clamp(24px, 3vw, 34px);
      line-height: 1.1;
      letter-spacing: -0.02em;
    }

    .section-header p {
      margin: 8px 0 0;
      max-width: 62ch;
      color: #444;
    }

    .lab-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .lab-card {
      padding: 18px;
      border-radius: 20px;
      border: 1px solid var(--border);
      background: #fff;
      box-shadow: var(--shadow-sm);
    }

    .lab-card-top {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
    }

    .lab-result {
      font-size: 28px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.03em;
      margin: 8px 0;
    }

    .lab-meta {
      display: grid;
      gap: 8px;
      margin-top: 12px;
      font-size: 14px;
    }

    .lab-meta div {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      padding-bottom: 8px;
      border-bottom: 1px dashed #ececef;
    }

    .lab-meta div:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .lab-actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 16px;
    }

    .mini-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 10px 14px;
      border-radius: 12px;
      font-size: 14px;
      font-weight: 700;
      border: 1px solid var(--border);
      background: #fff;
      transition: var(--transition);
    }

    .mini-btn:hover {
      border-color: rgba(247, 1, 37, 0.35);
      box-shadow: var(--shadow-sm);
    }

    .feature-band {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .feature-card {
      padding: 18px;
      border: 1px solid var(--border);
      border-radius: 18px;
      background: linear-gradient(180deg, #fff 0%, #fbfbfc 100%);
      box-shadow: var(--shadow-sm);
    }

    .tab-section {
      margin-top: 34px;
    }

    .tabs-shell {
      display: grid;
      grid-template-columns: 290px minmax(0, 1fr);
      gap: 20px;
      align-items: start;
    }

    .tab-nav {
      position: sticky;
      top: 20px;
      padding: 14px;
      border: 1px solid var(--border);
      border-radius: 22px;
      background: #fff;
      box-shadow: var(--shadow-sm);
    }

    .tab-nav button {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 12px;
      text-align: left;
      border: 0;
      background: transparent;
      color: #222;
      border-radius: 16px;
      padding: 14px 14px;
      cursor: pointer;
      font-size: 15px;
      font-weight: 700;
      transition: background var(--transition), color var(--transition);
    }

    .tab-nav button + button {
      margin-top: 6px;
    }

    .tab-nav button:hover,
    .tab-nav button:focus-visible {
      background: #faf2f3;
      outline: 0;
    }

    .tab-nav button.is-active {
      background: rgba(247, 1, 37, 0.08);
      color: var(--primary);
    }

    .tab-panels {
      min-width: 0;
    }

    .tab-panel {
      display: none;
      padding: 26px;
      border: 1px solid var(--border);
      border-radius: 24px;
      background: #fff;
      box-shadow: var(--shadow-sm);
    }

    .tab-panel.is-active {
      display: block;
      animation: fadePanel 0.25s ease;
    }

    @keyframes fadePanel {
      from {
        opacity: 0;
        transform: translateY(6px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .tab-panel h3 {
      margin-top: 0;
      margin-bottom: 10px;
      font-size: 28px;
      line-height: 1.1;
      letter-spacing: -0.02em;
    }

    .tab-panel h4 {
      margin: 26px 0 10px;
      font-size: 20px;
      line-height: 1.2;
    }

    .tab-panel p,
    .tab-panel li {
      color: #373737;
    }

.spec-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.spec-card {
  margin: 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface-soft);
}

.spec-card dt {
  margin: 0 0 6px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted);
}

.spec-card dd {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  color: #181818;
}

@media (max-width: 640px) {
  .spec-grid {
    grid-template-columns: 1fr;
  }
}

 .cycle-grid,
    .related-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 16px;
      margin-top: 18px;
    }

    .cycle-card,
    .related-card,
    .storage-box {
      padding: 18px;
      border: 1px solid var(--border);
      border-radius: 18px;
      background: #fff;
    }

    .cycle-card ul,
    .shipping-list {
      margin: 12px 0 0;
      padding-left: 18px;
    }

    .shipping-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-top: 16px;
    }

    .shipping-list li + li {
      margin-top: 8px;
    }

    .faq-wrap {
      display: grid;
      gap: 12px;
      margin-top: 18px;
    }

    .faq-item {
      border: 1px solid var(--border);
      border-radius: 16px;
      background: #fff;
      overflow: hidden;
    }

    .faq-item summary {
      list-style: none;
      cursor: pointer;
      padding: 18px 20px;
      font-size: 16px;
      font-weight: 700;
      position: relative;
    }

    .faq-item summary::-webkit-details-marker {
      display: none;
    }

    .faq-item summary::after {
      content: "+";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 22px;
      color: var(--primary);
      font-weight: 500;
    }

    .faq-item[open] summary::after {
      content: "–";
    }

    .faq-answer {
      padding: 0 20px 18px;
    }

 @media (max-width: 1180px) {
        .tabs-shell {
        grid-template-columns: 1fr;
      }

      .tab-nav {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
      }

      .tab-nav button + button {
        margin-top: 0;
      }

      .quick-info,
      .lab-grid,
      .feature-band {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 860px) {
      .trust-grid,
      .spec-grid,
      .shipping-grid,
      .cycle-grid,
      .related-grid {
        grid-template-columns: 1fr;
      }

    
      .quick-info,
      .lab-grid,
      .feature-band,
      .tab-nav {
        grid-template-columns: 1fr;
      }

      .section-header {
        align-items: start;
        flex-direction: column;
      }
    }

    @media (max-width: 560px) {
      .container {
        width: min(calc(100% - 20px), var(--container));
      }

      .tab-panel,
      .lab-card,
      .feature-card  {
        padding: 16px;
      }

      .btn {
        width: 100%;
      }

      .btn-row {
        flex-direction: column;
      }
    }

.drug-class {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #fff;
  background: #F70125;
  padding: 6px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.subheadline {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
}

.short-specs {
  margin-top: 12px;
  display: grid;
  gap: 6px;
}

.short-specs div {
  font-size: 13.5px;
  line-height: 1.45;
  color: #444;
}

.short-specs strong {
  color: #111;
}

.short-specs a {
  font-weight: 700;
  text-decoration: none;
}

.short-specs a:hover {
  text-decoration: underline;
}