:root{--wtds-lucide-arrow-right-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='m12 5 7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--wtds-lucide-arrow-left-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 19-7-7 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 12H5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");--wtds-lucide-check-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m20 6-11 11-5-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/*
 * Wapu Theme Design System · WTDS Component Library 2.0
 * Canonical primitive/component runtime for WapuOS - Ecommerce Theme 7.10.0.
 *
 * Ownership: WTDS. Feature styles may scope/extend these classes but must not
 * redefine a primitive base globally. BEM: .wapu-block__element--modifier.
 * States: .is-* / .has-*. JS hooks: data-wapu-*.
 */
html.wapu-theme-transitioning,html.wapu-theme-transitioning *,html.wapu-theme-transitioning *:before,html.wapu-theme-transitioning *:after{transition:background-color var(--wtds-dur) var(--wtds-ease),color var(--wtds-dur) var(--wtds-ease),border-color var(--wtds-dur) var(--wtds-ease)!important}html{font-family:var(--wtds-font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-base);color:var(--wtds-ink);background-color:var(--wtds-surface)}:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),textarea)::placeholder{color:var(--wtds-placeholder);opacity:1}h1,h2,h3,h4,h5,h6{font-family:var(--wtds-font-display);font-weight:var(--wtds-fw-bold);line-height:var(--wtds-lh-tight);letter-spacing:var(--wtds-ls-tight);color:var(--wtds-ink);margin:0}h1{font-size:var(--wtds-fs-large-title);letter-spacing:var(--wtds-ls-tighter)}h2{font-size:var(--wtds-fs-title-1)}h3{font-size:var(--wtds-fs-title-2)}h4{font-size:var(--wtds-fs-title-3)}h5{font-size:var(--wtds-fs-headline)}h6{font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-semibold)}.wapu-stack{display:flex;flex-direction:column;gap:var(--wtds-s-2)}.wapu-stack--sm{gap:var(--wtds-s-1)}.wapu-stack--md{gap:var(--wtds-s-2)}.wapu-stack--lg{gap:var(--wtds-s-3)}.wapu-stack--xl{gap:var(--wtds-s-4)}.wapu-stack--2xl{gap:var(--wtds-s-6)}.wapu-stack--start{align-items:flex-start}.wapu-stack--center{align-items:center}.wapu-stack--end{align-items:flex-end}.wapu-stack--divided>*+*{border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft);padding-top:var(--wtds-s-2)}.wapu-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wtds-s-1)}.wapu-cluster--xs{gap:.25rem}.wapu-cluster--sm{gap:var(--wtds-s-1)}.wapu-cluster--md{gap:var(--wtds-s-2)}.wapu-cluster--lg{gap:var(--wtds-s-3)}.wapu-cluster--start{justify-content:flex-start}.wapu-cluster--center{justify-content:center}.wapu-cluster--end{justify-content:flex-end}.wapu-cluster--between{justify-content:space-between}.wapu-cluster--align-top{align-items:flex-start}.wapu-cluster--align-center{align-items:center}.wapu-cluster--align-bottom{align-items:flex-end}.wapu-cluster--nowrap{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wapu-cluster--nowrap::-webkit-scrollbar{display:none}.wapu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min, 15rem),1fr));gap:var(--wtds-s-2);width:100%}.wapu-grid--sm{gap:var(--wtds-s-1)}.wapu-grid--md{gap:var(--wtds-s-2)}.wapu-grid--lg{gap:var(--wtds-s-3)}.wapu-grid--xl{gap:var(--wtds-s-4)}.wapu-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wapu-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wapu-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.wapu-grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 48rem){.wapu-grid--cols-3,.wapu-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.wapu-grid--cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 30rem){.wapu-grid--cols-2,.wapu-grid--cols-3,.wapu-grid--cols-4{grid-template-columns:minmax(0,1fr)}.wapu-grid--cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}.wapu-container{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding-left:var(--wtds-s-2);padding-right:var(--wtds-s-2)}@media (min-width: 48rem){.wapu-container{padding-left:var(--wtds-s-3);padding-right:var(--wtds-s-3)}}@media (min-width: 64rem){.wapu-container{padding-left:var(--wtds-s-4);padding-right:var(--wtds-s-4)}}.wapu-container--sm{max-width:40rem}.wapu-container--md{max-width:60rem}.wapu-container--lg{max-width:80rem}.wapu-container--xl{max-width:90rem}.wapu-container--fluid{max-width:100%}.wapu-sidebar-layout{display:grid;grid-template-columns:var(--sidebar-w, 17.5rem) minmax(0,1fr);gap:var(--wtds-s-3);width:100%;align-items:start}.wapu-sidebar-layout__sidebar{position:sticky;top:var(--wtds-s-3);min-height:0}.wapu-sidebar-layout__content{min-width:0}@media (max-width: 48rem){.wapu-sidebar-layout{grid-template-columns:minmax(0,1fr);gap:var(--wtds-s-2)}.wapu-sidebar-layout__sidebar{position:static;top:auto}}.wapu-sidebar-layout--right{grid-template-columns:minmax(0,1fr) var(--sidebar-w, 17.5rem)}.wapu-sidebar-layout--right .wapu-sidebar-layout__sidebar{grid-column:2}.wapu-sidebar-layout--right .wapu-sidebar-layout__content{grid-column:1;grid-row:1}@media (max-width: 48rem){.wapu-sidebar-layout--right{grid-template-columns:minmax(0,1fr)}.wapu-sidebar-layout--right .wapu-sidebar-layout__sidebar,.wapu-sidebar-layout--right .wapu-sidebar-layout__content{grid-column:1}.wapu-sidebar-layout--right .wapu-sidebar-layout__content{grid-row:2}}.wapu-full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.wapu-center{display:flex;align-items:center;justify-content:center}.wapu-spacer{flex:1}.wapu-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wapu-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--wtds-s-1);min-height:var(--wtds-control-min);padding:0 var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-headline);font-weight:var(--wtds-fw-ui);line-height:var(--wtds-lh-snug);letter-spacing:-.005em;text-transform:none;text-decoration:none;white-space:nowrap;border-radius:var(--wtds-button-radius, .5rem);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease),border-color var(--wtds-dur-fast) var(--wtds-ease),opacity var(--wtds-dur-fast) var(--wtds-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wapu-btn:active:not(:disabled):not(.wapu-btn--loading){opacity:.5}.wapu-btn:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-btn:disabled,.wapu-btn[aria-disabled=true]{cursor:not-allowed;opacity:.4;pointer-events:none}.wapu-btn__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-2);height:var(--wtds-s-2);flex-shrink:0}.wapu-btn__icon svg{width:100%;height:100%;display:block}.wapu-btn__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wapu-btn__spinner{display:none;width:var(--wtds-s-2);height:var(--wtds-s-2);border:.125rem solid currentColor;border-right-color:transparent;border-radius:var(--wtds-r-pill);animation:wapu-btn-spin .7s linear infinite}@keyframes wapu-btn-spin{to{transform:rotate(360deg)}}.wapu-btn--filled{background-color:var(--wtds-ink);color:var(--wtds-surface);letter-spacing:.08em;text-transform:uppercase}.wapu-btn--filled:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-ink-2)}.wapu-btn--primary{background-color:var(--wtds-primary);color:var(--wtds-primary-ink)}.wapu-btn--primary:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-primary-pressed);color:var(--wtds-primary-ink)}.wapu-btn--success{background-color:var(--wtds-success);color:var(--wtds-success-ink)}.wapu-btn--success:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-success-pressed);color:var(--wtds-success-ink)}.wapu-btn--danger{background-color:var(--wtds-danger);color:var(--wtds-danger-ink)}.wapu-btn--danger:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-danger-pressed);color:var(--wtds-danger-ink)}.wapu-btn--tinted{background-color:var(--wtds-fill-4);color:var(--wtds-ink)}.wapu-btn--tinted:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-fill-3)}.wapu-btn--bordered{background-color:transparent;color:var(--wtds-ink);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-ink);letter-spacing:.08em;text-transform:uppercase}.wapu-btn--bordered:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-fill-4)}.wapu-btn--plain{background-color:transparent;color:var(--wtds-ink);padding:0 var(--wtds-s-1)}.wapu-btn--plain:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-fill-4)}.wapu-btn--arrow:after{content:"";display:inline-block;width:1rem;height:1rem;margin-left:var(--wtds-s-1);background:currentColor;-webkit-mask:var(--wtds-lucide-arrow-right-mask) center/contain no-repeat;mask:var(--wtds-lucide-arrow-right-mask) center/contain no-repeat;transition:transform var(--wtds-dur-fast) var(--wtds-ease)}.wapu-btn--arrow:hover:not(:disabled):not(.wapu-btn--loading):after{transform:translate(.25rem)}.wapu-btn--arrow-left:before{content:"";display:inline-block;width:1rem;height:1rem;margin-right:var(--wtds-s-1);background:currentColor;-webkit-mask:var(--wtds-lucide-arrow-left-mask) center/contain no-repeat;mask:var(--wtds-lucide-arrow-left-mask) center/contain no-repeat;transition:transform var(--wtds-dur-fast) var(--wtds-ease)}.wapu-btn--arrow-left:hover:not(:disabled):not(.wapu-btn--loading):before{transform:translate(-.25rem)}.wapu-btn--link{background-color:transparent;color:var(--wtds-ink);padding:0;min-height:auto;font-weight:var(--wtds-fw-regular);font-size:inherit;text-underline-offset:.1875rem;text-decoration-thickness:.5px}.wapu-btn--link:hover:not(:disabled):not(.wapu-btn--loading){background-color:transparent;text-decoration:underline}.wapu-btn--link:focus-visible{outline:.125rem solid var(--wtds-action-soft);outline-offset:.125rem;border-radius:.125rem}.wapu-btn--icon{width:2.75rem;padding:0;flex-shrink:0;background-color:transparent;color:var(--wtds-ink-2);border-radius:var(--wtds-r-pill)}.wapu-btn--icon:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-fill-4)}.wapu-btn--icon .wapu-btn__icon{width:var(--wtds-s-3);height:var(--wtds-s-3)}.wapu-btn--destructive{background-color:var(--wtds-danger);color:var(--wtds-danger-ink)}.wapu-btn--destructive:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.wapu-btn--destructive:focus-visible{box-shadow:var(--wtds-shadow-focus-danger)}.wapu-btn--destructive.wapu-btn--plain,.wapu-btn--destructive.wapu-btn--tinted{background-color:transparent;color:var(--wtds-danger)}.wapu-btn--destructive.wapu-btn--tinted{background-color:var(--wtds-danger-soft)}.wapu-btn--destructive.wapu-btn--bordered{background-color:transparent;color:var(--wtds-danger);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-danger)}.wapu-btn--neutral.wapu-btn--filled{background-color:var(--wtds-ink);color:var(--wtds-surface)}.wapu-btn--neutral.wapu-btn--filled:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-ink-2)}.wapu-btn--neutral.wapu-btn--bordered{background-color:transparent;color:var(--wtds-ink);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-ink)}.wapu-btn--neutral.wapu-btn--bordered:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-fill-4)}.wapu-btn--neutral.wapu-btn--plain{color:var(--wtds-ink)}.wapu-btn--neutral.wapu-btn--plain:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-fill-4)}.wapu-btn--neutral.wapu-btn--tinted{background-color:var(--wtds-fill-4);color:var(--wtds-ink)}.wapu-btn--neutral.wapu-btn--tinted:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-fill-3)}.wapu-btn--on-glass{min-height:2.375rem;border-radius:var(--wtds-r-pill);font-size:var(--wtds-fs-caption-2);letter-spacing:-.005em}.wapu-btn--on-glass.wapu-btn--filled{background-color:var(--wtds-surface-translucent);color:var(--wtds-ink);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem)}.wapu-btn--on-glass.wapu-btn--filled:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-surface-translucent)}.wapu-btn--on-glass.wapu-btn--bordered:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-glass-faint);box-shadow:inset 0 0 0 .5px var(--wtds-shadow-color-heavy)}.wapu-btn--sm{min-height:var(--wtds-control-compact);padding:0 var(--wtds-s-1);font-size:var(--wtds-fs-footnote);gap:var(--wtds-s-1);border-radius:.5rem;letter-spacing:.1em}.wapu-btn--sm.wapu-btn--icon{width:var(--wtds-control-compact);padding:0}.wapu-btn--sm .wapu-btn__icon{width:var(--wtds-s-2);height:var(--wtds-s-2)}.wapu-btn--lg{min-height:var(--wtds-control-large);padding:0 var(--wtds-s-3);font-size:var(--wtds-fs-headline);gap:var(--wtds-s-2);border-radius:.5rem}.wapu-btn--lg.wapu-btn--icon{width:var(--wtds-control-large);padding:0}.wapu-btn--full{width:100%}.wapu-btn--loading{cursor:wait;pointer-events:none}.wapu-btn--loading .wapu-btn__label,.wapu-btn--loading .wapu-btn__icon{visibility:hidden}.wapu-btn--loading .wapu-btn__spinner{display:inline-block;position:absolute}.wapu-btn-group{display:inline-flex;gap:var(--wtds-s-1)}.wapu-btn-group--full{display:flex;gap:var(--wtds-s-1)}.wapu-btn-group--full .wapu-btn{flex:1}.wapu-btn--on-glass{border-radius:var(--wtds-r-pill);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem)}.wapu-btn--on-glass.wapu-btn--filled{background-color:var(--wtds-surface-translucent);color:var(--wtds-ink)}.wapu-btn--on-glass.wapu-btn--filled:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-surface-translucent);color:var(--wtds-ink)}.wapu-btn--on-glass.wapu-btn--bordered{background-color:transparent;color:var(--wtds-action-ink);box-shadow:inset 0 0 0 .5px var(--wtds-shadow-color-strong)}.wapu-btn--on-glass.wapu-btn--bordered:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-glass-faint);color:var(--wtds-action-ink);box-shadow:inset 0 0 0 .5px var(--wtds-shadow-color-heavy)}.wapu-card{display:flex;flex-direction:column;background-color:var(--wtds-surface);border-radius:var(--wtds-r-lg);padding:var(--wtds-s-2);gap:var(--wtds-s-2);overflow:hidden}.wapu-card--grouped{background-color:var(--wtds-surface)}.wapu-card--inset{background-color:var(--wtds-surface-2)}.wapu-card--elevated{background-color:var(--wtds-surface);box-shadow:var(--wtds-shadow-md)}.wapu-card--interactive{cursor:pointer;transition:background-color var(--wtds-dur) var(--wtds-ease),transform var(--wtds-dur-fast) var(--wtds-ease)}.wapu-card--interactive:hover{background-color:var(--wtds-surface-2)}.wapu-card--interactive:active{opacity:.7;transform:scale(.99)}.wapu-card--interactive:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-card--inset.wapu-card--interactive:hover{background-color:var(--wtds-surface)}.wapu-card--sm{padding:var(--wtds-s-1);gap:var(--wtds-s-1);border-radius:var(--wtds-r-md)}.wapu-card--lg{padding:var(--wtds-s-3);gap:var(--wtds-s-3);border-radius:var(--wtds-r-xl)}.wapu-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wtds-s-2);min-height:0}.wapu-card__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-headline);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);margin:0}.wapu-card__subtitle{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-base);color:var(--wtds-ink-2);margin:0}.wapu-card__meta{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-regular);color:var(--wtds-ink-3);line-height:var(--wtds-lh-snug);flex-shrink:0}.wapu-card__body{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);line-height:var(--wtds-lh-base);color:var(--wtds-ink-2);flex:1}.wapu-card__body>*+*{margin-top:var(--wtds-s-2)}.wapu-card__footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--wtds-s-1);padding-top:var(--wtds-s-1)}.wapu-card__actions{display:flex;align-items:center;gap:var(--wtds-s-1);flex-shrink:0}.wapu-card__media{margin:calc(var(--wtds-s-2) * -1) calc(var(--wtds-s-2) * -1) 0;overflow:hidden;position:relative;background-color:var(--wtds-surface-2)}.wapu-card--sm .wapu-card__media{margin:calc(var(--wtds-s-1) * -1) calc(var(--wtds-s-1) * -1) 0}.wapu-card--lg .wapu-card__media{margin:calc(var(--wtds-s-3) * -1) calc(var(--wtds-s-3) * -1) 0}.wapu-card__media img,.wapu-card__media video{display:block;width:100%;height:auto}.wapu-card__media--square{aspect-ratio:1 / 1}.wapu-card__media--square img,.wapu-card__media--square video{height:100%;-o-object-fit:cover;object-fit:cover}.wapu-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--wtds-s-2);min-height:2.75rem;padding:var(--wtds-s-1) 0}.wapu-card__row+.wapu-card__row{border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft)}.wapu-card__separator{border:0;border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft);margin:0;height:0}.wapu-tooltip{position:absolute;bottom:calc(100% + var(--wtds-s-1));left:50%;transform:translate(-50%) translateY(.25rem);min-width:10rem;max-width:16.25rem;padding:var(--wtds-s-1) var(--wtds-s-2);background:var(--wtds-ink);color:var(--wtds-surface);border-radius:var(--wtds-r-sm);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-regular);letter-spacing:var(--wtds-ls-normal);line-height:var(--wtds-lh-snug);white-space:normal;text-align:left;pointer-events:none;opacity:0;visibility:hidden;z-index:10;box-shadow:var(--wtds-shadow-md, 0 .25rem .75rem var(--wtds-shadow-color-medium));transition:opacity var(--wtds-dur-fast) var(--wtds-ease),transform var(--wtds-dur-fast) var(--wtds-ease),visibility 0s linear var(--wtds-dur-fast)}.wapu-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.3125rem solid transparent;border-top-color:var(--wtds-ink)}.wapu-tooltip__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--wtds-s-2);padding:.125rem 0}.wapu-tooltip__key{font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-regular);color:var(--wtds-on-image-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.wapu-tooltip__val{font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);color:var(--wtds-surface)}.wapu-tooltip__val--strike{text-decoration:line-through;color:var(--wtds-on-image-muted);font-weight:var(--wtds-fw-regular)}.wapu-tooltip__code{display:inline-block;padding:.125rem .375rem;background:var(--wtds-glass-faint);border-radius:var(--wtds-r-xs);font-family:ui-monospace,monospace;font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);color:var(--wtds-surface);letter-spacing:.04em;margin-top:.25rem}.wapu-tooltip__label{display:block;font-weight:var(--wtds-fw-semibold);color:var(--wtds-surface);margin-bottom:.125rem}.wapu-tooltip__value{display:block;color:var(--wtds-on-image-muted);font-weight:var(--wtds-fw-regular)}.wapu-input,.wapu-textarea,.wapu-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;display:block;width:100%;padding:var(--wtds-s-1) var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);background-color:var(--wtds-surface-2);border:0;border-radius:var(--wtds-r-md);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}.wapu-input{min-height:2.75rem}.wapu-textarea{min-height:6rem;padding:var(--wtds-s-2);resize:vertical;line-height:var(--wtds-lh-base)}.wapu-select{min-height:2.75rem;padding-right:var(--wtds-s-5);cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%238e8e93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--wtds-s-2) center;background-size:1rem}.wapu-input::-moz-placeholder,.wapu-textarea::-moz-placeholder{color:var(--wtds-placeholder);opacity:1}.wapu-input::placeholder,.wapu-textarea::placeholder{color:var(--wtds-placeholder);opacity:1}.wapu-input:hover:not(:disabled):not([readonly]),.wapu-textarea:hover:not(:disabled):not([readonly]),.wapu-select:hover:not(:disabled){background-color:var(--wtds-fill-3)}.wapu-input:focus,.wapu-textarea:focus,.wapu-select:focus{outline:none;background-color:var(--wtds-surface);box-shadow:var(--wtds-shadow-focus)}.wapu-input:disabled,.wapu-textarea:disabled,.wapu-select:disabled{background-color:var(--wtds-fill-4);color:var(--wtds-ink-4);cursor:not-allowed}.wapu-input[readonly],.wapu-textarea[readonly]{background-color:var(--wtds-fill-4);cursor:default}.wapu-input[type=number]{-moz-appearance:textfield}.wapu-input[type=number]::-webkit-outer-spin-button,.wapu-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wapu-input[type=search]::-webkit-search-decoration,.wapu-input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.wapu-input--sm,.wapu-select--sm{min-height:2rem;padding:var(--wtds-s-1) var(--wtds-s-1);font-size:var(--wtds-fs-subhead);border-radius:var(--wtds-r-sm)}.wapu-input--lg,.wapu-select--lg{min-height:3.125rem;padding:var(--wtds-s-2) var(--wtds-s-2);font-size:var(--wtds-fs-body)}.wapu-field{display:flex;flex-direction:column;gap:var(--wtds-s-1)}.wapu-field__label{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug);color:var(--wtds-ink-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wapu-field__helper{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-snug);color:var(--wtds-ink-3)}.wapu-field__error{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug);color:var(--wtds-danger);display:none}.wapu-field--error .wapu-input,.wapu-field--error .wapu-textarea,.wapu-field--error .wapu-select{background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.wapu-field--error .wapu-input:focus,.wapu-field--error .wapu-textarea:focus,.wapu-field--error .wapu-select:focus{box-shadow:var(--wtds-shadow-focus-danger)}.wapu-field--error .wapu-field__error{display:block}.wapu-field--error .wapu-field__helper{display:none}.wapu-field--disabled .wapu-field__label{color:var(--wtds-ink-4);cursor:not-allowed}.wapu-field--required .wapu-field__label:after{content:" *";color:var(--wtds-danger);font-weight:var(--wtds-fw-bold)}.wapu-checkbox,.wapu-radio{position:absolute;opacity:0;pointer-events:none}.wapu-checkbox__label,.wapu-radio__label{display:inline-flex;align-items:center;gap:var(--wtds-s-1);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);color:var(--wtds-ink);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:1.5rem}.wapu-checkbox__label:before,.wapu-radio__label:before{content:"";display:inline-block;flex-shrink:0;width:1.5rem;height:1.5rem;background-color:var(--wtds-surface);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}.wapu-checkbox__label:before{border-radius:var(--wtds-r-xs)}.wapu-radio__label:before{border-radius:var(--wtds-r-pill)}.wapu-checkbox:not(:disabled)+.wapu-checkbox__label:hover:before,.wapu-radio:not(:disabled)+.wapu-radio__label:hover:before{box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator-strong)}.wapu-checkbox:checked+.wapu-checkbox__label:before{background-color:var(--wtds-action);box-shadow:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8l3 3 7-7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.wapu-radio:checked+.wapu-radio__label:before{background-color:var(--wtds-action);box-shadow:inset 0 0 0 .25rem var(--wtds-surface)}.wapu-checkbox:focus-visible+.wapu-checkbox__label:before,.wapu-radio:focus-visible+.wapu-radio__label:before{box-shadow:var(--wtds-shadow-focus)}.wapu-checkbox:disabled+.wapu-checkbox__label,.wapu-radio:disabled+.wapu-radio__label{color:var(--wtds-ink-4);cursor:not-allowed;opacity:.5}.wapu-input-wrap{position:relative}.wapu-input-wrap__icon{position:absolute;left:var(--wtds-s-2);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--wtds-ink-3);flex-shrink:0;width:var(--wtds-s-2);height:var(--wtds-s-2)}.wapu-input-wrap__icon svg{width:100%;height:100%;display:block}.wapu-input-wrap .wapu-input{padding-left:var(--wtds-s-5)}.wapu-input--pill{border-radius:var(--wtds-r-pill)}.wapu-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--wtds-s-1);min-height:1.5rem;padding:0 var(--wtds-s-1);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);letter-spacing:var(--wtds-ls-wide);border-radius:var(--wtds-r-xs);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--wtds-fill-3);color:var(--wtds-ink-2)}.wapu-badge__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-1);height:var(--wtds-s-1);flex-shrink:0}.wapu-badge__icon svg{width:100%;height:100%;display:block}.wapu-badge__dot{display:inline-block;width:.375rem;height:.375rem;border-radius:var(--wtds-r-pill);background-color:currentColor;flex-shrink:0}.wapu-badge__label{line-height:1}.wapu-badge--neutral{background-color:var(--wtds-fill-3);color:var(--wtds-ink-2)}.wapu-badge--primary{background-color:var(--wtds-action-soft);color:var(--wtds-action)}.wapu-badge--success{background-color:var(--wtds-success-soft);color:var(--wtds-success)}.wapu-badge--danger{background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.wapu-badge--warning{background-color:var(--wtds-warning-soft);color:var(--wtds-warning)}.wapu-badge--info{background-color:var(--wtds-info-soft);color:var(--wtds-info)}.wapu-badge--solid.wapu-badge--neutral{background-color:var(--wtds-ink-2);color:var(--wtds-surface)}.wapu-badge--solid.wapu-badge--primary{background-color:var(--wtds-action);color:var(--wtds-action-ink)}.wapu-badge--solid.wapu-badge--success{background-color:var(--wtds-success);color:var(--wtds-success-ink)}.wapu-badge--solid.wapu-badge--danger{background-color:var(--wtds-danger);color:var(--wtds-danger-ink)}.wapu-badge--solid.wapu-badge--warning{background-color:var(--wtds-warning);color:var(--wtds-warning-ink)}.wapu-badge--solid.wapu-badge--info{background-color:var(--wtds-info);color:var(--wtds-info-ink)}.wapu-badge--outline{background-color:transparent;box-shadow:inset 0 0 0 var(--wtds-border-thin) currentColor}.wapu-badge--outline.wapu-badge--neutral{color:var(--wtds-ink-3)}.wapu-badge--outline.wapu-badge--primary{color:var(--wtds-action)}.wapu-badge--outline.wapu-badge--success{color:var(--wtds-success)}.wapu-badge--outline.wapu-badge--danger{color:var(--wtds-danger)}.wapu-badge--outline.wapu-badge--warning{color:var(--wtds-warning)}.wapu-badge--outline.wapu-badge--info{color:var(--wtds-info)}.wapu-badge--xs{min-height:1.25rem;padding:0 var(--wtds-s-1);font-size:var(--wtds-fs-caption-2);gap:.25rem}.wapu-badge--xs .wapu-badge__dot{width:.25rem;height:.25rem}.wapu-badge--lg{min-height:2rem;padding:0 var(--wtds-s-2);font-size:var(--wtds-fs-footnote);border-radius:var(--wtds-r-sm);gap:var(--wtds-s-1)}.wapu-badge--lg .wapu-badge__icon{width:var(--wtds-s-2);height:var(--wtds-s-2)}.wapu-badge--pill{border-radius:var(--wtds-r-pill)}.wapu-badge--count{min-width:1.25rem;min-height:1.25rem;padding:0 .375rem;font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-bold);border-radius:var(--wtds-r-pill);background-color:var(--wtds-danger);color:var(--wtds-danger-ink)}.wapu-badge--count.wapu-badge--neutral{background-color:var(--wtds-ink-3);color:var(--wtds-surface)}.wapu-badge--count.wapu-badge--primary{background-color:var(--wtds-action);color:var(--wtds-action-ink)}.wapu-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:var(--wtds-s-1);min-height:2rem;padding:0 var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug);letter-spacing:var(--wtds-ls-normal);background-color:var(--wtds-fill-4);color:var(--wtds-ink-2);border-radius:var(--wtds-r-pill);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap}.wapu-tag:hover:not(:disabled){background-color:var(--wtds-fill-3);color:var(--wtds-ink)}.wapu-tag:active:not(:disabled){opacity:.6}.wapu-tag:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-tag:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.wapu-tag__label{line-height:1}.wapu-tag__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-2);height:var(--wtds-s-2);flex-shrink:0}.wapu-tag__icon svg{width:100%;height:100%;display:block}.wapu-tag__close{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-2);height:var(--wtds-s-2);margin-right:calc(var(--wtds-s-1) * -1);flex-shrink:0;font-size:var(--wtds-fs-callout);font-weight:var(--wtds-fw-regular);line-height:1;opacity:.6;transition:opacity var(--wtds-dur-fast) var(--wtds-ease)}.wapu-tag:hover .wapu-tag__close{opacity:1}.wapu-tag--active{background-color:var(--wtds-action);color:var(--wtds-action-ink)}.wapu-tag--active:hover:not(:disabled){background-color:var(--wtds-action-pressed);color:var(--wtds-action-ink)}.wapu-tag--removable{padding-right:var(--wtds-s-2)}.wapu-tag--outline{background-color:transparent;color:var(--wtds-ink-2);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator)}.wapu-tag--outline:hover:not(:disabled){background-color:var(--wtds-fill-4);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator-strong);color:var(--wtds-ink)}.wapu-tag--outline.wapu-tag--active{background-color:transparent;color:var(--wtds-action);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-action)}.wapu-tag--outline.wapu-tag--active:hover:not(:disabled){background-color:var(--wtds-action-soft)}.wapu-tag--neutral{background-color:var(--wtds-fill-4);color:var(--wtds-ink-2)}.wapu-tag--neutral:hover:not(:disabled){background-color:var(--wtds-fill-3);color:var(--wtds-ink)}.wapu-tag--neutral.wapu-tag--active{background-color:var(--wtds-ink);color:var(--wtds-surface)}.wapu-tag--neutral.wapu-tag--active:hover:not(:disabled){background-color:var(--wtds-ink-2);color:var(--wtds-surface)}.wapu-tag--outline.wapu-tag--neutral{background-color:transparent;color:var(--wtds-ink-2);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-separator)}.wapu-tag--outline.wapu-tag--neutral.wapu-tag--active{background-color:transparent;color:var(--wtds-ink);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-ink)}.wapu-tag--outline.wapu-tag--neutral.wapu-tag--active:hover:not(:disabled){background-color:var(--wtds-fill-4)}.wapu-tag--sm{min-height:1.5rem;padding:0 var(--wtds-s-1);font-size:var(--wtds-fs-caption-1);gap:.375rem}.wapu-tag--sm .wapu-tag__icon,.wapu-tag--sm .wapu-tag__close{width:var(--wtds-s-1);height:var(--wtds-s-1)}.wapu-tag--sm .wapu-tag__close{font-size:.875rem}.wapu-tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wtds-s-1)}.wapu-tag-group--scrollable{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wapu-tag-group--scrollable::-webkit-scrollbar{display:none}.wapu-tag-group--scrollable .wapu-tag{scroll-snap-align:start;flex-shrink:0}.wapu-alert{display:flex;align-items:flex-start;gap:var(--wtds-s-2);padding:var(--wtds-s-2);border-radius:var(--wtds-r-md);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);line-height:var(--wtds-lh-base);background-color:var(--wtds-info-soft);color:var(--wtds-info)}.wapu-alert__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-3);height:var(--wtds-s-3);flex-shrink:0;margin-top:.125rem}.wapu-alert__icon svg{width:100%;height:100%;display:block}.wapu-alert__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--wtds-s-1)}.wapu-alert__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:inherit;margin:0}.wapu-alert__message{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-base);color:var(--wtds-ink-2);margin:0}.wapu-alert__actions{display:flex;gap:var(--wtds-s-1);margin-top:var(--wtds-s-1);flex-wrap:wrap}.wapu-alert__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-3);height:var(--wtds-s-3);flex-shrink:0;color:inherit;opacity:.6;border-radius:var(--wtds-r-pill);transition:opacity var(--wtds-dur-fast) var(--wtds-ease),background-color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-alert__close:hover{opacity:1;background-color:var(--wtds-fill-4)}.wapu-alert__close svg{width:var(--wtds-s-2);height:var(--wtds-s-2);display:block}.wapu-alert--success{background-color:var(--wtds-success-soft);color:var(--wtds-success)}.wapu-alert--danger{background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.wapu-alert--warning{background-color:var(--wtds-warning-soft);color:var(--wtds-warning)}.wapu-alert--info{background-color:var(--wtds-info-soft);color:var(--wtds-info)}.wapu-alert--solid.wapu-alert--success{background-color:var(--wtds-success);color:var(--wtds-success-ink)}.wapu-alert--solid.wapu-alert--danger{background-color:var(--wtds-danger);color:var(--wtds-danger-ink)}.wapu-alert--solid.wapu-alert--warning{background-color:var(--wtds-warning);color:var(--wtds-warning-ink)}.wapu-alert--solid.wapu-alert--info{background-color:var(--wtds-info);color:var(--wtds-info-ink)}.wapu-alert--solid .wapu-alert__message{color:inherit;opacity:.9}.wapu-alert--compact{align-items:center;padding:var(--wtds-s-1) var(--wtds-s-2);gap:var(--wtds-s-1)}.wapu-alert--compact .wapu-alert__icon{width:var(--wtds-s-2);height:var(--wtds-s-2);margin-top:0}.wapu-alert--compact .wapu-alert__content{flex-direction:row;align-items:center;gap:var(--wtds-s-1)}.wapu-alert--compact .wapu-alert__title,.wapu-alert--compact .wapu-alert__message{font-size:var(--wtds-fs-footnote)}.wapu-alert--banner{border-radius:0;padding:var(--wtds-s-1) var(--wtds-s-3);justify-content:center;text-align:center}.wapu-alert--banner .wapu-alert__content{flex-direction:row;align-items:center;flex:0 1 auto}.wapu-toast-container .wapu-alert,#wapu-toast-container .wapu-alert{pointer-events:all;box-shadow:var(--wtds-shadow-md);animation:wapu-alert-in var(--wtds-dur) cubic-bezier(.34,1.56,.64,1) both}.wapu-alert.is-hiding{animation:wapu-alert-out var(--wtds-dur-fast) ease forwards}@keyframes wapu-alert-in{0%{opacity:0;transform:translateY(-.625rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wapu-alert-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.375rem) scale(.96)}}@media (prefers-reduced-motion: reduce){.wapu-toast-container .wapu-alert,#wapu-toast-container .wapu-alert,.wapu-alert.is-hiding{animation:none!important}}.wapu-toast-stack{position:fixed;top:calc(var(--wtds-s-2) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:var(--wtds-z-toast);display:flex;flex-direction:column;gap:var(--wtds-s-1);width:min(25rem,calc(100vw - var(--wtds-s-4)));pointer-events:none}.wapu-toast-stack .wapu-toast{position:static;transform:none;pointer-events:auto}.wapu-toast{position:fixed;top:calc(var(--wtds-s-2) + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%) translateY(-1rem);z-index:var(--wtds-z-toast);display:flex;align-items:center;gap:var(--wtds-s-1);width:min(25rem,calc(100vw - var(--wtds-s-4)));padding:var(--wtds-s-1) var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug);background-color:var(--wtds-surface);color:var(--wtds-ink);border-radius:var(--wtds-r-md);box-shadow:var(--wtds-shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--wtds-dur) var(--wtds-ease),transform var(--wtds-dur) var(--wtds-ease-spring),visibility var(--wtds-dur) var(--wtds-ease)}.wapu-toast--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.wapu-toast-stack .wapu-toast--visible{transform:none}.wapu-toast__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-3);height:var(--wtds-s-3);flex-shrink:0}.wapu-toast__icon svg{width:100%;height:100%;display:block}.wapu-toast__message{flex:1;min-width:0;line-height:var(--wtds-lh-snug)}.wapu-toast__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;margin:0;padding:0 var(--wtds-s-1);font-family:inherit;font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-semibold);color:var(--wtds-action);cursor:pointer;flex-shrink:0;border-radius:var(--wtds-r-sm);transition:background-color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-toast__action:hover{background-color:var(--wtds-fill-4)}.wapu-toast__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-3);height:var(--wtds-s-3);flex-shrink:0;color:inherit;opacity:.5;border-radius:var(--wtds-r-pill);transition:opacity var(--wtds-dur-fast) var(--wtds-ease)}.wapu-toast__close:hover{opacity:1}.wapu-toast__close svg{width:var(--wtds-s-2);height:var(--wtds-s-2);display:block}.wapu-toast--success .wapu-toast__icon{color:var(--wtds-success)}.wapu-toast--danger .wapu-toast__icon{color:var(--wtds-danger)}.wapu-toast--warning .wapu-toast__icon{color:var(--wtds-warning)}.wapu-toast--info .wapu-toast__icon{color:var(--wtds-info)}.wapu-toast--tinted.wapu-toast--success{background-color:var(--wtds-success-soft);color:var(--wtds-success)}.wapu-toast--tinted.wapu-toast--danger{background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.wapu-toast--tinted.wapu-toast--warning{background-color:var(--wtds-warning-soft);color:var(--wtds-warning)}.wapu-toast--tinted.wapu-toast--info{background-color:var(--wtds-info-soft);color:var(--wtds-info)}.wapu-toast--bottom{top:auto;bottom:calc(var(--wtds-s-2) + env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(1rem)}.wapu-toast--bottom.wapu-toast--visible{transform:translate(-50%) translateY(0)}.wapu-toast--top-right{top:calc(var(--wtds-s-2) + env(safe-area-inset-top,0px));left:auto;right:var(--wtds-s-2);transform:translate(1rem)}.wapu-toast--top-right.wapu-toast--visible{transform:translate(0)}body.admin-bar .wapu-toast,body.admin-bar .wapu-toast-stack{top:calc(2rem + var(--wtds-s-2) + env(safe-area-inset-top,0px))}@media screen and (max-width: 48.875rem){body.admin-bar .wapu-toast,body.admin-bar .wapu-toast-stack{top:calc(2.875rem + var(--wtds-s-2) + env(safe-area-inset-top,0px))}}@media (prefers-reduced-motion: reduce){.wapu-toast{transition:opacity var(--wtds-dur) ease,visibility var(--wtds-dur) ease;transform:translate(-50%)}.wapu-toast--visible{transform:translate(-50%)}}.wapu-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--wtds-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--wtds-s-2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--wtds-dur) var(--wtds-ease),visibility var(--wtds-dur) var(--wtds-ease)}.wapu-modal--open{opacity:1;visibility:visible;pointer-events:auto}.wapu-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--wtds-scrim-strong);backdrop-filter:var(--wtds-blur-sm);-webkit-backdrop-filter:var(--wtds-blur-sm)}.wapu-modal__container{position:relative;display:flex;flex-direction:column;width:100%;max-width:31.25rem;max-height:calc(100vh - var(--wtds-s-4));max-height:calc(100dvh - var(--wtds-s-4));background-color:var(--wtds-surface);border-radius:var(--wtds-r-lg);box-shadow:var(--wtds-shadow-lg);overflow:hidden;transform:scale(.96);transition:transform var(--wtds-dur) var(--wtds-ease-spring)}.wapu-modal--open .wapu-modal__container{transform:scale(1)}.wapu-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--wtds-s-2);padding:var(--wtds-s-2) var(--wtds-s-3);border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft);flex-shrink:0}.wapu-modal__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-title-3);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);margin:0;flex:1;min-width:0}.wapu-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--wtds-fill-4);margin:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-4);height:var(--wtds-s-4);flex-shrink:0;color:var(--wtds-ink-2);border-radius:var(--wtds-r-pill);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-modal__close:hover{background-color:var(--wtds-fill-3);color:var(--wtds-ink)}.wapu-modal__close svg{width:var(--wtds-s-2);height:var(--wtds-s-2);display:block}.wapu-modal__body{padding:var(--wtds-s-3);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);line-height:var(--wtds-lh-base);color:var(--wtds-ink-2);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.wapu-modal__body>*+*{margin-top:var(--wtds-s-2)}.wapu-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--wtds-s-1);padding:var(--wtds-s-2) var(--wtds-s-3);border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft);flex-shrink:0}.wapu-modal__footer--stretched{flex-direction:column}.wapu-modal__footer--stretched .wapu-btn{width:100%}.wapu-modal--sm .wapu-modal__container{max-width:23.75rem}.wapu-modal--lg .wapu-modal__container{max-width:45rem}.wapu-modal--xl .wapu-modal__container{max-width:60rem}.wapu-modal--fullscreen .wapu-modal__container{max-width:100%;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.wapu-modal--centered .wapu-modal__container{max-width:23.75rem}.wapu-modal--centered .wapu-modal__body{padding:var(--wtds-s-3);text-align:center}@media (prefers-reduced-motion: reduce){.wapu-modal__container{transform:none;transition:opacity var(--wtds-dur) ease}}.wapu-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--wtds-z-modal);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--wtds-dur) var(--wtds-ease),visibility var(--wtds-dur) var(--wtds-ease)}.wapu-sheet--open{opacity:1;visibility:visible;pointer-events:auto}.wapu-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--wtds-scrim-strong);backdrop-filter:var(--wtds-blur-sm);-webkit-backdrop-filter:var(--wtds-blur-sm)}.wapu-sheet__container{position:relative;display:flex;flex-direction:column;width:100%;max-width:40rem;height:60vh;max-height:calc(100vh - var(--wtds-s-3));max-height:calc(100dvh - var(--wtds-s-3));background-color:var(--wtds-surface);border-radius:var(--wtds-r-xl) var(--wtds-r-xl) 0 0;box-shadow:var(--wtds-shadow-lg);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%);transition:transform var(--wtds-dur) var(--wtds-ease-spring)}.wapu-sheet--open .wapu-sheet__container{transform:translateY(0)}.wapu-sheet__handle{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--wtds-s-1) 0;flex-shrink:0;cursor:grab}.wapu-sheet__handle:before{content:"";display:block;width:2.5rem;height:.3125rem;background-color:var(--wtds-separator);border-radius:var(--wtds-r-pill)}.wapu-sheet__header{display:flex;align-items:center;justify-content:space-between;gap:var(--wtds-s-2);padding:var(--wtds-s-1) var(--wtds-s-3) var(--wtds-s-2);flex-shrink:0}.wapu-sheet__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-title-3);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);margin:0;flex:1;min-width:0}.wapu-sheet__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--wtds-fill-4);margin:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-4);height:var(--wtds-s-4);flex-shrink:0;color:var(--wtds-ink-2);border-radius:var(--wtds-r-pill);transition:background-color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-sheet__close:hover{background-color:var(--wtds-fill-3);color:var(--wtds-ink)}.wapu-sheet__close svg{width:var(--wtds-s-2);height:var(--wtds-s-2);display:block}.wapu-sheet__body{padding:0 var(--wtds-s-3) var(--wtds-s-3);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);line-height:var(--wtds-lh-base);color:var(--wtds-ink-2);flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.wapu-sheet__body>*+*{margin-top:var(--wtds-s-2)}.wapu-sheet__footer{display:flex;align-items:center;gap:var(--wtds-s-1);padding:var(--wtds-s-2) var(--wtds-s-3);border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft);background-color:var(--wtds-surface);flex-shrink:0}.wapu-sheet__footer--stretched{flex-direction:column}.wapu-sheet__footer--stretched .wapu-btn{width:100%}.wapu-sheet--sm .wapu-sheet__container{height:40vh}.wapu-sheet--md .wapu-sheet__container{height:75vh}.wapu-sheet--lg .wapu-sheet__container{height:90vh}.wapu-sheet--fullheight .wapu-sheet__container{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.wapu-sheet--side{justify-content:flex-end;align-items:stretch}.wapu-sheet--side .wapu-sheet__container{width:min(30rem,100%);max-width:30rem;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:var(--wtds-r-xl) 0 0 var(--wtds-r-xl);transform:translate(100%)}.wapu-sheet--side.wapu-sheet--open .wapu-sheet__container{transform:translate(0)}.wapu-sheet--side .wapu-sheet__handle{display:none}@media (prefers-reduced-motion: reduce){.wapu-sheet__container{transform:none;transition:opacity var(--wtds-dur) ease}}.wapu-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;background-color:var(--wtds-fill-3);color:var(--wtds-ink-2);border-radius:var(--wtds-r-pill);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-semibold);line-height:1;letter-spacing:0;text-transform:uppercase;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wapu-avatar__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:inherit}.wapu-avatar__initials{display:inline-flex;align-items:center;justify-content:center;line-height:1}.wapu-avatar__icon{display:inline-flex;align-items:center;justify-content:center;width:60%;height:60%}.wapu-avatar__icon svg{width:100%;height:100%;display:block}.wapu-avatar__badge{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:.5rem;min-height:.5rem;background-color:var(--wtds-ink-3);border:.125rem solid var(--wtds-surface);border-radius:var(--wtds-r-pill);flex-shrink:0}.wapu-avatar--xs{width:1.5rem;height:1.5rem;font-size:var(--wtds-fs-caption-2)}.wapu-avatar--sm{width:2rem;height:2rem;font-size:var(--wtds-fs-footnote)}.wapu-avatar--md{width:2.5rem;height:2.5rem;font-size:var(--wtds-fs-subhead)}.wapu-avatar--lg{width:3rem;height:3rem;font-size:var(--wtds-fs-headline)}.wapu-avatar--xl{width:4rem;height:4rem;font-size:var(--wtds-fs-title-3)}.wapu-avatar--2xl{width:5rem;height:5rem;font-size:var(--wtds-fs-title-2)}.wapu-avatar--online .wapu-avatar__badge{background-color:var(--wtds-success)}.wapu-avatar--offline .wapu-avatar__badge{background-color:var(--wtds-ink-3)}.wapu-avatar--busy .wapu-avatar__badge{background-color:var(--wtds-danger)}.wapu-avatar--away .wapu-avatar__badge{background-color:var(--wtds-warning)}.wapu-avatar--tint-primary{background-color:var(--wtds-action-soft);color:var(--wtds-action)}.wapu-avatar--tint-success{background-color:var(--wtds-success-soft);color:var(--wtds-success)}.wapu-avatar--tint-danger{background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.wapu-avatar--tint-warning{background-color:var(--wtds-warning-soft);color:var(--wtds-warning)}.wapu-avatar--tint-info{background-color:var(--wtds-info-soft);color:var(--wtds-info)}.wapu-avatar-group{display:inline-flex;align-items:center}.wapu-avatar-group .wapu-avatar+.wapu-avatar{margin-left:-.5rem;box-shadow:0 0 0 .125rem var(--wtds-surface)}.wapu-avatar-group .wapu-avatar--xs+.wapu-avatar--xs{margin-left:-.375rem}.wapu-avatar-group .wapu-avatar--lg+.wapu-avatar--lg,.wapu-avatar-group .wapu-avatar--xl+.wapu-avatar--xl{margin-left:-.75rem}.wapu-divider{border:0;height:var(--wtds-border-hairline);background-color:var(--wtds-separator-soft);margin:0;padding:0;width:100%;flex-shrink:0}.wapu-divider--vertical{width:var(--wtds-border-hairline);height:auto;min-height:var(--wtds-s-2);align-self:stretch}.wapu-divider--strong{height:var(--wtds-border-thin);background-color:var(--wtds-separator)}.wapu-divider--strong.wapu-divider--vertical{width:var(--wtds-border-thin);height:auto}.wapu-divider--soft{background-color:var(--wtds-fill-4)}.wapu-divider--dashed{height:0;background-color:transparent;border-top:var(--wtds-border-thin) dashed var(--wtds-separator-soft)}.wapu-divider--spaced{margin:var(--wtds-s-2) 0}.wapu-divider--spaced-lg{margin:var(--wtds-s-3) 0}.wapu-divider--vertical.wapu-divider--spaced{margin:0 var(--wtds-s-2)}.wapu-divider--vertical.wapu-divider--spaced-lg{margin:0 var(--wtds-s-3)}.wapu-divider--inset{margin-left:var(--wtds-s-5);width:calc(100% - var(--wtds-s-5))}.wapu-divider--labeled{display:flex;align-items:center;gap:var(--wtds-s-2);width:100%;height:auto;background:transparent;border:0;padding:0;margin:0}.wapu-divider--labeled:before,.wapu-divider--labeled:after{content:"";flex:1;height:var(--wtds-border-hairline);background-color:var(--wtds-separator-soft)}.wapu-divider__label{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);color:var(--wtds-ink-3);letter-spacing:var(--wtds-ls-wide);text-transform:uppercase;line-height:1;white-space:nowrap}.wapu-spinner{display:inline-block;width:var(--wtds-s-3);height:var(--wtds-s-3);border:.125rem solid currentColor;border-right-color:transparent;border-radius:var(--wtds-r-pill);color:var(--wtds-ink-2);animation:wapu-spinner-rotate .7s linear infinite;flex-shrink:0;vertical-align:middle}@keyframes wapu-spinner-rotate{to{transform:rotate(360deg)}}.wapu-spinner--xs{width:var(--wtds-s-2);height:var(--wtds-s-2);border-width:.09375rem}.wapu-spinner--sm{width:1.25rem;height:1.25rem;border-width:.125rem}.wapu-spinner--md{width:var(--wtds-s-3);height:var(--wtds-s-3);border-width:.125rem}.wapu-spinner--lg{width:var(--wtds-s-4);height:var(--wtds-s-4);border-width:.1875rem}.wapu-spinner--xl{width:var(--wtds-s-6);height:var(--wtds-s-6);border-width:.25rem}.wapu-spinner--primary{color:var(--wtds-action)}.wapu-spinner--inverse{color:var(--wtds-surface)}.wapu-spinner--success{color:var(--wtds-success)}.wapu-spinner--danger{color:var(--wtds-danger)}@media (prefers-reduced-motion: reduce){.wapu-spinner{animation-duration:2s}}.wapu-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--wtds-s-2);padding:var(--wtds-s-4) var(--wtds-s-2);min-height:12.5rem;width:100%}.wapu-loader__text{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-medium);color:var(--wtds-ink-3);text-align:center;margin:0}.wapu-loader--overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--wtds-glass);backdrop-filter:var(--wtds-blur-sm);-webkit-backdrop-filter:var(--wtds-blur-sm);z-index:var(--wtds-z-overlay)}.wapu-skeleton{display:block;background-color:var(--wtds-fill-3);background-image:linear-gradient(90deg,transparent 0%,var(--wtds-fill-4) 50%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;background-position:-100% 0;border-radius:var(--wtds-r-xs);animation:wapu-skeleton-shimmer 1.4s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes wapu-skeleton-shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.wapu-skeleton--text{width:70%;height:var(--wtds-s-2);border-radius:var(--wtds-r-xs)}.wapu-skeleton--heading{width:60%;height:var(--wtds-s-3);border-radius:var(--wtds-r-xs)}.wapu-skeleton--short{width:40%}.wapu-skeleton--medium{width:70%}.wapu-skeleton--long{width:100%}.wapu-skeleton--image{width:100%;aspect-ratio:1 / 1;border-radius:var(--wtds-r-md)}.wapu-skeleton--avatar{width:var(--wtds-s-5);height:var(--wtds-s-5);border-radius:var(--wtds-r-pill);flex-shrink:0}.wapu-skeleton--avatar.wapu-skeleton--xs{width:var(--wtds-s-3);height:var(--wtds-s-3)}.wapu-skeleton--avatar.wapu-skeleton--sm{width:var(--wtds-s-4);height:var(--wtds-s-4)}.wapu-skeleton--avatar.wapu-skeleton--md{width:var(--wtds-s-5);height:var(--wtds-s-5)}.wapu-skeleton--avatar.wapu-skeleton--lg{width:var(--wtds-s-6);height:var(--wtds-s-6)}.wapu-skeleton--avatar.wapu-skeleton--xl{width:var(--wtds-s-7);height:var(--wtds-s-7)}.wapu-skeleton--button{width:7.5rem;height:2.75rem;border-radius:var(--wtds-r-md)}.wapu-skeleton--button.wapu-skeleton--long{width:100%}.wapu-skeleton--card{display:flex;flex-direction:column;gap:var(--wtds-s-2);padding:var(--wtds-s-2);border-radius:var(--wtds-r-lg);background-color:var(--wtds-surface);animation:none;background-image:none}.wapu-skeleton--card>*{flex-shrink:0}.wapu-skeleton--round{border-radius:var(--wtds-r-pill)}.wapu-skeleton-group{display:flex;align-items:flex-start;gap:var(--wtds-s-2);width:100%}.wapu-skeleton-group__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--wtds-s-1)}@media (prefers-reduced-motion: reduce){.wapu-skeleton{animation:none;background-image:none}}.wapu-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--wtds-s-2);padding:var(--wtds-s-4) var(--wtds-s-2);min-height:15rem;width:100%;text-align:center;color:var(--wtds-ink-2)}.wapu-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-s-7);height:var(--wtds-s-7);flex-shrink:0;background-color:var(--wtds-fill-3);color:var(--wtds-ink-3);border-radius:var(--wtds-r-pill);margin-bottom:var(--wtds-s-1)}.wapu-empty__icon svg{width:50%;height:50%;display:block}.wapu-empty__illustration{width:100%;max-width:15rem;height:auto;margin-bottom:var(--wtds-s-1);display:flex;align-items:center;justify-content:center}.wapu-empty__illustration svg,.wapu-empty__illustration img{width:100%;height:auto;display:block}.wapu-empty__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-title-3);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);margin:0;max-width:25rem}.wapu-empty__message{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-base);color:var(--wtds-ink-3);margin:0;max-width:25rem}.wapu-empty__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--wtds-s-1);margin-top:var(--wtds-s-1)}.wapu-empty--soft{padding:var(--wtds-s-3) var(--wtds-s-2);min-height:10rem;gap:var(--wtds-s-1)}.wapu-empty--soft .wapu-empty__icon{width:var(--wtds-s-5);height:var(--wtds-s-5)}.wapu-empty--soft .wapu-empty__title{font-size:var(--wtds-fs-headline)}.wapu-empty--soft .wapu-empty__message{font-size:var(--wtds-fs-footnote)}.wapu-empty--compact{padding:var(--wtds-s-2);min-height:7.5rem;gap:var(--wtds-s-1)}.wapu-empty--large{padding:var(--wtds-s-6) var(--wtds-s-3);min-height:25rem;gap:var(--wtds-s-3)}.wapu-empty--large .wapu-empty__icon{width:var(--wtds-s-8);height:var(--wtds-s-8)}.wapu-empty--large .wapu-empty__title{font-size:var(--wtds-fs-title-2)}.wapu-empty--large .wapu-empty__message{font-size:var(--wtds-fs-body)}.wapu-empty--illustrated .wapu-empty__icon{display:none}.wapu-empty--illustrated .wapu-empty__illustration{display:flex}.wapu-empty:not(.wapu-empty--illustrated) .wapu-empty__illustration{display:none}.wapu-empty--success .wapu-empty__icon{background-color:var(--wtds-success-soft);color:var(--wtds-success)}.wapu-empty--danger .wapu-empty__icon{background-color:var(--wtds-danger-soft);color:var(--wtds-danger)}.wapu-empty--warning .wapu-empty__icon{background-color:var(--wtds-warning-soft);color:var(--wtds-warning)}.wapu-empty--primary .wapu-empty__icon{background-color:var(--wtds-action-soft);color:var(--wtds-action)}.wapu-empty--boxed{background-color:var(--wtds-surface-2);border:var(--wtds-border-thin) dashed var(--wtds-separator);border-radius:var(--wtds-r-lg);padding:var(--wtds-s-3);gap:var(--wtds-s-2);min-height:12.5rem}.wapu-empty--hero{padding:var(--wtds-s-6) var(--wtds-s-3);min-height:60vh;gap:var(--wtds-s-3)}.wapu-empty--hero .wapu-empty__icon{width:var(--wtds-s-8);height:var(--wtds-s-8)}.wapu-empty--hero .wapu-empty__title{font-size:var(--wtds-fs-title-2)}.wapu-empty--hero .wapu-empty__message{font-size:var(--wtds-fs-body)}@media (max-width: 48rem){.wapu-empty--hero{min-height:50vh;padding:var(--wtds-s-5) var(--wtds-s-3)}}.wapu-empty__text{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-base);color:var(--wtds-ink-3);margin:0;max-width:25rem}.wapu-empty__action{margin-top:var(--wtds-s-1)}.wapu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;background-color:var(--wtds-surface);border-radius:var(--wtds-r-lg);overflow:hidden}.wapu-list .wapu-list-item+.wapu-list-item{border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft)}.wapu-list--inset{background-color:var(--wtds-surface-2)}.wapu-list--plain{background-color:transparent;border-radius:0}.wapu-list-section{margin-top:var(--wtds-s-3)}.wapu-list-section:first-child{margin-top:0}.wapu-list-section__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink-3);letter-spacing:var(--wtds-ls-wide);text-transform:uppercase;padding:0 var(--wtds-s-2) var(--wtds-s-1);margin:0}.wapu-list-section__footer{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);color:var(--wtds-ink-3);line-height:var(--wtds-lh-base);padding:var(--wtds-s-1) var(--wtds-s-2) 0;margin:0}.wapu-list-item{display:flex;align-items:center;gap:var(--wtds-s-2);min-height:3.5rem;padding:var(--wtds-s-1) var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-body);color:var(--wtds-ink);background-color:transparent;transition:background-color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-list-item__leading{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--wtds-s-4);height:var(--wtds-s-4);color:var(--wtds-ink-2)}.wapu-list-item__leading svg{width:1.5rem;height:1.5rem;display:block}.wapu-list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.wapu-list-item__title{font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wapu-list-item__subtitle{font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-regular);line-height:var(--wtds-lh-snug);color:var(--wtds-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wapu-list-item__trailing{display:inline-flex;align-items:center;gap:var(--wtds-s-1);flex-shrink:0;color:var(--wtds-ink-3)}.wapu-list-item__value{font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-regular);color:var(--wtds-ink-3)}.wapu-list-item__chevron{display:inline-flex;align-items:center;justify-content:center;width:.625rem;height:1rem;flex-shrink:0;color:var(--wtds-ink-4);opacity:.8}.wapu-list-item__chevron:after{content:"";display:block;width:.5rem;height:.5rem;border-top:.09375rem solid currentColor;border-right:.09375rem solid currentColor;transform:rotate(45deg)}.wapu-list-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;padding:0 .375rem;font-family:inherit;font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);line-height:1;background-color:var(--wtds-action);color:var(--wtds-action-ink);border-radius:var(--wtds-r-pill)}.wapu-list-item--interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}.wapu-list-item--interactive:hover{background-color:var(--wtds-fill-4)}.wapu-list-item--interactive:active{background-color:var(--wtds-fill-3)}.wapu-list-item--interactive:focus-visible{outline:none;background-color:var(--wtds-fill-3);box-shadow:inset 0 0 0 .125rem var(--wtds-action)}.wapu-list-item--destructive .wapu-list-item__title,.wapu-list-item--destructive .wapu-list-item__leading{color:var(--wtds-danger)}.wapu-list-item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wapu-list-item--compact{min-height:2.75rem;padding:var(--wtds-s-1) var(--wtds-s-2)}.wapu-list-item--large{min-height:4.5rem;padding:var(--wtds-s-2)}.wapu-list-item--large .wapu-list-item__leading{width:var(--wtds-s-5);height:var(--wtds-s-5)}.wapu-tabs{display:inline-block}.wapu-tabs__list{display:inline-flex;align-items:center;gap:.125rem;padding:.125rem;background-color:var(--wtds-fill-3);border-radius:var(--wtds-r-sm)}.wapu-tabs__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--wtds-s-1);min-height:1.75rem;padding:0 var(--wtds-s-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink-2);background-color:transparent;border-radius:calc(var(--wtds-r-sm) - .125rem);transition:background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wapu-tabs__trigger:hover:not(.wapu-tabs__trigger--active):not(:disabled){color:var(--wtds-ink)}.wapu-tabs__trigger--active{background-color:var(--wtds-surface);color:var(--wtds-ink);box-shadow:var(--wtds-shadow-sm)}.wapu-tabs__trigger:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-tabs__trigger:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.wapu-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;min-height:1.125rem;padding:0 .3125rem;font-size:var(--wtds-fs-caption-2);font-weight:var(--wtds-fw-semibold);line-height:1;letter-spacing:0;background-color:var(--wtds-fill-3);color:var(--wtds-ink-2);border-radius:var(--wtds-r-pill)}.wapu-tabs__trigger--active .wapu-tabs__badge{background-color:var(--wtds-action-soft);color:var(--wtds-action)}.wapu-tabs--underline{display:block;width:100%;border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft)}.wapu-tabs--underline .wapu-tabs__list{display:flex;align-items:stretch;gap:var(--wtds-s-3);padding:0;background-color:transparent;border-radius:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wapu-tabs--underline .wapu-tabs__list::-webkit-scrollbar{display:none}.wapu-tabs--underline .wapu-tabs__trigger{min-height:2.75rem;padding:0 0 var(--wtds-s-1);font-size:var(--wtds-fs-subhead);border-radius:0;position:relative;flex-shrink:0;color:var(--wtds-ink-3)}.wapu-tabs--underline .wapu-tabs__trigger:hover:not(.wapu-tabs__trigger--active):not(:disabled){color:var(--wtds-ink-2)}.wapu-tabs--underline .wapu-tabs__trigger--active{background-color:transparent;box-shadow:none;color:var(--wtds-action)}.wapu-tabs--underline .wapu-tabs__trigger--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:.125rem;background-color:var(--wtds-action);border-radius:.125rem .125rem 0 0}.wapu-tabs--pills{display:block;width:100%}.wapu-tabs--pills .wapu-tabs__list{display:flex;flex-wrap:wrap;gap:var(--wtds-s-1);padding:0;background-color:transparent;border-radius:0}.wapu-tabs--pills .wapu-tabs__trigger{min-height:2rem;padding:0 var(--wtds-s-2);background-color:var(--wtds-fill-4);border-radius:var(--wtds-r-pill);color:var(--wtds-ink-2);box-shadow:none}.wapu-tabs--pills .wapu-tabs__trigger:hover:not(.wapu-tabs__trigger--active):not(:disabled){background-color:var(--wtds-fill-3);color:var(--wtds-ink)}.wapu-tabs--pills .wapu-tabs__trigger--active{background-color:var(--wtds-action);color:var(--wtds-action-ink);box-shadow:none}.wapu-tabs--sm .wapu-tabs__trigger{min-height:1.5rem;padding:0 var(--wtds-s-1);font-size:var(--wtds-fs-caption-1)}.wapu-tabs--lg .wapu-tabs__trigger{min-height:2.5rem;padding:0 var(--wtds-s-3);font-size:var(--wtds-fs-subhead)}.wapu-tabs--full{display:block;width:100%}.wapu-tabs--full .wapu-tabs__list{display:flex;width:100%}.wapu-tabs--full .wapu-tabs__trigger{flex:1}.wapu-tabs__panel{padding-top:var(--wtds-s-2)}.wapu-tabs__panel[hidden]{display:none}.wapu-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;background-color:transparent;border:0;border-radius:50%;padding:0;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;color:inherit;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wapu-swatch__media{display:block;width:100%;height:100%;background-color:var(--wtds-fill-3);background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:inherit;box-shadow:inset 0 0 0 .5px var(--wtds-shadow-color-soft);transition:transform var(--wtds-dur-fast, .15s) var(--wtds-ease, ease),box-shadow var(--wtds-dur-fast, .15s) var(--wtds-ease, ease),filter var(--wtds-dur-fast, .15s) var(--wtds-ease, ease)}.wapu-swatch--xs{width:1rem;height:1rem}.wapu-swatch--sm{width:1.125rem;height:1.125rem}.wapu-swatch--md{width:2rem;height:2rem}.wapu-swatch--lg{width:3rem;height:3rem}.wapu-swatch.is-active .wapu-swatch__media{box-shadow:0 0 0 .09375rem var(--wtds-surface),0 0 0 .1875rem var(--wtds-ink)}.wapu-swatch.is-soldout{cursor:not-allowed}.wapu-swatch.is-soldout .wapu-swatch__media{filter:grayscale(1);opacity:.5}.wapu-swatch.is-soldout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(45deg,transparent 46%,var(--wtds-scrim-strong) 46%,var(--wtds-scrim-strong) 54%,transparent 54%);pointer-events:none}.wapu-swatch.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.wapu-swatch[role=option],.wapu-swatch[role=button]{cursor:pointer}.wapu-swatch[role=option]:hover:not(.is-active):not(.is-soldout):not(.is-disabled) .wapu-swatch__media,.wapu-swatch[role=button]:hover:not(.is-active):not(.is-soldout):not(.is-disabled) .wapu-swatch__media{transform:scale(1.08)}@media (prefers-reduced-motion: reduce){.wapu-swatch__media{transition:none}.wapu-swatch[role=option]:hover .wapu-swatch__media,.wapu-swatch[role=button]:hover .wapu-swatch__media{transform:none}}.woocommerce-invalid-required-field~.wapu-field__error{font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1);color:var(--wtds-danger);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug)}html{scroll-behavior:smooth;overflow-x:clip}body{color:var(--wtds-ink);background:var(--wtds-surface);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.wapu-toast-container,#wapu-toast-container{position:absolute;top:0;right:0;z-index:var(--wtds-z-toast, 1200);display:flex;flex-direction:column;gap:var(--wtds-s-1);width:21.25rem;max-width:calc(100% - var(--wtds-s-4));pointer-events:none}:root{--font-sans: var(--wtds-font-text);--font-display: var(--wtds-font-display);--spacing-section: 5rem}*,*:before,*:after{box-sizing:border-box}img,video{max-width:100%;height:auto}.screen-reader-text,.screen-reader-text span,.wp-block-visually-hidden{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;white-space:nowrap}.screen-reader-text:focus{clip:auto!important;clip-path:none;height:auto;width:auto;margin:0;padding:1rem 1.5rem;background:var(--wtds-surface);color:var(--wtds-ink);z-index:100000;display:block;top:.5rem;left:.5rem;font-size:var(--wtds-fs-callout);text-decoration:none}
/* ==========================================================================\n   WTDS Component Library 2.0 · modern soft primitives\n   These primitives consume semantic WTDS roles only. Feature styles may\n   contextualize them, but base ownership remains here.\n   ========================================================================== */
.wapu-icon-button{-webkit-appearance:none;appearance:none;display:inline-grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;min-inline-size:2.75rem;padding:0;border:0;border-radius:var(--wtds-r-pill);background:transparent;color:var(--wtds-on-surface-muted);cursor:pointer;text-decoration:none;transition:background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),color var(--wtds-motion-fast) var(--wtds-motion-easing-default),box-shadow var(--wtds-motion-fast) var(--wtds-motion-easing-default),opacity var(--wtds-motion-fast) var(--wtds-motion-easing-default)}.wapu-icon-button:hover:not(:disabled):not([aria-disabled=true]){background:var(--wtds-state-hover-bg);color:var(--wtds-on-surface)}.wapu-icon-button:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-icon-button:active:not(:disabled):not([aria-disabled=true]){background:var(--wtds-state-active-bg)}.wapu-icon-button:disabled,.wapu-icon-button[aria-disabled=true]{opacity:var(--wtds-state-disabled-opacity);pointer-events:none;cursor:not-allowed}.wapu-icon-button svg{display:block;inline-size:var(--wtds-icon-sm);block-size:var(--wtds-icon-sm)}.wapu-icon-button--sm{inline-size:2.25rem;block-size:2.25rem;min-inline-size:2.25rem}.wapu-icon-button--lg{inline-size:3rem;block-size:3rem;min-inline-size:3rem}.wapu-icon-button--tinted{background:var(--wtds-surface-container-low);color:var(--wtds-on-surface)}.wapu-icon-button--primary{background:var(--wtds-primary);color:var(--wtds-primary-ink)}.wapu-icon-button--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--wtds-primary-hover);color:var(--wtds-primary-ink)}.wapu-icon-button--danger{color:var(--wtds-danger)}.wapu-icon-button--danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--wtds-danger-soft);color:var(--wtds-danger)}

