.mesh-showbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--enriched-spacing-md);
    flex-wrap: wrap;
}

.mesh-showbar-left {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    flex-wrap: wrap;
}

.mesh-showchip {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem 1.35rem;
    border-radius: var(--enriched-border-radius-o);
    border: 2px solid var(--enriched-border);
    background: var(--enriched-surface);
    color: var(--enriched-text);
    font-weight: 600;
    font-size: var(--enriched-font-sm);
    cursor: pointer;
    user-select: none;
    transition: var(--enriched-transition-normal);
    backdrop-filter: blur(var(--enriched-glass-blur));
    box-shadow: var(--enriched-shadow-sm);
    position: relative;
    overflow: hidden;
}

.mesh-showchip::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--enriched-gradient-primary);
    opacity: 0;
    transition: opacity .3s ease;
}

.mesh-showchip:hover {
    transform: translateY(-2px);
    box-shadow: var(--enriched-shadow-md);
    border-color: var(--enriched-primary-light);
}

.mesh-showchip:active {
    transform: translateY(0);
}

.mesh-showchip.is-active {
    border-color: var(--enriched-primary);
    background: var(--enriched-primary);
    color: var(--enriched-text-inverse);
    box-shadow: var(--enriched-shadow-primary);
}

.mesh-showchip.is-active::before {
    opacity: 1;
}

.mesh-showchip i {
    font-size: 1.1em;
    opacity: .85;
    position: relative;
    z-index: 1;
}

.mesh-showchip.is-active i {
    opacity: 1;
}

.mesh-showchip span {
    position: relative;
    z-index: 1;
}

.mesh-pane {
    min-width: 0;
    animation: mesh-pane-fade-in .4s var(--enriched-easing);
}

@keyframes mesh-pane-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.enriched-mesh {
    width: 100%;
    position: relative;
}

.enriched-mesh-top {
    margin-bottom: var(--enriched-spacing-xl);
}

.enriched-mesh-bar {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-md);
    flex-wrap: wrap;
    margin-bottom: var(--enriched-spacing-lg);
}

.enriched-mesh-bar-cell {
    flex: 0 0 auto;
}

.enriched-mesh-bar-search {
    flex: 1;
    min-width: 300px;
}

.enriched-mesh-bar-sort,
.enriched-mesh-bar-variant {
    min-width: 160px;
}

.enriched-mesh-bar-actions {
    display: flex;
    gap: var(--enriched-spacing-sm);
}

.enriched-input {
    width: 100%;
    padding: .85rem 1rem;
    border-radius: var(--enriched-border-radius-lg);
    border: 1px solid var(--enriched-border);
    background: var(--enriched-surface);
    color: var(--enriched-text);
    font-size: var(--enriched-font-sm);
    transition: var(--enriched-transition-fast);
    backdrop-filter: blur(var(--enriched-glass-blur));
}

.enriched-input:focus {
    outline: none;
    border-color: var(--enriched-primary);
    box-shadow: 0 0 0 3px var(--enriched-focus-ring);
}

.enriched-input[type="search"] {
    padding-left: 1rem;
    background-image: none !important;
}

.enriched-input[type="search"]::-webkit-search-cancel-button,
.enriched-input[type="search"]::-webkit-search-decoration,
.enriched-input[type="search"]::-webkit-search-results-button,
.enriched-input[type="search"]::-webkit-search-results-decoration{
    -webkit-appearance:none !important;
    appearance:none !important;
    display:none !important;
}

.enriched-input[type="search"]::-ms-clear,
.enriched-input[type="search"]::-ms-reveal{
    display:none !important;
    width:0 !important;
    height:0 !important;
}

.enriched-mesh-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    gap:.5rem;
}

.enriched-mesh-search-wrap .enriched-input {
    width: 100%;
    flex:1 1 auto;
    min-width:0;
}

.enriched-mesh-search-actions {
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: .4rem;
    align-items: center;
}

.enriched-mesh-search-actions .enriched-main-button {
    min-width: 2.35rem;
    padding: .55rem .75rem;
    line-height: 1;
}

@media (max-width:640px) {
    .enriched-mesh-search-wrap .enriched-input {
        padding-right: 6.5rem;
    }

    .enriched-mesh-search-actions {
        right: .4rem;
    }
}

.enriched-mesh-search-btn,
.enriched-mesh-search-clear{
    min-width:44px;
    justify-content:center;
}

.enriched-input.enriched-mesh-sort {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 3rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem;
}

