/* Compact purchase-option and SKU chips wrap independently. */
@layer apple-proportions {
 html body #order-product-popover {--order-product-primary:#000;width:min(520px,calc(100vw - 32px))!important;max-height:min(340px,calc(100dvh - 24px))!important;}
 html body #order-product-popover .order-product-popover-head {padding:10px 12px!important;min-height:0!important;}
 html body #order-product-popover .order-product-detail-list {padding:4px 10px!important;}
 html body #order-product-popover .order-product-detail-row {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;
  min-width:0!important;min-height:54px!important;padding:8px 2px!important;font-size:11px!important;line-height:1.35!important;
  border:0!important;border-bottom:1px solid var(--ar-border)!important;background:transparent!important;
 }
 html body #order-product-popover .order-product-detail-row:last-child {border-bottom:0!important;}
 html body #order-product-popover .order-product-content {min-width:0!important;}
 html body #order-product-popover .order-product-name {display:block!important;}
 html body #order-product-popover .order-product-name>span {
  display:block!important;color:var(--order-product-primary)!important;font-size:11px!important;font-weight:500!important;line-height:15px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
 }
 html body #order-product-popover .order-product-path {
  display:block!important;min-width:0!important;max-width:100%!important;margin:2px 0 0!important;padding:0!important;
  color:var(--ar-muted)!important;font-size:10px!important;font-weight:400!important;line-height:14px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;user-select:text;
 }
 html body #order-product-popover .order-product-meta {display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:4px!important;margin-top:4px!important;line-height:18px!important;}
 html body #order-product-popover .order-product-option {
  display:inline-block!important;box-sizing:border-box!important;vertical-align:top!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:2px 5px!important;
  border:0!important;border-radius:4px!important;background:#e5e7eb!important;
  color:var(--ar-secondary)!important;font-size:10px!important;font-weight:400!important;line-height:14px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;text-overflow:clip!important;user-select:text;
 }
 html body #order-product-popover .order-product-sku {
  display:inline-block!important;box-sizing:border-box!important;vertical-align:top!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:2px 5px!important;
  border:0!important;border-radius:4px!important;background:#e5e7eb!important;color:var(--order-product-primary)!important;
  font-size:10px!important;font-weight:400!important;line-height:14px!important;white-space:normal!important;overflow-wrap:anywhere!important;user-select:text;
 }
 html body #order-product-popover .order-product-pricing {
  display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important;
  gap:6px 18px!important;min-width:0!important;width:auto!important;max-width:230px!important;margin:0!important;padding:0!important;font-size:11px!important;font-variant-numeric:tabular-nums!important;
 }
 html body #order-product-popover .order-product-math {display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:3px 5px!important;max-width:100%;}
 html body #order-product-popover .order-product-multiplier {display:inline-flex!important;align-items:center!important;gap:5px!important;flex:none;}
 html body #order-product-popover .order-product-times {color:var(--ar-muted)!important;font-size:10px!important;}
 html body #order-product-popover .order-product-quantity {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;
  border-radius:5px!important;background:#f2f3f5!important;color:var(--ar-ink)!important;font-size:11px!important;font-weight:400!important;line-height:20px!important;
 }
 html body #order-product-popover :is(.order-product-unit-price,.order-product-line-total,.order-product-missing-price) {
  color:var(--ar-ink)!important;font-size:11px!important;line-height:18px!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
 }
 html body #order-product-popover .order-product-line-total {margin:0!important;font-weight:600!important;text-align:right!important;}
 html body #order-product-popover .order-product-original-price {color:var(--ar-muted)!important;font-size:10px!important;font-weight:400!important;line-height:14px!important;text-decoration:line-through!important;}
 html body #order-product-popover .order-product-removed-head {padding:7px 12px!important;background:var(--ar-surface-muted)!important;color:var(--ar-secondary)!important;border-color:var(--ar-border)!important;font-size:11px!important;line-height:16px!important;}
 html body #order-product-popover .order-product-removed-head strong {font-weight:400!important;}
 html body #order-product-popover .is-removed :is(.order-product-title,.order-product-unit-price,.order-product-line-total) {color:var(--ar-muted)!important;text-decoration:none!important;font-weight:400!important;}
 html body #order-product-popover .is-removed :is(.order-product-option,.order-product-sku,.order-product-quantity) {color:var(--ar-muted)!important;}
 html body #order-product-popover .order-product-empty {color:var(--ar-muted)!important;}
 html[data-ads-theme="dark"] body #order-product-popover {--order-product-primary:var(--ar-ink);}
 html[data-ads-theme="dark"] body #order-product-popover :is(.order-product-option,.order-product-sku) {background:#303030!important;}
 html[data-ads-theme="dark"] body #order-product-popover .order-product-quantity {background:#303030!important;}
 @media(max-width:600px) {
  html body #order-product-popover .order-product-detail-row {gap:10px!important;}
  html body #order-product-popover .order-product-pricing {flex-direction:column!important;align-items:flex-end!important;gap:3px!important;max-width:190px!important;}
 }
}