.wapu-switch{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--wtds-s-1);cursor:pointer;color:var(--wtds-on-surface)}.wapu-switch__control{position:relative;display:inline-flex;align-items:center;inline-size:2.75rem;block-size:1.625rem;flex:0 0 2.75rem}.wapu-switch__input{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:inherit}.wapu-switch__track{inline-size:100%;block-size:100%;border-radius:var(--wtds-r-pill);background:var(--wtds-surface-container-high);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft);transition:background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),box-shadow var(--wtds-motion-fast) var(--wtds-motion-easing-default)}.wapu-switch__thumb{position:absolute;inset-inline-start:.25rem;inline-size:1.125rem;block-size:1.125rem;border-radius:var(--wtds-r-pill);background:var(--wtds-on-surface-muted);box-shadow:var(--wtds-shadow-xs);transition:transform var(--wtds-motion-fast) var(--wtds-motion-easing-default),background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default)}.wapu-switch__input:checked~.wapu-switch__track{background:var(--wtds-primary);box-shadow:none}.wapu-switch__input:checked~.wapu-switch__thumb{transform:translateX(1.125rem);background:var(--wtds-primary-ink)}.wapu-switch__input:focus-visible~.wapu-switch__track{box-shadow:var(--wtds-shadow-focus)}.wapu-switch__input:disabled~.wapu-switch__track,.wapu-switch__input:disabled~.wapu-switch__thumb{opacity:var(--wtds-state-disabled-opacity)}.wapu-switch:has(.wapu-switch__input:disabled){cursor:not-allowed}.wapu-switch--control-end{grid-template-columns:minmax(0,1fr) auto;width:100%}.wapu-switch--control-end .wapu-switch__control{grid-column:2;grid-row:1}.wapu-switch--control-end .wapu-switch__copy{grid-column:1;grid-row:1}.wapu-switch__copy{display:flex;flex-direction:column;gap:.125rem}.wapu-switch__label{font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-ui);line-height:var(--wtds-lh-snug)}.wapu-switch__help{font-size:var(--wtds-fs-footnote);color:var(--wtds-on-surface-muted)}

