/* The cream offer retains each formula's full PDP and authentic product photography. */
.aa-cream-bf-hero__caption{order:1}
.aa-cream-bf-hero__bottles{order:2}
.aa-pdp .aa-cream-bf-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 14px 0 10px;
  padding: 16px 18px;
  border: 1px solid #cfcfca;
  background: #f6f6f3;
  color: #242424;
  text-decoration: none;
  font-family: var(--aa-font-body);
}
.aa-cream-bf-switch strong,
.aa-cream-bf-switch small { display: block; }
.aa-cream-bf-switch strong { font-size: 12px; font-weight: 650; letter-spacing: .025em; line-height: 1.45; }
.aa-cream-bf-switch small { margin-top: 4px; color: #62625e; font-size: 11px; line-height: 1.5; }
.aa-cream-bf-switch__price { flex: 0 0 auto; font-size: 14px; font-weight: 600; white-space: nowrap; }
.aa-cream-bf-switch__price > span:last-child { margin-left: 8px; }
.aa-cream-bf-switch:hover { border-color: #252525; }
.aa-cream-bf-switch:focus-visible { outline: 2px solid #252525; outline-offset: 3px; }
.aa-pdp .aa-cream-bf-switch--offer {
  border: 2px solid #242424;
}
.aa-cream-bf-switch--offer strong {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  font-size: 13px;
  font-weight: 700;
}
.aa-cream-bf-switch__badge {
  display: inline-block;
  padding: 4px 7px;
  background: #242424;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .04em;
}
.aa-pdp .aa-pdp-gallery .aa-cream-bf-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  padding: clamp(18px, 2.5vw, 32px);
  border: 0;
  background: #f6f6f3;
  color: #252525;
  font-family: var(--aa-font-body);
}
.aa-cream-bf-hero__heading { display: flex; justify-content: space-between; gap: 16px; font-size: 10px; font-weight: 600; line-height: 1.4; letter-spacing: .1em; }
.aa-cream-bf-hero__heading > span:last-child { white-space: nowrap; }
.aa-cream-bf-hero__bottles { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); flex: 1; min-height: 0; margin: 16px 0 12px; }
.aa-cream-bf-hero__bottle { position: relative; min-width: 0; min-height: 0; }
/* The clean square artwork has generous transparent margins. Contain the full
   image at the presentation height; the bottle itself remains fully visible. */
.aa-pdp .aa-pdp-gallery .aa-cream-bf-hero .aa-cream-bf-hero__bottle > img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350%;
  height: 160%;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: contain;
  object-position: center;
  transform: translate(-50%, -50%);
  mix-blend-mode: normal;
}
.aa-cream-bf-hero__plus { position: absolute; top: 49%; left: 50%; transform: translate(-50%, -50%); font-size: clamp(22px, 3vw, 32px); font-weight: 300; line-height: 1; color: #76766f; }
.aa-cream-bf-hero__caption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 18px; border-top: 1px solid #d6d6d0; }
.aa-cream-bf-hero__caption strong { font: 750 clamp(56px, 6.5vw, 88px)/1 var(--aa-font-body); letter-spacing: -.065em; }
.aa-cream-bf-hero__caption > span { max-width: 225px; color: #5e5e58; font-size: 12px; line-height: 1.5; text-align: right; }
.aa-pdp .aa-cream-bf-offer { padding: clamp(20px, 2vw, 28px); border: 1px solid #d3d3ce; background: #f8f8f6; font-family: var(--aa-font-body); }
.aa-cream-bf-offer__eyebrow { display:inline-block; margin: 0 0 12px; padding:7px 10px;background:#202020;color:#fff; font-size: 12px; font-weight: 650; letter-spacing: .04em; }
.aa-pdp .aa-cream-bf-offer h2 { margin: 0 0 14px; font: 500 clamp(24px, 2.3vw, 31px)/1.2 var(--aa-font-display); letter-spacing: -.03em; }
.aa-cream-bf-offer > p:not([class]) { margin: 0 0 20px; color: #5d5d58; font-size: 13px; line-height: 1.65; }
.aa-cream-bf-offer .aa-pdp-price { margin: 22px 0 12px; }
.aa-cream-bf-offer .aa-pdp-stock { margin: 10px 0 14px; }
.aa-pdp .aa-cream-bf-offer form.cart { margin: 0; }
.aa-cream-bf-offer .single_add_to_cart_button { min-width: 0; white-space: normal; }
.aa-cream-bf-offer__terms { margin: 14px 0 0; color: #64645f; font-size: 11px; line-height: 1.55; }
@media (max-width: 600px) {
  .aa-cream-bf-hero__heading { font-size: 9px; letter-spacing: .065em; gap: 10px; }
  .aa-cream-bf-hero__caption > span { max-width: 165px; font-size: 11px; }
  .aa-pdp .aa-cream-bf-switch { padding: 14px; gap: 12px; }
  .aa-cream-bf-switch small { font-size: 10px; }
  .aa-cream-bf-switch__price { font-size: 12px; }
}