/* DCR Floating Highlights – site-only, scoped. No changes to Sidepanel or Wiki. */
#dcr-floating-highlights{position:fixed;left:32px;top:166px;width:min(280px,calc(100vw - 24px));min-width:280px;z-index:1050;font-family:Roboto,Arial,sans-serif;color:#f5eff8}
#dcr-floating-highlights[data-scroll-mode="page"]{position:absolute;z-index:120}
#dcr-floating-highlights [hidden]{display:none!important}
#dcr-floating-highlights .dcr-fh-panel{opacity:var(--dcr-fh-opacity,1);border:1px solid #b235b7;border-radius:17px;overflow:hidden;background:linear-gradient(165deg,rgba(62,22,76,.98),rgba(28,13,41,.98));box-shadow:0 10px 30px rgba(11,5,19,.55),0 0 13px rgba(184,35,185,.27)}
#dcr-floating-highlights .dcr-fh-head{height:53px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 17px;border-bottom:1px solid rgba(191,61,193,.38);background:linear-gradient(125deg,rgba(95,29,106,.36),rgba(41,16,52,.12))}
#dcr-floating-highlights .dcr-fh-grip{display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(3,6px);gap:5px;padding:8px;touch-action:none;user-select:none}
#dcr-floating-highlights .dcr-fh-grip span{width:6px;height:6px;border-radius:50%;background:#e7c4ef;box-shadow:0 0 3px rgba(227,140,245,.4)}
#dcr-floating-highlights[data-draggable="1"] .dcr-fh-grip{cursor:grab}
#dcr-floating-highlights[data-draggable="1"] .dcr-fh-grip:active{cursor:grabbing}
#dcr-floating-highlights[data-draggable="0"] .dcr-fh-grip{opacity:.45;cursor:default}
#dcr-floating-highlights .dcr-fh-minimize{display:flex;align-items:center;justify-content:center;width:37px;height:34px;border:1px solid #ae31b4;border-radius:9px;background:rgba(56,17,64,.85);color:#fff;font-size:27px;line-height:1;cursor:pointer;padding:0 0 3px}
#dcr-floating-highlights .dcr-fh-minimize:hover,#dcr-floating-highlights .dcr-fh-minimize:focus-visible{background:#88328f;outline-offset:2px}
#dcr-floating-highlights .dcr-fh-body{position:relative;padding:13px 16px 3px;min-width:0}
#dcr-floating-highlights .dcr-fh-slides{width:100%;min-width:0;max-width:100%;touch-action:pan-y}
#dcr-floating-highlights .dcr-fh-slide{display:block;width:100%;min-width:0}
/* Preserve the actual shop offer HTML, icons, price rules and View URL, resize it just for this panel. */
#dcr-floating-highlights .ItemHighlight{float:none;zoom:1;margin:0;width:100%;max-width:100%;min-height:229px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;white-space:normal;padding:14px 10px;background:linear-gradient(150deg,rgba(39,15,56,.94),rgba(24,9,37,.96));border:1px solid #b235b7;border-radius:12px;box-shadow:none;transform:none!important;transition:none}
#dcr-floating-highlights .ItemHighlight .itemIcon{display:block;margin:1px auto 9px;max-height:57px;max-width:61px;width:auto;height:auto;object-fit:contain}
#dcr-floating-highlights .ItemHighlight .shop-item-name{margin:4px auto 8px;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0}
#dcr-floating-highlights .ItemHighlight .shop-item-details{font-size:11px;line-height:1.3}
#dcr-floating-highlights .ItemHighlight .shop-details-btn{min-width:64px;min-height:30px;padding:5px 11px!important;margin:6px auto 0;font-size:11px!important;line-height:1.2}
#dcr-floating-highlights .ItemHighlight img.dp-icon,#dcr-floating-highlights .ItemHighlight img.vp-icon,#dcr-floating-highlights .ItemHighlight .shop-amount img{max-height:14px;width:auto;vertical-align:middle}
#dcr-floating-highlights .dcr-fh-previous,#dcr-floating-highlights .dcr-fh-next{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:38px;background:#311139;color:#fff;border:1px solid #b234b9;border-radius:8px;font-size:30px;line-height:1;cursor:pointer;padding:0}
#dcr-floating-highlights .dcr-fh-previous{left:5px}#dcr-floating-highlights .dcr-fh-next{right:5px}
#dcr-floating-highlights .dcr-fh-previous:hover,#dcr-floating-highlights .dcr-fh-next:hover{background:#793184}
#dcr-floating-highlights .dcr-fh-dots{display:flex;justify-content:center;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding:9px 11px 13px;min-height:29px}
#dcr-floating-highlights .dcr-fh-dot{flex:0 0 9px;width:9px;height:9px;padding:0;background:#6b4c77;border:1px solid #966da7;border-radius:50%;cursor:pointer}
#dcr-floating-highlights .dcr-fh-dot.is-active{background:#e02ee0;border-color:#f071f0;box-shadow:0 0 7px #d934da}
#dcr-floating-highlights .dcr-fh-restore{display:none;position:fixed;left:14px;bottom:14px;z-index:1050;width:48px;height:48px;padding:0;align-items:center;justify-content:center;border:1px solid #d137d8;border-radius:12px;background:linear-gradient(145deg,#581b64,#200d2a);box-shadow:0 0 12px rgba(198,38,207,.32);color:#e3a6f0;cursor:pointer}
#dcr-floating-highlights .dcr-fh-restore:hover,#dcr-floating-highlights .dcr-fh-restore:focus-visible{background:#80308b;color:#fff}
#dcr-floating-highlights.is-minimized .dcr-fh-restore{display:flex}
#dcr-floating-highlights.is-minimized .dcr-fh-panel{display:none}
@media(max-width:600px){#dcr-floating-highlights{width:min(280px,calc(100vw - 16px))}#dcr-floating-highlights .dcr-fh-body{padding:11px 13px 2px}#dcr-floating-highlights .dcr-fh-head{height:46px}#dcr-floating-highlights .ItemHighlight{min-height:204px}#dcr-floating-highlights .dcr-fh-restore{left:11px;bottom:11px}}

@media(max-width:296px){#dcr-floating-highlights{min-width:0;width:calc(100vw - 16px)}}

/* Category selection: continuous horizontal shop marquee, matching Sidepanel/Accountpanel. */
#dcr-floating-highlights[data-mode="category"] .dcr-fh-body{padding-bottom:13px}
#dcr-floating-highlights .dcr-fh-category-marquee{display:block;width:100%;max-width:100%;box-sizing:border-box;padding:0;overflow:hidden;white-space:nowrap}
#dcr-floating-highlights .dcr-fh-category-marquee .dcr-highlight-cycle{gap:12px;padding-right:12px;align-items:stretch}
#dcr-floating-highlights .dcr-fh-category-marquee .ItemHighlight{flex:0 0 184px;width:184px;min-width:184px;max-width:184px;min-height:195px}
@media(max-width:600px){#dcr-floating-highlights[data-mode="category"] .dcr-fh-body{padding-bottom:11px}#dcr-floating-highlights .dcr-fh-category-marquee .ItemHighlight{min-height:195px}}