.wapu-progress{display:flex;flex-direction:column;gap:var(--wtds-s-1)}.wapu-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--wtds-s-2);font-size:var(--wtds-fs-footnote);color:var(--wtds-on-surface-muted)}.wapu-progress__label{font-weight:var(--wtds-fw-ui);color:var(--wtds-on-surface)}.wapu-progress__track{position:relative;overflow:hidden;inline-size:100%;block-size:.375rem;border-radius:var(--wtds-r-pill);background:var(--wtds-surface-container-high)}.wapu-progress__bar{display:block;inline-size:var(--wapu-progress-value,0%);block-size:100%;border-radius:inherit;background:var(--wtds-primary);transition:inline-size var(--wtds-motion-normal) var(--wtds-motion-easing-default)}.wapu-progress--info .wapu-progress__bar{background:var(--wtds-info)}.wapu-progress--success .wapu-progress__bar{background:var(--wtds-success)}.wapu-progress--warning .wapu-progress__bar{background:var(--wtds-warning)}.wapu-progress--danger .wapu-progress__bar{background:var(--wtds-danger)}.wapu-progress--lg .wapu-progress__track{block-size:.625rem}.wapu-domain-progress{height:.375rem;background:var(--wtds-surface-container-high)}.wapu-domain-progress>span{background:var(--wtds-primary)}

