/* Premium formula section */
.formula-premium {
  background: #f5f1e8;
  color: #17172e;
  padding: clamp(76px, 9vw, 130px) clamp(24px, 7vw, 134px) 54px;
}

.formula-intro {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr);
  align-items: center;
  gap: clamp(44px, 7vw, 116px);
}

.formula-kicker {
  color: #c18a26;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  margin: 29px 0 12px;
  text-transform: uppercase;
}

.formula-copy h2 { font-size: clamp(47px, 5.1vw, 80px); max-width: 630px; }
.formula-copy h2 em { color: #d6a747; }
.formula-lead { color: #50505d; font-size: 18px; line-height: 1.65; margin: 26px 0 28px; max-width: 560px; }

.formula-seal { align-items: center; border-top: 1px solid #d6c9ae; display: flex; gap: 12px; max-width: 345px; padding-top: 16px; }
.formula-seal b { color: #c18a26; font-size: 31px; line-height: 1; }
.formula-seal span { color: #585766; font-size: 12px; font-weight: 700; letter-spacing: .08em; line-height: 1.25; text-transform: uppercase; }

.formula-image { margin: 0; min-height: 350px; overflow: hidden; position: relative; }
.formula-image::before { background: linear-gradient(90deg, #f5f1e8 0%, transparent 33%); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; }
.formula-image img { display: block; height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.formula-image figcaption { background: #1a1b3c; bottom: 0; color: #f9e8ba; font-family: Georgia, serif; font-size: 15px; font-style: italic; padding: 13px 18px; position: absolute; right: 0; z-index: 2; }

.ingredient-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); margin-top: clamp(50px, 7vw, 95px); }
.ingredient-card { background: #e8e2d4; border: 1px solid transparent; min-height: 260px; padding: 25px; position: relative; transition: transform .25s ease, box-shadow .25s ease; }
.ingredient-card:hover { box-shadow: 0 16px 30px rgba(25, 22, 47, .12); transform: translateY(-5px); }
.ingredient-card-dark { background: #1a1b3c; color: #fff; }
.ingredient-number { color: #bb8624; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.ingredient-icon { align-items: center; border: 1px solid #d2a145; border-radius: 50%; color: #c58e2a; display: flex; font-size: 23px; height: 45px; justify-content: center; margin: 27px 0 20px; width: 45px; }
.ingredient-card h3 { font-size: clamp(21px, 1.7vw, 27px); letter-spacing: -.045em; margin: 0 0 10px; }
.ingredient-card p { color: #5b5a67; font-size: 14px; line-height: 1.58; margin: 0; max-width: 270px; }
.ingredient-card-dark p { color: #d0d1df; }

.formula-bottom { border-top: 1px solid #d4cab6; display: grid; gap: 16px; grid-template-columns: minmax(220px, .7fr) minmax(400px, 1.3fr); margin-top: 38px; padding-top: 20px; }
.formula-bottom > p:not(.disclaimer) { color: #26263e; font-family: Georgia, serif; font-size: 18px; font-style: italic; line-height: 1.45; margin: 0; }
.formula-bottom .disclaimer { color: #686671; font-size: 12px; line-height: 1.55; margin: 0; }

@media (max-width: 900px) {
  .formula-intro { grid-template-columns: 1fr; gap: 38px; }
  .formula-image { min-height: 330px; }
  .ingredient-grid { grid-template-columns: repeat(2, 1fr); }
  .formula-bottom { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .formula-premium { padding: 70px 24px 44px; }
  .formula-copy h2 { font-size: clamp(42px, 12vw, 56px); }
  .formula-lead { font-size: 16px; }
  .formula-image { min-height: 245px; }
  .formula-image::before { background: linear-gradient(90deg, rgba(245, 241, 232, .6), transparent 75%); }
  .formula-image figcaption { font-size: 13px; padding: 10px 13px; }
  .ingredient-grid { gap: 9px; margin-top: 46px; }
  .ingredient-card { min-height: 235px; padding: 18px; }
  .ingredient-icon { font-size: 19px; height: 37px; margin: 18px 0 16px; width: 37px; }
  .ingredient-card h3 { font-size: 19px; }
  .ingredient-card p { font-size: 12px; line-height: 1.5; }
  .formula-bottom { margin-top: 27px; }
}