/* ══════════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ
══════════════════════════════════════════════════════════════════ */
@media (min-width: 600px) {
    .tile { border-radius: 24px; }
    .plan { padding: 24px; }
    .panel-body { max-width: 680px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
    .splash-logo { font-size: 56px; }
    .hero-wrapper { max-width: 720px; margin: 0 auto; }
    .info-card { max-width: 720px; margin-left: auto; margin-right: auto; }
    .tiles-compact-row { max-width: 720px; margin: 0 auto; }
}

@media (min-width: 960px) {
    .header { max-width: 860px; margin: 0 auto; padding-top: 24px; }
    .hero-wrapper { max-width: 860px; margin: 0 auto; }
    .info-card { max-width: 828px; margin-left: auto; margin-right: auto; }
    .tiles-compact-row { max-width: 860px; margin: 0 auto; }
    .tile:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(44, 100, 100, 0.15); }
    .tile:hover .tile-arrow { background: var(--accent2); color: white; }
    .cat-item:hover  { background: rgba(255,255,255,0.95); border-color: rgba(44,150,150,0.3); }
    .doc-item:hover  { background: rgba(255,255,255,0.95); border-color: rgba(44,150,150,0.3); }
    .back-btn:hover  { background: rgba(255,255,255,0.95); }
    .btn-primary:hover { opacity: 0.9; }
    .btn-gold:hover    { opacity: 0.9; }
    .btn-outline:hover { background: rgba(44, 150, 150, 0.08); }
    .panel-body { max-width: 780px; padding-left: 32px; padding-right: 32px; }
    #pdf-scroll-wrap { cursor: grab; }
    #pdf-scroll-wrap:active { cursor: grabbing; }
}

@media (max-width: 360px) {
    .tile { padding: 14px; border-radius: 16px; }
    .tile-title { font-size: 15px; }
    .tile-icon { width: 34px; height: 34px; font-size: 16px; margin-bottom: 10px; }
    .plan { padding: 16px; }
    .btn { padding: 13px; font-size: 14px; }
}

@media (max-height: 500px) and (orientation: landscape) {
    .header { padding-top: calc(8px + var(--sa-top)); }
    .panel-header { padding-top: calc(8px + var(--sa-top)); }
    .splash-logo { font-size: 32px; }
    .panel-bottom-nav { padding-bottom: calc(6px + var(--sa-bottom)); }
}