.wapu-stepper{display:grid;gap:var(--wtds-s-2);margin:0;padding:0;list-style:none}.wapu-stepper__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--wtds-s-2);align-items:start;position:relative}.wapu-stepper__item:not(:last-child):after{content:"";position:absolute;inset-inline-start:.9375rem;top:2rem;bottom:calc(-1 * var(--wtds-s-2));inline-size:1px;background:var(--wtds-outline-soft)}.wapu-stepper__indicator{position:relative;z-index:1;display:grid;place-items:center;inline-size:2rem;block-size:2rem;border-radius:var(--wtds-r-pill);background:var(--wtds-surface-container-high);color:var(--wtds-on-surface-muted);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-ui);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft)}.wapu-stepper__item.is-current .wapu-stepper__indicator{background:var(--wtds-info-soft);color:var(--wtds-info);box-shadow:none}.wapu-stepper__item.is-complete .wapu-stepper__indicator{background:var(--wtds-success-soft);color:var(--wtds-success);box-shadow:none}.wapu-stepper__content{padding-block:.25rem}.wapu-stepper__title{margin:0;font-size:var(--wtds-fs-body);font-weight:var(--wtds-fw-ui);color:var(--wtds-on-surface)}.wapu-stepper__description{margin:.25rem 0 0;font-size:var(--wtds-fs-footnote);color:var(--wtds-on-surface-muted)}

