form .messages--error{background:rgba(255,0,0,.05);border:1px solid red;border-radius:4px;color:red;padding:.5rem 1rem .25rem;}form .webform-confirmation{margin-block:3rem;text-align:center;}
.producers-block_gallery.block-views{padding-top:5rem;}.view-producers.view-display-id-block_gallery{.view-content{display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);@media(width > 1200px){grid-template-columns:repeat(4,1fr);}@media(900px < width <= 1200px){grid-template-columns:repeat(3,1fr);}@media(600px < width <= 900px){grid-template-columns:repeat(2,1fr);}.views-row{aspect-ratio:1;@media(width > 1200px){&:first-child{grid-column:span 2;grid-row:span 2;}}img{cursor:pointer;height:100%;object-fit:cover;object-position:50% 50%;width:100%;}}}[popover]{box-shadow:0 0 4px rgba(0,0,0,.3);border:0;margin:auto;max-height:90dvh;max-width:90dvw;padding:0;&::backdrop{background:rgba(255,255,255,.75);}}&:has([popover]:popover-open) .views-row img{pointer-events:none;}}[popover]{transition:opacity 0.2s,transform 0.2s,display 0.2s allow-discrete;opacity:0;transform:translateY(3rem);&:popover-open{opacity:1;transform:none;@starting-style{&{opacity:0;transform:translateY(-1rem);}}}}