.search-v21-page{
    --s-blue:#0868ff;
    --s-blue-soft:color-mix(in srgb,var(--s-blue) 8%,var(--du-surface,#fff));
    --s-ink:var(--du-ink,#12213a);
    --s-muted:var(--du-muted,#738198);
    --s-card:var(--du-surface,#fff);
    --s-soft:var(--du-surface-soft,#f7f9fc);
    --s-line:var(--du-line-strong,#dbe3ef);
    display:grid;
    gap:14px;
    min-width:0;
}

.search-v21-heading{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:13px;
    align-items:start;
    padding:8px 2px 0;
}

.search-v21-heading__icon{
    width:42px;height:42px;margin-top:7px;
    display:grid;place-items:center;
    border:1px solid color-mix(in srgb,var(--s-blue) 28%,var(--s-line));
    border-radius:13px;background:var(--s-blue-soft);color:var(--s-blue);
}

.search-v21-heading svg,
.search-v21-input svg,
.explore-search__actions svg,
.search-empty__icon svg{
    width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round;
}

.search-eyebrow,.search-results__eyebrow{
    display:block;color:var(--s-blue);font-size:.54rem;font-weight:950;letter-spacing:.13em;
}

.search-v21-heading h1{
    margin:5px 0 0;color:var(--s-ink);
    font-size:clamp(1.95rem,5vw,3.2rem);line-height:.96;letter-spacing:-.045em;
}

.search-v21-heading p{
    margin:8px 0 0;color:var(--s-muted);font-size:.68rem;line-height:1.45;
}

.search-v21-panel{
    padding:13px;
    border:1px solid var(--s-line);
    border-radius:17px;
    background:var(--s-card);
    box-shadow:0 9px 28px rgba(25,43,74,.055);
}

.explore-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:11px;
    align-items:end;
}

.search-v21-query>span{
    display:block;margin:0 0 7px 1px;color:var(--s-ink);font-size:.62rem;font-weight:900;
}

.search-v21-input{position:relative}

.search-v21-input svg{
    position:absolute;left:13px;top:50%;transform:translateY(-50%);
    color:var(--s-muted);pointer-events:none;
}

.search-v21-input input{
    width:100%;min-height:48px;padding:0 13px 0 42px;
    border:1px solid var(--s-line);border-radius:13px;
    background:var(--s-soft);color:var(--s-ink);outline:none;
    font:inherit;font-size:.7rem;
}

.search-v21-input input:focus{
    border-color:color-mix(in srgb,var(--s-blue) 48%,var(--s-line));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--s-blue) 9%,transparent);
}

.search-v21-query small{
    display:block;margin:7px 1px 0;color:var(--s-muted);font-size:.53rem;line-height:1.4;
}

.explore-search__actions{
    display:flex;gap:7px;align-items:stretch;
}

.explore-search-button,.explore-filter-button{
    min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
    padding:0 15px;border-radius:13px;font-size:17px;cursor:pointer;
}

.explore-search-button{
    border:0;background:var(--s-blue);color:#fff;
}

.explore-filter-button{
    border:1px solid var(--s-line);background:var(--s-soft);color:var(--s-ink);
}

.explore-search-button:disabled{opacity:.55;cursor:wait}

.active-chips{
    display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;
}
.active-chips:empty{display:none}

.active-chip{
    display:inline-flex;align-items:center;gap:7px;padding:7px 9px;
    border:1px solid color-mix(in srgb,var(--s-blue) 18%,var(--s-line));
    border-radius:999px;background:var(--s-blue-soft);color:var(--s-blue);
    font-size:.55rem;font-weight:850;
}
.active-chip button{
    width:17px;height:17px;padding:0;border:0;border-radius:50%;
    display:grid;place-items:center;background:color-mix(in srgb,var(--s-blue) 10%,transparent);color:inherit;
}

.query-interpretation{
    margin-top:9px;padding:9px 11px;border-left:3px solid var(--s-blue);
    border-radius:10px;background:var(--s-soft);color:var(--s-muted);
    font-size:12px;line-height:1.45;
}
.query-interpretation strong{color:var(--s-ink)}
.query-interpretation__unmatched{opacity:.72}

.explore-section{padding-bottom:8px}

.explore-section__head{
    display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
    padding:1px 2px 12px;border-bottom:1px solid var(--s-line);
}

.explore-section__head h2{
    margin:4px 0 0;color:var(--s-ink);font-size:1.48rem;letter-spacing:-.03em;
}
.explore-section__head p{
    margin:5px 0 0;color:var(--s-muted);font-size:.56rem;
}
.search-results__count{
    flex:0 0 auto;padding:7px 9px;border-radius:999px;background:var(--s-soft);
    color:var(--s-muted);font-size:.55rem;font-weight:850;
}

.search-feedback,.search-empty{
    margin-top:14px;padding:17px;border:1px solid var(--s-line);border-radius:15px;background:var(--s-card);
}
.search-feedback{color:#a13f4a;background:color-mix(in srgb,#ff5964 5%,var(--s-card))}

.search-empty{
    min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;
}
.search-empty__icon{
    width:46px;height:46px;display:grid;place-items:center;border-radius:14px;
    background:var(--s-blue-soft);color:var(--s-blue);
}
.search-empty strong{color:var(--s-ink);font-size:.76rem}
.search-empty p{margin:0;color:var(--s-muted);font-size:.6rem}

.work-grid{
    margin-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.work-card{
    min-width:0;overflow:hidden;border:1px solid var(--s-line);border-radius:16px;
    background:var(--s-card);box-shadow:0 7px 22px rgba(23,43,77,.04);
}
.work-card__visual{
    position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--s-soft);text-decoration:none;
}
.work-card__visual img{width:100%;height:100%;display:block;object-fit:cover}
.work-card__placeholder{
    position:absolute;inset:0;display:grid;place-items:center;
    background:var(--s-soft);color:var(--s-muted);font-weight:900;
}
.work-card__badges{
    position:absolute;top:9px;left:9px;right:9px;display:flex;justify-content:space-between;gap:7px;pointer-events:none;
}
.work-card__top,.work-card__photos{
    padding:5px 7px;border-radius:999px;background:rgba(15,30,52,.68);
    backdrop-filter:blur(9px);color:#fff;font-size:.48rem;font-weight:900;
}
.work-card__top{background:rgba(255,247,214,.92);color:#765a00}
.visual-vocabulary{
    position:absolute;left:9px;bottom:9px;max-width:78%;padding:8px 9px;
    border:1px solid rgba(255,255,255,.3);border-radius:12px;
    background:rgba(249,251,254,.77);backdrop-filter:blur(13px);color:#15233d;
}
.visual-vocabulary strong{display:block;font-size:.66rem}
.visual-vocabulary span{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px;font-size:.5rem}
.visual-vocabulary b{font-weight:750}.visual-vocabulary i{font-style:normal}
.work-card__body{padding:11px 12px}
.work-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.work-card__project{
    display:block;color:var(--s-blue);font-size:.48rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
}
.work-card__meta h3{margin:4px 0 0;color:var(--s-ink);font-size:.7rem;line-height:1.25}
.work-card__location{flex:none;color:var(--s-muted);font-size:.49rem;text-align:right}
.work-card__decorator{
    display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid var(--s-line);
}
.work-card__decorator span{color:var(--s-muted);font-size:.49rem}
.work-card__decorator strong{color:var(--s-ink);font-size:.55rem}

.search-more-wrap{display:flex;justify-content:center;margin-top:17px}
.search-more{
    min-height:38px;padding:0 15px;border:1px solid var(--s-line);border-radius:999px;
    background:var(--s-card);color:var(--s-blue);font-size:.58rem;font-weight:900;cursor:pointer;
}

/* Filter dialog */
.refine-dialog{
    width:min(650px,calc(100% - 20px));max-height:88vh;padding:0;
    border:1px solid var(--s-line);border-radius:20px;background:var(--s-card);color:var(--s-ink);
    box-shadow:0 28px 90px rgba(14,29,52,.24);
}
.refine-dialog::backdrop{background:rgba(8,20,40,.45);backdrop-filter:blur(4px)}
.refine-shell{display:flex;max-height:inherit;flex-direction:column}
.refine-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 18px 9px}
.refine-head h2{margin:5px 0 0;font-size:1.35rem;letter-spacing:-.03em}
.refine-head p{margin:6px 0 0;color:var(--s-muted);font-size:.58rem}
.refine-head button{
    width:36px;height:36px;border:1px solid var(--s-line);border-radius:12px;
    background:var(--s-soft);color:var(--s-ink);font-size:1.2rem;cursor:pointer;
}
.refine-shell form{overflow:auto;padding:4px 18px 18px}
.refine-group{padding:14px 0;border-top:1px solid var(--s-line)}
.refine-group:first-child{border-top:0}
.refine-group>span{display:block;margin-bottom:9px;font-size:14px;font-weight:600}
.refine-options{display:flex;flex-wrap:wrap;gap:7px}
.refine-option{position:relative}
.refine-option input{position:absolute;opacity:0;pointer-events:none}
.refine-option span{
    display:inline-flex;padding:8px 10px;border:1px solid var(--s-line);border-radius:999px;
    background:var(--s-card);color:var(--s-ink);font-size:14px;cursor:pointer;
}
.refine-option input:checked+span{
    border-color:color-mix(in srgb,var(--s-blue) 28%,var(--s-line));
    background:var(--s-blue-soft);color:var(--s-blue);
}
.refine-footer{
    position:sticky;bottom:-18px;display:flex;justify-content:space-between;gap:9px;
    margin-top:8px;padding:12px 0 0;background:var(--s-card);
}
.refine-reset,.refine-apply{
    min-height:42px;padding:0 15px;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer;
}
.refine-reset{border:1px solid var(--s-line);background:var(--s-card);color:var(--s-muted)}
.refine-apply{border:0;background:var(--s-blue);color:#fff}

[hidden]{display:none!important}

html[data-theme="dark"] .search-v21-page,
body.theme-dark .search-v21-page{
    --s-ink:#f3f6fb;--s-muted:#9eabc0;--s-card:#19212f;--s-soft:#202a3a;--s-line:#344158;
}
@media(prefers-color-scheme:dark){
    html:not([data-theme="light"]) body:not(.theme-light) .search-v21-page{
        --s-ink:#f3f6fb;--s-muted:#9eabc0;--s-card:#19212f;--s-soft:#202a3a;--s-line:#344158;
    }
}
@media(max-width:920px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
    .explore-search{grid-template-columns:1fr}
    .explore-search__actions{display:grid;grid-template-columns:1fr 1fr}
    .explore-search-button,.explore-filter-button{width:100%}
}
@media(max-width:520px){
    .search-v21-heading h1{font-size:2.15rem}
    .explore-section__head{align-items:flex-start}
    .work-grid{grid-template-columns:1fr}
    .work-card__visual{aspect-ratio:16/10}
}

/* =========================================================
   Search V2.2 — UI semplificata
   Titolo + ricerca + risultati immediati
   ========================================================= */
.search-v21-page{
    gap:10px;
}

.search-v21-heading--simple{
    align-items:center;
    padding:5px 2px 0;
}

.search-v21-heading--simple .search-v21-heading__icon{
    margin-top:0;
}

.search-v21-heading--simple h1{
    margin:0;
    color:var(--s-ink);
    font-size:clamp(1.65rem,4.5vw,2.65rem);
    line-height:1;
    letter-spacing:-.04em;
}

.search-v21-panel--simple{
    padding:11px;
}

.search-v21-panel--simple .explore-search{
    align-items:stretch;
}

.search-v21-panel--simple .search-v21-query{
    min-width:0;
}

.search-v21-panel--simple .search-v21-input input{
    min-height:50px;
    font-size:.72rem;
}

.explore-section--direct{
    padding-top:0;
}

.explore-section--direct .work-grid{
    margin-top:0;
}

.search-v21-panel--simple + .explore-section--direct{
    margin-top:0;
}

@media(max-width:680px){
    .search-v21-page{gap:9px}
    .search-v21-heading--simple{gap:10px}
    .search-v21-heading--simple .search-v21-heading__icon{
        width:38px;height:38px;border-radius:12px;
    }
    .search-v21-heading--simple h1{
        font-size:1.72rem;
    }
    .search-v21-panel--simple{
        padding:10px;
    }
    .search-v21-panel--simple .explore-search{
        gap:9px;
    }
    .search-v21-panel--simple .explore-search__actions{
        gap:7px;
    }
}