.wapu-disclosure{border-radius:var(--wtds-r-lg);background:var(--wtds-surface-container-low)}.wapu-disclosure[open]{background:var(--wtds-surface-container)}.wapu-disclosure__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--wtds-s-2);min-block-size:3rem;padding:var(--wtds-s-2);cursor:pointer;list-style:none;font-weight:var(--wtds-fw-ui);color:var(--wtds-on-surface)}.wapu-disclosure__summary::-webkit-details-marker{display:none}.wapu-disclosure__icon{display:grid;place-items:center;inline-size:2rem;block-size:2rem;border-radius:var(--wtds-r-pill);color:var(--wtds-on-surface-muted);transition:transform var(--wtds-motion-fast) var(--wtds-motion-easing-default),background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default)}.wapu-disclosure__summary:hover .wapu-disclosure__icon{background:var(--wtds-state-hover-bg);color:var(--wtds-on-surface)}.wapu-disclosure[open] .wapu-disclosure__icon{transform:rotate(180deg)}.wapu-disclosure__body{padding:0 var(--wtds-s-2) var(--wtds-s-2);color:var(--wtds-on-surface-muted)}


.wapu-pagination{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.wapu-pagination__item{display:inline-grid;place-items:center;min-inline-size:2.375rem;block-size:2.375rem;padding:0 var(--wtds-s-1);border:0;border-radius:var(--wtds-r-pill);background:transparent;color:var(--wtds-on-surface-muted);text-decoration:none;font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-ui);transition:background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),color var(--wtds-motion-fast) var(--wtds-motion-easing-default),box-shadow var(--wtds-motion-fast) var(--wtds-motion-easing-default)}.wapu-pagination__item:hover:not([aria-current=page]):not([aria-disabled=true]){background:var(--wtds-state-hover-bg);color:var(--wtds-on-surface)}.wapu-pagination__item:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-pagination__item[aria-current=page]{background:var(--wtds-state-selected-bg);color:var(--wtds-state-selected-text)}.wapu-pagination__item[aria-disabled=true]{opacity:var(--wtds-state-disabled-opacity);pointer-events:none}.wapu-pagination__item svg{inline-size:var(--wtds-icon-sm);block-size:var(--wtds-icon-sm)}

.wapu-quantity{display:inline-grid;grid-template-columns:2.5rem minmax(3rem,auto) 2.5rem;align-items:center;min-block-size:2.5rem;border-radius:var(--wtds-r-pill);background:var(--wtds-surface-container-low);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft);overflow:hidden}.wapu-quantity__button{-webkit-appearance:none;appearance:none;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;padding:0;border:0;background:transparent;color:var(--wtds-on-surface-muted);cursor:pointer}.wapu-quantity__button:hover:not(:disabled){background:var(--wtds-state-hover-bg);color:var(--wtds-on-surface)}.wapu-quantity__button:focus-visible{outline:none;box-shadow:inset 0 0 0 .125rem var(--wtds-focus)}.wapu-quantity__button:disabled{opacity:var(--wtds-state-disabled-opacity);cursor:not-allowed}.wapu-quantity__button svg{inline-size:var(--wtds-icon-sm);block-size:var(--wtds-icon-sm)}.wapu-quantity__input{inline-size:100%;min-inline-size:3rem;block-size:2.5rem;padding:0 .25rem;border:0;background:transparent;color:var(--wtds-on-surface);text-align:center;font:inherit;font-weight:var(--wtds-fw-ui);-moz-appearance:textfield}.wapu-quantity__input::-webkit-outer-spin-button,.wapu-quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wapu-quantity__input:focus{outline:none}

.wapu-choice-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--wtds-s-2);padding:var(--wtds-s-2);border-radius:var(--wtds-r-lg);background:var(--wtds-surface-container-low);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft);cursor:pointer;transition:background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),box-shadow var(--wtds-motion-fast) var(--wtds-motion-easing-default)}.wapu-choice-card:hover{background:var(--wtds-state-hover-bg)}.wapu-choice-card.is-selected,.wapu-choice-card:has(input:checked){background:var(--wtds-state-selected-bg);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-state-selected-border)}.wapu-choice-card.is-disabled,.wapu-choice-card:has(input:disabled){opacity:var(--wtds-state-disabled-opacity);cursor:not-allowed}.wapu-choice-card__control{padding-top:.125rem}.wapu-choice-card__body{min-width:0}.wapu-choice-card__title{display:block;font-weight:var(--wtds-fw-ui);color:var(--wtds-on-surface)}.wapu-choice-card__description{display:block;margin-top:.25rem;font-size:var(--wtds-fs-footnote);color:var(--wtds-on-surface-muted)}.wapu-choice-card__meta{text-align:right;color:var(--wtds-on-surface)}

.wapu-media-frame{position:relative;display:block;overflow:hidden;inline-size:100%;aspect-ratio:var(--wapu-media-ratio,1/1);border-radius:var(--wtds-r-lg);background:var(--wtds-surface-container-low)}.wapu-media-frame--soft{border-radius:var(--wtds-r-md)}.wapu-media-frame--square{--wapu-media-ratio:1/1}.wapu-media-frame--portrait{--wapu-media-ratio:4/5}.wapu-media-frame--landscape{--wapu-media-ratio:4/3}.wapu-media-frame--wide{--wapu-media-ratio:16/9}.wapu-media-frame img,.wapu-media-frame video{display:block;inline-size:100%;block-size:100%;object-fit:var(--wapu-media-fit,cover)}.wapu-media-frame__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:var(--wtds-s-2);pointer-events:none}

@media (pointer:coarse){.wapu-icon-button,.wapu-quantity__button{min-inline-size:var(--wtds-touch-target);min-block-size:var(--wtds-touch-target)}}
@media (prefers-reduced-motion:reduce){.wapu-icon-button,.wapu-switch__track,.wapu-switch__thumb,.wapu-progress__bar,.wapu-disclosure__icon,.wapu-pagination__item{transition:none}}

@media (max-width:40rem){.wapu-choice-card{grid-template-columns:auto minmax(0,1fr)}.wapu-choice-card__meta{grid-column:2;text-align:left}}


/* WTDS 2.1.1 · Comfort + responsive interaction contract. */
.wapu-btn:not(.wapu-btn--link),
.wapu-icon-button,
.wapu-pagination__item,
.wapu-quantity,
.wapu-disclosure__summary {
  min-block-size: var(--wtds-control-min, 2.75rem);
}
.wapu-btn { font-weight: var(--wtds-fw-ui, 450); }
.wapu-card__title, .wapu-choice-card__title, .wapu-switch__label { font-weight: var(--wtds-fw-ui, 450); }
@media (max-width: 30rem) {
  .wapu-container { padding-inline: var(--wtds-comfort-inline, 1rem); }
  .wapu-grid { --grid-min: min(100%, 13.75rem); }
}
@media (pointer: coarse) {
  .wapu-btn:not(.wapu-btn--link),
  .wapu-icon-button,
  .wapu-pagination__item,
  .wapu-quantity__button {
    min-block-size: var(--wtds-control-min, 3rem);
  }
}

/* WTDS Responsive Contract 2.0 — intrinsic component adaptation. */
.wapu-product-card,
.wapu-product-card-mini,
.wapu-card,
.wapu-choice-card,
.wapu-media-frame,
.wapu-sidebar-layout {
  container-type: inline-size;
}

@container (max-width: 22rem) {
  .wapu-product-card__info { padding-inline: var(--wtds-s-1); }
  .wapu-product-card__cta { inline-size: 100%; }
  .wapu-product-card-mini { grid-template-columns: 4rem minmax(0, 1fr); }
  .wapu-choice-card { grid-template-columns: auto minmax(0,1fr); }
  .wapu-choice-card__meta { grid-column: 2; text-align: start; }
}

@container (max-width: 32rem) {
  .wapu-sidebar-layout { grid-template-columns: minmax(0,1fr); }
  .wapu-sidebar-layout__sidebar { position: static; }
}



/* ==========================================================================
 * WTDS Soft App 2.5 · visual convergence layer
 * Softer geometry, calmer states and modern app-like controls.
 * No feature ownership and no literal paint: everything resolves through WTDS.
 * ========================================================================== */
.wapu-btn:not(.wapu-btn--link){
  min-block-size:var(--wtds-control-min);
  padding-inline:1.125rem;
  border-radius:var(--wtds-button-radius,var(--wtds-control-radius));
  box-shadow:none;
  transition:background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),color var(--wtds-motion-fast) var(--wtds-motion-easing-default),border-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),opacity var(--wtds-motion-fast) var(--wtds-motion-easing-default);
}
.wapu-btn--filled,.wapu-btn--bordered{letter-spacing:-.005em;text-transform:none}
.wapu-btn--primary,.wapu-btn--filled,.wapu-btn--success,.wapu-btn--danger{box-shadow:var(--wtds-shadow-xs)}
.wapu-btn--primary:hover:not(:disabled):not(.wapu-btn--loading){background-color:var(--wtds-primary-hover);box-shadow:var(--wtds-shadow-sm)}
.wapu-btn--secondary{background-color:var(--wtds-primary-container);color:var(--wtds-primary);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft);font-size:var(--wtds-fs-caption-1);font-weight:var(--wtds-fw-medium)}
.wapu-btn--secondary:hover:not(:disabled):not(.wapu-btn--loading){background-color:color-mix(in oklch,var(--wtds-primary) 18%,var(--wtds-surface));color:var(--wtds-primary);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline)}
.wapu-btn--filled:hover:not(:disabled):not(.wapu-btn--loading),
.wapu-btn--success:hover:not(:disabled):not(.wapu-btn--loading),
.wapu-btn--danger:hover:not(:disabled):not(.wapu-btn--loading){box-shadow:var(--wtds-shadow-sm)}
.wapu-btn:active:not(:disabled):not(.wapu-btn--loading){opacity:.92;transform:none;box-shadow:none}
.wapu-btn--sm{min-block-size:var(--wtds-control-compact);padding-inline:.75rem;border-radius:var(--wtds-control-radius);letter-spacing:-.005em}
.wapu-btn--lg{min-block-size:var(--wtds-control-large);padding-inline:1.5rem;border-radius:var(--wtds-control-radius)}

.wapu-field{gap:var(--wtds-field-gap)}
.wapu-input,.wapu-textarea,.wapu-select{
  min-width:0;
  min-height:var(--wtds-field-height);
  padding:var(--wtds-field-padding-block) var(--wtds-field-padding-inline);
  border:var(--wtds-border-thin) solid var(--wtds-field-border);
  border-radius:var(--wtds-field-radius);
  background:var(--wtds-field-bg);
  color:var(--wtds-field-text);
  font-family:var(--wtds-font-text);
  font-size:var(--wtds-fs-body);
  line-height:1.25rem;
  box-sizing:border-box;
  outline:0;
  box-shadow:none;
  transition:border-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),box-shadow var(--wtds-motion-fast) var(--wtds-motion-easing-default);
}
.wapu-textarea{min-height:5.5rem;line-height:1.45;resize:vertical}
.wapu-input::placeholder,.wapu-textarea::placeholder{color:var(--wtds-placeholder);opacity:1}
.wapu-input:hover:not(:disabled):not([readonly]),.wapu-textarea:hover:not(:disabled):not([readonly]),.wapu-select:hover:not(:disabled){border-color:var(--wtds-field-border-hover)}
.wapu-input:focus,.wapu-textarea:focus,.wapu-select:focus{border-color:var(--wtds-field-border-focus);box-shadow:0 0 0 .125rem var(--wtds-field-ring-focus)}
.wapu-input:disabled,.wapu-textarea:disabled,.wapu-select:disabled{cursor:not-allowed;border-color:var(--wtds-field-border);background:var(--wtds-field-bg-disabled);color:var(--wtds-field-helper);opacity:1;-webkit-text-fill-color:currentColor}
.wapu-input[readonly]:not(:disabled),.wapu-textarea[readonly]:not(:disabled){border-color:var(--wtds-field-border);background:color-mix(in srgb,var(--wtds-field-bg-disabled) 45%,var(--wtds-field-bg));color:var(--wtds-field-text);opacity:1;-webkit-text-fill-color:currentColor}
.wapu-input--sm,.wapu-select--sm{border-radius:var(--wtds-control-radius)}
.wapu-input--lg,.wapu-select--lg{min-block-size:var(--wtds-control-large)}

/* Core's validation presentation translated to the Theme DS. Woo's validators
 * keep deciding validity; these aliases only synchronize its visual states. */
