/*
 * MP Ring Builder – style.css v4.2
 * mprb- prefix throughout. Zero conflict with cpl9.
 */

.mprb-app, .mprb-app * { box-sizing: border-box; }
.mprb-app img { display: block; }
.mprb-app a   { text-decoration: none; }
.mprb-app button { font-family: inherit; line-height: 1; }

/* ── App wrapper ── */
.mprb-app {
    --ink:   #1C1C1E;
    --gold:  #B8965A;
    --muted: #E2D9C8;
    --grey:  #8A8178;
    --sans:  'Inter', -apple-system, sans-serif;
    --serif: 'EB Garamond', Georgia, serif;

    font-family: var(--sans);
    font-size: 14px;
    color: var(--ink);
    background: transparent;        /* no background */
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    max-width: none;                 /* no max-width */
    padding: 0 0 80px;
}

/* ── Loading ── */
.mprb-loading { padding: 80px 0; text-align: center; }
.mprb-loading-txt { font-family: var(--serif); font-size: 22px; color: var(--gold); margin-bottom: 18px; letter-spacing: .05em; }
.mprb-loading-bar { width: 40px; height: 1px; background: var(--gold); margin: 0 auto; animation: mprbPulse 1.5s infinite; }
@keyframes mprbPulse { 0%{opacity:.3;width:20px} 50%{opacity:1;width:60px} 100%{opacity:.3;width:20px} }

/* ════════════════════════════════════════
   PROGRESS BAR
   Uniform appearance for all 3 steps.
   Active = gold accent. Hover = gold text.
   ════════════════════════════════════════ */
.mprb-progress-wrap {
    padding: 0 24px;
    margin-bottom: 0;
    width: 100%;
}
.mprb-progress {
    display: flex !important;
    align-items: stretch;
    background: transparent !important;
    border: 1px solid var(--muted);
    position: sticky;
    top: 0;
    z-index: 200;
    min-height: 64px;
    width: 100%;
}
/* All steps look the same — uniform padding and size */
.mprb-step {
    display: flex !important;
    align-items: center;
    gap: 14px;
    padding: 0 32px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: var(--grey);
    flex: 1;
    min-height: 64px;
    transition: color .2s, background .2s;
    cursor: default;
}
/* Hover effect — gold */
.mprb-step:hover { color: var(--gold); }
.mprb-step-complete { cursor: pointer; }

/* Active — just gold underline on the number, text stays ink */
.mprb-step-active { color: var(--ink) !important; }
.mprb-step-inactive { color: var(--grey); }

/* Step number circle — same for all */
.mprb-step-num {
    width: 28px; height: 28px;
    border-radius: 50%;
    border: 1.5px solid currentColor;
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; flex-shrink: 0;
    transition: background .2s, color .2s, border-color .2s;
}
.mprb-step-active .mprb-step-num {
    background: var(--gold);
    color: white;
    border-color: var(--gold);
}
.mprb-step-complete .mprb-step-num {
    background: var(--gold);
    color: white;
    border-color: var(--gold);
}

/* Divider arrow between steps — bigger */
.mprb-step-arr {
    color: var(--muted);
    font-size: 26px;
    flex-shrink: 0;
    padding: 0 2px;
    line-height: 1;
    align-self: center;
}

/* Divider line between steps */
.mprb-progress .mprb-step + .mprb-step-arr,
.mprb-progress .mprb-step-arr + .mprb-step {
    border-left: 1px solid var(--muted);
}

/* ════════════════════════════════════════
   STEP 1 — GRID PAGE
   Max-width 1320px centered, no sidebar.
   ════════════════════════════════════════ */
.mprb-grid-page {
    padding: 32px 0 0;
    width: 100%;
    max-width: 1320px;   /* #1 — grid page only gets max-width */
    margin: 0 auto;
}

/* Filter bar — inline: Ring Material + Diamond Shape left, Sort right */
.mprb-filter-bar {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 0 28px;
    border-bottom: 1px solid var(--muted);
    margin-bottom: 32px;
    flex-wrap: wrap;
}
.mprb-filter-left  { display: flex !important; align-items: center; gap: 32px; flex-wrap: wrap; }
.mprb-filter-group { display: flex !important; align-items: center; gap: 12px; }
.mprb-filter-lbl   { font-size: 10px; text-transform: uppercase; letter-spacing: .14em; color: var(--grey); font-weight: 700; white-space: nowrap; }

