.mp-util {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 8px 28px;
    background: #10192c;
    border-bottom: 1px solid rgba(59, 130, 246, 0.18);
    color: #93c5fd;
    font-size: 12px;
}
.mp-util p { margin: 0; display: flex; flex-wrap: wrap; gap: 14px; }
.mp-util-promo { color: #fbbf24; font-weight: 700; }
.mp-pdp-nav { position: sticky; top: 0; }
.mp-pdp-nav .mp-search {
    flex: 1;
    max-width: 520px;
    margin: 0;
    background: #10192c;
    border: 1px solid rgba(59, 130, 246, 0.28);
    box-shadow: none;
}
.mp-pdp-nav .mp-search input {
    background: transparent;
    color: #e2e8f0;
    padding: 10px 16px;
}
.mp-pdp-nav .mp-search input::placeholder { color: #8b9bb8; }
.mp-pdp-nav .mp-search button {
    width: auto;
    border-radius: 999px;
    margin: 4px;
    padding: 0 14px;
    background: linear-gradient(90deg, #2563eb, #1d4ed8);
    font-size: 13px;
    font-weight: 700;
}
.mp-pdp-nav .mp-links { flex: 0 0 auto; }
.mp-pdp-nav .mp-icon,
.mp-pdp-nav .mp-menu { width: auto; padding: 0 12px; }
.mp-catbar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 28px;
    background: rgba(22, 31, 54, 0.88);
    border-bottom: 1px solid rgba(129, 140, 248, 0.22);
    overflow-x: auto;
}
.mp-catbar a {
    flex: 0 0 auto;
    color: #c9d6ee;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 999px;
}
.mp-catbar-all,
.mp-catbar-shop {
    border: 1px solid rgba(96, 165, 250, 0.4);
    background: rgba(16, 25, 44, 0.8);
}
.mp-catbar-shop { margin-left: auto; color: #fff; background: #2563eb; border-color: transparent; }
.mp-crumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin: 0 0 14px;
    color: #8b9bb8;
    font-size: 13px;
}
.mp-crumb a { color: #93c5fd; }
.mp-crumb strong { color: #f8fafc; font-weight: 600; }
@media (max-width: 900px) {
    .mp-util, .mp-catbar { padding-left: 14px; padding-right: 14px; }
    .mp-util-promo { display: none; }
    .mp-pdp-nav .mp-search { order: 5; flex: 1 1 100%; max-width: none; }
    .mp-catbar-shop { margin-left: 0; }
}