.wapu-field:is(.wapu-field--success,.wapu-is-valid,.woocommerce-validated,.has-success) :is(.wapu-input,.wapu-select,.wapu-textarea),
:is(.wapu-input,.wapu-select,.wapu-textarea):is(.is-success,[data-state="success"]),
.wapu-text-field.is-success .wapu-input{border-color:var(--wtds-field-border-success)}
.wapu-field:is(.wapu-field--error,.wapu-is-invalid,.woocommerce-invalid,.has-error) :is(.wapu-input,.wapu-select,.wapu-textarea),
:is(.wapu-input,.wapu-select,.wapu-textarea):is(.is-error,[aria-invalid="true"],[data-state="error"]){border-color:var(--wtds-field-border-error)}
.wapu-field:is(.wapu-field--error,.wapu-is-invalid,.woocommerce-invalid,.has-error) :is(.wapu-input,.wapu-select,.wapu-textarea):focus,
:is(.wapu-input,.wapu-select,.wapu-textarea):is(.is-error,[aria-invalid="true"],[data-state="error"]):focus{border-color:var(--wtds-field-border-error);box-shadow:0 0 0 .125rem var(--wtds-field-ring-error)}
.wapu-field:is(.wapu-field--success,.wapu-is-valid,.woocommerce-validated,.has-success) :is(.wapu-input,.wapu-select,.wapu-textarea):focus,
:is(.wapu-input,.wapu-select,.wapu-textarea):is(.is-success,[data-state="success"]):focus{border-color:var(--wtds-field-border-success);box-shadow:0 0 0 .125rem var(--wtds-field-ring-success)}
.wapu-field__help,.wapu-field__message,.wapu-inline-message{color:var(--wtds-field-helper);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);line-height:1.45}
.wapu-field__error,.wapu-field__message.is-error,.wapu-inline-message.is-error{color:var(--wtds-field-border-error)}
.wapu-field__success,.wapu-field__message.is-success,.wapu-inline-message.is-success{color:var(--wtds-field-border-success)}
.wapu-field__message.is-warning,.wapu-inline-message.is-warning{color:var(--wtds-warning)}
.wapu-combobox{position:relative;display:block;width:100%;min-width:0}
.wapu-combobox__native{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;opacity:0!important;pointer-events:none!important}
.wapu-combobox__trigger.wapu-input{display:block;width:100%;min-height:var(--wtds-field-height);text-align:left;cursor:text}
.wapu-combobox__trigger:focus-visible,.wapu-combobox.is-open .wapu-combobox__trigger{border-color:var(--wtds-field-border-focus);box-shadow:0 0 0 .125rem var(--wtds-field-ring-focus)}
.wapu-combobox__trigger[aria-invalid="true"]{border-color:var(--wtds-field-border-error)}
.wapu-combobox__list{position:absolute;z-index:50;top:calc(100% + .25rem);left:0;right:0;display:block;max-height:calc(10rem + 2 * var(--wtds-border-thin));overflow-y:auto;overscroll-behavior:contain;padding:0;border:var(--wtds-border-thin) solid var(--wtds-field-border);border-radius:var(--wtds-field-radius);background:var(--wtds-field-bg);box-shadow:var(--wtds-shadow-menu)}
.wapu-combobox__list[hidden]{display:none!important}
.wapu-combobox__option{display:block;width:100%;height:2.5rem;padding:.5rem var(--wtds-field-padding-inline);border:0;background:transparent;color:var(--wtds-field-text);font:inherit;line-height:1.5rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.wapu-combobox__option:is(:hover,.is-active){background:var(--wtds-fill-3)}
.wapu-combobox__option[aria-selected="true"]{font-weight:var(--wtds-fw-medium)}
.wapu-field .select2-container{width:100%!important;min-height:var(--wtds-control-min)}
.wapu-field select.wapu-select:not(.select2-hidden-accessible){width:100%!important}
.wapu-field .select2-container--default .select2-selection--single{
  min-height:var(--wtds-field-height);border:var(--wtds-border-thin) solid var(--wtds-field-border);
  border-radius:var(--wtds-field-radius);background:var(--wtds-field-bg);box-shadow:none;
}
.wapu-field .select2-container--default .select2-selection__rendered{
  min-height:var(--wtds-field-height);padding:0 var(--wtds-s-5) 0 var(--wtds-field-padding-inline);
  color:var(--wtds-field-text);font:var(--wtds-fs-body)/var(--wtds-field-height) var(--wtds-font-text);
}
.wapu-field .select2-container--default .select2-selection__arrow{top:0;right:var(--wtds-s-1);height:var(--wtds-field-height)}
.wapu-field .select2-container--default:is(.select2-container--focus,.select2-container--open) .select2-selection--single{border-color:var(--wtds-field-border-focus);box-shadow:0 0 0 .125rem var(--wtds-field-ring-focus)}
.wapu-field:is(.wapu-field--error,.wapu-is-invalid,.woocommerce-invalid,.has-error) .select2-selection--single{border-color:var(--wtds-field-border-error)}
/* Retire legacy main.css's borderless Checkout input paint at the DS boundary. */
body.woocommerce-checkout .wapu-checkout .wapu-field :is(input.wapu-input,select.wapu-select,textarea.wapu-textarea){padding:var(--wtds-field-padding-block) var(--wtds-field-padding-inline);border:var(--wtds-border-thin) solid var(--wtds-field-border);border-radius:var(--wtds-field-radius);background:var(--wtds-field-bg);box-shadow:none}
body.woocommerce-checkout .wapu-checkout .wapu-field .select2-container--default .select2-selection--single{border-radius:var(--wtds-field-radius)!important}
body.woocommerce-checkout .wapu-checkout .wapu-field :is(input.wapu-input,select.wapu-select,textarea.wapu-textarea):focus{border-color:var(--wtds-field-border-focus);box-shadow:0 0 0 .125rem var(--wtds-field-ring-focus)}
body.woocommerce-checkout .wapu-checkout .wapu-field:is(.woocommerce-validated,.wapu-is-valid,.has-success) :is(input.wapu-input,select.wapu-select,textarea.wapu-textarea){border-color:var(--wtds-field-border-success)}
body.woocommerce-checkout .wapu-checkout .wapu-field:is(.woocommerce-invalid,.wapu-is-invalid,.has-error) :is(input.wapu-input,select.wapu-select,textarea.wapu-textarea),
body.woocommerce-checkout .wapu-checkout .wapu-field :is(input.wapu-input,select.wapu-select,textarea.wapu-textarea)[aria-invalid="true"]{border-color:var(--wtds-field-border-error)}
body.woocommerce-checkout .wapu-checkout .wapu-field:is(.woocommerce-invalid,.wapu-is-invalid,.has-error) :is(input.wapu-input,select.wapu-select,textarea.wapu-textarea):focus,
body.woocommerce-checkout .wapu-checkout .wapu-field :is(input.wapu-input,select.wapu-select,textarea.wapu-textarea)[aria-invalid="true"]:focus{box-shadow:0 0 0 .125rem var(--wtds-field-ring-error)}

.wapu-card{border-radius:var(--wtds-card-radius);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft),var(--wtds-shadow-xs)}
.wapu-card--inset{box-shadow:none}
.wapu-card--elevated{box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft),var(--wtds-shadow-md)}
.wapu-card--interactive{transition:background-color var(--wtds-motion-normal) var(--wtds-motion-easing-default),box-shadow var(--wtds-motion-normal) var(--wtds-motion-easing-default),transform var(--wtds-motion-fast) var(--wtds-motion-easing-default)}
.wapu-card--interactive:hover{background:var(--wtds-surface);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft),var(--wtds-shadow-sm);transform:translateY(-1px)}
.wapu-card--interactive:active{opacity:1;transform:translateY(0) scale(.995)}

.wapu-tabs__list{padding:.1875rem;background:var(--wtds-surface-container);border-radius:var(--wtds-r-md);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft)}
.wapu-tabs__trigger{min-block-size:2rem;border-radius:var(--wtds-r-sm);font-weight:var(--wtds-fw-ui)}
.wapu-tabs__trigger--active{background:var(--wtds-surface);box-shadow:var(--wtds-shadow-xs)}
.wapu-tabs--pills .wapu-tabs__list,.wapu-tabs--underline .wapu-tabs__list{box-shadow:none}

.wapu-icon-button{border-radius:var(--wtds-control-radius);transition:background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),color var(--wtds-motion-fast) var(--wtds-motion-easing-default),border-color var(--wtds-motion-fast) var(--wtds-motion-easing-default)}
.wapu-icon-button--tinted{box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft)}
.wapu-icon-button:active:not(:disabled):not([aria-disabled=true]){transform:none}

.wapu-badge{border-radius:var(--wtds-r-pill);letter-spacing:var(--wtds-ls-normal)}
.wapu-choice-card{border-radius:var(--wtds-card-radius);background:var(--wtds-surface);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft),var(--wtds-shadow-xs)}
.wapu-choice-card:hover{background:var(--wtds-surface);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline),var(--wtds-shadow-sm)}
.wapu-choice-card.is-selected,.wapu-choice-card:has(input:checked){box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-state-selected-border),var(--wtds-shadow-xs)}

.wapu-disclosure{border-radius:var(--wtds-card-radius);background:var(--wtds-surface);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft)}
.wapu-disclosure[open]{background:var(--wtds-surface)}
.wapu-disclosure__icon{border-radius:var(--wtds-control-radius)}

.wapu-pagination__item{border-radius:var(--wtds-control-radius)}

.wapu-modal__backdrop,.wapu-sheet__backdrop{backdrop-filter:var(--wtds-blur-md);-webkit-backdrop-filter:var(--wtds-blur-md)}
.wapu-modal__container{border-radius:var(--wtds-panel-radius);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft),var(--wtds-shadow-xl)}
.wapu-modal__close,.wapu-sheet__close{border-radius:var(--wtds-control-radius)}
.wapu-sheet__container{border-radius:var(--wtds-panel-radius) var(--wtds-panel-radius) 0 0;box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft),var(--wtds-shadow-xl)}
.wapu-sheet--side .wapu-sheet__container{border-radius:var(--wtds-panel-radius) 0 0 var(--wtds-panel-radius)}

@media (hover:hover){
  .wapu-btn:not(.wapu-btn--link):hover:not(:disabled):not(.wapu-btn--loading){transform:none}
}
@media (prefers-reduced-motion:reduce){
  .wapu-btn,.wapu-card--interactive,.wapu-icon-button{transform:none;transition:none}
}

/* Wapuos8 · Canonical interactive geometry — compact visual density */
.wapu-icon-button {
  inline-size: var(--wtds-control-compact);
  block-size: var(--wtds-control-compact);
  min-inline-size: var(--wtds-control-compact);
  min-block-size: var(--wtds-control-compact);
  border-radius: var(--wtds-control-radius);
}
.wapu-icon-button--sm {
  inline-size: 2rem;
  block-size: 2rem;
  min-inline-size: 2rem;
  min-block-size: 2rem;
}
.wapu-icon-button--lg {
  inline-size: var(--wtds-control-min);
  block-size: var(--wtds-control-min);
  min-inline-size: var(--wtds-control-min);
  min-block-size: var(--wtds-control-min);
  border-radius: var(--wtds-control-radius);
}
.wapu-btn--icon {
  inline-size: var(--wtds-control-min);
  min-inline-size: var(--wtds-control-min);
  min-block-size: var(--wtds-control-min);
  padding: 0;
  border-radius: var(--wtds-control-radius);
}
.wapu-alert__close,
.wapu-toast__close,
.wapu-modal__close,
.wapu-sheet__close {
  inline-size: var(--wtds-control-compact);
  block-size: var(--wtds-control-compact);
  min-inline-size: var(--wtds-control-compact);
  min-block-size: var(--wtds-control-compact);
  border-radius: var(--wtds-control-radius);
}
.wapu-btn--on-glass { border-radius: var(--wtds-button-radius, var(--wtds-control-radius)); }

/* ==========================================================================
   Wapuos8 · Surface audit — balanced interaction density contract
   Visual size and touch guidance are intentionally separate.
   ========================================================================== */
.wapu-tabs__trigger,
.wapu-pagination__item {
  min-block-size: var(--wtds-control-compact);
}
.wapu-pagination__item {
  min-inline-size: var(--wtds-control-compact);
  border-radius: var(--wtds-control-radius);
}
.wapu-quantity {
  grid-template-columns: var(--wtds-control-compact) minmax(3rem,auto) var(--wtds-control-compact);
  min-block-size: var(--wtds-control-compact);
  border-radius: var(--wtds-control-radius);
}
.wapu-quantity__button,
.wapu-quantity__input {
  inline-size: var(--wtds-control-compact);
  min-inline-size: var(--wtds-control-compact);
  block-size: var(--wtds-control-compact);
  min-block-size: var(--wtds-control-compact);
}
.wapu-quantity__input { inline-size: 100%; }

/* Wapuos8 Lucide icon contract — canonical UI icon language */
.wapu-lucide-icon{display:block;flex:0 0 auto;overflow:visible;pointer-events:none;stroke:currentColor;vertical-align:middle}
.wapu-btn .wapu-lucide-icon,.wapu-icon-button .wapu-lucide-icon{flex-shrink:0}
.wapu-valid-icon{color:var(--wtds-success)}
.wapu-error-icon{color:var(--wtds-danger)}

