/* Brera: indice editoriale con anteprima dei veri nastri. Solo pagina prodotti. */
.prodotti .catalogue-header {
  background:#f3f1eb;
  padding:clamp(64px,7.4vw,100px) 0 clamp(62px,6vw,85px);
}
.prodotti .brera-catalogue-hero-layout {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(240px,.53fr);
  gap:55px;
  align-items:end;
}
.prodotti .brera-catalogue-kicker {
  color:#a67b64;
  font-size:10px;
  letter-spacing:.21em;
  font-weight:700;
  margin:0 0 28px;
}
.prodotti .catalogue-header h1 {max-width:900px; font-size:clamp(65px,7vw,100px); line-height:.99; }
.prodotti .brera-catalogue-meta {
  border-left:1px solid #cecfc5;
  padding-left:30px;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:end;
  column-gap:16px;
  padding-bottom:6px;
}
.prodotti .brera-catalogue-total {font:normal 80px/.85 var(--serif);letter-spacing:-.06em;color:#253f35;}
.prodotti .brera-catalogue-meta-label {font-size:10px;line-height:1.6;letter-spacing:.15em;font-weight:700;color:#987a68;max-width:110px;}
.prodotti .brera-catalogue-meta p {grid-column:1/-1;max-width:210px;color:#68746c;font-size:13px;line-height:1.65;margin:18px 0 0;}
.prodotti .category-index {background:#f8f7f3;padding:58px 0 120px;}
.prodotti .brera-directory-heading {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9bfb5;padding:0 0 18px;margin-bottom:28px;font-size:10px;letter-spacing:.16em;font-weight:700;color:#a87f68;}
.prodotti .brera-directory-layout {display:grid;grid-template-columns:minmax(0,1.48fr) minmax(285px,.88fr);gap:clamp(32px,4vw,60px);align-items:start;}
.prodotti .category-index-list {border-top:0;}
.prodotti .category-index-item {position:relative;min-height:76px;grid-template-columns:35px minmax(0,1fr) auto;gap:12px;padding:14px 2px 14px 8px;transition:background .23s, padding-left .23s;border-bottom:1px solid #d2d4cb;}
.prodotti .category-index-item:first-child {border-top:1px solid #d2d4cb;}
.prodotti .category-index-item:before {content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#b17e5f;transform:scaleY(0);transition:transform .25s;transform-origin:bottom;}
.prodotti .category-index-item:hover,
.prodotti .category-index-item:focus-visible,
.prodotti .category-index-item.is-preview-active {background:#eeeee7;padding-left:14px;}
.prodotti .category-index-item:hover:before,
.prodotti .category-index-item:focus-visible:before,
.prodotti .category-index-item.is-preview-active:before {transform:scaleY(1);}
.prodotti .category-index-item h2 {font-size:clamp(25px,2.3vw,33px);letter-spacing:-.045em;line-height:1.11;}
.prodotti .category-index-item .category-index-number {font-size:11px;letter-spacing:.10em;color:#b18570;}
.prodotti .category-index-item .category-index-action {font-size:0;gap:0;}
.prodotti .category-index-item .category-index-arrow {font-size:23px;transition:transform .2s;}
.prodotti .brera-mobile-thumbnail {display:none;}
.prodotti .brera-directory-preview {position:sticky;top:119px;}
.prodotti .brera-directory-preview-inner {position:relative;display:flex;flex-direction:column;height:clamp(430px,55vw,580px);min-height:0; background:#ebe8df;border:1px solid #e1ddd2;padding:25px 27px 25px;overflow:hidden;}
.prodotti .brera-preview-top {display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.16em;font-weight:750;color:#977b68;}
.prodotti .brera-preview-picture {flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:18px 24px;}
.prodotti .brera-preview-picture img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(13px 11px 16px rgba(30,43,34,.09));opacity:1;transform:scale(1);transition:opacity .23s,transform .5s;}
.prodotti .brera-preview-picture img.is-changing {opacity:.2;transform:scale(.97);}
.prodotti .brera-preview-info {display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px 12px;border-top:1px solid #bdbdb3;padding-top:19px;}
.prodotti .brera-preview-caption {grid-column:1/-1;font-size:9px;letter-spacing:.17em;font-weight:750;color:#9d7a65;}
.prodotti .brera-preview-info h3 {margin:0;font:normal clamp(23px,2.1vw,29px)/1.15 var(--serif);letter-spacing:-.035em;color:#263e34;}
.prodotti .brera-preview-info a {font-size:10px;font-weight:700;letter-spacing:.06em;color:#263e34;white-space:nowrap;padding-bottom:5px;}
.prodotti .brera-preview-info a span {font-size:17px;margin-left:6px;}
.prodotti .brera-preview-info a:hover {color:#b27658;}
@media (max-width:1050px){
  .prodotti .brera-directory-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px;}
  .prodotti .brera-directory-preview-inner{height:490px;padding:20px;}
  .prodotti .brera-preview-picture{padding:12px;}
  .prodotti .brera-preview-info{grid-template-columns:1fr;}
}
@media (max-width:800px){
  .prodotti .brera-catalogue-hero-layout{grid-template-columns:1fr;gap:32px;}
  .prodotti .brera-catalogue-meta{display:none;}
  .prodotti .catalogue-header{padding:67px 0 65px;}
  .prodotti .catalogue-header h1{font-size:clamp(54px,9vw,76px);}
  .prodotti .category-index{padding:38px 0 88px;}
  .prodotti .brera-directory-layout{display:block;}
  .prodotti .brera-directory-preview{display:none;}
  .prodotti .category-index-item{grid-template-columns:27px minmax(0,1fr) 54px 20px;gap:10px;min-height:75px;padding:9px 4px;}
  .prodotti .category-index-item h2{font-size:clamp(21px,4.2vw,29px);}
  .prodotti .brera-mobile-thumbnail{width:50px;height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e9e7df;padding:4px;}
  .prodotti .brera-mobile-thumbnail img{width:100%;height:100%;object-fit:contain;}
  .prodotti .category-index-item:hover,.prodotti .category-index-item:focus-visible,.prodotti .category-index-item.is-preview-active{padding-left:10px;}
  .prodotti .category-index-item .category-index-arrow{font-size:21px;}
}
@media (max-width:440px){
  .prodotti .catalogue-header{padding:56px 0 50px;}
  .prodotti .brera-catalogue-kicker{margin-bottom:19px;}
  .prodotti .catalogue-header h1{font-size:clamp(52px,10.6vw,69px);}
  .prodotti .category-index-item{grid-template-columns:22px minmax(0,1fr) 46px 17px;gap:8px;min-height:71px;}
  .prodotti .category-index-item h2{font-size:clamp(19px,5.2vw,24px);}
  .prodotti .brera-mobile-thumbnail{width:45px;height:52px;}
  .prodotti .category-index-item .category-index-arrow{font-size:20px;}
}
@media(prefers-reduced-motion:reduce){.prodotti .brera-preview-picture img,.prodotti .category-index-item:before{transition:none;}}