/* MATTIA only. Shared catalogue, modules and consultation styles stay native. */
[data-collection="mattia"][data-mattia-refresh] .la-hero {
  display:block; padding:56px max(24px,calc((100vw - 1440px)/2)); background:#f5f3ef;
}
[data-collection="mattia"][data-mattia-refresh] .la-hero__copy {
  display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:40px; padding:0 40px 42px;
}
[data-collection="mattia"][data-mattia-refresh] .la-hero__actions { justify-self:end; padding:0; max-width:440px; }
[data-collection="mattia"][data-mattia-refresh] .la-hero__actions > p { max-width:none; }
[data-collection="mattia"][data-mattia-refresh] .mr-hero { width:100%; max-width:none; margin:0; }
[data-collection="mattia"][data-mattia-refresh] .mr-hero img { width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
[data-collection="mattia"][data-mattia-refresh] .mr-hero figcaption {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 0 0; font-size:12px;
}
[data-collection="mattia"][data-mattia-refresh] .mr-hero__link { display:inline-flex; gap:8px; align-items:center; }
[data-collection="mattia"][data-mattia-refresh] .mr-hero__link .la-icon { width:17px; height:17px; }
[data-collection="mattia"] .mr-photo { display:block; position:relative; color:inherit; }
[data-collection="mattia"] .mr-photo picture { display:block; }
[data-collection="mattia"] .mr-photo__zoom {
  position:absolute; bottom:16px; right:16px; width:44px; height:44px; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.94); border:1px solid #ddd7cf; border-radius:50%; color:#403a35;
}
[data-collection="mattia"] .mr-photo__zoom .la-icon { width:20px; height:20px; }
[data-collection="mattia"] .mr-heading { max-width:760px; margin-bottom:36px; }
[data-collection="mattia"] .mr-heading h2 { margin:12px 0 20px; }
[data-collection="mattia"] .mr-heading > p:last-child { max-width:600px; }
[data-collection="mattia"] .mr-scenes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
[data-collection="mattia"] .mr-scenes img { aspect-ratio:3/2; object-fit:contain; background:#f5f3ef; }
[data-collection="mattia"] .mr-scenes figcaption { padding-top:24px; }
[data-collection="mattia"] .mr-scenes figcaption h3 { font-size:clamp(24px,2.1vw,31px); }
[data-collection="mattia"] .mr-scenes figcaption p { margin-top:12px; max-width:540px; font-size:14px; }
[data-collection="mattia"] .mr-caption { margin-top:26px; font-size:12px; }
[data-collection="mattia"] .mr-benefits {
  list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; padding:38px 0 0; margin:42px 0 0; border-top:1px solid #ddd7cf;
}
[data-collection="mattia"] .mr-benefits li { margin:0; padding-right:20px; }
[data-collection="mattia"] .mr-benefits h3 { font-size:25px; }
[data-collection="mattia"] .mr-benefits p { margin-top:12px; font-size:14px; }
[data-collection="mattia"] .mr-materials { gap:36px; }
[data-collection="mattia"] .mr-materials .mr-photo img { aspect-ratio:3/2; object-fit:contain; }
[data-collection="mattia"] .mr-faq { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:70px; }
[data-collection="mattia"] .mr-faq .mr-heading { margin:0; }
[data-collection="mattia"] .mr-faq__items details { border-top:1px solid #ddd7cf; }
[data-collection="mattia"] .mr-faq__items details:last-child { border-bottom:1px solid #ddd7cf; }
[data-collection="mattia"] .mr-faq__items summary { cursor:pointer; padding:22px 32px 22px 0; font-size:16px; font-weight:500; }
[data-collection="mattia"] .mr-faq__items details p { padding:0 28px 24px 0; font-size:14px; }
[data-collection="mattia"] .mr-lightbox:not([open]) { display:none; }
[data-collection="mattia"] .mr-lightbox[open] {
  display:flex; flex-direction:column; width:min(1600px,calc(100vw - 32px)); max-width:none; height:calc(100dvh - 32px); max-height:none;
  padding:0; margin:auto; border:0; border-radius:6px; background:#fff; color:#26231f;
}
[data-collection="mattia"] .mr-lightbox::backdrop { background:rgba(25,22,18,.78); }
[data-collection="mattia"] .mr-lightbox__bar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 20px; border-bottom:1px solid #ddd7cf; }
[data-collection="mattia"] .mr-lightbox__bar h2 { margin:0; font:400 22px/1.2 Georgia,"Times New Roman",serif; letter-spacing:-.02em; }
[data-collection="mattia"] .mr-lightbox__controls { display:flex; align-items:center; gap:10px; }
[data-collection="mattia"] .mr-lightbox__controls button {
  display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:5px; border:1px solid #ddd7cf; border-radius:4px; background:#fff; color:#26231f; font-size:24px;
}
[data-collection="mattia"] .mr-lightbox__controls button:disabled { opacity:.4; cursor:default; }
[data-collection="mattia"] .mr-lightbox__controls span { min-width:44px; font-size:12px; text-align:center; font-variant-numeric:tabular-nums; }
[data-collection="mattia"] .mr-lightbox__controls a { font-size:12px; padding:12px 4px; text-decoration:underline; text-underline-offset:4px; }
[data-collection="mattia"] .mr-lightbox__viewport {
  flex:1; min-height:0; overflow:auto; padding:16px; background:#f5f3ef; overscroll-behavior:contain; touch-action:pan-x pan-y pinch-zoom;
}
[data-collection="mattia"] .mr-lightbox__viewport img { display:block; max-width:none; max-height:none; width:auto; height:auto; margin:auto; object-fit:contain; }
[data-collection="mattia"] .mr-lightbox__hint { padding:10px 20px; margin:0; font-size:11px; line-height:1.5; border-top:1px solid #ddd7cf; }
@media (max-width:1199px) {
  [data-collection="mattia"][data-mattia-refresh] .la-hero { padding:40px 24px 24px; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero__copy { padding:0 16px 32px; gap:32px; }
  [data-collection="mattia"] .mr-scenes { gap:24px; }
  [data-collection="mattia"] .mr-benefits { gap:24px; }
  [data-collection="mattia"] .mr-faq { gap:40px; }
}
@media (max-width:767px) {
  [data-collection="mattia"][data-mattia-refresh] .la-hero { display:flex; flex-direction:column; align-items:stretch; padding:32px 16px 20px; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero__copy { display:contents; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero__heading { display:block; order:0; width:100%; min-width:0; padding:0 8px 26px; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero__heading .la-kicker { margin:0; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero h1 { font-size:clamp(56px,18vw,82px); margin:12px 0 14px; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero__subtitle { max-width:none; margin:0; font-size:clamp(24px,6.5vw,30px); }
  [data-collection="mattia"][data-mattia-refresh] .mr-hero { order:1; margin-top:0 !important; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero__actions { order:2; padding:26px 8px 4px; max-width:none; }
  [data-collection="mattia"][data-mattia-refresh] .la-hero figcaption { font-size:11px; gap:8px; }
  [data-collection="mattia"] .mr-heading { margin-bottom:28px; }
  [data-collection="mattia"] .mr-scenes { grid-template-columns:1fr; gap:38px; }
  [data-collection="mattia"] .mr-scenes figcaption { padding-top:18px; }
  [data-collection="mattia"] .mr-photo__zoom { bottom:12px; right:12px; }
  [data-collection="mattia"] .mr-benefits { grid-template-columns:1fr; gap:28px; margin-top:32px; padding-top:30px; }
  [data-collection="mattia"] .mr-benefits li { padding-right:0; }
  [data-collection="mattia"] .mr-benefits p { margin-top:8px; }
  [data-collection="mattia"] .mr-materials { grid-template-columns:1fr; gap:38px; }
  [data-collection="mattia"] .mr-faq { grid-template-columns:1fr; gap:20px; }
  [data-collection="mattia"] .mr-faq__items summary { font-size:15px; padding-block:20px; }
  [data-collection="mattia"] .mr-lightbox[open] { width:calc(100vw - 12px); height:calc(100dvh - 12px); border-radius:4px; }
  [data-collection="mattia"] .mr-lightbox__bar { padding:12px; gap:10px; }
  [data-collection="mattia"] .mr-lightbox__bar h2 { font-size:19px; }
  [data-collection="mattia"] .mr-lightbox__controls { width:100%; justify-content:flex-end; gap:6px; }
  [data-collection="mattia"] .mr-lightbox__controls a { margin-left:auto; flex:1; min-width:64px; text-align:center; }
  [data-collection="mattia"] .mr-lightbox__viewport { padding:10px; }
  [data-collection="mattia"] .mr-lightbox__hint { padding:10px 12px; }
}