/* «Награды DoorsDesk» on the open site (the owner, 29–31.10): the medal in a second circle beside the logo, the plan chip above the
   DoorsDesk Index pill. The coin fills 126 of 144 px of its GIF, so its box is the logo size / 0.875 (48 → 55, 72 → 82). */
.dd-medal { flex: none; border-radius: 50%; }
.dd-medal--48 { width: 55px; height: 55px; margin: -3.5px -3.5px -3.5px -11.5px; }
.dd-medal--72 { width: 82px; height: 82px; margin: -5px -5px -5px -13px; }
.site-companies__item { align-items: center; }
.site-companies__item > div:not(.dd-rank) { flex: 1; }
.dd-rank { flex: none; width: 96px; display: flex; flex-direction: column; align-items: center; gap: 5px; }
.dd-plan { position: relative; overflow: hidden; display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #3e424a; }
.dd-plan--gold { background: linear-gradient(135deg, #fff3cf, #e9c77d); color: #6b4a12; }
.dd-plan--platinum { background: linear-gradient(135deg, #f4f8ff, #cfd9e8 45%, #fff 55%, #b9c6da); color: #26303d; }
/* Diamond (variant 9 of the preview): black glass, an icy stone with fire and glitter, a glint over the chip */
.dd-plan--diamond { padding: 1px 9px 1px 7px; color: #fff; border: 1px solid transparent;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.32) 50%, rgba(255,255,255,0)) -50px 0 / 44px 100% no-repeat padding-box,
        linear-gradient(180deg, #25282e, #08090b 55%, #000) padding-box, linear-gradient(120deg, #9fb4ff, #f2c6ff 35%, #bdf0ff 65%, #9aa6b8) border-box;
    box-shadow: 0 1px 3px rgba(0,0,0,.3); animation: dd-chipglint 4.5s ease-in-out infinite; }
.dd-plan--diamond::before { content: ""; display: inline-block; width: 9px; height: 8px; margin-inline-end: 4px; vertical-align: -.5px;
    background: linear-gradient(115deg, transparent 0 38%, rgba(255,255,255,.95) 50%, transparent 62% 100%) 0 0 / 300% 100%, linear-gradient(135deg, #fff, #c9d6ea 45%, #8e9bb3 60%, #e8f0ff);
    clip-path: polygon(20% 0, 80% 0, 100% 35%, 50% 100%, 0 35%); animation: dd-fire 2.6s ease-in-out infinite; }
.dd-plan--diamond::after { content: ""; position: absolute; left: 13px; top: 2px; width: 5px; height: 5px; transform: scale(0); filter: drop-shadow(0 0 1.5px #bdf0ff);
    background: radial-gradient(circle, #fff 0 .6px, rgba(220,240,255,.9) .9px, transparent 1.6px), linear-gradient(90deg, transparent 40%, #fff 50%, transparent 60%), linear-gradient(0deg, transparent 40%, #fff 50%, transparent 60%);
    animation: dd-glitter 3.1s linear infinite; }
@keyframes dd-chipglint { 0%, 65% { background-position: -50px 0, 0 0, 0 0; } 100% { background-position: 140px 0, 0 0, 0 0; } }
@keyframes dd-fire { 0% { background-position: 100% 0, 0 0; } 100% { background-position: -50% 0, 0 0; } }
@keyframes dd-glitter { 0%, 30% { transform: scale(0); left: 13px; top: 2px; } 33% { transform: scale(1) rotate(45deg); } 37%, 62% { transform: scale(0) rotate(90deg); left: 9px; top: 5px; }
    65% { transform: scale(.8) rotate(45deg); } 68%, 86% { transform: scale(0); left: 15px; top: 4px; } 88% { transform: scale(.7) rotate(30deg); } 91%, 100% { transform: scale(0); } }
@media (prefers-reduced-motion: reduce) { .dd-plan--diamond, .dd-plan--diamond::before, .dd-plan--diamond::after { animation: none; } }
.dd-index { display: inline-flex; gap: 6px; align-items: baseline; padding: 6px 12px; border: 1px solid var(--copper); border-radius: 999px; color: var(--copper-dark); font-size: .8rem; white-space: nowrap; }
.dd-index b { font-size: 1.05rem; color: var(--copper-dark); }
.dd-rank .tip__text { bottom: auto; top: calc(100% + 8px); }
@media (max-width: 620px) {
    .site-companies__item { flex-wrap: wrap; }
    .dd-rank { width: auto; flex-direction: row; margin-inline-start: 62px; }
}
.site-company__head .dd-rank { margin-inline-start: auto; }