.rp-category-name {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    overflow-wrap: anywhere;
}
.rp-category-name > span:last-child { min-width: 0; }
.rp-category-icon {
    position: relative;
    display: inline-block;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background-image: url('../images/rankpanel/category-icons-3d.png');
    background-size: 400% 400%;
    background-repeat: no-repeat;
    filter: drop-shadow(0 3px 3px rgb(0 0 0 / 15%));
    animation: rp-category-float 5s ease-in-out infinite;
    animation-play-state: paused;
}
.rp-category-icon::after {
    content: '✦';
    position: absolute;
    top: -2px;
    right: -3px;
    color: #eab536;
    text-shadow: 0 0 5px rgb(234 181 54 / 45%);
    animation: rp-category-sparkle 4s ease-in-out infinite;
    animation-play-state: paused;
}
.rp-category-icon[data-visible="true"], .rp-category-icon[data-visible="true"]::after { animation-play-state: running; }
[data-rp-category-preview] { margin-bottom: 10px; font-weight: 500; }
[data-rp-category-preview][hidden] { display: none; }
@keyframes rp-category-float {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50% { transform: translateY(-3px) rotate(3deg); }
}
@keyframes rp-category-sparkle {
    0%, 100% { transform: scale(.65); opacity: .3; }
    50% { transform: scale(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .rp-category-icon, .rp-category-icon::after { animation: none; }
}

/* Shared catalogue and order details: scoped to service notes. */
.rp-service-description{font-size:14px;line-height:1.65;color:#33313e;text-align:left;overflow-wrap:anywhere}
.rp-service-note{display:flex;align-items:flex-start;gap:12px;padding:13px 12px;border-bottom:1px solid #efedf3}
.rp-service-note:last-child{border-bottom:0}
.rp-service-note--intro{background:#f2eefb;border:1px solid #e7dff8;border-radius:12px;margin-bottom:10px;color:#473775;font-weight:600}
.rp-service-note-icon{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;background:#f7f6fa;border-radius:9px;font-size:16px;line-height:1}
.rp-service-note--intro .rp-service-note-icon{background:#e9e1f7}
.rp-service-note strong{color:#2e283c;font-weight:650}
@media(max-width:480px){.rp-service-note{padding:12px 8px;gap:9px}.rp-service-description{font-size:13px}}