/* =========================================================
   BRERO – Seite «Marine & Wassersport»
   Baut auf css/outdoor.css und css/mobilitaet.css auf, hier nur Ergänzungen (Präfix ma-)
   ========================================================= */
.ma-hero .vh-hero-media img { object-position: 60% center; }
.mo-case-img.ma-contain { background: #fff; border-bottom: 1px solid var(--line); }
.mo-case-img.ma-contain > img { object-fit: contain; padding: 18px; }
.mo-case-thumbs.ma-left { right: auto; left: 14px; }

/* Sortiment: Liste mit grossen Produktbildern */
.ma-range { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ma-item { display: grid; grid-template-columns: 120px 1fr 20px; align-items: center; gap: 18px; padding: 16px 20px 16px 16px; background: var(--white); border: 1px solid var(--line); border-radius: 10px; transition: box-shadow .25s, border-color .25s; }
.ma-item:hover { box-shadow: var(--shadow-hover); border-color: var(--blue); }
.ma-item-img { width: 120px; height: 100px; display: flex; align-items: center; justify-content: center; }
.ma-item-img img { max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.ma-item h3 { font-size: 1rem; font-weight: 700; color: var(--navy); margin-bottom: 4px; }
.ma-item p { font-size: .8125rem; line-height: 1.45; color: var(--text); }
.ma-item > .icon { width: 18px; height: 18px; color: var(--blue); stroke-width: 2; transition: transform .2s; }
.ma-item:hover > .icon { transform: translateX(4px); }
.ma-item-cta { grid-template-columns: 1fr 20px; background: var(--blue); border-color: var(--blue); min-height: 132px; padding-left: 24px; }
.ma-item-cta h3, .ma-item-cta p, .ma-item-cta > .icon { color: #fff; }
@media (max-width: 1100px) { .ma-range { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .ma-range { grid-template-columns: 1fr; } .ma-item { grid-template-columns: 90px 1fr 18px; } .ma-item-img { width: 90px; height: 80px; } }
.vh-machines.ma-three { grid-template-columns: repeat(3, 1fr); }
.vh-prods.ma-prods { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1100px) { .vh-machines.ma-three { grid-template-columns: 1fr 1fr; } .vh-prods.ma-prods { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .vh-machines.ma-three, .vh-prods.ma-prods { grid-template-columns: 1fr; } }
.ma-sets .vp-kits { grid-template-columns: repeat(3, 1fr); gap: 20px; } .ma-sets .vp-kit-img { height: 220px; }
@media (max-width: 860px) { .ma-sets .vp-kits { grid-template-columns: 1fr; } }