/* Material swatches inline */
.mprb-mat-swatches { display: flex !important; gap: 8px; align-items: center; }
.mprb-mat-sw {
    width: 20px !important; height: 20px !important;
    border-radius: 50% !important;
    border: 2px solid transparent !important;
    cursor: pointer;
    display: block !important;
    transition: box-shadow .2s, border-color .2s;
    flex-shrink: 0;
}
.mprb-mat-sw:hover,
.mprb-mat-sw.mprb-sw-on { border-color: var(--ink) !important; box-shadow: 0 0 0 1px var(--ink); }

/* Diamond shape filter — outline SVG icons, small */
.mprb-shape-filter { display: flex !important; gap: 6px; align-items: center; }
.mprb-shp-btn {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 6px 8px;
    border: 1px solid var(--muted) !important;
    background: transparent !important;
    cursor: pointer;
    color: var(--grey) !important;
    transition: all .2s;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
}
.mprb-shp-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.mprb-shp-btn:hover { border-color: var(--ink) !important; color: var(--ink) !important; }
.mprb-shp-btn.mprb-shp-on { border-color: var(--ink) !important; color: var(--ink) !important; }

/* Sort */
.mprb-sort-wrap { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--grey); cursor: pointer; white-space: nowrap; }
.mprb-sort-wrap select { font-size: 11px; font-weight: 700; color: var(--grey); border: none; background: transparent; cursor: pointer; outline: none; text-transform: uppercase; letter-spacing: .1em; appearance: none; padding-right: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%238A8178' stroke-width='1.2' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0 center; }

/* ── Ring card grid — full width, minimal, elegant ── */
.mprb-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    width: 100%;
}
@media (max-width: 1200px) { .mprb-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px)  { .mprb-grid { grid-template-columns: repeat(2, 1fr) !important; } }

.mprb-card {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: opacity .3s;
    position: relative;
}
.mprb-card:hover { opacity: .88; }

.mprb-card-img {
    aspect-ratio: 1/1;
    overflow: hidden;
    width: 100%;
    background: #f5f3f0;
    margin-bottom: 0;
}
.mprb-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
    display: block;
    max-width: none;
}
.mprb-card:hover .mprb-card-img img { transform: scale(1.04); }

.mprb-card-body { padding: 16px 0 28px; }
.mprb-card-name { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--ink); margin: 0 0 5px; line-height: 1.4; }
.mprb-card-price { font-size: 13px; color: var(--grey); margin: 0 0 8px; }
.mprb-card-mats { display: flex !important; gap: 5px; }
.mprb-card-mat-dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; border: 1px solid rgba(0,0,0,.12) !important; display: block !important; flex-shrink: 0; }

/* ════════════════════════════════════════
   DETAIL VIEW — 50/50 full width (no max-width)
   ════════════════════════════════════════ */
.mprb-detail {
    display: flex !important;
    width: 100%;
    background: transparent;
    overflow: visible;
    position: relative;
}

/* LEFT — natural height, no scroll */
.mprb-d-left {
    width: 50% !important;
    box-sizing: border-box !important;
    padding: 48px 52px 60px 5% !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent;
    position: sticky !important;
    top: 0;
    align-self: flex-start;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    z-index: 2;                /* #3 — below right panel images */
    flex-shrink: 0;
}
.mprb-top-g { display: flex; flex-direction: column; }
.mprb-bot-g { display: flex; flex-direction: column; padding-top: 20px; }