/* 7.7.40 · Product quantity stepper: editable numeric field + tactile +/- */
.wapu-quantity--product{
  display:grid;
  grid-template-columns:var(--wtds-touch-target) minmax(4.5rem,6rem) var(--wtds-touch-target);
  align-items:center;
  gap:var(--wtds-s-1);
  min-block-size:var(--wtds-touch-target);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.wapu-quantity--product .wapu-quantity__button{
  inline-size:var(--wtds-touch-target);
  block-size:var(--wtds-touch-target);
  min-inline-size:var(--wtds-touch-target);
  min-block-size:var(--wtds-touch-target);
  border-radius:.875rem;
  background:var(--wtds-quantity-step-bg);
  color:var(--wtds-on-surface);
  box-shadow:var(--wtds-quantity-step-shadow);
}
.wapu-quantity--product .wapu-quantity__button:hover:not(:disabled){
  background:color-mix(in srgb,var(--wtds-quantity-step-bg) 88%,var(--wtds-ink));
}
.wapu-quantity--product .wapu-quantity__input{
  min-inline-size:0;
  inline-size:100%;
  min-block-size:var(--wtds-touch-target);
  padding:0 var(--wtds-s-1);
  border:var(--wtds-border-thin) solid var(--wtds-outline-soft);
  border-radius:var(--wtds-button-radius);
  background:var(--wtds-surface);
  color:var(--wtds-on-surface);
  text-align:center;
  font-family:var(--wtds-font-text);
  font-size:var(--wtds-fs-headline);
  font-weight:var(--wtds-fw-ui);
  font-variant-numeric:tabular-nums;
}
.wapu-quantity--product .wapu-quantity__input:focus-visible{
  outline:none;
  box-shadow:var(--wtds-shadow-focus);
}

/* ==========================================================================
 * WTDS canonical text buttons · Figma component 6636:4226
 * Semantic roles: primary / secondary / danger / inactive.
 * State is separate (disabled/loading); size is separate (sm/default/lg/full).
 * Legacy paint modifiers remain only for backwards compatibility.
 * ========================================================================== */
.wapu-btn--standard{
  min-block-size:var(--wtds-button-standard-min-height);
  padding:var(--wtds-button-standard-padding);
  border:1px solid transparent;
  border-radius:var(--wtds-button-standard-radius);
  font-family:var(--wtds-button-standard-font-family);
  font-size:var(--wtds-button-standard-font-size);
  font-weight:var(--wtds-button-standard-font-weight);
  line-height:var(--wtds-button-standard-line-height);
  letter-spacing:var(--wtds-button-standard-letter-spacing);
  text-transform:var(--wtds-button-standard-text-transform);
  box-shadow:none;
}
.wapu-btn--standard.wapu-btn--primary{
  background:var(--wtds-button-standard-primary-bg);
  color:var(--wtds-button-standard-primary-ink);
  border-color:transparent;
}
/* Woo's legacy .checkout-button.button.alt specificity must not repaint the
 * canonical Theme button used by Cart. Child themes can override its tokens. */
.woocommerce a.wapu-btn--standard.wapu-btn--primary.checkout-button.button.alt,
.woocommerce-page a.wapu-btn--standard.wapu-btn--primary.checkout-button.button.alt{
  background:var(--wtds-button-standard-primary-bg);
  color:var(--wtds-button-standard-primary-ink);
  border-color:transparent;
  border-radius:var(--wtds-button-standard-radius)!important;
  font:var(--wtds-button-standard-font-weight) var(--wtds-button-standard-font-size)/var(--wtds-button-standard-line-height) var(--wtds-button-standard-font-family);
  letter-spacing:var(--wtds-button-standard-letter-spacing)!important;
  text-transform:var(--wtds-button-standard-text-transform)!important;
  box-shadow:none;
}
.woocommerce a.wapu-btn--standard.wapu-btn--primary.checkout-button.button.alt:hover,
.woocommerce-page a.wapu-btn--standard.wapu-btn--primary.checkout-button.button.alt:hover{
  background:var(--wtds-surface,#fff);
  border-color:var(--wtds-button-standard-primary-bg);
  color:var(--wtds-button-standard-primary-bg);
}
/* Woo's #place_order selectors must preserve the canonical primary button.
 * The payment action remains Woo-owned; WTDS alone supplies its paint. */
body.woocommerce-checkout .wapu-checkout #place_order.wapu-btn--standard.wapu-btn--primary{
  background:var(--wtds-button-standard-primary-bg)!important;
  border:1px solid var(--wtds-button-standard-primary-bg)!important;
  border-radius:var(--wtds-button-standard-radius)!important;
  color:var(--wtds-button-standard-primary-ink)!important;
  box-shadow:none!important;
}
body.woocommerce-checkout .wapu-checkout #place_order.wapu-btn--standard.wapu-btn--primary:hover:not(:disabled){
  background:var(--wtds-surface,#fff)!important;
  border-color:var(--wtds-button-standard-primary-bg)!important;
  color:var(--wtds-button-standard-primary-bg)!important;
}
.wapu-btn--standard.wapu-btn--primary:hover:not(:disabled):not(.wapu-btn--loading){
  background:var(--wtds-surface,#fff);
  border-color:var(--wtds-button-standard-primary-bg);
  color:var(--wtds-button-standard-primary-bg);
  box-shadow:none;
}
.wapu-btn--standard.wapu-btn--secondary{
  background:var(--wtds-button-standard-secondary-bg);
  color:var(--wtds-button-standard-secondary-ink);
  border-color:var(--wtds-button-standard-stroke);
  box-shadow:none;
}
.wapu-btn--standard.wapu-btn--secondary:hover:not(:disabled):not(.wapu-btn--loading){
  background:#111;
  color:#fff;
  border-color:#111;
  box-shadow:none;
}
.wapu-btn--standard.wapu-btn--inactive,
.wapu-btn--standard.wapu-btn--primary:disabled,
.wapu-btn--standard.wapu-btn--primary[aria-disabled="true"],
.wapu-btn--standard.wapu-btn--secondary:disabled,
.wapu-btn--standard.wapu-btn--secondary[aria-disabled="true"]{
  background:var(--wtds-button-standard-inactive-bg);
  color:var(--wtds-button-standard-inactive-ink);
  border-color:var(--wtds-button-standard-stroke);
  opacity:1;
  cursor:not-allowed;
  box-shadow:none;
}
.wapu-btn--standard.wapu-btn--inactive:not(:disabled):not([aria-disabled="true"]){cursor:pointer}
.wapu-btn--standard.wapu-btn--small{
  min-block-size:var(--wtds-button-standard-small-height);
  background:var(--wtds-button-standard-inactive-bg);
  color:var(--wtds-button-standard-inactive-ink);
  border-color:var(--wtds-button-standard-stroke);
}
.wapu-btn--standard.wapu-btn--small-primary{
  min-block-size:var(--wtds-button-standard-small-height);
  background:var(--wtds-button-standard-secondary-bg);
  color:var(--wtds-button-standard-secondary-ink);
  border-color:var(--wtds-button-standard-stroke);
}
/* Secondary text action is a presentation mode of the canonical secondary role. */
.wapu-btn--standard.wapu-btn--secondary.wapu-btn--link{
  background:transparent;
  color:var(--wtds-on-surface);
  border:0;
  box-shadow:none;
  padding:0;
  margin:0;
  min-block-size:auto;
  min-inline-size:0;
  inline-size:auto;
  justify-content:flex-start;
  text-align:left;
}
.wapu-btn--standard.wapu-btn--secondary.wapu-btn--link:hover:not(:disabled):not(.wapu-btn--loading){
  background:transparent;
  color:var(--wtds-primary);
  box-shadow:none;
  text-decoration:none;
}
.wapu-btn--standard.wapu-btn--secondary.wapu-btn--link:focus-visible{
  outline:2px solid var(--wtds-primary);
  outline-offset:3px;
  box-shadow:none;
}
.wapu-btn--standard.wapu-btn--secondary.wapu-btn--link:active:not(:disabled){
  color:var(--wtds-primary);
  transform:none;
}
.wapu-btn--standard.wapu-btn--secondary.wapu-btn--link:disabled{
  color:var(--wtds-ink-3);
  cursor:not-allowed;
}
.wapu-btn--standard.wapu-btn--primary.wapu-btn--purchase{
  inline-size:100%;
}
.wapu-btn--standard.wapu-btn--danger{
  background:var(--wtds-button-standard-danger-bg);
  color:var(--wtds-button-standard-danger-ink);
  border-color:var(--wtds-button-standard-danger-stroke);
  box-shadow:none;
}
.wapu-btn--standard.wapu-btn--danger:hover:not(:disabled):not(.wapu-btn--loading){
  background:color-mix(in srgb,var(--wtds-button-standard-danger-bg) 84%,var(--wtds-button-standard-danger-ink));
  color:var(--wtds-button-standard-danger-ink);
  box-shadow:none;
}
.wapu-btn--standard:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}
.wapu-btn--standard.wapu-btn--danger:focus-visible{box-shadow:var(--wtds-shadow-focus-danger)}

/* WTDS Tabs · Composition adoption 7.7.123 */
.wapu-tabs{max-width:100%}
.wapu-tabs__list{max-width:100%}
.wapu-tabs__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wapu-tabs--quiet{display:block;width:100%}
.wapu-tabs--quiet .wapu-tabs__list{display:flex;align-items:center;gap:var(--wtds-s-1);padding:0;background:transparent;border-radius:0;box-shadow:none;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wapu-tabs--quiet .wapu-tabs__list::-webkit-scrollbar{display:none}
.wapu-tabs--quiet .wapu-tabs__trigger{flex:0 0 auto;min-height:2rem;padding:0 var(--wtds-s-2);background:transparent;border-radius:var(--wtds-r-pill);box-shadow:none;color:var(--wtds-ink-3);font-weight:var(--wtds-fw-medium)}
.wapu-tabs--quiet .wapu-tabs__trigger:hover:not(:disabled):not(.wapu-tabs__trigger--active){background:var(--wtds-fill-4);color:var(--wtds-ink-2)}
.wapu-tabs--quiet .wapu-tabs__trigger--active{background:var(--wtds-fill-4);color:var(--wtds-ink);font-weight:var(--wtds-fw-semibold);box-shadow:none}
.wapu-tabs[data-wapu-tabs-orientation="vertical"] .wapu-tabs__list{display:flex;flex-direction:column;align-items:stretch}
.wapu-tabs[data-wapu-tabs-orientation="vertical"] .wapu-tabs__trigger{justify-content:flex-start}
.wapu-tabs__panel:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus);border-radius:var(--wtds-r-xs)}
@media (max-width:47.9375rem){.wapu-tabs:not(.wapu-tabs--full) .wapu-tabs__list{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.wapu-tabs:not(.wapu-tabs--full) .wapu-tabs__list::-webkit-scrollbar{display:none}.wapu-tabs:not(.wapu-tabs--full) .wapu-tabs__trigger{flex:0 0 auto}}

/* WTDS Dialog · Overlay / Modal / Sheet composition 7.7.124 */
.wapu-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;z-index:calc(var(--wtds-z-modal,1000) + var(--wapu-dialog-stack-index,0));display:grid;place-items:center;padding:var(--wtds-s-2);overflow:visible;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;transition:opacity var(--wtds-dur,.2s) var(--wtds-ease,ease),visibility var(--wtds-dur,.2s) var(--wtds-ease,ease)}
.wapu-dialog[hidden]{display:none!important}
/* Dialog roots always span the viewport; Woo/theme container caps belong to panels only. */
body .wapu-dialog[data-wapu-dialog]:not(.wapu-dialog--desktop-drawer){width:100vw!important;max-width:none!important}
.wapu-dialog.is-open{opacity:1;visibility:visible;pointer-events:auto}
.wapu-dialog__backdrop{position:fixed;inset:0;width:100vw;height:100dvh;background:var(--wtds-scrim-strong);backdrop-filter:var(--wtds-blur-sm);-webkit-backdrop-filter:var(--wtds-blur-sm)}
.wapu-dialog__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(31.25rem,calc(100vw - var(--wtds-s-4)));max-height:calc(100dvh - var(--wtds-s-4));margin:0;border:0;border-radius:var(--wtds-panel-radius,var(--wtds-r-lg));background:var(--wtds-surface);color:var(--wtds-ink);box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft),var(--wtds-shadow-xl);overflow:hidden;transform:scale(.97);transition:transform var(--wtds-dur,.2s) var(--wtds-ease-spring,ease)}
.wapu-dialog.is-open .wapu-dialog__panel{transform:none}
.wapu-dialog__handle{display:none;align-items:center;justify-content:center;width:100%;min-height:1.25rem;padding:.375rem 0 .25rem;flex:0 0 auto;cursor:grab;touch-action:none}
.wapu-dialog__handle:before{content:"";display:block;width:2.5rem;height:.25rem;border-radius:var(--wtds-r-pill);background:var(--wtds-separator-strong,var(--wtds-separator))}
.wapu-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--wtds-s-2);padding:var(--wtds-s-2) var(--wtds-s-3);border-bottom:var(--wtds-border-hairline) solid var(--wtds-separator-soft);flex:0 0 auto}
.wapu-dialog__heading{min-width:0;flex:1;display:flex;flex-direction:column;gap:.25rem}
.wapu-dialog__title{margin:0;font-family:var(--wtds-font-display);font-size:var(--wtds-fs-title-3);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink)}
.wapu-dialog__description{margin:0;font-size:var(--wtds-fs-footnote);line-height:var(--wtds-lh-base);color:var(--wtds-ink-3)}
.wapu-dialog__close{appearance:none;border:0!important;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-control-compact,2rem);height:var(--wtds-control-compact,2rem);flex:0 0 auto;border-radius:0;background:transparent!important;color:var(--wtds-ink-2);cursor:pointer;transition:color var(--wtds-dur-fast,.15s) var(--wtds-ease,ease)}
.wapu-dialog__close:hover,.wapu-dialog__close:active{background:transparent!important;color:var(--wtds-ink)}
.wapu-dialog__close:focus-visible,.wapu-dialog__panel:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}
.wapu-dialog__body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:var(--wtds-s-3);font-size:var(--wtds-fs-body);line-height:var(--wtds-lh-base);color:var(--wtds-ink-2);-webkit-overflow-scrolling:touch}
.wapu-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--wtds-s-1);padding:var(--wtds-s-2) var(--wtds-s-3);border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft);background:var(--wtds-surface);flex:0 0 auto}
.wapu-dialog--sm .wapu-dialog__panel{max-width:23.75rem}.wapu-dialog--md .wapu-dialog__panel{max-width:37.5rem}.wapu-dialog--lg .wapu-dialog__panel{max-width:45rem}.wapu-dialog--xl .wapu-dialog__panel{max-width:60rem}
.wapu-dialog--fullscreen{padding:0}.wapu-dialog--fullscreen .wapu-dialog__panel{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}
.wapu-dialog--sheet{place-items:end center;padding:0}.wapu-dialog--sheet .wapu-dialog__panel{width:min(40rem,100%);max-width:none;height:min(75dvh,48rem);max-height:calc(100dvh - var(--wtds-s-3));border-radius:var(--wtds-panel-radius,var(--wtds-r-xl)) var(--wtds-panel-radius,var(--wtds-r-xl)) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translate3d(0,100%,0)}.wapu-dialog--sheet.is-open .wapu-dialog__panel{transform:translate3d(0,0,0)}.wapu-dialog--sheet .wapu-dialog__handle{display:flex}.wapu-dialog--fullheight.wapu-dialog--sheet .wapu-dialog__panel{height:100dvh;max-height:100dvh;border-radius:0}
html.wapu-dialog-open,body.wapu-dialog-open{overscroll-behavior:none}body.wapu-dialog-open{overflow:hidden}
@media (max-width:47.9375rem){.wapu-dialog--adaptive{place-items:end center;padding:0}.wapu-dialog--adaptive .wapu-dialog__panel{width:100%;max-width:none;max-height:92dvh;border-radius:var(--wtds-panel-radius,var(--wtds-r-xl)) var(--wtds-panel-radius,var(--wtds-r-xl)) 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translate3d(0,100%,0)}.wapu-dialog--adaptive.is-open .wapu-dialog__panel{transform:translate3d(0,0,0)}.wapu-dialog--adaptive .wapu-dialog__handle{display:flex}}
@media (prefers-reduced-motion:reduce){.wapu-dialog,.wapu-dialog__panel{transition:none!important}.wapu-dialog__panel{transform:none!important}}


/* V18.1: exploratory content uses the same dialog lifecycle and mobile sheet. */
@media (min-width:48rem){
  .wapu-dialog.wapu-dialog--desktop-drawer{position:fixed;inset:0;place-items:stretch end;padding:0;width:100vw!important;max-width:none!important;height:100dvh;max-height:none;margin:0}
  .wapu-dialog--desktop-drawer .wapu-dialog__panel{position:absolute;inset:0 0 0 auto;width:min(36rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;transform:translate3d(100%,0,0)}
  .wapu-dialog--desktop-drawer.is-open .wapu-dialog__panel{transform:none}
  .wapu-dialog--desktop-drawer .wapu-dialog__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
}

/* WTDS Floating Window · persistent utility surface / adaptive bottom sheet */
.wapu-floating-window{position:fixed;inset:0;z-index:var(--wtds-layer-modal);pointer-events:none;opacity:0;transition:opacity var(--wtds-dur-fast) var(--wtds-ease)}
.wapu-floating-window[hidden]{display:none!important}.wapu-floating-window.is-open{opacity:1}
.wapu-floating-window__backdrop{position:absolute;inset:0;display:none;background:var(--wtds-backdrop);backdrop-filter:var(--wtds-blur-sm);pointer-events:auto}
.wapu-floating-window__panel{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);display:flex;flex-direction:column;width:min(24rem,calc(100vw - 2rem));max-height:min(72dvh,38rem);overflow:hidden;border:var(--wtds-border-thin) solid var(--wtds-separator-soft);border-radius:var(--wtds-r-lg);background:var(--wtds-surface);color:var(--wtds-ink);box-shadow:var(--wtds-shadow-lg);pointer-events:auto;outline:none;transform:translateY(.375rem) scale(.985);transition:transform var(--wtds-dur-fast) var(--wtds-ease-spring),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}
.wapu-floating-window.is-open .wapu-floating-window__panel{transform:none}.wapu-floating-window.is-dragging .wapu-floating-window__panel{transition:none;box-shadow:var(--wtds-shadow-xl)}
.wapu-floating-window__header{min-height:var(--wtds-s-7);display:flex;align-items:center;gap:var(--wtds-s-2);padding:var(--wtds-s-2) var(--wtds-s-3);border-bottom:var(--wtds-border-thin) solid var(--wtds-separator-soft);background:var(--wtds-surface);cursor:grab;touch-action:none;user-select:none}.wapu-floating-window.is-dragging .wapu-floating-window__header{cursor:grabbing}
.wapu-floating-window__grip{display:block;width:1rem;height:.75rem;flex:0 0 auto;opacity:.6;background:radial-gradient(circle,currentColor 1px,transparent 1.2px) 0 0/4px 4px;color:var(--wtds-ink-3)}
.wapu-floating-window__title{min-width:0;flex:1;margin:0;font-family:var(--wtds-font-display);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wapu-floating-window__close{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--wtds-control-compact);height:var(--wtds-control-compact);padding:0;border:0;border-radius:var(--wtds-r-pill);background:var(--wtds-fill-4);color:var(--wtds-ink-2);cursor:pointer}.wapu-floating-window__close:hover{background:var(--wtds-fill-3);color:var(--wtds-ink)}
.wapu-floating-window__panel:focus-visible,.wapu-floating-window__close:focus-visible{outline:0;box-shadow:var(--wtds-shadow-focus)}
.wapu-floating-window__body{display:flex;min-height:0;flex:1;flex-direction:column;padding:var(--wtds-s-2);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.wapu-floating-window__footer{display:flex;align-items:center;gap:var(--wtds-s-1);padding:var(--wtds-s-2);border-top:var(--wtds-border-hairline) solid var(--wtds-separator-soft);background:var(--wtds-surface);flex:0 0 auto}
html.wapu-floating-window-sheet-open,body.wapu-floating-window-sheet-open{overscroll-behavior:none}body.wapu-floating-window-sheet-open{overflow:hidden}
@media (max-width:47.9375rem){.wapu-floating-window{pointer-events:none}.wapu-floating-window.is-open .wapu-floating-window__backdrop{display:block}.wapu-floating-window__panel{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%;max-width:none;max-height:min(85dvh,46rem);border-right:0;border-bottom:0;border-left:0;border-radius:var(--wtds-r-xl) var(--wtds-r-xl) 0 0;box-shadow:var(--wtds-shadow-xl);transform:translate3d(0,100%,0)}.wapu-floating-window.is-open .wapu-floating-window__panel{transform:translate3d(0,0,0)}.wapu-floating-window__header{min-height:3.25rem;cursor:default}.wapu-floating-window__grip{width:2.75rem;height:.25rem;margin-inline:auto;border-radius:var(--wtds-r-pill);background:var(--wtds-separator-strong);color:transparent}.wapu-floating-window__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wapu-floating-window__body{padding:var(--wtds-s-2) var(--wtds-s-2) calc(var(--wtds-s-2) + env(safe-area-inset-bottom))}.wapu-floating-window__footer{position:sticky;bottom:0;padding-bottom:max(var(--wtds-s-2),env(safe-area-inset-bottom));background:var(--wtds-surface)}}
@media (prefers-reduced-motion:reduce){.wapu-floating-window,.wapu-floating-window__panel{transition:none!important}.wapu-floating-window__panel{transform:none!important}}

/* WTDS Popover / Share · Composition adoption 7.7.125 */
.wapu-popover{position:relative;display:inline-block}.wapu-popover>summary{list-style:none}.wapu-popover>summary::-webkit-details-marker{display:none}.wapu-popover>summary:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}
.wapu-popover__panel{position:absolute;z-index:var(--wtds-z-dropdown);inset-block-start:calc(100% + var(--wtds-s-1));inset-inline-end:0;width:min(17.5rem,calc(100vw - var(--wtds-s-4)));padding:var(--wtds-s-2);border:var(--wtds-border-hairline) solid var(--wtds-separator-soft);border-radius:var(--wtds-r-lg);background:var(--wtds-surface);color:var(--wtds-ink);box-shadow:var(--wtds-shadow-lg);opacity:0;transform:translateY(-.25rem) scale(.985);transform-origin:top right;pointer-events:none;transition:opacity var(--wtds-dur-fast) var(--wtds-ease),transform var(--wtds-dur-fast) var(--wtds-ease-spring)}
.wapu-popover[open]>.wapu-popover__panel{opacity:1;transform:none;pointer-events:auto}.wapu-popover--start .wapu-popover__panel{inset-inline-start:0;inset-inline-end:auto;transform-origin:top left}.wapu-popover--center .wapu-popover__panel{inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%,-.25rem) scale(.985);transform-origin:top center}.wapu-popover--center[open]>.wapu-popover__panel{transform:translateX(-50%)}.wapu-popover--sm .wapu-popover__panel{width:min(13.75rem,calc(100vw - var(--wtds-s-4)))}.wapu-popover--lg .wapu-popover__panel{width:min(20rem,calc(100vw - var(--wtds-s-4)))}
.wapu-popover__header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--wtds-s-2)}.wapu-popover__title{font-family:var(--wtds-font-display);font-size:var(--wtds-fs-callout);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug);color:var(--wtds-ink)}.wapu-popover__description{margin:0;font-size:var(--wtds-fs-caption-1);line-height:var(--wtds-lh-base);color:var(--wtds-ink-3)}.wapu-popover__body{font-size:var(--wtds-fs-footnote);color:var(--wtds-ink-2)}
.wapu-share-popover{display:flex;flex-direction:column;gap:var(--wtds-s-2)}.wapu-share-popover__channels{display:flex;align-items:center;justify-content:center;gap:var(--wtds-s-1)}.wapu-share-popover__channel,.wapu-share-popover__copy{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:var(--wtds-border-hairline) solid var(--wtds-separator-soft);border-radius:var(--wtds-r-sm);background:var(--wtds-surface);color:var(--wtds-ink-2);text-decoration:none;cursor:pointer;transition:transform var(--wtds-dur-fast) var(--wtds-ease-spring),background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease),border-color var(--wtds-dur-fast) var(--wtds-ease)}.wapu-share-popover__channel:hover,.wapu-share-popover__copy:hover{background:var(--wtds-fill-4);color:var(--wtds-ink);border-color:var(--wtds-separator);transform:translateY(-1px)}.wapu-share-popover__channel:focus-visible,.wapu-share-popover__copy:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}.wapu-share-popover__copy.is-copied{color:var(--wtds-success);border-color:color-mix(in srgb,var(--wtds-success) 35%,var(--wtds-separator-soft))}.wapu-share-popover__brand{font-family:var(--wtds-font-text);font-size:.875rem;font-weight:var(--wtds-fw-bold);line-height:1}.wapu-share-popover__url-row{display:flex;align-items:center;gap:.25rem;height:2.375rem;padding:.1875rem;border:var(--wtds-border-hairline) solid var(--wtds-separator-soft);border-radius:var(--wtds-r-sm);background:var(--wtds-fill-4)}.wapu-share-popover__url{min-width:0;flex:1;height:100%;padding:0 .625rem;border:0;outline:0;background:transparent;color:var(--wtds-ink-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-caption-1)}.wapu-share-popover__copy{width:1.875rem;height:1.875rem;flex:0 0 auto;border:0;background:transparent}.wapu-share-popover__status{min-height:1rem;margin:-.25rem 0 0;text-align:center;font-size:var(--wtds-fs-caption-2);line-height:1.2;color:var(--wtds-success)}
@media (max-width:30rem){.wapu-popover--lg .wapu-popover__panel{width:min(18rem,calc(100vw - var(--wtds-s-3)))}}
@media (prefers-reduced-motion:reduce){.wapu-popover__panel,.wapu-share-popover__channel,.wapu-share-popover__copy{transition:none!important;transform:none!important}.wapu-popover--center .wapu-popover__panel{transform:translateX(-50%)!important}}

