/* Tessitura Brera / catalogo visivo — raffinamento della versione approvata */
.prodotti .catalogue-header{position:relative;overflow:hidden;background:#f3f1eb;padding-top:clamp(55px,6.6vw,90px);padding-bottom:clamp(58px,5.9vw,85px)}
.prodotti .catalogue-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#d7d5cb;pointer-events:none}
.prodotti .brera-catalogue-kicker{font-size:10px;letter-spacing:.22em;margin-bottom:23px}
.prodotti .catalogue-header h1{letter-spacing:-.055em}
.prodotti .brera-catalogue-meta{border-left-color:#bbbeb4;position:relative}
.prodotti .brera-catalogue-meta::before{content:"";height:2px;position:absolute;left:-1px;top:0;width:33px;background:#b3846a}
.prodotti .category-index{padding-top:48px;background:#f7f6f2}
.prodotti .brera-directory-heading{display:grid;grid-template-columns:auto 1fr auto;column-gap:28px;align-items:center;margin-bottom:22px}
.prodotti .brera-directory-hint{justify-self:center;color:#879087;font-size:9px;letter-spacing:.13em;font-weight:600}
.prodotti .brera-directory-heading>span:nth-child(2){order:3;justify-self:end}
.prodotti .category-index-item{min-height:75px;transition:background-color .25s ease,padding-left .25s ease;}
.prodotti .category-index-item h2{transition:color .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);}
.prodotti .category-index-item:hover h2,.prodotti .category-index-item:focus-visible h2,.prodotti .category-index-item.is-preview-active h2{transform:translateX(3px);color:#283f33}
.prodotti .category-index-item:hover,.prodotti .category-index-item:focus-visible,.prodotti .category-index-item.is-preview-active{background:#eeede6}
.prodotti .category-index-item:before{width:3px;background:#b07a5f}
.prodotti .category-index-item .category-index-arrow{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid transparent;transition:transform .24s ease,border-color .24s ease,background .24s ease;}
.prodotti .category-index-item:hover .category-index-arrow,.prodotti .category-index-item:focus-visible .category-index-arrow,.prodotti .category-index-item.is-preview-active .category-index-arrow{border-color:#c9ccbf;transform:translate(2px,-2px);background:#f9f8f4}
.prodotti .brera-directory-preview{top:102px}
.prodotti .brera-directory-preview-inner{height:clamp(470px,53vw,592px);padding:24px 25px 22px;background:#eae7de;border:1px solid #dcd9ce;box-shadow:0 16px 35px rgba(31,52,42,.05)}
.prodotti .brera-preview-top{font-size:9px;color:#8c765f;z-index:2}
.prodotti .brera-preview-picture{position:relative;padding:0 2px;flex:1;min-height:0;isolation:isolate}
.prodotti .brera-preview-picture::before{content:"";position:absolute;inset:19px 24px 20px 24px;border:1px solid rgba(40,62,51,.10);pointer-events:none;z-index:-1}
.prodotti .brera-preview-picture::after{content:"";position:absolute;inset:20px 24px 20px 24px;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(66,80,70,.05) 32px 33px);pointer-events:none;z-index:-2}
.prodotti .brera-preview-picture > #brera-preview-image{position:relative;z-index:1;max-height:92%;height:92%;width:77%;max-width:77%;object-fit:contain;object-position:center center;margin-right:auto;filter:drop-shadow(11px 17px 12px rgba(32,38,31,.15));transition:opacity .28s ease,transform .55s cubic-bezier(.2,.8,.2,1);transform:translateX(4%) scale(1.0)}
.prodotti .brera-preview-picture > #brera-preview-image.is-changing{opacity:.25;transform:translateX(3%) scale(.97)}
.prodotti .brera-preview-macro{position:absolute;z-index:3;right:0;top:52%;transform:translateY(-35%);margin:0;width:clamp(106px,11.3vw,144px);padding:7px;background:#f8f6f0;box-shadow:0 12px 23px rgba(37,52,44,.12);border:1px solid #ded9cc;transition:opacity .3s ease,transform .5s ease}
.prodotti .brera-preview-macro img{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:cover;display:block;border:1px solid #e3dfd5;filter:none;transform:none;opacity:1;transition:opacity .25s ease}
.prodotti .brera-preview-macro img.is-changing{opacity:.12;transform:none}
.prodotti .brera-preview-macro figcaption{font-size:8px;line-height:1.35;letter-spacing:.12em;font-weight:750;color:#846c5b;text-align:center;margin:9px 0 2px}
.prodotti .brera-preview-info{padding-top:15px;position:relative;z-index:3}
.prodotti .brera-preview-info h3{font-size:clamp(21px,2vw,28px)}
.prodotti .brera-preview-info a{border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.prodotti .brera-preview-info a:hover,.prodotti .brera-preview-info a:focus-visible{border-color:#b07a5f}
.prodotti .brera-preview-progress{height:2px;width:100%;background:#d2d2c6;position:absolute;bottom:0;left:0}
.prodotti .brera-preview-progress span{display:block;height:100%;width:8.333%;background:#ad7b61;transition:width .36s cubic-bezier(.2,.8,.2,1)}
.prodotti .brera-directory-preview-inner{padding-bottom:25px}
@media(max-width:1120px){.prodotti .brera-preview-macro{width:105px;right:-6px}.prodotti .brera-preview-picture > #brera-preview-image{width:74%;max-width:74%;}}
@media(max-width:920px){.prodotti .brera-directory-hint{display:none}.prodotti .brera-directory-heading{grid-template-columns:1fr auto}.prodotti .brera-directory-heading>span:nth-child(2){order:initial}}
@media(max-width:800px){
 .prodotti .catalogue-header{padding:63px 0 60px}.prodotti .category-index{padding-top:33px}
 .prodotti .category-index-item{min-height:76px}.prodotti .category-index-item h2{letter-spacing:-.04em}
 .prodotti .category-index-item:hover h2,.prodotti .category-index-item:focus-visible h2,.prodotti .category-index-item.is-preview-active h2{transform:none}
 .prodotti .category-index-item .category-index-arrow{width:23px;height:23px;border-radius:50%}
 .prodotti .brera-mobile-thumbnail{border:1px solid #e4e0d5;background:#eeece5;transition:background .2s}
 .prodotti .category-index-item:hover .brera-mobile-thumbnail{background:#e5e3d9}
}
@media(max-width:440px){.prodotti .catalogue-header{padding:54px 0 52px}.prodotti .brera-catalogue-kicker{font-size:9px}.prodotti .brera-directory-heading{padding-bottom:14px}.prodotti .category-index-item{min-height:73px}}
@media(prefers-reduced-motion:reduce){
 .prodotti .category-index-item,.prodotti .category-index-item h2,.prodotti .category-index-item .category-index-arrow,.prodotti .brera-preview-macro,.prodotti .brera-preview-macro img,.prodotti .brera-preview-progress span{transition:none!important}
}