.enriched-input.enriched-mesh-sort:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 8 10 12 14 8'/%3E%3C/svg%3E");
}

.enriched-mesh-min {
    padding: var(--enriched-spacing-md) 0;
    border-bottom: 1px solid var(--enriched-border-light);
    margin-bottom: var(--enriched-spacing-lg);
}

.enriched-mesh-min-track {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    flex-wrap: wrap;
}

.enriched-empty-chip {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .85rem;
    border-radius: var(--enriched-border-radius-o);
    background: var(--enriched-surface-light);
    color: var(--enriched-text-lighter);
    font-size: var(--enriched-font-xs);
    border: 1px solid var(--enriched-border-light);
}

.enriched-mesh-filters {
    background: var(--enriched-surface);
    border-radius: var(--enriched-border-radius-lg);
    padding: var(--enriched-spacing-lg);
    border: 1px solid var(--enriched-border);
    margin-top: var(--enriched-spacing-md);
    box-shadow: var(--enriched-shadow-sm);
}

.enriched-mesh-filter-group {
    margin-bottom: var(--enriched-spacing-xl);
}

.enriched-mesh-filter-group:last-child {
    margin-bottom: 0;
}

.enriched-mesh-filter-title {
    font-weight: 600;
    margin-bottom: var(--enriched-spacing-md);
    color: var(--enriched-text);
    font-size: var(--enriched-font-sm);
}

.enriched-mesh-filter-track {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    flex-wrap: wrap;
}

.enriched-mesh-filter-pill {
    padding: .65rem 1.15rem;
    border-radius: var(--enriched-border-radius-o);
    border: 1px solid var(--enriched-border);
    background: var(--enriched-surface);
    color: var(--enriched-text-light);
    font-size: var(--enriched-font-sm);
    cursor: pointer;
    transition: var(--enriched-transition-fast);
}

.enriched-mesh-filter-pill:hover {
    border-color: var(--enriched-primary-light);
    color: var(--enriched-primary);
}

.enriched-mesh-filter-pill.is-active {
    background: var(--enriched-primary);
    border-color: var(--enriched-primary);
    color: white;
    box-shadow: var(--enriched-shadow-primary);
}

.enriched-mesh-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));
    gap:var(--enriched-spacing-xl);
    margin:var(--enriched-spacing-xl) 0;
    position:relative;
    overscroll-behavior:contain;
    touch-action:pan-y;
    overflow:visible;
}
.enriched-mesh-grid .enriched-opt-reveal-shimmer{
    pointer-events:none;
    touch-action:none;
}
.enriched-mesh-grid *{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
@media (max-width:1200px){
    .enriched-mesh-grid{
        grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));
        gap:var(--enriched-spacing-lg);
    }
}
@media (max-width:768px){
    .enriched-mesh-grid{
        grid-template-columns:1fr;
        gap:var(--enriched-spacing-lg);
    }
    .enriched-opt-reveal-shimmer{
        backdrop-filter:none;
        filter:none;
    }
}
@media (max-width:480px){
    .enriched-mesh-grid{
        grid-template-columns:1fr;
    }
}

.enriched-empty-card {
    grid-column: 1 / -1;
    text-align: center;
    padding: var(--enriched-spacing-xxl);
    background: var(--enriched-surface);
    border-radius: var(--enriched-border-radius-lg);
    border: 2px dashed var(--enriched-border);
}

.enriched-empty-icon {
    font-size: 3rem;
    color: var(--enriched-text-lighter);
    margin-bottom: var(--enriched-spacing-lg);
    opacity: .5;
}

.enriched-empty-title {
    font-size: var(--enriched-font-xl);
    color: var(--enriched-text);
    margin-bottom: var(--enriched-spacing-sm);
}

.enriched-empty-sub {
    color: var(--enriched-text-lighter);
    margin-bottom: var(--enriched-spacing-xl);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.enriched-empty-actions {
    display: flex;
    justify-content: center;
    gap: var(--enriched-spacing-sm);
    flex-wrap: wrap;
}

.enriched-mesh-bottom {
    border-top: 1px solid var(--enriched-border-light);
    padding-top: var(--enriched-spacing-xl);
}

.enriched-mesh-meta {
    text-align: center;
    color: var(--enriched-text-lighter);
    margin-bottom: var(--enriched-spacing-lg);
    font-size: var(--enriched-font-sm);
}

.enriched-mesh-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--enriched-spacing-md);
}

