@import url("../../pages/tirzev1/assets/css/tirzev1.css?v=2026090404");

/* Shared visual entry point for every Biohacking Peptide product page. */

.biohack-product-page .welcome-hero__headline-wrap {
  max-width: calc(100vw - 32px);
}

.biohack-product-page .welcome-hero__headline--long {
  font-size: clamp(82px, 9.2vw, 138px);
}

.biohack-product-page .welcome-hero__headline--xlong {
  font-size: clamp(66px, 7.3vw, 110px);
}

.biohack-product-page .welcome-hero__vial-layer {
  display: grid;
  place-items: center;
}

.biohack-product-page .welcome-hero__vial-layer img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 390px;
  object-fit: contain;
}

.biohack-product-page .welcome-hero__price {
  max-width: min(620px, calc(100vw - 40px));
}

.biohack-product-page .benefit-card__topline span:last-child {
  max-width: 62%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.biohack-product-page .dose-selector {
  display: grid;
  grid-template-columns: repeat(var(--dose-tab-count, 1), minmax(0, 1fr));
}

.biohack-product-page .dose-selector__tab {
  min-width: min(116px, 22vw);
}

.biohack-product-page .dose-product-card__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.biohack-product-page .dose-detail-card__lede {
  margin-bottom: 24px;
}

@media (max-width: 1068px) {
  .biohack-product-page .welcome-hero__headline--long {
    font-size: clamp(68px, 10.7vw, 110px);
  }

  .biohack-product-page .welcome-hero__headline--xlong {
    font-size: clamp(54px, 8.5vw, 88px);
  }

  .biohack-product-page .welcome-hero__vial-layer img {
    max-height: 360px;
  }
}

@media (max-width: 734px) {
  .biohack-product-page .welcome-hero__headline--long {
    font-size: clamp(40px, 12.5vw, 62px);
  }

  .biohack-product-page .welcome-hero__headline--xlong {
    font-size: clamp(32px, 9.8vw, 48px);
  }

  .biohack-product-page .welcome-hero__vial-layer img {
    max-height: min(78vw, 320px);
  }

  .biohack-product-page .dose-selector-shell {
    width: 100%;
  }

  .biohack-product-page .dose-selector {
    width: 100%;
    overflow-x: auto;
    grid-template-columns: repeat(var(--dose-tab-count, 1), minmax(96px, 1fr));
  }

  .biohack-product-page .dose-selector__tab {
    min-width: 96px;
    padding-inline: 14px;
  }
}

@media (max-width: 420px) {
  .biohack-product-page .welcome-hero__headline--long {
    font-size: clamp(35px, 11.5vw, 49px);
  }

  .biohack-product-page .welcome-hero__headline--xlong {
    font-size: clamp(28px, 9.2vw, 40px);
  }
}
/* Presentasi tipografi untuk produk baru yang belum mempunyai foto asli. */
.formula-hero {position:relative;z-index:2;max-width:1240px;margin:auto;padding:190px 48px 80px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;color:#173144;min-height:780px;}
.formula-hero h1 {font-size:clamp(38px,5.4vw,78px);line-height:1.04;letter-spacing:-.05em;margin:22px 0;overflow-wrap:anywhere;}
.formula-hero p {font-size:18px;line-height:1.65;max-width:540px;}
.formula-hero .formula-hero__eyebrow {text-transform:uppercase;font-size:12px;letter-spacing:.18em;}
.formula-hero .welcome-hero__buy {display:inline-flex;margin-top:18px;position:static;}
.product-formula-art {box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:22px;width:100%;min-height:350px;padding:40px;border:1px solid #b9cbd6;border-radius:36px;background:linear-gradient(145deg,#edf5f8,#c7dce6);color:#173144;box-shadow:0 30px 60px #23475c15;text-align:left;}
.product-formula-art > span,.product-formula-art > small {font-size:12px;letter-spacing:.12em;text-transform:uppercase;}
.product-formula-art > strong {font-size:clamp(25px,3vw,42px);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere;}
.product-formula-art > p {font-size:19px;margin:0;line-height:1.4;}
.dose-product-card__visual .product-formula-art {width:calc(100% - 40px);min-height:300px;margin:20px;}
.dose-source-protocol {margin-top:20px;padding:20px;background:#f0f5f8;border-radius:18px;line-height:1.65;color:#334d60;}
.dose-source-protocol h4 {margin:0 0 8px;color:#183348;}
.dose-source-protocol p {margin:0;}
.dose-selector-shell {max-width:100%;}
.dose-selector__tab {white-space:normal;overflow-wrap:anywhere;}
.biohack-product-page .dose-selector__tab {height:auto;min-height:48px;line-height:1.35;overflow-wrap:normal;}
@media(max-width:1068px){
  .biohack-product-page .dose-selector-shell {border-radius:28px;display:flex;flex-direction:column;align-items:stretch;padding:10px;}
  .biohack-product-page .dose-selector {grid-template-columns:repeat(2, minmax(0, 1fr));overflow:visible;border-radius:24px;gap:4px;}
  .biohack-product-page .dose-selector__tab:only-child {grid-column:1 / -1;}
  .biohack-product-page .dose-selector__tab {min-width:0;min-height:56px;padding:10px 12px;border-radius:20px;font-size:14px;}
}
@media(max-width:360px){.biohack-product-page .quick-access a{padding-inline:9px;font-size:11px;}.biohack-product-page .quick-access-inner{max-width:calc(100vw - 24px);}}
@media(max-width:767px){.formula-hero{padding:145px 24px 60px;grid-template-columns:1fr;gap:30px;min-height:auto;}.product-formula-art{min-height:260px;padding:30px;}.formula-hero h1{font-size:clamp(34px,9vw,54px);}.dose-source-protocol{padding:16px;}}