@layer apple-proportions {
 html body .order-product-count {align-items:center!important;line-height:16px!important;}
 html body .order-product-count::after {content:none!important;}
 html body .order-product-count .order-product-chevron {display:block!important;flex:0 0 12px!important;width:12px!important;height:12px!important;transform:translateY(.5px);opacity:0;transition:opacity 120ms ease,transform 120ms ease;}
 html body .order-product-count:hover .order-product-chevron,
 html body .order-product-count:focus-visible .order-product-chevron {opacity:1;}
 html body .order-product-count[aria-expanded="true"] .order-product-chevron {transform:translateY(.5px) rotate(180deg);}
 @media(prefers-reduced-motion:reduce){html body .order-product-count .order-product-chevron{transition:none!important;}}
}

/* Copyable member code in the account menu. */
@layer apple-proportions {
 html body #app-shell .topbar #account-popover {width:max(100%,220px)!important;}
 html body #app-shell .topbar #account-popover #vendor-code-button {display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:4px!important;width:100%!important;min-height:34px!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;text-align:left!important;cursor:pointer!important;}
 html body #app-shell .topbar #account-popover #vendor-code-button .account-code-caption {display:flex!important;align-items:center!important;height:18px!important;margin:0!important;padding:0!important;color:var(--ar-ink)!important;font-family:var(--ads-font-sans)!important;font-size:12px!important;font-weight:600!important;line-height:18px!important;white-space:nowrap;}
 html body #app-shell .topbar #account-popover #vendor-code-value {display:flex!important;align-items:center!important;justify-content:flex-start!important;justify-self:start!important;height:18px!important;margin:0!important;padding:0!important;color:var(--ar-link)!important;font-family:var(--ads-font-sans)!important;font-size:13px!important;font-weight:600!important;line-height:18px!important;letter-spacing:.4px!important;font-variant-numeric:tabular-nums;}
 html body #app-shell .topbar #account-popover #vendor-code-button i {display:flex!important;align-items:center!important;height:18px!important;margin:0!important;padding:0!important;color:var(--ar-link)!important;font-family:var(--ads-font-sans)!important;font-size:11px!important;font-style:normal!important;font-weight:500!important;line-height:18px!important;}
 html body #app-shell .topbar #account-popover #vendor-code-button:hover {background:var(--ar-surface-muted)!important;}
 html body #app-shell .topbar #account-popover .account-popover-actions {position:relative!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
 html body #app-shell .topbar #account-popover .account-popover-actions::after {content:"";position:absolute;top:8px;bottom:8px;left:calc(50% - .5px);width:1px;background:var(--ar-border);pointer-events:none;}
 html body #app-shell .topbar #account-popover :is(#password-button,#logout-button) {display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;text-align:center!important;}
 html body #app-shell .topbar #account-popover :is(#password-button,#logout-button)>svg {flex:0 0 16px!important;}
 html body #app-shell .topbar #account-popover :is(#password-button,#logout-button)>span {flex:0 0 auto!important;width:auto!important;}
 html body #app-shell .topbar #account-popover :is(#vendor-code-button,#account-code-separator)[hidden] {display:none!important;}
}