/* Customer account and Saved use the approved quiet storefront patterns. */
.ut-auth { padding: clamp(var(--ut-space-10), 6vw, var(--ut-space-20)) 0; }
.ut-auth__container { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(16rem, .88fr); align-items: stretch; gap: clamp(var(--ut-space-6), 3vw, var(--ut-space-10)); }
.ut-auth__intro { max-width: 30rem; margin-bottom: var(--ut-space-6); }
.ut-auth__intro h1, .ut-account__heading h1, .ut-wishlist__heading h1 { margin: var(--ut-space-2) 0 var(--ut-space-3); }
.ut-auth__intro h1 { font-size: clamp(1.75rem, 2.3vw, 2.125rem); font-weight: var(--ut-font-weight-regular); line-height: 1.2; }
.ut-auth__intro p:not(.ut-eyebrow), .ut-account__heading > p:not(.ut-eyebrow), .ut-wishlist__heading > p:not(.ut-eyebrow) { max-width: 42ch; margin: 0; color: var(--ut-color-muted); }
.ut-auth__card, .ut-account-form { border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: clamp(var(--ut-space-5), 3vw, var(--ut-space-8)); box-shadow: var(--ut-shadow-soft); }
.ut-auth__tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; margin-bottom: var(--ut-space-8); border-radius: var(--ut-radius-pill); background: var(--ut-color-surface-muted); padding: .25rem; }
.ut-auth__tabs a { min-height: 2.75rem; display: grid; place-items: center; border-radius: var(--ut-radius-pill); color: var(--ut-color-muted); font-size: var(--ut-text-sm); text-decoration: none; }
.ut-auth__tabs a[aria-current="page"] { background: var(--ut-color-surface); color: var(--ut-color-ink); box-shadow: 0 .125rem .5rem rgb(44 39 34 / 8%); }
.ut-auth__benefits { border-radius: var(--ut-radius-md); background: var(--ut-color-sand); padding: clamp(var(--ut-space-5), 3vw, var(--ut-space-8)); }
.ut-auth__benefits > .ut-eyebrow { margin-bottom: var(--ut-space-4); color: var(--ut-color-muted); }
.ut-auth__benefits ul { margin: 0; padding: 0; list-style: none; }
.ut-auth__benefits li { display: grid; gap: var(--ut-space-1); border-top: 1px solid rgb(138 123 105 / 28%); padding: var(--ut-space-4) 0; }
.ut-auth__benefits li:last-child { padding-bottom: 0; }
.ut-auth__benefits strong { font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); }
.ut-auth__benefits span { color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-relaxed); }
.ut-auth__form { display: grid; gap: var(--ut-space-5); }
.ut-auth__field { display: grid; gap: var(--ut-space-2); }
.ut-auth__field label, .ut-account-form label { color: var(--ut-color-ink); font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); }
.ut-auth__field .ut-field { font-size: .9375rem; }
.ut-auth__label-row { display: flex; justify-content: space-between; align-items: baseline; gap: var(--ut-space-4); }
.ut-auth__label-row a, .ut-auth__label-row span { color: var(--ut-color-muted); font-size: var(--ut-text-xs); font-weight: var(--ut-font-weight-regular); }
.ut-auth__remember { display: flex; align-items: center; gap: var(--ut-space-2); color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-auth__remember input { width: 1rem; height: 1rem; accent-color: var(--ut-color-ink); }
.ut-auth__submit { width: 100%; }
.ut-auth__success { display: grid; gap: var(--ut-space-5); align-content: start; }
.ut-auth__success h1 { margin: 0; font-family: var(--ut-font-display); font-size: clamp(2rem, 3vw, 2.5rem); font-weight: var(--ut-font-weight-regular); line-height: 1.15; }
.ut-auth__success > p:not(.ut-auth__switch) { max-width: 54ch; margin: 0; color: var(--ut-color-muted); line-height: var(--ut-leading-relaxed); }
.ut-auth__success-note { font-size: var(--ut-text-sm); }
.ut-auth__state-icon { display: grid; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: 50%; background: #e8eee5; color: #526d4c; }
.ut-auth__state-icon svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ut-auth__state-icon--mail { background: var(--ut-color-sand); color: var(--ut-color-clay); }
.ut-auth__error { color: var(--ut-color-danger); font-size: var(--ut-text-sm); line-height: var(--ut-leading-normal); }
.ut-auth__field .ut-field[aria-invalid="true"] { border-color: var(--ut-color-danger); }
.ut-auth__switch { margin: var(--ut-space-6) 0 0; border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-5); color: var(--ut-color-muted); font-size: var(--ut-text-sm); text-align: center; }
.ut-password-field { position: relative; display: grid; gap: var(--ut-space-2); }
.ut-password-field .ut-field { width: 100%; padding-right: 5rem; }
.ut-password-field__toggle { position: absolute; right: var(--ut-space-2); bottom: .45rem; min-width: 4rem; min-height: 2rem; border: 0; background: transparent; color: var(--ut-color-clay); cursor: pointer; font-size: var(--ut-text-xs); }
.ut-password-field__toggle:hover { color: var(--ut-color-ink); }

.ut-empty-state { max-width: 34rem; margin: var(--ut-space-8) auto; padding: clamp(var(--ut-space-6), 5vw, var(--ut-space-12)); border: 1px solid var(--ut-color-line); background: var(--ut-color-surface); text-align: center; }
.ut-empty-state h2 { margin: 0 0 var(--ut-space-3); font-size: var(--ut-text-xl); }
.ut-empty-state p { margin: 0 0 var(--ut-space-6); color: var(--ut-color-muted); }

.ut-account, .ut-wishlist { padding: var(--ut-space-10) 0 var(--ut-space-16); }
.ut-account__composition { max-width: 68rem; margin-inline: auto; }
.ut-account__layout { display: grid; grid-template-columns: 14.25rem minmax(0, 1fr); align-items: start; gap: 2.5rem; }
.ut-account__sidebar { min-width: 0; }
.ut-account-identity { display: flex; align-items: center; gap: var(--ut-space-3); min-height: 5.25rem; margin-bottom: var(--ut-space-3); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-4); color: var(--ut-color-ink); text-decoration: none; }
.ut-account-identity__mark { display: grid; flex: none; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 50%; background: var(--ut-color-sand); color: var(--ut-color-ink); font-family: var(--ut-font-display); font-size: var(--ut-text-lg); }
.ut-account-identity > span:last-child { display: grid; min-width: 0; gap: .2rem; }
.ut-account-identity strong { overflow: hidden; font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); text-overflow: ellipsis; white-space: nowrap; }
.ut-account-identity small { overflow: hidden; color: var(--ut-color-muted); font-size: var(--ut-text-xs); text-overflow: ellipsis; white-space: nowrap; }
.ut-account-nav { display: grid; }
.ut-account-nav a { display: flex; justify-content: space-between; align-items: center; min-height: 2.75rem; border-bottom: 1px solid var(--ut-color-line); padding: 0 var(--ut-space-3); color: var(--ut-color-muted); font-size: var(--ut-text-sm); text-decoration: none; }
.ut-account-nav a:hover { color: var(--ut-color-ink); }
.ut-account-nav a[aria-current="page"] { border-radius: var(--ut-radius-sm); background: var(--ut-color-sand); color: var(--ut-color-ink); font-weight: var(--ut-font-weight-medium); }
.ut-account-nav a span { display: inline-grid; min-width: 1.25rem; height: 1.25rem; place-items: center; border-radius: var(--ut-radius-pill); background: var(--ut-color-surface); color: var(--ut-color-muted); font-size: var(--ut-text-xs); }
.ut-account-nav__group-label { margin-top: var(--ut-space-4); border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-2) var(--ut-space-3); color: var(--ut-color-subtle); font-size: var(--ut-text-xs); letter-spacing: .06em; text-transform: uppercase; }
.ut-account-nav__settings { display: contents; }
.ut-account-nav__settings-links { display: grid; }
.ut-account-nav__settings-menu { display: none; }
.ut-account-nav__settings-menu summary { display: none; }
.ut-account-nav__settings-menu > a { display: flex; }
.ut-account-nav .ut-account-nav__logout { margin-top: var(--ut-space-4); border-top: 1px solid var(--ut-color-line); }
.ut-account__content { min-width: 0; }
.ut-account__heading { margin-bottom: var(--ut-space-6); }
.ut-account__heading h1, .ut-wishlist__heading h1 { margin: 0 0 var(--ut-space-2); font-family: var(--ut-font-display); font-size: clamp(2rem, 3vw, 2.5rem); font-weight: var(--ut-font-weight-regular); line-height: normal; }
.ut-account__heading > p:not(.ut-eyebrow) { max-width: 60ch; line-height: var(--ut-leading-relaxed); }
.ut-account-panel { min-width: 0; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-6); }
.ut-account-panel h2 { margin: 0; font-family: var(--ut-font-ui); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-medium); }
.ut-account-panel__heading { display: flex; justify-content: space-between; align-items: start; gap: var(--ut-space-4); margin-bottom: var(--ut-space-4); }
.ut-account-panel__heading p { margin: var(--ut-space-2) 0 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-relaxed); }
.ut-account-panel__heading > a, .ut-account-panel__address-link { flex: none; color: var(--ut-color-clay); font-size: var(--ut-text-sm); text-decoration: none; }
.ut-account-panel__heading > a:hover, .ut-account-panel__address-link:hover { text-decoration: underline; text-underline-offset: .18em; }
.ut-account-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--ut-space-5); }
.ut-account-overview__details { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ut-space-5); margin-top: var(--ut-space-5); }
.ut-account-panel__identity { display: grid; gap: var(--ut-space-1); margin: var(--ut-space-5) 0 var(--ut-space-3); font-size: var(--ut-text-sm); }
.ut-account-panel__identity strong { font-weight: var(--ut-font-weight-medium); }
.ut-account-panel__identity span { color: var(--ut-color-muted); }
.ut-account-recent { margin-top: var(--ut-space-5); }
.ut-account-recent__list { display: grid; margin: 0; padding: 0; list-style: none; }
.ut-account-recent__list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--ut-space-4); border-top: 1px solid var(--ut-color-line); padding: var(--ut-space-3) 0; font-size: var(--ut-text-sm); }
.ut-account-recent__product { display: flex; min-width: 0; align-items: center; gap: var(--ut-space-3); color: var(--ut-color-ink); text-decoration: none; }
.ut-account-recent__product img { flex: none; width: 3.5rem; height: 3.5rem; border-radius: var(--ut-radius-sm); background: var(--ut-color-surface-muted); object-fit: cover; }
.ut-account-recent__product span { display: grid; min-width: 0; gap: .2rem; }
.ut-account-recent__product small { overflow: hidden; color: var(--ut-color-muted); text-overflow: ellipsis; white-space: nowrap; }
.ut-account-recent__list > li > strong { white-space: nowrap; font-weight: var(--ut-font-weight-medium); }
.ut-account-recent__empty { border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-4); color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-account-recent__empty p { margin: 0 0 var(--ut-space-2); }
.ut-account-recent__empty a { color: var(--ut-color-clay); text-decoration: none; }

