/* Установка на iPhone: виджет в ленте и окно с инструкцией. Окно собрано на стилях мастера Android (.dfw-*). */

/* Андроидный виджет на iPhone смысла не имеет: APK там не поставить. */
html.df-ios #android-promo-widget { display: none !important; }

.dfi-widget { display: flex; align-items: center; gap: 8px; padding: 8px 10px; }
.dfi-widget .xpi { flex-shrink: 0; }
.dfi-widget-text { flex: 1; min-width: 0; line-height: 1.35; }
.dfi-widget-text b { display: block; }

.dfi-steps { list-style: none; margin: 0 0 10px 0; padding: 0; counter-reset: dfi; line-height: 1.45; color: #222222; }
.dfi-steps li { display: flex; gap: 8px; margin: 0 0 9px 0; counter-increment: dfi; }
.dfi-steps li::before {
    content: counter(dfi);
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background: linear-gradient(180deg, #3c8cf0 0%, #1a56c8 100%);
    border: 1px solid #0831d9;
}
.dfi-share { display: inline-block; width: 15px; height: 18px; vertical-align: -4px; }
.dfi-window .dfw-foot-left { min-width: 0; }

/* На телефоне текст мастера мелковат: инструкцию читают, держа телефон одной рукой. */
@media (max-width: 680px) {
    .dfi-window { font-size: 13px; }
    .dfi-window .dfw-btn { min-height: 34px; }
}

/* С экрана «Домой» оттяжка страницы не нужна: кнопки «обновить» там всё равно нет. */
html.df-standalone body { overscroll-behavior-y: none; }