
.dv-orderpop {
    position: fixed; bottom: 60px; left: 16px; z-index: 9997;
    width: 320px; background: rgba(26,26,26,0.97);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(198,169,108,0.2); border-radius: 8px;
    padding: 12px 36px 12px 12px;
    display: flex; align-items: flex-start; gap: 11px;
    font-family: Montserrat, sans-serif;
    box-shadow: 0 8px 32px rgba(0,0,0,0.35);
    opacity: 0; transform: translateX(-110%);
    transition: transform .6s cubic-bezier(.4,0,.2,1),
                opacity .6s cubic-bezier(.4,0,.2,1),
                bottom .28s ease-out;
    pointer-events: none;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}
.dv-orderpop.visible { opacity: 1; transform: translateX(0); pointer-events: auto; }
.dv-orderpop:hover { border-color: rgba(198,169,108,0.5); background: rgba(34,34,34,0.98); }
.dv-orderpop.cd-dismissed { bottom: 8px; }
body.dv-sticky-atc-active .dv-orderpop {
    bottom: calc(var(--dv-orderpop-lift, 78px));
}
.dv-op-icon {
    flex-shrink: 0; width: 40px; height: 40px;
    background: rgba(198,169,108,0.1); border: 1px solid rgba(198,169,108,0.2);
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; line-height: 1;
}
.dv-op-body { flex: 1; min-width: 0; }
.dv-op-buyer { font-size: 12px; font-weight: 600; color: #C6A96C; margin: 0 0 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dv-op-product { font-size: 11.5px; color: rgba(255,255,255,0.92); line-height: 1.4; margin: 0 0 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dv-op-meta { font-size: 10px; color: rgba(255,255,255,0.5); letter-spacing: 0.04em; text-transform: uppercase; margin: 0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dv-op-dot { display: inline-block; width: 6px; height: 6px; background: #4CAF50; border-radius: 50%; vertical-align: middle; animation: dv-op-pulse 2s ease-in-out infinite; }
.dv-op-dot.review { background: #FFB400; }
.dv-op-tag { display: inline-block; padding: 1px 6px; background: rgba(76,175,80,.12); color: #4CAF50; border-radius: 3px; font-weight: 600; font-size: 9.5px; letter-spacing: .03em; }
.dv-op-tag.review { background: rgba(255,180,0,.14); color: #FFB400; }
.dv-op-stars { color: #FFB400; font-size: 11px; letter-spacing: 1px; line-height: 1; }
@keyframes dv-op-pulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.dv-op-close {
    position: absolute; top: 4px; right: 4px;
    background: none; border: none; color: rgba(255,255,255,0.4);
    font-size: 16px; cursor: pointer;
    min-width: 28px; min-height: 28px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 3px;
}
.dv-op-close:hover { color: rgba(255,255,255,0.9); background: rgba(255,255,255,0.06); }
.dv-op-link-hint {
    position: absolute; right: 12px; bottom: 8px;
    font-size: 10px; color: rgba(198,169,108,.5);
    pointer-events: none;
}
@media (max-width: 767px) {
    .dv-orderpop { width: 290px; left: 10px; bottom: 72px; padding: 11px 34px 11px 11px; }
    .dv-orderpop.cd-dismissed { bottom: 72px; }
}