.ut-account-form { max-width: none; box-shadow: none; }
.ut-account-form h2, .ut-order-detail__section h2 { margin: 0 0 var(--ut-space-5); font-family: var(--ut-font-ui); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-medium); }
.ut-account-form form { display: grid; gap: var(--ut-space-5); }
.ut-account-form__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ut-space-4); }
.ut-account-form__fields > div { display: grid; min-width: 0; gap: var(--ut-space-2); }
.ut-account-form__fields .ut-field { width: 100%; }
.ut-account-personal-form .ut-account-form__fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ut-account-personal-form form > .ut-button { width: auto; min-width: 8.75rem; justify-self: start; }
.ut-account-form__details { border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-4); }
.ut-account-form__details summary { cursor: pointer; font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); }
.ut-account-form__details .ut-account-form__fields { margin-top: var(--ut-space-5); }
.ut-account-profile-address { display: grid; gap: var(--ut-space-2); color: var(--ut-color-muted); font-size: var(--ut-text-sm); font-style: normal; line-height: var(--ut-leading-relaxed); }
.ut-account-profile-address strong { color: var(--ut-color-ink); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-medium); }
.ut-addresses { display: grid; grid-template-columns: 1fr; gap: var(--ut-space-4); margin: 0 0 var(--ut-space-5); padding: 0; list-style: none; }
.ut-addresses li { display: flex; justify-content: space-between; gap: var(--ut-space-4); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-5); }
.ut-addresses p { margin: 0 0 var(--ut-space-2); color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-relaxed); }
.ut-addresses .ut-eyebrow { margin-bottom: var(--ut-space-2); }
.ut-addresses__actions { display: flex; flex: none; flex-direction: column; align-items: end; gap: var(--ut-space-2); }
.ut-address-form form > .ut-button { width: auto; min-width: 8.75rem; justify-self: start; }
.ut-password-form { max-width: 36rem; padding: 2rem; }
.ut-password-form .ut-account-form__fields { grid-template-columns: 1fr; }
.ut-password-form form > .ut-button { width: auto; min-width: 8.75rem; justify-self: start; }

