#blazor-error-ui,
.blazor-error-ui {
    background: var(--sz-fill-danger);
    bottom: 0;
    box-shadow: var(--sz-shadow-md);
    color: var(--sz-on-fill-danger);
    display: none;
    inset-inline: 0;
    padding: var(--sz-space-3) var(--sz-space-4);
    position: fixed;
    z-index: 1000;
}
.sp-market,
.sp-detail,
.sp-manage,
.sp-market__results,
.sp-detail__summary,
.sp-detail__order,
.sp-manage__category-list,
.sp-manage__product-list,
.sp-manage__form form {
    display: grid;
    gap: var(--sz-space-4);
}
.sp-market__hero,
.sp-market__search,
.sp-locate,
.sp-market__results-head,
.sp-market__results-head form,
.sp-manage__hero,
.sp-manage__section-head,
.sp-manage__category-form,
.sp-manage__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sz-space-4);
}
.sp-market__hero,
.sp-manage__hero,
.sp-detail__summary,
.sp-detail__panel,
.sp-manage__categories,
.sp-manage__products,
.sp-manage__form {
    padding: var(--sz-space-6);
}
.sp-market__hero,
.sp-manage__hero,
.sp-locate {
    background: var(--sz-primary-50);
}
.sp-market__eyebrow,
.sp-manage__eyebrow {
    color: var(--sz-primary-700);
    font-weight: 700;
}
.sp-market__search,
.sp-locate {
    padding: var(--sz-space-4);
}
.sp-market__search-field {
    flex: 1;
}
.sp-market__category-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(138px,1fr));
    gap: var(--sz-space-3);
}
.sp-market__category {
    display: grid;
    place-items: center;
    min-height: 96px;
    padding: var(--sz-space-3);
    color: var(--sz-on-surface);
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--sz-outline-variant);
    clip-path: var(--sz-cut-shape-lg);
}
.sp-market__category:hover,
.sp-market__category.is-active {
    color: var(--sz-primary-700);
    border-color: var(--sz-primary-600);
    background: var(--sz-primary-50);
}
.sp-market__layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 280px;
    gap: var(--sz-space-6);
    align-items: start;
}
.sp-market__filters {
    grid-column: 2;
    grid-row: 1;
    position: sticky;
    top: 88px;
    padding: var(--sz-space-5);
}
.sp-market__filters form,
.sp-market__mobile-filters form {
    display: grid;
    gap: var(--sz-space-4);
}
.sp-market__check,
.sp-manage__check {
    display: flex;
    align-items: center;
    min-height: var(--sz-touch-min);
    gap: var(--sz-space-2);
}
.sp-market__results {
    grid-column: 1;
    min-width: 0;
}
.sp-market__mobile-filters {
    display: none;
}
.sp-market__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: var(--sz-space-5);
    padding: 0;
    margin: 0;
    list-style: none;
}
.sp-product,
.sp-store {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    padding: 0;
}
.sp-product__media,
.sp-detail__media,
.sp-manage__thumb,
.sp-store__media,
.sp-storehead__media {
    display: grid;
    place-items: center;
    overflow: hidden;
    background: var(--sz-surface-container);
}
.sp-product__media,
.sp-store__media {
    aspect-ratio: 4/3;
}
.sp-product__media img,
.sp-detail__media img,
.sp-manage__thumb img,
.sp-manage__upload img,
.sp-store__media img,
.sp-storehead__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sp-product__body,
.sp-store__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--sz-space-2);
    padding: var(--sz-space-4);
}
.sp-product__price,
.sp-detail__price {
    color: var(--sz-accent-800);
    font-size: 1.2rem;
    font-weight: 700;
}
.sp-product__actions,
.sp-store__foot {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sz-space-2);
    margin-top: auto;
}
.sp-detail__buy-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sz-space-6);
}
.sp-detail__media,
.sp-detail__media img {
    min-height: 460px;
}
.sp-detail__media img {
    object-fit: contain;
}
.sp-detail__price {
    font-size: 1.65rem;
}
.sp-detail__information {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--sz-space-3);
}
.sp-detail__information {
    grid-template-columns: 1fr 1fr;
}
.sp-detail__specs {
    white-space: pre-line;
}
.sp-detail__crumbs {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--sz-font-size-sm);
    gap: var(--sz-space-2);
}
.sp-detail__badges,
.sp-product__badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sp-detail__availability,
.sp-product__stock {
    display: inline-flex;
    align-items: center;
    font-size: var(--sz-font-size-xs);
    font-weight: 600;
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sp-detail__availability.is-available,
.sp-product__stock.is-available {
    background: var(--sz-success-container);
    color: var(--sz-on-success-container);
}
.sp-detail__availability.is-empty,
.sp-product__stock.is-empty {
    background: var(--sz-error-container);
    color: var(--sz-on-error-container);
}
.sp-detail__description,
.sp-detail__fitment-answer {
    margin: 0;
    white-space: pre-line;
}
.sp-detail__provider {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sp-market__categories {
    display: grid;
    gap: var(--sz-space-3);
}
.sp-market__section-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
}
.sp-market__clear {
    align-items: center;
    color: var(--sz-primary-600);
    display: inline-flex;
    min-block-size: var(--sz-touch-min);
}
.sp-market__sort-submit {
    background: var(--sz-fill-bright);
    border: 0;
    color: var(--sz-on-fill-bright);
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-2) var(--sz-space-4);
}
.sp-manage__metrics,
.sp-manage__form-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: var(--sz-space-4);
}
.sp-manage__form-grid {
    grid-template-columns: repeat(3,1fr);
}
.sp-manage__category-form,
.sp-manage__toolbar {
    margin-block: var(--sz-space-5);
}
.sp-manage__category-list,
.sp-manage__product-list {
    margin: 0;
    list-style: none;
}
.sp-manage__wide textarea {
    min-height: 7rem;
}
.sp-manage__upload img {
    width: 8rem;
    height: 8rem;
}
.sp-manage__product-list {
    grid-template-columns: repeat(auto-fill, minmax(340px,1fr));
    gap: var(--sz-space-3);
}
.sp-manage__product-list li {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto auto;
    align-items: center;
    gap: var(--sz-space-3);
    padding: var(--sz-space-3);
    border: 1px solid var(--sz-outline-variant);
    clip-path: var(--sz-cut-shape-sm);
}
.sp-manage__thumb {
    width: 3rem;
    height: 3rem;
}
.sp-manage__thumb .sz-icon {
    block-size: 20px;
    inline-size: 20px;
}
.sp-manage__product-copy {
    min-width: 0;
}
.sp-manage__product-copy h3,
.sp-manage__product-copy p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sp-manage__product-copy h3 {
    font-size: var(--sz-font-size-btn);
}
.sp-manage__product-copy p {
    font-size: var(--sz-font-size-sm);
    color: var(--sz-on-surface-variant);
}
.sp-store__media .sz-icon,
.sp-storehead__media .sz-icon,
.sp-product__media .sz-icon {
    block-size: 48px;
    inline-size: 48px;
    color: var(--sz-on-surface-variant);
}
.sp-store__badges,
.sp-storehead__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sz-space-2);
    flex-wrap: wrap;
}
.sp-store__distance,
.sp-locate__text {
    color: var(--sz-primary-700);
    font-weight: 700;
}
.sp-store__name {
    font-size: var(--sz-font-size-lg);
}
.sp-store__name a,
.sp-product__title a {
    color: var(--sz-on-surface);
    text-decoration: none;
}
.sp-store__name a:hover,
.sp-product__title a:hover {
    color: var(--sz-primary-700);
    text-decoration: underline;
}
.sp-store__meta,
.sp-product__facts {
    display: grid;
    gap: var(--sz-space-1);
    padding: 0;
    list-style: none;
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
}
.sp-store__meta li,
.sp-product__facts li,
.sp-locate__text,
.sp-store__distance {
    display: flex;
    align-items: center;
    gap: var(--sz-space-2);
}
.sp-store__meta .sz-icon,
.sp-store__distance .sz-icon,
.sp-product__facts .sz-icon {
    block-size: 18px;
    inline-size: 18px;
}
.sp-store__name,
.sp-store__meta,
.sp-product__facts,
.sp-product__title,
.sp-locate__text,
.sp-storehead__body h1 {
    margin: 0;
}
.sp-storehead {
    display: grid;
    grid-template-columns: minmax(0,240px) minmax(0,1fr);
    gap: var(--sz-space-5);
    overflow: hidden;
    padding: 0;
}
.sp-storehead__media {
    aspect-ratio: 4/3;
    min-height: 200px;
}
.sp-storehead__body {
    display: grid;
    gap: var(--sz-space-3);
    align-content: start;
    padding-block: var(--sz-space-6);
    padding-inline-end: var(--sz-space-6);
}
.sp-market__category-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    background: var(--sz-primary-50);
    color: var(--sz-primary-700);
    clip-path: var(--sz-cut-shape-sm);
}
.sp-market__category.is-active .sp-market__category-icon {
    background: var(--sz-fill-bright);
    color: var(--sz-on-fill-bright);
}
.sp-market__category-strip--cards {
    grid-template-columns: repeat(auto-fill, minmax(200px,1fr))
}
.sp-market__category-strip--cards .sp-market__category {
    min-height: 170px;
    gap: var(--sz-space-2);
    background: var(--sz-white);
}
.sp-market__category-strip--cards .sp-market__category-icon {
    width: 64px;
    height: 64px;
}
.sp-market__category-strip--cards .sz-icon {
    block-size: 32px;
    inline-size: 32px;
}
.sp-product__title {
    font-size: var(--sz-font-size-base);
}
.sp-product__buy {
    background: var(--sz-primary-50);
    border-block-start: 1px solid var(--sz-outline-variant);
    display: grid;
    gap: var(--sz-space-3);
    margin-block-end: calc(-1 * var(--sz-space-4));
    margin-block-start: auto;
    margin-inline: calc(-1 * var(--sz-space-4));
    padding: var(--sz-space-3) var(--sz-space-4);
}
.sp-product__buy .sp-product__price {
    font-size: var(--sz-font-size-lg);
}
.sp-product__buy .sp-product__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin-top: 0;
}
.sp-product__buy .sp-product__actions > * {
    flex: 1 1 9rem;
}
.sp-product__code {
    font-family: var(--sz-font-mono);
    font-size: var(--sz-font-size-sm);
}
@media(max-width:1200px) {
    .sp-market__grid,
.sp-manage__metrics {
    grid-template-columns: repeat(2, minmax(0,1fr))
}
.sp-storehead {
    grid-template-columns: 1fr;
}
.sp-storehead__body {
    padding-block: 0 var(--sz-space-5);
    padding-inline: var(--sz-space-5);
}
.sp-storehead__media {
    min-block-size: 180px;
}
.sp-detail__buy-grid {
    grid-template-columns: 1fr;
}
.sp-detail__media,
.sp-detail__media img {
    min-height: 340px;
}
}
@media(max-width:767px) {
    .sp-locate,
.sp-market__hero,
.sp-market__search,
.sp-market__results-head,
.sp-market__results-head form,
.sp-manage__hero,
.sp-manage__section-head,
.sp-manage__category-form,
.sp-manage__toolbar {
    align-items: stretch;
    flex-direction: column;
}
.sp-market__category-strip {
    display: flex;
    overflow-x: auto;
}
.sp-market__category {
    flex: 0 0 140px;
}
.sp-market__layout {
    display: block;
}
.sp-market__filters {
    display: none;
}
.sp-market__mobile-filters {
    display: block;
}
.sp-market__grid,
.sp-detail__information,
.sp-manage__metrics,
.sp-manage__form-grid {
    grid-template-columns: 1fr;
}
.sp-product,
.sp-store {
    display: grid;
    grid-template-columns: minmax(116px,34%) 1fr;
}
.sp-product__actions,
.sp-store__foot {
    grid-template-columns: 1fr;
}
.sp-detail__media,
.sp-detail__media img {
    min-height: 260px;
}
.sp-detail__panel dl>div,
.sp-manage__category-list li {
    grid-template-columns: 1fr;
}
.sp-manage__product-list {
    grid-template-columns: 1fr;
}
.sp-manage__product-list li {
    grid-template-columns: auto minmax(0, 1fr);
}
.sp-manage__product-list li > .sp-manage__product-meta {
    align-items: center;
    column-gap: var(--sz-space-2);
    display: flex;
    flex-wrap: wrap;
    grid-column: 2;
    grid-row: 2;
    justify-content: space-between;
    min-inline-size: 0;
    row-gap: var(--sz-space-1);
}
.sp-manage__actions {
    display: flex;
    flex-shrink: 0;
    gap: var(--sz-space-2);
}
.sp-manage__product-meta > .sz-badge {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
}
#blazor-error-ui .reload,
#blazor-error-ui .dismiss,
.blazor-error-ui .reload,
.blazor-error-ui .dismiss {
    color: inherit;
    margin-inline-start: var(--sz-space-3);
}
.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--sz-success);
}
.invalid {
    outline: 1px solid var(--sz-error);
}
.sz-topbar__brand,
.sz-topbar__link,
.sz-icon-btn,
.sz-section__more,
.sz-listing-card__title a,
.sz-search-card__heading h3 a,
.sz-card-actions__link,
.sz-fav-btn,
.sz-btn-hero,
.sz-bento__cta,
.sz-bento__side-cta,
.sz-state__cta {
    text-decoration: none;
}
.sz-visually-hidden {
    block-size: 1px;
    clip-path: inset(50%);
    inline-size: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}
.sz-topbar {
    align-items: center;
    block-size: var(--sz-topbar-height);
    color: var(--sz-on-fill-deep);
    display: flex;
    gap: var(--sz-space-4);
    inset-block-start: 0;
    inset-inline: 0;
    justify-content: space-between;
    padding-inline: var(--sz-space-8);
    position: fixed;
    z-index: 50;
}
.sz-topbar::before {
    background: linear-gradient(to left, var(--sz-fill-deep), var(--sz-fill-deep-2));
    content: "";
    filter: drop-shadow(0 4px 6px rgb(0 0 0 / 10%));
    inset: 0;
    position: absolute;
    z-index: -1;
}
.sz-topbar__start {
    align-items: center;
    display: flex;
    gap: var(--sz-space-6);
    min-inline-size: 0;
}
.sz-topbar__brand {
    color: var(--sz-on-fill-deep);
    font-family: var(--sz-font-hero);
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}
.sz-topbar__nav {
    align-items: center;
    display: flex;
    gap: var(--sz-space-2);
    margin-inline-start: var(--sz-space-8);
    min-inline-size: 0;
    overflow-x: auto;
    scrollbar-width: none;
}
.sz-topbar__link {
    align-items: center;
    border-block-end: 2px solid transparent;
    color: var(--sz-on-fill-deep);
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--sz-font-size-base);
    font-weight: 500;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-1) var(--sz-space-3);
    white-space: nowrap;
    transition: background-color var(--sz-transition-base), color var(--sz-transition-base), border-block-end-color var(--sz-transition-base);
}
.sz-topbar__link:hover {
    background: rgb(0 0 0 / 10%);
}
.sz-topbar__link.is-active {
    border-block-end-color: var(--sz-on-fill-deep);
    font-weight: 700;
}
.sz-topbar :is(a, button, input):focus-visible,
.sz-shell__header :is(a, button, input):focus-visible {
    outline: 3px solid var(--sz-on-fill-deep);
    outline-offset: 2px;
}
.sz-topbar__end {
    align-items: center;
    display: flex;
    gap: var(--sz-space-3);
}
.sz-topbar__end > * {
    flex-shrink: 0;
}
.sz-topbar__search {
    flex-shrink: 1;
    inline-size: 256px;
    min-inline-size: 0;
    position: relative;
}
.sz-topbar__search:focus-within {
    inline-size: 320px;
}
.sz-topbar__search-input {
    background: rgb(0 0 0 / 10%);
    border: none;
    color: var(--sz-on-fill-deep);
    font-size: var(--sz-font-size-base);
    inline-size: 100%;
    min-inline-size: 0;
    padding-block: var(--sz-space-2);
    padding-inline: var(--sz-space-4) calc(var(--sz-space-3) + 24px + var(--sz-space-3));
}
.sz-topbar__search-input::placeholder {
    color: rgb(0 0 0 / 65%);
}
.sz-topbar__search-input::-webkit-search-cancel-button {
    appearance: none;
    display: none;
}
.sz-topbar__search-icon {
    color: rgb(0 0 0 / 65%);
    display: flex;
    inset-block-start: 50%;
    inset-inline-end: var(--sz-space-3);
    pointer-events: none;
    position: absolute;
    transform: translateY(-50%);
}
.sz-topbar__actions {
    align-items: center;
    display: flex;
    gap: var(--sz-space-1);
}
.sz-icon-btn {
    align-items: center;
    background: none;
    block-size: var(--sz-touch-min);
    border: none;
    border-radius: var(--sz-radius-full);
    color: var(--sz-on-fill-deep);
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    inline-size: var(--sz-touch-min);
    justify-content: center;
    padding: 0;
    transition: background-color var(--sz-transition-fast);
}
.sz-icon-btn:hover {
    background: rgb(0 0 0 / 12%);
}
.sz-icon-btn[aria-expanded="true"] {
    background: rgb(0 0 0 / 20%);
}
.sz-notifmenu {
    display: inline-flex;
    position: relative;
}
.sz-cartbtn {
    position: relative;
}
.sz-notifmenu__badge,
.sz-cartbtn__badge {
    align-items: center;
    background: var(--sz-fill-danger);
    border: 2px solid var(--sz-on-fill-deep);
    border-radius: var(--sz-radius-full);
    color: var(--sz-on-fill-danger);
    display: inline-flex;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    inset-block-start: 4px;
    inset-inline-end: 2px;
    justify-content: center;
    line-height: 1;
    min-inline-size: 20px;
    padding: 2px 4px;
    pointer-events: none;
    position: absolute;
}
.sz-notifmenu__scrim {
    inset: 0;
    position: fixed;
    z-index: 55;
}
.sz-notifmenu__panel {
    -webkit-backdrop-filter: blur(18px) saturate(1.4);
    backdrop-filter: blur(18px) saturate(1.4);
    background: color-mix(in srgb, var(--sz-primary-50) 92%, transparent);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-lg);
    color: var(--sz-on-surface);
    display: flex;
    filter: drop-shadow(0 10px 15px rgb(0 0 0 / 18%));
    flex-direction: column;
    inline-size: min(380px, calc(100vw - var(--sz-space-8)));
    inset-block-start: calc(100% + var(--sz-space-3));
    inset-inline-end: 0;
    max-block-size: min(520px, calc(100vh - var(--sz-topbar-height) - var(--sz-space-8)));
    max-block-size: min(520px, calc(100dvh - var(--sz-topbar-height) - var(--sz-space-8)));
    position: absolute;
    z-index: 60;
}
.sz-notifmenu__head {
    align-items: center;
    border-block-end: 1px solid var(--sz-outline-variant);
    display: flex;
    gap: var(--sz-space-3);
    justify-content: space-between;
    padding: var(--sz-space-4);
}
.sz-notifmenu__title {
    font-size: var(--sz-font-size-lg);
    font-weight: 700;
    margin: 0;
}
.sz-notifmenu__all {
    background: none;
    border: none;
    border-radius: var(--sz-radius-2);
    color: var(--sz-primary-600);
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
}
.sz-notifmenu__all:hover {
    background: var(--sz-primary-50);
}
.sz-notifmenu__all {
    display: block;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-3);
    text-align: center;
}
.sz-notifmenu__list {
    flex: 1 1 auto;
    list-style: none;
    margin: 0;
    overscroll-behavior: contain;
    overflow-y: auto;
    padding: 0;
}
.sz-notifmenu__item:not(:last-child) {
    border-block-end: 1px solid var(--sz-outline-variant);
}
.sz-notifmenu__link {
    display: block;
    padding: var(--sz-space-3) var(--sz-space-4);
    text-decoration: none;
}
.sz-notifmenu__link:hover {
    background: var(--sz-surface-container-high);
}
.sz-notifmenu__row {
    align-items: baseline;
    display: flex;
    gap: var(--sz-space-2);
}
.sz-notifmenu__dot {
    background: var(--sz-primary-600);
    block-size: 8px;
    border-radius: var(--sz-radius-full);
    flex-shrink: 0;
    inline-size: 8px;
}
.sz-notifmenu__item-title {
    color: var(--sz-on-surface);
    font-weight: 500;
    margin: 0;
}
.sz-notifmenu__item--unread .sz-notifmenu__item-title {
    font-weight: 700;
}
.sz-notifmenu__item--unread .sz-notifmenu__link {
    background: var(--sz-primary-50);
}
.sz-notifmenu__item--unread .sz-notifmenu__link:hover {
    background: var(--sz-primary-100);
}
.sz-notifmenu__body {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    margin: var(--sz-space-1) 0 0;
}
.sz-notifmenu__time {
    color: var(--sz-gray-700);
    font-size: var(--sz-font-size-xs);
    margin-inline-start: auto;
    white-space: nowrap;
}
.sz-notifmenu__foot {
    border-block-start: 1px solid var(--sz-outline-variant);
    padding: var(--sz-space-2);
}
.sz-notifmenu__panel :is(a, button):focus-visible {
    outline: var(--sz-focus-ring);
    outline-offset: -3px;
}
@media (max-width: 767px) {
    .sz-notifmenu__panel {
        inline-size: auto;
        inset-block-start: calc(var(--sz-topbar-height) + var(--sz-space-2));
        inset-inline: var(--sz-space-3);
        position: fixed;
    }
}
@media (max-width: 1200px) {
    .sz-topbar {
        padding-inline: var(--sz-space-4);
    }
}
.sz-shell--user .sz-shell__body {
    display: block;
    padding-block-start: var(--sz-header-user);
}
.sz-shell--user .sz-shell__main {
    margin-inline-start: var(--sz-sidebar-width);
    padding: var(--sz-space-6);
}
@media (max-width: 1200px) {
    .sz-shell--user .sz-shell__main {
        margin-inline-start: var(--sz-sidebar-tablet);
        padding: var(--sz-space-5);
    }
}
@media (max-width: 767px) {
    .sz-shell--user .sz-shell__body {
        display: flex;
        flex-direction: column;
    }
    .sz-shell--user .sz-shell__main {
        margin-inline-start: 0;
        order: 1;
        padding: var(--sz-space-4);
    }
    .sz-topbar {
        gap: var(--sz-space-2);
        padding-inline: var(--sz-space-3);
    }
    .sz-topbar__brand {
        display: none;
    }
    .sz-topbar__end {
        flex-shrink: 0;
    }
}
.sz-navdrawer,
.sz-navdrawer__scrim,
.sz-navdrawer__state,
.sz-navdrawer__toggle {
    display: none;
}
@media (max-width: 1200px) {
    .sz-topbar__nav,
    .sz-topbar__search,
    .sz-topbar__end .sz-culture-switcher {
        display: none;
    }
    .sz-navdrawer__state {
        display: block;
    }
    .sz-navdrawer__toggle {
        display: inline-flex;
    }
    .sz-navdrawer {
        -webkit-backdrop-filter: blur(18px) saturate(1.4);
        backdrop-filter: blur(18px) saturate(1.4);
        background: rgb(255 255 255 / 82%);
        border-inline-end: 1px solid var(--sz-glass-edge);
        box-shadow: var(--sz-shadow-lg);
        display: flex;
        flex-direction: column;
        gap: var(--sz-space-2);
        inline-size: min(320px, 86vw);
        inset-block: 0;
        left: 0;
        overflow-y: auto;
        padding: var(--sz-space-5);
        position: fixed;
        transform: translateX(-100%);
        transition: transform 0.28s ease, visibility 0.28s;
        visibility: hidden;
        z-index: 60;
    }
    .sz-navdrawer__state:checked ~ .sz-navdrawer {
        transform: none;
        visibility: visible;
    }
    .sz-navdrawer__scrim {
        background: rgb(0 0 0 / 45%);
        display: block;
        inset: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        transition: opacity 0.28s;
        z-index: 59;
    }
    .sz-navdrawer__state:checked ~ .sz-navdrawer__scrim {
        opacity: 1;
        pointer-events: auto;
    }
    .sz-navdrawer__close {
        align-self: flex-end;
        color: var(--sz-on-surface);
    }
    .sz-navdrawer__title {
        color: var(--sz-on-surface-variant);
        font-size: var(--sz-font-size-xs);
        font-weight: 700;
        margin: var(--sz-space-4) 0 var(--sz-space-1);
    }
    .sz-navdrawer__list {
        display: flex;
        flex-direction: column;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .sz-navdrawer__link {
        align-items: center;
        color: var(--sz-on-surface);
        display: flex;
        gap: var(--sz-space-2);
        min-block-size: 44px;
        padding-inline: var(--sz-space-2);
        text-decoration: none;
    }
    .sz-navdrawer__link:hover {
        background: var(--sz-surface-container);
    }
    .sz-navdrawer__link.is-active {
        color: var(--sz-page-brand);
        font-weight: 700;
    }
    .sz-navdrawer :is(a, label, input):focus-visible {
        outline: var(--sz-focus-ring);
        outline-offset: -3px;
    }
    .sz-navdrawer__culture {
        margin-block-start: var(--sz-space-5);
    }
}
@media (prefers-reduced-motion: reduce) {
    .sz-navdrawer,
    .sz-navdrawer__scrim {
        transition: none;
    }
}
.sz-home {
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.sz-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    align-items: center;
    gap: var(--sz-space-6);
    background:
        radial-gradient(120% 140% at 85% 0%, var(--sz-hero-wash-end) 0%, transparent 60%),
        var(--sz-hero-wash-start);
    border: 1px solid var(--sz-glass-edge);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-lg);
    overflow: hidden;
    padding: var(--sz-space-5) 40px;
    position: relative;
}
@media (max-width: 1200px) {
    .sz-hero {
        grid-template-columns: 1fr;
        padding: var(--sz-space-8) var(--sz-space-6);
    }
}
.sz-hero__pool {
    border-radius: var(--sz-radius-full);
    filter: blur(60px);
    position: absolute;
}
.sz-hero__pool--cyan {
    background: color-mix(in srgb, var(--sz-primary-400) 40%, transparent);
    block-size: 30rem;
    inline-size: 30rem;
    inset-block-start: -8rem;
    inset-inline-end: -6rem;
    animation: sz-hero-drift-a 19s ease-in-out infinite alternate;
}
.sz-hero__pool--violet {
    background: color-mix(in srgb, var(--sz-secondary-indigo) 16%, transparent);
    block-size: 24rem;
    inline-size: 24rem;
    inset-block-end: -7rem;
    inset-inline-start: 12%;
    animation: sz-hero-drift-b 27s ease-in-out infinite alternate;
}
@keyframes sz-hero-drift-a {
    to { transform: translate3d(-4rem, 3rem, 0) scale(1.15); }
}
@keyframes sz-hero-drift-b {
    to { transform: translate3d(5rem, -2.5rem, 0) scale(0.9); }
}
.sz-hero__grid {
    background-image:
        linear-gradient(to left, var(--sz-glass-edge) 1px, transparent 1px),
        linear-gradient(to bottom, var(--sz-glass-edge) 1px, transparent 1px);
    background-size: 72px 72px;
    inset: 0;
    mask-image: radial-gradient(80% 60% at 60% 40%, rgb(0 0 0 / 100%) 0%, transparent 75%);
    opacity: 0.5;
    position: absolute;
}
.sz-hero__copy {
    position: relative;
    z-index: 2;
}
.sz-hero__kicker {
    align-items: center;
    background: var(--sz-fill-soft);
    border: 1px solid var(--sz-glass-edge-lit);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-soft);
    display: inline-flex;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    gap: var(--sz-space-2);
    letter-spacing: 0.05em;
    line-height: 1;
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sz-hero__kicker::before {
    animation: sz-pulse 2.4s ease-in-out infinite;
    background: var(--sz-primary-600);
    block-size: 6px;
    border-radius: var(--sz-radius-full);
    box-shadow: var(--sz-glow-primary);
    content: "";
    inline-size: 6px;
}
@keyframes sz-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.45; transform: scale(0.75); }
}
.sz-hero__title {
    color: var(--sz-on-surface);
    font-family: var(--sz-font-hero);
    font-size: clamp(23px, 2.3vw, 32px);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
    margin: 0 0 var(--sz-space-3);
    max-inline-size: 13ch;
}
.sz-hero__title em {
    background: linear-gradient(to left, var(--sz-primary-700), var(--sz-secondary-indigo));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-style: normal;
}
.sz-hero__text {
    color: var(--sz-on-surface-variant);
    font-size: 15px;
    line-height: 1.55;
    margin: 0 0 var(--sz-space-4);
    max-inline-size: 34ch;
}
.sz-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
}
.sz-hero__stats {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-5);
    margin: var(--sz-space-4) 0 0;
}
.sz-hero__stat {
    border-inline-start: 2px solid var(--sz-primary-300);
    padding-inline-start: var(--sz-space-4);
}
.sz-hero__stat dt {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    margin-block-start: 2px;
}
.sz-hero__stat dd {
    color: var(--sz-on-surface);
    font-variant-numeric: tabular-nums;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}
