.phone-guide .phone-guide-steps { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; padding: 0; margin: 1rem 0 1.5rem; }
.phone-guide-steps li { min-width: 0; padding: .75rem; border: 1px solid #777; border-radius: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.phone-guide-picture { display: flex; align-items: center; gap: .5rem; margin-bottom: .75rem; }
.phone-guide-step-label { color: #fff; background: #a74100; width: 26px; height: 26px; border-radius: 50%; display: inline-grid; place-items: center; flex-shrink: 0; font-weight: 700; }
.phone-guide-screen { width: 90px; height: 98px; border: 2px solid #969696; border-radius: 12px; padding: 7px; background: #101010; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.phone-guide-browser { font-size: 14px; font-weight: 700; }
.phone-guide-address { font-size: 7px; white-space: nowrap; background: #333; padding: 3px; border-radius: 3px; }
.phone-guide-share { font-size: 38px; line-height: 1; border: 2px solid #eee; border-top: 0; width: 36px; text-align: center; }
.phone-guide-menu { font-size: 42px; line-height: 1; }
.phone-guide-screen img { border-radius: 9px; }
@media(max-width: 620px) { .phone-guide .phone-guide-steps { grid-template-columns: 1fr; } .phone-guide-steps li { display: grid; grid-template-columns: 130px minmax(0,1fr); align-items: center; gap: .5rem; } .phone-guide-picture { margin-bottom: 0; } }
@media(max-width: 360px) { .phone-guide-steps li { grid-template-columns: 1fr; } .phone-guide-picture { margin-bottom: .5rem; } }