.ut-orders-list { display: grid; gap: var(--ut-space-3); margin: 0; padding: 0; list-style: none; }
.ut-order-card { display: grid; gap: var(--ut-space-3); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-4); }
.ut-order-card__main { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--ut-space-5); }
.ut-order-card__product { display: flex; min-width: 0; align-items: center; gap: var(--ut-space-4); color: var(--ut-color-ink); text-decoration: none; }
.ut-order-card__product img { flex: none; width: 3.5rem; height: 4.375rem; border-radius: var(--ut-radius-sm); background: var(--ut-color-surface-muted); object-fit: cover; }
.ut-order-card__product span { display: grid; min-width: 0; gap: var(--ut-space-1); }
.ut-order-card__product small { overflow: hidden; color: var(--ut-color-muted); font-size: var(--ut-text-sm); text-overflow: ellipsis; white-space: nowrap; }
.ut-order-card__total { white-space: nowrap; font-family: var(--ut-font-ui); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-medium); }
.ut-order-card__detail { color: var(--ut-color-clay); font-size: var(--ut-text-sm); text-decoration: none; white-space: nowrap; }
.ut-order-card__detail:hover { text-decoration: underline; text-underline-offset: .18em; }
.ut-order-card__actions { display: flex; border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-3); }
.ut-order-card__actions .ut-button { min-height: 2.75rem; }
.ut-status { display: inline-flex; width: max-content; border-radius: var(--ut-radius-pill); background: var(--ut-color-sand); padding: .3rem .6rem; color: var(--ut-color-muted); font-size: var(--ut-text-xs); }
.ut-text-link { color: var(--ut-color-clay); font-size: var(--ut-text-sm); text-decoration: none; }
.ut-text-link:hover { text-decoration: underline; text-underline-offset: .18em; }
.ut-order-detail { display: grid; gap: var(--ut-space-5); }
.ut-order-detail__back { display: inline-flex; width: max-content; margin: 0 0 var(--ut-space-4); color: var(--ut-color-clay); font-size: var(--ut-text-sm); text-decoration: none; }
.ut-order-detail__back:hover { text-decoration: underline; text-underline-offset: .18em; }
.ut-order-detail__heading { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ut-space-3); margin-bottom: var(--ut-space-6); }
.ut-order-detail__heading h1 { margin: 0; font-family: var(--ut-font-display); font-size: 2.25rem; font-weight: var(--ut-font-weight-regular); line-height: normal; }
.ut-order-detail__heading p { flex-basis: 100%; margin: 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-order-detail__summary { display: grid; grid-template-columns: 1fr auto; gap: var(--ut-space-5); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-5); }
.ut-order-detail__summary div { display: grid; gap: var(--ut-space-1); }
.ut-order-detail__summary span, .ut-order-detail__facts dt { color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-order-detail__summary strong { font-family: var(--ut-font-ui); font-size: var(--ut-text-lg); font-weight: var(--ut-font-weight-medium); }
.ut-order-detail__section { border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-5); }
.ut-order-items { margin: 0; padding: 0; list-style: none; }
.ut-order-items li { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr) auto; align-items: center; gap: var(--ut-space-4); border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-3) 0; }
.ut-order-items li > img { width: 3.5rem; height: 4.375rem; border-radius: var(--ut-radius-sm); background: var(--ut-color-surface-muted); object-fit: cover; }
.ut-order-items li > div { display: grid; gap: var(--ut-space-1); }
.ut-order-items span { color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-order-items li > strong { font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-medium); white-space: nowrap; }
.ut-order-items li.ut-order-items__delivery { grid-template-columns: minmax(0, 1fr) auto; }
.ut-order-detail__columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ut-space-4); }
.ut-order-detail__columns > .ut-order-detail__section { min-width: 0; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-5); }
.ut-order-detail__method { margin-top: var(--ut-space-4); color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-order-detail__total dl { display: grid; gap: var(--ut-space-3); margin: 0; }
.ut-order-detail__total dl div { display: flex; justify-content: space-between; gap: var(--ut-space-3); }
.ut-order-detail__total dt, .ut-order-detail__total dd { margin: 0; }
.ut-order-detail__grand-total { border-top: 1px solid var(--ut-color-line); padding-top: var(--ut-space-3); font-size: var(--ut-text-lg); }
.ut-order-detail__facts dl { display: grid; gap: var(--ut-space-3); margin: 0; }
.ut-order-detail__facts dl div { display: flex; justify-content: space-between; gap: var(--ut-space-4); }
.ut-order-detail__facts dd { margin: 0; text-align: right; }
.ut-order-detail__facts p { color: var(--ut-color-muted); font-size: var(--ut-text-sm); line-height: var(--ut-leading-relaxed); }
.ut-document-links { margin: 0; padding-left: 1rem; }
.ut-document-links a { color: var(--ut-color-clay); }
.ut-invoice-list { display: grid; margin: 0; padding: 0; list-style: none; }
.ut-invoice-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--ut-space-5); border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-4) 0; }
.ut-invoice-list h2 { margin: var(--ut-space-1) 0; font-family: var(--ut-font-ui); font-size: var(--ut-text-base); font-weight: var(--ut-font-weight-medium); }
.ut-invoice-list p { margin: 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-invoice-list p a { color: var(--ut-color-ink); }
.ut-invoice-list__actions { display: flex; align-items: center; gap: var(--ut-space-3); }

.ut-wishlist__heading { margin: 0 0 var(--ut-space-5); }
.ut-wishlist__heading h1 { font-size: clamp(2rem, 3vw, 2.5rem); }
.ut-wishlist__actions { display: flex; justify-content: space-between; gap: var(--ut-space-4); margin-bottom: var(--ut-space-6); color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-wishlist__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(var(--ut-space-3), 2vw, var(--ut-space-6)); }
.ut-wishlist__empty img { width: 5rem; margin-bottom: var(--ut-space-4); opacity: .8; }

.ut-saved { padding: var(--ut-space-10) 0 var(--ut-space-16); }
.ut-saved > .ut-container { max-width: 70rem; }
.ut-saved__heading { max-width: 44rem; margin: 0 0 var(--ut-space-6); }
.ut-saved__heading h1 { margin: 0 0 var(--ut-space-2); font-family: var(--ut-font-display); font-size: 2.75rem; font-weight: var(--ut-font-weight-regular); line-height: normal; }
.ut-saved__heading > p:not(.ut-eyebrow) { margin: 0; color: var(--ut-color-muted); line-height: var(--ut-leading-relaxed); }
.ut-saved__tabs { display: flex; gap: var(--ut-space-5); margin-bottom: var(--ut-space-6); border-bottom: 1px solid var(--ut-color-line); }
.ut-saved__tabs a { min-height: 2.75rem; padding: 0 0 var(--ut-space-3); color: var(--ut-color-muted); font-size: var(--ut-text-sm); text-decoration: none; white-space: nowrap; }
.ut-saved__tabs a[aria-current] { border-bottom: 2px solid var(--ut-color-ink); color: var(--ut-color-ink); font-weight: var(--ut-font-weight-medium); }
.ut-saved__folders { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: calc(-1 * var(--ut-space-3)) 0 var(--ut-space-4); padding: 0 0 var(--ut-space-4); border-bottom: 1px solid var(--ut-color-line); }
.ut-saved__folder-chip, .ut-saved__folder-create { display: inline-flex; min-height: 2.5rem; align-items: center; gap: .45rem; border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-pill); background: var(--ut-color-surface); padding: .45rem .8rem; color: var(--ut-color-ink); font-size: var(--ut-text-sm); text-decoration: none; }
.ut-saved__folder-chip span { color: var(--ut-color-muted); }
.ut-saved__folder-chip:hover, .ut-saved__folder-chip:focus-visible { border-color: var(--ut-color-clay); }
.ut-saved__folder-chip.is-active { border-color: var(--ut-color-ink); background: var(--ut-color-ink); color: var(--ut-color-surface); }
.ut-saved__folder-chip.is-active span { color: inherit; opacity: .72; }
.ut-saved__folder-create { border-style: dashed; color: var(--ut-color-clay); }
.ut-saved__collection-folders { margin: 0 0 var(--ut-space-5); }
.ut-saved__collection-folders .ut-saved__folder-chip strong { font-size: var(--ut-text-sm); font-weight: var(--ut-font-weight-regular); }
.ut-saved__create-disclosure, .ut-saved__manage-disclosure { position: relative; }
.ut-saved__create-disclosure > summary, .ut-saved__manage-disclosure > summary { min-height: 2.75rem; display: inline-flex; align-items: center; color: var(--ut-color-clay); cursor: pointer; font-size: var(--ut-text-sm); list-style: none; }
.ut-saved__create-disclosure > summary::-webkit-details-marker, .ut-saved__manage-disclosure > summary::-webkit-details-marker { display: none; }
.ut-saved__create-disclosure[open], .ut-saved__manage-disclosure[open] { z-index: 2; }
.ut-saved__create-disclosure[open] .ut-saved__create, .ut-saved__manage-disclosure[open] .ut-saved__manage { margin-top: var(--ut-space-2); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-4); box-shadow: var(--ut-shadow-soft); }
.ut-saved__manage-disclosure { margin: 0 0 var(--ut-space-5); }
.ut-saved__toolbar, .ut-saved__section-heading, .ut-saved__manage, .ut-saved__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ut-space-4); margin-bottom: var(--ut-space-4); }
.ut-saved__toolbar p, .ut-saved__section-heading p { margin: var(--ut-space-2) 0 0; color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-saved__membership, .ut-saved__create, .ut-saved__manage form { display: flex; flex-wrap: wrap; align-items: end; gap: var(--ut-space-2); }
.ut-saved__organize { position: relative; }
.ut-saved__organize > summary { color: var(--ut-color-clay); cursor: pointer; font-size: var(--ut-text-sm); }
.ut-saved__organize[open] { z-index: 2; }
.ut-saved__organize[open] .ut-saved__membership { margin-top: var(--ut-space-3); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-4); box-shadow: var(--ut-shadow-soft); }
.ut-saved__membership label, .ut-saved__create label, .ut-saved__manage label { display: grid; gap: var(--ut-space-1); color: var(--ut-color-muted); font-size: var(--ut-text-xs); }
.ut-saved__membership label { min-width: 12rem; }
.ut-saved__membership select { max-width: 13rem; }
.ut-saved__collection-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ut-space-4); }
.ut-saved__collection-card { display: grid; min-height: 10rem; align-content: start; gap: var(--ut-space-3); border: 1px solid var(--ut-color-line); border-radius: var(--ut-radius-md); background: var(--ut-color-surface); padding: var(--ut-space-5); color: var(--ut-color-ink); text-decoration: none; }
.ut-saved__collection-card:hover { border-color: var(--ut-color-clay); }
.ut-saved__collection-card span,  .ut-saved__collection-card small { color: var(--ut-color-muted); font-size: var(--ut-text-sm); }
.ut-saved__collection-card h3 { margin: 0; font-family: var(--ut-font-display); font-size: var(--ut-text-xl); font-weight: var(--ut-font-weight-regular); }
.ut-saved__collection-products { display: grid; gap: var(--ut-space-3); max-width: 48rem; margin: 0; padding: 0; list-style: none; }
.ut-saved__collection-products li { display: flex; justify-content: space-between; gap: var(--ut-space-4); align-items: center; border-bottom: 1px solid var(--ut-color-line); padding: var(--ut-space-4) 0; }
.ut-saved__collection-products a { color: var(--ut-color-ink); }
.ut-saved__collection-products form { margin: 0; }