.sz-nextup {
    align-items: center;
    background: linear-gradient(to left, var(--sz-hero-wash-end), var(--sz-hero-wash-start));
    border: 1px solid var(--sz-glass-edge);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-lg);
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: minmax(0, 1fr) auto auto;
    margin-block-start: -32px;
    overflow: hidden;
    padding: var(--sz-space-2) 40px;
    position: relative;
}
@media (max-width: 1200px) {
    .sz-nextup {
        gap: var(--sz-space-2);
        grid-template-columns: 1fr;
        justify-items: start;
        padding: var(--sz-space-3) var(--sz-space-6);
    }
}
.sz-nextup::before {
    background: color-mix(in srgb, var(--sz-secondary-indigo) 14%, transparent);
    block-size: 16rem;
    border-radius: var(--sz-radius-full);
    content: "";
    filter: blur(52px);
    inline-size: 16rem;
    inset-block-start: -7rem;
    inset-inline-start: 22%;
    position: absolute;
}
@media (prefers-reduced-motion: no-preference) {
    .sz-nextup::before {
        animation: sz-nextup-drift 23s ease-in-out infinite alternate;
    }
}
@keyframes sz-nextup-drift {
    to { transform: translate3d(-6rem, 2rem, 0) scale(1.2); }
}
.sz-nextup::after {
    background: linear-gradient(to bottom, var(--sz-primary-300), var(--sz-secondary-indigo));
    content: "";
    inline-size: 3px;
    inset-block: 0;
    inset-inline-start: 0;
    position: absolute;
}
.sz-nextup__copy,
.sz-nextup__clock,
.sz-nextup__switch {
    position: relative;
    z-index: 1;
}
.sz-nextup__copy {
    align-items: center;
    column-gap: var(--sz-space-3);
    display: flex;
    flex-wrap: wrap;
    min-inline-size: 0;
    row-gap: 2px;
}
.sz-nextup__meta {
    flex-basis: 100%;
}
.sz-nextup__kicker {
    align-items: center;
    background: var(--sz-fill-soft);
    border: 1px solid var(--sz-glass-edge-lit);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-soft);
    display: inline-flex;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    gap: var(--sz-space-2);
    letter-spacing: 0.05em;
    margin-block-end: var(--sz-space-2);
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sz-nextup__kicker::before {
    animation: sz-pulse 2.4s ease-in-out infinite;
    background: var(--sz-primary-600);
    block-size: 6px;
    border-radius: var(--sz-radius-full);
    content: "";
    inline-size: 6px;
}
.sz-nextup__title {
    font-family: var(--sz-font-hero);
    font-size: clamp(17px, 1.5vw, 21px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}
.sz-nextup__title a {
    color: var(--sz-on-surface);
    text-decoration: none;
}
.sz-nextup__title a:hover {
    text-decoration: underline;
}
.sz-nextup__meta {
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--sz-font-size-xs);
    gap: var(--sz-space-3);
    margin: 0;
}
.sz-nextup__clock {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-nextup__unit {
    background: var(--sz-fill-soft);
    border: 1px solid var(--sz-glass-edge-lit);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-soft);
    display: grid;
    gap: 0;
    font-size: var(--sz-font-size-xs);
    justify-items: center;
    line-height: 1.25;
    min-inline-size: 52px;
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sz-nextup__unit b {
    font-variant-numeric: tabular-nums;
    font-size: 16px;
    line-height: 1.15;
}
.sz-nextup__live {
    align-items: center;
    background: var(--sz-fill-bright);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-bright);
    display: inline-flex;
    font-weight: 700;
    padding: var(--sz-space-2) var(--sz-space-4);
}
.sz-nextup__switch {
    align-items: center;
    display: flex;
    gap: var(--sz-space-3);
}
.sz-nextup__pause {
    background: none;
    border: 1px solid var(--sz-glass-edge);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-surface-variant);
    cursor: pointer;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    min-block-size: var(--sz-touch-min);
    padding-inline: var(--sz-space-3);
}
.sz-nextup__dots {
    align-items: center;
    display: inline-flex;
    gap: var(--sz-space-1);
}
.sz-nextup__dot {
    background: none;
    block-size: 24px;
    border: 0;
    cursor: pointer;
    display: grid;
    inline-size: 24px;
    padding: 0;
    place-items: center;
}
.sz-nextup__dot::after {
    block-size: 8px;
    border: 1px solid var(--sz-glass-edge-lit);
    border-radius: var(--sz-radius-full);
    content: "";
    inline-size: 8px;
}
.sz-nextup__dot.is-current::after {
    background: var(--sz-primary-300);
    border-color: var(--sz-primary-300);
}
@media (max-width: 767px) {
    .sz-hero {
        gap: var(--sz-space-3);
        padding: var(--sz-space-4);
    }
    .sz-hero__title {
        font-size: 20px;
        margin-block-end: var(--sz-space-2);
        max-inline-size: none;
    }
    .sz-hero__text {
        font-size: var(--sz-font-size-sm);
        margin-block-end: var(--sz-space-3);
    }
    .sz-hero__actions {
        gap: var(--sz-space-2);
    }
    .sz-hero__actions .sz-btn-hero {
        flex: 1 1 0;
        justify-content: center;
        min-inline-size: 0;
        padding-inline: var(--sz-space-3);
    }
    .sz-hero__stats {
        display: grid;
        gap: var(--sz-space-2);
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-block-start: var(--sz-space-3);
    }
    .sz-hero__stat dd {
        font-size: 18px;
    }
    .sz-hero__stat dt {
        font-size: var(--sz-font-size-xs);
    }
    .sz-nextup {
        gap: var(--sz-space-2) var(--sz-space-3);
        grid-template-columns: minmax(0, 1fr) auto;
        padding: var(--sz-space-3) var(--sz-space-4);
    }
    .sz-nextup__switch {
        grid-column: 1 / -1;
    }
    .sz-nextup__kicker {
        display: none;
    }
    .sz-nextup__title {
        font-size: var(--sz-font-size-base);
    }
    .sz-nextup__unit {
        min-inline-size: 44px;
        padding: var(--sz-space-1) var(--sz-space-2);
    }
    .sz-nextup__unit b {
        font-size: 16px;
    }
    @media (max-width: 429px) {
        .sz-nextup {
            grid-template-columns: minmax(0, 1fr);
        }
    }
    .sz-hero {
        padding: var(--sz-space-3) var(--sz-space-4);
    }
    .sz-hero__kicker,
    .sz-hero__text,
    .sz-hero__stats {
        display: none;
    }
    .sz-hero__title {
        font-size: var(--sz-font-size-lg);
        margin-block: 0 var(--sz-space-2);
    }
    .sz-hero__actions {
        flex-wrap: nowrap;
        gap: var(--sz-space-2);
    }
    .sz-hero__actions > * {
        flex: 1 1 0;
        min-inline-size: 0;
    }
    .sz-hero__actions .sz-btn {
        font-size: var(--sz-font-size-sm);
        min-block-size: var(--sz-touch-min);
        padding-block: 0;
        padding-inline: var(--sz-space-3);
    }
    .sz-hero__shard {
        display: none;
    }
}
.sz-hero__field {
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}
.sz-hero__shard {
    position: relative;
    z-index: 1;
}
@media (max-width: 1200px) {
    .sz-hero__pane--photo {
        display: none;
    }
}
.sz-hero__pane {
    border: 1px solid var(--sz-glass-edge);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-lg);
    overflow: hidden;
    position: relative;
}
.sz-hero__pane--photo {
    aspect-ratio: 16 / 9;
    max-block-size: 216px;
    box-shadow: var(--sz-shadow-lg), var(--sz-glow-violet);
    transform: rotate(-3deg);
}
.sz-hero__image {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
    filter: saturate(0.82) brightness(1.02) hue-rotate(-6deg);
}
.sz-hero__pane--photo::after {
    animation: sz-sweep 9s ease-in-out infinite;
    background: linear-gradient(
        105deg,
        transparent 35%,
        var(--sz-glass-sheen) 47%,
        color-mix(in srgb, var(--sz-glass-edge-lit) 60%, transparent) 50%,
        var(--sz-glass-sheen) 53%,
        transparent 65%);
    content: "";
    inset: 0;
    position: absolute;
}
@keyframes sz-sweep {
    0%, 62% { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
}
.sz-showcase {
    --sz-slide-count: 1;
    --sz-slide-step: 6s;
    --sz-slide-cycle: 6s;
    position: relative;
}
.sz-showcase--2 { --sz-slide-count: 2; --sz-slide-cycle: 12s; }
.sz-showcase--3 { --sz-slide-count: 3; --sz-slide-cycle: 18s; }
.sz-showcase--4 { --sz-slide-count: 4; --sz-slide-cycle: 24s; }
.sz-showcase--5 { --sz-slide-count: 5; --sz-slide-cycle: 30s; }
.sz-showcase--6 { --sz-slide-count: 6; --sz-slide-cycle: 36s; }
.sz-showcase--7 { --sz-slide-count: 7; --sz-slide-cycle: 42s; }
.sz-showcase--8 { --sz-slide-count: 8; --sz-slide-cycle: 48s; }
.sz-showcase--9 { --sz-slide-count: 9; --sz-slide-cycle: 54s; }
.sz-showcase--10 { --sz-slide-count: 10; --sz-slide-cycle: 60s; }
.sz-showcase--11 { --sz-slide-count: 11; --sz-slide-cycle: 66s; }
.sz-showcase--12 { --sz-slide-count: 12; --sz-slide-cycle: 72s; }
.sz-showcase__stage {
    animation: sz-showcase-dip var(--sz-slide-step) ease-in-out infinite;
    aspect-ratio: 16 / 9;
    box-shadow: var(--sz-shadow-lg), var(--sz-glow-violet);
    max-block-size: 216px;
    transform: rotate(-3deg);
}
.sz-showcase__reel {
    animation: sz-showcase-advance var(--sz-slide-cycle) steps(var(--sz-slide-count), end) infinite;
    block-size: calc(var(--sz-slide-count) * 100%);
    display: flex;
    flex-direction: column;
}
.sz-showcase__reel > * {
    block-size: calc(100% / var(--sz-slide-count));
    flex: none;
    margin: 0;
}
@keyframes sz-showcase-advance {
    to {
        transform: translateY(-100%);
    }
}
.sz-showcase__frame {
    overflow: hidden;
}
.sz-showcase__image {
    block-size: 100%;
    filter: saturate(0.82) brightness(1.02) hue-rotate(-6deg);
    inline-size: 100%;
    object-fit: cover;
}
@keyframes sz-showcase-dip {
    0% { opacity: 0.35; }
    8% { opacity: 1; }
    92% { opacity: 1; }
    100% { opacity: 0.35; }
}
.sz-showcase__card {
    inline-size: 17rem;
    inset-block-end: calc(var(--sz-space-6) * -1);
    inset-inline-start: calc(var(--sz-space-8) * -1);
    max-inline-size: 17rem;
    block-size: 9rem;
    perspective: 1200px;
    position: absolute;
}
.sz-showcase__turner {
    animation: sz-showcase-turn var(--sz-slide-step) ease-in-out infinite;
    block-size: 100%;
    overflow: hidden;
    transform-origin: center left;
    transform-style: preserve-3d;
}
@keyframes sz-showcase-turn {
    0% { transform: rotate(2deg) rotateY(-88deg); }
    8% { transform: rotate(2deg) rotateY(0deg); }
    92% { transform: rotate(2deg) rotateY(0deg); }
    100% { transform: rotate(2deg) rotateY(88deg); }
}
.sz-showcase .sz-showcase__face {
    backdrop-filter: blur(var(--sz-glass-blur));
    background: var(--sz-glass-fill);
    box-shadow: var(--sz-shadow-md), var(--sz-glow-inset);
    inset: auto;
    max-inline-size: none;
    overflow: hidden;
    padding: var(--sz-space-5);
    position: relative;
    transform: none;
}
.sz-showcase__link {
    color: inherit;
    display: block;
    text-decoration: none;
}
.sz-showcase__title {
    font-weight: 700;
    margin: 0;
}
.sz-showcase__details {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-showcase__price {
    font-family: var(--sz-font-hero);
    font-weight: 700;
    margin: 0;
}
.sz-showcase[data-slide-count="1"] .sz-showcase__reel,
.sz-showcase[data-slide-count="1"] .sz-showcase__turner,
.sz-showcase[data-slide-count="1"] .sz-showcase__stage {
    animation: none;
}
@media (prefers-reduced-motion: reduce) {
    .sz-showcase__reel,
    .sz-showcase__turner,
    .sz-showcase__stage {
        animation: none;
    }
}
@media (max-width: 1200px) {
    .sz-showcase .sz-showcase__stage {
        display: block;
    }
    .sz-showcase__stage {
        max-block-size: 220px;
        transform: none;
    }
    .sz-showcase__card {
        block-size: 8rem;
        inline-size: 100%;
        inset: auto;
        margin-block-start: var(--sz-space-4);
        max-inline-size: none;
        position: relative;
    }
    @keyframes sz-showcase-turn {
        0% { transform: rotateY(-88deg); }
        8% { transform: rotateY(0deg); }
        92% { transform: rotateY(0deg); }
        100% { transform: rotateY(88deg); }
    }
}
@media (max-width: 767px) {
    .sz-hero .sz-hero__shard--showcase {
        display: block;
    }
    .sz-showcase .sz-showcase__face {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sz-showcase__link {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sz-hero:has(.sz-hero__shard--showcase) {
        gap: 0;
        padding: 0;
    }
    .sz-hero:has(.sz-hero__shard--showcase) .sz-hero__copy {
        display: none;
    }
    .sz-showcase {
        position: relative;
    }
    .sz-showcase__stage {
        aspect-ratio: auto;
        block-size: 190px;
        inline-size: 100%;
        max-block-size: 190px;
        border: none;
        clip-path: none;
        box-shadow: none;
    }
    .sz-showcase__card {
        block-size: 72px;
        inline-size: clamp(150px, 48%, 200px);
        inset-block-end: var(--sz-space-3);
        inset-inline-end: var(--sz-space-3);
        inset-inline-start: auto;
        margin-block-start: 0;
        position: absolute;
        z-index: 1;
    }
    .sz-showcase__turner {
        transform-origin: center right;
    }
    .sz-showcase .sz-showcase__face {
        clip-path: var(--sz-cut-shape-sm);
    }
    .sz-showcase .sz-showcase__face {
        backdrop-filter: blur(12px) saturate(1.3);
        background: color-mix(in srgb, var(--sz-white) 55%, transparent);
        border-color: color-mix(in srgb, var(--sz-white) 70%, transparent);
        padding: var(--sz-space-2) var(--sz-space-3);
    }
    .sz-showcase .sz-showcase__title,
    .sz-showcase .sz-showcase__price {
        font-size: var(--sz-font-size-sm);
        line-height: 1.35;
        margin: 0;
    }
    .sz-showcase .sz-showcase__title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .sz-showcase__details {
        display: none;
    }
    .sz-showcase .sz-hero__pane-label {
        display: none;
    }
}
.sz-hero__pane--glass {
    backdrop-filter: blur(var(--sz-glass-blur));
    background: var(--sz-glass-fill);
    box-shadow: var(--sz-shadow-md), var(--sz-glow-inset);
    inset-block-end: calc(var(--sz-space-6) * -1);
    inset-inline-start: calc(var(--sz-space-8) * -1);
    max-inline-size: 17rem;
    padding: var(--sz-space-5);
    position: absolute;
    transform: rotate(2deg);
}
@media (max-width: 1200px) {
    .sz-hero__pane--glass {
        inset: auto;
        max-inline-size: none;
        position: static;
        transform: none;
    }
}
@media (max-width: 767px) {
    .sz-hero__pane--glass {
        display: none;
    }
}
.sz-hero__pane--glass p {
    color: var(--sz-on-surface);
    font-size: 14px;
    line-height: 1.6;
    margin: var(--sz-space-2) 0 0;
}
.sz-hero__pane-label {
    color: var(--sz-primary-700);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
}
.sz-btn-hero {
    align-items: center;
    border-radius: 0;
    display: inline-flex;
    font-weight: 700;
    gap: var(--sz-space-2);
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-3) var(--sz-space-8);
    transition: box-shadow 0.3s, background-color 0.3s, transform 0.2s;
}
.sz-btn-hero:active {
    transform: scale(0.98);
}
.sz-btn-hero--primary {
    background: linear-gradient(to left, var(--sz-fill-deep), var(--sz-fill-deep-2));
    border: 2px solid var(--sz-primary-700);
    color: var(--sz-on-fill-deep);
}
.sz-btn-hero--primary:hover {
    box-shadow: var(--sz-shadow-lg);
}
.sz-btn-hero--ghost {
    border: 2px solid var(--sz-primary-500);
    color: var(--sz-on-surface);
}
.sz-btn-hero--ghost:hover {
    background: color-mix(in srgb, var(--sz-primary-500) 12%, transparent);
}
.sz-section__head {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
    justify-content: space-between;
    margin-block-end: var(--sz-space-8);
}
.sz-section__title {
    font-family: var(--sz-font-hero);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
.sz-section__subtitle {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-rateprompt {
    background: var(--sz-surface-container-lowest);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
    padding: var(--sz-space-6);
}
.sz-rateprompt__head {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
}
.sz-rateprompt__head .sz-section__title {
    font-size: 24px;
}
.sz-rateprompt__done {
    align-items: center;
    color: var(--sz-success-800);
    display: flex;
    font-weight: 700;
    gap: var(--sz-space-2);
    margin: 0;
}
.sz-section__more {
    align-items: center;
    color: var(--sz-primary-600);
    display: inline-flex;
    font-weight: 700;
    gap: var(--sz-space-2);
}
.sz-section__more:hover {
    text-decoration: underline;
}
.sz-card-grid,
.sz-dir-grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 1200px) {
    .sz-card-grid,
    .sz-dir-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 767px) {
    .sz-card-grid,
    .sz-dir-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-card-grid > .sz-listing-card {
        min-block-size: 0;
    }
    .sz-card-grid .sz-listing-card__media {
        aspect-ratio: 16 / 9;
        block-size: auto;
    }
    .sz-card-grid .sz-listing-card__body {
        padding: var(--sz-space-2) var(--sz-space-3);
    }
    .sz-card-grid .sz-listing-card__heading {
        margin-block-end: 0;
    }
    .sz-card-grid .sz-listing-card__body .sz-card-actions {
        padding-block-start: var(--sz-space-2);
    }
}
.sz-listing-card {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-block-size: var(--sz-card-block);
    transition: border-color 0.3s, filter 0.3s;
}
.sz-listing-card > .sz-listing-card__body,
.sz-listing-card > .sz-card-link {
    flex: 1;
}
.sz-listing-card:hover,
.sz-listing-card:focus-within,
.sz-search-card:hover,
.sz-search-card:focus-within {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-600);
}
.sz-listing-card__media {
    block-size: 129px;
    display: block;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
}
.sz-listing-card__media--empty {
    background: var(--sz-surface-container-high);
}
.sz-listing-card__image {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.sz-listing-card:hover .sz-listing-card__image {
    transform: scale(1.05);
}
.sz-listing-card__price {
    background: var(--sz-fill-amber);
    border-radius: var(--sz-radius-3);
    box-shadow: var(--sz-shadow-md);
    color: var(--sz-on-fill-amber);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: var(--sz-font-size-sm);
    inset-block-start: var(--sz-space-3);
    inset-inline-end: var(--sz-space-3);
    padding: var(--sz-space-1) var(--sz-space-3);
    position: absolute;
}
.sz-listing-card__chips {
    display: flex;
    gap: var(--sz-space-2);
    inset-block-end: var(--sz-space-4);
    inset-inline-start: var(--sz-space-4);
    position: absolute;
}
.sz-chip {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: var(--sz-inverse-surface);
    color: var(--sz-on-fill-bright);
    border: 1px solid var(--sz-outline-variant);
    border-radius: var(--sz-radius-1);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sz-listing-card__body {
    display: flex;
    flex-direction: column;
    padding: var(--sz-space-4);
}
.sz-listing-card__heading {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
    margin-block-end: var(--sz-space-2);
}
.sz-listing-card__title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
}
.sz-status {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    gap: var(--sz-space-1);
}
.sz-status__dot {
    background: var(--sz-status-dot);
    block-size: 8px;
    border-radius: var(--sz-radius-full);
    box-shadow: 0 0 8px var(--sz-status-dot);
    display: inline-block;
    inline-size: 8px;
}
.sz-status--available {
    --sz-status-dot: var(--sz-status-available);
    color: var(--sz-status-available-text);
}
.sz-status--pending {
    --sz-status-dot: var(--sz-secondary-indigo);
    color: var(--sz-secondary-indigo);
}
.sz-card-actions {
    align-items: center;
    background: var(--sz-primary-50);
    border-block-start: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2) var(--sz-space-3);
    justify-content: space-between;
    margin-block-start: auto;
    padding: var(--sz-space-2) var(--sz-space-4);
}
.sz-listing-card__body .sz-card-actions {
    background: none;
    border-block-start: 0;
    margin-block-start: auto;
    padding: var(--sz-space-3) 0 0;
}
.sz-search-card__body .sz-card-actions {
    margin-block-end: calc(-1 * var(--sz-space-5));
    margin-inline: calc(-1 * var(--sz-space-5));
}
.sz-card-actions__link {
    align-items: center;
    color: var(--sz-primary-700);
    display: inline-flex;
    flex: 1;
    font-weight: 700;
    gap: var(--sz-space-2);
    min-block-size: var(--sz-touch-min);
    min-inline-size: 0;
}
.sz-card-actions__link:hover,
.sz-card-actions__link:focus-visible {
    text-decoration: underline;
}
.sz-card-actions__link .sz-icon {
    block-size: 18px;
    flex-shrink: 0;
    inline-size: 18px;
}
.sz-listing-card__meta {
    color: var(--sz-on-surface-variant);
    display: flex;
    font-weight: 700;
    gap: var(--sz-space-4);
}
.sz-meta {
    align-items: center;
    display: inline-flex;
    font-size: var(--sz-font-size-xs);
    gap: var(--sz-space-1);
}
.sz-meta .sz-icon {
    block-size: 16px;
    inline-size: 16px
}
.sz-fav-btn {
    align-items: center;
    block-size: var(--sz-touch-min);
    border: 1px solid var(--sz-outline-variant);
    border-radius: 0;
    color: var(--sz-on-surface-variant);
    display: inline-flex;
    inline-size: var(--sz-touch-min);
    justify-content: center;
    transition: border-color 0.2s, background-color 0.2s, color 0.2s;
}
.sz-fav-btn:hover {
    background: color-mix(in srgb, var(--sz-error) 5%, transparent);
    border-color: var(--sz-error);
    color: var(--sz-error);
}
.sz-fav-btn.is-on {
    border-color: var(--sz-error);
    color: var(--sz-error);
}
.sz-fav-btn[disabled] {
    cursor: default;
    opacity: 0.6;
}
.sz-svchub {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-10);
}
.sz-svchub-hero {
    background: linear-gradient(135deg, var(--sz-fill-deep) 0%, var(--sz-fill-deep-2) 55%, var(--sz-fill-deep-3) 100%);
    border: 1px solid var(--sz-primary-700);
    color: var(--sz-on-fill-deep);
    overflow: hidden;
    padding: 56px var(--sz-space-10);
    position: relative;
}
.sz-svchub-hero::before,
.sz-svchub-hero::after {
    border-radius: var(--sz-radius-full);
    content: "";
    filter: blur(64px);
    position: absolute;
}
.sz-svchub-hero::before {
    background: color-mix(in srgb, var(--sz-primary-400) 45%, transparent);
    block-size: 288px;
    inline-size: 288px;
    inset-block-start: -96px;
    inset-inline-end: -96px;
}
.sz-svchub-hero::after {
    background: color-mix(in srgb, var(--sz-secondary-indigo) 22%, transparent);
    block-size: 224px;
    inline-size: 224px;
    inset-block-end: -80px;
    inset-inline-start: 20%;
}
.sz-svchub-hero__backdrop {
    inset: 0;
    position: absolute;
}
.sz-svchub-hero__backdrop img {
    block-size: 100%;
    display: block;
    inline-size: 100%;
    object-fit: cover;
    opacity: 0.3;
}
.sz-svchub-hero__inner {
    align-items: center;
    display: flex;
    gap: var(--sz-space-8);
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.sz-svchub-hero__title {
    font-family: var(--sz-font-hero);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 var(--sz-space-4);
}
.sz-svchub-hero__title:focus-visible {
    outline: 3px solid var(--sz-on-fill-deep);
    outline-offset: 6px;
}
.sz-svchub-hero__text {
    color: var(--sz-on-fill-deep);
    font-size: 18px;
    opacity: 0.92;
    line-height: 1.6;
    margin: 0 0 var(--sz-space-6);
    max-inline-size: 36rem;
}
.sz-svchub-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
}
.sz-btn-hero--outline {
    background: transparent;
    border: 2px solid var(--sz-primary-600);
    color: var(--sz-primary-600);
}
.sz-btn-hero--outline:hover {
    background: color-mix(in srgb, var(--sz-primary-500) 8%, transparent);
}
.sz-svchub-hero .sz-btn-hero--primary {
    background: var(--sz-white);
    border-color: var(--sz-primary-700);
    color: var(--sz-primary-700);
}
.sz-svchub-hero .sz-btn-hero--primary:hover {
    box-shadow: 0 10px 24px color-mix(in srgb, var(--sz-gray-900) 25%, transparent);
    transform: translateY(-2px);
}
.sz-svchub-hero .sz-btn-hero--outline {
    border-color: color-mix(in srgb, var(--sz-on-fill-deep) 70%, transparent);
    color: var(--sz-on-fill-deep);
}
.sz-svchub-hero .sz-btn-hero--outline:hover {
    background: rgb(0 0 0 / 10%);
}
@media (max-width: 1200px) {
    .sz-svchub-hero {
        padding: var(--sz-space-8) var(--sz-space-6);
    }
    .sz-svchub-hero__title {
        font-size: 32px;
    }
}
.sz-svchub-group + .sz-svchub-group {
    margin-block-start: var(--sz-space-8);
}
.sz-svchub-group__title {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    font-size: var(--sz-font-size-base);
    font-weight: 700;
    gap: var(--sz-space-3);
    margin: 0 0 var(--sz-space-4);
}
.sz-svchub-group__title::before {
    background: linear-gradient(to left, var(--sz-primary-500), var(--sz-primary-700));
    block-size: 4px;
    content: "";
    inline-size: 24px;
}
.sz-svchub-grid {
    display: grid;
    gap: var(--sz-space-6);
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 1200px) {
    .sz-svchub-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-svchub-card {
    align-items: center;
    background: var(--sz-white);
    block-size: 100%;
    border: 1px solid var(--sz-outline-variant);
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
    justify-content: center;
    min-block-size: 176px;
    padding: var(--sz-space-6) var(--sz-space-4);
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: border-color 0.2s ease, filter 0.25s ease, transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.sz-svchub-card::after {
    background: linear-gradient(135deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    block-size: 48px;
    bottom: 0;
    clip-path: var(--sz-svchub-wedge);
    content: "";
    inline-size: 48px;
    inset-inline-start: 0;
    opacity: 0;
    position: absolute;
    transform: var(--sz-svchub-wedge-shift);
    transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.sz-svchub-card:hover,
.sz-svchub-card:focus-visible {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-600);
    filter: drop-shadow(0 8px 16px color-mix(in srgb, var(--sz-primary-600) 16%, transparent));
}
.sz-svchub-card:active {
    transform: scale(0.98);
}
.sz-svchub-card:hover::after,
.sz-svchub-card:focus-visible::after {
    opacity: 1;
    transform: translate(0, 0);
}
.sz-svchub-card__icon {
    align-items: center;
    background: linear-gradient(135deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    block-size: 64px;
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-deep);
    display: flex;
    inline-size: 64px;
    justify-content: center;
    transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.sz-svchub-group + .sz-svchub-group .sz-svchub-card__icon {
    background: var(--sz-primary-50);
    color: var(--sz-primary-700);
}
.sz-svchub-card__icon .sz-icon {
    block-size: 32px;
    inline-size: 32px
}
.sz-svchub-card:hover .sz-svchub-card__icon,
.sz-svchub-card:focus-visible .sz-svchub-card__icon {
    transform: scale(1.08);
}
.sz-svchub-card__label {
    font-weight: 700;
    overflow-wrap: anywhere;
}
.sz-svchub-stats {
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-svchub-stats {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-svchub-stat {
    align-items: center;
    background: linear-gradient(135deg, var(--sz-white), var(--sz-primary-50));
    border: 1px solid var(--sz-primary-100);
    clip-path: var(--sz-cut-shape-lg);
    color: var(--sz-on-fill-deep);
    display: flex;
    gap: var(--sz-space-6);
    padding: var(--sz-space-6);
}
.sz-svchub-stat .sz-icon {
    background: linear-gradient(135deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    block-size: 64px;
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-deep);
    display: grid;
    flex-shrink: 0;
    inline-size: 64px;
    place-items: center;
}
.sz-svchub-stat__value {
    background: linear-gradient(135deg, var(--sz-primary-500), var(--sz-primary-800));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: block;
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 36px);
    font-weight: 700;
    line-height: 1.1;
    margin-block-end: var(--sz-space-1);
}
.sz-svchub-stat__label {
    font-family: var(--sz-font-hero);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
@media (prefers-reduced-motion: no-preference) {
    .sz-svchub-hero::before {
        animation: sz-svchub-drift 16s ease-in-out infinite alternate;
    }
    .sz-svchub-hero::after {
        animation: sz-svchub-drift 12s ease-in-out infinite alternate-reverse;
    }
}
@keyframes sz-svchub-drift {
    to {
        transform: translate3d(-24px, 20px, 0);
    }
}
.sz-dir {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-8);
}
.sz-dir__crumbs {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin: 0;
}
.sz-dir__crumbs a {
    color: inherit;
    text-decoration: none;
}
.sz-dir__crumbs a:hover,
.sz-dir__crumbs a:focus-visible {
    color: var(--sz-primary-600);
}
.sz-dir__title {
    color: var(--sz-primary-600);
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 40px);
    margin: 0 0 var(--sz-space-2);
}
.sz-dir__intro {
    color: var(--sz-on-surface-variant);
    margin: 0;
    max-inline-size: 42rem;
}
.sz-dir__head {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-dir__head-main {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-dir__head-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-service-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-service-nav__chip {
    align-items: center;
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    clip-path: var(--sz-cut-shape-sm);
    color: inherit;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    min-block-size: 40px;
    padding: var(--sz-space-2) var(--sz-space-4);
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s cubic-bezier(0.23, 1, 0.32, 1);
}
.sz-service-nav__chip:hover,
.sz-service-nav__chip:focus-visible {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-300);
    color: var(--sz-primary-700);
    transform: translateY(-2px);
}
.sz-service-nav__chip.is-active {
    background: var(--sz-fill-bright);
    border-color: var(--sz-primary-600);
    color: var(--sz-on-fill-bright);
}
.sz-service-nav__chip:focus-visible {
    box-shadow:
        inset 0 0 0 2px var(--sz-white),
        inset 0 0 0 5px var(--sz-primary-900);
    outline: none;
}
.sz-dir-nearest {
    display: grid;
    gap: var(--sz-space-4);
}
.sz-dir-nearest h2,
.sz-dir-nearest__hint {
    margin: 0;
}
.sz-dir-nearest__hint,
.sz-dir-nearest__mode {
    color: var(--sz-on-surface-variant);
}
.sz-dir-nearest__mode {
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
}
.sz-dir-nearest__form {
    align-items: end;
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sz-dir-nearest__list {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-dir-nearest__item {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-dir-nearest__item h3,
.sz-dir-nearest__item p {
    margin: 0;
}
.sz-dir-nearest__item h3 a {
    color: inherit;
    text-decoration: none;
}
.sz-dir-nearest__item h3 a:hover,
.sz-dir-nearest__item h3 a:focus-visible {
    color: var(--sz-primary-600);
}
.sz-dir-nearest__item p {
    color: var(--sz-on-surface-variant);
}
.sz-dir-nearest__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-dir-filter {
    align-items: end;
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
    padding: var(--sz-space-4);
}
.sz-dir-filter__field {
    inline-size: 16rem;
    min-inline-size: 12.5rem;
}
.sz-dir-filter__field--grow {
    flex: 1;
}
.sz-dir-filter .sz-btn .sz-icon {
    block-size: 18px;
    inline-size: 18px
}
.sz-dir-results__head {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
    margin-block-end: var(--sz-space-6);
}
.sz-dir-featured {
    margin-block-end: var(--sz-space-8);
}
.sz-dir-featured__title,
.sz-dir-results__title {
    --sz-dir-rule: var(--sz-primary-600);
    align-items: center;
    display: flex;
    font-family: var(--sz-font-hero);
    font-size: 24px;
    gap: var(--sz-space-3);
    margin: 0;
}
.sz-dir-featured__title {
    margin-block-end: var(--sz-space-4);
}
.sz-dir-featured__title::before,
.sz-dir-results__title::before {
    background: var(--sz-dir-rule);
    block-size: 4px;
    content: "";
    display: inline-block;
    inline-size: 32px;
}
.sz-dir-featured__grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-dir-results__count {
    color: var(--sz-on-surface-variant);
    font-size: 14px;
    margin: 0;
}
@media (max-width: 1200px) {
    .sz-dir-nearest__form,
    .sz-dir-nearest__list,
    .sz-dir-featured__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-mediabox {
    background: var(--sz-surface-container-high);
    display: grid;
    inline-size: 100%;
}
.sz-mediabox > * {
    min-inline-size: 0;
}
.sz-mediabox > img,
.sz-mediabox > .sz-media-fallback {
    block-size: 100%;
    grid-area: 1 / 1;
    inline-size: 100%;
}
.sz-mediabox > img {
    object-fit: cover;
}
.sz-mediabox > .sz-media-fallback {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    justify-content: center;
}
.sz-dir-card {
    background: var(--sz-white);
    min-block-size: var(--sz-card-block);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: border-color .2s ease, transform .2s ease;
}
.sz-dir-card {
    filter: drop-shadow(var(--sz-drop-sm));
}
.sz-dir-card:hover,
.sz-dir-card:focus-within {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-600);
    filter: drop-shadow(var(--sz-drop-md));
}
.sz-dir-card__cover,
.sz-dirdetail__profile-media {
    background: var(--sz-surface-container-high);
}
.sz-dirdetail__profile-media {
    aspect-ratio: 4 / 3;
}
.sz-dir-card__cover {
    flex: 1;
    min-block-size: 0;
}
.sz-dir-card__photo,
.sz-dirdetail__profile-photo {
    block-size: 100%;
    display: block;
    inline-size: 100%;
    object-fit: cover;
}
.sz-dir-card__overlay {
    block-size: 100%;
    grid-area: 1 / 1;
    inline-size: 100%;
}
.sz-dir-card__cover .sz-media-fallback {
    background: var(--sz-fill-deep);
    color: var(--sz-on-fill-deep);
}
.sz-dir-card__cover .sz-media-fallback .sz-icon,
.sz-dirdetail__profile-media .sz-media-fallback .sz-icon {
    block-size: 64px;
    inline-size: 64px
}
.sz-dir-card__overlay {
    background: linear-gradient(to top, rgb(255 255 255 / 94%), rgb(255 255 255 / 78%) 42%, rgb(255 255 255 / 16%));
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
    justify-content: end;
    padding: var(--sz-space-4) var(--sz-space-5);
}
.sz-dir-card__badges {
    margin-block-end: auto;
}
.sz-dir-card__name {
    font-family: var(--sz-font-hero);
    font-size: 18px;
    margin: 0;
    overflow-wrap: anywhere;
}
.sz-dir-card__name a,
.sz-dir-card__loc,
.sz-dir-card__meta {
    color: var(--sz-on-fill-deep);
    text-decoration: none;
}
.sz-dir-card__link::after {
    content: "";
    inset: 0;
    position: absolute;
}
.sz-dir-card__link:focus-visible {
    outline: none;
}
.sz-dir-card__link:focus-visible::after {
    box-shadow:
        inset 0 0 0 2px var(--sz-white),
        inset 0 0 0 5px var(--sz-primary-900);
    outline: none;
}
.sz-dir-card__loc,
.sz-dir-card__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: var(--sz-space-2);
    margin: 0;
}
.sz-dir-card__loc .sz-icon {
    block-size: 13px;
    inline-size: 13px;
}
.sz-dir-card__branches,
.sz-dir-card__distance {
    font-weight: 700;
}
.sz-location-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin: var(--sz-space-3) 0 0;
    position: relative;
}
.sz-location-actions__link {
    display: inline-flex;
    align-items: center;
    gap: var(--sz-space-1);
}
.sz-location-actions--compact {
    display: inline-flex;
    gap: var(--sz-space-2);
    margin: 0;
    margin-inline-start: auto;
}
.sz-location-actions__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    opacity: .85;
    transition: opacity var(--sz-transition-fast);
}
.sz-location-actions__icon:hover,
.sz-location-actions__icon:focus-visible {
    opacity: 1;
}
.sz-dir-locate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sz-space-2);
    margin: var(--sz-space-3) 0;
}
.sz-dir-locate__hint {
    color: var(--sz-on-surface-variant);
}
.sz-locpicker {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-locpicker__head {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
}
.sz-locpicker__title {
    margin: 0;
}
.sz-locpicker__accuracy {
    font-size: var(--sz-font-size-sm);
    font-variant-numeric: tabular-nums;
}
.sz-locpicker__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--sz-space-2);
}
.sz-locpicker__search {
    flex: 1 1 16rem;
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
}
.sz-locpicker__map {
    block-size: 20rem;
    inline-size: 100%;
    border: 1px solid var(--sz-outline-variant);
    background: var(--sz-surface-container);
}
.sz-locpicker__state {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin: 0;
    color: var(--sz-on-surface-variant);
}
.sz-locpicker__coords {
    font-variant-numeric: tabular-nums;
}
.sz-locpicker__submit {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-dir-card__action {
    margin: var(--sz-space-3) 0 0;
    position: relative;
}
.sz-dir-card__action .sz-btn {
    min-inline-size: 7.5rem;
}
@media (max-width: 767px) {
    .sz-dir-card__action .sz-btn {
        inline-size: 100%;
        min-inline-size: 0;
    }
}
.sz-dir-featured__grid .sz-dir-card__cover {
    aspect-ratio: 16 / 9;
}
.sz-dirdetail__profile {
    align-items: start;
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    padding: var(--sz-space-6);
}
@media (max-width: 767px) {
    .sz-dirdetail__profile {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-dirdetail__profile:has(> :only-child) {
    grid-template-columns: minmax(0, 1fr);
}
.sz-dirdetail__profile-media {
    clip-path: var(--sz-cut-shape-sm);
}
.sz-dirdetail__profile-media .sz-media-fallback {
    color: var(--sz-on-surface-variant);
}
.sz-dirdetail__profile-body {
    min-inline-size: 0;
}
.sz-dirdetail__profile-name {
    font-family: var(--sz-font-hero);
    font-size: 30px;
    margin: 0;
}
.sz-dirdetail__facts {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    margin: 0;
}
.sz-dirdetail__profile-name,
.sz-dirdetail__facts dd {
    overflow-wrap: anywhere;
}
.sz-dirdetail__facts dt,
.sz-dirdetail__profile-about {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-dirdetail__facts dt {
    font-size: var(--sz-font-size-sm);
}
.sz-dirdetail__facts dd {
    font-weight: 700;
    margin: 0;
}
.sz-dirdetail__profile-body h2 {
    font-size: 16px;
    margin: 0 0 var(--sz-space-2);
}
.sz-dirdetail__profile-contact {
    align-items: center;
    border-block-start: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    padding-block-start: var(--sz-space-4);
}
.sz-dirdetail__profile-contact h2 {
    flex-basis: 100%;
}
.sz-card-link {
    color: inherit;
    display: block;
    text-decoration: none;
}
.sz-card-link:focus-visible {
    outline: var(--sz-focus-ring);
    outline-offset: 2px;
}
.sz-listing-card__seller,
.sz-search-card__seller,
.sz-listing-card__tags,
.sz-dirdetail__profile-tags,
.sz-dir-card__badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin: 0 0 var(--sz-space-2);
}
.sz-listing-card__seller a,
.sz-search-card__seller a {
    color: var(--sz-primary-700);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    overflow-wrap: anywhere;
}
.sz-listingdetail__showroom {
    align-items: center;
    display: flex;
    gap: var(--sz-space-3);
    margin-block-end: var(--sz-space-3);
}
.sz-listingdetail__showroom-media {
    aspect-ratio: 1 / 1;
    clip-path: var(--sz-cut-shape-sm);
    flex: 0 0 auto;
    inline-size: 64px;
}
.sz-mediabox--4x3 {
    aspect-ratio: 4 / 3;
}
.sz-listingdetail__showroom-name,
.sz-listingdetail__showroom-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    margin: var(--sz-space-1) 0 0;
    overflow-wrap: anywhere;
}
.sz-listingdetail__showroom-name {
    font-weight: 700;
}
.sz-badge--showroom {
    align-items: center;
    background: color-mix(in srgb, var(--sz-primary-600) 14%, var(--sz-white));
    color: var(--sz-primary-700);
    display: inline-flex;
    gap: var(--sz-space-1);
}
.sz-badge--showroom .sz-icon {
    block-size: 16px;
    inline-size: 16px
}
.sz-badge__detail {
    font-weight: 400;
    overflow-wrap: anywhere;
}
.sz-dirdetail {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-dirdetail__crumbs {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-dirdetail__crumbs a {
    color: inherit;
    text-decoration: none;
}
.sz-dirdetail__crumbs a:hover,
.sz-dirdetail__crumbs a:focus-visible {
    color: var(--sz-primary-600);
}
.sz-dirdetail__section {
    display: grid;
    gap: var(--sz-space-4);
}
.sz-dirdetail__section h2 {
    margin: 0;
}
.sz-dirdetail__gallery {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-dirdetail__gallery img {
    aspect-ratio: 4 / 3;
    background: var(--sz-surface-variant);
    display: block;
    inline-size: 100%;
    object-fit: cover;
}
.sz-dirdetail__branches,
.sz-dirdetail__catalog {
    display: grid;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-dirdetail__branch,
.sz-dirdetail__item {
    border: 1px solid var(--sz-outline-variant);
    display: grid;
    gap: var(--sz-space-2);
    padding: var(--sz-space-4);
}
.sz-dirdetail__branch p,
.sz-dirdetail__item p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-dirdetail__branch-head,
.sz-dirdetail__item-head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    justify-content: space-between;
}
.sz-dirdetail__item-actions {
    display: grid;
    gap: var(--sz-space-3);
}
.sz-dirdetail__phone {
    font-family: var(--sz-font-hero);
    font-size: 22px;
    margin: 0;
}
@media (max-width: 1200px) {
    .sz-dirdetail__gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-bento {
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: 2fr 1fr;
    min-block-size: 400px;
}
@media (max-width: 1200px) {
    .sz-bento {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-bento__main {
    background:
        linear-gradient(135deg, var(--sz-glass-fill-strong), color-mix(in srgb, var(--sz-glass-fill) 74%, transparent)),
        url("/img/design/join-community.jpg") center / cover no-repeat,
        linear-gradient(to bottom left, var(--sz-fill-deep-2), var(--sz-fill-deep));
    border: 1px solid var(--sz-glass-edge-lit);
    border-radius: var(--sz-radius-4);
    color: var(--sz-on-fill-deep);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(var(--sz-space-5), 5vw, 40px);
}
.sz-events {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-events__head h1 {
    margin: 0 0 var(--sz-space-2);
}
.sz-events__head p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-events__filters {
    display: grid;
    gap: var(--sz-space-3);
}
.sz-events__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-events__tab {
    align-items: center;
    display: inline-flex;
    min-block-size: var(--sz-touch-min);
    background: var(--sz-surface-container-lowest);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
    cursor: pointer;
    font: inherit;
    padding: 8px 12px;
}
.sz-events__tab.is-active {
    background: color-mix(in srgb, var(--sz-primary-600) 12%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-700);
}
.sz-events__live {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-events__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 1200px) {
    .sz-events__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-events__card {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-5);
}
.sz-events__media {
    align-items: center;
    background: linear-gradient(145deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    color: var(--sz-on-fill-deep);
    display: flex;
    justify-content: center;
    min-block-size: 96px;
}
.sz-events__media .sz-icon {
    block-size: 36px;
    inline-size: 36px
}
.sz-events__card h2 {
    font-family: var(--sz-font-hero);
    font-size: 24px;
    margin: 0;
}
.sz-events__card h2 a {
    color: inherit;
    text-decoration: none;
}
.sz-events__card h2 a:hover {
    color: var(--sz-primary-600);
}
.sz-events__meta {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-events__excerpt {
    margin: 0;
}
.sz-events__cta {
    color: var(--sz-primary-600);
    font-weight: 700;
    margin-block-start: auto;
    text-decoration: none;
}
.sz-events__cta:hover {
    text-decoration: underline;
}
.sz-event-detail {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-event-detail__hero {
    align-items: end;
    background: linear-gradient(145deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    display: flex;
    min-block-size: min(420px, 50svh);
    padding: var(--sz-space-8);
    overflow: hidden;
    position: relative;
}
.sz-event-detail__hero-copy {
    color: var(--sz-on-fill-deep);
    inline-size: min(100%, 60rem);
}
.sz-event-detail__eyebrow {
    margin: 0 0 var(--sz-space-2);
    opacity: .86;
}
.sz-event-detail__hero-copy h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 44px);
    margin: 0 0 var(--sz-space-3);
}
.sz-event-detail__summary {
    margin: 0 0 var(--sz-space-4);
    max-inline-size: 52rem;
}
.sz-event-detail__chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
}
.sz-event-detail__chips span {
    background: rgb(0 0 0 / 8%);
    border: 1px solid rgb(0 0 0 / 24%);
    padding: var(--sz-space-2) var(--sz-space-3);
}
.sz-event-detail__meta {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-event-detail__meta {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-event-detail__panel {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    padding: var(--sz-space-4);
}
.sz-event-detail__panel h2 {
    color: var(--sz-on-surface-variant);
    font-size: 14px;
    margin: 0 0 var(--sz-space-2);
}
.sz-event-detail__panel p {
    font-family: var(--sz-font-hero);
    font-size: 20px;
    margin: 0;
}
.sz-event-detail__panel small {
    color: var(--sz-on-surface-variant);
    display: block;
    margin-block-start: var(--sz-space-2);
}
.sz-event-detail__countdown {
    background: linear-gradient(140deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    color: var(--sz-on-fill-deep);
    padding: var(--sz-space-5);
}
.sz-event-detail__countdown h2 {
    margin: 0 0 var(--sz-space-4);
}
.sz-event-detail__count-grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 88px), 1fr));
}
.sz-event-detail__count-grid article {
    background: rgb(0 0 0 / 8%);
    border: 1px solid rgb(0 0 0 / 24%);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
    padding: var(--sz-space-4);
    text-align: center;
}
.sz-event-detail__count-grid strong {
    font-family: var(--sz-font-hero);
    font-size: 30px;
}
.sz-event-detail__body {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    padding: var(--sz-space-5);
}
.sz-event-detail__body h2 {
    margin: 0 0 var(--sz-space-3);
}
.sz-event-detail__body p {
    margin: 0;
    white-space: pre-line;
}
.sz-event-detail__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
}
.sz-listingdetail {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-listingdetail__hero {
    align-items: start;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
    padding: var(--sz-space-5);
}
@media (max-width: 767px) {
    .sz-listingdetail__hero {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-listingdetail__hero h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 38px);
    margin: 0;
}
.sz-listingdetail__hero p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
}
.sz-listingdetail__crumbs {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin-block-end: var(--sz-space-2);
}
.sz-listingdetail__crumbs a {
    color: inherit;
    text-decoration: none;
}
.sz-listingdetail__crumbs a:hover,
.sz-listingdetail__crumbs a:focus-visible {
    color: var(--sz-primary-600);
}
.sz-listingdetail__hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-listingdetail__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
}
.sz-listingdetail__main,
.sz-listingdetail__side {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-listingdetail__gallery,
.sz-listingdetail__specs,
.sz-listingdetail__desc,
.sz-listingdetail__actions,
.sz-listingdetail__contact {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-listingdetail__assessment {
    align-items: start;
    border-block-start: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
    margin-block-start: var(--sz-space-4);
    padding-block-start: var(--sz-space-4);
}
.sz-listingdetail__assessment p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-listingdetail__price {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-listingdetail__gallery h2,
.sz-listingdetail__specs h2,
.sz-listingdetail__desc h2,
.sz-listingdetail__actions h2,
.sz-listingdetail__contact h2 {
    margin: 0;
}
.sz-gallery {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-gallery__stage {
    position: relative;
}
.sz-gallery__open {
    background: none;
    border: 0;
    cursor: zoom-in;
    display: block;
    inline-size: 100%;
    padding: 0;
}
.sz-gallery__open img {
    display: block;
}
.sz-gallery__nav {
    align-items: center;
    background: var(--sz-surface-container-lowest);
    block-size: 44px;
    border: 1px solid var(--sz-outline-variant);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-surface);
    cursor: pointer;
    display: flex;
    inline-size: 44px;
    inset-block-start: 50%;
    justify-content: center;
    opacity: 0.9;
    position: absolute;
    transform: translateY(-50%);
}
.sz-gallery__nav:hover,
.sz-gallery__nav:focus-visible {
    opacity: 1;
}
.sz-gallery__nav--prev {
    inset-inline-start: var(--sz-space-2);
}
.sz-gallery__nav--next {
    inset-inline-end: var(--sz-space-2);
}
.sz-gallery__counter {
    background: var(--sz-surface-container-lowest);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-surface-variant);
    font-size: 13px;
    inset-block-end: var(--sz-space-2);
    inset-inline-end: var(--sz-space-2);
    margin: 0;
    opacity: 0.9;
    padding: 2px var(--sz-space-2);
    position: absolute;
}
.sz-lightbox {
    background: var(--sz-surface-container-lowest);
    block-size: 100%;
    border: 0;
    color: var(--sz-on-surface);
    inline-size: 100%;
    max-block-size: 100%;
    max-inline-size: 100%;
    padding: 0;
}
.sz-lightbox::backdrop {
    background: rgb(0 0 0 / 82%);
}
.sz-lightbox__bar {
    align-items: center;
    background: var(--sz-surface-container);
    border-block-end: 1px solid var(--sz-outline-variant);
    display: flex;
    gap: var(--sz-space-2);
    justify-content: space-between;
    padding: var(--sz-space-2) var(--sz-space-3);
}
.sz-lightbox__counter {
    color: var(--sz-on-surface-variant);
    font-size: 14px;
    margin: 0;
}
.sz-lightbox__tools {
    display: flex;
    gap: var(--sz-space-2);
}
.sz-lightbox__tool {
    align-items: center;
    background: var(--sz-surface-container-lowest);
    block-size: 44px;
    border: 1px solid var(--sz-outline-variant);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-surface);
    cursor: pointer;
    display: flex;
    inline-size: 44px;
    justify-content: center;
}
.sz-lightbox__viewport {
    align-items: center;
    block-size: calc(100% - 61px);
    display: flex;
    justify-content: center;
    overflow: auto;
    overscroll-behavior: contain;
    padding: var(--sz-space-2);
}
.sz-lightbox__image {
    display: none;
    margin: auto;
    max-block-size: 100%;
    max-inline-size: 100%;
    object-fit: contain;
}
.sz-lightbox__image.is-current {
    display: block;
}
.sz-lightbox__viewport.is-zoom-2 .sz-lightbox__image.is-current,
.sz-lightbox__viewport.is-zoom-3 .sz-lightbox__image.is-current {
    max-block-size: none;
    max-inline-size: none;
}
.sz-lightbox__viewport.is-zoom-2 .sz-lightbox__image.is-current {
    inline-size: 200%;
}
.sz-lightbox__viewport.is-zoom-3 .sz-lightbox__image.is-current {
    inline-size: 320%;
}
.sz-lightbox__viewport.is-zoom-2,
.sz-lightbox__viewport.is-zoom-3 {
    align-items: start;
    cursor: grab;
    justify-content: start;
}
.sz-lightbox__nav {
    align-items: center;
    background: var(--sz-surface-container-lowest);
    block-size: 48px;
    border: 1px solid var(--sz-outline-variant);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-surface);
    cursor: pointer;
    display: flex;
    inline-size: 48px;
    inset-block-start: 50%;
    justify-content: center;
    opacity: 0.92;
    position: fixed;
    transform: translateY(-50%);
}
.sz-lightbox__nav--prev {
    inset-inline-start: var(--sz-space-3);
}
.sz-lightbox__nav--next {
    inset-inline-end: var(--sz-space-3);
}
@media (max-width: 767px) {
    .sz-lightbox__nav {
        block-size: 44px;
        inline-size: 44px;
    }
}
.sz-coverflow {
    --sz-cf-dir: 1;
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
    user-select: none;
}
[dir="rtl"] .sz-coverflow {
    --sz-cf-dir: -1;
}
.sz-coverflow__stage {
    aspect-ratio: 4 / 3;
    margin: 0;
    position: relative;
}
.sz-coverflow__card {
    --sz-cf-side: 0;
    --sz-cf-x: 0;
    --sz-cf-scale: 1;
    --sz-cf-rot: 0;
    --sz-cf-op: 1;
    background: none;
    border: 0;
    cursor: pointer;
    inline-size: 62%;
    inset-block-start: 0;
    inset-inline-start: 50%;
    margin-inline-start: -31%;
    padding: 0;
    position: absolute;
    filter: grayscale(1) contrast(1.06) brightness(1.06);
    opacity: var(--sz-cf-op);
    transform:
        perspective(1400px)
        translateX(calc(var(--sz-cf-side) * var(--sz-cf-dir) * var(--sz-cf-x) * 1%))
        scale(var(--sz-cf-scale))
        rotateY(calc(var(--sz-cf-side) * var(--sz-cf-dir) * var(--sz-cf-rot) * -1deg));
    transition:
        transform var(--sz-transition-glass),
        filter var(--sz-transition-glass),
        opacity var(--sz-transition-glass);
}
.sz-coverflow__card.is-current {
    cursor: zoom-in;
    filter: none;
    z-index: 5;
}
.sz-coverflow__card--s1 { --sz-cf-x: 62;  --sz-cf-scale: 0.86; --sz-cf-rot: 30; --sz-cf-op: 0.9;  z-index: 4; }
.sz-coverflow__card--s2 { --sz-cf-x: 110; --sz-cf-scale: 0.78; --sz-cf-rot: 34; --sz-cf-op: 0.75; z-index: 3; }
.sz-coverflow__card--s3 { --sz-cf-x: 148; --sz-cf-scale: 0.70; --sz-cf-rot: 38; --sz-cf-op: 0.6;  z-index: 2; }
.sz-coverflow__card--s4 { --sz-cf-x: 182; --sz-cf-scale: 0.64; --sz-cf-rot: 40; --sz-cf-op: 0; pointer-events: none; z-index: 1; }
.sz-coverflow__card--before { --sz-cf-side: -1; }
.sz-coverflow__card--after  { --sz-cf-side: 1; }
.sz-coverflow__frame {
    background: var(--sz-surface-container-low);
    clip-path: var(--sz-cut-shape-sm);
    display: block;
    position: relative;
}
.sz-coverflow__card.is-current .sz-coverflow__frame {
    box-shadow: var(--sz-shadow-lg);
}
.sz-coverflow__frame img {
    aspect-ratio: 4 / 3;
    display: block;
    inline-size: 100%;
    object-fit: cover;
}
.sz-coverflow__label {
    background: linear-gradient(to top, var(--sz-scrim-strong) 0%, var(--sz-scrim-weak) 38%, transparent 62%);
    color: var(--sz-white);
    inset-block-end: 0;
    inset-inline: 0;
    margin: 0;
    opacity: 0;
    padding: var(--sz-space-6) var(--sz-space-4) var(--sz-space-3);
    position: absolute;
    transition: opacity var(--sz-transition-glass);
}
.sz-coverflow__card.is-current .sz-coverflow__label {
    opacity: 1;
}
@media (max-width: 767px) {
    .sz-coverflow__card {
        inline-size: 92%;
        margin-inline-start: -46%;
    }
    .sz-coverflow__card--s1 { --sz-cf-x: 74; --sz-cf-scale: 0.82; --sz-cf-op: 0.55; }
    .sz-coverflow__card--s2,
    .sz-coverflow__card--s3,
    .sz-coverflow__card--s4 { --sz-cf-op: 0; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
    .sz-coverflow__card {
        --sz-cf-rot: 0;
        transition: none;
    }
}
.sz-listingdetail__specs h2 {
    font-size: clamp(20px, 2.4vw, 26px);
}
.sz-specsheet {
    display: grid;
    align-items: start;
    gap: var(--sz-space-5) var(--sz-space-8);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
}
.sz-listingdetail__spec-table caption {
    border-block-end: 2px solid var(--sz-primary-600);
    color: var(--sz-on-surface);
    font-size: var(--sz-font-size-lg);
    font-weight: 700;
    margin-block-end: var(--sz-space-2);
    padding-block-end: var(--sz-space-2);
    text-align: start;
}
.sz-listingdetail__spec-table {
    font-size: var(--sz-font-size-base);
}
.sz-listingdetail__spec-table th,
.sz-listingdetail__spec-table td {
    border-block-end: 1px solid var(--sz-outline-variant);
    padding: var(--sz-space-3) var(--sz-space-4);
}
.sz-listingdetail__spec-table th {
    background: transparent;
    color: var(--sz-on-surface-variant);
    font-weight: 500;
    inline-size: 40%;
    max-inline-size: 14rem;
    white-space: normal;
}
.sz-listingdetail__spec-table td {
    color: var(--sz-on-surface);
    font-weight: 600;
    overflow-wrap: anywhere;
}
.sz-listingdetail__spec-table tbody tr:nth-child(even) {
    background: var(--sz-primary-50);
}
.sz-listingdetail__spec-table tbody tr:last-child th,
.sz-listingdetail__spec-table tbody tr:last-child td {
    border-block-end: 0;
}
.sz-listingdetail__spec-row--price td {
    color: var(--sz-on-warning-container);
    font-size: var(--sz-font-size-lg);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}
.sz-listingdetail__assessment h3 {
    font-size: var(--sz-font-size-lg);
    margin: 0;
    inline-size: 100%;
}
.sz-listingdetail__desc p {
    background: var(--sz-white);
}
.sz-listingdetail__price {
    background: var(--sz-warning-container);
    border-inline-start: 4px solid var(--sz-accent-amber);
    color: var(--sz-on-warning-container);
    padding: var(--sz-space-4);
}
.sz-listingdetail__price p {
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}
.sz-listingdetail__price strong {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.2;
}
.sz-listingdetail__contact a {
    text-decoration: none;
}
.sz-listingdetail__contact a:hover,
.sz-listingdetail__contact a:focus-visible {
    text-decoration: underline;
}
@media (max-width: 1200px) {
    .sz-listingdetail__grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-listingdetail__side {
        -webkit-backdrop-filter: blur(18px) saturate(1.4);
        backdrop-filter: blur(18px) saturate(1.4);
        background: color-mix(in srgb, var(--sz-primary-50) 78%, transparent);
        border: 1px solid var(--sz-glass-edge-lit);
        border-radius: 0;
        box-shadow: var(--sz-glow-inset);
        clip-path: var(--sz-cut-shape-lg);
        gap: var(--sz-space-5);
        padding: var(--sz-space-5);
    }
    .sz-listingdetail__side > .sz-card {
        background: none;
        border: 0;
        box-shadow: none;
        clip-path: none;
        filter: none;
        padding: 0;
    }
    .sz-listingdetail__hero {
        background: none;
        border: 0;
        box-shadow: none;
        clip-path: none;
        filter: none;
        padding: 0;
    }
    .sz-listingdetail__desc {
        display: none;
    }
}
.sz-about {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-8);
}
.sz-about__hero {
    min-block-size: 460px;
    overflow: hidden;
    position: relative;
}
.sz-about__hero img {
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    position: absolute;
}
.sz-about__hero-overlay {
    background: linear-gradient(180deg, color-mix(in srgb, var(--sz-fill-deep) 18%, transparent), color-mix(in srgb, var(--sz-fill-deep) 76%, transparent));
    inset: 0;
    position: absolute;
}
.sz-about__hero-copy {
    color: var(--sz-on-fill-deep);
    inset-block-end: clamp(var(--sz-space-4), 4vw, var(--sz-space-8));
    inset-inline: clamp(var(--sz-space-4), 4vw, var(--sz-space-8));
    max-inline-size: 60rem;
    position: absolute;
}
.sz-about__badge {
    background: var(--sz-tertiary-fixed);
    color: var(--sz-on-tertiary-fixed);
    display: inline-flex;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    margin: 0 0 var(--sz-space-3);
    padding: var(--sz-space-2) var(--sz-space-3);
}
.sz-about__hero-copy h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 50px);
    margin: 0 0 var(--sz-space-3);
}
.sz-about__hero-copy p {
    margin: 0;
}
.sz-about__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    margin-block-start: var(--sz-space-5);
}
.sz-about__vision {
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: 2fr 1fr;
}
@media (max-width: 1200px) {
    .sz-about__vision {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-about__card {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-6);
}
.sz-about__card .sz-icon {
    color: var(--sz-primary-600);
    block-size: 44px;
    inline-size: 44px
}
.sz-about__card h2 {
    font-family: var(--sz-font-hero);
    font-size: 28px;
    margin: 0;
}
.sz-about__card p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-about__card--accent {
    background: linear-gradient(160deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    color: var(--sz-on-fill-deep);
}
.sz-about__card--wide {
    grid-column: 1 / -1;
}
.sz-about__card--accent .sz-icon,
.sz-about__card--accent p {
    color: inherit;
}
.sz-about__section-head h2 {
    font-family: var(--sz-font-hero);
    font-size: 32px;
    margin: 0 0 var(--sz-space-2);
}
.sz-about__section-head p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-about__pillar-grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-block-start: var(--sz-space-6);
}
@media (max-width: 1200px) {
    .sz-about__pillar-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-about__pillar {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    padding: var(--sz-space-5);
}
.sz-about__pillar .sz-icon {
    color: var(--sz-primary-600);
    block-size: 34px;
    inline-size: 34px
}
.sz-about__pillar h3 {
    font-family: var(--sz-font-hero);
    font-size: 22px;
    margin: 0;
}
.sz-about__pillar p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-about__stats {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-about__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-about__stat {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    padding: var(--sz-space-5);
    text-align: center;
}
.sz-about__stat strong {
    color: var(--sz-primary-600);
    font-family: var(--sz-font-hero);
    font-size: clamp(32px, 4vw, 44px);
}
.sz-about__stat span {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
}
.sz-about__coverage {
    align-items: center;
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: 1.2fr 1fr;
    overflow: hidden;
    padding: var(--sz-space-6);
}
@media (max-width: 1200px) {
    .sz-about__coverage {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-about__coverage-copy h2 {
    font-family: var(--sz-font-hero);
    font-size: 30px;
    margin: 0 0 var(--sz-space-3);
}
.sz-about__coverage-copy p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-about__coverage-media {
    min-block-size: 260px;
    overflow: hidden;
}
.sz-about__coverage-media img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
}
.sz-provider-logo__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
}
.sz-provider-logo__preview {
    inline-size: 12rem;
}
.sz-pdash {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-pdash__hero {
    align-items: end;
    background: linear-gradient(135deg, color-mix(in srgb, var(--sz-primary-600) 10%, transparent), color-mix(in srgb, var(--sz-secondary-indigo) 4%, transparent));
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: 1.6fr 1fr;
    padding: var(--sz-space-6);
}
@media (max-width: 1200px) {
    .sz-pdash__hero {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-pdash__eyebrow {
    color: var(--sz-primary-600);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 var(--sz-space-2);
    text-transform: uppercase;
}
.sz-pdash__hero-copy h2 {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.25;
    margin: 0 0 var(--sz-space-2);
}
.sz-pdash__hero-copy > p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-pdash__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    margin-block-start: var(--sz-space-4);
}
.sz-pdash__meta span {
    color: var(--sz-on-surface-variant);
    font-weight: 600;
}
.sz-pdash__metrics {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-pdash__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-pdash__metric {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
    min-block-size: 148px;
}
.sz-pdash__metric p {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    margin: 0;
}
.sz-pdash__metric strong {
    color: var(--sz-primary-600);
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 40px);
    line-height: 1.2;
}
.sz-pdash__metric span {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
}
.sz-pdash__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: 1.35fr 1fr;
}
@media (max-width: 1200px) {
    .sz-pdash__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-pdash__grid--tail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-pdash__grid--tail {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-pdash__grid--ops {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-pdash__grid--ops {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-pdash__panel {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-pdash__panel h3 {
    font-family: var(--sz-font-hero);
    font-size: 24px;
    margin: 0;
}
.sz-pdash__bars {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-pdash__bar {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
}
.sz-pdash__bar-head {
    align-items: baseline;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}
.sz-pdash__bar-head span {
    color: var(--sz-on-surface-variant);
}
.sz-pdash__bar-head b {
    color: var(--sz-primary-600);
    font-variant-numeric: tabular-nums;
}
.sz-pdash__bar-track {
    background: var(--sz-surface-container-high);
    block-size: 10px;
    overflow: hidden;
}
.sz-pdash__bar-track span {
    background: linear-gradient(90deg, var(--sz-primary-600), var(--sz-secondary-indigo));
    block-size: 100%;
    display: block;
}
.sz-pdash__list,
.sz-pdash__notes {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-pdash__list li {
    align-items: center;
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    justify-content: space-between;
    min-block-size: 64px;
    padding: var(--sz-space-3);
}
.sz-pdash__list strong {
    display: block;
    font-size: 14px;
}
.sz-pdash__list span {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
}
.sz-pdash__notes li {
    border-block-end: 1px dashed var(--sz-outline-variant);
    padding-block-end: var(--sz-space-3);
}
.sz-pdash__notes li:last-child {
    border-block-end: 0;
    padding-block-end: 0;
}
.sz-pdash__notes span {
    color: var(--sz-on-surface-variant);
    display: block;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    margin-block-end: var(--sz-space-1);
}
.sz-pdash__notes p {
    margin: 0;
}
.sz-pdash__muted {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-admindash {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-admindash__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: 1.4fr 1fr;
    padding: var(--sz-space-6);
}
@media (max-width: 1200px) {
    .sz-admindash__hero {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-admindash__hero h2 {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 42px);
    margin: 0 0 var(--sz-space-2);
}
.sz-admindash__hero p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-admindash__metrics {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
}
@media (max-width: 1200px) {
    .sz-admindash__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-admindash__metric {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    min-block-size: 140px;
}
.sz-admindash__metric p {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    margin: 0;
}
.sz-admindash__metric strong {
    color: var(--sz-primary-600);
    font-family: var(--sz-font-hero);
    font-size: clamp(32px, 4vw, 44px);
    line-height: 1.2;
}
.sz-admindash__metric span {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    font-weight: 600;
}
.sz-admindash__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: 1.4fr 1fr;
}
@media (max-width: 1200px) {
    .sz-admindash__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-admindash__panel {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-admindash__panel h3,
.sz-admindash__queue h3 {
    font-family: var(--sz-font-hero);
    font-size: 24px;
    margin: 0;
}
.sz-admindash__bars {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-admindash__bar {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
}
.sz-admindash__bar-head {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
}
.sz-admindash__bar-head span {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 600;
}
.sz-admindash__bar-head b {
    color: var(--sz-primary-600);
    font-variant-numeric: tabular-nums;
}
.sz-admindash__bar-track {
    background: var(--sz-surface-container-high);
    block-size: 10px;
    overflow: hidden;
}
.sz-admindash__bar-track span {
    background: linear-gradient(90deg, var(--sz-primary-600), var(--sz-secondary-indigo));
    block-size: 100%;
    display: block;
}
.sz-admindash__quick-links {
    display: grid;
    gap: var(--sz-space-2);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-admindash__quick-links a {
    align-items: center;
    border: 1px solid var(--sz-outline-variant);
    color: inherit;
    display: flex;
    font-weight: 600;
    min-block-size: 44px;
    padding-inline: var(--sz-space-3);
    text-decoration: none;
    transition: border-color .2s ease;
}
.sz-admindash__quick-links a:hover,
.sz-admindash__quick-links a:focus-visible {
    border-color: var(--sz-primary-600);
}
.sz-admindash__maintenance {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
}
.sz-admindash__maintenance strong {
    color: var(--sz-on-surface);
}
.sz-admindash__queue {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-admindash__queue-head {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-admindash__queue-stats {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
    margin: 0;
}
.sz-admindash__queue-stats strong {
    color: var(--sz-primary-600);
    font-variant-numeric: tabular-nums;
}
.sz-admindash__queue td a {
    color: var(--sz-primary-600);
    font-weight: 700;
    text-decoration: none;
}
.sz-admindash__queue td a:hover,
.sz-admindash__queue td a:focus-visible {
    text-decoration: underline;
}
.sz-admindash__toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
    justify-content: space-between;
}
.sz-admindash__section {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-admindash__section-head {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
}
.sz-admindash__section-head h2,
.sz-admindash__section-head h3 {
    font-family: var(--sz-font-hero);
    font-size: 24px;
    margin: 0;
}
.sz-admindash__delta {
    font-size: var(--sz-font-size-xs);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
}
.sz-admindash__delta--up {
    color: var(--sz-on-success-container);
}
.sz-admindash__delta--down {
    color: var(--sz-error);
}
.sz-admindash__delta--flat {
    color: var(--sz-on-surface-variant);
}
.sz-admindash__chart {
    overflow-x: auto;
    padding-block-end: var(--sz-space-2);
}
.sz-admindash__columns {
    align-items: flex-end;
    display: flex;
    gap: var(--sz-space-1);
    min-inline-size: 100%;
}
.sz-admindash__column {
    display: flex;
    flex: 1 0 12px;
    flex-direction: column;
    gap: var(--sz-space-1);
}
.sz-admindash__column-track {
    align-items: flex-end;
    background: var(--sz-surface-container-high);
    display: flex;
    height: 132px;
}
.sz-admindash__column-track span {
    background: linear-gradient(180deg, var(--sz-primary-600), var(--sz-secondary-indigo));
    width: 100%;
    writing-mode: vertical-lr;
}
.sz-admindash__column-label {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    font-variant-numeric: tabular-nums;
    text-align: center;
}
.sz-admindash__column-label--muted {
    visibility: hidden;
}
.sz-admindash__panels {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
}
.sz-admindash__legend {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    margin: 0;
}
.sz-bookdash {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-bookdash__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: 1.5fr 1fr;
    padding: var(--sz-space-6);
}
@media (max-width: 1200px) {
    .sz-bookdash__hero {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-bookdash__hero h2 {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 40px);
    margin: 0 0 var(--sz-space-2);
}
.sz-bookdash__hero p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-bookdash__metrics {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-bookdash__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-bookdash__metric {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    min-block-size: 136px;
}
.sz-bookdash__metric p {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    margin: 0;
}
.sz-bookdash__metric strong {
    color: var(--sz-primary-600);
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.2;
}
.sz-bookdash__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: 1.5fr 1fr;
}
@media (max-width: 1200px) {
    .sz-bookdash__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-bookdash__panel {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-bookdash__panel h3 {
    font-family: var(--sz-font-hero);
    font-size: 24px;
    margin: 0;
}
.sz-bookdash__panel-head {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
}
.sz-bookdash__panel-head span {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
}
.sz-bookdash__queue {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-bookdash__queue li {
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-4);
}
.sz-bookdash__queue-main h4 {
    font-size: 16px;
    margin: 0;
}
.sz-bookdash__queue-main p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-1) 0 0;
}
.sz-bookdash__queue-main .sz-bookdash__queue-item {
    color: var(--sz-page-ink);
    font-weight: 700;
}
.sz-bookdash__queue-detail {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-1) 0 0;
}
.sz-bookdash__queue-detail strong {
    color: var(--sz-page-ink);
}
.sz-bookdash__customer {
    align-items: center;
    display: flex;
    gap: var(--sz-space-3);
    margin-block-start: var(--sz-space-3);
}
.sz-bookdash__customer-photo,
.sz-bookdash__customer .sz-media-fallback {
    block-size: 40px;
    border-radius: 50%;
    flex: 0 0 auto;
    inline-size: 40px;
    object-fit: cover;
    overflow: hidden;
}
.sz-bookdash__customer .sz-media-fallback {
    align-items: center;
    aspect-ratio: auto;
    background: var(--sz-surface-container);
    color: var(--sz-on-surface-variant);
    display: flex;
    justify-content: center;
    min-block-size: 0;
}
.sz-bookdash__customer .sz-media-fallback .sz-icon {
    block-size: 20px;
    inline-size: 20px;
}
.sz-bookdash__customer-text {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
}
.sz-bookdash__customer-name {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sz-bookdash__customer-phone {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
}
a.sz-bookdash__customer-phone {
    color: var(--sz-primary-600);
}
.sz-bookdash__queue-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
}
.sz-bookdash__side {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-bookdash__status-actions {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-bookdash__status {
    align-items: center;
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface-variant);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-weight: 700;
    gap: var(--sz-space-3);
    min-block-size: 52px;
    padding-inline: var(--sz-space-4);
    text-align: start;
}
.sz-bookdash__status.is-active {
    background: color-mix(in srgb, var(--sz-primary-600) 10%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-600);
}
.sz-bookdash__status:hover,
.sz-bookdash__status:focus-visible {
    border-color: var(--sz-primary-600);
}
.sz-bookdash__muted {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-cartflow {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-cartflow__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
}
.sz-cartflow__unit,
.sz-cartflow__form-hint {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    margin: 0;
}
.sz-cartflow__hero h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 42px);
    margin: 0;
}
.sz-cartflow__hero p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
}
.sz-cartflow__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}
.sz-cartflow__main,
.sz-cartflow__side {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-cartflow__store h2,
.sz-cartflow__store p,
.sz-cartflow__form h2 {
    margin: 0;
}
.sz-cartflow__store p {
    color: var(--sz-on-surface-variant);
    margin-top: var(--sz-space-2);
}
.sz-cartflow__items {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-cartflow__item {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: var(--sz-space-4);
    align-items: start;
}
.sz-cartflow__item-body {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    min-inline-size: 0;
}
.sz-cartflow__media {
    background: var(--sz-surface-container-low);
    block-size: 104px;
    overflow: hidden;
}
.sz-cartflow__media img,
.sz-cartflow__media-empty {
    block-size: 100%;
    inline-size: 100%;
}
.sz-cartflow__media img {
    object-fit: cover;
}
.sz-cartflow__media-empty {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    justify-content: center;
}
.sz-cartflow__media-empty .sz-icon {
    block-size: 36px;
    inline-size: 36px
}
.sz-cartflow__item-head {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    gap: var(--sz-space-2);
}
.sz-cartflow__item h3,
.sz-cartflow__item p {
    margin: 0;
}
.sz-cartflow__item p {
    color: var(--sz-on-surface-variant);
}
.sz-cartflow__qty {
    align-items: center;
    display: flex;
    gap: var(--sz-space-2);
}
.sz-cartflow__qty .sz-btn {
    min-inline-size: var(--sz-touch-min);
    padding-inline: 0;
}
.sz-cartflow__qty strong {
    min-inline-size: 1.5rem;
    text-align: center;
}
.sz-cartflow__item-foot {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
    margin-block-start: var(--sz-space-1);
}
.sz-cartflow__line {
    font-size: var(--sz-font-size-lg);
    font-weight: 700;
}
.sz-cartflow__item p.sz-cartflow__line {
    color: var(--sz-on-surface);
}
.sz-cartflow__fitment,
.sz-cartflow__notice,
.sz-cartflow__store {
    align-items: center;
    display: flex;
    gap: var(--sz-space-2);
}
.sz-cartflow__fitment .sz-icon,
.sz-cartflow__notice .sz-icon {
    block-size: 18px;
    inline-size: 18px
}
.sz-cartflow__store-icon {
    align-items: center;
    background: var(--sz-primary-50);
    color: var(--sz-primary-700);
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    block-size: 44px;
    inline-size: 44px;
    clip-path: var(--sz-cut-shape-sm);
}
.sz-cartflow__total dd {
    font-size: var(--sz-font-size-lg);
}
.sz-cartflow__remove {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--sz-danger-700);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font: inherit;
    gap: var(--sz-space-1);
    min-block-size: var(--sz-touch-min);
    padding-block: 0;
    padding-inline: var(--sz-space-2);
}
.sz-cartflow__remove .sz-icon {
    block-size: 18px;
    inline-size: 18px
}
.sz-cartflow__remove:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
.sz-cartflow__form {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-cartflow__textarea {
    min-block-size: 120px;
    resize: vertical;
}
.sz-cartflow__summary {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    position: sticky;
    inset-block-start: calc(var(--sz-topbar-height) + var(--sz-space-4));
}
.sz-cartflow__summary h2,
.sz-cartflow__summary p {
    margin: 0;
}
.sz-cartflow__summary dl {
    display: grid;
    gap: var(--sz-space-3);
    margin: 0;
}
.sz-cartflow__summary dt {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
}
.sz-cartflow__summary dd {
    margin: 2px 0 0;
    font-weight: 700;
}
.sz-cartflow__summary p {
    color: var(--sz-on-surface-variant);
    font-size: 14px;
}
@media (max-width: 1200px) {
    .sz-cartflow__hero,
    .sz-cartflow__grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-cartflow__summary {
        inset-block-start: auto;
        position: static;
    }
}
@media (max-width: 767px) {
    .sz-cartflow__item {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: var(--sz-space-3);
    }
    .sz-cartflow__media {
        block-size: 72px;
    }
}
.sz-orders__detail {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
}
.sz-orders__head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    justify-content: space-between;
}
.sz-orders__head h2,
.sz-orders__detail p {
    margin: 0;
}
.sz-orders__detail p {
    color: var(--sz-on-surface-variant);
}
.sz-orders__list,
.sz-orders__items {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-orders__row,
.sz-orders__item {
    align-items: center;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
}
.sz-orders__row p,
.sz-orders__item h3,
.sz-orders__item p {
    margin: 0;
}
.sz-orders__row p,
.sz-orders__item p {
    color: var(--sz-on-surface-variant);
}
.sz-orders__item {
    grid-template-columns: 84px 1fr;
}
.sz-orders__media {
    background: var(--sz-surface-container-low);
    block-size: 72px;
    overflow: hidden;
}
.sz-orders__media img,
.sz-orders__media-empty {
    block-size: 100%;
    inline-size: 100%;
}
.sz-orders__media img {
    object-fit: cover;
}
.sz-orders__media-empty {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    justify-content: center;
}
.sz-orders__media-empty .sz-icon {
    block-size: 28px;
    inline-size: 28px
}
.sz-bookhist {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-bookhist__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
}
.sz-bookhist__hero h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 42px);
    margin: 0;
}
.sz-bookhist__hero p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
}
.sz-bookhist__stats {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sz-bookhist__stats article {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sz-bookhist__stats small {
    color: var(--sz-on-surface-variant);
}
.sz-bookhist__stats strong {
    font-size: 24px;
}
.sz-bookhist__domain {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sz-bookhist__domain-card {
    border-inline-start: 3px solid transparent;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sz-bookhist__domain-card small {
    color: var(--sz-on-surface-variant);
}
.sz-bookhist__domain-card strong {
    font-size: 22px;
}
.sz-bookhist__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-bookhist__tab {
    min-block-size: var(--sz-touch-min);
    align-items: center;
    background: var(--sz-surface-container-lowest);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: var(--sz-space-2);
    padding: 8px 12px;
}
.sz-bookhist__tab small {
    color: var(--sz-on-surface-variant);
}
.sz-bookhist__tab.is-active {
    background: color-mix(in srgb, var(--sz-primary-600) 10%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-700);
}
.sz-bookhist__grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-bookhist__card {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-bookhist__card-head {
    align-items: start;
    display: flex;
    justify-content: space-between;
    gap: var(--sz-space-2);
}
.sz-bookhist__card-head h2,
.sz-bookhist__card-head p {
    margin: 0;
}
.sz-bookhist__card-head p {
    color: var(--sz-on-surface-variant);
    font-variant-numeric: tabular-nums;
    font-size: var(--sz-font-size-xs);
}
.sz-bookhist__status {
    border-radius: var(--sz-radius-full);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    margin: 0;
    padding: 6px 10px;
}
.sz-bookhist .is-pending {
    background: color-mix(in srgb, var(--sz-accent-500) 16%, var(--sz-white));
    border-inline-start-color: var(--sz-accent-600);
    color: var(--sz-accent-800);
}
.sz-bookhist .is-accepted,
.sz-bookhist .is-checkedin {
    background: color-mix(in srgb, var(--sz-primary-500) 15%, var(--sz-white));
    border-inline-start-color: var(--sz-primary-600);
    color: var(--sz-primary-800);
}
.sz-bookhist .is-completed {
    background: color-mix(in srgb, var(--sz-success-500) 14%, var(--sz-white));
    border-inline-start-color: var(--sz-success-600);
    color: var(--sz-success-800);
}
.sz-bookhist .is-cancelled,
.sz-bookhist .is-rejected,
.sz-bookhist .is-noshow {
    background: color-mix(in srgb, var(--sz-danger-500) 14%, var(--sz-white));
    border-inline-start-color: var(--sz-danger-600);
    color: var(--sz-danger-800);
}
.sz-bookhist__meta {
    display: grid;
    gap: var(--sz-space-3);
    margin: 0;
}
.sz-bookhist__meta dt {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
}
.sz-bookhist__meta dd {
    margin: 2px 0 0;
    font-weight: 700;
}
.sz-bookhist__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-bookhist__qr {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
}
.sz-bookhist__qr h3,
.sz-bookhist__qr p {
    margin: 0;
}
.sz-qr {
    display: block;
    height: auto;
    max-width: 100%;
}
.sz-bookhist__qr p {
    background: var(--sz-surface-container-low);
    font-family: var(--sz-font-mono);
    overflow-wrap: anywhere;
    padding: var(--sz-space-2) var(--sz-space-3);
}
@media (max-width: 1200px) {
    .sz-bookhist__hero,
    .sz-bookhist__stats,
    .sz-bookhist__domain,
    .sz-bookhist__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-mylistings {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-mylistings__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
}
.sz-mylistings__hero h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 42px);
    margin: 0;
}
.sz-mylistings__hero p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
}
.sz-mylistings__stats {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sz-mylistings__stats article {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sz-mylistings__stats small {
    color: var(--sz-on-surface-variant);
}
.sz-mylistings__stats strong {
    font-size: 24px;
}
.sz-mylistings__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-mylistings__tab {
    min-block-size: var(--sz-touch-min);
    align-items: center;
    background: var(--sz-surface-container-lowest);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: var(--sz-space-2);
    padding: 8px 12px;
}
.sz-mylistings__tab small {
    color: var(--sz-on-surface-variant);
}
.sz-mylistings__tab.is-active {
    background: color-mix(in srgb, var(--sz-primary-600) 10%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-700);
}
.sz-mylistings__grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-mylistings__item {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: minmax(160px, 200px) 1fr;
}
.sz-mylistings__media {
    background: var(--sz-surface-container-low);
    min-block-size: 150px;
    overflow: hidden;
    position: relative;
}
.sz-mylistings__media img,
.sz-mylistings__media-empty {
    block-size: 100%;
    inline-size: 100%;
}
.sz-mylistings__media img {
    object-fit: cover;
}
.sz-mylistings__media-empty {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    justify-content: center;
}
.sz-mylistings__media-empty .sz-icon {
    block-size: 36px;
    inline-size: 36px
}
.sz-mylistings__price {
    background: var(--sz-fill-amber);
    color: var(--sz-on-fill-amber);
    font-variant-numeric: tabular-nums;
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    inset-block-start: var(--sz-space-2);
    inset-inline-start: var(--sz-space-2);
    padding: 4px 8px;
    position: absolute;
}
.sz-mylistings__content {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-mylistings__head {
    align-items: start;
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
}
.sz-mylistings__head h2,
.sz-mylistings__content p {
    margin: 0;
}
.sz-mylistings__head h2 a {
    color: var(--sz-on-surface);
    text-decoration: none;
}
.sz-mylistings__content p {
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-mylistings__reason {
    align-items: baseline;
    background: color-mix(in srgb, var(--sz-danger-500) 12%, var(--sz-white));
    border-inline-start: 3px solid var(--sz-danger-600);
    color: var(--sz-danger-700);
    padding: 8px 10px;
}
.sz-mylistings__reason strong {
    color: var(--sz-danger-800);
}
.sz-mylistings__actions {
    margin-top: auto;
}
@media (max-width: 1200px) {
    .sz-mylistings__hero,
    .sz-mylistings__stats,
    .sz-mylistings__grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-mylistings__item {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-newsdesk {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-newsdesk__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
}
.sz-newsdesk__crumb {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    font-size: var(--sz-font-size-xs);
    gap: var(--sz-space-2);
    margin-block-end: var(--sz-space-2);
}
.sz-newsdesk__crumb a {
    color: inherit;
    text-decoration: none;
}
.sz-newsdesk__hero h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(32px, 4vw, 46px);
    margin: 0;
}
.sz-newsdesk__hero p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
    max-inline-size: 60ch;
}
.sz-newsdesk__filters {
    display: grid;
    gap: var(--sz-space-3);
}
.sz-newsdesk__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-newsdesk__tab {
    align-items: center;
    display: inline-flex;
    min-block-size: var(--sz-touch-min);
    background: var(--sz-surface-container-lowest);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
    cursor: pointer;
    font: inherit;
    padding: 8px 12px;
}
.sz-newsdesk__tab.is-active {
    background: color-mix(in srgb, var(--sz-primary-500) 14%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-700);
}
.sz-newsdesk__live {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-newsdesk__ticker {
    align-items: center;
    background: linear-gradient(90deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    color: var(--sz-on-fill-deep);
    display: flex;
    gap: var(--sz-space-3);
    padding: var(--sz-space-3) var(--sz-space-4);
}
.sz-newsdesk__ticker strong {
    background: color-mix(in srgb, var(--sz-danger-600) 85%, var(--sz-white));
    padding: 4px 8px;
}
.sz-newsdesk__ticker div {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-newsdesk__ticker a {
    color: inherit;
    text-decoration: none;
}
.sz-newsdesk__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
}
.sz-newsdesk__main,
.sz-newsdesk__side {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-newsdesk__sectionhead {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
}
.sz-newsdesk__sectionhead h2,
.sz-newsdesk__sectionhead p {
    margin: 0;
}
.sz-newsdesk__sectionhead p {
    color: var(--sz-on-surface-variant);
}
.sz-newsdesk__list {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-newsdesk__item {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 84px 1fr;
}
.sz-newsdesk__media {
    align-items: center;
    background: linear-gradient(160deg, var(--sz-fill-deep-2), var(--sz-fill-deep));
    color: var(--sz-on-fill-deep);
    display: flex;
    justify-content: center;
    min-block-size: 84px;
}
.sz-newsdesk__media .sz-icon {
    block-size: 32px;
    inline-size: 32px
}
.sz-newsdesk__media img {
    block-size: 84px;
    inline-size: 100%;
    object-fit: cover;
}
.sz-newsdesk__item-head {
    align-items: center;
    display: flex;
    gap: var(--sz-space-2);
}
.sz-newsdesk__item-head small {
    color: var(--sz-on-surface-variant);
}
.sz-newsdesk__item h3,
.sz-newsdesk__item p {
    margin: 0;
}
.sz-newsdesk__item h3 a {
    color: var(--sz-on-surface);
    text-decoration: none;
}
.sz-newsdesk__item p {
    color: var(--sz-on-surface-variant);
}
.sz-newsdesk__link {
    color: var(--sz-primary-700);
    font-weight: 700;
    text-decoration: none;
}
.sz-newsdesk__panel h3 {
    margin: 0;
}
.sz-newsdesk__panel ol {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    list-style: none;
    margin: var(--sz-space-3) 0 0;
    padding: 0;
}
.sz-newsdesk__panel li {
    align-items: start;
    display: grid;
    gap: var(--sz-space-2);
    grid-template-columns: auto 1fr;
}
.sz-newsdesk__panel span {
    color: var(--sz-on-surface-variant);
    font-variant-numeric: tabular-nums;
}
.sz-newsdesk__panel a {
    color: var(--sz-on-surface);
    text-decoration: none;
}
.sz-newsdesk__detail {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-newsdesk__detail-head,
.sz-newsdesk__detail-body {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-newsdesk__detail-head h2,
.sz-newsdesk__detail-head p,
.sz-newsdesk__detail-body p {
    margin: 0;
}
.sz-newsdesk__detail-head p,
.sz-newsdesk__detail-body p {
    color: var(--sz-on-surface-variant);
}
.sz-newsdesk__detail-body p {
    line-height: 1.8;
    white-space: pre-line;
}
@media (max-width: 1200px) {
    .sz-newsdesk__hero,
    .sz-newsdesk__grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-newsdesk__hero > div {
        grid-column: 1 / -1;
    }
}
.sz-platedir {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-platedir__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
}
.sz-platedir__crumb {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    font-size: var(--sz-font-size-xs);
    gap: var(--sz-space-2);
    margin-block-end: var(--sz-space-2);
}
.sz-platedir__crumb a {
    color: inherit;
    text-decoration: none;
}
.sz-platedir__hero h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 44px);
    margin: 0;
}
.sz-platedir__hero p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
    max-inline-size: 56ch;
}
.sz-platedir__filters {
    align-items: end;
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sz-platedir__digit-chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin-block-start: var(--sz-space-2);
}
.sz-platedir__chip {
    background: var(--sz-surface-container);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
    cursor: pointer;
    font: inherit;
    min-inline-size: 44px;
    padding: 6px 10px;
}
.sz-platedir__chip.is-active {
    background: color-mix(in srgb, var(--sz-primary-600) 10%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-700);
}
.sz-platedir__chip:hover,
.sz-platedir__chip:focus-visible {
    border-color: var(--sz-primary-600);
}
.sz-platedir__filter-action {
    display: flex;
}
.sz-platedir__results {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-platedir__results-head {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
}
.sz-platedir__results-head h2,
.sz-platedir__results-head p {
    margin: 0;
}
.sz-platedir__results-head p {
    color: var(--sz-on-surface-variant);
}
.sz-platedir__grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-platedir__card {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-platedir__price {
    align-self: start;
    background: var(--sz-primary-100);
    color: var(--sz-primary-800);
    font-weight: 700;
    padding: 6px 10px;
}
.sz-platedir__platebox {
    background: linear-gradient(135deg, var(--sz-hero-wash-start) 0%, var(--sz-white) 50%, var(--sz-hero-wash-end) 100%);
    border: 2px solid var(--sz-ink-700);
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--sz-space-3);
    text-align: center;
}
.sz-platedir__platebox strong {
    font-family: var(--sz-font-mono);
    font-size: clamp(28px, 4vw, 36px);
    letter-spacing: 0.08em;
}
.sz-platedir__platebox span {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
}
.sz-platedir__plate-country {
    color: var(--sz-primary-700);
    font-size: var(--sz-font-size-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
.sz-platedir__title {
    margin: 0;
}
.sz-platedir__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
@media (max-width: 1200px) {
    .sz-platedir__hero,
    .sz-platedir__filters,
    .sz-platedir__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sz-platedir__hero > div {
        grid-column: 1 / -1;
    }
}
.sz-bookcreate {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-bookcreate__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: 1fr auto;
}
.sz-bookcreate__hero h1 {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 40px);
    margin: 0;
}
.sz-bookcreate__hero p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
}
.sz-bookcreate__grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr);
}
.sz-bookcreate__main,
.sz-bookcreate__side {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-bookcreate__panel,
.sz-bookcreate__summary,
.sz-bookcreate__note {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-bookcreate__panel h2,
.sz-bookcreate__summary h2,
.sz-bookcreate__note h3 {
    margin: 0;
}
.sz-bookcreate__panel > p,
.sz-bookcreate__note p,
.sz-bookcreate__hint,
.sz-bookcreate__empty {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-bookcreate__days {
    display: grid;
    gap: var(--sz-space-2);
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}
.sz-bookcreate__day {
    align-items: start;
    background: var(--sz-surface-container-lowest);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font: inherit;
    gap: 2px;
    padding: 8px 10px;
    text-align: start;
}
.sz-bookcreate__day small {
    color: var(--sz-on-surface-variant);
}
.sz-bookcreate__day.is-active {
    background: color-mix(in srgb, var(--sz-success-500) 10%, var(--sz-white));
    border-color: var(--sz-success-600);
    color: var(--sz-success-800);
}
.sz-bookcreate__slots {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-bookcreate__slot {
    align-items: center;
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
    cursor: pointer;
    display: flex;
    font: inherit;
    justify-content: center;
    min-block-size: 44px;
    padding: var(--sz-space-2) var(--sz-space-3);
    text-align: center;
}
.sz-bookcreate__slot strong {
    font-size: 14px;
    white-space: nowrap;
}
.sz-bookcreate__slot.is-active {
    background: color-mix(in srgb, var(--sz-primary-600) 10%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-600);
}
.sz-bookcreate__slot:hover,
.sz-bookcreate__slot:focus-visible {
    border-color: var(--sz-primary-600);
}
.sz-bookcreate__form-grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sz-bookcreate__summary dl {
    display: grid;
    gap: var(--sz-space-3);
    margin: 0;
}
.sz-bookcreate__summary dt {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    margin: 0;
}
.sz-bookcreate__summary dd {
    font-weight: 700;
    margin: var(--sz-space-1) 0 0;
}
@media (max-width: 1200px) {
    .sz-bookcreate__hero,
    .sz-bookcreate__grid,
    .sz-bookcreate__form-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-catalogdash {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-catalogdash__hero {
    align-items: end;
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: 1.5fr 1fr;
    padding: var(--sz-space-6);
}
@media (max-width: 1200px) {
    .sz-catalogdash__hero {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-catalogdash__hero h2 {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 4vw, 40px);
    margin: 0 0 var(--sz-space-2);
}
.sz-catalogdash__hero p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-catalogdash__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin-block-start: var(--sz-space-2);
}
.sz-catalogdash__stats {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-catalogdash__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-catalogdash__stat {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    min-block-size: 136px;
}
.sz-catalogdash__stat p {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    margin: 0;
}
.sz-catalogdash__stat strong {
    color: var(--sz-primary-600);
    font-family: var(--sz-font-hero);
    font-size: clamp(30px, 4vw, 42px);
    line-height: 1.2;
}
.sz-catalogdash__issues-title {
    margin: 0 0 var(--sz-space-3);
}
.sz-catalogdash__issues {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-catalogdash__issues li {
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    padding: var(--sz-space-2) var(--sz-space-3);
}
.sz-catalogdash__table-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-catalogdash__table-head {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
    justify-content: space-between;
}
.sz-catalogdash__table-head h3 {
    margin: 0;
}
.sz-catalogdash__form {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-catalogdash__form h3 {
    margin: 0;
}
.sz-catalogdash__form-grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-catalogdash__form-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-catalogdash__form-grid textarea.sz-input {
    min-block-size: 120px;
    resize: vertical;
}
.sz-cataloginv {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
}
.sz-cataloginv__head {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
}
.sz-cataloginv__head h3 {
    margin: 0;
}
.sz-cataloginv__head p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-2) 0 0;
}
.sz-cataloginv__metrics {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-cataloginv__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-cataloginv__metric {
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
    min-block-size: 112px;
    padding: var(--sz-space-3);
}
.sz-cataloginv__metric p {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    margin: 0;
}
.sz-cataloginv__metric strong {
    color: var(--sz-primary-600);
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 3vw, 36px);
    line-height: 1.2;
}
.sz-cataloginv__toolbar {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
}
.sz-cataloginv__filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-cataloginv__filter {
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface-variant);
    cursor: pointer;
    font: inherit;
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    min-block-size: 38px;
    padding-inline: var(--sz-space-3);
}
.sz-cataloginv__filter.is-active {
    background: color-mix(in srgb, var(--sz-primary-600) 10%, var(--sz-white));
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-600);
}
.sz-cataloginv__filter:hover,
.sz-cataloginv__filter:focus-visible {
    border-color: var(--sz-primary-600);
}
.sz-cataloginv__grid {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
@media (max-width: 1200px) {
    .sz-cataloginv__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-cataloginv__card {
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-4);
}
.sz-cataloginv__card-head {
    align-items: start;
    display: flex;
    justify-content: space-between;
    gap: var(--sz-space-3);
}
.sz-cataloginv__card-head h4 {
    margin: 0;
}
.sz-cataloginv__card-head p {
    color: var(--sz-on-surface-variant);
    margin: var(--sz-space-1) 0 0;
}
.sz-cataloginv__draft {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
}
.sz-cataloginv__meta-list {
    display: grid;
    gap: var(--sz-space-2);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 6rem), 1fr));
    margin: 0;
}
.sz-cataloginv__meta-list dt {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    margin: 0;
}
.sz-cataloginv__meta-list dd {
    font-weight: 700;
    margin: var(--sz-space-1) 0 0;
}
.sz-bento__title {
    font-family: var(--sz-font-hero);
    font-size: clamp(28px, 5vw, 48px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 var(--sz-space-4);
}
.sz-bento__cta {
    align-self: flex-start;
    background: var(--sz-white);
    border: 2px solid var(--sz-primary-700);
    border-radius: 0;
    color: var(--sz-primary-600);
    font-weight: 700;
    margin-block-start: 40px;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-3) 40px;
}
.sz-bento__side {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    border-radius: var(--sz-radius-4);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
}
.sz-bento__side-title {
    color: var(--sz-primary-600);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 var(--sz-space-2);
}
.sz-bento__side-text {
    color: var(--sz-on-surface-variant);
    margin: 0 0 var(--sz-space-6);
}
.sz-bento__side-cta {
    background: var(--sz-fill-bright);
    border: 2px solid var(--sz-primary-600);
    border-radius: 0;
    color: var(--sz-on-fill-bright);
    font-weight: 700;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-3);
    text-align: center;
    transition: opacity 0.3s;
}
.sz-bento__side-cta:hover {
    opacity: 0.9;
}
.sz-help__hero {
    background: var(--sz-fill-deep);
    border-radius: var(--sz-radius-4);
    color: var(--sz-on-fill-deep);
    margin-block-end: var(--sz-space-8);
    padding: var(--sz-space-8);
    text-align: center;
}
.sz-help__search {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: center;
    margin-block-start: var(--sz-space-5);
}
.sz-help__search .sz-field {
    max-inline-size: 420px;
    inline-size: 100%;
    text-align: start;
}
.sz-help__search .sz-field__label {
    color: var(--sz-on-fill-deep);
}
.sz-help__count {
    align-items: center;
    display: flex;
    gap: var(--sz-space-4);
}
.sz-help__topic {
    margin-block-end: var(--sz-space-8);
    max-inline-size: 70ch;
}
.sz-help__entry {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    border-radius: var(--sz-radius-3);
    margin-block-end: var(--sz-space-3);
    padding: var(--sz-space-4) var(--sz-space-5);
}
.sz-help__entry summary {
    cursor: pointer;
    font-weight: 700;
    min-block-size: var(--sz-touch-min);
    display: flex;
    align-items: center;
}
.sz-help__entry p {
    color: var(--sz-on-surface-variant);
    line-height: 1.8;
    margin-block-end: 0;
}
.sz-help__contact {
    background: var(--sz-surface-container-high);
    border-radius: var(--sz-radius-4);
    max-inline-size: 70ch;
    padding: var(--sz-space-6);
}
.sz-legal__hero {
    background: var(--sz-primary-100);
    border-radius: var(--sz-radius-4);
    margin-block-end: var(--sz-space-6);
    padding: var(--sz-space-8);
}
.sz-legal__badge {
    background: var(--sz-fill-deep);
    border-radius: var(--sz-radius-1);
    color: var(--sz-on-fill-deep);
    display: inline-block;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    margin: 0 0 var(--sz-space-3);
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sz-legal__updated {
    color: var(--sz-on-surface-variant);
    margin-block-end: 0;
}
.sz-legal__layout {
    align-items: start;
    display: grid;
    gap: var(--sz-space-8);
    grid-template-columns: minmax(0, 1fr) 280px;
}
.sz-legal__toc {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    border-radius: var(--sz-radius-4);
    padding: var(--sz-space-5);
    position: sticky;
    inset-block-start: var(--sz-space-6);
}
.sz-legal__toc-title {
    font-weight: 700;
    margin-block-start: 0;
}
.sz-legal__toc ol {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    margin: 0;
    padding-inline-start: var(--sz-space-5);
}
.sz-legal__body {
    max-inline-size: 70ch;
}
.sz-legal__body h2 {
    margin-block-start: var(--sz-space-8);
}
.sz-legal__body p {
    line-height: 1.8;
}
.sz-legal__notice {
    background: var(--sz-surface-container-high);
    border-inline-start: 4px solid var(--sz-accent-amber);
    border-radius: var(--sz-radius-2);
    padding: var(--sz-space-4);
}
.sz-legal__intro {
    font-size: 18px;
}
.sz-legal__acceptance {
    border-block-start: 1px solid var(--sz-outline-variant);
    font-weight: 600;
    margin-block-start: var(--sz-space-8);
    padding-block-start: var(--sz-space-5);
}
.sz-shell__footer {
    background: var(--sz-white);
    border-block-start: 1px solid var(--sz-outline-variant);
    margin-block-start: var(--sz-space-10);
    padding-block-start: var(--sz-space-8);
    padding-inline: var(--sz-space-6);
}
.sz-shell__footer-bar {
    border-block-start: 1px solid var(--sz-outline-variant);
    margin-block-start: var(--sz-space-6);
}
.sz-shell__footer-bar nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-5);
}
@media (max-width: 1200px) {
    .sz-legal__layout {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-legal__toc {
        position: static;
    }
}
.sz-chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    margin-block-end: var(--sz-space-5);
}
.sz-chips__list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-chip-filter {
    align-items: center;
    background: var(--sz-primary-100);
    border: 1px solid var(--sz-primary-200);
    border-radius: var(--sz-radius-full);
    color: var(--sz-primary-700);
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: var(--sz-space-2);
    min-block-size: 32px;
    padding-block: var(--sz-space-1);
    padding-inline: var(--sz-space-3);
    text-decoration: none;
}
.sz-chip-filter:hover {
    background: var(--sz-primary-200);
}
.sz-chip-filter .sz-icon {
    block-size: 16px;
    inline-size: 16px
}
.sz-chips__clear {
    color: var(--sz-primary-600);
    font-weight: 600;
}
.sz-tabs {
    min-inline-size: 0;
}
.sz-tabs__list {
    border-block-end: 1px solid var(--sz-outline);
    display: flex;
    gap: var(--sz-space-4);
    overflow-x: auto;
}
.sz-tabs__tab {
    background: none;
    border: 0;
    border-block-end: 2px solid transparent;
    color: var(--sz-on-surface-variant);
    cursor: pointer;
    font: inherit;
    font-weight: 600;
    min-block-size: 48px;
    padding-inline: var(--sz-space-2);
    white-space: nowrap;
}
.sz-tabs__tab:hover {
    color: var(--sz-on-surface);
}
.sz-tabs__tab.is-active {
    border-block-end-color: var(--sz-primary-600);
    color: var(--sz-primary-600);
}
.sz-tabs__panel {
    padding-block-start: var(--sz-space-5);
}
.sz-tabs__panel:focus-visible {
    outline-offset: -3px;
}
.sz-skeleton {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.sz-skeleton__block {
    background: linear-gradient(90deg, var(--sz-surface-container-low) 25%, var(--sz-surface-container-high) 50%, var(--sz-surface-container-low) 75%);
    background-size: 200% 100%;
    block-size: 220px;
    border-radius: var(--sz-radius-1);
}
@media (prefers-reduced-motion: no-preference) {
    .sz-skeleton__block {
        animation: sz-search-shimmer 1.5s linear infinite;
    }
}
.sz-state {
    border-radius: var(--sz-radius-4);
    padding: clamp(var(--sz-space-5), 5vw, 40px);
    text-align: center;
}
.sz-legal__section {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: grid;
    gap: var(--sz-space-3);
    padding: var(--sz-space-5);
}
.sz-legal__section--security {
    background: color-mix(in srgb, var(--sz-primary-100) 24%, var(--sz-white));
}
.sz-state--empty {
    background: var(--sz-white);
    border: 1px dashed var(--sz-outline);
}
.sz-state--error {
    background: var(--sz-white);
    border: 1px solid color-mix(in srgb, var(--sz-error) 30%, transparent);
}
.sz-privacy-overview__grid {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-privacy-overview__card {
    align-items: center;
    background: var(--sz-surface-container-low);
    border: 1px solid var(--sz-outline-variant);
    color: inherit;
    display: flex;
    gap: var(--sz-space-3);
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-3) var(--sz-space-4);
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease;
}
.sz-privacy-overview__card:hover,
.sz-privacy-overview__card:focus-visible {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-600);
}
.sz-privacy-overview__card:focus-visible {
    box-shadow:
        inset 0 0 0 2px var(--sz-white),
        inset 0 0 0 5px var(--sz-primary-900);
    outline: none;
}
.sz-privacy-overview__card .sz-icon {
    color: var(--sz-primary-600);
    block-size: 24px;
    inline-size: 24px
}
.sz-state--loading,
.sz-state--permission {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline);
}
.sz-state .sz-icon {
    block-size: 48px;
    inline-size: 48px
}
@media (max-width: 1200px) {
    .sz-privacy-overview__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-state--empty .sz-icon {
    color: var(--sz-on-surface-variant);
}
.sz-state--error .sz-icon {
    color: var(--sz-error);
}
.sz-state--permission .sz-icon {
    color: var(--sz-on-surface-variant);
}
.sz-state__spinner {
    animation: sz-state-spin 0.9s linear infinite;
    block-size: 40px;
    border: 3px solid var(--sz-outline);
    border-block-start-color: var(--sz-primary-600);
    border-radius: 50%;
    display: inline-block;
    inline-size: 40px;
}
@keyframes sz-state-spin {
    to {
        transform: rotate(360deg);
    }
}
@media (prefers-reduced-motion: reduce) {
    .sz-state__spinner {
        animation-duration: 3s;
    }
}
.sz-state__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: center;
    margin-block-start: var(--sz-space-4);
}
.sz-state__title {
    font-weight: 700;
    margin: var(--sz-space-3) 0 var(--sz-space-1);
}
.sz-state--error .sz-state__title {
    color: var(--sz-error);
}
.sz-state__text {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-state__cta {
    align-self: center;
}
.sz-error-page__reference {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    margin: var(--sz-space-4) 0 0;
    text-align: center;
}
.sz-error-page__reference code {
    background: var(--sz-surface-container-high);
    color: var(--sz-on-surface);
    font-family: var(--sz-font-mono);
    padding: 0 var(--sz-space-1);
}
.sz-search-page {
    inline-size: 100%;
}
.sz-search-hero {
    border-block-end: 1px solid var(--sz-outline-variant);
    margin-block-end: var(--sz-space-8);
    padding-block-end: var(--sz-space-6);
}
.sz-search-breadcrumb {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    font-size: var(--sz-font-size-sm);
    gap: var(--sz-space-1);
    margin-block-end: var(--sz-space-5);
}
.sz-search-breadcrumb a {
    color: inherit;
}
.sz-search-breadcrumb a:hover {
    color: var(--sz-primary-600);
}
.sz-search-breadcrumb .sz-icon {
    block-size: 16px;
    inline-size: 16px
}
[dir="ltr"] .sz-search-breadcrumb .sz-icon {
    transform: rotate(180deg);
}
.sz-search-hero__copy {
    max-inline-size: 720px;
}
.sz-search-hero__eyebrow,
.sz-results-toolbar__eyebrow {
    color: var(--sz-primary-600);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 var(--sz-space-2);
    text-transform: uppercase;
}
.sz-search-hero h1 {
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.2;
    margin: 0 0 var(--sz-space-2);
}
.sz-search-hero__copy > p:last-child {
    color: var(--sz-on-surface-variant);
    font-size: 16px;
    margin: 0;
}
.sz-search-layout {
    align-items: start;
    display: grid;
    gap: var(--sz-space-8);
    grid-template-columns: 300px minmax(0, 1fr);
}
.sz-search-filters {
    min-inline-size: 0;
    position: sticky;
    top: calc(var(--sz-topbar-height) + var(--sz-space-4));
}
.sz-filter-panel {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
}
.sz-filter-panel__summary {
    align-items: center;
    cursor: pointer;
    display: none;
    font-weight: 700;
    gap: var(--sz-space-2);
    list-style: none;
    min-block-size: 52px;
    padding: var(--sz-space-3) var(--sz-space-4);
}
.sz-filter-panel__summary::-webkit-details-marker {
    display: none;
}
.sz-filter-panel__count {
    align-items: center;
    background: var(--sz-fill-bright);
    border-radius: var(--sz-radius-full);
    color: var(--sz-on-fill-bright);
    display: inline-flex;
    font-size: var(--sz-font-size-xs);
    block-size: 22px;
    inline-size: 22px;
    justify-content: center;
}
.sz-filter-panel__chevron {
    margin-inline-start: auto;
    transition: transform 0.2s ease;
}
.sz-filter-panel[open] .sz-filter-panel__chevron {
    transform: rotate(180deg);
}
.sz-filter-form {
    display: grid;
    gap: var(--sz-space-5);
    padding: var(--sz-space-6);
}
.sz-filter-form__heading {
    align-items: center;
    border-block-end: 1px solid var(--sz-outline-variant);
    display: flex;
    justify-content: space-between;
    padding-block-end: var(--sz-space-4);
}
.sz-filter-form__heading > span {
    align-items: center;
    color: var(--sz-primary-700);
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    gap: var(--sz-space-2);
}
.sz-filter-form__heading a {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    text-decoration: underline;
}
.sz-filter-form__pair {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sz-filter-form__group {
    border: 0;
    margin: 0;
    min-inline-size: 0;
    padding: 0;
}
.sz-filter-form__group legend {
    font-size: 14px;
    font-weight: 700;
    margin-block-end: var(--sz-space-2);
}
.sz-select {
    appearance: auto;
    cursor: pointer;
}
.sz-filter-check {
    align-items: center;
    background: var(--sz-surface-container-low);
    border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: var(--sz-space-2);
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-3);
}
.sz-filter-check:has(input:checked) {
    background: color-mix(in srgb, var(--sz-primary-600) 8%, transparent);
    border-color: var(--sz-primary-500);
    color: var(--sz-primary-700);
}
.sz-filter-check input {
    accent-color: var(--sz-primary-600);
    block-size: 18px;
    inline-size: 18px;
}
.sz-filter-check .sz-icon {
    color: var(--sz-primary-600);
    block-size: 20px;
    inline-size: 20px
}
.sz-search-apply {
    align-items: center;
    background: var(--sz-fill-bright);
    border: 0;
    color: var(--sz-on-fill-bright);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    gap: var(--sz-space-2);
    inline-size: 100%;
    justify-content: center;
    min-block-size: 50px;
    padding: var(--sz-space-3) var(--sz-space-5);
}
.sz-search-apply:hover {
    background: var(--sz-primary-700);
}
.sz-search-results {
    min-inline-size: 0;
}
.sz-results-toolbar {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
    justify-content: space-between;
    margin-block-end: var(--sz-space-6);
}
.sz-results-toolbar > div:first-child {
    min-inline-size: 0;
}
.sz-results-toolbar h2 {
    font-size: 28px;
    line-height: 1.25;
    margin: 0;
}
.sz-results-toolbar__controls,
.sz-sort-form,
.sz-view-switch {
    align-items: center;
    display: flex;
}
.sz-results-toolbar__controls {
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    min-inline-size: 0;
}
.sz-sort-form {
    gap: var(--sz-space-2);
    min-inline-size: 0;
}
.sz-sort-form label {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    white-space: nowrap;
}
.sz-sort-form .sz-input {
    inline-size: 100%;
    max-inline-size: 220px;
    min-inline-size: 0;
}
.sz-sort-form .sz-field {
    flex: 0 1 180px;
    min-inline-size: 0;
}
.sz-icon-command,
.sz-view-switch a {
    align-items: center;
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface-variant);
    display: inline-flex;
    block-size: var(--sz-touch-min);
    inline-size: var(--sz-touch-min);
    justify-content: center;
}
.sz-icon-command {
    cursor: pointer;
}
.sz-view-switch a + a {
    border-inline-start: 0;
}
.sz-view-switch a:hover,
.sz-view-switch a.is-active {
    background: var(--sz-fill-bright);
    border-color: var(--sz-primary-600);
    color: var(--sz-on-fill-bright);
}
.sz-search-grid {
    display: grid;
    gap: var(--sz-space-5);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
    list-style: none;
    margin: 0 0 var(--sz-space-8);
    padding: 0;
}
.sz-search-card {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    overflow: hidden;
    transition: border-color 0.2s ease, filter 0.2s ease;
}
.sz-search-card__media {
    background: var(--sz-surface-container-high);
    block-size: 220px;
    display: block;
    overflow: hidden;
    position: relative;
}
.sz-search-card__media--empty {
    border: 1px dashed var(--sz-outline);
}
.sz-search-card__media img {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.sz-search-card:hover .sz-search-card__media img {
    transform: scale(1.04);
}
.sz-search-card__price {
    background: var(--sz-fill-amber);
    color: var(--sz-on-fill-amber);
    font-variant-numeric: tabular-nums;
    font-size: 16px;
    font-weight: 700;
    inset-block-start: var(--sz-space-4);
    inset-inline-end: var(--sz-space-4);
    padding: var(--sz-space-2) var(--sz-space-4);
    position: absolute;
}
.sz-search-card__featured {
    align-items: center;
    background: var(--sz-glass-fill-strong);
    color: var(--sz-primary-700);
    display: inline-flex;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    gap: var(--sz-space-1);
    inset-block-end: var(--sz-space-3);
    inset-inline-start: var(--sz-space-3);
    padding: var(--sz-space-2) var(--sz-space-3);
    position: absolute;
}
.sz-search-card__featured .sz-icon {
    block-size: 17px;
    inline-size: 17px
}
.sz-search-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: var(--sz-space-5);
}
.sz-search-card__heading {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
    margin-block-end: var(--sz-space-4);
}
.sz-search-card__heading h3 {
    font-size: 21px;
    line-height: 1.4;
    margin: 0;
    min-inline-size: 0;
    overflow-wrap: anywhere;
}
.sz-search-card__heading h3 a {
    color: var(--sz-on-surface);
}
.sz-search-card__heading h3 a:hover {
    color: var(--sz-primary-600);
    text-decoration: underline;
}
.sz-search-card__facts {
    border-block: 1px solid var(--sz-outline-variant);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 6rem), 1fr));
    margin-block-end: var(--sz-space-4);
    padding-block: var(--sz-space-4);
}
.sz-search-card__facts > span {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    padding-inline: var(--sz-space-2);
    text-align: center;
}
.sz-search-card__facts > span + span {
    border-inline-start: 1px solid var(--sz-outline-variant);
}
.sz-search-card__facts .sz-icon {
    color: var(--sz-primary-600);
    block-size: 20px;
    inline-size: 20px;
    margin-block-end: var(--sz-space-1);
}
.sz-search-card__facts strong {
    font-size: var(--sz-font-size-sm);
    max-inline-size: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sz-search-card__facts small {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
    margin-block-start: 2px;
}
.sz-search-grid.is-list {
    grid-template-columns: minmax(0, 1fr);
}
.sz-search-grid.is-list .sz-search-card {
    display: grid;
    grid-template-columns: minmax(230px, 38%) minmax(0, 1fr);
}
.sz-search-grid.is-list .sz-search-card__media {
    block-size: 100%;
    min-block-size: 260px;
}
@media (max-width: 767px) {
    .sz-search-grid.is-list .sz-search-card {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-search-grid.is-list .sz-search-card__media {
        min-block-size: 0;
    }
}
.sz-search-scope {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    margin: 0 0 var(--sz-space-4);
}
.sz-search-scope .sz-icon {
    color: var(--sz-primary-600);
    flex-shrink: 0;
}
@keyframes sz-search-shimmer {
    to {
        background-position: -200% 0;
    }
}
@media (max-width: 1200px) {
    .sz-search-layout {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-search-filters {
        position: static;
    }
    .sz-filter-panel__summary {
        display: flex;
    }
    .sz-filter-panel:not([open]) .sz-filter-form {
        display: none;
    }
    .sz-filter-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sz-filter-form__heading,
    .sz-filter-check,
    .sz-search-apply {
        grid-column: 1 / -1;
    }
}
@media (max-width: 767px) {
    .sz-filter-form,
    .sz-filter-form__pair,
    .sz-platedir__filters {
        grid-template-columns: minmax(0, 1fr);
    }
}
.sz-profile {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-6);
}
.sz-profile__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sz-profile__title {
    margin: 0;
    font-size: clamp(1.5rem, 2.4vw, 2rem);
}
.sz-profile__loading {
    display: grid;
    gap: var(--sz-space-3);
}
.sz-profile__hero .sz-card {
    padding: var(--sz-space-6);
}
.sz-profile__hero-body {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-6);
    align-items: center;
}
.sz-profile__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: clamp(88px, 10vw, 124px);
    block-size: clamp(88px, 10vw, 124px);
    border-radius: var(--sz-radius-full);
    border: 3px solid var(--sz-primary-100);
    background: linear-gradient(160deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    color: var(--sz-on-fill-deep);
    font-size: clamp(1.4rem, 3vw, 2.1rem);
    font-weight: 700;
}
.sz-profile__avatar-image {
    block-size: 100%;
    border-radius: var(--sz-radius-full);
    inline-size: 100%;
    object-fit: cover;
}
.sz-profile__avatar {
    overflow: hidden;
}
.sz-profile__photo {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-5);
}
.sz-profile__photo-preview {
    align-items: center;
    background: linear-gradient(160deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    block-size: 96px;
    border: 3px solid var(--sz-primary-100);
    border-radius: var(--sz-radius-full);
    color: var(--sz-on-fill-deep);
    display: inline-flex;
    flex: none;
    font-size: 1.4rem;
    font-weight: 700;
    inline-size: 96px;
    justify-content: center;
    overflow: hidden;
}
.sz-profile__photo-empty {
    line-height: 1;
}
.sz-profile__photo-image {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
}
.sz-profile__photo-actions {
    display: grid;
    gap: var(--sz-space-3);
    min-inline-size: 12rem;
}
.sz-profile__photo-hint {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    margin: 0;
}
.sz-profile__identity {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-profile__name {
    margin: 0;
}
.sz-profile__line {
    margin: 0;
    color: var(--sz-on-surface-variant);
}
.sz-profile__chips {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
}
.sz-profile__chip {
    display: inline-flex;
    align-items: center;
    min-block-size: 28px;
    padding: 0 var(--sz-space-3);
    border-radius: var(--sz-radius-full);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
}
.sz-profile__chip--active {
    color: var(--sz-on-success-container);
    background: var(--sz-success-container);
}
.sz-profile__chip--muted {
    color: var(--sz-on-warning-container);
    background: var(--sz-warning-container);
}
.sz-profile__chip--soft {
    color: var(--sz-primary-700);
    background: var(--sz-primary-100);
    letter-spacing: 0.03em;
}
.sz-profile__content {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: var(--sz-space-6);
}
.sz-account-settings {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-account-settings__header h1,
.sz-account-settings__header p {
    margin: 0;
}
.sz-account-settings__eyebrow {
    color: var(--sz-on-surface-variant);
    font-weight: 700;
}
.sz-account-settings__identity {
    align-items: center;
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    gap: var(--sz-space-3);
    padding: var(--sz-space-4);
}
.sz-account-settings__identity h2,
.sz-account-settings__identity p {
    margin: 0;
}
.sz-account-settings__identity p {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__missing {
    background: var(--sz-warning-container);
    color: var(--sz-on-warning-container);
    font-size: var(--sz-font-size-sm);
    margin: 0;
    padding: var(--sz-space-2) var(--sz-space-3);
}
.sz-account-settings__avatar {
    align-items: center;
    background: var(--sz-fill-bright);
    color: var(--sz-on-fill-bright);
    display: inline-flex;
    font-family: var(--sz-font-hero);
    font-size: 22px;
    font-weight: 700;
    inline-size: 52px;
    justify-content: center;
    min-inline-size: 52px;
    block-size: 52px;
}
.sz-account-settings__grid,
.sz-account-settings__privacy-grid {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.sz-account-settings__item,
.sz-account-settings__privacy-item {
    align-items: center;
    border: 1px solid var(--sz-outline-variant);
    color: inherit;
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: auto 1fr auto;
    min-block-size: 72px;
    padding: var(--sz-space-3);
    text-decoration: none;
}
.sz-account-settings__item:hover,
.sz-account-settings__item:focus-visible,
.sz-account-settings__privacy-item:hover,
.sz-account-settings__privacy-item:focus-visible {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-600);
}
.sz-account-settings__item strong,
.sz-account-settings__privacy-item strong {
    display: block;
    font-size: 1rem;
    margin-block-end: var(--sz-space-1);
}
.sz-account-settings__item small,
.sz-account-settings__privacy-item small {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__arrow {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__privacy {
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
    padding: var(--sz-space-4);
}
.sz-account-settings__privacy h2,
.sz-account-settings__privacy p {
    margin: 0;
}
.sz-account-settings__privacy header p {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__security-note {
    align-items: flex-start;
    color: var(--sz-on-surface-variant);
    display: flex;
    gap: var(--sz-space-2);
}
.sz-account-settings__signin {
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-4);
}
.sz-account-settings__signin h2,
.sz-account-settings__signin p {
    margin: 0;
}
.sz-account-settings__signin p {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__lifecycle {
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-4);
}
.sz-account-settings__lifecycle h2,
.sz-account-settings__lifecycle p {
    margin: 0;
}
.sz-account-settings__lifecycle > header > p {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__lifecycle-actions {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
.sz-account-settings__lifecycle-actions > div {
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    padding: var(--sz-space-3);
}
.sz-account-settings__lifecycle-actions small {
    color: var(--sz-on-surface-variant);
}
.sz-account-delete__consequences {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    margin: 0 0 var(--sz-space-4);
    padding-inline-start: var(--sz-space-5);
}
.sz-account-settings__password,
.sz-account-settings__devices {
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-4);
}
.sz-account-settings__password h2,
.sz-account-settings__password p,
.sz-account-settings__devices h2,
.sz-account-settings__devices p {
    margin: 0;
}
.sz-account-settings__password > header > p,
.sz-account-settings__devices > header > p {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__device-list {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-account-settings__device {
    align-items: center;
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: space-between;
    padding: var(--sz-space-3);
}
.sz-account-settings__device > span {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
}
.sz-account-settings__device small {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__language {
    border: 1px solid var(--sz-outline-variant);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    padding: var(--sz-space-4);
}
.sz-account-settings__language h2,
.sz-account-settings__language p {
    margin: 0;
}
.sz-account-settings__language p {
    color: var(--sz-on-surface-variant);
}
.sz-account-settings__language .sz-culture-switcher {
    --sz-culture-fg: var(--sz-on-surface);
    --sz-culture-border: var(--sz-outline-variant);
    --sz-culture-hover-bg: var(--sz-primary-50);
    --sz-culture-selected-fg: var(--sz-white);
}
.sz-account-settings__language .sz-culture-switcher a {
    color: var(--sz-culture-fg);
}
.sz-account-settings__language .sz-culture-switcher a[aria-current="true"],
.sz-account-settings__language .sz-culture-switcher a[aria-current="true"]:hover {
    background: var(--sz-primary-700);
    border-color: var(--sz-primary-700);
    color: var(--sz-culture-selected-fg);
}
.sz-account-settings__session {
    display: flex;
    justify-content: flex-start;
}
.sz-notifpref {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-notifpref__hero {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-notifpref__hero h1,
.sz-notifpref__hero p {
    margin: 0;
}
.sz-notifpref__hero p {
    color: var(--sz-on-surface-variant);
}
.sz-notifpref__list {
    display: grid;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-notifpref__item {
    align-items: center;
    display: flex;
    gap: var(--sz-space-3);
    justify-content: space-between;
}
.sz-notifpref__toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--sz-space-3);
    min-block-size: var(--sz-touch-min);
}
.sz-notifpref__label {
    font-weight: 600;
}
.sz-notifpref__actions {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}
.sz-notify {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-notify__head {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-notify__head h1,
.sz-notify__head p {
    margin: 0;
}
.sz-notify__head p {
    color: var(--sz-on-surface-variant);
}
.sz-notify__panel {
    display: grid;
    gap: var(--sz-space-4);
}
.sz-notify__list {
    display: grid;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-notify__item {
    border: 1px solid var(--sz-outline-variant);
    display: grid;
    gap: var(--sz-space-2);
    padding: var(--sz-space-4);
}
.sz-notify__item-head {
    align-items: center;
    display: flex;
    gap: var(--sz-space-2);
    justify-content: space-between;
}
.sz-notify__item-head small {
    color: var(--sz-on-surface-variant);
}
.sz-notify__item h2,
.sz-notify__item p {
    margin: 0;
}
.sz-notify__item p {
    color: var(--sz-on-surface-variant);
}
.sz-notify__item a {
    color: var(--sz-primary-600);
    font-weight: 700;
    text-decoration: none;
}
.sz-notify__item a:hover,
.sz-notify__item a:focus-visible {
    text-decoration: underline;
}
.sz-favorites {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-favorites__hero h1 {
    margin: 0;
}
.sz-favorites__list {
    display: grid;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-favorites__item {
    align-items: center;
    display: flex;
    gap: var(--sz-space-4);
    justify-content: space-between;
}
.sz-favorites__item-main {
    min-inline-size: 0;
}
.sz-favorites__title {
    color: var(--sz-on-surface);
    display: inline-block;
    font-weight: 700;
    margin-block-end: var(--sz-space-1);
    text-decoration: none;
}
.sz-favorites__title:hover,
.sz-favorites__title:focus-visible {
    color: var(--sz-primary-600);
}
.sz-favorites__media {
    display: block;
    flex: 0 0 auto;
    inline-size: 128px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .sz-favorites__item {
        flex-wrap: wrap;
    }
    .sz-favorites__media {
        flex: 0 0 auto;
        inline-size: 88px;
    }
}
.sz-favorites__price {
    color: var(--sz-on-surface);
    font-weight: 700;
    margin: 0 0 var(--sz-space-1);
}
.sz-favorites__meta {
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    margin: 0;
}
.sz-profile__quick-grid {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.sz-profile__quick {
    display: flex;
    align-items: center;
    gap: var(--sz-space-3);
    min-block-size: 56px;
    padding: var(--sz-space-3) var(--sz-space-4);
    border: 1px solid var(--sz-gray-300);
    border-radius: var(--sz-radius-3);
    background: var(--sz-white);
    color: var(--sz-gray-900);
    font-weight: 600;
    text-decoration: none;
    transition: border-color var(--sz-transition-fast), transform var(--sz-transition-fast), box-shadow var(--sz-transition-fast);
}
.sz-profile__quick:hover {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-600);
    box-shadow: var(--sz-shadow-sm);
}
.sz-profile__quick .sz-icon {
    color: var(--sz-primary-600);
}
.sz-profile__form {
    display: grid;
    gap: var(--sz-space-4);
}
@media (max-width: 1200px) {
    .sz-profile__content {
        grid-template-columns: 1fr;
    }
}
.sz-create {
    display: grid;
    gap: var(--sz-space-8);
    margin-inline: auto;
    max-inline-size: 960px;
}
.sz-create__header {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-create__title {
    color: var(--sz-primary-600);
    font-size: clamp(1.75rem, 3vw, 2rem);
    margin: 0;
}
.sz-create__lede {
    color: var(--sz-on-surface-variant);
    font-size: 1.125rem;
    margin: 0;
}
.sz-create__form {
    display: grid;
    gap: var(--sz-space-8);
}
.sz-create__canvas {
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
}
.sz-create__main {
    display: grid;
    gap: var(--sz-space-8);
}
.sz-create__section {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: var(--sz-space-8);
    position: relative;
}
.sz-create__section::before {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    clip-path: var(--sz-cut-shape-lg);
    content: "";
    filter: drop-shadow(var(--sz-drop-sm));
    inset: 0;
    position: absolute;
}
.sz-create__section > * {
    position: relative;
}
.sz-create__section-head {
    align-items: center;
    display: flex;
    gap: var(--sz-space-3);
    margin-block-end: var(--sz-space-6);
}
.sz-create__step {
    align-items: center;
    background: var(--sz-primary-50);
    block-size: 32px;
    border-radius: var(--sz-radius-2);
    color: var(--sz-primary-600);
    display: inline-flex;
    flex: none;
    font-weight: 700;
    inline-size: 32px;
    justify-content: center;
}
.sz-create__section-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0;
}
.sz-create__count {
    background: var(--sz-surface-container-high);
    border-radius: var(--sz-radius-full);
    color: var(--sz-on-surface-variant);
    font-weight: 700;
    margin-inline-start: auto;
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sz-create__count--met {
    background: var(--sz-primary-100);
    color: var(--sz-primary-700);
}
.sz-create__grid {
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sz-create__main,
.sz-create__section,
.sz-create__grid > *,
.sz-create__price > * {
    min-inline-size: 0;
}
.sz-create__form :is(.sz-field, .sz-input, .sz-combobox, .sz-field__control) {
    box-sizing: border-box;
    inline-size: 100%;
    max-inline-size: 100%;
    min-inline-size: 0;
}
.sz-create__span-2 {
    grid-column: 1 / -1;
}
.sz-create__price {
    align-items: start;
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: minmax(0, 1fr) 160px;
}
.sz-create__textarea {
    font: inherit;
    line-height: 1.6;
    resize: vertical;
}
.sz-create__hint-row {
    align-items: baseline;
    display: flex;
    gap: var(--sz-space-3);
    justify-content: space-between;
}
.sz-create__counter {
    color: var(--sz-on-surface-variant);
    flex: none;
    font-variant-numeric: tabular-nums;
    font-size: var(--sz-font-size-xs);
}
.sz-create__photos {
    display: grid;
    gap: var(--sz-space-4);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    list-style: none;
    margin: 0 0 var(--sz-space-4);
    padding: 0;
}
.sz-create__photo {
    aspect-ratio: 1;
    border-radius: var(--sz-radius-3);
    overflow: hidden;
    position: relative;
}
.sz-create__photo-image {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
}
.sz-create__photo-remove {
    align-items: center;
    background: var(--sz-fill-danger);
    border: none;
    border-radius: var(--sz-radius-1);
    color: var(--sz-on-fill-danger);
    cursor: pointer;
    display: flex;
    inline-size: 28px;
    block-size: 28px;
    inset-block-start: var(--sz-space-1);
    inset-inline-end: var(--sz-space-1);
    justify-content: center;
    position: absolute;
}
.sz-create__photo-remove::before {
    content: "";
    position: absolute;
    inset: -8px;
}
.sz-create__photo-remove:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}
.sz-create__photo--add {
    overflow: visible;
}
.sz-create__photo--add .sz-create__dropzone {
    block-size: 100%;
}
.sz-create__dropzone {
    align-items: center;
    background: var(--sz-fill-soft);
    border: 2px dashed var(--sz-primary-300);
    border-radius: var(--sz-radius-3);
    color: var(--sz-on-surface-variant);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    justify-content: center;
    padding: var(--sz-space-4);
    text-align: center;
    transition: border-color var(--sz-transition-fast), color var(--sz-transition-fast), background-color var(--sz-transition-fast);
}
.sz-create__dropzone:hover {
    background: var(--sz-primary-50);
    border-color: var(--sz-primary-600);
    color: var(--sz-primary-600);
}
.sz-create__dropzone.is-dragover {
    background: var(--sz-primary-100);
    border-color: var(--sz-primary-700);
    border-style: solid;
    color: var(--sz-primary-700);
}
.sz-create__dropzone-drag {
    display: none;
    font-size: var(--sz-font-size-sm);
    margin: 0;
}
:root[data-sz-dropzone-ready] .sz-create__dropzone-drag {
    display: block;
}
.sz-create__dropzone:has(input:disabled) {
    cursor: not-allowed;
    opacity: 0.6;
}
.sz-create__dropzone:focus-within,
.sz-create__picker:focus-within {
    outline: var(--sz-focus-ring);
    outline-offset: 2px;
}
.sz-create__dropzone--empty {
    gap: var(--sz-space-3);
    min-block-size: 220px;
    margin-block-end: var(--sz-space-4);
}
.sz-create__dropzone--empty .sz-icon {
    block-size: 48px;
    inline-size: 48px
}
.sz-create__dropzone-title {
    color: var(--sz-on-surface);
    font-weight: 700;
    margin: 0;
}
.sz-create__dropzone-text {
    font-size: var(--sz-font-size-sm);
    margin: 0;
}
.sz-create__picker {
    cursor: pointer;
}
.sz-create__uploading {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    gap: var(--sz-space-3);
    margin: var(--sz-space-3) 0 0;
}
.sz-create__uploading .sz-state__spinner {
    block-size: 20px;
    border-width: 2px;
    inline-size: 20px;
}
.sz-create__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
}
.sz-create__actions .sz-btn--primary {
    background: linear-gradient(135deg, var(--sz-fill-bright), var(--sz-fill-bright-2));
    flex: 1 1 320px;
}
.sz-create__actions .sz-btn--primary:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--sz-primary-400), var(--sz-fill-bright-2));
}
.sz-create__gate {
    margin: 0;
}
.sz-create__summary {
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-4);
    position: sticky;
    inset-block-start: calc(var(--sz-topbar-height) + var(--sz-space-4));
}
.sz-create__summary h2,
.sz-create__summary h3 {
    margin: 0;
}
.sz-create__summary dl {
    display: grid;
    gap: var(--sz-space-3);
    margin: 0;
}
.sz-create__summary dt {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-xs);
}
.sz-create__summary dd {
    margin: 2px 0 0;
    font-weight: 700;
}
.sz-create__summary-progress {
    border-top: 1px solid var(--sz-outline-variant);
    padding-top: var(--sz-space-3);
}
.sz-create__summary-progress ul {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
    list-style: none;
    margin: var(--sz-space-2) 0 0;
    padding: 0;
}
.sz-create__summary-progress li {
    align-items: center;
    color: var(--sz-on-surface-variant);
    display: flex;
    gap: var(--sz-space-2);
}
.sz-create__summary-progress li.is-ready {
    color: var(--sz-success-700);
}
@media (max-width: 1200px) {
    .sz-create__canvas {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-create__summary {
        inset-block-start: auto;
        position: static;
    }
    .sz-create__section {
        padding: var(--sz-space-6);
    }
    .sz-create__photos {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 1200px) {
    .sz-create__grid,
    .sz-create__price {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-create__photos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 429px) {
    .sz-create__photos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sz-create__photo--add .sz-create__dropzone {
        gap: var(--sz-space-1);
        padding: var(--sz-space-2);
    }
}
.sz-create__photo--pending {
    background: var(--sz-gray-200);
    border: 1px solid var(--sz-outline-variant);
}
@media (prefers-reduced-motion: no-preference) {
    .sz-create__photo--pending {
        animation: sz-create-pending 1.6s linear infinite;
        background: linear-gradient(90deg, var(--sz-skeleton-base) 0%, var(--sz-skeleton-sheen) 50%, var(--sz-skeleton-base) 100%);
        background-size: 200% 100%;
    }
}
@keyframes sz-create-pending {
    from {
        background-position: 200% 0;
    }
    to {
        background-position: -200% 0;
    }
}
.sz-create__actions .sz-btn:active:not(:disabled) {
    transform: translateY(1px);
}
.sz-create__actions .sz-btn .sz-state__spinner {
    block-size: 18px;
    border-width: 2px;
    inline-size: 18px;
}
.sz-profile__eyebrow {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    font-weight: 600;
    margin: 0 0 var(--sz-space-1);
}
.sz-profile__top {
    align-items: start;
    display: grid;
    gap: var(--sz-space-6);
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.sz-profile__stats {
    display: grid;
    gap: var(--sz-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: var(--sz-space-6) 0 0;
    padding: 0;
}
.sz-profile__stat {
    align-items: center;
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    border-radius: var(--sz-radius-3);
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-1);
    padding: var(--sz-space-4) var(--sz-space-3);
    text-align: center;
}
.sz-profile__stat-icon {
    color: var(--sz-primary-600);
}
.sz-profile__stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.sz-profile__stat-label {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
}
.sz-profile__promo {
    background: linear-gradient(135deg, var(--sz-fill-deep), var(--sz-fill-deep-2));
    border-radius: var(--sz-radius-4);
    color: var(--sz-on-fill-deep);
    display: grid;
    gap: var(--sz-space-3);
    padding: var(--sz-space-6);
}
.sz-profile__promo--done {
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface);
}
.sz-profile__promo-title {
    font-size: 1.125rem;
    margin: 0;
}
.sz-profile__promo-text {
    font-size: var(--sz-font-size-sm);
    margin: 0;
    opacity: 0.9;
}
.sz-profile__progress {
    background: rgb(255 255 255 / 75%);
    block-size: 8px;
    border-radius: var(--sz-radius-full);
    overflow: hidden;
}
.sz-profile__promo--done .sz-profile__progress {
    background: var(--sz-surface-container-high);
}
.sz-profile__progress-bar {
    background: var(--sz-primary-700);
    block-size: 100%;
    display: block;
}
.sz-profile__promo-meter {
    font-variant-numeric: tabular-nums;
    font-size: var(--sz-font-size-xs);
    margin: 0;
    opacity: 0.9;
}
.sz-profile__missing {
    display: grid;
    font-size: var(--sz-font-size-sm);
    gap: var(--sz-space-1);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-profile__missing li {
    align-items: center;
    display: flex;
    gap: var(--sz-space-2);
}
.sz-profile__missing .sz-icon {
    block-size: 18px;
    inline-size: 18px
}
.sz-profile__promo-cta {
    background: var(--sz-white);
    border: 2px solid var(--sz-primary-700);
    border-radius: 0;
    color: var(--sz-primary-700);
    font-weight: 700;
    inline-size: fit-content;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-3) var(--sz-space-6);
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}
.sz-profile__section-head {
    align-items: baseline;
    display: flex;
    gap: var(--sz-space-4);
    justify-content: space-between;
}
.sz-profile__section-title {
    border-inline-start: 4px solid var(--sz-primary-600);
    font-size: 1.25rem;
    margin: 0 0 var(--sz-space-4);
    padding-inline-start: var(--sz-space-3);
}
.sz-profile__section-more {
    color: var(--sz-primary-600);
    font-weight: 700;
    text-decoration: none;
}
.sz-profile__quick-label {
    flex: 1;
}
.sz-profile__quick-meta {
    background: var(--sz-primary-100);
    border-radius: var(--sz-radius-full);
    color: var(--sz-primary-700);
    font-size: var(--sz-font-size-sm);
    font-weight: 700;
    padding: 2px var(--sz-space-2);
}
.sz-profile__activity {
    display: grid;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-profile__activity-item {
    align-items: center;
    background: var(--sz-white);
    border: 1px solid var(--sz-outline-variant);
    border-radius: var(--sz-radius-3);
    display: flex;
    gap: var(--sz-space-4);
    padding: var(--sz-space-4);
}
.sz-profile__activity-icon {
    color: var(--sz-primary-600);
}
.sz-profile__activity-body {
    display: grid;
    flex: 1;
    gap: 2px;
    min-inline-size: 0;
}
.sz-profile__activity-body time {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
}
.sz-profile__delta {
    border-radius: var(--sz-radius-full);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    padding: var(--sz-space-1) var(--sz-space-3);
}
.sz-profile__delta--up {
    background: var(--sz-success-container);
    color: var(--sz-on-success-container);
}
.sz-profile__delta--down {
    background: var(--sz-error-container);
    color: var(--sz-on-error-container);
}
@media (max-width: 1200px) {
    .sz-profile__top {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-profile__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-auth {
    display: grid;
    gap: var(--sz-space-6);
    margin-inline: auto;
    max-inline-size: 520px;
}
.sz-auth__header {
    display: grid;
    gap: var(--sz-space-2);
}
.sz-auth__title {
    color: var(--sz-primary-600);
    margin: 0;
}
.sz-auth__lede {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-auth__steps {
    display: flex;
    gap: var(--sz-space-3);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-auth__step {
    align-items: center;
    border-block-end: 3px solid var(--sz-outline-variant);
    color: var(--sz-on-surface-variant);
    display: flex;
    flex: 1;
    gap: var(--sz-space-2);
    padding-block-end: var(--sz-space-2);
}
.sz-auth__step--current {
    border-block-end-color: var(--sz-primary-600);
    color: var(--sz-primary-600);
    font-weight: 700;
}
.sz-auth__step--done {
    border-block-end-color: var(--sz-primary-300);
}
.sz-auth__step-index {
    align-items: center;
    background: var(--sz-surface-container-high);
    border-radius: var(--sz-radius-full);
    block-size: 24px;
    display: inline-flex;
    font-size: var(--sz-font-size-sm);
    inline-size: 24px;
    justify-content: center;
}
.sz-auth__step--current .sz-auth__step-index {
    background: var(--sz-fill-bright);
    color: var(--sz-on-fill-bright);
}
.sz-auth__submit {
    display: grid;
}
.sz-auth__aside {
    margin: 0;
    text-align: end;
}
.sz-auth__alt {
    align-items: center;
    border-block-start: 1px solid var(--sz-outline-variant);
    color: var(--sz-on-surface-variant);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-3);
    justify-content: center;
    margin: 0;
    padding-block-start: var(--sz-space-5);
}
.sz-auth__consent {
    align-items: center;
    display: flex;
    gap: var(--sz-space-3);
    min-block-size: var(--sz-touch-min);
}
.sz-auth__consent input {
    block-size: 20px;
    flex: none;
    inline-size: 20px;
}
.sz-auth__sent {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-auth__link {
    align-items: center;
    background: none;
    border: none;
    color: var(--sz-primary-600);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-1) var(--sz-space-2);
    text-decoration: underline;
    vertical-align: middle;
}
.sz-auth__code {
    font-family: var(--sz-font-mono);
    font-size: 1.75rem;
    font-weight: 500;
    inline-size: 100%;
    letter-spacing: 0.5em;
    min-inline-size: 0;
    padding-inline: var(--sz-space-4);
    text-align: center;
}
.sz-auth__resend {
    display: flex;
    justify-content: center;
}
:root {
    --sz-cut-shape-sm: polygon(0 0, 100% 0, 100% calc(100% - var(--sz-cut-sm)), calc(100% - var(--sz-cut-sm)) 100%, 0 100%);
    --sz-cut-shape-lg: polygon(0 0, 100% 0, 100% calc(100% - var(--sz-cut-lg)), calc(100% - var(--sz-cut-lg)) 100%, 0 100%);
    --sz-svchub-wedge: polygon(100% 0, 100% 100%, 0 100%);
    --sz-svchub-wedge-shift: translate(25%, 25%);
}
:root[dir="ltr"] {
    --sz-cut-shape-sm: polygon(0 0, 100% 0, 100% 100%, var(--sz-cut-sm) 100%, 0 calc(100% - var(--sz-cut-sm)));
    --sz-cut-shape-lg: polygon(0 0, 100% 0, 100% 100%, var(--sz-cut-lg) 100%, 0 calc(100% - var(--sz-cut-lg)));
    --sz-svchub-wedge: polygon(0 0, 100% 100%, 0 100%);
    --sz-svchub-wedge-shift: translate(-25%, 25%);
}
.sz-input,
.sz-select,
.sz-btn,
.sz-btn-hero,
.sz-topbar__search-input,
.sz-fav-btn,
.sz-badge,
.sz-bento__cta,
.sz-bento__side-cta,
.sz-profile__promo-cta,
.sz-create__picker,
.sz-auth__code,
.sz-notifmenu__all,
.sz-hero__kicker,
.sz-listing-card__price,
.sz-chip,
.sz-legal__badge,
.sz-create__step,
.sz-events__tab,
.sz-bookhist__tab,
.sz-mylistings__tab,
.sz-newsdesk__tab,
.sz-help__entry,
.sz-profile__activity-item,
.sz-profile__stat,
.sz-profile__quick,
.sz-create__photo,
.sz-skip-link,
.sz-shell__nav-inline a,
.sz-culture-switcher a {
    border-radius: 0;
    clip-path: var(--sz-cut-shape-sm);
}
.sz-feedback,
.sz-state,
.sz-legal__notice {
    border-radius: 0;
    clip-path: var(--sz-cut-shape-sm);
}
.sz-card,
.sz-modal,
.sz-svchub-card,
.sz-dir-card,
.sz-about__card,
.sz-privacy-overview__card,
.sz-events__card,
.sz-cataloginv__card,
.sz-search-card,
.sz-bento__main,
.sz-bento__side,
.sz-help__hero,
.sz-help__contact,
.sz-legal__hero,
.sz-legal__toc,
.sz-profile__promo,
.sz-create__dropzone {
    border-radius: 0;
    clip-path: var(--sz-cut-shape-lg);
}
.sz-card,
.sz-listing-card,
.sz-search-card,
.sz-profile__activity-item {
    box-shadow: none;
    filter: drop-shadow(var(--sz-drop-sm));
}
.sz-listing-card:hover,
.sz-listing-card:focus-within,
.sz-search-card:hover,
.sz-search-card:focus-within {
    filter: drop-shadow(var(--sz-drop-md));
}
.sz-modal {
    box-shadow: none;
    filter: drop-shadow(var(--sz-drop-lg));
}
.sz-listing-card__price {
    box-shadow: none;
    filter: drop-shadow(var(--sz-drop-md));
}
.sz-topbar::before {
    border-radius: 0;
    clip-path: var(--sz-cut-shape-lg);
}
.sz-input:focus-visible,
.sz-select:focus-visible,
.sz-btn:focus-visible,
.sz-btn-hero:focus-visible,
.sz-fav-btn:focus-visible,
.sz-bento__cta:focus-visible,
.sz-bento__side-cta:focus-visible,
.sz-profile__promo-cta:focus-visible,
.sz-profile__quick:focus-visible,
.sz-svchub-card:focus-visible,
.sz-create__picker:focus-within,
.sz-create__dropzone:focus-within,
.sz-notifmenu__all:focus-visible,
.sz-help__entry:focus-within {
    box-shadow:
        inset 0 0 0 2px var(--sz-white),
        inset 0 0 0 5px var(--sz-primary-900);
    outline: none;
}
.sz-topbar .sz-topbar__search-input:focus-visible {
    box-shadow:
        inset 0 0 0 2px var(--sz-primary-900),
        inset 0 0 0 5px var(--sz-white);
    outline: none;
}
.sz-post-photos,
.sz-hours__days {
    display: grid;
    gap: var(--sz-space-2);
    list-style: none;
    margin: 0;
    padding: 0;
}
.sz-post-photos {
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
}
.sz-post-photos img,
.sz-provider-logo__preview img {
    aspect-ratio: 4 / 3;
    background: var(--sz-surface-variant);
    display: block;
    inline-size: 100%;
    object-fit: cover;
}
.sz-media-fallback {
    aspect-ratio: 4 / 3;
    background: var(--sz-surface-variant);
    color: var(--sz-on-surface-variant);
    display: grid;
    inline-size: 100%;
    min-block-size: 6rem;
    place-items: center;
}
.sz-media-fallback .sz-icon {
    block-size: 2rem;
    inline-size: 2rem
}
.sz-hours__range,
.sz-hours__times {
    display: grid;
    gap: var(--sz-space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sz-post-photos__item {
    display: grid;
    gap: var(--sz-space-2);
    margin: 0;
}
.sz-post-photos__open:focus-visible {
    outline: var(--sz-focus-ring);
    outline-offset: 2px;
}
.sz-post__cover {
    inline-size: 100%;
}
.sz-post__cover:focus-visible {
    outline: var(--sz-focus-ring);
    outline-offset: 2px;
}
.sz-hours__range,
.sz-hours__times {
    gap: var(--sz-space-3);
}
.sz-hours__days {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}
.sz-post__meta {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-dirdetail__hours {
    display: grid;
    gap: var(--sz-space-1);
    margin: 0;
}
.sz-dirdetail__hours-row {
    display: flex;
    justify-content: space-between;
}
.sz-dirdetail__hours-row dt,
.sz-dirdetail__hours-row dd {
    margin: 0;
}
@media (max-width: 767px) {
    .sz-post-photos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sz-hours__range,
    .sz-hours__times {
        grid-template-columns: 1fr;
    }
}
.sz-topbar,
.sz-modal {
    backdrop-filter: blur(var(--sz-glass-blur));
}
.sz-ticker {
    align-items: center;
    backdrop-filter: blur(var(--sz-glass-blur));
    background: var(--sz-glass-fill);
    border: 1px solid var(--sz-glass-edge);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-sm);
    display: flex;
    gap: var(--sz-space-5);
    margin-block-start: -32px;
    overflow: hidden;
    padding-inline-start: var(--sz-space-5);
    position: relative;
    z-index: 2;
}
.sz-ticker + .sz-nextup {
    margin-block-start: 0;
}
.sz-ticker__label {
    align-items: center;
    background: var(--sz-fill-bright);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-bright);
    display: inline-flex;
    flex: none;
    font-size: var(--sz-font-size-xs);
    font-weight: 700;
    gap: var(--sz-space-2);
    letter-spacing: 0.04em;
    padding: var(--sz-space-2) var(--sz-space-4);
}
.sz-ticker__viewport {
    display: flex;
    min-inline-size: 0;
    overflow: hidden;
    mask-image: linear-gradient(270deg, transparent, rgb(0 0 0 / 100%) 12%, rgb(0 0 0 / 100%) 94%, transparent);
}
[dir="ltr"] .sz-ticker__viewport {
    mask-image: linear-gradient(90deg, transparent, rgb(0 0 0 / 100%) 12%, rgb(0 0 0 / 100%) 94%, transparent);
}
.sz-ticker__track {
    animation: sz-ticker-run 22s linear infinite;
    display: flex;
    flex: none;
    gap: var(--sz-space-8);
    list-style: none;
    margin: 0;
    padding: var(--sz-space-3) 0;
    min-inline-size: 100%;
    justify-content: space-evenly;
}
@keyframes sz-ticker-run {
    to { transform: translateX(100%); }
}
[dir="ltr"] .sz-ticker__track {
    animation-name: sz-ticker-run-ltr;
}
@keyframes sz-ticker-run-ltr {
    to { transform: translateX(-100%); }
}
.sz-ticker:hover .sz-ticker__track,
.sz-ticker:focus-within .sz-ticker__track {
    animation-play-state: paused;
}
.sz-ticker__item {
    align-items: center;
    display: inline-flex;
    gap: var(--sz-space-3);
    white-space: nowrap;
}
.sz-ticker__item a {
    color: var(--sz-on-surface);
    font-size: 14px;
    text-decoration: none;
}
.sz-ticker__item a:hover,
.sz-ticker__item a:focus-visible {
    color: var(--sz-primary-700);
    text-decoration: underline;
}
.sz-ticker__item--breaking a {
    color: var(--sz-error);
    font-weight: 700;
}
.sz-ticker__seam {
    color: var(--sz-on-surface-variant);
    flex: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}
.sz-bento-hub {
    display: grid;
    gap: var(--sz-space-4);
    grid-auto-rows: 11rem;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
    .sz-bento-hub {
        grid-auto-rows: minmax(9rem, auto);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
.sz-bento-fold__toggle {
    cursor: pointer;
}
.sz-bento-fold:focus-visible ~ .sz-section__head .sz-bento-fold__toggle {
    outline: var(--sz-focus-ring);
    outline-offset: 2px;
}
.sz-bento-hub--folded {
    display: none;
}
.sz-bento-fold:checked ~ .sz-bento-hub--folded {
    display: grid;
    margin-block-start: var(--sz-space-4);
}
.sz-bento-fold__chevron {
    transition: transform 0.2s ease;
}
.sz-bento-fold:checked ~ .sz-section__head .sz-bento-fold__chevron {
    transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
    .sz-bento-fold__chevron {
        transition: none;
    }
}
.sz-bento-tile {
    align-content: end;
    background: var(--sz-glass-fill);
    border: 1px solid var(--sz-glass-edge);
    border-radius: 0;
    box-shadow: var(--sz-glow-inset);
    clip-path: var(--sz-cut-shape-lg);
    color: var(--sz-on-surface);
    display: grid;
    gap: var(--sz-space-2);
    overflow: hidden;
    padding: var(--sz-space-5);
    position: relative;
    text-decoration: none;
    transition:
        border-color var(--sz-transition-fast),
        box-shadow var(--sz-transition-glass),
        transform var(--sz-transition-glass);
}
.sz-bento-tile--lead {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
}
.sz-bento-tile--wide {
    grid-column: span 2;
}
@media (max-width: 1200px) {
    .sz-bento-tile--lead {
        grid-column: span 2;
        grid-row: span 1;
    }
    .sz-bento-tile--wide {
        grid-column: span 1;
    }
}
.sz-bento-tile::after {
    background: radial-gradient(
        circle at 100% 100%,
        color-mix(in srgb, var(--sz-primary-600) 45%, transparent) 0%,
        transparent 60%);
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity var(--sz-transition-glass);
}
[dir="ltr"] .sz-bento-tile::after {
    background: radial-gradient(
        circle at 0% 100%,
        color-mix(in srgb, var(--sz-primary-600) 45%, transparent) 0%,
        transparent 60%);
}
.sz-bento-tile:hover,
.sz-bento-tile:focus-visible {
    border-color: var(--sz-primary-600);
    box-shadow: var(--sz-shadow-lg), var(--sz-glow-primary), var(--sz-glow-inset);
}
.sz-bento-tile:hover::after,
.sz-bento-tile:focus-visible::after {
    opacity: 1;
}
.sz-bento-tile__name {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    position: relative;
}
.sz-bento-tile--lead .sz-bento-tile__name {
    font-size: 26px;
}
.sz-bento-tile__detail {
    color: var(--sz-on-surface-variant);
    font-size: var(--sz-font-size-sm);
    line-height: 1.5;
    margin: 0;
    opacity: 0;
    position: relative;
    transform: translateY(6px);
    transition: opacity var(--sz-transition-glass), transform var(--sz-transition-glass);
}
@media (hover: none) {
    .sz-bento-tile__detail {
        opacity: 1;
        transform: none;
    }
}
.sz-bento-tile--lead .sz-bento-tile__detail {
    opacity: 1;
    transform: none;
}
.sz-bento-tile:hover .sz-bento-tile__detail,
.sz-bento-tile:focus-visible .sz-bento-tile__detail {
    opacity: 1;
    transform: none;
}
.sz-bento-tile__mark {
    align-items: center;
    background: var(--sz-fill-soft);
    block-size: 40px;
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-fill-soft);
    display: inline-flex;
    inline-size: 40px;
    justify-content: center;
    justify-self: start;
    margin-block-end: auto;
    position: relative;
    transition: background-color var(--sz-transition-base), color var(--sz-transition-base);
}
.sz-bento-tile:hover .sz-bento-tile__mark {
    background: var(--sz-fill-bright);
    color: var(--sz-on-fill-bright);
}
.sz-bento-tile--photo,
.sz-svchub-card--photo {
    background: var(--sz-fill-deep);
    border-color: transparent;
}
.sz-scene {
    inset: 0;
    position: absolute;
    z-index: 0;
}
.sz-scene__photo {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
    transition: transform var(--sz-transition-glass);
}
.sz-scene::after {
    content: "";
    inset: 0;
    position: absolute;
}
.sz-bento-tile .sz-scene::after {
    background: linear-gradient(
        to top,
        rgb(255 255 255 / 92%) 0%,
        rgb(255 255 255 / 74%) 45%,
        rgb(255 255 255 / 34%) 100%);
}
.sz-svchub-card .sz-scene::after {
    background: linear-gradient(
        to top,
        rgb(255 255 255 / 94%) 0%,
        rgb(255 255 255 / 76%) 38%,
        rgb(255 255 255 / 24%) 100%);
}
.sz-svchub-card--photo {
    align-items: flex-end;
    justify-content: flex-end;
    padding: var(--sz-space-4) var(--sz-space-4) var(--sz-space-3);
    text-align: end;
}
.sz-svchub-card--photo .sz-svchub-card__label {
    font-size: var(--sz-font-size-lg);
    line-height: 1.2;
}
.sz-svchub-card--photo:hover .sz-scene__photo,
.sz-svchub-card--photo:focus-visible .sz-scene__photo {
    transform: scale(1.06);
}
.sz-bento-tile--photo .sz-bento-tile__name,
.sz-bento-tile--photo .sz-bento-tile__detail,
.sz-svchub-card--photo .sz-svchub-card__icon,
.sz-svchub-card--photo .sz-svchub-card__label {
    color: var(--sz-on-fill-deep);
    position: relative;
    z-index: 1;
}
.sz-bento-tile--photo .sz-bento-tile__mark {
    background: var(--sz-fill-bright);
    color: var(--sz-on-fill-bright);
    position: relative;
    z-index: 1;
}
.sz-bento-tile--photo:hover .sz-scene__photo,
.sz-bento-tile--photo:focus-visible .sz-scene__photo {
    transform: scale(1.06);
}
@media (prefers-reduced-motion: reduce) {
    .sz-hero__pool,
    .sz-hero__pane--photo::after,
    .sz-hero__kicker::before,
    .sz-nextup__kicker::before,
    .sz-ticker__track {
        animation: none;
    }
    .sz-hero__pane--photo,
    .sz-hero__pane--glass,
    .sz-bento-tile--photo:hover .sz-scene__photo,
    .sz-bento-tile--photo:focus-visible .sz-scene__photo,
    .sz-svchub-card--photo:hover .sz-scene__photo,
    .sz-svchub-card--photo:focus-visible .sz-scene__photo,
    .sz-listing-card:hover .sz-listing-card__image,
    .sz-search-card:hover .sz-search-card__media img {
        transform: none;
    }
    .sz-bento-tile__detail {
        opacity: 1;
        transform: none;
    }
}
.sz-pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-4);
    justify-content: center;
    margin-block-start: var(--sz-space-8);
}
.sz-pagination__step {
    align-items: center;
    background: var(--sz-glass-fill);
    border: 1px solid var(--sz-glass-edge);
    border-radius: 0;
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-primary-600);
    display: inline-flex;
    font-weight: 600;
    min-block-size: var(--sz-touch-min);
    padding: var(--sz-space-2) var(--sz-space-5);
    text-decoration: none;
    transition: border-color var(--sz-transition-fast), color var(--sz-transition-fast);
}
.sz-pagination__step:hover,
.sz-pagination__step:focus-visible {
    border-color: var(--sz-glass-edge-lit);
    color: var(--sz-primary-800);
}
.sz-pagination__step:focus-visible {
    box-shadow:
        inset 0 0 0 2px var(--sz-on-fill-bright),
        inset 0 0 0 4px var(--sz-primary-600);
    outline: none;
}
.sz-pagination__step.is-disabled {
    background: none;
    border-color: var(--sz-outline-variant);
    color: var(--sz-on-surface-variant);
    opacity: 0.6;
}
.sz-pagination__status {
    color: var(--sz-on-surface-variant);
    font-variant-numeric: tabular-nums;
    font-size: var(--sz-font-size-sm);
}
.sz-listingdetail__similar {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
}
.sz-listingdetail__similar-lede {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-listingdetail__similar-rail {
    display: grid;
    gap: var(--sz-space-3);
    grid-auto-columns: minmax(180px, 1fr);
    grid-auto-flow: column;
    list-style: none;
    margin: 0;
    overflow-x: auto;
    padding: 0 0 var(--sz-space-2);
    scroll-snap-type: x mandatory;
}
.sz-listingdetail__similar-item {
    scroll-snap-align: start;
}
.sz-listingdetail__similar-link {
    color: inherit;
    display: grid;
    gap: 2px;
    text-decoration: none;
}
.sz-listingdetail__similar-media {
    aspect-ratio: 4 / 3;
    display: block;
    inline-size: 100%;
    margin-block-end: var(--sz-space-2);
    overflow: hidden;
}
.sz-listingdetail__similar-title {
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}
.sz-listingdetail__similar-price {
    font-weight: 700;
}
.sz-listingdetail__similar-meta {
    color: var(--sz-on-surface-variant);
    font-size: 13px;
}
.sz-topbar__count {
    background: var(--sz-fill-bright);
    color: var(--sz-on-fill-bright);
    clip-path: var(--sz-cut-shape-sm);
    font-size: 12px;
    font-weight: 700;
    margin-inline-start: var(--sz-space-1);
    padding: 1px var(--sz-space-2);
}
.sz-compare {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-5);
}
.sz-compare__head h1 {
    margin: 0 0 var(--sz-space-2);
}
.sz-compare__head p {
    color: var(--sz-on-surface-variant);
    margin: 0;
}
.sz-compare__table {
    table-layout: fixed;
    min-inline-size: 100%;
}
.sz-compare__table th,
.sz-compare__table td {
    min-inline-size: 160px;
    vertical-align: top;
}
.sz-compare__col {
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-2);
}
.sz-compare__photo {
    aspect-ratio: 4 / 3;
    display: block;
    inline-size: 100%;
    overflow: hidden;
}
.sz-compare__name {
    color: inherit;
    font-weight: 600;
}
.sz-compare__remove {
    background: none;
    border: 0;
    color: var(--sz-on-surface-variant);
    cursor: pointer;
    font: inherit;
    padding: 0;
    text-align: start;
    text-decoration: underline;
}
.sz-compare__best {
    font-weight: 700;
}
.sz-compare__flag {
    background: var(--sz-surface-container-high);
    clip-path: var(--sz-cut-shape-sm);
    color: var(--sz-on-surface-variant);
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    margin-inline-start: var(--sz-space-2);
    padding: 1px var(--sz-space-2);
}
.sz-compare__clear {
    display: flex;
    justify-content: flex-start;
}
.sz-listingdetail__compare {
    display: inline-flex;
}
.sz-section__foot {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    margin-block-start: var(--sz-space-5);
}
.sz-plateflow {
    display: flex;
    flex-direction: column;
}
.sz-plateflow__stage { display: grid; grid-template-areas: "plate"; min-block-size: 330px; margin-block: var(--sz-space-4) var(--sz-space-3); perspective: 1000px; place-items: center; transform-style: preserve-3d; }
.sz-plateflow__card {
    align-items: center;
    background:
        linear-gradient(160deg,
            var(--sz-glass-fill),
            var(--sz-warning-container) 45%,
            var(--sz-glass-fill));
    border: 1px solid var(--sz-glass-edge);
    box-shadow: var(--sz-shadow-lg), var(--sz-glow-inset);
    clip-path: var(--sz-cut-shape-lg);
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: var(--sz-space-3);
    grid-area: plate;
    inline-size: min(100%, 360px);
    min-block-size: 296px;
    opacity: 0;
    padding: var(--sz-space-4);
    pointer-events: none;
    text-align: center;
    text-decoration: none;
    transition:
        transform var(--sz-transition-glass),
        opacity var(--sz-transition-base),
        border-color var(--sz-transition-base),
        box-shadow var(--sz-transition-base);
    transform: translateX(0) translateZ(-260px) rotateY(0deg) scale(0.84);
    transform-style: preserve-3d;
}
.sz-plateflow__card.is-current {
    border-color: var(--sz-accent-amber);
    box-shadow:
        0 22px 52px var(--sz-warning-container),
        inset 0 0 28px var(--sz-warning-container),
        var(--sz-glow-inset);
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0) translateZ(0) rotateY(0deg) scale(1.08);
}
.sz-plateflow__card.is-before {
    opacity: 0.48;
    transform: translateX(-46%) translateZ(-180px) rotateY(-42deg) scale(0.9);
}
.sz-plateflow__card.is-after {
    opacity: 0.48;
    transform: translateX(46%) translateZ(-180px) rotateY(42deg) scale(0.9);
}
.sz-plateflow__card.is-offstage {
    opacity: 0;
    transform: translateX(0) translateZ(-340px) rotateY(0deg) scale(0.7);
}
.sz-plateflow__badge { align-self: flex-start; background: var(--sz-warning-container); border: 1px solid var(--sz-accent-amber); border-radius: var(--sz-radius-full); color: var(--sz-on-warning-container); font-size: 12px; font-weight: 800; line-height: 1; padding: var(--sz-space-2) var(--sz-space-3); }
.sz-iraqi-plate {
    aspect-ratio: 2 / 1;
    background:
        linear-gradient(145deg,
            var(--sz-glass-fill),
            var(--sz-surface-container-high));
    border: 1px solid var(--sz-glass-edge);
    border-radius: var(--sz-radius-4);
    box-shadow: inset 0 0 0 5px var(--sz-glass-fill), inset 0 0 0 8px var(--sz-ink-900);
    color: var(--sz-ink-900);
    direction: ltr;
    display: grid;
    grid-template-columns: 22% minmax(0, 1fr);
    inline-size: min(100%, 320px);
    overflow: hidden;
    position: relative;
}
.sz-iraqi-plate__strip, .sz-iraqi-plate__field { direction: rtl; display: flex; flex-direction: column; justify-content: center; min-inline-size: 0; padding: var(--sz-space-3); text-shadow: -2px -2px 2px var(--sz-glass-fill), 2px 3px 4px var(--sz-ink-700); }
.sz-iraqi-plate__strip {
    align-items: center;
    border-inline-end: 3px solid var(--sz-ink-900);
    gap: 2px;
    padding-block: var(--sz-space-4) var(--sz-space-3);
}
.sz-iraqi-plate__map { block-size: 36px; inline-size: 36px; margin-block: 2px; }
.sz-iraqi-plate__map path {
    fill: none;
    stroke: var(--sz-ink-700);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}
.sz-iraqi-plate__field {
    align-items: center;
    gap: var(--sz-space-1);
    padding-inline: var(--sz-space-5);
}
.sz-iraqi-plate__field strong {
    font-size: clamp(42px, 7vw, 64px);
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 0.95;
}
.sz-iraqi-plate__screw {
    background: var(--sz-ink-900);
    block-size: 8px;
    border-radius: var(--sz-radius-full);
    inline-size: 14px;
    position: absolute;
    z-index: 1;
}
.sz-iraqi-plate__screw--tl { inset-block-start: 14px; inset-inline-start: 16px; }
.sz-iraqi-plate__screw--tr { inset-block-start: 14px; inset-inline-end: 16px; }
.sz-iraqi-plate__screw--bl { inset-block-end: 14px; inset-inline-start: 16px; }
.sz-iraqi-plate__screw--br { inset-block-end: 14px; inset-inline-end: 16px; }
.sz-plateflow__price {
    color: var(--sz-on-warning-container);
    font-weight: 900;
}
.sz-plateflow__controls {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sz-space-2);
    justify-content: center;
}
.sz-plateflow__page,
.sz-plateflow__toggle {
    align-items: center;
    background: var(--sz-glass-fill);
    border: 1px solid var(--sz-glass-edge);
    block-size: 44px;
    border-radius: var(--sz-radius-full);
    color: inherit;
    cursor: pointer;
    display: flex;
    inline-size: 44px;
    justify-content: center;
}
.sz-plateflow__dots { align-items: center; display: flex; gap: var(--sz-space-2); }
.sz-plateflow__dot {
    background: var(--sz-glass-edge);
    border: 0;
    block-size: 14px;
    border-radius: var(--sz-radius-full);
    cursor: pointer;
    inline-size: 14px;
    padding: 0;
}
.sz-plateflow__dot.is-current {
    background: var(--sz-accent-amber);
    inline-size: 34px;
}
@media (max-width: 767px) {
    .sz-about__stats,
    .sz-admindash__metrics,
    .sz-bookdash__metrics,
    .sz-catalogdash__stats,
    .sz-cataloginv__metrics,
    .sz-pdash__metrics,
    .sz-profile__stats,
    .sp-manage__metrics {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-cataloginv__grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .sz-dir-nearest__form {
        grid-template-columns: minmax(0, 1fr);
    }
}