.enriched-mesh-pager-left,
.enriched-mesh-pager-right {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: var(--enriched-spacing-sm);
}

.enriched-mesh-pager-mid {
    flex: 1 1 auto;
    text-align: center;
    color: var(--enriched-text-light);
    font-size: var(--enriched-font-sm);
}

.enriched-mesh-pager-bottom {
    margin-top: var(--enriched-spacing-xl);
}

.enriched-mesh-pager-shell{
    width:100%;
}
.enriched-mesh-pager-left,.enriched-mesh-pager-mid,.enriched-mesh-pager-right{
    display:flex;
    align-items:center;
    gap:var(--enriched-spacing-sm);
    flex-wrap:wrap;
}
.enriched-mesh-pager-shell{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--enriched-spacing-md);
    flex-wrap:wrap;
}
.enriched-mesh-pager-mid{
    flex:1;
    justify-content:center;
    min-width:240px;
}
.enriched-mesh-pager-shell[data-range-align="left"] .enriched-mesh-pager-mid{
    flex:0 1 auto;
    justify-content:flex-start;
    min-width:auto;
}
.enriched-mesh-pager-shell[data-range-align="right"] .enriched-mesh-pager-mid{
    flex:0 1 auto;
    justify-content:flex-end;
    min-width:auto;
}
.enriched-mesh-pager-gap{
    padding:0 6px;
    opacity:.7;
}
.enriched-mesh-pager-jump{
    display:flex;
    align-items:center;
    gap:var(--enriched-spacing-sm);
    flex-wrap:nowrap;
}
.enriched-mesh-pager-jump-input{
    width:120px;
}
.enriched-mesh-pager-jump-input[aria-invalid="true"]{
    outline:2px solid var(--enriched-danger);
    outline-offset:2px;
}
.enriched-mesh-pager-only .enriched-mesh-pager-shell{
    width:100%;
}
.enriched-mesh-pager-range{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    gap:var(--enriched-spacing-sm);
    padding-inline:var(--enriched-spacing-lg);
    padding-block:calc(var(--enriched-spacing-sm) + 2px);
    line-height:1;
    box-sizing:border-box;
    border:2px dashed rgba(0,0,0,.22);
    border-radius:var(--enriched-border-radius-md);
    font-size:.95rem;
    font-weight:600;
    text-align:center;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    outline:0;
    box-shadow:var(--enriched-shadow-md);
    background:var(--enriched-surface-full);
    color:var(--enriched-text);
    white-space:nowrap;
    user-select:none;
}
.enriched-mesh-pager-range strong{font-weight:800;}
.enriched-mesh-pager-range:focus-visible{box-shadow:0 0 0 3px rgba(78,106,230,.22),var(--enriched-shadow-md);}
[data-theme="dark"] .enriched-mesh-pager-range{
    border-color:rgba(255,255,255,.22);
    background:var(--enriched-surface-dark);
    color:var(--enriched-text);
}
.d-poster {
    background: linear-gradient(180deg,
            rgba(255, 255, 255, .08),
            rgba(255, 255, 255, .03));
    backdrop-filter: blur(20px);
}

.d-stack {
    background: linear-gradient(135deg,
            rgba(var(--enriched-primary-rgb, 78, 106, 230), .05),
            transparent);
    border-color: rgba(var(--enriched-primary-rgb, 78, 106, 230), .1);
}

@media (max-width: 768px) {
    .mesh-showbar {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--enriched-spacing-md);
        margin: var(--enriched-spacing-lg) 0;
    }

    .mesh-showbar-left {
        width: 100%;
        justify-content: center;
    }

    .mesh-showchip {
        flex: 1;
        min-width: 160px;
        justify-content: center;
        padding: .75rem 1rem;
        font-size: var(--enriched-font-sm);
    }

    .enriched-mesh-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .enriched-mesh-bar-search,
    .enriched-mesh-bar-sort,
    .enriched-mesh-bar-variant {
        min-width: 100%;
    }

    .enriched-mesh-bar-actions {
        justify-content: center;
    }

    .enriched-mesh-pager {
        flex-direction: column;
        gap: var(--enriched-spacing-lg);
    }

    .enriched-mesh-pager-left,
    .enriched-mesh-pager-mid,
    .enriched-mesh-pager-right {
        width: 100%;
        text-align: center;
    }

    .enriched-mesh-filters {
        padding: var(--enriched-spacing-md);
    }

    .enriched-mesh-filter-track {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .mesh-showchip {
        min-width: 140px;
        padding: .65rem .85rem;
        font-size: var(--enriched-font-xs);
    }

    .mesh-showchip i {
        font-size: 1em;
    }
}

