/* responsive-fix: мобильная доводка Puddle-клона (skills/responsive-fix.md). Подключается последним в каждой страницы. */ /* страховка на все медиа */ img, video, svg, iframe { max-width: 100%; height: auto; } /* iOS зумит страницу при фокусе на инпут с font-size < 16px */ input, select, textarea { font-size: 16px !important; } /* hover-подъём карточек — только там, где есть настоящий курсор */ .pdl-card { transition: background .15s; } @media (hover: hover) and (pointer: fine) { .pdl-card:hover { transform: translateY(-2px); } } /* ── мобильная нижняя навигация (сайдбар growthepie скрыт < md) ── */ .pdl-mnav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 8000; display: none; gap: 2px; padding: 6px max(10px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-right)); background: rgba(16, 32, 28, .92); backdrop-filter: blur(10px); border-top: 1px solid rgba(255, 255, 255, .1); } .pdl-mnav a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; min-height: 48px; justify-content: center; color: inherit; text-decoration: none; font-size: 10.5px; font-weight: 600; letter-spacing: .02em; opacity: .72; border-radius: 10px; } .pdl-mnav a svg { width: 21px; height: 21px; } .pdl-mnav a.on { opacity: 1; color: #1DF7EF; background: rgba(29, 247, 239, .08); } @media (max-width: 767px) { .pdl-mnav { display: flex; } /* контент не должен прятаться под нижней панелью */ main { padding-bottom: 84px !important; } /* тач-таргет копирования CA пошире */ .pdl-copy { padding: 4px 7px; margin: -4px -4px; } /* панель поиска не выше половины экрана на телефоне */ .pdls-panel { max-height: 46svh; } }