/* Breadcrumb */
.mprb-bc { display: flex !important; flex-wrap: wrap; gap: 5px; align-items: center; color: #999; padding-bottom: 10px; font-size: 12px; }
.mprb-bc a { color: #999 !important; text-decoration: none !important; }
.mprb-bc a:hover { color: #444 !important; }
.mprb-sep { color: #ccc; }

/* Category / Title / Price */
.mprb-cat   { font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--gold); padding-bottom: 7px; font-size: 11px; }
.mprb-title { font-size: 28px !important; font-weight: 700 !important; line-height: 1.2 !important; color: var(--ink) !important; margin: 0 !important; padding-bottom: 13px; font-family: var(--serif) !important; }
.mprb-price { font-weight: 700; color: var(--ink); line-height: 1; padding-bottom: 12px; font-size: 20px; }
.mprb-desc  { line-height: 1.76; color: #666; font-size: 14px; padding-bottom: 4px; }

/* Section */
.mprb-section { margin-bottom: 20px; }
.mprb-sec-lbl { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: var(--grey); font-weight: 700; display: block; margin-bottom: 10px; }
.mprb-sec-lbl-dyn { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: var(--grey); font-weight: 700; display: block; margin-bottom: 10px; }

/* Diamond shape selector */
.mprb-shapes { display: flex !important; flex-wrap: wrap; gap: 6px; }
.mprb-shape-btn { width: 44px !important; height: 44px !important; display: flex !important; align-items: center; justify-content: center; border: 1px solid var(--muted) !important; background: transparent !important; cursor: pointer; color: var(--grey) !important; transition: all .2s; padding: 0 !important; }
.mprb-shape-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.mprb-shape-btn:hover { border-color: var(--ink) !important; color: var(--ink) !important; }
.mprb-shape-active { border-color: var(--ink) !important; color: var(--ink) !important; }
.mprb-shape-active svg { stroke-width: 1.8; }

/* Material selector */
.mprb-mats { display: flex !important; flex-wrap: wrap; gap: 7px; }
.mprb-mat-btn { display: flex !important; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid var(--muted) !important; background: transparent !important; cursor: pointer; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--grey) !important; transition: all .2s; }
.mprb-mat-btn:hover { border-color: var(--gold) !important; color: var(--ink) !important; }
.mprb-mat-active { border-color: var(--gold) !important; color: var(--ink) !important; box-shadow: inset 0 -2px 0 var(--gold); }
.mprb-mat-dot { width: 13px; height: 13px; border-radius: 50%; border: 1px solid rgba(0,0,0,.1); flex-shrink: 0; display: block; }

/* Size select */
.mprb-select { width: 100% !important; padding: 13px 32px 13px 13px !important; border: 1px solid var(--muted) !important; background: white !important; font-size: 14px !important; color: var(--ink) !important; outline: none !important; cursor: pointer; appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238A8178' stroke-width='1.4' fill='none'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 11px center !important; border-radius: 0 !important; box-shadow: none !important; }

/* ATC row */
.mprb-atc-row { display: flex !important; gap: 10px; margin-bottom: 18px; align-items: stretch; }
.mprb-cta { flex: 1; padding: 16px 20px !important; background: var(--ink) !important; color: white !important; border: none !important; cursor: pointer; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .2em; transition: background .2s; display: flex !important; align-items: center; justify-content: center; border-radius: 0 !important; box-shadow: none !important; }
.mprb-cta:hover { background: #444 !important; }
.mprb-wa-btn { width: 54px !important; height: 54px !important; background: #25D366 !important; border: none !important; cursor: pointer; display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; transition: background .2s; text-decoration: none !important; border-radius: 0 !important; }
.mprb-wa-btn:hover { background: #1da851 !important; }

/* Trust badges — #3: higher z-index so divider line doesn't bleed over image; #4: padding-bottom */
.mprb-trust {
    display: flex !important;
    position: relative;
    padding-top: 16px;
    padding-bottom: 12px;       /* #4 */
    margin-top: 4px;
    z-index: 3;                 /* #3 — above image right panel */
}
.mprb-trust::before { content:""; position:absolute; top:0; left:-9999px; right:-9999px; height:1px; background:#e5e0d8; }
.mprb-ti { flex:1; display:flex !important; flex-direction:column; align-items:center; gap:7px; padding:10px 5px; text-align:center; color:#555 !important; line-height:1.4; border-right:1px solid #e5e0d8; text-decoration:none !important; font-size:11px; font-weight:500; transition:background .2s; cursor:default; }
.mprb-ti:last-child { border-right:none; }
.mprb-ti-link { cursor:pointer !important; }
.mprb-ti-link:hover { background:#f5f2ed; color:var(--gold) !important; }
.mprb-ico { width:36px; height:36px; border-radius:50%; background:#ede8e0; display:flex !important; align-items:center; justify-content:center; color:#8a7560; flex-shrink:0; }
.mprb-ico svg { width:17px; height:17px; }

/* ── RIGHT PANEL — #3: higher z-index than left so images render above divider pseudo-element ── */
.mprb-d-right {
    width: 50% !important;
    position: sticky !important;
    top: 0;
    height: 80vh;                   /* 80vh desktop */
    overflow: hidden;
    display: flex !important;
    flex-shrink: 0;
    flex-direction: column;
    z-index: 3;                 /* #3 */
}
.mprb-slides { position:absolute !important; inset:0; overflow:hidden; z-index:0; }
.mprb-slide { position:absolute !important; inset:0; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; transform:translateY(100%); z-index:0; visibility:hidden; }
.mprb-slide-cur { transform:translateY(0) !important; z-index:1 !important; visibility:visible !important; }
.mprb-veil { position:absolute; inset:0; background:linear-gradient(160deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 50%); z-index:1; pointer-events:none; }

/* Arrows — #8: bigger */
.mprb-arrows { position:absolute; left:18px; bottom:18px; z-index:5; display:flex !important; gap:10px; }
.mprb-arr {
    width: 52px !important;     /* #8 bigger */
    height: 52px !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer !important;
    background: rgba(255,255,255,.92) !important;
    color: #1a1a1a !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 16px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(6px);
    transition: background .2s, transform .15s;
    padding: 0 !important;
}
.mprb-arr:hover { background:#fff !important; transform: scale(1.08); }
.mprb-arr svg { width: 20px; height: 20px; }   /* #8 bigger icon too */

/* Thumbnails */
.mprb-thumbs { position:absolute !important; right:14px; top:50%; transform:translateY(-50%); z-index:4; width:64px; height:352px; overflow:hidden; }
.mprb-track  { display:flex; flex-direction:column; gap:8px; transition:transform .35s cubic-bezier(.4,0,.2,1); }
.mprb-thumb  { width:64px !important; height:64px !important; border-radius:7px; overflow:hidden; cursor:pointer; flex-shrink:0; border:2px solid rgba(255,255,255,.2) !important; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:border-color .2s; display:block; }
.mprb-thumb img { width:100% !important; height:100% !important; object-fit:cover; display:block; }
.mprb-thumb:hover { border-color:rgba(255,255,255,.5) !important; }
.mprb-thumb-on { border-color:#fff !important; box-shadow:0 3px 16px rgba(0,0,0,.32) !important; }

/* Share */
.mprb-share { position:absolute !important; bottom:18px; right:14px; z-index:5; display:flex !important; align-items:center; gap:7px; background:rgba(255,255,255,.88); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.35); border-radius:50px; padding:7px 14px; }
.mprb-share-lbl { font-size:8.5px; letter-spacing:.16em; color:#555; font-weight:700; text-transform:uppercase; white-space:nowrap; margin-right:2px; }
.mprb-share-btn { width:30px !important; height:30px !important; border-radius:50% !important; background:rgba(0,0,0,.07) !important; display:flex !important; align-items:center; justify-content:center; color:#1a1a1a !important; text-decoration:none !important; transition:background .18s; flex-shrink:0; border:none !important; }
.mprb-share-btn:hover { background:rgba(0,0,0,.16) !important; }
.mprb-share-btn svg { pointer-events:none; }

/* Sticky bar */
.mprb-sticky { position:fixed !important; z-index:99999; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:12px; box-shadow:0 6px 28px rgba(0,0,0,.12); top:76px; right:20px; width:280px; align-items:center; gap:10px; padding:10px 12px; animation:mprbUp .25s ease; }
@keyframes mprbUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
.mprb-si-img { width:48px; height:48px; object-fit:cover; border-radius:7px; flex-shrink:0; border:1px solid #eee; display:block; }
.mprb-si-info { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.mprb-si-cat   { font-size:9px; letter-spacing:.14em; color:var(--gold); font-weight:700; text-transform:uppercase; }
.mprb-si-name  { font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:13px; }
.mprb-si-price { font-weight:700; color:var(--ink); font-size:13px; }
.mprb-si-btn { width:42px !important; height:42px !important; border-radius:9px !important; background:var(--ink) !important; flex-shrink:0; display:flex !important; align-items:center; justify-content:center; border:none !important; cursor:pointer; transition:background .2s; }
.mprb-si-btn:hover { background:var(--gold) !important; }
.mprb-si-btn svg { width:17px; height:17px; }

/* ── Diamond table ── */
.mprb-dia-wrap { background:#fff; border:1px solid var(--muted); overflow-x:auto; }
.mprb-dia-tbl  { width:100%; border-collapse:collapse; text-align:left; min-width:520px; }
.mprb-dia-tbl th { padding:13px 16px; font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:var(--grey); border-bottom:1px solid var(--muted); background:#fafafa; font-weight:700; }
.mprb-dia-tbl td { padding:13px 16px; border-bottom:1px solid #f5f5f5; font-size:13px; }
.mprb-dia-tbl tr:hover td { background:#fafafa; }
.mprb-cta-sm { padding:9px 16px !important; background:var(--ink) !important; color:white !important; border:none !important; cursor:pointer; font-size:10px !important; font-weight:700 !important; text-transform:uppercase; letter-spacing:.15em; transition:background .2s; white-space:nowrap; border-radius:0 !important; box-shadow:none !important; }
.mprb-cta-sm:hover { background:var(--gold) !important; }

/* Summary cards */
.mprb-sum-card { background:#fff; border:1px solid var(--muted); padding:18px; }

/* ── #5 Sidebar on diamond step — proper sticky desktop sidebar ── */
.mprb-split {
    display: grid !important;
    grid-template-columns: 260px 1fr;   /* sidebar + main */
    gap: 52px;
    padding: 32px 36px;
    width: 100%;
    align-items: start;
}
.mprb-sidebar {
    position: sticky !important;
    top: 80px;                           /* offset below header */
    height: fit-content;
    align-self: flex-start;
}
.mprb-main { min-width: 0; }
.mprb-filter-sec { margin-bottom: 28px; }
.mprb-divider { height: 1px; background: var(--muted); margin: 20px 0; }
@media (max-width: 900px) { .mprb-split { grid-template-columns: 1fr !important; padding: 20px 16px; } .mprb-sidebar { position: static !important; } }

/* ── Back button bar ── */
.mprb-step-page { width: 100%; }
.mprb-step-back { padding: 16px 36px; border-bottom: 1px solid var(--muted); }
.mprb-back-btn { background: none !important; border: none !important; cursor: pointer; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: var(--grey) !important; padding: 0; display: inline-flex; align-items: center; gap: 6px; transition: color .2s; font-family: inherit; }
.mprb-back-btn:hover { color: var(--ink) !important; }

/* ── Mobile share bar (below trust, centered) ── */
.mprb-share-mob { display: none; align-items: center; justify-content: center; gap: 10px; padding: 18px 0 0; margin-top: 4px; border-top: 1px solid var(--muted); }
.mprb-share-mob .mprb-share-lbl { font-size: 9px; letter-spacing: .16em; color: var(--grey); font-weight: 700; text-transform: uppercase; }

/* ════════════════════════════════════════
   MOBILE
   ════════════════════════════════════════ */
@media (max-width: 768px) {
    /* #7: Progress bar — only active step shows text */
    .mprb-progress-wrap { padding: 0 8px; }
    .mprb-progress { min-height: 52px; }
    .mprb-step { padding: 0 14px; min-height: 52px; gap: 8px; }
    .mprb-step-num { width: 24px; height: 24px; font-size: 10px; flex-shrink: 0; }
    /* Hide label on inactive/complete steps on mobile */
    .mprb-step-inactive .mprb-step-lbl,
    .mprb-step-complete .mprb-step-lbl { display: none; }
    /* Active step: flex:2 so it takes more space for its label */
    .mprb-step-active { flex: 2; }
    .mprb-step-inactive,
    .mprb-step-complete { flex: 0 0 auto; }
    .mprb-step-arr { font-size: 18px; padding: 0 2px; }

    .mprb-step-back { padding: 12px 16px; }
    .mprb-filter-bar { flex-direction: column; align-items: flex-start; gap: 16px; }

    .mprb-detail { flex-direction: column !important; }

    /* Mobile image: 50vh */
    .mprb-d-right {
        width: 100% !important;
        height: 50vh !important;
        position: relative !important;
        top: 0 !important;
        order: -1;
        z-index: 1;
    }
    .mprb-d-left { width:100% !important; position:static !important; padding:20px 18px 80px !important; z-index: 2; }

    /* Mobile arrows: center vertically on left and right edges */
    .mprb-arrows {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        top: 50% !important;
        transform: translateY(-50%);
        display: flex !important;
        justify-content: space-between;
        padding: 0 14px;
        pointer-events: none;
        gap: 0;
    }
    .mprb-arr { pointer-events: auto; }

    /* Thumbnails horizontal */
    .mprb-thumbs { right:auto !important; left:50%; bottom:48px !important; top:auto !important; transform:translateX(-50%); width:auto !important; max-width:calc(100% - 32px); height:44px; }
    .mprb-track { flex-direction:row; gap:5px; }
    .mprb-thumb { width:44px !important; height:44px !important; border-radius:5px; }

    /* Share: hide on right panel, show below trust */
    .mprb-share { display: none !important; }
    .mprb-share-mob { display: flex !important; }

    .mprb-sticky { display:none !important; }
    .mprb-bot-g { margin-top: 0; padding-top: 0; }
}