:root {
  --mp-red:#D20103;
  --mp-black:#000000;
  --mp-white:#FFFFFF;
  --mp-gray:#6c757d;
  --mp-light:#f5f5f5;
  --mp-shadow:0 15px 40px rgba(0,0,0,.08);
}
body { font-family: Inter, Arial, sans-serif; background:#fff; color:#111; }
a { color: var(--mp-red); }
.utility-bar { background: var(--mp-black);z-index:10000000;position:relative;clear:both; }
.utility-link { color:#fff; text-decoration:none; opacity:.9; }
.utility-link:hover { opacity:1; color:#fff; }
.site-header { top: 0; z-index: 1030; }
.site-logo { height:42px; width:auto; }
.brand-mark { display:inline-flex; width:42px; height:42px; border-radius:999px; align-items:center; justify-content:center; background:var(--mp-red); color:#fff; font-weight:800; }
.btn-brand { background:var(--mp-red); color:#fff; border-color:var(--mp-red); }
.btn-brand:hover { background:#a80002; border-color:#a80002; color:#fff; }
.page-title, .section-title { color:var(--mp-red); font-weight:800; }
.section-kicker { text-transform:uppercase; letter-spacing:.08em; color:var(--mp-gray); font-size:.8rem; margin-bottom:.35rem; }
.hero-slide { min-height:72vh; background-size:cover; background-position:center; position:relative; }
.hero-slide::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(255,255,255,.92), rgba(255,255,255,.65), rgba(255,255,255,.15)); }
.hero-panel { position:relative; max-width:760px; background:rgba(255,255,255,.86); border-radius:1.25rem; padding:2rem; margin:4rem 0; backdrop-filter: blur(6px); }
.bento-card, .product-card, .news-card { background:#fff; border-radius:1.25rem; overflow:hidden; box-shadow:var(--mp-shadow); border:1px solid rgba(0,0,0,.05); transition:transform .25s ease, box-shadow .25s ease; }
.bento-card:hover, .product-card:hover, .news-card:hover { transform:translateY(-4px); }
.bento-image, .product-thumb, .product-detail-image { background:#ffffff center center no-repeat; min-height:240px;background-size: contain }
.product-detail-image { min-height:420px; border-radius:1.25rem; box-shadow:var(--mp-shadow); }
.site-footer { background:#111; color:#fff; }
.site-footer a { color:#fff; text-decoration:none; }
.site-footer a:hover { color:#ffb3b3; }
.rfq-floating-badge { position:fixed; right:1.25rem; bottom:1.25rem; background:var(--mp-red); color:#fff; border-radius:1rem; padding:.85rem 1rem; box-shadow:var(--mp-shadow); z-index:1040; text-align:center; min-width:92px; }
.content-body p { line-height:1.7; }
@media (max-width: 991px) { .hero-slide { min-height:60vh; } .hero-panel { margin:2rem 0; } }