/* WTDS Gallery Motion · Composition adoption 7.7.126 */
.wapu-gallery-motion[data-wapu-gallery-motion="spring"]{--wapu-gallery-drag-x:0px;--wapu-gallery-drag-scale:1}
.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-main],.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-gal__main,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-single__main-image{transform:translate3d(var(--wapu-gallery-drag-x),0,0) scale(var(--wapu-gallery-drag-scale));transition:transform 360ms cubic-bezier(.16,1,.3,1);will-change:transform}
.wapu-gallery-motion[data-wapu-gallery-motion="spring"].is-gallery-dragging [data-wapu-vg-main],.wapu-gallery-motion[data-wapu-gallery-motion="spring"].is-gallery-dragging .wapu-gal__main,.wapu-gallery-motion[data-wapu-gallery-motion="spring"].is-gallery-dragging .wapu-single__main-image{transition:none;cursor:grabbing}
.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-main].is-gallery-transitioning>[data-wapu-vg-media],.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-main].is-gallery-transitioning>[data-wapu-gallery-media]{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-thumb],.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-gal__thumb,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-single__thumb{transform:scale(.94);transform-origin:center;transition:transform 360ms cubic-bezier(.16,1,.3,1),opacity var(--wtds-dur-fast) var(--wtds-ease),filter var(--wtds-dur-fast) var(--wtds-ease),border-color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}
.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-thumb].is-active,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-gal__thumb.is-active,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-single__thumb.wapu-single__thumb--active{transform:scale(1.06)}
.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-thumb]:active,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-gal__thumb:active,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-single__thumb:active{transform:scale(.9)}
@media (prefers-reduced-motion:reduce){.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-main],.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-gal__main,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-single__main-image,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] [data-wapu-vg-thumb],.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-gal__thumb,.wapu-gallery-motion[data-wapu-gallery-motion="spring"] .wapu-single__thumb{transition:none!important;transform:none!important}}

/* WTDS Action Chip */
.wapu-action-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:var(--wtds-control-compact);padding:0 var(--wtds-s-2);border:0;border-radius:var(--wtds-r-pill);background:var(--wtds-surface-3);color:var(--wtds-ink-2);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug);cursor:pointer;transition:background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease),box-shadow var(--wtds-dur-fast) var(--wtds-ease)}
.wapu-action-chip:hover:not(:disabled){background:var(--wtds-state-hover-bg);color:var(--wtds-ink)}
.wapu-action-chip.is-selected,.wapu-action-chip[aria-pressed="true"]{background:var(--wtds-action-soft);color:var(--wtds-action)}
.wapu-action-chip:focus-visible{outline:0;box-shadow:var(--wtds-shadow-focus)}
.wapu-action-chip:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}

/* WTDS Text Field */
.wapu-text-field{min-width:0}.wapu-text-field__label{display:block;margin-bottom:var(--wtds-s-1);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);color:var(--wtds-ink-2)}.wapu-text-field .wapu-input{width:100%}.wapu-control--outlined{background-color:var(--wtds-field-bg);border-radius:var(--wtds-field-radius)}.wapu-field__label .required{color:var(--wtds-danger);text-decoration:none}.wapu-field__label .optional{margin-inline-start:var(--wtds-s-half);color:var(--wtds-ink-3);font-weight:var(--wtds-fw-regular)}

/* WTDS Callout · contextual message surface */
.wapu-callout{display:flex;align-items:flex-start;gap:var(--wtds-s-2);width:100%;padding:var(--wtds-s-2);border:var(--wtds-border-hairline) solid var(--wtds-outline-soft);border-radius:var(--wtds-r-md);background:var(--wtds-surface-2);color:var(--wtds-ink);font-family:var(--wtds-font-text)}
.wapu-callout__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:var(--wtds-r-pill);background:var(--wtds-fill-3);color:var(--wtds-ink-2)}
.wapu-callout__content{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:.125rem}
.wapu-callout__title{margin:0;font-family:var(--wtds-font-display);font-size:var(--wtds-fs-subhead);font-weight:var(--wtds-fw-semibold);line-height:var(--wtds-lh-snug)}
.wapu-callout__body{margin:0;color:var(--wtds-ink-2);font-size:var(--wtds-fs-footnote);line-height:var(--wtds-lh-base)}
.wapu-callout__body>*:first-child{margin-top:0}.wapu-callout__body>*:last-child{margin-bottom:0}
.wapu-callout--info{border-color:var(--wtds-info-outline);background:var(--wtds-info-soft)}.wapu-callout--info .wapu-callout__icon{background:var(--wtds-info-soft);color:var(--wtds-info)}
.wapu-callout--success{border-color:var(--wtds-success-outline);background:var(--wtds-success-soft)}.wapu-callout--success .wapu-callout__icon{background:var(--wtds-success-soft);color:var(--wtds-success)}
.wapu-callout--warning{border-color:var(--wtds-warning-outline);background:var(--wtds-warning-soft)}.wapu-callout--warning .wapu-callout__icon{background:var(--wtds-warning-soft);color:var(--wtds-warning)}
.wapu-callout--danger{border-color:var(--wtds-danger-outline);background:var(--wtds-danger-soft)}.wapu-callout--danger .wapu-callout__icon{background:var(--wtds-danger-soft);color:var(--wtds-danger)}

/* WTDS Breadcrumb · 7.7.136 */
.wapu-breadcrumb{display:block;min-inline-size:0;color:var(--wtds-on-surface-muted);font-family:var(--wtds-font-text);font-size:var(--wtds-fs-footnote);font-weight:var(--wtds-fw-medium);line-height:var(--wtds-lh-snug)}
.wapu-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wtds-s-1);min-inline-size:0;margin:0;padding:0;list-style:none}
.wapu-breadcrumb__item{display:flex;align-items:center;min-inline-size:0;margin:0;padding:0}
.wapu-breadcrumb__home{display:inline-grid;place-items:center;inline-size:2rem;block-size:2rem;flex:0 0 auto;border-radius:var(--wtds-r-pill);color:var(--wtds-on-surface-muted);text-decoration:none;transition:background-color var(--wtds-motion-fast) var(--wtds-motion-easing-default),color var(--wtds-motion-fast) var(--wtds-motion-easing-default)}
.wapu-breadcrumb__home:hover{background:var(--wtds-state-hover-bg);color:var(--wtds-on-surface)}
.wapu-breadcrumb__home:focus-visible,.wapu-breadcrumb__link:focus-visible{outline:none;box-shadow:var(--wtds-shadow-focus)}
.wapu-breadcrumb__home-icon{inline-size:1.25rem;block-size:1.25rem}
.wapu-breadcrumb__separator{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--wtds-outline);margin:0;padding:0}
.wapu-breadcrumb__separator svg{inline-size:1.25rem;block-size:1.25rem}
.wapu-breadcrumb__link{display:inline-block;max-inline-size:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--wtds-r-xs);color:var(--wtds-on-surface-muted);text-decoration:none;transition:color var(--wtds-motion-fast) var(--wtds-motion-easing-default)}
.wapu-breadcrumb__link[href]:hover{color:var(--wtds-on-surface)}
.wapu-breadcrumb__link--current{color:var(--wtds-primary);font-weight:var(--wtds-fw-semibold)}
@media (max-width:47.9375rem){.wapu-breadcrumb--desktop-only{display:none}}


/* ========================================================================== 
 * 7.7.141 · V2 quantity + reusable not-found composition.
 * The motion language mirrors the requested shadcn reference while remaining
 * native to WTDS/WordPress and preserving the canonical numeric input.
 * ========================================================================== */
.wapu-quantity--motion,
.wapu-quantity--motion-ready{
  position:relative;
}
.wapu-quantity--motion{
  grid-template-columns:max-content minmax(2.75rem,max-content) max-content;
  border-radius:var(--wtds-r-md);
  background:var(--wtds-surface);
  box-shadow:inset 0 0 0 var(--wtds-border-thin) var(--wtds-outline-soft);
}
.wapu-quantity--motion .wapu-quantity__button,
.wapu-quantity--motion-ready .wapu-quantity__button{
  transition:transform 170ms cubic-bezier(.2,.8,.2,1),background-color var(--wtds-dur-fast) var(--wtds-ease),color var(--wtds-dur-fast) var(--wtds-ease),opacity var(--wtds-dur-fast) var(--wtds-ease);
  transform-origin:center;
}
.wapu-quantity--motion .wapu-quantity__button:hover:not(:disabled),
.wapu-quantity--motion-ready .wapu-quantity__button:hover:not(:disabled){transform:none}
.wapu-quantity--motion .wapu-quantity__button:active:not(:disabled),
.wapu-quantity--motion-ready .wapu-quantity__button:active:not(:disabled){transform:none}
.wapu-quantity--motion .wapu-quantity__input,
.wapu-quantity--motion-ready .wapu-quantity__input{font-variant-numeric:tabular-nums}
.wapu-quantity--motion.is-quantity-increasing .wapu-quantity__input,
.wapu-quantity--motion-ready.is-quantity-increasing .wapu-quantity__input{animation:wapu-quantity-value-increase .16s ease-out}
.wapu-quantity--motion.is-quantity-decreasing .wapu-quantity__input,
.wapu-quantity--motion-ready.is-quantity-decreasing .wapu-quantity__input{animation:wapu-quantity-value-decrease .16s ease-out}
@keyframes wapu-quantity-value-increase{0%{transform:translateY(.375rem);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes wapu-quantity-value-decrease{0%{transform:translateY(-.375rem);opacity:0}100%{transform:translateY(0);opacity:1}}

.wapu-not-found{
  min-block-size:min(78vh,46rem);
  inline-size:100%;
  display:grid;
  place-items:center;
  padding:clamp(2rem,7vw,6rem) var(--wtds-s-3);
  overflow:hidden;
}
.wapu-not-found__empty{
  inline-size:min(100%,34rem);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--wtds-s-4);
  text-align:center;
  text-wrap:balance;
}
.wapu-not-found__header{display:flex;max-inline-size:30rem;flex-direction:column;align-items:center;gap:var(--wtds-s-2)}
.wapu-not-found__code{
  margin-block-end:calc(var(--wtds-s-3) * -1);
  font-family:var(--wtds-font-display);
  font-size:clamp(6rem,18vw,10rem);
  font-weight:800;
  line-height:.9;
  letter-spacing:-.07em;
  color:var(--wtds-on-surface);
  -webkit-mask-image:linear-gradient(to bottom,currentColor 20%,color-mix(in srgb,currentColor 22%,transparent) 80%,transparent 100%);
  mask-image:linear-gradient(to bottom,currentColor 20%,color-mix(in srgb,currentColor 22%,transparent) 80%,transparent 100%);
  user-select:none;
}
.wapu-not-found__title{font-size:var(--wtds-fs-title-2);font-weight:var(--wtds-fw-semibold)}
.wapu-not-found__description{margin:0;color:var(--wtds-on-surface-muted);font-size:var(--wtds-fs-body);line-height:var(--wtds-lh-base)}
.wapu-not-found__actions{display:flex;align-items:center;justify-content:center;gap:var(--wtds-s-1);flex-wrap:wrap}
@media (max-width:30rem){
  .wapu-not-found{padding-inline:var(--wtds-s-2)}
  .wapu-not-found__actions{inline-size:100%;flex-direction:column}
  .wapu-not-found__actions .wapu-btn{inline-size:100%}
}
@media (prefers-reduced-motion:reduce){
  .wapu-quantity--motion .wapu-quantity__button,
  .wapu-quantity--motion-ready .wapu-quantity__button{transition:none}
  .wapu-quantity--motion.is-quantity-increasing .wapu-quantity__input,
  .wapu-quantity--motion-ready.is-quantity-increasing .wapu-quantity__input,
  .wapu-quantity--motion.is-quantity-decreasing .wapu-quantity__input,
  .wapu-quantity--motion-ready.is-quantity-decreasing .wapu-quantity__input{animation:none}
}

/* V28 · canonical variation tooltip portal (Single + Quick View). */
.wapu-variation-tooltip{
  position:fixed;
  z-index:var(--wtds-layer-tooltip,1300);
  max-width:min(16rem,calc(100vw - 1rem));
  padding:.375rem .625rem;
  border-radius:var(--wtds-r-sm);
  background:var(--wtds-surface-inverse,var(--wtds-ink));
  color:var(--wtds-on-inverse,var(--wtds-surface));
  box-shadow:var(--wtds-shadow-md);
  font-family:var(--wtds-font-text);
  font-size:var(--wtds-fs-caption-2);
  font-weight:var(--wtds-fw-medium);
  line-height:1.25;
  text-align:center;
  white-space:normal;
  overflow-wrap:anywhere;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateX(-50%) translateY(.125rem);
  transition:opacity var(--wtds-dur-fast) var(--wtds-ease),transform var(--wtds-dur-fast) var(--wtds-ease),visibility var(--wtds-dur-fast) var(--wtds-ease);
}
.wapu-variation-tooltip.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
/* Shared storefront popups: compact content, readable overlay and fixed actions. */
.wapu-dialog__backdrop,
.wapu-floating-window__backdrop { background: rgba(0, 0, 0, .8); backdrop-filter: none; -webkit-backdrop-filter: none; }
.wapu-dialog:not(.wapu-dialog--desktop-drawer):not(.wapu-dialog--fullscreen) > .wapu-dialog__panel,
.wapu-floating-window__panel { border: 1px solid var(--wtds-separator-soft, #e5e5e5); border-radius: 12px; box-shadow: 0 12px 36px rgba(0, 0, 0, .1); }
.wapu-dialog__title { font-size: 1rem; font-weight: 500; letter-spacing: -.01em; }
.wapu-dialog__description { font-size: .875rem; font-weight: 400; }
.wapu-dialog__header,
.wapu-dialog__body,
.wapu-dialog__footer,
.wapu-floating-window__header,
.wapu-floating-window__body,
.wapu-floating-window__footer { padding: 16px; }
@media (min-width: 48rem) {
  .wapu-dialog--modal > .wapu-dialog__panel,
  .wapu-dialog--adaptive:not(.wapu-dialog--desktop-drawer) > .wapu-dialog__panel { max-height: min(80dvh, 640px); }
}
@media (max-width: 47.9375rem) {
  .wapu-dialog--adaptive > .wapu-dialog__panel,
  .wapu-dialog--sheet > .wapu-dialog__panel,
  .wapu-floating-window__panel { border-radius: 12px 12px 0 0; }
}