/* Application additions to the supplied Pepsi tokens and component layer. */
[hidden] { display: none !important; }
.pds-page { padding-bottom: calc(var(--pds-actionbar-height, 140px) + var(--pds-space-8)); }
.pds-page__logo { display: block; flex: none; width: 40px; height: 40px; object-fit: contain; }
.pds-controls { min-width: 0; border: 0; padding: 0; margin: 0; }
.pds-card__titlegroup { flex-wrap: wrap; gap: var(--pds-space-2) var(--pds-space-4); }
.pds-summary { color: var(--pds-text-muted); font-size: var(--pds-fs-md); }
.pds-summary__row { display: flex; justify-content: space-between; gap: var(--pds-space-5); }
.pds-summary__row > :last-child { text-align: right; }
.pds-summary__row--total { border-top: 1px solid var(--pds-border); padding-top: var(--pds-space-4); color: var(--pds-text); font-weight: var(--pds-fw-bold); font-size: var(--pds-fs-lg); }
.pds-minimum { margin: 0; font-size: var(--pds-fs-sm); color: var(--pds-blue-700); }
.pds-minimum[data-met="false"] { color: var(--pds-text-muted); }
.pds-notice { margin: 0; padding: var(--pds-space-4) var(--pds-space-5); border: 1px solid var(--pds-blue-200); border-radius: var(--pds-radius-md); color: var(--pds-blue-900); background: var(--pds-blue-100); font-size: var(--pds-fs-md); }
.pds-notice[data-kind="error"] { border-color: var(--pds-red-200); color: var(--pds-red-700); background: var(--pds-red-100); }
.pds-actionbar__status { flex-basis: 100%; }
.pds-actionbar__inner { padding-bottom: max(var(--pds-space-4), env(safe-area-inset-bottom)); }
.pds-recipient { min-width: 175px; }
.pds-line__name, .pds-product__name { overflow-wrap: anywhere; }
.pds-line__total { white-space: nowrap; }
.pds-line__remove { justify-self: end; }
.pds-stepper__btn:disabled, .pds-iconbtn:disabled { opacity: .4; cursor: default; }
.pds-stepper__input[aria-invalid="true"] { background: var(--pds-red-100); color: var(--pds-red-700); }
.pds-stepper:focus-within { overflow: visible; outline: var(--pds-focus-ring); outline-offset: var(--pds-focus-offset); }
.pds-stepper__value { min-width: 44px; }
.pds-cart-layout { grid-template-columns: minmax(0, 1.7fr) minmax(260px, .8fr); }
.pds-order-summary { position: sticky; top: var(--pds-space-7); }
.pds-cart-recipient { font-size: var(--pds-fs-md); }
.pds-checkout-form { display: flex; margin: 0; }
.pds-line--readonly { grid-template-columns: var(--pds-thumb-size) minmax(0, 1fr) auto; }
.pds-result { width: 100%; max-width: 520px; margin: var(--pds-space-8) auto; padding: var(--pds-space-8); display: flex; flex-direction: column; gap: var(--pds-space-6); text-align: center; }
.pds-result__symbol { width: 64px; height: 64px; margin: 0 auto; border-radius: var(--pds-radius-pill); display: grid; place-items: center; background: var(--pds-blue-100); color: var(--pds-blue); font-size: var(--pds-fs-2xl); }
.pds-result .pds-page__title { justify-content: center; }
.pds-result .pds-summary { text-align: left; }
.pds-result .pds-summary__row { padding-block: var(--pds-space-3); }
.pds-result > .pds-brandbar { align-self: center; }
.pds-result p { margin: 0; }
@media (max-width: 900px) {
    .pds-cart-layout { grid-template-columns: minmax(0, 1fr); }
    .pds-order-summary { position: static; }
}
@media (max-width: 560px) {
    .pds-page__title { font-size: var(--pds-fs-xl); align-items: center; }
    .pds-line { grid-template-columns: var(--pds-thumb-size) minmax(0, 1fr) auto; }
    .pds-line > .pds-thumb { grid-column: 1; grid-row: 1; }
    .pds-line__info { grid-column: 2; grid-row: 1; }
    .pds-line__remove { grid-column: 3; grid-row: 1; }
    .pds-line__stepper { grid-column: 1 / 3; grid-row: 2; justify-self: start; }
    .pds-line__total { grid-column: 3; grid-row: 2; }
    .pds-line--readonly .pds-line__info { grid-column: 2 / 4; }
    .pds-line--readonly .pds-line__total { grid-column: 2 / 4; text-align: left; }
    .pds-actionbar__spacer { display: none; }
    .pds-actionbar__inner > .pds-field { flex: 1; }
    .pds-actionbar__inner > .pds-btn--primary, .pds-checkout-form { flex: 0 0 100%; width: 100%; }
    .pds-actionbar .pds-btn--primary { min-height: var(--pds-tap-min); }
    .pds-recipient { min-width: 0; }
    .pds-select { font-size: var(--pds-fs-sm); }
    .pds-card__head { align-items: flex-start; }
}
@media (pointer: coarse) {
    .pds-line { grid-template-columns: var(--pds-thumb-size) minmax(0, 1fr) auto auto var(--pds-tap-min); }
    .pds-btn--sm, .pds-chip { min-height: var(--pds-tap-min); }
    .pds-product { gap: var(--pds-space-3); }
    .pds-line--readonly { grid-template-columns: var(--pds-thumb-size) minmax(0, 1fr) auto; }
}
@media (pointer: coarse) and (max-width: 560px) {
    .pds-line { grid-template-columns: var(--pds-thumb-size) minmax(0, 1fr) auto; }
}
