/* Your CSS goes here */


/* Marine Chemicals adjustments */
.experience-number { font-size: 6rem; letter-spacing: -0.04em; }
.section-projects .view-products-public .view-content { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 991px) { .section-projects .view-products-public .view-content { grid-template-columns: repeat(2, 1fr); } }
.news-item img { aspect-ratio: 10 / 7; object-fit: cover; }
/* Article cards: titles always visible (most posts share the default image). */
.news-item .news-hover { background: linear-gradient(to top, rgba(10,12,14,.88) 0%, rgba(10,12,14,.55) 55%, rgba(10,12,14,.15) 100%); display: flex; flex-direction: column; justify-content: flex-end; }
.news-item .news-hover .content, .news-item .news-hover .news-description, .news-item .news-hover .read-more { opacity: 1; transform: none; }
.news-item .news-hover .news-title { transform: none; font-size: 1.5rem; }
.news-item .news-hover .news-title a, .news-item .news-hover .read-more a { color: #fff; }
.news-item .news-hover .time, .news-item .news-hover .news-description { color: rgba(255,255,255,.75); }
.news-item:hover .news-hover { background: #fff; }
.news-item:hover .news-hover .news-title a, .news-item:hover .news-hover .read-more a { color: #000; }
.news-item:hover .news-hover .time, .news-item:hover .news-hover .news-description { color: #999; }
.news-item .news-hover .news-description { display: none; }
.news-item .news-hover .news-title { margin-bottom: 2.4rem; }
.mc-lead { color: #777; margin-top: -10px; }
/* "Explore" footer block: product categories + locations (linked sitewide on the old site). */
.footer .mc-explore { padding: 70px 15px 50px; border-bottom: 1px solid #ececec; margin-bottom: 50px; }
.mc-explore-title { font-size: 20px; font-weight: 600; margin: 0 0 20px; }
.mc-explore-cats, .mc-explore-locs { list-style: none; padding: 0; margin: 0; font-size: 13px; line-height: 1.5; }
.mc-explore-cats { columns: 3 200px; column-gap: 30px; }
.mc-explore-cats li, .mc-explore-locs li { break-inside: avoid; padding: 3px 0; }
.mc-explore a { color: #555; }
.mc-explore a:hover { color: #000; background: #cee002; text-decoration: none; }
/* About Us stats */
.mc-stats { margin-top: 30px; }
.mc-stat { padding: 20px 15px; }
.mc-stat-number { font-family: 'Poppins', sans-serif; font-size: 44px; font-weight: 700; line-height: 1; color: #111; }
.mc-stat-number::after { content: ''; display: block; width: 40px; height: 4px; background: #cee002; margin: 14px 0 10px; }
.mc-stat-label { font-size: 13px; text-transform: uppercase; letter-spacing: .1em; color: #777; }
.mc-stats-list { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; }
.mc-stats-list strong { display: block; font-size: 36px; line-height: 1.1; }
/* Migrated D7 body HTML: keep inline images and tables inside the column. */
.node__content img, .field--name-body img { max-width: 100%; height: auto; }
.field--name-body table { max-width: 100%; }
.field--name-body iframe { max-width: 100%; }
/* Long catalogue pagers wrap instead of overflowing on phones. */
.pager__items, ul.pagination, ul.js-pager__items { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 0; }
.pager__items > li, ul.pagination > li { margin: 0 !important; }