/* Account menu typography and the same hover treatment as the header menu. */
html body .pink-account[data-ppac] .pink-account-menu :is(.pink-account-menu-item,[data-ppac-name],[data-ppac-email],h3) {
  color:var(--pp143-menu-text,var(--pp140-readable-color,#111))!important;
}
html body .pink-account[data-ppac] .pink-account-menu .pink-account-menu-item {
  border-radius:10px!important;
  padding:12px 16px!important;
  transition:background-color .18s ease,color .18s ease;
}
html body .pink-account[data-ppac] .pink-account-menu .pink-account-menu-item:is(:hover,:focus-visible) {
  background:var(--pp143-hover-bg,var(--pink-account-accent,#d9f2ff))!important;
  color:var(--pp143-hover-text,#111)!important;
}
html body .pink-account[data-ppac] .pink-account-menu .pink-account-menu-item > [data-ppac-menu-total] {
  color:inherit!important;
}
html body .pink-account[data-ppac] .pink-account-trigger [data-ppac-count]:not([hidden]) {
  top:-4px!important;
  bottom:auto!important;
  left:calc(var(--pp121-account-size,var(--pp120-button-size,48px)) - 7px)!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  pointer-events:none;
}

/* Product code, quantity and price share a row on desktop. */
html body .pink-account .pink-account-dialog [data-ppac-view="cart"]:not([hidden]) {
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"items" "sum" "feedback" "checkout"!important;
  row-gap:12px!important;
}
html body .pink-account .pink-account-dialog .pp143-cart-product {
  grid-template-columns:minmax(0,1fr) auto minmax(88px,auto)!important;
  grid-template-areas:"name quantity price"!important;
}
.pink-account .pp143-cart-product .pink-account-cart-name > :is(strong,small) {
  display:inline!important;
}
.pink-account .pp143-cart-product .pink-account-cart-name > small {
  margin-inline-start:.55em;
  white-space:nowrap;
}
.pink-account .pp143-cart-product > strong {white-space:nowrap}
@media(max-width:540px) {
  html body .pink-account .pink-account-dialog .pp143-cart-product {
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"name name" "quantity price"!important;
  }
  html body .pink-account .pink-account-dialog .pp143-cart-product .pink-account-cart-controls {
    justify-content:flex-start!important;
  }
}

/* The native dialog headers host a small copy of the site's adaptive artwork. */
html body .pink-account .pink-account-dialog .pink-account-dialog-head.pp138-dialog-head,
html body .pink-buy-dialog .pink-buy-head.pp138-buy-head {
  padding-inline-end:0!important;
}
html body :is(.pink-account-dialog,.pink-buy-dialog) [data-pp143-brand] .faac-adaptive-logo {
  width:min(var(--pp140-logo-width,108px),calc(var(--pp140-logo-height,30px) * 1020 / 280),24vw);
  flex:none;
}
html body .pink-account .pink-account-dialog [data-ppac-view] .pp141-sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
}

/* The button and the last editable field share a single visual control. */
html body :is(.pink-account-dialog,.pink-buy-dialog) .pp143-field-action {
  position:relative;
  display:block;
}
html body :is(.pink-account-dialog,.pink-buy-dialog) .pp143-field-action > :is(input,textarea) {
  display:block;
  box-sizing:border-box;
  width:100%;
  min-height:var(--pp142-field-height,48px);
  padding-inline-end:125px!important;
  margin:0!important;
}
html body :is(.pink-account-dialog,.pink-buy-dialog) .pp143-field-action > button {
  position:absolute;
  inset-inline-end:5px;
  top:50%;
  transform:translateY(-50%);
  max-width:116px;
  min-height:34px;
  padding:6px 10px!important;
  margin:0!important;
  font-size:clamp(11px,.85em,14px)!important;
  line-height:1.1;
}
html body .pink-account .pink-account-dialog [data-ppac-view="profile"] .pp141-profile-phone > input[name="phone"] {
  font-size:clamp(13px,3.5vw,17px)!important;
}

/* Keep the artwork in the dialog's blending context. */
html body .pink-account .pink-account-dialog .pink-account-dialog-head.pp138-dialog-head [data-pp143-brand]:has(.faac-adaptive-logo),
html body .pink-buy-dialog .pink-buy-head.pp138-buy-head [data-pp143-brand]:has(.faac-adaptive-logo) {
  z-index:auto!important;
  animation:none!important;
  transform:none!important;
}

html body .pink-account .pink-account-dialog {
  color:var(--pp141-dialog-text,#20231f)!important;
}