@media (hover: none) {
    .mesh-showchip:hover {
        transform: none;
    }

    .enriched-main-button:hover {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mesh-showchip,
    .enriched-main-button,
    .mesh-pane {
        transition: none;
        animation: none;
    }
}

:root {
    --enriched-opt-reveal-speed:1.1s;
    --enriched-opt-reveal-angle:115deg;
    --enriched-opt-reveal-sheen:rgba(255,255,255,.42);
    --enriched-opt-reveal-base:rgba(255,255,255,.88);
    --enriched-opt-reveal-edge:rgba(0,0,0,.04);
}
[data-theme="dark"] {
    :root {
        --enriched-opt-reveal-base:rgba(14,20,34,.76);
        --enriched-opt-reveal-sheen:rgba(255,255,255,.18);
        --enriched-opt-reveal-edge:rgba(255,255,255,.07);
    }
}
.enriched-opt-reveal-scope{
    position:relative;
    --enriched-opt-reveal-radius:var(--enriched-border-radius-xxl);
}
.enriched-opt-reveal-scope-bonder{overflow:hidden;border-radius:var(--enriched-opt-reveal-radius,var(--enriched-border-radius-xxl));box-shadow:0 1px 2px var(--enriched-shadow-light),0 8px 32px var(--enriched-shadow);}
.enriched-opt-reveal-shimmer{position:absolute;inset:0;border-radius:var(--enriched-opt-reveal-radius,var(--enriched-border-radius-xxl));overflow:hidden;pointer-events:none;opacity:1;transition:opacity .28s var(--enriched-easing),transform .28s var(--enriched-easing);background:var(--enriched-opt-reveal-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);will-change:transform,opacity;transform:translateZ(0);isolation:isolate;contain:paint;}
.enriched-opt-reveal-shimmer::before{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(var(--enriched-opt-reveal-angle),transparent 0%,transparent 38%,var(--enriched-opt-reveal-edge) 44%,var(--enriched-opt-reveal-sheen) 50%,var(--enriched-opt-reveal-edge) 56%,transparent 62%,transparent 100%);background-size:200% 100%;background-repeat:no-repeat;filter:blur(.4px);animation:enriched-opt-reveal-slide var(--enriched-opt-reveal-speed) linear infinite;}
.enriched-opt-reveal-shimmer.is-done{opacity:0;transform:translateZ(0);}
.enriched-opt-reveal-shimmer.is-hidden{opacity:0 !important;pointer-events:none !important; visibility: hidden !important;}
.enriched-opt-reveal-scope:hover .enriched-opt-reveal-shimmer:not(.is-done){opacity:.96;}
.enriched-opt-reveal-rounded-none{--enriched-opt-reveal-radius:0;}
.enriched-opt-reveal-rounded-sm{--enriched-opt-reveal-radius:var(--enriched-border-radius-sm);}
.enriched-opt-reveal-rounded-md{--enriched-opt-reveal-radius:var(--enriched-border-radius-md);}
.enriched-opt-reveal-rounded-lg{--enriched-opt-reveal-radius:var(--enriched-border-radius-lg);}
.enriched-opt-reveal-rounded-xl{--enriched-opt-reveal-radius:var(--enriched-border-radius-xl);}
.enriched-opt-reveal-rounded-xxl{--enriched-opt-reveal-radius:var(--enriched-border-radius-xxl);}
@keyframes enriched-opt-reveal-slide{0%{transform:translateX(-45%) rotate(.001deg);}100%{transform:translateX(45%) rotate(.001deg);}}
[data-theme="dark"] .enriched-opt-reveal-scope .enriched-opt-reveal-shimmer{box-shadow:0 0 0 1px var(--enriched-border-light),0 10px 24px var(--enriched-shadow-dark);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
@media(prefers-reduced-motion:reduce){.enriched-opt-reveal-shimmer::before{animation:none;} .enriched-opt-reveal-shimmer{backdrop-filter:none;-webkit-backdrop-filter:none;}}
.enriched-opt-reveal{opacity:0;transform:translateY(12px) translateZ(0);transition:transform .6s var(--enriched-easing),opacity .6s var(--enriched-easing);will-change:transform,opacity;pointer-events:none;}
.enriched-opt-reveal[data-enriched-opt-stagger]{transition-delay:calc(var(--stagger-index,0)*var(--enriched-opt-stagger-step,90ms));}
.enriched-opt-reveal--left{transform:translateX(-24px) translateZ(0);}
.enriched-opt-reveal--right{transform:translateX(24px) translateZ(0);}
.enriched-opt-reveal--rise{transform:translateY(18px) translateZ(0);}
.enriched-opt-reveal--fall{transform:translateY(-18px) translateZ(0);}
.enriched-opt-reveal--bounce{opacity:0;transform:translateY(16px) translateZ(0);}
.enriched-opt-reveal--none{transform:none !important;}
.enriched-opt-reveal-in{opacity:1 !important;transform:none;pointer-events:auto;}
.enriched-opt-reveal-in.enriched-opt-reveal--bounce{animation:enriched-opt-bounce-in .6s var(--enriched-easing) both;opacity:1;}
.enriched-opt-reveal-in.enriched-opt-reveal--left,.enriched-opt-reveal-in.enriched-opt-reveal--right,.enriched-opt-reveal-in.enriched-opt-reveal--rise,.enriched-opt-reveal-in.enriched-opt-reveal--fall{transform:none;}
@keyframes enriched-opt-bounce-in{0%{opacity:.01;transform:translateY(16px) scale(.98);}60%{opacity:1;transform:translateY(-4px) scale(1.005);}80%{transform:translateY(2px) scale(.998);}100%{transform:none;}}
.enriched-opt-reveal-scope .swiper-slide.enriched-opt-reveal{opacity:0;}
.enriched-opt-reveal-scope .swiper-slide.enriched-opt-reveal.enriched-opt-reveal-in{opacity:1;}
@media(prefers-reduced-motion:reduce){.enriched-opt-reveal,.enriched-opt-reveal-in{transition:none;} .enriched-opt-reveal-scope .swiper-slide.enriched-opt-reveal{opacity:1;transform:none;}}

.enriched-opt-reveal-shimmer {
    pointer-events: none;
    touch-action: none;
}

.enriched-opt-reveal-scope {
    position: relative;
}

@media (max-width:768px) {
    .enriched-opt-reveal-shimmer {
        backdrop-filter: none;
        filter: none;
    }
}

:root{
    --enriched-opt-reveal-scope-bg:color-mix(in oklab,var(--enriched-surface-full) 92%,transparent 8%);
    --enriched-opt-reveal-scope-bg-dark:color-mix(in oklab,var(--enriched-surface-full) 16%,var(--enriched-bg) 84%);
}

.enriched-opt-reveal-scope-bonder{
    background:var(--enriched-opt-reveal-scope-bg);
}

[data-theme="dark"] .enriched-opt-reveal-scope-bonder{
    background:var(--enriched-opt-reveal-scope-bg-dark);
}

.enriched-opt-reveal-scope-bonder>.enriched-opt-reveal-shimmer{
    background:var(--enriched-opt-reveal-base);
}

.enriched-opt-reveal-scope-bonder>[data-enriched-mesh-grid],
.enriched-opt-reveal-scope-bonder>.swiper-wrapper,
.enriched-opt-reveal-scope-bonder>:not(.enriched-opt-reveal-shimmer){
    position:relative;
    z-index:1;
}

.enriched-opt-reveal-scope-bonder>.enriched-opt-reveal-shimmer{
    z-index:2;
}

.enriched-opt-reveal-scope-bonder.enriched-opt-reveal-bg-none{
    background:transparent !important;
}

.enriched-opt-reveal-scope-bonder.enriched-opt-reveal-bg-soft{
    background:var(--enriched-section-bg-soft) !important;
}

[data-theme="dark"] .enriched-opt-reveal-scope-bonder.enriched-opt-reveal-bg-soft{
    background:var(--enriched-section-bg-soft) !important;
}

.enriched-opt-reveal-scope-bonder.enriched-opt-reveal-bg-surface{
    background:var(--enriched-section-bg-surface) !important;
}

[data-theme="dark"] .enriched-opt-reveal-scope-bonder.enriched-opt-reveal-bg-surface{
    background:var(--enriched-section-bg-surface) !important;
}

.enriched-opt-reveal-scope-bonder.enriched-opt-reveal-bg-card{
    background:var(--enriched-bg-secondary) !important;
}

[data-theme="dark"] .enriched-opt-reveal-scope-bonder.enriched-opt-reveal-bg-card{
    background:var(--enriched-bg-secondary) !important;
}