.ut-button-link { border: 0; padding: 0; background: transparent; color: var(--ut-color-clay); cursor: pointer; font: inherit; font-size: var(--ut-text-sm); text-decoration: underline; text-underline-offset: .18em; }

@media (max-width: 64rem) {
    .ut-auth__container { gap: var(--ut-space-10); }
    .ut-account__composition { max-width: 100%; }
    .ut-account__layout { grid-template-columns: 13rem minmax(0, 1fr); gap: var(--ut-space-6); }
    .ut-account-overview, .ut-account-overview__details { grid-template-columns: 1fr; }
    .ut-wishlist__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ut-saved > .ut-container { max-width: 100%; }
}
@media (max-width: 48rem) {
    .ut-auth { padding: var(--ut-space-8) 0 var(--ut-space-12); }
    .ut-auth__container { grid-template-columns: 1fr; gap: var(--ut-space-6); max-width: var(--ut-container-reading); }
    .ut-account, .ut-wishlist, .ut-saved { padding: var(--ut-space-8) 0 var(--ut-space-12); }
    .ut-account__layout { grid-template-columns: 1fr; gap: var(--ut-space-5); }
    .ut-account-identity { margin-bottom: var(--ut-space-2); }
    .ut-account-nav { border-top: 1px solid var(--ut-color-line); }
    .ut-account-nav a { min-height: 2.75rem; padding-inline: var(--ut-space-3); }
    .ut-account-nav__group-label { display: none; }
    .ut-account-nav__settings { display: grid; }
    .ut-account-nav__settings-links { display: none; }
    .ut-account-nav__settings-menu { display: block; border-bottom: 1px solid var(--ut-color-line); }
    .ut-account-nav__settings-menu summary { display: flex; align-items: center; min-height: 2.75rem; padding: 0 var(--ut-space-3); color: var(--ut-color-muted); cursor: pointer; font-size: var(--ut-text-sm); list-style: none; }
    .ut-account-nav__settings-menu summary::-webkit-details-marker { display: none; }
    .ut-account-nav__settings-menu[open] summary { color: var(--ut-color-ink); font-weight: var(--ut-font-weight-medium); }
    .ut-account-nav__settings-menu > a { display: flex; }
    .ut-account__heading { margin-bottom: var(--ut-space-5); }
    .ut-account__heading h1 { font-size: 1.75rem; }
    .ut-order-detail__heading h1 { font-size: 1.625rem; }
    .ut-account-overview, .ut-account-overview__details, .ut-order-detail__columns { grid-template-columns: 1fr; }
    .ut-account-panel { padding: var(--ut-space-5); }
    .ut-account-recent__list li { grid-template-columns: minmax(0, 1fr) auto; gap: var(--ut-space-2) var(--ut-space-3); }
    .ut-account-recent__list .ut-status { grid-column: 1; }
    .ut-account-recent__list > li > strong { grid-column: 2; grid-row: 2; }
    .ut-account-form { max-width: none; }
    .ut-password-form { max-width: none; padding: var(--ut-space-5); }
    .ut-password-form form > .ut-button { width: 100%; }
    .ut-account-form__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ut-account-personal-form .ut-account-form__fields { grid-template-columns: 1fr; }
    .ut-account-personal-form form > .ut-button { width: 100%; }
    .ut-addresses { grid-template-columns: 1fr; }
    .ut-address-form form > .ut-button { width: 100%; }
    .ut-order-card__main { grid-template-columns: minmax(0, 1fr) auto; gap: var(--ut-space-3); }
    .ut-order-card__product { grid-column: 1 / -1; }
    .ut-order-card__actions .ut-button { width: 100%; }
    .ut-order-detail__summary { grid-template-columns: 1fr auto; }
    .ut-order-items li { grid-template-columns: 3.5rem minmax(0, 1fr) auto; gap: var(--ut-space-3); }
    .ut-order-items li > img { width: 3.5rem; height: 4.375rem; }
    .ut-invoice-list li { grid-template-columns: minmax(0, 1fr) auto; gap: var(--ut-space-3); }
    .ut-invoice-list__actions { grid-column: 1 / -1; justify-content: space-between; }
    .ut-wishlist__grid { grid-template-columns: 1fr; gap: var(--ut-space-5); }
    .ut-saved__heading h1 { font-size: 1.8125rem; }
    .ut-saved__folders { flex-wrap: nowrap; overflow-x: auto; margin-right: calc(-1 * var(--ut-gutter)); padding-right: var(--ut-gutter); scrollbar-width: thin; }
    .ut-wishlist__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ut-space-4) var(--ut-space-3); }
    .ut-wishlist__grid .ut-product-card__body { padding-top: var(--ut-space-2); }
    .ut-wishlist__grid .ut-product-card h3 { font-size: var(--ut-text-xs); }
    .ut-wishlist__grid .ut-product-card__variants { font-size: .6875rem; }
    .ut-wishlist__grid .ut-product-card__price { gap: .25rem; flex-wrap: wrap; }
    .ut-wishlist__grid .ut-product-card__price strong { font-size: var(--ut-text-xs); }
    .ut-wishlist__grid .ut-product-card__favorite { width: 2.25rem; height: 2.25rem; }
    .ut-saved__tabs { gap: var(--ut-space-5); overflow-x: auto; margin-right: calc(-1 * var(--ut-gutter)); padding-right: var(--ut-gutter); scrollbar-width: thin; }
    .ut-saved__collection-grid { grid-template-columns: 1fr; }
    .ut-saved__toolbar, .ut-saved__section-heading, .ut-saved__manage { align-items: stretch; flex-direction: column; }
    .ut-saved__membership, .ut-saved__create, .ut-saved__manage form, .ut-saved__membership label { width: 100%; }
    .ut-saved__membership .ut-button, .ut-saved__create .ut-button, .ut-saved__manage .ut-button { width: 100%; }
    .ut-saved__create-disclosure[open] .ut-saved__create { display: grid; }
    .ut-saved__manage-disclosure { margin-bottom: var(--ut-space-4); }
}
@media (max-width: 25rem) {
    .ut-auth__card, .ut-account-form, .ut-account-panel { padding: var(--ut-space-4); }
    .ut-account-form__fields { grid-template-columns: 1fr; }
    .ut-password-form { padding: var(--ut-space-4); }
    .ut-order-detail__summary { grid-template-columns: 1fr; }
    .ut-order-detail__facts dl div { display: grid; gap: var(--ut-space-1); }
    .ut-order-detail__facts dd { text-align: left; }
    .ut-order-items li { grid-template-columns: 3rem minmax(0, 1fr); }
    .ut-order-items li > img { width: 3rem; height: 3rem; }
    .ut-order-items li > strong { grid-column: 2; }
    .ut-order-items li.ut-order-items__delivery { grid-template-columns: 1fr auto; }
    .ut-account-recent__product small, .ut-order-card__product small { white-space: normal; }
    .ut-saved__tabs { gap: var(--ut-space-4); }
}