/* E3-catalog (2026-09-14): пины «Часто используемые» в каталоге #/services.
   Аддитивный оверлей экосистемного SPA. Канон цветов: bg #f6f8fc, акцент #1a56db→#3b82f6,
   зелёный #16a34a, текст #0f172a. Без teal/purple/yellow. */
.e3-pins{margin:18px 0 6px}
.e3-pins__title{margin:0 0 10px;font-size:15px;font-weight:700;color:#0f172a;letter-spacing:.01em}
.e3-pins__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:900px){.e3-pins__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.e3-pins__grid{grid-template-columns:1fr;gap:8px}}
.e3-pin{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;text-decoration:none;color:#0f172a;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .15s ease,box-shadow .2s ease,border-color .15s ease}
.e3-pin:hover{transform:translateY(-1px);border-color:#bfd0f0;box-shadow:0 6px 18px rgba(15,23,42,.08)}
.e3-pin:active{transform:scale(.985)}
.e3-pin:focus-visible{outline:3px solid rgba(26,86,219,.45);outline-offset:2px}
@media (max-width:560px){.e3-pin{min-height:56px;padding:12px 14px}}
.e3-pin__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#1a56db,#3b82f6);color:#fff}
.e3-pin__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.e3-pin__body strong{font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e3-pin__body small{font-size:12.5px;color:#5b6b83;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e3-pin__go{flex:0 0 auto;margin-left:auto;color:#1a56db;opacity:.75}
.e3-pin[data-ext] .e3-pin__go{color:#16a34a}
.e3-pins[hidden]{display:none}