/* v11 · «Не верьте нам на слово — проверьте сами»: three documents on the desk, each with a real registry check and a stamp */
.verify11 { margin-top: 8px; }
.verify11__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding: 18px 22px; border-radius: 16px; background: var(--gray-50, #F9FAFB); border: 1px solid var(--gray-200, #E5E7EB); }
.verify11__title { font-size: 19px; font-weight: 800; color: var(--gray-900, #111827); letter-spacing: -.01em; }
.verify11__sub { margin-top: 2px; font-size: 14px; color: var(--gray-500, #6B7280); }
.verify11__meter { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--gray-700, #374151); white-space: nowrap; }
.verify11__meter b { font-size: 22px; color: var(--red, #E31837); font-variant-numeric: tabular-nums; }
.verify11__slots { display: flex; gap: 5px; }
.verify11__slots i { width: 26px; height: 8px; border-radius: 4px; background: var(--gray-200, #E5E7EB); transition: background .4s; }
.verify11__slots i.is-on { background: var(--success, #059669); }

.verify11__docs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 30px; }
.vdoc { position: relative; display: flex; flex-direction: column; padding: 34px 24px 22px; border-radius: 6px 6px 16px 16px; background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 18px 40px -26px rgba(17, 24, 39, .35); overflow: hidden;
    transition: transform .5s cubic-bezier(.2, .8, .2, 1), opacity .5s, box-shadow .3s; }
.vdoc:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 26px 50px -26px rgba(17, 24, 39, .45); }
.vdoc__clip { position: absolute; top: -2px; left: 50%; width: 64px; height: 18px; margin-left: -32px; border-radius: 0 0 6px 6px; background: linear-gradient(180deg, #C9CFD4, #A8B0B7); }
.vdoc__kind { font-size: 11px; font-weight: 700; letter-spacing: .14em; color: var(--gray-400, #9CA3AF); }
.vdoc__title { margin-top: 8px; font-size: 19px; font-weight: 800; color: var(--gray-900, #111827); }
.vdoc__text { margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--gray-600, #4B5563); }
.vdoc__check { display: inline-flex; align-items: center; gap: 8px; padding: 11px 16px; border-radius: 10px;
    border: 1.5px solid var(--red, #E31837); color: var(--red, #E31837); font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s, color .2s; }
.vdoc__check:hover { background: var(--red, #E31837); color: #fff; }
.vdoc__check svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; }
/* the magnifier keeps looking over the document until it is checked */
.vdoc:not(.is-ok) .vdoc__check svg { animation: v11Scan 2.6s ease-in-out infinite; }
@keyframes v11Scan { 0%, 100% { transform: translate(0, 0); } 30% { transform: translate(2px, -2px); } 60% { transform: translate(-1px, 1px); } }
.vdoc__ok { display: none; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--success, #059669); }
.vdoc__ok svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
/* the stamp: pressed onto the paper */
.vdoc__stamp { flex: none; display: grid; justify-items: center; padding: 8px 12px 6px; border: 3px solid var(--red, #E31837); border-radius: 10px;
    color: var(--red, #E31837); rotate: -8deg; opacity: 0; transform: scale(.6); pointer-events: none; }
.vdoc__stamp b { font-size: 17px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; line-height: 1; }
.vdoc__stamp small { margin-top: 3px; font-size: 8.5px; font-weight: 700; letter-spacing: .06em; }
.vdoc.is-ok .vdoc__stamp { opacity: .85; transform: none; }
.vdoc.is-stamping .vdoc__stamp { animation: v11Stamp .55s cubic-bezier(.3, 1.6, .5, 1) both; }
@keyframes v11Stamp { 0% { opacity: 0; transform: scale(2.2); } 60% { opacity: .95; transform: scale(.94); } 100% { opacity: .85; transform: none; } }
.vdoc.is-stamping { animation: v11Bump .5s ease-out .2s; }
@keyframes v11Bump { 40% { transform: translateY(3px); } }
/* a slow glint passes over the documents that are not checked yet */
.vdoc__shine { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .7) 50%, transparent 60%); transform: translateX(-110%); }
.vdoc:not(.is-ok) .vdoc__shine { animation: v11Shine 5.5s ease-in-out infinite; }
.vdoc:nth-child(2) .vdoc__shine { animation-delay: 1.2s; } .vdoc:nth-child(3) .vdoc__shine { animation-delay: 2.4s; }
@keyframes v11Shine { 0%, 70% { transform: translateX(-110%); } 100% { transform: translateX(110%); } }

/* arriving on the desk one after another */
.verify11.is-waiting .vdoc { opacity: 0; transform: translateY(40px); }
.verify11.is-in .vdoc:nth-child(2) { transition-delay: .12s; } .verify11.is-in .vdoc:nth-child(3) { transition-delay: .24s; }

.verify11__win { margin-top: 26px; padding: 22px 24px; border-radius: 16px; background: #ECFDF5; border: 1px solid #A7F3D0; text-align: center; }
.verify11__win[hidden] { display: none; }
.verify11__win.is-new { animation: v11Win .6s cubic-bezier(.2, .8, .2, 1); }
@keyframes v11Win { from { opacity: 0; transform: translateY(16px); } }
.verify11__wintitle { font-size: 22px; font-weight: 800; color: #065F46; }
.verify11__win p:not(.verify11__wintitle) { margin: 6px auto 16px; max-width: 520px; color: #047857; }

@media (max-width: 900px) {
    .verify11__docs { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .vdoc { rotate: 0deg !important; padding: 30px 20px 20px; }
    .verify11__bar { padding: 16px; }
    .verify11__title { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
    .vdoc__shine, .vdoc__check svg { animation: none !important; }
    .verify11.is-waiting .vdoc { opacity: 1; transform: none; }
}


/* one even bottom row in every document, whatever the length of its text */
.vdoc__text { margin-bottom: 20px; }
.vdoc__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 46px; margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--gray-200, #E5E7EB); }
.verify11__docs { align-items: stretch; }
.vdoc__kind, .vdoc__title { text-align: left; }

/* ---------- one system for the whole block: the same radius (16px), the same 24px rhythm, every edge on one line ---------- */
.vdoc__clip { display: none; }
.verify11 { margin-top: 0; }
.verify11__bar { border-radius: 16px; padding: 20px 24px; }
.verify11__docs { gap: 24px; margin-top: 24px; }
.vdoc { padding: 24px; border-radius: 16px; border: 1px solid var(--gray-200, #E5E7EB); box-shadow: 0 1px 2px rgba(17, 24, 39, .04); background: #fff; }
.vdoc:hover { box-shadow: 0 12px 28px -18px rgba(17, 24, 39, .3); }
.vdoc__kind { margin: 0; line-height: 1; }
.vdoc__title { margin-top: 12px; line-height: 1.25; }
.vdoc__text { margin-top: 10px; margin-bottom: 24px; }
.vdoc__foot { min-height: 44px; padding-top: 16px; border-top: 1px solid var(--gray-100, #F3F4F6); }
.vdoc__check { height: 40px; padding: 0 16px; }
.verify11__win { margin-top: 24px; border-radius: 16px; padding: 24px; }
.trust .trust__bottom { margin-top: 24px; }
.trust .trust__guarantee { border-radius: 16px; }
@media (max-width: 900px) { .verify11__docs { gap: 16px; margin-top: 16px; } .vdoc { padding: 20px; } .verify11__win, .trust .trust__bottom { margin-top: 16px; } }

/* after the check the same button stays in place, green: «✓ Проверить ещё раз» */
.vdoc__lbl2 { display: none; }
.vdoc.is-ok .vdoc__check { display: inline-flex; border-color: var(--success, #059669); color: var(--success, #059669); }
.vdoc.is-ok .vdoc__check:hover { background: var(--success, #059669); color: #fff; }
.vdoc.is-ok .vdoc__lbl { display: none; }
.vdoc.is-ok .vdoc__lbl2 { display: inline; }
.vdoc.is-ok .vdoc__check svg { display: none; }
.vdoc.is-ok .vdoc__check::before { content: '↻'; font-size: 17px; line-height: 1; font-weight: 700; }
.vdoc__check { white-space: nowrap; max-width: 100%; }
.vdoc__foot { flex-wrap: nowrap; }

/* the win note: a centred column, the button never wider than its box */
.verify11__win { display: flex; flex-direction: column; align-items: center; }
.verify11__win .btn { max-width: 100%; white-space: normal; text-align: center; justify-content: center; }
@media (max-width: 900px) {
    .verify11__win { padding: 22px 18px; }
    .verify11__win .btn { width: 100%; padding-left: 16px; padding-right: 16px; }
    .vdoc__check { padding: 0 12px; font-size: 13.5px; }
}

/* the stamp is compact so that the button and the stamp always share one row, even on a 390px phone */
.vdoc__stamp { padding: 5px 9px 4px; border-width: 2.5px; border-radius: 8px; }
.vdoc__stamp b { font-size: 13px; letter-spacing: .06em; }
.vdoc__stamp small { font-size: 7px; letter-spacing: .03em; }
.vdoc__foot { gap: 10px; }
.vdoc__stamp { margin-right: 6px; } /* room for the corners of the tilted stamp */